/* BON JOVI */
/* Section Stylesheet: Home
--------------------------------------------------------------- */


/* LAYOUT
--------------------------------------------------------------- */
		
	.content {
	
		background: #000;
		border: 1px solid #333;
	
		}
	
	.clear {
	
		clear: both;
		
		}

	#header {
	
		width: 982px;
		margin-bottom: 0 !important;
		
		}
	
	
/* INHERITED STYLE CONFLICTS
--------------------------------------------------------------- */
		
	h4 {
	
		font-style: normal;
	
		}


/* LAST NIGHT
--------------------------------------------------------------- */

	#lastnight {
	
		display: none;
		width: 980px;
		min-height: 120px;
		padding: 15px 0;
		float: left;
		position: relative;
		overflow: hidden;
		z-index: 3;
		background: url('../images/spinner.gif') center center no-repeat;

		}
	
	#lastnight div.widget-editorial {
	
		display: none;
		
		}
	
/* Actions */

	#lastnight ul.actions {

		width: 490px;
		background: #c19542;
		padding: 1px 10px;
		margin: 0 auto;
		float: none;
		display: inline-block;
				
		-webkit-transform: skewX(-20deg);
        -moz-transform: skewX(-20deg);
       
	   }

	#lastnight ul.actions li {
	
		margin: 0;
		
		}
		
	#lastnight ul.actions .disabled a {
	
		color: #89672a !important;
		cursor: default;
	
		}

	#lastnight ul.actions a.action {
	
		padding: 0;
		color: #000;
		font-size: 20px;
		line-height: 20px;
		text-transform: uppercase;
		white-space: nowrap;

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

	#lastnight ul.actions a.action:hover {
	
		color: #fff;
		
		}

	#lastnight ul.actions a.action cufon {

		-webkit-transform: skewX(0deg);
        -moz-transform: skewX(0deg);
		
		}

	#lastnight ul.actions a.setlist, 
	#lastnight ul.actions a.media {
	
		background-image: url('../skins/greatesthits/images/page-home/slash.png');
		background-position: right center;
		background-repeat: no-repeat;
		padding: 0 20px 0 0;
		margin: 0 10px 0 0;
		
		}

		
/* Photo */

	#lastnight div.widget-photo {
	
		float: left;
		
		}

	#lastnight div.widget-photo li {
	
		display: block;
	
		}
				
	#lastnight div.widget-photo img {
	
		width: 980px;
		position: absolute;
		top: -100px !important;
		left: 0;
		z-index: 2 !important;
	
		}

	#lastnight:hover div.widget-photo img.blocker {
	
		opacity: 0.25 !important;
		filter: alpha(opacity=25) !important;
		
		}

	#lastnight div.widget-photo img.blocker {
	
		background-color: #000;
		z-index: 3 !important;
		opacity: 0.45 !important;
		filter: alpha(opacity=45) !important;
		
		width: 980px;
		height: 354px;
		
		}

	#lastnight div.widget-photo h3,
	#lastnight div.widget-photo h4,
	#lastnight div.widget-photo dl,
	#lastnight div.widget-photo ul ul, 
	#lastnight div.widget-photo ul.actions {
	
		display: none !important;
	
		}


/* Details */

	#lastnight .details {
	
		width: 100%;
		text-align: center;
		position: relative;
		z-index: 3;
		opacity: 0;
		filter: alpha(opacity=0);

		-webkit-transition: opacity .5s ease-out;
		-moz-transition: opacity .5s ease-out;
		
		}
		
	#lastnight.loaded .details {
	
		opacity: 1;
		filter: alpha(opacity=100);
	
		}

	#lastnight div.widget-event h3 {
	
		height: 20px !important;
		margin: 0 0 15px 0;
		display: block !important;
		overflow: hidden;
		font-size: 22px;
		line-height: 22px;
		color: #c19542;
		
		}

	#lastnight div.widget-event h4 strong,
	#lastnight div.widget-event h4 span {
	
		display: block;
	
		}

	#lastnight div.widget-event small, 		
	#lastnight div.widget-event .date,
	#lastnight div.widget-event h4 em,
	#lastnight div.widget-event h4 br,
	#lastnight div.widget-event .tallies,
	#lastnight div.widget-event .actions,
	#lastnight div.widget-event a.browse,
	#lastnight div.widget-event .tickets {
	
		display: none !important;
	
		}


