/*
Theme Name: JB
Description: For Jacques Boilley.
Version: 1.0
Author: Charlie Boilley
Author URI: http://www.charlieboilley.net/
*/

/* page */

body{
width:100%;
margin:0;
padding:0;
background:#3d728d;
color:#000000;
font-size:0.8em;
font-family:"Trebuchet MS", Arial;
border:none;
}

img, a img{
border:none;
}

a, a:visited{
color:#095676;
text-decoration:none;
}

a:hover, a:focus{
color:#095676;
text-decoration:underline;
}

a:active{
color:#0774a2;
text-decoration:underline;
}

/* alignements */

object{
display:block;
margin:0 auto;
}

.wp-caption-text{
text-align:center;
}

.alignright{
float:right;
display:block;
margin:5px;
}

.alignleft{
float:left;
display:block;
margin:5px;
}

.aligncenter{
display:block;
margin-left:auto;
margin-right:auto;
}

.centered{
display:block;
margin-left:auto;
margin-right:auto;
}

.clear{
clear:both;
}

/* elements */

#page{
width:1200px;
margin:0 auto;
padding:0;
background:#ffffff;
border-left:1px solid #344466;
border-right:1px solid #344466;
}

#conteneur-menu{
float:left;
width:1200px;
height:35px;
}

#header{
float:left;
width:1200px;
height:200px;
margin:0;
padding:0;
background:#ffffff url("images/header.jpg") left no-repeat;
}

#left-sidebar{
float:left;
width:240px;
margin:0;
padding:0;
}

#content{
float:left;
width:700px;
margin:0;
padding:0 5px;
}

#right-sidebar{
float:right;
width:240px;
margin:0;
padding:0;
}

#footer{
width:1200px;
height:150px;
clear:both;
margin:0;
padding:0;
background:#ffffff url("images/footer.jpg") left bottom no-repeat;
}

/* menu */

#menu{
display:block;
width:1200px;
min-height:35px;
max-height:100%;
margin:0;
padding:0;
font-size:1em;
font-variant:small-caps;
font-weight:bold;
border:none;
background:#eaeaea url("images/menu.jpg") center no-repeat;
}

#menu, #menu ul{
list-style:none;
line-height:20px;
}

#menu li{
display:block;
height:35px;
float:left;
list-style:none;
border-right:1px solid #868686;
}

#menu li ul{
position:absolute;
left:-999em;
margin-top:-12px;
margin-left:-1px;
height:auto;
width:200px;
border-bottom:1px solid #837641;
}

#menu li li{
display:block;
width:198px;
height:25px;
line-height:12px;
border-top:1px solid #837641;
border-right:1px solid #837641;
border-left:1px solid #837641;
background:url("images/menu.jpg") repeat-y center;
}

#menu a, #menu a:visited{
display:block;
height:35px;
padding:6px 12px;
color:#030303;
font-weight:bold;
text-decoration:none;
background:url("images/menuhover.png") repeat;
border:none;
}

#menu a:hover, #menu a:active, .current_page_item a, #home .on{
color:#ffffff;
background:#11454e;
text-decoration:none;
}

.sidebar .current_page_item a{
color:#ffffff;
background:#000000;
text-decoration:none;
}

.sidebar .current_page_item ul a{
color:#5e5131;
background:none;
text-decoration:none;
}

#menu li li a, #menu li li a:visited{
display:block;
height:13px;
font-weight:normal;
color:#0a3e53;
}

#menu li li a:hover, #menu li li a:active{
color:#0a3e53;
background:#ffffff;
}

#menu a.main:hover{
background:#000000;
}

#menu li:hover ul, #menu li.sfhover ul{
display:block;
left:auto;
padding:0;
}

#menu li li li{
display:none;
}

#menu .home-link:before{
content:url("images/home.png");
}

/* header */

#header h1{
display:none;
}

#header p{
float:right;
width:400px;
color:#8e796b;
}

/* content */

#content .post{
margin-top:5px;
border-bottom:1px solid #dad2b0;
}

#content h2{
margin-top:0;
}

