/* BON JOVI */
/* Live Stream Splash Page
----------------------------------------------------------------------------- */


	@import url('content.css');
	@import url('layout.css');
	@import url('event-featured.css');


	body {

		margin: 0;
		padding: 0;
		background: #494744;
		color: #fff;
	
		}
	
	* {
	
		margin: 0;
		padding: 0;
	
		}
		
	ul, ol, li {
	
		list-style-type: none;
	
		}
	
	h2, h3 {
		
		color: #fff;
		
		}
	
	a {
	
		color: #ae1c16;
		outline: none;
		
		}

	.layout {
	
		float: left;
		width: 100%;
		padding-bottom: 40px;
		background: #000 url('../skins/greatesthits/images/bg-layout.jpg');

		}
		
	div.content {
	
		clear: both;
		width: 980px;
		margin: 0 auto;
	
		}
		
	#module {
		
		margin-bottom: 40px;
		
		}


/* HEADER
----------------------------------------------------------------------------- */
	
	
	#header {
	
		margin: 0 auto;
		padding-top: 30px;
	
		}
	
	h1 {
	
		display: block;
		height: 90px;
		width: 980px;
		margin: 0 0 30px 0;
		padding: 0;
		background: url(../skins/greatesthits/images/h1-bonjovi.png) top center no-repeat;
		text-indent: -5000px;
			
		}
		
	h2 {

		display: block;
		margin-bottom: 10px;
		text-align: center;
		font-size: 40px;
		line-height: 40px;
		font-weight: bold;
		font-style: italic;
		letter-spacing: 0;
		color: #fff;

		}
		
	h3.time {
		
		padding: 5px 5px 0;
		width: 500px;
		margin: 0 auto 30px;
		font-size: 24px;
		line-height: 24px;
		background: #AE1C16;
		color: #fff;
		text-align: center;
		font-weight: normal;
		font-style:	normal;
		
		}
		
		
/* Live from Lisbon (final show) */


	#schedule {
	
		margin: 0 auto 20px;
		abackground: #AE1C16;
		padding: 20px 0 0;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
	
		}
		
	#schedule h2 {
	
		margin: 0;
	
		}
		
	#schedule h3 {
		
		padding: 4px 0 10px;
		font-size: 16px;
		letter-spacing: 0;
		line-height: 1em;
		color: #fff;
		text-align: center;
		font-weight: normal;
		font-style:	normal;
		text-transform: none;
		margin: 0;
		opacity: .5;
		filter: alpha(opacity=50);
		
		}
		
	#schedule ol {
	
		clear: both;
		padding: 0;
		border-radius: 10px;
		text-align: center;
		border: 2px solid #252525;
		margin: 20px 0 40px;

		}
		
	#schedule li {
	
		padding: 5px 0;
		margin-top: 1px;
		border-bottom: 1px solid #222;
		color: #999;

		}
		
	#schedule li strong {
	
		/* display: block;
		font-size: 14px; */
		color: #fff;
	
		}
		
	#schedule li span {
	
		padding: 0 3px;
		font-weight: bold;
		opacity: .4;
		filter: alpha(opacity=40);
	
		}
		
	/* #schedule li.past {
	
		color: #444;
		text-decoration: line-through; 
	
		} 
		
	#schedule li.now {
	
		background: #AE1C16;
	
		} */	
		
		
/* Count Down */


	#countdown {
	
		width: 472px;
		margin: 0 auto;
		overflow: hidden;
		display: none;
		
		}
		
	#countdown div {
	
		float: left;
		text-align: center;
		width: 155px;
		margin-bottom: 20px;
		padding: 5px 0;
		background: #111;
		
		border: 2px solid #9A9895;
		border-right: 0;
		border-left: 1px solid #444;
				
		}
		
	#countdown .hours {

		border-left: 2px solid #9A9895;
		border-radius: 10px 0 0 10px;
	
		}
		
	#countdown .seconds {
	
		border-right: 2px solid #9A9895;
		border-radius: 0 10px 10px 0;
	
		}
		
	#countdown div var {
	
		display: block;
		font: bold 100px/1em "Helvetica Neue", Helvetica, Arial, sans-serif;
		letter-spacing: -5px;
	
		}
		
	#countdown div em {
	
		display: block;
		font-size: 11px;
		text-transform: uppercase;
		font-style: normal;
		letter-spacing: 2px;
		color: #ccc;

		}


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

	div#live {
	
		width: 950px;
		float: left;
		margin: 0 0 10px 0;
		border: 2px solid #9a9895;
		padding: 15px 15px 20px 15px;
	
		-moz-border-radius: 13px;
		-webkit-border-radius: 13px;
	
		}
	
	div#player {

		display: block;
		width: 952px;
		margin: 0 auto;
		border: 1px solid #494744;

		}
	
	div#chat {	

		width: 300px;
		height: 349px;
		margin-bottom: 20px;
		float: left;

		}
	
	#continue {

		display: block;
		clear: both;
		float: left;
		width: 300px;
		margin: 20px 0 0 300px;
		font-size: 30px;
		height: 30px;
		padding: 15px 30px 10px;
		background: #ae1c16;
		color: #fff;
		text-transform: uppercase;
		
		-webkit-transform: skewX(-20deg);
	    -moz-transform: skewX(-20deg);
	
		}
		
	#continue:hover {
		
		background-color: #f00;
		
		}
		
	#continue cufon {

		-webkit-transform: skewX(20deg);
		-moz-transform: skewX(20deg);

		}


