/*
Theme Name: Claire 2009
Theme URI: http://www.claire-p.com/blog/
Description: Le thème du site de claire Péron
Version: 1.0
Author: Rémi Péron/Claire Péron
Author URI: http://remi-peron.net/
Tags: Claire Péron, illustration

Claire Péron
http://www.claire-p.com/blog/

This theme was designed by Claire Péron and built by Rémi Péron,
whose blog you will find at http://claire-p.com/blog/


*/
/* CLEARER */

* {
	margin:0pt;
	padding:0pt;
}


body, div, img, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, p, blockquote, th, td {
	border:medium none;
	font-family:helvetica,Geneva,Arial,sans-serif;
	font-size:12px;
	line-height:18px;
	font-size-adjust:none; font-stretch:normal; font-style:normal; font-variant:normal; font-weight:normal; list-style-image:none; list-style-position:outside; list-style-type:none;
	margin:0pt; padding:0pt;
}

.clearer { clear:both; font-size:1px; line-height:1px; overflow:hidden;}
a {
	text-decoration: none;
	color: black;
}

a:visited {
	color: black;
}
a:hover { text-decoration:none;color: #f79d4f;
}

body { margin:0pt; padding: 0pt; text-align:center; }

#wrapper { text-align:left; margin:5px auto 0px; width: 763px; }

#header {background: url('images/header.gif') no-repeat; height: 177px;}

#ban { background: url('images/img_header.gif') no-repeat 46px 46px;}
#ban a { height: 177px; width:687px; display:block; }
#ban a span { visibility:hidden}
#ban a:hover {text-decoration:none;}

#bg {
	background: url('images/bg.png') repeat-y;
}

#content {clear:both;}

#main_content{
	float: right; width:547px;
}

#posts {
	margin-left: 20px;
	margin-right: 12px;
	padding-top: 20px;
}

.post {
	padding-bottom: 20px;
}

.post h2 {
	padding-top: 13px;
	margin-left: 25px;
	font-size: 18px;
}

.post h2 a {
	color: black;
}
.post h2 a:hover {
	color:#f79d4f;
	text-decoration: none;
}
.post h2 a.selected {
	color: #f79d4f;
}

.puce {
	width: 18px;
	float: left;
	height: 32px;
	background-color: #f5821e;
}

.postmetadata {text-align: center;color: #f79d4f; border-bottom: 1px solid black; padding-bottom:10px;}
.postmetadata a {color: black;}
.postmetadata a:hover {color: #f79d4f;}
.postmetadata a:selected {color: #f79d4f;}

.info {
	border-top: 1px solid black;
	padding-top: 10px;
}

.info {
	color: #666666;
}

.info a {
	color: #f79d4f;
}

#sidebar {
	padding-top: 30px;
	width: 201px;
	margin-left: 15px;
}

#sidebar ul h2 {
	background-color: black;
	color: white;
	height: 26px;
	width: 176px;
	font-size: 14px;
	padding-left: 25px;
	display: table-cell;
    vertical-align: middle;
}

#sidebar ul li {
	padding-bottom: 10px;
}

#sidebar ul li input {
	margin-left: 10px;
}

#sidebar ul li ul li {
	padding-bottom: 0px;
	padding-left: 20px;
}
#wpcumuluswidgetcontent {
	padding-left: 20px;
}

#menu {margin-top: 20px;}
#menu ul {height: 30px; background-color: #999999; display: table-cell; width: 535px; vertical-align: middle; }
	#menu ul li {float: right; margin-top: 3px;	 }
		#menu ul li a {padding-right: 60px; color: white; font-size:18px; }
		#menu ul li a:hover {
			color:#f79d4f;
			text-decoration: none;
		}
		#menu ul li a.selected {
			color: #f79d4f;
		}



#footer {
	background: url('images/footer.png') no-repeat; height: 68px;
}		

.navigation {
	padding-left: 10px;
	padding-right: 20px;
	padding-bottom: 30px;
}
.alignright {
	float: right;
	
}
.alignright a {
	margin-left: 5px;
}
.alignleft  {
	float: left;
}

.entry {
	padding-bottom: 10px;
}

#comments {
	padding-top: 10px;
	margin-top: 4px;
	font-size: 16px;
	border-bottom: 1px solid black;
}

.commentlist li {
	margin-bottom: 5px;
	padding: 5px 5px 5px 10px;

}

.alt {
	background-color: #e7e8e9;
}


.formcomment {
	margin: 10px 0px 0px 0px;
	padding: 5px 0px 5px 10px;
}
.formcomment h3 {
	font-size: 16px;
	padding-bottom: 10px;
}

input {
	margin-bottom: 5px;
	margin-top: 5px;
}
small {
	color: #636466;
}