/*
#######################################################################
# 
# Hevy Music Festival 2009
# Screen CSS stylesheet
#
# Hand-crafted by Phenotype (phenotype.net)
#
#######################################################################
-----------------------------------------------------------------------
* You may use this file for learning purposes.
*
* The unique combination of images, colours, sizes, typography and 
* positioning ('the design') is copyright.
*
* Copying, modifying or any other use of design-related images 
* is prohibited.
*
* Don't rip our site, be creative!
-----------------------------------------------------------------------
*/

/*
***********************************************************************
// Dependencies
***********************************************************************
* Global reset
* 	reset.css
*
* sIFR header replacement styles
* 	../../sifr3/css/sifr.css
*
* jQuery.Superfish styles
* 	jquery.superfish.css
*
***********************************************************************
*/

/*-------------------------------------------------------------------
// Page layout and appearance
-------------------------------------------------------------------*/
html, body {
	width: 100%;
	height: 100%;
	overflow: hidden;
	}
	
body {
	background: #000;
	overflow: visible;
	}
	
#page {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: url(../../images/template/screen/page-shadow.png) left bottom repeat-x;
	overflow: auto;
	}
	
#accessibility {
	display: none;
	}
	
#container {
	width: 960px;
	margin: 0 auto;
	padding: 24px 0 0 0;
	position: relative;
	}
	
	#header {
		width: 960px;
		height: 100px;
		position: relative;
		}

		#logo {
			display: none;
			}
			
		#header h1 {
			margin: 0;
			}
			
			#header h1 a { /* Logo */
				width: 530px;
				height: 100px;
				display: block;
				text-indent: -999em;
				overflow: hidden;
				background: url(../../images/template/screen/hmf-logo.png) left top no-repeat;
				}
				
		#header h2 {
			margin: 0;
			}
			
			#header h2 a { /* Buy tickets */
				width: 214px;
				height: 100px;
				display: block;
				text-indent: -999em;
				overflow: hidden;
				position: absolute;
				top: 0;
				right: 0;
				background: url(../../images/template/screen/buy-tickets-sprites.png) left top no-repeat;
				}
	
	#navigation {
		width: 960px;
		height: 34px;
		padding: 18px 0 6px 0;
		border-bottom: 2px solid #fff;
		}
		
	#content {
		width: 960px;
		clear: both;
		}

		#festival-information {
			padding: 22px 0 0 0;
			border-top: 2px solid #fff;
			}
		
	#footer {
		width: 960px;
		padding: 24px 0;
		clear: both;
		}
		
		#summary {
			border-top: 2px solid #fff;
			}
			
			/*#summary h3 {
				width: 21px;
				height: 209px;
				margin: 0;
				display: block;
				text-indent: -999em;
				overflow: hidden;
				position: absolute;
				top: 0;
				right: 24px;
				background: url(../../images/template/screen/footer-sprites.png) 0 0 no-repeat;
				}
				
			#summary .last h3 {
				right: 0;
				background-position: -24px 0;
				}*/
			
		#credits {
			width: 960px;
			margin: 0;
			padding: 6px 0 18px 0;
			display: block;
			clear: both;
			border-top: 2px solid #fff;
			}
/* 
Navigation
---------------------------
*/

#navigation h4 {
	display: none;
	}

/* 
Column system
---------------------------
*/

.row {
	clear: both;
	}
	
	.row br {
		clear: both;
		}
  
.column {
	float: left;
	}
	
		.column .column {
			}
	
	.last {
		}
  
	.column.quarter-page {
		width: 25%;
		}

	.column.third-page {
		width: 33.3%;
		}
  
	.column.half-page {
		width: 50%;
		}
	  
	.column.two-thirds-page {
		width: 66.6%;
		}
	  
	.column.three-quarter-page {
		width: 75%;
		}
			
	.column.full-page {
		width: 100%;
		float: none;
		}
		
/* Custom default columns */
#content-primary {
	width: 614px;
	margin: 24px 0 0 0;
	padding: 0 24px 0 0; 
	}
	
#content-secondary {
	width: 296px;
	margin: 24px 0 0 0;
	padding: 0 0 0 24px;
	border-left: 2px solid #fff;
	}

#summary .column {
	height: 175px;
	margin: 12px -2px 12px 0;
	position: relative;
	border-right: 2px solid #fff;
	}
	
