/* ************************************************
Theme Name: ReFoliage
Theme URI: http://www.livresanspage.net/?s/refoliage
Author: Alexandre P.
Author URI: http://www.livresanspage.net/

This theme's code and design is based on and inspired by
'Blue Silence' (DotClear 2 default's theme) by Marc Hertzog
(http://www.marcarea.com) and 'Foliage' by Derek Punsalan
(http://5thirtyone.com).

The CSS, XHTML and design is released under GNU/GPL
license: http://www.opensource.org/licenses/gpl-license.php
Please remember that you should attribute any theme design
based on ReFoliage, Foliage, or Blue Silence, back to
the original authors and keep the license intact, according
to the terms of the GPL.
************************************************ */

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

body {
	background: #333 url('img/banner_green.jpg') top left no-repeat;
	font: 0.7em Arial,sans-serif;
	color: #DDD;
}


/* Common styles
-------------------------------------------------------- */
ul { list-style: none; }
ul li { list-style: none; }

a:link, a:visited { color: #BBB; text-decoration: none; }
a:hover, a:focus, a:active { background: #666; color: #EEE; }

pre { overflow: auto; width: 100%; height: auto; }

.left { float: left; }
.right { float: right; }
.center { display: block; text-align: center; }


/* Header
-------------------------------------------------------- */
#top { padding: 54px 34px 66px 35%; }
	#top h1 { font-size: 2em; font-weight: normal; font-family: 'Trebuchet MS',Verdana,sans-serif; }
	#top a:link, #top a:visited, #top a:hover { color: #FFF; text-decoration: none; }


/* Prelude
-------------------------------------------------------- */
#prelude {
	width: 366px;
	position: absolute;
	top: 0;
	right: 18px;
	padding: 6px 0 0 0;
	text-align: center;
}
	#prelude a:link, #prelude a:visited {
		font-size: 1em;
		font-weight: bold;
		text-decoration: none;
	}
	#prelude a:hover, #prelude a:focus, #prelude a:active { background: #666; color: #EEE; }


/* Wrapper
-------------------------------------------------------- */
#wrapper { width: 100%; margin-top: 25px; margin-bottom: 0; }

#main {
	width: 55%;
	float: left;
	margin-left: 5%;
	margin-bottom: 5em;
	background: transparent;
}

#sidebar {
	clear: both;
	border-top: 1px solid #777;
	background: #505050;
	display: inline-block;
	width: 100%;
	margin-bottom: 0;
}
	#sidebar:after { /* Bidouille pour afficher la couleur de fond du footer */
		content: '[Merci Kozlika pour cette astuce !]';
		display : block;
		/*height : 1px;*/
		clear : both;
		visibility : hidden;
	}

#blognav {
	float: left;
	width:  35%;
	margin: 5%;
	margin-top: 3%;
}

#blogextra {
	float: right;
	width: 35%;
	margin: 5%;
	margin-top: 3%;
}


/* Sidebar
-------------------------------------------------------- */
#sidebar h2 {
	font-size: 1em;
	font-weight: bold;
	border-bottom: 1px solid #777;
	padding-bottom: 5px;
	margin: 10px 0 10px 0;
}

#sidebar a:hover { background-color: #666; }

#sidebar ul, #blogextra ul { margin-left: 15px; }
	#sidebar li:before {content: '» ';}

#sidebar p, #blogextra p, #blognav p { padding: 0 0 4px 10px; }

	#search fieldset p { padding-left: 8px; }
	#search #q {
		font-size: 1em;
		width: 60%;
		background: #555;
		border: 1px solid #777;
		padding: 3px;
		color: #CCC;
	}
	#search .submit {
		font-size: 1em;
		margin-left: 5px;
		padding: 3px;
		color: #CCC;
		border: 1px solid #777;
		background: #555;
		width: 25%;
	}

#search, #sidebar .selected, #sidebar .categories, #sidebar .syndicate,
#sidebar .langs, #sidebar .tags, #sidebar .links, #sidebar .text { padding: 0 0 10px 0; }