/* Happy Holidays
--------------------------------------------------------------- */

	#happy-holidays {

		width: 980px;
		height: 30px;
		padding: 130px 0 0;
		float: left;
		position: relative;
		overflow: hidden;
		z-index: 3;
		background: url('../images/section-home/banner-happy_holidays.jpg') center center no-repeat;
		text-align: center;

		}
		
	#happy-holidays h3 {
		
		display: none;
		
		}


/* Actions */

	#happy-holidays ul.actions {

		width: 360px;
		background: #a00;
		padding: 1px 10px;
		margin: 0 auto;
		float: none;
		display: inline-block;

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

	   }

	#happy-holidays ul.actions li {

		margin: 0;

		}

	#happy-holidays ul.actions .disabled a {

		color: #89672a !important;
		cursor: default;

		}

	#happy-holidays ul.actions a.action {

		padding: 0;
		color: #fff;
		font-size: 20px;
		line-height: 20px;
		text-transform: uppercase;
		white-space: nowrap;

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

		}

	#happy-holidays ul.actions a.action:hover {

		color: #fff;

		}

	#happy-holidays ul.actions a.action cufon {

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

		}

	#happy-holidays ul.actions a.merch, 
	#happy-holidays ul.actions a.videos {

		background-image: url('../skins/greatesthits/images/page-home/slash.png');
		background-position: right center;
		background-repeat: no-repeat;
		padding: 0 20px 0 0;
		margin: 0 10px 0 0;

		}


/* ANNOUNCEMENTS
--------------------------------------------------------------- */

	#announcements {
	
		width: 980px;
		background: #181510;
		float: left;
		clear: left;
		position: relative;
		border-bottom: 1px solid #333;
		
		}

	#announcements h3,
	#announcements div.source, 
	#announcements ul.announcements {
	
		display: none;	
	
		}


/* Ticker */

	#announcements ul.ticker, 
	#announcements ul.ticker li {
	
		width: 890px;
		height: 27px;
		cursor: pointer;
		
		}

	#announcements ul.ticker {

		margin: 16px 20px 4px 70px;
		float: left;
		
		}

	#announcements ul.ticker li h4, 
	#announcements ul.ticker li h4 a {

		width: 785px;
		float: left;
		display: block;
		color: #c19542;
		font-size: 20px;
		line-height: 20px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	
		}

	#announcements ul.ticker li strong {
	
		display: block;
		padding: 0 10px 0 0;
		color: #fff;
		font-size: 20px;
		line-height: 20px;
		font-weight: bold;
		float: left;
	
		}
	
	#announcements ul.ticker li span {

		display: block;
		padding: 0 10px 0 0;	
		color: #333;
		font-size: 20px;
		line-height: 20px;
		font-weight: bold;
		float: left;
		
		}


/* Actions */

	#announcements > ul.actions, 
	#announcements > ul.actions li {
	
		width: auto;
		margin: 0;
		
		}

	#announcements > ul.actions a {
	
		width: 30px;
		height: 30px;
		background-repeat: no-repeat;
		background-position: center top;
		padding: 0;
		overflow: hidden;
		text-indent: -5000px;
		position: absolute;
		top: 9px;
		left: 20px;
		z-index: 20;

		-webkit-transform: skewX(0deg);
		-webkit-transform: skewY(0deg);
		
		}

	#announcements.hover > ul.actions a, 
	#announcements > ul.actions a:hover {
	
		background-position: center bottom;
		
		}

	#announcements a.read {

		background-image: url('../skins/greatesthits/images/page-home/a-read.gif');
		display: block;
		
		}

	#announcements a.close {
	
		background-image: url('../skins/greatesthits/images/page-home/a-close.gif');
		display: none;
		
		}	
	

/* Expanded */

	#announcements.expanded ul.ticker, 
	#announcements.expanded a.read {
	
		display: none;
		
		}

	#announcements.expanded a.close {
	
		display: block;
		
		}

	#announcements.expanded ul.announcements {
	
		display: block;
		margin: 48px 0 0 0;
		
		}


