/*  
Theme Name: Country soft
Theme URI: http://blog.k1der.net/country/
Description: Un thème très sobre.
Version: 1.0
Author: Yannick Croissant
Theme URI: http://blog.k1der.net/country/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

/* =====================================
 * Reset styles
 * Based on Eric Meyer's reset reloaded ( http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded )
 * ===================================== */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline;
}
ol, ul { list-style:none; }
table {
	border-collapse:collapse;
	border-spacing:0;
}
caption, th, td {
	text-align:left;
	font-weight:normal;
}
blockquote:before, blockquote:after,
q:before, q:after { content:""; }
blockquote, q { quotes:"" ""; }

/* =====================================
 * Layout
 * ===================================== */
html {
	font-family:Verdana, Kalimati, "Bitstream Vera Sans", sans-serif;
	background:#FFF;
}

body {
	line-height:normal;
	color:#000;
	font-size:.625em;
}

#main {
	margin:0 auto;
	width:91em;
	position:relative;
}

	#content {
		float:left;
		width:70em;
	}

	#sidebar {
		width:18.5em;
		float:right;
		padding-left:2.4em;
	}

hr {
	clear:both;
	border:0;
	color:#FFF;
}

#footer {
	background:#2B302D url(images/mario.gif) no-repeat 80% 100%;
	color:#FFF;
	line-height:2em;
	text-align:right;
	padding:1em;
}

/* Liens */
a, a:visited {
	color:#365FB7;
}

a:hover, a:active {
	text-decoration:none;
}

h1 a, h1 a:visited,
#menu a, #menu a:visited,
#footer a, #footer:visited {
	color:#FFF;
}

#prelude a, #prelude a:visited {
	color:#666;
}


h1 a, h1 a:visited,
#menu a, #menu a:visited {
	text-decoration:none;
}

/* =====================================
 * Elements de la page
 * ===================================== */

/* Titre */
h1 {
	position:relative;
	height:4.8em;
	background:#2B302D;
}

	h1 a, h1 a:visited {
		font-size:3em;
		font-weight:bold;
		font-style:italic;
		padding-left:7px;
	}

		h1 span {
			background:url(images/titre.gif) no-repeat left top;
			position:absolute;
			top:0;
			left:0;
			height:100%;
			width:9.6em;
		}

/* Menu d'évitement */
#prelude {
	position:absolute;
	top:0;
	left:50%;
	width:40em;
	height:4.8em;
	margin-left:-20em;
	text-align:center;
}

	#prelude li {
		display:inline;
		padding:0 .5em;
	}
	
	#prelude:hover a, #prelude:hover a:visited {
		color:#FFF;
	}
	

/* Recherche */
#search {
	position:absolute;
	top:1.2em;
	right:3em;
	color:#FFF;
}
	
	#search h2 {
		float:left;
		font-size:1.2em;
		background:url(images/magnifier.png) no-repeat left center;
		padding:0 5px 0 20px;
		line-height:1.2em;
	}
	
	#search #s {
		border:0;
		height:1.1em;
		vertical-align:middle;
		width:10em;
	}
	
	#search .submit {
		vertical-align:middle;
		background:#000;
		color:#FFF;
		border:1px solid #666;
		font-size:1em;
		padding:0;
	}

/* Menu */
h2.menu { font-size:1em; line-height:1em; text-indent:-1000em; margin-bottom:-1em; }

#menu {
	background:#6387D3 url(images/menu.png) repeat-x top;
	font-family:"Trebuchet MS", Trebuchet, sans-serif;
	font-size:2em;
	height:1.5em;
	text-align:center;
	padding:3.5em 10em 0 0;
}

	#menu li {
		display:inline;
		padding:0 4em;
	}
	
	#menu a { padding:0 .5em; }
	
	#menu a:hover {
		background:#3961B9;
	}

/* Pagination */
#pagination { padding:1em 0; text-align:center; }

#pagination li {
	display:inline;
	font-size:1.1em;
}

#pagination .prev {
	/*background:url(images/arrow_left.png) no-repeat left center;*/
	padding:0 4px  0 0;
	border-right:1px solid #CCC;
}

#pagination .next {
	/*background:url(images/arrow_right.png) no-repeat right center;*/
	padding:0 0 0 4px;
}

/* Sidebar */
.sidebar { font-size:1em; line-height:1em; text-indent:-1000em; margin-bottom:-1em; }

#now {
	background:url(images/now-back.png);
	margin-top:-3em;
	height:16em;
	width:21em;
	float:right;
	position:relative;
}

	#now h3 {
		font-size:2em;
		height:1.5em;
		text-align:center;
		color:#FFF;
		font-weight:normal;
	}
	
	#now h4 {
		font-family:"Trebuchet MS", Trebuchet, sans-serif;
		font-size:2em;
		height:1.5em;
		text-align:center;
		margin:.5em 0;
	}
	
	#now .profil {
		position:absolute;
		right:2px;
		bottom:2px;
	}
	
	/* Last.fm */
	img.lastfm {
		height:67px;
		width:67px;
		float:left;
		margin:0 1em;
	}
	
	p.lastfm {
		margin:1em 0;
		font-size:1.2em;
	}
	
	/* Wakoopa */
	img.wakoopa {
		float:left;
		height:auto;
		width:auto;
		margin:0 1em 0 2em;
	}
	
	p.wakoopa {
		font-size:2em;
		margin:0;
	}
	
	/* Steam */
	img.steam {
		float:left;
		padding:4px;
		margin:4px  1em;
		background:url(images/steam-back.png);
	}
	
	p.steam {
		font-size:1.8em;
		margin:0;
	}
	
	a.steamjoin {
		position:absolute;
		bottom:1em;
		left:1em;
	}
	

