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

Project:		Virgin Radio Community
Version:		1.0
Last change:	25/03/09 [Lorem ipsum sit amet, mdp]
Assigned to:	Marcello De Palo (mdp)
Primary use:	Community
-------------------------------------------------------------------*/


div.fluid div.rightCol {
    font-size: 11px;
    line-height: 1.18em;
}

/* Headers */
h1 {
    font-size: 18px;
    color: #000;
    font-weight: bold;
    line-height: 1.2em;
}

h2 {
    font-size: 14px;
    color: #D51007;
    font-weight: bold;
    line-height: 1.5em;
}

h2 img {
    vertical-align: text-bottom;
}

h5 {
    font-size: 11px;
    color: #000;
    font-weight: bold;
}

body {

    background: url(images/backHeader-blue_stripes.png) repeat-x;
}

body #page {
    margin: 0 auto;
    min-width: 913px;
    max-width: 1102px;
    overflow: hidden;
}

* html div#page {
    width: expression(documentElement.clientWidth < 913? "915px" : documentElement.clientWidth > 1104? "1102px" : "auto");
}

#header {
	display:block;
	height:190px;
	margin:0 0 8px;
	position:relative;
}

div.fluid, 
div.fixed {
    padding: 0 15px;
}

div.fixed #content {
    position: relative;
    clear: both;
    margin: 10px 0 0 110px;
    min-height: 295px;
    overflow: visible;
    background: #fff;
}

div.fixed div.fullWidth {
    clear: both;
    margin: 0 15px;
    padding: 15px 0;
}

div.fixed div.leftCol {
    float: left;
    display: inline;
    margin-right: -330px;
    width: 100%;
    overflow: hidden;
}

div.fixed div.rightCol {
    float: right;
    display: inline;
    position: relative;
    padding: 15px;
    width: 300px;
}

div.fixed div.rightColRegister {
    background: #FFFFFF;
    margin-top: 0px;
    padding: 0px;
    width: 308px;
}

div.fixed div.rightColumnRegister {
    float: right;
    width: 272px;
    padding: 10px;
    background: #F2F7FD;
}

div.fluid #content {
    position: relative;
    clear: both;
    margin: 10px 0 0 110px;
    min-height: 300px;
    background: url(images/fluid_right.png) right top repeat-y #fff;
    overflow: visible;    
}

div.fluid #content .fullWidth {
    margin: 0;
    padding: 15px;
    background: #fff;
    clear: both;
}

div.fluid div.fullWidth div.leftCol {
    float: left;
    display: inline;
    margin-right: -330px;
    width: 100%;
    overflow: hidden;
}

div.fluid div.fullWidth div.leftColWrapper { 
    margin-right: 330px;
    padding: 5px 0px 15px 0px;
    overflow: hidden;
}

div.fluid div.fullWidth div.rightCol {
    float: right;
    display: inline;
    position: relative;
    padding: 5px;
    width: 300px;
}

div.fluid div.leftCol { 
    float: left;
    display: inline;
    margin-right: -330px;
    width: 100%;
    overflow: hidden;
    background: url(images/fluid_right_gradient.png) right top no-repeat transparent;
}

div.fluid div.leftColWrapper {
    margin-right: 330px;
    padding: 0px 15px 15px 15px;
    overflow: hidden;
}

div.fluid div.rightCol {
    float: right;
    display: inline;
    position: relative;
    padding: 0 15px 15px 15px;
    width: 300px;
}

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

#page h2.heading .h2Wrapper {
    display: block;
    padding: 15px;
}

#page h2.heading .h2Wrapper a {
    text-decoration: none;
}

#page h2.heading .h2Wrapper a:hover {
    text-decoration: underline;
}

#page h2.heading .h2Wrapper a {
    color: #D51007;
}

#page h3.heading .nubbin {
	float:right;
}
	
#page div.infoSection:hover .nubbin {
  display: block;
}

#page .nubbin .h3Wrapper {
  height: 19px;
  width: 20px;
  margin: 0;
  padding: 0px
}

#page .nubbin ul {
  margin: 0;
  padding: 0;
}

#page .nubbin li {
  float: left;
  list-style-type: none;
  margin: 0 4px 0 0px;  
}

#page .nubbin li a {
  font-size: 10px;
  font-weight:normal;
}


#page div.fluid div.leftCol h2 small a,
#page div.fixed div.leftCol h2 small a {
    color: #CC0000;
}

div.fluid div.leftCol hr {
    clear: both;
    height: 2px;
    margin: 15px -15px 10px -15px;
    border: 0;
    border-top: 1px solid #ccc;
    background: #efefef;
    display: none;
}

#page div.fluid div.rightCol h2.heading,
#page div.fluid div.leftColumn h2.heading,
#page div.fluid div.rightColumn h2.heading,
#page div.fixed div.rightCol h2.heading {
    margin: 15px 0 10px 0;
    padding: 0;
    font-size: 13px;
    line-height: 12px;
}

#page div.fluid div.rightCol h2.heading .h2Wrapper,
#page div.fluid div.leftColumn h2.heading .h2Wrapper,
#page div.fluid div.rightColumn h2.heading .h2Wrapper,
#page div.fixed div.rightCol h2.heading .h2Wrapper {
    padding: 7px 0 0 0;
}

span.widgetOptions,
span.moduleForms {
    clear: both;
    display: block;
    text-align: right;
    color: #CC0000;
    margin-bottom: 10px;
}

span.widgetOptionsLeft {
    text-align: left;
}

