*{
outline:none;
}

body{
margin: 0;
padding: 0;
font-family: Helvetica, Arial, san-serif;
font-size: 12px;
background-color: #efeee3;
}

div.container{
width:600px;
margin:0 auto;
color:#645a49;
padding: 20px 20px;
background-color: #fff;
}

/* HEAD*/

div.container div.banner{
height:50px;
width:600px;
padding: 0px 0px;
}

div.container div.banner h1#titolo{
margin:0;
padding:0;
float:left;
}

div.container div.banner h1#titolo a#testa{
display: block;
width: 390px;
height: 37px;
padding-top: 13px;
color:#006eb5;
font-weight:normal;
text-decoration:none;
text-align: center;
overflow: hidden;
background-image: url(img/head.gif);
background-position: 0 0;
background-repeat: no-repeat;
}

div.container div.banner h1#titolo a span{
margin-left: -2000px;
}

div.container div.banner ul.nav{
float: left;
display: block;
height: 50px;
list-style:none;
margin:0;
padding:0;
}

div.container div.banner ul.nav li{
display:inline;
float:left;
margin-left: 20px;
}

div.container div.banner ul.nav li a{
height: 50px;
color: #fff;
text-decoration:none;
display:block;
text-align: center;
font-weight: bold;
font-size: 16px;
}

div.container div.banner ul.nav li.primo a{
width: 50px;
overflow: hidden;
background-image: url(img/home.gif);
background-position: 0px 0px;
background-repeat: no-repeat;
color: #22b24b;
}

div.container div.banner ul.nav li.secondo a{
width: 50px;
overflow: hidden;
background-image: url(img/archivio.gif);
background-position: 0px 0px;
background-repeat: no-repeat;
color: #22b24b;}

div.container div.banner ul.nav li.terzo a{
width: 50px;
overflow: hidden;
background-image: url(img/rss.gif);
background-position: 0px 0px;
background-repeat: no-repeat;
color: #22b24b;
}

div.container div.banner ul.nav li.primo a span,
div.container div.banner ul.nav li.secondo a span,
div.container div.banner ul.nav li.terzo a span{
margin-left: -1000px;
}

div.container div.banner ul.nav li.primo a:hover,
div.container div.banner ul.nav li.secondo a:hover,
div.container div.banner ul.nav li.terzo a:hover{
background-position: 0px -50px;
}

/* IMMAGINE */

div.container div.immagine{
width: 600px;
margin-top: 20px;
text-align: center;
}

div.container div.immagine div#roba{
width: 588px;
border: 1px solid #efeee3;
background-color: #fff;
padding: 5px;
margin-bottom: 10px;
margin-left: 0px;
}

div.container div.immagine div#roba:hover{
border: 1px solid #aaa191;
background-color: #efeee3;
}

div.container div.immagine .prev,
div.container div.immagine .next{
width: 19px;
height: 29px;
float: left;
margin-top: 9px;
}

div.container div.immagine .prev{
background-image: url(img/prev_hover.gif);
background-position: 0 0;
background-repeat: no-repeat;
}

div.container div.immagine .next{
background-image: url(img/next_hover.gif);
background-position: 0 0;
background-repeat: no-repeat;
float: right;
}

div.container div.immagine div.prev a,
div.container div.immagine div.next a{
text-decoration: none;
}

div.container div.immagine div.prev a img,
div.container div.immagine div.next a img{
border-width: 0px;
}

div.container div.immagine div#roba #titolo_data{
padding: 0;
margin: 0;
}

div.container div.immagine h2{
color: #aaa191;
font-size: 22px;
margin-top: 3px;
}

div.container div.immagine h4{
font-size: 13px;
margin-top: -15px;
margin-bottom: 2px;
}

div.container div.immagine #mainImg{
clear: both;
width: 600px;
padding: 0px 0px;
}

div.container div.immagine #mainImg img{
border: 10px solid #efeee3;
}

div.container div.immagine #mainImg img:hover{
border: 10px solid #aaa191;
}

/* CONTENUTO + FOOTER */


div.container div.content{
clear: both;
width: 600px;
text-align: center;
padding: 0px 0px;
}

.content h2{
color: #f25821;
margin-bottom: 10px;
margin-top: 20px;
}

.content #commenti h2{
color: #006eb5;
}


div.container div.content div#categorie a,
div.container div.content div#commenti a,
div.container div#footer a{
color:#006eb5;
text-decoration:none;
padding-bottom: 2px;
background-image: url(img/linea_azzu.gif);
background-position: left bottom;
background-repeat: repeat-x;
}

div.container div.content div#categorie a{
color: #f25821;
background-image: url(img/linea_arancio.gif);
}

div.container div.content div#categorie a:hover,
div.container div.content div#commenti a:hover,
div.container div#footer a:hover{
color:#aaa191;
padding-bottom: 2px;
background-image: url(img/linea.gif);
background-position: left bottom;
background-repeat: repeat-x;
}



div.container div.content p#descrizione{
/*border: 0px solid #efeee3;
background-color: #fff;*/
padding: 5px;
line-height: 16px;
}

div.container div.content p#descrizione:hover{
/*border: 1px solid #aaa191;
background-color: #efeee3;*/
padding: 5px;
}

#categorie{
border: 1px solid #f25821;
background-color: #fff;
padding: 5px;
padding-top: 7px;
width: 398px;
margin: auto;
line-height: 16px;
}
#commentsList ul{
list-style:none;
margin:0;
padding:0;
margin-bottom: 30px;
}


#commentsList ul li{
margin: auto;
margin-bottom:10px;
width: 398px;
border: 1px solid #006eb5;
background-color: #fff;
padding: 5px;
padding-top: 7px;
color: #006eb5;
line-height: 16px;
}



#commentsList ul li a:hover{
color: #fff;
background-image: url(img/linea_azzu.gif);
}

#invia_commento{
width: 408px;
border: 1px solid #aaa191;
background-color: #efeee3;
padding: 5px;
margin: auto;
padding: 0px;
}

h3{
margin: 10px 0px;
}

#invia_commento form{
margin: 0;
padding: 0;
}

textarea, input{
width: 380px;
margin-bottom: 10px;
}

input.comment-button{
width: 50px;
height: 50px;
margin: 10px 0px;
border: 1px solid #aaa191;
background-color: #fff;
color: #645a49;
padding: 0px;
cursor: pointer;
}

input.comment-button:hover{
background-color: #645a59;
color: #fff;
border-color: #fbfbf9
}

#footer{
}
/* ARCHIVIO */

#archive{
padding: 0px;
margin: 0 auto;
margin-top: 20px;
margin-left: 0px;
width: 610px;
text-align: center;
}

#menu{
background-color: #efeee3;
border: 1px solid #aaa191;
padding: 10px;
margin: 0;
margin-bottom:20px;
width: 580px;
}

#menu select{
width: 200px;
color: #645a49;
}

#menu select option{
cursor: pointer;
}

#archive a{
/*display:block;
float:left;*/
border:none;
padding: 0;
margin: 0;
}


#archive a img{
border: 6px solid #efeee3;
margin-right: 10px;
}

#archive a img:hover{
border: 6px solid #aaa191;
margin-right: 10px;
}

#footer{
margin-top: 30px;
margin-bottom: 20px;
clear: both;
width:600px;
text-align:center;
}