/* Theme Name: Studioforward Theme URI: Description: Theme designed for STUDIOFORWARD Version: 1.1 Author: Marcello Costa - Marco Licata Author URI: http://www.da72a300.it Tags: */ html,body{ margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal;} #wrapper { margin:0px; padding:0px; height:100%;} #main{ width:1071px; min-height:686px; margin:0px; padding:0px; display:block; clear:both; background: url(img/bg_page_new.png) top left no-repeat ; z-index:1000;} /*#main.nologo{background: url(img/bg_mainlogo.jpg) top left no-repeat;}*/ #main.nologo{background: url(img/bg_page_nologo.png)top left no-repeat;} /*#mainheader,#maincont,#mainfooter{display:block; clear:both; width:960px; margin:0px; padding:0px; }*/ #left,#cont{ float:left;} #left {height: 654px;} a img{ border:none;} #cont{ margin:0px; padding:0px 0px 20px 0px;} #footer { width:100px; background-color:#FFF; padding:2px; } #footer h3 { margin:0px; padding:0px; font-size:9px; } #footer a{ font-size:9px; color:#2c2c2c; text-decoration:underline;} #footer a:hover{ color:#d60027;} #news-show { padding:149px 0px 0px 0px; } #news-show ul { display:inline; margin:0px; padding:0px;} #news-show ul li { display:inline; } #news-show ul li a{ background:#d60027; padding:2px; text-transform:uppercase; text-decoration:none; color:#fff; font-weight:bold; font-size:12px; } #news-show ul li a:hover { color:#fff; background:#000;} #nav{ margin:0px; padding:151px 0px 0px 127px; list-style:none; display:block; } #nav li{ height:36px; width:206px; display:block; margin:0px; padding:0px; clear:both;} #nav li a{ height:36px; width:206px; display:block; margin:0px; padding:0px; clear:both;} #nav li a.about:hover,#nav #about:hover { background:url(img/about.png) -2px 0px no-repeat; display:block; margin:0px; padding:0px; margin:0px; padding:0px; clear:both; height:36px; width:206px; } #nav li a.works:hover,#nav #works:hover { background:url(img/works.png) -2px 0px no-repeat; display:block; margin:0px; padding:0px; clear:both; height:36px; width:206px; } #nav li a.clients:hover,#nav #clients:hover { background:url(img/clients.png) -2px 0px no-repeat; display:block; margin:0px; padding:0px; clear:both; height:36px; width:206px; } #nav li a.research:hover,#nav #research:hover { background:url(img/research.png) -2px 0px no-repeat; display:block; margin:0px; padding:0px; clear:both; height:36px; width:206px; } #nav li a.press:hover,#nav #press:hover { background:url(img/press.png) -2px 0px no-repeat; display:block; margin:0px; padding:0px; clear:both; height:36px; width:206px; } #nav li a.market:hover,#nav #market:hover { background:url(img/market.png) -2px 0px no-repeat; display:block; margin:0px; padding:0px; clear:both; height:36px; width:206px; } #nav li a.contact:hover,#nav #contact:hover { background:url(img/contact.png) -2px 0px no-repeat; display:block; margin:0px; padding:0px; clear:both; height:36px; width:206px; } #nav li a img{ border:none;} /*#nav{ margin:0px; padding:151px 0px 0px 127px; list-style:none; display:block; } #nav li{ height:36px; display:block; width:200px; margin:0px; padding:0px; clear:both;} #nav li a{ height:36px; display:block; width:200px; margin:0px; padding:0px; clear:both;} #nav li a.about:hover,#nav #about:hover { background:url(img/about.jpg) top left no-repeat; display:block;width:200px; margin:0px; padding:0px; margin:0px; padding:0px; clear:both; height:36px; } #nav li a.works:hover,#nav #works:hover { background:url(img/works.jpg) top left no-repeat; display:block;width:200px; margin:0px; padding:0px; clear:both; height:36px; } #nav li a.clients:hover,#nav #clients:hover { background:url(img/clients.jpg) top left no-repeat; display:block;width:200px; margin:0px; padding:0px; clear:both; height:36px; } #nav li a.research:hover,#nav #research:hover { background:url(img/research.jpg) top left no-repeat; display:block;width:200px; margin:0px; padding:0px; clear:both; height:36px; } #nav li a.press:hover,#nav #press:hover { background:url(img/press.jpg) top left no-repeat; display:block;width:200px; margin:0px; padding:0px; clear:both; height:36px; } #nav li a.market:hover,#nav #market:hover { background:url(img/market.jpg) top left no-repeat; display:block;width:200px; margin:0px; padding:0px; clear:both; height:36px; } #nav li a.contact:hover,#nav #contact:hover { background:url(img/contact.jpg) top left no-repeat; display:block;width:200px; margin:0px; padding:0px; clear:both; height:36px; } #nav li a img{ border:none;} */ #header ol{ margin:10px 0px 0px 10px; padding:0px; list-style:none; float:right;} #header ol li{ height:15px; display:block; float:left;} #header ol li a{ height:15px; display:block;} #header ol li a:hover{ display:block;} #header ol li a img{ border:none;} #header{ display:block; clear:both; width:600px; margin:0px; padding:0px;} #header ul{ margin:0px; padding:0px 0px 0px 30px; list-style:none; width:470px; display:block; float:left;} #header ul li{ height:15px; display:inline; float:left; margin:0px; padding:0px;} #header ul li a{ display:block; color:#000; text-decoration:none; text-transform:uppercase; margin:0px; padding:0px 5px; border-right:1px solid #b8b8b8; font-size:10px; font-weight:normal;} #header ul li a:hover{ display:block; color:#B91A21; text-decoration:none; text-transform:uppercase; margin:0px; padding:0px 5px; border-right:1px solid #b8b8b8; font-size:10px; font-weight:normal;} #header ul li a img{ border:none;} #header ul li.categoria { width:500px; height:40px; color:#fff; font-weight:bold; text-transform:uppercase; font-size:40px; padding:0px 0px; margin:65px 0px 0px 0px; line-height:1.5; display:block; /*background: #DDDDDD;*/ float:left;} #header ul li.categoria a{ color:#fff; font-weight:bold; text-transform:uppercase; font-size:10px; padding:0px 5px; margin:0px 10px 0px 0px; background:#B91A21; line-height:1.5;display:inline;} #header ul li.categoria a:hover { color:#fff; font-weight:bold; text-transform:uppercase; font-size:10px; padding:0px 5px; margin:0px 10px 0px 0px; background:#B91A21; line-height:1.5;display:inline;} #header ul li.corrente {height:15px; color:#B91A21; font-weight:bold; text-transform:uppercase; font-size:10px; margin:0px; padding:0px 5px; border-right:1px solid #b8b8b8; margin:0px; display:inline;} #suckerfishnav { background:#FFFFFF repeat-x; font-size:10px; font-weight:bold; width:100%; } #suckerfishnav, #suckerfishnav ul { float:left; list-style:none; line-height:12px; padding:0; border:0px solid #aaa; margin:105px 0px 0px 40px; width:350px; height:22px; } #suckerfishnav a { display:block; color:#000000; text-decoration:none; padding:0px 25px 0px 5px; border-right: 1px solid #b8b8b8; } #suckerfishnav li { float:left; padding:0; } #suckerfishnav ul { position:absolute; left:-999em; height:auto; width:101px; font-weight:normal; margin:0; line-height:1; border:0; border-top:1px solid #b8b8b8; } #suckerfishnav li li { width:99px; border-bottom:1px solid #b8b8b8; border-left:1px solid #b8b8b8; border-right:1px solid #b8b8b8; font-weight:normal; text-transform: uppercase; } #suckerfishnav li li a { padding:4px 10px; width:80px; font-size:10px; color:#000000; border:none; } #suckerfishnav li ul ul { margin:-19px 0 0 100px; } #suckerfishnav li li:hover { background:#ffffff; } #suckerfishnav li ul li:hover a, #suckerfishnav li ul li li:hover a, #suckerfishnav li ul li li li:hover a, #suckerfishnav li ul li li li:hover a { background:#B91A21; color:#fff; } #suckerfishnav li:hover a, #suckerfishnav li.sfhover a { color:#B91A21; } #suckerfishnav li:hover li a, #suckerfishnav li li:hover li a, #suckerfishnav li li li:hover li a, #suckerfishnav li li li li:hover li a { color:#000000; } #suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li:hover ul ul ul ul, #suckerfishnav li.sfhover ul ul, #suckerfishnav li.sfhover ul ul ul, #suckerfishnav li.sfhover ul ul ul ul { left:-999em; } #suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul, #suckerfishnav li li li li.sfhover ul { left:auto; background:#FFFFFF; } #suckerfishnav li:hover, #suckerfishnav li.sfhover { background:#ffffff; } span.red{ color:#B91A21;} #logo{ float:right; margin:0px 20px 0px 0px; padding:0px;} #news{ float:left; margin:0px 20px 0px 145px; padding:0px; width: 150px; height: 55px; } #videos{width:600px; display:block; clear:both; margin:0px; padding:30px 0px 0px 30px;} #videos .entrytext{width:600px; display:block; clear:both; margin:0px; padding:0px 0px 0px 0px;} #videos .entrytext dl{ height:160px; width:auto!important; background:#000; margin:0px 3px 3px 0px; padding:0px; float:left; display:inline!important;} #videos .entrytext dl:hover{ height:160px; width:auto!important; background:#B91A21; margin:0px 3px 3px 0px; padding:0px; float:left; display:inline!important;} #videos .entrytext dl dt{ height:90px; margin:10px; padding:0px; display:inline!important; float:left; clear:both;} #videos .entrytext dl dt a img{ border:none;} #videos .entrytext dl dt a{ margin:0px; padding:0px;} #videos .entrytext dl dt a:hover{ margin:0px; padding:0px;} #videos .entrytext dl dd{ color:#fff; margin:0px 10px 2px 10px; padding:0px; font-size:9px; text-transform:uppercase; display:inline!important; float:left;clear:both; white-space:nowrap;} #videos ul { list-style: none; width: 350px; height: 250px; margin: 0px; padding: 0px; display:inline;} #videos li { width: 350px; height: 72px; padding: 0px; margin: 2px 0px 0px 0px; display: inline; /*clear: both;*/} #videos li a{ width: 350px; height: 72px; padding: 0px; margin: 0px; display: block; /*clear: both;*/} #videos li a.vid { background: url(img/works_video.jpg) top left no-repeat; margin: 0px; padding:0px; width: 350px; height: 72px;} #videos li a.vid:hover { background: url(img/works_video_hover.jpg) top left no-repeat; margin: 0px; padding:0px; width: 350px; height: 72px;} #videos li a.graph { background: url(img/works_graph.jpg) top left no-repeat; margin: 0px; padding:0px; width: 350px; height: 72px;} #videos li a.graph:hover { background: url(img/works_graph_hover.jpg) top left no-repeat; margin: 0px; padding:0px; width: 350px; height: 72px;} #videos li a.web { background: url(img/works_web.jpg) top left no-repeat; margin: 0px; padding:0px; width: 350px; height: 72px;} #videos li a.web:hover { background: url(img/works_web_hover.jpg) top left no-repeat; margin: 0px; padding:0px; width: 350px; height: 72px;} #videos li a.design { background: url(img/design_web.png) top left no-repeat; margin: 0px; padding:0px; width: 350px; height: 72px;} #videos li a.design:hover { background: url(img/design_web_hover.png) top left no-repeat; margin: 0px; padding:0px; width: 350px; height: 72px;} #video{ border:none; border-right:1px dotted #cecece; border-left:1px dotted #cecece; padding:0px; margin:0px 0px 0px 30px; width:560px; display:block; clear:both;} #video div.entrytext div{ border:none; border-top:1px dotted #cecece; border-bottom:1px dotted #cecece; padding:75px 0px; margin:0px;} #video ul{ margin:15px 0px 20px 20px; padding:0px; display:block; clear:both; list-style:none;} #video ul li{ margin:0px; padding:0px; color:#000; } #video ul li span{ margin:0px; padding:0px; color:#B91A21; } #video p{ display:block; clear:both; padding:0px 20px; margin:0px;} #video p strong{ color:#B91A21;} #video h2 { text-transform:uppercase; padding:20px 20px; margin:0px; border-top:1px dotted #cecece; } #video .entrytext p { border-bottom:1px dotted #cecece; margin:10px 0px; padding:0px 20px 30px 20px;} #video a { text-transform:uppercase; padding:20px 0px; margin:10px 0px 0px 0px; text-decoration:none; color:#000;} #video a:hover { text-transform:uppercase; padding:20px 0px; margin:10px 0px 0px 0px; text-decoration:none; color:#B91A21;} #video small{ color:#fff; font-weight:bold; text-transform:uppercase; font-size:10px; padding:0px 5px; margin:0px 0px 0px 0px; background:#B91A21; line-height:1.5; text-align:right; display:block;} #video small a{ color:#fff; font-weight:bold; text-transform:uppercase; font-size:10px; padding:0px 5px; margin:0px 0px 0px 0px; background:#B91A21; line-height:1.5; text-align:right; display:block;} #video small a:hover{ color:#000; font-weight:bold; text-transform:uppercase; font-size:10px; padding:0px 5px; margin:0px 0px 0px 0px;background:#B91A21; line-height:1.5; text-align:right; display:block;} #video img { float:left; margin:0px; padding:0px 10px 10px 0px;} #articolo{ padding:10px 0px 0px 0px; margin:0px 0px 0px 30px; width:560px; display:block; clear:both; background: #fff; border:1px dotted #cecece;} #articolo.noborder{ border:none; background: transparent;} #articolo div.entrytext div{ border:none; border-top:0px dotted #cecece; border-bottom:1px dotted #cecece; padding:75px 0px; margin:0px; background: transparent;} #articolo ul{ margin:15px 0px 20px 20px; padding:0px; display:block; clear:both; list-style:none;} #articolo ul li{ margin:0px; padding:0px; color:#000; } #articolo ul li span{ margin:0px; padding:0px; color:#B91A21; } #articolo p{ display:block; clear:both; padding:0px 20px; margin:0px; background: transparent; } #articolo p strong{ color:#B91A21;} #articolo h2 { text-transform:uppercase; padding:20px 20px; margin:0px; border-top:0px dotted #cecece; background: #fff; } #articolo div.entrytext p { border-bottom:0px dotted #cecece; margin:10px 0px; padding:0px 20px 0px 20px; } #articolo div.entrytext p a{ text-transform:none;} #articolo div.entrytext div p{ margin:10px 0px; padding:0px; } #articolo a { text-transform:none; padding:0px 0px; margin:0px 0px 0px 0px; text-decoration:none; color:#000;} #articolo a:hover { text-transform:none; padding:0px 0px; margin:0px 0px 0px 0px; text-decoration:none; color:#B91A21;} #articolo small{ color:#fff; font-weight:bold; text-transform:uppercase; font-size:10px; padding:0px 5px; margin:0px 0px 0px 0px; background:#B91A21; line-height:1.5; /*display:block;*/} #articolo small a{ color:#fff; font-weight:bold; text-transform:uppercase; font-size:10px; padding:0px 5px; margin:0px 0px 0px 0px; background:#B91A21; line-height:1.5; text-align:right; display:block;} #articolo small a:hover{ color:#000; font-weight:bold; text-transform:uppercase; font-size:10px; padding:0px 5px; margin:0px 0px 0px 0px;background:#B91A21; line-height:1.5; text-align:right; display:block;} #articolo img { float:left; margin:0px; padding:0px 10px 10px 0px;} #cassetta{ width:247px; height:206px; margin:220px 0px 0px 360px; padding:0px; z-index:-1000000; border:none;} #cassetta a, #cassetta a:hover, #cassetta a:visited { border:none;} .none { display: none;}