/* 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: transparent url("../immagini/stelle.jpg") repeat;
}

#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-top: 12px;
  padding-left: 20px;
  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;
}

#risultati_ricerca, #content{
  width: 924px;
  margin-left:20px;
}

#risultati_ricerca h1, #content h1 {
  margin:0;
  border: 2px solid #645878;
  background: url("../immagini/risultato_ricerca.jpg") no-repeat;
  width: 920px;
  height: 25px;
}

#risultati_ricerca h1 span.risultati{
  display: inline;
  float: right;
  margin:0 5px 0 0;
  padding:0;
  line-height: 0px;
  font-family: arial;
  font-size: 10pt;
  z-index:1;
}

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

#risultati_ricerca div h2 span a:link, #risultati_ricerca div h2 span a:visited{
  color: white;
  text-decoration: none;
}

#risultati_ricerca div h2 span a:hover{
  text-decoration: underline;
}

#risultati_ricerca div div, #content #biografia div div, #premi div div, #feed_rss div div, #faq div div,
#registrazione div div, #content #chi_siamo div div, #content #link div div, #content #contatti div div,
#content #contatti_form div div{
  border: 2px solid #645878;
  background: url("../immagini/pattern_arancio.jpg") repeat;
  padding-bottom: 5px;
}

#risultati_ricerca div div div, #content #biografia div div div, #content #premi div div div, 
#content #feed_rss div div div, #content #faq div div div, #content #registrazione div div div, 
#content #chi_siamo div div div, #content #link div div div, #content #contatti div div div,
#content #contatti_form div div div{
  font-family: arial;
  font-size: 12pt;
  line-height: 2;
  margin: 8px 0 0 3px;
  padding: 10px;
  width: 890px;
  border: 2px solid #645878;
  background: white;
  text-align:justify;
}

#risultati_ricerca div div div img, #content #biografia div div div img, #content #feed_rss div div div img,
#content #faq div div div img, #content #registrazione div div div img, #content #link div div div img,
#content #contatti div div div img{
  margin: 0 5px;
}

#risultati_ricerca div div div p{
  margin:0 5px;
  padding:0;
  line-height:20px;
  min-height: 45px;
}

#content #biografia h1{
  background: transparent url("../immagini/biografia-neil-gaiman.jpg") no-repeat;
}

#content #feed_rss h1{
  background: transparent url("../immagini/feed_rss.jpg") no-repeat;
}

#content #faq h1{
  background: transparent url("../immagini/faq.jpg") no-repeat;
}

#content #registrazione h1{
  background: transparent url("../immagini/registrazione.jpg") no-repeat;
}

#content #chi_siamo h1{
  background: transparent url("../immagini/chi_siamo.jpg") no-repeat;
}

#content #link h1{
  background: transparent url("../immagini/link.jpg") no-repeat;
}

#content #contatti h1{
  background: transparent url("../immagini/contatti.jpg") no-repeat;
}

#content #premi div{
  float: left;
}

#premi div div, #chi_siamo div div, #content #contatti_form div div{
  width: 920px;
}

#content #premi div.colonna{
  width: 440px;
  float: left;
  margin:0;
  padding:0;
  border-width: 0 1px 0 0;
  border-style: solid;
  border-color: #655877;
}

#content #premi div.colonnadx{
  width: 440px;
  float: left;
  margin:0;
  padding:0;
  border:none;
}

#content #premi div ul{
  margin: 0 0 0 20px;
  padding: 0 8px 0 20px;
  list-style-type: none;
  font-size: 9pt;
  background: url("../immagini/punto_elenco.gif") center left no-repeat;
}

#content #premi hr{
  clear: left;
  width: 890px;
  color: #655877;
  margin:0;
}

#content #chi_siamo div{
  float: left;
}

#content #chi_siamo ul{
  padding:0;
  margin:0 0 0 50px;
  list-style-type: none;
}

#content #chi_siamo ul li{
  width: 900px;
  height: auto;
  margin: 0;
  float: left;
  border: none;
}

#content #chi_siamo ul li.corsivo{
  font-style: italic;
}

#content #chi_siamo ul li h2{
  background: none;
  color: gray;
  text-align: center;
  height: auto;
  padding:0;
  margin:0;
}

#content #chi_siamo ul li div{
  float: left;
  width: 260px;
  height: auto;
  margin: 0;
  padding: 0;
  border: none;
  text-align: center;
}

#content #chi_siamo div div div img{
  margin: 4px 0;
}

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

#content #faq ul li.domanda{
  font-weight: bold;
  color: gray;
}

#content #faq ul li h3{
  margin: 0;
  font-family: arial;
  font-size: 12pt;
  text-align: center;
}

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

#link ul li{
  margin-bottom: 10px;
  padding: 10px 0 15px 0;
  border: 1px solid #847A94;
  background: white;
}

#link ul li p{
  margin:0;
  padding: 0 10px 0 0;
  line-height: 1.7;
}

#link img{
  border: none;
}

#contatti ul{
  text-align: left;
}

#contatti ul li{
  margin-left: 115px;
}

#contatti p{
  margin:0;
}

#contatti_form form{
  text-align: center;
}

#contatti_form label{
  display: block;
  width: auto;
  margin: 10px 0 0 0;
}

#contatti_form div div div form#form_contatti div#scegli_destinatario{
  margin-left: 385px;
  width: 100px;
  background: #FFAD33;
  border: 1px solid black;
}

#contatti_form select, #contatti_form input{
  background: #FFAD33;
  font-size: 12pt;
  font-weight: bold;
}

#contatti_form textarea{
  width: 750px;
  height: 300px;
  background: #FFAD33;
  font-size: 12pt;
  font-weight: bold;
}

#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;
}

/*form di registrazione*/
#registrazione input{
  margin:0;
  padding:3px 0 0 2px;
  width: 220px;
  height: 29px;
  border: 1px solid #847A94;
  background: #FFAD33;
  font-size: 12pt;
  font-weight: bold;
}

#registrazione label{
  display: block;
  margin:0;
  font-size: 12pt;
}

#registrazione label.inline{
  display: inline;
}

#registrazione select{
  background: #FFAD33;
  font-size: 12pt;
  font-weight: bold;
}

#registrazione textarea{
  background: #FFAD33;
  font-size: 12pt;
  font-weight: bold;
}

#registrazione select.sesso{
  width: 156px; 
  margin: 16px 7px 0 0;
}

#content #registrazione div div div div{
  margin:0 0 0 375px;
  padding:0;
  color: #645878;
  width: 506px;
  height: 25px;
  border: 2px solid #847A94;
  line-height: 1.5;
  text-align: center;
  font-weight: bold;
}

#content #registrazione div div div div.scegli_avatar{
  margin: 0 5px 0 5px;
  padding:20px 0 20px 0;
  float: left;
  background: #FFAD33;
  border: 1px solid black;
  text-align: center;
  width: 133px;
  height: auto;
}

#content #registrazione .margin{
  margin-left: 145px;
}

#content #registrazione .motto{
  width: 220px;
}

#content #registrazione .informativa{
  width: 731px;
}

#content #registrazione .submit{
  width: auto;
  height: auto;
  background: transparent;
  border: none;
}

#content #registrazione .verde{
  color: #006600;
}

#content #registrazione .red{
  color: #FF0000;
}

#content form#registrazione_utenti{
  margin:0;
}
/* Bob Image Replacement*/
#risultati_ricerca h1 span, #content h1 span{
  font-size: 8pt;
  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;
}