#summary .last {
	margin: 12px 0 12px 0;
	border: 0;
	}
		
/*
Page decoration
---------------------------
*/

#background {
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: -100;
	top: 0;
	left: 0;
	overflow: hidden;
	}

	#background img {
		width: 100%;
		}
		
/* 
Artist information
---------------------------
*/

body.artist {
	width: auto;
	padding: 24px 24px;
	overflow: auto;
	background: #111;
	}
	
body.artist .artist-container {
	background: #fff;
	}
	
.artist-container {
	padding: 0 24px 24px 24px;
	}
	
	.artist-header {
		height: 52px;
		padding: 24px 0;
		}
		
		.artist-header h2 {
			width: 840px;
			height: 52px;
			margin: 0;
			text-indent: -999em;
			overflow: hidden;
			background: url(../../images/template/screen/artist-heading-sprites.gif) left top no-repeat;
			}
	
	.artist-content {
		position: relative;
		}
	
		.artist-content .artist-content-primary {
			margin-left: 408px;
			}
			
		.overlay-content .artist-content-primary {
			height: 336px;
			overflow-y: auto;
			}
		
		.artist-content .artist-content-secondary {
			width: 384px;
			height: 336px;
			position: absolute;
			left: 0;
			top: 0;
			}
		
/* 
Overlay browser
---------------------------
*/

.overlay {
	width: 888px;
	height: 480px;
	display: none;
	overflow: hidden;
	background-image: url(../../images/template/screen/overlay-background.png);
	}
	
	.overlay-title {
		width: 888px;
		height: 24px;
		position: relative;
		background: url(../../images/template/screen/overlay-sprites.png) 0 0 no-repeat;
		}
	
	.overlay-content {
		width: 888px;
		height: 432px;
		}
		

/*-------------------------------------------------------------------
// Typography and content formatting
-------------------------------------------------------------------*/

/* 
XHTML tag styles 
---------------------------
*/

body {
	font-size: 62.5%; /* Resets font sizes to 10px, so 1em = 10px */
	font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Tahoma, Verdana, Arial, sans-serif;
	color: #fff;
	}
	
a {
	color: #fff;
	}
	
a:hover {
	text-decoration: none;
	}
	
	a.image-link {
		padding: 0 !important;
		border: 0 !important;
		}
  
acronym, abbr {
	cursor: help;
	border-bottom: 1px dotted #000;
	}
	
blockquote {
	margin: 0 15px 1.875em 15px;
	font-size: 1.6em;
	line-height: 1.875;
	font-style: italic;
	}
	
cite, q {
	font-size: 1.1em;
	line-height: 1.559;
	font-style: italic;
	}
  
code, pre {
	font-family: monospace;
	font-size: 1.6em;
	line-height: 1.875;
	}
  
dl {
	margin: 0 0 1.714em 0;
	font-size: 1.4em;
	line-height: 1.714;
	text-align: left;
	}

em, i {
	font-style: italic;
	}
	
h1 {
	margin: 0 0 1em 0;
	font-size: 4.8em;
	line-height: 1;
	font-weight: bold;
	text-align: left;
	letter-spacing: -0.03em;
	text-transform: uppercase;
	}
	
h2 {
	margin: 0 0 1.6em 0;
	font-size: 3em;
	line-height: 1.6;
	font-weight: bold;
	text-align: left;
	letter-spacing: -0.03em;
	text-transform: uppercase;
	}
	
h3 {
	margin: 0.2em 0 0.8em 0;
	font-size: 2.4em;
	line-height: 1;
	font-weight: bold;
	text-align: left;
	letter-spacing: -0.03em;
	text-transform: uppercase;
	}

h4 {
	margin: 0.5em 0 1em 0;
	font-size: 1.6em;
	line-height: 1.5;
	font-weight: bold;
	text-align: left;
	letter-spacing: -0.03em;
	text-transform: uppercase;
	}
	
hr {
	display: none;
	visibility: hidden;
	}
  
img {
	border: 0;
	}
	
ol {
	margin: 0 1em 1.714em 1em;
	font-size: 1.4em;
	line-height: 1.714;
	text-align: left;
	list-style-position: inside;
	}
	
	ol li {
		list-style-type: decimal;
		}
	
p {
	margin: 0 0 1.714em 0;
	font-size: 1.4em;
	line-height: 1.714;
	text-align: left;
	vertical-align: top;
	}
  
