/* 
   Blues & Soul : MASTER STYLESHEET
   DUSZA Limited, http://www.dusza.co.uk/
   Colin Watts, Jan 07

   FOUNDATIONS                                                                                          FOUNDATIONS ::
---------------------------------------------------------------------------------------------------------------------- */
*
{
  margin:           0;
  padding:          0;
  }
body
{
  background-color: #111;
  font:					    normal 62.5% Arial, Helvetica, sans-serif;
  color:            #FFF;
  text-align:       center;
  }
dl,ul
{
  list-style-type:  none;
  }
a
{
  color:            #FFF;
  text-decoration:  none;
  }
a:hover
{
  color:            #DDD;
  }
div.frame
{
  width:            960px;
  margin:           0 auto;
  text-align:       left;
  }
  
/* COVER                                                                                                      COVER ::
---------------------------------------------------------------------------------------------------------------------- */  
div#cover
{
  float:            left;
  width:            960px;
  height:           405px;
  }
div#cover h1#logolink a
{
  position:         absolute;
  margin-left:      22px;
  width:            148px;
  height:           273px;
  z-index:          10;
  text-indent:      -9999px;
  overflow:         hidden;
  }
span#issueNumber
{
  float:            left;
  position:         relative;
  top:              200px;
  left:             22px;
  width:            148px;
  text-align:       center;
  text-transform:   uppercase;
  font-size:        1.2em;
  font-weight:      bold;
  color:            #000;
  }
div#strapline
{
  clear:            left;
  float:            left;
  position:         relative;
  top:              276px;
  left:             22px;
  width:            595px; /* FIX IE */
  w\idth:           587px;
  height:           100px;
  border-left:      8px solid #CCC;
  background-color: #333;
  opacity:          0.85;
  -moz-opacity:     0.85;
  filter:           alpha(opacity=85);
  }
div#strapline h1
{
  margin:           5px 0 0 15px;
  font-size:        3.9em;
  text-transform:   uppercase;
  }
div#strapline p
{
  margin:           0 0 0 15px;
  font-size:        2em;
  font-weight:      bold;
  line-height:      1em;
  }
div#headlines {
	float:            		right;
	position:         		relative;
	width:            		300px;
	height:           		260px;
	right:            		20px;
}
div#headlines h1 {
	font-size:        		2em;
}
div#headlines h1 a span.heading {
	display:          		block;	
	margin:           		0.7em 0 0 0;
	text-transform:   		uppercase;
	font-weight:      		bold;
	line-height:      		1em;
}
div#headlines h1 a span.subheading {
	display:          		block;
	text-transform:   		uppercase;
	font-size:        		0.7em;
	line-height:      		1.2em;
	font-weight:      		bold;
}
div.media_links {
	font-size:				1.6em;
	font-weight:			bold;
	display:				block;
	top:					404px;
	text-align:				right;
	position:				relative;
	height:					0px;
}
div.media_links span {
	top: 					-12px;
	position:				relative;
	right:					4px;
}
div.media_links img {
	border:					0;
}
div#twtr-profile-widget {
	margin-left:			15px;
}

/* NAVIGATION                                                                                            NAVIGATION ::
---------------------------------------------------------------------------------------------------------------------- */ 
div#navigation
{
  float:            left;
  width:            170px;
  background-color: #000;
  }
div#navigation ul
{
  float:            right;
  width:            148px; /* FIX IE */
  /*width:           140px;*/
  background-color: #111;
  border-left:      8px solid #FFF;
  margin:           0 0 22px 0;
  padding:          8px 0;
  }

div#navigation ul#main    { border-color: #CCC; }
div#navigation ul#other   { border-color: #666; margin-bottom: 0; }
  
div#navigation ul li
{
  float:            right;
  width:            130px;
  }
div#navigation ul a
{
  float:            left;
  font-size:        1.2em;
  font-weight:      bold;
  padding:          0 2px;
  text-transform:   uppercase;
  }

div#navigation ul#main a  { font-size: 1.7em; }
div#navigation ul#genre a { font-size: 1.5em; }  
  
div#navigation ul a:hover
{
  color:            #111;
  background-color: #FFF;
  }

div#navigation ul#other small
{
  color:            #595959;
  }

div#navigation ul#other small a
{
  font-size:        1em;
  text-transform:   none;
  float:            none;
  padding:          0;
  color:            #595959;
  background:       none;
  }

div#navigation ul#other small a:hover
{
  color:            #999;
  background:       none;
  }

div#navigation ul#genre li span.genresponsor{
	text-transform:				uppercase;
	float:								left;
	clear:							left;
}

div#navigation ul#genre li span.genresponsor a.sponsorLink{
	font-size:						1em;
	padding:						0px;
	width:							100px;
	color:							#FFF;
	text-transform:					uppercase;
	float:							left;
	clear:							left;	
}

div#navigation h2.columns{
	float:							left;
	margin:							0 0 5px 21px;
}

div.sponsor{
	float:							left;
	display:						inline;
	margin:							0 0 22px 22px;
	background:						#131213;
}

div.sponsor a{
	float:							left;
	color:							none;
	background:						none;
	width:							148px;
	height:							37px;
	border:							none;
}

div.sponsor a img{
	border: none;
}

div#navigation ul#main a:hover    { background-color: #CCC; }
div#navigation ul#other a:hover   { background-color: #666; }
div#navigation a#everything:hover { background-color: #CCC; }
div#navigation a#hiphop:hover,
div#navigation a.hiphop:hover,
div#navigation a.hiphop.current   { background-color: #ED0918; }
div#navigation a#rnb:hover,
div#navigation a.rnb:hover,
div#navigation a.rnb.current      { background-color: #9940DA; }
div#navigation a#housedance:hover,
div#navigation a.house:hover,
div#navigation a.house.current    { background-color: #F5D601; }
div#navigation a#soul:hover,
div#navigation a.soul:hover,
div#navigation a.soul.current     { background-color: #71380D; }
div#navigation a#jazzfusion:hover,
div#navigation a.jazz:hover,
div#navigation a.jazz.current     { background-color: #89C532; }

div#navigation a#reggaeworld:hover,
div#navigation a.reggaeworld:hover,
div#navigation a.reggaeworld.current     { background-color: #FF860D; }

div#navigation a#blues:hover,
div#navigation a.blues:hover,
div#navigation a.blues.current     { background-color: #1D67FF; }


div#navigation a.columnist {
	padding:          2px;
}

div#navigation  ul#genre li:hover span.genresponsor a.sponsorLink{
	color:							#1D67FF;
	cursor:							pointer;
}

div#navigation  ul#genre li span.genresponsor a.sponsorLink:hover{
	background-color:				#111;
}


div#navigation  ul#genre li:hover a#jazzfusion{ 
	background-color: #89C532; 
	color:            #111;
}


body#home a#navHome,
body#about a#navAbout,
body#features a#navFeatures,
body#news a#navNews,
body#live a#navLive,
body#reviews a#navReviews,
body#charts a#navCharts,
body#downloads a#navDownloads,
body#clubs a#navClubs,
body#stuff a#navStuff,
body#win a#navWin,
div#navigation ul a.current,
body#subscribe a#navSubscribe,
body#contact a#navContact,
body#corporate a#navCorporate,
body#terms a#navTerms,
body#privacy a#navPrivacy
{
  background-color: #CCC;
  color:            #111;
  margin:           0 0 0 10px;
  }

div#navigation ul a.current  { background-color: #FFF; }
body#contact a#navContact,
body#corporate a#navCorporate,
body#terms a#navTerms,
body#privacy a#navPrivacy    { background-color: #666; }

body.everything ul#genre     { border-color: #CCC; }
body.everything a#everything { background-color: #CCC; color: #111; margin-left: 10px; }
body.hiphop ul#genre         { border-color: #ED0918; }
body.hiphop a#hiphop         { background-color: #ED0918; color: #111; margin-left: 10px; }
body.rnb ul#genre            { border-color: #9940DA; }
body.rnb a#rnb               { background-color: #9940DA; color: #111; margin-left: 10px; }
body.housedance ul#genre     { border-color: #F5D601; }
body.housedance a#housedance { background-color: #F5D601; color: #111; margin-left: 10px; }
body.soul ul#genre           { border-color: #71380D; }
body.soul a#soul             { background-color: #71380D; color: #111; margin-left: 10px; }

