body{margin:0;
background:#f8f9fc no-repeat;
background-image:-moz-linear-gradient(#fff,#f8f9fc);
background-image:-webkit-linear-gradient(#fff,#f8f9fc);
background-image:-ms-linear-gradient(#fff,#f8f9fc);
background-image:linear-gradient(#fff,#f8f9fc);
color:#000;
font-family:"Segoe UI", sans-serif;
line-height:1.3;
}

body{font-size:95%;}
p,ul,ol, #shows .show, #youtube, #social{margin: 0 0 1em}
ol,ul{padding:0 0 0 2em;}
h2{
font-size:150%;
font-weight:300;
margin:.25em 0;
}
h3{font-size:120%;margin:.25em 0;}
iframe{overflow:hidden;border:0;}


#logo{
background:url('/img/logo-m.png') no-repeat;
display:block;
overflow:hidden;
text-indent:-100%;
margin:0 0 1em;
min-width:300px;
height:31px;
/*width:100%;*/
}

/*homepage crap!*/	
#promo h2{margin:0 0 .25em;}
#promo h3{margin:0;}
.details{display:inline-block;vertical-align:top;	
}
.show time{
background:rgba(255,255,255,.75);
border:1px solid #eee; 
display:inline-block;vertical-align:top;
font-weight:700;
margin:.25em .5em 0 0;
text-align:center;
text-transform:uppercase;
}
.show .month{
background:#9e3d3d;
color:#fff;
display:block;
}
.show .date{
font-size:250%;
display:block;
line-height:1;
}
.show .day{
display: inline-block;
font-size: 70%;
font-variant: small-caps;
font-weight: 500;
padding: 0 .5em;
}



	/*social buttons*/
#social a{
background:url(/img/scl-sprites.png) no-repeat;
display:inline-block;
height:40px;
overflow:hidden;
text-indent:100%;
width:25%;
padding:.25em 0;
}
#social a:hover,#social a:focus{box-shadow:1px 1px 3px #ddd}
#social a:active{box-shadow:1px 1px 0 #ddd}
#social .fb{
background-position:center 5px;
}
#social .tw{
background-position:center -62px;
}
#social .yt{
background-position:center -126px;
}
#social .eml{
background-position:center -192px;
}
#wrapper{padding:.75em}
.map, .rsvp{margin-left:.25em}
.map{background:url('/img/socl/map.png') no-repeat 2px center;
padding-left:15px;
}
.rsvp{background:no-repeat 0 center;
padding-left:20px;
}
.rsvp{background-image:url('/img/socl/facebook.png')}
@media screen and (min-device-width:1000px) and (min-width:1000px){
	body{background:#fff url('/img/bg700.jpg') bottom left fixed no-repeat;
	}
	#wrapper{
	margin:0 auto; 
	width:960px;
	padding:1em;
	}
	#logo{
	background-image:url(/img/logo-t.png);
	height:53px;
	margin:.5em 0 1.5em;	
	width:568px;
	}
	/*#wrapper{background-color:rgba(255,255,255,.75);}*/
	#content, #aside{float:left;}
	#aside{margin-top:1em}
	#content{width:600px; padding:0 0 1em}
	#aside{width:300px; margin-left:3em;}
	
	#promo{
	-moz-columns:2;
	-webkit-columns:2;
	-ms-columns:2;
	columns:2;
	-moz-column-rule:1px solid #f0f0f0;
	-webkit-column-rule:1px solid #f0f0f0;
	-ms-column-rule:1px solid #f0f0f0;
	column-rule:1px solid #f0f0f0;
	}
	#player{padding: 0 1em 0 0;}
	#player, #nextShow{display:inline-block;}
	#nextShow{	
	padding-left:1em;
	}
	#nextShow .details{max-width:70%;}
	
	
}
@media screen and (min-device-width:1920px) and (min-width:1920px){
background-image:url('/img/bg.jpg')
}
#shows:target h2{font-weight:700;border-bottom:1px solid rgba(0,0,0,.2);
-moz-transition:.5s all;
-webkit-transition:.5s all;
transition:.5s  all;
}
ul{list-style:square;}
.cfx:after{
	visibility:hidden;
	display:block;
	font-size:0;
	content:" ";
	clear:both;
	height:0;
	}
* html #header, * html .cfx{ zoom:1; } /* IE6 */
*:first-child+html .cfx{ zoom:1; } /* IE7 */
.hidden, .sc-track-duration{display:none}
a img{border:none}
#bandcamp{width:100%;height:150px;}
@media screen and (max-device-width:800px){
 
}