/*
Theme Name: Lightshade
Theme URI: http://www.lannaen.info
Description: Lightshade Theme for photoblog.
Version: 0.1
Author: S?bastien Lopez
 
Creation Theme by S?bastien Lopez || http://www.lannaen.info
 
*/


div.spacer{ clear:both; }

html, body, #container{
	margin: 0px;
	padding: 0px;
	background: url('images/top.jpg') top repeat-x fixed #1f1f1f;
	/*background: url('images/bois.jpg') top left fixed #212121;*/
}

/* CENTER /////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/* REGLES GENERALES */
#content a img{	border: 0px;}
#content{	font-family: "Trebuchet MS", sans-serif;}

/* CONTENT-TEMPLATES */
#page_tpt, #archives_tpt,#single_tpt, #index_tpt{		margin: auto;	margin-top: 30px; }

/* CATEGORIES, ARCHIVES, SEARCH RESULTS ///////////////////////////////// */
#category_tpt{	font-family: "Trebuchet MS", sans-serif;	}

#content #category_tpt, #content #text_post{
	margin:0px;
	padding:0px;
	width: 400px;
	margin: auto;
}

/* Titre de la page ou du post si single.php */
#category_tpt h1{
	padding: 0 0 2px 0;
	text-transform: uppercase;
	font-size: small;
	text-align: center;
	color: #c5c5c5;
	border-bottom: 1px solid #333;	
}
/* Titre si c'est une liste de posts (postmetadata a la fin)*/
#category_tpt #title{ 	margin: 50px 0 20px 0;	}
/*Titre si c'est un post unique ou une page */
#category_tpt #one_post h1{	margin: 50px 0 0px 0;	}
/* Postmetadata */
#category_tpt #one_post .postmetadata{	margin: 3px 0 8px 0;	text-align: left !important;	}

#category_tpt .postmetadata{
	width: 400px;
	margin:auto; margin: 0px;
	padding: 0px;
	font-size: x-small;
	text-align: right;
	color: /*#333*/ #666;
}

#category_tpt a{	color: #55A9E9; text-decoration: none;}
#category_tpt a:hover{	color: #ff9900; text-decoration: underline;}

/* BILLETS */
#category_tpt .post{ margin:0px; padding:0px; /*width:400px;*/ }

/* Titre de billet puis lien sur ce dernier*/
#category_tpt h2{
	margin: 15px 0 2px 0;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 0.75em;
	color: #c5c5c5;
	text-align: left;
}
#category_tpt h2 a.category_post_title{	color: #c5c5c5;	text-decoration: none; }
#category_tpt h2 a.category_post_title:hover{ color: #ff9900; }

/*Contenu de présentation */
#category_tpt .exerpt, #category_tpt .post_content{
	margin: 0px 0 -0px 0;
	padding: -3px 0 -3px 0;
	font-size: 0.75em;
	text-align: justify;
	color: #c5c5c5;
}

#category_tpt .exerpt a img, #category_tpt .exerpt a { 
margin: 0px; padding: 0px; border: 0px; padding-bottom: 2px;
}

/* COMMENTAIRES //////////////////////////////////////////////////////////////// */
div.comments-template, div.comments_zone{ 	margin: 0px;	padding: 0px;	border: 0px;	}

/*Titre de la zone de commentaires -> similaire titre de page */
h3.comments{
	margin-top: 25px;
	padding: 0 0 2px 0;
	text-transform: uppercase;
	font-size: small;
	text-align: center;
	color: #c5c5c5;
	border-bottom: 1px solid #333;	
}

/* Zone de commentaire: colorée */
.onecomment, .comments-template form {	color: #c5c5c5;		font-size: 0.75em;		background: #505050;	margin-bottom: 5px;}
.onecomment a, .addcomment_info a{	color: #ff9900;	text-decoration: none;}
.onecomment a:hover, .addcomment_info a:hover{	color: #ff9900;		text-decoration: underline;	}
/* Zone d'information: le fond diffère */
.commentmetadata, .addcomment_info{	background: #333 !important;	margin: 0px !important; padding: 2px 4px 2px 4px !important;}
/* Span: infos complémentaires*/
.commentmetadata span{	font-size: x-small;	}
/* Paragraphes dans le commentaire en lui même */
.onecomment p, .comments-template form p{	padding: 5px 4px 5px 4px;	margin: 0px;}
.comments-template form input, .comments-template form textarea{	color: black;	background: #c5c5c5;	}
.comments-template form{	text-align: center; }

/* POLICE PETITS CARACTERES: FOOTER, POSTMETADATA, NAVIGATION LINKS ///////////////////// */

p.postmetadata{ clear: both;}

div#footer, #nav_lnks a{
	font-family: "Trebuchet MS", sans-serif;
	color: #666;
	font-size: x-small;
}
#footer a, p.postmetadata a, div.navigation a, #nav_lnks a{
	color: /*#423521*/ #6a4e24;
	text-decoration: none;
}

#footer a:hover, p.postmetadata a:hover, div.navigation a:hover, #nav_lnks a:hover{
	color: #ff9900;
	text-decoration: underline;	
}

/* FOOTER STRUCTURE //////////////////////////////////////////////////////////////////// */

div#footer{
	width: 100%;
	border-top: 1px solid #333;
	margin:auto;
	margin-top: 80px;
	margin-bottom: 0px;
	padding-bottom: 10px;
	padding-top: 10px;
	text-align: center;
}


/* NAVIGATION AND NOT FOUND */
div.absent {
	width: 300px;
	margin: auto;
	margin: 50px auto 30px auto;
	padding: 0px 0 10px 0;
	border: 1px solid #333;
	font-family: "Trebuchet MS", sans-serif;
	font-size: small;
	color:white;
	text-align: center;
}

/* HEADER & MENU PRINCIPAL /////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////*/
#header{	
	width: 400px;	height: 77px;
	margin: auto;
	padding-top: 30px;
	font-family: "Trebuchet MS", sans-serif;
}

