/* ================ LOADER ELEMENTS ================*/

body.has_slideshow.loader{
	background: #f4f4f4 url(im/loading_g.gif) center 25em no-repeat;
}

.col_wrapper.loader{
	background: url(im/loading_w.gif) center center no-repeat;
}

.feat_box_third{
	background: url(im/loading_w.gif) no-repeat center 34%;
}

/* ========================== DEFAULTS ========================== */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video{
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section{
	display: block;
}

table{
	border-spacing: 0;
	border-collapse: collapse;
}

h1,h2,h3,h4,h5,h6{
	font-weight: normal;
	color: #514e4b;
}

strong{
	font-weight: bold;
}

em{
	font-style: italic;
}

a{
	text-decoration: none;
	color: #57bfed;
}

nav li, #Social li{
	list-style-type: none;
	display: inline-block;
}

/* ========================== GLOBAL STYLES ========================== */

body{
	background: #f4f4f4;
	font-size: 62.5%;
	font-family: helvetica, arial, sans-serif;	
	min-width: 320px;
	height: 100%;
}

.secondary{
	background-image: url(im/16th.png);
	background-repeat: no-repeat;
	background-position: right -18em;
}

.container{
	max-width: 106em;
	margin: 0 auto;
	position: relative;
	padding: 0 3em;
}

.clear{
	clear: both;
}

.spacer{
	clear: both;
	height: 40px;
}

.ib{
	display: inline-block;
}

.caps{
	text-transform: uppercase;
}

.left{
	float: left;
}

.right{
	float: right;
}

.anim90{
	-webkit-transition: all 90ms ease-in-out;
    -moz-transition: all 90ms ease-in-out;
	-ms-transition: all 90ms ease-in-out;
   	-o-transition: all 90ms ease-in-out;	
	-transition: all 90ms ease-in-out;
}

.anim150{
	-webkit-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
	-ms-transition: all 150ms ease-in-out;
   	-o-transition: all 150ms ease-in-out;	
	-transition: all 150ms ease-in-out;
}

.anim250{
	-webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
	-ms-transition: all 250ms ease-in-out;
   	-o-transition: all 250ms ease-in-out;	
	-transition: all 250ms ease-in-out;
}

.anim500{
	-webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
	-ms-transition: all 500ms ease-in-out;
   	-o-transition: all 500ms ease-in-out;	
	-transition: all 500ms ease-in-out;
}

.date {
	display: block;
	text-transform: uppercase;
	font-size: 1.3em;
	font-weight: bold;
	margin: 0 0 .3em 0;
	color: #57bfed;
}

.back span{
	display: inline-block;
	text-transform: uppercase;
	font-size: 1.3em;
	font-weight: bold;
	margin: 0 0 2em 0;
	color: #222;
}

.back:hover span{
	text-decoration: underline;
}

.venue{
	display: block;
	text-transform: uppercase;
	font-size: 1.5em;
	font-weight: 200;
	margin: 0 0 1em 0;
}

.venue.pre_con{
	text-transform: none;
}



h2{
	font-size: 2.8em;
	margin-bottom: .5em;
	font-weight: 200;
	color: #222;
}

h3{
	font-size: 1.8em;
	margin-bottom: 1em;
}

h4{
	font-size: 1.8em;
	font-weight: 300;
}

h5{
	font-weight: 300;
	text-transform: uppercase;
	font-size: 1.5em;
	margin-top: 0.5em;
}

a h3:not(.blk):hover, a h4:not(.blk):hover{
	/*	opacity: 0.7; */
}

p{
	font-family: arial, helvetica, sans-serif;
	font-size: 1.5em;
	line-height: 1.4em;
	color: #686663;
	margin-bottom: 1em;
	font-weight: normal;
	font-style: normal;
}

.wys li{
	font-family: arial, helvetica, sans-serif;
	font-size: 1.5em;
	line-height: 1.4em;
	color: #686663;
	margin: 0 0 .5em 1.5em;
}

#Content p a:not(.more):hover, .wys li a{
	text-decoration: underline;
}

.img_caption p{
	font-family: helvetica, arial, sans-serif;
	font-size: 1.2em;
	font-style: italic;
	color: #918e8a;
	margin: .7em 0 1em 0;
}

section{margin-top: 3em}

.single{
	display: none;
}

iframe.yt{
	background: #000 url(im/loading.gif) no-repeat center center;
	
}

.button, pre, button{
	display: inline-block;
	margin: 1em 2em 1em 0;
	text-align: center;
	height: 3.6em;
	padding: 0 4em;
	line-height: 3.6em;
	border: 0 none;
	outline: 0 none;
	cursor: pointer;
	
	-webkit-border-radius: .4em;
	-moz-border-radius: .4em;
	-ms-border-radius: .4em;
	-o-border-radius: .4em;
	border-radius: .4em;
	
	-webkit-transition: all 90ms ease-in-out;
    -moz-transition: all 90ms ease-in-out;
	-ms-transition: all 90ms ease-in-out;
   	-o-transition: all 90ms ease-in-out;	
	-transition: all 90ms ease-in-out;
}

pre{
	margin-bottom: 2em;
}

.button span, pre a, button span{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1.6em;
	color: #fff;
	text-transform: uppercase;
}

.button.full{
	width: 100%;
	padding: 0;
	background: #dadada !important;	
	height: 5.2em;
	line-height: 5.2em;
}

.button.full:hover{
	background: #eee !important;	
}

.button.full span{
	color: #222;
	font-size: 1.3em;	
}

.enlarge{
	width: 1.6em;
	height: 1.6em;
	margin: 0 1em;
	margin-bottom: -.4em;
	
	background-image: url(im/enlarge.png);
	background-image: url(im/enlarge.svg), none;
	background-repeat: no-repeat;
	background-position: center center;
}

.sm_float{
	width: 30% !important;
	height: auto !important;
}

.sm_float.left{
	margin: 0 2em 1em 0;
}

.sm_float.right{
	margin: 0 0 1em 1em;
}

hr{
	display: block;
	margin: 2em 0;
	padding: 0;
	border: 0;
	outline: 0 none;
	width: 100%;
	height: .1em;
	background: #E4D9D3;
	overflow: hidden;
}

.vtop{
	vertical-align: top;
}

.load, .slide_load{
	opacity: 0;
} 

/* ================== ON/OFF SEASON SWITCHES =================== */

.feat_wrapper.feat_off{
	display: none;
}

.feat_wrapper.feat_on{
	display: inline;
}

@media screen and (max-width: 655px){
	.feat_wrapper.feat_on{
		display: block;
	}
}

.off_season .feat_off{
	display: inline;
}

.off_season .feat_on{
	display: none;
}

#Subscriptions .feat_off{
	display: none;
}

#Subscriptions.off_season .feat_off{
	display: block;
}

#Subscriptions.off_season .feat_on{
	display: none;
}

/* ================== GLOBAL COLOUR SWITCHES =================== */

/* FEATURE TAGS / BUTTONS / PLAY BARS*/

