/* CSS Document */

/*   

Theme Name: The Vampire Diaries Italy V1.5

Description: Theme realizzato per il sito The Vampire Diaries Italy

Author: Laura

Version: 1.5
*/



body{

	margin:0;

	padding:0;

	font-family: Trebuchet MS;

	font-size:12px;

	background: #040404 url('images/bg.jpg') repeat-x;

	text-align:center;

	color: #aaac96;

}



a, a:visited{

	color: #733b5b; 

	text-decoration: none; 

	padding-bottom: 3px;

	font-weight:bold; 
} 



a:hover, a:active{

	color: #3b2e32; 

	border-bottom: 0; 

	background: none;

	font-weight:bold;
	}

	

a img{

	border:0

}



ul {

	list-style-type: none;

	margin: 5px 0;

	padding: 0px 0px 0px 20px;

}



li {

	padding: 1px 0px;

}



h1{font:25px normal Georgia, "Times New Roman", Times, serif}

h2{font:1.4em Georgia, "Times New Roman", Times, serif}

h3{font-size:1em;margin-bottom: 0;}

fieldset{margin: 0; padding: 0; border: 0}

pre{width: 500px; overflow-x: scroll;background-color:#DFD7C3;padding: 5px;}

label{display:block; margin: 10px 0 5px 0;}



input, textarea, option, select, button {

	font-family: Verdana, Helvetica;

	font-size: 10px;

	color: #87886c;

	background: #f8f8f2;

	padding: 1px;

	border: 1px solid #e2e3d3;

	-moz-border-radius: 4px;

}

#search input, textarea, option, select, button
{

	font-family: Verdana, Helvetica;

	font-size: 10px;

	color: #ffffff;

	background: #1b1b1b;

	padding: 1px;

	border: 1px solid #411723;

	-moz-border-radius: 4px;

}
.image {  

	margin:2px;

	padding: 5px;

	background: #fff;

	border-right: 1px solid #c6c7af;

	border-bottom: 1px solid #c6c7af;

	-moz-border-radius: 4px;

} 



.image:hover {  

	margin:2px;

	padding: 5px;

	background: #e5e5d5;

	border-right: 1px solid #aaaa8a;

	border-bottom: 1px solid #aaaa8a;

	-moz-border-radius: 4px;

} 


blockquote {

	background-color: #373636;

	-moz-border-radius: 10px;

	-khtml-border-radius: 10px;

	-webkit-border-radius: 10px;

	border-radius: 10px;

	padding-left: 15px;

	padding-right: 15px;

	border-left: 3px solid #411723;

	padding-top: 5px;

	padding-bottom: 5px;
        color: #d7bec5;
}



strong {

	font-family: "Trebuchet MS";

	font-size: 12px;

	line-height: 11px;

	color: #995563;
}

b {

	font-family: "Trebuchet MS";

	font-size: 12px;

	line-height: 11px;

	color: #995563;
}



em {

	font-family: "Trebuchet MS";

	font-size: 12px;

	line-height: 11px;

	color: #8f7573;

	font-weight: bold;

	font-style:italic;

	text-shadow: #3b2b37 1px 1px 1px;

}



i {

	font-family: "Trebuchet MS";

	font-size: 12px;

	line-height: 11px;

	color: #8f7573;

	font-weight: bold;

	font-style:italic;

	text-shadow: #3b2b37 1px 1px 1px;

}



/********************* Pagina ******************/



#container{

	margin: 0 auto; 

	width: 950px; 

	text-align: justify; 

	position: relative;

}



#container #rssfeed{ 

	position: absolute; 

	top: 31px; 

	right: 0; 

	background: url(images/rssfloral.png) no-repeat top left; 

	display: block; 

	width: 32px; 

	height: 32px; 

	text-indent: -9000px; 

	overflow: hidden

}



.navigation{

	margin: 20px 0; 

	height: 27px;

}



.alignleft{float:left; margin: 0 10px 10px 0;}

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

.aligncenter{text-align: center; float:none}

.posted{margin-bottom: 10px;}

.download{display: inline-block; padding: 5px 10px; font:22px Georgia, "Times New Roman", Times, serif; color:#384D92; text-decoration:none; line-height: 32px;border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px}





/* header styles */

#header{

	text-align:left; 

	height: 545px; 

	background: url() no-repeat;

}

