/*  
Template Name: Julien Lavault
Version: 1.1
Author: Julien Lavault
Author URI: http://www.julienlavault.com/
*/


html, body {
	font-family: Georgia;
	border: 0;
	color: #717171;
}
body { background: url(img/top_bg.jpg) repeat-x top; }
body, img, p, h1, h2, h3, h4, h5, ul, ol, li, form, blockquote {
	margin: 0;
	padding: 0;
}
ul { list-style: none; }
blockquote {
	font-size: 13px;
	line-height: 22px;
	padding: 10px 0px 10px 25px;
	margin: 0 auto;
	width: 85%;
	background: url(img/quote.gif) no-repeat 0 15px;
}
blockquote p {
	font-style: italic;
	color: #979797;
}
a {
	color: #CA5431;
	text-decoration: underline;
}
a:hover { text-decoration: none; }
a img { border: none; }
p {
	font-size: 14px;
	line-height: 22px;
	padding: 10px 0;
}
h1,h3,h4 {
	padding: 10px 0;
	font-weight: normal;
	color: #242424;
}
h1 { font-size: 30px; }
h3 { font-size: 25px; }
h4 { font-size: 21px; }

table { border: solid 1px #EEEEEE; }
table tr td { 
	font-family: Georgia;
	font-size: 10px; 
}


/*************************
 * Wrap *
 *************************/
#wrap {
	width: 1000px;
	margin: 0 auto;
	position: relative;
	background: url(img/hole.png) no-repeat 500px 46px;
}
* html #wrap {
	background: url(img/hole.jpg) no-repeat 500px 46px;
}



/*************************
 * Main Menu *
 *************************/
#main_menu {
	width: 100%;
	height: 26px;
	padding-top: 14px;
	text-align: right;
	position: relative;
}
#main_menu ul {
	position: absolute;
	right: 0px;
	top: 14px;
}
#main_menu ul li {
	display: inline;
	font-size: 14px;
}
#main_menu ul li a {
	display: block;
	float: left;
	text-decoration: none;
	margin-left: 18px;
	background: url(img/menu_rollover.jpg);
	color: #9C8084;
	padding: 3px 8px 4px 8px;
}
#main_menu ul li.current_page_item a, #main_menu ul li a:hover {
	color: #fff;
	background-position: 0 -26px;
}


/**************************
 * Title *
 **************************/
#title {
	width: 650px;
	height: 84px;
	overflow: hidden;
}
#title h2 {
	font-style: italic;
	font-weight: normal;
	font-size: 48px;
	color: #fff;
}
#title h2 a {
	color: #fff;
	text-decoration: none;
}
#title h2 a:hover {
	color: #BDBDBD;
}
#title p {
	font-size: 17px;
	font-style: italic;
	padding: 3px 5px;
	background: url(img/subtitle_bg.jpg);
	float: left;
	color: #FFDBDB;
}


/* Content Wrap */
#content_wrap { width: 100%; }



/**************************
 * Content *
 **************************/
#content {
	width: 615px;
	float: left;
	padding:5px 20px;
	margin-top: 65px;
	padding-bottom: 10px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #EEEEEE;
	border-right-color: #EEEEEE;
	border-bottom-color: #EEEEEE;
	border-left-color: #EEEEEE;
}
#content img {
	border: #DCDCDC 1px solid;
	background: #fff;
	padding: 3px;
	float: left;
	margin:10px 10px 10px 0;
}


/* Content Post Wrap */
.post_wrap {
	width: 100%;
	padding: 10px 0 35px 0;
	background: url(img/sidebar_h2_bg.gif) repeat-x left bottom;
}


/* Content Post Title */
#content h2 {
	font-size: 35px;
	color: #000;
	font-weight: normal;
	padding: 20px 0;
}
#content h2 a {
	text-decoration: none;
	color: #000;
}
#content h2 a:hover { text-decoration: underline; }


/* Content Post Details */
#content p.post_details {
	padding: 0 0 10px 0;
	margin-top: -20px;
	color: #343E43;
}

/* Content Post Text */
#content ul, #content ol {
	padding: 10px 0 10px 50px;
	font-size: 14px;
	line-height: 25px;
}
#content ul li {
	list-style: square;
}

	.pageRSS {
		text-decoration: none;
		padding: 0 0 0 21px;
		background:url(img/feed.png) no-repeat center left;
	}
	.pageRSS:hover { color:#666666; }

	.post_comment {
		text-decoration: none;
		padding: 0 0 0 21px;
		background:url(img/comment_add.png) no-repeat center left;
	}
	.post_comment:hover { color:#666666; }


/* More Entries */
#more_entries {
	padding: 35px 0;
	font-size: 25px;
}
#more_entries a {
	text-decoration: none;
	color: #000;
}
#more_entries a:hover { text-decoration: underline; }

/* Rss Feed Image */
#wrap a img.rss_feed {
	position: absolute;
	top: 156px;
	left: 605px;
}

