/* inizio stili per l'overlay */
#banner {
	position:absolute;
	width: 300px;
	height: 250px;
	margin-left:-150px;
	margin-top: -125px;
	left: 50%;
	top: 60%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	border:0px;
	background-color:#FFFF66;
	z-index: 1;
}
#banner a
{
	color:#FFCC00;
	text-decoration:none;
	background-color:#FFFF66;
}
#banner a:hover
{
	color:#FFCC00;
	text-decoration:underline;
	background-color:#FFFF66;
}
#chiudi
{
	position:absolute;
	width: 300px;
	height: 280px; /* deve essere 30px in pił di #banner */
	background-color:#FFFF66;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#000000;
	left: 50%;
	top: 60%;
	margin-left: -150px;
	margin-top: -140px;
	text-align:right;
	z-index: 0;
}
#chiudi a
{
	background-color:#FFFF66;
	font-weight:bold;
	color:#0000FF;
	text-decoration:none;
	text-align:right;
}
#chiudi a:hover
{
	background-color:#FFFFFF;
	font-weight:bold;
	color:#990000;
	text-decoration:none;
	text-align:right;
}
/* fine stili per l'overlay */


html,body{margin:0;padding:0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: small; }
body{text-align:center; background-color: #ffcc66;}
h2{ margin-top: 0px; color: #ff6600; font-size: large; }
h3 { color: #ff6600; font-size: medium; }


div#container{text-align:left;margin:0 auto; background-image: url(/images/template/bg_container.jpg);}
div#content { padding: 0px 8px 0px 6px; }
div#navigation{}
div#extra{}
div#header { background-color: ffcc66; }
div#footer {color: #999; margin:0; text-align: center; background-color: #eaeaea; font-size: x-small; }



div#container{ width:780px }
div#wrapper{ float:left; width:100% }
div#content{ margin: 0 125px }
div#navigation{ float:left; width:125px; margin-left:-780px }
div#extra{ float:left; width:125px; margin-left:-125px }
div#footer{ clear:left; width:100% }


div#footer a { color: #999; text-decoration: underline; }
div#footer a:hover, a:visited { color: #000; text-decoration: none; }
div#categorie a{color:#fff; font-size: x-small; font-weight: bold; text-decoration: none;  }
div#categorie a:hover{color: #ccc; text-decoration: underline}
div#header a, a:hover, a:visited { color: #000; text-decoration: none;}
div#content a { color: #ff0000; text-decoration: underline; font-size: small; }
div#content a:hover, a:visited { color: #0000ff; text-decoration: underline; }




#categorie { background-color: #cd12c6; }
#newsletter { background-color: #fff; }
#spot { background-color: #fff; }

h1#ultimi_giochi { background-image: url(../images/template/template_10.jpg); padding-left: 90px; font-family: Arial, Helvetica, sans-serif; font-size: large; margin-top: 0px; color: #0000FF; letter-spacing: 0px; height: 55px; line-height: 55px; }

h1#piu_giocati { background-image: url(../images/template/template_20.jpg); padding-left: 110px; font-family: Arial, Helvetica, sans-serif; font-size: large; margin-top: 0px; color: #0000FF; letter-spacing: 0px; height: 55px; line-height: 55px; margin-left: 0px; }


.elenco_paginato { /* classe per inserire bordo in basso ad ogni riga di tabella n cui vengono elencati i giochi */
	border-bottom: 1px dotted #369;
}

.shoutbox {
	height: 11px;
	font-size: 9px;
	font-weight: bold;
	color: #000;
	width: 350px;
	border: 1px dotted #ff3300;
	background-color: #ffcc66;
}

.warning {
	width: 96%;
	color: #ff0000;
	font-weight: bold; 
	background-color: #ffff66;
	border: 1px solid #ff0000;
	margin: 1%;
	text-align: center;
}

.newsletter_input {
	border-color: 1px solid #a36;
	width: 110px; height: 12px;
	margin-left: 2px;
	font-size: 9px; font-weight: bold;	
}

.pagine_nav {
	text-align: center;
	border: 1px solid #003399;
	background-color: #ffcc66;
	margin: 1%;
}

/* stili per i commenti sui giochi */
.commento {
	font-size: x-small;
	border-bottom: 1px solid #999;
}
.commento_info {
	font-size: x-small; color: #999;
}