/*
Theme Name: Blanc Horizon
Theme URI:
Description:
Version:
Author: 
Author URI:
Tags: 
*/

/*
Theme Name: Blanc Horizon
Theme URI:
Description:
Version:
Author: 
Author URI:
Tags: 
*/

/* ----------------------------------- reset */

body,p,div,img,ul,li,ol,h1,h2,h3,h4,input,select,label,legend,textarea,form,fieldset,table,td,th,tr,caption,a,cite,blockquote{margin:0;padding:0;border:0;font-weight:normal;font-style:normal;}
table,caption,tr,th,td{outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
table{border-collapse: separate;border-spacing: 0;}
caption,th,td{text-align: left;font-weight: normal;}
img{display:block;}
ul{list-style-type:none;}
a{text-decoration:none;}

/* ----------------------------------- wraps */

body{
background:#7EB4DD url(images/bg_clouds.jpg) no-repeat top center;
font-family:"Trebuchet MS",Verdana,Helvetica,Arial,sans-serif;
font-size:100%;
}

#wrap{
background:#E5DCBC url(images/bg_header.jpg) no-repeat;
border-left:5px solid #56A89C;
border-right:5px solid #56A89C;
border-bottom:5px solid #56A89C;
}

#wrap,#footer{
width:856px;
margin:0 auto;
}
/* ----------------------------------- text */

body,.day,.comment a:hover,input,textarea{color:#1F5E55;}
a{color:#A08C4B;}
a:hover,.date,#nav h2,#footer a:hover{color:#FFFFFF;}
#footer{color:#125283;}
#footer a{color:#4480AE;}

.date .day{font-size:1.5em;}
.article h2,#nav h2,.comment .number{font-size:1.2em;}
.date .month,.meta{font-size:0.9em;}
#wrap,.date .year,#twitter_div{font-size:0.8em;}
.notice,.comments{font-size:0.7em;}

.date .day,.date .month,.article h2 a:hover,.comment .number,h3{font-weight:bold;}
.date .month,.more-link{text-transform:uppercase;}
#nav{text-align:right;}
#footer{text-align:center;}

.date{line-height:1.2em;}
#wrap{line-height:1.5em;}

.article a{border-bottom:1px solid #D5C99C;}
.article .header a,.article .footer a{border:0;}

/* ----------------------------------- header */

#logo{
position:relative;
margin-left:-20px;
margin-bottom:80px;
padding-top:20px;
}

/* ----------------------------------- content global */

#content{
float:left;
width:550px;
}

#content p,#content ul,#content ol{
margin:0 20px;
padding-bottom:8px;
}

h2,h3{margin:0 20px;}
h3{border-bottom:1px solid #D5C99C;border-top:1px solid #D5C99C;
padding:3px 0;margin-top:8px;margin-bottom:8px;}
h2.pagetitle{margin:0 0 20px 34px;}

#content img{border:1px solid;padding:2px;margin-top:10px;}


/* ----------------------------------- content article */

/* calendar */
#content .date{
float:left;
position:relative;
margin-left:-20px;
width:40px;
background:url(images/cal.png) no-repeat left bottom;
text-align:center;
padding-bottom:16px;
padding-top:4px;
}
#content .month,#content .day,#content .year{display:block;}

/*comment*/
.comment{
position:absolute;
text-align:center;
background:url(images/bulle.png) no-repeat;
margin-top:-60px;
margin-left:440px;
height:63px;
width:74px;
padding-top:4px;
}
.comment .comments{
display:block;
margin-top:-7px;
}

/* article body */
#content .article{
margin: 0 0 14px 14px;
}
#content .article ul{
border-top:1px solid #D5C99C;
}
#content .article li{
padding:2px 0;
border-bottom:1px solid #D5C99C;
}
.article h2{margin-top:1px;}
.article .header{
height:43px;
padding:6px 0 2px 0;
}
.article .header,#comments h3{
margin-bottom:24px;
background:#E1D7B4;
border:1px solid #BDAC74;
}
.article .footer{
margin:18px 0 30px 6px;
padding:0 0 1px 15px;
border-top:1px solid #D5C99C;
border-bottom:1px solid #D5C99C;
}
#content .footer p{margin:0;padding:3px 0;}
.more-link{padding-left:20px;
background:url(images/icon_pen.png) no-repeat;}

/* comments */
#comments h3{padding-left:14px;}
.commentlist{padding-left:35px;}
.commentlist img{float:right;margin-right:14px;}
.commentlist cite{font-weight:bold;}
.commentlist li{border-bottom:1px solid #BDAC74;margin-bottom:6px;}
#content .commentlist p{margin:0;}
#content form{margin-bottom:10px;}
#content textarea{width:500px;}
#content input{width:250px;}


/* ----------------------------------- navig */

#nav{margin-left:570px;}
#nav h2{
background:url(images/menu.png) no-repeat right bottom;
padding:4px 10px 20px 0;
margin-right:-20px;
}
#nav .bloc{margin-bottom:30px;}
#nav ul,#nav p,.widget,#nav form{
margin-left:20px;
padding:0 20px;
}
#nav li{
border-bottom:1px solid #D5C99C;
padding:2px 0;
}
#nav input{width:150px;}
#nav input#searchsubmit{width:60px;padding:1px 2px;}

.flickr-photos img{float:left;}
.more-photos{display:block;margin-top:4px;}

/* ----------------------------------- footer */

#footer{
padding:4px 0 20px 0;
}

/* ----------------------------------- forms */

input, textarea{padding:2px 4px;border:1px solid #BDAC74;}

#newsletter form p{
margin:0;
font-weight:bold;
}
#newsletter form{
overflow:hidden;
background:#56A89C;
color:#FFFFFF;
padding:20px;
}
#newsletter label{
width:230px;
float:left;
}
#newsletter label.html{
float:none;
}
#newsletter form div{
clear:both;
border-bottom:1px solid #3D8B80;
padding:3px 0;
}
#newsletter form div#submit{
border:0;
padding:0;
}
#newsletter .submit{
margin-top:6px;
}