/* gtr: #e51e25 */

/* @license
 * MyFonts Webfont Build ID 2470962, 2013-02-05T13:37:15-0500
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: Monstro Solid by PintassilgoPrints
 * URL: http://www.myfonts.com/fonts/pintassilgo/monstro/solid/
 * Copyright: By PintassilgoPrints, 2012. All rights reserved. 
 * 
 * 
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=2470962
 * 
 * © 2013 MyFonts Inc
*/


/* @import must be at top of file, otherwise CSS will not work */
@import url("count/25b432.css");

  
@font-face {font-family: 'MonstroSolid';src: url('fonts/25B432_0_0.eot');src: url('fonts/25B432_0_0.eot#iefix') format('embedded-opentype'),url('fonts/25B432_0_0.woff') format('woff'),url('fonts/25B432_0_0.ttf') format('truetype');}

@font-face {
  font-family: 'League Gothic';
  src: url("fonts/League_Gothic-webfont.eot");
  src: url("fonts/League_Gothic-webfont.eot#iefix") format('embedded-opentype'), url("fonts/League_Gothic-webfont.woff") format('woff'), url("fonts/League_Gothic-webfont.ttf") format('truetype');
  font-weight: normal;
  font-style: normal;
}

h1, h2, h3, h4 { font-weight: normal }

p, article li {
	font-size: 1em;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
}

.alert {
	font-family: Play, Arial, sans-serif;
	text-align: center;
}

.contact, .contact:visited {
	text-decoration: none;
	-webkit-transition-property: color, text-shadow;
	-webkit-transition-duration: 0.5s;
	-moz-transition-property: color, text-shadow;
	-moz-transition-duration: 0.5s;
	-o-transition-property: color, text-shadow;
	-o-transition-duration: 0.5s;
	transition-property: color, text-shadow;
	transition-duration: 0.5s;
	color: #800000;
	text-shadow: 1px -1px 0 rgba(0,0,0,0.2);
}

.contact:hover, .contact:active {
	color: #aa0000;
	text-shadow: 1px -1px 0 rgba(255,255,255,0.2);
}

html {
}

body {
	background: rgb(206, 220, 231);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NlZGNlNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1OTZhNzIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: url("img/grain5.png") repeat, -moz-linear-gradient(left, rgb(206, 220, 231) 0%, rgb(89, 106, 114) 100%); /* FF3.6+ */
	background: url("img/grain5.png") repeat, -webkit-gradient(linear, left top, right top, color-stop(0%, rgb(206, 220, 231)), color-stop(100%, rgb(89, 106, 114))); /* Chrome,Safari4+ */
	background: url("img/grain5.png") repeat, -webkit-linear-gradient(left, rgb(206, 220, 231) 0%, rgb(89, 106, 114) 100%); /* Chrome10+,Safari5.1+ */
	background: url("img/grain5.png") repeat, -o-linear-gradient(left, rgb(206, 220, 231) 0%, rgb(89, 106, 114) 100%); /* Opera 12+ */
	background: url("img/grain5.png") repeat, -ms-linear-gradient(left, rgb(206, 220, 231) 0%, rgb(89, 106, 114) 100%); /* IE10+ */
	background: url("img/grain5.png") repeat, linear-gradient(to right, rgb(206, 220, 231) 0%, rgb(89, 106, 114) 100%); /* W3C */
}

#header {
	background: rgb(144, 179, 206); /* Old browsers */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFhMWExYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ0JSIgc3RvcC1jb2xvcj0iIzdkYjllOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5MGIzY2UiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: url("img/grain5.png") repeat, -moz-linear-gradient(top,  rgba(26,26,26,1) 0%, rgba(125,185,232,0.7) 44%, rgba(144,179,206,0.5) 100%); /* FF3.6+ */
	background: url("img/grain5.png") repeat,-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(26,26,26,1)), color-stop(44%,rgba(125,185,232,0.7)), color-stop(100%,rgba(144,179,206,0.5))); /* Chrome,Safari4+ */
	background: url("img/grain5.png") repeat,-webkit-linear-gradient(top,  rgba(26,26,26,1) 0%,rgba(125,185,232,0.7) 44%,rgba(144,179,206,0.5) 100%); /* Chrome10+,Safari5.1+ */
	background: url("img/grain5.png") repeat,-o-linear-gradient(top,  rgba(26,26,26,1) 0%,rgba(125,185,232,0.7) 44%,rgba(144,179,206,0.5) 100%); /* Opera 11.10+ */
	background: url("img/grain5.png") repeat,-ms-linear-gradient(top,  rgba(26,26,26,1) 0%,rgba(125,185,232,0.7) 44%,rgba(144,179,206,0.5) 100%); /* IE10+ */
	background: url("img/grain5.png") repeat,linear-gradient(to bottom,  rgba(26,26,26,1) 0%,rgba(125,185,232,0.7) 44%,rgba(144,179,206,0.5) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#657E91', endColorstr='#90b3ce',GradientType=0 ); /* IE6-8 */
}

#header .logo {
	display: block;
	position: relative;
	z-index: 5;
	padding-bottom: 10px;
}

#header .logo a {
	display: block;
}

#header .logo img {
	position: relative;
}

