#header h1 {
 background: url(images/header.jpg) no-repeat top left;
}

#sinistra {
 float: left;
 width: 700px; 
}

/********/
/* BLOG */
/********/

#messaggio {
 width: 700px;
 background: url(images/big_cont.gif) repeat-y top left;
}

#messaggio a img {
 border: none;
}

#messaggio div.top {
 background: url(images/big_top.gif) no-repeat top left;
 height: auto !important;
 min-height: 82px;
 height: 82px;
}

#messaggio div.top p {
 margin: 0;
 padding: 0;
 position: absolute;
 margin-left: 110px;
 margin-top: 60px;
 font-size: 0.8em;
 color: #09f;
 padding-bottom: 4px;
 width: 565px;
}

#messaggio div.bottom {
 background: url(images/blog_commenti_top.gif) no-repeat bottom left;
 height: auto !important;
 min-height: 29px;
 height: 29px;
 padding: 0 10px 3px 10px;;
}

#messaggio div.bottom p {
 text-align: left;
 font-size: 0.7em;
 margin: 0;
 padding: 0;
 padding-top: 2px;
 padding-left: 15px;
}

#messaggio div.bottom p a {
 color: #09f;
 text-decoration: none;
}

#messaggio div.bottom p a:hover {
 color: #f20;
}

#messaggio div.testo {
 padding: 5px 10px 0 10px;
}

#messaggio div.testo p {
 margin: 0;
 margin-bottom: 5px;
 padding: 0;
 font-size: 0.9em;
}

#messaggio div.testo p.image {
 text-align: center;
 margin: 5px;
}

#messaggio div.testo p.image, #messaggio div.testo p.image2 {
 text-align: center;
 margin: 5px;
}

#messaggio div.testo p.image2 img {
 background: url(images/ombra.gif) no-repeat bottom right;
 padding-right: 5px;
 padding-bottom: 5px;
}



#messaggio div.testo a {
 color: #f20;
 text-decoration: none;
}

#messaggio div.testo a:hover {
 text-decoration: underline;
}

#messaggio div.testo ul {
 margin: 5px 0;
 padding: 0 20px;
 list-style: none;
}

#messaggio div.testo ol {
 font-size: 0.8em;
}

#messaggio div.testo ul li {
 background: url(images/bullet_orange.gif) no-repeat 0 2px;
 padding-left: 20px;
}

#messaggio div.testo p.fonte {
 font-size: 80%;
 padding: 10px;
 text-align: right;
}

#messaggio div.testo p.right {
 float: right;
 margin-right: 10px;
}


#messaggio div.testo div.video {
 width: 455px;
 margin: 0 auto;
 height: 370px;
 background: url(/blog/images/video.gif) no-repeat top left;
 text-align: center;
 padding-top: 10px;
}

#messaggio h2 {
 color: #f20;
 margin: 0;
 padding: 0;
 background: url(images/linea.gif) no-repeat bottom center;
 position: absolute;
 margin-left: 110px;
 margin-top: 30px;
 padding-bottom: 4px;
 width: 565px;
 font-weight: normal;
 font-size: 1.3em;
 text-transform: uppercase;
 font-family: small fonts, verdana;
}

#messaggio h3 {
 position: absolute;
 width: 73px;
 height: 73px;
 margin: 0;
 margin-top: 3px;
 margin-left: 25px;
}

#messaggio h3 span {
 display: none;
}

#messaggio div.testo p.quote {
 color: #09f;
 margin: 0;
 margin-left: 93px;
 font-size: 0.8em;
 float: left;
}

#messaggio div.testo pre {
 overflow: auto;
 background: #adf;
 padding: 5px;
 border: 1px dashed #09f;
 margin-left: 10px;
 margin-right: 10px;
}

#messaggio div.testo blockquote {
 clear: left;
 height: auto !important;
 min-height: 40px;
 height: 40px;
 margin: 0 30px 5px 30px;
 padding: 3px;
 padding-left: 58px;
 background: url(images/quote.gif) no-repeat top left;
 font-style: italic;
 font-size: 0.8em;
 color: #333
}

#messaggio div.testo div.player {
 background: #fff;
 padding: 10px 25px;
 margin: 10px 20px 0 20px;
}

#messaggio div.testo blockquote.song {
 margin: 0 20px 10px 20px;
 padding: 0 25px 5px 25px;
 background: #fff url(/blog/images/chitarra.gif) no-repeat right bottom;
}

