/*  
Teme Name: seo
Theme URI: http://www.siti-seo.com/
Description: Tema creato per Danilo Chiantia da <a href="http://www.siti-seo.com">Alessandro Politanò</a>.
Version: 1.0
Author: Alessandro Politano
Author URI: http://www.siti-seo.com/
*/

/*=== Setup ===*/

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

body{
background: #eae9e1 url(images/bgr.gif) repeat-x top;
color: #333333;
font: 12px Arial,Tahoma,Verdana,Helvetica,Sans-Serif;
}

a{
color: #0681b5;
text-decoration: none;
outline:none;
}

a:hover{
text-decoration: underline
}

input,select,textarea{
border: #cacaca 1px solid;
font-size: 11px;
padding: 2px;
}

select{
padding: 0
}

li{
list-style: none;
margin-left: 10px;
}

/*=== Layout ===*/

#page{
background: #ffffff;
margin: 0 auto;
width: 946px;
}

#top, #footer{
clear: both;
height: 28px;
margin: 0 auto;
padding: 20px 0 5px;
width: 910px;
}

#page-bot{
background: url(images/page-bot.gif) no-repeat top;
height: 45px;
overflow: hidden;
}

/*========= NAVIGATION LISTS =========*/
/*- Nav1 -*/

.nav1{
float: left;
}

.nav1 li{
float: left;
height: 27px;
}

.nav1 li a{
color: #878787;
display: block;
height: 27px;
text-align: center;
}

.nav1 li.active a, .nav1 li a:hover, .nav1 li.current_page_item a{
color: #ff7800;
text-decoration: none;
height:27px;
}

.nav1  { list-style: none; margin: 0px; padding: 0px;}

.nav1 li { padding: 0px; margin: 0px; display: inline; line-height: 14px; }

.nav1 li a { padding: 0px 0px 0px 9px; background: url(./images/menuleft.gif) no-repeat left top; float: left;}

.nav1 li a span { padding: 4px 9px 9px 0px; display: block; background: url(./images/menuright.gif) no-repeat right top; float: right; }

.nav1 li a span { float: none; color: #003399; }

.nav1 li a:hover span { color: #ffffff; }

.nav1 li a:hover , li.current_page_item a{ background-position: 0% -27px; text-decoration: none;}

.nav1 li a:hover span , li.current_page_item a span{ background-position: 100% -27px; }


/*- Nav2 / Dropdowns-*/

#nav, #nav ul{
padding: 0;
margin: 0;
float:left;
list-style: none;
}

#nav {
padding: 0 0 0 25px;
width:921px;
}

#nav a {
display: block;
}

#nav li {
float: left;
line-height:33px;
padding-left:5px;
padding-right:5px;
margin: 0px;
}

#nav li a:hover {
background: none;
}

#nav li ul {
position: absolute;
width: 15em;
left: -999em;
}

#nav li:hover ul, #nav li.sfhover ul {
left: auto;
z-index:1000;	
}

#nav li ul li {
background: url(images/topmenu-bgr.gif) repeat-x top;
width:15em;
border:1px solid #e5e4de;	
}

/*=== Top Menu ===*/

#topmenu{
background: url(images/topmenu-bgr.gif) repeat-x top;
height: 33px;
margin: 0 0 20px !important;
margin: 0 0 0px;
}

#topmenu li{
background: url(images/topmenu-sep.gif) no-repeat left;
float: left;
line-height: 33px;
}

#topmenu li a{
color: #707070;
display: block;
margin: 0 1px 0 0;
padding: 0 15px;
}

#topmenu li a:hover,#topmenu li.active a{
color: #707070;
text-decoration: none;
}

/*=== Header ===*/

#header{
background: url(images/header-bgr.gif) no-repeat top;
height: 128px;
}

#header .spacer{
color: #a0a09b;
float: right;
font-size: 11px;
padding: 40px 23px 0 0;
text-align: right;
width: 223px;
}

#header .spacer p{
clear: both;
}

/*- Logo -*/