#topnav {
	font-size: 0.9em;
	margin: 5px;
	text-align: center;
	font-weight: bold;
	text-transform: uppercase;
}
	#sidebar #topnav ul { margin: 0; padding: 0; }
	#sidebar #topnav li {
		display: inline;
		background: none;
		margin: 0;
		padding: 0;
	}
	#topnav li:before {content:'';}

#sidebar .syndicate li {
	margin: 0 4px 0 11px;
	background: transparent url(img/rss.png) no-repeat 0px 50%;
	padding: 5px 4px 5px 22px;
}
	#sidebar .syndicate li:before {content: '';}

#sidebar .tags ul {
	margin: 5px 5px 10px 10px;
	padding: 0;
	font-size: 110%;
}
	#sidebar .tags ul li {
		display: inline;
		background: none;
		margin: 0;
		padding: 0;
		font-size: 0.9em;
	}
	#sidebar .tags ul li:before {content: '';}	
	#sidebar .tags p strong a:link, #sidebar .tags p strong a:visited {
		padding: 0 0 0 18px;
		background: transparent url(img/tags.png) no-repeat 0 -2px;
	}

.tag0 { font-size: 75%; }
.tag10 { font-size: 80%; }
.tag20 { font-size: 90%; }
.tag30 { font-size: 100%; }
.tag40 { font-size: 110%; }
.tag50 { font-size: 120%; }
.tag60 { font-size: 140%; }
.tag70 { font-size: 150%; }
.tag80 { font-size: 160%; }
.tag90 { font-size: 170%; }
.tag100 { font-size: 180%; }


/* Post-content
-------------------------------------------------------- */
.post-content, .post-excerpt {
	padding: 4px 0 0 0;
	line-height: 1.5em;
	font-size: 1.2em;
}

