/*  

	Author: Giovanni Gentile
	Author URI: http://www.giovanni-gentile.com

	Based on WP Theme 'Personal home page' by Chris Coyier - http://css-tricks.com - http://chriscoyier.net

	Dark red body bg: #56070C
	Light red bg: #CC0000
	
*/


/*  
	RESET
*/

*									{ margin: 0; padding: 0; }
html, body							{ height: 100%; }
body								{ font-size: 62.5%; font-family: Arial, sans-serif; color: #272727; 
									  background: url(../images/body-bg.png) top center repeat-x #56070C; }
ul									{ list-style: none; }
li									{ list-style: none; }
a									{ outline: none; text-decoration: none; }
a img								{ border: none; background: none; }
/*table								{ border-collapse: collapse; }*/

/*	
	UTILITY
*/
.floatLeft 							{ float: left; }
.rel-left 							{ position: relative; float: left; }
.floatRight							{ float: right; }
.clear								{ clear: both; }
.button{
	border: 1px solid #272727;
	background: white;
	padding: 3px 8px; 
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	color: #272727; }
.button:hover{
	background: #000;
	color: white; }
.clean{
	padding: 0;
	margin: 0;
}
a:hover.clean{background: none}
.inattivo{color: #ccc; cursor: default;}

/*	
	STRUTTURA
*/
	
#page-wrap{
	width: 870px;
	margin: 0px auto -220px; /* quest'ultimo valore serve per lo stikieFooter */
	min-height: 100%;
	height: auto !important; height: 100%;
}
#push{	/* serve per lo stikieFooter IMPORTANTE: deve coincidere con l'altezza del footer */
	height: 220px;
}
#center-col{
	width: 870px;
	position: relative;
	float: left;
	/*
	min-height: 100%;
	height: auto !important; height: 100%;
	*/
	margin: 0px auto;
	background: url(../images/centercol-bg.png) repeat-y;
	}
#photostrip{
	margin-top: 29px;
	background-repeat: no-repeat;
	background-image: url(../images/photostrip.png);
	/*
position: relative;
	float: left;
*/
	z-index: 0;
	width: 870px;
	height: 138px;
	}
#main-col{
	width: 540px;
	position: relative;
	float: left;
	margin-left: 30px;
	background-color: white;
	}
.articolo{
	margin: 0 0 35px 0;
	}					
.separatore{
	width: 540px;
	height: 42px;
	margin-bottom: 24px;
	background: white url(../images/separatore.png);
	}
h2.home-thumb{ margin-top: 32px; }
.interruzione{
	width: 540px;
	height: 20px;
	margin: 12px 0 24px 0;
	background: white url(../images/interruzione.png);
	}
	.interruzione_rb{
	width: 500px;
	height: 20px;
	margin: 0 auto;
	background: transparent url(../images/interruzione-rb.png);
	}
	
/*
	TYPGROGRAPHY
*/
p, li{
	font-size: 1.2em;
	line-height: 1.2em;
	margin: 0 0 10px 0;
	}
.articolo p{
	line-height: 1.4em;
	}
	p.lista{
		padding-bottom:8px;
		border-bottom: 1px solid #CCC;
		}
a{
	color: #CC0000;
	}
a:hover{
	background: #CC0000;
	color: white;
	}
.serif{
	font-family: Georgia, serif;
}
h1{
	color: #CC0000;
	font-size: 2.6em;
	font-family: Georgia, serif;
	font-weight: normal;
	margin-bottom: 12px;
	}
	.separatore h1{
			color: white;
			margin: 0;
			padding: 6px 0 0 6px;
			}
	.rb-testa h1{
			color: #999999;
			margin: 0;
			padding: 6px 0 0 6px;
			}
			.rb-testa h1 span{
			font-size: 0.5em;
			padding-left: 24px;
			color: #666;
}
h2{
	color: #CC0000;
	font-size: 2em;
	font-family: Georgia, serif;
	font-weight: normal;
	margin-bottom: 12px;
	}
	#intro h2{ /* Inutilizzato */
		font-weight: normal;
		font-family: Arial, sans-serif;
		font-size: 1.8em;
		color: #CC0000;;
		text-shadow: -1px 1px 2px black;
		}
		/* #intro h2 a{color: #CC0000; text-decoration: none;}
		 #intro h2 a:hover{color: #fff; text-decoration: none; background-color: #666;} */