select {

	}
  
small {
	font-size: 0.8em;
	}
	
strong, bold {
	font-weight: bold;
	}
	
ul {
	margin: 0 1em 1.714em 1em;
	font-size: 1.4em;
	line-height: 1.714;
	text-align: left;
	list-style-position: inside;
	}
	
	ul li {
		list-style-type: disc;
		}
  
	ul dl, ul h3, ul h4, ul ul, ul ol, ul p, ol dl, ol h3, ol h4, ol ul, ol ol, ol p, dl dl, dl h3, dl h4, dl ul, dl ol, dl p, ol label, ol input, ol select, ol textarea {
		font-size: 1em !important;
		}

.highlight {
	padding: 1px 3px;
	font-size: 1.2em;
	line-height: 2;
	font-weight: bold;
	color: #222;
	background: #c1dee9;
	}

/*
Section-specific styles 
---------------------------
*/

#content {
	}

#content a, #footer a {
	padding: 3px;
	font-weight: bolder;
	text-decoration: none;
	color: #fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-bottom: 2px solid #0c92c4;
	}
	
#content a:hover, #footer a:hover {
	color: #fff;
	background: #0c92c4;
	border-bottom: 0;
	}
  
#content a.img-link {
	border-bottom: none !important;
	}
	
	#content h2 a, #content h3 a, #content h4 a {
		color: #fff;
		border: 0;
		background: 0;
		}
	
#content h2 {
	margin: 0 0 22px 0;
	border-bottom: 2px solid #0c92c4;
	}
	
	#content img {
		border: 2px solid #fff;
		}
	
	#content p img {
		margin: 0 12px 24px 0;
		float: left;
		}

#content ul {
	margin-left: 36px;
	margin-right: 24px;
	}
	
	#content ul li {
		text-indent: -13px;
		}
		
	#festival-information ul {
		margin: 0 24px 1.5em 24px;
		font-size: 1.6em;
		line-height: 1.5;
		}
		
		#festival-information ul li {
			text-indent: -24px;
			}
	
#content ol {
	margin-left: 36px;
	margin-right: 24px;
	list-style-position: outside;
	}
  
	 #content ol li {

		}
		
		#content ol li h3, #content ol li p {
			margin-left: 0;
			margin-right: 0;
			}
			
			#content ol li ul {
				margin-left: 15px;
				margin-right: 0;
				}
			
			#content ol li ul li {
				text-indent: -15px;
				}

#footer {
	}
	
	#summary h4 {
		margin: 0 24px 12px 24px;
		font-size: 2.4em;
		line-height: 1;
		}
		
	#summary p {
		margin: 0 36px 1.5em 24px;
		font-size: 1.6em;
		line-height: 1.5;
		}
		
	#credits {
		color:#b6b5b0;
		}
		
		#credits a {
			color:#ccc;
			}
			
		#credits a:hover {
			color: #fff;
			}
			
/*
Image viewer
---------------------------
*/

#content .viewer {
	}
	
	#content #content-secondary .viewer a {
		padding: 0;
		display: block;
		border: 0;
		}
		
	#content #content-secondary .viewer a:hover {
		background: 0;
		}
		
	#content .viewer p {
		margin: 6px 0 18px 0;
		padding: 0 24px 0 0;
		font-size: 1.1em;
		line-height: 2.182;
		text-transform: uppercase;
		background: url(../../images/template/screen/viewer-sprites.gif) right top no-repeat;
		}
		
		#content .viewer a:hover p {
			background-position: right -24px;
			}
		
	#content .viewer img {
		width: 292px;
		height: 212px;
		margin: 0;
		border-color: #b6b5b0;
		}
		
		#content .viewer a:hover img {
			border-color: #fff;
			}
/*
Forms
---------------------------
*/