/* Content */

	#announcements ul.announcements {
	
		width: 980px;
		border-top: 1px solid #333;
		
		}

	#announcements ul.announcements > li {
	
		width: 780px;
		background-repeat: no-repeat;
		background-position: 65px 55px;
		padding: 20px 20px 20px 180px;
		border-bottom: 1px solid #333;
		position: relative;
		
		}

	#announcements ul.announcements li.news {
	
		min-height: 130px;
		background-image: url('../skins/greatesthits/images/page-home/img-news-placeholder.jpg');
		
		}

	#announcements ul.announcements li.tweet { 
	
		min-height: 105px;
		background-image: url('../skins/greatesthits/images/page-home/img-tweet-placeholder.jpg');
	
		}

	#announcements ul.announcements > li:last-child {
	
		border-bottom: 0;
		
		}

	#announcements ul.announcements li.tweet > ul.actions {
	
		display: none;
		
		}

	#announcements ul.announcements li h4 {
	
		font-size: 30px;
		line-height: 30px;
	
		}

	#announcements ul.announcements li.tweet h4 a {
	
		color: #c19542;
		
		}
	
	#announcements ul.announcements li > strong {
	
		color: #333;
		font-size: 20px;
		line-height: 20px;
		position: absolute;
		top: 20px;
		left: 65px;
		
		}

	#announcements ul.announcements li > img {
	
		width: 90px;
		height: 70px;
		position: absolute;
		top: 55px;
		left: 65px;
		
		}

	#announcements ul.announcements a.comments {
	
		width: 90px;
		background: none !important;
		padding: 0 !important;
		color: #333 !important;
		text-align: center;
		position: absolute;
		left: 65px;
		top: 135px;
		
		}

	#announcements ul.announcements a.comments:hover {
	
		color: #fff !important;
		
		}

	#announcements ul.announcements div.social {
	
		width: 25px;
		background: #333;
		position: absolute;
		left: -15px;
		top: 25px;
		z-index: 5;
		cursor: pointer;
		position: absolute;

		-webkit-transform: skewX(20deg);
		-webkit-transform: skewY(20deg);
	
		}

	#announcements ul.announcements div.social a.addthis_button-leads {
	
		width: 25px;
		height: 51px;
		background: url('../skins/greatesthits/images/page-home/a-addthis.gif') center center no-repeat;
		display: block;
		text-indent: -5000px;
		padding: 10px 0;
		display: block;

		-webkit-transform: skewX(-20deg);
		-webkit-transform: skewY(-20deg);		
		
		}

	#announcements ul.announcements div.social a.retweet {
	
		width: 25px;
		height: 51px;
		background: url('../skins/greatesthits/images/page-home/a-retweet.gif') center center no-repeat;
		display: block;
		text-indent: -5000px;
		padding: 10px 0;
		display: block;

		-webkit-transform: skewX(-20deg);
		-webkit-transform: skewY(-20deg);		
	
		}


/* Exceptions */

	body.japanese #announcements li.news h4 {
	
		visibility: visible !important;
		
		}


/* BILLBOARD
--------------------------------------------------------------- */

	#billboard {
	
		width: 620px;
		height: 320px;
		padding: 20px;
		float: left;
		position: relative;
	
		}
		
	#billboard > ul {
	
		width: 100%;
		height: 320px;
		position: relative;
		overflow: hidden;
	
		}
		
		
/* Paging */

	.pager {

		width: 25px;
		background: #333;
		position: absolute;
		left: -15px;
		bottom: 90px;
		z-index: 5;

		-webkit-transform: skewX(20deg);
		-webkit-transform: skewY(20deg);
	
		}
	
	.pager a {
	
		width: 25px;
		padding: 10px 0;
		display: block;
		color: #a6a6a6;
		text-align: center;

		-webkit-transform: skewX(-20deg);
		-webkit-transform: skewY(-20deg);		
		
		}

	.pager a.activeSlide {
	
		color: #fff !important;
		cursor: default;
	
		}
	
	.pager a:hover {
	
		color: #c19542;
		
		}	


/* FACEBOOK PLUG-IN BOX
--------------------------------------------------------------- */

	#facebook-box {
	
		width: 290px;
		height: 330px;
		background: #000;
		padding: 10px;
		float: right;
		border: 5px solid #2f5c99;
				
		}
	
	#facebook-box .activity {
	
		width: 290px;
		height: 330px;
		display: block;
		overflow: hidden;
		position: relative;
		
		}

	#facebook-box div.activity iframe {
	
		position: absolute;
		top: -2px;
		left: -2px;
		
		}
		
		
