/**
 * Theme Name: sarbacane
 * Theme URI: blog.sarbacane.com
 * Description:  wordpress theme sur base gamezone   
 * Author: sarbacane 
 * Author URI: blog.sarbacane.com
 *
 * 
 * http://www.sarbacane.com
 *
 */
@import url('../sarbacane/structure.css');
@import url('../sarbacane/sidebar.css');
@import url('../sarbacane/feature.css');
@import url('../sarbacane/comment.css');

.search-form2 #searchfield,.search-form2 input.submit{background-image:url(images/search.png);}
.search-form2{position:relative;margin:0 8px 0 4px;width:auto !important;width: 400px;max-width:400px;}
.search-form2 #searchfield{background-repeat:no-repeat;background-position:left top;height:34px;display:block;margin-right:55px;}
.search-form2 form fieldset{border:0;margin:0;padding:0;background:none;background-color:transparent;}


.search-form2 input.text{border:0;margin:9px 0 0 34px;padding:0;}
.search-form2 input.submit{background-color:transparent;background-repeat:no-repeat;background-position:right -34px;height:34px;width:56px;margin:0;padding:0;position:absolute;right:0;top:0;border:0;text-transform:uppercase;text-shadow:#fff 1px 1px 1px;font-weight:bold;font-size:160%;color:#9b9b9b;cursor:pointer;}
.search-form2 input.submit:hover{background-position:right bottom;}


/* clearfix */
img {
	border:none;
	}

.clearfix:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}

.m2{margin: 0px 0px 10px 10px;}


#wrp-header {
	width:1000px;
	height:148px;

	overflow:hidden;


	}
	
#logo-sarbacane{
	
	float:left; 
	width:684px;
	padding-top:40px;

	}
	
#search-sarbacane {
margin:0;
padding:0;
	padding-top:44px;



	} 
	
	#search-sarbacane table{

		border:0;
		margin:0;
		padding-top:3px;
		padding-left:25px;
	}

.wikiobutton {
	clear: both;
	position:relative;
	display:block;
	height: 66px;
	width: 71px;
	background:url(images/wikio.png) no-repeat;
	background-position:bottom;
	cursor: pointer;
}	
.wikiobutton span.hover{
	position: absolute;
	display: block;
	height: 66px;
	width: 71px;
	background: url(images/wikio.png) no-repeat;
	background-position:top;
}
.rssbutton {
	clear: both;
	position:relative;
	display:block;
	height: 66px;
	width: 71px;
	background:url(images/rss.png) no-repeat;
	background-position:bottom;
	cursor: pointer;
}	
.rssbutton span.hover{
	position: absolute;
	display: block;
	height: 66px;
	width: 71px;
	background: url(images/rss.png) no-repeat;
	background-position:top;
}
.twitterbutton {
	clear: both;
	position:relative;
	display:block;
	height: 66px;
	width: 71px;
	background:url(images/twitter.png) no-repeat;
	background-position:bottom;
	cursor: pointer;
}	
.twitterbutton span.hover{
	position: absolute;
	display: block;
	height: 66px;
	width: 71px;
	background: url(images/twitter.png) no-repeat;
	background-position:top;
}

.facebookbutton {
	clear: both;
	position:relative;
	display:block;
	height: 66px;
	width: 71px;
	background:url(images/facebook.png) no-repeat;
	background-position:bottom;
	cursor: pointer;
}	
.facebookbutton span.hover{
	position: absolute;
	display: block;
	height: 66px;
	width: 71px;
	background: url(images/facebook.png) no-repeat;
	background-position:top;
}

html,body,div,span,object,h1,h2,h3,h4,h5,h6,p
,pre,a,abbr,acronym,address,big,cite
,code,del,dfn,em,img,ins,kbd,q,samp,small
,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;
vertical-align:baseline;
outline:none;

}

b,i,hr,u,center,menu,layer,s,strike,font,xmp
{
margin:0;
padding:0;
vertical-align:baseline;
outline:none;
font-size:100%;
font-weight:normal;
font-style:normal;
background:transparent;
border:none;
text-decoration:none
}

font{
color:#333;
}

center{
text-align:left
}

body {
	margin:0 auto;
	padding:0px 0px 0px 0px;
	background:#1c1c1c url(images/body2.jpg)  top repeat-x;
	font-family:Myriad, Helvetica, Arial, Verdana,sans-serif;
	color:#999;
	font-size:13px;
	}

.blog{
	background:#1c1c1c url(images/body.png) top repeat-x;
}

.paged{
	background:#1c1c1c url(images/body2.jpg) top repeat-x;
}
	
a {
	color: #ef7e06;
	text-decoration: none;
	}
a:visited {
	color: #ef7e06;
	}
a:hover, a:active {
	color: #d54e21;
	text-decoration: none;
	}

