/* CSS Document */

/* FLASHABILITY STYLE by Giovanni Bellocchio */

/* palette: azzurro fondo #B8DFE9
	rosso: #F90000
	blu scuro:#2B6C80

/* IMPOSTAZIONI GENERALI
----------------------------------------------- */
html { font-size: 100%; /* IE hack */ }

BODY { margin:0;padding:0; text-align:center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:78%;}

UL, LI, OL, P, FORM, H1, H2, H3, H4, H5, H6, DL, DD, DT { margin:0; padding:0; font-size:1.0em; color:#000;}
UL, UL LI { list-style: none; }
img { border:0;}

ABBR { cursor: help; }

code, pre { font-family: "Bitstream Vera Sans Mono", monaco, "Courier New", courier, monospace; font-weight: normal; color: #333;  }

pre { margin:12px;}

* html code { font-size : 105%; }

/* STRUTTURA PAGINA
----------------------------------------------- */
#wrapper { background:#B8DFE9 url(/img/body-pattern.gif) repeat-x top; margin:0 auto; width:900px; text-align:left;  }
#main { margin:0; padding:0; background:url(/img/sidesx-pattern.gif) repeat-y 169px; }
#sidesx { float:left; width:170px; margin:0; padding:0; }
#sidedx { float:right; width:249px; margin:0; position:relative; top:-5px; }
#content { margin:0 249px 0 170px; background:#DCEFF4; padding:23px 0px 20px 0px; }
.cleaner { clear:both; height:1px; font-size:1px; border:none; margin:0; padding:0; background:transparent;	}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;	}
/* Hides from IE-mac \*/ * html .clearfix {height: 1%;} /* End hide from IE-m ac */

* html #content { height:1%;} /* anti IE peekaboo bug */


/* UTILITY
----------------------------------------------- */
#head H1 { padding:19px 0 0 26px;float:left;width:300px;}
#utility { width:150px; float:right; padding-top:10px;} 
#utility UL { border-bottom:1px solid #fff; color:#fff; font-size:0.8em; }
#utility UL LI { float:left; }
#utility UL LI A { color:#fff; text-decoration:none; display:block; width:1%; margin:0 5px 3px 0;}
#utility UL LI A:hover { color:#F40000;}
#utility FORM { clear:both; padding-top:5px;}
#utility .bottone { background:#fff; color:#F40000; font-weight:bold; border:1px solid #BF0000; font-size:9px; width:30px;}
#utility .campo { width:100px; background:#E2F1F5; border:1px solid #2B6C80; margin-right:5px;font-size:0.8em; padding:2px;}


/* NAV
----------------------------------------------- */
#nav { padding-top:100px; }
#nav UL { background:#F90000; width:650px; border-top:2px solid #F90000;}
#nav UL LI { float:right; font-size:0.8em;font-weight:bold; color:#333; line-height:1.3em;}
#nav UL LI.active { height:1.3em;  padding:0 0.6em 0.2em 0.6em; margin: 0 0.4em 0 0; text-decoration:none; background:#DDF3F7;}
#nav UL LI.active A { padding:0; margin:0; color:#333; }
#nav UL LI A { display:block; height:1.3em; padding:0 0.6em 0.2em 0.6em; margin: 0 0.4em 0 0; color:#fff; text-decoration:none; }
#nav UL LI A:hover { background:#DDF3F7; color:#333;}
* html #nav UL LI A { width:1%;}


/* TOP STORY
----------------------------------------------- */
#topstory { width:650px; height:165px;  border-bottom:5px solid #F40000;background:url(/img/topstory-pattern.gif) repeat-x top; padding:22px 240px 0 17px; position:relative;}

#to\pstory {  width:393px;   }

#topstory P { font-size:0.9em; line-height:1.2em;}
#topstory img { position:absolute; bottom:0; right:0;}
* html #topstory img { bottom:-1px; }
#topstory P.more A { color:#F40000; display:block; width:150px; background: url(/img/arrow.gif) no-repeat left center; padding:0 0 0 11px; margin-top:5px;}

/* CONTENT
----------------------------------------------- */
#content { overflow: visible;}
#home #content { }
#content img {float:right; margin:0 10px 10px 10px; border:1px solid #2B6C80; padding:3px;}
#content img .art {float:right; margin:0 10px 10px 10px; padding:3px;}
#fullarticle #content .autore {font-weight:bold; padding-bottom:1em;}
#content .autore {font-weight:bold;}
#content .autore .datapost {font-weight:normal;}
#content H4 { color:#000000; padding-left:12px; padding-right:12px; font-size:1.1em; margin-bottom:1em}
#content H3 { color:#F40000; padding-left:12px; padding-right:12px; font-size:1.2em; margin-bottom:0.25em;margin-top:0.5em;}
#content H3 A { color:#2B6C80; text-decoration:none;}
#content H3 A:hover { color:#F40000; }
#content H2 { padding-left:12px; padding-right:12px;}
#content P { margin-bottom:1.0em; font-size:1.0em; padding-left:12px; padding-right:12px;line-height:1.4em;}
#content FORM { padding-left:12px; padding-right:12px; padding-bottom:1em;}
#content P.more { background: url(/img/arrow.gif) no-repeat 12px center} 
#content P.more A { color:#F40000; padding:0 0 2em 11px; margin-bottom:50px;}
#content P.nota { font-size:0.9em;}
#content BLOCKQUOTE { padding:0.4em 0 .4em 0; margin:12px; float:right; width:200px; font-size:1.1em; font-weight:bold; border-top:2px solid #F40000;border-bottom:2px solid #F40000;}
#content BLOCKQUOTE P { padding:0; margin:0;font-size:1.1em; font-weight:bold;}
#content BLOCKQUOTE UL LI { background:none; font-size:0.9em;}
#content P.meta { color:#32606B; font-size:0.9em; padding:10px 0 0 0; border-top:2px solid #F40000; margin:20px 12px 20px 12px;}
#content .meta IMG {border:1px solid #000; padding:2px; float:right;}
#content DL { padding-left:12px; padding-right:12px; line-height:1.5em; margin-top:1em; }
#content DT { font-size:1.1em; font-weight:bold; }
#content DD { padding-left:12px; background:url(/img/minibullet.gif) no-repeat left center; }
#content DD A { color:#2B6C80; }
#content DD A:hover { color:#F40000; }

#content OL {
	padding-left:36px;
	padding-right:12px;
	line-height:1.5em;
	margin-bottom:1.5em;
	list-style-type: decimal;
	list-style-position: outside;
}
#content OL LI {  }

