/* struttura di base*/
body {
  position:relative;
  z-index:1;
  margin: 0;
  padding: 0;
  text-align: center; /* per IE 5*/
  background: #645878;
  color: black;
}

#container {
  width: 960px;
  margin: auto;
  text-align:left; /* per IE 5*/
  background: url("../immagini/stelle.jpg");
}

#colonne {
  width: 960px;
  float: left;
  background: url("../immagini/stelle.jpg");
}

#colonna_sn {
  float: left;
  margin: 0 8px 0 16px;
  width: 610px;
  background: transparent;
  color: black;
}

#colonna_dx {
  float: left;
  width: 310px;
  background: transparent;
  color: black;
}

#header {
  background: transparent url("../immagini/header.jpg") no-repeat;
  color: black;
  height: 157px;
}

#header #menu ul{
  float:left;
  margin:0 0 0 12px;
  padding:10px 0 0 15px;
  list-style-type: none;
  background: transparent;
}

#header #menu ul li{
  display:inline;
  font-family: arial;
  font-size: 11pt;
  color: white;
  margin-right: 12px;
}

#header #menu ul li a:link, #header #menu ul li a:visited{
  color:white;
  text-decoration: none;
  font-weight: normal;
} 

#header #menu ul li a:hover{
  text-decoration: underline;
}

#header #menu form input{
  border:solid 0 #fff;
  background: transparent url("../immagini/ricerca.gif");
  margin: 12px 0 0 0;
  padding-left: 24px;
  width: 120px;
  height: 20px;
}

#header #logo{
  margin:15px 0 0 290px;
  width: 350px;
  height: 65px;
}

#header #logo a {
  margin:0;
  display: block;
  width: 350px;
  height: 65px;
}

#header #logo a span{
  position: relative;
  z-index: -1;
} 

#header #login{
  margin:6px 0 0 0;
  text-align: center;
}

#header #login form ul{
  margin:0;
}

#header #login form li{
  display: inline;
  color: white;
  font-family: arial;
  font-size: 10pt;
}

#header #login form input{
  padding-left: 5px;
}

#header #login form input.input{
  padding-left: 5px;
  border:solid 0 #fff;
  background: transparent url("../immagini/input.gif");
  width: 80px;
  height: 20px;
}

#header #login img{
  border: none;
}

#footer {
  font-family: arial;
  font-size: 9pt;
  background: url("../immagini/footer.jpg") no-repeat;
  color: white;
  clear: left;
  text-align: center;
  padding: 28px 0 0 0;
  margin:0;
}

#footer ul{
  margin: 3px 0 2px 0;
  padding: 0;
  list-style-type: none;
}

#footer ul li{
  display: inline;
  margin-right: 10px;
}

#footer p{
  margin: 0 0 2px 60px;
  padding: 0;
  width: 840px;
}

#footer p.digital a:link, #footer p.digital a:visited{
  color:white;
} 

#container a:link, #container a:visited{
  color: #CF7B07;
  text-decoration: none;
  font-weight: bold;
}

#container a:hover{
  text-decoration: underline;
}

/* div della colonna destra*/
#articoli, #enciclopedreams, #blog, #interviste, #racconti_locanda, #immagini {
  float:left;
  width:302px;
  padding: 2px;
  border: 2px solid #645878;
  background: transparent;
  margin-bottom: 8px;
}

#articoli h1 {
  margin:0;
  background: url("../immagini/articoli.jpg") no-repeat;
  height: 30px;
}

#articoli ul, #blog ul, #interviste ul, #racconti_locanda ul, #immagini ul{
  margin:0;
  padding:0;
  list-style-type: none;
  background: url("../immagini/pattern_arancio.jpg") repeat;
}

#articoli ul li, #racconti_locanda ul li{
  background: url("../immagini/elenco_arancio.jpg") no-repeat;
  min-height: 51px;
  text-align: center;
}

#articoli ul li img, #racconti_locanda ul li img{
  padding: 3px 0 0 20px;
}

#articoli ul li h2 {
  font-family: arial;
  margin:0 0 0 20px;
  font-size: 10pt;
  font-weight: bold;
  color: white;
}

