/**
 * Mysteryland stages pagina stylesheet
 * @author Harmen Janssen | grrr.nl
 * @modifiedby $LastChangedBy: $
 * @version $Revision: $
 * @lastmodified $Date: $
 *
 * TOC:
 * --------------------------------
 *
 * Colors:
 * --------------------------------
 * #000000	Black
 * #D9D9D9	Grey
 * #00ABEC	Blue
 * #D9298B	Pink
 *
 * Glossary:
 * --------------------------------
 *
 * Todo:
 * --------------------------------
 *
 */

#column-1 {
	position: relative;
	float: left;
	width: 450px;
}

/**
 * Neighbours
 * --------------------------------
 */

.neighbours {
	margin-bottom: 5px;
}

.neighbours a {
	height: 15px;
	display: block;
	float: left;
	text-indent: -9999em;
	background: url(../images/gui/vorige_volgende.gif) no-repeat;
	border: 0;
}

.neighbours a.prev {
	width: 51px;
	background-position: 0 0;
}

.neighbours a.nonext {
	width: 50px;
}

.neighbours a.prev:hover, .neighbours a.prev:focus {
	background-position: 0 -15px;
}

.neighbours a.prev:active {
	background-position: 0 -30px;
}

.neighbours a.next {
	width: 62px;
	background-position: -51px 0;
}

.neighbours a.next:hover, .neighbours a.next:focus {
	background-position: -51px -15px;
}

.neighbours a.next:active {
	background-position: -51px -30px;
}

#content-light h1 {
	/* see below for header positioning */
	width: 420px;
	height: 33px;
	margin-bottom: 20px;
	text-indent: -999em;
	background: url(../images/gui/areanamen.gif?v=20090702) no-repeat;	
}

#column-2 {
	float: right;
	width: 450px;
}

.description {
	width: 450px;
	margin-top: 10px;
	margin-bottom: 20px;
	font-size: 11px;
}

#images.browsebox, #videos.browsebox {
	width: 450px;
	margin-bottom: 5px;
}

/**
 * Latest news browsebox
 * --------------------------------
 */
#latest_news {
	float: left;
	font-size: 11px;
	left: -2px;
	margin-bottom: 50px;
	min-height: 228px;
	width: 450px;
}

#column-1 h2 {
	background: url(../images/gui/nieuws.gif?v=20090702) no-repeat;
	height: 22px;
	margin-top: 20px;
	text-indent: -999em;
	width: 53px;
}

#latest_news .item {
	float: left;
	margin-left: 3px;
	padding: 2px;
	width: 143px;
	overflow: hidden;
}

#latest_news .item img {
	width: 143px;
}

#latest_news .item:hover {
	background: #CCC;
}

#latest_news .item:first-child {
	margin-left: 0;
}

#latest_news h3 a {
	border: 0;
	color: black;
	font-size: 16px;
	font-weight: bold;
	padding-right: 15px;
	text-decoration: none;
	text-transform: uppercase;
}

#latest_news h3 a:hover, #latest_news h3 a:focus {
	color: #FE00B4;
}

#latest_news h3 a:active {
	color: #9C006C;
}

/* Browsebox navbar */
#latest_news .navbar {
	border-bottom: 1px solid #000;
	clear: left;
}

#latest_news .navbar ul {
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	top: 14px;
	width: 185px;
}

#latest_news .navbar ul li {
	float: left;
}

#latest_news .navbar a {
	background: url(../images/gui/nieuws_nextprev.gif?v=20090702) no-repeat;
	border: 0;
	display: block;
	height: 26px;
	text-indent: -999em;
	width: 97px;
}

#latest_news .navbar .disabled {
	visibility: hidden;
}

#latest_news .navbar .prev a { background-position: 0 0; }
#latest_news .navbar .prev a:hover, #latest_news .navbar .prev a:focus { background-position: 0 -26px; }
#latest_news .navbar .prev a:active { background-position: 0 -52px; }
#latest_news .navbar .next a { width: 88px; background-position: -97px 0; }
#latest_news .navbar .next a:hover, #latest_news .navbar .next a:focus { background-position: -97px -26px; }
#latest_news .navbar .next a:active { background-position: -97px -52px; }


/* Related artists */

#related-artists {
	background: #00ABEC;
	clear: both;
	padding: 5px;
	margin-top: 0;
}

#related-artists h2 {
	background: url(../images/gui/lineup.gif?v=20090702) no-repeat;
	float: right;
	height: 30px;
	margin-bottom: -30px;
	text-indent: -999em;
	width: 72px;
	position: relative;
	top: -30px;
}

#related-artists li {
	overflow: hidden; /* clear floats */
	position: relative;
}

#related-artists a {
	width: 430px;
	min-height: 50px;
	display: block;
	padding: 5px;
	overflow: hidden;
	line-height: 20px;
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFF;
	border: 0;
	/*-webkit-transition-duration: .5s;
	 * Removed by PP, reason: conflicts with addGig
	 * */
}

#related-artists a:hover, #related-artists a:focus,
#related-artists li:hover > a {
	/*-webkit-transition-duration: .5s;
	 * Removed by PP, reason: conflicts with addGig
	 * */
	background-color: #00658B;
}

#related-artists img {
	display: block;
	float: left;
	vertical-align: middle;
}

#related-artists .artist-name {
	width: 292px;
	margin: 0 5px;
	display: block;
	float: left;
}

#related-artists .time {
	color: #FFF;
	font-size: 11px;
	position: absolute;
	right: 5px;
	top: 5px;
}

#related-artists .time span {
/*	float: left;*/
}

