/*  
Theme Name: SB Full Dark
Theme URI: http://www.zwala.com
Description: Zwatla Wordpress Thème 
Author: kulko et krek
Author URI: http://www.zwatla.com
*/


body {
margin : 40px 0 0 0 ;
padding : 0 ; 
background : #474031 url(images/bg.png) top center no-repeat ;  
text-align : center;
font-size : 0.8em;
color : #615856 ;
font-family : arial ;
line-height : 18px;
}

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

/*  SITE
********************************************************************/
 
#website { 
position : relative; 
width : 956px;
margin : 0 auto;
text-align : left  ;
padding :  0 ;
min-height: 100%; 
}


/*  HEADER
********************************************************************/

#header {
position : relative ; 
height : 42px;
background : url(images/header2.png) no-repeat;
margin : 0
}

/*  TITRE DU SITE (LOGO) >> H1
********************************************************************/

h1  {
position : absolute ;
top : 30px ; 
right : 45px ; 
margin : 0;
padding : 0 ; 
width : 103px;
height : 40px; 
background : url(images/zout.png);
z-index : 1 
}

h1 a  {
display : block ; 
width : 144px;
height : 30px; 
}

h1 span {
position : absolute ;
top : -6666px ; 
left : -6666px ; 
}


.description {
position : absolute ;
top : -6666px ; 
left : -6666px ; 
}

/*  FIRST SIDEBAR :  SEARCH
********************************************************************/

#search {
margin : 10px 0 10px 10px ;
padding : 10px 0 0 0;  
width : 234px ;
height : 44px;
background : url(images/search.png) no-repeat;  
}

input.search {
width : 120px; 
height : 15px;
margin : 3px 0 0 20px;
padding : 0 ; 
float : left; 
border : 1px solid #9AB9D1;  
}

input.search-ok {
border : 0 ; 
height : 15px;
width : 59px;
background : url(images/search-ok.gif);
margin : 4px 0 0 12px;
padding : 0 ; 
float : left;
cursor : pointer;   
}

#search div  {
margin : 0;
padding : 10px 0 0 20px ;  
}


/*  LOGIN
********************************************************************/

ul#login {
list-style : none;
margin : 0;
padding : 0;
position : absolute ;
left : 779px ;
top : 125px; 
font-size : 12px; 
}

ul#login li {
float : left;
margin : 0;
padding : 0 5px 0 5px;
display : block ;
background : url(images/login.gif) left no-repeat ;
}

ul#login li:first-child {
background : none ;
}

ul#login li a {
color : #615856 ;
text-decoration : none ; 
}

ul#login li a:hover {
color : #fff ;
}

/*  RSS
********************************************************************/


#rss {
position : absolute ; 
right : 17px ; 
top : 60px ; 
width : 17px;
height : 17px ; 
background : url(images/rss.gif)  ;
}

#rss a{
width : 17px;
height : 17px ; 
display : block ; 
}

#rss span {
position : absolute ;
top : -6666px ; 
left : -6666px ; 
margin : 0;
padding : 0 ; 

}
   
/*  HEADER >> MENU PRINCIPAL
********************************************************************/

ul#menu  {
position : absolute ; 
top : 15px;
left : 535px; 
list-style : none ;
margin : 0; 
padding : 0 ;
}

ul#menu  li{
float : left ;
}
	
ul#menu  li a{
margin : 0 ; 
padding : 0 10px 0 0 ; 
text-decoration : none ;    
color : #615856 ;
}

ul#menu  li a:hover{
  color : #fff ;
}
	
/*  CONTENT
********************************************************************/

#main {
background : url(images/main2.png) repeat-y;  
overflow : auto ;
padding :  0 0 28px 0;
}
	
/*  CONTENU
********************************************************************/	
	
#content {
width : 478px ; 
float  : left ;
margin : 0 10px 0 0;
padding : 0 10px 0 20px  ;
}

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

#content li {
padding : 0 ; 
}


#titre-cat  h2 {
font-size : 1.8em ; 
margin : 0 0 5px 0; 
padding : 0 ; 
}

#titre-cat  p {
padding : 0 ; 
margin : 0 0 20px 0; 
}


#content h3 {
font-size : 1.2em ; 
margin : 0; 
}