#articoli ul li h2 a:link, #articoli ul li h2 a:visited, #interviste ul li h2 a:link, #interviste ul li h2 a:visited,
#racconti_locanda ul li h2 a:link, #racconti_locanda ul li h2 a:visited, #blog ul li h2 a:link, 
#blog ul li h2 a:visited, #blog_letti ul li h2 a:link, #blog_letti ul li h2 a:visited, 
#argomenti_correlati ul li h2 a:link, #argomenti_correlati ul li h2 a:visited,
#articoli_letti ul li h2 a:link, #articoli_letti ul li h2 a:visited, #interviste_lette ul li h2 a:link, 
#interviste_lette ul li h2 a:visited, #immagini_viste ul li h2 a:link, #immagini_viste ul li h2 a:visited,
#racconti_letti ul li h2 a:link, #racconti_letti ul li h2 a:visited, #narrativa_letti ul li h2 a:link, 
#narrativa_letti ul li h2 a:visited, #fumetti_letti ul li h2 a:link, #fumetti_letti ul li h2 a:visited,
#dvd_letti ul li h2 a:link,#dvd_letti ul li h2 a:visited{
  color:white;
  text-decoration: none;
}

#articoli ul li h2 a:hover, #interviste ul li h2 a:hover, #racconti_locanda ul li h2 a:hover, #blog ul li h2 a:hover,
#argomenti_correlati ul li h2 a:hover, #articoli_letti ul li h2 a:hover, #interviste_lette ul li h2 a:hover,
#immagini_viste ul li h2 a:hover, #racconti_letti ul li h2 a:hover, #narrativa_letti ul li h2 a:hover,
#fumetti_letti ul li h2 a:hover, #dvd_letti ul li h2 a:hover{
  text-decoration: underline;
}

#articoli ul li p, #racconti_locanda ul li p{
  margin:0 0 0 20px;
  padding-top: 3px;
  font-family: arial;
  font-size: 8pt;
  font-weight: bold;
}

#articoli li.viola, #racconti_locanda li.viola{
  background: url("../immagini/elenco_viola.jpg") no-repeat;
}

#enciclopedreams h1 {
  margin:0;
  height: 46px;
  background: url("../immagini/enciclopedreams.jpg") no-repeat;
}

#enciclopedreams h2{
  margin:0;
  padding-bottom: 4px;
  min-height: 24px;
  text-align:center;
  background: url("../immagini/pattern_viola.jpg") repeat-x;
  color:#FFFF00;
  font-style: italic;
}

#enciclopedreams div#voce {
  font-family:arial;
  font-size: 10pt;
  line-height:1.5;
  font-weight: bold;  
  background: url("../immagini/quadretti.gif") repeat;
  padding-bottom: 10px;
}

#enciclopedreams div#voce p.img {
  margin:0;
  padding: 10px 0;
  text-align: center;
}

#enciclopedreams div#voce p a img{
  border: none;
}

#enciclopedreams p {
  margin: 0;
}

#blog h1 {
  margin:0;
  height: 110px;
  background: url("../immagini/blog.jpg") no-repeat;
}

#blog ul li, #interviste ul li, #interviste_lette ul li{
  min-height: 25px;
  background: url("../immagini/pattern_arancio.jpg") repeat;
}

#blog ul li.viola, #interviste ul li.viola, #interviste_lette ul li.viola{
  background: url("../immagini/pattern_viola.jpg") repeat;
}

#blog ul li h2, #interviste ul li h2, #interviste_lette ul li h2{
  display: inline;
  font-family: arial;
  margin:5px 5px 5px 3px;
  padding: 0 0 0 15px;
  font-size: 8pt;
  font-weight: bold;
  color: white;
  float: left;
  width: 200px;
  background: url("../immagini/punto_elenco.gif") left center no-repeat;
}

#blog ul li p, #interviste ul li p, #nterviste_lette ul li p{
  font-family: arial;
  font-size: 8pt;
  font-weight: bold;
  margin:0;
  padding-top: 6px;
}

#approfondimento #descrizione_blog{
  width: 610px;
  background: url("../immagini/pattern_arancio.jpg") repeat;
  margin-bottom: 5px;
}

#approfondimento #descrizione_blog h1{
  margin:0;
  border: 2px solid #645878;
  height: 45px;
  background: url("../immagini/titolo-neil-gaiman-journal.jpg") no-repeat;
}

#approfondimento #descrizione_blog div{
  background: white;
  font-family: arial;
  font-size: 11pt;
  padding: 0 10px 0 5px;
  text-align: justify;
  border-top: none;
  border-left: 2px solid #645878;
  border-right: 2px solid #645878;
  border-bottom: 2px solid #645878;
  
}

#approfondimento #descrizione_blog div img{
  margin: 5px 5px 5px 0;
}