/* Navigation Menu */



#nav {

	color: #c5c4af;

	text-align: center;

	font-family: Trebuchet MS;

	font-size: 11px;

	line-height: 22px;

	margin-top: -30px;

}



#nav a{

	color: #c5c4af;

	font-weight: bold;

}



#nav a:hover{

	color: #ffffff;

	font-weight: bold;

}





 /* Latest Pictures */

#pics {

	color: #a68b92;

	text-align: center;

	font-family: Trebuchet MS;

	font-size: 10px;

	margin-top: 10px;

} 



#pics img{

	margin: 2px;

	padding: 4px;

	background: #fff;

	border-right: 1px solid #c4cfdc;

	border-bottom: 1px solid #c4cfdc;

	-moz-border-radius: 3px;

	opacity:0.6;

	filter:alpha(opacity=60);	

} 



#pics img:hover{

	margin: 2px;

	padding: 4px;

	background: #eef2f7;

	border-right: 1px solid #5a7391;

	border-bottom: 1px solid #5a7391;

	-moz-border-radius: 3px;

	opacity:1.0;

	filter:alpha(opacity=100);

} 



 /* -------- Content Structure -------------- */





#header h1{ margin: 30px 0 33px 0; padding: 0; color: white; font-size: 24px; text-align: left}

#header h1 a{color: white; background: none;}

#header h1 span{color: #BF9B8F; font: italic 15px Georgia, "Times New Roman", Times, serif; border: 0; background: none; text-indent: 5px}

#header ul, 

#header ul li{ margin: 0; padding: 0; list-style: none; }

#header ul{height: 48px}

#header ul li{float: left;}

#header ul li.last{float: right;}

#header ul li a{display: block; font: 15px "Times New Roman", Times, serif; padding: 15px 10px; color: #BF9B8F; text-decoration: none; background: none;border-bottom: 1px solid #7D160E;}

#header ul li a:hover{color: #FFFFFF; border-bottom: 1px solid #E62845;}

#header form{float:right; width: 260px; margin-top: 13px; background: url(images/search-input-trans.png) no-repeat top left;}

#header fieldset{margin: 0;padding: 0; border: 0;}

#header form input#s{background: none; border:none; margin: 2px 8px 0 10px; color: #cb8280; width: 150px;}

#header form input#submit{ background:#9F3B3B; border: 1px solid #620b0b; color: #DFA7A7;}



#main{margin: 40px 0 0 0; clear: both;}



/********** Post ****************/



#content img {  

	margin:2px;

	padding: 5px;

	background: #411723;

	border-right: 1px solid #411723;

	border-bottom: 1px solid #411723;

	-moz-border-radius: 4px;

} 



#content img:hover {  

	margin:2px;

	padding: 5px;

	background: #3b2e32;

	border-right: 1px solid #3b2e32;

	border-bottom: 1px solid #3b2e32;

	-moz-border-radius: 4px;

} 



#content{ display: inline; float: left; width: 600px; margin-left: 0;}

#content div.inner div.bottombg{background: transparent url(images/content-bd-bottom.jpg) no-repeat bottom left; padding: 20px 30px 50px 100px;

height: -200px;}

#content div.inner div.bottombg .buffer{

margin-right: 20px; 

overflow-x:hidden; 

margin-left: -65px;}

#content div.inner div.mainbg{position: relative; background: transparent url('images/content-bg-middle.jpg') repeat-y top left; margin-bottom: 10px; padding-top: -20px;}

#content div.inner h1{

background: url('images/content-bg-top.jpg') no-repeat;

color: #3d1923;

text-align: center;

font-family: "Georgia", Trebuchet MS, Tahoma;

font-size: 15pt;

font-weight: bold;

border-bottom: 0px dotted #bcb6b1;

text-shadow: #995563 1px 1px;

font-variant:small-caps;

padding: 45px 0px 65px 0px;

margin: 10px 55px 0px 28px;

width: 600px;

height: 10px;

margin-left: 0px;}

#content div.inner h1 a{color: #3b2e32;border: 0; text-decoration:none;
margin-top: 20px;
}