#top_nav {
	height: 39px;
	background-color: #000;
	position: relative;
	background: -moz-linear-gradient(top,  #000 0%, #1a1a1a 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000), color-stop(100%,#1a1a1a)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #000 0%, #1a1a1a 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #000 0%, #1a1a1a 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #000 0%, #1a1a1a 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #000 0%, #1a1a1a 100%); /* W3C */
}

#nav_dropdown, #nav_dropdown:visited {
	font-family: Play, Arial, sans-serif;
	text-transform: uppercase;
	font-size: 1.15em;
	padding: 12px 14px;
	display: block;
	text-decoration: none;
	text-shadow: -1px 1px 3px #000;
	color: #fff;
}

#top_nav .nav {
	padding: 0;
	margin: 0;
	list-style: none;
	display: none;
}

#top_nav .nav.social {
	display: none;
	margin-left: 0;
	float: right;
}

#top_nav .nav.social li {
	float: left;
}

#top_nav .nav li {
	display: block;
}

#top_nav .nav.social li a {
	float: none;
	border: 0;
	padding: 10px 8px;
}

#top_nav .nav a, #top_nav a:visited {
	line-height: 1;
	font-size: 1.15em;
	font-family: Play, Arial, sans-serif;
	text-transform: uppercase;
	color: #fff;
	padding: 10px 14px;
	display: block;
	text-decoration: none;
	text-shadow: -1px 1px 3px #000;
}

#top_nav .nav a:hover, #top_nav a:active, #top_nav a.active {
	background-color: #eb1c25;
	text-decoration: none;
}

.index_feature {
	margin-top: 1em;
}

.feature_band {
	box-shadow: 0 0 40px 0 rgba(0,0,0,0.8);
	position: relative;
	z-index: 10;
}

.feature_band img {
	display: block;
	
	max-height: 413px;
}

#main .feature_band h1 {
	font-family: "League Gothic", Arial, sans-serif;
	font-weight: normal;
	position: absolute;
	border-radius: 0;
	background-color: #eb1c25;
	box-shadow: inset 0 0 10px 0 rgba(0,0,0,0.8);
	text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.7), -1px -1px 2px rgba(0, 0, 0, 0.7);
	font-size: 2em;
	bottom: 0;
	right: 0;
	color: #fff;
	margin: 0;
	padding: 6px 12px 6px 12px;
}

#main,
.feature_band img {
	width: 100%;
}

#header .logo {
	width: 100%;
	margin: 0 auto;
}

#header .logo img {
	display: block;
}

#header .logo img {
	width: 100%;
	margin: 0 auto;
}

.ticket_box {
	box-shadow: inset 0 0 10px rgba(0,0,0,0.7);
	background-color: #6ab1ba;
	padding: 8px;
	margin: 8px 0;
}

.page .ticket_box.ticket_split h1 {
	font-size: 1.75em;
}

.ticket_box ul {
}

.ticket_box li {
	color: #333;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.3);
	font-family: "MonstroSolid", Helvetica, Arial, sans-serif;
}

.page .ticket_box h1 {
	background-color: transparent;
	box-shadow: none;
	color: #111;
	font-size: 3em;
	margin: 0;
	font-family: "MonstroSolid", Helvetica, Arial, sans-serif;
	text-align: center;
	font-weight: normal;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.3);
}

.page .price_and_link h2 {
	font-family: "MonstroSolid", Helvetica, Arial, serif;
	font-weight: normal;
	float: left;
	font-size: 2.2em;
	color: #eb1c25;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.3);
	margin: .25em .5em .25em 0;
	width: 50%;
	text-align: right;
}

.price_and_link .buy_now {
	display: block;
	float: left;
	border: 1px solid #333;
	box-shadow: 0 0 4px rgba(0,0,0,0.5);
	text-shadow: 1px 1px 1px rgba(255,255,255,0.3);
	padding: 2px 8px;
	background-color: #8ad1da;
	font-size: 1.75em;
	text-decoration: none;
	text-transform: uppercase;
	color: #111;
	font-family: "MonstroSolid", Helvetica, Arial, sans-serif;
	margin: 0.4em auto;
}
/*
.page .ticket_box.ticket_split h2,
.page .ticket_box.ticket_split .buy_now {
	float: none;
	width: auto;
	text-align: center;
	display: block;
	margin-right: 0;
	margin-left: 0;
} */

.price_and_link .buy_now:hover {
	color: #eb1c25;
}

.promo_box {
}

.header-left {
	position: relative;
}

.header-left .promo_box, .front_page_promo .promo_box {
	display: none;
}

.promo {
	display: block;
	text-decoration: none;
	box-shadow: 0 0 8px rgba(0,0,0,0.9);
	background-color: #fff;
	color: #000;
}

.promo:hover {
	color: #800;
}

.promo img {
	display: none;
}

.promo h2 {
	font-family: "League Gothic", Arial, sans-serif;
	font-weight: normal;
	padding: 0 8px 8px 8px;
	margin: 0;
}

.page h1 {
	font-family: "MonstroSolid", Arial, sans-serif;
	background-color: #eb1c25;
	border-radius: 6px;
	box-shadow: inset 1px 1px 6px rgba(0,0,0,0.7);
	text-shadow: 1px 1px 1px rgba(255,255,255,0.3);
	color: #000;
	font-weight: normal;
	font-size: 2.75em;
	padding: 0.2em 0 0.3em 0;
	margin: 0.5em 0;
	text-align: center;
}

