/*********************************************************************** ************************************************************************ Project: Master New Media Robin Good - masternewmedia.org Version: 2.0 Last Change: 14/01/2009 Agency: Web Agency Meta Line - metaline.it Author: Matteo Casonato (Wikimaki) ***********************************************************************/ @media print { #submenu {display:none;} #header{display:none;} #footer{display:none;} #col2{display:none;} #copyright{display:none;} #tabVideo{display:none;} #content {display:block;} #extra {display:none;} } @media screen { html{color:#000;} body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;} table{border-collapse:collapse;border-spacing:0;} fieldset,img{border:0;} address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;} caption,th{text-align:left;} h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;} q:before,q:after{content:'';} abbr,acronym {border:0;font-variant:normal;} sup {vertical-align:text-top;} sub {vertical-align:text-bottom;} input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;} input,textarea,select{*font-size:100%;} legend{display:none;} del,ins{text-decoration:none;} a{outline:none;} /* Generale -------------------------------------------------------------- */ form { } form fieldset, form button { border: 0; } form legend { visibility: hidden; } form #policy { float: left; height: 100px; overflow: auto; } form #policy ul li { background:transparent url(images/icon-list.gif) no-repeat scroll 0 3px; } input, textarea, select, #policy * { color: #59686E; font: 12px Arial, Helvetica, sans-serif; } form dl { padding: 5px; margin: 2px 0; } form dl dt, form dl dd { position: relative; } form dl dd.textonly { padding-top: 10px; } form dl dd small { color: #C3402F; font-size: 1em; font-weight: bold; position: absolute; right: 2px; top: 2px; } form input.textfield, form textarea, form select, form #policy { background: #F7F7F7; border: 1px solid #78CAE2; padding: 2px; line-height: 140%; } form select { padding: 2px; } form input.small, form input.medium, form input.big { float: left; margin-right: 5px; } form .icons { height: 16px; display: block; float: right; margin-top: 3px; overflow: hidden; text-indent: -9999px; width: 16px; } form input#captcha { float: left; margin-right: 10px; } form dl.formerror dt { color: #C3402F; } form dl.formerror { background: #ECD3D3; border: 1px solid #EF5858; } form dl.formfocus dt { color: #C5942E; } form dl.formfocus { background: #EEECD0; border: 1px solid #D49E34; } form .col { float: left; width: 49.5%; } form .colfirst { margin-right: 5px; } form.FormInLine dl { clear: both; height: 1%; overflow: hidden; } form.FormInLine dl dt { float: left; margin-right: 10px; text-align: left; width: 25%; } form.FormInLine dl dd { float: right; width: 70%; } form.FormInLine input.textfield, form.FormInLine textarea, form.FormInLine #policy { width: 94%; } form.FormInLine select { width: 88%; } form.FormInLine input.min { width: 20%; } form.FormInLine input.med { width: 30%; } form.FormInLine input.max { width: 50%; } form.FormInLine select.min { width: 23%; } form.FormInLine select.med { width: 33%; } form.FormInLine select.max { width: 53%; } form.FormInLine dl.buttons dt * { display: none; } form.FormInLine dl.buttons dd { } form.FormInLine dl.buttons dd input { } form.FormInLine dd.textonly * { float: left; } form.FormInLine dd.textonly label { font-weight: normal; display: block; margin-left: 5px; width: 80%; } form.FormBlock dl { clear: both; height: 1%; overflow: hidden; } form.FormBlock dl dt { clear: both; padding-bottom: 3px; text-align: left; width: 100%; } form.FormBlock dl dd { clear: both; width: 100%; } form.FormBlock input.textfield { width: 95%; } form.FormBlock textarea, form.FormBlock select, form.FormBlock #policy { width: 98%; } form.FormBlock input.min { width: 30%; } form.FormBlock input.med { width: 40%; } form.FormBlock input.max { width: 50%; } form.FormBlock select.min { width: 33%; } form.FormBlock select.med { width: 43%; } form.FormBlock select.max { width: 53%; } form.FormBlock dl.buttons dt * { display: none; } form.FormBlock dl.buttons dd input { float: right; } form.FormBlock dd.textonly * { float: left; } form.FormBlock dd.textonly label { font-weight: normal; display: block; margin-left: 5px; width: 93%; } .btn { display: block; border: none; color: #fff; font-weight: bold; margin-top: 5px; text-align: center; text-decoration: none; text-transform: uppercase; width: 200px; } input.btnBlue { background: url(images/btn-blue.png) no-repeat 0 0; height: 40px; } /* Avvisi -------------------------------------------------------------- */ .message-error, .message-valid { border: 1px solid; margin: 10px auto; position: relative; } .message-error .color, .message-valid .color { border: 10px solid; padding: 10px 10px 10px 80px; } .message-error img, .message-valid img { position: absolute; top: 20px; left: 20px; } .message-error { background: url(images/form-error-bck.png); border-color: #D49E34; } .message-error .color { border-color: #F4DE64; } .message-valid { background: url(images/form-valid-bck.png); border-color: #249224; } .message-valid .color { border-color: #8CD657; } .message-error .title, .message-valid .title { font-size: 1.2em; margin-bottom: 10px; } /* Google Search Header -------------------------------------------------------------- */ div.topbar form { background: url(images/btn-searchHead.png) 0 0 no-repeat; float: left; height: 20px; padding-left: 6px; width: 130px; } div.topbar form input { background: none; border: none; color: #666; font-size: 10px; } div.topbar form input.search { padding: 0; position: relative; top: -3px; width: 98px; } div.topbar form input.submit { text-indent: -999em; width: 24px; height: 20px; } /* Newsletter Colonna -------------------------------------------------------------- */ #boxNewsletter { background-image: url(images/bck-newsletter.png); background-repeat: no-repeat; margin-left: 0 auto 5px auto; } .col2 #boxNewsletter { background-position: 0 0; height: 150px; width: 300px; } .col3 #boxNewsletter { background-position: 0 -170px; height: 180px; width: 170px; } #boxNewsletter p { font-size: 0.8em; } #boxNewsletter form { color: #fff; } #boxNewsletter fieldset { padding: 10px; } #boxNewsletter .title { font-size: 0.8em; font-weight: bold; margin-bottom: 8px; text-transform: uppercase; } #boxNewsletter form dl { padding: 0; } .col2 #boxNewsletter form.FormInLine dl dt { width: 20%; } .col2 #boxNewsletter form.FormInLine dl dd { width: 74%; } .col3 #boxNewsletter form.FormInLine dl dt { width: 30%; } .col3 #boxNewsletter form.FormInLine dl dd { width: 62%; } #boxNewsletter form.FormInLine input { background: #f9f9f9; border: 1px solid #56646b; } #boxNewsletter form.FormInLine input#submit { background: url(images/btn-subscribe.png); border: none; color: #fff; height: 24px; text-align: center; text-transform: uppercase; width: 90px; } /* Newsletter and Google Search Post -------------------------------------------------------------- */ .newsletter { margin-bottom: 1.5em; height: 1%; overflow: hidden; } .newsletter div { float: left; } .newsletter .color { background: #e0e0e0; margin-right: 5px; padding: 4px; width: 210px; } .newsletter .color input { background: #f9f9f9; border: 1px solid #bababa; padding: 3px; width: 202px; } #seachPost input.search { background: #f9f9f9; border: 1px solid #bababa; padding: 4px; width: 420px; } #seachPost input.submit, .newsletter input.submit { background: url(images/btn-form.png) no-repeat 0 0; border: none; color: #404655; font-size: 11px; font-weight: bold; height: 22px; margin: 7px 0 0 10px; padding: 1px 0 3px 18px; text-align: left; width: 85px; } body { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; } /*body { font-family: Arial, Helvetica, sans-serif; }*/ /*h2, h3, .section, #copyright, a.btnRGTV { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; }*/ blockquote { font-family: Georgia, "Times New Roman", Times, serif; } /* Headings -------------------------------------------------------------- */ h1, h2, h3, h4, h5, h6 { font-weight: normal; color: #111; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: normal; color: #111; text-decoration: none; } h1 { line-height: 1.1; margin-bottom: 0.4em; } h2 { line-height: 1.1; margin-bottom: 0.3em; } h3 { line-height: 1; margin-bottom: 0.3em; } h4 { line-height: 1; margin-bottom: 0.2em; } h5 { line-height: 1; margin-bottom: 0.2em; } h6 { line-height: 1; margin-bottom: 0.2em; } h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0; } /* Headings Personalizzati -------------------------------------------------------------- */ #tplHome h1 { font-size: 2em; } #tplHome h2 { font-size: 1.1em; } #tplHome h3 { font-size: 1em; } #tplHome h4 { font-size: 0.9em; } #tplHome h5 { font-size: 0.8em; } #tplHome h6 { font-size: 0.7em; } #tplPage h1 { font-size: 2.2em; font-weight: bold; } #tplPage h2 { font-size: 1.6em; } #tplPage h3 { font-size: 1.1em; margin: 1.5em 0 0.5em 0; } #tplPage h4 { font-size: 1em; } #tplPage h5 { font-size: 0.8em; } #tplPage h6 { font-size: 0.7em; } /* Text elements -------------------------------------------------------------- */ p { font-size: 0.95em; line-height: 1.2; margin: 0 0 0.8em; } .latest p, #footer p { font-size: 0.8em; } a:focus, a:hover { color: #000; } a { color: #355d5d; font-weight: bold; text-decoration: underline; } blockquote { margin: 1.5em; color: #666; border-left: 5px solid #e8e8e8; font-style: italic; font-size: 1.1em; line-height: 1.4; padding-left: 5px; } strong { font-weight: bold; } em, dfn { font-style: italic; } dfn { font-weight: bold; } sup, sub { line-height: 0; } abbr, acronym { border-bottom: 1px dotted #666; } address { margin: 0 0 1.5em; font-style: italic; } del { color:#666; } pre { margin: 1.5em 0; white-space: pre; } pre, code, tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; } /* Lists -------------------------------------------------------------- */ li ul, li ol { font-size: 1em; margin: 0 3em; } ul, ol { font-size: 0.9em; line-height: 1.8; } .post ul li { background: url(images/icon-list.gif) no-repeat 0 8px; padding-left: 14px; } ul { list-style-type: none; margin: 0 1.5em 0.8em 1.5em; } ol { list-style-type: decimal; margin: 0 1.5em 0.8em 3em; } dl, dt, dd { margin: 0; padding: 0; } /* Tables -------------------------------------------------------------- */ table { margin-bottom: 1.4em; width: auto; } th { font-weight: bold; } thead th { background: #c3d9ff; } th,td,caption { padding: 4px 10px 4px 5px; } tr.even td { background: #e5ecf9; } tfoot { font-style: italic; } caption { background: #eee; } /* Misc classes -------------------------------------------------------------- */ label { font-size: 0.75em; font-weight: bold; } input, select { font-size: 0.75em; padding: 2px; } .small { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; } .large { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; } .hide { display: none; } .quiet { color: #666; } .loud { color: #000; } .highlight { background:#ff0; } .added { background:#060; color: #fff; } .removed { background:#900; color: #fff; } .first { margin-left:0; padding-left:0; } .last { margin-right:0; padding-right:0; } .top { margin-top:0; padding-top:0; } .bottom { margin-bottom:0; padding-bottom:0; } .section { font-size: 1.2em; margin-bottom: 0.5em; position: relative;font-weight:bold; } .info { color: #999; font-size: 0.7em; margin-bottom: 0.8em; } .info a { color: #999; } #copyright { font-size: 0.75em; color: #333; } .green { color: #355d5d; font-weight: bold; } body { background-color: #e0e0e0; border: 0; margin: 0; padding: 0; } #all { position: relative; padding-top: 130px; } /* Blocchi Principali -------------------------------------------------------------- */ #header { background: #000 url(images/bck-black.gif); border-bottom: 5px solid #528f8f; clear: both; left: 0; position: absolute; top: 0; width: 100%; } #header .content { height: 100px; margin: 0 auto; position: relative; width: 960px; z-index: 100; } #submenu { background: #528f8f; left: 0; position: absolute; top: 105px; width: 100%; } #submenu div.navPanel { display: none; line-height: 100%; margin: 0 auto; overflow: hidden; padding: 3px 0; width: 960px; } #submenu div.active { display: block; } #submenu div.navPanel ul { font-size: 11px; font-weight: bold; margin: 0; padding: 0; } #submenu div.navPanel ul a { color: #fff; text-decoration: none; } #submenu div.navPanel ul li { background: url(images/bar.gif) no-repeat 0 50%; float: left; padding: 0 10px; } #submenu div.navPanel ul li.first { background: none; } a.navLink { color: #fff; text-decoration: none; font-size: 11px; font-weight: bold; margin: 0; padding: 0; } a.navLink:link { color: #fff; text-decoration: none; font-size: 11px; font-weight: bold; margin: 0; padding: 0; } .navLI { background: url(images/bar.gif) no-repeat 0 50%; float: left; padding: 0 10px; } a.MGtitleA {font-size: 1em; text-decoration: none;coloe:#000000;} a.MGtitleA:link {font-size: 1em; text-decoration: none;color:#000000;} a.MGtitleA:hover {font-size: 1em; text-decoration: none;color:#AAAAAA;} .extra { padding:0;margin:0; } #content { border: 1px solid #d4d4d4; clear: both; margin: 15px auto; overflow: hidden; position: relative; width: 960px; } #tplHome #content { background: #fff url(images/bck-page.gif) repeat-y 0 0; } #tplHome .colmid { border: 1px solid #fff; float: left; position: relative; right: 100%; width: 200%; margin-left: -200px; /* larghezza col3 */ } #tplHome .colleft { float: left; width: 100%; margin-left: -340px; /* larghezza col2 */ } #tplHome .colwrap { float: left; padding-bottom: 1em; width: 50%; } #tplHome .col1 { left: 100%; overflow: hidden; padding-top: 15px; position: relative; margin: 0 15px 0 555px; /* larghezza col3 + larghezza col2 + 15px */ width: 390px; } #tplHome .col2 { float: right; padding-top: 15px; position: relative; width: 310px; /* larghezza col2 - 15px - 15px = contenuto col2 */ left: 325px; /* contenuto col2 + 15px = posizione col2 */ } #tplHome .col3 { float: right; padding-top: 15px; position: relative; width: 170px; /* larghezza col3 - 15px - 15px = contenuto col3 */ left: 835px; /* posizione col2 + contenuto col3 + larghezza col2 */ } #tplPage #content { background: #e0e0e0 url(images/bck-page.gif) repeat-y -156px 0; border: 1px solid #fff; } #tplPage .colleft { background-color: #fff; float: left; position: relative; right: 100%; width: 200%; margin-left: -360px; /* larghezza col2 + 15px + 15px = spazio col2 */ } #tplPage .colwrap { float: left; position: relative; left: 50%; padding-bottom: 1em; width: 50%; } #tplPage .col1 { overflow: hidden; padding-top: 15px; margin: 0 15px 0 375px; /* spazio col2 + 15px */ } #tplPage .col2 { float: right; padding-top: 15px; position: relative; width: 330px; /* larghezza col2 */ left: 345px; /* larghezza col2 + 15px */ } #tplPage .col0 { background: #fff; overflow: hidden; padding: 15px; } #tplGuide #content { background: #fff url(images/bck-guide.gif) repeat-y 0 0; } #tplGuide .colmid { border: 1px solid #fff; float: left; position: relative; right: 100%; width: 200%; margin-left: -200px; /* larghezza col3 */ } #tplGuide .colleft { float: left; width: 100%; margin-left: -240px; /* larghezza col2 */ } #tplGuide .colwrap { float: left; padding-bottom: 1em; width: 50%; } #tplGuide .col1 { left: 100%; overflow: hidden; padding-top: 15px; position: relative; margin: 0 15px 0 455px; /* larghezza col3 + larghezza col2 + 15px */ width: 490px; } #tplGuide .col2 { float: right; padding-top: 15px; position: relative; width: 210px; /* larghezza col2 - 15px - 15px = contenuto col2 */ left: 225px; /* contenuto col2 + 15px = posizione col2 */ } #tplGuide .col3 { float: right; padding-top: 15px; position: relative; width: 170px; /* larghezza col3 - 15px - 15px = contenuto col3 */ left: 635px; /* posizione col2 + contenuto col3 + larghezza col2 */ } #sidebar { background-color: #efefef; border: 1px solid #d4d4d4; clear: both; margin: 15px auto; width: 960px; } #sidebar div.tabs { margin: 15px; } #footer { background: #000 url(images/bck-black.gif); float: left; clear: both; width: 100%; } #footer .content { background-color: #2d2d2d; height: 1%; margin: 15px auto; overflow: hidden; width: 960px; } #footer div.tabs { padding: 15px; float: left; } #footer #tabVideo { width: 600px; } #footer #tabAbout { width: 300px; } #footer .tabPanel { padding: 10px; height: 250px; } #copyright { background: url(images/bck-copyright.png) no-repeat 50% 0; clear: both; height: 30px; margin: 0 auto; overflow: hidden; padding: 30px 0; position: relative; width: 960px; } #copyright div { position: absolute; } #copyright .colA { left: 0; padding-left: 15px; top: 20px; } #copyright .colB { margin: 0 15px; right: 200px; text-align: center; top: 25px; width: 150px; } #copyright .colC { padding-right: 15px; right: 0; top: 20px; } #copyright .colD { color: #999; font-size: 9px; padding-right: 15px; right: 0; top: 57px; } #copyright .colD a { color: #999; text-decoration: none; top: 20px; } /* Elementi Layout -------------------------------------------------------------- */ .post { clear: both; overflow: hidden; margin-bottom: 10px; } #.post a:hover { clear: both; overflow: hidden; margin-bottom: 10px;color: #AAAAAA; } .post a:hover { clear: both; overflow: hidden; margin: 0;color: #AAAAAA; } .article img, .border { border: 5px solid #d8d8d8; } .post a.icon01 { display:block; margin-top: 20px; } .latest .post { background: url(images/hr.gif) repeat-x 0 100%; padding-bottom: 10px; } .latest .postLast { padding-bottom: 10px; } .latest .post img { border: 4px solid #85adbc; float: left; margin: 0 10px 0 0; } .col3 .post img { float: none; margin: 0; } .section img { position: absolute; right: 0; top: 3px; } .image { margin: 1.5em 0; } .imageLeft { float: left; margin: 1.5em 0; } .imageRight { float: right; margin: 1.5em 0; } .image span { clear: both; display: block; font-size: 0.7em; margin-top: 5px; width: 70%; } ul.social { height: 1%; overflow: hidden; margin: 0 0 15px 0; padding: 0; } ul.social li { display: inline; float: left; font-size: 0.9em; margin: 2px 0; text-align: center; width: 42px; } #tplPage ul.social { margin: 0; padding: 10px 0; } #tplPage ul.social li { margin: 0 10px; text-align: left; width: 40%; } #tplPage ul.social li a { display: block; padding: 7px 5px 7px 40px; text-decoration: none; } a.twitter { background: url(images/icon-twitter.png) 0 50% no-repeat; } a.digg { background: url(images/icon-digg.png) 0 50% no-repeat; } a.facebook { background: url(images/icon-facebook.png) 0 50% no-repeat; } a.technorati { background: url(images/icon-technorati.png) 0 50% no-repeat; } a.stumbleupon { background: url(images/icon-stumbleupon.png) 0 50% no-repeat; } a.youtube { background: url(images/icon-youtube.png) 0 50% no-repeat; } a.dihitt { background: url(images/icon-dihitt.png) 0 50% no-repeat; } a.orkut { background: url(images/icon-orkut.png) 0 50% no-repeat; } .guides, .tagcloud { overflow: hidden; height: 1%; } /* guide box dx */ .guides img { border: none; float: none; margin: 0; } .guides p { font-size: 0.75em; } .guides dl { clear: both; } .guides dt { font-size: 1em; padding: 5px 8px; } .guides dd { height: 1%; padding: 5px 8px; overflow: hidden; } .guides dd img { float: left; margin-right: 5px; } /* tagcloud box dx */ #boxTags { margin: 1.5em auto; width: 300px; } .tagcloud { padding: 10px; } .tagcloud ul { line-height: 1; list-style: none; margin: 0; padding: 0; text-align: center; } .tagcloud ul li { display: inline; } .tagcloud ul a { color: #787870; text-decoration: none; } .tagcloud ul a:hover { color: #444; } a.size1 { font-size: 80%; } a.size2 { font-size: 100%; } a.size3 { font-size: 120%; } a.size4 { font-size: 140%; } a.size5 { font-size: 160%; } a.size6 { font-size: 180%; } a.size7 { font-size: 200%; } /* socialnetworks box dx */ #socialnetworks { } #boxContacts { padding: 10px; } #boxContacts p { font-size: 0.8em; } #boxContacts span { display: block; float: left; width: 50px; } #boxMenu { margin: auto 15px; } #tplGuide #boxMenu { margin: 0 0 15px 0; } #boxMenu dl { font-size: 0.75em; } #boxMenu dt, #boxMenu dd { background: url(images/hr.gif) repeat-x 0 0; } #boxMenu dt { font-weight: bold; text-transform: uppercase; } #boxMenu dt.first { background: none; } #boxMenu dt a { display: block; color: #333; padding: 13px 10px 13px 50px; } #boxMenu dt span { display: block; color: #333; padding: 13px 10px 13px 10px; } #boxMenu dd { height: 1%; overflow: hidden; padding: 5px 10px 5px 10px; } #boxMenu a { text-decoration: none; } #boxMenu dl ul { font-size: 1em; margin: 0; padding: 0; } #boxMenu dl ul li { float: left; width: 50%; } #boxFeedrss, #boxFeedrss a { background-image: url(images/bck-feedrss.png); background-repeat: no-repeat; } #boxFeedrss { background-position: 100% -70px; margin: 5px auto 1.5em auto; } .col2 #boxFeedrss { width: 300px; } .col3 #boxFeedrss { width: 170px; } #boxFeedrss a { background-position: 0 0; color: #fff; display: block; font-size: 0.8em; font-weight: bold; margin-right: 10px; padding: 28px 20px 28px 0; text-align: right; text-decoration: none; } .basepost, .basepost .content { background-image: url(images/bck-basepost.png); background-repeat: no-repeat; } .basepost { background-position: 100% 100%; font-size: 0.75em; font-weight: bold; } .basepost .content { background-position: 0 0; height: 25px; margin-right: 12px; padding: 15px 0px 0 10px; } .basepost ul { margin: 0; padding: 0; text-decoration: none; } .basepost ul li.feed { float: left; margin-right: 10px; } .basepost ul li.lang { float: left; line-height: 15px; margin: 0 5px; } .basepost ul li.pag { float: left; margin: 0 5px; } .basepost ul li.print { float: right; margin-right: 10px; } .basepost ul li.add { float: right; } #sidebar ul.list { font-size: 0.75em; margin: 5px; padding: 0; } #sidebar ul.list li { float: left; padding: 2px 0 2px 25px; width: 22%; } #sidebar ul.listA li { background: url(images/icon.png) no-repeat 6px -155px; } #sidebar ul.listB li { background: url(images/icon.png) no-repeat 6px -235px; font-size: 0.8em; padding: 0;padding: 2px 0 2px 25px;float: left;} #sidebar .stats { background: #fff url(images/bck-stats.png) 0 100% no-repeat; } #sidebar .stats div { float: left; } #sidebar .stats .colA { padding: 100px 0 10px 0; text-align: center; width: 190px; } #sidebar .stats .colB { margin-left: 40px; padding-top: 10px; width: 160px; } #sidebar .stats .colB ul { font-size: 0.8em; margin: 0; padding: 0; } #sidebar .stats .colC { padding: 0 20px; } #sidebar .stats .colD { padding: 10px; } .tooltip { position: relative; } .tooltip em { background: url(images/tooltipMin.png) no-repeat 0 0; display: none; height: 26px; font-weight: normal; font-size: 9px; left: 0; padding: 4px 0 0 5px; position: absolute; top: -30px; width: 100px; z-index: 100; } .tooltip a em { font-style: normal; text-decoration: none; } .info { position: relative; } .info .iconMail { margin-left: 3px; position: absolute; right: 22px; top: 0; } .info .iconRss { margin-left: 3px; position: absolute; right: 0; top: 0; } .info .iconPrint { margin-left: 3px; position: absolute; right: 45px; top: 0; } .info img, .info img:hover { border: none; } #seachPost { margin-top: 1.5em; padding-bottom: 10px; } #seachPost .color { background: #d4e1ee; float: left; padding: 5px; width: 430px; } #seachPost ul { clear: both; font-size: 0.75em; margin: 10px 0 0 0; padding: 0; } #seachPost li { float: left; margin-right: 10px; } #seachPost ul a { padding: 6px 0 3px 35px; text-decoration: none; } /* Archive on home page --------------------------------------------------------------*/ .archiveContainerL {float:left;width:420px;} .archiveContainerR {float:right;width:420px;} .archiveContainerLin {float:left;width:200px;margin-right:5px;} .archiveContainerRin {float:left;width:195px;margin-right:5px;} .tagsR {float:right;width:150px;} .tagLink,.tagLink:active,.tagLink:visited {color: #000000; font-size: 0.8em; font-weight: bold; text-decoration: none; } .tagLink:hover {color: #000000; font-size: 0.8em; font-weight: bold; text-decoration: none; } /* Round Corners -------------------------------------------------------------- */ .round { height: 1%; overflow: hidden; } .round .post { background: none; padding: 0; } .col2 .round { margin: 1.5em auto; width: 300px; } .rgray { background: #f8f8f8; border: 1px solid #d5d5d5; padding: 10px 10px 0 10px; } .round .content, .tabPanel { background: #f8f8f8; border: 1px solid #d5d5d5; border-top: none; } .rtitle { background-color: #528f8f; border: 1px solid #528f8f; color: #fff; font-size: 0.8em; font-weight: bold; padding: 10px 8px; text-transform: uppercase; } /* Do rounding (native in Firefox and Safari, CC in IE) */ .rgray { -webkit-border-radius: 12px; -moz-border-radius: 12px; } .rtitle, ul.navbar a, ul.tabs a { -webkit-border-top-right-radius: 12px; -webkit-border-top-left-radius: 12px; -moz-border-radius-topleft: 12px; -moz-border-radius-topright: 12px; } .round .content, .col2 div.tabs .tabPanel { -webkit-border-bottom-right-radius: 12px; -webkit-border-bottom-left-radius: 12px; -moz-border-radius-bottomleft: 12px; -moz-border-radius-bottomright: 12px; } /* Elementi Vari -------------------------------------------------------------- */ .clear { clear: both; font-size: 1px; width: 100%; } .left { float: left; } .right { float: right; } img.left { margin: 5px 10px 5px 0; padding: 0; } img.right { margin: 5px 0 5px 10px; } .col3 .post img, img.noborder { border: none; } a.center { display: block; text-align: center; } .Aleft { text-align: left; } .Aright { text-align: right; } .Acenter { text-align: center; } .Ajustify { text-align: justify; } .video, #sidebarTab4 .colC { background: url(images/loading.gif) no-repeat 50% 50%; } /* Icons -------------------------------------------------------------- */ .icon { background-image: url(images/icon.png); background-repeat: no-repeat; } .icon01 { background-position: 0 0; padding: 3px 0 3px 26px; } .icon02 { background-position: 6px -74px; } .icon03 { background-position: 6px -155px; } .icon04 { background-position: 6px -235px; } .icon05 { background-position: 6px -314px; } .icon06 { background-position: 6px -394px; } .icon07 { background-position: 6px -474px; } .icon08 { background-position: 10px -556px; } .icon09 { background-position: 12px -656px; } .icon10 { background-position: 10px -756px; } .icon11 { background-position: 6px -856px; } .icon12 { background-position: 10px -956px; } /* Menu Header e Submenu -------------------------------------------------------------- */ li.submenu { cursor: pointer; position: relative; z-index: 100; } li.submenu ul { display: none; list-style: none; left: 0; margin: 0; padding: 0; position: absolute; top: 0; } li.submenu ul li a { clear: both; display: block; float: left; padding: 0; text-decoration: none; } li.submenu ul li a:hover {background-color: #528f8f;color:#FFFFFF;} div.navbar { position: absolute; right: 0; bottom: 0; z-index: 100; } ul.navbar { margin: 0; padding: 0; position: relative; z-index: 100; } ul.navbar li { float: left; margin-left: 1px; } ul.navbar a { background-color: #363a3a; color: #aeaeae; cursor: pointer; display: block; float: left; font-size: 0.8em; font-weight: bold; outline: none; padding: 4px 10px; text-decoration: none; white-space: nowrap; } ul.navbar a:hover, ul.navbar .active a, ul.navbar .news a, ul.navbar .feed a { color: #fff; } ul.navbar a:hover, ul.navbar li.active a { background-color: #528f8f; } ul.navbar .news a { background-color: #435676; } ul.navbar .news a:hover { background-color: #556d97; } ul.navbar .feed a { background-color: #d36818; } ul.navbar .feed a:hover { background-color: #ef8105; } ul.navbar li.submenu ul { background: #363a3a; border: 1px solid #363a3a; padding: 5px; filter: alpha(opacity=90); -moz-opacity: .90; opacity: .90; } ul.navbar li:hover ul, ul.navbar li.hover ul { top: 28px; } div.topbar { position: absolute; right: 0; top: 10px; z-index: 110; } div.topbar ul, div.topbar a.forum { float: left; } div.topbar a.forum { background: url(images/btn-forumHead.png) 0 0 no-repeat; color: #fff; font-size: 10px; font-weight: bold; padding: 3px 15px 3px 24px; text-decoration: none; } div.topbar ul.langSelect { color: #666; font-size: 10px; list-style: none; margin: 0 10px; padding: 0; position: relative; z-index: 100; } div.topbar li.submenu { background: url(images/btn-langHead.png) 0 0 no-repeat; height: 20px; padding-left: 6px; width: 130px; } div.topbar li.submenu ul { background: #f3f3f3; border: 1px solid #e3e3e3; padding: 3px; width: 98px; } div.topbar li ul { left: 5px; top: 20px; } .basepost ul.langSelect { color: #666; font-size: 9px; list-style: none; margin: 0; padding: 0; position: relative; z-index: 100; } .basepost li.submenu { background: url(images/btn-langPost.png) 0 0 no-repeat; height: 16px; padding-left: 5px; width: 120px; } .basepost li.submenu ul { background: #f3f3f3; border: 1px solid #c0c0c0; padding: 3px; width: 111px; } .basepost ul.langSelect li ul { left: 3px; top: 15px; } /* Pagination -------------------------------------------------------------- */ .pagination, .pagination div { background-image: url(images/bck-pagination.png); background-repeat: no-repeat; } .pagination { background-position: 100% 100%; font-size: 0.7em; font-weight: bold; margin-top: 15px; } .pagination div { background-position: 0 0; margin-right: 20px; height: 28px; padding: 8px 0 4px 20px; text-align: center; } .pagination a, .pagination span { border: 1px solid #355d5d; padding: 1px 5px; text-decoration: none; line-height: 2; } .pagination .off { border: 1px solid #dedede; color: #888; } .pagination .active { background-color: #528f8f; border: 1px solid #437474; color: #fff; } .pagination a:hover { border: 1px solid #437474; } /* Tabs -------------------------------------------------------------- */ div.tabs div.tabPanel { display: none; } div.tabs div.active { display: block; } div.tabs div.tabPanel { clear: both; height: 1%; overflow: hidden; } div.tabs div.tabPanel a { text-decoration: none; } ul.tabs { border-bottom: 5px solid #528f8f; height: 1%; list-style: none; margin: 0; overflow: hidden; padding: 0; } ul.tabs li { float: left; font-size: 1em; margin-right: 1px; } ul.tabs a { background-color: #fff; border: 1px solid #dbdfe2; display: block; float: left; cursor: pointer; outline: none; padding: 2px 10px; text-decoration: none; white-space: nowrap; } ul.tabs li.active a { background-color: #528f8f; border: 1px solid #528f8f; color: #fff; } ul.tabs a.icon { padding: 2px 10px 2px 26px; } /* Video -------------------------------------------------------------- */ .video, .media { float: left; } .video { margin-right: 5px; } .col2 .video { background: #e9e9e9; float: none; margin: 0 0 20px 0; padding: 5px; } .media { width: 258px; } .media .player { background: #f8f8f8; border: 1px solid #d5d5d5; height: 1%; margin-bottom: 5px; padding: 3px; overflow: hidden; } .media .player img { border: 1px solid #999; float: left; height: 70px; margin-right: 3px; width: 94px; } .media .player dl { float: left; font-size: 0.7em; width: 150px; } .media .logo { margin: 10px 0; } #tabVideo3 .media {} #tabVideo3 h3 { font-size: 0.9em; margin: 10px 0; } #tabVideo3 a.btnRGTV { background: url(images/btn-gray.png) no-repeat 0 0; color: #fff; display: block; font-size: 0.9em; margin: 15px auto; padding: 9px 0; text-align: center; width: 220px; } /* Widgets -------------------------------------------------------------- */ #googleconnect { padding-bottom: 10px; } #mybloglog { margin: 1.5em auto; width: 300px; } #lijit {} #lwp_main { margin: auto; padding: 5px 0; } div.retaggr_cc_content { padding: 0!important; position: relative!important; } div.retaggr_cc_avatar img { border: 5px solid #d8d8d8!important; margin: 5px 10px 5px 0!important; } div.retaggr_cc_cardfunctions { left: 100px!important; position: absolute!important; top: 40px!important; } #retaggr_cc_badge_zc03530cd02947d59ce19371ab08d19e div.retaggr_cc_cardfunctions div.retaggr_cc_function { clear: both!important; display: block!important; float: none!important; } #retaggr_cc_badge_zc03530cd02947d59ce19371ab08d19e div.retaggr_cc_servicebreak { clear: none!important; } #retaggr_cc_badge_zc03530cd02947d59ce19371ab08d19e { background: none!important; border: none!important; } #retaggr_cc_badge_zc03530cd02947d59ce19371ab08d19e span.retaggr_cc_link { margin-right: 5px!important; } #retaggr_cc_badge_zc03530cd02947d59ce19371ab08d19e .retaggr_cc_name { font-size: 14px!important; } #retaggr_cc_badge_zc03530cd02947d59ce19371ab08d19e span.retaggr_cc_link, #retaggr_cc_badge_zc03530cd02947d59ce19371ab08d19e span.retaggr_cc_attribution { color: #355d5d!important; } #retaggr_cc_badge_zc03530cd02947d59ce19371ab08d19e .retaggr_cc_spacer { height: 1px!important; } #retaggr_cc_badge_zc03530cd02947d59ce19371ab08d19e div.retaggr_cc_services { margin-top: 10px; } #retaggr_cc_badge_zc03530cd02947d59ce19371ab08d19e { font-size: 10px!important; line-height: 1.1em!important; } #retaggr_cc_badge_zc03530cd02947d59ce19371ab08d19e div { background: none!important; font-size: 10px!important; line-height: 1.1em!important; } /* Ads -------------------------------------------------------------- */ .amazonCol { float: left; margin: 0 8px 15px 8px; } .adsSquare { text-align: center; margin-bottom: 20px; } .col1 .adsSquare img { border: 5px solid #d8d8d8; } .col2 .adsSquare img { border: 5px solid #e9e9e9; } .adsSkyCustom { text-align: center; margin-bottom: 20px; overflow: hidden; height: 1%; } .adsSky { text-align: center; margin-bottom: 20px; overflow: hidden; height: 1%; } .adsSky img { float: left; margin: 0 2px; } .col1 .adsSky { margin: .1em auto; width: 100%; } .adsText {} .tplAds1 { float: right; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; margin-left: 15px; width: 100%; } .tplAds1 .adsGoogle a,.tplAds1 .adsGoogle a:hover,.tplAds1 .adsGoogle a:visited,.tplAds1 .adsGoogle a:active { color: #355d5d; font-size: 0.8em; font-weight: normal; text-decoration: underline; } .tplAds1 .adsTitle a,.tplAds1 .adsTitle a:hover,.tplAds1 .adsTitle a:active,.tplAds1 .adsTitle a:visited { color: #355d5d; cursor: pointer; display: block; font-family: "Warnock Pro", "Goudy Old Style", "Palatino", "Book Antiqua", Georgia, serif; font-size: 1.7em; font-weight: bold; margin-top: 8px; text-decoration: underline; } .tplAds1 .adsDesc { font-size: 1em; } .tplAds1 .adsLink a,.tplAds1 .adsLink a:visited,.tplAds1 .adsLink a:hover,.tplAds1 .adsLink a:active { color: #355d5d; display: block; font-size: 1em; font-weight: normal; text-decoration: none;cursor: pointer;} .tplAds2 { float: right; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; margin-left: 15px; width: 50%; } .tplAds2 .adsGoogle a,.tplAds2 .adsGoogle a:hover,.tplAds2 .adsGoogle a:visited,.tplAds2 .adsGoogle a:active { color: #000000; font-size: 0.8em; font-weight: normal; text-decoration: underline; } .tplAds2 .adsTitle a,.tplAds2 .adsTitle a:hover,.tplAds2 .adsTitle a:active,.tplAds2 .adsTitle a:visited { color: #990000; cursor: pointer; display: block; font-family: "Warnock Pro", "Goudy Old Style", "Palatino", "Book Antiqua", Georgia, serif; font-size: 1.7em; font-weight: bold; margin-top: 8px; text-decoration: underline; } .tplAds2 .adsDesc { font-size: 1em; } .tplAds2 .adsLink a,.tplAds2 .adsLink a:visited,.tplAds2 .adsLink a:hover,.tplAds2 .adsLink a:active { color: #355d5d; display: block; font-size: 1em; font-weight: normal; text-decoration: none;cursor: pointer;} .tplAds3 {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;} .tplAds3 .adsGoogle a,.tplAds3 .adsGoogle a:hover,.tplAds3 .adsGoogle a:visited,.tplAds3 .adsGoogle a:active { color: #000000; font-size: 1em; font-weight: normal; text-decoration: none; } .tplAds3 .adsTitle a,.tplAds3 .adsTitle a:hover,.tplAds3 .adsTitle a:active,.tplAds3 .adsTitle a:visited { color: #000000; cursor: pointer; display: block; font-size: 1em; font-weight: normal; margin-top: 0px; text-decoration: none; } .tplAds3 .adsDesc { font-size: 0.9em; } .tplAds3 .adsLink a,.tplAds3 .adsLink a:visited,.tplAds3 .adsLink a:hover,.tplAds3 .adsLink a:active { color: #000000; display: block; font-size: 1em; font-weight: normal; text-decoration: none;cursor: pointer;} .tplAds2B { float: right; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; margin-left: 15px; width: 50%; } .tplAds2B .adsGoogle a,.tplAds2B .adsGoogle a:hover,.tplAds2B .adsGoogle a:visited,.tplAds2B .adsGoogle a:active { color: #000000; font-size: 0.8em; font-weight: normal; text-decoration: underline; } .tplAds2B .adsDesc { font-size: 1em; } .tplAds2B .adsLink a,.tplAds2B .adsLink a:visited,.tplAds2B .adsLink a:hover,.tplAds2B .adsLink a:active { color: #355d5d; display: block; font-size: 1em; font-weight: normal; text-decoration: none;cursor: pointer;} .tplAds2B .adsTitle a,.tplAds2B .adsTitle a:active,.tplAds2B .adsTitle a:visited { color: #990000; cursor: pointer; display: block; font-family: "Warnock Pro", "Goudy Old Style", "Palatino", "Book Antiqua", Georgia, serif; font-size: 1.7em; font-weight: bold; margin-top: 8px; text-decoration: underline; } .tplAds2B .adsTitle a:hover{color: #FF0000; cursor: pointer; display: block; font-family: "Warnock Pro", "Goudy Old Style", "Palatino", "Book Antiqua", Georgia, serif; font-size: 1.7em; font-weight: bold; margin-top: 8px; text-decoration: underline; } .navMG {display:none;} #tagsKW {display:none;} /* Bottom Bar -------------------------------------------------------------- */ #bottombar { background: #000 url(images/bck-black.gif); border-top: 5px solid #528F8F; bottom: 0px;color: #fff; display: none; height: 67px; left: 0px; margin: 0; position: absolute; width: 100%; z-index: 9999; } #bottombar .colA { background: url(images/bottombar-logopop.png) no-repeat 20px 8px; float: left; height: 60px; padding: 9px 0 0 360px; } #bottombar .title { font-size: 16px; font-weight: bold; font-family: arial; } #bottombar form { margin: 0; padding-top: 8px; } #bottombar .inputbox { background: #fff; border: 0; color: #666; float: left; height: 16px; margin-right: 5px; padding: 2px 3px; width: 180px; } #bottombar .subscribe { background: url(images/bottombar-subscribe.png) no-repeat; border: 0; color: #dae6ee; cursor: pointer; font: bold 0.9em "Trebuchet MS", Arial, Helvetica, sans-serif; height: 20px; margin-right: 5px; padding: 0 0 0 32px; text-align: left; width: 106px; } #bottombar .colB { float: right; height: 57px; padding-right: 10px; padding-top: 10px; text-align: right; } #bottombar .colB a { color: #fff; font-size: 0.8em; font-weight: bold; text-decoration: none; } #bottombar #bottombarClose { margin-bottom: 12px; } #bottombar #bottombarShow { } }