/****************************************/
/* FICHIER : STYLE.CSS
/* SITE : SHADOWBLOG
/* DATE DE CREATION : MARS 2009
/* PAR INFOGRAPHIZM
/****************************************/


/****************************************/
/* BALISES GENERALES
/****************************************/
body, div, form, fieldset, ul, table
{ 
	margin: 0; 
	padding: 0; 
}

body
{
	text-align: center;
	margin: auto;
	width: 978px;
	font: 0.8em "Trebuchet MS", helvetica, sans-serif;
	background: #525252 url(design/background.png) repeat-x;
}

a
{
	text-decoration: none;
	color: #4587bf;	
}

a:visited
{
	text-decoration: none;
}

a:hover
{
	text-decoration: none;
	color: #3e3e3e;
}

pre
{
	width: 100%;
	overflow: auto;
	border: 1px solid #CCC;
}

pre, code
{
	font-size: 1.2em;
}

img
{
	border: none;
}



/****************************************/
/* CLASSES
/****************************************/
.left
{
	float: left;
	margin-right: 1em;
}

.right
{
	float: right;
	margin-left: 1em;
}

.center
{
	text-align: center;
}

.field label
{
	display: block;
}

.imglink
{
	border: 1px solid #4587bf;
}

/****************************************/
/* HEADER
/****************************************/
#top
{
	width: 1006px;
	height: 207px;
	background: #ffffff url(design/header.png) no-repeat; 
}

#prelude
{
	color: #ffffff;
	text-align: center;
	margin-top: -80px;
	margin-left: -75px;
}

#prelude p
{
	text-align: center;
}

#prelude p a
{
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
}

#prelude p a:hover
{
	color: #444444; 
}


/****************************************/
/* MENU
/****************************************/
#sidebar
{
	width: 200px;
	float: right;
	margin-right: -80px;
	margin-top: 25px;
}

#sidebar div 
{
	color: #ffffff;
	border: 1px solid #242424;
	background: #3e3e3e url(design/fleche.png) no-repeat;	
	padding : 5px 0 10px 5px;
	margin: 0 0 15px 0;
}

#sidebar h3
{
	padding-left: 15px;
	margin-top: 0;
	text-align: left;
	font-weight: bold;
	color: #ffffff;	
	font-size: 1.1em;
}

#sidebar div ul
{
	list-style: none;
	text-align: left;
	color: #ffffff;	
	margin: 0;
	padding: 0;	
	margin-left: 10px;
}


#sidebar div ul li a:hover 
{  
	text-decoration: none;
	color: #4587bf;
} 

#sidebar div ul li a 
{
	text-decoration: none; 
	color: #ffffff;
}



/****************************************/
/* CONTENU
/****************************************/
#page
{
	background: #ffffff url(design/line.png) repeat-y;
	width: 978px;
}


#main
{
	float: left;
	width: 770px;
	text-align: left;
	padding-left: 35px;
}

#content
{
	padding: 20px 0 0 0;
	width: 770px;
}


/****************************************/
/* POSTS
/****************************************/
.day-date
{
	padding-left: 20px;
	margin-left: -25px;
	color: #888;
	font-style: italic;
}

.post
{
	margin-bottom: 4em;
	color: #000000;
	width: 790px;
	padding-bottom: 30px;
	background: transparent url(design/Scissor.gif) no-repeat center bottom;
}

.post-title
{
   	color: #9dacbf;
	text-align: left;
	font-size: 1.3em;
}

.post-title a
{
   	color: #676f95 ;
	background: transparent;
	text-decoration: none;
}
.post-title a:hover
{
   	color: #4587bf ;
	text-decoration: none;
}

.post-info
{
	margin-top: 0;
	text-align: left;
	color: #579;
	padding-bottom: 1ex;
}

.post-info a
{
	color: #579;
	text-align: left;
	text-decoration: none;
}

.post-content
{
	text-align: justify;
}

.post-content blockquote
{
	font-family: Georgia, serif;
	font-style: italic;
	color: #000000;
	width: 760px;
	text-align: left;
	text-decoration: none;
}

.post-info-co
{
	text-align: right;
	margin-bottom: 10px;
	color: #242424;
}


/****************************************/
/* COMMENTAIRES
/****************************************/
#trackbacks blockquote, div#comments blockquote
{
	border: 1px solid #EEE;
	background: #fefefe;
	margin: 1em 0;
	padding: 1ex 1em;
	color: #000000;
	width: 760px;
	float: left;
}


/****************************************/
/* CALENDRIER
/****************************************/
#sidebar div#calendar
{
	/*border-top: 1px solid #F0F0F0;*/
}

#sidebar div#calendar table
{
	font-size: 0.7em;
	text-align: center;
	margin: 0 auto;
	border-collapse: collapse;
	margin-left: 15px;
}

#sidebar div#calendar table caption
{
	margin: 0 auto;
}

#sidebar div#calendar table th
{
	color: #9dacbf;
	background: transparent;
}

#sidebar div#calendar table td
{
	width: 14%;
	line-height: 2em;
	border: 1px solid #EEE;
}

#sidebar div#calendar table td a
{
	display: block;
	background: #9dacbf;
	color: #579;
	font-weight: bold;
	text-decoration: none;
}

#sidebar div#calendar table td a:hover
{
	background: #343625;
	color: #9dacbf;
}


/****************************************/
/* PAGINATION
/****************************************/
.pagenav 
{
	padding-left: 100px;
	padding-bottom: 10px;
}

p.pagenav a 
{
	background : #ddd;
	color: black;
	padding:2px;
	border: 1px solid #bbb;
	text-decoration: none;
	font-size:90%;
}

p.pagenav a:hover 
{
	background: #9dacbf;
	color: #ffffff;
}

p.pagenav strong 
{
	color: black;
	padding:2px;
	border: 1px solid #bbb;
}



/****************************************/
/* FORMULAIRE
/****************************************/
input,textarea
{
	border: 1px solid #999;
}

textarea
{
	width: 100%;
	font-size: 1em;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}



/****************************************/
/* FOOTER
/****************************************/
#footer
{
	background: url(design/footer.png) no-repeat ;
	height: 109px;
	width: 978px;
	text-align: center;
	clear: both;
}

#footer p
{
	position: relative;
	color: #ffffff;
	text-align: center;
	margin-right: 110px;
	top: 35px;
}

#footer p a
{
	color: #999999;
}