p.error {
	padding: 24px 24px;
	text-align: left;
	border: 2px solid #a91307;
	background: #fff;
	color: #111;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	}
	
	p.error br {
		clear: none;
		}

	p.error strong {
		color: #a91307;
		}

input.button {
	padding: 6px;
	font-weight: bold;
	font-size: 1.8em;
	font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Tahoma, Verdana, Arial, sans-serif;
	}
  
input.text {
	margin: 0 0 1.714em 0;
	padding: 6px 6px;
	color: #333;
	font-size: 1.4em;
	line-height: 1.714;
	font-weight: bold;
	font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Tahoma, Verdana, Arial, sans-serif;
	border: 2px solid #666;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background: #fff url(../../images/template/screen/input-background.gif) left top repeat-x;
	}
	
	input.error, textarea.error {
		border-color: #a91307;
		}

input.text:focus {
	color: #000;
	border: 2px solid #a94c07;
	background: #fff;
	}
	
label {
	font-size: 1em;
	font-weight: bold;
	color: #b6b5b0;
	}
  
legend {
	display: block;
	clear: both;
	padding: 0 12px 0 0;
	font-size: 1.1em;
	line-height: 2.182;
	font-weight: bold;
	text-transform: uppercase;
	}
	
select {
	margin: 0 0 1.714em 0;
	padding: 6px 6px;
	color: #333;
	font-size: 1.4em;
	line-height: 1.714;
	font-weight: bold;
	font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Tahoma, Verdana, Arial, sans-serif;
	border: 2px solid #666;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background: #fff;
	}
	
textarea {
	margin: 0 0 1.714em 0;
	padding: 6px 6px;
	color: #333;
	font-size: 1.4em;
	line-height: 1.714;
	font-weight: bold;
	font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Tahoma, Verdana, Arial, sans-serif;
	border: 2px solid #666;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background: #fff url(../../images/template/screen/input-background.gif) left top repeat-x;
	}

textarea:focus {
	color: #000;
	border: 2px solid #a94c07;
	background: #fff;
	}

#content form {
	padding: 24px 24px;
	text-align: center;
	background: url(../../images/template/screen/form-background.png);
	}
	
#enquiry-selector {
	margin: 0 0 24px 0;
	padding: 24px 24px;
	background: url(../../images/template/screen/form-background.png);
	}
	
	#enquiry-selector ul {
		margin: 0 12px 0 24px;
		}
	
#content fieldset {
	width: 566px;
	padding: 22px 0 12px 0;
	text-align: left;
	border-top: 2px solid #a94c07;
	}
  
	#content fieldset input.button {
		margin: 0 auto;
		}
	
	#content fieldset input.text {
		width: 240px;
		margin: 6px 12px 18px 0;
		}
		
	#content fieldset label {
		width: 10em;
		margin: 6px 12px 18px 12px;
		display: block;
		float: left;
		}
		
	#content fieldset ol {
		margin: 0 0;
		list-style: none;
		list-style-position: inside;
		}
		
		#content fieldset ol li {
			list-style: none;
			text-indent: 0;
			clear: both;
			}
			
		#content fieldset li:hover label {
			color: #fff;
			}
  
	#content fieldset select {
		margin: 0 0 5px 0;
		}
	
	#content fieldset textarea {
		width: 526px;
		height: 150px;
		margin: 6px 12px 18px 12px;
		}
		
/* 
Artist information
---------------------------
*/
	
.artist-container {
	color: #222;
	}
	
	.artist-content a {
		padding: 3px;
		font-weight: bolder;
		text-decoration: none;
		color: #222;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-bottom: 2px solid #0c92c4;
		}
		
	.artist-content a:hover {
		color: #fff;
		background: #0c92c4;
		border-bottom: 0;
		}
		
		.artist-content-secondary h3 {
			width: 17px;
			height: 17px;
			margin: 0 12px 0 0;
			line-height: 1;
			float: left;
			clear: both;
			text-indent: -999em;
			overflow: hidden;
			background-image: url(../../images/template/screen/overlay-sprites.png);
			}
			
		.artist-content-secondary #mp3-player-replaced {
			margin: 0 0 12px 0;
			}
		
		.artist-content-secondary h3.artist-song {
			background-position: 0 -100px;
			}
			
		.artist-content-secondary h3.artist-website {
			background-position: 0 -125px;
			}
			
		.artist-content-secondary img {
			margin: 0 0 12px 0;
			}
			
		.artist-content-secondary p {
			margin: 0 0 12px 0;
			line-height: 1.2;
			}
			
		.artist-content-secondary p#mp3-player {
			font-size: 1.2em;
			}
		
/*
Overlay browser
---------------------------
*/