h1,h2, h3, h4, h5, h6 {
	line-height:125%;
	font-weight: bold;
	}

h1 {
	font-size: 26px;
	}	
	
h2 {
	font-size: 21px;
	}
h3 {
	font-size: 19px;
	}
h4 {
	font-size: 17px;
	}
h5 {
	font-size: 15px;
	}
h6 {
	font-size: 13px;
	}


ul {
	list-style: square;
	}


blockquote {
	font-style: italic;
	color: #555;
	background:#000;
	border-left:1px solid #242424;
	border-top:1px solid #242424;
	padding:10px;
	}
blockquote blockquote {
	color: #777;
	}
blockquote em {
	font-style: normal;
	}


pre {
	padding: 9px;
	background: #f9f9f9;
	border: 1px solid #ccc;
	}
code {
	padding: 0 3px;
	background: #eee;
	}
pre code {
	background: transparent;
	}




.clear {
	clear:both;
	}
img.centered  {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	padding: 0px;
	}
	
img.alignnone {
	padding: 5px 5px;
	margin: 0px 0px 10px 0px;
	display: inline;
	background:#E4E4E4;
	border: none;
	}

img.alignright {
	padding: 5px 5px;
	margin: 0px 0px 0px 0px;
	display: inline;
	background:#E4E4E4;

	}

img.alignleft {
	padding: 5px 5px;
	margin: 0px 0px 0px 0px;
	display: inline;
	background:#E4E4E4;

	}
	
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	}

.alignright {
	float: right;
	margin: 0px 0px 10px 10px;
	}

.alignleft {
	float: left;
	margin: 0px 10px 10px 0px;
	}
	
.wp-caption {
	border: 1px solid #fff;
	text-align: center;
	background-color: #E4E4E4;
	padding: 4px 0px 5px 0px;
	color:#555;
	}

.wp-caption img {
	margin: 0px 0px 5px 0px;
	padding: 0px;
	border: 0px;
	
	}

.wp-caption p.wp-caption-text {
	margin: 0px;
	padding: 0px 0px 0px 0px;
	font-size: 11px;
	font-weight: normal;
	line-height: 12px;
	}
	
#casing{
	margin:0px 0px;
}	

#wrapper{
	width:1000px;
	margin:0px auto;
}

#topbar{

	width:1000px;

}
.today{
	float:left;
	margin:10px 0px 10px 20px;
	text-transform:uppercase;
	font-size:11px;
	height:18px;
	line-height:18px;
	padding-left:20px;
	background:url(images/clock.png) no-repeat;
	
}
.feeds{
	float:right;
	margin-right:20px;
	text-transform:uppercase;

}
.feeds ul{
	margin:0px;
	padding:0px;
	
}

.feeds ul li{
	 float:right;
	margin:10px 0px 10px 10px;
 	list-style:none;	
	line-height:18px;
	padding-left:20px;
	background:url(images/feed.png) no-repeat;
	font-size:11px;
}
.feeds a:link, .feeds a:visited{
	color:#4C393A;
}

#header{

	height:110px;
	width:1000px;
	overflow:hidden;

}

.blognames{
	
	width:600px;
	font-family:Myriad, Helvetica, arial, verdana,  sans-serif;
}

h1#blog-title{

	font-size:36px;
	font-weight:normal;
	text-indent:-9999px;
	background:url(images/logo_sarbacane.png) left no-repeat;
}

h1#blog-title a:link,h1#blog-title a:visited {

	color:#ccc;
	text-shadow:1px 1px 1px #000;
	
}
h2#blog-desc{
	font: 16px Myriad, Helvetica, arial, verdana,  sans-serif;
	padding:5px 0px 0px 0px;
	width:600px;
	color:#ffffff;
	padding-left:10px;
	text-shadow:1px 1px 1px #000;
	}



/*Page menu*/

#foxmenucontainer{
	height:50px;
	display:block;
	padding:0px 0 0px 0px;
	font: 12px Verdana,Century gothic,Tahoma,  sans-serif;
	font-weight:normal;
	text-transform:uppercase;

	}
#menu{
	margin: 0px;
	padding: 0px;
	width:1000px;
	height:50px;
	overflow:hidden;
	}
	
#menu ul {
	float: left;
	list-style: none;
	margin: 0px;
	padding: 0px;
	}
	
#menu li {
	float: left;
	list-style: none;
	margin: 0px;
	padding: 0px;
	}
	
#menu li a, #menu li a:link, #menu li a:visited {
	display: block;
	margin: 0px;
	line-height:50px;
	padding:0px 10px;
	color:#999;
	text-shadow:1px 1px 1px #000;
	}

#menu li a:hover, #menu li a:active {
	background:url(images/menua.png) repeat-x ;
	color: #fff;
    margin: 0px;
	text-decoration: none;
	}
	
