/* @override http://localhost:8888/css/default.css */

/* @override http://localhost:8888/css/default.css */

/* @override http://djrap.com/css/default.css */

/* @override
	http://djrap.com/css/default.css
	http://localhost:8888/css/default.css
*/

body	{
	margin: 0;
	background: url("../graphics/bg-bodylong.png") left top repeat-x #000;
	}

a	{
	outline: none;
	}

a img	{
	border: none;
	}

#container	{
	width: 1000px;
	margin: 0 auto;
	}

#header	{
	background: url("../graphics/bg-header.png") left bottom no-repeat #000;
	margin: 0;
	padding: 24px 0 5px 0;
	height: 90px;
	}
#header .soc-container{
	position: relative;
	right: 15px;
	float: right;
	top: -10px;
}

#nav-container	{
	margin: -21px 0 0 0;
	padding: 0;
	background: transparent;
	}

#logo	{
	margin: 0;
	padding: 0 0 0 10px;
	width: 347px;
	height: 60px;
	}

#logopromos {
	margin: 0;
	padding: 0 0 0 10px;
	width: 500px;
	height: 60px;
	}


#logo:after, #nav-container:after	{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}


#top-box	{
	margin: 0;
	border: 4px solid white;
	background-color: #000;
	text-align: center;
	}

#page-name	{
	margin: 5px 0 0 0;
	border: 1px solid #646464;
	background: url("../graphics/bg-page-name.png") left top repeat-x #000;
	}

#top-box img, #page-name img	{
	vertical-align: bottom;
	}

.page-scroll	{
	margin: 38px 0 0 0;
	border: 1px solid #646464;
	height: 19px;
	background: url("../graphics/bg-page-scroll.png") left top repeat-x #000;
	}

ul.pagination	{
	margin: 0;
	padding: 0 0 0 70px;
	list-style-type: none;
	height: 19px;
	}

ul.pagination li	{
	float: left;
	width: 8px;
	margin: 0;
	padding: 5px 6px 0 0;
	}

#top-box ul.pagination li img	{
	vertical-align: top;
	}

ul.pagination li.next-prev	{
	padding-right: 12px;
	}

#content-container	{
	margin: 5px 0 0 0;
	background: transparent;
	}

#content-container:after	{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}

#content	{
	float: left;
	width: 788px;
	border: 1px solid #ccc;
	background-color: #0c0c0c;
	padding-bottom: 12px;
	}

#tour #content	{
	min-height: 398px;
	}

#content.player	{ /* for pages with mp3 player in right sidebar */
	width: 753px;
	}

#content.noplayer	{ /* expands content to full width for pages without right sidebar in content section */
	width: 998px;
	}

#contact #content	{
	width: 731px; /* was 788 */
	height: 430px;
	}

#tv #content	{
	width: 731px;
	height: 570px;
	margin:0;
	padding:0;
	}

#content-container #content .tv {
	width:590px;
	margin:14px auto 0;
	}

#content-container #content #thanks {
	width:900px;
	margin:10px auto 0;
	}

#content-container #content #thanks #thanksblurb {
	padding:135px 0 0 0;
	}

.tabdiv, .panes	{
	clear: left;
	width: 753px; /* was 788 */
	margin: 23px 0 0 0;
	padding: 0;
	}

.panes	{
	width: 998px;
	}

#bio .panes	{
	width: 753px;
	padding-bottom: 10px;
	}

#launch_btn {
	margin-top: 30px;
	margin-left: 638px;
}

.tabdiv .left	{
	float: left;
	width: 235px;
	margin: 0;
	padding: 0 0 0 10px;
	}

.tabdiv .right, .wrap .right, .pane	{
	float: left;
	width: 484px; /* was 519 */
	margin: 0;
	padding: 0 0 0 10px; /* padding-left was 22 */
	min-height: 350px;
	}

.pane	{
	margin-top: 5px;
	margin-left: 20px;
	width: 519px;
	}

#bio .pane	{
	width: 475px;
	margin-left: 15px;
	}