/* TOUR
--------------------------------------------------------------- */
	
	#tour {
	
		width: 980px;
		height: 100px;
		background: #161310 url('../images/spinner.gif') center center no-repeat;
		position: relative;
		overflow: hidden;
		border-top: 1px solid #333;
		border-bottom: 1px solid #333;
		
		}
		
	#tour > * {
	
		opacity: 0;
		filter: alpha(opacity=0);
		-webkit-transition: opacity .5s ease-out;
		-moz-transition: opacity .5s ease-out;

		}
		
	#tour.loaded > * {
	
		opacity: 1;
		filter: alpha(opacity=100);
	
		}
	
	#tour h3 {
	
		margin: 30px 0 0 0;
		float: left;
		font-size: 20px;
		line-height: 20px;
		color: #c19542;
		
		}
	
	#tour ul.actions {
	
		width: auto;
		padding: 0;
		clear: none;
		float: left;
		
		}
		
	#tour ul.actions li {
	
		width: auto;
		padding: 0;
		margin: 0;
		clear: none;
		float: left;
		
		}
	
	#tour a.browse {
	
		background: url('../skins/greatesthits/images/page-home/a-arrow.png') right 0 no-repeat;
		clear: left;
		float: left;
		display: block;
		padding: 0 12px 0 0;
		font-weight: bold;
		font-size: 14px;
		line-height: 14px;
		white-space: nowrap;
		color: #c19542;

		-webkit-transform: skewX(0deg);
		-webkit-transform: skewY(0deg);
	
		}

	#tour a.browse cufon {

		-webkit-transform: skewX(0deg);
		-webkit-transform: skewY(0deg);
		
		}

	#tour a.browse:hover {
	
		background-position: right -12px;
		color: #fff;
	
		}
		
		
/* Photos */

	#tour div.widget-photo ul {
	
		width: 815px;
		float: left;
	
		}
		
	#tour div.widget-photo li {
	
		float: left;
		width: 315px;
	
		}
		
	#tour div.widget-photo li.last {
	
		margin-left: 185px;
	
		}
		
	#tour div.widget-photo div a {
	
		display: block;
	
		}

	#tour div.widget-photo div a img {
	
		width: 100%;
		opacity: 0.50;
		filter: alpha(opacity=50);
	
		}

	#tour div.widget-photo div a:hover img {

		opacity: 1.0;
		filter: alpha(opacity=100);
		
		}
				
	#tour img.mask {
	
		position: absolute;
		top: 0;
		left: 0;
		z-index: 3;
	
		}

	#tour div.widget-photo h3,
	#tour div.widget-photo > a,
	#tour div.widget-photo h4,
	#tour div.widget-photo dl,
	#tour div.widget-photo .actions {
	
		display: none;
	
		}


/* SALE
--------------------------------------------------------------- */

	#sale {
	
		width: 660px;
		float: left;
		
		}

	#sale li.event ul.tallies, 
	#sale li.event ul.actions, 
	#sale li.event h4 a em, 
	#sale li.event h4 a br {
	
		display: none;
	
		}

	#sale ul.sales > li {
	
		background: #000;
		float: left;
		display: block;
		text-align: center;
		overflow: hidden;
		border-top: 1px solid #333;
		border-right: 1px solid #333;
		
		}


/* Heading */

	#sale ul.sales li.heading {
	
		width: 124px;
		height: 104px;
		padding: 30px 20px;
	
		}

	#sale ul.sales li.heading a.action {
	
		width: 94px;
		background: #c19542;
		color: #000;
		text-align: center;
		margin: 2px 0 0 0;
		
		}

	#sale ul.sales li.heading a.action:hover {
	
		background: #fff;
		
		}
		

/* Merch */

	#sale ul.sales li.merch {
	
		width: 164px;
		height: 164px;
		padding: 0;
		display: block;
		cursor: pointer;
		overflow: hidden;
		position: relative;
	
		}

	#sale ul.sales li.merch img {
	
		width: 100%;
		
		}
	
	#sale ul.sales li.merch a em {
	
		width: 164px;
		height: 164px;
		background: url('../skins/greatesthits/images/page-home/stamp-backstagejbj.png') right bottom no-repeat;
		display: block;
		text-indent: -5000px;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 2;
	
		}

	#sale ul.sales li.merch dl {
	
		width: 124px;
		height: 129px;
		background: url('../skins/greatesthits/images/page-home/li-merch.png');
		padding: 35px 20px 0 20px;
		cursor: pointer;
		border: 0;
		position: absolute;
		left: -164px;
		top: 0;
		z-index: 3;
	
		}

	#sale ul.sales li.merch dl dt {
	
		width: 124px;
		color: #333;
		font-weight: bold;
		font-size: 20px;
		line-height: 20px;
		text-align: center;
		text-transform: uppercase;
		border: 0;
		
		}

	#sale ul.sales li.merch dl dt a {
	
		color: #000;
		
		}

	#sale ul.sales li.merch dl dt.pressure {
	
		display: none;
		
		}


