/*  
Theme Name: SB Blue 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 : #E5DCCA url(images/bg.jpg) top center no-repeat ;  
text-align : center;
font-size : 0.8em;
color : #000000 ;
font-family : arial ;
}

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/header.gif);
margin : 0
}

/*  LOGO
********************************************************************/

#logo  {
position : absolute ;
top : 33px ; 
right : 15px ; 
margin : 0;
padding : 0 ; 
width : 162px;
height : 50px; 
background : url(images/logo.png); 

}

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

#logo span  {
position : absolute ;
top : -9999px ; 
left : -9999px  ;  
}


/*  TITRE DU SITE >> H1
********************************************************************/

#header h1  {
position : absolute ;
top : 10px ; 
left : 530px  ; 
margin : 0 ; 
padding : 0 ;
font-size : 1em  ;
font-weight : normal ; 
}


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


/*  Texte Description 
********************************************************************/


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

/*  SEARCH >
********************************************************************/


#search-base {
margin : 10px 0 30px 10px ; 
width : 231px ;
height : 50px;
background : url(images/search.gif) no-repeat;  
}

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

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

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


/*  SEARCH > page recherche
********************************************************************/

#result-search {padding : 0 0 0 20px  ;}



#result-search h2  {
color : #72624C ;
font-size : 1.8em ; 
padding :  0 0 0 0 ; 
margin: 0 ;
font-weight : normal;

}


/*  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 : #fff ;
text-decoration : none ; 
}

ul#login li a:hover {
color : #fff ;
text-decoration : underline ; 
}

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


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

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

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

}
   

	
/*  MAIN
********************************************************************/

#main {
background : url(images/main.gif) repeat-y;  
overflow : auto ;
padding :  0 0 20px 0;
}
	
/*  CONTENT
********************************************************************/	
	
#content {
width : 508px ; 
float  : left ;
margin :  0;
padding : 0 10px 20px 0  ;
z-index : 1 ; 
}

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

#content li {
padding : 0 ; 
}



/*  POST
********************************************************************
*********************************************************************
*********************************************************************
*********************************************************************
*********************************************************************
*********************************************************************
*********************************************************************
*********************************************************************/	

.post {
padding : 0 0 30px 25px; 
}


/*  POST >> H1
********************************************************************/	


.post h1 {
font-size : 1.8em ; 
padding :  0 0 0 0 ; 
margin: 0 ;
color : #72624C ; 
font-weight : normal;
}


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

.post h1 a:hover {
color : #000 ;
text-decoration : none ; 
}


/*  POST >> H2
********************************************************************/	

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


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

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


/*  POST >> H3
********************************************************************/	


.post h3 {
font-size : 1.4em ; 
padding :  10px 0 0 0 ;  
margin: 0 ;
color : #72624C ; 
font-weight : normal;
}


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

.post h3 a:hover {
color : #000 ;
text-decoration : none ; 
}


/*  POST >> H4
********************************************************************/	


.post h4 {
font-size : 1.2em ; 
padding :  10px 0 0 0 ; 
margin: 0 ;
color : #72624C ; 
font-weight : normal;
}


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

.post h4 a:hover {
color : #000 ;
text-decoration : none ; 
}

/*  POST >> H5
********************************************************************/	


.post h5 {
font-size : 1em ; 
padding :  10px 0 0 0 ;  
margin: 0 ;
color : #72624C ; 
font-weight : normal;
}


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

.post h5 a:hover {
color : #000 ;
text-decoration : none ; 
}


/*  POST >> H6
********************************************************************/	


.post h6 {
font-size : 1em ; 
padding :  10px 0 0 0 ; 
margin: 0 ;
color : #72624C ; 
font-weight : normal;
}


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

.post h6 a:hover {
color : #000 ;
text-decoration : none ; 
}



/*  POST >> Autres
********************************************************************/	


.post p {
padding :  0 ;
margin : 5px 15px 5px 0;
line-height : 18px;
}

.post a {
color : #000 ;
text-decoration : underline ; 
}

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


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


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


.content_text h3 {
font-size:1.2em;
margin:0pt;
padding:0pt 0pt 0pt 20px;
}


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

.tags {
padding : 10px 0 5px 0;
margin : 0 15px 0 0; 
clear : left ;  
border-bottom : 1px solid #ECEFF3
}

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

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

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

.comment {
padding : 5px 0 0 0;
margin : 0 15px 0 0; 
}

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

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

.commentmetadata  {}



/*  FIRST SIDEBAR
********************************************************************
*********************************************************************
*********************************************************************
*********************************************************************
*********************************************************************
*********************************************************************
*********************************************************************
*********************************************************************/
   
#first-sidebar {
width : 255px ;
float  : left ;
padding :  0  ;
margin : 0 ; 
background : url(images/first-sidebar.gif) no-repeat;  
color : #28332B ; 
}
	
#first-sidebar h2 {
font-size : 1.2em ;
margin : 0 ;
padding :  0; 
color : #384446 ; 
}

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