/************/
/* COMMENTI */
/************/

#commenti {
 width: 700px;
 background: url(images/blog_commenti_cont.gif) repeat-y top left;
}

#commenti div.commento {
 min-height: 50px;
 height: auto !important;
 height: 50px;
 margin: 0 42px 10px 35px;
}

#commenti div.commento p.autore {
 text-align: right;
 font-weight: bold;
 color: #f20;
 margin: 0;
 margin-right: 5px;
 padding: 0;
 padding-right: 25px;
 border-bottom: 1px solid #09f;
}

#commenti div.commento p.autore span.ordine {
 float: left;
 font-size: 2em;
 background: #aadcfd url(images/numeri.gif) no-repeat top right;
 width: 50px;
 margin: 0 5px 5px 0;
 text-align: center;
 border-right: 1px solid #09f;
 border-top: 1px solid #09f;
 font-family: small fonts;
}

#commenti div.commento p.autore span.data {
 float: left;
 color: #09f;
 font-weight: normal;
 font-size: 0.8em;
 margin-right: 5px;
}

#commenti div.commento p.autore a {
 color: #f20;
 text-decoration: none;
 padding-left: 23px;
 background: url(images/url_start.gif) no-repeat left center;
}

#commenti div.commento p.autore a:hover {
 color: #f20;
 text-decoration: none;
 background: url(images/url_hover.gif) no-repeat left center;
}

#commenti div.commento p.testo {
 margin: 0;
 margin-left: 58px;
 padding: 0;
 font-size: 0.8em;
}

#commenti div.commento p.testo a {
 color: #f20;
 text-decoration: none;
 border-bottom: 1px solid #f20;
}

#commenti div.commento p.testo a:hover {
 color: #f20;
 border-bottom: none;
}

#commenti div.commento p.data {
 margin: 5px 0 0 0;
 padding: 0;
 font-size: 0.8em;
 color: #09f;
 text-align: right;
 padding-right: 10px;
}

#commenti #scrivi {
 display: block;
 text-align: center;
 font-size: 0.8em;
 margin: 0 42px 0 35px;
}

#scrivi form {
 width: 48%;
 float: left;
 margin: 0;
 padding: 0;
 text-align: left;
}

#scrivi form p.label {
 margin: 0;
 margin-bottom: 1px;
 padding: 0;
 font-size: 0.8em;
}

#scrivi form p.input, #scrivi form p.testo {
 margin: 0;
 margin-bottom: 5px;
 padding: 0;
}

#scrivi form p.input input, #scrivi form p.testo textarea {
 border: 1px solid #f20;
 padding: 0 1px;
 width: 99%;
}

#scrivi form p.button {
 margin: 0;
 padding: 0;
 text-align: center;
}

#scrivi form p.button input {
 border: 1px solid #f20;
 background: #09f;
 color: #fff;
 font-weight: bold;
 text-transform: uppercase;
 padding: 0 10px;
}

#scrivi #anteprima {
 width: 49%;
 float: right;
 border-top: 1px solid #8cd1ff; 
 border-left: 1px solid #8cd1ff;
 background: url(images/commenti_prew.gif) no-repeat top left;
 height: 235px;
 padding: 3px;
 overflow: auto;
}

#scrivi #anteprima p {
 line-height: 1em;
 margin: 0;
 padding: 0;
 text-align: left;
}

#commenti p.scrivi {
 clear: both;
 font-size: 0.7em;
 padding-top: 3px;
 text-align: center;
 padding-bottom: 5px;
 border-bottom: 1px solid #09f;
}

#commenti p.chiuso {
 clear: both;
 font-size: 0.9em;
 padding-top: 3px;
 text-align: center;
 padding-bottom: 5px;
 border-bottom: 1px solid #09f;
 margin: 0;
}

#commenti p.operazioni {
 background: url(images/blog_commenti_bottom.gif) no-repeat bottom left;
 padding-bottom: 15px;
 margin: 0;
 font-size: 0.8em;
 text-align: center;
}

#commenti p.operazioni a.write {
 color: #09f;
 text-decoration: none;
 padding-right: 20px;
 line-height: 14px;
 background: url(/blog/images/scrivi.gif) no-repeat right center;
}