.page h2 {
	font-family: "League Gothic", Arial, sans-serif;
	font-size: 2em;
}

.page .info h2 {
	margin: 1.5em 0 0 0;
}

.page .performing_at {
	font-size: 1.5em;
	text-transform: uppercase;
	margin: 0;
}

.page p {
	margin: 1em 0;
	line-height: 1.5;
	font-size: 0.85em;
}

.page p small {
	display: block;
	font-size: 60%;
	line-height: 1.5;
}

#side_area {
	font-family: "League Gothic", Arial, sans-serif;
	font-weight: normal;
	list-style: none;
	margin: 0;
	background-color: #000;
	background-color: rgba(0,0,0,0.8);
	color: #eef;
	box-shadow: inset 0 0 32px 0 rgba(0,0,0,0.8);
	display: none;
}

#side_area .fest_essential {
	width: 55%;
	float: left;
	text-align: center;
}

#side_area .fest_essential h2 {
	line-height: 1;
	font-size: 1.3em;
	margin: 8px 16px;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.7);
}

#side_area .venue_logo {
	width: 320px;
	margin: 0 auto;
	display: block;
	text-decoration: none;
	text-align: center;
}

#side_area .venue_logo img {
	width: 100%;
}

#buy_tickets {
	font-family: "League Gothic", Arial, sans-serif;
	box-shadow: inset 0 0 12px 0 rgba(0,0,0,0.8);
	text-shadow: 1px 1px 1px rgba(0,0,0,0.9);
	text-transform: uppercase;
	background-color: #eb1c25;
	background-color: rgba(235,28,37,0.9);
	color: #fff; 
	text-decoration: none;
	width: 100%;
	padding: 8px 0;
	display: block;
	line-height: 1;
	font-size: 1.85em;
	position: relative;
	text-align: center;
}

#buy_tickets img {
	display: block;
	margin: 0 auto;
	width: 280px;
}

.contact_form label {
	width: 100%;
	margin-right: 1em;
}

.contact_form div {
	margin-bottom: 0.5em;
}

.input {
	width: 90%;
}

input[type="submit"], button[type="submit"] {
	border: 0;
	font-size: 0.87em;
	color: white;
}

input[type="submit"] {
	background: #a90329; /* Old browsers */
	background: -moz-linear-gradient(top,  #a90329 0%, #8f0222 44%, #6d0019 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a90329), color-stop(44%,#8f0222), color-stop(100%,#6d0019)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #a90329 0%,#8f0222 44%,#6d0019 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #a90329 0%,#8f0222 44%,#6d0019 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #a90329 0%,#8f0222 44%,#6d0019 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #a90329 0%,#8f0222 44%,#6d0019 100%); /* W3C */
	padding: 1em 1.5em;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}

button[type="submit"] {
	background: #000000; /* Old browsers */
	background: -moz-linear-gradient(top,  #222222 0%, #000000 44%, #333333 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#222222), color-stop(44%,#000000), color-stop(100%,#333333)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #222222 0%,#000000 44%,#333333 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #222222 0%,#000000 44%,#333333 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #222222 0%,#000000 44%,#333333 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #222222 0%,#000000 44%,#333333 100%); /* W3C */
	padding: 0.5em .75em;
}

.input select,
.input input,
.input textarea {
	width: 100%;
}

.pulse {
	-moz-transition: background-color 2s linear;    /* FF3.7+ */
	-o-transition: background-color 2s linear;      /* Opera 10.5 */
	-webkit-transition: background-color 2s linear; /* Saf3.2+, Chrome */
	transition: background-color 2s linear;
}

.pulse.pay_attention, #buy_tickets.pay_attention {
	background-color: #eb12c5;
}

#buy_tickets:hover {
	background-color: #eb12c5;
}

.social_break {
	background-color: #000;
	box-shadow: 0 0 10px rgba(0,0,0,0.7);
	color: #fff;
	margin: 1em 0;
	padding: 1.4em 0 1em 0;
}

.social_wrap {
	margin-bottom: 8px;
}

.social-area {
	margin-top: 16px;
	text-align: center;
	font-size: 3em;
	display: block;
	float: left;
	width: 20%;
}

.social-text {
	top: 4px;
	float: left;
	border: 2px solid #aaa;
	border-radius: 6px;
	padding: 0 2%;
	position: relative;
	width: 74%;
	min-height: 40px;
}

.social-text p {
	padding-left: 0.25em;
}

.social_arrow {
	border-style: solid;
	border-width: 10px;
	height: 0;
	width: 0;
	position: absolute;
	bottom: 40%;
}

.sponsor-small {
	display: none;
}

.arrow-left {
	border-color: transparent #000 transparent transparent;
	left: -19px;
}

.arrow-left-border {
	border-color: transparent #aaa transparent transparent;
  left: -22px;
}

.lineup_box {
	background-color: #6ab1ba;
	margin-top: 1em;
	padding: 8px 8px;
	box-shadow: 0 0 10px rgba(0,0,0,0.9);
	text-align: center;
}

