/* BON JOVI */
/* Skin Stylesheet - Special Edition
--------------------------------------------------------------------------- */


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


/* Standard */

	#header {
		
		height: 55px;
		
		}

	#header h1 {
		
		width: 504px;
		height: 111px;
		
		top: 42px;
		left: 248px;
		
		}
		
	#header h1 a {
		
		display: block;
		width: 504px;
		height: 111px;
		
		background-repeat: no-repeat;
		background-image: url("images/h1-bonjovi.png");
		
		}


/* Localized */


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


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

	div.layout {
	
		background: #000 url('images/bg-layout.jpg');
	
		}
		

/* NAVIGATION
----------------------------------------------------------------------------- */

/* Image Replacement */


	ul#navigation li.news a {
	
		width: 40px;
		background-image: url("images/navigation/a-news.png");
	
		}

	ul#navigation li.band a {
	
		width: 37px;
		background-image: url("images/navigation/a-band.png");
	
		}

	ul#navigation li.store a {
	
		width: 44px;
		background-image: url("images/navigation/a-store.png");
	
		}

	ul#navigation li.live a {
	
		width: 28px;
		margin-left: 12px;
		background-image: url("images/navigation/a-live.png");
	
		}

	ul#navigation li.fans a {
	
		width: 37px;
		background-image: url("images/navigation/a-fans.png");
	
		}
	
	ul#navigation li.music a {
	
		width: 44px;
		background-image: url("images/navigation/a-music.png");
	
		}

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

	#title div.widget-alert {

		margin: 20px 0;
		color: #fff;
		background: url('images/bg-alert.png');

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


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

	body {
	
		color: #fff;
	
		}
		
	div.sidebar h3 {

		color: #8b8b8b;

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

		color: #ae1c16;

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

		color: #7b7b7b;

		}
		
	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;

		}
		
	#featured_dates ul.tickets li {

		background: none;
		color: #7b7b7b;
		border: none;

		}

	#featured_dates div.widget-event > ul.actions li a {

		color: #64bbd9;

		}
		

	#featured_dates div.widget-event.program a.date {

		background-color: #181818;

		}
		
	#featured_dates div.widget-event.program .alt a.date {

		background-color: #8b8b8b;

		}
		
	#featured_dates div.widget-event.program .last a.date {

		background-color: #c3c3c3;

		}
		
	div.sidebar div.widget-tag.gallery h3 {

		color: #fff;

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

	a {
	
		color: #fff;
	
		}
		
	div.sidebar div.widget-tag.gallery ul.tags li a {
		
		color: #64bbd9;
		
		}
		
	.featured h4 a {
	
		color: #000;
		background: #fff;
	
		}
		
	#featured_dates h4 a {

		color: #fff;
		background: none !important;

		}
				
	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");

		}	
		

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

		}
		
	div.topics a.top {
		
		background-color: #ae1c16;
		
		}


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

	div.bordered {
	
		background: #000;
		border-color: #353535 !important;
			
		}
				
	div.bordered.featured {
		
		border-top: 0;
		background: #000;
		border-color: #353535;
		
		-webkit-border-top-left-radius: 0;
		-webkit-border-top-right-radius: 0;	
		-moz-border-radius-topleft: 0;
		-moz-border-radius-topright: 0;			
		
		}
		
	#featured {
		
		position: relative;
		z-index: 2;
		
		}
		
	#featured_news {
		
		position: relative;
		z-index: 1;
		
		}
			
	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,
	div.headlines ul.headlines > li {
	
		border-color: #353535 !important;
	
		}
		
	.tabbed .ui-tabs-panel,
	.ui-tabs-panel.small,
	dl,
	div.categories div.panel {
	
		border-color: #353535;

		}
		
	div.featured div.widget-event.program ul.events,
	div.featured div.widget-event.program ul.events > li,
	div.sidebar {
		
		border-color: #000 !important;
		
		}

		

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

	ul.tabs a {
	
		color: #64bbd9;
	
		}
		
	ul.tabs a:hover {
	
		color: #666;
	
		}
		
	ul.tabs .ui-tabs-selected a {
	
		color: #fff;
		background: #ae1c16;		
	
		}
		
	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;
	
		}
		
	#featured_dates {
		
		background: #000;
		
		-webkit-border-bottom-left-radius: 13px;
		-webkit-border-bottom-right-radius: 13px;	
		-moz-border-radius-bottomleft: 13px;
		-moz-border-radius-bottomright: 13px;			
		
		}

	#latest_news div.main {
		
		background: url("images/translucent-black.png");
		padding: 0 10px;
		
		}

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

		}

	div.browse.boxed strong abbr {

		color: #8b8b8b;
		background: #fff;

		}	
		
/* 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');

		}
	
	
/* NEWS ACCORDION
--------------------------------------------------------------------------- */
		
	.accordion h3 {
		
		color: #fff;
		background: #8b8b8b;
	
		}
		
	.accordion .selected h3 {
	
		background: #64bbd9;
	
		}
		
	.accordion ul.headlines li {
	
		border-color: #353535;
	
		}
		

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

		}