/*
Theme Name: Valentin Bourgoin
Theme URI: http://valentinbourgoin.net
Description: Portfolio
Version: 0.1
Author: Valentin Bourgoin
*/

html, body, div, p, ul, li, img, span, a { margin:0; padding:0; }
html { font-family:'Lucida Grande',Tahoma,Verdana,San-serif; font-size:0.75em; line-height:16px; }
a { color:black; text-decoration:none; }
a:hover { color:black; text-decoration:underline; }
a img { border:none; }
body { background:url("images/background.png") #eaeaea repeat-x; }
.green { color:#8fcd37; }

/*** BLOCS ***/
#line_top { background:url("images/top.png") #eaeaea repeat-x; height:20px; }
#container { margin:45px auto 0 auto; width:918px;  }
#content { padding:10px 10px 35px 10px; overflow:auto; width:898px; background:url("images/container_content.png"); }
#footer { padding:10px; overflow:auto; width:898px; background:url("images/container_content_grey.png");}
#bottom { background:url("images/container_footer.png"); width:918px; height:15px;}
#droite, #gauche { float:left; margin:0 20px 0 10px; }
#gauche { width:570px; }
#droite { width:255px; }
#banner { clear:both; }
#logo { position:absolute; left:50%; margin:5px 0 0 -350px; }
#line_bottom { background:url("images/top.png") #eaeaea repeat-x; height:20px; }
.clear { clear:both; }


/*** MENU ***/
#menu { float:right; margin:0 30px -3px 0; }
#menu ul { list-style:none; }
#menu ul li { float:right; width:123px; background:url("images/onglet.png"); height:21px; padding:5px 0 0 15px; margin-left:-15px; text-align:center; }
#menu ul li a { font-size:16px; color:#989898; }
#menu ul li.selected { background:url("images/onglet_selected.png"); height:28px; margin-top:-5px; } 
#menu ul li.selected a { color:#75aa2a; font-weight:bold; font-size:20px;}
#menu ul li.selected a:hover { text-decoration:none; }

#container .top { background:url("images/container_top.png"); height:16px; clear:both; }

/*** DROITE ***/
#droite h1 { background:url("images/titre_droite.png"); height:21px; font-size:18px; color:#3b3832; font-weight:normal; text-align:right; padding:2px 10px 0 0; }
#droite .box { margin-bottom:10px; background:#f5f5f5; padding:0 0 10px 0; }
#droite .box p { padding:0 12px; text-align:justify; color:#3b3832; }
#droite a { color:#3b3832; text-decoration:underline; }
#droite a:hover { text-decoration:none; }
#droite .photo { float:left; position:relative; top:-20px; left:-5px; margin-bottom:-20px; }
#droite #about .right { margin:10px 0 5px 150px; list-style:none;  }
#droite #about .right img { vertical-align:middle; margin:3px; }
#droite .coordonnees { list-style:none; margin:5px 0 5px 10px; }
#droite .coordonnees img { vertical-align:middle; margin-right:7px; }
#droite #creas { padding:0; }
#droite #creas h1 { margin-bottom:-1px; }
#twitter { text-align:left; }
#twitter p img { margin:0 3px; }
#twitter .bottom { margin-top:15px; text-align:center; }

/*** TAGS ***/
#tagcloud a { margin:2px; color:#3b3832; text-decoration:none;}
#tagcloud a:hover { text-decoration:underline; }
#tagcloud span { float:left; margin:3px;}
.main_gp {display: none;}

/*** ARTICLE ***/
#gauche .pagetitle { text-align:center; padding:5px; background-color:#f5ffdc; color:#8fcd37; margin:5px 0 15px 0; clear:both; font-size:1em; }
.post { margin:30px 0 45px 0; }
.post h1 {  margin:5px 0 10px 0; color:#3b3832; font-size:22px; font-weight:normal;  }
.post .date { float:left; width:73px; height:55px; background:url("images/date.png"); position:relative; left:-19px; color:#3b3832; text-align:center; font-size:11px; }
.post .date p { font-size:28px; margin:10px 0 5px 0; letter-spacing:-2px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; }
.post .tags { height:19px; }
.post .tags .words { width:460px; float:left; }
.post .tags .comments { float:left; }
.post .tags { background-color:#f5f5f5; padding:1px 0; }
.post .tags a { color:#3b3832; }
.post .tags a:hover { text-decoration:underline; }
.post .tags img { vertical-align:middle; margin:0 4px 0 12px; }
.post .comments img { margin:0; vertical-align:middle; }
.post .summary { margin:0 0 20px 0; }
.post .entry { margin-top:20px; }
.post .entry ul { list-style:inside; margin:5px 0 5px 10px; }
.post .entry h2 { color:#3b3832; font-size:16px; font-weight:bold; margin:20px 0 10px 0; border-bottom:1px solid #8fcd37; padding:0 0 3px 0; }
.post .entry p { text-align:justify; line-height:1.4em; margin:7px 0; }
.post .entry a { text-decoration:none; color:#8FCD37; }
.post .entry a:hover { text-decoration:underline; }
.post .entry .img_entry { border:1px solid #f5f5f5; padding:5px; width:559px; margin-bottom:15px; }
.post .more { margin:15px 0 0 0; }
.post .more a { color:#8fcd37; }
.post .more a:hover { text-decoration:underline; }
.post .more label { color:#3b3832; font-weight:bold; margin-left:10px; }
.post .more label span { font-weight:normal; color:#8fcd37; }
.post .more input, .post .more textarea { background-color:#f5f5f5; border:1px solid #f5f5f5; padding:3px; font-family:'Lucida Grande',Tahoma,Verdana,San-serif; font-size:1.1em; }
.post .more #commentform p { margin:5px; }
.post .more hr { border:1px solid #f5f5f5; margin:30px 0 30px 0; }
.post .more h3 { color:#3B3832; }
.post .cadre { background-color:#F9F9F9; border:1px solid silver; color:#110000; margin:0 0 1.5em; padding:5px; }

/*** COMMENTAIRES ***/
.comment { margin:15px 0; }
.comment .body { background-image:url("images/lightgray.gif"); background-position:left top; background-repeat:no-repeat; margin-left:10px; padding-top:10px; }
.comment .body .text { background-image:url("images/lightgray.gif"); background-position:left bottom; background-repeat:no-repeat; padding:0 13px 22px 13px; }
.comment h5 { margin:5px 0; font-weight:normal; }
.comment .footer .number { left:0; position:absolute; top:5px; }
.comment p { padding-right:15px; }


/*** HOME CREA ***/
#creas .crea { float:left; width:251px; height:110px; background:url("images/fond_crea.png"); margin:12px 17px;}
#creas .crea .thumb { float:left; position:relative; top:-15px; left:-18px; margin:0 -12px -15px 0;}
#creas .crea h2 a { color:#3b3832; font-size:18px; font-weight:normal;}
#creas .crea h2 { float:right; margin:2px 0 5px 0; padding:5px 3px 5px 0;  }
#creas .crea h2 a:hover { text-decoration:underline; }
#creas .crea .description { clear:right; text-align:justify; padding:3px; color:#3b3832; }
#creas .crea .tags { margin-top:20px; }
#creas .crea .tags a { color:#3b3832; }
#creas .crea .tags a:hover { text-decoration:underline; }
#creas .crea .tags img { vertical-align:middle; margin:0 4px 0 6px; }

/*** CREATION ***/
#creation { margin:30px 0 45px 0; }
#creation h1 { margin:5px 0 10px 0; color:#3b3832; font-size:22px; font-weight:normal;  }
#creation .date { float:left; width:73px; height:55px; background:url("images/date.png"); position:relative; left:-19px; color:#3b3832; text-align:center; font-size:11px; }
#creation .date p { font-size:28px; margin:10px 0 5px 0; letter-spacing:-2px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; }
#creation .tags { background-color:#f5f5f5; padding:1px 0; }
#creation .tags a { color:#3b3832; }
#creation .tags a:hover { text-decoration:underline; }
#creation .tags img { vertical-align:middle; margin:0 4px 0 12px; }
#creation .summary { margin:0 0 20px 0; }
#creation .swf { width:550px; height:243px; background-color:#f5f5f5; padding:10px; }
#creation .entry { margin:10px 0 0 0; text-align:justify; }
#creation .entry ul { list-style:inside; margin:5px 0 5px 10px; }
#creation .entry h2 { color:#3b3832; font-size:16px; font-weight:bold; margin:20px 0 10px 0; }
#creation .entry a { border-bottom:1px solid #f5f5f5; }
#creation .entry a:hover { text-decoration:none; border-bottom:1px solid #82bb30; }
#creation .more { margin:15px 0 0 0; }
#creation .more a { color:#8fcd37; }
#creation .more a:hover { text-decoration:underline; }
#creation .more img { vertical-align:middle; margin-right:7px; }
#nav { text-align:center; padding:5px; background-color:#f5ffdc; color:#8fcd37; margin:5px 0 15px 0; clear:both; }
#nav a { color:#8fcd37; font-weight:bold; }

/*** CONTACT ***/
.envoi_mail { margin:30px 0 45px 130px; }
.envoi_mail label { display:block; margin:8px 0 3px -10px; color:#3b3832; font-weight:bold; }
.envoi_mail input, .envoi_mail textarea { background-color:#f5f5f5; border:1px solid #f5f5f5; padding:3px; }
.envoi_mail .boutons { margin-top:20px; }

/*** FOOTER ***/
#footer ul { list-style:none; }
#footer ul li { width:100%; border-bottom:1px solid #eaeaea; color:#3b3832; margin:3px 0; }
#footer ul li .align { color:#8fcd37; width:200px; float:left; }
#footer ul li a { color:#3b3832; }
#footer .left { float:left; margin:5px 15px; width:570px; }
#footer .right { float:left; margin:5px 15px; width:255px; }
#footer .left .prog, #footer .left .softs { width:255px; float:left; margin:0 10px; }
#footer .note { color:#8fcd37; font-size:16px; letter-spacing:0em;}
#footer h1 { font-family:'Lucida Grande',Tahoma,Verdana,San-serif; font-size:18px; color:#3b3832; font-weight:normal; margin:5px 0 15px -15px; }
#footer .credits { padding:35px 10px 0 10px; clear:both; overflow:auto; }
#footer .credits  .rights{ font-size:9px; float:right; color:#3b3832; }
#footer .credits .stickers { float:right; margin-right:450px; }
#footer .credits a { color:#3b3832; }