.ora .jp-play-bar, .ora pre, .ora button {background: #57bfed;}

.pnk .feat_tag, .pnk .button, .pnk .jp-play-bar, .pnk pre  {background: #57bfed;}

.blu .feat_tag, .blu .button, .blu .jp-play-bar, .blu pre {background: #0f6db6;}

.grn .feat_tag, .grn .button, .grn .jp-play-bar, .grn pre   {background: #95c93d;}


.ora .button:hover, .ora pre:hover, .ora button:hover {background: #f7904b;}

.pnk .button:hover, .pnk pre:hover {background: #57bfed;}

.blu .button:hover, .blu pre:hover {background: #0f6db6;}

.grn .button:hover, .grn pre:hover {background: #95c93d;}

/* FEATURE DATES */

#Concerts .pnk .date, #Home .pnk .date{color: #57bfed;}

#Concerts .blu .date, #Home .blu .date{color: #0f6db6;}

#Concerts .grn .date, #Home .grn .date{color: #95c93d;}

#SingleConcert .gig .date {color: #222;}

/* TABS SYSTEM */

.tab_system .ora{border-bottom: .4em solid #57bfed;}

.tab_system .ora.active{background-color: #e3f6ff !important;}

.tab_system .ora.active div{color: #57bfed;}


.tab_system .pnk{border-bottom: .4em solid #0f6db6;}

.tab_system .pnk.active{background-color: #acdbff;}

.tab_system .pnk.active div{color: #0f6db6;}


.tab_system .blu{border-bottom: .4em solid #95c93d;}

.tab_system .blu.active{background-color: #e5ffb8;}

.tab_system .blu.active div{color: #95c93d;}


.tab_system .grn{border-bottom: .4em solid #95c93d;}

.tab_system .grn.active{background-color: #e5ffb8;}

.tab_system .grn.active div{color: #95c93d;}

/* TOGGLE ARROW */

#TabsToggle #Arrow.ora{border-color: #57bfed transparent transparent transparent;}

#TabsToggle.up #Arrow.ora{border-color: transparent transparent #57bfed transparent;}


#TabsToggle #Arrow.pnk{border-color: #0f6db6 transparent transparent transparent;}

#TabsToggle.up #Arrow.pnk{border-color: transparent transparent #0f6db6 transparent;}


#TabsToggle #Arrow.blu{border-color: #95c93d transparent transparent transparent;}

#TabsToggle.up #Arrow.blu{border-color: transparent transparent #95c93d transparent;}


#TabsToggle #Arrow.grn{border-color: #95c93d transparent transparent transparent;}

#TabsToggle.up #Arrow.grn{border-color: transparent transparent #95c93d transparent;}

/* HEADINGS & LINKS */

.ora h3, .ora h2, .ora.gig h2, .ora.gig h4, .ora h4, .ora #Content p a:not(.more), #Content .ora p a:not(.more), .ora .wys li a{color: #57bfed;}

.pnk h3, .pnk h2, .pnk.gig h2, .pnk.gig h4, .pnk h4, .pnk #Content p a:not(.more), #Content .pnk p a:not(.more), .pnk .wys li a{color: #0f6db6;}

.blu h3, .blu h2, .blu.gig h2, .blu.gig h4, .blu h4,  .blu #Content p a:not(.more), #Content .blu p a:not(.more), .blu .wys li a{color: #95c93d;}

.grn h3, .grn h2, .excerpt.grn.gig h2, .grn.gig h4, .grn h4, .grn #Content p a:not(.more), #Content .grn p a:not(.more), .grn .wys li a{color: #95c93d;}

h2.blk, h3.blk, h4.blk{color:#222 !important;}

h2.blk:hover, h3.blk:hover, h4.blk:hover;{color:#222 !important; text-decoration: underline !important;}

/* WIDGETS */

.widget.ora a{background: #57bfed;}

.widget.ora a:hover{background: #57bfed;}

.widget.pnk a{background: #0f6db6;}

.widget.pnk a:hover{background: #0f6db6;}

.widget.blu a{background: #95c93d;}

.widget.blu a:hover{background: #95c93d;}

.widget.grn a{background: #95c93d;}

.widget.grn a:hover{background: #95c93d;}

/* CALLOUTS & QUOTES */

.ora .callout, .ora .quote{background-color: #57bfed;}

.pnk .callout, .pnk .quote{background-color: #0f6db6;}

.blu .callout, .blu .quote{background-color: #95c93d;}

.grn .callout, .grn .quote{background-color: #95c93d;}



/* ========================== HEADER ========================== */ 

header{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 10em;
	background: url(im/ie_bg_swatch.apng);
	background: rgba(255,255,255,0.8);
	z-index: 9999;
}

#Logo{
	width: 18.2em;
	height: 6.4em;
	margin: 1.5em 0 0 3em;
	text-indent: -9999em;
	
	background-image: url(im/logo.png);
	background-image: url(im/logo.png), none;
	background-repeat: no-repeat;

	-moz-background-size: 100% auto;
	background-size: 100% auto;
	
	-webkit-transition: width 90ms ease-in-out;
    -moz-transition: width 90ms ease-in-out;
	-ms-transition: width 90ms ease-in-out;
   	-o-transition: width 90ms ease-in-out;	
	-transition: width 90ms ease-in-out;
}

/* HEADER NAVIGATION */

header nav{
	margin: 6em 3em 0 3em;
}

header nav li{
	position: relative;
	height: 4em;
	display: inline-block;
}

header nav a{
	display: inline-block;
	color: #000;
	font-size: 1.4em;
	height: 1.4em;
	line-height: 1.4em;
	margin-left: 1.1em;
	padding-bottom: .3em;
	border-bottom: 0.3em solid transparent;
	
	-webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
	-ms-transition: all 500ms ease-in-out;
   	-o-transition: all 500ms ease-in-out;	
	-transition: all 500ms ease-in-out;
}

header nav li:first-of-type a{
	margin-left: 0;
}

header nav a:hover{
	border-bottom: 0.3em solid #0f6db6;
}

header nav a:active{
	color: #57bfed;
	border-bottom: 0.3em solid #0f6db6;
}

header nav a.active{
	border-bottom: 0.3em solid #0f6db6;
}

/* DROPDOWN */

.drop{
	position: absolute;
	visibility: hidden;
	background: url(im/ie_bg_swatch.png);
	background: rgba(255,255,255,0.8);
	z-index: 9999;
	top: 4em;
	opacity: 0;
	left: -.5em;
	
	width: 100%;
	padding: 1em;
	
	-webkit-transition: opacity 500ms ease-in-out;
    -moz-transition: opacity 500ms ease-in-out;
	-ms-transition: opacity 500ms ease-in-out;
   	-o-transition: opacity 500ms ease-in-out;	
	-transition: opacity 500ms ease-in-out;
}

.drop.first{
	width: 22em;
	height: auto;
	left: -3em;
	padding: 1em 1em 1em 1.7em;
}

.drop.last{
	width: 12em;
	left: auto;
	right: -3em;
	padding: 1em;
}

header nav li:hover .drop{
	opacity: 1;
	visibility: visible;
}

.drop li{
	display: block;
	height: auto !important;
}

.drop li a{
	margin-left: 0 !important;
	text-transform: none;
	height: 2em;
	line-height: 2em;
	padding: 0 .5em;
	border-bottom: 0 none !important;
	border-left: 0.3em solid transparent;
	
	-webkit-transition: all 100ms ease-in-out !important;
    -moz-transition: all 100ms ease-in-out !important;
	-ms-transition: all 100ms ease-in-out !important;
   	-o-transition: all 100ms ease-in-out !important;	
	-transition: all 100ms ease-in-out !important;
}

.drop a:hover{
	color: #0f6db6;
}

.drop a.active, .drop a:active{
	color: #0f6db6;
	/*border-left: 0.3em solid #57bfed;*/
}

.drop a:active{
	border-left: 0.3em solid #0f6db6;
}

.break{
	width: 100%;
	height: 1px;
}

/* TICKETS/PHONE NO */

#Phone{
	position: absolute;
	top: 0;
	right: 6em;
	width: auto;    padding: 0px 15px;
	text-align: center;
	background: #95c93d;
}

#SinglePhone{
	position: relative;
	width: 100%;
	height: auto;
	display: none;
	text-align: center;
	background: #95c93d;
}

#Phone a, #SinglePhone a{
	color: #fff;
	font-size: 1.3em;
	font-weight: bold;
	height: 3.2em;
	line-height: 3.2em;
}

#SinglePhone a{
	font-size: 1.8em;
	height: 2.4em;
	line-height: 2.4em;
}

#Phone a:hover{
	height: 3.8em;
	line-height: 3.8em;
}

/* MAILING LIST */

#Mailing{
	position: absolute;
	top: 0;
	right: 24em;
	width: 18em;
	text-align: center;
}

#Mailing a{
	color: #b2afad;
	font-size: 1.3em;
	height: 3.2em;
	line-height: 3.2em;
}

#Mailing a:hover{
	color: #ddd4ce;
}

/* SINGLE COLUMM NAV TOGGLE */

#ToggleMenu{
	display: none;
	margin: 3.6em 3em 0 0;
}

#ToggleMenu #Stripes{
	width: 2.5em;
	height: 1.9em;
	margin: 0 0 0 .5em;
}

#ToggleMenu .bar{
	display: inline-block;
	float: left;
	width: 2.5em;
	height: .3em;
	margin-top: .5em;
	background: #95c93d;
}

#ToggleMenu.expanded .bar.tb{
	height: .7em;
	background: #0f6db6;
}

#ToggleMenu:active .bar{
	background: #0f6db6;
}

#ToggleMenu:active a span{
	color: #0f6db6;
}

#ToggleMenu a span{
	color: #95c93d;
	font-size: 1.3em;
}

/* SINGLE COLUMN DROP DOWN NAV */

#SingleDrop{
	display: none;
	position: relative;
	background: #57bfed;
	overflow: hidden;
	height: 0;
}

#SingleDrop nav{
	text-align: left;
	overflow: hidden;
	margin: 1em 0;
}

#SingleDrop nav li{
	display: block;
	margin: 0 1em;
}

#SingleDrop nav a{
	display: inline-block;
	color: #0f6db6;
	font-weight: bold;
	font-size: 1.6em;
	line-height: 2em;
	border-left: .4em solid transparent;
	padding: 0 .5em;
}

#SingleDrop nav a:hover{
	border-left: .4em solid #fff; 
	color:  #0f6db6;
}

#SingleDrop nav a:active, #SingleDrop nav a.active{
	color: #0f6db6;
}

#SingleDrop .drop{
	top: auto;
	left: auto;
	width: auto;
	display: none;
	position: relative;
	padding-top: 0;
	opacity: 1;
	visibility: visible;
}

#SingleDrop .drop a{font-weight: 400 !important;}

#SingleDrop nav .drop a:active, #SingleDrop nav .drop a.active{
	color: #0f6db6;
	border-left: .4em solid #57bfed;
}	


/* ========================== FOOTER ========================== */ 

footer{
	padding: 0 3em;
}

/* TOP SECTION */

#Above{
	position: relative;
	border-bottom: 0.1em solid #adacac;
	height: 4.5em;
}

/* NAVIGATION */

footer nav{
	position: relative;
	margin: 1em 0 0 3em;
}

footer nav ul{
	text-align: right;
}

footer nav a{
	display: inline-block;
	color: #57bfed;
	font-size: 1.4em;
	font-weight: bold;
	margin-left: 1.1em;
	
	-webkit-transition: all 90ms ease-in-out;
    -moz-transition: all 90ms ease-in-out;
	-ms-transition: all 90ms ease-in-out;
   	-o-transition: all 90ms ease-in-out;	
	-transition: all 90ms ease-in-out;
}

footer nav li:first-child a{
	margin-left: 0;
}

footer nav a:hover, footer nav a:active{
	color: #0f6db6;
}

footer nav a.active{
	padding-bottom: .1em;
	border-bottom: .3em solid #57bfed;
}

/* SOCIAL MEDIA ICONS */

#Social{
	position: relative;
	margin: 0.5em 0;
}

#Social a{
	display: inline-block;
	width: 2.7em;
	height: 2.7em;
	background-image: url(im/social_icons.png);
	background-image: url(im/social_icons.svg), none;
	background-repeat: no-repeat;
	text-indent: -9999em;
	opacity: 0.8;
}

#Social a:hover{
	opacity: 1;
}

#FB{background-position: 0em 0;}

#YT{background-position: -2.7em 0;}

#Fl{background-position: -5.4em 0;}

#Yp{background-position: -8.1em 0;}

#Tw{background-position: -10.8em 0;}

/* BOTTOM SECTION */

#Below{
	height: 14em;
}

#Below .left{
	position: relative;
	background-image: url(im/phz_logo.png);
	background-image: url(im/phz_logo.png), none;
	background-repeat: no-repeat;
	background-position: -0.2em 1em;
	height: 80px;
	padding: 4em 0 0 0;
}

#Princeton{
	position: absolute;
	width: 45em;
	height: 4em;
	top: 0;
	left: 0;
}

#Below .left p, #Below .right p{
	font-size: 1.4em;
	font-family: times, serif;
	color: #6d6a68;
	margin: 0;
}

#Below .left p a{
	font-family: Arial, Helvetica, sans-serif;
	color: #57bfed;
	font-size: 0.9em;
	margin: 3.5em 0 0 0;
	font-weight: 300;
}

#Below .left p a:hover{
	color: #fc9765;
}

