/* BON JOVI */
/* Skin Stylesheet - The Circle
--------------------------------------------------------------------------- */


/* MASTHEAD
--------------------------------------------------------------------------- */


/* Standard */


/* Localized */


	.french #header h1 a { background-image: url('images/h1-thecircle-french.png'); }
	.spanish #header h1 a { background-image: url('images/h1-thecircle-spanish.png'); }
	.portuguese #header h1 a { background-image: url('images/h1-thecircle-portuguese.png'); }
	.dutch #header h1 a { background-image: url('images/h1-thecircle-dutch.png'); }
	.japanese #header h1 a { background-image: url('images/h1-thecircle-japanese.png'); }


/* BACKGROUND
--------------------------------------------------------------------------- */

	div.layout {
	
		background: #fbfbfb url('images/bg-layout.jpg') center 0 no-repeat;
	
		}

/* Chat */

	#page-chat {
		
		background: #ebedee;
		
		}


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

	#title div.widget-alert {

		margin-top: 20px;
		color: #fff;
		background: url('images/translucent-black.png');

		}
		
	#title div.widget-alert a {
		
		color: #ae1c16;
		
		}

/* TYPE
--------------------------------------------------------------------------- */

	body {
	
		color: #000;
	
		}
		
	h4 a, 
	h4 a:hover {
	
		color: #000;
		
		}

	div.sidebar h3 {

		color: #8b8b8b;

		}
			
	div.main + div.sidebar h3 {
	
		color: #ae1c16;
	
		}
		
	div.widget-comment.browse ul.comments li div.post > strong {

		color: #ae1c16;

		}
			
	div.browser div.main div.browse.slideshow li h4,
	div.categories div.widget-photo.browse li h4 {
		
		background: url(../../images/translucent-white.png);
		color: #000;
		
		}
				
	div.categories div.browse.gallery li h4 a,
	div.categories div.browse.thumbnails.fan ul.photos li strong,
	div.categories div.browse.video ul.clips > li div a,
	div.browse.video ul.clips > li div a {
		
		background: #fff;
		
		}
		
	div.centered div.main {
		
		text-align: center;
		
		}
		
	div.centered div.main h3 {

		letter-spacing: 6px;
		line-height: 40px;

		}
		
	.widget-event.program.featured ul.tickets li {

		color: #7b7b7b;

		}
	
	#title h2,	
	#title h2 a {
		
		color: #ae1c16;
		
		}
		
	#title ul.categories li a {

		color: #fff;

		}

   	#title ul.categories li.selected a,
   	#title ul.categories li a:hover {

		color: #fff;
		background: #ae1c16;

		}
		
	#title ul.categories li a span {
		
		color: #000;
		
		}
		
	#title ul.categories li a:hover span {
		
		color: #fff;
		
		}
		
	div.sidebar div.featured div.widget-editorial h4 a {
		
		color: #000;
		
		}
		
	div.sidebar div.featured div.widget-editorial h4 strong {

		background-color: #ae1c16;
		color: #fff;

		}

	div.sidebar div.featured div.widget-editorial.backstagejbj h4 strong {

		background-color: #9b8b59;

		}

	
/* HELP CATEGORIES */

	.section-help div.main div.widget-editorial h3 {

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

		}

	.section-help div.main div.widget-editorial.boxed.emphasized h3 {

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

		}

		
/* LINKS
--------------------------------------------------------------------------- */

	a {
	
		color: #000;
	
		}
		
	.featured h4 a {
	
		color: #000;
		background: #fff;
	
		}
				
	div.sidebar a {

		color: #8b8b8b;

		}
		
	div.main + div.sidebar a {
		
		color: #AE1C16;
		
		}
		
	div.widget-comment.browse ul.comments li div.post > strong a {

		color: #AE1C16;
		text-decoration: underline;

		}
		
	div.browser div.browse ul.clips li div a:first-child {

		background: #fff;

		}
		
	a#feedback {
		
		background-image: url("images/a-feedback.png");
		
		}
		
	a#facebook {

		background-image: url("images/a-facebook.png");

		}

	div.widget-media.player .details a, 
	div.widget-media.player .details var, 
	div.browser.display div.widget-media.display var {
	
		color: #000;
		
		}
		