#sidebar h3 {
	font-family:"Trebuchet MS", Trebuchet, sans-serif;
	font-size:1.4em;
	font-weight:bold;
	margin:1.5em 0 .8em -1em;
	background: no-repeat left center;
	padding-left:20px;
}
	
	#sidebar li {
		background:no-repeat left center;
		padding-left:20px;
		font-size:1.1em;
		line-height:1.8em;
	}

	#links h3  { background-image:url(images/link.png); }
	#text-2 h3 { background-image:url(images/feed.png); }
	#text-3 h3 { background-image:url(images/user.png); }
	
	#links li {
		background-image:url(images/bullet_go.png);
	}
	
	#text-2 li {
		background-image:url(images/feed.png);
	}
	
	table#MBL_COMM td.mbl_fo_hidden a { color:#DDD !important; }

/* Billet */
#content h2,
#content h3,
#content h4,
#content h5,
#content h6 {
	font-family:"Trebuchet MS", Trebuchet, sans-serif;
	font-size:2.5em;
	font-weight:bold;
	margin-top:1em;
	line-height:1.6em;
}

#content h3 { font-size:1.8em; }
#content h4 { font-size:1.3em; margin-bottom:-.9em; }
#content h5 { font-size:1.2em; }
#content h6 { font-size:1em; }

#content h2 a {
	color:#000;
	text-decoration:none;
}

#content .infos {
	background:url(images/page_white_edit.png) no-repeat left center;
	padding-left:20px;
	margin-left:10px;
	line-height:1.6em;
}

	#content .infos a {
		background:url(images/link.png) no-repeat left center;
		padding-left:20px;
	}

	#content .post {
		font-size:1.2em;
		line-height:1.8em;
		margin:1.5em 2em .75em;
		text-align:justify;
		padding-bottom:.75em;
		background:url(images/post-footer.gif) no-repeat center bottom;
	}
	
		#content .post p {
			margin:1em 0;
		}

	#content .post pre, #comments pre {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		padding:0 0 0 3em;
		line-height:1.85em;
		border:1px solid #DDD;
		background:#EFEFEF url(images/num.png) no-repeat 0 -6px;
		overflow-x:auto;
		font-size:.9em;
		margin:1em;
	}
	
	#content .post sup { font-size:.8em; vertical-align:top; }
	#content .post pre { width:57.2em; }
	
	#content .post blockquote {
		background:#E5E5E5;
		margin:0 10px;
		padding:10px;
	}
	#content .post code {
		background:#E5E5E5;
        padding:0 3px;
		font-family:"Courier New", Courier, monospace;
	}
	
	#content .post ul li {
		padding-left:26px;
		background: url(../../../../../templates/k1der2/images/icons/bullet_go.png) no-repeat 0 2px;
		margin:0 0 0 2em;
	}
	
	#content .post ol {
		margin:0 0 0 2em;
		list-style:decimal;
	}
	
	#content .post strong {
		font-weight:bold;
	}

.post-tags {
	padding:.5em;
	margin:0 0 0 20px;
	height:2em;

}

.post-tags li {	float:left; padding:0; background-image:none; }

.post-tags li a {
	background: url(../../../../../templates/k1der2/images/icons/tag_blue.png) no-repeat 0 2px;
	padding:3px 10px 3px 20px;
}

.post-info-co {
	text-align:right;
	font-size:1.2em;
	margin:0 2em;
}

.comment_count {
	padding:2px 0 2px 20px;
	background: url(../../../../../templates/k1der2/images/icons/comments.png) no-repeat 0 50%;
}


/* Commentaires */
#comments {
	font-size:1.2em;
}

	#comments dl {
		margin:0 2em;
	}

	#comments dt {
		padding:2em .5em .5em;
	}
	
	#comments dd {
			background: url(images/comment1.gif) no-repeat 7.1% 0;
	}
	
		#comments dd div {
			background:#E5E2E1;
			margin-left:74px;
			padding:.5em;
			line-height:1.6em;
			min-height:60px;
		}
	
		#comments .gravatar {
			float:left;
		}
		
		#comments dd p {
			margin:1em 0;
		}
	
	#comments .cinfos {
		text-align:right;
		padding:.5em;
		font-size:.833em;
	}

	#comments dt.odd {
		text-align:right;
	}
	
	#comments dd.odd {
			background: url(images/comment2.gif) no-repeat 92.9% 0;
	}
	
	#comments dd.odd div {
		background:#EEE;
			margin:0 74px 0 0;
	}
	
		#comments .odd .gravatar {
			float:right;
		}
		
		#comments .odd {
			
		}

.field {
	padding:.5em;
}
		
	.field label {
		float:left;
		width:20em;
		font-size:1.2em;
	}