/* ROB THOMAS FAN CLUB */
/* Master Stylesheet
----------------------------------------------------------------------------- */


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


/* STYLE PRECEDENTS
----------------------------------------------------------------------------- */


	ul {
	
		list-style-type: none;
		padding: 0;
		margin: 0;
	
		}
		
		
/* PAGE CONTENT
----------------------------------------------------------------------------- */


/* Headings */


	#title h2,
	#title h2 a:hover {
	
	font: normal 25px/70px Arial, sans-serif;
	text-transform: uppercase;
	color: #00e0ff;
	background: #000;
	
	}
	
	#title h2 span,
	#title h2 a {
	
	color: #555;
	
	}

	h3, div.display h4 {

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

	}

	div.pane h3 {

	color: #DA5D01;

	}

	div.group div h3 {

	color: #000;

	}

	h4, h4 a, h4 a:hover {

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

	}

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

	font-style: normal;

	}


/* Text */


	body {

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

	}

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

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

	}

	blockquote p {

	color: #888;
	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 #3B352C;

	}

	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: 4px solid #dedede;

	}

	div.ruled td {

	border-bottom: 1px solid #dedede;

	}

	div.ruled div.tags {

	border-top: 4px solid #dedede;

	}



/* Tables */


	table {

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

	th {

	background-color: #DA5D01;
	color: #000;
	padding-top: 3px;
	padding-bottom: 3px;

	}

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

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

	}


/* Form */


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

	font-family:  Arial, sans-serif;
	background-color: #e9e9d6;
	color: #051600;
	border: 1px solid #3B352C !important;

	}

	textarea {

	border: 1px solid #dedede;

	}

	select#status {

	max-width: 310px;

	}
	
	fieldset {
	
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-color: #ccc;
	
	}


/* Text Links */


	a {

	color: #ffb805;
	outline: none;
	text-decoration: none;

	}

	a:hover {

	color: #D8D8BC;

	}

	li ul.actions li {

	border: 0 !important;

	}

	li ul.actions a {

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

	}

	li ul.actions a:hover {

	background-color: transparent;
	color: #1681ac !important;

	}


/* Action Buttons */


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

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

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

	}

	a.action, ul.pages a {

	background-color: #da5d01;
	color: #D8D8BC;

	}

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

	background-color: #ea7a02;

	}

	div#sidebar a.action {

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

	}

	ul.pages strong {

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

	}

	td a.details,
	td a.tickets,
	td a.presale {
	
	padding: 1px 5px;
	-moz-border-radius: 2px !important;
	-webkit-border-radius: 2px !important;
	
	}

	td strong {

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

	}
	

/* Emphasis */


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