/* BUTTONS
--------------------------------------------------------------------------- */

	
	ul.actions a:hover {
		
		color: #666;
	
		}
	
	.main div > ul.actions a,
	.sidebar div > ul.actions a,
	.overlay ul.actions a:hover,
	div.featured .widget-event.program ul.tickets .available a:hover,
	ul.pages a,
	.browser div > ul.actions a,
	.categories div > ul.actions a,
	div.prompt ul.actions a,
	div.widget-account.subscription ul.actions a {
	
		color: #fff;
		background: #ae1c16;
	
		}
		
	div.boxed.emphasized ul.actions a {
		
		color: #ae1c16 !important;
		background: #fff;
		
		}
		
	ul.pages strong,
	div.perforated ul.actions a {
		
		color: #fff;
		background: #000;
		
		}
		
	.overlay ul.actions a,
	div.featured .widget-event.program ul.tickets .available a {
	
		color: #000;
		background: #fff;
	
		}
		
	div.browser div.widget-photo ul.actions a.next,
	div.browser div.widget-photo ul.actions a.back {
		
		color: #000;
		background: url(../../images/translucent-white.png);
		
		}
		
	div.browser div.widget-photo:hover ul.actions li a.next,
	div.browser div.widget-photo:hover ul.actions li a.back,	
	div.browser div.widget-photo ul.actions li a.next:hover,
	div.browser div.widget-photo ul.actions li a.back:hover {

		background: #fff;

		}

	div.addthis_toolbox {

		background: #fff !important;
		border-color: #bbb !important;

		}
		
	ul.facebook li.like {

		background: #fefefe !important;
		border-color: #3b5998 !important;

		}
		
	ul.facebook li.other {

		background-color: #3b5998 !important;
		border-color: #000;
		background-image: url("images/icon-facebook.gif");
		background-repeat: no-repeat;
		background-position: 10px 11px;

		}
		
	ul.facebook li.other a {
		
		color: #fff;
		
		}
		
	div.topics a.top {
		
		background-color: #ae1c16;
		
		}
		
	#help-anchors ul li a {

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

		}

	#help-anchors ul li a:hover {

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

		 }
		
	#gigapan p em a {
		
		background-color: #ae1c16;
		color: #fff;
		
		}
		
	#gigapan p em a:hover {

		background-color: #000;

		}