/* Purchase Links */


	ul#buy {
	
		display: block;
		width: 187px;
		float: right;
		margin: 0;
		padding: 0;
		list-style-type: none;
	
		}
	
	ul#buy li {

		margin: 0;
		padding: 0;
	
		}
	
	ul#buy a {
	
		display: block;
		width: 187px;
		height: 23px;
		text-decoration: none;
		text-indent: -5000px;
	
		}

	ul#buy li.tickets a {
	
		margin-bottom: 10px;
		background-image: url(../images/section-home/live/a-tickets.png);
	
		}

	ul#buy li.vip a {
	
		margin-bottom: 10px;
		background-image: url(../images/section-home/live/a-vip.png);

		}
	
	ul#buy li.album a {
	
		background-image: url(../images/section-home/live/a-album.png);

		}	


/* BANNERS
----------------------------------------------------------------------------- */
	
	/* div#banners {
		
		clear: both;
		float: left;
		width: 980px;
		height: 91px;
		padding-top: 0;
		
		}

	div#banners a {
		
		display: block;
		float: left;
		width: 310px;
		height: 91px;
		margin: 0 25px 0 0;
		text-indent: -5000px;
		background-repeat: no-repeat;
		
		}
		
	div#banners a.us {
		
		background-image: url(../images/section-home/live/banner-live-us.jpg);
		
		}
		
	div#banners a.widget {

		background-image: url(../images/section-home/live/banner-live-widget.jpg);

		}
		
	div#banners a.eu {

		margin-right: 0;
		background-image: url(../images/section-home/live/banner-live-uk.jpg);

		} */
	
	
/* FEATURED EVENTS
----------------------------------------------------------------------------- */

	div.featured > h3 {
		
		font-size: 24px;
		line-height: 24px;
		letter-spacing: 20px;
		text-align: center;
		font-style: normal;
		font-weight: normal;
		
		}
		
	div.featured div.widget-event ul.events {
		
		margin-bottom: 0 !important;
		
		}
	
	div.featured div.widget-event ul.events,
	div.featured div.widget-event ul.events > li {
		
		border-color: #9A9895 !important;
		
		}
		
	div.featured div.widget-event h3,
	div.featured div.widget-event ul.tickets li.presale.available {
		
		display: none;
		
		}
		
	div.featured div.widget-event ul.tickets li.vip {
		
		padding-top: 8px !important;
		
		}
		
	div.featured div.widget-event ul.events > li {

		color: #fff;

		}
		
	div.featured div.widget-event ul.events li a.date {
		
		color: #fff;
		
		}
		
	div.featured div.widget-event ul.events li a.date {
		
		background-color: #9A9895 !important;
		
		}
		
	div.featured div.widget-event li ul.tickets li.available {
		
		background-color: #ccc !important;
		
		}
		
	div.featured div.widget-event li ul.tickets li a {
		
		color: #000;
		background-color: #fff;
		
		}
		
	div.featured div.widget-event li ul.tickets li a:hover {

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

		}
	
	div.featured div.widget-event > ul.actions {
		
		display: none;
		
		}
		
	div.featured > p {
		
		clear: both;
		background-color: #48918e;
		text-align: center;
		padding: 10px 10px;
		
		font-size: 18px;
		line-height: 18px;
		
		}
		

/* FEATURED MERCHANDISE
--------------------------------------------------------------------------- */

	
	#featured_merch,
	#featured_merch ul {
		
	float: left;
	width: 280px;
		
	}
	
	#featured_merch h3 {
	
	display: none;
	font-size: 17px;
	letter-spacing: 10px;
	margin-left: -30px;
	margin-bottom: 24px;
	
	}
	
	#featured_merch ul li {
		
	width: 280px;
	float: left;
	margin: 0 0 0 25px;
	
	}
	
	#featured_merch ul li:first-child {
		
	margin: 0;
	
	}
	
	#featured_merch ul li img {
		
	display: block;
	width: 200px;
	height: 200px;
	margin: 0 auto 10px;
	border: 1px solid #45918e;
		
	}
	
	#featured_merch ul li strong,
	#featured_merch ul li strike,
	#featured_merch ul li a,
	#featured_merch ul li em {
		
	display: block;
	text-align: center;
		
	}
	
	#featured_merch ul li strong {
		
	width: 200px;
	margin: 0 auto 5px;
		
	}
	
	#featured_merch ul li em {
	
	font-style: normal;	
	color: #fffa77;
	margin-bottom: 5px;
		
	}
	
	#featured_merch ul li strike {
		
	color: #999;
		
	}
	
	#featured_merch ul li a.buy {
	
	width: 190px;
	margin: 0 0 0 40px;
	font-size: 18px;
	line-height: 18px;
	text-transform: uppercase;	
	color: #fff;
	background: #45918e;
	padding: 5px 5px 3px 5px;
	
	-webkit-transform: skewX(-20deg);
    -moz-transform: skewX(-20deg);
		
	}
	
	#featured_merch ul li a.buy:hover {
		
	background-color: #59bab6;
		
	}
	
	#featured_merch ul li a.buy cufon {
		
	-webkit-transform: skewX(20deg);
	-moz-transform: skewX(20deg);
		
	}
	
	