#Below .right{
	padding: 1em 0 0 0;
}

#Below .right p{
	text-align: right;
	line-height: 1.5em;
}

#Below .right p a{
	color: #57bfed;
}

#Below .right p a:hover{
	color: #0f6db6;
}

/* ========================== MACRO ELEMENTS ========================== */

/* BACKGROUND IMAGE CYCLE */

#CycleWrapper{
	position: absolute;
	height: auto;
	width: 100%;
	top: 0;
	left: 0;
	overflow: hidden;
}

#BgCycle{
	width: 100%;
	padding-top: 43%;
	position: relative;
	top: 0;
}

#BgCycle .wrapper{
	overflow: hidden;
}

.img_wrapper{
	width: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
}

.tagline{
	position: absolute;
	right: 0;
	top: 50%;
	text-transform: uppercase;
	height: 6.8em;
	line-height: 6.8em;
	padding: 0 3em;
	z-index: 1000;
	
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#57bfed', endColorstr='#57bfed');
	background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(150,200,50,.85)), color-stop(100%, rgba(150,200,50,.2)));
	background-image: -webkit-linear-gradient(left, rgba(150,200,50,.85), rgba(150,200,50,.2));
	background-image: -moz-linear-gradient(left, rgba(150,200,50,.85), rgba(150,200,50,.2));
	background-image: -ms-linear-gradient(left, rgba(150,200,50,.85), rgba(150,200,50,.2));
	background-image: -o-linear-gradient(left, rgba(150,200,50,.85), rgba(150,200,50,.2));
	background-image: linear-gradient(left, rgba(150,200,50,.85), rgba(150,200,50,.2));
}

.tagline div p{
	font-family: arial, sans-serif;
	font-size: 3.4em;
	color: #fff;
	font-weight: 300;
	display: inline;
	line-height: 2.1em;
}

.tagline div p strong{
	font-weight: bold;
}


#BgCycle img{
	width: 100%;
	height: auto;
}

/* MAIN CONTENT BLOCK */

#Content{
	width: 100%;
	height: auto;
	background: #fff;
	border: .1em solid #d6d6d6;
	margin: 15em 0 3em 0;
	position: relative;
	
	
	-webkit-box-shadow: 0 0.1em 0.2em rgba(70,70,70,0.1);
	-moz-box-shadow: 0 0.1em 0.2em rgba(70,70,70,0.1);
	-ms-box-shadow: 0 0.1em 0.2em rgba(70,70,70,0.1);
	-o-box-shadow: 0 0.1em 0.2em rgba(70,70,70,0.1);
	box-shadow: 0 0.1em 0.2em rgba(70,70,70,0.1);
}

.has_slideshow #Content{
	position: relative;
	margin-top: 40em;
	overflow: hidden;
}

#Home.has_slideshow #Content{
	margin-top: 45em;
	
	-webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
	-ms-transition: all 500ms ease-in-out;
   	-o-transition: all 500ms ease-in-out;	
	-transition: all 500ms ease-in-out;
}

#Content .wrapper{
	overflow: hidden;
	position: relative;
	margin: 3em;
}

/* CLONE OF CONTENT BLOCK FOR ABSOLUTE POSITIONING */

#ContentGhost{
	width: 10em;
	height: 10em;
	background: #fff;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1000;
}

.secondary #Content{
	overflow: hidden;
}

/* COLUMN LAYOUTS */

/* Global */

.col{
	position: relative;
}

.col img{
	width: 100%;
	height: auto;
}

.col img.gallery{
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 37.6em;
}

.vr{
	position: absolute;
	width: .1em;
	height: 100%;
	right: 0;
	background-color: #e4d9d3;
	
	box-shadow: inset  0 -14em 16em -4em #fff;

}

.col.full{
	clear: both;
	overflow: hidden;
}

.col.left blockquote{
	border: 1px solid #E4D9D3;
	padding: 2em;
	margin: 0 0 2em 0;
}

