/* JANE'S ADDICTION TEMPLATE */
/* Master Skin Stylesheet
----------------------------------------------------------------------------- */


	@import url("header.css");
	@import url("footer.css");
	@import url("images.css");
	@import url("clique.css");

	@import url("prompts.css");	

	@import url("section-music.css");
	@import url("section-tour.css");


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


/* Cufon Visibility */


	div.site h2, 
	div.site h3, 
	div.site h4 {
	
	visibility: hidden;
	
	}


/* Headings */


	h2,
	h2 a:hover {
	
	font: bold 25px/70px Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	color: #2e16e4;
	
	}
	
	h2 a {
	
	color: #bd0304;
	
	}
	
	h2 span {
	
	color: #480000;
	
	}

	h3, div.display h4 {

	color: #2f17e1;
	font: bold 20px/20px Helvetica, Arial, sans-serif;

	}

	div.pane h3 {

	color: #bd0304;

	}

	div.group div h3 {

	color: #fff;

	}

	h4, h4 a {

	clear: left;
	color: #2f17e1;
	font: bold 20px/20px Helvetica, Arial, sans-serif;

	}

	h4 a:hover {
	
	color: #351aff;
	
	}
	
	#sidebar h4, #page-account h4 {
	
	color: #820300;
	font: bold 13px/13px Helvetica, Arial, sans-serif;
	
	}
	
	#page-index #sidebar h4 {
	
	font-size: 20px !important;
	
	}
		
	h3 em, h4 em, h3 span, h4 span {

	font-style: normal;

	}


/* Text */


	body {

	color: #fff;
	font: normal 11px/14px Helvetica, Arial, sans-serif;
		
	}

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

	font-size: 11px;
	line-height: 14px;

	}

	blockquote p {

	color: #888;
	font-size: 12px !important;
	line-height: 15px !important;

	}

	dd {

	font-style: italic;

	}

	dt, label em, fieldset em {

	color: #fff;
	font-size: 11px;
	line-height: 16px;

	}
	
	fieldset {
	
	border-color: #480000;
	
	}

	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 #480000;

	}

	div.ruled ul.stories li, 
	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: 1px solid #480000;

	}

	div.ruled td {

	border-bottom: 1px solid #480000;

	}

	div.ruled div.tags {

	border-top: 4px solid #480000;

	}


/* Tables */


	th {

	background-color: #820300;
	color: #fff;

	}


/* Form */

	select, 
	input[type=text], 
	input[type=search], 
	input[type=password], 
	input[type=file] {
	
	font-family: Trebuchet MS, Arial, sans-serif;
	background-color: #fff;
	color: #000;
	border: 1px solid #200b03;
	padding: 2px;
	
	}
	
	textarea {

	font-family: Trebuchet MS, Arial, sans-serif;
	border: 1px solid #200b03;
	background-color: #200b03;
	color: #fff;
	padding: 2px;
	
	}

	select#status {

	max-width: 310px;

	}


/* Text Links */


	a {

	color: #ac0000;
	outline: none;
	text-decoration: none;
	
	}

	a:hover {

	color: #fff;

	}

	li ul.actions li {

	border: 0 !important;

	}

	li ul.actions a, .widget-item.display .topic .tags li {

	background: none;
	padding: 0;
	color: #ee6b6b !important;
	font: normal 12px/15px Trebuchet MS, Arial, sans-serif !important;
	text-transform: none;


	}

	li ul.actions a:hover {

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

	}


/* Action Buttons */


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

	padding: 5px 8px 3px 40px;
	white-space: nowrap;
	color: #200b03;
	font-size: 11px;
	line-height: 12px;
	font-weight: bold;
	text-transform: uppercase;

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

	}

	a.action, ul.pages a {

	background-color: #820300;

	}

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

	background-color: #be0305;

	}

	div#sidebar a.action {

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

	}

	ul.pages strong {

	background-color: #be0305;
	font-weight: normal;
	color: #fff;
	
	}

	td a.details,
	td a.tickets,
	td a.presale {

	background: none !important;
	padding: 0 !important;
	color: #be0305 !important;

	-moz-border-radius: 0 !important;
	-webkit-border-radius: 0 !important;
		
	}

	td a.action:hover {

	color: #fcfcda !important;
		
	}

	td strong {

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

	}


/* Toggle Buttons */


	a.toggle, strong.toggle {

	background: #820300;
	padding: 5px;
	color: #000;
	text-transform: uppercase;

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

	}

	a.toggle:hover {

	color: #000;
	background-color: #be0305;

	}

	strong.toggle {

	background: #be0305;
	color: #fff;
	
	}

	ul.toggle li {

	background-color: #be0305;

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

	}

	ul.toggle label em {

	color: #fff;
	text-transform: uppercase;

	}


