/*
Theme Name: Lagwa
Theme URI: blog.zwatla.com
Description:  Un blog par Lagouache
Author: Jules et krek
*/











body {
font-family: Verdana, Arial, Helvetica, sans-serif ;
font-size: 0.8em;
margin: 0;
padding: 0;
color : #402F2D;
text-align : left ;
background: #F5F5F5 url(imgs/bg_all.jpg) top center repeat-x ;
	}
	
	
	
	

li {
	list-style: none;
}














	
a { color : #A69C9B

}

a img
{
border:none;
}




.centrage {
position : relative ; 
 width : 1000px ; 
 margin : 0 auto ; 

}



#deco {position : absolute ; background : url(imgs/deco.jpg) ; width : 200px ; height : 148px}


#deco-2 {position : absolute ; background : url(imgs/deco2.jpg) ; width : 200px ; height : 22px; top : 192px}





.site { overflow : auto ;  background : url(imgs/bg-side.jpg)repeat-y }

#logo {
width : 125px; 
height : 148px; 
position : absolute ; 
left : 600px ; 
background : url(imgs/robot.jpg) }





#menu-top {
position : absolute;
left : 705px;
top : 0;
width : 171px; 
height : 34px ; 
background : url(imgs/bg-top.jpg);
padding : 8px 0 0 12px; 

}




#menu-top ul {
margin : 0 ; 
padding : 0 ; 
list-style : none ;
font-size : 11px ; 
float : left ;
}



#menu-top li {
margin : 0 0 0 -2px; 
padding : 0 ; 
list-style : none ;
float : left ; 
border-left : 1px solid #000; 
padding : 0 10px ; 
}


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




#menu-top li a {
color : #000; 
text-decoration :none ; 
}


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






/* HEADER
**************************************************************/	
	
#header { 
position : relative; 
height : 133px;
margin : 0 ;
padding : 0;
  }
  
  #header h1{
  margin : 0; 
  padding :   0  ; 
  width : 200px ; 
  font-size : 1em ; 
  text-align : center 
  }
  


#header h1 a {
	color: #402F2D;
	text-decoration: none;
	text-transform : uppercase ; 
}

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




/* NAVIGATION
***********************************************************************/



#navigation {
font-family: Verdana, Arial, Helvetica, sans-serif ;
font-size : 18px ; 
background : transparent ;
height : 80px ; 
line-height : 74px; 

text-align : left ;

  }
  
  
#navigation ul{
margin : 0  ;
padding : 0 0 0 220px  ;  

list-style : none; 

  }


#navigation li{
margin : 0 ; 
padding : 0; 
float : left ; 
background : url(imgs/bg-menu.gif) top left no-repeat ; 
}
  
  


#navigation a {
color : #fff ; 
text-decoration : none ;
display : block ; 

margin : 0 ; 
padding : 0 20px 0 20px ; 

}
  
  
  #navigation a:hover {
background : url(imgs/bg-menu-hover.gif) center no-repeat ;
 }  





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



#side {
float : left ; 
width : 180px ;
background :  #fff ;
text-align : right ; 
font-family : arial;
font-size : 0.9em ;
padding : 20px 10px 40px 10px;   
margin : 0 ; 

}


#side input {
margin :  0 0 5px  ; 
padding: 0 ;
}

#side form {
margin : 0;
padding :  0;
text-align : right ;
 
}




#side ul {
	margin: 0 ; 
	padding: 0;
list-style : none ;
}



#side li { 
	list-style: none;
	margin: 0;
padding :  0 ;
text-align : center ; 
    font-size: 1em;
}



 
#side li a {	
text-align : right ; 
color : orange ; 
text-decoration : none ;
  display : block ; 
  height : 20px ;
  line-height : 20px ;    
   background : #fff ;
   padding : 0 10px 0 0 ;

}
#side li a:hover {
	color: #fff;   
  background : orange ;
}










#side h2 {

font-size: 1em;
margin:  0;
padding : 0 10px 0 0 ;
text-transform : uppercase ; 
color : #402F2D ;  
background : #fff ; 
text-align : right ; 
list-style : none ;
height : 30px ; 
line-height : 30px ;  

}




#side h2 a {
 color: #F06;
 }























/* TEXT 
*****************************************************************/
.texte {
	float: left;
	padding: 20px 0 60px 20px ;
	width: 728px;


	}









.content  {

}


.descr { margin : 10px 0 0 0;  font-style : italic ; 

}


.descr a,.descr a:visited
{
}




.content h1 {

 margin : 0;
 padding : 10px 0 10px 0 ; 
	font-size: 1.6em;
	text-align: left;
	font-family : georgia  ; 
	font-size : 18px ; 
	border-bottom : 1px solid #402F2D;
  text-transform : uppercase ;  
}

.content h1 a {text-decoration : none ; color : #402F2D}






.content h2 {

 margin : 0;
 padding : 10px 0 10px 0 ; 
	font-size: 1.6em;
	text-align: left;
	font-family : georgia  ; 
	font-size : 14px ; 

  text-transform : uppercase ;  
}



.content h3 {

 margin : 0;
 padding : 10px 0 10px 0 ; 
	font-size: 1.6em;
	text-align: left;
	font-family : georgia  ; 
	font-size : 14px ; 

  text-transform : uppercase ;  
}










.content a,.footer a {

}
.content a:hover,.footer a:hover {

}






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



#pub728 {
background : transparent }















/* FOOTER
********************************************************************/	
	
#footer {
color :  #FFF ;
height : 120px ;
padding : 0 0 0 0; 
background: #FF8C01 url(imgs/footer.gif) top left repeat-x ;
text-align : center ; 
clear : left ;  
	}

#footer p {
	margin: 0;
	padding: 0 0 0 0;
	text-align: center;
	}


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

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


#deco-bas {
left : 0;
top : 0; 
position : absolute;
width : 200px;
height : 40px ; 
background : url(imgs/decobas.jpg)  ;
}



#deco-bas p {
padding : 14px 0 0 0 ; margin : 0; font-weight : bold ; text-transform : uppercase ;  
}




/* 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;
}
	
	
	

/* COMMENTAIRES
****************************************************************************************/	
	
#commentform {
margin: 1em 0;
background: #ffffff;
margin : 20px 0 0 40px;
 padding : 10px;
  border : 1px dotted #eee;
  width : 670px ; 

}	


	
	.content form {}
	
	
	
	
	
.content cite {
	font-family : georgia  ; 
	font-size : 18px ; 
}


.content .graybox {background : #fff ;   border : 1px dotted #eee;}

.content li {padding : 10px; }
	

	

/* post stylng
****************************************************************************************/




.post{margin:0 0 25px 0;}

.post .info{
padding:2px 3px 3px 8px;
border:1px solid #e3e4e4;
background-color:#f5f5f5;
font-size:0.9em;
color:#505050;
}




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



#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;
}