/* DARIUS RUCKER TEMPLATE */
/* Master Stylesheet
----------------------------------------------------------------------------- */


	@import url("clique.css");
	@import url("header.css");
	@import url("hide.css");
	@import url("images.css");
	@import url("footer.css");
	@import url("layout.css");
	@import url("patterns.css");
	@import url("sizes.css");
	@import url("spacing.css");
	@import url("tooltip.css");


/* PAGE CONTENT
----------------------------------------------------------------------------- */


/* Headings */


	h2 {
	
	font-size: 30px;
	line-height: 30px;
	text-transform: uppercase;
	color: #6e0005;
	background: url(../images/layout/bg-title.png) repeat-x;
	padding: 3px 3px 9px 120px;
	position: absolute;
	top: 275px;
	left: 0;
	
	}

	h3, div.display h4 {

	color: #fff;
	font: normal 30px/30px Arial, sans-serif;
	text-transform: uppercase;

	}

	div.pane h3 {

	color: #a8d0d3;

	}

	div.group div h3 {

	color: #a8d0d3;

	}

	h4, h4 a, h4 a:hover {

	clear: left;
	color: #a8d0d3;
	font: normal 22px/22px Arial, sans-serif;
	text-transform: uppercase;

	}

	h3 em, h4 em, h3 span, h4 span {

	font-style: normal;

	}
	
	#page-payment #content h3 {
	
	color: #a8d0d3;
	
	}
	
	h5 {
	
	font-size: 1em;
	
	}


/* Text */


	body {

	color: #fff;
	font: normal 12px/15px Arial, sans-serif;

	}

	div.display div.story, div.display div.about {

	font-size: 13px;
	line-height: 20px;

	}

	#page-index div.story img {
		
	display: none;
		
	}

	blockquote p {

	color: #666;
	font-size: 15px !important;
	line-height: 19px !important;

	}

	dt, label em, fieldset em {

	font-size: 11px;

	}

	small, small a {

	font-size: 9px;
	line-height: 16px;

	}

	div.form dt, label em, fieldset em {

	text-align: right;
	white-space: nowrap;

	}
	

/* Rules */


	dt, dd {

	border-top: 1px solid #132325;

	}

	div.ruled ul.leads li, div.ruled ul.headlines li, div.ruled ul.comments li, div.ruled ul.subscriptions li, div.ruled ul.clips li {

	border-bottom: none;

	}

	div.ruled td {

	border-bottom: 1px solid #132325;

	}

	div.ruled div.tags {

	border-top: 1px solid #132325;

	}



/* Tables */


	table {

	font-size: 12px;
	width: 100%;
	
	}

	th {

	background-color: #132325;
	color: #fff;
	font-weight: normal;
	text-transform: uppercase;

	}

	th.rsvp, td.rsvp, th.comments, td.comments, td.rsvp em {

	text-align: center;
	font-style: normal;

	}
	
	td a {
	
	color: #a8d0d3;
	
	}
	
	td a:hover {
	
	color: #49000e;
	
	}
	
	
/* Hide People Going from Public Site */

	
	body.public th.rsvp, body.public td.rsvp, body.public th.comments {
	
	display: none;
	
	}
	
/*	body.public table.events tbody tr td:nth-child(8) {
	
	display: none !important;
	
	} */


/* Form */


	input[type=text], input[type=search], input[type=password], input[type=file], select, textarea {

	font-family: Arial, sans-serif;
	background-color: #fff;
	border: 1px solid #dedede;

	}

	textarea {

	border: 1px solid #dedede;

	}

	select#status {

	max-width: 310px;

	}