#header-logo{
	width:250px;
	height: 77px;
	float:left;	
	background: url('images/logolightshade.png');
}

#header-description{
	float: right;
	display: none;
	width: 285px;
	color: #AFA089;
	font-size: small;
	letter-spacing: 1px;
	padding-top: 30px;
	font-weight: bold;	
}

#MenuBar0Container{
	width: 400px; margin: auto; font-family: "Trebuchet MS", sans-serif;	
}

/* On bloque la largeur du menu */
#MenuBar0{		
	margin: 0px;			padding: 0px;	
	margin-top: 0px;		/* Séparation du logo et de la description */
	width: 400px;		height: 22px;	
	background: #4C4A41; 
}

/* Les items du menus seront visibles en ligne -> float
La propriété block est importante car elle servira de 
référence pour le sous-menu en position absolue */
#MenuBar0 li {	
	margin: 0px;			padding: 0px;
	display: block;	 		float: left;
	/*Centrage dans la barre (fonctionne, propre, compréhensible sans)*//**/
	border-top: 4px solid #4C4A41;
	border-bottom: 4px solid #4C4A41;
	border-left: 5px solid #4C4A41;
	border-right: 5px solid #4C4A41;
	width: 90px;
	/**/
}

/* On transforme les liens en blocs et on les fait flotter côte à côte */
#MenuBar0 li a:link, #MenuBar0 li a:visited{
	display: block; 				
	width: 90px;					height: 20px;
	margin: 0px;					padding: 0px;	
	padding-top: 2px;
	color: #AFA089; 				background: #4C4A41;
	font-size: small;				text-transform: uppercase;
	text-align: center; 			text-decoration: none;
}

/* Les les liens du sous-menu ont hérité du float, on annule la commande pour le sous menu */
/* Le centrage du lien dans la barre a décalé l'origine du bloc en position absolu: correction marge*/
#MenuBar0 li ul.submenu li { 		float:none; 	/**/ margin-left:-5px; /**/	}

/* Couleur du texte et fond de tous les liens actifs sur l'ensemble du menu */
#MenuBar0 li a:hover,#MenuBar0 li a:active{ color: #1f1f1f;	background:	#AFA089 url("images/rbg.jpg"); }

/* Réduction du texte du sous menu pour les dates et les textes longs */
#MenuBar0 li ul.submenu li a{   /**/font-size: x-small; font-weight: bold; padding-top: 4px; height: 18px; /**/}

/* Commande d'apparition*/
li.show-submenu:hover ul.submenu{ display: block;}
li.show-submenu:hover div.submenuzone{ display: block;}

ul.submenu{	
	position:absolute; 				z-index: 500;
	display: none; 	
	/*width: 400px;					height: 200px;*/
	margin: 0px;						padding: 0px;
	}
	
div.submenuzone{
	position: absolute; 		z-index: 500;
	display: none;
	margin: 0px; 						padding: 0px;
	background:  /*#AFA089*/ #2A211C;
	width: 390px;
	/*padding-top: 5px;*/
	margin-top: 4px;
	color: #AFA089; 
	border: 5px solid #4C4A41;
	border-top: 0px;
}

div#sub-archives{	margin-left: -205px !important;	}
div#sub-plus{	margin-left: -305px !important;	}

div.submenuzone  ul{ margin: 0px !important; padding: 0px !important}
div.submenuzone  li{	display:  normal !important; clear: both;  border: 0px !important;	float:none !important; width: auto !important; margin: 0px !important; padding: 0 10px 2px 10px !important; text-align: left !important;}
div.submenuzone  a {	clear: both; display: inline !important; color: #55A9E9 !important; background: none !important; text-transform: none !important; border: 0px !important;}
div.submenuzone  #sbz-autres li:hover, div.submenuzone  #sbz-autres li:hover a{ background: #AFA089 !important; color: #2A211C  !important;}
div.submenuzone h3{		
	margin-top: 0px; padding-top: 0px;
	font-size: small;				text-transform: uppercase;
	border-bottom: 1px solid  #AFA089; 
}
div.submenuzone select, div.submenuzone input{	background: #AFA089;	color: #2A211C;	}
#sbz-auteur p{ font-size: small; text-align: left !important;}

/* sous-zones*/
div#sbz-calendar, div#sbz-archives, #sbz-auteur, #sbz-autres {	width: 175px;	padding: 10px;	float: left;	text-align: center; }
div#sbz-calendar table { 	margin: auto;	width: 170px; font-size: small;}