/* BORDERS
--------------------------------------------------------------------------- */

	div.bordered {
	
		background: url('images/bg-pane.png');
		border-color: #777;
		border-color: rgba(0,0,0,.35) !important;
			
		}
		
	div.bordered.opaque {
			
		background: url(../../images/translucent-white.png);	
	
		}
		
	div.bordered.featured {
		
		border-top: 0;
		background: none;
		border-color: #c9c9c9;
		border-color: rgba(0,0,0,.15) !important;
		
		-webkit-border-top-left-radius: 0;
		-webkit-border-top-right-radius: 0;	
		-moz-border-radius-topleft: 0;
		-moz-border-radius-topright: 0;			
		
		}
			
	div.section.ruled {
		
		border-top: 2px solid;
		border-color: #000;
		
		}
		
	ul.tabs,
	div.featured .widget-editorial.browse ul.leads > li,
	#lastnight,
	dl dt,
	dl dd,
	div.widget-comment.browse ul.comments > li,
	.section-help div.main div.widget-editorial ul.stories > li,
	#help-anchors,
	div.group {
	
		border-color: #c9c9c9;
		border-color: rgba(0,0,0,.15) !important;
	
		}
		
	.tabbed .ui-tabs-panel,
	div.sidebar,
	.ui-tabs-panel.small,
	dl,
	div.categories div.panel {
	
		border-color: #777;
		border-color: rgba(0,0,0,.35) !important;

		}
		
	.widget-event.program.featured ul.events,
	.widget-event.program.featured ul.events > li {

		border-color: #000 !important;
	
		}
		
	.section-help div.main div.widget-editorial ul.stories > li:last-child {

		border-color: #ae1c16 !important;

		}
		

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

	ul.tabs a {
	
		color: #000;
	
		}
		
	ul.tabs a:hover {
	
		color: #666;
	
		}
		
	ul.tabs .ui-tabs-selected a {
	
		color: #fff;
		background: #ae1c16;		
	
		}
		
	div.categories ul.tabs li.ui-tabs-selected a {

		color: #000;
		border-color: #777;
		border-color: rgba(0,0,0,.35);
		background: #e8e8e8;

		}
		
	div.categories ul.tabs li.ui-state-hover a {

		color: #000;

		}
		
	div.categories ul.tabs li a {

		color: #7b7b7b;

		}
		
	div.categories div.ui-tabs-panel {
		
		background: #e8e8e8;
		
		}
		
	div.categories div.ui-tabs-panel div.widget-tag ul.tags > li {
		
		background: #7b7b7b;
		
		}
		
	.ui-tabs-panel.small {
		
		background: url('images/bg-pane.png') 0 -80px;

		}
		
	div.bordered > ul.tabs:first-child {

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

		background: url('images/bg-pane.png') 0 -80px;

		}

				
	#loading {

		background: url(../../images/tabs/bg-loading.png) top right no-repeat;

		}
		
	div.perforated {

		color: #fff;
		background: url('images/bg-perforated.png');

		}

	div.perforated h3, div.sidebar div.perforated h3 {

		color: #fff;
	
		}


/* Boxed */

	div.boxed {
		
		color: #fff;
		background: #8b8b8b;
		background: rgba(0,0,0,.45);
			
		}
		
	div.boxed a {

		color: #fff !important;

		}
		
	div.browse.boxed {
		
		color: #000;
		background: none;
		
		}

	div.browse.boxed ul.leads > li,
	div.browse.boxed ul.photos > li,
	div.browse.boxed ul.clips > li,
	div.browse.boxed ul.stories > li {

		color: #fff;
		background: #8b8b8b;
		background: rgba(0,0,0,.45);

		}

	div.browse.boxed strong abbr {

		color: #8b8b8b;
		background: #fff;

		}


/* PROMPTS
----------------------------------------------------------------------------- */

/* Text Prompts */

	div.section.prompt.text {
		
		background: url('images/bg-pane.png') 0 -80px;
		
		}
		
	div.prompt.text h3,
	div.prompt.text ul.actions {

		color: #ae1c16;

		}
		
	div.prompt.text p,
	div.prompt.text a {

		color: #000;

		}
		
	div.prompt.text {

		border-color: #ae1c16;

		}

		
/* FORMS
--------------------------------------------------------------------------- */
		
		
	input[type=text],
	input[type=password],
	select {
	
		border-color: #ccc;
		color: #444;
		background: #fff;
	
		}
		
	input:focus,
	select:focus {
	
		border-color: #666;
	
		}
		
	fieldset {

		border: 0;
		margin-top: 5px;
		background: #d9d9d9;

		}
		
		
/* Errors */


	.error input[type=text],
	.error select {
	
		color: #7c0000;
		background: #ffcece;
		border-color: #DF1F12;
	
		}
				
		
/* EMPHASIZED CONTENT
--------------------------------------------------------------------------- */		
		
/* Forms */

	.emphasized input,
	.emphasized select {
	
		color: #fff;
		background: #5f0d0a;
	
		}


/* Emphasized */
		
	div.emphasized {

		color: #ae1c16;

		}

	div.emphasized h3 {

		color: #ae1c16;

		}


/* Emphasized Box */

	div.boxed.emphasized {

		color: #fff;
		background: #ae1c16;

		}

	div.boxed.emphasized h3 {

		color: #fff !important;

		}

	div.boxed.emphasized input,
	div.boxed.emphasized select {

		color: #fff;
		background: #5f0d0a;

		}
		
	div.boxed.emphasized a.action {
		
		color: #ae1c16 !important;

		}
		