body.jazzfusion ul#genre     { border-color: #89C532; }
body.jazzfusion a#jazzfusion { background-color: #89C532; color: #111; margin-left: 10px; }
body.jazzfusion div#navigation ul#genre li span.genresponsor a.sponsorLink {margin-left: 10px; color:#89C532;}
body.blues ul#genre     { border-color: #1D67FF; }
body.blues a#blues { background-color: #1D67FF; color: #111; margin-left: 10px; }
body.blues div#navigation ul#genre li span.genresponsor a.sponsorLink {margin-left: 10px; color:#1D67FF;}

body.reggaeworld ul#genre         	{ border-color: #FF860D; }
body.reggaeworld a#reggaeworld     { background-color: #FF860D; color: #111; margin-left: 10px; }


div#navigation form#search
{
  padding:          0 0 22px;
  }
div#navigation form#search, div#navigation form#search fieldset
{
  float:            right;
  width:            148px;
  border:           0;
  }
div#navigation form#search input.text
{
  float:            left;
  width:            122px; /* FIX IE */
  w\idth:           106px;
  padding:          3px 5px 4px;
  border:           1px solid #666;
  border-width:     1px 1px 1px 8px;
  background-color: #000 !important;
  font-size:        1em;
  font-weight:      bold;
  color:            #FFF;
  }
div#navigation form#search input.submit
{
  float:            left;
  width:            20px;
  height:           22px;
  margin:           0 0 0 3px;
  background:       #000 url("../images/search.gif") no-repeat;
  border:           0;
  padding-top:      20px; /* HIDE SUBMIT... */
  overflow:         hidden; /* ...BUTTON TEXT */
  }
div#navigation form#search input.submit:hover
{
  cursor:           pointer;
  }

div#navigation span#navFoot
{
  float:            left;
  width:            170px;
  background:       #111 url("../images/navFoot.gif") no-repeat;
  }
div#navigation a.siteCredit
{
  float:            right;
  display:          block;
  width:            148px;
  height:           50px;
  background:       #111 url("../images/dusza.gif") no-repeat;
  text-indent:      -9999px;
  line-height:      0px;
  overflow:         hidden;
  }
div#navigation a.siteCredit:hover
{
  background-image: url("../images/dusza1.gif");
  }

div#navigation div.sidebanner
{
  float:            left;
  width:            158px;
  height:			598px;
  padding:          30px 0 0;
  background-color: #111;
  overflow:			hidden;
  }

div#navigation div.sidebanner img
{
  border:           0;
  }
div#navigation div.sidebanner a
{
  float:            right;
  margin:           0 13px 0 0;
  }
  
div#navigation div.narrow
{
	padding:			8px 0 0 0;
	width:				120px;
	height:				600px;
	margin-left:		38px;
	display:			inline;
}

/* CONTENT                                                                                                  CONTENT ::
---------------------------------------------------------------------------------------------------------------------- */

div.itunes {
	float:				left;
	width:				600px;
	height:				750px;
	overflow:			hidden;
	background:			url("../images/itunesHeader.gif") left 1px no-repeat;
	margin-left:		170px;
}
div#we7w_div1 {
	float:				left;
	display:			inline;
	margin:				10px 0 0 8px;
}
p#breadcrumb {
	float:            	left;
	width:            	916px;
	margin:           	10px 22px;
	text-transform:  	uppercase;
	font-weight:      	bold;
	color:            	#CCC;  
}
div#content {
	float:            	right;
	width:            	790px;
	margin:           	0 0 10px 0;
	background-color: 	#000;
}
div#primary {
	float:            	left;
	width:            	470px;
	padding:          	0 0 22px 0;
} 
div#primary div.carousel_top  {
	float:				left;
	position:			relative;
	width:				404px;
	height:				100px;
	overflow:			hidden;
	margin:				0;
}
div#primary ul.carousel_top {
	float:            	left;
	width:            	404px;
	height:           	100px;
	padding:			0;
	margin:				0;
}
div#primary div.carousel_top ul.carousel_top li,
div#primary div.carousel_top ul.carousel_top li a img {
	border:				0;
	margin:				0;
	padding:			0;
	height:				100px;
} 
/* side panel for adverts and stuff */
div#secondary {
	float:            	left;
	width:            	320px;
}
/* secondary banner carousel styles */
div#secondary div.carousel_one ul.carousel_one li a img,
div#secondary div.carousel_two ul.carousel_two li a img,
div#secondary div.carousel_three ul.carousel_three li a img,
div#secondary div.carousel_four ul.carousel_four li a img,
div#secondary div.carousel_five ul.carousel_five li a img {
	border:				0;
	margin:				0;
	padding:			0;
}
div#secondary div.carousel_one,
div#secondary div.carousel_two,
div#secondary div.carousel_three,
div#secondary div.carousel_four,
div#secondary div.carousel_five  {
	float:				left;
	position:			relative;
	width:				320px;
	height:				205px;
	overflow:			hidden;
	margin:				5px 0 0 0;
}
div#secondary div.carousel_one ul.carousel_one,
div#secondary div.carousel_two ul.carousel_two,
div#secondary div.carousel_three ul.carousel_three,
div#secondary div.carousel_four ul.carousel_four,
div#secondary div.carousel_five ul.carousel_five {
	float:				left;
	position:			absolute;
	width:				3200px;
}
div#secondary div.carousel_one ul.carousel_one li,
div#secondary div.carousel_two ul.carousel_two li,
div#secondary div.carousel_three ul.carousel_three li,
div#secondary div.carousel_four ul.carousel_four li,
div#secondary div.carousel_five ul.carousel_five li {
	float:				left;
	display:			inline;
	position:			relative;
}

/* PRIMARY                                                                                                  PRIMARY ::
---------------------------------------------------------------------------------------------------------------------- */
div#primary a
{
  font-weight:      bold;
  padding:          0 4px;
  color:            #111;
  background-color: #CCC;
  }
div#content div#primary a:hover
{
  background-color: #FFF;
  }
div#primary a.imagelink
{
  padding:          0;
  }
div#primary a.imagelink img
{
  border-color:     #CCC;
  }
div#primary a.imagelink:hover img
{
  border-color:     #FFF;
  }

div#primary div.columnist
{
  float:            right;
  width:            406px;
  border:           1px solid #000;
  border-width:     10px 30px 10px 0;
  }
div#primary div.columnist h3
{
  font-size:        1.2em;
  }
div#primary div.columnist a
{
  text-transform:   uppercase;
  }
div#primary div.columnist p
{
  margin:           10px 0 0;
  text-transform:   uppercase;
  font-size:        1.1em;
  }

  div#primary div.item a.buyNow{
	  width:						105px;
	  float:						left;
	  clear:						left;
	  font-size:					1.6em;
	  margin-left:				10px;
	  margin-top:				4px;
	  background-image:		url("../images/buy-now-arrow.png");
  }
  
div#primary div.item a.buyNowReview{
	 width:						105px;
	float:							left;
	font-size:					1.6em;
	margin-top:				5px;
	  background-image:		url("../images/buy-now-arrow.png");
}

div#primary div.brightcove {
	margin-left:				30px;				
}


/* HOMEPAGE                                                                                                HOMEPAGE ::
---------------------------------------------------------------------------------------------------------------------- */
div.primary-advert
{
  float:            right;
  width:            436px;
  padding:          8px 0;
  }
div.primary-advert img, div.primary-advert a, div.primary-advert
 {
	background:		#000 !important;
	}
div.primary-advert img
{
  border: 0;
	/*border:			2px solid #fff;*/
	}
div.eeverything{
	background:       #000 url("../images/editorial.gif") 10px 8px no-repeat;
}

div.ehiphop{
	background:       #000 url("../images/editorial_hiphop.gif") 10px 8px no-repeat;
}

div.ernb{
	background:       #000 url("../images/editorial_rnb.gif") 10px 8px no-repeat;
}

div.ehousedance{
	background:       #000 url("../images/editorial_house.gif") 10px 8px no-repeat;
}

div.ejazzfusion{
	background:       #000 url("../images/editorial_jazzfusion.gif") 10px 8px no-repeat;
}

div.eblues{
	background:       #000 url("../images/editorial_blues.gif") 10px 8px no-repeat;
}

div.esoul{
	background:       #000 url("../images/editorial_soul.gif") 10px 8px no-repeat;
}

div.ereggaeworld{
	background:       #000 url("../images/editorial_reggaeworld.gif") 10px 8px no-repeat;
}


