/*
* 	Thème jibHaine 2008
*	
*	créé le 14 oct. 2007
*
*/

/* BALISES HTML PAR DEFAUT */
*{margin:0;padding:0;border:none;font-family:Arial, Verdana, Helvetica, sans-serif;}
body { width:100%;height:100%;background:#333333 url(images/fond.gif); }
 /*
h1 { font-size:24px;}
h2 {	font-size:18px; }
h3 { font-size:14px;}
h4 { font-size:13px;}
h5 { font-size:12px;}
h6 { font-size:10px;}*/
h1,h2,h3,h4,h5,h6{font-family:Century Gothic, BitStream Vera Sans, monospace;font-weight:100;text-transform:uppercase;}

p { }
img { }
sup { }
abbr, acronym {font-weight:bold; }

q { font-style:italic;}
blockquote, pre {border:#666 solid 1px;border-width:1px 1px 1px 3px;padding:5px;margin:5px;  }
code, pre {font-family:'Courier New', Courier, monospace;overflow:auto;}

ul,ol,dl {margin-left:20px; }
li{list-style-type:none;}
form { }
fieldset { }
label { }


/*** LIENS ***/
a { color:#369;text-decoration:none; }
a:visited {  color:#036;}
a:hover { color:#69C;text-decoration:underline;}
#content a img {border:#000 solid 1px; }
#content a img:hover {border:#369 solid 1px; }
 
 
/*** DESIGN GENERAL ***/
#top,#footer,#wrapper,#inside{
width:930px;margin:0 auto;
}
#top{margin-top:50px;height:220px;background: transparent url(images/header.png) no-repeat top center;}
#top h1{display:none;}
#footer { height:40px;margin-bottom:30px;background: transparent url(images/footer.png) no-repeat top center; }
#footer p { height:17px;text-align:center;vertical-align:bottom;color:#999999;}

#main{width:606px;float:left;margin-left:30px;}
#sidebar { width:250px;float:right;margin-right:30px;}
#content { }
#wrapper{overflow:auto;padding:15px;background: transparent url(images/wrapper.png) repeat-y top center;}

#barre{position:absolute;top:0;width:100%;height:50px;background: transparent url(images/bar_fond.png) repeat-x;}

/*** POSTS ***/
#main{
background : transparent url(images/post_fond.gif) repeat-y left top; 
}
#content { 
padding:20px;
background : transparent url(images/post_haut.gif) no-repeat left top; 
}
/*** SIDEBAR ***/

#sidebar { 
color:#FFF;
background : transparent url(images/sidebar_fond.gif) repeat-y left top; 
}
#blognav { 
padding:20px;
background : transparent url(images/sidebar_haut.gif) no-repeat left top; 
}
#blogextra { 
padding:20px;
background : transparent url(images/sidebar_bas.gif) no-repeat left bottom;
 }

#sidebar h2, #sidebar label { color:#CCCCCC;margin:5px 0px 5px 0px;font-size:16px;}
#sidebar h3 {color:#999;}
#sidebar a {color:#FFF;width:100%;}
#sidebar a:hover {color:#999;}
#sidebar ul{padding-left:5px;}
#sidebar li{padding:2px 0px 2px 0px;line-height:24px;}

/*** BARRE DU HAUT ***/
#barre #inside {position:relative;height:32px;vertical-align:bottom;}

#uplinks{position:absolute;top:8px;left:0;right:0;text-align:center;}
#uplinks a{color:#FFF;}
#barre #inside #logo img{border:none;}
#recherche{position:absolute;right:0;top:0;}
#recherche #q{
	width:126px;
	padding:4px 0px 0px 24px;
	background:transparent url(images/bar_search.png) no-repeat 0px -2px;
}

#recherche input.submit{
	
	width:32px;height:32px;
	background:transparent url(images/bar_bouton.png) no-repeat top right;
	}
/** POST **/
.post-title a, .post-title a:hover{text-decoration:none;color:#000;}
.post-excerpt, .post-content{text-align:justify;margin:10px 0px;}
.read-it{text-align:right;}

/** COMMENTAIRES **/
#comments dl{
	background:#FFF url(images/com_fond.gif) repeat-y center center;
	width:568px;margin:10px auto;
}
	
#comments dd{

	background:transparent url(images/com_haut.gif) no-repeat top center;
	padding:20px 20px 0px 20px;
	min-height:30px;text-align:justify;
}
#comments dt{
	background:#FFF url(images/com_bas.gif) no-repeat top center;
	padding:20px 10px 0px 70px;
	min-height:36px;color:#CCC;
}

#comments dt .aut{
color:#999;font-weight:bold;
}
 /** FORMULAIRE COMMENTAIRES**************/
#comment-form fieldset p {display:block;margin:4px auto;clear:both;overflow:auto;width:464px;text-align:right;}
.field label {margin:2px 0px;width:140px;float:left;}
.field input , .field textarea {width:280px;float:right;padding:3px 10px;font-size:12px;}
.field input{height:15px;background:url(images/form_field.gif) no-repeat;}
.field textarea {height:130px;background:url(images/form_txt.gif) no-repeat;padding:10px;}



/** BOUTONS **/
#content input.preview, #content input.submit{
width:128px;height:29px;background:url(images/bouton_normal.gif) no-repeat center center;
}
#content input.preview:hover, #content input.submit:hover{
background:url(images/bouton_hover.gif) no-repeat center center;
}