#main .lineup_box {
	margin-top: 0;
}

.lineup_box a,
.lineup_box a:visited {
	color: inherit;
	white-space: nowrap;
	text-decoration: none;
}

.lineup_box a:hover,
.lineup_box a:active {
	color: #eb1c25;
}

.lineup_box header {
	font-family: "MonstroSolid", sans-serif;
	background-color: #eb1c25;
	box-shadow: inset 1px 1px 6px rgba(0,0,0,0.7);
	border-radius: 6px;
	font-weight: normal;
	font-size: 2em;
	line-height: 1.4;
	font-weight: normal;
	color: #000;
	width: 90%;
	margin: 0 auto;
}

.lineup_box h1, .lineup_box h2, .lineup_box h3, .lineup_box h4, .lineup_box h5 {
	font-family: "MonstroSolid", Arial, sans-serif;
	color: #fff;
	font-weight: normal;
	margin: 0;
}

.larger_lineup {
	font-size: 114%;
}

.lineup_box h1 a,
.lineup_box h2 a,
.lineup_box h3 a {
	text-shadow: 2px 2px 2px rgba(0,0,0,0.7),
							 -1px -1px 2px rgba(0,0,0,0.7);
}

.lineup_box h4 a,
.lineup_box h5 a {
	text-shadow: 1px 1px 1px rgba(255,255,255,0.3);
}

.lineup_box a:hover {
	text-shadow: none !important;
}

.lineup_box h1 {
	color: #fff;
	font-size: 2em;
}

.lineup_box h2 {
	font-size: 1.5em;
}

.lineup_box h3 {
	font-size: 1.25em;
}

.lineup_box h4 {
	margin: 4px 0;
	font-size: 0.85em;
	color: #333;
}

.lineup_box h5 {
	margin: 2px 0;
	font-size: 0.9em;
	color: #333;
}

.lineup_box h1:hover, .lineup_box h2:hover, .lineup_box h3:hover, .lineup_box h4:hover, .lineup_box h5:hover {
	text-shadow: none;
}

.break_winners {
	margin-top: 0.5em;
}


.lineup_box h3 .special {
	color: #eb1c25;
}

.lineup_box h4 .special {
	color: #eb1c25;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.3);
}

.lineup_box .bob {
	color: #fff;
	text-shadow: 1px 1px 3px #eb1c25, -1px -1px 3px #eb1c25;
}

.lineup_box .bob a:hover {
	text-shadow: none;
}

footer {
	background-color: rgb(106, 177, 186);
	box-shadow: 0 0 10px rgba(0,0,0,0.8);
	background: url("img/grain5.png") repeat, rgba(106, 177, 186, 0.9);
	margin-top: 1em;
}

footer .wrapper {
	background: none;
	padding-bottom: 1em;
}

.footer_nav {
	padding-top: 16px;
}

.footer_nav ul {
	padding-left: 0;
	margin: 0;
	list-style: none;
}

.footer_nav li a, .footer_promo .info {
	display: block;
	text-transform: uppercase;
	text-align: center;
	color: #fff;
	background-color: #eb1c25;
	border-radius: 10px;
	box-shadow: inset 1px 1px 6px rgba(0,0,0,0.7);
	padding: 6px 12px;
	margin: 12px;
	font-family: "League Gothic", Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	line-height: 1.2;
	text-decoration: none;
}

.footer_promo .info {
	margin: 12px 0 8px 0;
	padding: 6px 0;
	width: 300px;
}

.footer_promo {
	clear: both;
	float: none;
	margin-left: 12px;
}

.footer_promo .promo_box {
	margin-top: 1em;
	margin-left: .5em;
}

.footer_promo .promo_box img {
	padding: .5em;
	display: block;
}

.footer_nav li a:hover {
	background-color: rgb(250, 210, 90);
	color: #000;
}

.footer_sponsor_logos {
	float: left;
	padding-top: 16px;
	color: #999;
}

.days_to_go {
	color: #D61834;
	font-family: "MonstroSolid";
	text-align: center;
}

.days_to_go h1, .days_to_go h2 {
	text-shadow: #ffffff 2px 2px, #ffffff 2px 2px, #ffffff -2px 2px, #ffffff -2px -2px, #ffffff -2px -2px, #ffffff 2px -2px, #ffffff 2px -2px;
}

.days_to_go h1 {
	margin: 0;
	font-size: 10em;
	line-height: 100%;
}

.days_to_go h2 {
	font-size: 3em;
	margin: 0;
	line-height: 100%;
}

#mail-signup {
	position: absolute;
	top: 39px;
	right: 0;
	background-color: #eb1c25;
	box-shadow: inset 0 0 6px rgba(0,0,0,0.8);
	height: 33px;
	width: 240px;
	z-index: 1000;
}

#mail-signup {
	font-size: 85%;
}

#mail-signup input, #mail-signup button {
	margin: 4px;
}

