/*
Theme Name: Afrikaventure
Theme URI: http://blog.clubaventure.fr/afrikaventure
Description: Theme du site Afrikaventure, la Grande Expé !
Version: 0.1
Author: Romain Lacaille
 
Creation Theme by Romain Lacaille
 
*/

/********************************/
/* RESET CSS */
/********************************/

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, font, img, ins, kbd, q, s, samp,
small, strike, 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;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


/********************************/
/* REDEFINITION DE BALISES */
/********************************/
body {
	background: #740317 url(img/bg_body.jpg) no-repeat center top;
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size: 12px;
	text-align: left;
	color: #000;
	margin: 0;
}

a {
	color:#DCA31A;
}

a:hover {
	color:#FFBD1F;
}

hr {
	clear:both;
	margin:10px 0;
	visibility:hidden;
}
/********************************/
/* STRUCTURE */
/********************************/

#header {
	font-family: Trebuchet MS, Lucida Grande, Arial, Helvetica, Georgia, Sans-serif;
	height:161px;
	margin:0 auto;
	position:relative;
	width: 960px;
}

	#header a#top {
		display:block;
		height:50px;
		left:20px;
		position:absolute;
		top:45px;
		width:300px;
	}
	
	#header a#clubaventure {
		display:block;
		height:55px;
		left:775px;
		position:absolute;
		top:45px;
		width:160px;
	}
	
#page {
	background:#fff url(img/fondPage.png) repeat-y center;
	margin: 0 auto;
	padding:0 0 20px 0;
	width: 960px;
}

#carousel {
	background: url(img/bg_carousel.jpg) no-repeat center top;
	height:235px;
	margin: 0 auto;
	padding:25px 0 0 0;
	position:relative;
	width: 960px;
}

#pageHeader {
	background:url(img/entete-page.jpg) no-repeat center top;
	height:19px;
	margin:0 auto;
	width:960px;
}

#separateur {
	background:url(img/separateur.png) no-repeat center top;
	height:14px;
	margin:0 auto;
	width:960px;
}

