/*
Theme Name: Boy
Theme URI: http://silent-strength.com/
Description: Le thème de Boy a été réalisé pour le site Macboy et décliné pour le site MacGirl. Toute réutilisation, copie partielle ou totale, n'est pas autorisée.
Version: 1.0
Author: Michael Ortali
Author URI: http://michael.ortali.name
*/
/**
* Reset.
*/
* { margin: 0px; padding: 0px; list-style:none; text-decoration:none; }
body { font-family:'Helvetica Neue', Helvetica, Arial, Verdana; background:#fff url('images/body.background.jpg') repeat-x top; }
img { border:none; }
/** Nav **/
#nav { overflow:hidden; }
#nav li { display:inline; }
#nav li a { float:left; color:#fff; font-size:12px; font-family:"Myriad Pro", Helvetica, Arial, Verdana, sans-serif; text-transform:uppercase; padding:5px 9px 3px 9px; margin:5px 0px 5px 30px; opacity:.5; -webkit-border-radius:5px; -moz-border-radius:5px; }
#nav li a:hover { opacity:1; background:#5d056b; }
/** Header **/
#header { height:150px; }
#logo h1 a { display:block; height:100px; overflow:hidden; text-indent:-99em; width:90px; }
p#issue { color:#fff; float:left; font-family:"Myriad Pro", Helvetica, Arial, Verdana, sans-serif; font-size:12px; margin-left:13px; padding-bottom:4px; padding-left:0; padding-right:0; padding-top:4px; position:absolute; text-align:center; text-transform:uppercase; top:123px; width:75px; }
/** Main **/
#wrapper { width:1000px; margin:auto; background:#fff url('images/wrapper.background.jpg') repeat-x top; }
#main { overflow:hidden; }
#left { width:500px; float:left; }
#content { margin-right:30px; overflow:hidden; }
#content img { max-width:450px; }
#content p, #content ul, #content ol { margin-bottom:15px; line-height:20px; font-size:13px; color:#444; text-align:justify;}
#content p img.alignleft { margin-right:15px; }
#content div.post p.postinfo span { display:block; float:left; padding:2px 8px; background:#1C294D; color:#D7E2FF; }
#content div.post p.postinfo { font-size:9px; letter-spacing:auto; text-transform:uppercase; overflow:hidden; }
#content div.post p.postinfo a { color:#ffd37f; }
#content div.post { padding-bottom:20px; margin-bottom:20px; }
#content div.post li { font-size:12px; padding:4px; list-style:square; }
#content ol, #content ul { margin-left:20px; margin-bottom:15px; }
#content div.author { overflow:hidden; }
#content div.author h2 { color:#333; letter-spacing:0px; font-size:20px; font-weight:bold; text-transform:uppercase; }
#content div.author img { float:left; margin-right:10px; margin-bottom:10px; }
#left .list .post { border-bottom:1px dotted #557eea; }
/** Illustrationt **/
span.thumbnail { display:block; }
span.illustration { background:url('images/illustration.png') no-repeat; display:block; height:150px; position:absolute; width:150px; }
#right, .addComment { width:500px; margin-top:80px; float:right; }
#sidebar .sleft { float:left; width:48%; border-right:1px solid #e8e8e8; }
#sidebar .sright { float:right; width:50%; }
#sidebar .line { background:#f5f5f5 url(images/comment.jpg) repeat-x scroll center bottom; padding:15px; border:1px solid #e1e1e1; margin-bottom:30px; -moz-border-radius:6px; -webkit-border-radius:6px; }
#sidebar .sElement { margin:15px 5px; overflow:hidden; }
#sidebar h2 { font-family:"Myriad Pro", Helvetica, Arial, sans-serif; font-size:14px; text-transform:uppercase; }
#sidebar ul, #sidebar ol { font-size:12px; }
#sidebar .sElement ol a { color:#7be; }
#sidebar .sElement ol li { padding:6px 5px; }
#sidebar .sElement ol a:hover { color:darkred; }
#sidebar .sElement ul a { display:block; padding:6px 5px; color:#666; }
#sidebar .sElement ul a:hover { background:#D4D4D4; color:#000; -moz-border-radius:5px; -webkit-border-radius:5px; }
#sidebar div#rss p, div#sidebar div#twitter p { color:#666666; padding-top:20px; font-size:14px; height:60px; }
#sidebar .sElement li a:first-letter { text-transform:uppercase; }
/** Page **/
#left h2 { font-family:'Myriad Pro', Helvetica, Arial, Verdana; font-weight:normal; font-size:40px; letter-spacing:-2px; line-height:45px; margin-bottom:10px; }
#left a, #left h2 { color:#557eea; }
#left a:hover { color:#1C294D; }
#left h3, .comment h3 { font-family:'Myriad Pro', Helvetica, Arial, Verdana; font-weight:normal; font-size:30px; letter-spacing:-2px; line-height:45px; margin-bottom:10px; }
#left h4 { font-family:'Myriad Pro', Helvetica, Arial, Verdana; font-weight:normal; font-size:20px; letter-spacing:0px; line-height:45px; margin-bottom:10px; }
/** Comment **/
.comment { clear:both; overflow:hidden; margin-bottom:30px; border-top:1px dotted #777; padding-top:20px; }
.comment .addComment { margin-top:0px; }
.commentlist { width:470px; overflow:hidden; float:left; border-bottom:1px solid #ddd; }
.commentlist .left img { padding:2px; background:#fff; }
.commentlist .left { float:left; width:30%; text-align:center; }
.commentlist .left strong { display:block; margin-top:10px; font-family:'Myriad Pro', Helvetica, Arial, Verdana; font-weight:bold; font-size:20px; text-transform:uppercase; }
.commentlist a { color:#444; }
.commentlist a:hover { text-decoration:underline; }
.commentlist .right { float:left; width:70%; font-size:12px; line-height:20px; }
.commentlist .right p { margin:0px 10px 5px 10px; }
.commentlist .right .answer { float:right; right:10px; }
.commentlist .co { overflow:auto; padding:15px 5px; color:#777; background:#f5f5f5 url('images/comment.jpg') repeat-x bottom; border:1px solid #ddd; border-bottom:0px; }
.comment form p { margin:5px; font-size:12px; color:#444; margin-bottom:8px; }
.comment form p a { color:#444; }
.comment form p a { text-decoration:underline; }
.comment input { width:100px; padding:2px; border:1px solid #aaa; font-family:"helvetica neue", helvetica, verdana, arial sans-serif; font-size:12px; }
.comment textarea { width:400px; padding:2px; border:1px solid #aaa; font-family:"helvetica neue", helvetica, verdana, arial sans-serif; font-size:12px; }
.comment input#submit { width:auto; }
/** Preview **/
.preview { display:block; text-align:center; }
.preview img { border:3px solid #eee; -webkit-box-shadow:2px 2px 5px rgba(0, 0, 0, 0.5); }
.preview:hover img { border:3px solid #ddd; box-shadow: 5px 5px 5px #888; }
/** Footer **/
div#footer { color:#fff; background:#1c294d; border-top:1px solid #5d88ff; }
div#footer div.background { background:url('images/footer.jpg') no-repeat top center; }
div#footer div.line { width:1000px; margin:auto; }
div#footer div.left, div#footer div.center, div#footer div.last { margin:30px 60px 30px 0px; width:200px; float:left; }
div#footer div.last { margin-right:0; }
div#footer h2 { font-family:"Myriad Pro", Helvetica, Verdana, sans-serif; font-weight:normal; font-size:30px; }
div#footer p { color:#d7e2ff; font-family:Helvetica, Verdana, sans-serif; line-height:20px; font-size:12px; margin:20px 0px;}
div#footer p a { color:#ffd37f; }
div#footer p a:hover { text-decoration:underline; }
div#footer div.borderTop { border-top:1px solid #5d88ff; padding:30px 40px;}
div#footer li { margin-bottom:5px; }
div#footer li a { background:#D7E2FF; color:#1C294D; font-size:12px; padding:2px 5px;text-transform:uppercase; }
div#footer li a:hover { background:#ffd37f; color:#1C294D; }
/** Styles **/
.line { overflow:hidden;}
.alignleft { float:left; }
.alignright { float:right; }
.hide { display:none; }
p.small { font-size:10px !important; line-height:14px; }
div.navigation { overflow:hidden; margin-bottom:20px; }