#content UL { padding-left:12px; padding-right:12px;line-height:1.5em; margin-bottom:1.5em;}
#content UL LI { padding-left:12px; background:url(/img/minibullet.gif) no-repeat left 0.6em; }

#content A {color:#1B5C70;}
#content A:visited {color:#1B4C60;}
#content A:hover { color:#F40000; }

#content .autorepost { margin-bottom:0; margin-top:-10px; padding-bottom:0; font-weight:bold; font-size:0.9em;}

#content img.borderless { border:none;}

#content P.addon { font-size:0.9em; margin:30px 12px 30px 12px; 
padding:0 0 0 35px; background:#C2E2EB url(/img/bullet-addon.gif) no-repeat left center; height:2em; line-height:2em; }

#content P.addon A { text-decoration:none;}


/* SIDESX: BROWSE BY...
----------------------------------------------- */
#browse {background:#F40000; padding:29px 0px 6px 6px;}
#browse H3 {font-size:1.1em; color:#fff; margin-bottom:0.4em;}
#browse UL LI {border-bottom:2px solid #f40000;}
#browse UL LI A { display:block; background:#fff; color:#000; text-decoration:none; padding: 0.3em 0 6px 0.3em; margin-right:6px;}
#browse UL LI A:hover { color:#F40000;}
#browse UL LI A.active { margin-right:0px; background:#DCEFF4 url(/img/browse-bullet.gif) no-repeat right center;}
#browse UL LI.active { margin-right:0px; background:#DCEFF4 url(/img/browse-bullet.gif) no-repeat right center;padding: 0.3em 0 6px 0.3em; margin-right:0px;}

* html #browse UL LI A { height:1%;}


/* SIDESX: EVENTI
----------------------------------------------- */
#eventi { padding:21px 6px 6px 6px;}
#eventi H3 {font-size:1.0em; color:#fff; margin-bottom:0; background:#f40000; line-height:1.5em; padding-left:6px;}
#eventi H4 { font-weight:bold; margin-top:0.6em; padding-left:6px; padding-bottom:0.5em; padding-right:6px}
#eventi A { color:#f40000;}
#eventi P { font-size:0.9em; padding-left:6px;padding-right:6px}


