<style type="text/css">
/**
struttura
intestazione
--->contenuto
lato
--->barranav
--->immagine
note
*/
/*elementi generali*/
/*titolo principale*/
h1{
text-align: center;
font: 18px "trebuchet ms" ,arial, helvetica, sans-serif;
color: #0ff;
background:#fff;
padding:5px;
}
/**corpo del sito**/
body{
font: 14px "trebuchet ms", arial, helvetica, sans-serif;
font-weight: bolder;
color: #000;
background-image: url(../immagini/japan_red/sfond_body.jpg);
background-repeat: repeat;

}
/*paragrafo*/
p{font :14px arial,helvetica, sans-serif;
display: block;
}
p:first-letter{
color: #a14c23;
background-color: #fce1d6;
font-style: oblique;
font-size: 140%;
letter-spacing: 1;
font-family: fantasy;
font-stretch: ultra-expanded;
font-weigth: 900;
font-variant: small-caps;
}
/*link*/
a:link{
color:#000;
background-color: #eee;
text-decoration: underline;
}
a:hover{
color: #ff0;
background-color: #890000;
text-decoration: underline;
text-transform: capitalize;
font-size: 120%;
font-family:fantasy;
}
a:active{
color: #ff0;
background: #aaa;
text-decoration: line-througth;
}
a :visited{
color: #f0f;
background-color: #222;
text-decoration: none;
font-weight: bolder;
letter-spacing: 3px;
text-transform: lowercase;
}
/*acronimi*/
acronym{
font-weight: 800;
color: #800;
}
/*sottotitoli ,titoli dei paragrafi*/
h3{
text-align: left;
color:#ff0;
border-top: 3px outset #ff8970;
border-bottom: 3px outset #800;
border-left: 3px outset #800;
border-right: 3px outset #800;
background-image: url(../immagini/japan_red/ventaglio.gif); 
background-position: right;
background-repeat: no-repeat;
background-color:#771800;
margin-right: 10px;
font: courier, sans-serif;
}

h2{
text-align: left;
color:#000;
background-image: url(../immagini/japan_red/fiori.gif);
width: 8em;
background-position:right;
background-repeat: no-repeat;
border-top: 3px outset black;
border-bottom: 3px outset black;
font-style: italic;
}
/****************************************************
**elementi strutturali che io ho definit per il layout
****************************************************/
/*contenitore di tutto*/
#contenitore{
background-color: #fff;
color: #000000;
position:absolute;
margin-left: 2em;
margin-right: 2em;
width: 48em;
height: auto;
}
/*intestazione*/
#intestazione{
background-image: url(../immagini/japan_red/palazo.jpg); 
background-repeat: no-repeat;
background-color: #f00;
color:transparent; 
left: 5px;
width: 665px;
height: 300px;
padding: 1px;
border: 3px solid black;
}/*end intestazione*/
#intestazione span{display:none;}
#intestazione #contenuto{
display:block;
color: #000;
float: right;
top:-1px;
width: 10em;
height: auto;
background-color: #eee;
font-size:x-small;
font-style:italic;
border-top: thick ridge #f33;
border-bottom: thick ridge #f33;
border-right: thin ridge  #f33;
border-left: thick ridge #f33;
text-transform: capitalize;
}
/*corpo laterale*/
#lato{
display: block;
top: 2em;
position:relative;
float:right;
right: 5em;
text-align: left;
color: #000;
font-style: italic;
height: 28em;
width: 10em;
}
#lato #immagine{
display:none;}
#lato #barraNav{
text-align: left;
height: auto;
width: 10em;
}
#lato #barraNav li{
list-style-type: normal;
}
/*link corrente*/
#corrente{
background-color: #ff0;
color: #f00;
font-size: 130%;
text-transform: uppercase;
font-weight: 700;
}

/*corpo dove c'è informazione*/
#principale {
display: block;
text-align: left;
width: 32em;
top: 320px;
}

/*iede di pagina ma è messo sotto i link*/
#piedePag{
display: block;
text-center: left;
background-color: #ededed;
border-top: 3px inset #d3d3d3;
border-bottom: 3px outset #d3d3d3;
border-left: 3px inset #d3d3d3;
border-right: 3px outset #d3d3d3;
}
#disegno{
background-color: #af0000;
color: #ff9e78;
font-style: italic;
margin: 2px;
padding: 4px;
border-top: thick ridge #eee;
border-bottom: thick ridge #eee;
border-right: thick groove  #eee;
border-left: thick groove #eee;
}
#thanks{
display: inline;
background-color: #fff;
width: 20em;
height: 10em;
}
/*classe codice*/
.code{
color: #000;
background-color: #ddd;
}

</style>