#content div.inner .comments{position: absolute; top: 10px; right: -15px; background: transparent url(images/comments-trans.png) no-repeat top left; width: 70px; height: 58px; text-align: center; font: 25px Georgia, "Times New Roman", Times, serif; color: #1c3b95; line-height: 60px;}

#content div.inner .comments a{color: #1c3b95; border: 0; text-indent: none;}

#content div.posted{color:#94644a; padding-bottom: 10px;}

#content .postfooter{background:url() repeat-x top left; padding: 5px 0; }

#content .calendar{position: absolute; background:url(images/calendar-trans.png) no-repeat top left; width: 130px; height: 180px; float: left; margin: 0; text-align: left}

#content .calendar small{font: 10px Arial, Helvetica, sans-serif; margin: 20px 0 0 20px; color: white; line-height: 1.5em; text-transform:uppercase;display: block}

#content .calendar strong{font: bold 22px Arial, Helvetica, sans-serif; color: white; margin: 0 0 0 20px; line-height: 0.9em;display: block}

#content .navigation .alignleft{margin-left: 15px}

#content .navigation .alignright{margin-right: 15px}

#content a, #content a:visited{

	color: #733b5b; 

	text-decoration: none; 

	padding-bottom: 3px;
	
	font-weight:bold; 

	text-decoration:underline;

} 



#content a:hover, a:active{

	color: #3b2e32; 

	border-bottom: 0; 

	background: none;

	font-weight:bold;

	text-decoration:underline;

	}



.datebox {
	display: block;
	margin: 10px 15px 0px 33px;
	padding: 0px 0px 0px 0px;
	background-image: url(images/date.png);
	background-repeat: no-repeat;
	height: 55px;
	width: 98px;
	float: left;
        margin-left: 37px;
}

.datebox .day {
	display: block;
	text-align: center;
	color: #aaac96;
	font-family: "Georgia", Trebuchet MS, Tahoma;
	font-size: 13pt;
	margin: 6px 0px 0px 0px;
}

.datebox .year {
	display: block;
	text-align: center;
	color: #8a4758;
	font-family: "Georgia", Trebuchet MS, Tahoma;
	font-size: 11pt;
	margin: 0px 0px 0px 0px;
}



.entry-meta1 {

	color: #1b1b1b;

font-size: 7pt;
	padding: 5px 10px;

	margin: 5px;

	margin-left: 20px;

	text-align: center;

	background-color: #c0a6a6;

	border-right: 1px solid #c8c8ae;

	border-bottom: 1px solid #c8c8ae;

	-moz-border-radius: 5px;

	-khtml-border-radius: 5px;

	-webkit-border-radius: 5px;

}



.entry-meta1 a{

	color: #8a4758;

	text-decoration: none;

}

#home #content .navigation a{color: #E26568}



/************** sidebar ***************/



#sidebar img {  

	margin:2px;

	padding: 5px;

	background: #411723;

	border-right: 1px solid #411723;

	border-bottom: 1px solid #411723;

	-moz-border-radius: 4px;

} 



#sidebar img:hover {  

	margin:2px;

	padding: 5px;

	background: #3b2e32;

	border-right: 1px solid #3b2e32;

	border-bottom: 1px solid #3b2e32;

	-moz-border-radius: 4px;

} 



#sidebar{ color: #e0e0e2;

	padding: 0px 10px 80px 10px;

	font-family: Arial;

	font-size: 11px;

	text-align: justify;

	background: url() repeat-y;

	width: 280px;

	min-height:50px;

	float: left;

	margin-left: 23px;}

	

#sidebar a{background: none}



#sidebar div.main{

	width: 310px; 

	background: transparent url(images/side-bg-middle.jpg); 

	margin-bottom: 20px;

}

	

#sidebar div.middle{

	background:trasparent url() no-repeat top left; 

	padding-top: -15px;
}



	

#sidebar div.bottom{

	background:transparent url(images/side-bg-bottom.jpg) no-repeat bottom left; 

	width: 310px;
height: 450px;

    padding: 50px 20px 35px 20px}