#content {
	float: left;
	line-height:120%;
	margin:0 30px 20px 30px;
	padding:15px 0 15px 0;
	width: 610px;
	_margin:0 0 0 15px;
}

	#content img {
		background:#ECEBE9;
		padding:5px;
	}
	
	#content a.savoir-plus {
		background: url(img/fond-lien.png) no-repeat center top;
		color:#650017;
		display:block;
		font-size:9px;
		font-style:italic;
		height:16px;
		line-height:16px;
		padding:0 0 0 6px;
		text-decoration:none;
		width:80px;
	}
	
	#content h1,#content h1 a {
		color:#DCA31A;
		font-family:"Trebuchet ms", Arial, Verdana;
		font-size:22px;
		line-height:25px;
		margin:5px 0;
		text-decoration:none;
	}
	
		div.page h1, .sidebar h2, h3{
			border-radius:4px;
			box-shadow: 1px 1px 8px #888;
			-moz-border-radius:4px;
			-webkit-border-radius:4px;
			-moz-box-shadow: 1px 1px 8px #888;
			-webkit-box-shadow: 1px 1px 8px #888;
		}	
	
	#content h2,#content h2 a {
		color:#DCA31A;
		font-family:"Trebuchet ms", Arial, Verdana;
		font-size:18px;
		line-height:22px;
		margin:5px 0;
		text-decoration:none;
	} 
	
	#content h3,#content h3 a{
		color:#6F0219;
		font-family:"Trebuchet ms", Arial, Verdana;
		font-size:15px;
		font-weight:bold;
		line-height:20px;
		margin:5px 0;
		text-decoration:none;
	} 	
	#content span.date, #content span.auteur,#content span.categorie,#content span.commentaires {
		color:#827C71;
		display:block;
		font-size:10px;
		margin:0 0 5px 0;
		text-transform:uppercase;
	}
	
		#content span.auteur a, #content span.categorie a, #content span.commentaires a {
			color:#827C71;
			font-size:10px;
			margin:5px 0 5px 0;
			text-decoration:none;
			text-transform:uppercase;
		}
		
		#content span.auteur a:hover, #content span.categorie a:hover, #content span.commentaires a:hover {
			text-decoration:underline;
		}	
		
	
	#content div.post {
		border-bottom:1px solid #827C71;
		margin:0 0 20px 0;
		padding:0 0 10px 0;
	}
		

		#content div.postContent {
			line-height:20px;
			margin:0 0 10px 0;
		}
		
		#content div.postContent p {
			margin:10px 0;
		}	
			
		#content div.postContent a.more-link {
			background:#FFFF11 url(img/btn-more.png) no-repeat center;
			color:#fff;
			clear:both;
			display:block;
			float:right;
			font-size:11px;
			font-family:Arial, Helvetica, sans-serif;
			height:18px;
			line-height:18px;
			/*margin:5px 0;*/
			text-align:center;
			text-decoration:none;
			width:91px;
		}
		
	#content div.page {
		border-bottom:1px solid #827C71;
		margin:0 0 20px 0;
		padding:0 0 10px 0;
	}
		
		#content div.page h1, #content div.page h1 a{
			background:#9CB3C9;
			color:#fff;
			height:20px;
			font-family:Arial, Helvetica, sans-serif;
			font-size:15px;
			font-weight:bold;
			line-height:20px;
			margin:0 0 3px 0;
			padding:3px 0;
			text-align:center;
			text-transform:uppercase;
			width:70%;
		}
			
		#content div.page h2{
			color:#DCA31A;
			font-family:"Trebuchet ms", Arial, Verdana;
			font-size:22px;
			line-height:25px;
			margin:5px 0;
			text-decoration:none;
		}		
		
		#content div.page h3{
			background:#9CB3C9;
			color:#fff;
			height:20px;
			font-family:Arial, Helvetica, sans-serif;
			font-size:14px;
			line-height:20px;
			margin:20px 0 15px 0;
			padding:1px 0 1px 10px;
			text-align:left;
			text-transform:uppercase;
		}		
		
		#content div.page h4{
			color:#DCA31A;
			font-family:"Trebuchet ms", Arial, Verdana;
			font-size:16px;
			font-weight:bold;
			line-height:20px;
			margin:5px 0;
		}		
		
		#content div.page h5{
			color:#6F0219;
			display:inline;
			font-family:"Trebuchet ms", Arial, Verdana;
			font-size:12px;
			font-weight:bold;
			line-height:20px;
			margin:5px 0 15px 0;
			text-transform:uppercase;
		}		
		
		#content div.page h6{
			color:#827C71;
			font-family:Arial, Helvetica, sans-serif;
			font-size:11px;
			font-weight:lighter;
			line-height:15px;
			margin:5px 0;
			text-transform:uppercase;
		}	
				
		#content div.pageContent {
			line-height:20px;
			margin:0 0 10px 0;
		}
		

			#content div.pageContent a.more-link {
				background:#FFFF11 url(img/btn-more.png) no-repeat center;
				color:#fff;
				display:block;
				font-size:12px;
				font-family:Arial, Helvetica, sans-serif;
				height:18px;
				line-height:18px;
				margin:5px 0;
				text-align:center;
				text-decoration:none;
				width:91px;
			}
			
			#content div.pageContent p.intro {
				background:#ECEBE9;
				margin:20px 0 0 0;
				text-align:justify;
				padding:10px;
			}	
						
.sidebar {
	float: right;
	padding:0 0 0 40px;
	width: 250px;
	_padding:0 0 0 30px;
	_width:240px;
}

	.sidebar h2 {
		background:url(img/fond-titre-degrade.png) repeat-y center;
		color:#fff;
		height:20px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:14px;
		line-height:20px;
		margin:25px 0 15px 0;
		padding:0 0 0 15px;
		text-transform:uppercase;
		width:180px;
	}
	
	.sidebar li.page_item a {
		color:#897D71;
		font-family:arial;
		font-size:11px;
		font-weight:bold;
		line-height:160%;
		text-decoration:none;
	}
		
	.sidebar li.page_item a:hover {
		text-decoration:underline;
	}	
	
#footer {
	background:#A9A59E;
	clear:both;
	line-height:120%;
	margin:0 auto;
	padding:10px 50px;
	text-align:center;
	width:860px;
}

	#footer a {color:#fff;text-decoration:none;}
	
	#footer a:hover {text-decoration:underline;}

/********************************/
/* COMMENTAIRES */
/********************************/

