/* -- Importa griglie e reset -- */
@import url(reset.css);
@import url(960gs.css);

/* Basics */
body {
font-family: Arial;
font-size: 14px;
color: #444;
}

h2 {
color: rgb(230,230,230);
font-size: 140%;
padding: 10px 0 20px;
}

h3, h4 {
color: #666;
font-size: 120%;
padding: 5px 0 10px;
}

h4 {color: #666; 
padding: 20px 0 5px;
}

p {
line-height: 20px;
text-align: justify;
margin-bottom: 20px;
}

a {text-decoration: none;}

/* -- Header -- */
#header {
background-color: #FAA53A;
border-bottom: 10px solid rgb(230,230,230);
height: 100px;
text-align: center;
}

/* Inizio menu */

/* Struttura menu */

.nav {
list-style:none; 
margin:0;
padding: 0;
z-index: 10;
}

.nav > li, .nav > li > a {
display:inline-block;
*display:inline; /* Per IE7 */
zoom:1; /* Per IE 7 */
}

.stacked > li {display:list-item;}

.stacked > li > a {display:block;}
 
.flyout, .flyout-alt {position:relative;}

.flyout-content {
position:absolute;
top:100%;
left:-99999px; /* Posizioniamo i sottomenu fuori dallo schermo; alternativa a display:none */
height:0;
overflow:hidden;
}

.flyout:hover > .flyout-content {left:0;}

.flyout-alt:hover > .flyout-content {
top:0;
left:100%;
}

.flyout:hover > .flyout-content,
.flyout-alt:hover > .flyout-content {
height:auto;
overflow:visible;
}

/* Fine struttura menu */

/* Aspetto menu */

.site-nav a {
line-height:1;
padding-left:1em;
padding-top:0.5em;
padding-bottom:0.5em;
padding-right:0.5em;
background-color:rgb(255,255,255); /* Colore di sfondo iniziale */
color:black; /* Colore del testo dei link */
font-weight: normal;
white-space:nowrap;
}

.site-nav .flyout:hover > a,
.site-nav .flyout-alt:hover > a,
.site-nav a:hover {
background-color: rgb(200,200,200); /* Colore di sfondo sull'hover */
}

.site-nav .flyout-alt > a:after {content:" »";} /* Inseriamo l'indicatore di presenza del sotto-menu */

.site-nav a,
.site-nav .flyout-content {
border: none; /* Colore e stile dei bordi; azzeriamo lo spessore con 0px */
}

.site-nav > li > a {border-left-width:1px;} /* Bordo sinistro sulle voci del menu principale */

.site-nav > li:first-child > a {border:none;} /* Eliminiamo il bordo dalla prima voce del menu */

.site-nav .flyout-content {border-width:1px 0 0 0;} /* Bordo superiore per il sottomenu */

.site-nav .flyout-content a {border-bottom-width:1px;} /* Bordo inferiore per le singole voci del sottomenu */

.site-nav .flyout-alt:hover > .flyout-content {top:-1px;}​ /* Un piccolo aggiustamento per la posizione del sottomenu sull'hover */

/* Fine aspetto menu */

/* Fine menu */


/* -- Container -- */
#wrapper .post, #wrapper .advertise {
margin-bottom: 20px;
padding: 0 10px;
border-bottom: 1px solid #ccc;
}
.post p.meta {font-size: 12px; text-align: right;}
.post p.img, .advertise p.img {text-align:center; }

#sidebar p.about {border-left: 5px solid #ccc; padding-left: 10px;}
    
#sidebar ul {margin: 10px 0;}
#sidebar li {
line-height:25px;
list-style: disc inside;
padding-left: 15px;
}

/* -- Footer -- */
#footer {
background-color: #FAA53A;
border-top: 5px solid rgb(230,230,230);
height: 50px;
clear: both;
overflow: hidden;
}

#footer p {
line-height: 50px;
text-align: center;
}