div.ceverything{
	background:       #000 url("../images/column.gif") 10px 8px no-repeat;
}
div.chiphop{
	background:       #000 url("../images/column_hiphop.gif") 10px 8px no-repeat;
}
div.crnb{
	background:       #000 url("../images/column_rnb.gif") 10px 8px no-repeat;
}
div.chousedance{
	background:       #000 url("../images/column_house.gif") 10px 8px no-repeat;
}
div.cjazzfusion{
	background:       #000 url("../images/column_jazzfusion.gif") 10px 8px no-repeat;
}
div.cblues{
	background:       #000 url("../images/column_blues.gif") 10px 8px no-repeat;
}
div.csoul{
	background:       #000 url("../images/column_soul.gif") 10px 8px no-repeat;
}
div.creggaeworld{
	background:       #000 url("../images/column_reggaeworld.gif") 10px 8px no-repeat;
}


div.column span.aeverything{
	color:				#CCC;
}
div.column span.ahiphop{
	color:				#ED0918;
}
div.column span.arnb{
	color:				#8541DA;
}
div.column span.ahousedance{
	color:				#F5D601;
}
div.column span.ajazzfusion{
	color:				#89C532;
}
div.column span.ablues{
	color:				#1D67FF;
}
div.column span.asoul{
	color:				#71380D;
}
div.column span.areggaeworld{
	color:				#FF860D;
}

div.editorial
{
  float:            right;
  width:            448px;
  padding:          8px 0 0 0;
  
  }
div.editorial h2
{
  text-indent:      -9999px;
  line-height:      0px;
  }
div.editorial p
{
  margin:           0 30px;
  font-size:        1.3em;
  font-weight:      bold;
  padding:          0 0 20px 0;
  border:           2px solid #333;
  border-width:     0 0 2px 0;
  height:			79px;
  overflow:			hidden;
 
  }
a#show_editorial {
	margin:			0 52px;
	padding:		5px 3px;
	text-transform:	uppercase;
}
div.editorial p span
{
  color:            #CCC;
  font-size:        1.1em;
  }
div.column
{
  float:            right;
  width:            448px;
  padding:          8px 0 0 0;
  }
div.column h2
{
  text-indent:      -9999px;
  line-height:      0px;
  }
div.column p
{
  margin:           0 30px;
  font-size:        1.3em;
  font-weight:      bold;
  padding:          0 0 20px 0;
  border:           2px solid #333;
  border-width:     0 0 2px 0;
  }
div.column p span
{
  color:            #CCC;
  font-size:        1.1em;
  }
div#primary div.item
{
  float:            right;
  width:            448px;
  padding:          8px 0 0 0;
  }
div.index div#primary div.item
{
  padding:          11px 0 0 0;
  }

