/* CSS Document */

body {
background-image:url('images/bg.jpg');
background-repeat:repeat-x;
background-color:#141415;
font-family: Helvetica, Arial;
color: #fff;
margin:auto;
font-size:12px;
margin:0; padding:0; border:0;
}

* {padding: 0; margin: 0; border:0;}
p {margin-top: 0;}

a {color:#990000;text-decoration:none;}
a:hover {color:#660000;text-decoration:none;}

a.whitelink {color:#ccc;text-decoration:none;}
a.whitelink:hover {color:#666;text-decoration:none;}

a.whitelink {color:#fff;text-decoration:none;}
a.whitelink:hover {color:#ccc;text-decoration:none;}

a.redlink {color:#990000;text-decoration:none;}
a.redlink:hover {color:#660000;text-decoration:none;}

a.greylink {color:#666;text-decoration:none;}
a.greylink:hover {color:#999;text-decoration:none;}

a.lightgreylink {color:#ccc;text-decoration:none;}
a.lightgreylink:hover {color:#fff;text-decoration:none;}

a.bluelink {color:#99CCFF;text-decoration:none;}
a.bluelink:hover {color:#fff;text-decoration:none;}

#topcontent {
height:86px;
width:100%;
background-image:url('images/topcontentbg.jpg');
background-repeat:repeat-x;
position:fixed;
top:0;
z-index:1000;
}

#wrapper {
margin:0 auto;
width:990px;
position:relative;
top:86px;
}

#mailingheader {
margin:0 auto;
width:970px;
height:48px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color: #999999;
}

table.mail {float:left;margin:12px 0 0 -10px;}

input.btn { 
background-image:url('images/signup.jpg');
background-repeat:no-repeat;
width:75px;
height:26px;
} 

#navwrapper {
margin:0 auto;
width:990px;
height:38px;
}

/* NAVIGATION - CSS SPRITES*/

#nav {
	float:left;
	width:789px;
	height:36px;
	margin-left:-18px;
	list-style-type:none;
	}	

#nav li:hover, #nav li.hover {
    position: static;
}	
	
/*SON OF SUCKER FISH DROP DOWNS MODIFIED*/	
#drops, #drops ul {
	padding:0;
	margin:0;
	clear:both;
	float:left;
	width:inherit;
	list-style-type:none;
	}
	

#drops ul.drop {
	background:#000;
	padding:5px;
	width:inherit;
	*width:250px;
	clear:both;
	float:left;
	margin-top:36px;
	*margin-left:-70px;
	}

#drops ul.drop li {
    width:inherit;
	clear:both;
	}
	
#drops ul.drop a {
	color:#fff;
	font-size:10px;
	text-decoration:none;
	font-weight:normal;
	clear:both;
	float:left;
	padding-bottom:5px;
	}
	
#drops ul.drop a:hover {
	color:#990000;
	}	
	
#drops a {
	display: block;
	/*width: 40em;*/
	float:left;
	clear:both;
	width:210px;
	*width:350px;
}


#drops li {
	float: left;
	/*width: 0em;*/
}

#drops li ul {
	position: absolute;
	width: 10em;
	left: -999em;
}

#drops li:hover ul {
	left: auto;
}

#drops li:hover ul, #drops li.sfhover ul {
	left: auto;
}



/*END SUCKERFISH*/

/*SPRITE BACKGROUP POSITIONING*/	
#nav a.home, #nav a.about, #nav a.affiliates, #nav a.news, #nav a.artists, #nav a.contests, #nav a.photosvideos, #nav a.blog, #nav a.coolstuff, #nav a.forums {
	float:left;
	background:url(nav/navigationbar.jpg) no-repeat;
	height:36px;
	text-indent:-999999px;
	}
	
#nav a.home {	
	background-position:left top;
	width:66px;
	}
	
#nav a.about {	
	background-position:-66px 0;
	width:61px;
	}

#nav a.affiliates {	
	background-position:-127px 0;
	width:94px;
	}

#nav a.news {	
	background-position:-221px 0;
	width:54px;
	}	
	
#nav a.artists {	
	background-position:-275px 0;
	width:76px;
	}	
	
#nav a.contests {	
	background-position:-351px 0;
	width:86px;
	}

#nav a.photosvideos {	
	background-position:-437px 0;
	width:134px;
	}
	
#nav a.blog {	
	background-position:-571px 0;
	width:51px;
	}	
	
