@charset "UTF-8";
/* CSS Document */

/* DEFAULT STYLES */

html, body, div, section, article, aside, header, hgroup, footer, nav, h1, h2, h3, p, blockquote, address, time, span, em, strong, img, ol, ul, li, figure, canvas, video, th, td, tr {
	margin:0;
	padding:0;
	border:0;
	vertical-align:baseline;
	font:inherit;
}

/* HTML5 DISPLAY RULE */

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


/* CLEAR FIX - NICHOLAS GALLAGHER CLEARFIX HACK */

.cf:before, .cf:after {
	content:"";
	display:table;
}

.cf:after {
	clear:both;
}

/* GLOBAL STYLES */

html {
	background:#2d2a25;
}

body {
	font-size:15px;
	font-weight:normal;
	font-style:normal;
	background:#2d2a25;
}

img {
	border:0;
}

a img {
	border:none;
	outline:0;
}

a {
	outline:none;
	text-decoration:none;
}

a:hover {
}

h1 {
	display:none;
}


p {
	font-family:Arial, Helvetica, sans-serif;
	color:#b5a6a3;
}

p.copyright {
	color:#5a7e92;
	font-size:.65em;
}

section {
	overflow:hidden;
}

.formHeader {
	font-family:Arial, Helvetica, sans-serif;
	color:#f2f1ef;
	padding:0 0 12px 0;
}





/* MOBILE STYLES */

@media only screen and (max-width:480px) {
	
body {
	width:90%;
	margin:0 auto;
	min-width:320px;
	max-width:480px;
}

#mainContent {
	position: relative;
    width: 291px;
    margin: auto;
}

h2 a {
	position:relative;
	display: block;
    height:408px;
	background:url(images/mainThumbSmall.jpg) no-repeat 0 0;
	text-indent:-9999px;
}

#socialLinks {
	position:relative;
	overflow:hidden;
}

#socialLinks ul {
	width:300px;
	margin:15px auto 0 auto;
}

#socialLinks li {
	list-style:none;
	float:left;
	text-indent:-9999px;
}

#socialLinks li#youtube a {
	display:block;
	width:50px;
	height:43px;
	background:url(images/socialIcons.png) 0px 0;
}

#socialLinks li#youtube a:hover {
	display:block;
	width:50px;
	height:43px;
	background:url(images/socialIcons.png) 0px -43px;
}

#socialLinks li#bandcamp a {
	display:block;
	width:50px;
	height:43px;
	background:url(images/socialIcons.png) -50px 0;
}

#socialLinks li#bandcamp a:hover {
	display:block;
	width:50px;
	height:43px;
	background:url(images/socialIcons.png) -50px -43px;
}

#socialLinks li#twitter a {
	display:block;
	width:50px;
	height:43px;
	background:url(images/socialIcons.png) -100px 0;
}

#socialLinks li#twitter a:hover {
	display:block;
	width:50px;
	height:43px;
	background:url(images/socialIcons.png) -100px -43px;
}

#socialLinks li#facebook a {
	display:block;
	width:50px;
	height:43px;
	background:url(images/socialIcons.png) -150px 0;
}

#socialLinks li#facebook a:hover {
	display:block;
	width:50px;
	height:43px;
	background:url(images/socialIcons.png) -150px -43px;
}

#socialLinks li#reverbnation a {
	display:block;
	width:50px;
	height:43px;
	background:url(images/socialIcons.png) -200px 0;
}

#socialLinks li#reverbnation a:hover {
	display:block;
	width:50px;
	height:43px;
	background:url(images/socialIcons.png) -200px -43px;
}

#socialLinks li#wordpress a {
	display:block;
	width:50px;
	height:43px;
	background:url(images/socialIcons.png) -250px 0;
}

#socialLinks li#wordpress a:hover {
	display:block;
	width:50px;
	height:43px;
	background:url(images/socialIcons.png) -250px -43px;
}

#copyright {
	position:relative;
	text-align:center;
	overflow:hidden;
	margin:15px 0 0 0;
}

	
}


/* TABLET STYLES */

@media only screen and (min-width:481px) and (max-width:768px) {
	
body {
	width:90%;
	margin:0 auto;
	min-width:500px;
	max-width:768px;
}

#mainContent {
	position: relative;
    width: 375px;
    margin: auto;
}

h2 a {
	position:relative;
	display: block;
    height:526px;
	background:url(images/mainThumbMedium.jpg) no-repeat 0 0;
	text-indent:-9999px;
}

#socialLinks {
	position:relative;
	overflow:hidden;
}

#socialLinks ul {
	width:300px;
	margin:15px auto 0 auto;
}

