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

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

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

a:hover {
color:green;
background-color:black;
}

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


#wrapper {
background-color: #fdf8f2;
color:black;
margin: 30px 40px 30px 40px;
padding:10px;
}

#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: 300px;

}

#main {
margin-top: 10px;
position:relative;
top:0;
left:0;
width:100%;
}





#content {
margin: 0 240px 0 0;
border: 1px solid #b9d2e3;
background-color: white;
color: black;
}

#mainfeature {
background-image: url(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:15px;
padding-left:10px;
float:right;
}






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

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



#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:130%;
}

#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: 2px 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;
}




#sidebar {
position:absolute;
top:0;
right:0;
width:220px;
background-color: #008844;
color:white;
margin:0;
padding:0;
}


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


#sidebar ul{
margin-left:0;
padding-left:0;
margin-left:40px;
}
/*  potrei inserire una img come icona ...list-style-image: url(ico.jpg) /*

#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  {
background-color:#eeeeee;
width:100%;
text-align:center;
}

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

}