@import url('reset.css');
@import url('nav.css');
/*------------------------------------------------------------
Trademark Productions - DDJ 

version:	1.0
author:		Trademark Productions
email:		development@tmprod.com
website:	www.tmprod.com
-------------------------------------------------------------*/

/* =General/HTML Elements
-------------------------------------------------------------*/
.clear {
	clear: both
}
	
.left {
	float: left;
	clear: right;
}

.right {
	float: right;
	clear: left;
}

.textright {
	text-align: right;
}

.textleft {
	text-align: left;
}

img.right {
  	float: right;
  	clear: left;
  	margin: 5px 0 5px 5px;
}

img.left {
  	float: left;
  	clear: right;
  	margin: 5px 5px 5px 0;
}

.hide {
  	margin-left: -9000em;
  	display: none;
}

.center {
	text-align:center;
}

body { 
	margin: 0 auto;
	background: #360302 url(/images/imagebg8.jpg) repeat-x top left;
	text-align: center;
	font: 10px/1.2 Tahoma;
	color: #fff;
}

/* =Typography
-------------------------------------------------------------*/
p, li {
	text-align: left;
}

p {
	line-height: 1.3em;
	margin: .5em 0;
	font-size: 12px;
}

p.px10 {
	font-size: 10px;
	font-family: tahoma;
}

div#hotforums ul li, p.latestjamz {
	color:#000;
	font-size:11px;
	font-weight:bold;
	line-height:20px;
}

div#hotforums ul li span {
	clear:both;
	color:#FF0000;
	display:block;
	float:left;
	font-size:16px;
	font-weight:bold;
	margin-right:5px;
	padding-top:4px;
}

p#listening {
	float: left;
	padding-left: 7px;
	text-align: center;
	width: 174px;
	font-weight: bold;
}

/* =Headings
-------------------------------------------------------------*/
h1, h2, h3 {
	margin-bottom: .5em;
}

h1 {
	font-size: 12px;
	font-weight: bold;
	font-family: tahoma;
}

div.tabhome {
	background: url(/images/toptab.gif) no-repeat top center;
	width: 415px;
	height: 27px;
	margin-top: 33px;
	*margin-top: 0px;
}

div.tab {
	background: url(/images/toptab.gif) no-repeat top center;
	width: 415px;
	height: 27px;
}

div.tab h1, div.tabhome h1 {
	padding-left: 10px;
	padding-top: 2px;
}

div.networks h1 {
	font-size: 16px;
	text-transform: uppercase;
	float: left;
	font-weight: bold;
	margin: 0;
}

h2 {
	font-size: 18px;
}


h3 {
	font-size: 13px;
}

h3.stafftitle {
	font-size: 13px;
	margin-top: 15px;
	border-bottom: 1px solid #661B1B;
	padding-bottom: 5px;
	font-weight: bold;
	width: 400px;
	float: left;
}

h3.number1 {
	font-size: 21px;
	border-bottom: 1px solid #661b1b;
}

div#news h3, div#members h3, div#hotforums h3 {
	color: #fff;
	font-size: 14px;
	padding: 3px;
	font-weight: bold;
	margin-top: 5px;
}

div#hotforums h3 {
	color:#fff;
	font-size:11px;
	left:10px;
	padding:8px 15px 5px 20px;
	position:absolute;
	text-align:left;
	text-transform:uppercase;
	top:-30px;
	height: 27px;
	width:205px;
}

h4 {
	color: #000;
	font-size: 13px;
	font-weight: bold;
	margin-top: 5px;
}

/* =Links
-------------------------------------------------------------*/
a, a:visited {
	color: #661B1B;
	text-decoration: none;
}

div#footer a, div#footer a:visited {
	color: #fff;
}

div#footer a:hover {
	color: #661B1B;
}

a.stafflink, a.stafflink:visited {
	color: #fff;
	font-weight: bold;
}

a:hover {
	text-decoration: underline;
}

div.mainwithtab a, div.mainwithtab a:visited {
	color: #fff;
}

div.mainwithtab a:hover {
	color: #C5C5C5;
}

h3.stafftitle span a, h3.stafftitle span a:visited {
	color: #FF0101;
	text-decoration: underline;
}

h3.stafftitle span a:hover {
	text-decoration: none;
	color: #fff;
} 

ul.letter li a, ul.letter li a:visited, ul.artist li a, ul.artist li a:visited {
	font-size: 16px;
	text-decoration: underline;
	font-weight: bold;
	line-height: 24px;
}

ul.letter li a:hover, ul.artist li a:hover {
	text-decoration: none;
}

/* =Layout
-------------------------------------------------------------*/
div#wrapper {
	width: 991px;
	margin: 0 auto;
	text-align: left;
}

