/*
Theme Name: Bolokan
Theme URI: http://www.aboulayekonebolokan.com/
Description: Bolokan official Wordpress Theme.
Version: 1.6
Author: Benoit Decomble
Author URI: http://www.benoitdecomble.info/
Tags: Aboulaye, Kone, bolokan


*/

/* Tags */
h1{
	clear:both;
	color:#f8c729;
	font-size:2.2em;
	font-family: Lucida Grande, Tahoma;
	font-weight: normal;
	background: url('images/u_h1.png') no-repeat -5px 1em;
	display: block;
	height:1.2em;
}

#b-content h1{
	background: none;
}

strong{
	font-weight: bold;
}

h2{
	color:#d09960;
	font-size:1.5em;
	margin-bottom: 0.8em;
	padding-top:0.2em;
}

h2.gallery{
	clear:both;
}

p.ss_titre{
	font-weight: bold;
}



div.hr{
	background: #5a2d04 url('images/hr.jpg') no-repeat;
	background-position: center;
	height:54px;
	margin:auto;
	margin-top:1.3em;
	margin-bottom: 1.3em;
	border: none;
	padding:0;
}

div.hr hr {
  	display: none;
}



body{
	background: #462100 url('images/bg.jpg') repeat-x;	
	font-family: Tahoma, Lucida Grande, Arial, Verdana, sans-serif;
	color:#ffe5cd;
	font-weight: 100;
	font-size: 0.75em;
}

a{
	color:#538bff;
	text-decoration: none;
}

a:hover{
	color:#f4c82b;
}

/* Basic Structure */

#structure{
	color:#e6e6e6;
	font-weight: 100;
	background: url('images/bg_paint.jpg') no-repeat fixed;
	height:1300px;
	display: block;
}

#page{
	width:940px;
	margin-left:8em;
	margin:auto;
}


#header{
	height:145px;
	background: url('images/paysage.png') no-repeat 40px 74px;
}

	#logo{
		position:absolute;
		text-indent: -1000em;
		background: url('images/logo.png') no-repeat 0px 40px;
		display: block;
		width:464px; 
		height:122px;
		margin-left:220px; 
	}
		
		#logo a{
			display: block;
			width:100%;
			height:84px;
		}
		
	
	
	ul#nav{
		list-style-type: none;
		display: block;
		padding:10px 0 0 20px;
		font-family: Lucida Grande, Tahoma, Arial, Verdana;
	}
	
	ul#nav a{
		color:white;
	}
	
	ul#nav a:hover{
		color:#f8c729;
	}
	
	ul#nav li.page_item{
		float:left;
		font-size:15px;
		color:white;
		margin-right:3em;
		display: block;
		height:20px;
	}
	
	ul#nav .current_page_item a, ul#nav .current_page_ancestor a, ul#nav .current_page_parent a{
		color:#f8c729;
	}
	
	ul#nav .current_page_item, ul#nav .current_page_ancestor, ul#nav .current_page_parent{
		background:url('images/nav_hl.png') no-repeat 0px 16px;
	}
	
	
	
	
	
	
	


#center-top{
	background: url('images/content_top.png') no-repeat;
	display: block;
	height:36px;
	clear:left;
	padding:70px 0 0 0;
	padding:0;
}

#center-bottom{
	background: url('images/content_bottom.png') no-repeat;
	display: block;
	height:15px;
	clear:left;
	margin:0;
	padding:0;
}

