/*
THEME : 33h33
DESCRIPTION : 
Thème pour Wordpress en 2 colonnes, taille fixe, widget ready, valide XHTML et CSS
VERSION: 1.0
AUTHOR: Ch.P. // 33h33.com
Thème inspiré par :
Red Matrix Pill : http://www.wpdesigner.com
Page-ballon : http://www.pagemod.cn/2008/11/page-ballon-released.html
*/

/* DEBUT TAGS HTML */

body, address, dd, dl, p, form{ text-align: justify;margin: 10px 0 0 0;padding: 2px;}

h1, h2, h4, h5, h6 {color: #069;font-variant:small-caps;}


body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: 'Trebuchet MS', Tahoma, Helvetica, sans-serif; 
	background: #ebebd8 url(images/wallpaper.jpg) no-repeat;
	color: #333;	
	margin:0px auto;
	height:auto;
	padding: 10px 0 0 0;
}

.inter{
        width: 480px;
        height: 13px;
	margin: 30px 0 15px 0;
	border: 0;
	background: url(images/hr.jpg) no-repeat;
}

.copyright{
color: #666;
}


a{color: #069;text-decoration: none;}
a:hover {text-decoration: underline;}
a img{ border: 0; }
.noir {color: #000;}

ul{list-style-type: none;}

small{font-size:1em;}
.clear{clear:both;}
.right{float: right;}

.interact {

}

.interact a{
	text-decoration: none;
        color: #069;
        font-size: 0.9em;
	font-weight: normal;
	white-space: nowrap;
	padding: 0 0.7em;

}

.interact a:hover{
	border-bottom: 4px solid #069;
	background: #fff;
        color: #069;
       font-size: 0.9em;
	font-weight: normal;
	white-space: nowrap;
	padding: 0 0.7em;

}

input, textarea{
	font-family: Arial, Helvetica, Georgia, Sans-Serif;
	font-size: 12px;
	padding: 2px;
}

input#s, input#author, input#email, input#url, textarea#comment{
	padding: 3px;
}

input#author, input#email, input#url{
	margin: 0 5px 0 0;
}

blockquote{
	margin: 30px 0 0;
    font-family: "Courier New";    
    color: #069;
    border: 1px dotted #000;
    background: #fff;
font-size: 10px;
}

blockquote p{ 
	padding: 5px;
    background: #fff; 
}

blockquote blockquote{
	margin: 20px;
    background: #fff;
}

blockquote pre {
    font-size: 11px;
    color: #36f;
   background: #f5f5f5;
}

code {
    display:block;
	border: 1px dotted #000;
	border-left: 4px solid #069;
	color: #36f;
	font-family: Courier, "Courier New";
	font-size: 10px;
	padding: 5px 3px 3px 3px;
	margin: 10px 0 0;
	background: #F5F5F5;
	width: 460px;
height: 100%;
	overflow: auto;
}

code p{ 
	padding: 5px;
	font-size: 0.6em;   
}

code code{
	margin: 10px;	
}

code.comment{
	color: #FE5900;
	font-family : "Comic sans serif";
	font-size: 1em;
}

quote {
	background: #e5e5e5;
}


/* FIN HTML */


/********** DEBUT STRUCTURE *****************/
#wrapper{
	margin: 0 auto;
	width: 720px;
	text-align: left;
	vertical-align: top;
}

#header{
    float: left;
	width: 508px;
	height: 210px;
	background: #fff url(images/bg_header.jpg) no-repeat;
}

#content{width:720px;font-size:1.2em;background:#ebebd8 url(images/bg_footer.jpg) no-repeat bottom right;}

#maincontent{float:left;width:508px;line-height:1.5em;background:#fff;display:inline;}

#sidebar{float:left;width:180px;padding: 10px 0 10px 5px;text-align:left;position:relative; background:#ebebd8 ;}
#sidebar-top{padding:0 2px;}
<!--#sidebar-left{}-->

/*#footer-top{height:50px;background: #ebebd8 url(images/footer_top.jpg) no-repeat bottom center;}*/
#footer{width:508px;height:35px;margin:auto;font-size:1.2em;padding:5px 0;color:#566E24;}

#footer a{color:#70683B;}
/* Fin Structure */


/* **** DEBUT HEADER ***** */
#header h1{font-size:2.2em;padding:15px 0 0 0px;}
#header h1 a{color:#C78D4D;text-decoration: none;}
.description{padding:3px 10px 0 10px;}

/* *****  DEBUT NAVIGATION ***** */
#navlist{
	float:left;
	margin: 0;
	padding: 14px 0;
    width:508px;
	height: 20px;
	background: #fff url(images/bg_sidebarwrapper.gif) no-repeat bottom left;
}	

#navlist ul, #navlist li	{
	margin: 0;
    width: 100%;
	display: inline;
    background: #fff;
	list-style-type: none;
}	

#navlist a:link, #navlist a:visited	{
	float: left;
	line-height: 14px;
	margin: 0 10px 0 10px;
	text-decoration: none;
	color: #333;
    background: #fff;
	font-size: 11px;
}	

#navlist a:link#current, #navlist a:visited#current, #navlist a:hover	{
	border-bottom: 4px solid #069;
	background: #fff;
	color: #333;
	font-size: 11px;
}	

#navlist a:hover {color: #000; background: #fff;}


/*fIN header*/

