/*  
Theme Name: Vampire-Diaries-Fr 2010
Theme URI: http://www.vampire-diaries-fr.com
Description: http://www.vampire-diaries-fr.com
Version: 0.0.3
Author: Florian RONZI
Author URI: http://www.alienfx.net
Tags: light, white, fixed-width, two-columns, fixed-width, theme-options
*/

/*************************************
 +Containers
 *************************************/
a {
	color: #5d5137; /*#455d70;*/
	text-decoration:none;
	/*text-shadow:0 1px 0 #d9e5ef;*/
}
a:hover {
	color: #7d7156;
	text-decoration:none;
	/*text-shadow:0 1px 0 #d9e5ef;*/
}

body{
	/*background:#cadae7 url(./images/bg-repeat-01.jpg) repeat-y;*/
	background-color: #292c1b;
	background-image: url(./images/bg-01.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	color:#a1957b;
    font-family:"Lucida Sans", Tahoma;
	font-size:12px;
	line-height:1.5;
	margin:0;
	padding:0;
	text-align:center;
}
#bg {
	
}
#wrap{
	margin:0 auto;
	padding: 0;
	text-align:left;
	width:850px;	
}
#mygallery {
	padding-bottom: 10px;	
}
#content{
	font-size:12px;
	float:left;
	padding: 1em 5px 5px 5px;
	width:500px;
	min-height:700px;

}
#sidebar{
	font-size:12px;
	float:right;
	padding-top:2em;
	width:320px;
}

#header{
	background: transparent url(./images/bg-header.gif) no-repeat;
	background-position: top center;
	padding:0px 0 30px 20px;
	height: 72px;
}
#header a{ 
	color:#88795c;
}
#contenu {
	background:url(./images/bg-contenu.gif);
	background-position: top center;
	height: 100%;
	border-bottom: 3px solid #1d2229;
	padding: 0px 5px 5px 5px;
}

#footer{
	border-top:1px solid #c9c0af;
	color:#998965;
	clear:both;
	font-size:0.9em;
	padding:20px 10px 20px 10px;
}

/*************************************
 +Hn and p
 *************************************/
.clear {clear: both;}

h1, h3{
	font-family: Georgia;
	font-weight:normal;
	letter-spacing: -1px;
	margin:0;

}

h2
{
	font-family: Georgia;
	font-weight:normal;
	letter-spacing: -1px;
	margin:0;
padding:3px 4px 8px 10px;
background:#e2d9c8;
border:1px solid #e2d9c8;
}

h3 { clear: both; }
/*#header h1{
	font-family:Arial;
	font-size:2.8em;
	margin:0;
	padding-left: 0px;
	color: #FFF;
}*/


/*#header p{
	color:#e2d9c8;
	font-size:1.1em;
	margin:0;
	margin-top:-0.5em;
}*/
#header h1 {
	padding-top: 5px;
}

#header h1 a {
	text-decoration:none;
	color:#FFF;
	display:block;
	font-family:'Georgia',Times,Serif;
	letter-spacing:0;
}

#header span {
	color:#FFF;
	border-top:1px solid #ccc;
	text-decoration:none;
	font-size:10px;
	/*float:left;*/
	margin: 0;
	padding:0 3px;
	width: 400px;
}

.entrytitle h2{
	font-size:2.3em;
}
.entrytitle h2 a
{
	color: #88795c; /*#9a8d74;*/
	text-shadow:0 1px 0 #fff;
}
.entrytitle h2 a:hover{
	color:#aca393;
}
.entrytitle h3{
	font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;
	font-size:0.89em;
	color:#627889;
padding-top:10px;
}
#sidebar h3{
	color:#877a5f;
text-shadow:0 1px 0 #ebeff2;
	font-size:1.5em;
	margin:1em 0;
}
/*************************************
 +Entry
 *************************************/
.entry{
	margin-bottom:3em;
}

.entrymeta{
	font-size:0.9em;
}
.postedby{
	padding:3px;
	padding-left:0px;
	color: #a1957b;
}
.filedto{
	padding:3px;
	padding-left:5px;
}
.commentslink{
	padding:3px;
	padding-left:5px;
}
.navigation{
float:right;
}
/*************************************
 +Sidebar
 *************************************/
#sidebar ul{list-style-type:none;margin:0;padding:0;}
#sidebar li {list-style: none; padding-bottom:2px;display: inline;}
#sidebar li a {display: block; padding:2px 0 0 0}