/* 2 Column - 50/50% */

.two_col_5050{
	width: 100%;
	margin: 3em 0;
	overflow: hidden;
}

.two_col_5050 .col{
	float: left;
	width: 50%;
}

.two_col_5050 .col_wrapper{
	margin: 0 0 0 1.5em;	
}

.two_col_5050 .col:first-of-type .col_wrapper{
	margin: 0 1.5em 0 0;	
}

/* 2 Column - 66/34% */

.two_col_6634{
	width: 100%;
	margin: 0;
	overflow: hidden;
}

.two_col_6634 .col.left{
	width: 66%;
}

.two_col_6634 .col.right{
	width: 34%;
}

.two_col_6634 .col.left .col_wrapper{
	margin: 0 3em 0 0;	
}

.two_col_6634 .col.right .col_wrapper{
	margin: 0 0 0 3em;	
}


/* ========================== MICRO ELEMENTS ========================== */

/* FEATURE BLOCKS */

.row{
	display: block;
	width: 100%;
	overflow: hidden;
}

.feat_wrapper{
	display: inline;
}

.feat_box_third{
	position: relative;
	display: inline-block;
	width: 31.3%;
	height: auto;
	float: left;
	overflow: hidden;
	background: url(im/loading_w.gif) no-repeat center 34%;
}

.blank .push{
	background-image: url(im/16th.png);
	background-image: url(im/16th.svg), none;
	
	background-color: #eee;
	background-repeat: no-repeat;
	background-position: left -3em;
	background-size: 50% auto;
	-moz-background-size: 50% auto !important;
}

.feat_tag{
	position: absolute;
	left: 0;
	bottom: 2em;
	font-size: 1.2em;
	height: 2.3em;
	line-height: 2.3em;
	padding: 0 1em;
	color: #fff;
	z-index: 999;
	text-transform: uppercase;
}	

.feat_box_third img{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: auto;
}

.feat_box_third .push{
	position: relative;
	padding-top: 66%;
	overflow: hidden;
}

.highlight_image .push{
	position: relative;
	padding-top: 66%;
}

article .push{
	position: relative;
	padding-top: 66%;
	background: url(im/loading_w.gif) no-repeat center center;
}

.push .overlay{
	position: absolute;
	width: 100%;
	padding-top: 66%;
	top: 0;
	left: 0;
	background: #000;
	opacity: 0;
	z-index: 1000;
	
	-webkit-transition: opacity 90ms ease-in-out;
    -moz-transition: opacity 90ms ease-in-out;
	-ms-transition: opacity 90ms ease-in-out;
   	-o-transition: opacity 90ms ease-in-out;	
	-transition: opacity 90ms ease-in-out;
}

.push .overlay:hover{
	opacity: 0.15;
}


.feat_info{
	padding: 1em 0;
}

.feat_info h4{
	color: #222;
	margin: 0 0 .4em 0;
}

.vid_link{
	background-image: url(im/play_icon.png);
	background-image: url(im/play_icon.svg),none;
	background-position: left top;
	background-repeat: no-repeat;
	margin-top: 1em;
	height: 2em;
	text-indent: 2em;
}

.vid_link p{
	font-family: arial, sans-serif;
	text-transform: uppercase;
	color: #333;
	font-size: 1.3em;
}

.vid_link p:hover{
	/* opacity: 0.7; */
}

.feat_wrapper .feat_box_third.middle{
	margin: 0 3%;
}

.more, h6 a{
	display: inline-block;
	text-transform: uppercase;
	font-size: 1.3em;
	font-weight: bold;
	color: #222;
	margin: 0 1em 1em 0;
}

p .more{
	font-size: .9em;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
}

p .more:after, h6 a:after{ 
	content:" \00bb";
}

.more:hover, h6 a:hover{
	text-decoration: underline;
}

/* HOME ADVERTISEMENT/CALL-TO-ACTION STYLES */

#HomeAd{
	background-position: center top;
	background-size: auto 100%;
	display: inline-block;
	width: 65.6%;
	height: auto;
	min-height: 12.7em;
}

#HomeAd div{
	padding: 1em 1em 1em 1em;
}

#HomeAd p{
	font-family: arial, helvetica, sans-serif;
	text-transform: uppercase;
	color: #fff;
	font-size: 1.2em;
}

#HomeAd h4{
	color: #fff;
	font-size: 2.4em;
	margin: 2em 5;
}

/* SUBSCRIBE TO MAILING LIST FORM */

#Subscribe{
	background: #eee;
	display: inline-block;
	width: 31.3%;
	height: auto;
	float: right;
	overflow: hidden;
}

#Subscribe div{
	padding: 1.5em 3em 1em 3em;
}

.subscribe div{
	padding: 0;
}

#Subscribe h4, .subscribe h4{
	color: #222;
	font-size: 1.8em;
}

#Subscribe p, .subscribe p{
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #77736f;
	font-size: 1.2em;
	line-height: 1.4em;
	margin: .5em 0;
}

#Subscribe fieldset, .subscribe fieldset{
	position: relative;
	width: 100%;
	height: 3em;
	margin-top: .4em;
}

#Subscribe .email, #Subscribe label, .subscribe .email, .subscribe label{
	position: absolute;
	display: inline-block;
	bottom: .2em;
	left: 0;
	height: 1.2em;
	padding-bottom: .1em;
	background: none;
	border: none;
	font-family: georgia, serif;
	font-size: 1.5em;
	width: 80%;
}

#Subscribe .email:focus, .subscribe .email:focus{
	outline: 0 none;
}

#Subscribe label, .subscribe label{
	color: #a09e9b;
	border-bottom: 1px solid #bab6b1;
	text-indent: .1em;
}

#Subscribe input[type=button], .subscribe input[type=button]{
	position: absolute;
	right: 0;
	top: 0;
	text-indent:-9999em;
	width: 3em;
	height: 3em;
	background-image: url(im/go.png);
	background-image: url(im/go.svg), none;
	background-color: transparent;
	background-repeat: no-repeat;
	border: 0 none;	
	cursor: pointer;
	opacity: 0.85;
}

#Subscribe input[type=submit]:hover, .subscribe input[type=submit]:hover{
	opacity: 1;
}

/* OFF-SEASON MAILING LIST */

#WelcomeMsg{
	display: inline-block;
	float: right;
	width: 65.6%;
	height: auto;
	min-height: 12.7em;
	border-left: .1em solid #eee;
}

#WelcomeMsg div{
	margin: 1em 0 0 3em;
}

#WelcomeMsg h2{
	font-size: 2.8em;
	margin-bottom: .5em;
	font-weight: 200;
	color: #222;
}

#WelcomeMsg p{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 200;
	color: #514e4b;
	font-size: 1.8em;
	line-height: 1.5em;
	margin: 0;
}

.wrapper nav h2{
	font-weight: normal;
	color: #333;
	font-size: 2em;
	line-height: 1em;
	margin: 0 0 1em 0;
	display: none;
}

/* TAB SYSTEM NAVIGATION */

.tab_system {
	display: block;
	border-right: .1em solid #d6d6d6;
	height: auto;
	position: relative;
	overflow: hidden;
	margin-bottom: 3em;
}

.tab_system li{
	position: relative;
	display: inline-block;
	height: auto;
	float: left;
	border-bottom: .4em solid transparent;
	
}

.tab_system.three li{
	width: 33.33%;
}

.tab_system.four li{
	width: 25%;
}

.tab_system a{
	display: block;
	height: auto;
	min-height: 4em;
	border-left: .1em solid #d6d6d6;
	width: 100%;
	padding: 1em 0 1em 0;
}

.tab_system li:not(.active):hover{
	background-color: #f9f9f9;
}

.tab_system li div{
	display: block;
	font-size: 1.6em;
	font-weight: 200;
	color: #94908a;
	line-height: 1.3em;
	text-align: left;
	padding: 0 1em .4em 1em;	
}

.tab_system li div.sub{
	font-size: 1.1em;
	line-height: 1.3em;
	padding: 0 1.45em;
	text-transform: uppercase;
}

.tab_system .active a div{
	font-weight: bold;
}