/* Text Links */


	a {

	color: #490003;
	outline: none;
	text-decoration: none;
	font-weight: bold;

	}

	a:hover {

	color: #a8d0d3;
	text-decoration: none;

	}
	
	div.widget-release dl a, 
	#page-index #sidebar div.pane a, 
	#content div.pane a {
	
	color: #a8d0d3;
	
	}

	div.widget-release dl a:hover, 
	#page-index #sidebar div.pane a:hover, 
	#content div.pane a:hover {
	
	color: #490003;
	
	}

	li ul.actions li {

	border: 0 !important;

	}

	li ul.actions a {

	background: none;
	padding: 0;
	color: #000 !important;
	font: bold 12px/15px Arial, sans-serif !important;
	text-transform: none;
	font-weight: normal;

	}

	li ul.actions a:hover {

	background-color: transparent;
	color: #c20 !important;

	}

	div#comments ul.actions li a {

	color: #a8d0d3 !important;

	}

	div#comments ul.actions li a:hover {

	color: #49000e !important;

	}


/* Action Buttons */


	a.action, ul.pages a, ul.pages strong {

	padding: 5px 8px 5px 45px;
	white-space: nowrap;
	color: #fff !important;
	line-height: 12px;
	text-transform: uppercase;

	}

	a.action, ul.pages a {

	background-color: #490003;

	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;

	}
	
	ul.pages strong {
	
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;

	}	

	a.action:hover, ul.pages a:hover {

	background-color: #a8d0d3;
 	color: #2d565c !important;

	}

	div#sidebar a.action {

	width: auto !important;
	height: auto !important;

	}

	ul.pages strong {

	background-color: #132325;
	font-weight: normal;

	}

	td a.action {

	background: #490003;
	white-space: nowrap;
	color: #fff !important;
	
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;

	}

	td a.action:hover {

	background: #a8d0d3;
	color: #2d565c !important;

	}

	td strong {

	text-transform: uppercase;
	line-height: 12px;

	}


/* Toggle Buttons */


	a.toggle, strong.toggle {

	background: #490003;
	padding: 5px;
	color: #fff;
	text-transform: uppercase;

	-webkit-border-radius: 0;
	-moz-border-radius: 0;

	}

	a.toggle:hover {

	background-color: #a8d0d3;
	color: #2d565c;

	}

	strong.toggle {

	background: #2d565c;
	color: #fff;

	}

	ul.toggle li {

	background-color: #132325;

	}

	ul.toggle label em {

	color: #fff;
	text-transform: uppercase;

	}


/* Comment Tallies */


	a.comments {

	width: 18px !important;
	max-width: none;
	height: 15px !important;
	background-position: 0 0;
	background-repeat: no-repeat;
	padding-top: 2px !important;
	padding-right: 60px !important;
	clear: none;
	float: left;
	display: none;
	color: #2d565c !important;
	font-size: 9px !important;
	line-height: 9px !important;
	text-transform: uppercase;
	white-space: nowrap;
	text-align: center;
	position: relative;
	overflow: visible !important;

	}

	a.comments:hover {

	background-position: 0 -17px;
	color: #2d565c !important;

	}

	a.comments span {

	position: absolute;
	top: 1px;
	left: 22px;
	color: #a8d0d3 !important;
	font-size: 10px !important;
	line-height: 10px !important;
	font-style: none;
	text-transform: none;
	
	}

	a.comments:hover span {

	color: #490003 !important;

	}

	td a.comments {

	margin: 0 auto;
	padding-right: 0 !important;
	float: none;

	}


/* TABS
----------------------------------------------------------------------------- */


	ul.tabs {

	border: none;

	}

	ul.tabs li a,
	ul.tabs li strong {

	background: #2d565c;
	color: #fff;
	font: normal 17px/17px Arial, serif;
	text-transform: uppercase;

	-moz-border-radius-topleft: 0;
	-moz-border-radius-topright: 0;
	-webkit-border-top-left-radius: 0;
	-webkit-border-top-right-radius: 0;

	}

	ul.tabs li a:hover {

	background-color: #a8d0d3;
	background-image: none;
	color: #2d565c;

	}

	ul.tabs li.selected a, ul.tabs li.selected strong, ul.tabs li.selected a:hover {

	background-color: #a8d0d3;
	background-image: none;
	color: #2d565c;
	border-bottom: 0;

	}