/* Comment Tallies */


	a.comments {

	width: 20px !important;
	max-width: none;
	height: 12px !important;
	background-position: 0 0;
	background-repeat: no-repeat;
	padding-right: 55px;
	float: left;
	display: block;
	color: #fff !important;
	font-size: 9px !important;
	line-height: 9px !important;
	white-space: nowrap;
	text-align: center;
	position: relative;
	overflow: visible !important;

	}

	a.comments span {

	position: absolute;
	top: 0;
	left: 25px;
	color: #be0305;
	font-size: 11px !important;
	line-height: 10px !important;
	text-transform: uppercase;
	
	}

	a.comments:hover span {

	color: #fff !important;

	}

	td a.comments {

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

	}


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


	ul.tabs {

	border-bottom: 1px solid #be0305;

	}

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

	background-color: #820300;
	color: #480101;
	font: normal 14px/17px Arial, serif;
	text-transform: uppercase;

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

	}

	ul.tabs li a:hover {

	background-color: #be0305;
	color: #fff;

	}

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

	background-color: #be0305;
	color: #fff;
	border-bottom: 0;

	}


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


	#content div.pane {
	
	background-color: #480100;

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

	#sidebar div.pane {

	background-color: #480100;

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

	}
	
	div.tabbed div.pane {

	background: none !important;

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

	}


/* EMPHASIZED CONTENT
----------------------------------------------------------------------------- */


/* Tabs */

	
	div.emphasis ul.tabs {

	border: 0;

	}

	div.emphasis ul.tabs li a {

	background-color: #820300;
	color: #480101;

	}

	div.emphasis ul.tabs li a:hover {

	background-color: #be0305;
	color: #fff;

	}
	
	div.emphasis ul.tabs li.selected a,
	div.emphasis ul.tabs li.selected strong,
	div.emphasis ul.tabs li.selected a:hover {

	color: #fff;
	background-color: #be0305;

	}
	
	
/* Headings */


	div.emphasis div.pane h3,
	div.pane.emphasis h3 {
	
	color: #6e2f8a;
	
	}
	
	
/* Panes */

	
	div.emphasis div.pane,
	div.pane.emphasis, 
	div#sidebar div.emphasis div.pane,
	div#sidebar div.pane.emphasis {
	
	background-color: transparent;
	border: 1px solid #bd0304;
	
	}
		
	div.emphasis div.pane div.group,
	div.pane.emphasis div.group {
	
	color: #ccc;
	background: #fff;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;

	}
	
	
/* Inline Elements */


	p.emphasis {
	
	border-color: #ccc;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	
	}
	
	
/* Action Buttons */


	div.emphasis a.action,
	div.emphasis ul.pages a {
	
	background-color: #7d1d98;
	
	}
	
	div.emphasis a.action:hover,
	div.emphasis ul.pages a:hover {
	
	background-color: #ab2ad0;
	
	}
	
	
/* Large Action Buttons */


	ul.actions.emphasis li.submit a,
	.widget-item.display .purchase a.submit {
	
	font-size: 14px;
	line-height: 30px;
	padding: 3px 18px;
	
	}


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


/* Text */


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

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

	}

	div#features #photos h4 {

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

	}


/* Buttons */


	div#features #shots a#shots_back, div#features #shots a#shots_next {

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

	}

	div#features #shots a#shots_back:hover, div#features #shots a#shots_next:hover {

	background-color: #be0305;

	}

	div#features #shots a#shots_back {

	left: 1px;

	-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 #shots a#shots_next {

	right: 1px;	

	-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 li a {

	background-color: #820300;
	color: #480101;

	}

	div#features ul.tabs li a:hover {

	background-color: #be0305;
	color: #fff;

	}	

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

	background-color: #be0305;
	color: #fff;

	}


/* Panes */


	div#features div.pane {

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

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

	}

	div#features div.widget-advertising {

	background-color: #000;
	border-left: 1px solid #350141;
	border-right: 1px solid #350141;
	border-bottom: 1px solid #350141;
	
	}


/* Background */


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

	background-color: #000;

	}

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

	background-color: none;

	}