#music .pane	{
	width: 700px;
	}

.podcasts	{
	padding: 0 80px 10px 25px;
	}

.tab-div:after, .panes:after	{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}

.download-container	{
	width: 519px;
	margin: 0 auto;
	padding: 0;
	background: url("../graphics/bg-downloads.jpg") left top repeat-x #000;
	color: #fff;
	font-size: 11px;
	min-height: 334px;
	}

.download-container p	{
	padding: 10px;
	}

#contact #content .left	{
	float: left;
	width: 315px;
	margin: 0;
	padding: 0 0 0 10px;
	}

#contact #content .right	{
	float: left;
	width: 315px;
	margin: 0;
	padding: 0 0 0 70px;
	}

dl.contact-info	{
	margin: 10px 0 0 0;
	padding: 0;
	}

dl.contact-info dt	{
	float: left;
	clear: left;
	width: 66px;
	margin: 0;
	padding: 0;
	}

dl.contact-info dd	{
	float: left;
	width: 239px;
	margin: 0 0 0 0;
	padding: 0 0 0 10px;
	}

dl.contact-info:after	{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}



#right-sidebar	{
	float: right;
	width: 199px;
	background: transparent;
	}

.mp3-player	{
	float: right;
	width: 235px;
	margin: 0;
	padding: 0;
	border: 1px solid #ccc;
	background: #000;
	}

#contact #right-sidebar	{
	width: 256px;
	}

#tv #right-sidebar	{
	width: 256px;
	}

#donate {
	width: 140px;
	height: 50px;
	padding: 0 0 0 65px;
	}

ul.bio-interact	{
	float: left;
	margin: 12px 0 0 0;
	padding: 0 0 0 10px;
	width: 235px;
	list-style-type: none;
	}

ul.bio-interact li	{
	height: 24px;
	font: 11px verdana, helvetica, sans-serif;
	color: #ccc;
	}

ul.discog, ul.media-cats	{
	margin: 0;
	padding: 0 0 5px 0;
	}

ul.media-cats, ul.discog	{
	float: left;
	width: 235px;
	margin: 0;
	padding: 0 0 0 10px;
	}

ul.discog li, ul.media-cats li	{
	list-style-type: none;
	margin: 3px 0 0 0;
	padding: 5px 5px 5px 110px;
	border: 1px solid #ccc;
	}

ul.discog li	{
	height: 70px;
	}

ul.media-cats ul	{
	margin: 0 0 0 -10px;
	padding: 0;
	}

ul.media-cats li	{
	height: 42px;
	padding-left: 5px;
	}

ul.media-cats ul li	{
	float: left;
	margin: 0;
	padding: 0 0 0 10px;
	list-style-type: none;
	border: none;
	}

/*
ul.discog li:hover	{
	filter:alpha(opacity=70);
	opacity: 0.7;
	}
*/

ul.online-stores	{
	margin: 0;
	padding: 0 0 15px 0;
	list-style-type: none;
	}

ul.online-stores li	{
	float: left;
	width: 100px;
	margin-right: 20px;
	}

ul.online-stores:after	{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}

ul.download-list	{
	margin: 0 0 0 -12px;
	padding: 10px 0 0 10px;
	list-style-type: none;
	text-align: center;
	}

ul.download-list li	{
	float: left;
	margin: 0;
	padding: 0 0 0 10px;
	}

ul.download-list:after	{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}

img.cover, img.tour-content	{
	display: block;
	float: left;
	width: 250px;
	margin: 0;
	padding: 0;
	}

img.music-cover-right {
	display: block;
	float: right;
	width: 250px;
	margin: 0;
	padding: 0px 170px 0px 15px;
	}

img.music-cover-left {
	display: block;
	float: left;
	width: 125px;
	margin: 0;
	padding: 0;
	}

img.tour-content	{
	width: 339px;
	border: 3px solid #fff;
	margin: 5px 0 15px 5px;
	}

.tour-intro	{
	float: left;
	width: 390px;
	margin: 15px 0 0 0;
	padding: 0 0 0 10px;
	}