/* Emphasized Boxes */
	
	div.browse.boxed.emphasized {
		
		color: #000;
		background: none;
		
		}
		
	div.browse.boxed.emphasized h3 {
		
		color: #ae1c16 !important;
		
		}
		
	div.browse.boxed.emphasized > ul > li {
		
		color: #fff;
		background: #ae1c16;
		
		}


/* Forms */

	div.emphasized input,
	div.emphasized select {

		color: #5f0d0a;

		}
		
		
/* MERCHANDISE
--------------------------------------------------------------------------- */

		
	.merch ul.tabs a {
	
		color: #a81b15;
		background: #550b08;
	
		}
		
	.merch ul.tabs .ui-tabs-selected a {
	
		color: #000;
		background: #fff;
	
		}
		
	.merch ul.actions a {
	
		color: #fff;
		background: #000;
	
		}
		
		
/* COMMENTS / SHARE
--------------------------------------------------------------------------- */


	ul.leads div.social,
	#poll div.social {
	
		background-image: url('images/bg-social.png');
		background-repeat: no-repeat;
	
		}
		
	ul.leads div.social a,
	#poll div.social a {
	
		color: #fff;
		background-color: none;
	
		}
		
	a.comments {
	
		color: #fff !important;
		background-color: #8b8b8b !important;
		background-image: url('images/a-comments.png') !important;
	
		}


/* DATELINES
--------------------------------------------------------------------------- */


	.widget-event.program a.date,
	ul.leads > li > strong,
	ul.stories > li > strong {
	
		color: #fff;
		background: #000;
		
		}

/* FEATURED CONTENT TWITTER
--------------------------------------------------------------------------- */

	#featured div.twitter {
	
		background-image: url('images/twitter.png');
	
		}
	
	#featured div.twitter a.follow {

		width: 154px;
		background-image: url('images/a-follow.png');

		}

	#featured div.twitter a.retweet {

		width: 112px;
		background-image: url('images/a-retweet.png');

		}
		
/* LEGAL
----------------------------------------------------------------------------- */

	div.legal div {

	background: #e8e8e8;

	}

	div.legal div h3 {

	color: #888;

	}

	div.legal div h4 {

	color: #888;

	}
	
	
/* NEWS ACCORDION
--------------------------------------------------------------------------- */
		
	.accordion h3 {
		
		color: #888;
		background: #fff;
	
		}
		
	.accordion .selected h3 {
	
		background: #000;
	
		}
		
	.accordion ul.headlines li {
	
		border-color: #fff;
	
		}
		

/* SIGN IN OVERLAY
----------------------------------------------------------------------------- */

	#signin-overlay {
		
		background-image: url('images/bg-signin-overlay.png');
		
		}
		
	#signin-overlay #signin {

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

		}
		
	#signin-overlay div.widget-account label em {

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

		}
		
	#signin-overlay div.widget-account label input {

		background-color: #fff !important;
		border-color: #fff;
		color: #000 !important;
		font: 12px/14px Trebuchet MS,Arial,sans-serif;

		}
		
	#signin-overlay div.widget-account label small a {

		color: #570e0b;

		}
		
	#signin-overlay div.widget-account ul.actions li a.action {

		background: #570e0b;
		color: #fff;

		}

	#signin-overlay div.widget-account ul.actions li a.action:hover {

		background: #000;

		}
		
	#signin-overlay div.widget-alert {

		color: #000;

		}
		
	#signin-overlay div.widget-account ul.actions li.cancel a {

		background-color: #71120e;

		}
		
	#signin-overlay #membership {

		border-color: #8b8b8b;

		}
			
	#signin-overlay #membership h3 {

		color: #8b8b8b;

		}

	#signin-overlay #membership a.action {

		color: #fff;
		background-color: #8b8b8b;

		}

	#signin-overlay #membership a.action:hover {

		background-color: #000;

		}