body{
margin:;
padding: ;
color:white;
background-color:#050845;
font: small Arial, Helvetica, Verdana, sans-serif;
width:65%;
}

a: link  {
color:darkgreen;
background-color:transparent;
}

a:visited {
color:darkgreen ;
background-color:transparent;
}

a:hover {
color:green;

}

a: active {
color:red;
background-color:green;
}


#wrapper {
background-color: #fdf8f2;
color:black;
margin: 0px 5px 5px -10px;
padding:3px;
min-width: 900px;
max-width: 950px;
	
}

#header img {
width:180px;
height:80px; 
}

#header-bottom {
border-top: 1px solid #b9d2e3;
border-bottom: 1px solid #b9d2e3;
height:1%;
}

#header-bottom li {
display:inline;

}

#header-bottom ul {
margin:0;
text-align:right;
padding: 0 30px 0 0;
}


#titolone {
font-weight: bold;
background-color:#fdf8f2;
font-style:italic;
float:left;
padding: 0 0 0 20px;
width:250px;

}

#main {
border-width: 15px;
margin-top: 10px;
position:relative;
top:0%;
left:5%;
width:45%;

}

#mainpag {
border-color: green;
border-width: 15px;
margin-top: 10px;
position:relative;
top:0%;
left:5%;
width:90%;

}


a:hover img {
outline: 3px solid #000;

}




#mainpag p  {
text-align: justify;	
text-indent: 15px;
border-bottom: 2px solid red;
font-size: 14px;
font-family: italic;

}


#mainpag .deep a  {
text-align: justify;	
border-bottom: 2px solid red;
font-size: 14px;
font-family: italic;
color: blue;

}

#mainpag .deep {
padding: 6px; 6px; 6px; 6px;
background-color:#eeeeee;
width:650px;
text-align:center;
border: 5px solid green;
}

#content {
margin: 0 240px 0 0;
border: 4px solid green;
background-color: white;
color: black;
width:180%;
position:relative;
left:5%;

}

#mainfeature {
background-image: url(foto/sfondo.jpg);
border:3px solid green;
background-position: 50% 50%;
background-color: #112236;
color:white;
padding: 0 0 20px 100px;
height: 1%;
}

#mainfeature img {
padding-top:5px;
padding-left:10px;
float:right;
}


#mainfeature p {
font-size:15px;
text:align:center;
padding-top:1px;
color:black;
}

#mainfeature p.more {
margin-top:1px;
text-align:right;
}

img {
border-color:green; 
border-width:3px;
border-style:dash;
width:145px;
height:130px;
}

#mainfeature p.more a:link, #mainfeature p.more a:visited {
color:white;
background-repeat:no-repeat;
background-position: center left;
padding-left: 14px;
}

#content .inner {
margin:10px 20px 10px 40px;
}

#content .inner h2 {
border-bottom: 1px solid #b9d2e3;
}


#content .inner h3 {
font-size:100%;
}

#content .inner img {
width:100px;
height:80px;
}

#content .inner h3 a:link, #content .inner h3 a:visited {
color: #245185;
}

#content .inner p {
color: #666666;
font-size: 90%;
}

#content .inner ul.informazioni {
margin:o;
padding:0;
list-style: none;
}

#content .inner .informazioni li img {
float:left;
margin: 5px 5px 5px 5px;

}

/* Nel codice è stato utilizzato un selettore che identificasolole immagini contenute in un elemento
 li con attributo class="features", in modo da evitare di applicare lo stile alle altre immagini 
eventualmente aggiunte al contenuto   */

#content .inner  img.articolo {
border: 20px solid red;

}


#content .inner p {
font-size:12px;
}



#content .inner .informazioni li h3{
font-weight: bold;
border-bottom: 2px solid green;

}

#content p.more a:link, #content p.more a:visited {
font-size:90%
padding-left:300px;
}

#content .inner p.more {
margin-top:10px;
text-align: right;
}



#content .inner p.autore {
font-weight: bold;
}

#content .inner .informazioni li h3 {
margin:20px 0 0 0;
}



#inner {
border: 4px solid green;
background-color: #fdf8f2;
color: black;
font-family: italic;
font-size: 12px;
text-align: left;
width:195px;
margin-left:3px;
margin-right:10px;
margin-top:65px;
padding: 5px 5px 5px 5px;
}


#inner img {
border:1px solid green;
width: 60px;
height:120px;
padding-left: 2px;
padding-right: 2px;


}

#sidebar {
position:absolute;
top:-131px;
left:842px;
width:250px;
height:888px;
background-color:#050845;
color:white;
margin:0;
padding:0;
color:black;
}

#sidebar h2 {
font-family: italic;
font-size: 15px;
margin-left: 20px;
margin-top: 1px;
margin-bottom: 1px;
color: white;
text-align: left;
}

#sidebar hr {
color: green;
border-width: 2px;
width: 200px;
margin-left: 0px;
}


#sidebar h3 {
font-size:110%;
background-color: green;
background-repeat: no-repeat;

margin:0;
padding: 0.2 em 0 0.2em 10px;
font-weight:normal;
}

#sidebar .inner {
padding:10px;
border: 5px solid #b9d2e3;

font: black;
}

#sidebar .inner p {
font-size:12px;
}


#sidebar ul{
margin-left:0;
padding-left:0;
margin-left:40px;
}

#main .deep  {
background-color:#eeeeee;
width:750px;
text-align:center;
}



#inner img  {
margin: 0px 0px 0px 0px;
width:150px;
border: 2px solid green;
	}
	
	sidebar a:link, #sidebar ul a:visited {
color: white;
}

#sidebar p, #sidebar li{
font-size:90%
line-height: 1,4em;
}


#sidebar .date {
font-weight:bold;
color:black;
}


#searchform .searchbutton {
text-align: right;
}

#sidebar .inner .gatti {
float:right;
margin: 1000px 10px 10px 10px;
}

#sidebar .inner  {
text-align:center;
}




#main img.estesa {
border: 2px solid red;
float:left;
}


#content .inner tr.form {
background-color:#050845;
}



#main .deep img {
padding-right:30px;

}


/*  potrei inserire una img come icona ...list-style-image: url(ico.jpg) /*


#