/***************************************************************************************************************************  
	Website: www.osanna.it
	Version: 2.0
	Design Author: qrnet media agency
	Author URI: http://www.qrnet.it/ 				                                                   				
 ***************************************************************************************************************************/	


*, body, h1, h2, h3, h4, h5, h6, table, form {
margin:0;
padding:0;
}

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
				   
.nascondi, hr {
display:none;
visibility:hidden;
}

.disabilita, h1 a span {
position:absolute;
margin-left:-5000px;
}

body {
background:#000;
font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, sans-serif;
color:#fff;
}

		   
		   
/*************************************************************************************************************			*  TOP
 *	TOP  				                                                   				
 *************************************************************************************************************/		  
		  
#top { 
background:#000;
width:100%;
height:58px;
border-bottom:#555 1px solid;
margin: 0 auto 0;
padding: 0;
}


/*************************************************************************************************************			*  NAVIGATION
 *	NAVIGATION  				                                                   				
 *************************************************************************************************************/		  


h1.logo {
height:80px;
margin: 0;
padding: 0;
float:left;
position:absolute;
}

h1.logo a{
display:block;
width:169px;
height:58px;
background-image: url("../img/logo.jpg");
background-position: 0px 0px;
background-repeat: no-repeat;
}

/*
h1.logo a:hover { 
background-image: url("../img/logo.png");
background-position: 0px 0px;
background-repeat: no-repeat;
height:100px;
}*/

h1.logo a span{
position:absolute;
margin-left:-3000px;
}

		  
#navigation { 
width:708px;
margin: 0px auto 0px;
height:60px;
text-align:right;
}

#navigation ul { 
height:60px;
padding: 20px 4PX 20px 0;
}

#navigation ul li { 
list-style:none;
display:inline;
padding: 0 0 0 30px;
}

#navigation ul li a { 
text-decoration:none;
color:#fff;
font-size:14px;
text-transform:uppercase;
font-weight:normal;
}

#navigation ul li a:hover { 
color:#9dcd60;
}


/*************************************************************************************************************			*  CONTENT
 *	CONTENT  				                                                   				
 *************************************************************************************************************/		  
	
#wrap { 
background:url("../img/bg.jpg") repeat top center #000;
width:100%;
margin: 0 auto 0;
padding: 0;
}		
		  
#content { 
width:700px;
margin: 0px auto 0;
padding: 0;
}		

#filosofia { 
float:left;
width:270px;
margin: 70px 0 0 0;
padding: 0;
border-right:1px #555 solid;
} 

#right { 
float:right;
width:420px;
margin: 70px 0 0 0;
} 

#lettore { 
text-align:right;
}

#news { 
border-top:1px #555 solid;
margin:30px 0 0 0;
width:400px;
float:right;
}

#news p{ 
font-size:11px;
line-height:20px;
margin:5px 15px 3px 0;
}

#news h2{ 
font-size:12px;
margin:20px 0 0 0;
text-transform:uppercase;
font-weight:normal;
color:#9dcd60;
} 

#news h2 a{ 
color:#9dcd60;
text-decoration:none;
} 

#news h2 a:hover{ 
border-bottom:1px dotted #9dcd60;
} 

#news p a{ 
color:#9dcd60;
text-decoration:none;
} 

#news p a:hover{ 
border-bottom:1px dotted #9dcd60;
}  

#filosofia p{ 
font-size:11px;
line-height:20px;
margin:7px 20px 7px 0;
} 

#filosofia p a{ 
color:#9dcd60;
text-decoration:none;
} 

#filosofia p strong{ 
color:#9dcd60;
font-weight:normal;
} 

#filosofia p a:hover{ 
border-bottom:1px dotted #9dcd60;
} 

#filosofia h2{ 
font-size:13px;
color:#9dcd60;
margin:0 0 10px 0;
text-transform:uppercase;
font-weight:normal;
} 

#pre-footer { 
background:url("../img/pre-footer.png") no-repeat top center;
width:700px;
height:385px;
margin: 30px auto 0;
padding: 0;
}  

		   
/*************************************************************************************************************			*  FOOTER
 *	FOOTER  				                                                   				
 *************************************************************************************************************/		  
		 

#footer { 
background:#000;
width:100%;
border-top:#555 1px solid;
margin: 0 auto 0;
padding: 0;
}

#right-footer p{ 
font-size:10px;
margin:7px 0 7px 0;
text-align:right;
}

#footer-wrap { 
background:#000;
width:700px;
margin: 20px auto 20px;
padding: 0;
height:50px;
}


#left-footer { 			
float:left;
width:320px;
margin: 0;
padding: 0;
}


#right-footer { 			
float:right;
width:350px;
margin: 0;
padding: 0;
}
		   
#left-footer ul { 
list-style-type: none; 
margin: 10px auto 0; 
padding: 0;
}

#left-footer ul li {
height:23px;
display:inline;
line-height:0;
float:left;
padding-right:20px;
}

#left-footer ul li a {
display:block;
height:23px;
}



/*************** itunes ***************/	

li.itunes a span{
position:absolute;
margin-left:-3000px;
}

li.itunes strong{
position:absolute;
margin-left:-3000px;
}

li.itunes a {
width:83px;
height:23px;
background:url("../img/itunes.jpg");
background-position: 0px 0px;
background-repeat: no-repeat;
}

li.itunes a:hover { 
background:url("../img/itunes.jpg");
background-position: 0px -23px;
background-repeat: no-repeat;
}


/*************** facebook ***************/	

li.facebook a span{
position:absolute;
margin-left:-3000px;
}

li.facebook strong{
position:absolute;
margin-left:-3000px;
}

li.facebook a {
width:75px;
height:23px;
background:url("../img/facebook.jpg");
background-position: 0px 0px;
background-repeat: no-repeat;
}

li.facebook a:hover { 
background:url("../img/facebook.jpg");
background-position: 0px -23px;
background-repeat: no-repeat;
}


/*************** twitter ***************/	

li.twitter a span{
position:absolute;
margin-left:-3000px;
}

li.twitter strong{
position:absolute;
margin-left:-3000px;
}

li.twitter a {
width:71px;
height:23px;
background:url("../img/twitter.jpg");
background-position: 0px 0px;
background-repeat: no-repeat;
}

li.twitter a:hover { 
background:url("../img/twitter.jpg");
background-position: 0px -23px;
background-repeat: no-repeat;
}


/*************** myspace ***************/	

li.myspace a span{
position:absolute;
margin-left:-3000px;
}

li.myspace strong{
position:absolute;
margin-left:-3000px;
}

li.myspace a {
width:96px;
height:23px;
background:url("../img/myspace.jpg");
background-position: 0px 0px;
background-repeat: no-repeat;
}

li.myspace a:hover { 
background:url("../img/myspace.jpg");
background-position: 0px -23px;
background-repeat: no-repeat;
}

#footer img{ 
border:none;
}