#first-sidebar ul {
list-style : none ; 
}

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

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

#first-sidebar li a:hover{
color : #384446 ; 
text-decoration : underline ; 
}

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

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

/*  FIRST SIDEBAR >> widget_text 
********************************************************************/

#first-sidebar .widget_text {
padding : 15px 20px 10px 20px;
background : url(images/first-sidebar-comment.gif) no-repeat;
}

#first-sidebar .widget_text h2 {
padding-bottom : 30px ;  
}


#first-sidebar .widget_text a {
color : #457E85
}

/*  FIRST SIDEBAR >> widget_themeswitcher 
********************************************************************/

#first-sidebar .widget_themeswitcher {
background : url(images/hr.gif) repeat-x; 
padding : 20px 20px 20px 20px;
}

#first-sidebar .widget_themeswitcher h2 {
margin-bottom : 20px ;
}


#first-sidebar .widget_themeswitcher select {
width : 210px
}


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

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



/*  FIRST SIDEBAR >> widget_themeswitcher 
********************************************************************/

#first-sidebar .widget_wp_sidebarlogin {
padding : 0 20px 5px 20px;
}

#first-sidebar .widget_wp_sidebarlogin input {
margin : 5px 0 0 0 ; 
}

#first-sidebar .widget_wp_sidebarlogin p {
margin : 5px 0 0 0 ; 
padding : 0 ; 
}

#first-sidebar .widget_wp_sidebarlogin .submit {
margin-top : 20px ; 
}


#first-sidebar .widget_wp_sidebarlogin ul {
margin : 10px 0 0 0 ; 
padding : 0 ;
list-style : none ; 
width : 150px ; 
float : left ; 
}


#first-sidebar .widget_wp_sidebarlogin .avatar_container {
margin : 10px 10px 0 0 ; 
float : left ; 
}



#first-sidebar .widget_wp_sidebarlogin .mid   {
width : 210px ; 
}




/*  FIRST SIDEBAR >> widget_recent_comments
********************************************************************/

#first-sidebar .widget_recent_comments {
padding : 15px 20px 10px 20px;
background : url(images/first-sidebar-comment.gif) no-repeat;
width : 255px ;
margin : 0 ;  
}

#first-sidebar .widget_recent_comments h2 {
padding-bottom : 30px ;  
}

#first-sidebar .widget_recent_comments ul {
margin : 0 20px 10px 0 ; 
padding : 0 ;
}

/*  FIRST SIDEBAR >> widget_recent_entries
********************************************************************/

#first-sidebar .widget_recent_entries {
padding : 15px 20px 10px 20px;
background : url(images/first-sidebar-comment.gif) no-repeat;
width : 255px ;
margin : 0 ;  
}

#first-sidebar .widget_recent_entries h2 {
padding-bottom : 30px ;  
}

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

/*  FIRST SIDEBAR >> widget_categories
********************************************************************/

#first-sidebar .widget_categories {
background : url(images/hr.gif) repeat-x; 
padding : 20px 20px 0 20px;
}

#first-sidebar .widget_categories ul {
margin : 0 ; 
padding : 10px 0 0 0 ;
}

/*  FIRST SIDEBAR >> widget_archives
********************************************************************/

#first-sidebar .widget_archives { 
background : url(images/hr.gif) repeat-x; 
padding : 20px 20px 0 20px;
}

#first-sidebar .widget_archives ul {
margin : 0 ; 
padding : 10px 0 10px 0 ;
}

/*  FIRST SIDEBAR >> widget_archive
********************************************************************/

#first-sidebar .widget_archive { 
background : url(images/hr.gif) repeat-x; 
padding : 20px 20px 0 20px;
}

#first-sidebar .widget_archive ul {
margin : 0 ; 
padding : 10px 0 10px 0 ;
}

/*  FIRST SIDEBAR >> widget_links
********************************************************************/

#first-sidebar .widget_links  {
background : url(images/hr.gif) repeat-x; 
padding : 20px 20px 0 20px;
}

#first-sidebar .widget_links ul {
margin : 0 ; 
padding : 10px 0 10px 0 ;
}

/*  FIRST SIDEBAR >> widget_meta
********************************************************************/

#first-sidebar .widget_meta {
background : url(images/hr.gif) repeat-x; 
padding : 20px 20px 0 20px;
}

#first-sidebar .widget_meta ul {
margin : 0 ; 
padding : 10px 0 10px 0 ; 
}


/*  FIRST SIDEBAR >> widget_pages 
********************************************************************/

#first-sidebar .widget_pages {
background : url(images/hr.gif) repeat-x; 
padding : 20px 20px 0 20px;
}

#first-sidebar .widget_pages ul {
margin : 0 ; 
padding : 10px 0 10px 0 ;
}

/*  FIRST SIDEBAR >> widget_search
********************************************************************/