/*#sidebar_top li a {display: block;  padding:10px 2px 1px 35px}
#sidebar_top a { padding: 20px 50px; text-decoration:  none; font-size: 1.5em; color:#b7a886;}
#sidebar_top a:hover {color:#998965;}*/
#sidebar_left {float: left; width: 150px; margin-bottom: 10px; margin-top: 10px; }
#sidebar_right {float: left; width: 150px; margin-bottom: 10px; margin-top: 10px; }
/*#sidebar_top a {background: url(images/bullet.gif) no-repeat 15px 20px;}*/



/*************************************
 +About
 *************************************/

#about{
	width:310px;
	height: auto;
	padding: 5px 0 5px 0;
	margin-bottom: 10px;
	/*margin-right: 5px;*/
	border-bottom: 3px solid #e5e1d9;
	border-top: 3px solid #e5e1d9;
}

#about a{
	color: #A62F03;
}

#about div.text{
	padding: 5px 5px ;

	font-size: 12px;
	line-height: 20px;
	color: #555;
	margin:0px 0px;
}

#about img.avatar{
	float: left;
	margin: 0px 10px 10px 0;
	padding:5px 5px;
	border:1px solid #e5e1d9;
	width: 75px;
	height: 75px;
}
/*************************************
 +Comments
 *************************************/
.commentsblock{
	margin:0.5em;
	padding:1em;

}
.commentsblock textarea{
	width:35em;
}
.commentsblock input, .commentsblock textarea{
	border:1px solid #d1d1d1;
}
.commentsblock textarea:focus{
	background:#eee;
	border:1px solid #a1a1a1;
}
.commentsblock textarea:focus, .commentsblock input:focus{
	background:#eee;
	border:1px solid #a1a1a1;
}
.commentauthor{
	display:block;
	font-size:1.5em;
}
ol.commentlist{
	color:#777;
	font-size:0.9em;
	list-style-type:none;
	margin:0;
	margin-top:1.5em;
	padding:0;
}
.commentlist li{
	margin-bottom:0.5em;
	padding:0.5em 1em;
}
.alt{
	background:#f3f5e9;
	border:1px dotted #d1d1d1;
	padding:0.5em;
}
h3#comments{
font-size:1.6em;
}


/*************************************
 +Search
 *************************************/

.searchform {
	margin:0 0 20px 0;
}

#searchform{
border:1px solid #e5e1d9;
}

fieldset{
border:0px;	
margin:0px;	
padding:3px 0 0px 0;
}
#search{border:none;}
.search{border:0px;}
#srcinput {
	font-size:12px;
	width:240px;	
	margin: 1px 0px;	
	border: 1px;	
	background:#f7f5d9;	
	padding: 2px;	
	border-color:#c6c394;	
	border-style:solid;
}
#srcbutton{
	font-size:12px;
	margin: auto 0px;	
	border-width:1px;	
	background:#f7f5d9;	
	padding: 1px 8px;	
	border:solid 1px #c6c394;
}

.srcform{
border:no;}
.srcinput {
	font-size:9px;
	width:140px;	
	margin: 1px 0px;	
	border: 1px;	
	background:#eeeeee;	
	padding: 2px;	
	border-color:#eeeeee;	
	border-style:solid;
}
.srcbutton{
	font-size:9px;
	margin: auto 0px;	
	border:1px solid #FFFFFF;	
	background: #f2f2f2;	
	padding: 1px 2px;	
	
}


/*************************************
 +ads
 *************************************/

#ads{
	margin: 0px 0 0 0;
	padding: 0px;
	width:320px;
	float:right;
	
}



#ads a, #ads img, #ads img a{
border:none;
padding: 2px;
margin:2px;

}

.ads ul {
   	 margin: 0px 0px;
	 padding: 0px 9px;
	 overflow: auto;
	 list-style:none;
}
	 
.ads ul li{
	margin: 0px 0px 0 0;
	padding:13px;
	list-style:none;
	display : block;
	float:left;
}

.ads li a:link, .ads li a:visited {
	text-decoration: none;
padding: 5px;
margin:5px;
}



/*************************************
 +pagination
 *************************************/