/* SIDESX: GOOGLE ADS
----------------------------------------------- */
#ads { padding:21px 6px 6px 12px;}


/* SIDESX: FORWARD TO FRIEND
----------------------------------------------- */
#forward { padding:21px 6px 12px 6px; border-bottom:3px solid #F40000;}
#forward H3 {font-size:1.0em; color:#F40000; padding-bottom:10px;}
#forward .campo { color:#F40000; width:110px; margin-right:5px; background:#fff; border:1px solid #999; font-size:0.8em; padding:2px;}
#forward .bottone { background:#fff; color:#F40000; font-weight:bold; border:1px solid #BF0000; font-size:9px; width:25px;}


/* SIDEDX: NEWSLETTER
----------------------------------------------- */
#newsletter { margin:0 9px 19px 9px; padding:7px 6px 6px 6px; background:#f40000;}
#newsletter H3 { color:#fff; margin-bottom:3px; }
#newsletter P { font-size:0.9em; margin-bottom:0.5em;}
#newsletter .campo { color:#F40000; width:170px; margin-right:5px; background:#fff; border:1px solid #999; font-size:0.8em; padding:2px;}
#newsletter .bottone { background:#fff; color:#F40000; font-weight:bold; border:1px solid #BF0000; font-size:9px;}


/* SIDEDX: MININEWS
----------------------------------------------- */
#mininews { margin:0 9px 0 9px; }
#articolo #mininews { position:relative; top:-12px;}
* html  #articolo #mininews { position:relative; top:-14px;}
#mininews H3 {font-size:1.0em; color:#fff; margin-bottom:0.6em; background:#f40000; line-height:1.5em; padding-left:6px;}
#mininews H4 A { color:#000; text-decoration:none;}
#mininews H4 A:hover { color:#F40000; }
#mininews H4 { font-size:1.0em;margin-top:1.0em;  padding-left:6px;}
#mininews P { font-size:0.9em; line-height:1.2em; padding-left:6px;}
#mininews P.meta { font-size:0.8em; color:#2B6C80; padding-top:0.3em; padding-bottom:1.0em; border-bottom:1px solid #f40000;}
#mininews P.meta A { color:#F40000;}
#mininews A.more { font-size:0.8em; display:block; background:#94C8D9 url(/img/arrow.gif) no-repeat 5px center; text-decoration:none; color:#f40000; padding:2px 2px 2px 20px;}
#mininews A.more:hover {color:#fff;}


/* SIDEDX: ALTRI ARTICOLI
----------------------------------------------- */
#other { padding:0px 20px 6px 10px; position:absolute; top:-12px;width:218px; }
#other H3 { color:#fff; margin-bottom:8px; background:#f40000; line-height:1.4em; padding-left:5px; }
#other P { font-size:0.8em;padding-left:5px;}
#other DL, #other DD, #other DT {margin:0; padding:0;}
#other DL { padding-left:5px;margin-top:0.5em; margin-bottom:1.5em;}
#other DT { font-weight:bold; font-size:1.0em;}
#other DD { font-size:0.8em; margin-bottom:1.5em;}
#other A { color:#F40000; text-decoration:none;}
#other A:hover { text-decoration:underline;}


/* FOOTER
----------------------------------------------- */
#footer { width:650px; background: #F40000; text-align:center; padding:3px 0 3px 0; font-size:0.8em; }
#footer A { color:#000; text-decoration:none;font-weight:bold;}
#footer A:hover { color:#fff;}


/* FLASH REPLACEMENT
----------------------------------------------- */

/* These are standard sIFR styles... do not modify */

.sIFR-flash { visibility: visible !important; margin: 0;}
.sIFR-replaced { visibility: visible !important; }
span.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0;  height: 0; display: block; overflow: hidden;}

/* These "decoy" styles are used to hide the browser text before it is replaced... 
the negative-letter spacing in this case is used to make the browser text metrics 
match up with the sIFR text metrics since the sIFR text in this example is so much narrower... 
your own settings may vary... any weird sizing issues you may run into are usually 
fixed by tweaking these decoy styles */

.sIFR-hasFlash #head h2 { visibility: hidden; letter-spacing: -9px; font-size: 28px; width:300px; }
.sIFR-hasFlash #content h2 { visibility: hidden; letter-spacing: -9px; font-size: 28px; width:400px; }