#home-center{
	background: #5a2d04;
	padding:10px 0 0 0;
}
	#home-center #banner{
		background: #5a2d04 url('images/home_banner_bg.png') repeat-x;
		display:block;
		width:99%;
		margin:0 0 1.5em 0;
		height:365px;
	}	
	#home-center #banner #left{
		float:left;
		width:342px;
	}
	
	#home-center #banner #right{
		background: url('images/abou.jpg') no-repeat;
		height:380px;
		padding:0;
	}
	
	#home-center #banner #right #services{
		clear:both;
		float:left;
		padding-top:213px;
		display: block;
		width: 285px;
		margin:0;
	}
	
	#services a.facebook{
		display:block;
		width:288px;
		height:25px;
		background: url('images/facebook.jpg') no-repeat 10px;
		text-indent:42px;
		line-height: 1.95em;
	}
	
	#home-center #banner #left #abou{
		
	}
	
	#home-center #banner #right #b-content{
		background: url('images/home_banner_r.png') no-repeat top right;
		display: block;
		height: 198px;
		width:96%;
		margin-bottom:1.2em;
		padding-right: 20px;
		float:right;
	}
	
	#b-content .intro{
		padding-left:286px;
		line-height: 1.3em;
	}
	
	#b-content h1{
		text-indent:286px;
	}
	
	#home-center #banner #right #b-content h1{
		padding:0.6em 0 0.6em 0;
	}
	
	#home-center #banner #right #b-content p{
		font-size: 1.2em;
		line-height: 1.1em;
	}

	
	#right #bloc-left{
		float:right;
	}
	
	#contactez{
		float:right;
		width:230px;
		margin-top: 3em;
		background:url('images/contactez.jpg') no-repeat;
		background-position: 2em 0em;
		padding-left:105px;
		line-height: 1.2em
	}
	
	#home-center #banner #right #player{

	}
	
	#home-center #banner #right #evenements{
		float:right;
		display: block;
		margin: 1em 10px 0 0;
		width:296px;
		height:176px;
		padding:14px 6px 0 12px;
		background:url('images/bg_events.jpg') no-repeat;
		line-height: 1.6em;
	}
	
	#home-center #evenements h2{
		color:#f8c729;
	}
	
	#home-center .article{
		margin: 1.7em 0 0 0;
		line-height: 1.5em;
		padding-bottom:1em;
		border-bottom:1px solid #3a1c07;
	}
	
	#home-center .article p.titre{
		margin-bottom:0.6em;
		font-size: 1.5em;
	}
	
	#home-center .article p.titre span.date{
		font-size: 0.6em;
		line-height:1.6em;
		color:#bababa;
	}
	
	#home-center #news{
		clear:both;
		width:60%;
		margin:2em 0 3em 1em;
		float:left;
	}
	
	#home-center #news h1{
		text-indent: 1.5em;
		padding-bottom:4px;
		font-size: 2em;
		font-weight: normal;
		color:#f8c729;
		border-bottom:1px dotted #f8c729; 
		margin-bottom: 8px;
		background: url('images/icon_guitar.jpg') no-repeat;
	}
	
	#home-center #photos{
		margin-top:1em;
		float:right;
		display: block;
		width:630px;
		height:70px;
		background: url('images/photos_v.jpg') no-repeat;
	}
	
	#home-center #photos a{
		display: block;
		width: 100%;
		height:100%;
	}
	
	a.more-link{
		text-transform: uppercase;
		text-decoration: none;
		margin-top:1.3em;
		float:right;
		height:20px;
		padding:3px 1em 4px 20px;
		display: block;
		color:#538bff;
		background: url('images/icon_djembe.png') no-repeat;
		font-size: 0.8em;
	}
	
	a.more-link:hover{
		color:#f4c82b;;
	}
	
	
	
#center{
	padding:1em 1.5em 1.5em 1.5em;
	line-height: 1.55em;
	background: #5a2d04;
	font-size: 1.05em;
}

	#side{
		display: block;
		float:right;
	}

	#content{
		float:left;
		margin-bottom: 30px;
		letter-spacing: 0.05em;
	}
	
		#content p{
			margin-bottom:1.3em;
			font-weight: lighter;
		}
		
		#center a{
			color:#4c74cc;
			text-decoration: none;
			
		}
		
		#center a:hover{
			color:#b0c9ff;
		}
		
		#center #bottom{
			clear:both;
			width:100%;
		}
		
		#content h1{
			margin:0.5em 0 1em 0;
		}