/* PANES
----------------------------------------------------------------------------- */


	div.pane,
	#page-index div.pane {

	background-color: #2d565c;

	}
	
	#sidebar div.pane {

	background: #132325;

	}

	div.tabbed div.pane {

	-webkit-border-top-left-radius: 0;
	-webkit-border-top-right-radius: 0;
	-moz-border-radius-topleft: 0;
	-moz-border-radius-topright: 0;

	}


/* FEATURES BOX
----------------------------------------------------------------------------- */


/* Text */


	div#features div.widget-media.player div.details a {

	color: #fff;
	line-height: 12px;
	text-transform: uppercase;

	}
	
	div#features div.widget-media.player div.details var {
	
	color: #490003;
	
	}

	div#features #photos h4 {

	font-size: 12px;
	line-height: 40px;

	}
	

/* Buttons */


	div#features a.browse {

	position: absolute;
	bottom: 22px;
	right: 20px;
	z-index: 99;
	background-color: #490003;
	color: #fff;

	}
	
	div#features a.browse:hover {
	
	background-color: #a8d0d3;
	color: #2d565c;
	
	}

	div#features #photos a#photos_back, div#features #photos a#photos_next {

	background-color: #3a6e76;
	background-repeat: no-repeat;
	background-position: center;
	top: 140px;

	}

	div#features #photos a#photos_back:hover, div#features #photos a#photos_next:hover {

	background-color: #a8d0d3;

	}

	div#features #photos a#photos_back {

	left: 18px;

	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-top-left-radius: 0;
	-webkit-border-bottom-left-radius: 0;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-topleft: 0;
	-moz-border-radius-bottomleft: 0;

	}

	div#features #photos a#photos_next {

	right: 18px;

	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-top-right-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-topright: 0;
	-moz-border-radius-bottomright: 0;

	}


/* Tabs */


	div#features ul.tabs {

	border: none;

	}

	div#features ul.tabs li a {

	background-color: #2d565c;
	color: #fff;

	}

	div#features ul.tabs li a:hover {

	background-color: #a8d0d3;
	color: #2d565c;

	}

	div#features ul.tabs li.selected a, div#features ul.tabs li.selected a:hover {

	background-color: #a8d0d3;
	color: #2d565c;

	}


/* Panes */


	div#features div.pane {

	background-color: #2d565c;
	margin-bottom: 0 !important;
	padding: 15px;
	position: relative;

	-moz-border-radius: 0;
	-webkit-border-radius: 0;

	}

	div#features div.widget-advertising {

	background-color: #2d565c;
	padding: 15px;

	-webkit-border-bottom-left-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	-moz-border-radius-bottomleft: 0;
	-moz-border-radius-bottomright: 0;

	}


/* Background */


	div#features div.widget-photo ul.photos li {

	background-color: #3a6e76;
	padding: 3px;

	}

	div#features div.widget-media.player div.details {

	background-color: #3a6e76;

	}


/* MEDIA PLAYER
----------------------------------------------------------------------------- */


/* Text */


	div.widget-media.player var strong {

	font-weight: normal;

	}

	div.widget-media.player var, div.widget-media.player var em {

	font-style: normal;

	}


/* Buttons */


	div.widget-media.player a.again {

	width: 559px;
	height: 314px;
	background-color: #464646;
	background-position: center;
	background-repeat: no-repeat;
	text-indent: -5000px;

	}

	div.widget-media.player a.prompt {

	width: 424px;
	height: 240px;
	background-color: #464646;
	background-position: center;
	background-repeat: no-repeat;
	text-indent: -5000px;

	}

	div.widget-media.player ul.controls a.action {

	width: 13px;
	height: 13px;
	background-position: center;
	background-repeat: no-repeat;
	display: block;
	padding: 5px;
	text-indent: -5000px;

	}

	div.widget-media.player ul.actions a.action {

	background-color: #490003;

	}

	div.widget-media.player ul.controls a.action:hover, 
	div.widget-media.player ul.actions a.action:hover {

	background-color: #a8d0d3;

	}


/* Backgrounds */


	div.widget-media.player {

	background-color: #2d565c !important;

	}

	#page-video div.widget-media.player {

	background-color: #2d565c !important;

	}

	div.widget-media.player div.flash {

	background-color: #3a6e76;
	padding: 3px;

	}

	div.widget-media.player ul.controls {

	background-color: #3a6e76;

	}

	#page-video div.widget-media.player ul.controls {

	background-color: #3a6e76;

	}