#main.page {
	background: rgb(224, 206, 190);
	background: url("img/grain5.png") repeat, -moz-linear-gradient(top, rgb(224, 206, 190) 0%, rgb(210, 200, 180) 100%); /* FF3.6+ */
	background: url("img/grain5.png") repeat, -webkit-gradient(linear, top center, bottom center, color-stop(0%, rgb(224, 206, 190)), color-stop(100%, rgb(210, 200, 180))); /* Chrome,Safari4+ */
	background: url("img/grain5.png") repeat, -webkit-linear-gradient(top, rgb(224, 206, 190) 0%, rgb(210, 200, 180) 100%); /* Chrome10+,Safari5.1+ */
	background: url("img/grain5.png") repeat, -o-linear-gradient(top, rgb(224, 206, 190) 0%, rgb(210, 200, 180) 100%); /* Opera 12+ */
	background: url("img/grain5.png") repeat, -ms-linear-gradient(top, rgb(224, 206, 190) 0%, rgb(210, 200, 180) 100%); /* IE10+ */
	background: url("img/grain5.png") repeat, linear-gradient(to bottom, rgb(224, 206, 190) 0%, rgb(210, 200, 180) 100%); /* W3C */
}

.page article {
	padding: .5em 0;
	margin: 0 1.5em;
}

.bb {
	color: #eb1c25;
	text-shadow: none;
}

.top_vendor {
	display: block;
	margin: 4px auto;
	box-shadow: 0 0 4px rgba(0,0,0,0.5);
}

.top_vendor img {
	width: 100%;
	display: block;
}

.vendor .bb {
	color: rgb(89, 106, 114);
	font-family: Arial;
}

.vendor h3 {
	text-align: center;
	font-size: 1.5em;
	font-family: "League Gothic", Arial, sans-serif;
}

.youTubeWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.youTubeWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#download_app {
	background: rgb(238,238,238); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(238,238,238,1) 0%, rgba(188,188,188,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,238,238,1)), color-stop(100%,rgba(188,188,188,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(188,188,188,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(188,188,188,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(188,188,188,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(238,238,238,1) 0%,rgba(188,188,188,1) 100%); /* W3C */
	font-size: 1em;
}

.app_button {
	font-size: 0.6em;
	font-weight: 700;
	border-radius: 4px;
	text-transform: uppercase;
	text-decoration: none;
	text-align: center;
	margin: 8px 6px 8px 0;
	padding: 4px;
	display: block;
	float: left;
}

.app_button.download {
	box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
	border: 1px solid rgba(0,0,0,0.25);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(180,227,145,1)), color-stop(50%,rgba(97,196,25,1)), color-stop(100%,rgba(180,227,145,1))); /* Chrome,Safari4+ */	
	width: 92px;
}

.app_button.no_thanks {
	width: 52px;
	color: #111;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(224,243,250,1)), color-stop(50%,rgba(216,240,252,1)), color-stop(51%,rgba(184,226,246,1)), color-stop(100%,rgba(182,223,253,1))); /* Chrome,Safari4+ */
	box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	border: 1px solid rgba(0,0,0,0.2);
}

.app_sell {
	padding: 1em 0;
	margin: 0 auto;
	width: 300px;
	font-size: 0.9em;
}

.app_sell strong {
	font-size: 1.35em;
}

.app_sell .text_and_button {
	float: left;
	margin-top: 4px;
	width: 180px;
}

.app_sell h4 { 
	margin: 0;
}

.app_sell .download_image {
	width: 96px;
	display: block;
	float: left;
	margin-right: 16px;
}

.app_sell .download_image img {
	width: 100px;
	display: block;
}

.lightbox {
	position: absolute;
	z-index: 999;
	padding: 8px;
	background-color: #fff;
	box-shadow: 0 0 10px rgba(0,0,0,0.4);
}

.mask {
	position: absolute;
	z-index: 998;
	background-color: #000;
	background-color: rgba(0,0,0,0.9);
	top: 0;
	left: 0;
}

.middletown {
	width: 620px;
	height: 400px;
	position: relative;
	background: url("img/middletown.png");
}

.middletown .inner {
	position: absolute;
	top: 0;
	left: 0;
}

@media screen and (min-width: 480px) {
	.wrapper {
		width: 100%;
		margin: 0 auto;
	}
	
	.wrapper.large {
		width: 100%;
	}
	
	#top_nav .nav {
		width: 440px;
		float: right;
		display: block;
	}
	
	#top_nav .nav li {
		float: left;
	}
	
	#top_nav .nav a {
		padding: 10px 7px;
	}
	
	#nav_dropdown {
		display: none;
	}
	
	.header-left {
		width: 100%;
	}
	
	#header {
		width: 100%;
	}
	
	#header .logo {
		width: 100%;
	}

	#header .logo img {
		width: 380px;
	}
	
	#main .feature_band h1 {
		font-size: 3em;
	}
	
	#main {
		background-color: #000;
		width: 100%;
	}
	
	#main.lineup {
		background-color: transparent;
	}
	
	#main.page {
		box-shadow: 0 0 10px rgba(0,0,0,0.8);
	}
	
	
	.front_page_promo .promo_box {
		margin-left: 1%;
		display: block;
	}
	
	.front_page_promo .promo {
		width: 32.5%;
		margin-right: 1%;
		float: left;
	}
	
	.front_page_promo .promo_box .promo:last-child {
		margin-right: 0;
	}
	
	.front_page_promo .promo img {
		display: block;
		margin: 2%;
		width: 96%;
		height: auto;
	}
	
	#main .lineup_box {
		font-size: 120%;
	}
	
	.lineup_box h1 {
		font-size: 2em;
	}

	.lineup_box h2 {
		font-size: 1.5em;
	}

	.lineup_box h3 {
		font-size: 1.25em;
	}
	
	.lineup_box h4 {
		font-size: 1em;
	}
	
	.lineup_box header {
		font-size: 3em;
	}
	
	.social-area {
		margin-top: auto;
		font-size: 4em;
		text-align: left;
		width: 100px;
	}
	
	.social-text {
		padding: 4px 10px;
		width: 74%;
	}
	
	.page .ticket_box h1 {
		font-size: 4em;
	}
	
	.page p {
		font-size: 1em;
	}
	/*
	.page .ticket_box.ticket_split h2,
	.page .ticket_box.ticket_split .buy_now {
		float: left;
		width: 44%;
		display: block;
	}
	
	.page .ticket_box.ticket_split h2 {
		text-align: right;
		margin-right: .5em;
	}
	
	.page .ticket_box.ticket_split .buy_now {
		text-align: center;
		margin-left: 0.4em;
	} */
	
	.top_vendor img {
		width: 325px;
	}
	
	.top_vendor {
		margin: 4px auto;
		width: 325px;
	}
	
}