/* SINGLE-COLUMN TABS DROP DOWN TOGGLE */

#TabsToggle, .menu_toggle{
	position: absolute;
	width: 6em;
	height: 4.2em;
	right: 0;
	top: 1em;
	display: none;
	z-index: 9999;
	cursor: pointer;
}

.menu_toggle{
	top: .6em;
}

#TabsToggle:hover, .menu_toggle:hover{
	opacity: 0.6;
	-webkit-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
	-ms-transition: all 150ms ease-in-out;
   	-o-transition: all 150ms ease-in-out;	
	-transition: all 150ms ease-in-out;
}

#TabsToggle #Arrow,  .menu_toggle #Arrow{
	position: absolute;
	width: 0;
	height: 0;
	border: 1em solid transparent;
	border-top: 1em solid #777;
	right: 2em;
	top: 50%;
	margin-top: -.5em;
}

#TabsToggle.up #Arrow,  .menu_toggle.up #Arrow{
	margin-top: -1.5em;
	border-top: 1em solid transparent;
	border-bottom: 1em solid #777;
}


/* CALL TO ACTION WIDGET */

.widget{
	border: .1em solid #e4d9d3;
}

.widget:not(.ora){
	display: none;
}

.widget div{
	padding: 3em;
	overflow: hidden;
}

.widget p{
	width: 70%;
	display: inline-block;
	margin: 0;
}

.widget a{
	margin-top: 1.5em;
	width: 19em;
	height: 3.6em;
	line-height: 3.6em;
	overflow: hidden;
	float: right;
	
	-webkit-border-radius: .4em;
	-moz-border-radius: .4em;
	-ms-border-radius: .4em;
	-o-border-radius: .4em;
	border-radius: .4em;
}

.widget h3{
	color: #fff;
	font-size: 1.6em;
	font-weight: bold;
	text-align: center;
	
}

/* ARCHIVE LIST */

.archive{
	margin: 0;
	padding: 0;
	width: 100%;
	border-bottom: .1em solid #e4d9d3;
}

.archive li{
	border-top: .1em solid #e4d9d3;
	list-style-type: none;
}

.archive li .season_link{
	display: inline-block;
	margin: 1em 0;
	font-size: 1.8em;
	font-weight: 200;
	color: #57bfed;
}

.archive li a:hover{
	opacity: 0.7;
}

.archive li .feat_info{
	margin-top: 1em;
}

/* CALLOUTS */

.callout div{
	padding: 3em 3em 2em 3em;
	overflow: hidden;
}

.callout h3{
	font-size:1.4em;
	text-align: center;
}

.callout p, .callout h1, .callout h2, .callout h3, .callout h4, .callout h5, .callout h6 {
	text-align: center;
}

.callout h5{
	margin-bottom: 1em;
}

.callout a p{
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	font-weight: bold;
	font-size: 1.3em;
	color: #222;
}

.callout a:hover p{
	text-decoration: underline;
}

/* QUOTES */

.quote{
	background-image: url(im/16th_small.png);
	background-image: url(im/16th_small.svg), none;
	background-repeat: no-repeat;
	background-position: 85% top;
	margin-bottom: 3em;
}

.quote div{
	padding: 3em 3em 2em 3em;
	overflow: hidden;
}

.quote blockquote{
	margin: 0 0 20px 0;
}

.quote blockquote p{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:2.4em;
	line-height: 1.26em;
	line-height: ;
	text-align: center;
	color: #6B6B6A;
}

.quote blockquote.long p{
	font-size: 1.9em;
	line-height: 1.16em;
}

.quote .source{
	display: block;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-align: center;
	font-size: 1.6em;
	color: #6B6B6A;
}

/* SHARE */

.share{
	background: #f2f2f2;
}

.share .shwrapper{
	padding: 3em 2em;
	text-align: center;
	overflow: hidden;
}

.share p{
	text-align: center;
	font-family: arial, helvetica, sans-serif;
	font-weight: 200;
}

.share .stBubble{
	width: 0 !important;
	height: 0 !important;
	opacity: 0 !important;
	visibility: hidden !important;
}


/* SINGLE GIG */

.gig .date{
	font-size: 1.5em;
}

.gig h4{
	display: block;
	text-transform: uppercase;
	font-size: 1.5em;
	font-weight: 200;
	margin: 1.5em 0 .3em 0;
}

/* MEDIA LINKS */

.media{
	margin: 0 0 2em 0;
}

#Recordings .img_caption p{
	margin-bottom: 3em;
}

#Recordings .media h3{
	margin-bottom: .5em;
}

#Recordings .media {
	margin-bottom: 1em;
}

#Videos .media, #Recordings .media{
	max-width: 45em;
}


.media figure{
	width: 100%;
	padding-top: 50%;
	background-color: #000;
	height: auto;
	position: relative;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% auto;
	
}


.media figure .play{
	position: absolute;
	left: 50%;
	top: 50%;
	height: 10em;
	width: 10em;
	margin-left: -5em;
	margin-top: -5em;
	opacity: 0.8;
	background-image: url(im/play.png);
	background-image: url(im/play.svg), none;
	background-position: center center;
	background-repeat: no-repeat;
	z-index: 999;
}

.media figure .play:hover{
	opacity: 1;
}

.audio_player{
	margin: ;
}

/* SINGLE COL HEIGHT TOGGLE */

.expand_height{
	height: auto;
	overflow: hidden;
	position: relative;
	margin-bottom: 1em;
}

.expand_height .mask{
	position: absolute;
	width: 100%;
	height: 7em;
	bottom: 0;
	left: 0;
	display: none;
	
	-webkit-box-shadow: inset 0 -10em 4em -4em #fff;
	-moz-box-shadow: inset 0 -10em 4em -4em #fff;
	-ms-box-shadow: inset 0 -10em 4em -4em #fff;
	-o-box-shadow: inset 0 -10em 4em -4em #fff;
	box-shadow: inset 0 -10em 4em -4em #fff;
}

.expand_height .mask .more{
	position: absolute;
	bottom: 0;
	margin: 0;
	
}

.expand_height.expanded{
	height: auto;
}

/* SIMILAR ARTISTS */

.similar{
	width: 66%;
	margin: 1em 0 2em 0;
}

.similar .img_caption{
	overflow: hidden;
}

/* BLOG */

.blog_nav h4{
	font-size: 1.5em;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0 0 .8em 0;
	color: #222;
	
}

.blog_nav ul{
	margin: 0 0 3em 0;
	list-style-type: none;
}



.blog_nav ul a{
	display: inline-block;
	font-size: 1.2em;
	color: #77736f;
	text-transform: uppercase;
	padding: .5em 0;
}

.blog_nav ul a.active{
	font-weight: bold;
	color: #57bfed;
}

.blog_nav ul a:active{
	color: #57bfed;
}

.blog_nav ul a:hover{
	text-decoration: underline; 
}

.highlight .feat_tag{
	top: 2em;
}

.highlight .highlight_image{
	position: relative;
	overflow: hidden;
}

.highlight h3{
	font-size: 2.4em;
	line-height: 1.4em;
	font-weight: 200;
	margin: 0 0 .2em 0;
}

.blog_meta span{
	display: inline-block;
	font-size: 1.2em;
	color: #77736f;
	text-transform: uppercase;
	padding: .4em 0 .8em 0;
	letter-spacing: .05em;
	width: 100%;
}

article{
	width: 100%;
	position: relative;
	clear: both;
	margin-bottom: 2em;
	overflow: hidden;
}

article p{
	/*display: inline-block;*/
}

.excerpt .feat_info{
	padding: 0;
	width: 65%;
}

.excerpt h3{
	margin: 0 0 .4em 0;
}

.article_img{
	position: relative;
	width: 30%;
	/*height: 0;*/
	overflow: hidden;
	/*padding-top: 20%;*/
	margin: 0 2em 0 0;
}

.article_img img, .highlight_image img{
	top: 0;
	left: 0;
	position: absolute;
	width: 100%;
	height: auto;
}

.blog_menu ul{
	display: block;
}

/* VENUE  & FULL-WIDTH SLIDESHOWS */

