/* Bug e comportamenti di Internet Explorer */
UL, OL, DL { position: relative; }
CENTER, STRONG, TABLE, EMBED, a, a:hover, a:visited, a:visited:hover { display: inline; }
ADDRESS, BLOCKQUOTE, DIV, BODY, DD, DL, DT, FIELDSET, FRAME, FRAMESET, IFRAME, NOFRAMES, HR,
 OBJECT, OL, UL, APPLET, DIR { display: block; }

/* Il tag <strong> è per evidenziare delle frasi o delle parole */
STRONG {
 font-weight: bold; /* Grassetto */
 color: red; /* colore rosso */
}

/* Questi sono per i titoli, sottotitoli, <h1>  <h2>  ecc...*/
h1 {
 font-weight: bold; /* Grassetto */
 display: inline; /* non va a capo */
 font-size: 32px; /* (Carattere mo<o grande) */
 text-align: center; /* testo centrato */
 color: red; /* Colore rosso */
}

h2 {
 font-weight: bold;
 display: inline;
 font-size: 24px; /* (Carattere grande) */
 text-align: center;
 color: blue;
}

h3 {
 font-weight: bold;
 display: inline;
 font-size: 20px; /* (Carattere meno grande, ecc...) */
 text-align: center;
 color: blue;
}

h4 {
 font-weight: bold;
 display: inline;
 font-size: 16px;
 text-align: center;
 color: blue;
}

h5 {
 font-weight: bold;
 display: inline;
 font-size: 12px;
 text-align: center;
 color: blue;
}

h6 {
 font-weight: bold;
 display: inline;
 font-size: 8px;
 text-align: center;
 color: blue;
}

/* La linea separatrice  <HR>  */
hr {
 width: 90%; /* il 90 per cento delle larghezza della pagina */
 height: 2px; /* spessore due pixel */
 color: red;
}

/* Questo è per i tag <img> le immagini */
IMG {
 display: inline; /* non va a capo */
 border: none; /* Nessun bordo */
 z-index: 1; /* Sempre in primo piano */
}

/* E finalmente passiamo a definire la struttura del sito */
#container /* Questo è il contenitore principale */
{
 margin: 16px 16px 16px 16px; /* 16 pixels da tutti i bordi del browser */
 min-width: 900px; /* Larghezza minima 900 pixels */
 background-color: #FFFFFF; /* oppure with che significa sempre bianco */
 border: 2px solid blue; /* spessore 2 pixels */
 border-radius: 16px; /* Bordo arrotondato */
}

#header /* La testa */
{
 margin: auto; /* Margini automatici */
 text-align: center
 border-bottom: 1px solid blue; /* solo bordo inferiore */ 
}

#navigation /* La barra di navigazione (Il menù) */
{
 clear: both;
 margin: auto;
 padding: 4px 8px 4px 8px;
 background-color: lime; / Verde chiaro marcato */
 border-bottom: 1px solid blue;
}
#navigation a /* Link o Ancora */
{
 margin: auto;
 padding: 3px 8px 4px 8px; /* all'interno dei bordi ci sono 3 pixels da sopra, 8 pixels da sinistra,
 4 pixels dal bordo inferiore e 8 pixels da destra  */
 display: inline;
 color: #FFFFFF;
 text-decoration: none; /* Nessuno stile per il testo */
}
#navigation a:hover /* Link col mouse sopra */
{
 background-color: #383;
}

#content /* Il corpo della pagina */
{
 margin: auto;
 padding: 8px 8px 8px 8px;
 float: left; /* A sinistra */
 width: 75%; /* Il 75 per cento della pagina */
 border-right: 1px solid blue; /* Solo bordo destro */
}

#aside /* La zona laterale a destra */
{
 float: right; /* A destra */
 width: 20%; /* Il 20 per cento della pagina */
 margin: 0 20px 0 0;
}

#footer /* Il piede della pagina */
{
 clear: both; /* Nient'a<ro prima di questo */
 text-align: center;
 border-top: 1px solid blue; /* Solo bordo superiore */
}