@media screen and (max-width: 560px) {
	.lineup_box h2 a {
		display: block;
	}
	
	.lineup_box h2 .bb {
		display: none;
	}
}

@media screen and (min-width: 600px) {
	.footer_nav ul {
		float: left;
		width: 200px;
	}
}

@media screen and (min-width: 768px) {
	.wrapper {
		width: 768px;
		margin: 0 auto;
	}
	
	.wrapper.large {
		width: 768px;
	}
	
	#side_area {
		display: block;
		padding: 8px 0 4px 0;
	}
	
	#main .feature_band h1 {
		font-size: 3em;
	}
	
	#top_nav .nav {
		width: auto;
		float: none;
		margin-left: 38%;
	}
	
	#buy_tickets {
		padding: 14px 0;
		font-size: 3em;
	}
	
	#buy_tickets img {
		width: 220px;
	}
	
	#top_nav .nav a {
		padding: 10px 7px;
		border-left: 1px solid #444;
		border-left: 1px solid rgba(127,127,127,0.25);
	}
	
	#top_nav .nav .last {
		border-right: 1px solid #444;
		border-right: 1px solid rgba(127,127,127,0.25);
	}
	
	#header {
		position: relative;
	}
	
	.header-left {
		width: 38%;
		float: left;
	}
	
	.header-left .promo_box {
		width: 95%;
		display: block;
	}
	
	.header-left .promo {
		margin: 5% 0;
	}
	
	.header-left .promo_box img {
		display: block;
		width: 100%;
		margin-bottom: 8px;
	}
	
	#header .logo {
		width: 90%;
		padding: 0 10%;
		top: -30px;
		left: -10px;
		margin-bottom: -21px;
	}

	#header .logo img {
		width: 100%;
		margin: 0;
	}
	
	#header {
		box-shadow: inset 2px -4px 6px 0 rgba(0,0,0,0.45), inset -4px 8px 6px 0 rgba(26,26,26,0.65);
	}
	
	#main {
		width: 62%;
		float: left;
	}
	
	
	.front_page_promo .promo_box {
		margin-left: 1%;
	}
	
	.front_page_promo .promo {
		width: 32.5%;
		margin-right: 1%;
		margin-left: 0;
		float: left;
	}
	
	.front_page_promo .promo_box .promo:last-child {
		margin-right: 0;
	}
	
	.front_page_promo .promo img {
		margin: 2%;
		width: 96%;
		height: auto;
	}
	
	.social-area {
		margin-top: auto;
		font-size: 4em;
		text-align: left;
		width: 100px;
	}
	
	.lineup_box {
		border-radius: 16px;
	}
	
	#main .lineup_box {
		margin-top: 0;
		border-radius: 0;
	}
	
	.lineup_box h1 {
		font-size: 2em;
	}

	.lineup_box h2 {
		font-size: 1.15em;
	}

	.lineup_box h3 {
		font-size: 1.15em;
	}
	
	.lineup_box h4 {
		font-size: 0.75em;
	}
	
	.lineup_split {
		float: left;
		width: 48%;
		margin: 0 0.75%;
	}
	
	#side_area .fest_essential h2 {
		margin: 2px 0;
		text-align: center;
	}
	
	#side_area .fest_essential {
		width: 60%;
	}
	
	.lineup_box .lineup_split:first-child {
		border-right: 1px solid #565656;
		margin-right: 0;
		padding-right: 0.75%;
	}
	
	.lineup_box header {
		font-size: 2.4em;
	}
	
	#side_area .venue_logo {
		width: 92%;
		padding-bottom: 9px;
	}
	
	#side_area .venue_logo h1 {
		margin-top: 4px;
		margin-bottom: 0;
		font-size: 240%;
	}
	
	#side_area .venue_logo h2 {
		line-height: 1.21;
		color: #ddd;
		margin: 4px 0;
		font-size: 210%;
	}
	
	.social-text {
		padding: 4px 10px;
		width: 80%;
	}
	
	.page p {
		font-size: 1em;
	}
	
	.contact_form label {
		text-align: right;
		float: left;
		width: 25%;
	}
	
	.survey label {
		width: 50%;
	}
	
	input[type="submit"] {
		margin-left: 28%;
	}
	
	.input {
		width: 55%;
		float: left;
	}
	
	.survey .input {
		width: 45%;
	}
	
	.footer_promo {
		clear: none;
		float: right;
	}
	
	.footer_promo img, .footer_promo .info {
		width: 250px;
	}
	
	.footer_promo .days_to_go {
		width: 150px;
	}
	
	.days_to_go h1 {
		margin: 0;
		font-size: 7em;
		line-height: 100%;
	}

	.days_to_go h2 {
		font-size: 2.5em;
		margin: 0;
		line-height: 100%;
	}
	
	.top_vendor {
		float: left;
		width: auto;
		margin: 4px;
	}
	
	.top_vendor img {
		width: 206px;
	}
	
}

