@charset "utf-8";


/*-----------------------------------------------------------------
IMPORT CSS
-----------------------------------------------------------------*/
@import url("css_normalizer.css");


/*-----------------------------------------------------------------
COLUMNATION
-----------------------------------------------------------------*/
.container12, .container16 {
    margin:0 auto;
    padding:0;
    position:relative;
    width:1140px;
}
.row {
	margin-bottom:20px;
}
.column1, .column2, .column3, .column4, .column5, .column6, .column7, .column8, .column9, .column10, .column11, .column12, .column13, .column14, .column15, .column16 {
    display:inline;
    float:left;
    margin-left:10px;
    margin-right:10px;
}
.container12 .alpha, .container16 .alpha {margin-left:0;}
.container12 .omega, .container16 .omega {margin-right:0;}
.container12 .column1 {width:75px;}
.container12 .column2 {width:170px;}
.container12 .column3 {width:265px;}
.container12 .column4 {width:360px;}
.container12 .column5 {width:455px;}
.container12 .column6 {width:550px;}
.container12 .column7 {width:645px;}
.container12 .column8 {width:740px;}
.container12 .column9 {width:835px;}
.container12 .column10 {width:930px;}
.container12 .column11 {width:1025px;}
.container12 .column12 {width:1120px;}
.container12 .prefix1 {padding-left:95px;}
.container12 .prefix2 {padding-left:190px;}
.container12 .prefix3 {padding-left:285px;}
.container12 .prefix4 {padding-left:380px;}
.container12 .prefix5 {padding-left:475px;}
.container12 .prefix6 {padding-left:570px;}
.container12 .prefix7 {padding-left:665px;}
.container12 .prefix8 {padding-left:760px;}
.container12 .prefix9 {padding-left:855px;}
.container12 .prefix10 {padding-left:950px;}
.container12 .prefix11 {padding-left:1045px;}
.row:after, .clearfix:after, .container12:after {clear:both;}
/* For IE7. Move this to separate file when you notice some problems */
.row, .clearfix {zoom: 1;}
img, object, embed {max-width:100%;}
img {height:auto;}
.clearfix:before, .clearfix:after,
.row:before, .row:after,
.container12:before, .container12:after {
    content:'.';
    display:block;
    height:0;
    overflow:hidden;
    visibility:hidden;
    width:0;
}


/*-----------------------------------------------------------------
GENERAL AND DEFAULTS
-----------------------------------------------------------------*/
html,body{
	height:100%;
}
body{
	margin-top:20px;
	font-family:"Roboto", sans-serif;
	background-color:#000;
	font-weight:300;
	color:#555;
	font-size:22px;
	line-height:1.5em;
}
p{
	font-family:inherit;
	color:inherit;
	font-size:inherit;
	color:inherit;
	font-weight:inherit;
	padding:0px;
	margin:0px;
	padding-bottom:15px;
}
hr{
	width:100%;
	height:2px;
	background-color:#8c2900;
	border:0px;
	margin:30px 0px 30px 0px;
}
ul{
	margin-top:0px;
	padding-top:0px;
}
a:link, a:visited{
	color:#dcdcdc;
	font-family:inherit;
	text-decoration:none;
	transition: all .15s ease-in-out;
	-webkit-transition: all .15s ease-in-out;
	-moz-transition: all .15s ease-in-out;
	-o-transition: all .15s ease-in-out;
}
a:hover, a:active{
	color:#000;
	transition: all .15s ease-in-out;
	-webkit-transition: all .15s ease-in-out;
	-moz-transition: all .15s ease-in-out;
	-o-transition: all .15s ease-in-out;
}
input, textarea{
	border:0px;
	width:100%;
	cursor:pointer;
	background-color:#FFF;
	font-family:inherit;
	font-size:inherit;
	color:#111;
	font-size:14px;
	font-weight:inherit;
	padding:18px 12px 18px 12px;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
	margin-bottom:15px;
}
input:focus, textarea:focus{
	background-color:#DFDFDF;
}
input.submit{
	background-color:#545454;
	color:#fff;
}
h1,h2,h3{
	margin:0px;
	padding:0px 0px 20px 0px;
	text-transform:uppercase;
	font-family:"Roboto", sans-serif;
}
h1{
	color:#FFF;
	line-height:1.3em;
	font-weight:100;
	font-size:66px;
	padding-bottom:0px;
}
h2{
	color:#FFF;
	font-weight:700;
	font-size:22px;
	padding-bottom:40px;
}
h3{
	color:#5b5b5b;
	font-size:24px;
	padding-bottom:5px;
	margin-top:0px;
	line-height:normal;
}
.title{
	font-family:"Roboto", serif;
	font-size:24px;
}


