/*------------------------------------------------------------------
[Main Stylesheet]

Project:        Virgin Radio Italy
Version:        2.0
Last change:	26 Marzo 2010
Assigned to:	Marcello De Palo, Marco Gargano
Primary use:	All
-------------------------------------------------------------------*/

/*-------------------------------------------------
GLOBALS & GENERAL CASES
-------------------------------------------------*/

body{
    /*background:#000 url("images/background.jpg") center top no-repeat;*/
	background:#FFF url("images/bg_white2.jpg") center top repeat-y;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px !important;
}


.clear{
	clear:both;
	height:1px;
	overflow:hidden;
	display:block;
}



* html .clearit {
    height: 1%;
}


/*-------------------------------------------------
STRUCTURE
-------------------------------------------------*/
#wrapper {
	width: 990px;
	margin: 0 auto;
	background-color: #ffffff;
	overflow: hidden;
}

#header {
	width: 990px;
	height:219px;
	margin: 0 auto;
	overflow: hidden;
	padding:0;
	padding-top:10px; color:#FFF;
}

#footer {
	width: 990px;
	/*height: 240px;*/
	margin: 0 auto;
	overflow: hidden;
	/*background-color: #ffffff;*/
	float:none;
}

#content {
    width: auto;   
}

body.int #header {
	padding-top:70px;
}

.grid_1 { width:145px; float: left !important; }
.grid_2 { width:310px; }
.grid_3 { width:300px; }
.grid_4 { width:380px; }
.grid_5 { width:480px; }
.grid_6 { width:630px; }
.grid_7 { width:680px; }
.grid_8 { width:780px; }
.grid_9 { width:970px; }
.grid_10{ width:205px; float: left !important; }


.grid_2_last { padding-right:0px;}


.column {
	margin: 0 15px;
	/*overflow: hidden;*/
	float: left;
	display: inline;
}

.column.grid_10 {margin: 5px 0px 5px 15px;}
.column.grid_2 {margin: 0px 5px 0px 15px;}
#right .column.grid_3 {margin: 0px 10px 0px 20px;}

.row {
	
	width: 990px;
	margin: 0 auto;
	/*overflow: hidden;*/
}
.row .row {
	margin: 0 -15px;
	width: auto;
	display: inline-block;
}

p.dev {
    font:40px/80px Helvetica;
    color: #000;
    text-align: center;
    border: 1px dotted #999;
    margin: 0 0 20px 0;
}

.widget {
    /*border: 1px dotted #999;*/
    margin: 0 0 20px 0;
	width: 100%;
	display: inline-block;
    /*border: 1px dotted #DCDCDC;*/
}

.widget .widgetWrapper {
    /*segnaposto*/
    /*font:40px/80px Helvetica;*/
    /*text-align: center;*/
	/*line-height: 340px;*/
    /*segnaposto*/
    
    width: 100%;
	display: inline-block;
	margin: 0;	
}



h2.heading {
    margin: 0px 0px 2px 0px;
    padding: 0;
    color: #D51007;
    font-size: 18px;
    line-height: 13px;
    border-top: 0px dotted #ccc;
}

#black #wrapper 								{ background:url(images/bgWrapper.png) 0 0 repeat-y; }
#black #right .column							{ background: #292929;}
#black #left h2.heading 						{ color: #ffffff; font-size:17px; background: url(images/listGroupGray.png) repeat-x; }
#black #left h2.heading .h2Wrapper 			{ display: block; padding: 8px 5px 10px 10px; }
#black #right h2.heading 						{ color: #ffffff; font-size:17px; background: url(images/listGroup.png) repeat-x; }
#black #right h2.heading .h2Wrapper 			{ display: block; padding: 10px; }
#black #right h2.heading .h2Wrapper a 			{ text-decoration: none;}
#black #right h2.heading .h2Wrapper a:hover 	{ text-decoration: underline; }
#black #right h2.heading .h2Wrapper a 			{ color: #D51007; }


h3.heading 	{ 
	color: #ffffff; 
	font-size:17px;
    margin: 0px 0px 0px 0px;
    padding: 0;
    font-size: 18px;
    line-height: 13px;
}

h3.heading .h3Wrapper { 
	display: block; 
	padding: 10px;
}



span.moduleOptions {
    clear: both;
    display: block;
    text-align: right;
    color: #0187c5;
}

span.moduleOptions a {
    float: right;
    display: block;
    font-size: 11px;
    line-height: 20px;
    padding-right: 24px;
    margin-left: 9px;
    background-image: url(images/see-more-arrow2.png);
    background-repeat: no-repeat;
    background-position: right top;
}

#left span.moduleOptions a { color: #333;}
#right span.moduleOptions a { color: #fff;}


.hr {
	clear:both;
	height:2px;
	line-height:2px;
	overflow:hidden;
	background-color:#FFFFFF;
	background-image:url(images/hr.gif);
	margin:0px 0px 5px 0px;
}


/*
#sidebox .boxhead h1 {
	color: #ffffff;
		display: block !important;
	margin:0px;
	padding:2px 5px 2px 10px;
    text-shadow: rgb(0, 0, 0) 0px 1px 0px;
	font-size:17px;
   	background: url(images/listGroup.png) repeat-x;
}
*/


/* ------------------------------
HEADER
------------------------------ */
#header	img.logo		{ float:left; margin-left:20px; }
#header	#radio			{ width:450px; height:50px; float:left; margin-left:15px; }
#header	.leaderboard	{ float:right; margin:25px 15px 15px 0; }
#header	.social			{ float:right; margin-right:15px; }