@media screen and (min-width: 960px) {
	.wrapper {
		width: 960px;
		margin: 0 auto;
		position: relative;
	}
	
	.wrapper.large {
		width: 960px;
	}
	
	#top_nav .nav {
		margin-left: 340px;
	}
	
	#top_nav .nav a {
		padding: 10px;
	}
	
	#top_nav .nav.social {
		display: block;
	}
	
	#side_area {
		display: block;
		padding: 12px 0 6px 0;
	}
	
	.header-left, .header-left .promo_box {
		width: 340px;
	}
	
	#header .logo {
		width: 340px;
		padding: 0 10px;
		top: -30px;
		margin-bottom: -21px;
		left: -10px;
		z-index: 5;
	}

	#header .logo img {
		display: block;
		width: 320px;
		margin: 0 auto;
	}
	
	#buy_tickets {
		font-size: 3em;
		padding: 12px 0;
	}
	
	#main {
		width: 620px;
	}
	
	
	.front_page_promo .promo_box {
		margin-left: 0;
	}
	
	.front_page_promo .promo {
		width: 310px;
		margin-right: 15px;
	}
	
	.front_page_promo .promo img {
		margin: 8px 0 8px 8px;
		width: 294px;
		height: 212px;
	}
	
	.lineup_box h1 {
		font-size: 2em;
	}

	.lineup_box h2 {
		font-size: 1.5em;
	}

	.lineup_box h3 {
		font-size: 1.25em;
	}
	
	.lineup_box h4 {
		font-size: 1em;
	}
	
	.lineup_box header {
		font-size: 3em;
	}
	
	.social-text {
		width: 836px;
	}
	
	.sponsor-small {
		display: block;
		float: left;
		margin: 10px 28px 0;
	}
	
	.sponsor-small img {
		width: 120px;
		display: block;
	}
	
	#side_area .fest_essential h2 {
		font-size: 1.8em;
		margin: 2px 16px;
	}
	
	#side_area .venue_logo {
		width: 320px;
		padding-bottom: 12px;
	}
	
	#side_area .venue_logo h1 {
		margin-top: 4px;
		margin-bottom: 0;
		font-size: 300%;
	}
	
	#side_area .venue_logo h2 {
		line-height: 1.21;
		color: #ddd;
		margin: 2px 0;
		font-size: 260%;
	}
	
	#side_area .fest_essential {
		width: 55%;
	}
	
	.ticket_box.ticket_split {
		float: left;
		width: 45%;
	}
	
	.ticket_split.last {
		margin-left: 4%;
	}
	
	.page .ticket_box.ticket_split h2,
	.page .ticket_box.ticket_split .buy_now {
		float: none;
		width: auto;
		text-align: center;
		display: block;
		margin-right: 0;
		margin-left: 0;
	}
	
	#buy_tickets img {
		width: 270px;
		height: 47px;
	}
	
	.page p {
		font-size: 1em;
	}
	
	.footer_promo img {
		width: auto;
	}
	
	.footer_promo .info {
		width: 300px;
	}
	
	.top_vendor img {
		width: 276px;
	}
	
	.footer_promo .days_to_go {
		width: 300px;
	}
	
	.days_to_go h1 {
		margin: 0;
		font-size: 10em;
		line-height: 100%;
	}

	.days_to_go h2 {
		font-size: 3em;
		margin: 0;
		line-height: 100%;
	}
}

.social-text small {
	color: #eb1c25;
}

.social-text a {
	text-decoration: none;
	color: #eb1c25;
}

.social-text a:hover {
	text-decoration: underline;
}

.clearfix:before,
.clearfix:after {
	content: " "; /* 1 */
	display: table; /* 2 */
}

.clearfix:after {
	clear: both;
}

.clearfix {
	*zoom: 1;
}