.comments-template{
	margin: 10px 0 0 0;
}
 
	.comments-template ol{
		margin: 10px;
		padding: 0 0 0 15px;
		list-style: none;
	}
	 
	.comments-template ol p{
		font-family: Trebuchet MS, Arial, Hevletica, Sans-serif;
		font-size: 0.9em;
	}
	 
	.comments-template ol li{
		margin: 10px 0 0 0;
		line-height: 15px;
		padding: 0 0 10px;
	}
	 
	.comments-template h3{
		background:#899EB6;
		color:#fff!important;
		height:20px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:16px;
		line-height:20px;
		margin:25px 0 15px 0;
		padding:1px 0 1px 15px;
		text-transform:uppercase;
	}
	
	.comments-template p.nocomments{
		padding: 0;
	}
	 
	.comments-template textarea{
		font-family: Trebuchet MS, Arial, Hevletica, Sans-serif;
		font-size: 0.9em;
	} 
	
.commentmetadata{
	font-size: 0.9em;
	margin:0 0 7px 0;
}
 
.cadre_commentaires {
	border-bottom: 1px solid #ccc;
}

	.cadre_commentaires h3#comments {
		background:none;
		box-shadow:none;
		color:#DCA31A!important;
		font-family:"Trebuchet ms", Arial, Verdana;
		font-size:14px;
		line-height:120%;
		margin:5px 0;
		-moz-box-shadow:none;
		-webkit-box-shadow:none;
	}
	div.commentText {
		background:#F8F8F8 none repeat scroll 0 0;
		border-color:#EEEEEE #CCCCCC #CCCCCC #EEEEEE;
		border-radius:5px;
		border-style:solid;
		border-width:1px;
		color:#777777;
		display:block;
		float:left;
		font-family:"Lucida Grande","Trebuchet MS",Verdana,Helvetica,Arial,sans-serif;
		font-size:1.2em;
		margin:0 0 0.5em;
		padding:1em;
		position:relative;
		width:95%;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
	}
	
form#commentform {
	margin:0 0 0 15px;;
}
	
	input#author, input#url, input#email, textarea#comment {
		margin:5px 0 0 0;	
	}
	
	
	form#commentform p {
		margin:15px 0;
	}

/********************************/
/* CLASSES */
/********************************/

.clear{clear:both;}

.alignleft {
	float: left;
	margin:0 15px 5px 0;
}

.alignright {
	float: right;
	margin:0 0 5px 15px;
}

.alignnone {margin:5px 0;}

/********************************/
/* WIDJET */
/********************************/

ul li ul li {margin:5px 0;}

/* Calendrier */
#wp-calendar {
	display: block;
}

	#wp-calendar caption, #calendar caption {
		width: 14em;
		text-align: center;
		background: #EAB90D;
		color: #fff;
		border-bottom: 2px solid #e6eef7;
		font-weight:bold;
		margin:0 0 5px 0;
		padding:2px;
	}
	
	#wp-calendar table, #calendar table {
		border-collapse: collapse;
		text-align: center;
		background: url(../images/cal_bkg.gif) bottom right no-repeat;
		width: 14em;
		padding: 0 1px 1px 0;
		margin: 2em;
	}
	
		#wp-calendar thead tr {
			background: url(../images/cal_bkg.gif) bottom right no-repeat;
		}
		
		#wp-calendar thead th {
			background: url(../images/cal_single.gif) top left no-repeat;
		}
		
		#wp-calendar tbody td {
			background: url(../images/cal_single2.gif) top left no-repeat;
			padding: 2px 0;
			width: 2em;
		}
		
	#wp-calendar #today {
		background: url(../images/cal_single_today.gif) top left no-repeat;
		color: #000;
	}
	
	#wp-calendar tbody .pad {
		background: url(../images/cal_pad.gif) top left no-repeat;
	}
	
	#wp-calendar a {
		padding: 2px 0;
		font-weight: bold;
	}
	
	#wp-calendar tfoot td {
		padding: 3px 0;
		background: url(../images/cal_pad.gif) top left no-repeat;
	}
	
	#wp-calendar #next {
		text-align: right;
		padding-right: 10px;
	}

/* Formulaire de recherche */

form#searchform {
	margin:10px 0 0 10px;
}

form#searchform input#s {
	float:left;
}

form#searchform input#searchsubmit {
	margin:1px 0 0 10px;
}

/* Post category */
li.widget_categoryposts{width:215px;}

li.cat-post-item p{font-size:11px; line-height:15px;margin:10px 0;}