/* ALERTS
----------------------------------------------------------------------------- */


	div.widget-alert h3 {

	color: #fff;
	font: 24px/24px Arial, sans-serif;
	text-transform: uppercase;
	display: block !important;
	
	}
	
	#page-index div.widget-alert h3 {
	
	display: block !important;

	}
	
	div.widget-alert p {

	color: #fff;

	}

	div.widget-alert.error {

	background-color: #db0000;

	}

	div.widget-alert.success {

	background-color: #6ba144;

	}

	div.widget-alert.info {

	background-color: #38dacd;

	}

	div.widget-alert a, div.widget-alert a:hover {

	color: #fff;
	text-decoration: underline;

	}

	fieldset.error input, fieldset.error strong, label.error input, label.error strong {

	color: #db0000;

	}

	fieldset.error strong, label.error strong {

	font-size: 11px;
	font-weight: normal;

	}

	label.error input {

	background-color: #db0000;
	color: #fff;

	}


/* MESSAGE BOARD
----------------------------------------------------------------------------- */
	
	
	div.messageboard table {

	font-size: 12px;

	}

	div.messageboard table td {

	background-color: #f8f8f8;

	}

	div.messageboard fieldset {

	border: 1px solid #666;

	}

	div.messageboard .tcat {

	background-color: #666;
	color: #000;
	font-weight: bold;
	text-transform: uppercase;

	}

	div.messageboard .thead {

	background-color: #000;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;

	}

	div.messageboard .thead a, div.messageboard .tcat a, div.messageboard .vbmenu_control a {

	color: #fff;
	font-weight: bold;

	}

	div.messageboard .thead a:hover, div.messageboard .tcat a:hover, div.messageboard .vbmenu_control a:hover {

	color: #c20;

	}

	div.messageboard .tfoot {

	background-color: #a8d0d3;

	}

	div.messageboard .alt1, div.messageboard .alt1Active {

	background-color: #fff;

	}

	div.messageboard .alt2, div.messageboard .alt2Active {

	background-color: #dfdfdf;

	}

	div.messageboard .time {

	color: #9d992f;
	font-weight: bold;

	}

	div.messageboard .panelsurround {

	background-color: #fff;

	}

	div.messageboard .vbmenu_control {

	background-color: #666;

	}

	div.messageboard .vbmenu_popup {

	background-color: #a8d0d3;
	border: 1px solid #000;
	margin-top: 10px;

	}

	div.messageboard .vbmenu_popup a, div.messageboard .vbmenu_option a {

	color: #000;
	font-weight: bold;
	text-transform: uppercase;

	}

	div.messageboard .vbmenu_popup a:hover, div.messageboard .vbmenu_option a:hover {

	color: #c20;

	}

	div.messageboard table#breadcrumb td {

	background-color: #000;
	color: #fff;

	}

	div.messageboard table#breadcrumb strong {

	font-size: 12px;

	}

	div.messageboard table#breadcrumb a {

	color: #c20;
	font-weight: bold;
	text-transform: uppercase;

	}

	div.messageboard table#breadcrumb a:hover {

	color: #fff;

	}

	div.messageboard div.smallfont {

	font-weight: bold;

	}
	

/* CHECKOUT
----------------------------------------------------------------------------- */
	

/* Customer */


	#customer {
	
	padding: 0;
	
	}
	
	#customer ul {
	
	}
	
/* Steps */


	#steps {

	width: 900px;
	background: #252525;
	margin: 0 20px;
	padding: 0;
	
	}

	#steps li {

	margin-right: 1px;
	float: left;

	}

	#steps a,
	#steps strong,
	#steps em,
	#steps span {

	background-color: #000;
	padding: 5px 8px;
	display: block;
	color: #fff;
	font-size: 20px;
	line-height: 50px;
	font-style: normal;
	font-weight: bold;
	text-transform: uppercase;
	white-space: nowrap;
	
	}