.overlay .overlay-title a {
	width: 10em;
	height: 24px;
	padding: 0 24px 0 0;
	display: block;
	font-size: 1.2em;
	line-height: 24px;
	position: absolute;
	top: 0;
	right: 0;
	text-decoration: none;
	text-align: right;
	cursor: pointer;
	font-weight: bold;
	color: #c1dee9;
	}
	
	.overlay .overlay-title a span {
		width: 24px;
		height: 24px;
		display: block;
		position: absolute;
		right: 0;
		top: 0;
		background: url(../../images/template/screen/overlay-sprites.png) -200px -100px no-repeat;
		}
	
#lineup .overlay .overlay-title a:hover, #information .overlay .overlay-title a:hover, #tickets .overlay .overlay-title a:hover, #contact .overlay .overlay-title a:hover {
	color: #fff;
	}
	
	.overlay .overlay-title a:hover span {
		background-position: -200px -124px;
		}
		
/*-------------------------------------------------------------------
// Colourways
-------------------------------------------------------------------*/

/*
Buy tickets button
---------------------------
*/

#lineup #header h2 a {
	background-position: 0 0;
	}
	
#lineup #header h2 a:hover {
	background-position: -214px 0;
	}

#information #header h2 a {
	background-position: 0 -100px;
	}
	
#information #header h2 a:hover {
	background-position: -214px -100px;
	}
	
#tickets #header h2 a {
	background-position: 0 -200px;
	}
	
#tickets #header h2 a:hover {
	background-position: -214px -200px;
	}
	
#contact #header h2 a {
	background-position: 0 -300px;
	}
	
#contact #header h2 a:hover {
	background-position: -214px -300px;
	}
	
/*
Navigation
---------------------------
*/
	
/* See jquery.superfish.css */
	
/*
Headings and links
---------------------------
*/

/* Lineup */
#lineup #content a, #lineup #footer a, #lineup .overlay-content a {
	border-color: #0c92c4;
	}
	
#lineup #content a:hover, #lineup #footer a:hover, #lineup .overlay-content a:hover {
	background-color: #0c92c4;
	}
	
#lineup #content h2 {
	border-color: #0c92c4;
	}
	
#lineup .highlight {
	background: #c1dee9;
	}
	
/* Information */
#information #content a, #information #footer a, #information .overlay-content a {
	border-color: #0f8a83;
	}
	
#information #content a:hover, #information #footer a:hover, #information .overlay-content a:hover {
	background-color: #0f8a83;
	}
	
#information #content h2 {
	border-color: #0f8a83;
	}
	
#information .highlight {
	background: #c3e2e0;
	}
	
/* Tickets */
#tickets #content a, #tickets #footer a, #tickets .overlay-content a {
	border-color: #648e0b;
	}
	
#tickets #content a:hover, #tickets #footer a:hover, #tickets .overlay-content a:hover {
	background-color: #648e0b;
	}
	
#tickets #content h2 {
	border-color: #648e0b;
	}
	
#tickets .highlight {
	background: #d8e3c2;
	}
	
/* Contact */
#contact #content a, #contact #footer a, #contact .overlay-content a {
	border-color: #a94c07;
	}
	
#contact #content a:hover, #contact #footer a:hover, #contact .overlay-content a:hover {
	background-color: #a94c07;
	}
	
#contact #content h2 {
	border-color: #a94c07;
	}
	
#contact .highlight {
	background: #e9d2c1;
	}
	
/*
Overlay
---------------------------
*/

/* Lineup */
#lineup .overlay-title {
	background-position: 0 0;
	}
	
#lineup .overlay .overlay-title a {
	color: #c1dee9;
	}
	
	#lineup .overlay .overlay-title a span {
		background-position: -200px -100px;
		}
		
		#lineup .overlay .overlay-title a:hover span {
			background-position: -200px -124px;
			}
		
#lineup .artist-content-secondary h3.artist-song {
	background-position: 0 -100px;
	}
			
#lineup .artist-content-secondary h3.artist-website {
	background-position: 0 -125px;
	}
			
/* Information */
#information .overlay-title {
	background-position: 0 -24px;
	}
	
#information .overlay .overlay-title a {
	color: #c3e2e0;
	}
	
	#information .overlay .overlay-title a span {
		background-position: -224px -100px;
		}
		
		#information .overlay .overlay-title a:hover span {
			background-position: -224px -124px;
			}
		
#information .artist-content-secondary h3.artist-song {
	background-position: -17px -100px;
	}
			
#information .artist-content-secondary h3.artist-website {
	background-position: -17px -125px;
	}
			
/* Tickets */
#tickets .overlay-title {
	background-position: 0 -48px;
	}
	
