/*
Theme Name: Claire
Theme URI: http://blog.loonie.fr
Description: Arbres sur fond clair
Version: 0.1
Author: Loonie
 
Arbres sur fond clair by Loonie || http://blog.loonie.fr
 
*/

* { margin: 0; padding: 0; }

body{
font-family:"Trebuchet MS", Tahoma, sans-serif;
font-size: 10pt;
}

ul{
list-style-type:none;
}

ol{
list-style-type:none;
}

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

a:hover{
color: #ff8a00;
}

#header{
text-align: center;
margin-bottom: 30px;
}

#header h1 a{
display: block;
background: transparent url(banniere.png) top center no-repeat scroll;
padding-top:220px;
}

#page{
width: 780px;
margin: 0 auto 0 auto;
}

#contenu{
float:left;
width:520px;
margin:0;
text-align:justify;

/* largeur totale 548px*/
}

.txt{
padding:5px;
}

#menu{
width:220px;
float:right;
padding-left: 20px;
}

#menu a:hover{
text-decoration : underline;
color: #d20c32;
}

#footer{
width:740px;
text-align: center;
clear:both;
}

/* navlinks */
.post-navigation{
padding: 5px;
margin-bottom: 25px;
text-align:center;
border-radius:  10px 0 10px 0;
}

.navigation{
padding: 20px;
margin-bottom: 25px;
text-align:center;
border-radius: 0 20px 0 20px;
}

.wp-pagenavi{
border-radius: 0 10px 0 10px;
padding: 5px;
}
.wp-pagenavi a, .wp-pagenavi a:link{
background-color: white;
border: 1px solid #d20c32;
color:#d20c32;
margin: 2px;
padding: 2px 4px;
text-decoration: none;
}

.wp-pagenavi a:hover, .wp-pagenavi a:visited{
background-color: white;
border: 1px solid #faa302;
color:#faa302;
margin: 2px;
padding: 2px 4px;
text-decoration: none;
}



/* articles */
.post{
padding:20px;
margin-bottom:20px;
border-radius: 20px 0 20px 0;
}

.post h2 {
display:block;
padding: 5px 5px 5px 30px;
border-radius: 10px 0 10px 0;
}

.post-contenu{
margin:20px 0;
border-radius: 0 10px 0 10px;
}

.post p{
padding: 5px;
}

.aligncenter{
margin:0 auto;
text-align:center;
}

.post ul{
list-style-type:circle;
padding:5px 5px 5px 25px;
}

.post-contenu ol{
list-style-type:decimal;
padding:5px 5px 5px 25px;
}

.post h4{
padding: 10px 5px 0px 5px;
}

.post .image{
/* padding: 5px 0; */
}

.post-metadonnees{
border-radius: 10px 0 10px 0;
}
/* Commentaires */

#comments{
border-radius: 0 10px 0 10px;
}

.commentaire{
min-height: 70px;
margin-bottom: 10px;
border-radius: 10px 0 10px 0;
}

.commentaire p{
/*padding: 0;*/
}

.alt{
border-radius: 0 10px 0 10px;
}

.alt .wavatar{
border-radius: 0 10px 0 0;
}

.divavatar{
float: right;
padding: 1px 1px 5px 5px;
margin: -1px -1px 5px 5px;
}

.commentmetadata{
clear: both;
text-align: right;
padding:0 5px 5px 5px;
}

.auteur{
border: 1px solid #d20c32;
}

.auteur .wavatar{
border-radius: 10px 0 0 0
}

.altauteur .wavatar{
border-radius: 0;
}
.auteur .divavatar{
float: left;
padding: 1px 5px 5px 1px;
margin: -1px 5px 5px -1px;
border-bottom: 1px solid #d20c32;
border-right: 1px solid #d20c32;
}

.post h3{
margin: 20px 0 10px;
padding: 5px;
}

#respond{
border-radius: 0 10px 0 10px;
}

#commentform{
border-radius: 10px 0 10px 0;
}

.post input{
margin-bottom: 8px;
}
.post form p{
padding:0 5px;
}

.post textarea{
max-width:460px;
}

.chargement textarea{
background: white url(./chargement.png) 50% 50% no-repeat scroll;
}

.error, .error p{
background:white !important;
}

.post form .forminfo{
padding:5px;
}
/* Menu */

#menu{
border-radius:0 20px 0 20px;
}
.menu-bloc{
padding:5px;
margin: 20px 20px 20px 0;
border-radius: 0 10px 0 10px;
}

.odd{
border-radius: 10px 0 10px 0;
}

/* Contact */
fieldset{
padding: 8px;
margin:5px;
}

img.wp-smiley{
vertical-align:bottom;
}


/*Footer*/

#footer{
border-radius: 20px 0 20px 0;
margin-bottom: 20px;
padding: 20px;
}
#footer p{
border-radius: 10px 0 10px 0;
padding:5px;

}