/* Step: Current */


	#steps strong {

	color: #fff;
	background: #2D565C;

	}

	#steps strong var {

	color: #2D565C;
	background: #fff;

	}


/* Steps: Completed & Next */


	#steps a,
	#steps em {

	color: #000;
	background: #252525;

	}

	#steps a var,
	#steps em var,
	#steps span {

	color: #252525;
	background: #000;

	}


/* Legal */


	.section-checkout div.legal div {

	background: #252525;

	}
	
	.section-checkout div.legal {
	
	width: 915px;
	padding: 15px;
	background: #2d565c;
	
	}


/* Cart */


	.section-checkout #order {
	
	width: 915px;
	padding: 15px 15px 0 15px;
	background: #111111;
	
	}

	.section-checkout td {

	border-top: solid 1px #353535;
	
	}

	.section-checkout tfoot {

	color: #fff;
	background: #333;

	}

	.section-checkout tbody.items {

	background: #111111;

	}

	.section-checkout tbody.bonus {

	background: #F7F7F7;

	}

	.section-checkout tbody.discounts {

	background: #656565;

	}

	.section-checkout tr.shipping {

	background: #222222;

	}
	
	.section-checkout tr.total {

	font-weight: bold;
	background: #2D565C;

	}
	
	.section-checkout tr.total a.action {
	
	display: none;
	
	}
	
	#page-payment ul.order a.action.submit {
	
	padding: 15px;
	font-size: 14px;
	
	}
	
	
/* Receipt */


	#page-receipt .widget-order.display {
	
	padding: 15px;
	width: 910px;
	background: #111111;
	float: left;
	margin-bottom: 30px;
	
	}
	
	#page-receipt .widget-order.display h3 {
	
	color: #e5563f;
	display: block !important;
	
	}
	
	#page-receipt .summary h4 {
	
	font-size: 12px;
	line-height: 22px;
	
	}
	
	#page-receipt .summary td {
	
	border-color: #353535;
	
	}

	#page-receipt .summary tr.total {

	color: #38dacd;

	}
	
	#returns {
	
	padding: 15px;
	width: 910px;

	}	
	

/* BACKGROUNDS
----------------------------------------------------------------------------- */

	body {

	background: #000;

	}

	div#format {

	background: url(../images/layout/bg-bar.png) repeat-x top left;

	}

	.section-checkout #format {
	
	background: none;
	
	}
	
	.section-checkout {
	
	background: #000 url(../images/layout/bg-checkout.jpg) no-repeat top center fixed;

	}
	
	/*label, fieldset { 
	
	width: 100%;
	clear: left;
	float: left;
	
	}*/
	
	fieldset label { 
	
	width: auto;
	clear: none;
	float: none;
	
	}
	
	label.error strong, fieldset.error strong {

	padding: 0 0 5px 110px;
	clear: left;
	float: left;
	display: block;
	
	}
	
	fieldset label.error strong {
	
	padding: 3px 0 7px 30px;
	
	}

	* html fieldset em {
	
	padding-top: 10px !important; 
	
	}
	
	
	
/* DISCOGRAPHY + LYRICS
----------------------------------------------------------------------------- */


/* Content */	

	
	#page-discography div#content div#details em, #page-lyrics div#content div#details em {
	
	display: none !important;
	
	}
	
	#page-discography div#details ul.artwork, #page-lyrics div#details ul.artwork {
	
	width: 565px;
	overflow: hidden;
	
	}
	
	#page-discography div#details ul.artwork li, #page-lyrics div#details ul.artwork li {
	
	float: left;
	width: 274px;
		
	}
	
	#page-discography div#details ul.artwork li.front, #page-lyrics div#details ul.artwork li.front {
	
	padding-right: 15px;
	
	}
	
	#page-discography div#details ul.artwork img, #page-lyrics div#details ul.artwork img {
	
	display: block;
	float: left;
	width: 274px;
		
	}
	
	#page-discography div#notes h3, #page-lyrics div#notes h3 {
	
	display: none !important;
	
	}
	
	#page-discography div#tracks tr td, #page-lyrics div#tracks tr td {
	
	border-top: 1px solid #132325;
	
	}
	
	#page-discography div#tracks a.action, #page-lyrics div#tracks a.action {
	
	padding: 1px 8px 1px 8px;
	font-size: 10px;
	
	}
	
	#lyrics {
	
	margin-top: 30px;
	
	}
	
	#lyrics ul {
	
	list-style-type: none;
	padding: 0;
	margin: 0;
	
	}