#tickets .overlay .overlay-title a {
	color: #d8e3c2;
	}	
	
	#tickets .overlay .overlay-title a span {
		background-position: -248px -100px;
		}
		
		#tickets .overlay .overlay-title a:hover span {
			background-position: -248px -124px;
			}
		
#tickets .artist-content-secondary h3.artist-song {
	background-position: -34px -100px;
	}
			
#tickets .artist-content-secondary h3.artist-website {
	background-position: -34px -125px;
	}
			
/* Contact */
#contact .overlay-title {
	background-position: 0 -72px;
	}
	
#contact .overlay .overlay-title a {
	color: #e9d2c1;
	}
	
	#contact .overlay .overlay-title a span {
		background-position: -272px -100px;
		}
		
		#contact .overlay .overlay-title a:hover span {
			background-position: -272px -124px;
			}
		
#contact .artist-content-secondary h3.artist-song {
	background-position: -51px -100px;
	}
			
#contact .artist-content-secondary h3.artist-website {
	background-position: -51px -125px;
	}
	
/*-------------------------------------------------------------------
// Lineups
-------------------------------------------------------------------*/

#content ul.lineup.main-stage {
	width: 960px;
	/*height: 420px;*/
	height: 345px;
	margin: 24px 0 0 0;
	padding: 0 0 24px 0;
	display: block;
	position: relative;
	list-style: none;
	list-style-position: outside;
	text-indent: -999em;
	overflow: hidden;
	border-bottom: 2px solid #fff;
	background: url(../../images/template/screen/lineup-sprites.png) 0 -75px no-repeat;
	}
	
#content ul.lineup.second-stage {
	width: 536px;
	height: 234px;
	margin: 24px 0 0 0;
	padding: 0 23px 4px 0;
	display: block;
	float: left;
	position: relative;
	list-style: none;
	list-style-position: outside;
	text-indent: -999em;
	overflow: hidden;
	border-right: 2px solid #fff;
	background: url(../../images/template/screen/lineup-sprites.png) 0 -467px no-repeat;
	}
	
