/*
	RoZ 2006
	(c) 2004 Roberto Zingales (www.cyboroz.com)
	All Rights Reserved
	Handheld CSS developed by R.Zingales. Thanks to Eric A Meyer, Jeffrey Zeldman, Gianluca Troiani for their books!
*/
/* 
Ricordati di sistemare tutti le precedenze di LINK, visited, hover, focus e active. cazzo agli impaginatori automatici.

*/
/* a img dovrebbe essere una immagine "dentro" un collegamento */ 
/* a img { border: 1px solid #573D2E; padding: 5px; } */


body { background: #817276 top left repeat-x; border: solid; color: #333; font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;  margin: 0;  padding: 0; text-align: left; }
h1 { font-weight:bold; margin: 0; text-align: left; }
h2 { color: #8C0000; font-weight:bold; margin: 0; text-align: left; }
h2#tagline { border: 0; color: #F2EEEC; font-size: 1.2em; margin: 0;  }
h3 { color: #8C0000; font: 1.2em 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif; margin-left: 0; margin-top: 3px; }
h3 a:visited, h3 a, h3 a:hover { color: #8C0000; }
h4 { font-size: 1.1em; font-weight: normal;color:#0033CC; }
img { margin: 0px; padding: 0px; }

.image_inline {display: inline; border: 1px; border-color:#000000;}
.immagine_isolata {display:block; border:1px; border-color:#000000; clear:both;}

ol#comments li p { font-size: 100%; }
p, .feedback {
	font: 102%/102% 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
	text-align: justify;
}
ul.post-meta { list-style: none; }
ul.post-meta span.post-meta-key { font-weight: bold; }
.entrytext { margin-left: 5px; }
.feedback { clear: both; font-size: 90%; margin-right: 5px; text-align: right; }

/* classi per impaginare le fotografie come block */
.fotosx { border: 1px solid #000;
		  display: block; 
		  float: none;
		  margin: 2px 2px 2px 0;
		  padding: 0px; }
.fotodx { border: 1px solid #000;
		  display: block; 
		  float: none;
		  margin:  2px 0 2px 2px;
		  padding: 0px; }
		  		  
.foto { border: 1px solid #000; clear: both; display: block; float: none; margin: 2px; padding: 0px; }

#sidebar { border-left: 0 dashed #eee; padding-left: 0; width:auto; }
#sidebar {position:static;}
#sidebar a { font-size: 1.1em; text-decoration: none; }
#sidebar a:hover { color: #000; text-decoration: underline; }
#sidebar form { margin: 0 0 0 13px; }
#sidebar input#s { background: #eee; color: #000; border: 1px solid #999;  width: 80%; }
#sidebar ul { font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif; font-size: 95%; list-style-type: none; margin-left: 0; padding-left: 0; }
#sidebar ul li h2 { border: 0; font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif; font-weight: normal; letter-spacing: 0.1em; margin-left: 0; padding-left: 0; text-align: left; }
#sidebar ul ul ul.children { font-size: 100%; padding-left: 5px; }

/* i titoli dei menu di destra sono di classe navheading */
.navheading {line-height: 1em ;}
/* segue una classe navbar. */
.navbar { line-height: 1.7em; /*spazio per permettere l'inversione on hover*/ margin: 6px 0 0 1em; padding-left: 1em; }
.navbar a { padding: 0px; }
.navbar a:link, .navbar a:visited { background-color:#FFF; /* evidenzio la voce in hover*/ color: #000; }
.navbar a:hover, .navbar a:active, .navbar a:focus {
	padding: 0px 0 0px 0px;
	background-color:#FF0033 ;
	color: #555;
	 /* mettere percorso relativo al css o meglio assoluto */
	} 

.post { margin: 4px 3px 3px 0; }
.post h2 { font: 100% 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif; letter-spacing: 0.2em; margin: 0 2px 0 3px; padding: 2px 0 3px 0; }
/* classi per nascondere al volo e rimostrare dei layer (da p7) */
.showit { display: block; visibility: visible; }

/* il clearer serve per tappare un baco di IE6 */
#clearer { clear: both; margin: 0; padding: 0; }

#commentform  #comment { width: 90%; }
#commentform #author, #commentform #email, #commentform #url, #commentform textarea { background: #fff; padding: .2em; }
#commentform textarea { width: 80%; }
#commentform, h3#comments, h3#respond { margin-left: 2px; }
#commentlist li { border: 2px solid #BAA99F; margin-bottom: 2px; padding-left: 2px; }
#commentlist li ul { border-left: 1px solid #ddd; font-size: 110%; list-style-type: none; }

/* "content"  la colonna principale che  contiene i contenuti... eheheh*/ 
#content { position:static; padding-top: 2px; width: auto; } 
#contenuti {  width: 100%; position:static; } 
/* far outer  l'elemento figlio diretto di body. dopo c'e' "outer" */ 
#farouter { background: #ffffff; border: 1px solid #3A291F; margin: 0; /* 20px a sin e destra, auto sopra e sotto */ text-align: left; 
/*  ripristino l'allineamento normale che avevo ereditato centrato dal body*/ width: auto; }
#footer { 	background: #ddd; position:static;
			margin: 0px 0px 0px 0px;
			padding: 10px 0px 10px 0px;
			text-align: center;
			font: normal 90%/95% 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
			 }
#footer a:link, a:visited{ color: #666666; }
#footer a:hover, a:active{ color: #cccccc; /* fine di footer2 carino da nautica02 */ }

#footer p {text-align: center; }

#footer2 a:link, a:visited{ color: #b8ce83; }
#footer2 a:hover, a:active{ color: #cccccc; /* fine di footer2 carino da nautica02 */ }



/* intestazione di ogni pagina del sito*/ 
#headermain {
	background-image: none;
	font: normal 100% 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
	height: auto;
	width: auto;
	letter-spacing: 0.2em;
	margin: 1px 1px 0 1px;
	padding: 0 1px 1px 3px;
	position:static;
	
	
}
#headermain h1 { color: #CCCCCC; font-size: 1.4em; margin: 0; padding: 2px; text-align: left; }
#headermain h2{
	color: #000000;
	font: 120% 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
	font-weight: bold;
	letter-spacing: 0.2em;
	margin: 0 2px 2px 0;
	padding: 1px 0 0 0;
	text-align: left;
}

#headermain a { color: #F2EEEC; text-decoration: none; }
#headermain a:hover { text-decoration: underline; }


#hidden, .hideit { display: none; }
#hidden, .showit {display: visible;}

#hmenu { background: #8F656F; margin: 8px; }


#hnav { background: #8F656F; margin: 0; padding: 0; }
#hnav #active { border-left: 1px solid #F2EEEC; }
/* Il codice per una barra di navigazione orizzontale*/
#hnav ul { background-color: #8F656F; color: #F2EEEC; font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif; line-height: normal; margin-left: 0; margin-top: 0; padding-bottom: 0px; padding-left: 0; padding-top: 0px; text-align: left; width: auto; }
#hnav ul li { display: list-item; padding-bottom: 0px; padding-left: 0; padding-right: 0; padding-top: 0px; }
#hnav ul li a { border-right: 0; color: #F2EEEC; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; }
#hnav ul li .primavoce { 
		border-left: 0px; 
		border-right: 0px; 
		color: #F2EEEC; 
		padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; 
		text-decoration: none; }
#hnav .primavoce { 
		border-left: 1px solid #F2EEEC; 
		 } /*RoZ : la classe "primavoce" serve ad impostare la prima voce di un men orizzontale con la sua barra separatrice anche a sinistra */ 

#hnav ul li a:hover { background: #F2EEEC; color: #3A291F; }

#logo { padding-left: 12px; padding-top: 25px; }

#main { padding-left: 35px; }



#outer, #wrap { background: #ffffff; /* sfondo bianco by roz*/; position:static; }
#themeswitcher { font-size: 8px; }

/* la classe printtext serve a stampare qualcosa che non si vuole mostrare a video o sugli altri media*/
.printtext {
display: visible; /* in "produzione" lo devi impostare a "none"*/
}


/*** fine relle regole per un menu a tendina orizzontale
     in css con sottomenu ad 1 livello ***/


/* secondo questo blocco menu del template non serviva a nulla 
e la tizia se lo  dimenticato... provo a toglierlo con un bel commento!!!
#menu { border-left: 1px none #BAA99F; float: right; margin-right: 3px; width: 175px; }
*/