#content h2:before{
content:url("images/pencil.png");
}

#content .post h2 a{
text-decoration:none;
}

#content .post h2 a:hover{
color:#000000;
}

#content .post h2 a:active, #content .post h2 a:focus{
color:#f0ff00;
}

#content .postmetadata{
padding:3px;
border:1px solid #dcd7c4;
background-color:#fdffe0;
}

#content .postmetadata a:hover{
color:#d7d05c;
text-decoration:underline;
}

#content .post .date:before{
content:url("images/calendar.png");
}

#content .post .author:before{
content:url("images/user.png");
}

#content .post .category:before{
content:url("images/category.png");
}

#content .post .tags:before{
content:url("images/tags.png");
}

#content .post .comments:before{
content:url("images/comments.png");
}

/* comments */

.publication_commentaires{
padding:0 5px;
}

.liste_commentaires .alignleft{
float:left;
margin:5px;
}

.liste_commentaires{
padding-top:5px;
border:1px dotted silver;
}

.liste_commentaires li{
padding-bottom:10px;
}

.commentmetadata{
width:98%;
background-color:#f7f7f7;
}

.commentmetadata .auteur:before{
content:url("images/user.png");
}

.commentmetadata .date-time:before{
content:url("images/time.png");
}

.comment-text{
margin-top:-10px;
margin-left:8px;
}

#commentaires{
color:#121e25;
}

#commentaires:before{
content:url("images/comment_liste.png");
}

#repondre{
padding:0 5px;
color:#121e25;
}

#repondre:before{
content:url("images/star.png");
}

#formulaire_commentaires{
padding:0 5px;
border-bottom:1px solid #d6cda4;
}

#auteur, #email, #url, #formulaire_commentaires textarea{
border:1px solid #aeaeae;
background-color:#f7f9ed;
}

#auteur:hover, #auteur:active, #auteur:focus, #email:hover, #email:active, #email:focus,#url:hover, #url:active, #url:focus, #formulaire_commentaires textarea:hover, #formulaire_commentaires textarea:active, #formulaire_commentaires textarea:focus{
background-color:#ffffff;
}

#valider, #formulaire_commentaires #valider{
border:1px solid #cdda90;
}

#valider:hover, #formulaire_commentaires #valider:hover{
background-color:#f9f9f9;
}

/* sidebar */

.sidebar ul, .sidebar li{
list-style:none;
}

.sidebar li ul, .sidebar ul li{
margin-left:3px;
padding:0;
}

.sidebar h2{
margin-top:-3px;
margin-left:-3px;
margin-right:-3px;
margin-bottom:5px;
padding:0 5px;
background:#e9cc68 url("images/widget_title.png") repeat;
font-variant:small-caps;
font-weight:normal;
font-size:1.2em;
}

.sidebar h2:before{
content:url("images/pencilsidebar.png");
}

.sidebar-widget{
display:block;
width:90%;
border:1px solid #e9cc68;
margin-top:0;
margin-left:auto;
margin-right:auto;
margin-bottom:5px;
padding:3px;
}

/* calendar */

#wp-calendar{
width:100%;
margin:0 auto;
color:#071c1c;
text-align:center;
border-left:1px solid #4e717e;
border-right:1px solid #4e717e;
border-bottom:1px solid #4e717e;
}

#wp-calendar caption{
background-color:#afd5ef;
border:1px solid #4e717e;
}

#wp-calendar a{
color:#00aeff;
font-weight:bolder;
}

/* searchform */

#searchform #s, #searchsubmit, #searchreset{
background-color:#e0f097;
border:1px solid #87b813;
}

#searchform #s:hover, #searchform #s:active, #searchform #s:focus, #searchsubmit:hover, #searchsubmit:focus, #searchreset:hover, #searchreset:focus{
background-color:#ffffff;
border:1px solid #bfe842;
}

#searchform #s{
margin-bottom:5px;
}

/* footer */

#footer p{
text-align:center;
padding-top:100px;
}

#footer .footerinfos{
font-size:0.9em;
}