body { margin: 0; background: black url(../img/common/sfondo-body.jpg) 50% top repeat-y; font: normal 11pt "Arial",sans-serif; color: black; }
img { border: none; }
br.clear { clear: both; line-height: 1px; font-size: 1px; }
a { color: #c00; }
a:hover { color: #f00; }
a.more { background: url(../img/common/go.gif) right 50% no-repeat; padding-right: 8px; }
a.back { background: url(../img/common/prev.gif) left 50% no-repeat; padding-left: 12px; }
a.trigger { background: url(../img/common/trigger.gif) right 50% no-repeat; padding-right: 12px; }
a.trigger-open { background-image: url(../img/common/trigger-open.gif); }
button { background: url(../img/common/button.jpg); border: 1px solid #666; color: #333; cursor: pointer; 
	font: bold 9pt "Arial",sans-serif; 	height: 24px; line-height: 24px; padding: 0 10px;
}
button:hover { color: #c00; border-color: #c00; }
p.buttons { position: relative; text-align: right; }

div.back { font-size: 9pt; margin: 10px 0; }
h1 a, h2 a, h3 a, li a, dt a { text-decoration: none; }
h1 a:hover, h2 a:hover, h3 a:hover { text-decoration: underline; }
ul, li, dl, dt, dd { margin: 0; padding: 0; list-style: none; display: block; }
h4 { margin: 20px 0 10px 0; font-size: 11pt; }

#outer { margin: 0; background: url(../img/common/sfondo.jpg) 50% top no-repeat; text-align: center; }
#delosnetwork { font: normal 10px "Arial",sans-serif; color: white; background: black; height: 20px; text-align: center; }
#delosnetwork .service { line-height: 20px; text-align: right; position: absolute; right: 0; }
#delosnetwork .container { width: 990px; line-height: 20px; text-align: left; margin: 0 auto; position: relative}
#delosnetwork img { float: left; }
#delosnetwork a { color: white; text-decoration: none; }
#delosnetwork a:hover { text-decoration: underline; color: red;  }
#header { width: 990px; margin: 20px auto; text-align: left; }
#bottom { text-align: center; background: url(../img/common/sfondo_bottom.jpg) 50% bottom no-repeat; }
#footer { width: 990px; margin: 0 auto; text-align: center; padding: 20px 0 40px 0; }
#footer p { padding: 0 10px; font: normal 11px "Arial",sans-serif; margin: 5px 0; color: #666; margin: 0; }

#main { width: 990px; margin: 0px auto; text-align: left; }

.banner { background: #ccc; overflow: hidden; }
#leaderboard { float: right; width: 728px; height: 90px; }
#right300 { width: 300px; height: 250px; }

#body { width: 520px; float: left; background: white; }
#body .padder { padding: 0 10px; }

#left { width: 170px; float: left; background: white; color: #666; font-size: 9pt; }
#left .padder { padding: 0 10px 0 0; }

#right { width: 300px; float: left; background: #ccc url(../img/common/rightbg.jpg) top left repeat-y; color: #ccc; }
#right .padder { padding: 0; }

h1 { margin: 0; padding: 0; }
h2 { background: url(../img/common/h2.jpg) top left repeat-x; margin: 10px 0; font: bold 11pt "Arial",sans-serif; color: white; padding: 0 10px; line-height: 30px; }
h2 a { color: white; }
h2 a:hover { color: white; text-decoration: underline; }


.news { clear: left; border-bottom: 1px solid #ccc; }
.news img { float: left; margin: 0 10px 5px 0; border: none; }
.news h3  { font: normal 18px "Arial",sans-serif; margin: 5px 0; }
.news p.sommario { font: normal 10pt "Arial",sans-serif; margin: 0; }
.news p.info { font: normal 11px "Arial",sans-serif; margin: 5px 0; }
.news p.dati { font: normal 10pt "Arial",sans-serif; margin: 0; }

.recensioni { clear: left; border-bottom: 1px solid #ccc; }
.recensioni img.thumb { float: right; margin: 0 10px 5px 0; border: none; }
.recensioni h3  { font: normal 18px "Arial",sans-serif; margin: 5px 0; }
.recensioni p.sommario { font: italic 11pt "Arial",sans-serif; margin: 0 0 10px 0; }
.recensioni p.info { font: normal 11px "Arial",sans-serif; margin: 5px 0; color: #666; }
.recensioni p.dati { font: normal 10pt "Arial",sans-serif; margin: 0; padding-left: 10px; text-indent: -10px; }
.recensioni .label { text-transform: uppercase; font-size: 10px; color: #666; }

.news-first { clear: left; border-bottom: 1px solid #ccc; }
.news-first img { float: left; margin: 0 10px 5px 0; border: none; }
.news-first h3  { font: normal 24px "Arial",sans-serif; margin: 15px 0; }
.news-first p.sommario { font: italic 11pt "Arial",sans-serif; margin: 0 0 10px 0; }
.news-first p.abstract { font: normal 10pt "Arial",sans-serif; margin: 0; }
.news-first p.info { font: normal 11px "Arial",sans-serif; margin: 5px 0; color: #666; }

.left-list { clear: left; border-bottom: 1px solid black; }
.left-list h2 { font-size: 12px; }
.left-list img { margin: 0 0 5px 0; border: none; width: 100px; display: block; }
.left-list dt { clear: both; font: normal 10pt "Arial",sans-serif; margin: 5px 0; padding: 0 5px; }
.left-list dd { font: normal 11px "Arial",sans-serif; margin: 5px 0; padding: 0 5px; }
.left-list h4 { font-size: 12px; color: #c00; margin: 0; }
.left-list p { font: normal 11px "Arial",sans-serif; margin: 5px 0; }

#right h2 { margin-top: 0; }
.right-list { clear: left; border-bottom: 1px solid black; }
.right-list img { float: left; margin: 0 5px 5px 0; border: none; width: 50px; }
.right-list dt { clear: both; font: bold 10pt "Arial",sans-serif; margin: 10px 0 5px 0; padding: 0 10px; }
.right-list dd { font: normal 11px "Arial",sans-serif; margin: 5px 0 10px 0; padding: 0 10px 10px 10px; border-bottom: 1px solid white; }

#menu { height: 30px; background: #666 url(../img/common/menu.jpg) top left repeat-x; position: relative; }
#menu li { display: inline; padding: 0 10px; font-size: 10pt; line-height: 30px; }
#menu li a { color: white; }
#menu li a:hover { text-decoration: underline; }
#menu-main { position: absolute; left: 0; font-weight: bold; }
#menu-servizio { position: absolute; right: 0; font-size: 9pt; }

/*paginazione*/
.paginazione {clear:both; font-size: 11px; text-align:right; font-weight:bold; color:#333; margin: 10px 0} 
.paginazione a {color:#c00; padding:2px 4px; border:#FFF 1px solid;}
.paginazione a:hover, .paginazione span {color:#c00; background:#eee; border: #ccc 1px solid; text-decoration:none}
.paginazione span {color:#333; background:#eceae1; border: #ccc 1px solid; padding:2px 4px;}
.paginazione a.prev { background: url(../img/common/prev.gif) 3px 3px no-repeat; padding-left:14px}
.paginazione a.prev:hover { background: #eee url(../img/common/prev.gif) 3px 3px no-repeat; padding-left:14px}
.paginazione a.next { background: url(../img/common/next.gif) 36px 3px no-repeat; padding-right:14px}
.paginazione a.next:hover { background: #eee url(../img/common/next.gif) 36px 3px no-repeat; padding-right:14px}

/*TESTO */
.testo { padding: 5px; font: normal 10pt "Georgia",serif; line-height: 150%; }
.testo p { margin: 0; }
.testo h2 { margin-top: 25px; margin-bottom: 5px; font: normal 14pt "Arial",sans-serif; color: #666; }
.testo h3 { margin-top: 20px; margin-bottom: 5px; font: bold 11pt "Georgia",serif; }
.testo h4 { margin-top: 15px; margin-bottom: 5px; font: italic 10pt "Georgia",serif; }

.clip-html { overflow: hidden; }
.clip-html form { border: 1px solid #ccc; padding: 15px; }
.clip-html form textarea { width: 448px; padding: 4px; font: normal 12px "Courier","Courier New"; }


/* VIDEO */

.video-elemento { width: 110px; margin-right: 10px; float: left; font-size: 9pt; height: 160px; overflow: hidden; }
.video-elemento a { text-decoration: none; }
.video-elemento a img { padding: 1px; border: 1px solid #ccc; margin-bottom: 5px; }
.video-elemento a:hover img { border-color: #f00; }
.video-elemento a span { text-decoration: none; color: #666; }
.video-elemento a:hover span { text-decoration: underline; color: #f00; }
.videotext { clear: left; margin: 10px 0; }
.videotext h3 { font: bold 10pt "Arial",sans-serif; color: #333; margin: 0; margin-bottom: 5px; }
.videotext p { font: bold 11px "Arial",sans-serif; color: #666; margin: 0; }

/* FOTO */

.elenco-gallerie h3 { margin-bottom: 5px; }
.elenco-gallerie p.sommario { margin: 5px 0; font: normal 10pt "Arial",sans-serif; }
.elenco-gallerie p.info { font: normal 9pt "Arial",sans-serif; margin: 5px 0; color: #666; }
.elenco-gallerie p.info img { float: left; margin-right: 10px; }
.elenco-gallerie p.info a img { padding: 1px; border: 1px solid #ccc; margin-bottom: 5px; }
.elenco-gallerie p.info a:hover img { border-color: #f00; }


#teatro { position: relative; margin-bottom: 20px; }
#teatro-navigazione { position: absolute; right: 0px; top: 0px; width: 80px; background: transparent; }
#teatro-navigazione a { position: absolute; width: 40px; height: 30px; overflow: hidden; }
#teatro-navigazione a:hover { height: 70px; background: red; }

#foto-teatro-next { right: 0; top: 0; }
#foto-teatro-prev { left: 0; top: 0; }
.minithumb { width: 40px; height; 40px; }

#galleria a img { padding: 1px; border: 1px solid #ccc; margin-bottom: 5px; }
#galleria a:hover img { border-color: #f00; }



/* VOTI STELLE */
.voto-enc { width: 100px; }
.voto-indicator ul, .voto-indicator li { display: block; list-style: none; margin: 0; padding: 0; text-indent: -2000px;}
.voto-indicator { width: 100px; height: 20px; position: relative; background-position: top left; background-repeat: no-repeat; background-color: transparent; background-image: url(../img/voti/vu0.gif); padding: 0px; } 
.voto-indicator a { position: absolute; top: 0; left: 0; height: 20px; background: transparent; border: none; text-decoration: none; background-repeat: no-repeat; background-position: top left; background-image: none; }
.voto-indicator a.v1 { width: 20px; }
.voto-indicator a.v2 { width: 40px; }
.voto-indicator a.v3 { width: 60px; }
.voto-indicator a.v4 { width: 80px; }
.voto-indicator a.v5 { width: 100px; }
.voto-indicator a.v1:hover { background-image: url(../img/voti/vu1.gif); }
.voto-indicator a.v2:hover { background-image: url(../img/voti/vu2.gif); }
.voto-indicator a.v3:hover { background-image: url(../img/voti/vu3.gif); }
.voto-indicator a.v4:hover { background-image: url(../img/voti/vu4.gif); }
.voto-indicator a.v5:hover { background-image: url(../img/voti/vu5.gif); }

/* VOTI HEROVILLAIN */
.votohv-enc { width: 100px; }
.votohv-indicator ul, .votohv-indicator li { display: block; list-style: none; margin: 0; padding: 0; text-indent: -2000px;}
.votohv-indicator { width: 100px; height: 20px; position: relative; background: url(../img/voti/hvh0.gif) top left no-repeat; padding: 0px; } 
.votohv-indicator a { position: absolute; top: 0; left: 0; height: 20px; background: transparent; border: none; text-decoration: none; background-repeat: no-repeat; background-position: top left; background-image: none; }
.votohv-indicator a.v1 { width: 20px; }
.votohv-indicator a.v2 { width: 40px; }
.votohv-indicator a.v3 { width: 60px; }
.votohv-indicator a.v4 { width: 80px; }
.votohv-indicator a.v5 { width: 100px; }
.votohv-indicator a.v1:hover { background-image: url(../img/voti/hvh1.gif); }
.votohv-indicator a.v2:hover { background-image: url(../img/voti/hvh2.gif); }
.votohv-indicator a.v3:hover { background-image: url(../img/voti/hvh3.gif); }
.votohv-indicator a.v4:hover { background-image: url(../img/voti/hvh4.gif); }
.votohv-indicator a.v5:hover { background-image: url(../img/voti/hvh5.gif); }

#elenco-personaggi { position: relative; } 
form#sort { position: absolute; top: -25px; left: 0; font-size: 9pt; }

/* PERSONAGGIO */

.personaggio { background: url(../img/common/personaggi-lista-bg.jpg) top left repeat-x; margin: 0; margin-bottom: 15px; padding-top: 15px; position: relative; }
.personaggio h3 { margin: 0 0 10px 0; } 
.personaggio .open { position: absolute; right: 0; top: 15px; }
.personaggio .open a { display: block; border: 1px solid #c00; padding: 2px 4px; font-size: 9pt; text-decoration: none; background: white; }
.personaggio .foto { float: left; margin: 0 15px 10px 0; }
.personaggio .foto-grande { float: right; margin: 0 0 10px 15px; }
.personaggio p { font-size: 10pt; margin: 3px 0; }
.personaggio .voto-block { width: 200px; padding: 5px; border: 1px solid #ccc; margin: 10px 10px 10px 0; float: left; }
.personaggio .voto-block h5 { font-size: 11pt; color: #666; margin: 0 0 5px 0; }
.personaggio .voto-block h6 { font-size: 9pt; color: #666; margin: 10px 0 5px 0;  }
.personaggio .voto-block p { font-size: 9pt; color: #666; margin: 5px 0;  }

ul.relazioni li { padding-left: 16px; background: url(../img/common/relation.gif) left 2px no-repeat; margin-top: 3px; }
ul.relazioni li span.relazione { font-size: 9pt; color: #666; font-style: italic; display: block; }

.descrizione h5 { font-size: 9pt; margin: 0; margin-bottom: 5px; color: #333; }
.descrizione p.credits { border-top: 1px solid #ccc; margin-top: 5px; padding-top: 3px; font-size: 11px; color: #999; text-align: right; }


div#jGrowl div.ok {
	background-color: 		black;
	color: 					white;
	font-size:				12px;
}

div#jGrowl div.warning {
	background-color: 		black;
	color: 					yellow;
	font-size:				12px;
	font-weight:			bold;
}

div#jGrowl div.errore {
	background-color: 		#c00;
	color: 					#white;
	font-size:				12px;
	font-weight:			bold;
}

.contribuzione { display: none; border: 1px solid #ccc; padding: 10px; margin: 5px 0; clear: both; }
.contribuzione label { font-size: 9pt; margin: 5px 0 3px 0; color: #666; }
.contribuzione input.titolo { width: 465px; padding: 3px; font-size: 10pt; font-family: "Arial"; color: #666; }
.contribuzione textarea { width: 470px; height: 200px; padding: 3px; font-size: 10pt; font-family: "Arial"; color: #666; }


/* SHOW REEL */

#show { position: relative; width: 500px; height: 300px; margin-top: 10px; }
.frame { position: absolute; top: 0; left: 0; display: none; }
.frame div { display: none; }

.frame a img { border: none; }
.frame .title { position: absolute; top: 10px; left: 10px; width: 480px; color: white; margin: 0; font: normal 20pt "Helvetica","Arial",sans-serif; }
.frame a { color: white; text-decoration: none; }
.frame .title-background { position: absolute; top: 0; left: 0; width: 500px; height: 50px; background-color: black; opacity: 0.5; filter: alpha(opacity = 60); }
.frame .intro-background { position: absolute; bottom: 0; left: 0; width: 500px; height: 66px; background-color: black; opacity: 0.7; filter: alpha(opacity = 75); }
.frame .intro { position: absolute; bottom: 10px; left: 10px; width: 480px; height: 36px; color: white; margin: 0; padding: 10px; font: normal 14pt "Arial",sans-serif; overflow: hidden; }

#frame-0 { display: block; }
#frame-0 div { display: block; }