/* mi hanno cazziato perchè non commento mai il codice... ci vuol coraggio a chiamarlo codice, questo! ma magari al vero webmaster del sito i commenti servono. un giorno mi metterò anche dietro all'identazione.*/

/* quattro note sul body della pagina in generale: sfondo trasparente, colore del testo nero, carattere verdana, grandezza al 100 per 100 e giustificazione del testo*/

body{
background-color: transparent;
color: #000000;
font-family: verdana, sans-serif;
font-size: 100%;
text-align: justify;}

/* nella mia testa, chiamo intestazione il blocco superiore dove metto una gif animata o meno. colore di sfondo trasparente e un po' di spaziatura dal bordo, giusto 10 pixel */

div#intestazione{
background-color: transparent;
margin: 10px;
padding: 00px;
}

/*nella mia testa, la barra sarebbe dove posiziono il menù orizzontale; sfondo della barra, distanza e allineamento del testo a destra */

div#barra{
background-image: url('../comuni/bottonegrigio.bmp');
margin: 10px;
padding: 10px;
text-align: right
}

/* niente informazioni sugli elenchi ul li della barra, solo il fatto che devono stare sulla stessa linea */

div#barra ul{
margin: 0;
padding: 0; 
list-style-type: none;
}

div#barra li{
display: inline; 
margin: 0; 
padding: 0px;
}

/* formattazione dei link contenuti nella barra */

div#barra a{
background-color: transparent;
color: black; 
text-decoration: none; 
font-weight: bold;
padding: 4px;
border: 1px solid black;
}

div#barra a:hover{
background-image: url('../comuni/bottoneverde.bmp');
color: green; 
text-decoration: none; 
font-style: normal;
font-weight: bold;
border: 1px solid green;
padding: 4px
}

div#barra a:visited{
color: black; 
text-decoration: none; 
font-weight: bold;
padding: 4px;
border: 1px solid black;
}

/* qui apro un div con il contenuto vero e proprio della pagina, dò informazioni sullo sfondo e sullo spazio da lasciare*/

div#contenuto{
background-image: url('../comuni/quaderno.gif');
background-href:www.paganardi.it/index.html;
background-repeat: repeat-y;
margin: 10px ;
padding-left:80px; padding-right:0px; padding-top:0px; padding-bottom:0px
}

/*formattazione dei link all'interno della pagina */

div#contenuto a{
background-color: transparent;
color: blue;
font-style:italic;
font-weight: bold;
text-decoration: none;
}

div#contenuto a:hover{
background-color: transparent;
color: green;
font: italic bold 100% verdana,sans-serif;  
text-decoration: none;
}

div#contenuto a:visited{
background-color: transparent;
color: blue;
font-style:italic;
font-weight: bold;
text-decoration: none;
}

/* formattazione del titolo: niente spazio, testo centrato, in grassetto, etc. */

h1 {
margin: 0;
text-align: center;
font: italic bold 20px verdana,sans-serif; 
}

/* invenzione di questo selettore in modo che tutte le date delle varie pagine siano formattate allo stesso modo*/

.data{
background : transparent;
font: italic normal 10px verdana,sans-serif; 
text-align: right; 
}

/*io ho commentato. spero che apprezzerai. */