#header h1{
margin-top:23px;
background: url(images/logo.png) no-repeat;
float: left;
text-indent: -9999px;
}



#header h1 a{



	display: block;



	height: 105px;



	width: 512px;



}



#header h1 a:hover{



	text-decoration: none;



}



/*- RSS -*/

#boxrss{
width:370px;
float: right;
margin: 8px 17px 0 0;
}
#rss_p{
float:left;
height:34px;
}
#rss_c{
float:left;
height:34px;
}
#rss_m{
float:right;
height:34px;
}



/*- Search -*/



#search{



	background: url(images/search-bgr.gif) no-repeat;



	height: 32px;



	margin: 0 0 10px;



	width: 223px;



}



#search input{



	background: transparent;



	border: 0;



	color: #a3a192;



	float: left;



	font-size: 12px;



	margin: 8px 0 0 10px;



	width: 180px;



}



#search .btn{



	margin: 5px 0 0;



	padding: 0;



	width: auto;



}







/*=== Columns ===*/



#columns{



	margin: 0 auto;



	width: 900px;



}



#columns h2{



	color: #ff7800;



	font: 20px Georgia, "Times New Roman", Times, serif;



	margin: 0 0 5px;



	/*text-transform: uppercase;*/



}



#columns h2 a{



	color: #ff7800;



}



#columns h3, #columns h4, #columns h5{



	color: #666666;



	font-size: 12px;



	font-weight: normal;



	margin: 0 0 5px;



}



#columns h3{



	font-weight: bold;



	text-transform: none;/*uppercase*/



}



#columns h3, #columns h5{



	background: url(images/ico-star.gif) no-repeat left;



	height: 16px;



	margin: 0 5px 10px;



	padding: 0 0 10px 17px;



}



#centercol h3 {



	margin: 0 0 15px;



}







/*--- Center Column ---*/



#centercol{



	float: left;



	padding: 0 0 20px 15px;



	width: 604px;/*500px*/



}



#centercol p, .box p{



	line-height: 22px;



	padding: 0 0 10px;



}



/*--- Right Column ---*/



#rightcol{



	float: right;



	width: 244px;/*348*/



}



/*--- Sub Columns ---*/



.col1{



	float: left;



	width: 269px;



}



.col2{



	float: left;



	margin: 0 0 0 0;



	padding: 0 5px 0 15px;



	width: 205px;



}



.col3{



	border-left: 1px solid #f2f1e9;



	float: left;



	margin: 0 0 0 10px !important;



	width: 150px;



	padding: 0 0 0 10px !important;



	display: inline;



}



.col4{



	float: left;



	width: 310px;



	margin: 0;



}



.col5{



	float: left;



	margin: 0 0 0 15px;



	width: 495px;



}







.featureditem {



height:220px;



display:none;



margin-left:30px !important;



margin-left:0;



background: #f8f8f4 !important;



height:100%;



width:95%;



}







/*- SideTabs -*/



.idTabs{



	font-size: 12px;



}



.idTabs li{



}



.idTabs li a{



	display: block;



	margin: 0 5px 0 0;



	text-align: left;



}



.idTabs li.last a{



	margin: 0



}



.idTabs li a:hover,



.idTabs .selected{



	color: #FF7800;



	text-decoration: none



}







/*=== Post ===*/



#featcarousel {



	list-style: none !important;



	float:left;



	display:inline;



}







.date-comments{



	border-bottom: 1px solid #cacaca;



	color: #777777;



	font-size: 11px;



	height: 25px;



	line-height: 25px;



	margin: 0 0 10px;



}



#centercol .date-comments p{



	line-height: 25px;



}



.continue-tags{



	background: url(images/grad.gif) repeat-x top;



	clear: both;



	height: 29px;



	line-height: 29px;



	margin: 2px 0 15px;



	padding: 4px 10px;



}



#centercol .continue-tags p{



}



span.comments{



	background: url(images/ico-comments.gif) no-repeat left;



	padding: 0 0 0 20px;



}