#sidebar h2{ 	

	color: #3d1923;

	text-align: center;

	font-family: "Georgia", Trebuchet MS, Tahoma;

	font-size: 14pt;

	font-style: italic;

	

    text-shadow: #995563 1px 1px;

	padding: 19px 0px 10px 0px;

	background: url('images/side-bg-top.jpg') no-repeat;

	height: 80px;

	margin-top:-50px;

	margin-left: -20px;

	width: 310px;

 }

 

#sidebar ul, #sidebar ul li{

	margin: 0 0 0 0; 

	padding: 0 0 0px 0px; 

	padding-top: -30px; 

	list-style:none; 

	min-height:50px; 

	margin-top: -24px;}

#sidebar ul li{

		min-height:25px;

		padding: 15px 10px 4px 28px;

		background: url(images/bullet.png) no-repeat left;

	}



#sidebar ul{ margin: 0 0 30px 0px; }

#sidebar a{ color: #733b5b;} 

#sidebar a:hover{color: #3b2e32;

text-decoration: underline;}



.textwidget {

	color: #e0e0e2;

	padding: 0px 10px 80px 10px;

	font-family: Arial;

	font-size: 11px;

	text-align: justify;

	background: url() repeat-y;

	width: 280px;

	min-height:50px;

	margin-left: -15px;}



#sidebar .twitter{background: url(images/tweet-bg-trans.png) no-repeat bottom right; min-height: 160px; margin: 0; padding-bottom: 10px;}

#sidebar .twitter li{font: 12px Georgia, "Times New Roman", Times, serif; color:#873333;margin: 0 60px 20px 0;}

#sidebar .twitter li span{font-size: 12px; color: #CF7474}

#sidebar .twitter li:first-child{font-size: 21px; margin: 0 0 20px 0;}

#comments {
color: #e0e0e2;

	padding: 0px 10px 20px 10px;

	font-family: Arial;

	font-size: 11px;

	text-align: justify;

	background: url() repeat-y;

	width: 550px;

	float: left;

	margin-left: 10px;}

#comments ol, 

#comments ol li{margin: 0; padding: 0}

#comments ol li{padding: 20px 30px; margin: 0; background:url(images/line-separator-trans.png) repeat-x bottom left; }

#comments ol li strong{font:18px Georgia, "Times New Roman", Times, serif}

#comments ol li.alt{}

#comments ol li.author{}

#comments ol li.author a{color: black}

#comments img.avatar{float: left; margin: 0 15px 10px 0}

#comments div.comment-body{clear:both; margin: 0 0 0 64px}

#comments h2{margin-left: 30px}

#comments h3, 

#comments form{margin: 10px 0 25px 96px;}




#footer{clear: left;

width: 100%;

color: #9d9a7d;

text-align: center;

padding: 6px 0px 6px 0px;;}

#footer .inner{width: 934px; text-align: left; margin: 0 auto; }

#footer h4{margin-top: 15px; font: italic 15px Georgia, "Times New Roman", Times, serif; color:#F7E880;}

#footer h4 img{vertical-align:text-bottom}

#footer a{color: #9d9a7d; }

#footer a:hover{color: #9d9a7d;}

#footer .lastfm{float: left; width: 650px;}

#footer #lastfmrecords{ height: 200px;}

#footer #lastfmrecords, 

#footer #lastfmrecords li{ margin: 0; padding: 0; list-style-type: none;}

#footer #lastfmrecords li{float: left;}

#footer #lastfmrecords li a{background: none; display: block; width: 66px; height: 66px; margin: 0 20px 20px 0;}

#footer #lastfmrecords li a:hover{border: none;}

#footer #lastfmrecords li a img{border: 2px solid black; width: 64px; height: 64px}

#footer #lastfmrecords li a:hover img{border: 2px solid white;}

#footer .recentcomments{width: 250px; float: right;}

#footer .recentcomments ul, #footer .recentcomments ul li{margin: 0; padding: 0; list-style: none; color:#ccc}

#footer .recentcomments ul a{color: white; background: none; border-bottom: 1px solid #666666}

#footer .recentcomments ul a:hover{background: none; border-bottom: 1px solid white}

#footer .credits{clear: both; padding: 10px 0;}

/* Clear Styles */

.clearboth{clear: both}

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

.clearfix {display: inline-block}

html[xmlns] .clearfix {display: block}

* html .clearfix {height: 1%}