.post-content p, .post-excerpt p { padding: 4px 0; }
.post-content img, .post-excerpt img { border: 1px solid #777; padding: 3px; }
.post-content .smiley, .post-excerpt .smiley { border: none; }

.post-content acronym, .post-excerpt acronym { cursor: help; border-bottom: 1px dashed #666; }

.post-content pre, .post-excerpt pre {
	font: 1.1em 'courier new', courier, monospace;
	background: #555;
	padding: 10px 5px;
	margin: 6px 0;
	overflow: auto;
	-moz-border-radius: 5%;
}

.post-content h3, .post-excerpt h3 { padding: 4px 0; font-size: 1.1em; color: #DDD; }
.post-content h4, .post-excerpt h4 { padding: 4px 0; font-size: 1.0em; color: #DDD; }
.post-content h5, .post-excerpt h5 { padding: 4px 0; font-size: 1.0em; color: #CCC; }

.post-content ul, .post-excerpt ul { margin-left: 15px; }
	.post-content ul li, .post-excerpt ul li { list-style-type: disc; }
.post-content ol, .post-excerpt ol { margin-left: 15px; }
	.post-content ol li, .post-excerpt ol li { padding: 1px 0; }

.post-content blockquote, .post-excerpt blockquote {
	border-left: 1px dotted #666;
	margin: 4px 0 4px 5px;
	padding: 0 5px;
	color: #B2C977;
}
	.post-content blockquote em, .post-excerpt blockquote em { color: #EFB; }

/* Classes
-------------------------------------------------------- */
.day-date {
	color: #FFF;
	clear: left;
	text-align: right;
	border-bottom: 1px solid #666;
	padding-bottom: 3px;
}

.post { margin-bottom: 35px; }

.post-title { color: #EEE; padding: 10px 0 4px 0; font-size: 1.3em; }
	.post-title a:link, .post-title a:visited { color: #eee; text-decoration: none; border-bottom: none; }
	.post-title a:hover { color: #EEE; background: #666;  }

.post-info { font-style: italic; }

.post-tags {
	background: #444;
	padding: 5px;
	margin: 5px;
	overflow: hidden;
	height: 1%;
	-moz-border-radius: 5%;
}
	.post-tags li { display: inline; }
		.post-tags li a:link, .post-tags li a:visited {
			display: block;
			float: left;
			text-decoration: none;
			background: transparent url(img/tag.png) no-repeat 0 0;
			padding: 2px 8px 2px 18px;
			white-space: nowrap;
		}

.post-info-co {
	clear: left;
	text-align: right;
	margin: 15px;
}
	.post-info-co a:link, .post-info-co a:visited {
		text-decoration: none;
		color: #999;
		border-bottom: none;
		margin-right:  5px;
	}
	.post-info-co a:hover, .post-infoa-co a:focus, .post-info-co a:active { background: transparent; color: #CCC; }
	
.read-it {
	font-weight: bold;
	padding: 0 0 10px 0;
	clear: left;
}

#attachments {
	clear: left;
	border: 1px solid #666;
	background: #444;
	padding: 5px;
	margin: 2em;
}
	#attachments * { color: #FFF; }
	#attachments h3 { font-size: 1.2em; color: #B2C977; margin-bottom: 1em; }
	#attachments li {
		margin: 0 0 0.6em 0;
		padding: 2px 10px 2px 18px;
		background: transparent url('img/attach.png') no-repeat 0 50%;
	}
	#attachments li object {
	   display: inline;
	   margin: 0;
	   padding: 0;
	   vertical-align: bottom;
	}

.footnotes {
	background: #444;
	padding: 5px 0;
	margin: 6px 0 25px 0;
	-moz-border-radius: 10px;
}
	.footnotes h4 {
		background: transparent url('img/report.png') no-repeat 4px 3px;
		padding: 2px 10px 2px 25px;
		margin: 0 0 6px 0;
		font-style: italic;
	}
	.footnotes p { padding: 4px 10px; }


/* Archives
-------------------------------------------------------- */
#content-info {
	margin: 0 0 20px 0;
	font-size: 1.2em;
	line-height: 1.4;
	color: #EEE;
}
.content-inner { padding-bottom: 20px; }

#content-info {margin-bottom: 3em;}
	#content-info h2 { font-size: 1.4em; }
	#content-info p { padding: 4px 0; font-size: 1em; }
	#content-info p a.feed:link, #content-info p a.feed:visited { padding: 4px 0 4px 22px; background: transparent url(img/rss.png) no-repeat 1px 3px; }

.content-inner .day-date { text-align: left; }

.content-inner ul { padding: 4px 0; margin: 0 0 0 10px; }
	.content-inner ul li {
		font-size: 1em;
		line-height: 1.2;
		margin-bottom: 1em;
	}
	.content-inner ul li a {font-weight: bold;}

/* Tags - Page des tags
-------------------------------------------------------- */

.content-inner ul.tags {
	position: relative;
	padding: 5px;
	margin: 8px 0 20px 0;
	overflow: hidden;
	height: 1%;
	font-size: 120%;
}
	.content-inner ul.tags:after{
		content:'[DO NOT LEAVE IT IS NOT REAL]';
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}
	.content-inner ul.tags li {
		display: block;
		float: left;
		margin: 4px;
		height: 18px;
		line-height: 18px;
		background: none;
	}
		.content-inner ul.tags li a:link, .content-inner ul.tags li a:visited { text-decoration: none; white-space: nowrap;
		}



/* Commentaires
-------------------------------------------------------- */
#comments, #pings { padding-top: 10px; width: 75%; margin: auto; }
	#comments h3, #pings h3, #comments-feed, #pr h3 {
		clear: left;
		padding: 5px;
		margin: 20px 0 8px 0;
		font-size: 1.3em;
	}
	#pr h3 { margin: 0px 0 8px 0; }
	
	#comments-feed {width: 75%; text-align: right; font-weight: bold; margin: 15px auto; }
		#comments-feed a:link, #comments-feed a:visited {
			font-size: 0.8em;
			text-decoration: none;
			background: transparent url(img/rss.png) no-repeat 0px 50%;
			padding: 3px 0 3px 22px;
		}

#comments dl{}

#comments dt, #pings dt {
	position: relative;
	top: 1px;
	display: block;
	padding: 10px 0 0 0;
	font-style: italic;
	font-size: 1em;
	color: #eee;
}
	#comments dt a:link, #comments dt a:visited { color: #95A566; text-decoration: none; font-weight: bold; }
	#comments dt a:hover { color: #EEE; }
	#pings dt a:link, #pings dt a:visited { color: #95A566; text-decoration: none; font-weight: bold; }
	#pings dt a:hover { color: #EEE; }

	#comments dd, #pings dd, dd.comment-preview {
		padding: 5px;
		margin: 0 0 10px 0;
		font-size: 1em;
		line-height: 1.2;
		color: #ccc;
	}
	#comments dd *, #pings dd *, dd.comment-preview * { padding: 5px 0; font-size: 1em; }
	
	#comments dd.me {
		border-left: 1px dotted #666;
		margin: 0 0 10px 0;
		padding: 0 0 0 5px;
		color: #B2C977;
	}
		#comments dt.me a:link, #comments dt.me a:visited { color: #EFB; }
		#comments dt.me a:hover { color: #EEE; }

	.comment-number, .ping-number { font-weight: bold; }

#ping-url {
	font-weight: bold;
	text-align: right;
	width: 75%;
	margin: auto;
}

