/* Foglio di stile - Beppegrillo.it */
/* by Pier Antonio Romano @ Casaleggio Associati - 2009 */

/* Reset */
a img { border: none; } 

/* Clearfix */
.clearfix:after { clear:both; content:"."; display:block; height:0; visibility:hidden; } 
/* * html .clearfix { height: 1%; }  */

/* Generici */
body { background: #DDD; font: normal 11px verdana; margin: 0; padding: 0; }
a:link, a:visited { color: #595984; text-decoration: none; }
a:hover { color: #595984; text-decoration: underline; }
#dataminipost { visibility: hidden; }

/* Struttura principale pagina */
#container { z-index:10;background: #fff; width: /* 770px */ 880px; margin: 0px auto; padding: 14px 10px 10px 10px; border-left: 1px solid #ccc; border-right: 1px solid #ccc; position: relative;}
#colonna_grillorama { width: 210px; position: relative; float: right; top: -59px; right: 10px; left: 0px; }
#colonna_blog { width: /*770px*/ 880px; float: left; }

/* TopBanner */
#topbanner { padding-bottom: 4px; }

/* Slide Technorati */
#slide_technorati { height: 80px; padding-top: 10px; padding-bottom: 10px; float: left; }

/* Testata */
#testata { width: 100%; height: 145px; border-bottom: 2px solid #666; background: url(mt-static/img09/testata.jpg) no-repeat top center; position: relative; background-size: 880px auto;}
#welcome { color: #fff; font-weight: bold; position: absolute; bottom: 13px; margin-left: 15px; }
#searchbox { width: 320px; height: 20px; position: absolute; bottom: 10px; right: 0px; }
#form_search {float: left; margin-right: 10px;}
#form_archive {float: left;}
#searchbox .query { width: 100px; height: 18px; outline: none; float: left; border: 1px solid #ccc; color: #666; padding: 0px; margin-top: 2px; font: normal 11px Arial; }
#searchbox form, #searchbox table, #searchbox td { margin: 0; padding: 0; } 
.banner { margin-left: 30px; } /* Banner: liste civiche o altro, sotto la testata */
#datacorrente {width:755px; height:11px; margin: 130px 0px 0px 0px; padding: 2px 5px 2px 10px; color: #eeeeee; background:url('http://www.beppegrillo.it/immagini/fondodatacorrente.jpg'); position: absolute; float: left; text-align: right; font-size:9px;}


/* Menu di navigazione */
#menubar { width: 770px; height: 35px; line-height: 35px; margin-top: 0px; background: url(mt-static/img09/bg_menu.gif) no-repeat top left; position: relative; }
#menubar ul { width: 650px; margin: 0px 0px 3px 0px; margin-left: 3px; line-height: 20px; padding: 8px 0px 0px 3px; float: left;  }
#menubar ul li { display: inline; float: left; text-align: center; background: url(mt-static/img09/puntinato_menu_ccc.gif) no-repeat top right; }
#menubar ul li a:link, #menubar ul li a:visited {  padding: 2px 2.5px 2px 3px; color: #333;  height: 20px; text-decoration: none; text-align: center; }
#menubar ul li a:hover { color: #900; }
#menubar ul li a.selected { font-weight: bold; color: #900; }
#menubar ul li img { padding-top: 2px; padding-bottom: 0px; margin-bottom: 0px; }

/* Post */
#post_principale { width: 515px; margin: 12px 10px 20px 0px; float: left; border-right: 1px solid #eee; }
/* Stili blog 2005/2008 */
.content { padding: 0px 15px 5px 7px; font-family: Verdana, 'Trebuchet MS', sans-serif; font-size: 11px; }
.content_tour { padding: 10px 15px 5px 15px; background-color: #ffffff; color:#000000; font-family: Verdana,  'Trebuchet MS', sans-serif; font-size: 11px; border-top: 0px; }
.content p { font-family: Verdana, 'Trebuchet MS', sans-serif; line-height: 150%; text-align: left; margin-top: 5px; margin-bottom: 10px; }
/* .content p a img { width: 510px; height: 287px; } 
.content .posted img { width: auto; height: auto; } */
.content blockquote { line-height: 150%; }
.content li { line-height: 150%; }
.content h2, .content table td h2 { color: #666666; font: normal 12px Verdana, 'Trebuchet MS', sans-serif; text-align: left; margin-bottom: 10px; }
.content h3, .content h3 a { color: #666; font: bold 23px Arial, Sans-serif; text-align: left; margin-bottom: 20px; line-height: 23px; padding-bottom: 3px; }
.content table td { padding: 5px; }
#buttonsend, #login, .btn2 { background: #ddd; color: #000; font: normal 11px verdana; padding: 3px; border: 1px solid #ccc; }
/* per citare un testo*/
.quote { background-color:#FFFFFF; padding: 5px 5px 5px 30px;border:1px #999999 dashed; width:80%; left:30px; font-family: Arial, Helvetica, sans-serif; font-size:11px; color: #967474; margin-left:30px; }
.content p.posted, #post_secondario_alto p.posted { color: #999999; font-size: 10px; background: url(mt-static/img09/puntinato_orizzontale_ccc.gif) repeat-x top; text-align: left; margin: 20px 0px 55px 0px; line-height: 18px; padding: 3px; }
.content span.posted, #post_secondario_alto p.posted { color: #999999; font: normal 10px Verdana, 'Trebuchet MS', sans-serif; background: url(mt-static/img09/puntinato_orizzontale_ccc.gif) repeat-x top; text-align: left; margin-bottom: 25px; line-height: 17px; padding: 3px; }
.content p.posted  a:link, .content p.posted  a:active, .content p.posted  a:visited, #post_secondario_alto p.posted a:link, #post_secondario_alto p.posted a:active, #post_secondario_alto p.posted a:visited { color : #666666; text-decoration: none; }
.content p.posted  a:hover, #post_secondario_alto p.posted a:hover { color : #376088; text-decoration: underline; }
.comment-posted { color: #999999; font: normal 10px Verdana, "Trebuchet MS", sans-serif; background: url(mt-static/img09/puntinato_orizzontale_ccc.gif) repeat-x bottom; margin-bottom: 25px; padding-bottom: 0px; text-align: left; line-height: normal; }
.subtitle { color:#FFFFFF; font-family:Verdana,'Trebuchet MS',sans-serif; font-size:12pt; font-weight:bold; line-height:normal; margin-left:40px; margin-right:40px; position:absolute; text-align:center; top:175px; width:428px; }
/* .content table td img { width: auto; height: auto; } */
.videoMainPost { display: block; width: 510px; height: 307px; background: url(http://www.beppegrillo.it/immagini/immagini/overlay_transparent_web.png); position: absolute; top: 0; left: 0; text-indent: -9999px }


/* Post - Individual */
#capages
{ padding: 5px; background-color: #FBFBFB; border: 1px solid #F4F4F4; font-size: 11px; line-height: 25px; }
#capages a { text-decoration: none; background-color: #FFFFFF; border: 1px solid #E2E2E2; padding-top: 2px; padding-right: 6px; padding-bottom: 2px; padding-left: 6px; }
#capages a:hover { 	background-color: #E0EFFC; 	}
#capages .selectedPage, #capages .selectedPage a { font-weight: bold; text-decoration: none; background-color: #FFFFFF; border: 0px solid #FFFFFF; color: #FF0000; }
.capagesdicitura { font-size: 90%; font-style: italic; }
.comments-body { background: #F9F9F9; }
.comments-nest-box { padding-left:15px; border-left:1px dotted #AAA; color: #000000; }
/* form dei commenti nelle pagine*/
#form1{ background-color:#D7E3EE; padding: 5px 7px; border:1px #999999 solid; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10px; color: #000; }
.form1_tab { background:#7396D7 url(http://www.beppegrillo.it/mt-static/images/tab_background_blu.jpg); color: #000; padding: 0px 7px 5px 7px; width: 470px; float: left; margin-bottom: 20px; }
.form1_tab input[type=text] { border: 1px solid #369; }

#form2{ background-color: #ECEED7; border:1px #999999 solid; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10px; color: #000; padding: 5px 7px 5px 7px; }
.form2_tab { background: #DB952D url(http://www.beppegrillo.it/mt-static/images/tab_background_orange.jpg); padding: 5px 7px 5px 7px; color: #000; width: 470px; float: left; margin-bottom: 20px; }

#form3 { background-color:#F5F9FA; padding-right:7px; padding-left:7px; border:1px #999999 solid; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10px; color: #967474; padding-top:5px; padding-bottom:5px; }
.form1 textarea { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; background-color: #F5F5F5; }

/* Commenti */
.content_comments { overflow: hidden; }
.content_comments table td { padding: 5px 0px 5px 0px; }
.content_comments h3 { color: #666666; font: bold 14px Arial; background: none; letter-spacing: 0px; text-align: left; font-weight: bold; margin: 0; padding: 0; line-height: 23px; }
.cat { background-color: #ffffff; }
.box-commenti { background-color: #F7FAFB; padding: 4px; border: 1px dotted #CCCCCC; }
#contenitore-commenti {	padding: 1px; }


/* Podcast */
.podcast_bar { margin-top: 1px; margin-bottom: 1px; font: bold 11px verdana; height: 30px; line-height: 30px; padding: 5px; background: #eee; border: 1px solid #ccc; width: 498px; }
.podcast_bar img { vertical-align: middle; }
.podcast-item {display: none;}

/* Seconda colonna - parte alta: minipost, ultimo video, ecc.  */
#post_secondario { width: /*220px*/ 320px; margin: 10px 0px 20px 0px; float: right; padding: 0px 0px 10px 0px;  }
#post_secondario h2 { color: #666; font: normal 11px Verdana, 'Trebuchet MS', sans-serif; text-align: left; margin-bottom: 0px;  }
#post_secondario h3 { color: #666; font: bold 14px Arial, sans-serif; letter-spacing: 0.3px; text-align: left; margin-top: 15px; margin-bottom: 0px; line-height: 19px; background: url(mt-static/img09/puntinato_orizzontale_ccc.gif) repeat-x bottom; padding-bottom: 3px; }
#post_secondario h3 a { color: #666; }
#post_secondario p { line-height: 150%; padding: 10px 10px 10px 0px; }
#post_secondario_alto img { /*max-height:210px; max-width:210px;*/ margin:auto;} 
#post_secondario_alto { margin: 0px 0px 50px 0px; padding: 0; clear: both; height: auto !important; height: 1309px;min-height: 1309px; } 
.readmore { margin-bottom: 20px; text-align: right; padding-right: 10px; }
#post_secondario_alto p.posted {margin-top: 0px; }
#post_secondario_alto #anteprima {position:relative; top:10px; bottom:5px;}
#post_secondario_alto #em {position:absolute; top:83px; color:#ffffff; text-align:center;padding-left: 10px;padding-right: 10px; font-weight:bold;}
#post_secondario_alto .virgolette_dx {position: relative; height: 22px; right:0px;}
#post_secondario_alto .virgolette_dx img {height: 20px; width:85px;}
#post_secondario_alto .virgolette_sx {height: 11px; width: auto;}
#post_secondario_alto .virgolette {position:relative; background-image:url(http://www.beppegrillo.it/mt-static/img09/virgolette_sx.gif);background-repeat:no-repeat; background-position:left top; padding-left:30px; padding-top:30px; padding-right: 25px; }
#post_secondario_alto .testo_settimana {position:relative; margin-bottom: -45px;}
#post_secondario_alto .archivio_settimana {position:relative; margin-top:10px;}
#minipost_precedenti a {font-size: 11px;}

/* Seconda colonna - parte bassa: Le Battaglie */
#battaglie {  background: #d7e7f7 url(mt-static/img09/bg_bottom_battaglie.gif) no-repeat bottom center; padding-top: 0px; padding-bottom: 50px; text-align: center; width: 220px; }
#battaglie h3 { margin-top: 0px; padding-bottom: 0px; background: url(mt-static/img09/bg_top_battaglie.gif) no-repeat top center; border-bottom: none; height: 30px; }
#battaglie div { padding-top: 15px; padding-bottom: 15px; }
.evidenza { background: #8AAAD0; height: 110px;}

/* Terza colonna - parte alta: prodotti */
#prodotti { /*margin-top: 10px;*/ padding-top: 0px; width: 100%; background: #8AAAD0; height: 1500px; }
#chiusura_prodotti { width: 100%; height: 25px; background: url(mt-static/img09/bg_bottom_grillorama.gif) no-repeat bottom center; }
#link_grillorama { height: 30px; line-height: 28px; background: #444; color: #ccc; text-align: center; margin-bottom: 20px; }
#link_grillorama a:link, #link_grillorama a:visited { color: #f90; text-decoration: none; }
#link_grillorama a:hover { color: #ff0; text-decoration: underline; }
.boxprodotto { width: 170px; position: relative; margin: 0px auto; margin-bottom: 4px; text-align: center; padding-bottom: 5px; background: url(mt-static/img09/puntinato_prodotti_ed.gif) repeat-x bottom; }
.boxprodotto form, .boxprodotto span { margin: 0; padding: 0; }
.nome_prodotto { margin: 0px; font: normal 20px "Trebuchet MS"; color: #fff; padding: 0px 0px 0px 0px; }
.nome_prodotto a:link, .nome_prodotto a:visited { color: #fff; }
.prezzo_prodotto { margin: 0px; font: normal 13px "Trebuchet MS"; color: #fff; padding: 0px 0px 7px 0px; }
.imgprodotto { margin: 10px 0px 5px 0px; }
.acquista_prodotto { margin-top: 10px; }
.offerta_libera, .novita { display: block; width: 82px; height: 82px; position: absolute; top: 30px; left: 20px; }
.offerta_libera { background: url(mt-static/img09/offertalibera.png) no-repeat top left; }
.novita { background: url(mt-static/img09/novita.png) no-repeat top left; }

/* Terza colonna - parte bassa: Informati, Meetup, Archivio */
#informati { width: 100%; background: #B7C3DB url(mt-static/img09/bg_bottom_informati.gif) no-repeat bottom center; margin-top: 15px;  padding-top: 0px; text-align: center; padding-bottom: 50px; }
#informati h3 { margin: 0px; padding: 0px; background: url(mt-static/img09/bg_top_informati.gif) no-repeat top center; border-bottom: none; height: 30px; }
#informati div { padding-top: 20px; padding-bottom: 20px; height: 100px; }
.evidenza { background: #8AAAD0; }

#meetup { width: 100%; background: #B7C3DB url(mt-static/img09/bg_bottom_informati.gif) no-repeat bottom center; margin-top: 15px;  padding-top: 0px; text-align: center; padding-bottom: 10px; }
#meetup h3 { margin: 0px; padding: 0px; background: url(mt-static/img09/bg_top_meetup.gif) no-repeat top center; border-bottom: none; height: 30px; }

#archivio { width: 100%; background: #B7C3DB url(mt-static/img09/bg_bottom_informati.gif) no-repeat bottom center; margin-top: 15px;  padding-top: 0px; text-align: center; padding-bottom: 20px; }
#archivio h3 { margin: 0px; padding: 0px; background: url(mt-static/img09/bg_top_archivio.gif) no-repeat top center; border-bottom: none; height: 30px; }


.sidebar ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;

}

.sidebar {
text-align: left;
margin-left:-20px;
}
.sidebar li {
float:left;
width:80px;
margin-right: 10px;
}

/* Footer */
#footer { margin-top: 10px; width: 100%; clear: both; height: 90px; background: #000; background: url(mt-static/img09/bg_footer_eng.gif) no-repeat top center; }
#footer p { text-align: center; color: #333; line-height: 42px; padding-top: 0px; }

/* Grillonews */
.internews { line-height: 18px; padding-top: 10px; }

/* Post Sharing Buttons */
.post-share-buttons { margin: 10px 0px }
.facebook-share-button { float: left; margin: 1px 15px 0px 0px }
.twitter-share-button { margin-bottom: -6px; }

/* Box post correlati */
.correlated {  width:510px;  height:160px;padding:10px 8px; background-color:#e6e6ef; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px /* Chrome < 10 */; margin-top:10px; text-align: center;}
.post {width:160px; margin-right:5px;position:relative; float:left; overflow-x:hidden; height:140px;}
.post a { width: 160px; height: 140px; margin-top: 0; position: absolute; background: url(http://www.beppegrillo.it/immagini/point-correlated.png) no-repeat scroll;}
.post img {height:100px}
.post div {position:absolute; margin-top:0; margin-left:5px;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; font-size:12px; color:#333; width:155px; border:none; margin-bottom:5px;}
.correlated p  {font-family:Verdana; font-size:12px; color:#333; width:100%; border:none; margin-bottom:5px;}