.wp-pagenavi a, .wp-pagenavi a:link {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #e5e1d9;
	color: #A62F03;
	background-color: #FFFFFF;	
}
.wp-pagenavi a:visited {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #ccc;
	color: #A62F03;
	background-color: #FFFFFF;	
}
.wp-pagenavi a:hover {	
	border: 1px solid #CC0000;
	color: #CC0000;
	background-color: #FFFFFF;
}
.wp-pagenavi a:active {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #A62F03;
	color: #4A7CAD;
	background-color: #4A7CAD;	
}
.wp-pagenavi span.pages {
	padding: 2px 4px 2px 4px; 
	margin: 2px 2px 2px 2px;
	color: #477925;
	border: 1px solid #477925;
	background-color: #FFFFFF;
}
.wp-pagenavi span.current {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	font-weight: bold;
	border: 1px solid #590202;
	color: #590202;
	background-color: #FFFFFF;
}
.wp-pagenavi span.extend {
	padding: 2px 4px 2px 4px; 
	margin: 2px;	
	border: 1px solid #3366CC;
	color: #000000;
	background-color: #FFFFFF;
}

/*************************************
 +Misc
 *************************************/


pre {
overflow-x: auto; /* Use horizontal scroller if needed; for Firefox 2, not needed in Firefox 3 */
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
 /* width: 99%; */
word-wrap: break-word; /* Internet Explorer 5.5+ */
}

hr {
color:#f2f2f2;}

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

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.thumbnail {float:right; width:106px height: 106px; margin:0px 8px 8px 8px; padding:3px 3px 3px 3px; border: 1px solid #fff;}
.thumbnail img{width:100px; height:100px;}	
.thumbnail img a{border:none;}	

#login {float:right;margin-right:50px;background:#B5C4CF; border:1px solid #DCE3E8;-moz-border-radius:7px; margin-top:-100px; padding:25px 10px 5px;}
#login:hover { margin-top:-95px;}


#social {
float:left;
}

#social a img {

border:none;
}





/*
Plugin Name: Focus WP-stepcarousel
Plugin URI: #
Author: #
Author URI: #
*/

#myslides{

background:#312e29;
width: 850px;
height:165px;

}

.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 810px; /*Width of Carousel Viewer itself*/
height: 285px; /*Height should enough to fit largest content's height*/
margin: 0px 20px 0px 20px;
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0px 0px ; /*margin around each panel*/
width:810px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
background:#9a8d74;
height:285px;
border:none;
}


.stepcarousel .panel p{
text-align: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 5px 5px ; /*margin around each panel*/
}

.stepcarousel .panel h2{
text-align: left; /*leave this value alone*/
/*height:20px;*/
margin: 5px 10px 0px; /*margin around each panel*/
padding-bottom:2px;
font-size: 1.5em;
text-align:left;
font-family: Verdana, Arial, Georgia, century gothic, sans-serif;
}

.stepcarousel .panel img{
float: left; /*leave this value alone*/
background:#000; /*clip content that go outside dimensions of holding panel DIV*/
margin: 5px 20px 5px 5px; /*margin around each panel*/
padding:0px 0px;
border:11px solid #e2d9c8;
}

.slideex{
margin: 10px;
margin-top: 5px;
padding: 15px;
padding-top: 5px;
color:#e2d9c8;}


.single{
	width: 650px;
	margin: 0px 3px 5px 0px;
	padding:0px 0 0 0;
	background:url(images/vanila.jpg);
	color:#222;
	font-family:Arial,Century gothic,verdana, sans-serif;

}


.single h2 {
	margin: 0px 0 0px 0;
	padding: 7px 0px 0px 10px;
	text-align: left;
	font-size: 18px;
	overflow:hidden;
	text-transform: uppercase;
	font-weight:normal;
	}

.single h2 a, .single h2 a:link, .single h2 a:visited  {
	color: #fff;
	overflow:hidden;
	background-color: transparent;
	}
.single h2 a:hover  {
	color: #306074;
	background-color: transparent;
	}

.data{
	margin: 0px 0 0px 0;
	padding: 5px 0px 5px 10px;
	text-align: left;
	font-size: 12px;
	overflow:hidden;
	line-height:14px;
	color:#A06933;
}

	
.sentry a:link,
.sentry a:visited {
	color: #b7a886;
	background-color: transparent;
}

.sentry a:hover {
	color: #fff;
	background-color: transparent;
	text-decoration: none;
}
.sentry{
	margin: 0 0;
	padding: 0px 0px;
}
.sentry p{
	margin: 0px 0;
	padding: 0px 10px;
	font-size:13px;
	color:#668790;

	}
.single img{
	float:left;
	margin: 5px 5px 5px 0px;
	padding: 5px 5px;
	border:1px solid #222;
	background:#0E1829;

}
.cover{
	margin: 0 0;

	}
.spostinfo{
	
	padding:5px 5px 10px 10px;
	margin:5px 0;
}	

.category{
	padding:2px 5px 0px 25px;
	margin:0px 0px;
	background:url(images/cat.png) no-repeat;
}

.category a:link,.category a:visited{
	color:#A06933;

}

/*
*
* NAVIGATION
* 
*/
#nav{
    font-size:1.1em;
	margin-top: 3px;
	margin-left: 0;
	padding-top: 5px;
	padding-left: 0;
}