h3{
	color: #000;
	font-size: 1.8em;
	font-family: Georgia, serif;
	font-weight: normal;
	margin-bottom: 12px;
	}
	h3.flat-h3{ 
	color: #fff;
	background: #999999;
	font-size: 2em;
	font-family: Arial, sans-serif;
	font-weight: normal;
	text-align: center;
	margin: 0 0 10px 0;
	padding-left: 6px;
	}
h4{
	color: white;
	font-size: 2.0em;
	margin-bottom: 15px;
	}
.articolo h4{
	color: #900;
	font-size: 1.8em;
	font-family: Georgia, serif;
	font-weight: normal;
	margin: 0 0 10px 0;
	}
.guest-name{
		margin-right: 6px;
		color: #CC0000;
		font-size: 1.1em;
		font-weight: bold;
	}
ol.note li{
	list-style: decimal inside;
	list-style-position: outside;
	margin-left: 12px;
	font-size: 1.1em;
	}

/*	
	HEADER
*/

#logo{ 
	width: 184px;
	height: 144px;
	background: url(../images/logo.png) top left no-repeat;
	margin: 30px 10px 8px 34px;
	float: left;
	}
#lang-tag{
	width: 190px;
	height: 50px;
	position: relative;
	float: right; /* verificare su IE6 */
	margin-right: 34px;
	background-image: url(../images/lang-tag.png);
}
#main-pic{ /* <-- TOGLIERE */
	float: left;
	margin-right: 10px;
	}
#top-bar{
	width: 870px;
	height: 211px;
	background: url(../images/top-bar.png) bottom left;
	}
#top-bar #lang-tag p{
	text-align: right;
	padding: 24px 28px 36px 30px;
	color: #999;
	}
	#top-bar #lang-tag p a.inattivo{color: #ccc; cursor: default;}
/*	
	MENU
*/
#menu-container{
	width: 870px;
	height: 29px;
	margin: 0;
	position: relative;
	float: left;
	}
.menu{
	margin: 0;
	padding-top: 0;
	padding-bottom: 20px;
	padding-left: 30px;
	}
ul#main-nav{
	width: 100%;
	float: left;
	margin: 5px 0 0 0;
	}
ul#main-nav	li{
	display: inline;
	margin: 0; /* fa collassare il dropdown */
	}
ul#main-nav li a{
	text-transform: uppercase;
	color: white;
	font-size: 1.1em;
	padding: 3px 10px 3px 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	}
	ul#main-nav	li ul{
	height: auto;
	border: 1px solid #980000;
}
	ul#main-nav li li a{ /* ha effetto sul sotto menu */
	height: auto;
	padding: 3 0 3 8px;
	margin: 0;
	background-color: #CC0000;
	text-transform: none;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	}
ul#main-nav li a:hover{
	background: white;
	color: #272727;
	}
	ul#main-nav li a:hover.extended{
	background: none;
	color: #fff;
	}
ul#main-nav li a.inattivo{
	color: #95130a;
	cursor: default;
	}
ul#main-nav li a:hover.inattivo{
	background: none;
	color: #95130a;
	cursor: default;
	}
/*	
	WIDGETS
*/
.widget{ /* RIPULIRE */
	position: relative;
	float: left;
	width: 190px;
	margin: 0 0 15px 58px;
	/*
	background: #f4dfb8;
	border-right: 1px solid #d7b880; 
	border-bottom: 1px solid #d7b880; 	
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	*/
	}
.widget h2{
	color: #000;
	margin-bottom: 10px;
	}
.widget .inside{
	padding: 10px;
	}
.widget ul{ 
	list-style: none;
	/* margin-left: 15px; */
	}
.widget ul li{
	padding-bottom: 6px;
	margin: 0 0 6px 0;
	border-bottom: solid 1px white;
	}
.widget ul li a{
	display: block;
	padding: 2px;
	color: white;
	}
.widget ul li a:hover{
	background: #900;
	color: white;
	}
.widget ul li a.inattivo{
	color: #95130a;
	cursor: default;
	}
.widget ul li a:hover.inattivo{
	background: none;
	color: #95130a;
	cursor: default;
	}


/*	
	SIDEBAR
*/
#linksidebar{
	width: 270px;
	position: relative;
	float: right;
	margin-bottom: 12px;
	}
.sidebar-sep{
	width: 188px;
	height: 20px;
	margin: 0 0 12px 0;
	background: #CC0000 url(../images/sidebar-sep.png);
	}
#searchbar{
	position: relative;
	float: left;
	padding-left: 30px;
	margin-left: 28px;
}
form#searchform{
	margin: 0 0 10px 0;
	float: left;
	}
	.short_textfield{
	width: 128px;
	}
	#searchsubmit{
		cursor:pointer;
		font-size: 1em;
		}