#footer{
	clear: both;
	background:url('images/footer_bg.gif') repeat-x;
	background-position: left;
	height:56px;
	width:98%;
	margin: auto auto 0 auto;
}
	
	#footer span{
		height:56px;
		display: block;
	}
	
	#footer span.logos-qc{
		background: url('images/footer_right.gif') no-repeat;
		background-position: right;
	}
	
	#footer span.footer-left{
		background: url('images/footer_left.gif') no-repeat;
		background-position: left;
		float:left;
	}
	
	#footer span p{
		padding:19px 0 0 20px;
		display:block;
		height:33px;
	}
	
	
	.ngg-gallery-thumbnail-box{
		display:block;
		background: url('images/thb.jpg') no-repeat;
		width:115px;
		height:110px;
		float:left;
		padding:12px 0 0 12px;
	}
	
	.ngg-galleryoverview{
		clear:both;
	}
	
	/* Styles du formulaire de contact */


form.cform fieldset legend{
	clear: both;
	color:#d09960;
	font-size:1.5em;
	margin-bottom: 1em;
	padding-top:0.2em;
}

form.cform fieldset .textonly{
	margin-bottom:1.5em;
}

form.cform label{
	display:block;
	width:10em;
	margin-bottom:1.3em;
	float:left;
}

form.cform li{
	clear:left;
}

form.cform li span.reqtxt, form.cform li span.emailreqtxt{
	margin-left:1em;
	color:#d09960;
}

p.linklove{
	text-indent: -1000px;
}

/* Style de Bolo Kan - Les 3 couleurs */

.color-link{
	display: block;
	height:20px;
	background: url('images/3couleurs.jpg') no-repeat;
	text-indent:25px;
	line-height:1.5em;
}

#bio-vert, #bio-rouge, #bio-jaune{
	padding:60px 0 15px 0;
	display: block;
}

#bio-vert .couleur-top, #bio-rouge .couleur-top, #bio-jaune .couleur-top{
	display: block;
	width:874px;
	height:12px;
	background: url('images/bio_top_cadre.png') no-repeat;
	margin-left:23px;
}

#bio-vert .couleur-bottom, #bio-rouge .couleur-bottom, #bio-jaune .couleur-bottom{
	display: block;
	width:874px;
	height:12px;
	background: url('images/bio_bot_cadre.png') no-repeat;
	margin:0 0 0 23px;	
}

#bio-vert p.couleur-content, #bio-rouge p.couleur-content, #bio-jaune p.couleur-content{background-image: url('images/bio_bg_cadre.png'); display: block; width:850px; margin:0 0 0 23px; padding: 0 12px 0 12px;}

#bio-vert{background: url('images/bio_vert.jpg') no-repeat;}
#bio-rouge{background: url('images/bio_rouge.jpg') no-repeat;}
#bio-jaune{background: url('images/bio_jaune.jpg') no-repeat;}


/* Styles de contacts */
.courrier{background: url('images/mail.jpg') no-repeat; padding:3px 0 0 38px; display: block; height:35px;}
.phone{background: url('images/phone.jpg') no-repeat 5px; padding:23px 0 0 38px; display: block; height:35px;}


/* Styles des Evenements */
#events-list{margin-bottom:2em; margin-top:0; border:0;}
#events-list ul{list-style-type: none; margin-top:0; }
#events-list ul li{ display:block; clear:left; margin-bottom:1.5em;}
.event-title{clear:left; }
.event-date{display:block; float:left; width:100px;}
.event-name{display:block; float:left; width:300px; color:#f8c729;}
.event-city{display:block; float:left; width:150px; text-align: right; color:#f8c729;}
.event-details{clear:left;}
.event-desc{text-align:right; display:block; float:left; width:550px; text-indent:100px; padding-bottom:0.4em; margin:0.2em 0 0.4em 0; color:#fecea2; border-bottom:1px solid #3a1c07;}