#approfondimento #descrizione_blog div p.margin{
  margin-top: 0;
  padding-top: 5px;
}

#interviste h1{
  margin:0;
  background: url("../immagini/interviste.jpg") no-repeat;
  height: 110px;
}

#racconti_locanda h1{
  margin:0;
  background: url("../immagini/racconti_locanda.jpg") no-repeat;
  height: 81px;
}

#racconti_locanda ul li h2{
  font-family: arial;
  margin:0 0 0 20px;
  font-size: 10pt;
  font-weight: bold;
  color: white;
}

#racconti_locanda ul li h2 span{
  color: #CCCCCC;
}

#immagini h1{
  margin:0;
  background: url("../immagini/immagini.jpg") no-repeat;
  height: 45px;
}

#immagini ul li{
  min-height: 110px;
  text-align: center;
  background: url("../immagini/pattern_arancio.jpg") repeat;
}

#immagini ul li img{
  padding-top: 6px;
  border: none;
}

#immagini ul li.viola{
  background: url("../immagini/pattern_viola.jpg") repeat;
}

/* colonna sinistra */

#vetrina {
  margin-bottom: 4px;
  height: 232px;
  border: 2px solid #645878;
  background: transparent;
}

#vetrina h1{
  margin:0;
  height: 26px;
  border-bottom: 2px solid #645878;
  background: url("../immagini/in_vetrina.jpg") no-repeat;
}

#vetrina #contenuto_vetrina_1, #vetrina #contenuto_vetrina_2, #vetrina #contenuto_vetrina_3, #vetrina #contenuto_vetrina_4{
  width:606px;
  height: 204px;
}

#vetrina #contenuto_vetrina_1 h2, #vetrina #contenuto_vetrina_2 h2, #vetrina #contenuto_vetrina_3 h2, #vetrina #contenuto_vetrina_4 h2{
  margin:0;
  padding: 170px 0 0 5px;
  color:#FFFF00;
}

#dettaglio h1 {
  margin:0;
  border: 2px solid #645878;
  background: url("../immagini/dettaglio.jpg") no-repeat;
  height: 25px;
}

#dettaglio div h2{
  font-family: arial;
  font-size: 11pt;
  font-weight: bold;
  color:#FFFF00;
  margin:0;
  padding-top: 3px;
  background: url("../immagini/pattern_viola.jpg") repeat;
  height: 22px;
  text-align:center;
}

#dettaglio div h2 span, #vetrina #contenuto_vetrina_1 h2 span, #vetrina #contenuto_vetrina_2 h2 span, 
#vetrina #contenuto_vetrina_3 h2 span, #vetrina #contenuto_vetrina_4 h2 span{
  color: white;
}

#dettaglio div div{
  border: 2px solid #645878;
  height: 250px;
  background: url("../immagini/pattern_arancio.jpg") repeat;
}

#dettaglio div div div{
  font-family: arial;
  font-size: 12pt;
  line-height: 2;
  margin: 8px 0 0 3px;
  padding: 10px;
  width: 575px;
  height: 210px;
  border: 2px solid #645878;
  background: white;
}

#dettaglio div div div img{
  margin: 0 5px;
}

#dettaglio div div div p{
  margin:0 5px;
}

#dettaglio div div div p.arancio{
  margin-top: 28px;
  font-size:10pt;
  color: #CF7B07;
  font-weight: bold;
}


/* codice delle pagine interne */
#approfondimento h1{
  margin:0;
  border: 2px solid #645878;
  height: 25px;
}

#approfondimento h1.articoli, #elenco_intermedie h1.articoli{
  background: url("../immagini/approfondimento_articoli.jpg") no-repeat;
}

#approfondimento h1.blog{
  background: url("../immagini/approfondimento_blog.jpg") no-repeat;
}

#approfondimento h1.interviste, #elenco_intermedie h1.interviste{
  background: url("../immagini/approfondimento_interviste.jpg") no-repeat;
}

#approfondimento h1.racconti, #elenco_intermedie h1{
  background: url("../immagini/approfondimento_racconti.jpg") no-repeat;
}

#approfondimento h1.galleria, #elenco_intermedie h1.galleria{
  background: url("../immagini/approfondimento_galleria.jpg") no-repeat;
}

#approfondimento h1.narrativa, #elenco_intermedie h1.narrativa{
  background: url("../immagini/approfondimento_narrativa.jpg") no-repeat;
}

