@charset "UTF-8";

html { margin:0; padding:0; }
body { margin:0; padding:0; background:#eee url(images/sfondo.png) repeat-x top; color:#333; font-family:Arial, Helvetica, sans-serif; font-size:0.8em; }
h1 { margin:0; padding:0; font-family:"Trebuchet MS"; font-size:1.5em; font-weight:normal; }
h1 a { text-decoration:none; color:#008e0a; }
h2 { color:#f90; font-weight:normal; font-size:1.2em; }
h3 { margin:0; padding:0; font-weight:bold; font-size:1.2em; }
h3 a{ color:#444; }
h4 { margin:0; padding:0; font-weight:normal; font-size:1.3em; }
h4 a { color:#36c; text-decoration:none; }
h5 { margin:0; padding:5px 10px; color:#36c; border-top:4px solid #cc3; border-bottom:1px solid #cc3; font-weight:normal; font-size:1.3em; font-variant:small-caps; }
a { color:#36c; text-decoration:none; }
a:hover { color:#f90; text-decoration:underline; }


/* HEADER */
#logo { width:900px; height:120px; margin:0 auto; padding:0; text-align:center; }
#logo img { border:0; }
#navbar-categorie { width:890px; height:20px; margin:0 auto; padding:5px; background:#cc3;  }


ul#nav,ul#nav li,ul#nav ul{margin:0;padding:0;list-style:none}
ul#nav{height:26px;line-height:25px;
    color: #fff}
ul#nav a{display:block;padding: 0 15px;text-decoration: none; color:#FFF}
ul#nav li{float: left;position: relative}
ul#nav li li{float: none;line-height: 22px;
    display:block !important;display: inline; /*IE*/}
ul#nav ul{position: absolute;top: 25px;left: -9999px;
    width: 12em;background: #eee;color: #3B5998}
ul#nav ul{padding: 7px 0;}
ul#nav ul,ul#nav li li a{background-color: #FFF;color: #3B5998}
ul#nav li:hover,ul#nav a:hover{background-color:#06C;color: #FFF}
ul#nav li:hover ul,ul#nav li.sfhover ul{left: -1px;z-index: 100} 


/* INDEX */
#contenitore { width:880px; height:auto; overflow:hidden; margin:0 auto; padding:10px; background:#fff; }
#ultimo-post { width:570px; height:auto; overflow:hidden; padding:10px; background:#eee; font-family:"Arial Narrow", Arial; }
#ultimo-post img { margin-right:10px; }
.data { margin:5px; color:#999; font-family:Arial, Helvetica, sans-serif; font-size:0.8em; }
.continua {font-family:Arial, Helvetica, sans-serif; }
a.continua {color:#36c; text-decoration:none; }


/* COLONNE */
#contenitore-colonne { float:left; width:600px; height:auto; overflow:hidden; margin:0; padding:0; }
#sx { float:left; width:270px; height:auto; margin:0; padding:10px; border-right:1px dotted #ddd; }
#sx img { margin-right:10px; }
.sx-post { height:auto; overflow:hidden; margin-bottom:15px; border-bottom:1px dotted #ddd; }
#dx { float:right; width:280px; height:auto; margin:0; padding:10px; border-right:1px dotted #ddd; }
.dx-post { height:auto; overflow:hidden; margin-bottom:15px; border-bottom:1px dotted #aaa; font-family:"Arial Narrow", Arial; }
.continua-piccola { float:right; font-family:Arial, Helvetica, sans-serif; font-size:0.8em; }
a.continua-piccola {color:#f90; text-decoration:none; }


/* SIDEBAR */
#contenitore-sidebar { float:right; width:270px; height:auto; overflow:hidden; margin:0; padding:0; }
.blocchi { margin-bottom:20px; }
ul.liste-sidebar li { padding-left:10px; background-image:url(images/arrow.gif); background-repeat:no-repeat; background-position:0 .5em; font-size:1em; list-style-type:none; }
.lista-link { color:#36c; font-weight:bold; text-decoration:none; }
.lista-info { color:#999; font-size:0.8em; padding-right:10px; }
ul.liste-commenti li { font-size:1em; list-style-type:none; }
#editoriali p { padding:0; maring:0; }


/* ARCHIVIO */
.archivio-post { width:570px; height:auto; overflow:hidden; margin-bottom:10px; padding:10px; background:#fbfbfb; font-family:Georgia, "Times New Roman", Times, serif; }
.img-archivio-post { margin-right:10px; }


/* SINGLE */
#post-singolo { width:570px; height:auto; overflow:hidden; padding:10px; background:#fbfbfb; border-bottom:3px solid #eee; }
#post-singolo img { border:1px solid #aaa; margin-left:10px; }
#info { padding:10px; border:1px solid #fc0; }
#segnalatori { padding:10px; border:1px solid #06f; }

/* COMMENTI */
ol.commentlist { margin:0; padding:0; }
.commentlist li { list-style:none; margin-bottom:14px; }
.commentlist cite { padding:7px; display:block; font-style:normal; background:#ddd; border-bottom:1px solid #ddd; color:#555; overflow:hidden; height:auto; }
.commentlistauthor cite { padding: 7px; display:block; font-style:normal; font-size:2em; background:#fff; border-bottom:1px solid #01aae0; color:#666; overflow:hidden; height:auto; }	

.commentlist a:link, .commentlist a:visited { color:#01aae0; text-decoration:none; }
.commentlist a:hover, .commentlist a:active { color:#f90; text-decoration:none; }

.commentlist .time { background: url(images/commenti-orologio.png) no-repeat 1px; padding-left:13px; }
.commenttext { background: #eee; border-top:1px solid #fff; padding: 10px 20px 10px 20px; color:#666; }
.commenttextauthor { background:#fff; border-top:1px solid #cc3; border-bottom:1px solid #cc3; padding: 10px  20px 10px 20px; color:#222; }

.nomeauthor { font-weight:bold; }


/* FOOTER */
#footer { width:880px; height:50px; margin:0 auto; padding:10px; background:#ddd; color:#777; font-size:0.8em; text-align:center; }


/* TETTI IN AFFITTO */
#contenitore-tetti { width:880px; margin:0; padding:0; }

div#tetti ul#campitabella { clear:both; width:880px; height:20px; list-style:none; margin:30px 0 0 0; padding:0; }
div#tetti ul#campitabella li { float:left; overflow:hidden; width:98px; height:18px; padding:2px 5px; margin:1px; background:#f90; color:#fff; font-weight:bold; }

div#tetti ul { clear:both; width:880px; height:20px; list-style:none; margin:0; padding:0; }
div#tetti ul li { float:left; overflow:hidden; width:98px; height:18px; padding:2px 5px; margin:1px; background:#ddd; }


div#tetti ul:nth-child(odd) { clear:both; width:880px; height:20px; list-style:none; margin:0; padding:0; }
div#tetti ul:nth-child(odd) li { float:left; overflow:hidden; width:98px; height:18px; padding:2px 5px; margin:1px; background:#ddd; }
div#tetti ul:nth-child(even) { clear:both; width:880px; height:20px; list-style:none; margin:0; padding:0; }
div#tetti ul:nth-child(even) li { float:left; overflow:hidden; width:98px; height:18px; padding:2px 5px; margin:1px; background:#ededed; }