/* ------------------------------
FOOTER
------------------------------ */
#footer										{ background:#1C1C1C; font-size:11px; color:#333; }
#footer	.top								{ background:#2b2b2b; height:20px; padding:10px; text-align:right; }
#footer	.top .social						{ float:right; }
#footer .top ul a 							{ text-decoration:none; font-size:12px; font-weight:bold; color:#999; padding:3px 5px; }
#footer .top ul a:hover						{ text-decoration:none; font-size:12px; font-weight:bold; background: #f0f0f0; }
#footer .top ul								{ list-style:none; display:block; float:right; margin:0; padding-bottom:5px; }
#footer .top ul li 							{ list-style:none; display:block; float:left; margin:0; padding:3px 5px; border-right:solid 1px #999; }
#footer .top ul li.ultimo 					{ border-right:none; }

#footer .middle								{ height:250px; padding-top:20px; color:#000;  border-bottom: 1px solid #0f0f0f;}
#footer .middle	ul							{ float: left; list-style: none; margin: 0px 0px 0px 30px; padding: 0px; }
#footer .middle	ul li						{ display:block; float:left; margin-right:50px; }
#footer .middle	ul li h1					{ font-size:12px; background:url(/styles/images/hr.gif) bottom repeat-x; border-bottom:solid 1px ##0F0F0F; font-weight:bold; margin:0; padding:5px; margin-bottom:5px; }
#footer .middle	ul li h1 a:hover			{ text-decoration:none; color:#C00;}
#footer .middle	ul li p						{ margin:0; padding:1px 5px; }
#footer .middle	ul li p a:hover				{ text-decoration:none; color:#C00; }

#footer .bottom								{ background:#1C1C1C; height:100px; padding:15px; border-top: 1px solid #2b2b2b; }
#footer .bottom .sponsor 					{ width:700px; margin:0 auto; }
#footer .bottom .sponsor ul 				{ list-style:none; }
#footer .bottom .sponsor ul li 				{ float:left; display:block; margin:0 42px; }
#footer .bottom .sponsor ul li img:hover 	{ opacity:0.4; filter:alpha(opacity=40); }
#footer .bottom p							{ font-size:10px; color:#999; text-align:center; }



/* ------------------------------
primaryNav
------------------------------ */
#primaryNav 					{ height:37px; overflow: hide; background:url("images/bg-navbar-blue.png") 0 0 repeat; margin:2px -10px 2px -20px; padding-left:20px;}
#primaryNav li 					{ list-style:none; display:inline; }
#primaryNav a 					{ width:100px; color:#fff; text-decoration:none; float:left; padding:12px 0px 11px 0px; margin:0; text-indent: -99999px; height:14px;}
#primaryNav a.home 				{ width:63px; background:url("images/navbar-blue.png") 0 0 no-repeat; }
#primaryNav a.programmi 		{ width:111px; background:url("images/navbar-blue.png") -63px 0 no-repeat; }
#primaryNav a.community 		{ width:108px; background:url("images/navbar-blue.png") -174px 0 no-repeat; }
#primaryNav a.webtv 			{ width:137px; background:url("images/navbar-blue.png") -282px 0 no-repeat; }
#primaryNav a.concerti 			{ width:92px; background:url("images/navbar-blue.png") -419px 0 no-repeat; }
#primaryNav a.magazine 			{ width:96px; background:url("images/navbar-blue.png") -511px 0 no-repeat; }
#primaryNav a.stylerock 		{ width:109px; background:url("images/navbar-blue.png") -607px 0 no-repeat; }
#primaryNav a.frequenza 		{ width:105px; background:url("images/navbar-blue.png") -716px 0 no-repeat; }
#primaryNav a.giochi 			{ width:70px; background:url("images/navbar-blue.png") -821px 0 no-repeat; }
#primaryNav a.home:hover 		{background-image:url("images/navbar-red.png"); background-position: 0 -37px; }
#primaryNav a.programmi:hover 	{background-image:url("images/navbar-red.png"); background-position: -63px -37px; }
#primaryNav a.community:hover 	{background-image:url("images/navbar-red.png"); background-position: -174px -37px; }
#primaryNav a.webtv:hover 		{background-image:url("images/navbar-red.png"); background-position: -282px -37px; }
#primaryNav a.concerti:hover 	{background-image:url("images/navbar-red.png"); background-position: -419px -37px; }
#primaryNav a.magazine:hover 	{background-image:url("images/navbar-red.png"); background-position: -511px -37px; }
#primaryNav a.stylerock:hover 	{background-image:url("images/navbar-red.png"); background-position: -607px -37px; }
#primaryNav a.frequenza:hover 	{background-image:url("images/navbar-red.png"); background-position: -716px -37px; }
#primaryNav a.giochi:hover 		{background-image:url("images/navbar-red.png"); background-position: -821px -37px; }
#primaryNav a:active {background-image:url("images/navbar-red.png"); background-position:0 -37px; }



/*PROMO*/

/*rayban*/
.rayban1{ background:#000 url('/images/promo/rayban/wallpaper_flowers_black.jpg') top center no-repeat;}
.rayban2{ background:#000 url('/images/promo/rayban/wallpaper_subway_black.jpg') top center no-repeat;}

/*tuborg*/
.tuborg{ background:#2C9221 url('/images/promo/tuborg/wall_tuborg.jpg') top center repeat-y;}

/*Pampero*/
.pampero{ background:#2C9221 url('/images/promo/pampero/pampero_bg.jpg') top center;}

/*Pampero*/
.lipton{ background:#7eb159 url('/images/promo/lipton/lipton_virgin.jpg') top center no-repeat;}