/*  

Author: Michele Trecate
Author URI: http://www.micheletrecate.it



*/



/* Inizio */

html,body{margin:0;padding:0}
body{font-family: Comic Sans MS,Verdana,Arial,sans-serif; background: #ffff40 url(1.png);color: #222;text-align: center}
h1{margin:0}
h4{margin: 0; padding: 0px 20px 0px 15px;}
h3{margin: 0; padding: 0px 0px 20px 15px; font-size: 26px;color: #993300}
p{font-size: 14px;text-align: justify;margin:0; padding: 15px;line-height: 1.5;}

div#container{width: 760px;margin:0 auto;text-align: left; background: url(sfondocentrale.png) repeat-y;}
div#header{padding: 0px 0px 10px 0px;background: url(header.png) no-repeat}
div#header h1{float: right; width: 300px;height: 80px;font: bold 14px Arial,sans-serif; color: #990000;margin: 0; padding: 30px 25px 0px 0px;}
div#header h2{position: absolute; width: 300px;font: bold 16px Arial,sans-serif; font-weight: 600; font-style: italic; line-height: 20px; color: #993300; margin: 0px 0px 0px 0px; padding: 10px 20px 0px 10px;}
div#content{float:left;width: 400px;display: inline;margin-left: 60px}
div#sidebar{float: right;width: 240px;display:inline;margin-right: 30px}
div#sidebar p{font-size: 13px;margin:0 0 20px; padding: 0px 35px 0px 20px;}
div#sidebar h4 {text-align: center; font-size: 14px;}
div#footer{clear:both;height: 189px !important; height /**/:289px;
    background: url(footer.png) no-repeat; margin: 0px; padding: 0px 0px 0px 0px;}
div#footer p{margin: 0px 0px 0px 0px; padding: 5px 60px 30px 60px; font-size: 12px; text-align: center;}
img {border: 0px;}
.logo {border: 0; padding: 0; margin: 0;}
.colonnadestra {padding: 0 0 0 30px;}
.topfoto {width: 392px; margin: 0 auto;}
/* Inizio ultime notizie */
div#ultimedalblog{
width: 580px;
padding: 0px 40px 10px 60px;
height: 35px;
background-color: TRANSPARENT;
border: 0px;
}

.cnnclass{
-moz-opacity: 0.8; /*Specify fade effect in Firefox. Remove if desired.*/
}

.cnnclass a{
text-decoration: none;
}

.bbcclass{
width: 400px;
padding: 6px;
background-color: lightyellow;
border: 1px solid #004A00;
}

.rsstitle{ /*shared class for all title elements in an RSS feed*/
font-weight: bold;
}

.rssdate{ /*shared class for all date elements in an RSS feed*/
color: gray;
font-size: 85%;
}

.rssdescription{ /*shared class for all description elements in an RSS feed*/
}
/* fine ultime notizie */
#navlist
{
padding-left: 15px;
margin-left: 0;
width: 200px;
}

#navlist li
{
list-style: none;
margin: 0;
padding: 4px 4px 4px 35px;
border-top: 1px solid gray;
}

#navlist li a { text-decoration: none; padding-left: 2px; display: block;}
#navlist li a:hover {
		background-image: url(menuazzurro.png);
	    background-repeat: no-repeat;
        background-position: 0 50%;
        text-decoration: none;	
		color: #fff;
		}

li.musica
{
background-image: url(notepiccole.jpg);
background-repeat: no-repeat;
background-position: 0 50%;
padding: 3px 0 3px 20px;
margin: .4em 0;
}

li.cinema
{
background-image: url(cinemapiccolo.jpg);
background-repeat: no-repeat;
background-position: 0 50%;
padding: 3px 0 3px 20px;
margin: .4em 0;
}

li.magia
{
background-image: url(magiapiccolo.jpg);
background-repeat: no-repeat;
background-position: 0 50%;
padding: 3px 0 3px 20px;
margin: .4em 0;
}

