
/* ***********************************************
Project: Colorado	
Author:  Fabrizio Fiandanese, fabrizio[at]fabriziofiandanese.com
************************************************** */

/*************************************/
/* GENERAL STYLE */
/*************************************/

body {
	margin: 0px;
	padding: 0px;
	color: #C8C8C8;
	font: 11px verdana, arial, helvetica, sans-serif;
	background:#454545 url(http://jazzmusicnetwork.net/assets/player/skins/bg_jazz.jpg) repeat-x top left;
}	


img {
	border:0px;	
}	

body a{
	color: #C8C8C8;
}

hr {
	display:none;	
}

.rule {
	clear:both;	
}

.hdn {
	display:none !important; 
}

.clr {
	clear:both;	
	margin:0px;
	padding:0px;
}


/*************************************/
/* MC_CONTAINER */
/*************************************/

#mc_container {
	height:600px;
	background:url(http://jazzmusicnetwork.net/assets/player/skins/full_jazz.jpg) no-repeat top center;
	position:relative;
	text-align:center;
	
}

#mc_container .mc_container_wrapper {
	display:block;
	margin:0px auto;
	width:980px;
	position:relative;
	z-index:300;
	
}

#mc_container .mc_container_wrapper .dyn{
	padding-top:83px;
}



/*************************************/
/* MC_NAV */
/*************************************/

#mc_nav{
	height:23px;
	padding-left:7px;
	line-height:23px;
	color:#C2C2C2;
	text-align:left !important;
}

#mc_nav a{
	text-decoration:none;
	color:#C2C2C2;
}

#mc_nav a.active{
	font-weight:bold;
	color:#1C96FC;
}

.content_links {
	float:left;
}	


.main_links {
	float:right;
	padding-right:6px;
}	


/*************************************/
/* MC_SUBNAV */
/*************************************/

#mc_subnav{
	display:none;
	position:absolute;
	top:132px;
	left:420px;
	width:540px;
	color:#8E8E8E;
	text-align:left !important;
}

#mc_subnav a{
	text-decoration:none;
	color:#8E8E8E;
}

#mc_subnav div {
	padding-top:22px;
	padding-left:3px;
}

#mc_subnav div.vod{
	background:url(../assets/mc/headers/jazz/vod.gif) no-repeat top left;	
}

#mc_subnav div.audiolive{
	background:url(../assets/mc/headers/jazz/audiolive.gif) no-repeat top left;	
}

#mc_subnav div.aod{
	background:url(../assets/mc/headers/jazz/aod.gif) no-repeat top left;	
}

#mc_subnav div.new{
	background:url(../assets/mc/headers/jazz/new.gif) no-repeat top left;	
}

#mc_subnav div.audiolive a.active,
#mc_subnav div.aod a.active{
	color:#1C96FC;
}

#mc_subnav div.vod a.active{
	color:#FDAA02;
}

/*************************************/
/* MC_CONTENT */
/*************************************/

#mc_content {
	display:none;
	position:absolute;
	top:178px;
	left:420px;
	width:542px;
	height:103px;	
	text-align:left;
	background-color:#2E2E2E;
}

#mc_content div.item{
	position:relative;
	display:none;
	z-index: 500; 
}

#mc_content div.audiolive .item,
#mc_content div.aod .item {
	width:542px;
	height:103px;	
	border:1px solid #1C96FC;
}

#mc_content div.vod .item{
	width:542px;
	height:103px;	
	border:1px solid #FDAA02;
}

#mc_content img{
	border:0px;
	cursor:pointer;
}

#mc_content .bg{
	width:540px;
	height:99px;
	margin:2px;
}

#mc_content .pic{
	float:left;
	overflow:hidden;
}

#mc_content .pic a{
	display:block;
	width:280px;
	height:103px;
}

#mc_content .content_pic{
	float:left;
	overflow:hidden;
	padding-top:2px;
	width:280px;
	text-align:center;
}

#mc_content .content_pic img{
	border:2px solid #333;	
}

#mc_content .content_pic a{
	display:block;
	width:285px;
}

#mc_content .data{
	float:left;
	width:200px;
	padding-top:18px;
	font-size:10px;
	z-index:1000;
}

#mc_content .data a{
	text-decoration:none;
}

#mc_content .data .t1{
	font-size:14px;
	font-weight:bold;
	color:#FDAA02;
}

#mc_content .aod .data .t1{
	color:#1C96FC;
}

#mc_content .data .t2{
	color:#FFF;
}

#mc_content .data .t3{
	padding-top:10px;
	width:140px;
	color:#AAA;
}