#commenti p.operazioni a.commenta {
 color: #09f;
 text-decoration: none;
 padding-right: 20px;
 line-height: 14px;
 background: url(images/commenti.gif) no-repeat right center;
}

#commenti p.operazioni a.refresh {
 color: #09f;
 text-decoration: none;
 padding-right: 20px;
 line-height: 14px;
 background: url(images/refresh.gif) no-repeat right center;
}

#commenti p.operazioni a:hover {
 text-decoration: underline;
 color: #f20;
}

#commenti p.errore {
 margin: 0;
}

#commenti p.grazie {
 margin: 0;
}

#commenti p.ancora {
 margin: 0;
 margin-top: 5px;
 border-bottom: 1px solid #09f;
 padding-bottom: 5px;
 margin-bottom: 5px;
}

#commenti p.ancora a {
 color: #f20;
 text-decoration: none;
 padding-left: 20px;
}

#commenti p.ancora a:hover {
 text-decoration: underline;
}


/**********/
/* DESTRA */
/**********/

#destra {
 float: right;
 width: 190px;
 padding-top: 25px;
}

#destra div {
 margin-bottom: 15px;
 background: url(images/separatore.gif) no-repeat bottom center;
 padding-bottom: 35px;
}

#message {
 position: fixed;
 bottom: 0px;
 right: 0px;
 background: #f20;
 color: #fff;
 font-weight: bold;
 border-top: 1px solid #fff;
 border-left: 1px solid #fff;
 padding: 3px;
 font-size: 0.8em;
 max-width: 400px;
}

#message p {
 margin: 0;
 padding: 0;
}

/*************/
/* CATEGORIE */
/*************/

#categorie h2 {
 background: url(images/categorie.gif) no-repeat center center;
 height: 30px;
 margin: 0;
 padding: 0;
}
#categorie h2 span {
 display: none;
}

#categorie ul {
 margin: 0;
 padding: 0;
 padding: 0 15px;
 list-style: none;
}

#categorie ul li {
 margin: 0 0 5px 0;
 padding: 0;
}

#categorie ul li a {
 color: #09f;
 text-decoration: none;
 display: block;
 width: 98%;
 padding-right: 15px;
}

#categorie ul li a:hover {
 color: #09f;
 text-decoration: underline;
 background: url(../images/header/freccia-sx.gif) no-repeat right center;
}

/**********/
/* ULTIMI */
/**********/

#ultimi h2 {
 background: url(images/ultimi_messaggi.gif) no-repeat center center;
 height: 30px;
 margin: 0;
 padding: 0;
}
#ultimi h2 span {
 display: none;
}

#ultimi ul {
 margin: 0;
 padding: 0;
 padding: 0 15px;
 list-style: none;
 font-size: 0.7em;
}

#ultimi ul li {
 margin: 0 0 5px 0;
 padding: 0;
}

#ultimi ul li a {
 color: #09f;
 display: block;
 width: 98%;
 text-decoration: none;
 padding-right: 15px;
}

#ultimi ul li a:hover {
 color: #09f;
 text-decoration: underline;
 background: url(../images/header/freccia-sx.gif) no-repeat right center;
}

/************/
/* ARCHIVIO */
/************/

#archivio h2 {
 background: url(images/archivio.gif) no-repeat center center;
 height: 30px;
 margin: 0;
 padding: 0;
}
#archivio h2 span {
 display: none;
}

#archivio ul {
 margin: 0;
 padding: 0;
 padding: 0 15px;
 list-style: none;
}

#archivio ul li {
 margin: 0 0 5px 0;
 padding: 0;
}

#archivio ul li a {
 color: #09f;
 display: block;
 width: 98%;
 text-decoration: none;
 padding-right: 15px;
}

#archivio ul li a:hover {
 color: #09f;
 text-decoration: underline;
 background: url(../images/header/freccia-sx.gif) no-repeat right center;
}

/********/
/* FEED */
/********/

#feed h2 {
 margin: 0;
 padding: 0;
}

#feed h2 a {
 margin: 0 auto;
 display: block;
 width: 96px;
 height: 23px;
 background: url(images/feed.gif) no-repeat center center;
}

#feed h2 a:hover {
 background: url(images/feed_hover.gif) no-repeat center center;
}

#feed h2 a span {
 display: none;
}

#feed p {
 text-align: center;
 margin: 0;
 padding: 5px 0 0 0;
}

#feed a img {
 border: none;
}