/*
Theme Name: Evolutive
Theme URI: http://www.milkcreation/evolutive
Description: Template evolutif selon les heures de la journée, le temps, les évènements ...  
Author: J. Manner
Author URI: http://www.milkcreation.fr

   * Version:         1.1 
   * Website:         http://www.milkcreation.fr/
   
  == STRUCTURE: ========================
   * Page width:            960 px
  ====================================== 
*/

/* 	
	ELEMENTS GENERAUX  
	############################	
*/
body 	
{ 
	font-family:Geneva, Arial, Helvetica, sans-serif; font-size:12px; color: #000;
}
/* Balises HTML */	
/*--------------------------------------------------------------------------------*/
/* --- STYLES DE BASE --- */  
/* Page */ 
html { 
  font-size: 100%; /* Évite un bug d'IE 6-7. (1) */ 
} 
body { 
  margin: 0; padding:0; 
  font-size: .8em; /* À adapter pour la police choisie. (3) */ 
  line-height: 1.4; /* À adapter au design. (4) */ 
} 
 
/* Titres */ 
h1, h2, h3, h4, h5, h6 { 
  margin: 1em 0 .5em 0; /* Rapproche le titre du texte. (5) */ 
  line-height: 1.2; 
  font-weight: bold; /* Valeur par défaut. (6) */ 
  font-style: normal; 
} 
h1 { 
  font-size: 1.75em; 
} 
h2 { 
  font-size: 1.5em; 
} 
h3 { 
  font-size: 1.25em; 
} 
h4 { 
  font-size: 1em; 
}  
/* Listes */ 
ul, ol { 
  margin: .75em 0 .75em 32px; 
  padding: 0; 
}  
/* Paragraphes */ 
p { 
  margin: .75em 0; /* Marges plus faibles que par défaut. (7) */ 
} 
address { 
  margin: .75em 0; 
  font-style: normal; 
}  
/* Liens */ 
/* Pas de bordure pointillée ou halo lors du clic sur un lien */ 
a:active { 
  outline: none; 
} 
/* Pas de bordure autour des images dans les liens */ 
a img { 
  border: none; 
}  
/* Divers éléments de type en-ligne (8) */ 
em { 
  font-style: italic; 
} 
strong { 
  font-weight: bold; 
}  
/* Formulaires */ 
form, fieldset { 
  margin: 0; 
  padding: 0; 
  border: none; 
} 
input, button, select { 
  vertical-align: middle; /* Solution pb. d'alignement. (9) */ 
}

