/* CSS Document */

* {margin: 10; padding: 0}
body {background: url(http://www.antichecarampane.com/sfondo-paglia-carampane.jpg); color: #000}
body, td, th {color: #000; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px}
a {color: #930; text-decoration: none}
a: hover {text-decoration: underline}
a img: hover {background: none}
p, form, fieldset, h1, h2, h3, h4, ul, li {list-style-type: none; border: 0}
.boxcentro {width: 775px; text-align: center}

/* ------------------
header
------------------*/
#boxhead {width: 775px; height: 302px; margin: 0 auto; background: url(http://www.antichecarampane.com/sfondo_blog.jpg)
left top no-repeat}
#head {text-align: left}
#head h1 {display: none}
#head h2 {font-size: 1px; font-weight: normal; color: #FFFFFF; padding: 10px 0 0 1px}
#head h2 a {color: #FFFFFF}
#head p {padding: 0 0 1px 1px; font-size: 1px; color: #FFFFFF}
#head p#linkauthor {padding: 2px 0 2px 10px; font-size: 12px}
/* top navigator  (nuova)*/
#head .topnav {font-size: 11px}

/* ------------------
	ADSENSE
 ------------------*/ 
#adsense {width: 775px; height: 100px; margin: 0 auto; text-align: center; background: url(http://www.antichecarampane.com/sfondo_blog.jpg)
left top repeat-y}
#adsense2 {margin: 10px auto; text-align: center}

/* ------------------
centrale
------------------ */
#boxlogo, #boxmain {width: 775px; margin: 0 auto; background: url(http://beta.dada.net/img/blog_tmpl/Mare_Inverno/boxmain-bgk.gif) left top repeat-y}
#column1 {width: 187px; overflow: hidden; float: left; padding: 22px 3px 0 11px}
#content {width: 550px; overflow: hidden; padding: 22px 0 0 14px; text-align: left}
/* ------------------
navigazione
------------------*/

.calendario {margin: 0 auto 12px auto; text-align: left}
.calendario table {margin: 0 auto; width: 187px}
.calendario {text-align: left}
.calendario td {color: #30415A; font-size: 13px}
.calendario th {color: #30415A; font-size: 13px; font-weight: normal}
.calendario th.domenica {color: #c00}
.calendario a {font-weight: bold}

/* ricerca : nascosto */
#cerca {display: none}
#cerca fieldset {}
#cerca input.text {}
#cerca input.button {}

/* liste navigazione */
#column1 h3 {font-size: 13px; font-weight: normal; color: #e5e6da; text-align: center; width: 187px; height: 21px; background: url("http://life.dada.net/img/blog_tmpl/Mare_Inverno/tit_col_sx_grey.gif") center top no-repeat}
#column1 h3 a {width: 187px; height: 21px; display: block; color: #e5e6da; background: url("http://life.dada.net/img/blog_tmpl/Mare_Inverno/tit_col_sx_red.gif") center top no-repeat; text-decoration: none}	
#column1 h3 a: hover {text-decoration: underline}	
#column1 ul {width: 187px; overflow: hidden; margin-top: 5px; padding-bottom: 5px; text-align: left}
#column1 ul li {padding-left: 23px; background: url("http://life.dada.net/img/blog_tmpl/Mare_Inverno/nautilus.gif") no-repeat 0px 3px}
#column1 ul li a {margin-left: 2px}
#column1 .commentoholder {margin: 0 5px 5px 10px}
#column1 .commentoholder * {font-size: 11px}

#column1 .navigafoto ul li {padding: 5px 0 0 0; width: 187px; overflow: hidden; text-align: left; background: none}
#column1 .navigafoto img {border: 1px solid #d8e1f0; background: #f2f2f2; padding: 2px}
#column1 table {padding: 5px 0}
#column1 td {padding: 0 4px}

/*classi nuove per colonna laterale */

#column1 .iscriviti {font-size: 12px; color: #000; margin: 20px 0 10px 15px}
#column1 .iscriviti p {text-align: left; line-height: 94%}
#column1 .iscriviti img {float: left; padding: 0 6px 2px 0; border: 0px}
#column1 .navigavideo .video_preview {text-align: left; color: #000; padding: 6px 0 15px 0}
#column1 .navigavideo .video_preview a {font-weight: bold}
#column1 .navigavideo h3 .l_arrow {width: 8px; height: 14px; position: absolute; top: 3px; left: 10px}
#column1 .navigavideo h3 .r_arrow {width: 8px; height: 14px; position: absolute; top: 3px; right: 10px}
#column1 .navigavideo h3 img {border: 0px}
#column1 .navigaaudio .audioplayer {padding: 6px 0 15px 0}
#column1 .ammiratori .ammiratori_list a {font-size: 10px; font-family: Arial, sans-serif; text-align: left; padding: 10px 10px 8px 15px; display: block; float: left}
#column1 .ammiratori .ammiratori_list {text-align: left}
#column1 .ammiratori .ammiratori_list a img {border: 0px}

/* fine classi Ammiratori */

#column1 .diffondi td {padding: 10px; text-align: center}
#column1 .condividi {}
#column1 .condividi td {padding: 10px; text-align: center}

#linkout ul {float: left; width: 175px; margin: 5px 0 0 0; padding: 0; list-style-type: none}
#linkout ul li{padding: 0 0 0 15px; margin: 0; background: url("http://beta.dada.net/img/link_esterno.gif") 2px 5px no-repeat; text-align: left; float: left}
#column1 ul li a, #linkout ul li a {word-wrap: break-word} /* per IE */

/* ------------------
contenuto blog
------------------*/

/*Box Profiles*/

.profile a {color: #362c38; text-decoration: underline}
.profile a: hover {color: #930}
.profile p {font-size: 11px; color: #514b49; text-align: right; margin: 5px}
.profile img {float: right; padding: 3px; margin: 0 15px 0 5px; vertical-align: top; border: 1px solid #fff}
.profile {float: right; width: 200px; overflow: hidden; padding-top: 22px}

/* post */
#content .storia {width: 550px; color: #000; text-align: left; margin-bottom: 70px; overflow: hidden}
#content .storia .tit h1 {font-weight: normal; font-size: 32px; color: #6A8F98; border: none}
#content .tit .dettaglio {padding: 3px; font-size: 11px; color: #514B49}
#content .storia .img {width: 490px; float: left; text-align: center; padding: 10px 0 10px 0}
#content .storia p img, #content .storia img {/*border: 1px solid #d1ddef; */padding: 6px; height: auto; max-width: 500px; margin: 1px}
#content .storia p {padding: 0px 30px 0 0}
#content .storia ul li{list-style-type: disc; list-style-position: inside; padding: 5px}
#content .storia .shozu_desc {font-size: 11px; color: #666; display: block; padding-bottom: 7px}

/*classe aggiunta per contenitore post*/

#content .storia .wrap_post {border-left: 3px solid #A5B2AF; padding: 0px 5px 0 10px; margin: 10px 0 0 7px}
#content .tags {text-align: left; margin: 3px 40px 10px 10px; font-size: 12px; padding: 3px 0 10px 0; border-bottom: 1px solid #A5B2AF; clear: both}
#content .tags strong a {font-weight: normal; border: none}
#content .tags a {font-weight: bold; border-bottom: 3px solid #fff}
#content .tags img {border: 0; background: none; padding: 0}
#content .categs {font-size: 13px; text-align: right; padding-right: 40px; clear: both}
#content .categs a strong {font-weight: normal; text-align: right}

/* barra info */ 
#content .info {clear: both; width: 500px; overflow: hidden; padding-top: 15px}
#content .num_comm {display: inline; height: 20px; background: url("http://life.dada.net/img/blog_tmpl/Mare_Inverno/commenti_red.gif") no-repeat; background-position: left; padding: 0 0 6px 40px}
#content .invia_amico, #content .continua {margin: 0px 20px 0 10px; padding: 3px 0 5px 40px; height: 25px; display: block; float: left}
#content .continua a, #content .invia_amico a {font-size: 13px; margin: 0; padding: 0}
#content .continua {background: url("http://life.dada.net/img/blog_tmpl/Mare_Inverno/permalink_red.gif") no-repeat left top}
#content .invia_amico {background: url("http://life.dada.net/img/blog_tmpl/Mare_Inverno/invia_red.gif") no-repeat left top}
#content .continua a: hover, #content .num_comm a: hover, #content .invia_amico a: hover {text-decoration: underline}

/* pagina index categorie */
#content .tit-categoria {font-size: 32px}
#content .categorieholder {clear: both; margin: 0 20px 0 10px; padding: 10px 0 5px 0; border-bottom: 1px dashed #DCE6EF}
#content .categorieholder table {width: 100%; margin: 0 auto}
#content .categorieholder table td {text-align: left; font-size: 12px}
#content .categorieholder table td.nome {width: 50%; font-size: 16px; text-align: right; line-height: 20px}
#content .categorieholder table td.descrizione {padding-left: 10px; font-style: italic; font-size: 12px; line-height: 20px}
#content .categorieholder table td.numero {text-align: right; color: #839DA6; font-size: 12px; line-height: 20px}
#content .categorieholder table td.tag {padding-left: 10px; font-size: 100%; font-size: 12px; line-height: 20px}

/*Voti*/
#content_goodvoting {color: #390; display: none; margin-top: 5px}
#content_badvoting {color: #f00; display: none; margin-top: 5px}
#content .vota {margin: 0 45px 15px 0; display: block; text-align: right}
#content .vota img {margin: 0; padding: 0; vertical-align: middle; display: inline; background-color: none; border:0}
#content .vota a {margin: 0 0 0 5px; padding: 0}
#content .inner_vota {display: block; margin: 6px 0 0 15px; height: 24px}


/* permalink commenti */
/*aggiunto comment_wrap*/
.comment_wrap {margin: 10px 0 0 10px}
.comment_wrap h3 {font-size: 21px; color: #6a8f98; text-align: left; font-weight: normal; padding-top: 10px}
.comment_wrap h3 img {vertical-align: top; padding-bottom: 3px}

#commenti {width: 490px; float: left; padding-top: 10px}
#commenti .tit {width: 490px; float: left; color: #000}
#commenti .commentoholder {margin: 10px 0 30px 30px; display: block}
.commentoholder .data {font-weight: normal; font-size: 11px; color: #839da6; text-align: left}
.commentoholder .commento {color: #000; display: block;  text-align: left}
.commentoholder .commento * {font-size: 110% !important}
.commentoholder .utente {color: #000; font-size: 11px;  text-align: left; display: block}
#commentoholder img {padding: 5px}

/* Form commenti permalink */

form#commentit label, form#commentit input, form#commentit textarea {display: block; float: left; width: 70px; margin: 5px 0}
form#commentit label {color: #666; text-align: left}
form#commentit input {width: 150px}
form#commentit textarea {width: 280px}
form#commentit input.submit {width: auto; padding: 4px; cursor: pointer; border: 1px solid #fff; font-size: 12px; color: #fff; background: #930}
form#commentit br {clear: left}
form#commentit {margin-left: 40px}
form#commentit h3 {margin-left: -40px}

/* ------------------
footer
------------------*/
#boxpiede {width: 775px; height: 30px; background: url(http://beta.dada.net/img/blog_tmpl/Mare_Inverno/boxpiede-bgk.gif) left bottom no-repeat; margin: 0 auto}
#crea {text-align: center}
#crea a:hover {line-height: 30px; text-decoration: underline; font-size: 12px}


/*  THE WALL */
#boxthewall {display: block; width: 560px}
#boxthewall h3 {font-weight: normal; font-size: 32px; color: #6A8F98; margin: 0 20px 10px 10px; padding: 0 0 6px 0; border-bottom: 1px dashed #ccc}
#montaggio {vertical-align: top; margin: 0 20px 10px 10px}
.s_wall {display: block; float: left; padding: 2px; text-align: left; /*vertical-align: top; */}
.s_wall img {width: 100px; height: auto; max-width: 100px; padding: 4px; border: 1px solid #d1ddef; background: #f2f2f2; margin: 0}
.icone_foto_w{position: absolute; z-index: 100; top: 0; left: 0; border: none; background: none}

/*  Recover password*/
#boxcell {display: block; width: 260px; height: 60px; position: absolute; top: 250px; left: 350px; background: #f7f7f7; font-size: 12px; color: #0099ff; margin: 5px 0 20px 0; padding: 5px; border: 3px solid #d1ddef}

/* Paginazione */
#content .paginazione{width: 100%; clear: both; float: left; margin: 0 0 10px 0}
#content .prec {float: left; width: 270px; clear: left; padding: 1px 4px 1px 9px; font-size: 21px; text-align: left}
#content .prec a {color: #000}
#content .succ {float: right; width: 150px; text-align: right; padding: 1px 8px 1px 4px; font-size: 12px}

/*clear fix*/
#content .storia: after, .profile: after, #column1 .ammiratori .ammiratori_list: after, #column1 .iscriviti: after, #ultimefoto: after, #content .invia_amico: after, #content .continua: after  {content: "."; display: block; height: 0; clear: both; visibility: hidden}