/*-----------------------------------------------------------------
COMMON PAGE STYLES
-----------------------------------------------------------------*/
.clear{
	clear:both;
}
.center{
	text-align:center;
}
.right{
	text-align:right;
}
.left{
	text-align:left;
}
.bold{
	font-weight:bold;
}
.caps{
	text-transform:uppercase;
}
.mobile_show{
	display:none;
}
.blue{
	color:#dcdcdc !important;
}

.BAND, .BAND_DARK{
	width:100%;
	padding:100px 0px 60px 0px;
}

#top{
	background: #000000 url(../images/Waldrop-Main-Photo.jpg) top center no-repeat;
	-moz-background-size: cover;
	background-size: cover;
	padding-top:140px;
	background-color:#FFF;
	-webkit-box-shadow: 0px 2px 10px 1px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 2px 10px 1px rgba(0,0,0,0.5);
	box-shadow: 0px 2px 10px 1px rgba(0,0,0,0.5);
}
#metro{
	background: #FFF url(../images/Waldrop-Background-Image.jpg) center center fixed no-repeat;
	-moz-background-size: cover;
	background-size: cover;
	-webkit-box-shadow: inset 0px 2px 10px 1px rgba(0,0,0,0.36);
	-moz-box-shadow: inset 0px 2px 10px 1px rgba(0,0,0,0.36);
	box-shadow: inset 0px 2px 10px 1px rgba(0,0,0,0.36);
}
#about{
	background-color: #040404;
	-webkit-box-shadow: inset 0px 2px 10px 1px rgba(0,0,0,0.36);
	-moz-box-shadow: inset 0px 2px 10px 1px rgba(0,0,0,0.36);
	box-shadow: inset 0px 2px 10px 1px rgba(0,0,0,0.36);
}
#piano{
	height:200px;
	background: #FFF url(../images/music-image.jpg) center center fixed no-repeat;
	-moz-background-size: cover;
	background-size: cover;
	-webkit-box-shadow: inset 0px 2px 10px 1px rgba(0,0,0,0.36);
	-moz-box-shadow: inset 0px 2px 10px 1px rgba(0,0,0,0.36);
	box-shadow: inset 0px 2px 10px 1px rgba(0,0,0,0.36);
}
#playing{
	height:200px;
	background: #FFF url(../images/playing-image.jpg) center center fixed no-repeat;
	-moz-background-size: cover;
	background-size: cover;
	-webkit-box-shadow: inset 0px 2px 10px 1px rgba(0,0,0,0.36);
	-moz-box-shadow: inset 0px 2px 10px 1px rgba(0,0,0,0.36);
	box-shadow: inset 0px 2px 10px 1px rgba(0,0,0,0.36);
}
#music{
	background: #E0E0E0 url(../images/songs-bg.jpg) center center fixed no-repeat;
	-moz-background-size: cover;
	background-size: cover;
}
#coach{
	background-color: #040404;
	-webkit-box-shadow: inset 0px 2px 10px 1px rgba(0,0,0,0.36);
	-moz-box-shadow: inset 0px 2px 10px 1px rgba(0,0,0,0.36);
	box-shadow: inset 0px 2px 10px 1px rgba(0,0,0,0.36);
}
#gallery{
	background-color: #FFF;
}
#contact{
	background-color:#2f2f2f;
	-webkit-box-shadow: inset 0px 2px 10px 1px rgba(0,0,0,0.4);
	-moz-box-shadow: inset 0px 2px 10px 1px rgba(0,0,0,0.4);
	box-shadow: inset 0px 2px 10px 1px rgba(0,0,0,0.4);
}

#about p, #coach p{
	font-size:18px;
	line-height:1.3em;
}

p.heading{
	font-family: 'Roboto', serif;
	font-size:28px !important;
	line-height:1.2em;
	font-weight:700;
	text-transform:uppercase;
}
.BAND_DARK p.heading, .BAND_DARK p, .BAND_DARK h2, .BAND_DARK h3{
	color:#ffffff;
}
.BAND_DARK a{
	color:#ffffff;
	font-style:italic;
}
.BAND_DARK a:hover{
	color:#ccc;
}