div#outer {
	width: 943px;
	padding: 0px 26px;
	float: left;
	/*background: transparent url(/images/container_bg.png) repeat-y; */
}
	

div#container {
	width:905px;
	float: left;
	padding: 0 10px;
}

div#banner {
	float: left;
	width: 920px;
	height: 164px;
	/*background: #fff url(/images/banner.jpg) no-repeat top left;*/
	position: relative;
}

div#topAd {
	float: left;
	width: 920px;
	height: 90px;
	background-color: #8D0507;
	text-align: right;
}

div#content {
	width: 921px;
	margin-left: 10px;
	_margin-left: 5px;
	float: left;
	/* background: #404040 url(/images/content-bg.jpg) repeat-x top left; */
}

div#sidebar {
	width: 174px;
	padding: 5px;
	float: left;
}

div#main {
	float: left;
	margin-left: 5px;
	width: 725px;
}

div#footer {
	float: left;
	width: 800px;
	background-color: #360302;
	padding: 10px;
	margin-left: 0px;
	_margin-left: 1px;
}

div.mainwithtab {
	border: 2px solid #661b1b;
	border-top: none;
	padding: 0px 5px;
	background-color: #222;
}

div.mainwithtabhome {
	border: 2px solid #661b1b;
	border-top: none;
	padding: 0px 5px;
	background-color: #222;
}
	
/* =Branding/Banner/Masthead Styling
-------------------------------------------------------------*/
a#homeLink {
	display:block;
	height:154px;
	position:absolute;
	text-decoration:none;
	width:185px;
}

p#nowplaying {
	background:transparent url(/images/speaker.jpg) no-repeat left top;
	font-size:10px;
	left:190px;
	padding-left:20px;
	padding-top:2px;
	position:absolute;
	top:0px;
}

p#online {
	font-size:10px;
	padding-top:2px;
	position:absolute;
	right:2px;
}

/* =Main Content Styles
-------------------------------------------------------------*/
div#leftCol {
	float: left;
	width: 415px;
}

div#rightCol {
	float: right;
	margin-left:10px;
	_margin-left: 0px;
	width:300px;
	_width: 296px;
}

div#news, div#members {
	background:#B6B6B6 url(/images/news_bg.jpg) repeat-x left top;
	border:0.3em solid #661B1B;
	float:left;
	padding:0 10px;
	width:390px;
	_width: 382px;
}

div#newsleft {
	float: left;
	width: 195px;
	_width: 180px;
}

div#newsright {
	float: left;
	margin-left: 10px;
	_margin-left: 0px;
	width: 185px;
	margin-top: 10px;
}

div#news p {
	color: #000;
}

div.newsitem {
	clear: both;
	float: left;
	width: 195px;
}

div#news div.video {
	margin-bottom: 10px;
}

div#members div.memberInfo {
	float: left;
	padding: 7px;
}

div#members div.memberInfo p {
	text-align: center;
	color: #000;
	font-size: 10px;
}

div#txtLinks {
	width: 297px;
	color: #000;
	margin-bottom: 10px;
}

div#roundedTop {
	background: transparent url(/images/roundedtop_bg.gif) no-repeat top center;
	clear: both;
}

div#roundedBtm {
	background: transparent url(/images/roundedbtm_bg.gif) no-repeat top center;
	margin-bottom: 10px;
}

div#roundedInner {
	background: #B6B6B6 url(/images/roundedouter_bg.gif) repeat-x top left;
	border:0.2em solid #FF0000;
	padding:10px;
}

div#roundedOuter {
	padding: 0px 10px 10px 10px;
	background: #B6B6B6 url(/images/roundedouter_bg.gif) repeat-x top left;
}

div#hotforums {
	width: 297px;
	margin-top: 35px;
	position: relative;
}

div.memberImage {
	width: 63px;
	height: 75px;
}

table.number1 td p {
	font-size: 12px;
	color: #000;
}

table.number1 td.info p {
	padding-left: 10px;
	font-weight: bold;
}

div.tabber {
	float:right;
}

div.tabber a, div.tabber a:visited {
	color:#fff;
	display:block;
	font-size:13px;
	margin:0 -3px 0 -18px;
	padding:6px 10px;
	text-decoration:none;
}

div.tabber a#number1, div.tabber a#number1:visited {
	background: transparent url(/images/smalltabnum1.gif) top left no-repeat;
	width: 90px;
}

div.tabber a#newjamz, div.tabber a#newjamz:visited {
	background: transparent url(/images/smalltabnewjamz.gif) top left no-repeat;
	width: 120px;
}