#socialLinks li {
	list-style:none;
	float:left;
	text-indent:-9999px;
}

#socialLinks li#youtube a {
	display:block;
	width:50px;
	height:43px;
	background:url(images/socialIcons.png) 0px 0;
}

#socialLinks li#youtube a:hover {
	display:block;
	width:50px;
	height:43px;
	background:url(images/socialIcons.png) 0px -43px;
}

#socialLinks li#bandcamp a {
	display:block;
	width:50px;
	height:43px;
	background:url(images/socialIcons.png) -50px 0;
}

#socialLinks li#bandcamp a:hover {
	display:block;
	width:50px;
	height:43px;
	background:url(images/socialIcons.png) -50px -43px;
}

#socialLinks li#twitter a {
	display:block;
	width:50px;
	height:43px;
	background:url(images/socialIcons.png) -100px 0;
}

#socialLinks li#twitter a:hover {
	display:block;
	width:50px;
	height:43px;
	background:url(images/socialIcons.png) -100px -43px;
}

#socialLinks li#facebook a {
	display:block;
	width:50px;
	height:43px;
	background:url(images/socialIcons.png) -150px 0;
}

#socialLinks li#facebook a:hover {
	display:block;
	width:50px;
	height:43px;
	background:url(images/socialIcons.png) -150px -43px;
}

#socialLinks li#reverbnation a {
	display:block;
	width:50px;
	height:43px;
	background:url(images/socialIcons.png) -200px 0;
}

#socialLinks li#reverbnation a:hover {
	display:block;
	width:50px;
	height:43px;
	background:url(images/socialIcons.png) -200px -43px;
}

#socialLinks li#wordpress a {
	display:block;
	width:50px;
	height:43px;
	background:url(images/socialIcons.png) -250px 0;
}

#socialLinks li#wordpress a:hover {
	display:block;
	width:50px;
	height:43px;
	background:url(images/socialIcons.png) -250px -43px;
}

#copyright {
	position:relative;
	text-align:center;
	overflow:hidden;
	margin:15px 0 0 0;
}

	
	

}


/* DESKTOP STYLES */

@media only screen and (min-width:769px) {
	
body {
	width:90%;
	margin:0 auto;
	min-width:1024px;
	max-width:1024px;
}

#mainContent {
	position: relative;
    width: 425px;
    margin: auto;
}

h2 a {
	position:relative;
	display: block;
    height:596px;
	background:url(images/mainThumb.jpg) no-repeat 0 0;
	text-indent:-9999px;
}

#socialLinks {
	position:relative;
	overflow:hidden;
}

#socialLinks ul {
	width:300px;
	margin:15px auto 0 auto;
}

#socialLinks li {
	list-style:none;
	float:left;
	text-indent:-9999px;
}

#socialLinks li#youtube a {
	display:block;
	width:50px;
	height:43px;
	background:url(images/socialIcons.png) 0px 0;
}

#socialLinks li#youtube a:hover {
	display:block;
	width:50px;
	height:43px;
	background:url(images/socialIcons.png) 0px -43px;
}

#socialLinks li#bandcamp a {
	display:block;
	width:50px;
	height:43px;
	background:url(images/socialIcons.png) -50px 0;
}

#socialLinks li#bandcamp a:hover {
	display:block;
	width:50px;
	height:43px;
	background:url(images/socialIcons.png) -50px -43px;
}

#socialLinks li#twitter a {
	display:block;
	width:50px;
	height:43px;
	background:url(images/socialIcons.png) -100px 0;
}

#socialLinks li#twitter a:hover {
	display:block;
	width:50px;
	height:43px;
	background:url(images/socialIcons.png) -100px -43px;
}

#socialLinks li#facebook a {
	display:block;
	width:50px;
	height:43px;
	background:url(images/socialIcons.png) -150px 0;
}

#socialLinks li#facebook a:hover {
	display:block;
	width:50px;
	height:43px;
	background:url(images/socialIcons.png) -150px -43px;
}

#socialLinks li#reverbnation a {
	display:block;
	width:50px;
	height:43px;
	background:url(images/socialIcons.png) -200px 0;
}

#socialLinks li#reverbnation a:hover {
	display:block;
	width:50px;
	height:43px;
	background:url(images/socialIcons.png) -200px -43px;
}

#socialLinks li#wordpress a {
	display:block;
	width:50px;
	height:43px;
	background:url(images/socialIcons.png) -250px 0;
}

#socialLinks li#wordpress a:hover {
	display:block;
	width:50px;
	height:43px;
	background:url(images/socialIcons.png) -250px -43px;
}

#copyright {
	position:relative;
	text-align:center;
	overflow:hidden;
	margin:15px 0 0 0;
}

}