body { background-color: #666; font: normal 10pt "Verdana",sans-serif; margin: 0 20px; color: #000; }
a { color: #c00; text-decoration: underline; }
a:hover { color: red; text-decoration: none; }
u { font-weight: bold; text-decoration: none; color: #633; }
u i, i u { font-weight: bold; font-style: italic; text-decoration: none; }

div.siae { padding: 5px 15px; font: normal 10px "Verdana",sans-serif; border-bottom: 1px solid #999; }

div#header { width: 750px; height: 245px; margin: 0 auto; background: red url(../img/sfondo-testata.jpg) top left no-repeat; }
img#logo-episodio { margin: 15px 20px 0 15px; border: none; float: left; }
p#payoff { margin: 140px 20px 0 0; color: white; }

ul#menu { clear: both; margin: 0 0 0 230px; padding: 0; display: block; list-style: none; }
ul#menu a { color: white; text-decoration: none; }
ul#menu a:hover { color: red; text-decoration: underline; }
ul#menu li { margin: 5px 30px 0 0; display: block; list-style: none; float: left; color: #666; }

div#main  { width: 750px; margin: 0 auto; background: white; border-bottom: 4px solid #c00; }
div.content { width: 520px; float: left; padding-top: 80px; border-right: 1px solid #CCC; }
div.content#home { background: white url(../img/bg-home.jpg) top left no-repeat; padding-top: 40px; }
div.content#istruzioni { background: white url(../img/bg-istruzioni.jpg) top left no-repeat; }
div.content#episodi { background: white url(../img/bg-episodi.jpg) top left no-repeat; }
div.content#autori { background: white url(../img/bg-autori.jpg) top left no-repeat; }

div.content h1  { font: bold 20pt "Arial","Helvetica"; color: #999; margin: 10px 0 5px 0; }
div.content h2  { font: bold 12pt "Arial","Helvetica"; color: #999; margin: 20px 0 5px 0; }
div.content h3 { font: bold 11pt "Arial","Helvetica"; color: #999; margin: 20px 0 5px 0; }
div.content p { margin: 0 0 3px 0; font-size: 12px; }
div.content p.sommario { margin: 10px 0; font-style: italic; }
div.content p.sommario i { font-style: normal; }
div.content p.credits { font-size: 11px; text-align: right; margin-top: 0; color: #666; }
div.content div.precedenti ul { margin: 0; padding: 0 15px; }
div.content div.precedenti li { margin: 0; list-style: square; }
div.content div.precedenti li span.data { font-size: 11px; text-align: right; margin-top: 0; color: #666; }

h1 a, h2 a, h3 a { text-decoration: none; }
h1 a:hover, h2 a:hover, h3 a:hover { text-decoration: underline; }

div#tools { width: 229px; float: left; border-left: 1px solid #CCC; margin-left: -1px; }
div.padder {  padding: 15px; }
div#tools div.padder {  padding-top: 0px; }

div.tools h3 { font: bold 12pt "Arial","Helvetica"; color: #666; margin: 15px 0 5px 0; }
div.tools a { color: red; }
div.tools ul { display: block; list-style: none; margin: 0; padding: 0; }
div.tools li { display: block; list-style: none; margin: 5px 0; padding: 0; font: normal 9pt "Arial","Helvetica"; }
div.tools#frappr { margin-top: 20px; }
div.tools#forum li { padding-left: 8px; background: url(../img/freccina.gif) left top no-repeat; }

div.scheda { float: left; width: 146px; height: 100px; background: url(../img/skep.jpg) top left no-repeat; margin: 0 10px 5px 0; }
div.scheda div.padder {  padding: 10px 5px 3px 10px; }
div.content div.scheda p { font: normal 10px "Verdana"; margin: 0 0 3px 0; }
div.scheda a { font-weight: bold; }

div.info { float: left; width: 320px; font: normal 10pt "Verdana"; }
div.content div.info h2 { margin: 0; font-size: 11pt; }
div.info h3 { font: bold 11pt "Arial","Helvetica"; color: #c00; margin: 0 0 5px 0; }
div.info p { margin: 0 0 3px 0; font-size: 12px; }
div.episodio { padding-bottom: 10px; border-bottom: 1px solid #ccc; margin-bottom: 15px; font-size: 1px; }

div#footer { width: 750px; margin: 0 auto; clear: both; font: normal 10px "Verdana",sans-serif; color: #eee; padding: 5px 0 15px 0; }