/*
Theme Name: Design notes Wordpress Theme
Theme URI: http://designnotes.fr
Description: The designnotes wordpress theme.
Version: 1.0
Author: Julien Fernandez
Author URI: http://www.omnidev.fr/
Tags: clean, simple

This theme was designed and built by Julien Fernandez.
*/

/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}
table {border-collapse:separate;border-spacing:0}
caption, th, td {text-align:left;font-weight:normal}
table, td, th {vertical-align:middle}
blockquote:before, blockquote:after, q:before, q:after {content:""}
blockquote, q {quotes:"" ""}
a img {border:none}

/* typography.css */
body {font-size:13px; line-height:22px; font-family:"Lucida Grande","Jamrul",Helvetica,Verdana,Arial,Tahoma,sans-serif; color:#555}
h1, h2, h3, h4, h5, h6 {font-family:"Arial",Helvetica,Helvetica Neue,Verdana,sans-serif; color:#000;}
h1 {font-size:36px; line-height:58px;}
h2 {font-size:21px; color:#21A8D0; line-height:34px;}
h3 {font-size:12px; line-height:18px;}
h4 {font-size:16px; line-height:26px;}
h5 {font-size:14px; line-height:24px;}
h6 {font-size:13px; line-height:22px;}
a {color:#000;}
a:active {outline:none; }
a:hover, a:focus {color:#21A8D0;}

/*CENTRAGE DE LA PAGE*/
html {text-align:center}
body {width:950px; margin:0 auto; margin-top:36px; text-align:left;}

/* HEADER */
#header {float:left; width:950px; height:88px; border-bottom:1px dotted #C6C6C6;}

/* Identité */
#identity {float:left;}
#identity h1 {float:left; display:block; height:34px; width:169px; margin-top:10px;}
#identity h1 a {float:left; display:block; float:left; height:34px; background:url("../img/designnotes.png") no-repeat; text-indent:-9999px; width:169px; text-decoration:none; color:#555}
#identity h1 a:hover, #identity h1 a:focus, #identity h1 a:active {background-position:0 -34px;}

/* Mainnav */
#mainNav  {float:left; width:643px; height:17px; padding:26px 0 0 138px;}
#mainNav ul {width:472px; list-style-type:none; height:17px; margin:0; padding:0;}
#mainNav li {padding:0; margin:0; display:block; float:left;}
#mainNav li a {display:block; float:left; height:17px; margin:0 5px 0 5px; color:#919191; text-decoration:none;}
#mainNav li a:hover {color:#151515;}

/* SecondaryNav */
#secondaryNav {float:left; width:928px; list-style-type:none; padding:18px 11px; border-bottom:1px dotted #C6C6C6; margin-bottom:6px;}
#secondaryNav li {float:left; display:block; width:182px;}
#secondaryNav li a {color:#979797; text-decoration:none;}

/* Notes */
ul#notes {float:left; width:950px; list-style-type:none;}
li.note {float:left; width:222px; margin:18px 18px 0 0; border:1px solid #E2E2E2; height:138px; overflow:hidden; position:relative;} /* Taille d'un bloc: 224 x 140 */
li.note.last {margin-right:0;}
li.note a {display:block; float:left; width:202px; padding:7px 10px 10px 10px; height:128px; text-decoration:none; color:#666666; font-weight:bold;}
li.note a:hover {background:#FAFAFA; color:#000;}
li.note .cats {display:block; list-style-type:none; height:26px; width:202px; position:relative; bottom:39px; overflow:hidden; background:#FAFAFA; padding:5px 10px 0 10px; border-top:1px solid #E2E2E2}
li.note .cats a {text-decoration:none; color:#666666; padding:0; margin:0 5px 0 0; display:inline; width:auto; float:left; font-weight:normal; height:auto;}
li.note .cats a:hover, li.note .cats a:focus {color:#21A8D0;}
li.note a.thumbNote {padding:5px; width:212px; height:128px;}

/* Footer */
#footer {float:left; width:950px; border-top:1px dotted #C6C6C6; margin-top:24px; text-align:center;}