/*  

Theme Name: Showcase-Dark

Theme URI: http://www.wpdesigner.com/

Description: A skin created for the Showcase theme by Wpdesigner.com

Author: Small Potato

Author URI: http://www.wpdesigner.com/

Template: showcase

*/

.imagealigne {
display: inline;
}

.tool-tip {
	Z-INDEX: 13000; WIDTH: 239px; COLOR: #fff
}
.tool-title {
	PADDING-RIGHT: 8px; PADDING-LEFT: 8px; FONT-WEIGHT: bold; FONT-SIZE: 11px; BACKGROUND: url(bubble.png) left top; PADDING-BOTTOM: 4px; MARGIN: 0px; COLOR: #9fd4ff; PADDING-TOP: 8px
}
.tool-text {
	PADDING-RIGHT: 8px; PADDING-LEFT: 8px; FONT-SIZE: 11px; BACKGROUND: url(bubble.png) right bottom; PADDING-BOTTOM: 8px; PADDING-TOP: 4px
}
.custom-tip {
	Z-INDEX: 13000; WIDTH: 130px; COLOR: #000
}
.custom-title {
	PADDING-RIGHT: 8px; PADDING-LEFT: 8px; FONT-WEIGHT: bold; FONT-SIZE: 11px; BACKGROUND: #c3df7d; PADDING-BOTTOM: 4px; MARGIN: 0px; COLOR: #3e4f14; PADDING-TOP: 8px; BORDER-BOTTOM: #b5cf74 1px solid
}
.custom-text {
	PADDING-RIGHT: 8px; PADDING-LEFT: 8px; FONT-SIZE: 11px; BACKGROUND: #cfdfa7; PADDING-BOTTOM: 8px; PADDING-TOP: 4px
}



#couleurs {
margin: 0 auto;
}

body, h1, h2, h3, h4, h5, h6, address, blockquote, dd, dl, hr, p, form{

	margin: 0;

	padding: 0;

}



body, form, input, textarea, table, h1, h2, h3, h4, h5, h6{

	font-family: arial, helvetica, sans-serif;

	font-size: 12px;

}



body{

	font-size: 12px;

	text-align: center;

	vertical-align: top;

	background: #2B2B2B;


	color: #fff;

}



form, input, textarea, table{

	font-size: 11px;

	color: #fff;

}



a{

	text-decoration: underline;
outline:none;
	color: #ccc;



}



a:hover{text-decoration: none;}



a img{border: 0;}



address, dl, p{padding: 10px 0 0;}



blockquote{

	margin: 10px 0 0;

	border-top: 2px solid #2f2f2f;

	background: #111;

}



blockquote p{padding: 10px;}



blockquote blockquote{

	margin: 0 10px;

	background: #222;

}



p img{max-width: 100%;}



img.centered{

	display: block;

	margin-left: auto;

	margin-right: auto;

}



img.alignleft{margin: 3px 10px 2px 0;}



img.alignright{margin: 3px 0 2px 10px;}



img.alignleft, img.alignright{display: inline;}



.alignleft{float: left;}

.alignright{float: right;}



.clear{margin: 0;padding: 0;clear: both;}



small{font-size: 11px;}



/* ===== layout ===== */

#headerBG {
	margin: 0 auto;

	width: 920px;
height:41px;
background:url(images/logo.png) no-repeat #111;
}

#header{

	float: left;

	width: 100%;

	padding: 10px 0 0;

	border-bottom: 1px solid #3f3f3f;

	background: #111;
margin:auto;

	text-align: center;

height:100px;

margin-bottom:12px;







}



#wrapper{

	width: 940px;

	margin: 0  auto;

	text-align: left;

}



#container{

	float: left;

	width: 940px;

	margin: 10px 0 0;

}



#content{

	float: left;

	width: 620px;

	margin: 0 320px 0 0;

	display: inline;

}



#sidebar-wrap{

	float: left;

	width: 310px;

	margin: 10px 0 0 -320px;

	display: inline;

}



/* Uncomment this to switch to a three column gallery for the home page.

#home #container, #home #content, #home #sidebar-wrap{

	float: left;

	width: 940px;

	margin: 0;

}



#home #container{

	margin: 10px 0 0;

}

*/