.venue_slideshow_wrapper, .full_slideshow_wrapper{
	position: relative;
	width: 100%;
	padding-top: 65%;
	overflow: hidden;
}

.full_slideshow_wrapper{	
	padding-top: 40%;
}

.venue_pager, .full_pager{
	position: absolute;
	width: 100%;
	height: 2em;
	left: 0;
	bottom: 1.5em;
	z-index: 9999;
	text-align: center;
}

.venue_pager a, .full_pager a{
	display: inline-block;
	text-indent: -9999em;
	width: 1em;
	height: 1em;
	background: #f4f4f4;
	margin: 0 .6em;
	
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	-ms-border-radius: .5em;
	-o-border-radius: .5em;
	border-radius: .5em;
}

.venue_pager a.activeSlide, .venue_pager a:hover, .full_pager a.activeSlide, .full_pager a:hover{
	background: #57bfed;
}

.venue_slideshow, .full_slideshow{
	position: absolute;
	width: 100%;
	padding-top: 65%;
	top: 0;
	left: 0;
	overflow: hidden;
}

.full_slideshow{
	padding-top: 40%;
}

.venue_slideshow img, .full_slideshow img{
	position: absolute;
	top: 0;
	left: 0;
}

/* PAGINATION */

.paginate{
	width: 100%;
	margin: 2em 0;
	text-align: center;
}

.paginate a.page {
	display: inline-block;
	font-size: 1.4em;
	height: 1em;
	padding-bottom: 0.2em;
	font-weight: bold;
	color: #808080;
	margin: 0 .3em;
	border-bottom: .2em solid transparent;
}

.paginate a.page:hover, .paginate a.page.active{
	color: #57bfed;
	border-bottom: .2em solid #57bfed;
}

.paginate .page-next, .paginate .page-previous{
	display: inline-block;
	height: 1.7em;
	width: .9em;
	text-indent: -9999em;
	vertical-align: top;
	margin: 0 .5em 0 .5em;
	
	background-image: url('im/arrows.png');
	background-image: url('im/arrows.svg'), none;
	background-repeat: no-repeat;
	background-position: left bottom;
}

.paginate .page-previous{
	background-position: left top;
}

.paginate .page-next:hover, .paginate .page-previous:hover{
	opacity: 0.7;
}

/* PRESS RESOURCES TABLE */

#Press table, #Press thead, #Press tbody{
	width: 100%;
}

#Press thead td{
	border-bottom: .1em solid #E4D9D3;
	padding-bottom: 1em;
}

#Press thead span{
	font-weight: 200;
	font-size: 1.5em;
	color:#514e4b;
	text-transform: uppercase;
}

#Press tbody tr:first-child td{
	padding-top: 1em;
}

#Press td.col1{
	width: 75%;
}

#Press td.col2{
	width: auto;
	padding-left: 1em;
}

#Press .file_info{
	color: #222;
	font-size: 1.3em;
	height: 1.5em;
	font-weight: bold;
	display: inline-block;
	text-indent: 2.2em;
	background-image: url(im/download.png);
	background-image: url(im/download.svg), none;
	background-repeat: no-repeat;
	background-position: left -.2em;
}

#Press .file_info:hover{
	text-decoration: underline;
}

#Press .archive li{
	padding: 1em 0;
}

.press_list{
	margin: 1em 0;
}

.press_list a{
	color: #222;
}

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

/* DISQUS */

#disqus_thread a{
	color: #0f6db6;
}


/* SUBSCRIPTION FORM */

.title{
	display: block;
	overflow: hidden;
	clear: both;
}

.circno{
	display: inline-block;
	width: 3em;
	height: 3em;
	background-image: url(im/circ.png);
	background-image: url(im/circ.svg), none;
	line-height: 3em;
	text-align: center;
	margin: 0 1em 0 0;
}

.circno span{
	color: #fff;
	font-family: Arial, Helvetica, sans-serif ;
	font-weight: bold;
	font-size: 1.4em;
}

.title{
	line-height: 3em;
}

.title h3{
	margin-bottom: 0.5em;
}

.form_row{
	margin: 0 0 2em 0;
	padding: 0 0 0 4em;
}

.form_row h5{
	margin: 0;
}

.form_row.hide{
	display: none;
}

.series{
	width: 48%;
	background: #FFEFE6;
	display: inline-block;
	float: left;
	cursor: pointer;
	margin-bottom: 1%;
}

.series:hover{
	background: #f7904b;
}

.series:hover h5, .series:hover p{
	color: #fff;
}

.series:first-child{
	margin-right: 1em;
}

#Content .series .wrapper{
	margin: 1.5em;
	width: auto;
}

.series input[type=radio]{
	display: inline-block;
	float: left;
	width: 3em;
	margin-bottom: 10%;
	cursor: pointer;
}

.series h5{
	clear: right;
}

.series p{
	margin: .3em 0 0 2.6em;
	clear: right;
}

.detail p{
	display: inline-block;
	margin: .4em 0 0 0;
}

.detail{
	cursor: pointer;
	position: relative;
}

.detail table{
	width: 100%;
}

.detail table .vtop{
	width:  2.8em;
}

.detail table p{
	width:  100%;
}

.detail label{
	margin-top: 1em;
}

.detail input{
	margin: 1em 1.5em 0 0;
	float: left;
}


.click_guard{
	position: absolute;
	height: 100%;
	width: 3em;
	top: 0;
	left: 0;
	z-index: 100;
}

.select_row{
	height: 2em;
	line-height: 2em;
	margin: 0 0 1em 0;
}

.select_row select{
	margin: 0 0 0 1em;
}

.form_row label{
	display: block;
	font-size: 1.1em;
	font-weight: 300;
	text-transform: uppercase;
	color: #514e4b;
}

.form_row label.fat{
	margin: 1.5em 1em .5em 0;
}

.form_row label.ib{
	display: inline-block;
}

.form_row textarea{
	width: 100%;
	max-width: 32em;
	border: .1em solid #ccc;
	padding: .5em;
	text-align: left;
	font-family: arial, helvetica, sans-serif;
	color: #555;
	font-size: 1.4em;
}

.form_row textarea:focus{
	outline: 0 none;
	background: #FFEFE6;
}

#Bulk fieldset{
	margin: 1em 0 0 0;
	display: inline-block;
	width: 100%;
	max-width: 46em;
	position: relative;
	float: left;
}

#Bulk fieldset label{
	margin-bottom: 0.5em;
}

#Bulk fieldset input[type=text]{
	width: 100%;
	border: 1px solid #ccc;
	margin: 0;
	padding: .3em 0;
	text-indent: .3em;
	text-align: left;
	font-family: arial, helvetica, sans-serif;
	color: #555;
	font-size: 1.4em;
}

#Bulk fieldset input[type=text]:focus{
	outline: 0 none;
	background: #FFEFE6;
}

#Bulk fieldset.half{
	max-width: 18em;
}

#Bulk fieldset.short{
	max-width: 6em;
}

#Bulk fieldset.rbuff{
	margin-right: 2em;
}

#Bulk fieldset.cleft{
	clear: left;
}

label.error{
	font-family: arial, helvetica, sans-serif;
	font-size: 1.5em;
	line-height: 1.4em;
	color: #ce0909;
	margin: 0 0 1em 2.6em;
	display: inline-block;
	width: 100%;
}

.form_row label.error{
	text-transform: none;
	margin: .5em 0;
	display: inline-block;
}

#Bulk label.error{
	font-size: 1.3em;
}

#During, #After{
	display: none;
}

#During{
	height: 7em;
	background: url(im/loading_w.gif) no-repeat center bottom;
}

#Subscriptions audio{
	display: none;
}
/* ========================== MODALS =========================== */

.modal{
	position: absolute;
	background: url(im/ie_bg_swatch.png);
	background: rgba(55,55,55,0.7);
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 9999;
	display: none;
	text-align: center;
}

.modal_wrapper{
	position: relative;
	text-align: left;
}

.video .modal_wrapper{
	margin: 6em auto 0 auto;
	width: 80%;
	max-width: 80em;
	height: auto;
	padding-top: 40%;
}

.email .modal_wrapper{
	margin: 20em auto 0 auto;
	width: 42em;
	height: auto;
	padding-top: 16em;
}