li.videogiochi
{
background-image: url(videogiochipiccolo.jpg);
background-repeat: no-repeat;
background-position: 0 50%;
padding: 3px 0 3px 20px;
margin: .4em 0;
}

li.proposte
{
background-image: url(lampadina.jpg);
background-repeat: no-repeat;
background-position: 0 50%;
padding: 3px 0 3px 20px;
margin: .4em 0;
}

li.editoria
{
background-image: url(rivistepiccole.jpg);
background-repeat: no-repeat;
background-position: 0 50%;
padding: 3px 0 3px 20px;
margin: .4em 0;
}

li.televisione
{
background-image: url(televisionepiccola.jpg);
background-repeat: no-repeat;
background-position: 0 50%;
padding: 3px 0 3px 20px;
margin: .4em 0;
}

li.notes
{
background-image: url(notespiccolo.jpg);
background-repeat: no-repeat;
background-position: 0 50%;
padding: 3px 0 3px 20px;
margin: .4em 0;
}

li.busta
{
background-image: url(bustapiccola.jpg);
background-repeat: no-repeat;
background-position: 0 50%;
padding: 3px 0 3px 20px;
margin: .4em 0;
}

li.news
{
background-image: url(news.jpg);
background-repeat: no-repeat;
background-position: 0 50%;
padding: 3px 0 3px 20px;
margin: .4em 0;
}

li.articoli
{
background-image: url(articoli.jpg);
background-repeat: no-repeat;
background-position: 0 50%;
padding: 3px 0 3px 20px;
margin: .4em 0;
}

li.rss
{
background-image: url(rsspiccolo.jpg);
background-repeat: no-repeat;
background-position: 0 50%;
padding: 3px 0 3px 20px;
margin: .4em 0;
}

li.chisiamo
{
background-image: url(chisiamopoccolo.jpg);
background-repeat: no-repeat;
background-position: 0 50%;
padding: 3px 0 3px 20px;
margin: .4em 0;
}

li.piede
{
background-image: url(piedepiccolo.jpg);
background-repeat: no-repeat;
background-position: 0 50%;
padding: 3px 0 3px 20px;
margin: .4em 0;
}

li.cartoni
{
background-image: url(cartoni.jpg);
background-repeat: no-repeat;
background-position: 0 50%;
padding: 3px 0 3px 20px;
margin: .4em 0;
}

/* serve a posizionare una icona vicino al titolo ma in questo momento a nessun titolo è applicata questa classe */
h3.cinema{margin-left: 15px;padding-left: 40px;background: url(cinemapiccolo.jpg) no-repeat top left}
h3.televisione{margin-left: 15px;padding-left: 40px;background: url(televisionepiccola.jpg) no-repeat top left}
h3.cartoni{margin-left: 15px;padding-left: 40px; background: url(cartoni.jpg) no-repeat top left}
h3.videogiochi{margin-left: 15px;padding-left: 40px;background: url(videogiochipiccolo.jpg) no-repeat top left}
h3.editoria{margin-left: 15px;padding-left: 40px;background: url(rivistepiccole.jpg) no-repeat top left}
h3.magia{margin-left: 15px;padding-left: 40px;background: url(magiapiccolo.jpg) no-repeat top left}
h3.missione{margin-left: 15px;padding-left: 40px;background: url(piedepiccolo.jpg) no-repeat top left}

a {color: #660099;}

/*minitabs footer start here*/

ul#piedone{list-style: none;margin: 0;padding:90px 0 5px 0;
  font-weight: bold; font-size: 18px;
  text-align: center;white-space: nowrap}
ul#piedone li{display: inline;margin: 0 3px}
ul#piedone a{text-decoration: none;padding: 0 0 16px;  
}
ul#piedone a#current,ul#piedone a:hover{  
  color: #999}
ul#piedone a#current{color: #06F}