div.tabber a:hover {
	background-color: #000;
}

div.tabber a#number1 {
	margin-right: 3px;
}

div.tabs {
	float: right;
}

div.tabs a, div.tabs a:visited {
	color:#fff;
	display:block;
	font-size:13px;
	margin: 10px 5px;
	padding:6px 10px;
	border: 1px solid #fff;
	text-decoration:none;
}

div.tabs a:hover {
	background-color: #B6B6B6;
	color: #000;
}

div.mainwithtab div.tabber a, div.mainwithtab div.tabber a:visited {
	border-bottom: 1px solid #fff;
	margin-right: 0px;
	margin-top: 7px;
}

ul.jamz li {
	background: url(/images/li-arrow.gif) no-repeat top left;
	padding-left: 15px;
}

div.staff {
	width: 140px;
	_width: 135px;
}

div.staff p, div.staff img {
	text-align: center;
}

div#letterlinks {
	text-align:center;
	margin: 10px 0px;
}

div.mainwithtab div#letterlinks a, div.mainwithtab div#letterlinks a:visited {
	font-size: 14px;
}

/* =Secondary Content Styles
-------------------------------------------------------------*/


/* =Sidebar Content Styles
-------------------------------------------------------------*/
div.sidebarBanner {
	border:5px solid #DEDEDE;
	margin-top:5px;
	padding:3px;
	text-align:center;
}

div.sidebox {
	border: 0.3em solid #661B1B;
	background: #B6B6B6 url(/images/roundedouter_bg.gif) repeat-x top center;
	padding: 7px;
	width: 280px;
	margin-bottom: 10px;
}

div.sidebox h3 {
	background: transparent url(/images/sidetab.gif) no-repeat top left;
}

div.sidebox p, div.sidebox p a, div.sidebox p a:visited {
	color: #661B1B;
}

div.sideHeading {
	background:transparent url(/images/sidetab.gif) no-repeat right top;
	float:left;
	font-size:13px;
	height:27px;
	margin-left:6px;
	margin-right:8px;
	margin-top:8px;
	width:135px;
	_width: 125px;
}

div.sideHeading a, div.sideHeading a:visited {
	color:#FFFFFF;
	display:block;
	font-size:11px;
	font-weight:bold;
	padding:6px 8px;
}

div.newsHeading {
	background:transparent url(/images/sidetab.gif) no-repeat right top;
	float:left;
	font-size:13px;
	height:20px;
	margin-left:6px;
	margin-right:8px;
	margin-top:8px;
	width:135px;
	_width: 125px;
}

div#hotVids {
	margin-left: 53px;
}

div.newsHeading {
	color:#FFFFFF;
	display:block;
	font-size:11px;
	font-weight:bold;
	padding:6px 8px 0px 8px;
}

/* =Footer Styles
-------------------------------------------------------------*/
div#footer p {
	text-align: center;
	font-size: 11px;
}

/* =Main Navigation Styles
-------------------------------------------------------------*/


/* =Secondary Navigation Styles
-------------------------------------------------------------*/


/* =Form Styles
-------------------------------------------------------------*/
fieldset {
	padding: 10px;
	border: none;
}
	
fieldset legend {
	color: #f03000;
	font-size: 14px;
	font-weight: bold;
}
	
fieldset label {
	color: #000;
	font-size: 11px;
	font-weight: bold;
	margin: 5px;
}

fieldset label.white {
	color: #fff;
}
	
fieldset input, fieldset select {
	margin: 5px;
}
	
fieldset select {
	width: 146px;
}
		
fieldset textarea {
	width: 95%;
	height: 60px;
	margin: 10px 0;
}
	
fieldset input.submit {
	width: auto;
	float: right;
}

form td {
	vertical-align: middle;
}

fieldset#loginform {
	position: absolute;
	top: -18px;
	right: 80px;
	border: none;
}

form fieldset#loginform input {
	width: 75px;
	border: none;
	margin: 7px 5px 5px 5px;
}

form fieldset#loginform input.button {
	width: auto;
	background: none;
}

form fieldset#loginform input.button, form fieldset#loginform img {
	margin: 0;
	margin-top: 2px;
}

form fieldset#loginform input, form fieldset#loginform img {
	display: block;
	float: left;
	padding: 3px;
}

form.request fieldset input, form.request fieldset td, form.request fieldset select option.firstopt {
	text-align: center;
}

form.request fieldset select {
	text-align: center;
}

form.request fieldset select option {
	text-align: left;
}

form.request fieldset select {
	width: 270px;
}

/* =Table Styles
-------------------------------------------------------------*/
table { 
  border-spacing: 0;
	border-collapse: collapse;
	}