.modal_content{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
}

.modal_content iframe{
	max-height: 40em;
}

.content_wrapper{
	display: block;
	padding: 3em;
	background: #fff;
	overflow: hidden;
	
	-webkit-box-shadow: 0 .1em .4em rgba(40,40,40,0.1);
	-moz-box-shadow: 0 .1em .4em rgba(40,40,40,0.1);
	-ms-box-shadow: 0 .1em .4em rgba(40,40,40,0.1);
	-o-box-shadow: 0 .1em .4em rgba(40,40,40,0.1);
	box-shadow: 0 .1em .4em rgba(40,40,40,0.1);
}

.video_content_wrapper{
	border: 1px solid #ccc;
}

.modal .close{
	text-transform: uppercase;
	font-size: 1.2em;
	font-weight: 300;
	padding: .2em 1.5em 0 0;
	height: 3em;
	width: 100%;
	text-align: right;
	color: #fff;
	line-height: 3em;
	cursor: pointer;
	letter-spacing: .1em;
	background: url(im/x.png);
	background: url(im/x.svg), none;
	background-position: right center;
	background-repeat: no-repeat;
}

.modal .close:hover{
	color: #ffefe6;
}

/* ========================== INTERMEDIATE MEDIA QUERIES ========================== */

@media screen and (min-width: 656px) and (max-width: 930px){
	
	.sm_float{
		width: 45% !important;
	}
	
	/* ==== HEADER === */
	
	header{
		height: 11em;
	
	}
	
	#Logo{
		width: 14.2em;
		height: 5em;
		margin: 1em 0 0 0;
		clear: none;
	}
	
	#Phone{
		right: 3em;
	}
	
	#Mailing{
		right: 21em;
	}
	
	header nav{
		width: 100%;
		clear: none;
		margin: 1.3em  0 0 0;
		text-align: justify;
	}
	
	header nav a{
		margin: 0;
	}
	
	.drop{
		top: 3.7em;
	}
	
	#SingleDrop{
		display: none;
		height: 0;
	}
	
	/* ==== FOOTER === */
	
	footer{
		padding: 0;
	}
	
	footer nav{
		margin-left: 0;
	}
	
	footer nav a{
		margin-left: 0.8em;
	}
	
	/* === MACRO ELEMENTS === */
	
	#BgCycle{
		width: 94em;
		overflow: hidden;
		margin-left: -47em;
		left: 50%;
		height: auto;
		padding-top: 40em;
		top: 0;
	}
	
	.tagline{
		top: 60%;
		height: 4.8em;
		line-height: 4.8em;
		padding: 0 3em;
	}

	.tagline div p{
		font-size: 2.4em;
	}
	
	#Content{
		margin-top: 14em;
	}
	
	.has_slideshow #Content{
		margin-top: 35em;
	}
	
	.two_col_6634 .col.left, .two_col_6634 .col.right{
		float: left;
		width: 100%;
		margin: 0 0 2em 0;	
	}
	
	.two_col_6634 .col.left .col_wrapper, .two_col_6634 .col.right .col_wrapper{
		margin: 0;
	}
	
	#Blog .two_col_6634 .col.left, #Videos .two_col_6634 .col.left{
		float: left;
		width: 66%;
		margin: 0 0 2em 0;	
	}
	
	#Blog .two_col_6634 .col.right, #Videos .two_col_6634 .col.right{
		float: right;
		width: 30%;
		margin: 0 0 2em 0;	
	}
	
	 #Blog .two_col_6634 .col.left .col_wrapper, .two_col_6634 .col.right .col_wrapper{
		margin: 0;
	}
	
	.excerpt .feat_info{
		width: 57%;
	}
	
	.article_img{
		width: 37%;
		/*padding-top: 26%;*/
	}
	
	.col .vr{
		display: none;
	}

	
	/* === MICRO ELEMENTS === */
	
	.feat_tag{
		font-size: 1.1em;
	}
	
	.date{
		font-size: 1.2em;
	}
	
	.feat_info h4{
		font-size: 1.5em;
	}
	
	#Concerts .more{
		font-size: 1.1em;
		margin: .8em .5em 0 0;
	}
	
	#HomeAd, #Subscribe{
		width: 100%;
	}
	
	#Subscribe{
		margin-top: 2em;
		padding-bottom: 1.2em;
	}
	
	#Subscribe .email, #Subscribe label{
		width: 21em;
	}
	
	#Subscribe input[type=submit]{
		position: absolute;
		left: 30em;
	}
	
	.widget{
		text-align: center;
	}

	.widget p{
		width: 100%;
		text-align: left;
	}

	.widget a{
		margin: 2em auto 0 auto;
		float: none;
	}
	
	.video .modal_wrapper{
		width: 90%;
	}
	
	.similar{
		width: 100%;
	}

}

/* ========================== SINGLE COLUMN MEDIA QUERIES ========================== */