/* Toggle Buttons */


	a.toggle, strong.toggle {

	background: none;
	padding: 5px;
	color: #D8D8BC;
	border: 1px solid #D8D8BC;
	text-transform: uppercase;

	}
	
	a.toggle:hover {

	background-color: #D8D8BC;
	color: #010500;

	}

	strong.toggle {

	background: #D8D8BC;
	color: #010500;
	border: 1px solid #D8D8BC;

	}

	ul.toggle li {

	margin: 0 4px 0 0 !important;

	}

	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;
	clear: none;
	float: left;
	display: block;
	color: #fff !important;
	font-size: 9px !important;
	line-height: 9px !important;
	text-transform: uppercase;
	white-space: nowrap;
	text-align: center;
	position: relative;
	overflow: visible !important;
	margin-top: 2px;

	}

	a.comments:hover {

	background-position: 0 -12px;
	
	}

	a.comments span {

	position: absolute;
	top: 0;
	left: 25px;
	color: #da5d01 !important;
	font-size: 10px !important;
	line-height: 10px !important;

	}

	a.comments:hover span {

	color: #fe8401 !important;

	}

	td a.comments {

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

	}



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


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

	color: #d8d8bc;
	background: url(../../images/skin-fansite/layout/bg-green-50percent.png);
	font: normal 15px/15px Arial, sans-serif;
	text-transform: uppercase;
	border: 1px solid #d8d8bc;
	border-bottom: 0;


	}

	ul.tabs li a:hover {

	background: none;
	background-color: #d8d8bc;
	color: #010500 !important;

	}

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

	color: #010500 !important;
	background: none;
	background-color: #d8d8bc;

	} 
	

	



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


	div.pane {
	
	border-top: 1px solid #d8d8bc;

	/* background-color: #f0f0f0;

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

	}

	#comment {
	
	background-color: #D8D8BC;
	border-top: 0;
	
	}
	
	#sidebar div.pane {
		
	background: url(../../images/skin-fansite/layout/bg-green-50percent.png) repeat;
	border-top: 0;
	
	}
	
	#page-index #sidebar div.pane {
	
	background: none;
	border-top: 1px solid #d8d8bc;
	
	}	
	
	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;

	}


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


/* Tabs */


	/* div.emphasis ul.tabs li a {

	color: #d8d8bc;
	background: url(../../images/skin-fansite/layout/bg-green-50percent.png);

	}

	div.emphasis ul.tabs li a:hover {

	color: #010500;
	background: none;
	background-color: #d8d8bc;
	
	}
	
	div.emphasis ul.tabs li.selected a,
	div.emphasis ul.tabs li.selected strong,
	div.emphasis ul.tabs li.selected a:hover {

	color: #010500 !important;
	background: none;
	background-color: #d8d8bc;

	} */
	
	
/* Headings */


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

	
	div.emphasis div.pane,
	div.emphasis.pane {
	
	background-color: #00e0ff;
	
	}
		
	div.emphasis div.pane div.group,
	div.emphasis.pane div.group {
	
	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: #da5d01;
	
	}
	
	div.emphasis a.action:hover,
	div.emphasis ul.pages a:hover {
	
	background-color: #ea7a02;
	
	}


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


/* Text */


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

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

	}

	div#features #photos h4 {

	font-size: 12px;
	line-height: 40px;
	color: #D8D8BC;

	}


/* Buttons */


	div#features a.browse {

	position: absolute;
	bottom: 22px;
	right: 20px;
	z-index: 60;

	}
	
	#features #radio a.browse {
	
	display: none;
	
	}

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

	background-color: #da5d01;
	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: #ea7a02;

	}

	div#features #photos a#photos_back {

	left: 18px;

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

	}

	div#features #photos a#photos_next {

	right: 18px;

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

	}


/* Panes */


	div#features div.pane {

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

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

	}

	div#features div.widget-advertising {

	background-color: #00e0ff;
	padding: 0 15px 15px 15px;

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

	}


/* Background */


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

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

	}

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

	background-color: #010500;

	}


/* 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 {

	display: block;
	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-color: #DA5D01;
	background-position: center;
	background-repeat: no-repeat;
	display: block;
	padding: 5px;
	text-indent: -5000px;

	}

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

	background-color: #DA5D01;

	}

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

	background-color: #ea7a02;
	
	}


/* Backgrounds */


	div.widget-media.player {

	background-color: #00e0ff !important;

	}

	div.widget-media.player div.flash {

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

	}

	div.widget-media.player ul.controls {

	background-color: #010500;
	border-top: 1px solid #3B352C;

	}



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


/* Header */


/* Sidebar */

	
	#sidebar #departments a {
	
	font: normal 18px/18px Arial, sans-serif;
	color: #000;
	text-transform: uppercase;
	width: 170px;
	padding: 10px 15px 10px 35px;
	
	}
	
	#sidebar #departments a:hover {
	
	color: #fff;
	background: #00afc7;

	}
	
		
	#sidebar #departments strong a {
	
	color: #fff !important;
	background: #000 !important;
	
	}
	
	#sidebar #departments ul ul {
	
	float: left;
	background: #000;
	
	}


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

	div.messageboard div#page {
		
	padding-top: 35px !important;
		
	}

	div.messageboard table {

	font-size: 12px;

	}

	div.messageboard fieldset {

	border: 1px solid #464646;

	}

	div.messageboard .tcat {

	background: #3B352C;
	color: #D8D8BC;
	text-transform: uppercase;

	}

	div.messageboard .thead {

	background-color: #D8D8BC;
	color: #010500;

	}

	div.messageboard .thead a {

	color: #da5d01;

	}

	div.messageboard .thead a:hover {

	color: #fff;

	}

	div.messageboard .tfoot {

	color: #D8D8BC;
	background-color: #3B352C;

	}

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

	/* background: url(../../images/skin-fansite/layout/bg-green-50percent.png); */
	background: #100901;

	}

	div.messageboard .time {

	color: #da5d01;

	}

	div.messageboard .panelsurround {

	background-color: #D8D8BC;
	color: #000 !important;

	}

	div.messageboard .vbmenu_control {

	background-color: #3B352C;

	}

	div.messageboard .vbmenu_popup {

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

	}
	
	div.messageboard #posts .alt1 {
	
	font-size: 15px;
	line-height: 18px;
	
	}
	
	
