/* Info
---------------------------------------------------------------------------------------   
20em = 320px
24em = 384px
28em = 448px
32em = 512px
36em = 576px
40em = 640px
44em = 704px
48em = 768px
52em = 832px
56em = 896px
60em = 960px
64em = 1024px
68em = 1088px
72em = 1152px
76em = 1216px
80em = 1280px
--------------------------------------------------------------------------------------- */


/* COLUMNS
--------------------------------------------------------------------------------------- */
@import url("cols.php");


/* RESET
--------------------------------------------------------------------------------------- */
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,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}:focus{outline:0}body{line-height:1;color:black;background:white}ol,ul{list-style:none}table{border-collapse:separate;border-spacing:0}caption,th,td{text-align:left;font-weight:normal}blockquote:before,blockquote:after,q:before,q:after{content:""}blockquote,q{quotes:""""}


/* GENERAL
--------------------------------------------------------------------------------------- */
*					{ -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.trans, .trans *	{ -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; }
.nolorf				{ font-size: 0px; line-height: 0px; }
.nowrap				{ white-space: nowrap; }
.clear 				{ clear: both; }
.contain 			{ display: inline-block; display: block; }
.contain:after 		{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
img					{ max-width: 100%; }
table				{ width: 100%; }
table, tr, td 		{ border-collapse: collapse; vertical-align: top; }


/* HTML, BODY
--------------------------------------------------------------------------------------- */
html { overflow-y: scroll; }
html, body {
	background: #fcfcfc;
	font-family: 'Courier', Georgia, serif; 
	font-size: 12px;
	line-height: 18px;
	color: #101010;
}

#playlist { display: none; }

/* WRAP
--------------------------------------------------------------------------------------- */
#wrap {
	padding: 2% 2.5%;
	margin: 0px auto;
	max-width: 1200px;
	min-width: 1150px;
}


/* HEADER
--------------------------------------------------------------------------------------- */
#header {
	min-height: 150px;
}

/* Banner
--------------------------------------------------------------------------------------- */
#banner img {
	width: 100%;
}

#banner .photo_credit {
	font-size: 10px;
	color: #777;
}

#banner .photo_credit a, #banner .photo_credit a:link, #banner .photo_credit a:visited {
	color: #777;
}

/* NAVIGATION
--------------------------------------------------------------------------------------- */

.no-logo {
	font-family: 'Oswald', impact;
	font-size: 60px;
	position: relative;
	top: 80px;
	white-space: nowrap;
	padding-right: 60px;
	letter-spacing: 5px;	
}

.no-logo a,
.no-logo a:link, 
.no-logo a:visited { text-decoration: none; }

#nav {}

#nav li { 
	display: block;
	list-style: none; 
	margin: 0 0 6px 0;
}

#nav li a, 
#nav li a:link, 
#nav li a:visited { text-decoration: underline; }

#nav li a:hover,
#nav li a:focus { color: #444; }

#nav li.selected a, 
#nav li.selected a:link, 
#nav li.selected a:visited { color: #000; }


/* DOCUMENT
--------------------------------------------------------------------------------------- */
#doc {

}


/* CONTENT
--------------------------------------------------------------------------------------- */
#content {}

.external {
	margin: 10px 0;
}

.facebook a, .facebook a:link, .facebook a:visited { text-decoration: none; }
.facebook a i.fa { color: #3b5998; font-size: 16px; }

.itunes a, .itunes a:link, .itunes a:visited { text-decoration: none; }
.itunes a i.fa { color: #aaa; font-size: 16px; }

.shows_page .show_section_title {
	text-transform: uppercase;
	color: #FFF;
	background: #101010;
	padding: 5px 7px;
	margin: 0 0 0 -7px;	
}

.shows_page .show_section {
	padding-bottom: 25px;
}

.shows_page .show {
	padding: 5px 0px;
	width: 100%;
	border-bottom: 1px solid #999;
}

.shows_page .show .location { display: inline-block; width: 22%; }
.shows_page .show .date 	{ display: inline-block; width: 18%; text-align: right; }
.shows_page .show .day 		{ display: inline-block; width: 16%; }
.shows_page .show .venue 	{ display: inline-block; width: 40%; }

.records_page {}

.records_page .record { margin-bottom: 1em; }


/* FOOTER
--------------------------------------------------------------------------------------- */
#footer {}


/* CONTENT TAGS	
--------------------------------------------------------------------------------------- */	

h2 { 
	font-size: 15px;
	line-height: 24px;
}

h3 { 
	font-size: 15px;
	line-height: 24px;
}


a, 
a:link, 
a:visited { 
	color: #101010; 
}

a:hover, 
a:focus {
	color: #000;
	text-decoration: none;
}

p {
	padding-top: 0.5em;
	margin-bottom: 1em;
	max-width: 38em;	
}

p img, ul, ol, table {
	padding-top: 0.5em;
	margin-bottom: 1em;
}

p img {
	border: 1px solid #d5d5d5;
	padding: 1px;
	font-size: 0;
	line-height: 0;
}

ul li {
	list-style: disc;
	margin-left: 2em;
}

ol li {
	list-style: decimal;
	margin-left: 2em;
}

b, strong { font-weight: 700; }

i {}


/* Forms
--------------------------------------------------------------------------------------- */	
form {
	margin-bottom: 1em;
}

form, 
fieldset { 
	width: 100%;
}

label {}

select, 
option {}

input[type="button"], 
input[type="submit"] {}

input[type="text"] { 
	width: 100%;
	padding: 2px; 
	border: 1px solid #999;
	font-size: 1em;
}

textarea {
	width: 100%;
	height: 8em;
	padding: 5px; 
	border: 1px solid #ddd;
	font-size: 1em;
}


/* MESSAGES
--------------------------------------------------------------------------------------- */	
.message 	{ padding: 2.5%; }
.success	{ background: #44dd55; color: #fff; }
.error 		{ background: #ff6555; color: #fff; }
.neutral	{ background: #fff0c5; color: #444; }


/* RESPOND
--------------------------------------------------------------------------------------- */
@media screen and (max-width: 1060px) {
	
}

@media screen and (max-width: 28em) {

}