/*  



Nome Tema: bafan-tech



Descrizione: TECH-nology



Version: 1.0 Beta



Autore: Bafan



URL Autore: https://www.bafan.it/



*/



@import url(reset.css);



@import url(rotating-posts.css) ;



body {line-height: 1;font-size:13px; font-family:Arial, Helvetica, Segoe UI, Segoe, Frutiger, "Trebuchet MS", sans-serif; background: #B0E2FF;}



h3 {font-size: 2.2em;letter-spacing:-0.04em;line-height: 1.05em;padding-top: 5px;padding-bottom:5px;}



a {color:#6658A6;text-decoration:none;}



a:hover {text-decoration:underline;}



p{line-height:1.5em; margin-bottom:1.5em;}



#container {width:1000px; margin:0 auto;}



#header {display:block;width:1000px;height:75px;}



#logo {margin-left:14px;margin-top:4px;margin-bottom:0px;}



#links {clear:both;height:30px;width:1000px;background: url(img/menubar.gif) no-repeat;}



#nav {margin-left:10px}



#links li a {padding-right:12px;padding-left:12px;line-height:30px;float:left; color:#4C4C4C;text-decoration:none;border-right:1px solid #B6B6B6}



#links li a:hover, #links li:hover a{color:#fff}



#links li:hover{background:url(img/mbg.jpg) repeat-x;}



#nav li {list-style:none;position:relative;float:left;z-index:2;}



#links #nav li ul {position:absolute;top:30px;left:0px;display:none;z-index:960;width:200px;opacity:.90;background:#4D4D4D;}



#links #nav li:hover ul {display:block;}



#links #nav li ul li {list-style:none;font-size:11px;float:left;clear:both;}



#links #nav li ul li a {color:#ddd;width:180px;line-height:2.5em;text-decoration:none;display:block;border-bottom:1px solid #1A2736;text-indent:0;height:auto;padding-left:10px;padding-right:10px;}



#links #nav li ul li a:hover {color:#fff;background: #222;  background-repeat: no-repeat; background-position: right center;}



#subscribe {float:right;margin-top:8px;margin-right:5px;width:50px;}



#subscribe a {margin-right:5px;height:17px;float:left;}



#subscribe a:hover{background-position:0px -17px;}



#subscribe a#mail {background: url(img/mail.gif) no-repeat;width:24px; display:block}



#subscribe a#rss {background: url(img/rss.gif) no-repeat;width:16px;}



#tooltip{position:absolute;background:#fff;padding:5px 7px;font-size:.8em;display:none;}



#search_box {width: 167px;height: 22px;background: url(img/search.png);float:right;margin-top:5px;margin-right:5px;}



#search_box #s {float: left;padding: 0;margin: 6px 0 0 6px;font-size:11px;border: 0;width: 120px;background: none;}



#search_box #go {float: right;margin: 0;}



#content {clear:both;width:1000px;background: url(img/cbg.jpg) repeat-x #fff;overflow:auto;}







.ui-tabs-hide { display: none; }



#left {float:left;margin-top:15px;width:640px;padding-right:12px;padding-left:15px;border-right: 1px solid #E3E3E3;}



#dleft {float:left;margin-top:5px;width:255px;}



#dright {float:left;margin-top:5px;margin-left:5px;width:380px;margin-bottom:30px;}



.tabv {margin: 0px;padding: 0px;border: 5px solid #bbb;background: url(img/mbg4.jpg) repeat-x #F4F4F6;background-position:left bottom;}



.tabcv {margin: 0px;padding: 5px;border-left: 1px solid #ddd;border-top: 1px solid #ddd;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;}



#dright h2 {margin-bottom:10px}



#sidebar {float:right;width:300px;margin-right:14px;margin-top:23px;clear:right;}



#teaser { padding: 4px 0 0 1px; float: left; position: relative; width: 604px; height: 310px; background: url(img/slideshow.gif) no-repeat 0px 5px; z-index:0;}



#sstitle, h2 {font-family:Times, "Times New Roman", Georgia, serif; font-weight:400;text-transform:uppercase;color:#f00}



#teaser .buttons { float: left; padding: 5px 0 0 0;}



#teaser .buttons img { display: block; }



#teaser .buttons ul { margin: 6px 0 10px 0; list-style: none; }



#teaser .buttons li { display: inline; }



#teaser a.button { display: block; width: 248px; height: 62px; text-decoration: none; cursor: pointer; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; }



#teaser  li.first a.button { border-top: 1px solid #ccc; }             



#teaser a.button .title2 { display: block; padding: 8px 0 0 10px; margin-bottom: 9px; height: 12px; line-height: 12px; text-indent: 11px; font-size:11px;background: url(img/buttonu.png) no-repeat 8px bottom; color:#666}



#teaser a.button .title1 { font-size: 15px; margin-left: 10px; color:#369} 



#teaser .ui-tabs-selected a .title1 {font-size:16px;line-height:23px;color:#369;font-weight: bold; }						



#teaser .ui-tabs-selected a { display: block; width: 248px; height: 71px; text-decoration: none; margin: 0; cursor: default; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; background: url(img/ssbutton.gif) repeat-x; } 



#teaser .ui-tabs-selected .title2 { display: block; padding: 8px 0 0 10px; margin: 0; height: 12px; line-height: 12px; text-indent: 11px; }



#teaser .ui-tabs-selected a.button .title2 {background: url(img/buttons.png) no-repeat 220px bottom; }          



#teaser .show { float: left; width: 349px; position: absolute; left: 250px; top: 9px;  border: 1px solid #fff; }          



#teaser .picture { height: 260px; overflow: hidden; }                



#teaser .picture a { display: block; width: 349px; height: 260px; text-decoration: none; }



#teaser .picture img { border: none; display: block; }



#teaser .picture .bground { background-color: #f00; display: block; width: 349px; height: 50px; position: relative; top: -100px; filter:alpha(opacity=75); opacity:.75; }



#teaser .picture .title1 { letter-spacing:-0.04em;line-height: 1.05em; font-size: 22px; text-align: justify;color: #fff; background-color: transparent; text-decoration: none; display: block; width: auto; height: 168px; padding: 2px 0 0 8px; position: relative; top: -150px;  cursor: default; }



#teaser .show p { font-size: 11px; margin: 10px; }  



#teaser .show p a { font-weight: bold; } 







#sbtabs {clear:both; margin-top:10px;}



.tabc {margin: 0px;padding: 0px;border: 5px solid #bbb;background: url(img/mbg4.jpg) repeat-x #F4F4F6;background-position:left bottom;}



.tabci {margin: 0px;padding: 10px;border-left: 1px solid #ddd;border-top: 1px solid #ddd;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;}





.tabmc {padding: 0px 0px 0px 0px;height: 27px;background: url(img/menubar.gif) no-repeat;background-position:-2px 0;}



#tabm li {margin: 0px;padding: 7px 5px 2px 0px;font-size: 11px;line-height: normal;float: left;list-style: none;cursor: pointer;border-bottom: none;}



#tabm .first {padding: 7px 5px 2px 6px;}



#tabm li a, #tabm li a:visited {margin: 0px;padding: 3px 6px 3px 6px;color: #4C4C4C;text-decoration: none;display: block;}



#tabm li a:hover, #tabm li.ui-tabs-selected a {background:url(img/mbg7.jpg) repeat-x;color: #fff;text-decoration: none;}



.meta, .posted {margin: 0px 0px 15px 0px;padding: 0px;color: #999;font-size: 11px;}



.meta a, .meta a:visited {color: #999;text-decoration: none;border-bottom: 1px solid #ddd;}



.meta a:hover {color: #f00;}



.title a, .title a:visited {color: #666;font-weight: bold;font-size:15px;padding-top:3px;padding-bottom:5px;}



.title a:hover {color: #222;}



#recent li, #pop li, #comm li, #feat li, #hdown li {margin: 0px;padding: 7px 0px 7px 0px;line-height: 16px;list-style-type: none;border-bottom: 1px solid #DCECF9;}



#pop .title a, #feat .title a {font-size:13px;color:#6658A6}



#recent .title a {color: #555; font-size: 1.3em;letter-spacing:-0.04em;line-height: 1.05em; font-weight:normal;padding-left:10px;background:url(img/bullet.gif) no-repeat 0 7px;}



#recent .title a:hover {color: #d20;}







#hdown{clear:both;margin-top:10px;border-top: 4px solid #E3E3E3;width:930px;padding-right:15px;padding-top:10px;padding-left:15px;}



#hdown h2 {width:250px;float:left;line-height:14px;}



#hdown h2 a {color:#f00;width:250px;}



#hdown h3 {font-size: 1.9em;letter-spacing:-0.04em;line-height: 1.05em;padding-top: 10px;padding-bottom:5px;}



#hdown .entry {color:#444;font-size:.9em;padding-top:7px;}



#column1 {float:left;width:292px;padding-right:14px;padding-bottom:14px;border-right: 1px dotted #ddd;display:block;height:auto}



#column2 {float:left;width:288px;padding-left:14px;padding-right:14px;padding-bottom:10px;border-right: 1px dotted #ddd;display:block;height:auto}



#column3 {float:left;width:292px;padding-left:14px;padding-bottom:10px;display:block;}



.widget-placeholder {color: #000;margin: 1em;background-color: #f00;}



.widget {margin-bottom:25px}



.widget-head {background:url(img/mbg2.jpg) repeat-x;padding: 5px;display:block;height:24px;line-height:24px;border: 2px solid #ccc;} /*F0F1F2*/



.widget-head:hover {background:url(img/mbg3.jpg) repeat-x;}



.widget-head:hover h2 a {color:#6658A6 !important;}



.widget-head img {border: none;vertical-align: middle;}



.widget-menu a img {float:right;clear:right}







h3.comm {font-size: 1.5em;letter-spacing:-0.04em;line-height: 1.05em;padding-top: 12px;padding-bottom:7px;color:#999}



#comment li {background: url(img/mbg2.jpg) repeat-x #fff;background-position:left bottom;margin-bottom:10px;padding:12px;border:1px solid #EBEBEB;}



#comment li.alt {background: url(img/mbg4.jpg) repeat-x #F4F4F6;background-position:left bottom;margin-bottom:10px;padding:12px;border:1px solid #E0DFE3;}



#comment p {color:#666}



#comment .cheader {padding-bottom:10px;}



#comment .cauthor {font-size: 1.4em;letter-spacing:-0.04em;line-height: 1.05em;padding-top: 10px;padding-right:10px;}



#comment .commentmetadata {text-align:right;float:right;font-size: 0.8em;letter-spacing:-0.04em;line-height: 1.05em;}



#comment .commentmetadata a {color: #ccc}



#comment form div {padding-bottom:5px;font-size:.8em;color:#555}







.navigation span.nleft {float:left;text-align:left;padding:10px;font-size:1.4em;}



.navigation span.nright {float:right;text-align:right;padding:10px;font-size:1.4em;}







#tboxtag {background: url(img/mbg4.jpg) repeat-x #F4F4F6;background-position:left bottom;padding:10px;height:35px;width:585px;margin-bottom:5px; border:1px solid #ddd}







#tbox {background: url(img/mbg4.jpg) repeat-x #F4F4F6;background-position:left bottom;padding:10px;height:30px;width:585px;margin-bottom:5px; border:1px solid #ddd}



#tbox span.fleft {float:left;text-align:left;padding-left:10px;color:#666;font-size:1.2em;line-height:20px;}



#tbox span.fright {float:right;text-align:right;padding-right:10px;color:#bbb;font-size:0.8em;line-height:20px;}



.archivefeed a {padding-left:20px;color:#000;font-weight:bold;}







#footer {height:50px; clear:both;border-top:1px dotted #ddd;}



#footer span {line-height:50px;}



#footer span.fleft {float:left;text-align:left;padding-left:10px;color:#666;font-size:0.9em}



#footer span.fright {float:right;text-align:right;padding-right:10px;color:#bbb;font-size:0.8em}



#footer span.fright a {color:#bbb;}