/* Tema creato da Adriano Amalfi */
/* distribuito sotto licenza CC */
/* basato su Stardard dBlog v.2 theme */
/* generated by csscreator.com */ 
html, body{
background-image: url(gfx/bgpattern.jpg);
background-color: #575756;
background-repeat: repeat-x; 
 margin:0; 
 padding:0; 
 text-align:center; 
} 
 
#pagewidth{ 
 width:759px; 
 text-align:left;  
margin-left:auto; 
 margin-right:auto;  
} 
 
#header{
 position:relative; 
 
 height:90px; 
 background-image: url(gfx/bgtopblog.jpg);
 padding-left: 315px;
 padding-top: 91px;
 padding-right: 10px;
} 
 
#twocols{
 width:759px; 
 background-image: url(gfx/mainblogsfondo.jpg);
 float:right; 
 position:relative; 
  }
 
#rightcol{
 width:180px;
 margin: 10px; 
 float:right; 
 position:relative; 
 }
 
#maincol{
 float: left; 
 display:inline; 
 position: relative; 
 width:500px; 
 margin: 15px;
 }
 
#footer{
 height:15px; 
 padding-left: 15px;
 padding-top: 40px;
 padding-right: 50px;
 background-image: url(gfx/footer_blog.jpg);
 clear:both;
 } 
 

 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}

code,.code{
	border: 1px solid #DDD;
	color: #333333;
	font: 10px/1.3em Verdana, Arial, Helvetica, sans-serif; 
	color: #222; 
	text-align: left;
	padding: 10px 10px 10px 45px;
	margin: 1.5em 0px;
	background: #A59B8F;
}	

/* --- generale --- */
body { text-align:center; }
body, p, td, li { font-family:Verdana, Arial, Helvetica, sans-serif; color: #DAD3D3; font-size:9pt; }
a, a:link, a:active {	color: #373535;	text-decoration: none;}
a:hover {	color: #000;	text-decoration: underline;}
a:visited { text-decoration: underline;  }
img { border:0; }


/* --- struttura pagina --- */
#dBlog { border:#cccccc 1px solid; padding:0; border-spacing:0; border-collapse:collapse; }
td.dBlog { padding:10px; vertical-align:top; text-align:left; }
td.dBlogLine { border-top:1px solid #cccccc; }
#mainTable { width:700px; border-spacing:0; border:0; margin:auto; background-color:#ffffff; }
td.mainTable { padding:15px; vertical-align:top; text-align:left; }
#mainHeader { width:680px; border:0; border-spacing:0; padding:0; background-color:#ffffff; }
#mainHeaderLeft { width:440px; padding-right:10px; vertical-align:top; text-align:left; }
#mainHeaderRight { width:200px; padding-left:10px; vertical-align:top; text-align:left; }
#mainHeaderDivider { width:10px; background-color:#dedfde; }
#didascalia { font-size:8pt; }
#didascalia span { font-style:italic; }
#virgoLeft { font-family:georgia,serif; font-style:italic; font-size:42px; }
#virgoIn { font-size:8pt; font-style:italic; }
#virgoRight { font-family:georgia,serif; font-style:italic; font-size:42px; text-align:right; }
#mainContent { width:680px; border:0; border-spacing:0; padding:0; }
#mainContentLeft { width:500px; padding:0; padding-right:5px; vertical-align:top; text-align:left; }
#mainContentRight { width:195px; padding:0; padding-left:5px; vertical-align:top; text-align:left; }
#mainContentDivider { width:5px; background-image:url('gfx/puntini_v.gif'); }
#briciole { margin-bottom:1em; }
#briciole span { font-weight:bold; }
#intro { text-align:justify; }
#intro img { padding: 4px; border: 1px solid #ccc; }
#intro img:hover { border: 1px solid #666; }
#footerLeft { float:left; font-size:8pt; }
#footerRight { float:right; font-size:8pt; }


/* --- elementi --- */
.giustificato { text-align:justify; }
.giustificato img { padding: 4px; border: 1px solid #ccc; }
.giustificato img:hover { border: 1px solid #666; }
.giustificato img .img_no_border {
	border: 0;
	padding: 5px;
}
.centrato { text-align:center; }
.piccolo { font-size: 8pt; }
.right { text-align:right; }
.evidenziato { background-color:#FFFF00; font-style:italic; }
.explain { font-style:italic; }
.divider { width:90%; margin-top:1em; border-top:1px dashed #cccccc; }
.linklog { }
.sopra { margin-bottom:1em; }
.sotto { margin-top:1em; margin-bottom:1em; }
.titolo { margin-bottom:1em; font-weight:bold;  font-size: large;  }
.fleft { float:left; }
.fright { float:right; }
.pagine { text-align:center; }
.pagine span { font-weight:bold; }


/* --- commenti --- */
.compari { margin-top:1em; margin-bottom:1em; background-color:#767573; padding:7px; }
.comdispari { margin-top:1em; margin-bottom:1em; background-color:#989898; padding:7px; }
.comtitolo { }
.comtesto { margin-top:0.5em; margin-bottom:0.5em; padding-left:0.5em; }
.comautore { padding-left:0.5em; font-size:8pt; }
.formcommenti { width:380px; margin:auto; }
.formpopcommenti { width:280px; margin:auto; }


/* --- popup --- */
#mainPopup { width:320px; border-spacing:0; border:0; margin:auto; background-color:#ffffff; }
td.mainPopup { padding:15px; vertical-align:top; text-align:left; }
#popupContent { width:320px; border:0; border-spacing:0; padding:0; }
#popupContentLeft { width:320px; padding:0; padding-right:5px; vertical-align:top; text-align:left; }


/* --- autori.asp --- */
.fotoautore { margin-top:1em; margin-bottom:4em; }
.elencoautori li { margin:0.5em; }


/* --- foto.asp --- */
.foto { padding:7px; margin-top:1em; margin-bottom:4em; text-align:center; background-color:#fbfbfb; }
.elencofoto li { margin:0.5em; }


/* --- sondaggi.asp --- */
.sondaggio { text-align:center; }
.insondaggio { margin:auto; padding:5px; width:280px; text-align:left; background-color:#fbfbfb; }
.sondaggio table { width:280px; }
.sondaggio td { text-align:center; vertical-align:bottom; }
.sondaggio td img { width:10px; }

/* --- stampa.asp --- */
#mainContentPrint { width:680px; padding:0; vertical-align:top; text-align:left; }


/* --- 404.asp --- */
#form404 { text-align:center; }


/* --- moduli --- */
.modulo {  }
.modtitolo { margin-top:0.5em; margin-bottom:1em; text-align:right; }
.modcontenuto {  }
.modcontenuto form { margin:0; }
.feed { text-align:center; font-size:8pt; }
.tempoesec { text-align:center; font-size:8pt; }
.utentionline { text-align:center; font-size:8pt; }
.utentionline span { font-weight:bold; }

.calendario { border-collapse:collapse; border-spacing:0; margin:auto; width:182px; text-align:center;}
.calendario td { width:26px; height:26px; text-align:center; }
.calendario td.wide { width:130px; height:26px; text-align:center; }
.calendario td a { font-weight:bold; }
.calendario .giorni td { font-weight:bold; font-size:8pt; background-color:#989898; }
.calendario .scuro { background-color:#767573; }
.calendario .chiaro { background-color:#989898; }
.calendario .oggi { background-color:#454444; }

/* --- social bookmarks --- */

div.social { text-align:center; }
span.social {  padding:2px; }
span.social img { border:0px; }


/* --- lightbox --- */
#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(gfx/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(gfx/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(gfx/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}	
	