/* CSS Document */

/* CSS Document */

* {margin: 0; padding:0}
body {background:#FFF; padding:0; margin:0 auto 0 auto; width:auto; height:100%;}
body, td, th {color:#000; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;	font-size:12px;}
a:link, a:visited {color:#09F; text-decoration:none;}
a:hover, a:visited:hover{text-decoration:underline;}
p, form, fieldset, h1, h2, h3, h4, ul, li {margin:0; padding:0; list-style-type:none; border:0;}
table th, table td {vertical-align: top}
.boxcentro {width:780px; text-align:left}


/* ------------------
 header
 ------------------*/
#boxhead {width: 100%; height: 128px; background-color:#C4D2EC}
#head {width: 100%; height: 128px; background: url(http://beta.dada.net/img/blog_tmpl/blu/testina.jpg) no-repeat; background-color:#C4D2EC}
#head h1 {display: none}
#head h2 {font-size: 32px; font-weight: normal; line-height: 32px; color: #fff; padding: 55px 10px 10px 160px}
#head a {color: #fff; background: none}
#head a:hover {color: #fff; background: none}
#head p {font-size: 12px; padding: 5px 10px 5px 215px; color: #000; font-weight: bold}
#nomeguida {width: 780px; text-align: right; font-size: 11px}


/* ------------------
 ADSENSE
 ------------------*/ 
#adsense {margin: 0; padding: 0 0 0 52px; height: 90px; text-align: left; background: url(http://beta.dada.net/img/blog_tmpl/blu/sinads.jpg) left top no-repeat #fff}
#adsense2 {width: 100%; margin: 0 auto; text-align: center}


/* ------------------
 centrale
 ------------------ */
#boxlogo, #boxmain {}
#boxmain {background: url(http://beta.dada.net/img/blog_tmpl/blu/bk2.gif) left top repeat-y #fff}
#col_sx {width: 200px; float: left; padding: 10px 0 0 60px; overflow: hidden; background: url(http://beta.dada.net/img/blog_tmpl/blu/latosinsitro.jpg) left top no-repeat}
#content {width: 500px; float: left; padding: 10px 0 0 20px; overflow: hidden}


/* ------------------
 navigazione
 ------------------*/
#box_col {padding: 0 10px 0 0}

.profile {display:block; height:auto; margin-bottom:10px; padding:4px; margin-top:10px; background:#F9F9F9; border:1px solid #CCC}
.profile a:hover {color:#fff; background:#09f;}
.profile img {float:left; padding:1px; }
.profile p { background:none; padding:5px 0 0 5px; font-size:11px}

#calendario {width: 190px; padding: 1px; border: 1px solid #ccc; background: #f9f9f9}
#calendario td {color: #30415A; font-size: 11px}
#calendario td.tit {background: #eee}
#calendario td.domenica {color: #c00}
#calendario h3 {font-size: 11px; color: #000; font-weight: bold; padding: 2px}
#calendario a {font-weight :bold}

/* liste navigazione */
.col_elenco {margin: 10px 0}
.col_elenco h3 {font-size: 11px; font-weight: bold; background: #fff; color: #000; padding: 2px}
.col_elenco ul {margin-top: 5px}
.col_elenco ul li {padding-left: 10px; background:url(http://beta.dada.net/img/freccia.gif) 0 5px no-repeat}
.col_elenco ul li a {margin-left: 2px}

#col_sx .navigafoto ul li {padding: 5px 0 0 10px; text-align: left}
#col_sx .navigafoto img {border: 1px solid #d1ddef; background: #f2f2f2; padding: 4px}
#ultimefoto {}

#col_sx table {padding: 5px 0}
#col_sx td {padding: 4px}

/* class extra per personalizazione */
#col_sx .tags {}
#col_sx .archivio {}
#col_sx .ultimi-commenti {color: #000}
#col_sx .categorie {}
#col_sx .preferiti {}
#col_sx .navigafoto {}
#col_sx .diffondi {}
#col_sx .condividi {}

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

/* ricerca : nascosto */
#cerca {display: none; padding: 5px 0 5px 0}
#cerca fieldset {padding: 0 20px 0 20px; border: 0}
#cerca input.text {clear: both; width: 150px; border: 1px solid #184B80; font-size: 11px; padding: 3px; vertical-align: middle}
#cerca input.button {vertical-align: middle}

/* Paginazione */
#content .paginazione {width: 100%; border: 0; clear: both; overflow: hidden; font-size: 12px}
#content .prec {float: left; width: auto; padding: 1px 4px}
#content .succ {float: right; width: auto; padding: 1px 4px; text-align: left}
#content p {color: #000}


/* ------------------
 contenuto blog
 ------------------*/
 
/* post */
#content .storia {}
#content .storia .tit {color: #000}
#content .tit h1 {font-weight: normal; font-size: 32px; color: #000}
#content .tit .dettaglio {padding: 3px; font-size: 11px; color: #000}
#content .storia .img {width: 470px; float:left; padding:10px 0}
#content .storia p img, #content .storia img {border: 0; padding: 4px; max-width: 500px}
#content .storia p {margin: 10px 10px 10px 0}
#content .storia .shozu_desc {font-size:11px; color:#666; display:block; padding-bottom:7px}

#content .categs {clear: both; margin: 20px 0 3px 0}
#content .tags {text-align: left; padding-top: 3px; font-size: 11px}
#content .tags img {border: 0; background: none; padding: 0}

/* barra info */ 
#content .info {margin: 10px 0; border-bottom: 1px dashed #999; padding-bottom: 25px; color: #09f}
#content .info .vota {display: inline; background: #fff; margin: 0}
#content .info .vota img {background: none; margin: 0 5px; padding: 0; vertical-align: middle}
#content .info .vota a {margin: 0}
#content .info .inner_vota {display: inline; background: #fff}
#content_goodvoting {color: #390; display: none}
#content_badvoting {color: #f00; display: none}
#content .info .autore {width: 170px; padding: 2px 0 2px 3px; color: #000}
#content .info .num_comm, #content .info .invia_amico, #content .info .continua {display: inline; padding-left: 24px}
#content .info .num_comm {background: url("http://beta.dada.net/img/commento.gif") left center no-repeat}
#content .info .continua {background: url("http://beta.dada.net/img/permalink.gif") left center no-repeat}
#content .info .invia_amico {background: url("http://beta.dada.net/img/invia_amico.gif") left center no-repeat #fff}
#content .info .continua a, #content .info .invia_amico a {margin-right: 10px; color: #09f}
#content .info .num_comm a, {color: #09f}
#content .info .continua a:hover, #content .info .num_comm a:hover, #content .info .invia_amico a:hover {background: none}

/* pagina index categorie */
#content .tit-categoria {font-size: 160%}
#content .categorieholder {margin: 30px auto 10px auto; padding-bottom: 10px; border-bottom: 1px dashed #DCE6EF}
#content .categorieholder table {width: 100%; margin: 0 auto}
#content .categorieholder table td {vertical-align:middle; color: #000}
#content .categorieholder table td.nome {width: 25%; font-size: 180%; line-height: 100%; text-align: right}
#content .categorieholder table td.descrizione {width: 70%; padding-left: 5%; font-style: italic}
#content .categorieholder table td.numero {font-size: 280%; text-align: right; color: #DCCF58}
#content .categorieholder table td.tag {width: 70%; padding-left: 5%; font-size: 100%}

/* permalink commenti */
#commenti {width: 490px; float: left; padding-top: 10px}
#commenti .tit {width: 490px; float: left; color: #000}
.commentoholder {margin: 10px 0; display: block}
.commentoholder .data {font-weight: bold}
.commentoholder .commento {color: #000; display: block}
.commentoholder .commento * {font-size: 110% !important}
.commentoholder .utente {font-size: 11px}

/* Form commenti permalink */

form#commentit label, form#commentit input, form#commentit textarea {display:block;float:left;width:70px;margin:5px 0}
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:#09F}
form#commentit br {clear:left}

/* ------------------
 footer
 ------------------*/
#boxpiede {clear: left; width: 780px; margin-top: 20px}
#foot {width: 780px; position: relative; height: 70px; background:#8CABE2}
#foot p {margin-top: 60px; color: #999; font-size: 11px}
#a_foot {position: absolute; width: 100px; height: 66px; top: 0; left: 0; z-index: 3}
#crea, #crea:hover {float: right; height: 60px; line-height: 60px; color: #fff; background: none; padding-right: 20px}
#crea:hover {text-decoration: underline}

/* ------------------
 tagcloud
 ------------------*/
#htmltagcloud {text-align: center; line-height: 36px}
 /* homepage */
#col_sx #htmltagcloud {line-height: 21px}
span.tagcloud0 {font-size: 12px}
span.tagcloud0 a {text-decoration: none}
span.tagcloud1 {font-size: 13px}
span.tagcloud1 a {text-decoration: none}
span.tagcloud2 {font-size: 14px}
span.tagcloud2 a {text-decoration: none}
span.tagcloud3 {font-size: 15px}
span.tagcloud3 a {text-decoration: none}
span.tagcloud4 {font-size: 16px}
span.tagcloud4 a {text-decoration: none}
span.tagcloud5 {font-size: 17px}
span.tagcloud5 a {text-decoration: none}
span.tagcloud6 {font-size: 18px}
span.tagcloud6 a {text-decoration: none}
span.tagcloud7 {font-size: 19px}
span.tagcloud7 a {text-decoration: none}
span.tagcloud8 {font-size: 20px}
span.tagcloud8 a {text-decoration: none}
span.tagcloud9 {font-size: 21px}
span.tagcloud9 a {text-decoration: none}
span.tagcloud10 {font-size: 22px}
span.tagcloud10 a {text-decoration: none}
span.tagcloud11 {font-size: 23px}
span.tagcloud11 a {text-decoration: none}
span.tagcloud12 {font-size: 24px}
span.tagcloud12 a {text-decoration: none}
span.tagcloud13 {font-size: 25px}
span.tagcloud13 a {text-decoration: none}
span.tagcloud14 {font-size: 26px}
span.tagcloud14 a {text-decoration: none}
span.tagcloud15 {font-size: 27px}
span.tagcloud15 a {text-decoration: none}
span.tagcloud16 {font-size: 28px}
span.tagcloud16 a {text-decoration: none}
span.tagcloud17 {font-size: 29px}
span.tagcloud17 a {text-decoration: none}
span.tagcloud18 {font-size: 30px}
span.tagcloud18 a {text-decoration: none}
span.tagcloud19 {font-size: 31px}
span.tagcloud19 a {text-decoration: none}
span.tagcloud20 {font-size: 32px}
span.tagcloud20 a {text-decoration: none}
span.tagcloud21 {font-size: 33px}
span.tagcloud21 a {text-decoration: none}
span.tagcloud22 {font-size: 34px}
span.tagcloud22 a {text-decoration: none}
span.tagcloud23 {font-size: 35px}
span.tagcloud23 a {text-decoration: none}
span.tagcloud24 {font-size: 36px}
span.tagcloud24 a {text-decoration: none}