/*	
	FOOTER
*/
#footer{
	height: 220px; /* verificare se l'altezza diversa dal push genera problemi in IE */
	background: #56070C;
	}
#footer-inside{
	width: 870px;
	height: 200px;
	margin: 0 auto;
	background: url(../images/footerbg.png);
	/* padding-top: 20px; */
	}
#footer p							{ color: white; text-align: center;}
#footer-1							{ width: 200px; float: left; margin-right: 20px; margin-left: 30px;}
#footer-2							{ width: 140px; float: left; margin-right: 20px; }
#footer-3							{ width: 180px; float: left; }
#footer-4							{ width: 240px; float: left; }
#footer a							{ color: white; }
#footer ul							{ color: white; padding-left: 10px; border-left: 1px solid #56070C;}
.footer-column{
	padding-top: 30px;
	}
	
	
	
/*	
	SPONSOR
*/

.sponsor{
	display: inline;
	/*
width: 115px;
	height: 65px;
*/
	margin: 0 6px;
}
.sponsor-bttn{
	display: block;
	position: relative;
	float: left;
	width: 270px;
	height: 46px;
	background: white url(../images/sponsor-bttn.png) center no-repeat;
	}
.sponsor-bttn a{
	display: block;
	color: #CC0000;
	font-size: 2.1em;
	font-family: Georgia, serif;
	font-weight: normal;
	padding-top: 12px;
	margin-bottom: 12px;
	}
	.sponsor-bttn a:hover{
	color: #666;
	background: none;
	}
	img.sponsor-bttn-arrow{
	padding:0 0 4px 10px;
	}
ul.quadrato li{
	margin-left: 12px;
	list-style-position: outside;
	list-style-type: disc;
}
/* ======== Rounded box ============= */
.rounded{margin: 0 0 35px 0;}
.rb-testa{
	width: 540px;
	height: 42px;
	padding: 0;
	margin: 0;
	background: white url(../images/rb-testa.png) top;
	}
.rb-corpo{
	width: 540px;
	height: auto;
	padding: 0;
	margin: 0;
	background: transparent url(../images/rb-corpo.png) repeat-y;
	}
.rb-piede{
	width: 540px;
	height: 11px;
	padding: 0;
	margin: 0;
	background: white url(../images/rb-piede.png) bottom;
	}
.rb-row{
	padding: 24px 6px 6px 6px;
	text-align: center;
	}
/* ======== Qscroller ============= */
.Q-scroll-background{
	width:500px;
	height:60px;
	padding-top:28px; /* Attenzione a ie6 <- - - */
	background: url(../images/Qscroll-bg.png) center no-repeat;
}
.hide {
	visibility: hidden;
	position: absolute;
	top: -400px;
}

#qscroller {
	width:500px;
	height:21px;
}

.qslide {
	font-size: 10pt;
	padding: 3px;
}
/*	
	HIGHLIGHTS
*/
.highlights{width: 410px; height: 58px; margin-bottom:34px; position: relative; float: left; }
.high{margin-bottom:45px;}
img.high{position: relative; float: left; margin: 0 30px 0 0;}
img.high-big{position: relative; float: left; margin: 0 30px 20px 0;}
.highPholder{width: 100px; height: 70px; position: relative; float: left; margin-right: 28px; border: 1px solid #CCC;}
/*	
	PRESS GALLERY
*/
a#gallery 			{ display:block; width:230px; height:55px; margin: 0 auto; padding:10px; }
span#gallery 		{ display:block; width:230px; height:55px; margin: 0 auto; padding:10px; }
a:hover#gallery 	{ background: none; border: 1px solid #CC0000; }
.gallery-item		{ width:540px; margin: 0 0 20px 0; position: relative; float: left; border-bottom: 1px solid #CC0000;}
.gallery			{ position: relative; float: left; margin: 2px; }
a.gallery			{ display:block; width:54px; height:54px; margin: 0 12px 12px 0; padding:0; text-align: center;
					  background-color: #999;}
a:hover.gallery		{ background-color: #CC0000; }

/* TABLE */

table 					{ border-collapse:collapse; border-spacing:0; line-height: 1.2em; }
table.accomTable		{ text-align: center; }
th						{ background: #CC0000; color: white; border: 1px solid #CC0000 }
table.accomTable td		{ height: 30px; }
/*tr					{ border: 1px solid #CC0000; }*/