#approfondimento h1.fumetti, #elenco_intermedie h1.fumetti{
  background: url("../immagini/approfondimento_fumetti.jpg") no-repeat;
}

#approfondimento h1.dvd, #elenco_intermedie h1.dvd{
  background: url("../immagini/approfondimento_dvd.jpg") no-repeat;
}

#approfondimento h1.enciclopedreams{
  background: url("../immagini/approfondimento_enciclopedreams.jpg") no-repeat;
}

#approfondimento div h2{
  font-family: arial;
  font-size: 11pt;
  font-weight: bold;
  color:#FFFF00;
  margin:0;
  padding-top: 3px;
  background: url("../immagini/pattern_viola.jpg") repeat;
  height: 22px;
  text-align:center;
}

#approfondimento div div{
  border: 2px solid #645878;
  background: url("../immagini/pattern_arancio.jpg") repeat;
  padding-bottom: 5px;
}

#approfondimento div div div{
  font-family: arial;
  font-size: 12pt;
  line-height: 2;
  margin: 8px 0 0 3px;
  padding: 10px;
  width: 575px;
  border: 2px solid #645878;
  background: white;
  text-align:justify;
}

#approfondimento div div div img{
  margin: 0 5px;
}

#approfondimento div div div p{
  margin:0 5px;
}

#approfondimento table td{
  font-family: arial;
  font-size:9pt;
  font-weight: bold;
  border: 1px solid #6B5F7E;
}

#approfondimento table td.viola{
  background: url("../immagini/pattern_viola.jpg") repeat;
  color: white;
  border: 1px solid black;
  text-align: center;
}

#commenti h1 {
  margin:12px 0 0 0;
  border: 2px solid #645878;
  background: url("../immagini/approfondimento_commenti.jpg") no-repeat;
  height: 25px;
}

#commenti div h2{
  font-family: arial;
  font-size: 11pt;
  font-weight: bold;
  color:white;
  margin:0;
  padding-top: 3px;
  background: url("../immagini/pattern_viola.jpg") repeat;
  height: 22px;
  text-align:left;
}

#commenti div h2 span.sn{
  float: left;
  padding-left: 11px;
  background: transparent;
  border: none;
}

#commenti div h2 span.dx{
  float: right;
  font-size: 9pt;
  padding: 3px 11px 0 0;
  background: transparent;
  border: none;
}

#commenti div div{
  border: 2px solid #645878;
  background: url("../immagini/pattern_arancio.jpg") repeat;
  padding-bottom: 5px;
}

#commenti div div div{
  font-family: arial;
  font-size: 10pt;
  line-height: 2;
  margin: 8px 0 0 3px;
  padding: 10px;
  width: 575px;
  min-height: 100px;
  border: 2px solid #645878;
  background: white;
  text-align:justify;
}

#commenti div div div img{
  margin: 0 5px;
}

#commenti div div div p{
  margin:0 5px;
}

#articoli_letti, #blog_letti, #interviste_lette, #immagini_viste, #racconti_letti, #narrativa_letti, #fumetti_letti,
#dvd_letti, #argomenti_correlati, #dati_articoli, #dati_interviste, #dati_galleria, #dati_racconti, #dati_narrativa,
#dati_fumetti, #dati_dvd, #ins_commento, #voto, #ins_racconto{
  float:left;
  width:302px;
  padding: 2px;
  border: 2px solid #645878;
  background: transparent;
  margin-bottom: 8px;
}

#articoli_letti h1{
  margin:0;
  background: url("../immagini/articoli_letti.jpg") no-repeat;
  height: 30px;
}

#blog_letti h1{
  margin:0;
  background: url("../immagini/blog_letti.jpg") no-repeat;
  height: 30px;
}

#interviste_lette h1{
  margin:0;
  background: url("../immagini/interviste_lette.jpg") no-repeat;
  height: 30px;
}

#immagini_viste h1{
  margin:0;
  background: url("../immagini/immagini_viste.jpg") no-repeat;
  height: 30px;
}

#narrativa_letti h1{
  margin:0;
  background: url("../immagini/narrativa_letti.jpg") no-repeat;
  height: 30px;
}

#fumetti_letti h1{
  margin:0;
  background: url("../immagini/fumetti_letti.jpg") no-repeat;
  height: 30px;
}

#dvd_letti h1{
  margin:0;
  background: url("../immagini/dvd_letti.jpg") no-repeat;
  height: 30px;
}

#racconti_letti h1{
  margin:0;
  background: url("../immagini/racconti_letti.jpg") no-repeat;
  height: 30px;
}