#menu li li a, #menu li li a:link, #menu li li a:visited {
	background: #6d1817;
	width: 150px;
	color:#ddd;
	font-weight: normal;
	float: none;
	margin: 0px;
	border-bottom: 1px solid #831818;
line-height:30px;
	}
	
#menu li li a:hover, #menu li li a:active {
	background: #611312;
	color: #fff;

	}

#menu li ul {
	z-index: 9999;
	position: absolute;
	left: -999em;
	height: auto;
	width: 170px;
	margin: 0px;
	padding: 0px;
	}

#menu li li { 
	}

#menu li ul a { 
	width: 140px;
	}

#menu li ul a:hover, #menu li ul a:active { 
	}

#menu li ul ul {
	margin: -31px 0 0 170px;
	}

#menu li:hover ul ul, #menu li:hover ul ul ul, 
#menu li.sfhover ul ul, #menu li.sfhover ul ul ul {
	left: -999em;
	}

#menu li:hover ul, #menu li li:hover ul, 
#menu li li li:hover ul, #menu li.sfhover ul, 
#menu li li.sfhover ul, #menu li li li.sfhover ul {
	left: auto;
	}

#menu li:hover, #menu li.sfhover { 
	position: static;
	}

	
	
#catmenucontainer
{

	display: block;
	font: 12px verdana,Century gothic, Arial, sans-serif;
	font-weight: normal;
	height: 36px;
	padding: 0px 0 0px 0px;
	text-transform: uppercase;
}
#catmenu
{
	height: 36px;
	margin: 0px;
	padding: 0px 0px;
}
#catmenu ul
{
	float: left;
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#catmenu li
{
	float: left;
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#catmenu li a, #catmenu li a:link, #catmenu li a:visited
{
	color: #CFCFCF;
	display: block;
	font-weight: normal;
	padding: 10px 10px 10px 10px;
	text-shadow: 1px 1px 1px #373B3F;
}
#catmenu li a:hover, #catmenu li a:active
{
	background: #FFFFFF url(images/catmenua.png) repeat-x;
	color: #4F4F4F;
	display: block;
	text-shadow: 1px 1px 1px #ccc;
}
#catmenu li li a, #catmenu li li a:link, #catmenu li li a:visited
{
	background: #FFFFFF;
	border-bottom: 1px solid #D1D1D1;
	border-right: 1px solid #D1D1D1;
	color: #4F4F4F;
	float: none;
	margin: 0px;
	padding: 7px 10px 7px 10px;
		text-shadow: 1px 1px 1px #ccc;
	width: 130px;
}
#catmenu li li a:hover, #catmenu li li a:active
{
	background: #666;
	color: #fff;
	float: none;
	margin: 0px;
	width: 130px;
	text-shadow: 1px 1px 1px #222;
}
#catmenu li ul
{
	height: auto;
	left: -999em;
	margin: 0px;
	padding: 0px;
	position: absolute;
	width: 170px;
	z-index: 9999;
}
#catmenu li li
{
}
#catmenu li ul a
{
	width: 140px;
}
#catmenu li ul a:hover, #catmenu li ul a:active
{
}
#catmenu li ul ul
{
	margin: -35px 0 0 170px;
}
#catmenu li:hover ul ul, #catmenu li:hover ul ul ul, 
#catmenu li.sfhover1 ul ul, #catmenu li.sfhover1 ul ul ul
{
	left: -999em;
}
#catmenu li:hover ul, #catmenu li li:hover ul, 
#catmenu li li li:hover ul, #catmenu li.sfhover ul, 
#catmenu li li.sfhover1 ul, #catmenu li li li.sfhover1 ul
{
	left: auto;
}
#catmenu li:hover, #catmenu li.sfhover1
{
	position: static;
}

#une {
	width:960px;
	max-height:255px;
	margin-left:10px;
	height:255px;
	padding:15px;
	padding-right:0;
	}
	
#une #une-intro {
	font-size:12px;
	text-transform:uppercase;
	font-weight:bold;
	padding-top:10px;
	letter-spacing:2px;
}
	
#une h2{
		width:620px;
		font-size:22px;
		padding-top:3px;
		padding-bottom:10px;


	}
#une p{
		width:620px;
		font-size:14px;
		line-height:22px;
	}
	
#une img{
	float:right;

}

#une .sociable img{
	margin-left:5px;
}


	
img.postim{
	padding:10px;
	margin: 5px 10px 10px 0px;
	float:left;
	width:200px;


}
	

	
#logo-sarbacane	{

	}

#search-sarbacane	{

	}

	