ul.pretty_list{
	margin:0px;
	padding:0px;
	list-style:url(../images/bullets.png);
}
ul.pretty_list li{
	padding-bottom:10px;
	margin-left:25px;
	padding-left:5px;
	line-height:1.65em;
	font-family:"Roboto", sans-serif;
}
.BAND_DARK ul.pretty_list{
	margin:0px;
	padding:0px;
	list-style:url(../images/bullets-dark.png);
}
.BAND_DARK ul.pretty_list li{
	color:#CCC;
	padding-bottom:10px;
	margin-left:25px;
	padding-left:5px;
	line-height:1.65em;
	font-family:"Roboto", sans-serif;
}
.BAND_DARK .title{
	color:#000;
	font-weight:400;
}
a.button, .BAND_DARK a.button{
	margin-left:0px;
	padding-left:0px;
	text-transform:uppercase;
	font-weight:700;
}

a.item{
	display:block; 
}
a.item .item_image{
	max-height:200px;
	overflow:hidden;
	display:block;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
}
a.item .item_image img{
	width:100%;
	z-index:2;
	position:relative;
	opacity:1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity:1;
	-webkit-transform:scale(1); /* Safari and Chrome */
    -moz-transform:scale(1); /* Firefox */
    -ms-transform:scale(1); /* IE 9 */
    -o-transform:scale(1); /* Opera */
    transform:scale(1);
	transition: all .15s ease-in-out;
	-webkit-transition: all .15s ease-in-out;
	-moz-transition: all .15s ease-in-out;
	-o-transition: all .15s ease-in-out;
}
a.item:hover .item_image img{
	opacity:0.9;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	filter: alpha(opacity=90);
	-moz-opacity: 0.9;
	-khtml-opacity: 0.9;
	-webkit-transform:scale(1.03); /* Safari and Chrome */
    -moz-transform:scale(1.03); /* Firefox */
    -ms-transform:scale(1.03); /* IE 9 */
    -o-transform:scale(1.03); /* Opera */
    transform:scale(1.03);
	transition: all .15s ease-in-out;
	-webkit-transition: all .15s ease-in-out;
	-moz-transition: all .15s ease-in-out;
	-o-transition: all .15s ease-in-out;
}

a.button{
	margin-left:0px;
	padding-left:0px;
	transition: all .15s ease-in-out;
	-webkit-transition: all .15s ease-in-out;
	-moz-transition: all .15s ease-in-out;
	-o-transition: all .15s ease-in-out;
}
a.button_black{
	color:#222;
}
a.button:hover{
	color:#444;
	transition: all .15s ease-in-out;
	-webkit-transition: all .15s ease-in-out;
	-moz-transition: all .15s ease-in-out;
	-o-transition: all .15s ease-in-out;
}

.gallery .row{
	padding:0px;
	margin:0px 0px 30px 0px;
}

.top_quote{
	min-height:200px;
	max-height:240px;
	overflow:hidden;
	padding:20px 0px 0px 0px;
	display:none;
	z-index:3;
}
.quote, .quotation{
	font-size:34px;
	line-height:1.3em;
	font-family: 'Droid Serif', serif;
	font-weight:300;
	font-style:italic;
	color:#AAA;
}
.quotation{
	font-family: 'Droid Serif', serif;
	font-size:54px;
	line-height:0.7em;
}
.quotee{
	position:relative;
	margin-top:-10px;
	font-size:16px;
	font-family: 'Roboto', sans-serif;
	font-weight:700;
	text-transform:uppercase;
	color:#dcdcdc;
}

.song{
	padding-left:35px;
	font-size:17px;
	line-height:1.2em;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
	margin-bottom:40px;
}
img.listen{
	position:absolute;
	margin-left:-35px;
	margin-top:2px;
}
.song span{
	font-weight:400;
}
.song .musicians{
	font-size:15px;
}
.song a{
	color:#5b5b5b;
}
.song a:hover{
	color:#FFF;
}

.errors_area, .errors_area ul li{
	color:#FFF !important;
}

.quote_testimonial{
	background:url(../images/quote.png) top left no-repeat;
	padding:0px 20px 40px 50px;
	font-style:italic;
	font-size:18px !important;
}
.quotee_testimonial{
	display:inline-block;
	padding:10px 20px 0px 0px;
	font-style:normal;
	font-size:16px !important;
	text-transform:uppercase;
	font-weight:bold;
	line-height:1.3em;
}
.videos p{
	line-height:1.3em !important;
	font-size:15px !important;
}