#page span.widgetOptions {
    display: block;
    height: 15px;
    font-weight: bold;
    font-size: 11px;
    line-height: 14px;
}
#page span.moduleForms {
    display: block;
    height: 70px;
    font-size: 11px;
    line-height: 14px;
}
#page span.moduleForms form {
    float: right;
    display: block;
    line-height: 14px;
    padding-right: 18px;
    margin-left: 1px;
}
#page span.moduleForms textarea {
	color: #999999;
	margin-bottop: 5px;
    font-size: 10px;
}

#page span.widgetOptions a,
#page a span.widgetOptions {
    float: right;
    display: block;
    font-size: 11px;
    line-height: 14px;
    padding-right: 18px;
    margin-left: 9px;
}

#page span.widgetOptions a.trash{
    background-image: url(../images/ui/icons/trash.gif);
    background-repeat: no-repeat;
    background-position: right top;
}

div.full #content {
    margin-left: 0;    
}

div.fluidSmall div.rightCol h2 {
    background: none;
    font-size: 12px;
    font-weight: bold;
}

div.fluidSmall div.rightCol h2 a {
    color: #D51007;
}





/* ------------------------------
primaryNav
------------------------------ */
#primaryNav 			{ font-family:Arial, Helvetica, sans-serif; font-size:.8em; font-weight:bold; height:40px; overflow: hide; position:absolute; top:150px; z-index:1;}
#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; }
#primaryNav a.home 		{ width:63px; background:url("images/navbar-red.png") 0 0 no-repeat; }
#primaryNav a.programmi { width:111px; background:url("images/navbar-red.png") -63px 0 no-repeat; }
#primaryNav a.community { width:108px; background:url("images/navbar-red.png") -174px 0 no-repeat; }
#primaryNav a.webtv 	{ width:137px; background:url("images/navbar-red.png") -282px 0 no-repeat; }
#primaryNav a.concerti 	{ width:92px; background:url("images/navbar-red.png") -419px 0 no-repeat; }
#primaryNav a.magazine 	{ width:96px; background:url("images/navbar-red.png") -511px 0 no-repeat; }
#primaryNav a.stylerock { width:109px; background:url("images/navbar-red.png") -607px 0 no-repeat; }
#primaryNav a.frequenza { width:105px; background:url("images/navbar-red.png") -716px 0 no-repeat; }
#primaryNav a.giochi 	{ width:70px; background:url("images/navbar-red.png") -821px 0 no-repeat; }
#primaryNav a.home:hover 		{ background-position: 0 -37px; }
#primaryNav a.programmi:hover 	{ background-position: -63px -37px; }
#primaryNav a.community:hover 	{ background-position: -174px -37px; }
#primaryNav a.webtv:hover 		{ background-position: -282px -37px; }
#primaryNav a.concerti:hover 	{ background-position: -419px -37px; }
#primaryNav a.magazine:hover 	{ background-position: -511px -37px; }
#primaryNav a.stylerock:hover 	{ background-position: -607px -37px; }
#primaryNav a.frequenza:hover 	{ background-position: -716px -37px; }
#primaryNav a.giochi:hover 		{ background-position: -821px -37px; }
#primaryNav a:active { background-position:0 -37px; }

/* ------------------------------
FOOTER
------------------------------ */
#footer 								{ clear: both; margin: 27px auto 0 auto; width: 1000px; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 11px; line-height: 1.5; }
#footer .footer-top 					{ background: url(images/footer_top_bg.gif) no-repeat; height: 49px; width: 951px; padding: 0 16px; }
#footer .footer-body-section 			{ background: #e60000; clear: both; float: left; width: 951px; padding: 16px; }
#footer .footer-body-bottom 			{ background: #e60000; clear: both; float: left; width: 951px; padding: 0px 16px 0px 16px; }
#footer ul 								{ margin:0; padding:0; list-style: none; float: left; }
#footer ul li 							{ color: #fff; }
#footer ul li a 						{ color: #fff; font-size: 1.1em; text-decoration: none; }
#footer .footer-body-section ul li a 	{ color: #fff; display: block; font-size: 1.1em; width: 145px; }
#footer ul li.heading a 				{ color: #790000; font-weight: bold; font-size: 1.1em; }
#footer ul li a:hover 					{ text-decoration: underline; }
#footer .footer-top ul li 				{ float: left; }
#footer .footer-top ul.general-links 	{ margin-top: 20px; }
#footer .footer-top ul.general-links li { margin-right: 10px; }
#footer .footer-top ul.copy 			{ float: right; }

#footer .footer-top ul.copy li 			{ float: left; font-size: 1.1em; margin: 20px 10px 0 0; }
#footer .footer-top ul.copy li.logo 	{ margin: 10px 0 0; }
#footer .footer-top ul.copy li.logo a 	{ background: url(images/footer_virginradio_logo.png) no-repeat; display: block; height: 39px; width: 41px; overflow: hidden; text-indent: -9999em; }
#footer .footer-body-section ul 		{ margin-right: 10px; width: 148px; }
#footer .footer-body-section ul li 		{ color: #fff; font-size: 0.9em; text-decoration: none; padding: 1px 0px 1px 0px; }

#footer .footer-body-bottom ul 			{ margin-right: 10px; width: 148px; }
#footer .footer-body-bottom ul.virgin 	{ width: 448px; }
#footer .footer-body-bottom ul.spes 	{ width: 148px; }

#footer .footer-body-bottom ul li 	{ color: #fff; font-size: 0.9em; text-decoration: none; padding: 1px 0px 1px 0px; }