/* TRIVIA
----------------------------------------------------------------------------- */	

	
	#trivia {
	
	float: right;
	clear: none;
	margin: 0 15px 20px 0;
	width: 300px;
	
	}
	
	#trivia div {
	
	margin: 0 auto;
	
	}
	
	
/* OPTIN
----------------------------------------------------------------------------- */	
	
	
	#module {
	
	padding: 10px 0 20px 0;
	
	}
	
	#sign-up {
	
	background: #ab8944;
	margin-bottom: 20px;
	float: left;
	position: relative !important;
	height: 313px;
	width: 550px;
	padding: 15px;
	color: #fff;
	/* border: 2px solid #cc0000; */
		
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	
	}
	
	#sign-up h3 {
	
	letter-spacing: 0;
	text-indent: -5000px;
	width: 520px;
	height: 72px;
	background: url(../images/page-live/h3-sign-up.gif) center center no-repeat;
	margin-bottom: 20px;

	}
	
	#sign-up label {
	
	margin-left: 130px;
	padding: 5px 0;
	
	}
	
	#sign-up input,
	#sign-up select {

	color: #fff;
	background: #362606;

	}
	
	#mailing_list_entry_country {
	
	width: 148px;
	
	}
	
	#sign-up label.error input,
	#sign-up label.error select {
	
	background-color: #CE1C1A;
	
	}	
	
	#sign-up label.error strong {
	
	padding: 0;
	
	}
	
	#sign-up ul.actions input {

	height: 23px !important;
	width: 103px !important;
	top: 267px !important;
	left: 253px !important;
	background: none;
	
	}
	
	#sign-up > small {
	
	position: absolute;
	top: 306px !important;
	left: 155px !important;
	
	}
	
	
/* BANNERS
--------------------------------------------------------------------------- */

	
	#banners {
	
	float: left;
	clear: none;
	width: 940px;
	border: 2px solid #252525;
	padding: 20px;
	margin-bottom: 20px;
	
	-moz-border-radius: 13px;
	-webkit-border-radius: 13px;
	
	}


/* BANNER UNIT
--------------------------------------------------------------------------- */
	
	
	#banners .widget-advertising,
	#banners .widget-advertising #live_page {
	
	width: 722px;
	height: 140px;
	margin: 0 auto;
	
	}

	#banners .widget-advertising embed {
	
	display: block;
	
	}
	

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


	#links {
	
	float: right;
	clear: none;
	padding: 20px 15px 0 0;
	
	}
	
	#links ul li {
	
	margin-bottom: 15px;
	
	}
	
	#links li a {
	
	color: black;
	background: #C8A256;
	display: block;
	font-size: 20px;
	line-height: 20px;
	text-transform: uppercase;
	padding: 0 10px;
	text-align: center;
	
	-webkit-transform: skewX(-20deg);
	-moz-transform: skewX(-20deg);

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


	div.widget-alert {
	
	margin: 0 0 20px 0;
	width: 955px;
	padding: 15px;
	text-align: center;
	
	-webkit-border-radius: 13px;
	-moz-border-radius: 13px;
	
	}

	div.widget-alert h3 {

	color: #fff;
	margin-bottom: 0;

	}

	div.widget-alert p {

	color: #fff;

	}

	div.widget-alert a {

	color: #fff;
	text-decoration: underline;

	}

	div.widget-alert a:hover {

	text-decoration: none;

	}
		
	div.widget-alert.error {

	background-color: #ce1c1a;

	}

	div.widget-alert.success {

	background-color: #3f8e20;

	}

	div.widget-alert.info {

	background-color: #276ca2;

	}
	
	label.error input {
	
	color: #fff;
	background: #ce1c1a;
	
	}
	
	label.error strong {
	
	clear: left;
	color: #ce1c1a;
	padding: 0 0 0 110px;
	margin-bottom: 10px;
	min-width: 300px;
	
	}
	
	fieldset label.error strong {
	
	padding-left: 20px;
	
	}