.sidebar{

	float: left;

	width: 310px;

}



#footer{

	float: left;

	width: 900px;

	margin: 20px 20px 0;

	padding: 0 0 20px;

	text-align: left;

	display: inline;

}



/* ===== header ===== */



#header ul{

	margin: 0 auto;

	width: 920px;

	padding: 0;

	list-style-type: none;

	font-size: 11px;

	text-transform: uppercase;

	text-align: left;

}



#header ul li{

	float: left;

	display: inline;

margin-top:25px;

}



#header ul li h1{

	font-size: 11px;

	display: inline;

}



#header ul li a{

	display: block;

	padding: 10px;

	border-right: 1px solid #2f2f2f;

	font-weight: bold;

	text-decoration: none;

}



#header ul li a:hover{

	background: #1f1f1f;
border-bottom:2px solid #31acee;

}



#header ul li.current_page_item a{

	background: #222;
border-bottom:2px solid #31acee;

}



#header ul li.rss a{

	padding: 10px 10px 10px 25px;

	background: url(images/icon_rss.png) no-repeat 10px center;

}



#header ul li.rss a:hover{

	background: #1f1f1f url(images/icon_rss.png) no-repeat 10px center;

}



#header ul li.search{

	float: right;

}



#header ul li.search form#searchform{

	display: block;

	margin: 0;

	padding: 5px 0 0;

}



#header ul li.search form#searchform input{

	margin: 0;

	padding: 3px;

	border: 1px solid #2f2f2f;

}



#header ul li.search form#searchform input#s{

	background: #222 url(images/icon_search.png) no-repeat right center;

}



/* ===== main content area ===== */



.thumbnail{

	float: left;

	width: 300px;

	margin: 10px 0 0 10px;

	background: #222;

	display: inline;

}



.thumbnail .thumb-image{

	display: block;

	width: 280px;

	height: 125px;

	overflow: hidden;

}



.featured{

	width: 610px;

}



.featured .thumb-image{

	width: 590px;

	height: 280px;

}





.thumbnail:hover{

	position: relative;

}



.thumbnail .thumb-menu{

	display: none;

}



.thumbnail:hover .thumb-menu{

	display: block;

	position: absolute;

	top: 167px;

	left: 5px;

	z-index: 100;

	white-space: nowrap;

}



.thumb-menu ul{

	margin: 0;

	padding: 0;

	list-style-type: none;

	border: 5px solid #fff;

	background: #000;

	color: #ccc;

}



.thumb-menu ul li{

	padding: 5px 9px;

	border-bottom: 1px solid #1e1e1e;

}



.thumb-menu ul li a{

	text-decoration: none;

	color: #fff;

}



.thumb-menu ul li a:hover{

	text-decoration: underline;

}



.border{

	border: 1px solid #393939;

	padding: 9px;

}



.post{

	border: 1px solid #3e3e3e;

	margin: 10px 0 0 10px;

	padding: 9px;

	background: #222;

}



.post h2{

	font-size: 18px;

	font-weight: normal;

}



.entry{

	line-height: 20px;

}



.entry h2, .entry h3, .entry h4, .entry h5, .entry h6{

	padding: 10px 0 0;

}



.entry h2{

	font-size: 16px;

	font-weight: bold;

}



.entry h3{

	font-size: 14px;

}



.entry-meta, .post-ratings{

	padding: 9px 0 0;

}



.entry-meta{

	line-height: 20px;

}



.navigation{

	float: left;

	width: 610px;

	margin: 10px 0 0 10px;

	font-size: 11px;

	font-weight: bold;

	text-transform: uppercase;

	display: inline;

}



.navigation a, .wp-pagenavi .pages, .wp-pagenavi .current, .wp-pagenavi .extend{

	float: left;

	margin: 0 5px 0 0;

	padding: 10px;

	border: 1px solid #3e3e3e;

	text-decoration: none;

	background: #222;

	display: inline;

}



.navigation a:hover{

	text-decoration: underline;

}



/* ===== sidebar basics ===== */



.sidebar form input{

	margin: 0;

	padding: 4px;

	border: 1px solid #2f2f2f;

	background: #1f1f1f;

}



