@charset "UTF-8";
/* CSS Document */

/**************************************

TITLE : Bigspin Music CSS
DATE : 01/09

***************************************/



body {
	color:#ccc;
	font-size:12px;
	/*background-color:#0a0a0a;*/
	background-color:#101010;
	background-position:top;
	background-image:url(../images/webimage/body-bg.gif);
	background-repeat: repeat-x;
	padding-top:0px;
	}
	
h2 {
	font-size:17px;
	font-weight:normal;
	text-decoration:none;
	margin:0;
	padding:0;
	}	

* {
	margin:0;
	padding:0;
	font-family:Helvetica, Arial, sans-serif;
	}

ul li { 
	margin:0;
	padding:0;
	list-style:none;
	border:none;
	}

img, img a, img a:hover {
	border:none !important;
	}

a {
	color:#646464;
	text-decoration:none;
	}

a:hover { 
	/**border-bottom:0px dashed #780E30;**/
	color:#780E30;
	}

strong {
	color:#780E30;
	}

u {
	text-decoration:none;
	font-family:Helvetica, Arial, sans-serif;
	font-size:26px;
	line-height:23px;
	color:#780E30;
	font-weight:lighter;
	}


/**************************************

NAVIGATION

**************************************/


#navigation {
	background-color:#000;
	float:left;
	width:241px;
	margin:0px 20px 10px 0px;
	padding:0px;
    text-align:left;
	list-style:none;
	text-transform:uppercase;
	font-weight:bold;
	display:inline;/**IE BUG FIX */
	}		

#menu_buttons {
	padding-bottom:2px;
	}
	
.menu_buttons a:hover { 
	border:none;
	}

#menu_buttons ul li{
	display: inline;
}

#menu_buttons ul li a {
	height: 20px;
	display: block;
	text-decoration: none;
}

#menu_buttons ul li.home { background: url(../images/menu/nav_home.gif) no-repeat 0 0; width: 241px; }
#menu_buttons ul li.home a { background: url(../images/menu/nav_home.gif) no-repeat 0 -20px; width: 241px; }
.home #menu_buttons ul li.home a { background: url(../images/menu/nav_home.gif) no-repeat 0 0; width: 241px; }
#menu_buttons ul li.home a:hover { background: url(../images/menu/nav_home_2.gif) no-repeat 0 0; width: 241px; }

#menu_buttons ul li.djb { background: url(../images/menu/nav_djb.gif) no-repeat 0 0; width: 241px; }
#menu_buttons ul li.djb a { background: url(../images/menu/nav_djb.gif) no-repeat 0 -20px; width: 241px; }
.djbiog #menu_buttons ul li.djb a { background: url(../images/menu/nav_djb.gif) no-repeat 0 0; width: 241px; }
#menu_buttons ul li.djb a:hover { background: url(../images/menu/nav_djb_2.gif) no-repeat 0 0; width: 241px; }

#menu_buttons ul li.prod { background: url(../images/menu/nav_prod.gif) no-repeat 0 0; width: 241px; }
#menu_buttons ul li.prod a { background: url(../images/menu/nav_prod.gif) no-repeat 0 -20px; width: 241px; }
.prodbiog #menu_buttons ul li.prod a { background: url(../images/menu/nav_prod.gif) no-repeat 0 0; width: 241px; }
#menu_buttons ul li.prod a:hover { background: url(../images/menu/nav_prod_2.gif) no-repeat 0 0; width: 241px; }

#menu_buttons ul li.mus { background: url(../images/menu/nav_mus.gif) no-repeat 0 0; width: 241px; }
#menu_buttons ul li.mus a { background: url(../images/menu/nav_mus.gif) no-repeat 0 -20px; width: 241px; }
.music #menu_buttons ul li.mus a { background: url(../images/menu/nav_mus.gif) no-repeat 0 0; width: 241px; }
#menu_buttons ul li.mus a:hover { background: url(../images/menu/nav_mus_2.gif) no-repeat 0 0; width: 241px; }

#menu_buttons ul li.yt { background: url(../images/menu/nav_yt.gif) no-repeat 0 0; width: 241px; }
#menu_buttons ul li.yt a { background: url(../images/menu/nav_yt.gif) no-repeat 0 -20px; width: 241px; }
.youtube #menu_buttons ul li.yt a { background: url(../images/menu/nav_yt.gif) no-repeat 0 0; width: 241px; }
#menu_buttons ul li.yt a:hover { background: url(../images/menu/nav_yt_2.gif) no-repeat 0 0; width: 241px; }

#menu_buttons ul li.con { background: url(../images/menu/nav_con.gif) no-repeat 0 0; width: 241px; }
#menu_buttons ul li.con a { background: url(../images/menu/nav_con.gif) no-repeat 0 -20px; width: 241px; }
.contact #menu_buttons ul li.con a { background: url(../images/menu/nav_con.gif) no-repeat 0 0; width: 241px; }
#menu_buttons ul li.con a:hover { background: url(../images/menu/nav_con_2.gif) no-repeat 0 0; width: 241px; }

#menu_buttons ul li.news { background: url(../images/menu/nav_news.gif) no-repeat 0 0; width: 241px; }
#menu_buttons ul li.news a { background: url(../images/menu/nav_news.gif) no-repeat 0 -20px; width: 241px; }
.news #menu_buttons ul li.news a { background: url(../images/menu/nav_news.gif) no-repeat 0 0; width: 241px; }
#menu_buttons ul li.news a:hover { background: url(../images/menu/nav_news_2.gif) no-repeat 0 0; width: 241px; }