#ins_commento h1 {
  margin:0;
  background: url("../immagini/ins_commento.jpg") no-repeat;
  height: 30px;
}

#ins_racconto h1{
  margin:0;
  background: url("../immagini/inoltra_racconto.jpg") no-repeat;
  height: 25px;
}

#argomenti_correlati h1{
  margin:0;
  background: url("../immagini/argomenti_correlati.jpg") no-repeat;
  height: 30px;
}

#dati_articoli h1{
  margin:0;
  background: url("../immagini/dati_articoli.jpg") no-repeat;
  height: 25px;
}

#dati_interviste h1{
  margin:0;
  background: url("../immagini/dati_interviste.jpg") no-repeat;
  height: 25px;
} 

#dati_galleria h1{
  margin:0;
  background: url("../immagini/dati_galleria.jpg") no-repeat;
  height: 25px;
}

#dati_racconti h1{
  margin:0;
  background: url("../immagini/dati_racconti.jpg") no-repeat;
  height: 25px;
}

#dati_narrativa h1{
  margin:0;
  background: url("../immagini/dati_narrativa.jpg") no-repeat;
  height: 25px;
}

#dati_fumetti h1{
  margin:0;
  background: url("../immagini/dati_fumetti.jpg") no-repeat;
  height: 25px;
}

#dati_dvd h1{
  margin:0;
  background: url("../immagini/dati_dvd.jpg") no-repeat;
  height: 25px;
}



#articoli_letti ul, #blog_letti ul, #interviste_lette ul, #immagini_viste ul, #racconti_letti ul, 
#narrativa_letti ul, #fumetti_letti ul, #dvd_letti ul, #argomenti_correlati ul, #dati_articoli ul, #dati_interviste ul, 
#dati_galleria ul, #dati_racconti ul, #dati_narrativa ul, #dati_fumetti ul, #dati_dvd ul, #ins_commento ul, #ins_racconto ul{
  margin:0;
  padding:0;
  list-style-type: none;
  background: url("../immagini/pattern_arancio.jpg") repeat;
}

#articoli_letti ul li, #blog_letti ul li, #immagini_viste ul li, 
#racconti_letti ul li, #narrativa_letti ul li, #fumetti_letti ul li, #dvd_letti ul li, #argomenti_correlati ul li{
  background: url("../immagini/elenco_arancio.jpg") no-repeat;
  min-height: 51px;
  text-align: center;
}

#articoli_letti ul li img, #blog_letti ul li img, #interviste_lette ul li img, 
#immagini_viste ul li img, #racconti_letti ul li img, #narrativa_letti ul li img, #fumetti_letti ul li img,
#dvd_letti ul li img, #argomenti_correlati ul li img{
  padding: 3px 0 0 20px;
}

#articoli_letti ul li h2, #blog_letti ul li h2, 
#immagini_viste ul li h2, #racconti_letti ul li h2, #narrativa_letti ul li h2, #fumetti_letti ul li h2,
#dvd_letti ul li h2, #argomenti_correlati ul li h2{
  font-family: arial;
  margin:0 0 0 20px;
  font-size: 10pt;
  font-weight: bold;
  color: white;
}

#articoli_letti ul li p, #blog_letti ul li p, #immagini_viste ul li p, #racconti_letti ul li p, 
#narrativa_letti ul li p, #fumetti_letti ul li p, #dvd_letti ul li p, #argomenti_correlati ul li p{
  margin:0 0 0 20px;
  padding-top: 3px;
  font-family: arial;
  font-size: 8pt;
  font-weight: bold;
}

#articoli_letti li.viola, #blog_letti li.viola, #immagini_viste li.viola, #racconti_letti li.viola, 
#narrativa_letti li.viola, #fumetti_letti li.viola, #dvd_letti li.viola, #argomenti_correlati li.viola{
  background: url("../immagini/elenco_viola.jpg") no-repeat;
}

#dati_articoli ul li, #dati_interviste ul li, #dati_galleria ul li, #dati_racconti ul li, #dati_narrativa ul li,
#dati_fumetti ul li, #dati_dvd ul li{
  min-height: 25px;
  background: url("../immagini/pattern_arancio.jpg") repeat;
}

#dati_articoli ul li.viola, #dati_interviste ul li.viola, #dati_galleria ul li.viola, #dati_racconti ul li.viola,
#dati_narrativa ul li.viola, #dati_fumetti ul li.viola, #dati_dvd ul li.viola{
  background: url("../immagini/pattern_viola.jpg") repeat;
}