#content ul.lineup.third-stage {
	width: 376px;
	height: 234px;
	margin: 24px 0 4px 0;
	padding: 0 0 0 23px;
	display: block;
	position: relative;
	list-style: none;
	list-style-position: outside;
	text-indent: -999em;
	overflow: hidden;
	background: url(../../images/template/screen/lineup-sprites.png) -560px -467px no-repeat;
	}
	
	#content ul.lineup li {
		float: left;
		list-style: none;
		list-style-position: outside;
		text-indent: 0;
		}
	
		#content ul.lineup a, #content ul.lineup span {
			display: block;
			padding: 0;
			position: absolute;
			text-indent: -999em;
			overflow: hidden;
			border-bottom: 0;
			background: 0;
			}

		#content ul.lineup a:hover {
			background: 0 !important;
			border-bottom: 2px solid #fff;
			}
			
		/* Main Stage artists */
		
		#content ul.lineup.main-stage a, #content ul.lineup.main-stage span {
			height: 52px;
			padding: 0 0 8px 0;
			}
			
		/*#content ul.lineup.main-stage #details-tickets span {
			width: 238px;
			top: 0;
			left: 0;
			}
			
		#content ul.lineup.main-stage #details-confirmed span {
			width: 281px;
			top: 0;
			left: 279px;
			}*/
			
		#content ul.lineup.main-stage #feeder a {
			width: 264px;
			top: 0;
			left: 0;
			}
			
		#content ul.lineup.main-stage #ash a {
			width: 154px;
			top: 0;
			left: 305px;
			}
			
		#content ul.lineup.main-stage #gary-numan a {
			width: 424px;
			top: 0;
			left: 501px;
			}
			
		#content ul.lineup.main-stage #the-blackout a {
			width: 476px;
			top: 70px;
			left: 0;
			}
		
		#content ul.lineup.main-stage #hundred-reasons a {
			width: 294px;
			top: 70px;
			left: 521px;
			}
			
		#content ul.lineup.main-stage #hundred-reasons-split a {
			width: 321px;
			top: 140px;
			left: 0;
			}
			
		#content ul.lineup.main-stage #attack-attack a {
			width: 537px;
			top: 140px;
			left: 358px;
			}
			
		#content ul.lineup.main-stage #sonic-boom-six a {
			width: 500px;
			top: 210px;
			left: 0;
			}
			
		#content ul.lineup.main-stage #in-case-of-fire a {
			width: 494px;
			top: 280px;
			left: 0;
			}
			
		/* Second Stage artists */
		
		#content ul.lineup.second-stage a {
			height: 28px;
			padding: 0 0 2px 0;
			}
			
		#content ul.lineup.second-stage #cancer-bats a {
			width: 210px;
			top: 0;
			left: 0;
			}
			
		#content ul.lineup.second-stage #we-are-the-ocean a {
			width: 298px;
			top: 0;
			left: 234px;
			}
			
		#content ul.lineup.second-stage #the-ghost-of-a-thousand a {
			width: 424px;
			top: 41px;
			left: 0;
			}
			
		#content ul.lineup.second-stage #the-xcerts a {
			width: 184px;
			top: 81px;
			left: 0;
			}
			
		#content ul.lineup.second-stage #heartbreak a {
			width: 210px;
			top: 81px;
			left: 210px;
			}
			
		#content ul.lineup.second-stage #sharks a {
			width: 125px;
			top: 120px;
			left: 0;
			}
			
		#content ul.lineup.second-stage #farewell-city a {
			width: 242px;
			top: 120px;
			left: 150px;
			}
			
		#content ul.lineup.second-stage #mexico-fallz a {
			width: 115px;
			top: 120px;
			left: 414px;
			}
			
		#content ul.lineup.second-stage #mexico-fallz-split a {
			width: 96px;
			top: 161px;
			left: 0;
			}
			
		#content ul.lineup.second-stage #after-the-ordeal a {
			width: 303px;
			top: 161px;
			left: 113px;
			}
			
		/* Third Stage artists */
		
		#content ul.lineup.third-stage a {
			height: 26px;
			padding: 0 0 2px 0;
			}
			
		#content ul.lineup.third-stage #lightsgoblue a {
			width: 230px;
			top: 0;
			left: 23px;
			}
			
		#content ul.lineup.third-stage #more-than-normal a {
			width: 317px;
			top: 33px;
			left: 23px;
			}
			
		#content ul.lineup.third-stage #amber-room a {
			width: 204px;
			top: 68px;
			left: 23px;
			}
			
		#content ul.lineup.third-stage #one-day-elliott a {
			width: 129px;
			top: 68px;
			left: 257px;
			}
			
		#content ul.lineup.third-stage #one-day-elliott-split a {
			width: 121px;
			top: 102px;
			left: 23px;
			}
			
		#content ul.lineup.third-stage #elephants a {
			width: 181px;
			top: 102px;
			left: 172px;
			}
			
		#content ul.lineup.third-stage #the-startover a {
			width: 243px;
			top: 136px;
			left: 23px;
			}
			
		#content ul.lineup.third-stage #kingskin a {
			width: 145px;
			top: 170px;
			left: 23px;
			}
			
		#content ul.lineup.third-stage #eleven-eleven a {
			width: 116px;
			top: 170px;
			left: 199px;
			}
			
		#content ul.lineup.third-stage #eleven-eleven-split a {
			width: 116px;
			top: 204px;
			left: 23px;
			}
			

#footer ul.lineup {
	margin: 0;
	display: block;
	list-style: none;
	text-indent: -999em;
	overflow: hidden;
	background: url(../../images/template/screen/footer-sprites.png) 0 0 no-repeat;
	}
	
	#footer ul.lineup li {
		float: left;
		list-style: none;
		list-style-position: outside;
		text-indent: 0;
		}
	
#footer ul.lineup.main-stage {
	width: 452px;
	height: 175px;
	}
	
#footer ul.lineup.second-stage {
	width: 460px;
	height: 175px;
	padding: 0 0 0 20px;
	background-position: -480px 0;
	}
	