/*-----------------------------------------------------------------
PRIMARY NAVIGATION
-----------------------------------------------------------------*/
#LOGO{
	position:fixed;
	top:0px;
	left:0px;
	height:52px;
	width:180px;
	padding:11px 20px 2px 18px;
	z-index:9;
	background-color:#403b3c;
}
#LOGO .item{
	padding:5px 0px 0px 0px;
	display:inline-block;
}
#LOGO img{
	width:30px !important;
}
#NAV{
	z-index:8;
	position:fixed;
	top:0px;
	background-color:#231f20;
	width:100%;
	height:46px;
	padding:15px 0px 4px 0px;
	-webkit-box-shadow: 0px 1px 10px 1px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 1px 10px 1px rgba(0,0,0,0.3);
	box-shadow: 0px 1px 10px 1px rgba(0,0,0,0.3);
}
ul.primary-nav{
	padding:0px;
	margin:0px;
	list-style:none;
	display:block;
	text-align:right;
}
ul.primary-nav li{
	display:inline-block;
	text-align:center;
	padding:0px 12px 0px 12px;
	position:relative;
	text-align:center;
}
ul.primary-nav li a{
	color:#FFF;
	font-family:'Roboto', sans-serif;
	text-transform:uppercase;
	font-size:19px;
	font-weight:700;
	display:block;
	text-decoration:none;
	position:relative;
	transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
}
ul.primary-nav li a:hover{
	color:#CCC;
	transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
}
ul.primary-nav li:last-child{
	padding-right:0px;
	border-right:0px;
}


/*-----------------------------------------------------------------
BOTTOM
-----------------------------------------------------------------*/
.BOTTOM_BAR{
	text-align:center;
	position:fixed;
	z-index:9;
	right:20px;
	bottom:-50px;
	padding:15px 10px 10px 10px;
	background-color:#2f2f2f;
	transition: all .15s ease-in-out;
	-webkit-transition: all .15s ease-in-out;
	-moz-transition: all .15s ease-in-out;
	-o-transition: all .15s ease-in-out;
}
.BOTTOM_BAR_EXPANDED{
	text-align:center;
	position:fixed;
	z-index:9;
	right:20px;
	bottom:0px;
	padding:10px 15px 5px 15px;
	background-color:#2f2f2f;
	transition: all .15s ease-in-out;
	-webkit-transition: all .15s ease-in-out;
	-moz-transition: all .15s ease-in-out;
	-o-transition: all .15s ease-in-out;
}
.BOTTOM_BAR_EXPANDED:hover{
	cursor:pointer;
	background-color:#545454;
	transition: all .15s ease-in-out;
	-webkit-transition: all .15s ease-in-out;
	-moz-transition: all .15s ease-in-out;
	-o-transition: all .15s ease-in-out;
}
.BOTTOM_BAR a, .BOTTOM_BAR_EXPANDED a{
	color:#fff;
}


/*-----------------------------------------------------------------
MEDIA QUERIES
-----------------------------------------------------------------*/
/*
@media only screen and (min-width: 1520px) {
    .container12, .container16 {width:1500px;}
	.container12 .column1 {width:105px;}
	.container12 .column2 {width:230px;}
	.container12 .column3 {width:355px;}
	.container12 .column4 {width:480px;}
	.container12 .column5 {width:605px;}
	.container12 .column6 {width:730px;}
	.container12 .column7 {width:855px;}
	.container12 .column8 {width:980px;}
	.container12 .column9 {width:1105px;}
	.container12 .column10 {width:1230px;}
	.container12 .column11 {width:1355px;}
	.container12 .column12 {width:1480px;}
	.container12 .prefix1 {padding-left:125px;}
	.container12 .prefix2 {padding-left:250px;}
	.container12 .prefix3 {padding-left:375px;}
	.container12 .prefix4 {padding-left:500px;}
	.container12 .prefix5 {padding-left:625px;}
	.container12 .prefix6 {padding-left:750px;}
	.container12 .prefix7 {padding-left:875px;}
	.container12 .prefix8 {padding-left:1000px;}
	.container12 .prefix9 {padding-left:1125px;}
	.container12 .prefix10 {padding-left:1250px;}
	.container12 .prefix11 {padding-left:1375px;}
	
	.BAND .heading, .BAND_DARK .heading{
		font-size:38px;
	}
	ul.pretty_list li, a.button{
		font-size:28px;
	}
	h2{
		font-size:48px;
	}
}
*/