#dati_articoli li h2, #dati_interviste li h2, #dati_galleria h2, #dati_racconti h2, #dati_narrativa h2, #dati_fumetti h2,
#dati_dvd li h2{
  display: inline;
  font-family: arial;
  margin:5px 5px 5px 3px;
  padding: 0 0 0 15px;
  font-size: 8pt;
  font-weight: bold;
  color: white;
  float: left;
  width: 190px;
  background: url("../immagini/punto_elenco.gif") left center no-repeat;
}

#dati_articoli ul li p, #dati_interviste ul li p, #dati_galleria ul li p, #dati_racconti ul li p, #dati_narrativa ul li p,
#dati_fumetti ul li p, #dati_dvd ul li p, #interviste_lette ul li p{
  font-family: arial;
  font-size: 8pt;
  font-weight: bold;
  margin:0;
  padding-top: 6px;
}

#dati_articoli ul li p img, #dati_interviste ul li p img, #dati_galleria ul li p img, #dati_racconti ul li p img,
#dati_narrativa ul li p img, #dati_fumetti ul li p img, #dati_dvd ul li p img{
  border: none;
  margin: 0 10px 3px 0;
}

#voto h1{
  margin:0;
  height: 30px;
  background: url("../immagini/vota.jpg") no-repeat;
}

#ins_commento form, #voto form, #ins_racconto form {
  margin:0;
  border: none;
  padding:0;
}

#ins_commento form, #ins_racconto form {
  text-align: center;
}

#ins_commento form ul li h2, #ins_racconto form ul li h2 {
  margin:0;
  height: 20px;
  font-family: arial;
  font-size:12pt;
  color: #CCCCCC;
  font-weight: bold;
}

#ins_commento form textarea, #ins_racconto form textarea {
  width: 97%;
  height: 150px;
  border: none;
  margin-bottom:0;
}

#ins_racconto form textarea{
  height: 300px;
  margin-bottom: 5px;
}

#ins_commento li.smiley{
  width: 97%;
  background: white;
  margin-left: 1.5%;
  margin-bottom: 5px;
}

#ins_racconto form input.titolo{
  width: 97%;
  border: none;
}

#voto img {
  float: left;
  margin: 10px;
}

#voto ul{
  height: 165px;
  margin:0;
  padding:11px 0 0 0;
  list-style-type: none;
  background: url("../immagini/pattern_arancio.jpg") repeat;
}

#voto ul li{
  margin: 0 0 8px 0;
  font-family: arial;
  font-size: 10pt;
  font-weight: bold;
  color: white;
}

#voto ul li.center{
  margin-top: 12px;
}

/*pagine intermedie*/
#locanda, #enciclopedreams_intermedia{
  width: 610px;
  background: url("../immagini/pattern_arancio.jpg") repeat;
  margin-bottom: 5px;
}

#locanda h1{
  margin:0;
  border: 2px solid #645878;
  height: 45px;
  background: url("../immagini/locanda/benvenuti_locanda.jpg") no-repeat;
}

#enciclopedreams_intermedia h1{
  margin:0;
  border: 2px solid #645878;
  height: 45px;
  background: url("../immagini/enciclopedreams_intermedia.jpg") no-repeat;
}

#locanda div, #enciclopedreams_intermedia div{
  background: white;
  font-family: arial;
  font-size: 11pt;
  padding: 0 10px 0 5px;
  text-align: justify;
  border-left: 2px solid #645878;
  border-right: 2px solid #645878;
  border-bottom: 2px solid #645878;
  
}

#enciclopedreams_intermedia div{
  height: 510px;
}

#locanda div img, #enciclopedreams_intermedia img{
  margin: 5px 5px 5px 0;
}

#locanda div p.margin, #enciclopedreams_intermedia div p.margin{
  margin-top: 0;
  padding-top: 5px;
}

#enciclopedreams_intermedia div p.margin{
  font-style: italic;
  font-size: 12pt;
}

#elenco_intermedie{
  float: left;
  width: 610px;
  height: 1450px;
  background: url("../immagini/pattern_arancio.jpg") repeat;
}

#elenco_intermedie h1{
  margin:0;
  border: 2px solid #645878;
  height: 25px;
}

#elenco_intermedie #pagine, #enciclopedreams_risultati #pagine{
  height: 23px;
  background: url("../immagini/pattern_viola.jpg") repeat;
  margin:0;
  padding:0;
}