#related-artists a.addGig, #related-artists a.removeGig {
	position: absolute;
	top: 1em;
	right: 0;
	width: 34px;
	height: 12px;
	min-height: 1px;
	margin: 2px;
	padding: 0;
	display: none;
	float: right;
	clear: left;
	background-color: transparent;
}

#related-artists .notime a.addGig, #related-artists .notime a.removeGig {
	top: 0;
}

#related-artists a.addGig:hover, #related-artists a.addGig:focus,
#related-artists a.removeGig:hover, #related-artists a.removeGig:focus {
	background-color: transparent;
}

#related-artists li:hover a.addGig, #related-artists li:hover a.removeGig {
	display: block;
}

/**
 * Track player
 * --------------------------------
 */

#tracks {
	position: relative;
	top: -26px;
	width: 215px;
	margin-top: 25px;
	float: right;
}

#tracks .spice {
	width: 72px;
	height: 90px;
	margin-right: 10px;
	float: left;
	background: url(../images/gui/lampionnen.jpg) no-repeat;
}

#tracks a {
	margin-top: 10px;
	float: right;
	border: 0;
}

/**
 * The stage headers:
 * --------------------------------
 */

#content-light h1#title_all-is-one {
	background-position: 0 0;
}

#content-light h1#title_bar27 {
	background-position: 0 -33px;
}

#content-light h1#title_club-zonder-filter {
	background-position: 0 -66px;
}

#content-light h1#title_de-techno {
	background-position: 0 -99px;
}

#content-light h1#title_dirty-dutch {
	background-position: 0 -132px;
}

#content-light h1#title_ex-porn-star {
	background-position: 0 -165px;
}

#content-light h1#title_flamingo {
	background-position: 0 -198px;
}

#content-light h1#title_grolsch-live {
	background-position: 0 -231px;
}

#content-light h1#title_hey {
	background-position: 0 -264px;
}

#content-light h1#title_high-contrast {
	background-position: 0 -297px;
}

#content-light h1#title_little-sexmachine {
	background-position: 0 -330px;
}

#content-light h1#title_mainstage {
	background-position: 0 -363px;
}

#content-light h1#title_oi {
	background-position: 0 -396px;
}

#content-light h1#title_q-dance {
	background-position: 0 -429px;
}

#content-light h1#title_rauw {
	background-position: 0 -462px;
}

#content-light h1#title_theater {
	background-position: 0 -495px;
}

#content-light h1#title_thunderdome {
	background-position: 0 -528px;
}

#content-light h1#title_turn-up-the-bass {
	background-position: 0 -561px;
}

#content-light h1#title_vage-gasten {
	background-position: 0 -594px;
}

#content-light h1#title_sffmkrs-avec-leyp {
	background-position: 0 -627px;
}

#content-light h1#title_nightwriters {
	background-position: 0 -660px;
}

#content-light h1#title_theaterplein {
	background-position: 0 -693px;
}

#content-light h1#title_leuk-en-lekker {
	background-position: 0 -726px;
}

/**
 * The stage labels:
 * --------------------------------
 */

.spice[id^="label_"] {
	position: absolute;
	top: -45px;
	left: 405px;
	width: 364px;
	height: 178px;
}

#label_all-is-one {
	background-image: url(../images/logos/stages/allisone.png?v=20090702);
}

#label_bar27 {
	background-image: url(../images/logos/stages/bar27.png?v=20090702);
}

#label_club-zonder-filter {
	background-image: url(../images/logos/stages/clubzonderfilter.png?v=20090702);
}

#label_de-techno {
	background-image: url(../images/logos/stages/detechno.png?v=20090702);
}

#label_dirty-dutch {
	background-image: url(../images/logos/stages/dirtydutch.png?v=20090702);
}

#label_ex-porn-star {
	background-image: url(../images/logos/stages/expornstar.png?v=20090702);
}

#label_flamingo {
	background-image: url(../images/logos/stages/flamingo.png?v=20090702);
}

#label_grolsch-live {
	background-image: url(../images/logos/stages/grolsch.png?v=20090702);
}

#label_hey {
	background-image: url(../images/logos/stages/hey.png?v=20090702);
}

#label_high-contrast {
	background-image: url(../images/logos/stages/highcontrast.png?v=20090702);
}

#label_leuk-en-lekker {
	background-image: url(../images/logos/stages/leuk-en-lekker.png?v=20090702);
}

#label_little-sexmachine {
	background-image: url(../images/logos/stages/littlesexmachine.png?v=20090702);
}

#label_mainstage {
	background-image: url(../images/logos/stages/mainstage.png?v=20090702);
}

#label_nightwriters {
	background-image: url(../images/logos/stages/nightwriters.png?v=20090702);
}

#label_oi {
	background-image: url(../images/logos/stages/oi.png?v=20090702);
}

#label_q-dance {
	background-image: url(../images/logos/stages/qdance.png?v=20090702);
}

#label_rauw {
	background-image: url(../images/logos/stages/rauw.png?v=20090702);
}

#label_sffmkrs-avec-leyp {
	background-image: url(../images/logos/stages/sfrmkrs.png?v=20090702);
}

#label_theater {
	background-image: url(../images/logos/stages/theater.png?v=20090702);
}

#label_theaterplein {
	background-image: url(../images/logos/stages/theaterplein.png?v=20090702);
}

#label_thunderdome {
	background-image: url(../images/logos/stages/thunderdome.png?v=20090702);
}

#label_turn-up-the-bass {
	background-image: url(../images/logos/stages/turnupthebass.png?v=20090702);
}

#label_vage-gasten {
	background-image: url(../images/logos/stages/vagegasten.png?v=20090702);
}