/* ---------- Reset ---------- */
body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, em, ul,
li, form, a, fieldset, label, input, textarea { text-align: justify; font-size: 12px; color: #000; margin: 0; padding: 0; font-family: optima, helvetica, sans-serif; border: 0; outline: none; list-style: none; text-decoration: none; background: transparent; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }

/* ---------- Basic Elements ---------- */
html { overflow: auto; }
body { background-color: #000; }
#wrapper { width: 900px; margin: 10px auto; background-color: #fff; }
.clear { clear: both; }

/* ---------- Header ---------- */
#header { height: 144px; background: #fff url(images/mandala.jpg) no-repeat top left; padding: 26px 0 0; }
h1 a { float: left; display: block; text-indent: -9999px; width: 408px; height: 66px; background-image: url(images/lea-rinaldi.png); margin: 0 0 0 35px; }
h2 { float: left; font-size: 23px; margin: 33px 0 0 27px; }
h2 span { font-size: 18px; }
span.paris { margin: 0 0 0 172px; font-size: 14px; font-weight: bold; padding: 3px 0 0; }

/* --- Menu principal --- */
ul#nav { margin: 1px 0 0 31px; }
ul#nav li { display: inline; }
ul#nav li a { float: left; display: block; font-weight: bold; font-size: 15px; padding: 0 15px 0; }
ul#nav li a:hover { color: #c00000; }
ul#nav li a.actif { font-size: 19px; padding: 0 15px 22px; background-image: url(images/arrow.png); }

/* ------ Menu Secondaire ------ */
ul#sec-nav { float: left; width: 228px; height: 370px; margin: 0 0 0 4px; background-image: url(images/bg-nav.png); padding: 27px 0 0 3px; }
ul#sec-nav li a { display: block; text-transform: uppercase; font-size: 18px; margin: 61px 0; }
ul#sec-nav li a:hover { color: #c00000; }
ul#sec-nav li a.first { margin: 0 0 20px; }

/* ---------- Content ---------- */
#content { padding: 0 0 20px; }
#posts { width: 450px; float: left; margin: 0 20px 0; }
.post { border: 1px solid #aaa; border-width: 2px 0; background: #eee url(images/bg-post.png) no-repeat bottom right; margin: 0 0 20px; padding: 5px 8px 4px; }
.intro { border-bottom: 1px dashed #c00000; margin: 0 0 10px; }
h3 a { float: left; color: #c00000; font-family: georgia, arial; font-size: 18px; font-weight: bold; max-width: 300px; padding: 0 0 4px; }
span.date { float: right; padding: 4px 4px 0 0; font-weight: bold; font-style: italic; color: #aaa; }
.post p { padding: 0 5px 4px; max-width: 370px; }
p.suite a { display: block; margin: -1px 0 0; background-color: #c00000; padding: 2px; float: left; color: #ddd; }
p.suite a:hover { color: #fff; }
p.infos, p.infos a { padding: 11px 5px 0; font-size: 12px; color: #aaa; }
p.infos a { border-bottom: 1px dotted #c00000; }
p.infos a:hover { color: #444; }
li.next a, li.prev a { background-color: #c00000; padding: 4px 6px; float: left; color: #ddd; font-weight: bold; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
li.next:hover a, li.prev:hover a { color: #fff; }
li.next a { float: right; }
li.prev a { float: left; }
li.link a { max-width: 200px; }
#sidebar { float: right; }