#first-sidebar .widget_search {
background : url(images/hr.gif) repeat-x; 
padding : 20px 20px 0 20px;
}

#first-sidebar .widget_search input {
margin : 0 0 5px 0 ; 
padding : 0 ;
width : 150px;   
}

#first-sidebar .widget_search form {
margin : 0 ; 
padding : 10px 0 10px 0 ; 
}

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

#first-sidebar .widget_tag_cloud  {
padding : 20px 20px 10px 20px;
background : url(images/hr.gif) repeat-x; 
}

#first-sidebar .widget_tag_cloud h2  {
margin : 0 0 15px 0 ;
}

#first-sidebar .widget_tag_cloud a {
text-decoration : none ; 
color : #000 ; 
font-size : 120% ; 
}

#first-sidebar #tag_cloud-3  a:hover {
text-decoration : underline ; 
}

/*  FIRST SIDEBAR >> widget_calendar
********************************************************************/

#first-sidebar .widget_calendar {
background : url(images/hr.gif) repeat-x; 
padding : 10px 20px 20px 20px;
}

#first-sidebar .widget_calendar h2 {
position : absolute ; 
top : -9999px;
left : -9999px; 
}


#first-sidebar .widget_calendar #calendar_wrap {
padding : 10px 0 0 28px;
}

#first-sidebar .widget_calendar #calendar_wrap a {
color : #726236;
text-decoration : none; 
}


/*  FIRST SIDEBAR >> RSS
********************************************************************/

#first-sidebar .widget_rss {
background : url(images/hr.gif) repeat-x; 
padding : 20px 20px 20px 0
}

#first-sidebar .widget_rss h2 {
margin : 0 ;
padding : 0 0 0 20px ;
}

#first-sidebar .widget_rss h2 a {
text-decoration : none ; 
color : #384446 ; 
}


#first-sidebar .widget_rss h2 img {
display : none ; 
}

#first-sidebar .widget_rss ul {
margin : 0 ; 
padding : 10px 0 10px 20px;
}





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

#second-sidebar {
width : 182px ;
float  : left ;
padding :  70px 0 0 0 ;
margin : 0 ; 
background : url(images/second-sidebar.gif) no-repeat;
color : #457E85 ;   
}

#second-sidebar p {}

#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.gif) no-repeat;
}

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

}

#second-sidebar li a {
text-decoration : none; 
margin : 0 0 5px 0 ;
padding :  0; 
color : #457E85 ; 
display : block ; 
}

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

#second-sidebar  a {
color : #457E85 ;
text-decoration : none; 
}

#second-sidebar a:hover {
text-decoration : underline; 
}

/*  SECOND SIDEBAR .widget_themeswitcher  
********************************************************************/


#second-sidebar .widget_themeswitcher  select {
width : 140px ; 
margin : 10px 0 0 0; 
}


/*  SECOND SIDEBAR >> widget_text 
********************************************************************/

#second-sidebar .widget_text {
padding : 0 0 10px 0 ; 
}

#second-sidebar .widget_text p {

}

/*   SECOND SIDEBAR  >> widget_calendar
********************************************************************/

#second-sidebar .widget_calendar {
padding : 0 0 20px 0 ;
}


/*   SECOND SIDEBAR >> widget_search
********************************************************************/

#second-sidebar .widget_search {

padding : 10px 20px 10px 20px;
}

#second-sidebar .widget_search input {
margin : 0 0 5px 0 ; 
padding : 0 ;
width : 130px;   
}

#second-sidebar .widget_search form {
margin : 0 ; 
padding : 10px 0 10px 0 ; 
}

/*  SECOND SIDEBAR >> widget_tag_cloud
********************************************************************/

#second-sidebar .widget_tag_cloud  {
padding : 0 0 15px 0;
}

#second-sidebar .widget_tag_cloud h2 {
padding-bottom : 10px ;
}

#second-sidebar .widget_tag_cloud a {
text-decoration : none ; 
color : #457E85 ; 
font-size : 120% ;
display : block ; 
padding : 0 0 0 20px ;
}

#second-sidebar #tag_cloud-3  a:hover {
text-decoration : underline ; 
}


/*  SECOND SIDEBAR >> RSS
********************************************************************/



#second-sidebar .widget_rss h2 {
margin : 0 ;
padding : 0 0 0 20px ;
}

#second-sidebar .widget_rss h2 a {
text-decoration : none ; 

}


#second-sidebar .widget_rss h2 img {
display : none ; 
}



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

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

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

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

#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 20px 0 20px
}

#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 : 0; 
left : 0 ; 
width : 100%; 
height :12px;
font-size : 90%;
background : url(images/footer.gif) no-repeat; 
text-align : left ;  
}


 
#footer p { 
color : #393128 ;  
height :  40px ;
padding : 20px  0 0 15px;  
}

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

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


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

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

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


/*  BANNER
*******************************************************************/  



#banner {
position : absolute ; 
top : 25px ; 
left : 25px ; 
}


/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}