h4 {
font-size : 1em ; 
margin : 20px 0 0 0; 
font-weight : normal ; 
color : #7A5131 ; 
}

h4 a {
color : #7A5131 ; 
text-decoration : none ; 
}

h4 a:hover {
color : #7A5131 ; 
text-decoration : underline ; 
}

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

.post {
padding : 0 0 20px 0 ; 
margin : 0 0 10px 0;

}

.post h2 {
font-size : 1.7em ; 
padding :  0  ; 
margin: 0 0 10px 0 ;
color : #72624C ; 
font-weight : normal;
clear : left ; 
}

.post h2 a {
color : #72624C ;
text-decoration : none ; 
}

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

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

.post a {
color : #756E6D ;
text-decoration : none ; 
}

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

.post p img {


}

.post  img {
border : 0;
margin : 5px 0 5px 0
}


.auteur {
color : #615856;
font-size : 1em;
margin : 0;
padding : 0 ; 
  
}


/*  POST >> Tags
********************************************************************/	

#tags {
padding : 20px ;
text-align : left ; 
line-height : 20px;


}

#tags a {
text-decoration : none ;  
}

/*  POST >> Comment
********************************************************************/	

.comment {

 }

.comment a {
color : #AA9057

}


.postcomment {

}




.commentmetadata  {
 
}

/*  FIRST SIDEBAR
********************************************************************/
   
#first-sidebar {
width : 255px ;
float  : left ;
padding :  0  ;
margin : 0 ; 
color : #615856 ; 

}
	
#first-sidebar h2 {
font-size : 1.4em ;
margin : 0 ;
padding :  0 0 0 20px ; 
color : #494233 ; 
}

#first-sidebar h3 {
font-size : 1em ;
margin :  10px 0 10px 0 ;
padding :  0 ; 
color : #494233 ; 
}

#first-sidebar ul{
list-style : none ; 
margin : 0 0 20px 0 ; 
padding : 10px 30px 0 20px; 

}

#first-sidebar li{
font-size : 1em ;
margin : 0 0 10px 0 ;
padding :  0; 
color : #615856 ; 
}
  
#first-sidebar li:last-child {
border-bottom: 0; 
}

#first-sidebar li a{
color : #615856 ; 
text-decoration : none ; 
}

#first-sidebar li a:hover{
color : #fff ; 
}

#first-sidebar p {
margin : 0 0 10px 0 ; 
padding : 0 ;
}

#first-sidebar span {
margin : 0 ; 
padding : 0;
}

/* FIRST SIDEBAR : HR
**********************************************************************/

div.hr {
height : 23px ;  
background : url(images/hr.png) repeat-x; 
margin : 0 0 10px 0;
}

div.hr hr {
display: none;
}


/*  FIRST SIDEBAR >> post recent (background)
********************************************************************/

#recent-post {
background : url(images/first-sidebar-comment.png) no-repeat;
width : 255px ;
margin : 20px 0 0 0 ;  
}

#recent-post h2{ 
color : #fff; 
margin : 4px 10px 20px 10px; 
padding : 0; 
width : 110px;
height : 41px;
background : url(images/recent-articles.png) no-repeat;
}

#recent-post h2 span{ 
position : absolute ; 
top : -9999px;
left : -9999px; 
}


/*  FIRST SIDEBAR >> TAGS CLOUD
********************************************************************/

#tag_cloud {
padding : 0 20px 20px 5px ; 
}

#tag_cloud h2 {
padding : 0  ; 
}

#tag_cloud a {
text-decoration : none ; 
color : #756E6D
}


/*  FIRST SIDEBAR >> textwidget >> seulement si widget
********************************************************************/


.textwidget {
margin : 10px 0 0 4px ; 
padding : 0 25px 10px 15px;
}



#first-sidebar .widget_style h2 {
color : #494233 ; 
height : 58px; 
line-height : 58px; 
background : url(images/hr.gif) repeat-x; 
padding-top: 20px ; 
}


#first-sidebar .widget_style ul {
margin-top : 0 ;
padding-top : 0 ; 
}

#first-sidebar .widget_style li {
margin-left : 0;
}



#first-sidebar #recent-posts {
color : #494233 ; 
background : url(images/widget-comment.png) no-repeat; 
padding-top: 70px ; 
margin : 10px 0 0 0 ; 
}