span.tags{



	background: url(images/ico-tags.gif) no-repeat left;



	padding: 1px 0 0 20px;



}



a.more{



	background: url(images/ico-arrow.gif) no-repeat left;



	color: #777777;



	font-size: 11px;



	padding: 1px 0 0 20px;



}







/*=== Styling Boxes ===*/



/*- Box -*/



.box{



	background: url(images/box-bgr.gif) repeat-y;



	margin: 0 0 20px;



	width: 900px;



}



.boxbottom { margin:0; }



.box .top,



.box .bot{



	background: url(images/box-top.gif) no-repeat top;



	clear: both;



	height: 20px;



	overflow: hidden;



}



.box .bot{



	background: url(images/box-bot.gif) no-repeat top;



}



.box .spacer{



	height: 1%;



	padding: 0 10px;



}



/*- Box2 -*/



.box2{



	background: url(images/box2-bgr.gif) repeat-y;



	margin: 0 0 15px;



	width: 244px; /*348px*/





}



.box2 .top,



.box2 .bot{



	background: url(images/box2-top.gif) no-repeat top;



	clear: both;



	height: 18px;



	overflow: hidden;



}



.box2 .bot{



	background: url(images/box2-bot.gif) no-repeat top;



	height: 10px;



}



.box2 .nav1{



	float: none;



	padding: 0 0 0 20px;



}	



.box2 .spacer{



	height: 1%;



	padding: 0 10px;



}



.box2 .spacer.white{



	background: #ffffff;



	border: 1px solid #f1f1ed;



	clear: both;



	margin: 0 10px;



	padding: 15px 15px 10px 15px;



}



.box2 .spacer.flickr img{



	background: #ffffff;



	border: 1px solid #f1f1ed;



	margin: 0 9px 5px 7px;



	padding: 8px;



}

.box2 table{



	padding-left:20px;





}



/*- Font Selection -*/



#fonts{



	background: transparent url(images/ico-fonts.png) no-repeat left;



	float: right;



	text-align: right;



	width: 45px;



}



#fonts a{



	color: #878787;



}



#fonts a:hover, #fonts a.active{



	color: #ff7800;



	text-decoration: none;



}







/*- Ads -*/



.ads{



	height: 125px;



	margin: 0 0 10px 4px;



}



.ads img{



	float: left;



	margin: 0 10px 10px 0;



}



.ads img.last{



	margin: 0;



	float:right;



}



/*=== Styling Lists ===*/



/*- Headline List -*/



.headlines{



	margin: 0 0 10px;



}



.headlines em{



	font-size: 11px;



	font-style: normal;



}



.headlines dl{



	border-bottom: 1px solid #cacaca;



	height: 30px;



	line-height: 30px;



}



.headlines dt{



	float: left;



	width: 420px;



}



.headlines dt a{



	color: #ff7800;



	font-weight: bold;



}



.headlines dd{



	float: right;



	font-size: 11px;



	text-align: right;



}



/*- List1 -*/



.list1{



	padding: 0 0 0 5px;



}



.list1 li{



	background: url(images/ico-star.gif) no-repeat left;



	margin: 0 0 5px;



	padding: 0 0 0 5px;



}



.list1 li a{


}



/*- List2 -*/



.list2{



	clear: both;



}



.list2 li{



	background: #ffffff;



	border: 1px solid #f1f1ed;



	margin: 0 0 5px;



	padding: 12px 10px;



}



/*- List3 -*/



.list3{



	padding: 0 0 0 5px;



}



.list3 li{



	background: url(images/ico-list.gif) no-repeat left;



	border-bottom: 1px solid #f1f1ed;



	line-height: 25px;



	padding: 0 0 0 25px;



}



/*=== Footer ===*/



#footer{



	font-size: 11px;



	padding: 10px 0 10px;



}



#footer, #footer a{



	color: #acacac;



}



/*=== Misc. ===*/



.fix{



	clear: both;



	height: 1px;



	margin: 0 0 -1px;



	overflow: hidden;



}



