/* yui css reset */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

/* altri stili */

*{
margin:0em;
padding:0em;
}

body{
background-color:#FFFFFF;
font-family:verdana,arial,helvetica,sans-serif;
font-size:12px;
color:#000;
text-align:center;
}


a:link:after, a:visited:after {
   content: " (http://musibrasil.net/" attr(href) ") ";
   font-size: 90%;
   font-weight: normal;
   font-style:italic;
   }

#autore p a#mailautore:link:before, #autore p a#mailautore:visited:before{
content: "A cura di ";
}

#credits a:link:after, #credits a:visited:after,
#footer_interno a:link:after, #footer_interno a:visited:after,
#autore p a#mailautore:link:after, #autore p a#mailautore:visited:after,
a.noway:link:after, a.noway:visited:after{
   content: " (" attr(href) ") " !important;
   }

#logo a:link:after, #logo a:visited:after,
#intro h1 a:link:after, #intro h1 a:visited:after {
display:none;
}


#contenitore{
width:100%;
float:left;
padding:0px;
}


#header{
	background:#FC0 url(header.gif) -1px -1px no-repeat;
	width:770px;
	height:98px;
	color:#000;
	float:left;
	position: relative;
}

#headerimg{
width:178px;
height:80px;
float:left;
margin-left:50px;
display:none;
}

#banner_testata{
display:none;
}

#backline{
	width:770px;
	margin: 0 auto;
	text-align:left;
	position: relative;
}

#logo{
	width:187px;
	height:90px;
	position:absolute;
	left:100px;

}

#logo img{
	border:0px;
}


#credits, #footer_interno{
	border-top:1px solid #8F0000;
	margin-top:20px;
	padding-top:5px;
	font-size:9px;
	text-align:center;
	width:100%;
}

#edizione,
#raccogli_musica{
margin-top:20px;
}


.testata_rossa,
#testata_musica{
background:#8F0001;
float:left;
font-size:12px;
color:#FFF;
font-weight:bold;
padding: 0px 30px 1px 5px;
margin:10px 0px;
width:250px;
}

#aperture{
clear:both;
}

#contieniprima div{
margin:10px;
padding:0px;
border-bottom:1px solid #DDD;
}


#secondaparte #articoli p{
margin:0px 10px;
padding:0px;
border-bottom:1px solid #DDD;
}

#secondaparte #articoli p.occhiello{
margin:12px 0px 0px 0px;
font-style:italic;
padding:0px;
border:0px;
}

#secondaparte #raccogli_musica p{
margin:10px 0px 10px 0px;
padding:0px;
border0px;
}


#musica p{
}


#musica p strong.titolo{
clear:both;
width:30%;
padding:0px;
margin:10px 0px 10px 0px;
}

.titolo a, .titolo a:visited{
font-size:12px;
font-weight:bold;
text-decoration:none;
margin:0px;
color:#000;
padding:0px;
}


#contieniprima div img,
#musica p img{
float:left;
padding:4px 10px;
}


#musica{
clear:both;
}


/* articolo */

#argomento{
width:230px;
background:#A70000 url(argomento.png) 100% 50% no-repeat;
min-height:20px;
height:auto !important;
height:20px;
margin-top:20px;
}

#argomento p{
padding:2px;
color:#FFF;
font-weight:bold;
}

#pagina_articolo, #intro, #testoarticolo{
width:100%;
text-align:justify;
}

#testoarticolo p{
margin-bottom:10px;
}

#img0, #img2{
float:left;
margin:5px;
}

#img1{
float:right;
margin:5px;
}

#img0 p, #img1 p, #img2 p{
font-weight:bold;
font-size:10px;
}

#intro p{
margin:20px 50px 40px 50px;
font-weight:bold;
}

#autore a, #autore a:visited,
h1 a, h1 a:visited{
color:#800;
text-decoration:none;
}

h1{
text-align:center;
margin:20px 0px;
font-weight:bold;
font-size:2em;
}






/* rimandi fine pagina articolo */

#rimandi{
margin:5%;
width:90%;
}

ol#altri{
list-style-type:none;
}

ol#altri li{
font-family:verdana,arial,helvetica,sans-serif;
font-size:12px;
}

ol#altri li a, ol#altri li a:visited{
color:#800;
text-decoration:none;
}

ol#altri li a:hover{
color:#A00;
text-decoration:underline;
}

ol#altri li a em{
font-family:verdana,arial,helvetica,sans-serif;
font-size:10px;
}


/* cose da levare */
#leaderboard,
#skyscraper,
#destra,
#orizzontale,
#testata_edizione,
#ap5,
#banners,
#banner_articolo_centro,
#cura,
#fotoautore,
#boxverdi{
display:none;
}