#elenco_intermedie #pagine p, #enciclopedreams_risultati #pagine p{
  float:left;
  margin:0;
  width: 510px;
  padding-top:2px;
  font-family: arial;
  font-size: 11pt;
  font-weight: bold;
  color: #CCCCCC;
  text-align: center;
}

#elenco_intermedie ul{
  margin:0;
  padding:0;
  list-style-type: none;
}

#elenco_intermedie li{
  margin: 8px 3px;
  padding: 2px 0 2px 10px;
  min-height:48px;
  border: 1px solid #665A7A;
  background: white url("../immagini/punto_elenco.gif") no-repeat 1% center;
}

#elenco_intermedie li h2 {
  display: inline;
  margin:0;
  padding: 6px 0 0 10px;
  float: left;
  width: 325px;
  min-height:38px;
  font-family: arial;
  font-size: 11pt;
  font-weight: bold;
}

#elenco_intermedie li h2.creato{
  width: 260px;
  min-height: 80px;
}

#elenco_intermedie li h2 span{
  color: #645878;
  font-style: italic;
}

#elenco_intermedie li ul{
  margin:0;
  padding:0;
  list-style-type: none;
  font-size: 9pt;
  font-weight: bold;
  text-align: center;
}

#elenco_intermedie li ul.elenco_dati{
  float:left;
  margin:0;
  padding:0 5px 0 0;
  list-style-type: none;
  font-size: 9pt;
  font-weight: bold;
  text-align: left;
  border-right: 1px solid black;
}

#elenco_intermedie li ul.dati{
  float:left;
  margin:0;
  padding:0;
  list-style-type: none;
  font-size: 9pt;
  font-weight: bold;
  text-align: left;
}

#elenco_intermedie li ul li{
  border:none;
  margin:3px 0 2px 0;
  min-height: 0;
  background: transparent;
}
/*
#elenco_intermedie li p {
  margin: 0;
  padding: 0;
  line-height: 2;
  font-family: arial;
  font-size: 9pt;
  font-weight: bold;
  text-align: center;
}
*/

#elenco_intermedie ul li h2 a:link, #elenco_intermedie ul li h2 a:visited{
  color: black;
  text-decoration: none;
}

#elenco_intermedie ul li h2 a:hover{
  text-decoration: underline;
}

#elenco_intermedie li img{
  margin-left: 10px;
  border: 1px solid #665A7A;
}

#elenco_intermedie #griglia_galleria div{
  float: left;
  width: 140px;
  height: 170px;
  margin: 0px 6px 30px 6px;
  background: transparent;
}

#elenco_intermedie #griglia_galleria div li{
  border: none;
  background-image: none;
  background: transparent;
  margin:0;
  padding:0;
  min-height:0;
  text-align: center;
  font-family: arial;
  font-size: 9pt;
  font-weight: bold;
}

#elenco_intermedie #griglia_galleria div li.white{
  color: white;
}

#elenco_intermedie #griglia_galleria div div{
  margin:0 9px;
  float: none;
  width: 121px;
  height: 84px;
  background: url("../immagini/sfondo_galleria.jpg") no-repeat;
  text-align: center;
}

#elenco_intermedie #griglia_galleria div div img{
  border: none;
  margin-top: 8px;
}

#regolamento, #collabora{
  float:left;
  width:302px;
  padding: 2px;
  border: 2px solid #645878;
  background: transparent;
  margin-bottom: 8px;
}

#collabora{
  margin:0;
}

#regolamento h1{
  margin:0;
  height: 25px;
  background: url("../immagini/regolamento_locanda.jpg") no-repeat;
}

#collabora h1{
  margin:0;
  height: 40px;
  background: url("../immagini/collabora.jpg") no-repeat;
}

#regolamento ul{
  margin:0;
  padding:0;
  list-style-type: none;
  background: url("../immagini/pattern_viola.jpg") repeat;
  font-family: arial;
  font-size: 10pt;
  text-align: justify;
}

#regolamento ul li{
  padding:5px;
}

#regolamento ul li.arancio{
  background: url("../immagini/pattern_arancio.jpg") repeat;
}

#regolamento ul li div{
  width:280px;
  background: white;
  border: 1px solid #655979;
  padding: 5px;
}

#regolamento ul li div li{
  background: white;
}

#regolamento ul li div img{
  margin: 5px;
}

#elenco_intermedie #griglia_galleria{
  width:610px;
  margin: 20px 0;
}