/* **** DEBUT MAIN CONTENT *********/
.narrowwrapper{margin: 0;float: left;width: 508px;background:#fff url(images/footer_top.jpg) no-repeat bottom left;}


.post{padding: 10px;}
.post h2{
	font-family: 'Trebuchet MS', Tahoma, Helvetica, sans-serif; 
	font-size: 16px;
	font-variant: small-caps;
        font-weight: normal;
	border-left: 2px solid #069;
	padding-left : 10px;
        color: #fff;
	text-decoration: none;
	}


.post h2 a{
        color: #fff;
	text-decoration: none;
	background-color: #069;
       padding: 0 8px;
}




.entry{
	margin: 20px 0 0;
	line-height: 20px;	
}
.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6{
	border: 0;
	padding: 15px 0 0;
	font-weight: bold;
color:#069; 
}

.entry img{
	border: 0px;
	padding: 6px;
	background: url(images/bg_dotted.gif)
}
.entry img.wp-smiley{
	padding: 0;
	border: 0;
	background-color: #fff;
}
.entry img.alignleft{
	float: left;
	margin: 5px 10px 0 0;
}
.entry img.alignright{
	float: right;
	margin: 5px 0 0 10px;
}
.entry p.postinfo{
	margin: 15px 0 0;
	padding-top: 5px;
	background: url(images/bg_dotted.gif) repeat-x;
}
.postdate{font-size: 0.9em;padding: 4px 0 0;color: #666;border-bottom:1px dotted #333;}
.browse{padding: 10px;font-size: 12px;}
.suivant{text-align: right;}
.add img{float: right;border: 0px;padding: 4px;	background: #fff;}
/*Fin maincontent */

/*********** DEBUT SIDEBAR  ****************************/

#sidebar-top h2 {
	color: #c1c18b;
	font-weight: bold;
	font: italic normal 1.9em 'Times New Roman', Times, serif;	
	margin-top: 10px;
	padding-bottom: 2px; 
	/*border-bottom: dotted 1px #ccc;*/
}

#sidebar form {margin: 0 0 0 13px;}

#sidebar input#s {
	width: 80%;
	background: #c1c18b;
	border: 1px solid #069;
	color: #000;
}
#sidebar ul{
	color: #666;
	font-weight: bold;
	list-style-type: none;
	margin: 0;
font: italic 0.9em 'Times New Roman', Times, serif;
	letter-spacing: 0.1em;
	margin-top: 10px;
	padding-bottom: 2px; 
	padding-left: 2px;
	text-transform: lowercase;
}
#sidebar ul li {
	font: italic normal 1em 'Times New Roman', Times, serif;
	letter-spacing: 0.1em;
	margin-top: 10px;
	padding-bottom: 10px; 
	border-bottom: dotted 1px #999;
}
#sidebar ul ul {
	font-variant: normal;
	font-weight: normal;
	line-height: 100%;
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: left;
}
#sidebar ul ul li {
	border: 0;
font: normal 1em 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
	letter-spacing: 0;
	margin-top: 0;
	padding: 0;
	padding-left: 8px;
}
#sidebar ul ul li a {
	color: #069;
	text-decoration: none;
}
#sidebar ul ul li a.wcomment {
font: normal 1em 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
	color: #999;
	text-decoration: none;
}
#sidebar ul ul li a:hover {
	text-decoration: underline;
}

#sidebar ul ul ul.children {
	font-size: 1em;
	padding-left: 4px;
}

/* fin sidebar */

img.centered {display: block;margin-left: auto;margin-right: auto;}
img.alignright {padding: 4px;margin: 0 0 2px 7px;display: inline;}
img.alignleft {padding: 4px;margin: 0 7px 2px 0;display: inline;}

.aligncenter,div.aligncenter {display: block;margin-left: auto;margin-right: auto;}
.alignright {float: right;}
.alignleft {float: left}

.wp-caption {border: 1px solid #ddd;text-align: center;background-color: #f3f3f3;padding-top: 4px;margin: 10px;}
.wp-caption img {margin: 0;padding: 0;border: 0 none;}
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0;}


#wp-calendar{width:90%;color:#707D56;text-align:center;}
#wp-calendar a{color:#817844;text-decoration: underline;}
#wp-calendar td { text-align:center;}
#wp-calendar tfoot{width:100%;}
.searchf input.sbm-b{margin-top:10px;width:80%;border:1px solid #c1c18b;padding:4px;background:#ebebd8;color:#c1c18b;}
/* End wp-tags */


/* ********* EXTRA DIVs **************** */
#extraDiv1 { 
	background: url(images/bg_bottom.jpg) no-repeat; 
	z-index: 1;
	top: 500px;
	left: 0px;
	width: 100%; 
	height: 386px;
	}

/*********** LIENS **********************/
#sans {
width: 200px ;
	list-style: none ;
	margin: 0 ;
	padding: 0 ;
	}

.bleu {
color: #069;
font-weight: bold;

}

/* DEBUT COMMENTAIRES */

.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
        }

.commentlist li {
	margin: 15px 0 3px;
	padding: 5px 10px 3px;
	list-style: none;
      background:#f5f5f5;
border: 1px solid #e5e5e5;
	}

.commentlist p {
	margin: 10px 5px 10px 0;
  
	}

#commentform p {
	margin: 20px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;

	}
#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform textarea {
	width: 100%;
	padding: 2px;
	}

#commentform #submit {
	float: left;
	}
#comments{
color: #999;
font-size: 1.8em;
}
.comment .act, 
.inputs input{background:#A2B180;border:0;padding:2px;background: #A2B180 url(img/input.gif) no-repeat top center;width:166px;height:16px;}
.message textarea{border:0;width:380px;height:180px;overflow:hidden;background: #A2B180 url(img/textarea.gif) no-repeat top center;padding:10px;}
.submit{margin-top:10px;}
.submit input{border:0;width:60px;height:30px;background: #A2B180 url(img/submit.gif) no-repeat top left;color:#fff;}
.backtotop{text-align:right;}
/* End comments */

/* end comments template */
/* End comments */


/* Similar */
.similar {
  color: #999;
}

.similar h3 {
color: #999;
font-size: 1.8em;
}