/* RESET */ /* ----------------------------------------- */ /* Global reset */ /* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */ *, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 } table { border-collapse:collapse; border-spacing:0 } fieldset, img { border:0 } address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal } ol, ul, li { list-style:none } caption, th { text-align:left } h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal } q:before, q:after { content:''} /* Global reset-RESET */ /* The below restores some sensible defaults */ strong { font-weight:bold } em { font-style:italic } a img { border:none } /* Gets rid of IE's blue borders */ /* LAYOUT */ /* ----------------------------------------- */ /* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them. Edit as you see fit. More info: http://codex.wordpress.org/CSS */ .aligncenter { display:block; margin:0 auto } .alignleft { float:left } .alignright { float:right } .wp-caption { text-align:center; padding:10px; margin:10px } br.clear { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear your floated columns */ body { background: #d3d4d6 url(images/ombre.png) repeat-y top center; width:100%} #pagewrap { background: #f0ecd7 url(images/bgfondu.png) bottom repeat-x; width:870px; min-height:700px; margin: auto; } #bandeau { background: url(images/bandeau.jpg) top left no-repeat; height: 235px; width: 870px; text-indent:-900px} #statue { background: url(images/statue.png) bottom left no-repeat; width:245px; height:660px; top:100px; margin-left: -100px; position:fixed; z-index:999; } .page-id-8 #statue { margin-left: -170px; } .single #statue { margin-left: -170px; } #sidebar { float:right; width: 250px; margin-right: 5px;} #main { float:left; width:490px; margin-left:120px; } .page-id-8 #main { width:585px; margin-left:30px; } .single #main { width:585px; margin-left:30px; } .thecontent { background:white; border:solid 1px #d6d6d6; padding: 10px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; font:14pt Verdana,Arial,sans-serif; color:#4c2810; margin-bottom:10px; letter-spacing:-1px;} .thecontent p { margin-bottom:8px; } .thecontent a { text-decoration:underline; color: black; } .thecontent a:hover { color:#e36918; } #respond textarea { width:100%;} /* ----------- MENU ---------------- */ .menu li { display:block; font-family:Garamond, serif; font-size:28pt; margin: 0 5px; } .menu li a { color:#001351; text-decoration:none; display:block; padding:0 10px;} .menu li a:hover { color:white; background:#c3b99c; border:none ; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; } .menu li.current_page_item a { color:#4c2810; } .menu li ul li { display:block; font-family:Garamond, serif; font-size:12pt; margin: 0 5px; } .menu li ul li a { color:#001351; text-decoration:none; display:block; padding:0 10px;} /* ----------- BLOGWINDOW ---------------- */ #blogwindow { background:rgba(255,255,255,0.4); border: none; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; margin:20px 5px; padding:10px;} #blogwindow a.titre { display:block; border-bottom:solid 1px #4c2810; height:24px; border-top:solid 1px #4c2810; text-decoration:none;} #blogwindow a h1 { float:left; color:#4c2810; text-transform:uppercase; margin-top:-1px; letter-spacing:4px; font:bold 18pt Garamond, serif;} #blogwindow a h2 { float:right; font:italic 12pt Garamond,serif; color:#363636; margin:5px;} #blogwindow div.bloc { display:block; width:100%; text-align:center; font: 15px Verdana,Arial,sans-serif; color:#4c2810;} #blogwindow h3 { text-align:center; display:block; width:100%; margin:5px; } #blogwindow h3 a { text-transform:uppercase; color:#e36918; font:bold 11pt Garamond, serif; text-decoration:none; } #blogwindow h4 { text-align:right; display:block; width:100%; margin:5px; } #blogwindow h4 a { color:#4c2810; text-decoration:none; font:italic 11pt Verdana,Arial,sans-serif; } #blogwindow h4 a:hover { color:#E36918; } #blogwindow h5 { display:block; width:100%; text-align:left; font: 10px Verdana,Arial,sans-serif; color:#4c2810;} /* ----------- POST BLOG ---------------- */ #post_single .date { font:16pt Garamond,serif; color:#363636; text-align:left; letter-spacing:3px; margin-bottom:5px;} .thecontent h2 { font:20pt Garamond,serif; color:#e36918; margin-bottom:10px; letter-spacing:1px; text-transform:uppercase; text-align:left;} #post_single p { margin-bottom:8px;} #post_single .auth { text-align:center; margin-top:15px; font-style:italic; text-indent:30%;} #post_single .nav { font-size:0.85em; } #post_single .edit { float:right; } #post_single .edit a { font-size:0.85em; font-style:italic; } #post_single img { margin:-5px 7px 5px 12px; padding:6px; border:solid 1px #1b1b92; -moz-box-shadow:4px 4px 10px #BBB; -webkit-box-shadow:4px 4px 10px #BBB; box-shadow:4px 4px 10px #BBB; } #submit { border:none; background:none; font-size:12pt; letter-spacing:0; font-style:italic; color: black; display:inline; padding:0 5px 0 20px; } #submit:hover { color:#e36918; } .pic { padding: 5px 30px 0 0; } /* ----------- COMMENTS ---------------- */ #comments h3, #respond h3 { font:14pt bold Garamond,serif; color:#e36918; margin-bottom:10px; text-transform:uppercase; text-align:left; letter-spacing:1px;} #comments ol li { margin-bottom:15px; } #comments ol .comment-meta {font:13pt Garamond,serif; color:#363636; text-align:right; letter-spacing:1px; } #respond .login {font:13pt Garamond,serif; color:#363636; text-align:right; letter-spacing:1px; margin:0px 0 10px 0;} /* ----------- PAGES ---------------- */ #page .edit { text-align:right; } #page .edit a { font-size:0.85em; font-style:italic; }