#elenco_intermedie #griglia_galleria hr{
  clear: left;
  width: 590px;
  color: #655877;
}

#collabora div{
  background: url("../immagini/pattern_arancio.jpg") repeat;
  padding: 5px;
}

#collabora div div{
  background: white url("../immagini/sfondo_collabora.jpg") 50% 2% no-repeat;
  font-family: arial;
  font-size: 10pt;
  line-height: 1.1;
  padding: 30px 10px 10px 10px;
  border: 2px solid #645878;  
  text-align: justify;
  height: 460px;

}

#enciclopedreams_risultati{
  float: left;
  width: 925px;
  margin: 0 20px 0 15px;
  border: 2px solid #645878;
  background: url("../immagini/pattern_arancio.jpg") repeat;
}

#enciclopedreams_risultati ul{
  margin: 0 6px;
  padding: 0;
  list-style: none;
}

#enciclopedreams_risultati ul li{
  width: 905px;
  margin: 5px 0;
  float: left;
  background: white url("../immagini/separatore_enciclopedreams.jpg") 448px 0 repeat-y;
}

#enciclopedreams_risultati ul li h2{
  margin: 0 0 5px 0;
  text-align: center;
  font-family: arial;
  font-size: 14pt;
  color: yellow;
  background: url("../immagini/pattern_viola.jpg") repeat;
}

#enciclopedreams_risultati ul li p{
  font-family: arial;
  font-size: 11pt;
  margin:0;
  padding: 0 5px;
  text-align: justify;
}

#enciclopedreams_risultati ul li img{
  margin: 0 5px 5px 0;
}

#enciclopedreams_risultati ul li div{
  float: left;
  width: 48%;
  padding: 0 0 5px 7px;
}

#enciclopedreams_risultati ul li div.padding{
  padding-left: 25px;
}

#enciclopedreams_risultati select{
  margin-top: 5px;
  background: #FFAD33;
  font-size: 12pt;
  font-weight: bold;
}

/* gestione della paginazione*/
#indietro {
  width: 40px;
  margin:0 0 0 10px;
  float:left;
  background: transparent url(../immagini/frecciasx.gif) no-repeat 50% 100%; 
}

#no_indietro {
  width: 40px;
  margin:0 0 0 10px;
  float:left;
  background: transparent url(../immagini/frecciasx_no.gif) no-repeat 50% 100%;
}

#avanti {
  width: 40px;
  margin:0 10px 0 0;
  float:left;
  background: transparent url(../immagini/frecciadx.gif) no-repeat 50% 100%; 
}

#no_avanti {
  width: 40px;
  margin:0 10px 0 0;
  float:left;
  background: transparent url(../immagini/frecciadx_no.gif) no-repeat 50% 100%; 
}

#indietro a, #no_indietro a, #avanti a, #no_avanti a {
  display: block;
  text-decoration: none;
}


/* Bob Image Replacement*/
#vetrina h1 span, #dettaglio h1 span, #articoli h1 span, #enciclopedreams h1 span, #blog h1 span,
#interviste h1 span, #racconti_locanda h1 span, #immagini h1 span, #approfondimento h1 span,
#commenti h1 span, #articoli_letti h1 span, #blog_letti h1 span, #interviste_lette h1 span, 
#immagini_viste h1 span, #racconti_letti h1 span, #narrativa_letti h1 span, #fumetti_letti h1 span,
#dvd_letti h1 span, #argomenti_correlati h1 span, #dati_articoli h1 span,
#dati_interviste h1 span, #dati_galleria h1 span, #dati_racconti h1 span, #dati_narrativa h1 span,
#dati_fumetti h1 span, #dati_dvd h1 span, #ins_commento h1 span, #ins_commento h1 span, 
#voto h1 span, #elenco_intermedie h1 span, #locanda h1 span, #regolamento h1 span, #ins_racconto h1 span,
#enciclopedreams_intermedia h1 span, #collabora h1 span{
  font-size: 8pt;
  position: relative;
  z-index:-1;
}

#indietro span, #no_indietro span, #avanti span, #no_avanti span{
  position: relative;
  z-index: -1;
}


/*classi generiche*/
.float {
  float: left;
}

.floatdx {
  float: right;
}

.clear {
  clear: left;
}

.left{
  text-align: left;
}

.center {
  text-align: center;
}

.avatar {
  border: 1px solid #645878;
}

.display_none {
  display: none;
}

h1.msg{
  font-family: arial;
  color: white;
  text-align: center;
}