.sidebar ul{

	list-style-type: none;

	margin: 0;

	padding: 0;

}



.sidebar ul li{

	float: left;

	width: 300px;

	margin: 10px 0 0 10px;

	background: #222;

	display: inline;

}



.sidebar ul li h3{

	border: 1px solid #3e3e3e;

	border-bottom: 0;

	padding: 9px;

	font-size: 11px;

	text-transform: uppercase;

	line-height: 20px;

	background: #1f1f1f;

color:#ff0099;

}



h3 {

color:#ff0099;

}





.sidebar ul ul{

	border: 1px solid #3e3e3e;

	border-top: 0;

}





.sidebar ul ul li{

	float: none;

	margin: 0;

	width: auto;

	display: block;

	padding: 9px 9px 9px 24px;

	border: 0;

	border-top: 1px solid #2f2f2f;

	background: url(images/bullet.gif) no-repeat 10px 16px;

	line-height: 20px;

}



.sidebar ul ul ul{

	border:  0;

}



.sidebar ul ul ul li{

	padding: 0 0 0 9px;

	border: 0;

	background-image: none;

}



/* ===== styles for sidebar ads captions, search widget, calendar widget, and domtab ===== */



.sidebar ul li .sidebar-block-captions{

	float: left;

	width: 300px;

	border-bottom: 1px solid #3e3e3e;

	display: inline;

}



.sidebar ul li .sidebar-block-captions .text{

	float: left;

	padding: 9px;

	border: 1px solid #3e3e3e;

	border-bottom: 0;

	font-size: 11px;

	background: #1f1f1f;

}



.sidebar ul li .sidebar-block-captions .main{

	font-weight: bold;

	text-transform: uppercase;

}



.sidebar ul li .sidebar-block-captions .sub{

	border-left: 0;

}



.sidebar ul li.ads-125x125 .sidebar-block-captions{

	margin: 10px 0 0 10px;

}



.sidebar ul li.ads-125x125{

	margin: 0;

	width: 310px;

	border: 0;

	background: transparent;

}



.sidebar ul li.ads-125x125 a.banner{

	float: left;

	margin: 10px 0 0 10px;

	width: 145px;

	height: 145px;

	overflow: hidden;

	display: inline;

}



.sidebar ul li.ads-125x125 img{

	padding: 9px;

	border: 1px solid #3e3e3e;

	background: #222;

}



.sidebar ul li#search form#searchform, #calendar_wrap{

	border: 1px solid #3e3e3e;

	border-top: 1px solid #2f2f2f;

	padding: 9px;

}



.sidebar ul li#search form#searchform input#s{

	width: 68%;

}



.sidebar ul li#search form#searchform input#searchsubmit{

	width: 25%;

}



table#wp-calendar{

	width: 100%;

}



table#wp-calendar th, table#wp-calendar td{

	padding: 8px 0;

	background: #1f1f1f;

	text-align: center;

}



/* ===== comments template ===== */



#comments{

	margin: 10px 0 0 10px;

	border: 1px solid #3e3e3e;

	background: #222;

}



#comments .nocomments{

	padding: 10px;

	line-height: 22px;

}



#comments h3{

	font-size: 11px;

	text-transform: uppercase;

	line-height: 20px;

}



#comments h3#comments-count{

	padding: 10px;

	background: #1f1f1f;

	border-bottom: 1px solid #2f2f2f;

}



#comments ol{

	margin: 0;

	padding: 0;

	list-style-type: none;

}



#comments ol li{

	margin: 0;

	padding: 10px;

	border-bottom: 1px solid #2f2f2f;

	line-height: 20px;

}



#comments span.comment-author{font-weight: bold;}



#respond{

	padding: 10px;

	background: #1f1f1f;

}



#respond input, #respond textarea{

	border: 1px solid #3e3e3e;

	background: #222;

	padding: 4px;

	font-size: 12px;

}



#respond input#author, #respond input#email, #respond input#url, #respond textarea#comment{

	width: 60%;

}



.form-label{

	margin: 10px 0 0;

	padding: 5px;

}



.form-textarea{

	margin: 10px 0 0;

}