#first-sidebar #recent-posts h2 {
position : absolute ;
left : -9999px;
top : -9999px; 
}

#first-sidebar .widget_style ul {
margin : 0 ;
padding: 0 ; 
}

#first-sidebar .widget_style ul li {
margin : 0 ;
padding: 0 ; 
}

#first-sidebar .widget_style li li {
margin : 0 ;
padding: 0 0 0 20px ; 
}


/*  SECOND SIDEBAR
********************************************************************/

#second-sidebar {
width : 183px ;
float  : left ;
padding :  60px 0 0 0 ;
background : url(images/second-sidebar2.png) no-repeat;
color : #615856 ;   
}

#second-sidebar p{
padding : 0 15px  
}

#second-sidebar h2 {
font-size : 1.2em ;
margin : 0 ;
padding :  0 0 0 15px ; 
height : 42px; 
line-height : 42px; 
background : url(images/second-sidebar-h2.png) no-repeat;
}

#second-sidebar ul{
list-style : none ; 
margin : 0 0 10px 0 ; 
padding : 15px 15px 10px 15px; 
}

#second-sidebar li a {
text-decoration : none; 
font-size : 1em ;
margin : 0 0 5px 0 ;
padding :  0; 
color : #615856 ; 
display : block ; 
}

#second-sidebar li a:hover {
color : #fff ; 
}


/*   SECOND SIDEBAR >> Widget
*******************************************************************/ 


#second-sidebar .widget_style h2 {
margin-top : 20px ; 
}

/*   SECOND SIDEBAR >> Widget Blogolist
*******************************************************************/ 

#second-sidebar  #links_with_style h2 {
margin : 0 ;
padding : 0 0 0 15px ; 
width : 168px ;
}


#second-sidebar  #links_with_style ul {
margin : 0 0 0 0;
padding : 10px 0 0 0 ; 
}

#second-sidebar  #links_with_style li li {
margin : 0 0 5px 0;
padding : 0 0 0 15px; 

}

/*   SECOND SIDEBAR >> Tags Cloud
*******************************************************************/ 

#second-sidebar #tag_cloud {
padding : 0 0 20px 15px ; 
}

#second-sidebar #tag_cloud h2 {
padding : 0 0 0 15px ; 
margin : 0 0 10px -15px; 


}

#second-sidebar #tag_cloud a {
text-decoration : none ; 
color : #756E6D ;
padding : 5px 7px 0 0
}



/*   SECOND SIDEBAR >> Blog Log
*******************************************************************/ 

#bloglog {
padding : 10px 0 0 15px;
}



/*  COMMENTFORM
*******************************************************************/ 

.commentlist {
margin : 20px 0 0 0;
padding : 0;
list-style : none ;
}

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

#commentform {
margin : 0 10px 0 0;
}

#commentform a {
color : #72624C;
}

.commentlist a {
color : #72624C ; 
text-decoration : none ; 
}

.commentlist li span {
font-size : 130% ; 
color : #72624C; 
}




/*  NAV BAS DE PAGES
*******************************************************************/ 

#navigation {
padding : 5px 10px 0 0
}

#navigation a {
color : #756E6D ;
text-decoration : none; 
}

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

#navigation .right {
float : right ; 
}

#navigation .left {
float : left ; 
}

/*  FOOTER
*******************************************************************/ 
   
#footer { 
position : absolute ; 
bottom : -28px; 
left : 0 ; 
width : 100%; 
height :28px;
background : url(images/footer.png) bottom no-repeat; 
text-align : left ;  
}

#footer p { 
margin :  0 ; 
padding : 25px 0 0 15px ; 
color : #AA9057;
height : 60px ; 


}

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

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

#footer ul { 
list-style : none ; 
margin : 0 ; 
padding :  0 0 0 7px; 

width : 450px; 
}

#footer li { 
float : left ; 

}

#footer li a { 
float : left ; 
padding : 0 3px 0 3px ; 
display : block ; 
}





/*  SIDEBAR >> généralités
*******************************************************************/    
 

#calendar_wrap {
padding : 10px 0 0 15px;
}

#calendar_wrap a {
color : #726236;
text-decoration : none; 
}