/*
Theme Name: Zen Violon
Theme URI: blog.zwatla.com
Description:  Thème Zen Violon
Author: Zen Violon
*/


body {
margin : 0 ;
padding : 0 ; 
background : #E7E7E7 url(images/bg-all.jpg) repeat-y ;
text-align : left;
font-size : 0.7em;
color : #575449 ;
font-family : arial ;
line-height : 18px; 
border-top : 10px solid #525952; }
  



a:active, a:focus{
   outline:none;
}








/* SITE
*****************************************************************/

#site { 
width : 900px;
text-align : left  ;
background : url(images/header.jpg) left top no-repeat;
}
 
 
/* HEADER
**************************************************************/	
	
#header {
position : relative ; 
margin : 0 ;
width : 549px ;  

}
	

/* TITRE DU SITE
*****************************************************************/

     
#header h1 {
position : absolute ;
top :170px ; 
left : 340px ; 
color : #575449;
margin : 0;
padding : 0 ; 
font-size : 1.6em ;
text-transform : uppercase ;
font-weight : normal;  
}


#header h1 a {
color : #575449;
text-decoration : none ; 
}


/* NAVIGATION >> MENU PAGES
***********************************************************************/
  
  
#menu {
position : absolute ; 
top : 190px;
left : 340px ; 
}
	
	
#menu  ul{
list-style : none ;
margin : 0; 
padding : 0 ;
}


#menu  li{
float : left ;
text-transform : uppercase ; 

}
	
	

#menu  li a{
margin : 0 ; 
padding : 0 10px 0 0 ; 
text-decoration : none ;    
color : #74311C ;
}



#menu  li a:hover{
text-decoration : none ;    
}




   



   

/* TEXT >> Coneneur Content + Side (.right)
*****************************************************************/


.texte {

}
  
/* CONTENT >> Conteneur du Post
*****************************************************************/


	

#contenu {
width : 529px ; 
background : transparent ; 
float  : left ;
margin : 0;
padding : 330px 0 0 30px   ;
}
   
   


#contenu h1 {
font-size : 1.6em ; 
padding :  0 ; 
margin: 0 ;
color : #8D5E38; 
font-weight : normal; 
clear : left ;  
}


#contenu h2 {
color : #8D5E38;
font-size : 1.2em ; 
padding :  0 ; 
margin :  0 0 20px 0;
 
}



#contenu h3 {
margin :  20px 0 20px 0;
padding :  0 ; 
font-size : 1.2em ;
color : #8D5E38; 
}


#contenu p {

padding : 0 30px 0 0 ; 

}



 
/*  CONTENU >> POST
*****************************************************************/	


.post {
margin : 0 0 30px 0 ; 
background : transparent ; 

}






.post h1 a {
font-size : 1em ; 
padding :  0 ; 
margin: 0 ;
color : #74311C; 
font-weight : normal; 
clear : left ; 
}
   




   
.post img {
float  : left ;
margin : 0 10px 10px 0 ; 
border : 0 ;

}





.meta-comment {padding : 0; color : #9D764F  ; clear : left ; }
.meta-comment a {color : #9D764F }



.post .descr {
clear : left ; 
margin : 0 ;
padding : 5px 0 0 0;
color : #74311C  ;
font-size : 110%;
}

.post .descr a {
color : #74311C    ;
text-decoration : none
  }
  
  .post .descr a:hover {
text-decoration : underline; 
  }



.post .descr-auteur {

margin : 0 ; 
font-weight : bold ;
color : #A39386 ;
font-size : 110%;
  }



.post  a {
color : #9D764F;
text-decoration : none ; 
}

.post  a:hover {
text-decoration : underline ; 
}



/* SIDEBAR 
**************************************************************************/

   
#side {
position : relative; 
width : 214px ;
background : url(images/bg-side.jpg) right repeat-y; 
float  : left ;
margin :  40px 0 0 20px ;
padding : 0 0 0 0; 
text-align : justify; 
color : #F9F9F9

 }
 
 
 #bg-side {
height : 15px;
background : url(images/bg-side-bottom.jpg);
}


 #bg-side-top {
height : 30px;
background : url(images/bg-side-top.jpg) no-repeat ;
}
	
	
#side h1 {
font-size : 1.6em ;
margin : 0 5px 0 3px ;
padding :  5px 0 5px 15px ; 
color : #fff ; 
font-weight : normal;
background : #BBB5AC;  
}
	
	
	
#side ul{
list-style : none ; 
margin : 10px 0 15px 0 ; 
padding : 0 0 0 15px; 
color : #69665A
}
 
#side li{
margin : 0 ; 
padding :  0 15px 0 0; 
}
  
  
#side li a{
color : #69665A ;
text-decoration : none ;
  
}

#side li:first-child a{
border-top: 0; 
}


#side li a:hover{
color : #9D764F 
}


#side p{
margin : 10px 0 15px 0 ; 
 padding : 0 35px 0 15px; 
 color : #69665A ; 
}



  

 ul#friendlist {
 position : relative ; 
 list-style : none; 

}