.release-info-top {
	float:;
	width: 293px;
	margin: 0px 0px 50px 0px;
	padding: 0 0 0 15px;
}

.release-info	{
	float: left;
	width: 193px;
	margin: 0px 0px 50px 0px;
	padding: 0 0 0 15px;
	}

#music .release-info	{
	width: 300px;
	}

.release-info ol	{
	padding: 0;
	margin: 10px 0 0 0;
	}

.release-info ol li	{
	margin: 0 0 0 15px;
	padding: 0;
	}

.release-copy	{
	clear: both;
	padding: 10px 5px;
	}

table.tour-info	{
	clear: both;
	width: 743px;
	margin: 0 auto 5px;
	padding: 0;
	border-collapse: collapse;
	}

table.tour-info td	{
	margin: 0;
	padding: 5px;
	background: url("../graphics/bg-tour-info.png") left top repeat-x #000;
	vertical-align: top;
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
	}

table.tour-info td.flyer, table.tour-info td.tickets	{
	width: 88px;
	}

table.tour-info td.venue, table.tour-info td.location	{
	width: 190px;
	}

table.tour-info td.time, table.tour-info td.tickets	{
	border-right: 1px solid #666;
	}

table.tour-info td.date	{
	width: 78px;
	}

table.tour-info td.date, table.tour-info td.flyer	{
	border-left: 1px solid #666;
	}

.tv-title	{
	margin: 0;
	padding-left: 5px;
	width: 200px;
	font: 12px verdana, helvetica, arial, sans-serif;
	color: #f93;
	}

/* email list signup */

.mail-list-title	{
	position: relative;
	top: -29px;
	left: 562px;
	margin: 0px;
	padding: 0px;
	width: 440px;
	font: 13px verdana, helvetica, arial, sans-serif;
	text-transform: uppercase;
	color: #f93;
	}

.mail-list-free {
	color: #FFFFFF;
}

.mail-list-promo {
	padding: 0px;
	margin: 0px;
}

ul.mail-list	{
	float: right;
	margin: 0;
	padding: 0 0 0 12px;
	list-style-type: none;
	background: url("../graphics/bg-mail-list-wide.png") left top no-repeat transparent;
	width: 440px;
	height: 24px;
	}

ul.mail-list li	{
	float: left;
	font: 9px verdana, helvetica, arial, sans-serif;
	color: #ccc;
	margin: 0;
	padding: 0 5px 0 0;
	}

ul.mail-list li.text	{
	padding-top: 6px;
	}

ul.mail-list li.field	{
	padding-top: 4px;
	}

form	{
	display: inline;
	}

input, textarea, select	{
	background: #333;
	border: 1px solid #999;
	font: 9px verdana, helvetica, arial, sans-serif;
	color: #ccc;
	padding: 1px 2px;
	}

input.signup	{
	background: #000;
	border: none;
	color: #f93;
	background: url("../graphics/arrow-right.png") right bottom no-repeat transparent;
	padding-right: 10px;
	}

/* secondary nav */

ul.tabnav	{
	margin: 0;
	margin-top: 2px;
	padding: 0;
	list-style-type: none;
	background-color: #f60;
	height: 22px;
	border-top: 1px solid #ccc;
	}

ul.tabnav li	{
	float: left;
	margin: 0;
	font: 12px "Gill Sans MT", "Gill Sans Std", "Gill Sans", verdana, helvetica, sans-serif;
	color: #000;
	}

ul.tabnav a	{
	display: block;
	padding: 5px 28px;
	outline: none;
	height: 22px;
	color: #000;
	text-decoration: none;
	}

ul.tabnav a:hover	{
	color: #fff;
	text-decoration: none;
	}

ul.tabnav li a.current	{
	background: #0c0c0c;
	color: #fff;
	text-decoration: none;
	-moz-border-radius-topright:10px;
	-webkit-border-top-right-radius:10px;
	-moz-border-radius-topleft:10px;
	-webkit-border-top-left-radius:10px;
	}