div.m_hh   { background: #000 url("../images/mixtape_hiphop.gif") 10px 11px no-repeat; }
div.m_rnb  { background: #000 url("../images/mixtape_rnb.gif") 10px 11px no-repeat; }
div.m_hd   { background: #000 url("../images/mixtape_housedance.gif") 10px 11px no-repeat; }
div.m_s    { background: #000 url("../images/mixtape_soul.gif") 10px 11px no-repeat; }
div.m_jf   { background: #000 url("../images/mixtape_jazzfusion.gif") 10px 11px no-repeat; } 
div.m_rw   { background: #000 url("../images/mixtape_reggaeworld.gif") 10px 11px no-repeat; } 
div.m_b   { background: #000 url("../images/mixtape_blues.gif") 10px 11px no-repeat; } 
  
div.r_hh   { background: #000 url("../images/review_hiphop.gif") 10px 11px no-repeat; }
div.r_rnb  { background: #000 url("../images/review_rnb.gif") 10px 11px no-repeat; }
div.r_hd   { background: #000 url("../images/review_housedance.gif") 10px 11px no-repeat; }
div.r_s    { background: #000 url("../images/review_soul.gif") 10px 11px no-repeat; }
div.r_jf   { background: #000 url("../images/review_jazzfusion.gif") 10px 11px no-repeat; }
div.r_rw   { background: #000 url("../images/review_reggaeworld.gif") 10px 11px no-repeat; }
div.r_b   { background: #000 url("../images/review_blues.gif") 10px 11px no-repeat; }

div.a_hh   { background: #000 url("../images/album_hiphop.gif") 10px 11px no-repeat; }
div.a_rnb  { background: #000 url("../images/album_rnb.gif") 10px 11px no-repeat; }
div.a_hd   { background: #000 url("../images/album_housedance.gif") 10px 11px no-repeat; }
div.a_s    { background: #000 url("../images/album_soul.gif") 10px 11px no-repeat; }
div.a_jf   { background: #000 url("../images/album_jazzfusion.gif") 10px 11px no-repeat; }
div.a_rw   { background: #000 url("../images/album_reggaeworld.gif") 10px 11px no-repeat; }
div.a_b   { background: #000 url("../images/album_blues.gif") 10px 11px no-repeat; }

div.s_hh   { background: #000 url("../images/single_hiphop.gif") 10px 11px no-repeat; }
div.s_rnb  { background: #000 url("../images/single_rnb.gif") 10px 11px no-repeat; }
div.s_hd   { background: #000 url("../images/single_housedance.gif") 10px 11px no-repeat; }
div.s_s    { background: #000 url("../images/single_soul.gif") 10px 11px no-repeat; }
div.s_jf   { background: #000 url("../images/single_jazzfusion.gif") 10px 11px no-repeat; }
div.s_rw   { background: #000 url("../images/single_reggaeworld.gif") 10px 11px no-repeat; }
div.s_b  { background: #000 url("../images/single_blues.gif") 10px 11px no-repeat; }

div.c_hh   { background: #000 url("../images/comp_hiphop.gif") 10px 11px no-repeat; }
div.c_rnb  { background: #000 url("../images/comp_rnb.gif") 10px 11px no-repeat; }
div.c_hd   { background: #000 url("../images/comp_housedance.gif") 10px 11px no-repeat; }
div.c_s    { background: #000 url("../images/comp_soul.gif") 10px 11px no-repeat; }
div.c_jf   { background: #000 url("../images/comp_jazzfusion.gif") 10px 11px no-repeat; }
div.c_rw   { background: #000 url("../images/comp_reggaeworld.gif") 10px 11px no-repeat; }
div.c_b   { background: #000 url("../images/comp_blues.gif") 10px 11px no-repeat; }

div.d_hh   { background: #000 url("../images/demo_hiphop.gif") 10px 11px no-repeat; }
div.d_rnb  { background: #000 url("../images/demo_rnb.gif") 10px 11px no-repeat; }
div.d_hd   { background: #000 url("../images/demo_housedance.gif") 10px 11px no-repeat; }
div.d_s    { background: #000 url("../images/demo_soul.gif") 10px 11px no-repeat; }
div.d_jf   { background: #000 url("../images/demo_jazzfusion.gif") 10px 11px no-repeat; }
div.d_rw   { background: #000 url("../images/demo_reggaeworld.gif") 10px 11px no-repeat; }
div.d_b   { background: #000 url("../images/demo_blues.gif") 10px 11px no-repeat; }

div.e_hh   { background: #000 url("../images/ep_hiphop.gif") 10px 11px no-repeat; }
div.e_rnb  { background: #000 url("../images/ep_rnb.gif") 10px 11px no-repeat; }
div.e_hd   { background: #000 url("../images/ep_housedance.gif") 10px 11px no-repeat; }
div.e_s    { background: #000 url("../images/ep_soul.gif") 10px 11px no-repeat; }
div.e_jf   { background: #000 url("../images/ep_jazzfusion.gif") 10px 11px no-repeat; }
div.e_rw   { background: #000 url("../images/ep_reggaeworld.gif") 10px 11px no-repeat; }
div.e_b   { background: #000 url("../images/ep_blues.gif") 10px 11px no-repeat; }

div.f_hh   { background: #000 url("../images/feature_hiphop.gif") 10px 11px no-repeat; }
div.f_rnb  { background: #000 url("../images/feature_rnb.gif") 10px 11px no-repeat; }
div.f_hd   { background: #000 url("../images/feature_housedance.gif") 10px 11px no-repeat; }
div.f_s    { background: #000 url("../images/feature_soul.gif") 10px 11px no-repeat; }
div.f_jf   { background: #000 url("../images/feature_jazzfusion.gif") 10px 11px no-repeat; }
div.f_rw   { background: #000 url("../images/feature_reggaeworld.gif") 10px 11px no-repeat; }
div.f_b   { background: #000 url("../images/feature_blues.gif") 10px 11px no-repeat; }

div.n_hh   { background: #000 url("../images/news_hiphop.gif") 10px 11px no-repeat; }
div.n_rnb  { background: #000 url("../images/news_rnb.gif") 10px 11px no-repeat; }
div.n_hd   { background: #000 url("../images/news_housedance.gif") 10px 11px no-repeat; }
div.n_s    { background: #000 url("../images/news_soul.gif") 10px 11px no-repeat; }
div.n_jf   { background: #000 url("../images/news_jazzfusion.gif") 10px 11px no-repeat; }
div.n_rw   { background: #000 url("../images/news_reggaeworld.gif") 10px 11px no-repeat; }
div.n_b   { background: #000 url("../images/news_blues.gif") 10px 11px no-repeat; }

div.dl_hh  { background: #000 url("../images/podcast_hiphop.gif") 10px 11px no-repeat; }
div.dl_rnb { background: #000 url("../images/podcast_rnb.gif") 10px 11px no-repeat; }
div.dl_hd  { background: #000 url("../images/podcast_housedance.gif") 10px 11px no-repeat; }
div.dl_s   { background: #000 url("../images/podcast_soul.gif") 10px 11px no-repeat; }
div.dl_jf  { background: #000 url("../images/podcast_jazzfusion.gif") 10px 11px no-repeat; }
div.n_rw   { background: #000 url("../images/news_reggaeworld.gif") 10px 11px no-repeat; }
div.n_b   { background: #000 url("../images/news_blues.gif") 10px 11px no-repeat; }

div.l_hh   { background: #000 url("../images/live_hiphop.gif") 10px 11px no-repeat; }
div.l_rnb  { background: #000 url("../images/live_rnb.gif") 10px 11px no-repeat; }
div.l_hd   { background: #000 url("../images/live_housedance.gif") 10px 11px no-repeat; }
div.l_s    { background: #000 url("../images/live_soul.gif") 10px 11px no-repeat; }
div.l_jf   { background: #000 url("../images/live_jazzfusion.gif") 10px 11px no-repeat; }
div.l_rw   { background: #000 url("../images/live_reggaeworld.gif") 10px 11px no-repeat; }
div.l_b  { background: #000 url("../images/live_blues.gif") 10px 11px no-repeat; }

div.v_hh   { background: #000 url("../images/dvd_hiphop.gif") 10px 11px no-repeat; }
div.v_rnb  { background: #000 url("../images/dvd_rnb.gif") 10px 11px no-repeat; }
div.v_hd   { background: #000 url("../images/dvd_housedance.gif") 10px 11px no-repeat; }
div.v_s    { background: #000 url("../images/dvd_soul.gif") 10px 11px no-repeat; }
div.v_jf   { background: #000 url("../images/dvd_jazzfusion.gif") 10px 11px no-repeat; }
div.v_rw   { background: #000 url("../images/dvd_reggaeworld.gif") 10px 11px no-repeat; }
div.v_b   { background: #000 url("../images/dvd_blues.gif") 10px 11px no-repeat; }

div.fi_hh   { background: #000 url("../images/film_hiphop.gif") 10px 11px no-repeat; }
div.fi_rnb  { background: #000 url("../images/film_rnb.gif") 10px 11px no-repeat; }
div.fi_hd   { background: #000 url("../images/film_housedance.gif") 10px 11px no-repeat; }
div.fi_s    { background: #000 url("../images/film_soul.gif") 10px 11px no-repeat; }
div.fi_jf   { background: #000 url("../images/film_jazzfusion.gif") 10px 11px no-repeat; }
div.fi_rw   { background: #000 url("../images/film_reggaeworld.gif") 10px 11px no-repeat; }
div.fi_b   { background: #000 url("../images/film_blues.gif") 10px 11px no-repeat; }

div.b_hh   { background: #000 url("../images/book_hiphop.gif") 10px 11px no-repeat; }
div.b_rnb  { background: #000 url("../images/book_rnb.gif") 10px 11px no-repeat; }
div.b_hd   { background: #000 url("../images/book_housedance.gif") 10px 11px no-repeat; }
div.b_s    { background: #000 url("../images/book_soul.gif") 10px 11px no-repeat; }
div.b_jf   { background: #000 url("../images/book_jazzfusion.gif") 10px 11px no-repeat; }
div.b_rw   { background: #000 url("../images/book_reggaeworld.gif") 10px 11px no-repeat; }
div.b_b  { background: #000 url("../images/book_blues.gif") 10px 11px no-repeat; }

div.stuff  { background: #000 url("../images/stuff.gif") 10px 11px no-repeat; }

div#primary h1
{
  float:            left;
  margin:           8px 0 0 30px;
  padding:          0 0 0 2px;
  color:            #FFF;
  text-transform:   uppercase;
  font-size:        2.2em;
  line-height:      1em;
  display:          inline; /* FIX IE */
  }
div#primary div.item h1, div#primary div.item h2, div#primary div.item h3
{
  float:            left;  
  width:            408px; /* FIX IE */
  w\idth:           406px;
  margin:           0 0 4px 10px;
  padding:          0 0 0 2px;
  background-color: #666;
  color:            #FFF;
  text-transform:   uppercase;
  font-size:        2.2em;
  line-height:      1em;
  display:          inline; /* FIX IE */
  }
div#primary div.item h1
{
  width:            auto;
  color:            #000;
  padding:          0 2px;
  }
body#features div.item h2, body#news div.item h2, div#club div.item h2
{
  width:            401px; /* FIX IE */
  w\idth:           399px;
  }
div.index div#primary div.item h2
{
  float:            right;
  width:            334px; /* FIX IE */
  w\idth:           289px;
  background-color: #000;
  font-size:        1.1em;
  line-height:      1.3em;
  margin:           0;
  padding:          2px 30px 0 15px;
  }
div.index div#primary div.full h2
{
  float:            left;
  width:            418px; /* FIX IE */
  w\idth:           388px;  
  margin:           0 0 2px 0px;
  padding:          0 0 0 30px;
  }
div#primary div.item h3
{
  text-transform:   uppercase;
  font-size:        2.2em;
  margin:           20px 0 0 8px;
  background-color: #000;
  }
div#primary div.item p
{
  float:            left;
  width:            418px; /* FIX IE */
  w\idth:           406px;
  margin:           .6em 0 .3em 0;
  padding:          0 0 0 10px;
  font-size:        1.1em;
  line-height:      1.3em;
  }
div.index div#primary div.item p
{
  float:            right;
  width:            334px; /* FIX IE */
  w\idth:           289px;
  line-height:      1.2em;
  margin:           .3em 0;
  padding:          0 30px 0 15px;
  text-transform:   uppercase;
  }
div.index div#primary div.full p
{
  float:            left;
  width:            418px; /* FIX IE */
  w\idth:           388px;
  margin:           .3em 0;
  padding:          0 0 0 30px;
  }  
div.index div#primary div.full p.images
{
  margin:           2px 0 10px 0;
  padding:          0 0 0 30px;
  }
p.pagination
{
  float:            left;
  width:            407px;
  margin:           10px 0 0 33px;
  text-transform:   uppercase;
  display:          inline; /* FIX IE */
  font-size:        1.2em;
  font-weight:      bold;
  }
p.pagination a
{
  margin:           0 2px 0 0;
  font-size:        1.8em;
  }
p.pagination span
{
  float:            right;
  }
div#primary div.item img
{
  float:            left;
  width:            auto;
  margin:           0 0 4px 4px;
  border:           2px solid #FFF;
  }
div.index div#primary div.item img
{
  width:            80px;
  margin:           2px 0 0 30px;
  }
div.index div#primary div.full img
{
  margin:           0 13px 0 0;
  } 
  
div.index div#primary div.item p a img.video {
	width:			14px;
	height:			11px;
	border:			0;
	margin:			2px 0;
	display:			inline;
	float:				right;
}

div.index div#primary div.item p a.videoLink {
	float:				left;
	width:			80px;
}

div#content .uc
{
  text-transform:   uppercase;
  }
div#content div.item p.highlight
{
  color:            #FFF;
  font-size:        1.3em;
  font-weight:      bold;
  }
.highlight { color: #666; }

div#primary div.hiphop h1,
div#primary div.hiphop h2               { background-color: #ED0918; }
div#primary div.hiphop h3.highlight,
div#primary div.hiphop p.highlight,
div.hiphop .highlight                   { color: #ED0918; }
div#primary div.rnb h1,
div#primary div.rnb h2                  { background-color: #9940DA; }
div#primary div.rnb h3.highlight,
div#primary div.rnb p.highlight,
div.rnb .highlight                      { color: #9940DA; }
div#primary div.housedance h1,
div#primary div.housedance h2           { background-color: #F5D601; }
div#primary div.housedance h3.highlight,
div#primary div.housedance p.highlight,
div.housedance .highlight               { color: #F5D601; }
div#primary div.soul h1,
div#primary div.soul h2                 { background-color: #71380D; }
div#primary div.soul h3.highlight,
div#primary div.soul p.highlight,
div.soul .highlight                     { color: #71380D; }
div#primary div.jazzfusion h1,
div#primary div.jazzfusion h2           { background-color: #89C532; }
div#primary div.jazzfusion h3.highlight,
div#primary div.jazzfusion p.highlight,
div.jazzfusion .highlight               { color: #89C532; }
div#primary div.reggaeworld h1,
div#primary div.reggaeworld h2           { background-color: #FF860D; }
div#primary div.reggaeworld h3.highlight,
div#primary div.reggaeworld p.highlight,
div.reggaeworld .highlight               { color: #FF860D; }

div#primary div.blues h1,
div#primary div.blues h2           { background-color: #1D67FF; }
div#primary div.blues h3.highlight,
div#primary div.blues p.highlight,
div.blues .highlight               { color: #1D67FF; }


div#primary div.hiphop img     { border-color: #ED0918; }
div#primary div.hiphop a       { background-color: #ED0918; }
div#primary div.rnb img        { border-color: #9940DA; }
div#primary div.rnb a          { background-color: #9940DA; }
div#primary div.housedance img { border-color: #F5D601; }
div#primary div.housedance a   { background-color: #F5D601; }
div#primary div.soul img       { border-color: #71380D; }
div#primary div.soul a         { background-color: #71380D; }
div#primary div.jazzfusion img { border-color: #89C532; }
div#primary div.jazzfusion a   { background-color: #89C532; }
div#primary div.blues img { border-color: #1D67FF; }
div#primary div.blues a   { background-color: #1D67FF; }
div#primary div.reggaeworld img { border-color: #FF860D; }
div#primary div.reggaeworld a   { background-color: #FF860D; }


div#primary div.item h3.column {
  font-size:		1.4em;
  margin:			5px 9px 0;
  text-transform:	none;
  }

div#primary div.item h2.column {
  font-size:		1.5em;
  margin:			10px 9px 0;
  text-align:		center;
  background:		transparent;
  text-transform:	none;
  }

div.adbanner
{
  float:            right;
  width:            470px;
  margin:           22px 0 0 0;
  background-color: #000;
  text-align:       center;
  }
div.index div.adbanner
{
  width:            448px;
  }
div#primary div.adbanner a, div#content div#primary div.adbanner a:hover
{
  background-color: #000;
  }
div#primary div.adbanner img
{
  border:           0;
  }
div.textAdFrame
{
  width:            960px;
  margin:           0 auto;
  text-align:       left;
  }
div.textAdContainer
{
  float:			  left !important;
  float:			  none; /* FIX IE */
  margin:		  0 0 0 160px !important;
  margin:		  0 0 0 140px; /* FIX IE */
  padding:		  0 0 20px;
  width:			  800px !important;
  width:			  820px; /* FIX IE */
  }
div.textAd
{
  float:			  left;
  text-align:	  left;
  width:			  136px;
  padding:		  5px;
  margin:		  0 0 0 10px;
  border:		  2px solid #333;
  }  
div.textAd h1
{
  font-size:		1.4em !important;
  color:			#999 !important;
  }
div.textAd h1, div.textAd p, div.textAd h1 a
{
  float:			left !important;
  float:			none; /* FIX IE */
  clear:			left;
  margin:		0 10px 5px 0 !important;
  }
div.textAd p
{
  font-size:		1.1em;
  margin:		5px 10px 0 3px !important;
  width:			114px;
  }
div.textAd p.url
{
  font-size:		1em;
  }
div.textAd h1 a, div.textAd p a
{
  display:		inline;
  float:			none;
  margin:		0 !important;
  padding:		0 !important;
  color:			#FFF !important;
  }
div.textAd h1 a
{
  float:			none !important;
  color:			#999 !important;
  }
p.hmv_ad {
  margin:         -122px 25px 0 27px;
  text-align:     left;
  line-height:    1.3em;
  }
p.hmv_img {
  padding:        0 0 20px 10px;
  }
img.hmv_ad {
  width:          58px;
  margin:         10px 8px 0 0;
  }
/* SUBPAGES                                                                                                SUBPAGES ::
---------------------------------------------------------------------------------------------------------------------- */
div#imageMain{
	float:					left;
	position:         	relative;
	height:				320px;
}
div#primary img#mainImage
{
  position:			relative;
  top:0;
  left:0;
  z-index:1;
  margin:           0 0 4px 10px;
  width:            316px;
  }
  
  div#primary span#sponsorImg {
	position:			absolute;
	top:			260px;
	left:				12px;
	display:		block;
	width:			316px;
	height:			58px;
	z-index:			2;
	background:	url("../images/jazzfusionsponsor.png") no-repeat;
	}


div.overview div#primary img#mainImage
{
  width:            195px;
  }
div#primary div.item a.first img
{
  margin:           0 0 4px 10px;
  }
div#primary div.item img.sub
{
  width:            73px;
  }
div#ratings
{
  float:            right;
  width:            205px;
  height:           73px;
  margin:           0 30px 0 0;
  display:          inline; /* FIX IE */
  }
div#club div#ratings
{
  clear:            left;
  float:            left;
  margin:           0 0 0 10px;
  }

div.hiphop div#ratings     { background: #000 url("../images/ratings_hiphop.gif") no-repeat; }
div.rnb div#ratings        { background: #000 url("../images/ratings_rnb.gif") no-repeat; }
div.housedance div#ratings { background: #000 url("../images/ratings_housedance.gif") no-repeat; }
div.soul div#ratings       { background: #000 url("../images/ratings_soul.gif") no-repeat; }
div.jazzfusion div#ratings { background: #000 url("../images/ratings_jazzfusion.gif") no-repeat; }
div.blues div#ratings { background: #000 url("../images/ratings_blues.gif") no-repeat; }
div.reggaeworld div#ratings { background: #000 url("../images/ratings_reggaeworld.gif") no-repeat; }
div.nogenre div#ratings    { background: #000 url("../images/ratings_nogenre.gif") no-repeat; }

div#ratings p#bs, div#ratings p#user
{
  float:            left;
  position:         relative;
  top:              6px;
  left:             48px;
  width:            80px;
  margin:           0;
  padding:          0;
  font-size:        6em;
  font-weight:      bold;
  line-height:      1em;
  text-align:       center;
  color:            #000;
  }
div#ratings p#user
{
  float:            right;
  top:              36px;
  left:             0;
  width:            64px;
  font-size:        2.4em;
  color:            #FFF;
  }
div#columnL
{
  float:            left;
  width:            199px;
  margin:           0 0 0 10px;
  display:          inline; /* FIX IE */
  }
div#primary div#columnL img
{
  margin:           0 0 10px 0;
  width:            195px;
  }
div#columnR
{
  float:            right;
  width:            235px; /* FIX IE */
  w\idth:           205px;
  padding:          0 30px 0 0;
  }
div.rate
{
  float:            left;
  width:            205px;
  background:       #000;
  }
div#columnR ul.rating
{
  margin:           0 0 2px 5px !important;
  display:          inline; /* FIX IE */
  }
div#primary div#columnR p
{
  margin:           .6em 0 .3em 0;
  padding:          0 0 0 6px;
  width:            205px; /* FIX IE */
  w\idth:           199px;
  }
div#primary div#columnR p.block
{
  width:            205px; /* FIX IE */
  w\idth:           199px;
  margin:           4px 0 0 0;
  font-size:        1.2em;
  font-weight:      bold;
  padding:          1px 0 0 6px;
  background-color: #666;
  }
div#primary div#columnR p.block em
{
  color:            #000;
  font-style:       normal;
  margin:           0 4px 0 0;
  display:          inline; /* FIX IE */
  }

div#primary div.hiphop div#columnR p.block     { background-color: #ED0918; }
div#primary div.rnb div#columnR p.block        { background-color: #9940DA; }
div#primary div.housedance div#columnR p.block { background-color: #F5D601; }
div#primary div.soul div#columnR p.block       { background-color: #71380D; }
div#primary div.blues div#columnR p.block { background-color: #1D67FF; }
div#primary div.jazzfusion div#columnR p.block { background-color: #89C532; }
div#primary div.reggaeworld div#columnR p.block { background-color: #FF850D; }

div#content div.item a.button
{
  font-weight:      bold;
  padding:          2px 6px 3px 6px;
  color:            #FFF;
  background-color: #666;
  }
div#content div.item a.button:hover
{
  color:            #111;
  background-color: #FFF;
  }

div#content div.hiphop a.button     { background-color: #ED0918; }
div#content div.rnb a.button        { background-color: #9940DA; }
div#content div.housedance a.button { background-color: #F5D601; }
div#content div.soul a.button       { background-color: #71380D; }
div#content div.blues a.button { background-color: #1D67FF; }
div#content div.jazzfusion a.button { background-color: #89C532; }
div#content div.reggaeworld a.button { background-color: #FF850D; }

div#content div.item a.white
{
  color:            #111;
  background-color: #FFF;
  }
div#content div#primary div.item a.white:hover, div#content div.item a.white:hover
{
  background-color: #999;
  }

div#primary a.bigbutton
{
  float:            left;
  width:            205px;
  font-weight:      bold;
  margin:           6px 0 0 0;
  padding:          10px 0;
  color:            #FFF;
  background-color: #666;
  text-transform:   uppercase;
  text-align:       center;
  font-size:        1.3em;
  }
div#primary a.bigbutton:hover
{
  color:            #000;
  background-color: #FFF;
  }

div#content div#primary p.tagcloud
{
  font-size:        1.2em;
  margin:           .5em 0 1em 0;
  padding:          0 6px 0 4px;
  overflow:         hidden;
  }
div#content div#primary p.tagcloud a
{
  background-color: #000;
  color:            #666;
  line-height:      1.2em;
  text-transform:   uppercase;
  padding:          0 3px;
  }
div#content div#primary p.tagcloud a:hover
{
  background-color: #FFF;
  color:            #111;
  }

div#club div#columnR
{
  width:            225px; /* FIX IE */
  w\idth:           205px;
  padding:          0 25px 0 0;
  }
div#club div#columnR div.rate p
{
  margin:           1px 0 2px 0;
  }
div#club div#columnR ul.rating
{
  margin:           0 0 0 5px;
  }
div#club div#columnR p.block
{
  width:            193px; /* FIX IE */
  w\idth:           187px;
  margin:           0 0 4px 0;
  }

div#primary div.item p.normal
{
  font-size:        1.1em;
  }

div#primary div.item ul#details
{
  clear:            left;
  float:            left;
  margin:           10px;
  font-size:        1.1em;
  font-weight:      bold;
  display:          inline; /* FIX IE */
  }

div#primary div.hiphop ul#details     { color: #ED0918; }
div#primary div.rnb ul#details        { color: #9940DA; }
div#primary div.housedance ul#details { color: #F5D601; }
div#primary div.soul ul#details       { color: #71380D; }
div#primary div.jazzfusion ul#details { color: #89C532; }
div#primary div.blues ul#details { color: #1D67FF; }
div#primary div.reggaeworld ul#details { color: #FF850D; }


div#primary div.item ul#details li
{
  clear:            left;
  float:            left;
  width:            300px;
  margin:           0.3em 0;
  }

div#primary div.item img.promo_banner
{
  margin-left:      10px;
  }

div#primary ol, div#primary ul
{
  float:            left;
  width:            416px; /* FIX IE */
  w\idth:           396px;
  padding:          0 0 20px 20px;
  }
div#primary li ul
{
  width:            396px; /* FIX IE */
  w\idth:           376px;
  padding:          5px 0 10px 20px;
  list-style-type:  square;
  }
div#primary li
{
  clear:            left;
  font-size:        1.1em;
  line-height:      1.5em;
  margin-top:       .5em;
  }
div#primary li ul li
{
  font-size:        1em;
  }

body#sitemap ul
{
  margin:           20px 0 0;
  }
body#sitemap ul li ul
{
  margin:           0;
  }
body#sitemap div#primary li a
{
  text-transform:   uppercase;
  }
div#primary li.hiphop     a { background-color: #ED0918; }
div#primary li.rnb        a { background-color: #9940DA; }
div#primary li.housedance a { background-color: #F5D601; }
div#primary li.soul       a { background-color: #71380D; }
div#primary li.jazzfusion a { background-color: #89C532; }
div#primary li.blues a { background-color: #1D67FF; }
div#primary li.reggaeworld a { background-color: #FF860D; }

div#primary div.item dl.listing
{
  float:            left;
  width:            418px; /* FIX IE */
  w\idth:           408px;
  margin:           10px 0 0 0;
  padding:          0 0 20px 10px;
  }
div#primary div.item dl.listing dt
{
  float:            left;
  width:            408px;
  margin:           8px 0 5px 0;
  font-size:        1.3em;
  font-weight:      bold;
  text-transform:   uppercase;
  }
div#primary div.item dl.listing dt a
{
  float:            left;
  width:            400px;
  }
div#primary div.item dl.listing dt a:hover span
{
  color:            #111;
  }
div#primary div.item dl.listing dt span
{
  float:            right;
  font-size:        .7em;
  padding:          3px 0 0 0;
  color:            #FFF;
  }
div#primary div.item dl.listing dd
{
  float:            left;
  width:            408px;
  border-bottom:    2px solid #FFF;
  margin:           0 0 8px 0;
  padding:          0 0 6px 0;
  }

div#primary div.item dl.listing dd span.additional
{
  color:            #999;
  }

div#primary div.item dl.listing dt.hiphop a,
div#primary div.item dl.listing dd.hiphop a          { background-color: #ED0918; }
div#primary div.item dl.listing dd.hiphop            { border-color: #ED0918; }
div#primary div.item dl.listing dd.hiphop strong     { color: #ED0918; }
div#primary div.item dl.listing dt.rnb a,
div#primary div.item dl.listing dd.rnb a             { background-color: #9940DA; }
div#primary div.item dl.listing dd.rnb               { border-color: #9940DA; }
div#primary div.item dl.listing dd.rnb strong        { color: #9940DA; }
div#primary div.item dl.listing dt.housedance a,
div#primary div.item dl.listing dd.housedance a      { background-color: #F5D601; }
div#primary div.item dl.listing dd.housedance        { border-color: #F5D601; }
div#primary div.item dl.listing dd.housedance strong { color: #F5D601; }
div#primary div.item dl.listing dt.soul a,
div#primary div.item dl.listing dt.soul a            { background-color: #71380D; }
div#primary div.item dl.listing dd.soul              { border-color: #71380D; }
div#primary div.item dl.listing dd.soul strong       { color: #71380D; }
div#primary div.item dl.listing dt.blues a,
div#primary div.item dl.listing dd.blues a      { background-color: #1D67FF; }
div#primary div.item dl.listing dd.blues        { border-color: #1D67FF; }
div#primary div.item dl.listing dd.blues strong { color: #1D67FF; }
div#primary div.item dl.listing dt.jazzfusion a,
div#primary div.item dl.listing dd.jazzfusion a      { background-color: #89C532; }
div#primary div.item dl.listing dd.jazzfusion        { border-color: #89C532; }
div#primary div.item dl.listing dd.jazzfusion strong { color: #89C532; }
div#primary div.item dl.listing dt.reggaeworld a,
div#primary div.item dl.listing dd.reggaeworld a      { background-color: #FF860D; }
div#primary div.item dl.listing dd.reggaeworld        { border-color: #FF860D; }
div#primary div.item dl.listing dd.reggaeworld strong { color: #FF860D; }
body#archives dl
{
  float:            left;
  width:            416px; /* FIX IE */
  w\idth:           406px;
  padding:          30px 0 20px 10px;
  }
body#archives dl dt
{
  clear:            left;
  float:            left;
  width:            406px;
  margin-top:       -20px;
  }
body#archives div#primary dl dt img
{
  width:            402px;
  height:           170px;
  margin:           0;
  }
body#archives dl dd
{
  float:            left;
  position:         relative;
  top:              -40px;
  width:            406px; /* FIX IE */
  w\idth:           394px;
  height:           28px;
  padding:          12px 0 0 12px;
  background-color: #222;
  opacity:          0.80;
  -moz-opacity:     0.80;
  filter:           alpha(opacity=80);
  font-size:        1.4em;
  }

/* TABLES                                                                                                    TABLES ::
---------------------------------------------------------------------------------------------------------------------- */
table.tracklisting, table.chart
{
  clear:            left;
  width:            199px;
  position:         relative;
  left:             0px;
  font-size:        1em;
  }
table.chart
{
  width:            408px;
  margin:           10px 0 0 0;
  }
body#charts table.chart
{
  margin:           0 0 10px 0;
  }
th, td
{
  font-size:        1.3em;
  color:            #FFF;
  text-align:       left;
  padding:          2px 3px;
  background-color: #666;
  border:           1px solid #000;
  border-width:     0 0 2px 0;
  }
table.chart thead th
{
  font-size:        2.4em;
  line-height:      1em;
  padding:          0 0 1px 2px;
  }
thead th
{
  text-transform:   uppercase;
  font-weight:      bold;
  }
tbody th
{
  background-color: #222;
  }
tbody th.alt
{
  background-color: #444;
  }
td
{
  font-size:        1.1em;
  color:            #111;
  background-color: #888;
  border-width:     0 0 1px 0;
  }
th.center, td.center
{
  text-align:       center;
  }
tr.alt td
{
  background-color: #999;
  }
    
tr.hiphop td.colour,
tbody.hiphop td.colour     { background-color: #ED0918; }
tr.rnb td.colour,
tbody.rnb td.colour        { background-color: #9940DA; }
tr.housedance td.colour,
tbody.housedance td.colour { background-color: #F5D601; }
tr.soul td.colour,
tbody.soul td.colour       { background-color: #71380D; }
tr.jazzfusion td.colour,
tbody.jazzfusion td.colour { background-color: #89C532; }
tr.blues td.colour,
tbody.blues td.colour { background-color: #1D67FF; }
tr.reggaeworld td.colour,
tbody.reggaeworld td.colour { background-color: #FF860D; }


tr:hover td, tr:hover td.colour
{
  background-color: #FFF;
  cursor:           default;
  }
div#primary tbody td a
{
  background-color: transparent;
  }
div#primary tbody td a.download
{
  float:            left;
  width:            15px;
  height:           14px;
  background:       transparent url("../images/download.png") 4px 0 no-repeat;
  text-indent:      -9999px;
  }

/* FORMS                                                                                                      FORMS ::
---------------------------------------------------------------------------------------------------------------------- */
div#primary form
{
  float:            left;
  width:            408px;
  position:         relative;
  left:             10px;
  margin:           10px 0 0 0;
  }
div#primary form#removeMe
{
  margin:           10px 0 0 0;
  }
div#primary fieldset
{
  float:            left;
  width:            408px;
  border:           0;
  margin:           0 0 15px 0;
  margin-right:     -3px;
  }
div#primary fieldset.half
{
  clear:            left;
  width:            204px;
  }
div#primary fieldset.right
{
  clear:            none;
  }
div#primary form h4
{
  float:            left;
  margin:           4px 0 10px 0;
  color:            #FFF;
  text-transform:   uppercase;
  font-size:        1.4em;
  line-height:      1em;
  }
div#primary form#removeMe h4
{
  margin:           0 0 25px 0;
  }
div#primary div.item form p
{
  float:            left;
  width:            408px;
  margin:           4px 0 14px 0;
  padding:          0;
  }
div#primary legend
{
  float:            left;
  text-transform:   uppercase;
  font-weight:      bold;
  color:            #FFF;
  }
div#primary fieldset.right legend
{
  padding-left:     4px;
  }
div#primary legend em
{
  font-size:        .8em;
  color:            #999;
  }
div#primary span.warning
{
  float:            left;
  width:            204px;
  font-size:        1.1em;
  font-weight:      bold;
  color:            #F50;
  }
div#primary fieldset.right span.warning
{
  padding-left:     4px;
  w\idth:           200px;
  }
div#primary input.text, div#primary textarea
{
  float:            left;
  width:            408px; /* FIX IE */
  w\idth:           398px;
  border:           2px solid #999;
  margin:           3px 0 0 0;
  padding:          3px;
  background-color: #666;
  font-family:			Arial, Helvetica, sans-serif;
  font-size:        1.3em;
  color:            #FFF;
  }
div#primary fieldset.half input.text
{
  width:            200px; /* FIX IE */
  w\idth:           190px;
  }
div#primary fieldset.right input.text
{
  float:            right;
  }
div#primary input.text:focus, div#primary textarea:focus
{
  border-color:     #CCC;
  }
select
{
  float:            left;
  width:            408px; /* FIX IE */
  w\idth:           406px;
  border:           2px solid #999;
  background-color: #666;
  padding:          3px;
  font-family:			Arial, Helvetica, sans-serif;
  font-size:        1.3em;
  color:            #FFF;
  }
div.inputgroup
{
  float:            left;
  width:            408px;
  padding:          5px 0 10px;
  }
input.radio, input.checkbox
{
  float:            left;
  }
div.inputgroup label
{
  float:            left;
  width:            50px;
  padding:          0 0 0 10px;
  }
div.inputgroup label:hover
{
  cursor:           pointer;
  }
div.checkbox
{
  margin-top:       10px;
  }
div.checkbox input
{
  float:            left;
  }
div#primary div.checkbox label
{
  float:            left;
  width:            116px; /* FIX IE */
  w\idth:           110px;
  padding:          2px 0 10px 6px;
  }
input.clear
{
  clear:            left;
  }

div#primary form input.submit
{
  float:            right;
  width:            100px;
  height:           30px;
  margin:           4px 0 0 0;
	padding:          3px 0;
	border:           0;
	color:            #FFF;
	font-size:        1.3em;
	font-weight:      bold;
	text-transform:   uppercase;
	background-color: #666;
  }
div#primary form#removeMe input.submit
{
  width:            200px;
  height:           26px;
  margin:           15px 0 0;
	padding:          0;
	font-size:        1em;
	font-weight:      normal;
  }
div#primary form input.submit:hover
{
  color:            #111;
  cursor:           pointer;
  background-color: #CCC;
  }
div.alert
{
  float:            left;
  width:            408px; /* FIX IE */
  w\idth:           404px;
  margin:           10px 0 5px 10px;
  border:           2px solid #ED0918;
  background-color: #666;
  padding:          15px 0;
  text-align:       center;
  text-transform:   uppercase;
  font-size:        1.1em;
  color:            #FFF;
  }
div.success
{
  border-color:     #FFF;
  }
  
/* SECONDARY                                                                                              SECONDARY ::
---------------------------------------------------------------------------------------------------------------------- */
div#secondary div.advert
{
  float:            left;
  width:            159px;
  padding:          8px 0 0 0;
  background-color: #000;
  text-align:       center;
  }
 div#secondary div.advert-1
 {
	margin:			0 2px 0 0;
	}
div#secondary div.advert img,  div#secondary div.advert-wide img
{
  border:           0;
  }
 div#secondary div.advert-wide
{
  float:            left;
  width:            319px;
  padding:          8px 0 0 0;
  background-color: #000;
  text-align:       center;
  border:			none;
  margin-right:     -3px;
  }
div#secondary div.sidepanel
{
  float:            left;
  width:            320px;
  background-color: #111;
  border-top:       22px solid #000;
  border-bottom:       22px solid #000;
  margin-right:     -3px; /* FIX IE */
  }
div#secondary div.hazard
{
  background:       #111 url("../images/hazard.gif") repeat-x;
  }
  
div#secondary form#signup, div#secondary form#signup fieldset
{
  float:            left;
  width:            320px;
  border:           0;
  }
div#secondary form#signup
{
  border-bottom:    3px solid #000;
  }
div#secondary form#signup h2
{
  float:            left;
  padding:          5px 0 2px 14px;
  font-size:        1.7em;
  font-weight:      bold;
  text-transform:   uppercase;
  color:            #FFF;
  }
div#secondary form#signup input.text
{
  float:            left;
  width:            239px; /* FIX IE */
  w\idth:           229px;
  padding:          5px;
  border:           1px solid #666;
  border-width:     0 0 0 8px;
  font-size:        1.6em;
  font-weight:      bold;
  color:            #555;
  }
div#secondary form#signup input.submit
{
  float:            left;
  width:            70px;
  height:           30px;
  margin:           0 0 0 3px;
	padding:          3px 0;
	border:           0;
	color:            #FFF;
	font-size:        1.2em;
	font-weight:      bold;
	text-transform:   uppercase;
	background-color: #666;
  }
div#secondary form#signup input.submit:hover
{
  color:            #111;
  cursor:           pointer;
  background-color: #CCC;
  }

div#secondary div.item
{
  float:            left;
  width:            160px; /* FIX IE */
  w\idth:           148px;
  padding:          27px 0 12px 12px;
  margin-right:     -3px; /* FIX IE */
  }
div#secondary div.first
{
  clear:            left;
  }
div#secondary div.item h2
{
  width:            148px; /* FIX IE */
  w\idth:           146px;
  font-size:        1.7em;
  text-transform:   uppercase;
  color:            #666;
  padding:          0 0 1px 2px;
  }
div#secondary div.item h3, div#secondary div.item h4
{
  font-size:        1em;
  text-transform:   uppercase;
  }
div#secondary div.item h3 strong, div#secondary div.item h4 strong
{
  color:            #666;
  }

div#secondary div.hiphop h3 strong, div#secondary div.hiphop h4 strong         { color: #ED0918; }
div#secondary div.rnb h3 strong, div#secondary div.rnb h4 strong               { color: #9940DA; }
div#secondary div.housedance h3 strong, div#secondary div.housedance h4 strong { color: #F5D601; }
div#secondary div.soul h3 strong, div#secondary div.soul h4 strong             { color: #71380D; }
div#secondary div.blues h3 strong, div#secondary div.blues h4 strong { color: #1D67FF; }
div#secondary div.jazzfusion h3 strong, div#secondary div.jazzfusion h4 strong { color: #89C532; }
div#secondary div.reggaeworld h3 strong, div#secondary div.reggaeworld h4 strong { color: #FF860D; }

div#secondary div.item p
{
  margin:           4px 0 6px 0;
  }
div#secondary div.item p.nomargin
{
  margin:           0;
  }
div#secondary div.item img
{
  border:           2px solid #FFF;
  }
div#secondary div.item img.second
{
  border-left:      0;
  }
  
div#secondary div.item div.download
{
  float:            left;
  width:            148px;
  height:           112px;
  margin:           5px 0;
  }
  
div#secondary div.hiphop div.download     { background: #111 url("../images/download_hiphop.gif") no-repeat; }
div#secondary div.rnb div.download        { background: #111 url("../images/download_rnb.gif") no-repeat; }
div#secondary div.housedance div.download { background: #111 url("../images/download_housedance.gif") no-repeat; }
div#secondary div.soul div.download       { background: #111 url("../images/download_soul.gif") no-repeat; }
div#secondary div.blues div.download { background: #111 url("../images/download_blues.gif") no-repeat; }
div#secondary div.jazzfusion div.download { background: #111 url("../images/download_jazzfusion.gif") no-repeat; }
div#secondary div.reggaeworld div.download { background: #111 url("../images/download_reggaeworld.gif") no-repeat; }

div#secondary div.item div.download img
{
  float:            left;
  position:         relative;
  top:              34px;
  left:             19px;
  }
div#secondary div.item div.download p
{
  float:            right;
  position:         relative;
  top:              72px;
  right:            2px;
  width:            47px;
  margin:           0;
  font-size:        1.9em;
  font-weight:      bold;
  text-align:       center;
  color:            #000;
  }
div#secondary div.item div.download p em
{
  display:          block;
  margin:           -2px 0 0 0;
  font-size:        .6em;
  font-style:       normal;
  color:            #FFF;
  }

/*																									 TWITTER WIDGET ::
---------------------------------------------------------------------------------------------------------------------- */
div#twitter 
{
	width: 			264px;
	margin-left:	15px;
	border-left:	3px solid #333;
	border-right:	3px solid #333;
	padding:		5px 10px;

}
div#twit_top {
	background: 	url(../images/twitter_top.jpg) left top no-repeat #333;
	text-indent:	-9999px;
	color:			#FFF;
	clear:			left;
	width:			290px;
	height:			53px;
	margin:			10px 0 0 15px;
}
div#twit_bottom {
	background: 	url(../images/twitter_bottom.jpg) left top no-repeat #333;
	color:			#FFF;
	width:			280px;
	height:			35px;
	margin-left:	15px;
	padding:		0 5px;	
}
div#twit_bottom p {
	text-indent:	-9999px;
}
div#twit_bottom a {
	color:			#FFF;
	float:			right;
	padding: 		10px 5px 0 0;
}
div#twit_bottom a:hover {
	color:			#FF0000;
}
div#twitter  li.twittLI
{
	padding:		5px 0;
}
div#twitter  li.twittLI a 
{
	padding:		5px 0;
	color:			#30CAFC;
	clear:			left;
}
/*																								MEDIA PLAYER WIDGET ::
---------------------------------------------------------------------------------------------------------------------- */
div#media_player {
	clear:			both;
	padding:		20px 20px;
	margin:			0 auto;
	width:			300px;
}
  
/* USER STAR RATING                                                                                USER STAR RATING ::
---------------------------------------------------------------------------------------------------------------------- */
ul.rating
{
  float:            left !important;
  position:         relative;
	width:            148px !important;
	height:           16px;
	background:       #000 url("../images/starRatings/rate_bg.gif") no-repeat;
	margin:           0 0 10px 0 !important;
	padding:			0px !important;
	}
ul.rating li
{
	margin:           0 !important;
	padding:			0 !important;
	position:         absolute;
	display:          block;
	height:           16px;
	text-indent:      -9999px;
	line-height:      .1em !important;
	font-size:        .1em !important;
	}	
ul.rating li a
{
	display:          block;
	height:           16px;
	width:            100%;
	background-repeat:no-repeat;
	overflow:         hidden;
	}
div#primary ul.rating a
{
  background-color: transparent;
  padding: 0;
  }
	
ul.rating li.r1  { width: 14px;  z-index: 20; }
ul.rating li.r2  { width: 29px;  z-index: 19; }
ul.rating li.r3  { width: 44px;  z-index: 18; }
ul.rating li.r4  { width: 59px;  z-index: 17; }
ul.rating li.r5  { width: 74px;  z-index: 16; }
ul.rating li.r6  { width: 89px;  z-index: 15; }
ul.rating li.r7  { width: 104px; z-index: 14; }
ul.rating li.r8  { width: 119px; z-index: 13; }
ul.rating li.r9  { width: 134px; z-index: 12; }
ul.rating li.r10 { width: 148px; z-index: 11; }

li.r1  a { background-image: url("../images/starRatings/rate-1.gif"); }
li.r2  a { background-image: url("../images/starRatings/rate-2.gif"); }
li.r3  a { background-image: url("../images/starRatings/rate-3.gif"); }
li.r4  a { background-image: url("../images/starRatings/rate-4.gif"); }
li.r5  a { background-image: url("../images/starRatings/rate-5.gif"); }
li.r6  a { background-image: url("../images/starRatings/rate-6.gif"); }
li.r7  a { background-image: url("../images/starRatings/rate-7.gif"); }
li.r8  a { background-image: url("../images/starRatings/rate-8.gif"); }
li.r9  a { background-image: url("../images/starRatings/rate-9.gif"); }
li.r10 a { background-image: url("../images/starRatings/rate-10.gif"); }

ul.rating li a:hover { background-position: 0 -16px; }
 
/* Magazine Ad */
div#magazine_ad {
	width:				525px;
	height:				700px;
	margin:				15px auto 0;
	border:				1px solid #000;
	position:			relative;
}
div#ad_container {
	width:				100%;
	height:				1000px;
	text-align:			center;
	z-index:			2;
	position:			absolute;
	background:			url(../images/ad_mask.png) left top repeat;
}
div#magazine_ad a.close_ad {
	display:			block;
	font-size:			1.2em;
	font-weight:		bold;
	letter-spacing: 	1px;
	text-transform:		uppercase;
	background-color:	#000;
	text-align:			left;
	padding:			4px 0 4px 5px;
}