#nav a.coolstuff {	
	background-position:-622px 0;
	width:95px;
	}	

#nav a.forums {	
	background-position:-717px 0;
	width:72px;
	}					

#nav a.home:hover {	
	background-position:left -36px;
	}
	
#nav a.about:hover {	
	background-position:-66px -36px;
	}

#nav a.affiliates:hover {	
	background-position:-127px -36px;
	}

#nav a.news:hover{	
	background-position:-221px -36px;
	}	
	
#nav a.artists:hover{	
	background-position:-275px -36px;
	}	
	
#nav a.contests:hover {	
	background-position:-351px -36px;
	}
	
#nav a.photosvideos:hover {	
	background-position:-437px -36px;
	}
	
#nav a.blog:hover {	
	background-position:-571px -36px;
	}
	
#nav a.coolstuff:hover {	
	background-position:-622px -36px;
	}	

#nav a.forums:hover {	
	background-position:-717px -36px;
	}				
	

/*MAIN PAGE*/

#mainheaderarea {
background-image:url('images/mainheaderimage.jpg');
background-repeat:no-repeat;
float:left;
width:990px;
height:224px;
}

span.mainheadersm {
float:left;
margin:198px 0 0 785px;
display:inline;
height:100px;
font-size:12px;
color:#666;
}



#mainarea {
width: 990px;
background-color:#000000;
float:left;

}

div.mainleft {
width: 625px;
float:left;
}

div.mainright {
width: 360px;
float:left;
margin-bottom:20px;
margin-top:20px;
border-left:1px dotted #666;
}

div.mainleftartist {
width: 625px;
float:left;
margin-top:20px;
border-right:1px dotted #666;
}

div.mainrightartist {
width: 360px;
float:left;
margin-bottom:20px;
}

div.mainleftcoolstuff {
width: 625px;
float:left;
margin-bottom:20px;
border-right:1px dotted #666;
}

div.mainrightcoolstuff {
width: 360px;
float:left;
margin-top:20px;
}

div.mainleftindex {
width: 625px;
float:left;
margin-bottom:20px;
margin-top:20px;
border-right:1px dotted #666;
}

div.mainrightindex {
width: 360px;
float:left;
margin-bottom:20px;
}


span.textheader {
background-image:url('images/textheaderbg.jpg');
background-repeat:repeat-x;
float:left;
margin:20px 0 0 20px;
width:590px;
height:25px;
}