@media only screen and (min-width: 960px) and (max-width: 1160px) {
    .container12, .container16 {width:960px;}
    .container12 .column1 {width:60px;}
    .container12 .column2 {width:140px;}
    .container12 .column3 {width:220px;}
    .container12 .column4 {width:300px;}
    .container12 .column5 {width:380px;}
    .container12 .column6 {width:460px;}
    .container12 .column7 {width:540px;}
    .container12 .column8 {width:620px;}
    .container12 .column9 {width:700px;}
    .container12 .column10 {width:780px;}
    .container12 .column11 {width:860px;}
    .container12 .column12 {width:940px;}
    .container12 .prefix1 {padding-left:80px;}
    .container12 .prefix2 {padding-left:160px;}
    .container12 .prefix3 {padding-left:240px;}
    .container12 .prefix4 {padding-left:320px;}
    .container12 .prefix5 {padding-left:400px;}
    .container12 .prefix6 {padding-left:480px;}
    .container12 .prefix7 {padding-left:560px;}
    .container12 .prefix8 {padding-left:640px;}
    .container12 .prefix9 {padding-left:720px;}
    .container12 .prefix10 {padding-left:800px;}
    .container12 .prefix11 {padding-left:880px;}
	
	ul.pretty_list li, a.button{
		font-size:22px;
		padding-bottom:7px;
	}
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
    .container12, .container16 {width:768px;}
    .container12 .column1 {width:24px;}
    .container12 .column2 {width:88px;}
    .container12 .column3 {width:152px;}
    .container12 .column4 {width:216px;}
    .container12 .column5 {width:280px;}
    .container12 .column6 {width:344px;}
    .container12 .column7 {width:408px;}
    .container12 .column8 {width:472px;}
    .container12 .column9 {width:536px;}
    .container12 .column10 {width:600px;}
    .container12 .column11 {width:664px;}
    .container12 .column12 {width:728px;}
    .container12 .prefix1 {padding-left:64px;}
    .container12 .prefix2 {padding-left:128px;}
    .container12 .prefix3 {padding-left:192px;}
    .container12 .prefix4 {padding-left:256px;}
    .container12 .prefix5 {padding-left:320px;}
    .container12 .prefix6 {padding-left:384px;}
    .container12 .prefix7 {padding-left:448px;}
    .container12 .prefix8 {padding-left:512px;}
    .container12 .prefix9 {padding-left:576px;}
    .container12 .prefix10 {padding-left:640px;}
    .container12 .prefix11 {padding-left:704px;}
	
	ul.pretty_list li, a.button{
		font-size:20px;
		padding-bottom:6px;
	}

	.top_quote{
		min-height:200px;
		max-height:none;
	}
	.quote, .quotation{
		font-size:26px;
	}
	#top h1{
		font-size:38px;
	}
	#top h2{
		font-size:15px;
	}
	
	.tablet_hide{
		display:none;
	}
	
	a.item .item_image{
		max-height:140px;
	}
	
	ul.primary-nav li{
		padding:0px 9px 0px 9px;
	}
	ul.primary-nav li a{
		font-size:17px;
	}
	.videos .column6{
		width:100%;
	}
}

@media only screen and (max-width: 767px) {	
    .container12, .container16 {width:320px;}
    .container12 .column1, 
    .container12 .column2, 
    .container12 .column3, 
    .container12 .column4, 
    .container12 .column5, 
    .container12 .column6, 
    .container12 .column7, 
    .container12 .column8, 
    .container12 .column9, 
    .container12 .column10, 
    .container12 .column11, 
    .container12 .column12{
        margin:0 10px 10px 10px;
        width:300px;
    }
    .container12 .prefix1, .container12 .prefix2, .container12 .prefix3, .container12 .prefix4, .container12 .prefix5, .container12 .prefix6, .container12 .prefix7, .container12 .prefix8, .container12 .prefix9, .container12 .prefix10, .container12 .prefix11 {padding-left:0;}
	
	ul.primary-nav li{
		border:0px;
		display:none;
	}
	ul.primary-nav li a{
		border:0px;
		font-size:20px;
		padding:20px 0px 20px 0px;
	}
	ul.primary-nav li a:hover{
		color:#E0E0E0;
	}
	
	
	.mobile_hide{
		display:none;
	}
	.mobile_show{
		display:block;
	}
	
	
	.gallery .row{
		padding:0px;
		margin:0px;
	}
	
	
	#piano, #playing{
		display:none;
	}
	
	
	.BAND, .BAND_DARK{
		padding:60px 0px 10px 0px;
	}
	ul.pretty_list li, a.button{
		font-size:20px;
		padding-bottom:6px;
	}

	#top{
		background: #000;
	}

	.top_quote{
		min-height:200px;
		max-height:none;
	}
	.quote, .quotation{
		font-size:26px;
	}
	
	#LOGO{
		left:auto;
		right:0px;
	}
	.videos iframe{
		width:300px !important;
	}
}