#mc_content .subnav{
	position:absolute;
	top:78px;
	left:450px;	
	z-index:500;
}

#mc_content .subnav a{
	display:block;
	width:20px;
	height:20px;
	float:left;
}

#mc_content .subnav a span{
	display:none;
}

#mc_content .subnav a.next{
	background:url(../assets/mc/next.gif) no-repeat top left;	
}

#mc_content .subnav a.prev{
	background:url(../assets/mc/prev.gif) no-repeat top left;	
}

#mc_content .subnav div.counter{
	float:left;
	height:13px;
	margin-left:5px;
	margin-right:5px;
	color:#9E9E9E;
	line-height:20px;
	letter-spacing:1px;
	font-size:11px;
}

#mc_content .subnav div.counter span{
	color:#FFF;
}

/* audiochannel */

#mc_content .audiochannel bg{
	width:436px;
}

#mc_content .audiochannel .pic a{
	width:230px !important;
}

#mc_content .audiochannel .data .channel_t0{
	font-size:9px;
	color:#999999;
}

#mc_content .audiochannel .data .channel_t1{
	font-size:14px;
	font-weight:bold;
	color:#1C96FC;
}

#mc_content .audiochannel .data .channel_t2{
	font-size:9px;
	color:#FFFFFF;
	width:130px;
}

#mc_content .playfade{
	position:absolute;
	top:58px;
	left:156px;
	z-index: 600; 
	cursor:pointer;
}	


/*************************************/
/* MC_CONTENT V_SCROLL*/
/*************************************/

#mc_content .vscroll{
	position:absolute;
	left:390px;
	width:152px;
	height:101px;

	background-color:#424146;
	font-size:10px;
}

#mc_content .vscroll a{
	color:#FFF;
	text-decoration:none;
}

#mc_content .info{
	display:block;
	height:23px;
	margin:0px;
	padding-left:8px;

	line-height:23px;
	background-color:#000;
	color:#1C96FC;
	font-size:9px;
}

#mc_content .info span {
	color:#1C96FC;
}

#mc_content .nav{

}

#mc_content .nav a{
	display:block;
	height:14px;
	width:10px;
	margin:0px;
	margin-left:70px;
	margin-top:1px;
}

#mc_content .nav a span{
	display:none;
}

#mc_content .up a {
	background:url(../assets/mc/up.gif) no-repeat center center;
}

#mc_content .down a {
	background:url(../assets/mc/down.gif) no-repeat center center;
}

#mc_content .items{
	height:62px;
	overflow:hidden;
}

#mc_content .items a.active{
	color: #FFF !important;
}

#mc_content .items a {
	color: #8F8D8E !important;
}

#mc_content .items a{
	font-size:11px !important;
	display:block;
	height:20px;
	line-height:20px;	
	padding-left:10px;
	border-top:1px solid #4F4D55;
}

#mc_content .items a:hover{
	background-color:#545359;
	color:#9C9A9B;
}

#mc_content .items a.ghost{
	border-top:1px solid #424146 !important;
}

#mc_content .items a.ghost:hover{
	background-color:#424146 !important;
}

/*************************************/
/* MC_ASYNC_CONTENT */
/*************************************/

#mc_async_content {
	width:420px;
	height:323px;	
	position:absolute;
	top:132px;
	left:8px;
	text-align:left;
}

#async_buffer {
	border:1px solid black; /*hack - required */
}

#mc_async_content .content_title {
	position:absolute;
	height:40px;
	width:420px;
	background-color:#000;
	z-index:50;
}

#mc_async_content .content_data {
	margin-top:35px;
	height:290px;
}

#mc_async_content .tools {
	position:absolute;
	top:297px;
	left:270px;
	width:240px;
	color:#AAA;
	font-size:9px;
	z-index:600;
	text-align:right;
}

#mc_async_content .tools span {
	display:block;
	float:left;
	margin-right:6px;
	padding:2px;
	border-top:1px solid #555;
	border-right:1px solid #555;
}

#mc_async_content .tools span.download a{
	color:#FF6600;
}

#mc_async_content .tools span.buy a{
	color:#03A4F5;
}

#mc_async_content .tools a {
	color:#AAA;
	text-decoration:none;
}

/*************************************/
/* MC_ASYNC_CONTENT (AOD) */
/*************************************/

#mc_async_content .aod_display {
	position:absolute;
	top:42px;
}

#mc_async_content #audio_content_wrapper {
	position:absolute;
	top:286px;
}

#mc_async_content .aod_frame {
	width:200px;
	height:225px;	
	margin-left:6px;
	float:left;
}