/* Event */
	
	#sale ul.sales li.event {
	
		width: 124px;
		height: 124px;
		padding: 20px;
		position: relative;
		
		}

	#sale ul.sales li.event a.date {
	
		background: none;
		padding: 0 0 5px 0;
		float: none;
		display: block;
		color: #a6a6a6;
		font-style: normal;
		font-size: 14px;
		line-height: 14px;
		letter-spacing: 0;
		text-transform: uppercase;
		
		}

	#sale ul.sales li.event h4, 
	#sale ul.sales li.event h4 strong {

		display: block;
		visibility: visible !important;
		clear: both;
		font-size: 20px !important;
		line-height: 20px !important;
		
		}
		
	#sale ul.sales li.event h4 span {

		display: none;
		clear: both;
		font-size: 14px;
		line-height: 14px;
		
		}

	#sale ul.sales li.event ul.tickets {
	
		height: 45px;
		position: absolute;
		left: 20px;
		bottom: 20px;
		
		}

	#sale ul.sales li.event ul.tickets li a {
		
		width: 119px;
		background: #c19542;
		padding: 1px 5px;
		margin: 1px 0 0 0;
		display: block;
		color: #000;
		font-size: 20px;
		line-height: 20px;
		text-align: center;
		text-transform: uppercase;
		white-space: nowrap;
				
		-webkit-transform: skewX(-20deg);
        -moz-transform: skewX(-20deg);
		
		}

	#sale ul.sales li.event ul.tickets li a:hover {
	
		background: #fff;
		
		}
		
	#sale ul.sales li.event ul.tickets li a cufon {

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

		}

	#sale ul.sales li.event small {
	
		display: none;
		
		}

	
/* POLL
--------------------------------------------------------------- */

	#poll {
	
		width: 280px;
		padding: 20px;
		float: right;
		
		}
	
	#poll h3 {
	
		margin: 0 0 15px 0;
	
		}
	
	#poll h4, 
	#poll h4 a {
	
		margin: 0;
		color: #a6a6a6;
		font-size: 20px;
		line-height: 20px;
		cursor: default;
		
		}
	
	#poll div.group {
	
		padding: 0;
		border: 0;
		
		}

	#poll label {
	
		width: 100%;
		margin: 0 0 5px 0;
		position: relative;
		cursor: pointer;
		
		}

	#poll input {
	
		margin: 5px 15px 0 0;
		position: relative;
		z-index: 2;
	
		}
		
	#poll label em {
	
		padding: 0;
		text-transform: uppercase;
		white-space: nowrap;
		position: relative;
		z-index: 2;
		
		}
	
	#poll fieldset {
	
		width: 270px;
		background: none;
		padding: 10px 0 0 10px;
		
		}

	#poll ul.actions, 
	#poll ul.actions li {
	
		height: 20px;
		margin: 0;
		
		}
	
	#poll ul.actions a {
	
		background: #c19542;
		color: #000;
		
		}

	#poll ul.actions a:hover {
	
		background: #fff;
		
		}

	#poll label table {
	
		width: 248px;
		border: 1px solid #1f1f1f;
		border-collapse: collapse;
		position: absolute;
		top: 0;
		left: 20px;
		z-index: 1;
		
		}

	#poll label:hover table {
	
		border-color: #333;
		
		}

	#poll table td {
		
		width: 100%;
		color: #333;
		position: relative;
		overflow: hidden;
		
		}

	#poll table span {
		
		display: block;
		min-height: 24px;
		margin-left: -5px;
		text-indent: -5000px;
		background: #333;
		
		-webkit-transform: skewX(-20deg);
        -moz-transform: skewX(-20deg);
				
		}
	
	#poll label table td.tally em {
	
		padding-right: 5px;
		color: #333;
		text-align: right;
		visibility: hidden;
		
		}

 	#poll label:hover table td.tally em {
	
		visibility: visible;
		
		}

	#poll table strong, 
	#poll div.social, 
	#poll ul.pages,
	#poll ul.paging, 
	#poll ul.actions a.results {
	
		display: none;
		
		}