/* USARE QUESTO SCHEMA X AGGIUSTARE IL LAYOUT */
/* SEPARARE FORMA DAI COLORI-TEMA */

/* ----------------------- CONTAINER ----------------------- */
body 
{
	background: 			#CCC url('/images/camerabolle.jpg') fixed top left;		
	margin: 				0.5em;
	padding:				0px;		
	font-family:			Georgia, serif;
	font-family: 			Tahoma, Verdana, Arial, sans-serif;
	font-size:				10pt;
    text-align:				center;			/* centra in IE 5.x */
}

html, body, #container {
	min-height: 			100%;
	width:					100%;
	height:					100%;
}
html>body, html>body #container {	/* trick: IE6 non riconosce '>' e salta la regola */
	height:					auto;
}

#container 
{
	width:					60em;	
    margin-left:			auto;		/* centra negli altri browsers */
    margin-right:			auto;
	padding:				0.5em;
    text-align: 			left;   	/* ripristina l' allineamento */				
	background:				#DDD;		
}

/* ----------------------- HEADER ----------------------- */
#header  
{
	margin:					0 0 0.5em 0;
	border:					solid 1px black;
	background:				#BBB; 
	padding:				0.5em;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */	
} 

/* ----------------------- FOOTER ----------------------- */
#footer
{
	border:					solid 1px black;
	background:				#BBB; 
	margin:					0.5em 0 0 0;
	padding:				0.5em;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */	
	text-align:				center;
} 

/* ----------------------- SINISTRA ----------------------- */
#colonna2
{
	border:					solid 1px black;
	float:					left;
	clear:					right;
	width:					12em;
	background-color:		#F1F1FF;
	text-align:				right;
	padding:				0.5em;
}

/* ----------------------- DESTRA ----------------------- */
#colonna1
{
	border:					solid 1px black;
	float:					right;
	clear:					right;
	width:					12em;
	background-color:		#F1F1FF;
	text-align:				right;	
	padding:				0.5em;
}

#colonna1 h3 
{
	margin:					-0.5em;	
	font-size:				12pt;
	padding: 0 5px 0 5px;
	border-style:none;
	background-color: #333;
	color: #CCC;
}

/* ----------------------- CONTENUTO ----------------------- */
#content
{
	border:					solid 1px black;
	background:				#EEE;
	padding:				0.5em;	
}

/* ----------------------- ARTICOLI ----------------------- */
.features, .news
{
	margin:					0.5em;
	border:					dashed 1px #AAA;
	background:				#FFF;
	padding:				0em;
}

.features h3, .news h3
{
	margin:					0em;
	border:					dashed 1px #AAA;
	background:				#FFF;
	padding:				0.5em;
}

.features img, .news img
{
	float: right;
	clear: none;
}

/* ----------------------------- MENU' --------------------------------- */
#navbar 
{
	margin: 0;
	padding: 0.2em;
	background-color: #808080;
	color: #FF9933;
	font-weight: bold;
}

#global, #breadcrumb, #siteinfo {	
	right:						0;
	font-size: 					12pt;
}

#global ul, #breadcrumb ul, #siteinfo ul {
	list-style: 				none;
	margin: 					5px 0 5px 0;
	padding:					0;
}

#global li, #breadcrumb li, #siteinfo li {
	display: 					inline;
	margin: 					0px;
	padding:					0;	
}

#global a, #breadcrumb a, #siteinfo a {
	border:						solid 1px #DDD;
	padding:					0 5px 0 5px;
	text-decoration:			none;
	color:						#F90;
	background-color:			#999;
}

#global a[href="#"], #breadcrumb a[href="#"], #siteinfo a[href="#"]
{
	background-color: 			#E44;	
	color:						white;		
}

#global a:hover, #breadcrumb a:hover
{
	color: 						#FFF;
	background-color: 			#711515;
}

/* ----------------------------- ELEMENTI --------------------------------- */

#header h1 { 
	width:						400px; 
	height:						49px; 	
	margin:						0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding:					0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */	
	background:					transparent url(/images/andreaerbait-digest.png) no-repeat top left;  
}

#header h1 span {
	display:					none;
}

/* ----------------------------- SPECIFICI --------------------------------- */
.documento
{
	background-color: #FFFFEE;
	font-family: 'Century Gothic';
	font-style: normal;
	font-variant: normal;
	color: #000000;
	letter-spacing: 0.2em;
	text-align: justify;
	padding: 1em;
}

.documento h3, .documento h4
{
	text-transform: uppercase;
}

#sommario
{
	background-color:			#06F;
	font-family: Garamond;
	padding: 0em;
	color: #CCCCCC;
	font-weight: bold;
}

#sommario ul 
{
	background-color:			#F60;
	outline-color:				Fuchsia;
	margin:						0 5em 0 0;
}

/* ------------------- GOOGLE MAPS ------------------------ */
#map_canvas
{	
	width: 45.5em;
 	height: 45em;
}