ul#friendlist form { 
margin : 0;
padding : 0;
position : absolute; 
right : 10px ; 
bottom : 0 ; 
}


 ul#friendlist input { 
margin : 0;
padding : 0;
border : 0; 
background : url(http://blog.zwatla.com/wp-content/themes/zen-violon/images/addfriend.jpg) ;
color : #fff ;
width : 53px;
height : 19px ;
cursor:pointer ;    
} 
   



 
 /* SIDEBAR >> RECHERCHE par défaut
***********************************************************************/  


#search form {
margin : 0;
padding :  0 0 0 10px ;
height : 40px  
}


#search input {
float : left ; 
margin :  0;
padding : 0; 
}


#search .champ {
width : 150px ;
height : 18px;
border-top  : 1px solid #E2E2E2;
border-left  : 1px solid #E2E2E2;
border-bottom  : 1px solid #E2E2E2;
border-right : 0;
padding : 2px 0 0 0;
margin : 0 10px 0 4px;     
 }











 
 
 

 
 





 


 
 
  
 
 
 
 
/* CALENDRIER
****************************************************************************************************/



#calendar_wrap  {
text-align : center;
padding : 0 ;
 }


#calendar_wrap  table {
margin : 0 ; 
padding : 0 ;
width : 100%;  }

#calendar_wrap #today a {
background : #E47001 ; 
color : #fff ; 
text-decoration : none ; 
padding : 2px}



#calendar_wrap #prev {
color : #000
}

#calendar_wrap #prev a {
 color : #000
}

#calendar_wrap caption {
text-align : right ; 
background : transparent ; 
height : 40px ;
padding : 10px 0 10px 0; 
 
}



/* TEXT WIDGET
****************************************************************************************************/



.textwidget {
background : #fff ; 
padding : 0 0 10px 0
}
 
 
 
 
 
 


/* PUB
**************************************************************/

#google {
width : 160px ; 
height : 600px ; 
float : left ;
 margin : 0 ;  }



/* FOOTER
********************************************************************/	


	
   
#footer { 
height :40px;
line-height : 40px; 
font-size : 90%;
background : transparent ;
text-align : center ;
clear : both ;   
}


#footer p { 
margin : 0 ;
padding : 0 0 0 520px ;  
color : #291E1A; 
}

#footer img { 
float : left ;
margin : 0 0 0 -70px ; 
}


#footer a { 
color : #291E1A;
text-decoration : none ;  
}

#footer a:hover { 
text-decoration : underline ;  
}
   

   
   
 

	





/* COMENTAIRES 
****************************************************************************************************/


.commentlist li {
list-style : none ; 
overflow : auto ;
}


.commentlist li {
clear : left ; 
padding : 10px ; 
margin : 0 20px 10px 0
}


.commentlist li a  {
color : #927016
}

.graybox {
background : #F3EFE8 ;
}



#commentlist li {
margin-bottom: 1.5em;
padding-bottom: 1em;
border-bottom: 1px solid #700000;
}

.commentlist  {
margin : 0;
padding : 0; 
}



.commentlist p  {margin : 0 ; padding : 0 ;  }


/*  COMENTAIRES  >> GRAVATAR
****************************************************************************************************/	


#gravatar  { padding : 10px 0 0 0 ; }



#gravatar img {
 margin :  0 5px 0 0 ;
 float : left;
}




/* COMENTAIRES FORMULAIRE
****************************************************************************************************/




#commentform {
margin: 0 0 0 0;
background: transparent;
width: 280px;
}

#commentform textarea {
background: #f8f7f6;
border: 1px solid #d6d3d3;
width: 280px;
}
#commentform textarea:hover {
background: #FFFFFF;
border: 1px solid #d6d3d3;
}
#commentform textarea:focus {
background: #ffffff;
border: 1px solid #939793;
}

#commentform #email, #commentform #author, #commentform #url {
font-size: 1.1em;
background: #f8f7f6;
border: 1px solid #d6d3d3;
width: 280px;
}
#commentform #email:hover, #commentform #author:hover, #commentform #url:hover {
font-size: 1.1em;
background: #ffffff;
border: 1px solid #d6d3d3;
width: 280px;
}
#commentform #email:focus, #commentform #author:focus, #commentform #url:focus {
font-size: 1.1em;
background: #ffffff;
border: 1px solid #939793;
width: 280px;
}
#commentform input{
margin-bottom: 3px;
}





/* CODE ET BLOCKQUOTE
****************************************************************************************************/



code {
color: #000;
display: block;
}



blockquote {
	background: #FBFCF5;
	border-bottom: 1px solid #EED;
	border-top: 1px solid #EED;
	color: #444;
	display: block;
	font: normal 0.9em Verdana,sans-serif;
	margin-bottom: 12px;
	padding: 12px;
}





/* PREVIOUS ENTRIES
****************************************************************************************************/


.prec-suiv {}


.prec-suiv a {
color : #000 ; 
text-decoration : none ;
 }

.prec-suiv a:hover {
text-decoration : underline ;
}





/* SUBSCRIBE TO COMMENT
****************************************************************************************************/


#subscribe-to-comments {padding : 0 0 10px 0 }