ul.tabnav a:active, .tabnav li.ui-tabs-selected a {
	background: #0c0c0c;
	color: #fff;
	text-decoration: none;
	-moz-border-radius-topright:10px;
	-webkit-border-top-right-radius:10px;
	-moz-border-radius-topleft:10px;
	-webkit-border-top-left-radius:10px;
}

.ui-tabs-hide	{
	display: none;
	}

/* footer styles */

#footer	{
	margin: 0;
	padding: 5px 0 20px 0;
	}

#footer-box	{
	border: 1px solid #808080;
	background: url("../graphics/bg-footer-box.png") top left repeat #000;
 	height: 50px;
	}

#footer-box .left	{
	float: left;
	padding: 20px 0 0 15px;
	}

#footer-box .right	{
	float: right;
	padding: 12px 15px 0 0;
	}

#footer-bottom	{
	width: 200px;
	margin: 0 auto;
	padding: 5px 0 0 0;
	background: transparent;
	text-align: center;
	text-transform: uppercase;
	}

#footer-bottom a:link, #footer-bottom a:visited, #footer-bottom a:hover	{
	text-decoration: none;
	color: #fff;
	}

.terms	{
	font-size: 10px;
	color: #ccc;
	text-transform: none;
	}

ul.socialmedia	{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul.socialmedia li	{
	float: left;
	margin: 0;
	padding: 0 5px 0 0;
	}

/* typography */

.tabdiv h4, .panes h4	{
	margin: 0;
	font: normal 12px verdana, helvetica, sans-serif;
	color: #fff;
	}

.tabdiv .left h4 span, .panes h4 span	{
	color: #f60;
	}

h1	{
	margin: 0;
	font: 13px verdana, helvetica, sans-serif;
	color: #fff;
	}

h2, h3	{
	margin: 0;
	font: 12px verdana, helvetica, sans-serif;
	color: #fff;
	}

#contact #content h4	{
	margin: 10px 0 0 0;
	padding: 3px 0 0 10px;
	width: 315px;
	height: 23px;
	font: normal 12px verdana, helvetica, sans-serif;
	color: #fff;
	border: 1px solid #4d4d4d;
	background: url("../graphics/bg-contact-header.png") left top repeat-x #000;
	}

.tabdiv .left, #contact #content, #tv #content, #tour #content, #music #content	{
	font: 11px verdana, helvetica, sans-serif;
	color: #ccc;
	}

.tabdiv .right, .wrap .right, .pane	{
	font: 11px/18px verdana, helvetica, sans-serif;
	color: #ccc;
	}

#contact #content em	{
	font-weight: normal;
	font-style: normal;
	color: #f93;
	}

#tv #content em	{
	font-weight: normal;
	font-style: normal;
	color: #f93;
	}

#contact #content p	{
	padding: 0 0 0 10px;
	}

#tv #content p	{
	padding: 0 0 0 10px;
	}

ul.media-cats li, ul.media-cats li a, ul.discog li, ul.discog li a	{
	font: 11px verdana, helvetica, sans-serif;
	color: #fff;
	}

ul.media-cats li span, ul.discog li span	{
	font-size: 11px;
	color: #f60;
	}

ul.download-list li a, ul.download-list li a:visited	{
	color: #fff;
	text-decoration: none;
	}

ul.download-list li a:hover	{
	color: #f60;
	text-decoration: none;
	}

#footer	{
	font: 11px "Gill Sans MT", "Gill Sans Std", "Gill Sans", verdana, helvetica, sans-serif;
	color: #fff;
	}

.flashAltText	{
	margin: 0;
	padding: 0;
	font: 11px verdana, helvetica, sans-serif;
	color: #ccc;
	background: #0c0c0c;
	}

/* terms of use 'lightbox' */

div#terms-privacy	{
	width: 590px;
	height: 300px;
	background: #000;
	margin: 25px;
	overflow-y: auto;
	font: 12px verdana, helvetica, sans-serif;
	color: #fff;
	}

div#terms-privacy a	{
	color: #f60;
	}