/* Comments (single.php and comments.php) */
h2.spcn, h2.spcl { font-size: 25px !important; }
.comments_wrap {
	width: 500px;
	margin: 30px 0 5px 10px;
	clear: both;
}
.comments_wrap .left {
	width: 56px;
	float: left;
}
.comments_wrap .right {
	width: 400px;
	float: left;
	padding-left: 15px;
}
.comments_wrap .right a { text-decoration: none; }
.comments_wrap .right a:hover { text-decoration: underline; }
.comments_wrap .right h4 {
	font-size: 10px;
	font-family: "Lucida Grande";
	color: #5D5D5D;
	padding: 0;
	font-weight: normal;
}

.comments_wrap .right h4 b { font-size: 13px; }
.comments_wrap .right p {
	font-size: 13px;
	line-height: 19px;
	padding: 10px 0;
}

/* Comments (form) */
#content form {
	margin: 20px 0 30px 10px;
}
#content form label {
	display: block;
	margin: 10px 0;
	font-size: 12px;
}
#content form label input {
	padding: 4px;
	width: 180px;
	font-size: 12px;
}
#content textarea {
	margin-bottom: 10px;
	display: block;
	padding: 3px;
	font-size: 12px;
}
#content form input { margin-top: 5px; }




/***************************
 * Sidebar *
 ***************************/
#sidebar {
	width: 270px;
	float: right;
	padding: 0 30px 20px 30px;
	background:#F3F3F3;
	margin-top: -8px;
	position: relative;
	overflow: hidden;
	border:solid 1px #CCCCCC;
}

#sidebar a { text-decoration: none; }
#sidebar a:hover { text-decoration: underline; }

#sidebar span.titre_sidebar {
	clear:both;
	display:block;
	font-size: 24px;
	color: #323C41;
	margin:5px 0 0 0;
	padding: 20px 0 5px 0;
	font-weight: normal;
	background: url(img/sidebar_h2_bg.gif) repeat-x bottom;
}
#sidebar ul {
	width: 100%;
	padding: 5px 0 15px 0px;
}
#sidebar ul li {
	font-size: 14px;
	background: url(img/li.gif) no-repeat 0 9px;
	padding: 3px 10px 4px 20px;
	line-height: 19px;
}
#sidebar ul#recent_entries li {
	background: url(img/sidebar_line.gif) repeat-x left bottom;
	padding-left: 0;
	padding-right: 0;
	width: 100%;
}
#sidebar ul li span.wrap {
	width: 260px;
	background: url(img/li.gif) no-repeat left 7px;
	display: block;
	padding-left: 20px;
}
#sidebar ul li span.left {
	width: 205px;
	float: left;
}
#sidebar ul li span.right {
	width: 35px;
	text-align: right;
	float: right;
	font-family: Arial, Helvetica, sans-serif;
}
#sidebar ul li ul {
	padding: 0;
	margin: 1px 0 -4px 0;
}


/* Categories and Archives */
#sidebar .ca_wrap {
	width: 100%;
}
#sidebar .cleft {
	width: 160px;
	float: left;
}
#sidebar .cright {
	width: 105px;
	margin-left: 5px;
	float: left;
}

/* Sidebar Search (widget) */
#sidebar form#searchform input {
	background: #E1E1FF;
	border: #CED0FF 1px solid;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}
#sidebar form input#s {
	width: 150px;
	margin-bottom: 5px;
	padding: 4px;
}



/*************************
 * Footer *
 *************************/
#footer {
	clear:both;
	width: 100%;
	margin-top:20px;
	background: #222120;
	border-top: #DADADA 15px solid;
}

#footer_in {
	width: 1070px;
	margin: 0 auto;
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
}

#footer a {
	color: #CECECE;
	text-decoration: none;
}

#footer ul { padding-top: 23px; }

#footer ul li {
	display: inline;
	font-size: 13px;
}
#footer ul li a {
	display: block;
	float: left;
	margin-right: 10px;
	padding: 3px 5px;
	color: #B7B7B7;
}
#footer ul li.current_page_item a, #footer ul li a:hover {
	background: #4F4E4D;
	color: #E0E0E0;
}
#footer p.footer {
	font-size: 11px;
	color: #797875;
	clear: both;
	width: 800px;
	padding: 7px 0 0 0;
}
#footer p.footer a:hover {
	text-decoration: underline;
}
#footer p.bot a {
	background: #4F4E4D;
	padding: 1px 4px;
	font-size: 13px;
	position: absolute;
	right: 0;
	top: 40px;
}
#footer p.bot a:hover { background: transparent; }

p#footer_link a {
	font-size:8px;
	color:#333333;
}


/******************** 
 * Fix *
 ********************/

#sidebar ul li span.wrap:after,
#title:after,
#content_wrap:after,
#sidebar ul#recent_entries li span.wrap:after,
#sidebar .ca_wrap:after,
.comments_wrap:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}