/* 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: 463px;
	height: 263px;
	background-color: #1f1009;
	background-position: center;
	background-repeat: no-repeat;
	text-indent: -5000px;

	}

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

	width: 13px;
	height: 13px;
	background-color: #350141;
	background-position: center;
	background-repeat: no-repeat;
	display: block;
	padding: 5px;
	text-indent: -5000px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;

	}

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

	background-color: #350141;

	}

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

	background-color: #66037d;

	}


/* Backgrounds */


	div.widget-media.player {

	background-color: none;

	}

	div.widget-media.player div.flash {

	background-color: none;
	padding: 1px 1px 0;

	}

	div.widget-media.player ul.controls {

	padding: 4px;
	margin-left: 1px;
	
	}


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


	div.widget-alert h3 {

	color: #fff;
	font: 20px/20px Trebuchet MS, Arial, sans-serif;
	text-transform: uppercase;

	}

	div.widget-alert p {

	color: #fff;

	}

	div.widget-alert.error {

	background-color: #be0305;

	}

	div.widget-alert.success {

	background-color: #2f17e1;

	}

	div.widget-alert.info {

	background-color: #7d1d98;

	}

	div.widget-alert.added {

	background-color: #7d1d98;

	}

	div.widget-alert.info a.action, 
	div.widget-alert.added a.action {
	
	background-color: #be0305;
	
	}

	div.widget-alert.info a.action:hover, 
	div.widget-alert.added a.action:hover {
	
	background-color: #ff0000;
	
	}
	
	div.widget-alert.added h4 {
	
	color: #fff;
	
	}

	div.widget-alert a {

	color: #fff;
	text-decoration: underline;

	}


/* Inline Messages */

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

	color: #dc2500;

	}

	fieldset.error strong, label.error strong {

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

	}

	label.error input {

	background-color: #dc2500;
	color: #fff;

	}


/* STORE
----------------------------------------------------------------------------- */


/* Customer Bar */


	#customer {
	
	background: #000;
	margin-bottom: 20px;
	
	}

	div#layout.site #customer {
		
	width: 940px;
	
	}

	div#layout.store #customer {
		
	width: 960px;
	
	}

	#customer ul {
	
	width: 40%;
	
	}
	
	#customer,
	#customer a {
	
	color: #bd0304;
	
	}

	#customer #cart {
	
	background: #bd0304 url(../images/layout/bg-cart.gif) 15px center no-repeat;
	padding-left: 45px;
	border: 0;
	
	}

	#customer #cart h3 span, 
	#customer #cart h3 strong {
	
	color: #000;
	
	}

	#customer #cart h3 em {
	
	color: #fff;
	
	}
	
	#customer a.action {
	
	background-color: #820200;
	color: #470000;
	
	}

	#customer a.action:hover {
	
	background-color: #f60001;
	color: #fff;
	
	}
		

/* Optin */


	div#optin {
	
	-moz-border-radius: 10px !important;
	-webkit-border-radius: 10px !important;
	
	}
	
	div#optin h3 {
	
	color: #bd0304;
	font-size: 25px;
	
	}
	
	div#optin input {
	
	background-color: #fff;
	color: #bd0304;
	
	}


/* Gift Cards */


	div#giftcards {
	
	background-color: #350143 !important;
	border: 0 !important;
	
	}


/* Help */


	div#help {
	
	border-color: #350143 !important;
	
	}
	
	div#help.emphasis p {
	
	color: #6e2f8a;
	
	}
	
	div#help.emphasis p a {
	
	color: #ab2ad0;
	
	}

	div#help.emphasis p a:hover {
	
	color: #fff;
	
	}
	

/* Search */


	div#sidebar div.widget-item.search {
	
	background-color: #2f17e1;

	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	
	}
	
	div#sidebar div.widget-item.search input {
	
	color: #8f8f8f;
	
	}


/* Departments: Header */


/* Departments: Sidebar */

	
	#sidebar #departments {
	
	padding: 0;
	
	}

	#sidebar #departments a {
	
	font: normal 18px/18px Arial, sans-serif;
	color: #be0305;
	background-color: transparent;
	text-transform: uppercase;
	width: 190px;
	padding: 15px;
	margin: 0;
	
	}
	
	#sidebar #departments a:hover {
	
	color: #fff;
	background: #be0305;

	}
		
	#sidebar #departments ul ul {
	
	float: left;
	background: #000;
	
	}
	
	
/* Item Listings */


	ul.items li {
	
	background: #290000;
	
	}
	
	ul.items dt a, ul.items dt em {
	
	white-space: normal !important;
	
	}


/* Tags */


	#content .widget-item.display .topic ul.tags {
	
	display: none;
	
	}

	#content .widget-item.display .topic ul.tags li {
	
	background-color: #000;
	color: #8f8f8f;
	
	}


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


/* Header */


	.section-checkout div#header {
	
	padding-bottom: 0;
	
	}
	

/* Steps */

	
	#steps {
	
	width: 938px;
	background-color: transparent;
	margin-bottom: 20px;
	border: 1px solid #bd0304;
	
	}
	
	#steps a,
	#steps strong,
	#steps em {
	
	background: #470000;

	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	
	}
		
		
/* Step: Current */

		
	#steps strong {
	
	color: #fff;
	background: #be0305;
	
	}
	
	#steps strong var {
	
	color: #be0305;
	background: #fff;
	
	}
		

