/*main styles*/
body {
	background-color:#300a01;
	background-image:url(../images/city-background.jpg);
	background-repeat:no-repeat;
	background-position:center bottom;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
}
.page {
	width:920px;
	margin:0 auto;
}
.header {	
	background-image:url(../images/header-background.png);	
	background-repeat:no-repeat;
	background-position:left bottom;
	padding:35px 0;
	font-size:1.3em;
	position:relative;
}
.headerLinks {	padding:0 60px;	}
.headerLinks a {
	color:#FFFFFF;
	text-decoration:none;
	border-right:#FFFFFF solid 1px;
	padding:0 10px;
}
.headerLinks a.last {	
	border-right:none;	
	padding-right:0;	
}
.headerLinks a.first {	padding-left:0;	}
.headerLinks a:hover {	color:#fee259;	}
.musicPlayer {
	position:absolute;
	right:60px;
	top:20px;
}
.musicPlayer h1, .musicPlayer p {	float:left; padding:0 0 0 10px; text-align:center;	}
.content {
	background-image:url(../images/content-background.png);
	background-repeat:repeat-y;
	background-position:center;
	font-size:1.2em;
	float:left;
	width:920px;
}
.content * {	z-index:2;	}
.content img {	
	display:block;	
	z-index:1;	
}
img.logo {
	margin:20px 0 0 80px;
	position:absolute;
}
img.logo.home {
	margin:0 0 0 80px;
	position:absolute;
}
span.escape {	
	text-transform:uppercase; 
	font-weight:bold; 
	text-align:right; 
	display:block; 
	padding:10px 100px 0 0;	
}
.container {
	background-image:url(../images/container-bottom.png);
	background-repeat:no-repeat;
	background-position:315px bottom;
	color:#000000;
	padding:10px 0 10px 315px;
	width:540px;
	font-size:1em;
}
.container img {	position:static;	}
.container div {
	background-image:url(../images/container.png);
	background-repeat:repeat-y;
	padding:10px 45px 0 15px;
}
.container div div {
	background-image:none; 
	padding:0;	
	}
.container h4 {
	font-weight:bold;
	text-align:justify;
	text-transform:uppercase;
	display:block;
	padding:10px 0;
}
.container p {	padding-bottom:10px; }
.container .header { font-size:1em; }
.container .header h1,
.container .info h1 {
	background-repeat:no-repeat;
	text-indent:-9999px;
	height:35px;
	margin-left:-8px;
}
.container .footer { 
	font-size:1em; 
	text-align:left; 
	position:static; 
	padding-top:0; 
}
.container .footer h2 {
	background-repeat:no-repeat;
	text-indent:-9999px;
	margin-left:-8px;
}
img.register {
	position:absolute;
	left:100px;
	bottom:165px;
	z-index:3;
}
img.events {
	position:absolute;
	left:10px;
	bottom:270px;
	z-index:3;
}
.footer {
	background-image:url(../images/footer-background.png);
	background-repeat:no-repeat;
	background-position:center top;
	font-size:1.3em;
	padding:35px 0;
	text-align:center;
	position:relative;
	clear:both;
}
.footer p {	
	font-size:0.9em;
	display:block;
	width:auto;
	margin:0 auto;
}
.footer .responsibility {	
	font-size:1.6em;
	padding:10px 0;	
}
.footer .responsibility em {
	color:#fee259; 
	text-transform:uppercase;
}
.footerLinks a {
	color:#FFFFFF;
	text-decoration:none;
	border-right:#FFFFFF solid 1px;
	padding:0 10px;
}
.footerLinks a.last {	
	border-right:none;	
	padding-right:0;	
}
.footerLinks a.first {	padding-left:0;	}
.footerLinks a:hover {	color:#fee259;	}
.footerText a { color:#FFFFFF; }

/*page specific styles*/
	/*home styles*/
	body#home .container {
		background-image:url(../images/container-bottom-home.png); 
		width:315px; 
		margin:0 0 0 200px;	
	}
	body#home .container div {	
		background-image:url(../images/container-home.png); 
		padding:0 25px 10px 20px;	
	}
	body#home .container div div { 
		background-image:none; 
		padding:0; 
	}
	body#home img#notepad-img {	padding-top:10px; }
	body#home .container h1 {
		background-image:url(../images/urban-art-exhibition.png);
		background-repeat:no-repeat;
		text-indent:-9999px;
		height:61px;
		margin:10px 0 0 0;
	}
	body#home .container div.artists	{	padding:0 0 0 2px;	}
	body#home .venue {	
		display:block; 
		padding:0;	
	} 
	body#home .container .artists h5 {
		text-indent:-9999px;
		background-image:url(../images/featured.png);
		background-repeat:no-repeat;
		margin:10px 0 0 185px;
		float:none;
		padding:0 0 5px 0;
	}
	body#home .container h3 { 
		float:left;
		font-size:1.5em;
		left:20px;
		padding-top:1px;
	}
	body#home .container h3 a {	
		color:#000000; 
		text-decoration:none; 
	}
	body#home .container h3 a:hover {	color:#F37724; }
	body#home .container h4 {
		clear:left;
		display:inline;
		float:left;
		font-size:1.5em;
		line-height:1.4em;
		padding:0 20px 0 0;
		text-align:right;
		width:70px;
	}
	body#home .container h5 { 
		display:block; 
		float:left;
		padding:10px 25px; 
		font-size:1.2em;
		font-weight:bold;
	}
	
	/*lda & underage styles*/
	body#home.lda .container {	background-image:none;	}
	body#home.lda .container div {	background-image:none;	}
	body#home.lda .container p,
	body#home.lda .formField {
		display:block;
		color:#FFFFFF;
		text-transform:uppercase;
		text-align:center;
		font-weight:bold;
	}
	body#home.lda .container .age .formField {	
		text-transform:none; 
		padding:5px;	
	}
	body#home.lda .formField.submit input {
		width:121px;
		display:block;
		margin:20px auto;
	}
	body#home.lda .formField.submit span {
		text-transform:none;
		font-weight:normal;
		width:300px;
	}
	body#home.lda .formField.submit span a {	color:#FFFFFF;	}
	body#home.lda .container .age {
		padding:170px 0;	
	}
	body#home.lda .container .underage {
		padding:170px 0 313px;	
	}
	body#home.lda .formField.country select#wmi_country {	width:170px;	}
	body#home.lda .errors {	text-align:center; font-weight:bold;	}
	
	/*info page*/
	.container .info h1 {	background-image:url(../images/info.png);	}
	.container .info a {
		text-transform:uppercase;
		color:#f37724;
		text-decoration:none;
		font-weight:bold;
		padding:10px 0;
		display:block;
		text-align:right;
	}
	.container .info a:hover { color:#000000; }
	.container .info h2 {
		background-image:url(../images/infoABL.jpg);
		background-repeat:no-repeat;
		text-indent:-9999px;
		height:154px;
		padding-bottom:10px;
	}
	/*register page*/
	.register .registerForm {	width:475px;	}
	.register .formContent {	width:372px;	}
	.register .formImages {	width:93px; float:right; }
	.register .formImages img {	padding-top:10px; display:block;	}
	.register .consent { 
		position:relative; 
		padding:20px 0 0 0; 
	}
	.register input.submit {	
		position:absolute;
		left:320px;
		bottom:-32px;
		z-index:3;
	}
	.register input.submit:hover	{		}
	.register .formField {
		float:left;
		padding:0 35px 5px 0;
	}
	.register .formField.birthdate { 	padding:0 25px 5px 0;	}
	.register .formField input { width:145px; }
	.register .formField select { width:149px; }
	.register .formField select#wmi_birthDay  { width:50px; }
	.register .formField input#wmi_birthYear  { width:40px; }
	.register .formField select#wmi_birthMonth  { width:60px; }
	.register .formField label {
		display:block;
	}
	.register .formField  select#how_heard_event {	display:block;	}
	
	/*confirmation page*/
	.confirmation .container .header h1 {	background-image:url(../images/thanks-header.png);	}
	.confirmation .container h2 {
		background-image:url(../images/thanks-footer.png);
		background-repeat:no-repeat;
		text-indent:-9999em;
		height:40px;
		width:350px;
	}
	.confirmation .container .ticket { padding:0 45px 10px 0; }
	.confirmation .container .ticket .adobeDownload { 
		float:right; 
		margin-top:-35px; 
	}
	
	/*brand register page*/
	.register.brand .container .header h1 {	background-image:url(../images/sorry-header.png);	}
	
	/*brand confirmation page*/
	.brandConfirmation .container .header h1 {	background-image:url(../images/sorry-header.png);	}
	.brandConfirmation .container h2 {	
		background-image:url(../images/sorry-footer.png);
		background-repeat:no-repeat;
		text-indent:-9999em;
		width:350px;
		height:35px;	}
	.brandConfirmation .container .ticket { padding:0 45px 300px 5px; }
	
	/*rules page*/
	.rules .container .header h1 {	background-image:url(../images/rules-header.png);	}
	
	/*event page*/
	body.event .container {	
		width:775px; 
		padding:0 80px; 
		background-image:none; 
		position:relative;  
	}
	body.event .container div { background-image:none; }
	body.event .container .content {	float:left; }
	body.event .container .content.sidebar {	
		width:190px; 
		margin:270px 10px 0 0;	
	}
	body.event .container .content.main {	
		width:514px; 
		padding:0 0 10px 0;
		background-image:url(../images/container-bottom.png);
		background-repeat:no-repeat;
		background-position:center bottom;
	}
	body.event .container .content.main .events div {
		background-image:url(../images/container.png);
		background-repeat:repeat-y;
	}
	body.event .container .content.main .events div div { background-image:none; }
	body.event .container .pageImages { padding:10px 0px 0 15px; }
	body.event .container .pageImages p {	
		position:absolute; 
		top:30px; 
		left:310px;	
	}
	body.event .container .pageImages img {	
		padding-right:10px; 
		display:inline;	
	}
	body.event h1.locations, body.event h1.details { 
		text-indent:-9999em; 
		height:40px; 
		background-repeat:no-repeat; 
	}
	body.event h1.locations {
		background-image:url(../images/event-landing-sidebar.png); 
		width:160px; 
	}
	body.event h1.details { 	background-image:url(../images/event-landing-header.png);  }
	body.event .content.sidebar {
		background-image:url(../images/sidebar-bottom.png);
		background-position:center bottom;
		background-repeat:no-repeat;
		padding:0 0 14px 0;
	}
	body.event .content.sidebar div { 	
		background-image:url(../images/sidebar.png);
		background-repeat:repeat-y;
		padding:0 20px 0 10px; 
	}
	body.event .events .eventListing {	
		display:block;
		clear:both;
		padding:20px 0;
	}
	body.event .content.main div.header {	padding:200px 0 0 15px;	}
	body.event .content.main div.events {	width:520px;	}
	body.event .content.main .events .eventDiv { 
		position:absolute; 
		height:0; 
		left:-9999em; 
		top:-9999em; 
	}
	body.event .content.main .events .eventDiv.active { 
		position:static;
		height:auto; 
		padding:0 0 20px 15px;
		float:left;
		width:520px;
	}
	body.event .sidebar h2 {	
		font-size:0.8em; 
		text-transform:uppercase; 
		font-weight:bold; 
		padding-bottom:5px;	
	}
	body.event .sidebar h2 em {	
		color:#F37724; 
		font-weight:bold;	
	}
	body.event .sidebar a {	
		font-size:0.8em; 
		text-transform:uppercase; 
		font-weight:bold; 
		text-decoration:none; 
		color:#f37724;	
	}
	body.event .sidebar a:hover { color:#000000; }
	body.event .sidebar a.eventLink {	padding-right:20px;	}
	body.event .events .eventDiv.active h3 {	
		font-weight:bold; 
		text-transform:uppercase; 
		font-size:1.3em;	
	}
	body.event .events .eventDiv.active h4 { 
		color:#f37724; 
		width:100px; 
		font-size:1.3em; 
		padding:0; 
	}
	body.event .events .eventDiv.active a {	
		text-decoration:none; 
		color:#000000;	
	}
	body.event .events .eventDiv.active a:hover {	color:#f37724;	}
	body.event .events .eventDiv.active p {	
		text-transform:uppercase; 
		width:329px; 
		padding:5px 0 0 0;	
	}
	body.event .events .eventDiv.active .venue p { padding-left:100px; }
	body.event .events .eventDiv.active .venue p.venueName { padding-left:0; }
	body.event .events .eventDiv.active h4, 
	body.event .events .eventDiv.active p {	
		float:left; 
		font-weight:bold;	
	}
	
	/*photo gallery*/
	body.photoGallery .photos { 
		float:left; 
		padding:10px; 
	}
	body.photoGallery .container { 
		float:left; 
		width:520px; 
	}
	body.photoGallery .photos img#notepad-img { 
		float:left; 
		width:258px; 
		height:220px; 
		padding:4px 4px 0 0; 
	}
	body.photoGallery .photos img.arrows {	
		float:right; 
		padding:5px 15px 0 0;	
	}
	body.photoGallery .photos .scroll { float:left; }
	body.photoGallery h3 {
		font-size:1.3em;
		font-weight:bold;
		text-transform:uppercase;
	}
	body.photoGallery .eventsContainer {
		width:540px;
		padding:10px 0 10px 315px;
	}
	body.photoGallery .eventsModule { 
		float:left;
		width:172px;
		background-image:url(../images/events-small-bottom.png);
		background-position:center bottom;
		background-repeat:no-repeat;
		padding:0 0 14px 0;
	}
	body.photoGallery .eventsModule div {
		background-image:url(../images/events-small.png);
		background-repeat:repeat-y;
		color:#000000;
		font-size:0.95em;
		font-weight:bold;
	}
	body.photoGallery .eventsModule div h5 { 
		font-size:1.1em; 
		font-weight:bold; 
	}
	body.photoGallery .eventsModule div div {	background-image:none;	}
	body.photoGallery .eventsModule .eventsContent {	padding:5px 15px 5px 10px;	}
	body.photoGallery .eventsHeader h2 {
		background-repeat:no-repeat;
		text-indent:-9999px;
		height:50px;
	}
	body.photoGallery .eventsContent a {	
		text-decoration:none;
		color:#000000;
	}
	body.photoGallery .eventsContent a:hover {	color:#f37724;	}
	body.photoGallery .next .eventsHeader h2 { background-image:url(../images/events-next-header.png) }
	body.photoGallery .upcoming .eventsHeader h2 { background-image:url(../images/events-upcoming-header.png) }
	body.photoGallery .past .eventsHeader h2 { background-image:url(../images/events-past-header.png) }
	body.photoGallery img.register { bottom:170px; }