.error {
	border: 2px solid red;
	padding: 10px 5px;
	margin: 20px 0 0 0;
	background: #FFCCCC;
	font-weight: bold;
	color: red;
}


/* Navigation
-------------------------------------------------------- */
.pagination {
	clear: left;
	text-align: center;
	font-weight: bold;
	margin: 15px;
	background: #444;
	-moz-border-radius: 5%;
	padding: 5px;
}
	.pagination a:link, .pagination a:visited { text-decoration: none; }

#navlinks {
	padding: 5px;
	margin: 0 0 20px 0;
	text-align: center;
	color: #888;
	font-weight: bold;
}
	#navlinks a:link, #navlinks a:visited { color: #888; text-decoration: none; }
	#navlinks a:hover { color: #EEE; }

/* Forms
-------------------------------------------------------- */
#comment-form {
	padding: 5%;
	margin: 0 5em 0 5em;
	background: #444;
	-moz-border-radius: 10px;
}

#pr { margin-bottom: 3em;}

#comment-form h3 {
		clear: left;
		font-size: 1.2em;
		color: #B2C977
}

#comment-form fieldset p { padding: 5px 0; }
#comment-form fieldset p.field { padding: 5px 0; width: auto; margin: 0; clear: left; }
#comment-form p.form-help { width: 60%; margin: 0 0 0 30%; font-style: italic; }

#comment-form p label { width: auto; }
#comment-form p.field label {
	font-weight: bold;
	display: block;
	padding: 0 4px 4px 0;
	width: 29%;
	float: left;
	text-align: right;
}
#comment-form input, #comment-form textarea {
	font: 1em Arial,sans-serif;
	background: #333;
	border: 1px solid #666;
	padding: 5px;
	width: 60%;
	color: #FFF;
}

#comment-form input:focus, #comment-form textarea:focus {border: 1px solid #73804E;}

#comment-form input#c_remember {
	width: auto;
	border: 0;
	margin: 0 5px 0 140px;
}
#comment-form input.preview { margin-left: 134px; }
#comment-form input[type="submit"] {
	width: auto;
	color: #FFF;
	font-size: 1em;
	border: 1px solid black;
	background: #95A566;
	width: 25%;
	padding: 2px;
}


/* Footer
-------------------------------------------------------- */
#footer {
	background: #505050;
	clear: both;
	margin-top: 0;
}
	#footer p {
		color: #FFF;
		padding: 6px 16px 6px 0;
		text-align: right;
		font-weight: bold;
	}
		#footer p a:link, #footer p a:visited { color: #FFF; }
		#footer p a:hover { text-decoration: none; }