/* Sidebar */


	#discography {
	
		float: left;
				
		}
	
	#discography ul.releases {
		
		float: left;
		width: 275px;
		margin: 0;
		
		}
	
	#discography ul.releases li {
		
		clear: left;
		float: left;
		width: 126px;
		margin: 0 15px 15px 0;
		
		}
	
	#discography ul.releases li.alt {
		
		clear: none;
		margin: 0 0 15px 0;
		
		}
		
	#discography ul.releases li img {
	
		display: block;	
		width: 126px;
		height: 126px;
		margin: 0 0 5px 0;
		border: 1px solid #5D1612;
		
		}
	
	#discography ul.releases em,
	#discography ul.releases strong {
		
		display: block;
		float: none;
		width: 126px;
		margin: 0 0 3px 0;
		text-align: center;
		font-size: 10px;
		line-height: 10px;
		font-weight: normal;
		font-style: normal;
		color: #a8d0d3;
		
		}
		
	#discography ul.releases strong a {
		
		color: #a8d0d3;
	
		}

	#discography ul.releases strong a:hover {
		
		color: #490003;
	
		}
	
	#discography ul.releases dl {
		
		display: none;
		
		}

	
/* MUSIC
----------------------------------------------------------------------------- */	


	.section-music ul.clips li div ul.actions a {
	
	color: #a8d0d3 !important;
	
	}
	
	.section-music ul.clips li div ul.actions a:hover {
	
	color: #490003 !important;
	
	} 
	
	
/* WIDGET-ADVERTISING
----------------------------------------------------------------------------- */

	div.widget-advertising.ad img, div.widget-advertising.ad a {
	
	display: block;
	
	}
	
	
	div.widget-advertising.ad img {
	
	margin-bottom: 0;
	
	}
	
	
/* NEWS LEADS SHOW COMMENTS
----------------------------------------------------------------------------- */


	div.widget-editorial.browse.leads a.comments {
	
	display: inline;
	margin: 0;
	
	}
	

/* WEBSLICE
----------------------------------------------------------------------------- */


	#webslice_discovery {
	
	float: left;
	
	}
	

/* OVERLAY
----------------------------------------------------------------------------- */


	#overlay {
	
	width: 100%;
	height: 100%;
	display: block;
	background: #000;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
	
	}
	
	#overlay div {
	
	display: block;
	margin: 0 auto;
	position: relative;
	width: 980px;
	height: 569px;
	background: #000 url(../images/layout/overlay.jpg) center 10% no-repeat;
	
	}
	
	a#teenchoiceawards {
	
	display: block;
	position: absolute;
	width: 460px;
	height: 240px;
	top: 200px;
	left: 70px;
	text-indent: -5000px;
	z-index: 1001;
		
	}
	
	
/* FAN PHOTOS
----------------------------------------------------------------------------- */

	div.widget-tag.browse.list li.fan a {
		
		background-color: #6ba144;
		
		}
		
	div.widget-tag.browse.list li.fan a:hover {
		
		background-color: #a8d0d3;
		
		}

	#fan-photos {}
	

/* PATTERN OVERRIDES
----------------------------------------------------------------------------- */

/* moves the thumbnail 10px down and left from the edge */

	div#page div#sidebar div.widget-editorial.thumbnailed ul.leads img {

	width: 120px !important;
	margin: 0 !important;
	float: none !important;
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 10;

	}
	
	div#sidebar div.widget-editorial.thumbnailed ul.leads li {
	
	background-position: 330px 10px !important;
	
	}
	

/* Homepage Contest Poll */	
	
	#page-index div.pane.sprout div {
	
		margin: 0 auto;
	
		}