/*Special For Evolutive Theme*/
h1, h2, h3, h4, h5, h6 { margin: 0.3em 0; color:#666; letter-spacing:1px; }
img				{  vertical-align: middle; }
a				{ color:#4D8AB7;}
a:hover 		{ color:#5dbec5;}

/* Corner radius */
.corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; }
.corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; }
.corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; }
.corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
.corner-top { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; }
.corner-bottom { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
.corner-right {  -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
.corner-left { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; }
.corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; }

/* Couleurs Alternatives */
.label-0			{ background:#80508F; }
.label-1			{ background:#E86400; }
.label-2			{ background:#EF4ACD; }
.label-3			{ background:#6AAF36; }
.label-4			{ background:#BF2F2F;  }
.label-5			{ background:#193C74; }

/* Fond */
.cell_back			{ background:url(images/cell-pattern.png); }

/* Boutons */
button, tr, td
{ 
	behavior: url(library/IEFixes.htc);
}
a.button			{ display:block; width:100px; }
a.button, button	
{ 
	padding:2px; border:#CCC solid 1px;
	background-color:#F6F6F6;
	font-size:13px; text-align:center;	
	text-decoration: none;
}
a.button:hover, button:hover, button.hover
{ 
	 border:#FFCC33 solid 1px;
	 color:#FF9933;
	 background-color:#FFFFCC;
}
					

.clear 		{ clear:both; }

/* 	
	STRUCTURE 
	############################	
*/
#page 	{ margin:0; padding:0; }

#moon { 
	position:absolute;
	top:0; right:15%;
	width:180px; height:180px;
	background:url(images/santa-clauss_inTheMoon.png) no-repeat;  
}

/* Conteneur principal */
#container { 
	position:absolute;
	left:50%; top:70px;
	margin-left:-480px;
	width:960px;
}
/* Entête */
#header	{ 
	overflow:hidden; margin-bottom:-60px;
}

/* Colonne de contenu */
#columns
{
	overflow:hidden;
	padding-bottom:20px;
}
#menu {
	height:60px;
	background:#E5E5E5;
	border-top:#E86400 10px solid;
}
#col-overflow
{
	padding-top:50px;
}
#col-wrapper
{
	overflow:visible;
	float:left;
	background:#FFF;
	border:#CCC solid 1px;
	margin:0 9px;
	width: 940px;
	padding-bottom:10px;
}
/* Colonne de droite */
#col-l	{ width:135px; float:left;  }
/* Colonne de gauche */
#col-r 	{ width:135px; float:right; }
/* Colonne centrale */
#col-c	{ 
	margin:-120px 140px 0;	
}

#footer 
{ 		
	width:100%; 
	margin:0; padding:0; bottom:0; position:fixed; 
	z-index:999;  
}

/* 	
	HEADER  
	############################	
*/

#header-corner	{ padding:0; margin:0 ; float:left; position:absolute; background: url(images/corners.png) no-repeat; width:39px; height:39px; }
#header-l		{ float:left; }
#header-c		{ margin-top:50px; color:#FFF; }
#header-r		{ float:right; margin-right:10px; }

#header button  { font-weight:normal; width:100px; }
/* Logo */
#logo		{ }
#logo ul 	{ margin:0; padding:30px 0 30px 20px ; list-style-type:none }
#logo li 	{ margin:0; padding:0; list-style-type:none }
#logo li.link a {
	display:block;
	text-indent:-999em;
	overflow:hidden;
}
#logo li.link a {
	background:url(images/logo.png) no-repeat;
	width:130px;
	height:100px;
}
/* Toolsbar */
#toolsbar 		{ height:80px;}
#toolsbar ul 	{ margin:0; padding:0; list-style-type:none }
#toolsbar li 	{ float:left; padding-top:20px; margin: 0 5px; }
#toolsbar li.rss a {
	display:block;
	text-indent:-999em;
	overflow:hidden;
}
#toolsbar li.rss a {
	background:url(images/rss.png) no-repeat;
	width:48px;
	height:48px;
}
#toolsbar li.rss a:hover {
	margin-top:-5px;
}
#toolsbar li.help a {
	display:block;
	text-indent:-999em;
	overflow:hidden;
}
#toolsbar li.help a {
	background:url(images/help.png) no-repeat;
	width:48px;
	height:48px;
}

/* Login */
#login { margin:10px 5px -20px; }

#login ul { margin:0; padding:0; list-style-type:none; }
#login li{ text-align:left; margin-bottom:5px; letter-spacing:1px; }
#account li 		{ line-height:24px; border-bottom:#CCC solid 1px;}		
#account li a		{  text-decoration:none;}	
#account li:hover 	{ line-height:24px;color:#5E5446;background:url(images/menuhover.png) repeat-x top;text-decoration:none; }

#login label { display:block; color:#FFF;  }
#login label#rememberme { text-align:left }