#search {

	width:275px;
	padding:5px;
	margin:42px 20px 10px 0px;
	background:#151515;
	border:1px solid #363636;

	display:inline;
}
#search form {
	margin: 0px 0px 0px 0px;
	padding: 0;
}

#search fieldset {
	margin: 0;
	padding: 0;
	border: none;
}

#search p {
	margin: 0;
	font-size: 85%;
}

#s {
	width:200px;
	margin:0px 5px 0px 0px;
	padding: 3px 3px 3px 3px;
	border:none;
	font: normal 100% Arial, Helvetica, sans-serif;
	color:#fff;
	float:left;
	border:none;
	background:#151515;
	display:inline;
}
input#searchsubmit{
	float:right;
	display:inline;
	margin:0px 0px 0px 0px;
	height:22px;
	background:#ee7f01;
	color:#fff;
	border:1px solid #ee7f01;
}
	
.post {
	margin: 0px 0px 20px 0px;
	padding:5px;
	height: 100%;
	color:#444;
	background-color:#131313;
	border:1px solid #252525;
	overflow:hidden;
	}

.title{
	margin: 0 0 0;
	padding: 0px 0px 0px 0px;
	color: #ee7f01;
	
}

.title h2 {
	color: #ee7f01;
	margin: 0 10px;
	padding: 10px 0px 10px 0px;
	font-weight:normal;
	font-size:26px;
	font-family: Myriad, Helvetica, Arial, Verdana,sans-serif;	
	}

.title h2 a, .title h2 a:link, .title h2 a:visited  {
	color: #ee7f01;

	}
.title h2 a:hover  {
	color: #d54e21;

	}	
	
.title-meta{

	margin:0px 10px;
	padding:3px 0px;

	text-transform:uppercase;
	color:#000;
	}
.author{
	font-size:9px;
	background:#3d3d3d;
	padding:2px 5px;

}
.clock{
	font-size:9px;
	background:#3d3d3d;
	padding:2px 5px;
	margin-left:10px;
	
}	

	
.com{

	height:20px;
	font-size:11px;
	font-weight:bold;

	margin-left:10px;

	
	background:url(images/comment.png) no-repeat 0px 0px; padding-left:20px;
	background-position: -1px 0px;
	margin-bottom:0;
	padding-bottom:0;

}



.com a:link,
.com a:visited {
	color: #ef7e06;
}
.com a:hover {
	color: #d54e21;
}

.hthumb{
	float:left;
	margin:10px ;
	background:#F3F3F3;
	padding:10px;
	border:1px solid #ddd;
}


.postinfo {
	padding: 4px 5px 10px 10px;
	font-size:13px;
	overflow:auto;
			}
		
.postinfo a {
	
	color:#5A7516;
	font-weight:normal;
	text-decoration:none;
	}
.postcat{
	float:left;
	padding:0px 0 0 20px;
	color:#66851b;
	background:url(images/tag.png);
	background-repeat:no-repeat;

	}	
.postcat a {
	
	color:#5A7516;
	font-weight:normal;
	text-decoration:none;
	}


.postcover a:link,
.postcover a:visited {
	color: #E78701;
	background-color: transparent;
}

.postcover a:hover {
	color: #fff;
	background-color: transparent;
	text-decoration: none;
}

.postcover {
	margin: 0 0;
	padding: 0px 10px;
	line-height:22px;
	color:#c5c4c4;
	}

.postcover p {
		margin: 5px 0px 10px 0px;
	}
.postcover img{
		max-width:625px;
		height:auto;
	}
.postcover ul{
  margin: .4em 0 1em;
  line-height: 150%;
  list-style:square;
}
.postcover ol{
  margin: .4em 0 1em;
  line-height: 150%;
}

.postcover ul li, .postcover ol li{
  list-style-position:outside;
  margin-left: 1.6em;
}

#navigation{
	width:600px;
	padding-left:10px;

}
h2.pagetitle{
	font-size:14px;
	padding:10px 0px;
	font-weight:normal;
	margin-right:10px;
	color:#fff;
	text-align:right;

}	
	
#footer{
	width:100%;
	padding:10px 0px 20px 0px;
	background:#0C0C0C;
	position:relative;
	font-size:10px;
	border-top:1px solid #717171;
	color:#999;
}
#footer a:link, #footer a:visited{
	color:#999;
}
.fleft{

	float:left;
	text-align:left;
	margin:10px 0px 0px 10px;
	line-height:16px;
		width:20%;
}
.fright{

	float:right;
	text-align:right;
	margin:10px 10px 0px 0px;
	line-height:16px;
	width:30%;
}

.fright ul{
	list-style:none;

	
	}


.postad{
	margin:10px;
	float:left;
}

.tweetmeme_button {
	position:absolute;
	margin-left:570px;

	margin-top:-31px;
	z-index:999;
	}
	
#featured{
		margin-top:20px;
		}