#footer ul.lineup.third-stage {
	display: none;
	}
	
	#footer ul.lineup a, #footer ul.lineup span {
		display: none;
	}
	
	/*#footer ul.lineup a {
		height: 34px;
		display: block;
		padding: 0;
		float: left;
		text-indent: -999em;
		overflow: hidden;
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
		border-bottom: 0;
		background: 0;
		}
		
	#footer ul.lineup a:hover {
		background: 0 !important;
		}
		
	#footer ul.lineup #feeder a {
		width: 123px;
		}
		
	#footer ul.lineup #ash a {
		width: 99px;
		}
		
#footer ul.lineup #gary-numan {
	clear: both;
	}
	
	#footer ul.lineup #gary-numan a {
		width: 204px;
		}
		
	#footer ul.lineup #hundred-reasons a {
		width: 171px;
		}
		
	#footer ul.lineup #hundred-reasons-split a {
		width: 149px;
		}
		
	#footer ul.lineup #kids-in-glass-houses a {
		width: 230px;
		}
		
	#footer ul.lineup #kids-in-glass-houses-split a {
		width: 128px;
		}
		
	#footer ul.lineup #attack-attack a {
		width: 289px;
		}
		
	#footer ul.lineup #sonic-boom-six a {
		width: 252px;
		}
		
	#footer ul.lineup #in-case-of-fire a {
		width: 252px;
		}*/
		
/*-------------------------------------------------------------------
// Buy tickets inline buttons
-------------------------------------------------------------------*/

#tickets #content p.buy-tickets-inline a {
	width: 456px;
	height: 72px;
	padding: 0;
	border: 0;
	display: block;
	text-indent: -999em;
	overflow: hidden;
	background-color: none;
	background: url(../../images/template/screen/buy-tickets-inline-sprites.png) 0 0 no-repeat;
	}
	
#tickets #content p.buy-tickets-inline.iris a {
	background: url(../../images/template/screen/buy-tickets-inline-sprites.png) 0 0 no-repeat;
	}
	
#tickets #content p.buy-tickets-inline.view a {
	background: url(../../images/template/screen/buy-tickets-inline-sprites.png) 0 -72px no-repeat;
	}

#tickets #content p.buy-tickets-inline.iris a:hover {
	background: url(../../images/template/screen/buy-tickets-inline-sprites.png) -456px 0 no-repeat;
	}
	
#tickets #content p.buy-tickets-inline.view a:hover {
	background: url(../../images/template/screen/buy-tickets-inline-sprites.png) -456px -72px no-repeat;
	}
		
/*-------------------------------------------------------------------
// Artist titles
-------------------------------------------------------------------*/

/* Main Stage */

#feeder .artist-header h2 {
	background-position: 0 0;
	}
	
#ash .artist-header h2 {
	background-position: 0 -52px;
	}
	
#gary-numan .artist-header h2 {
	background-position: 0 -104px;
	}
	
#hundred-reasons .artist-header h2 {
	background-position: 0 -156px;
	}
	
#the-blackout .artist-header h2 {
	background-position: 0 -208px;
	}
	
#attack-attack .artist-header h2 {
	background-position: 0 -260px;
	}
	
#sonic-boom-six .artist-header h2 {
	background-position: 0 -312px;
	}
	
#in-case-of-fire .artist-header h2 {
	background-position: 0 -364px;
	}
	
/* Second Stage */
	
#cancer-bats .artist-header h2 {
	background-position: 0 -416px;
	}
	
#we-are-the-ocean .artist-header h2 {
	background-position: 0 -468px;
	}
	
#heartbreak .artist-header h2 {
	background-position: 0 -520px;
	}
	
#the-ghost-of-a-thousand .artist-header h2 {
	background-position: 0 -572px;
	}
	
#the-xcerts .artist-header h2 {
	background-position: 0 -624px;
	}
	
#sharks .artist-header h2 {
	background-position: 0 -676px;
	}
	
#farewell-city .artist-header h2 {
	background-position: 0 -728px;
	}
	
#mexico-fallz .artist-header h2 {
	background-position: 0 -780px;
	}
	
#after-the-ordeal .artist-header h2 {
	background-position: 0 -832px;
	}
	
/* Third Stage */
	
#lightsgoblue .artist-header h2 {
	background-position: 0 -884px;
	}
	
#more-than-normal .artist-header h2 {
	background-position: 0 -936px;
	}
	
#amber-room .artist-header h2 {
	background-position: 0 -988px;
	}
	
#one-day-elliott .artist-header h2 {
	background-position: 0 -1040px;
	}
	
#elephants .artist-header h2 {
	background-position: 0 -1092px;
	}
	
#the-startover .artist-header h2 {
	background-position: 0 -1144px;
	}
	
#kingskin .artist-header h2 {
	background-position: 0 -1196px;
	}
	
#eleven-eleven .artist-header h2 {
	background-position: 0 -1248px;
	}