#nav ul {
	list-style: none;
	line-height: 1;	
}

#nav a, #nav a:hover {
	display: block;
	text-decoration: none;
	border:none;
}

#nav li {
	float: left;
	list-style:none;
	/*border-right:1px solid #a9a9a9;*/
	margin-right: 5px;
	text-align: left;
	background-color: #88795c;
	border-radius: 2px;
	color:#333;
}

#nav a, #nav a:visited {
	display:block;
	font-weight:bold;
	color: #f5f5f4;
	padding:0px 12px;
}

#nav a:hover, #nav a:active, .current_page_item	a, #home .on {
	background:#000;
	text-decoration:none
}	

#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 170px;
	/*border-bottom: 1px solid #a9a9a9;*/
	background-color: #88795c;

	margin: 0;
	padding: 2px 2px 0 2px;
	z-index: 10;
}

#nav li li {
	width: 170px;
	height: 22px;
	line-height: 22px;
	/*border-top: 1px solid #a9a9a9;
	border-right: 1px solid #a9a9a9;
	border-left: 1px solid #a9a9a9;*/
	background: #000;
	margin-bottom: 2px;
	border-radius: 3px;
}


#nav li li a, #nav li li a:visited {
	font-weight:normal;
	font-size:0.9em;
	color:#FFF;
}

#nav li li a:hover, #nav li li a:active {
	background-color: #88795c;
}	

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

a.main:hover
{
    background:none;
}

/*
Plugin Name: WP-Digg Style Paginator
Plugin URI: http://www.mis-algoritmos.com/2007/09/09/wp-digg-style-pagination-plugin-v-10/
Author: Victor De la Rocha
Author URI: http://www.mis-algoritmos.com
*/
/*CSS msdn search style pagination*/
div.pagination {
	font-family:Verdana,Tahoma,Arial,Helvetica,Sans-Serif;
	font-size: 13px;
	text-align:right;
	padding:4px 6px 4px 0;
	/*background-color:#fff;*/
	color:#313031;
}

div.pagination a {
	color:#0030ce;
	text-decoration:none;
	padding:5px 6px 4px 5px;
	margin:0 3px 0 3px;
	border:1px solid #b7d8ee;
}

div.pagination a:hover, div.pagination a:active {
	color:#0066a7;
	border:1px solid #b7d8ee;
	background-color:#e2d9c8;
}
div.pagination span.current {
	padding:5px 6px 4px 5px;
	margin:0 3px 0 3px;
	border:1px solid #b7d8ee;
	font-weight:bold;
	color:#444444;
	background-color:#e2d9c8;
}
div.pagination span.disabled {
	display:none;
}





.widget_membre {
	position: absolute;
	top: -5px;
	left: 50%;
	margin-left: 200px;
	z-index: 10px;
	/*float: right;
	margin: -85px 5px;*/
	width: 220px;
	text-align: right;
	color: #f4f0e8;
	line-height: 14px;
}

.widget_membre a {
	color: #88795c;	
}
.widget_membre a:hover {
	color: #f4f0e8;
}

.widget_membre input.input {
	height: 12px;
	line-height: 10px;
}

.widget_membre input.button-primary {
	width: 40px;
	height: 40px;
	margin-top: -2px;
	cursor: pointer;
}

#facebook {
	width: 250px;
	margin: 5px auto;
}

.advertissement {
	width: 728px;
	margin: 0 auto;
	padding: 10px;
	text-align: center;
}