#mc_async_content .aod_frame .aod_pic{
	position:absolute;
	top:5px;
	left:44px;
	width:160px;
	height:155px;
	background:url(../assets/mc/trackshdw.png) no-repeat top right;
}

#mc_async_content .aod_frame .aod_pic span{
	display:block;
	width:124px;
	height:124px;
	overflow:hidden;
	margin-left:36px;
}

#mc_async_content .aod_frame .aod_tagline{
	position:absolute;
	top:204px;
	width:185px;
	color:#AAA;
	font-size:10px;
	padding-bottom:3px;
	border-bottom:1px solid #555;
}

#mc_async_content .aod_frame .aod_pic img{
	
}

#mc_async_content .aod_data {
	width:190px;
	float:left;
}

#mc_async_content .aod_data .row{
	padding:6px;
	border-bottom:1px solid #555;
	color:#C9C9C9;
	font-size:10px;
}

#mc_async_content .aod_data .t1{
	font-weight:bold;
	color:#08A1EF;
}

#mc_async_content .aod_data .t1 a{
	font-weight:normal;
	color:#08A1EF;
}

#mc_async_content .aod_data .t1 span{
	font-weight:normal;
	color:#FFF;
}

#mc_async_content .aod_data .t2{
	color:#FFF;
}

#mc_async_content .aod_data a.resource{
	color:#03A4F5;
}


#mc_async_content .aod .tools {
	top:292px;
	left:200px;
}

#mc_async_content .aod .tools span.buycd a{
	color:#01A4FF;
}


/*************************************/
/* MC_PROMO_ZONE */
/*************************************/

#mc_promo_zone {
	position:absolute;
	top:292px;
	left:418px;	
}	

#display_fan {position:absolute; z-index:1; left: 0px; top: 0px} 

#display_fan .actor b,
#display_fan .openpage a,
#display_fan .data b {
	color:#03A4F5;
} 

#display_artist {position:absolute; z-index:1; left: 0px; top: 81px} 

#display_artist .actor b,
#display_artist .openpage a,
#display_artist .data b {
	color:#FF6600;
} 

.displaybox {
	width:358px; 
	height:78px; 
	background-image: url(../assets/mc/mc_displaybox.jpg);
	font-size:10px;
	font-family:Verdana;
	color:#FFF;
} 

.displaybox a{
	text-decoration:none !important;
} 
		
.displaybox .actor { 
	position:absolute;
	width:244px;
	height:10px;
	z-index:1;
	left: 5px;
	top: 3px;
	font-weight:bold;
	color:#ABABAB;
}

.displaybox .actor em{ 
	font-weight:normal !important;
}
			
.displaybox .openpage { 
	position:absolute;
	
	height:10px;
	z-index:2;
	left: 255px;
	top: 3px;
}

.displaybox .openpage a{ 
	font-weight:bold;
}
			
.displaybox .data{
		position:absolute;
		width:202px;
		height:52px;
		z-index:4;
		left: 60px;
		top: 24px;
		color:#928686;
		line-height:16px;
		}

.displaybox .data a{
	color:#928686 !important;
	text-decoration:none !important;
}

.displaybox .data a:hover{
	text-decoration:none;
}

.displaybox .data b{
	display:block;
}

.displaybox .data strong{
	display:block;
	color:#FFF;	
}

.displaybox .picture{ 
	position:absolute; 
	width:48px;
	height:48px;
	z-index:3;
	left: 6px;
	top: 23px;
	overflow:hidden;
	border:1px solid #928686;
	}
	
.displaybox .button{
	position:absolute;
	width:90px;
	height:20px;
	z-index:5;
	left: 266px;
	top: 38px;
	text-align:center;
}

.displaybox .button img{
	border:0px;
}

/*************************************/
/* MC_LINKS */
/*************************************/

.row a{
	color:#FFF;
}

.row a:hover{
	text-decoration:underline  !important;
}



/*************************************/
/* SMN_FAN */
/*************************************/


.smn_fans{
	position:absolute;
	top:485px;
	left:150px;

}

.smn_fans .fans{
	height:100px;
}

.smn_fans .action{
	position:absolute;
	left:503px;

}

.smn_fans .frame{
	width:50px;
	height:50px;
	float:left;
	border:1px solid #888;
	margin-right:6px;
	margin-bottom:5px;
}

.smn_fans .holder img{
	float:left;
}

.smn_fans .holder a{
	display:block;
	width:50px;
	height:50px;
	overflow:hidden;
	background-color:#000;
	float:left;
}