/* Steps: Completed */

		
	#steps a {

	color: #000;
	background: #470000;	
	
	}

	#steps a:hover {
	
	color: #fff;
	background: #be0305;
	
	}

	#steps a var {
	
	color: #470000;
	background: #000;
	
	}
	
	#steps a:hover var {
	
	color: #be0305;
	background: #fff;
	
	}


/* Steps: Next */


	#steps em {
	
	color: #470000;
	background: #000;
	
	}
	
	#steps em var {

	color: #000;
	background: #470000;
	
	}

	
	
/* Legal */

	
	.section-checkout div.legal div {
	
	background: #1d1d1d;
	
	}
	
	.section-checkout div.legal div h3,
	.section-checkout div.legal div h4 {
	
	color: #fff;
	
	}
		
		
/* Cart */

	
	table.order td,
	.widget-cart.modify table td,
	.widget-order.display table.summary td {
	
	border-color: #000;
	
	}
	
	table.order tfoot,
	.widget-cart.modify table tfoot,
	.widget-order.display table.summary tfoot {
	
	color: #fff;
	background: #2f17e1; 
	
	}
	
	table.order tfoot a.action,
	.widget-order.display table.summary tfoot a.action {
	
	background: #555;
	
	}
	
	table.order tbody.items,
	.widget-cart.modify table tbody.items,
	.widget-order.display table.summary tbody.items {
	
	background: #480100;
	
	}
	
	table.order tbody.bonus,
	.widget-order.display table.summary tbody.bonus {
	
	background: #bd0304;
	
	}
	
	table.order tr.code,
	.widget-cart.modify table tr.code,
	.widget-order.display table.summary tr.code {
	
	color: #fff;
	background: #350143;
	
	}

	table.order tr.code a.action:hover,
	.widget-cart.modify table tr.code .action:hover,
	.widget-order.display table.summary tr.code .action:hover {
	
	background-color: #ff0000;
	
	}

	table.order tr.tax,
	.widget-cart.modify table tr.tax,
	.widget-order.display table.summary tr.tax {
	
	color: #fff;
	background: #350143;
	
	}
	
	table.order tr.shipping,
	.widget-cart.modify table tr.shipping,
	.widget-order.display table.summary tr.shipping {
	
	color: #fff;
	background: #350143;
	
	}
	

/* Groups */

	
	#content div.pane div.group {
	
	width: 414px;
	
	}
	
	div#card.pane div.group {
	
	background-color: #290000;

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

	div#card.pane div.group h3 {
	
	color: #bd0304;
	
	}

	div#card.pane div.group input {
	
	/* background-color: #fff; */
	
	}


/* MESSAGE BOARD
----------------------------------------------------------------------------- */


	div#layout.messageboard {
		
	position: static;
		
	}

	div.messageboard #header {
		
	width: 960px;
	height: 260px;
		
	}
	
	div.messageboard hr {
		
	background-color: #BE0305;
	color: #BE0305;
		
	}

	div.messageboard table {

	font-size: 12px;

	}
	
	div.messageboard table table {
		
	margin: 0;
		
	}

	div.messageboard fieldset {

	border: 1px solid #820300;

	}
	
	div.messageboard table.mbinfo .alt1,
	div.messageboard table.mbinfo .alt2 {
		
	background-color: #480100;
		
	}
	
	div.messageboard .tcat {

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

	}
	
	div.messageboard .tcat a {
		
	color: #000;
		
	}

	div.messageboard .thead {

	background-color: #BE0305;
	color: #fff;

	}

	div.messageboard .thead a {

	color: #fff;

	}

	div.messageboard .thead a:hover {

	color: #fff;

	}

	div.messageboard .tfoot {

	color: #fff;
	background-color: #480100;

	}

	div.messageboard .alt1, div.messageboard .alt1Active, div.messageboard .alt2, div.messageboard .alt2Active {

	background: none;
	border-bottom: 1px solid #480000;

	}

	div.messageboard .time {

	color: #2F17E1;

	}

	div.messageboard .panelsurround {

	background-color: #480100;
	color: #fff !important;

	}

	div.messageboard .vbmenu_control {

	background-color: #2F17E1;

	}
	
	div.messageboard .vbmenu_control a {
		
	color: #000;
	font-weight: bold;
		
	}

	div.messageboard .vbmenu_popup {

	background-color: #000;
	border: 1px solid #BE0305;

	}
	
	div.messageboard img {

	margin: 0 !important;

	}
	
	div.messageboard input[type=text], div.messageboard input[type=search], div.messageboard input[type=password], div.messageboard input[type=file], div.messageboard select, div.messageboard textarea {

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

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


	body {

	background: #000 url(../images/layout/bg-body-red.jpg) top center no-repeat;

	}