/* CHECKOUT
----------------------------------------------------------------------------- */

/* Steps */
	
	#steps {
	
	width: 940px;
	
	}
	
	#steps ol {
		
	float: left;
	width: 940px;
		
	}
	
	#steps ol li {
		
	float: left;
	margin: 0 10px 0 0;
		
	}
	
	#steps a,
	#steps strong,
	#steps em,
	#steps span {
	
	display: block;
	padding: 9px 15px;
	border: 1px solid #D8D8BC;
	background: url(../../images/skin-fansite/layout/bg-green-50percent.png);
	font-style: normal;
	
	}
		
		
/* Step: Current */
		
	#steps strong {
	
	color: #010500;
	background-image: none;
	background-color: #D8D8BC;
	
	}
	
	#steps strong var {
		
	}
		

/* Steps: Completed */

	#steps a,
	#steps span {
		
	border-color: #3B352C;
	color: #3B352C;
		
	}
	
	#steps a var {
		
	}
	

/* Steps: Completed & Next */

		
	#steps em {
	
	color: #D8D8BC;
	
	}
	
	#steps em var {
	
	}
	
	
/* Legal */

	
	.section-checkout div.legal div {
	
	background: #f0f0f0;
	
	}
		
		
/* Cart */

	
	table.order td,
	.widget-cart.modify table td,
	.widget-order.display table.summary td {
	
	border-color: #fff;
	
	}
	
	table.order tfoot,
	.widget-cart.modify table tfoot,
	.widget-order.display table.summary tfoot {
	
	color: #fff;
	background: #333; 
	
	}
	
	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: #f0f0f0;
	
	}
	
	table.order tbody.bonus,
	.widget-order.display table.summary tbody.bonus {
	
	background: #f7f7f7;
	
	}
	
	table.order tbody.discounts,
	.widget-order.display table.summary tbody.discounts {
	
	background: #fff;
	
	}
	
	table.order tr.shipping,
	.widget-cart.modify table tr.shipping,
	.widget-order.display table.summary tr.shipping {
	
	background: #ccc2b2;
	
	}


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

	body {

	background: #000 url(../../images/skin-fansite/layout/bg-body-alt.jpg) repeat 0 -100px;
	background-attachment: fixed;
		
	}
	
/*	body {

	background: #000 url(../../images/skin-fansite/layout/bg-body.jpg) repeat 0 -150px;

	} */
	
	
/* STYLE TAGS LIKE TOGGLE BUTTONS OVERRIDE
----------------------------------------------------------------------------- */


	div.widget-tag li {

	width: 100%;
	clear: left;
	float: left;

	}

	div.widget-tag a, div.widget-tag strong a {

	background: url(../../images/skin-fansite/actions/bg-action.gif);
	border: 1px solid #D8D8BC;
	margin: 0 0 5px 0;
	padding: 2px 5px;
	display: block;	
	color: #D8D8BC;
	text-transform: uppercase;

	}

	div.widget-tag a:hover, div.widget-tag strong a:hover, div.widget-tag strong a {

	background-image: none;
	border: 1px solid #D8D8BC;
	background-color: #D8D8BC;
	color: #010500;

	}
	
	
/* EVENT LISTINGS
----------------------------------------------------------------------------- */


	td.event {
	
		display: none;
	
		}