@font-face {
  font-family: 'SASsymbols';
  src: url("fonts/sas.eot");
  src: url("fonts/sas.eot#iefix") format('embedded-opentype'), url("fonts/sas.woff") format('woff'), url("fonts/sas.ttf") format('truetype'), url("img/sas.svg") format('svg');
  font-weight: normal;
  font-style: normal;
}
[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: 'SASsymbols';
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: 0.2em;
  text-align: center;
  opacity: 0.8;
/* fix buttons height, for twitter bootstrap */
  line-height: 1em;
/* Animation center compensation - magrins should be symmetric */
/* remove if not needed */
  margin-left: 0.2em;
/* you can be more comfortable with increased icons size */
/* font-size: 120%; */
/* Uncomment for 3D effect */
/* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.no-push:before {
	margin-right: 0;
	margin-left: -0.1em;
}

.postfix:after {
	margin-right: 0;
	margin-left: 2em;
}

.icon-mail:before { content: '\2709'; } /* '✉' */
.icon-twitter:before { content: '\f309'; } /* '' */
.icon-facebook:before { content: '\f30c'; } /* '' */
.icon-ticket:before { content: '\2707'; } /* '✇' */

#radio_wrapper {
	width: 729px;
	height: 502px;
	background: url('img/box.jpg') no-repeat;
	position: relative;
}

#songs {
	position: absolute;
	padding: 0;
	margin: 0;
	top: 215px;
	left: 320px;
	list-style: none;
	height: 250px;
	overflow-y: scroll;
	overflow-x: none;
	width: 385px;
}

#songs li a,
#songs li a:visited {
	font-family: monospace;
	text-decoration: none;
	background-color: #eee;
	color: black;
	height: 14px;
	box-shadow: 0 0 6px black;
	text-shadow: 1px 1px 1px gray;
	display: inline-block;
	padding: 3px;
	margin: 6px 0 5px 0;
	font-size: 12px;
	-webkit-transform: rotate(-0.1deg);
	-moz-transform: rotate(-0.1deg);
	transform: rotate(-0.1deg);
	max-width: 360px;
	white-space: nowrap;
	overflow: hidden;
  text-overflow: ellipsis;
	text-transform: lowercase;
}

#songs li:nth-child(2n) a {
	-webkit-transform: rotate(0.1deg);
	-moz-transform: rotate(0.1deg);
	transform: rotate(0.1deg);
}

#songs li.playing a,
#songs li a:hover {
	background-color: #000;
	color: #dde;
}

.audiojs {
	position: relative;
	top: 174px;
	left: 131px;
	width: 472px;
	height: 31px;
	background: rgb(219,219,219); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(219,219,219,1) 0%, rgba(183,183,183,1) 50%, rgba(155,155,155,1) 51%, rgba(246,246,246,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(219,219,219,1)), color-stop(50%,rgba(183,183,183,1)), color-stop(51%,rgba(155,155,155,1)), color-stop(100%,rgba(246,246,246,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(219,219,219,1) 0%,rgba(183,183,183,1) 50%,rgba(155,155,155,1) 51%,rgba(246,246,246,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(219,219,219,1) 0%,rgba(183,183,183,1) 50%,rgba(155,155,155,1) 51%,rgba(246,246,246,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(219,219,219,1) 0%,rgba(183,183,183,1) 50%,rgba(155,155,155,1) 51%,rgba(246,246,246,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(219,219,219,1) 0%,rgba(183,183,183,1) 50%,rgba(155,155,155,1) 51%,rgba(246,246,246,1) 100%); /* W3C */
}

.audiojs .loaded {
	background: rgb(219,219,219); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(219,219,219,1) 0%, rgba(183,183,183,1) 50%, rgba(155,155,155,1) 51%, rgba(246,246,246,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(219,219,219,1)), color-stop(50%,rgba(183,183,183,1)), color-stop(51%,rgba(155,155,155,1)), color-stop(100%,rgba(246,246,246,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(219,219,219,1) 0%,rgba(183,183,183,1) 50%,rgba(155,155,155,1) 51%,rgba(246,246,246,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(219,219,219,1) 0%,rgba(183,183,183,1) 50%,rgba(155,155,155,1) 51%,rgba(246,246,246,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(219,219,219,1) 0%,rgba(183,183,183,1) 50%,rgba(155,155,155,1) 51%,rgba(246,246,246,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(219,219,219,1) 0%,rgba(183,183,183,1) 50%,rgba(155,155,155,1) 51%,rgba(246,246,246,1) 100%); /* W3C */
}

.audiojs .progress {
	background: rgb(219,219,219); /* Old browsers */
	background: -moz-linear-gradient(top,  #800 0%, #9a0000 50%, #7a0000 51%, #800 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#800), color-stop(50%,#9a0000), color-stop(51%,#7a0000), color-stop(100%,#800)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #800 0%,#9a0000 50%,#7a0000 51%,#800 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #800 0%,#9a0000 50%,#7a0000 51%,#800 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #800 0%,#9a0000 50%,#7a0000 51%,#800 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #800 0%,#9a0000 50%,#7a0000 51%,#800 100%); /* W3C */
}

.audiojs .time {
	background: black;
	color: green;
	text-shadow: 0;
	height: 31px;
	line-height: 30px;
	font-size: 14px;
	margin: 0px 0px 0px 6px;
	padding: 0px 15px 0px 15px;
}

.audiojs .time em {
	color: green;
	text-shadow: 0;
}

.audiojs p {
	height: 30px;
}

.audiojs .play-pause {
	height: 30px;
	padding: 2px 4px;
}

.audiojs .scrubber {
	margin: 8px 14px;
}