/* 	
	BARRE DE MENU  
	############################	
*/
#menu-l		{ float:left;  }
#menu-r		{ float:right; border-left:#CCC solid 1px; }
#menu .current { background:url(images/menuhover.png) repeat-x top; color: #FF9900  }
.sidemenu 	{  } 
.sidemenu ul, .sidemenu li { margin:0; padding:0; list-style-type:none; color:#FFF;}
.sidemenu li 	{ width:60px; float:left; border-right:#CCC solid 1px;}
.sidemenu li a 	{ display:block; text-decoration:none; font-size:9px; text-align:center; padding:23px 0; }
.sidemenu li a:hover { background:url(images/menuhover.png) repeat-x top; }

 /* 	
	CONTENUS  
	############################	
*/
/* Sidebar */
#sidebar 			{ padding-left:5px; }
#sidebar ol, #sidebar ul{ margin:0;padding:0;list-style-type:none;}				
#sidebar ul li			{ line-height:24px; border-bottom:#CCC solid 1px;}		
#sidebar ul li a		{ letter-spacing:1px; text-decoration:none;}	
#sidebar ul li:hover 	{ line-height:24px;color:#5E5446;background-color:#EFEFEF;text-decoration:none; }
/* Widget */
#widget				 { padding-right:5px; }
#widget ol, #widget ul	{ margin:0;padding:0;list-style-type:none;}	
#widget ul li			{ line-height:24px; border-bottom:#CCC solid 1px;}
#widget ul li ul.children { position:absolute; width:180px;background:white; border:#CCC solid 1px; padding:0 8px 5px; } 	
#widget ul li a			{ letter-spacing:1px; text-decoration:none;  }	
#widget ul li:hover 	{ line-height:24px;color:#5E5446; text-decoration:none; }

/* Posts */
#posts 	{ margin: 0 auto; width:660px;  }

/* pour tous les posts */ 
.post	{ 
	background:#FFF /*url(images/cell_back.png) repeat-x top*/;
	border:#CCC 1px solid;
}
.post div.corner-white { position:relative; margin-top:-250px; width:40px; height:40px; background:url(images/corners.png) 0 -160px; float:left; }
.post .post-content { padding:5px; }
/* 		-> metadonnées	*/
.post div.meta				{ width:240px; height:150px; margin:0; padding-left:5px; }
/*		-> vignettes	*/
.post div.thumbnail img		{ float:right; }
/*		-> comments	*/
.post div.comments 			
{ 
	background:url(images/comment.png) no-repeat; 
	width:24px; height:24px; 
	text-align:center; vertical-align:middle; padding-top:3px;  
}
.post div.comments  span a	{ text-decoration:none; color: #000; font-weight:bold; }
/*		-> minical	*/
.post .minical 			{ color:#FFF; font-weight:bold; }	
.post .minical span		{ display:block; text-align:left;}
/* 		-> elements de texte */
.post .text		{ text-align:justify; padding:0 5px; }
/* 		--> title */
.post .title 	
{ 
	height:60px;
	color:#3399CC; 
	font-weight: normal;      
}
.post .title a 	{ 
	text-decoration:none;
	/*border-bottom:#E86400 1px solid;*/
}
/* 		--> excerpt */
.post .excerpt 	{  }	
/* 		--> auteur */
.post .author 	{ text-align:right; }	

/* 		-> boutons */
.post .buttons { 
	position: relative;
 }
.post .buttons a.button{ width:100px; float:left; margin-right:10px; padding:5px; }


/* 		post en entête */
.post-head	{ margin:0 2% 2px;  }
.post-head .post-content 		{ height:220px; }
#post-head-title			{ border-bottom:#E86400 3px solid }
#post-head-title span	{ margin-left:20px; }
.post-head .meta 				{ background:#5dbec5; float:left;}
.post-head .text 				{ margin-left:260px; height:120px; }
.post-head .buttons				{ margin-left:260px; }

/* 		post en prévisualisation */
#previews 		{ margin:0 2% }
.preview		{ width:310px; height:350px; margin-bottom:10px; }
.preview .text	{ height:155px;}
.preview-odd 	{ float:left; }
.preview-even 	{ float:right; }
/* 		post des pages, des single */
.post-single	{ margin:0 2% }



/* 		Barre de navigation */
.navigation 	{ text-align:center; position:relative; z-index:500;  } 
.navigation .wp-paginate .page 
{
	padding:5px; border:#CCC solid 1px;
	background-color:#F6F6F6;
	font-size:13px; text-align:center;	
	text-decoration: none;
} 
.navigation .wp-paginate .page:hover 
{
	border:#FFCC33 solid 1px;
	color:#FF9933;
	background-color:#FFFFCC;
}
.navigation .wp-paginate .current 
{
	background-color: #FF9933;
	border: #FF6600 solid 1px;
}
.navigation .wp-paginate .current:hover 
{
	background-color: #FF9933;
	border: #FF6600 solid 1px;
	color:#FFF;
}
	
#copyright 
{
	color:white; text-align:right; margin:0 10px; padding:5px 0;
}


 /* 	
	FOOTER 
	############################	
*/
#footer-hide 
{
	margin-left:20px; 
	width:60px;
	text-align:center;	
}
#footer-hide a 
{
	display:block;
	text-decoration:none;
	border:#FFCC33 solid 1px; border-bottom:none;
	background-color:#F6F6F6;
	color:#FF9933;
}
#footer-hide a:hover 
{
	background-color:#FFFFCC;
	color:#FF9933;
}
#footer-content { border-top:#E86400 solid 1px; }
.footer-level 
{ 		
	overflow:hidden;
	width:100%; 
	margin:0; padding:5px; bottom:0;
	color:#FFF;
}
.footer-section	{ float:left; border:#FF6600 1px solid; padding:10px; margin:0 10px;  }

#footer-level2 { display:none}
/* 		Barre des liens	*/
#linkbar ul { list-style-type: none; margin: 0; padding:0 }
#linkbar ul li 			  
{ 
	float:left;	
	margin:1px;	
}
#linkbar ul li a { width:110px; } 
#linkbar ul li a img { margin-right:5px;} 
/*	Nuage de Tag	*/
#tagcloud { width:400px; }
#tagcloud a { text-decoration:none; color:#FFF; }
#tagcloud a:hover { text-decoration: underline; }