@media screen and (max-width: 655px){
	
	.single{
		display: block;
	}
	
	.sm_float{
		width: 100% !important;
	}
	
	.sm_float.left{
		margin: 0 0 1em 0;
	}
	
	/* ==== HEADER === */
	
	header{
		background: #ffffff;
		position: relative;
	}
	
	.container{
		padding: 0;
	}
	
	header nav, #Mailing, #Phone, #ContentGhost, .switch{
		display: none;
	}
	
	#Logo{
		width: 16em;
		height: 7em;
	}
	
	#SinglePhone{
		display: block;
	}
	
	#ToggleMenu{
		display: inline-block;
	}
	
	#SingleDrop{
		height: auto;
	}
	
	/* === FOOTER === */
	
	#Above #Social, #Above nav{
		display: block;
		width: 100%;
		text-align: center;
		clear: both;
		margin: 0 auto;
		background-position: center 1em;
	}
	
	#Above{
		border: 0 none;
	}
	
	#Above nav{
		margin-bottom: 2em;
	}
	
	#Below .left, #Below .right{
		display: block;
		width: 100%;
		text-align: center;
		clear: both;
		margin: 0 auto;
		background-position: center 1em;
	}
	
	#Below .left{
		margin: 2.4em 0 0 0;
	}
	
	#Below .left p a{
		margin: 2em 0 0 0;
	}
	
	#Below .right p{
		text-align: center;
	}
	
	footer nav ul{
		text-align: center;
	}
	
	/* === MACRO ELEMENTS === */
	
	#CycleWrapper{
		position: relative;
	}
	
	#BgCycle{
		width: 100%;
		height: auto;
		padding-top: 27em;
		overflow: hidden;
	}
	
	#BgCycle .wrapper{
		width: 100%;
		position: relative;
		height: 27em;
	}
	
	.tagline{
		top: 15em;
		height: 4.8em;
		line-height: 4.8em;
		padding: 0 3em;
	}

	.tagline div p{
		font-size: 2.4em;
	}
	
	#BgCycle img{
		position: absolute;
		left: 50%;
		margin-left: -32em;
		width: 64em;
		height: auto;
	}
	
	#Content, .has_slideshow #Content{
		margin: 0 0 3em 0;
		border: 0;
		overflow: hidden;
	}
	
	#Content .wrapper{
		margin: 3em 0;
		float: left;
		width: 100%;
	}
	
	.grid{
		margin: 3em 3em 0 3em;
	}
	
	.two_col_5050 .col{
		float: left;
		width: 100%;
	}

	.two_col_5050 .col_wrapper, .two_col_5050 .col:first-of-type .col_wrapper{
		margin: 2em 3em;	
	}
	
	.two_col_6634 .col.left, .two_col_6634 .col.right{
		float: left;
		width: 100%;
		margin: 0 0 2em 0;	
	}
	
	.two_col_6634 .col.left .col_wrapper, .two_col_6634 .col.right .col_wrapper{
		margin: 0 3em;
	}
	
	.col .vr{
		display: none;
	}
	
	.col.full .col_wrapper{
		margin: 0 3em;
	}

	/* === MICRO ELEMENTS === */ 
	
	.feat_wrapper{
		display: block;
		padding: 0;
	}
	
	#Home .feat_wrapper{
		padding: 0 3em;
	}
	
	.feat_box_third{
		position: relative;
		width: 100%;
		float: none;
		margin: 0 0 3em 0;
	}
	
	.feat_wrapper .feat_box_third.middle{
		margin: 0 0 3em 0;
	}
	
	.feat_box_third .push{
		padding-top: 55%;
	}
	
	.feat_tag{
		font-size: 1.8em;
	}
	
	/*.feat_box_third img{
		top: -14%;
	}*/
	
	#HomeAd, #Subscribe{
		width: 100%;
	}
	
	#HomeAd{
		min-height: 0;
	}
	
	#HomeAd p:first-of-type{
		display: none;
	}
	
	#HomeAd h4{
		font-size: 2em;
		margin-top: 0;
	}

	#Subscribe{
		margin-top: 2em;
		padding-bottom: 1.2em;
	}
	
	#Subscribe .email, #Subscribe label{
		width: 21em;
	}
	
	#Subscribe input[type=submit]{
		position: absolute;
		left: 30em;
	}
	
	#WelcomeMsg{
		width: 100%;
		margin-bottom: 2em;
		margin-top: -2em;
	}
	
	#WelcomeMsg div{
		margin-top: 0;
		margin-right: 3em;
		border-top: .1em solid #eee;
		padding-top: 2em;
	}
	
	.wrapper nav{
		margin: 0 3em;
	}
	
	.wrapper nav h2{
		display: block;
	}
	
	.tab_system {
		border: 0 none;
		height: auto;
		width: auto;
	}
	

	.tab_system li{
		display: block;
		height: auto;
		border-bottom: 0 none !important;
		width: 100% !important;
		display: none;
		margin-top: .2em;
	}
	
	.tab_system li.active{
		display: block;
	}

	.tab_system a{
		min-height: 2.6em;
		line-height: 1em;
		border-left: 0 none;
	}
	
	.tab_system li div.sub{
		display: block;
		font-size: 1.1em;
		line-height: 1.3em;
		padding: 0 1.45em 0 1.45em;
		text-transform: uppercase;
	}

	.tab_system .active a div{
		font-weight: bold;
	}

	.tab_system li:not(.active){
		background-color: #fcfcfc;
	}

	.tab_system .ora{border-left: .4em solid #57bfed;}
	.tab_system .pnk{border-left: .4em solid #0f6db6;}
	.tab_system .blu{border-left: .4em solid #95c93d;}
	.tab_system .grn{border-left: .4em solid #69b726;}
	
	.tab_system li:first-of-type #TabsToggle{
		display: block;
	}
	
	#TabsToggle,  .menu_toggle{
		display: block;
	}
	
	.widget{
		margin: 3em;
		text-align: center;
	}

	.widget p{
		width: 100%;
		text-align: left;
	}

	.widget a{
		margin: 2em auto 0 auto;
		float: none;
	}
	
	.media{
		border-top: .1em solid #eee;
		padding-top: 3em;
	}
	
	#Videos .media, #Recordings .media{
		max-width: 100%;
	}
	
	.quote{
		display: none;
	}
	
	.video .modal_wrapper{
		width: 100%;
	}
	
	.email .modal_wrapper{
		width: 32em;
	}
	
	.video .content_wrapper{
		padding: 1.5em;
		background: #000;
	}
	
	.video.modal .close{
		background-color: #000;
		float: right;
		height: 2em;
		border-right: 1.8em solid #000;
		background-position: top right;
		line-height: 1em;
	}

	.video.modal .close:hover{
		color: #ffefe6;
		
	}
	
	.expand_height.fix_height{
		height: 20em;
	}
	
	.expand_height .mask{
		display: block;
	}
	
	.similar{
		width: 100%;
	}
	
	.similar .feat_wrapper{
		display: block;
		padding: 0;
		overflow: hidden;
		margin-bottom: 2em;
	}
	
	.similar .feat_box_third{
		width: 100%;
		margin: 0 !important;
		background-position: 23% 45%;
	}
	
	.similar .push{
		display: inline-block;
		width: 46%;
		padding-top: 31%;
	}
	
	.similar .img_caption{
		display: inline-block;
		vertical-align: top;
		padding: 0 1em;
		width: 40%;
	}

	.similar img{
		width: 46%;
		top: 0 !important;
	}
	
	.similar .push .overlay{
		padding-top: 67%;
	}
	
	.two_col_6634 .col.left.blog .col_wrapper{
		margin: 0;
	}
	
	.highlight .feat_info{
		margin: 0 3em;
		padding-bottom: 0;
	}
	
	.excerpt{
		width: 100%;
		margin-top: 3em;
	}
	
	.excerpt .feat_info{
		margin: 0 3em;
		width: auto;
		display: block;
	}
	
	.excerpt .feat_info.right{
		float: left;
	}
	
	.article_img_wrapper{
		margin: 0 3em;
		display: block;
		position: relative;
	}

	.article_img{
		width: 100%;
		display: block;
		/*padding-top: 45%;*/
		margin: 0 0 2em 0;
	}
	
	.blog_menu{
		position: relative;
		border: .1em solid #ccc;
		padding: 2em;
		margin: 1em 0 0 0;
	}
	
	.blog_menu ul{
		margin: 1em 0 0 0;
		display: none;
	}
	
	.blog_menu h4{
		margin: 0;
	}
	
	.venue_slideshow_wrapper{
		padding-top: 55%;
	}

	.venue_slideshow{
		top: -1.5em;
	}

	article .push, .push .overlay, .highlight_image .push{
		padding-top: 55%;
	}

	
	.col img.gallery{
		max-width: 100%;
		height: auto;
	}
	
	.series{
		width: 100%;
	}

	.series:first-of-type{
		margin: 0 0 1em 0;
	}
	
	.form_row{
		padding: 0 0 0 0;
	}
	
	#Press td.col1{
		width: 55%;
	}
	
}

/* ========================== MICRO SINGLE COLUMN MEDIA QUERIES ========================== */

@media screen and (max-width: 470px){

	/* === FOOTER === */
	
	footer{
		padding: 0;
	}
	
	footer nav li{
		display: inline-block;
		width: 14.5em;
		height: 2.5em;
		overflow:hidden;
	}
	
	footer nav li a{
		margin: 0;
	}
	
	footer nav li a.active{
		border-bottom: 0 none;
		color: #fc9765;
	}
	
	footer nav li:nth-of-type(2n){
		text-align: left;
		margin-left: 1em;
	}
	
	footer nav li:nth-of-type(2n+1){
		text-align: right;
		margin-right: 1em;
	}

	/* === MACRO ELEMENTS === */
	
	#BgCycle{
		position: relative;
		width: 100%;
		height: auto;
		padding-top: 18em;
	}
	
	.tagline{
		top: 12em;
		height: 3.5em;
		line-height: 3.5em;
		padding: 0 1.4em;
	}

	.tagline div p{
		font-weight: normal;
		font-size: 1.8em;
	}
	
	#BgCycle img{
		margin-top: -2em;
		margin-left: -24em;
		width: 48em;
	}
	
	/*.feat_box_third img {
	top: -13%;
	}*/
	
	/* === MICRO ELEMENTS === */
	
	.feat_tag{
		font-size: 1.5em;
	}
	
	#Subscribe .email, #Subscribe label{
		width: 80%;
	}
	
	#Subscribe input[type=submit]{
		position: relative;
		float: right;
		left: auto;
	}
	
	.tab_system li div{
		font-size: 1.4em;
	}
	
	#TabsToggle #Arrow, .menu_toggle #Arrow{
		position: absolute;
		width: 0;
		height: 0;
		border: 1em solid transparent;
		border-top: 1em solid #777;
		right: 1.5em;
		top: 50%;
		margin-top: -.5em;
	}

	#TabsToggle.up #Arrow, .menu_toggle.up #Arrow{
		margin-top: -1.5em;
		border-top: 1em solid transparent;
		border-bottom: 1em solid #777;
	}
	
	.callout div{
		padding: 2em 2em 1em 2em;
		overflow: hidden;
	}
	
	.gig .date, .gig .venue, .gig .h4{
		font-size: 1.3em;
	}
	
	.gig h2{
		font-size: 2.4em;
	}

	
}