.fl{



	float: left;



}



img.fl{



	margin: 0 12px 5px 0;



}



.fr{



	float: right;



}



.ac{



	text-align: center;



}



.ar{



	text-align: right;



}



.gravatar {



	float:left;



	border: 1px solid #000;



	margin-right: 10px;



}







/*========= VIDEO =========*/







.video{



	float: left;



	height: 220px;



	margin: 0 0px 0 5px;



	width: 270px;



	display: inline;



}







/*========= COMMENTS =========*/







h2.commh2{



	font-size: 1.4em !important;



	padding: 0 0 5px;



	color:#333 !important;



	border-top:1px solid #cacaca;



	padding-top:13px;



}



ol.commentlist{



	margin: 10px 0 20px;



	padding: 0;



	list-style: none;



	font-size: 12px;



	line-height: 20px;



}



ol.commentlist p{



	margin-bottom:10px;



	line-height: 20px;



}



ol.commentlist cite{



	font-style: normal;



	font-weight: bold;



}



ol.commentlist li{



	padding: 20px 10px 10px 10px;



}



ol.commentlist li.alt{



	padding: 10px 10px 0 10px !important;



	background:#F8F8F4;



	border:1px solid #F2F1E9;	



}



input#submit { border:0px; }







/*========= SINGLE POST SPECIFIC =========*/







.singletags {



	margin-top:5px;



	font-weight:bold;



	color:#C0C0C0;



}



.singleh2 {



	font-size:1.8em !important;



	padding-top:5px;



}



.entry { margin-bottom:5px;}



.entry p{



	text-align:left;



	font-size:12px;



	line-height:20px !important;



	}



.entry blockquote { 



	padding: 0px 10px;



	border-left: 2px solid #777777;



	margin: 5px auto 15px auto;



	width:85%;



	color: #777777;



	font-style: italic;



	}



.entry blockquote p {



	font-size:12px;



	padding: 5px 0px;



	margin: 5px 0px;



	line-height: 20px;



	}



.entry img { 



	padding: 2px 2px 2px 2px;



	background:#F8F8F4;



	border: solid 1px #e6e6e6; 



	}



.entry ul, .entry ol {



	margin-bottom:15px;



	font-size:12px;



	line-height:20px;



	}



.entry ul li ul, .entry ol li ol{



	margin-bottom:0px;



	padding-top:3px;



	}



.entry ul li {



	list-style:circle inside !important;



	margin-left:15px;



	padding:3px 0px;



	}



.entry ul li ul li {



	list-style:disc inside !important;



	}



.entry ol li {



	list-style:decimal inside !important;



	font-size:12px;



	padding:3px 0px;



	}



.entry ol li ol li {



	list-style:decimal-leading-zero inside !important;



	}



s



/*========= ARCHIVE SPECIFIC =========*/

#archivebox {
background:#EEE;
padding:10px;
width:455px;
margin-bottom:25px;
}

#archivebox h2 {
font-size:1.5em;
color:#000;
}

#archivebox h2 em{
color:#C0C0C0 !important;
font-style:normal;
}

.archivefeed {
margin-top:5px;
}

.archivefeed a {
background:url(images/ico-arcfeed.gif) center left no-repeat;
padding-left:20px;
color:#000;
font-weight:bold;
}

.arclist{
border-top: 1px solid #c0c0c0;
border-bottom: 1px solid #c0c0c0;
margin: 10px 0 15px;
padding: 10px 0 10px;
width: 230px;
}

.arclist h2{
font-size:1.5em !important;
padding: 0 0 10px 0 !important;
}

.arclist ul li{
padding:0 0 7px 10px;
color:#c0c0c0;
font-size:14px;
font-weight:bold;
}

/*=== Page Navigation (Next / Previous Posts) ===*/

.navigation {

}

.navigation a {
color: #c0c0c0;
font-size: 1.2em;
font-weight: bold;
}

.alignleft{
display:inline;
float:left;
}

.alignright{
display:inline;
float:right;

}