td {
  text-align: left;
	font-weight: normal;
	}
	
td.divider {
	border-bottom: 2px solid #661b1b;
}

table.top30 {
	margin-top: 15px;
	border: 1px solid #808080;
}

table.top30 th {
	font-size: 11px;
	font-weight: bold;
	background-color: #661B1B;
	padding: 3px;
	font-family: tahoma;
}

table.top30 td {
	padding: 5px;
	font-size: 10px;
	font-family: tahoma;
	border-top: 1px solid #808080;
	border-bottom: 1px solid #808080;
}

table.top30 tr.odd {
	background-color: #505050;
}

table.top30 tr.odd td {
	color: #fff;
}

table.swag td {
	width: 180px;
	padding: 0px 10px;
}

table.swag tr {
	border-bottom: 1px solid #fff;
}


/* =Miscellaneous Styles
-------------------------------------------------------------*/
div.bigHeading {
	background-color: #661b1b;
	width: 405px;
	padding: 5px;
	margin-bottom: 10px;
}

div.networks {
	float: left;
}

div.networks p a, div.networks p a:visited {
	font-size: 13px;
	color: #fff;
	float: right;
	margin: 0;
}

div.networks p {
	margin: 0;
}

div#networks {
	border: 1px solid #fff;
	background-color: #666;
	width: 412px;
	clear: both;
}

p.closeBox, p.closeBox a, p.closeBox a:visited {
	float: right;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	padding-right: 3px;
}

div.listenNow {
	text-align: center;
}

div.listenNow img {
	padding: 0px 2px;
}

div.listenLinks a, div.listenLinks a:visited {
	color: #D9D9D9;
}

div.listenLinks span {
	padding: 0 6px;
}

span.wmp {
	margin-left: -6px;
}

span.winamp {
	margin-left: -7px;
}

span.it {
	margin-left: 2px;
}
span.real {
	margin-left: 12px;
}

/**************
     FORMS 
**************/
fieldset {
	padding: 14px;
}
	fieldset legend { font-weight: bold; padding: 6px; }
	

.input_field {
	background: #f9f9f9;
	padding: 3px 6px;
	margin: 0px 0px 4px 0px;
}

div.clearfield {
	clear: both;
	height: 33px;
}

div.clearfieldfloat {
	float: left;
	clear: both;
	width: 98.5%;
}

.input_field label {
	display:block;
	text-align:right;
	width: 175px;
	float:left;
	position: relative;
	top:6px;
	padding-right: 6px;
}

.input_field label.wide {
	width: 160px;
}

select {
	width: 218px;
	_font-size: 14px;
}

.field_desc { padding-left: 6px; font-style: italic; color: #868176; font-size: 16px;}
.field_desc:hover { color: #59544A; }

input.smallfield { width: 140px; }
input.mediumfield, select.mediumfield { width: 200px; }
input.bigfield { width: 400px; }

input[type=text],
input[type=password],
textarea, select {
	background: #fff;
	border: 1px solid #ddd;
	padding: 5px 8px;
	margin: 2px 0px;
}


textarea { width: 50%; margin-bottom: 6px; }

input[type=text]:focus,
input[type=password]:focus,
textarea:focus {
	background: #fff url('../images/bg_box.gif') repeat-x top left;
}

textarea.promo {
	background-color:#000000;
	color:#666666;
	height:80px;
	width:382px;
}
	
/* Buttons */

.submit,
.button {
	background: #fff url('../images/bg_button.gif') repeat-x bottom left;
	border: 1px solid #aaa;
	text-align: center;
	color: #666;
	font-size: 14px;
	-moz-border-radius: 2px;
	-khtml-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	cursor: pointer;
}
	.submit:hover,
	.button:hover {
		background: #fff url('../images/bg_button_h.gif') repeat-x bottom left;
	}

	.submit { padding: 3px 10px; float: right; margin-right: 0px;}
	.button { padding: 3px 10px; }

div#newjamzpage {
background: #000 url(/images/newjamz-bg.jpg) no-repeat bottom right; font-family: verdana; font-size: 10px;
}
ul#newjamzul li { background: transparent url(/images/li-arrow.jpg) no-repeat top left; border-bottom:1px dotted #FFFF99; margin-top: 4px; *margin-top:2px; padding: 0px 0px 5px 13px; color: #fff; font-size: 10px; font-face: tahoma; list-style: none; }
ul#newjamzul { padding: 0px; margin: 0px;}

div#txtlinks table td a, div#txtlinks table td a:visited {
	color:#000000;
	font-size:11px;
	font-weight:bold;
	line-height:20px;
}
/* =Print Styles
-------------------------------------------------------------*/
@media print { 

}