#leftmain { float: left; width: 689px; overflow: hidden; }
#main { width: 690px; margin: 0;}
#showreel { padding: 20px 20px 10px 30px; }

/* SHOW REEL */

#show { position: relative; width: 500px; height: 300px; margin-top: 0px; border: 1px solid #333; padding: 2px;  }
.frame { position: absolute; top: 2px; left: 2px; display: none; }
.frame div { display: none; }
.frame a img { border: none; }
.frame a { color: white; text-decoration: none; }

.frame .title-background { position: absolute; top: 10px; left: 0; width: 500px; height: 50px; background: transparent; }
.frame .title { position: absolute; top: 10px; left: 10px; width: 460px; height: 130px; color: #c40109; margin: 0; padding: 0 5px; font: normal 36pt "Georgia",serif; overflow: hidden; letter-spacing: -2px; line-height: 36pt; }
.frame .title .title-sinistra { padding-right: 180px; text-align: left; }
.frame .title .title-destra { padding-left: 180px; text-align: right; }
.frame .title .title-centro { text-align: center; }
.frame .title a.colore-rosso { color: #c40109; }
.frame .title a.colore-nero { color: #333; }
.frame .title a.colore-bianco { color: white; }

.frame .summary-background { position: absolute; bottom: 0px; left: 0; width: 500px; height: 60px; background: #c40109; opacity: 0.5; filter: alpha(opacity = 50); border-top: 1px solid white; }
.frame .summary { position: absolute; bottom: 0px; left: 10px; width: 500px; height: 55px; color: #c40109; margin: 0; padding: 0 5px; font: normal 16pt "Arial",sans-serif; overflow: hidden; }
.frame .summary a { color: white; }

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

.frame-thumb { position: absolute; left: 520px; top: 0; border: 1px solid #333; height: 57px;  }
.frame-thumb img { width: 92px; height: 55px; border: none; padding: 1px; background: #c40109; }
.frame-thumb .thumb-unselected { opacity: 0.4; filter: alpha(opacity = 40); background: white; }
.frame-thumb a:hover .thumb-unselected { opacity: 1; filter: alpha(opacity = 100); }
.frame-thumb .thumb-selected { opacity: 1; filter: alpha(opacity = 100); }
#thumb-1 { top: -1px; }
#thumb-2 { top: 61px; }
#thumb-3 { top: 123px; }
#thumb-4 { top: 185px; }
#thumb-5 { top: 246px; }


/* RECENSIONI */

.screens { clear: both; position: relative; width: 618px; background: #e8e8e8 url(../img/common/screen-bg.jpg) top left repeat-x; padding-top: 30px; border-top: 1px solid #999;  border-bottom: 1px solid #999; margin-top: 12px; }
.screens h3 { display: none; }

.screen { width: 564px; height: 230px; overflow: hidden; position: relative; margin-left: 27px;}
.screen ul { width: 2000px; position: absolute; left: 0; }
.screen li { display: block; position: relative; list-style: none; float: left; width: 90px; height: 200px; padding: 9px; padding-right: 4px; padding-top: 2px; border: 1px solid #999; margin: 4px; background: white url(../img/common/screen-li-bg.jpg) top left repeat-x; }
.screen li p { font-size: 8pt; }
.screen li a { text-decoration: none; color: #333; }
.screen li a:hover { text-decoration: underline; color: red; }
.screen li p.titolo-titolo { font-weight: bold; }
.screen li img { width: 80px; height: 80px; margin-bottom: 4px; }
.screen li a img { border: 1px solid #ccc; padding: 2px; }
.screen li a:hover img { border-color: red; }
.screen .canale { font: normal 10pt "Arial",sans-serif; text-transform: uppercase; color: #666; margin-bottom: 10px;  }

#screen-selectors { position: absolute; right: 12px; top: 11px; }
#screen-selectors button { border: none; background: url(../img/common/screen-empty.gif); width: 10px; height: 10px; margin: 0 1px; padding: 0 5px; }
#screen-selectors button.selected { background-image: url(../img/common/screen-full.gif); }

#do-screen-left { position: absolute; left: 5px; top: 80px; border: none; background: #ccc url(../img/common/screen-left.gif) top left no-repeat; width: 20px; height: 100px; margin: 0 1px; }
#do-screen-right { position: absolute; right: 5px; top: 80px; border: none; background: #ccc url(../img/common/screen-right.gif) top left no-repeat; width: 20px; height: 100px; margin: 0 1px; }
#do-screen-left:hover { cursor: pointer; background-color: #999; }
#do-screen-right:hover { cursor: pointer; background-color: #999; }

#right .home-articolo-testo { margin-top: 20px; margin-right: 0px; }
#main  .home-articolo-testo { margin: 10px 0px 10px 0; padding-left: 30px; width: 185px; float: left; }
.home-articolo-testo { }
.home-articolo-testo h3 { display: none; }
.home-articolo-testo-blog { border-top: 1px solid #999; background: white url(../img/articoli/blog-boxbg.jpg) top left repeat-x; padding: 40px 10px 10px 10px; }
.home-articolo-testo-news { border-top: 1px solid #999; background: white url(../img/articoli/news-boxbg.jpg) top left repeat-x; padding: 40px 10px 10px 10px; }
.home-articolo-testo-fenomeni { border-top: 1px solid #999; background: white url(../img/articoli/fenomeni-boxbg.jpg) top left repeat-x; padding: 40px 10px 10px 10px; }
.home-articolo-testo-lovehate { border-top: 1px solid #999; background: white url(../img/articoli/lovehate-boxbg.jpg) top left repeat-x; padding: 40px 10px 10px 10px; }
.home-articolo-testo-interviste { border-top: 1px solid #999; background: white url(../img/articoli/interviste-boxbg.jpg) top left repeat-x; padding: 40px 10px 10px 10px; }
.home-articolo-testo-recensioni { border-top: 1px solid #999; background: white url(../img/articoli/recensioni-boxbg.jpg) top left repeat-x; padding: 40px 10px 10px 10px; }
.home-articolo-testo-tempodireazione { border-top: 1px solid #999; background: white url(../img/articoli/tempodireazione-boxbg.jpg) top left repeat-x; padding: 40px 10px 10px 10px; }

.home-box-lista { border-top: 1px solid #999; background: white url(../img/articoli/archivio-boxbg.jpg) top left repeat-x; padding: 40px 10px 10px 10px; }

#right .home-lista { margin-top: 20px; margin-right: 0px; }
#main  .home-lista { margin: 10px 0px 10px 0; padding-left: 30px; width: 185px; float: left; }
.home-lista { }
.home-lista h3 { display: none; }
.home-lista a img.thumb { width: 80px; height: 80px; padding: 2px; border: 1px solid #ccc; }
.home-lista p.img { margin: 10px 0 3px 0; }
.home-lista .art { margin-bottom: 10px; }
.home-box-lista { height: 200px; overflow: hidden; }