/* Mobile CSS by Kelley Lima */

html, body {
	background-color:#123;
	margin:0px;
	padding:0px;
	border:none;
	text-align:center;
}
a {
	outline:none;
	border:none;
}
p, h1, h2, h3, h4, h5, h6 {
	margin:0px;
	padding:0px;
}
header {
	background-color:#012;
	font-family:QuicksandLight, sans-serif;
	font-weight:bold;
}
#m_header {
	box-shadow:0px 0px 100px #789;
	-moz-box-shadow:0px 0px 100px #789;
	-webkit-box-shadow:0px 0px 100px #789;
	-o-box-shadow:0px 0px 100px #789;
}
header#pgtop {
	color:#fff;
	font-family:QuicksandLight, sans-serif;
	font-weight:bold;
	height:50px;
	line-height:55px;
	padding:4px 8px 4px 8px;
	text-align:left;
}
nav {
	font-size:1.5em;
	font-family:QuicksandBook, sans-serif;
	color:#fff;
}
nav ul {
	padding:0px;
	margin:0px;
	list-style-type:none;
}
nav ul li a, nav ul li a:visited {
	height:50px;
	margin:4px 0px 4px 0px;
	padding:0px;
	line-height:50px;
	color:#fff;
	display:block;
	text-decoration:none;
	background-color:#234;
}
nav ul li a:hover, nav ul li a:active {
	background-color:#345;
}
nav ul li a.alert, nav ul li a.alert:visited {
	height:50px;
	margin:4px 0px 4px 0px;
	padding:0px;
	line-height:50px;
	color:#fff;
	display:block;
	text-decoration:none;
	background-color:#a00;
}
nav ul li a.alert:hover, nav ul li a.alert:active {
	background-color:#c00;
}
footer {
	color:#abc;
	font-size:.8em;
	height:100px;
	line-height:100px;
}
footer a {
	color:#abc;
}
h1.aboutitle, h1.musictitle, h1.contactitle {
	font-size:1.9em;
}
.aboutcolor, .about a, .about a:visited {
	color:#fcd116;
	text-decoration:none;
}
.aboutitle {
	float:left;
	text-shadow:0px 0px 8px #fcd116;
}
.about a:hover, .about a:active {
	text-shadow:0px 0px 8px #fcd116;
}
.musicolor, .music a, .music a:visited {
	color:#83f52c;
	text-decoration:none;
}
.musictitle {
	float:left;
	text-shadow:0px 0px 8px #83f52c;
}
.music a:hover, .music a:active {
	text-shadow:0px 0px 8px #83f52c;
}
.contactcolor, .contact a, .contact a:visited {
	color:#67c8ff;
	text-decoration:none;
}
.contactitle {
	float:left;
	text-shadow:0px 0px 8px #67c8ff;
}
.contact a:hover, .contact a:active {
	text-shadow:0px 0px 8px #67c8ff;
}
#content {
	padding:4px;
}
.about {
	color:#789;
	font-family:QuattrocentoRomanRegular, serif;
	font-size:1.8em;
	line-height:1.8em;
	text-align:left;
}
a#gohome {
	float:right;
	height:50px;
	width:50px;
	display:block;
	background:url(../_images/home.png) center center no-repeat;
}
#watchvideo, #watchvideo:visited {
	color:#ff0a0a;
}
#watchvideo:hover, #watchvideo:active {
	text-shadow:0px 0px 8px #ff0a0a;
}
#picturebox {

}


.gallery { list-style: none; padding: 0; margin: 0; }
.gallery:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
.gallery li { float: left; width: 33.3%; }
.gallery li a { display: block; margin: 5px; border: 1px solid #456; }
.gallery li img { display: block; width: 100%; height: auto; }



/* ##########  Quatrocento, serif  ########## */

@font-face {
    font-family: 'QuattrocentoRomanRegular';
    src: url('../../_css/_fonts/Quattrocento-Regular-webfont.eot');
    src: url('../../_css/_fonts/Quattrocento-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../_css/_fonts/Quattrocento-Regular-webfont.woff') format('woff'),
         url('../../_css/_fonts/Quattrocento-Regular-webfont.ttf') format('truetype'),
         url('../../_css/_fonts/Quattrocento-Regular-webfont.svg#QuattrocentoRomanRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* ##########  Quicksand, sans-serif  ########## */

@font-face {
    font-family: 'QuicksandLight';
    src: url('../../_css/_fonts/Quicksand_Light-webfont.eot');
    src: url('../../_css/_fonts/Quicksand_Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../_css/_fonts/Quicksand_Light-webfont.woff') format('woff'),
         url('../../_css/_fonts/Quicksand_Light-webfont.ttf') format('truetype'),
         url('../../_css/_fonts/Quicksand_Light-webfont.svg#QuicksandLight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'QuicksandBook';
    src: url('../../_css/_fonts/Quicksand_Book-webfont.eot');
    src: url('../../_css/_fonts/Quicksand_Book-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../_css/_fonts/Quicksand_Book-webfont.woff') format('woff'),
         url('../../_css/_fonts/Quicksand_Book-webfont.ttf') format('truetype'),
         url('../../_css/_fonts/Quicksand_Book-webfont.svg#QuicksandBook') format('svg');
    font-weight: normal;
    font-style: normal;

}