p.leftheader {float:left;margin:4px 0 0 5px;font-size:12px;}
p.rightheaderlink {float:right; margin:5px 8px 0 0;font-size:10px;color:#ccc;}



/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {

	/* required settings */
	float:left;
	margin:20px 0 0 5px;
	position:relative;
	overflow:hidden;
	width: 510px;
	height:140px;

	/* custom decorations */
	background-color:#212121;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

.items div {
	float:left;
	width:510px;
}


/* single scrollable item */
.scrollable img {
	float:left;
	margin:10px 0px 20px 5px;
	padding:2px;
	width:92px;
	height:115px;

}

/* active item */
.scrollable .active {
	position:relative;
	cursor:default;
}


/* prev, next, prevPage and nextPage buttons */
a.browse {
	background:url(images/hori_large.png) no-repeat;
	display:block;
	width:30px;
	height:30px;
	float:left;
	margin:70px 5px;
	cursor:pointer;
	font-size:1px;
}

/* right */
a.right 				{ background-position: 0 -30px; clear:right; margin-right: 0px;}
a.right:hover 		{ background-position:-30px -30px; }
a.right:active 	{ background-position:-60px -30px; } 


/* left */
a.left				{ clear:left;float:left;margin-left: 20px; } 
a.left:hover  		{ background-position:-30px 0; }
a.left:active  	{ background-position:-60px 0; }


/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
} 

span.contestimg {clear:left;float:left;margin:20px 0 0 24px;width:583px;height:328px;}

table.featuredreleases {clear:left;float:left;margin:20px 0 0 20px;}

table.featuredreleases td {padding:0 5px 0px 0;}

p.advertisement {clear:left;padding-top:15px;padding-bottom:0px;text-align:center;font-size:10px;color:#666;}

span.banners {clear:left;float:left; margin:-5px 0 8px 24px; width:590px;height:83px;}

span.textheaderright {
background-image:url('images/textheaderbg.jpg');
background-repeat:repeat-x;
float:left;
margin:20px 0 0 20px;
width:325px;
height:25px;
}

span.featuredvideo {
clear:left;
float:left;
margin:20px 0 10px 20px;
width:325px;
height:180px;
}

a {color:#000;}
a:hover {color:#000;}

.bwkNewsItem h2 {clear:left;float:left;font-size:13px;font-weight:bold; color:#990000;width:500px; }

.bwkNewsItem a {color:#999;font-size:11px;text-decoration:none;}
.bwkNewsItem a:hover {color: #666;font-size:11px;text-decoration:none;}

.bwkNewsItem .published_date{color:#660000;font-size:12px;font-style:italic;display:none;}
.bwkNewsItem .published_time {display:none;display:none;}

.bwkNewsItem {display:none; font-size:11px; color:#ccc; }
#bwkNewsItem1, #bwkNewsItem2, #bwkNewsItem3 {display:inline;} 

p.morenews {clear:left;float:left;padding-left:260px;color:#990000;width:100px;}
p.morevideos {clear:left;float:left;padding-left:255px;color:#990000;width:100px;}

p.artistlist {clear:left;float:left;color:#666;font-size:11px;width:325px;padding:20px 20px 0px 20px;}

p.quote {clear:left;color:#ccc;font-size:13px;text-align:center;padding-top:30px;font-weight:bold;}
p.quoteartist {color:#ccc;font-size:13px;text-align:center;padding-top:10px;padding-bottom:30px;font-style:italic;}

p.blogheader {clear:left;float:left;color:#990000;font-weight:bold;font-size:13px;margin:20px 0 0 20px;width:325px;}
p.blogtext {clear:left;float:left;color:#ccc;font-size:13px;margin:20px 20px 20px 20px;width:325px;}
p.readmoreblog {clear:left;float:right;color:#990000;margin:20px 20px 0 0;width:325px;}

table.homeaffiliates {clear:left;float:left;margin:20px 0 0 20px;}

/* ARTIST PAGE */

table.artiststable {clear:left;float:left;margin:0px 0 0 20px;width:600px;}
img.mainartistimage {margin-right:10px;width:200px;height:200px;}
p.artistpaddingbottomtable {clear:left;float:left;padding-bottom:10px;padding-left:10px;}
p.artisttexttable {clear:left;float:left;padding-left:10px;width:360px;line-height:15px;}
p.artisttexttablecontent {clear:left;float:left;padding-left:10px;width:360px;padding-top:10px;line-height:15px;}
p.artistpaddingbottom {clear:left;float:left;padding-bottom:10px;padding-left:20px;width:580px;line-height:15px;}
p.artisttext {clear:left;float:left;padding-left:20px;width:600px;line-height:15px;}
p.artisttextpadding {clear:left;float:left;padding-left:20px;width:600px;line-height:15px;padding-bottom:10px;}

p.artisttexttracks {clear:left;float:left;padding-bottom:10px;width:600px;}
span.dottedartistlineleft {clear:left;float:left;margin:20px 0 0px 20px;width:590px;height:1px;border-top:1px dotted #666;}
span.dottedartistlineright {clear:left;float:left;margin:20px 0 0px 20px;width:323px;height:1px;border-top:1px dotted #666;}
span.mp3player {clear:left;float:left;margin:20px 20px 0px 20px;z-index:-1000;}
h2.artists {clear:left;float:left;color:#990000;font-weight:bold;font-size:14px;padding:20px 20px 10px 20px;width:600px;}
h2.artistsright {clear:left;float:left;color:#990000;font-weight:bold;font-size:14px;margin:20px 0px 10px 20px;width:200px;}
h2.artistsrightnews {clear:left;float:left;color:#990000;font-weight:bold;font-size:14px;margin:20px 0px 0px 20px;width:200px;}
p.rightheaderlinkartist {float:right;margin:20px 0 0 0;font-size:10px;color:#ccc;padding-right:20px;}
p.allnewsright {clear:left;float:left;padding-left:270px;color:#990000;width:100px;}
p.morevideosright {clear:left;float:left;padding-left:255px;color:#990000;width:100px;}
p.alltourdatesright {clear:left;float:left;padding-left:235px;color:#990000;width:130px;}

p.artistalbumtext {float:left;width:360px;line-height:15px;}
p.artistalbumtextcontent {float:left;width:360px;padding-top:10px;line-height:15px;}

p.artisttextright {clear:left;float:left;padding-left:20px;width:325px;}

table.artisttablenews {clear:left;float:left;margin:20px 0 0 20px;width:323px;}

img.artisttablesecondlevel {padding-top:10px;}


span.featuredvideoartist {
clear:left;
float:left;
margin:10px 0 10px 25px;
width:323px;
height:197px;
}

span.featuredvideoartistvimeo {
clear:left;
float:left;
margin:10px 0 10px 25px;
width:323px;
height:230px;
}

.leftartistscroll {
clear:left;
float:left;
width:615px;
height:500px;
overflow:auto;
}

/* TESTIMONIALS */

table.feedbacktable {clear:left;float:left;margin:20px 0 0 20px;}
table.feedbacktable td {padding:0 5px 0px 0;}
p.testimonialstexttable {clear:left;float:left;padding-left:20px;width:440px;padding-bottom:20px;line-height:20px;}
p.testimonialstext {clear:left;float:left;padding-left:20px;width:590px;padding-bottom:20px;padding-top:20px;line-height:20px;}

/* VIDEO PAGE */

table.videotable {clear:left;float:left;margin:10px 0 0 20px;width:600px;}
table.videotable td {padding:0 50px 5px 0;}
p.videotext {clear:left;float:left;padding-left:20px;width:590px;padding-bottom:10px;padding-top:20px;}
p.videoindexlink {clear:left;float:right;width:150px;padding-right:10px;padding-bottom:10px;padding-top:20px;}
p.videoindexlink {clear:left;float:right;width:150px;padding-right:10px;padding-bottom:10px;padding-top:20px;}
p.advertisementvideo {clear:right;padding-top:15px;padding-bottom:0px;text-align:center;font-size:10px;color:#666;}
.tag_heading  {margin-top: 20px;border-top:2px solid #990000; border-bottom:2px solid #990000; width:560px;color:#666;font-size:13px;padding:3px 0 3px 0;font-weight:normal;}
.vid_title {font-size:11px;color:#ccc;}
.vid_listing {padding-right:40px;padding-top:20px;}

/* CONTACT */

span.contactcontent {clear:left;float:left;margin:20px 0 0 20px;width:590px;}
p.contacttext {clear:left;float:left;margin-left:20px;width:590px;margin-top:20px;}

/* ABOUT */

span.aboutcontent {clear:left;float:left;margin:20px 0 0 20px;width:600px;}

/* AFFILIATES */

span.affiliatescontent {clear:left;float:left;margin:20px 0 0 20px;width:600px;}

/* NEWS */

span.newscontent {clear:left;float:left;margin:-10px 0 0 20px;width:600px;}

div.mainleftnews {
width: 625px;
float:left;
border-right:1px dotted #666;
margin-top:20px;
}

div.mainrightnews {
width: 360px;
float:left;
margin-bottom:20px;
margin-top:20px;
}

span.textheadernews {
background-image:url('images/textheaderbg.jpg');
background-repeat:repeat-x;
float:left;
margin:0px 0 0 20px;
width:590px;
height:25px;
}

/* PHOTOS */

span.photoscontent {clear:left;float:left;margin:0px 0 0 20px;width:600px;}
span.photoscontent_single {clear:left;float:left;margin:10px 0 0 20px;width:600px;}

/* VODCASTS */

span.vodcastcontent {clear:left;float:left;margin:0px 0 0 20px;width:600px;}



#lowernav {clear:both;float:left;margin-top:40px;width:990px;height:42px;background-color:#0B0B0B;font-family:Arial, Helvetica, sans-serif;border-top:3px solid #990000;}
p.lowernavtext {float:left;margin:10px 0 0 20px;}

#footer {clear:left;float:left;width:990px;height:70px; background-color:#0B0B0B;padding-bottom:40px;}
p.footertextleft {float:left;margin:10px 0 0 20px;font-size:10px;}
span.footerright{float:right;margin:10px 20px 0 0;}

/* CONTESTS */

img.contestimage {clear:left;float:left;margin:20px 0 0 20px;}
p.contesttext {clear:left;float:left;margin:20px 0 0 20px;color:#ccc;width:600px;}
table.contesttable td {padding-bottom:5px;color:#ccc;}

/* PAST CONTESTS */

p.pastcontestheader {clear:left;float:left;color:#990000;font-weight:bold;margin-left:20px;margin-top:20px;}
p.pastcontesttext {clear:left;float:left;margin-top:15px;margin-left:20px;}

/* COOL STUFF */

span.coolstuffcontent {clear:left;float:left;margin:20px 0 10px 20px;}