#menu_buttons ul li.albums { background: url(../images/menu/nav_alb.gif) no-repeat 0 0; width: 241px; }
#menu_buttons ul li.albums a { background: url(../images/menu/nav_alb.gif) no-repeat 0 -20px; width: 241px; }
.albums #menu_buttons ul li.albums a { background: url(../images/menu/nav_alb.gif) no-repeat 0 0; width: 241px; }
#menu_buttons ul li.albums a:hover { background: url(../images/menu/nav_alb_2.gif) no-repeat 0 0; width: 241px; }

#menu_buttons ul li.artists { background: url(../images/menu/nav_artists.gif) no-repeat 0 0; width: 241px; }
#menu_buttons ul li.artists a { background: url(../images/menu/nav_artists.gif) no-repeat 0 -20px; width: 241px; }
.artists #menu_buttons ul li.artists a { background: url(../images/menu/nav_artists.gif) no-repeat 0 0; width: 241px; }
#menu_buttons ul li.artists a:hover { background: url(../images/menu/nav_artists_2.gif) no-repeat 0 0; width: 241px; }

#menu_buttons ul li a span {
	display: none;
	}

/**************************************

CONTENT

**************************************/

#wrap {
	position:relative;
	width:960px;
	background-color: #000;
	background-image:url(../images/webimage/bg.gif);
	background-repeat: repeat-x;
	margin:auto auto 0px auto;
	padding:15px 20px 0 20px;
	}
	
#logo {
	position:relative;
	width:960px;
	height:50px;
	border: none;
	float:left;
	margin:15px 0 20px 0;
	left: -0px;
	}
	
#logo a:hover {
	border: none!important;
	}

#main {
	width:960px;
	margin-top:50px;
	float:left;
	padding-top:4px;
	}

#gutter {
	float:left;
	width:960px;
	margin-bottom:0px;
	height:7px;
	right:8px;
	}

#content_left {
	float:left;
	width:241px;
	padding:0 20px 0 0;
	}
	
#content_leftbelow {
	padding:60px 59px 0 31px;
	width:151px;
	height:500px;
	float:left;
	background-color:#000;
	}
/*****
#content_leftbelow {
	padding:204px 0px 0 31px;
	width:210px;
	height:300px;
	float:right;
	background-color:#000;
	}
**/


#content_centre {
	border-right:solid 1px #202020;
	border-left:solid 1px #202020;
	min-height:404px;
	height:auto !important;
	padding:0 10px 0 10px;
	width:415px;
	float:left;
	}
	
#content_centre_yt {
	border-right:solid 1px #202020;
	border-left:solid 1px #202020;
	height:auto !important;
	padding:0 10px 0 10px;
	width:415px;
	float:left;
	}	
	
#content_music_centre_extrapadding {
	border-right:solid 1px #202020;
	border-left:solid 1px #202020;
	min-height:104px;
	height:auto !important;
	padding:0 10px 0 271px;
	width:515px;
	float:left;
	}
	
#content_music_art {
	border-right:none;
	border-left:solid 1px #202020;
	min-height:140px;
	height:auto !important;
	padding:0 10px 0 10px;
	width:100px;
	float:left;
	}
	
#content_music_right {
	border-right:solid 1px #202020;
	border-left:none;
	min-height:140px;
	height:auto !important;
	padding:0 10px 0 10px;
	width:295px;
	float:left;
	}
	
#email {
	float:right;
	margin-left:5px;
	}

#content_banner {
	border:solid 1px #202020;
	height:auto !important;
	padding:10px 188px 10px 10px;
	width:499px;
	float:left;
	}


/**************************************

CLASSES

**************************************/

.img {
	margin:0px 0 20px 0;
	text-align:left;
	border-bottom:solid 2px #343E56;
	border-top:solid 0px #343E56;
	}
	
.imgart {
	margin:0px 0 20px 0;
	width:100px;
	text-align:left;
	border-bottom:solid 2px #343E56;
	border-top:solid 0px #343E56;
	}
	
.audio {
	margin:0px 0 20px 0;
	text-align:left;
	border-bottom:solid 2px #343E56;
	}

.audio_lib {
	margin:0px 0 0px 0;
	text-align:left;
	}
	
.right_content {
	float:left;
	margin:0 0 0 10px;
	padding:0 0 19px 9px;
	font-size:11px;
	line-height:18px;
	}

.right_content_alt {
	float:right;
	margin:0 0 0 10px;
	padding:0 0 19px 9px;
	font-size:11px;
	line-height:18px;
	}

.right_content_music {
	float:right;
	margin:0 0 0 10px;
	padding:0 0 219px 9px;
	font-size:11px;
	line-height:18px;
	}	
.right_content h1 {
	text-transform:capitalize;
	}
.right_content ul {
	margin-top:10px;
	color:#202020;
	font-size:11px;
	}
	
.clear{clear:both;}	





/**************************************

NEWS SCROLLER (MUD)

**************************************/


a.scroller {
	font-weight: bold;
	color: 000;
	text-decoration: none;
}

a.scroller:hover {
	font-weight: bold;
	color: 000;
	text-decoration: underline;