/*Specific Type*/
@import url(fonts/stylesheet.css);

/* css 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,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}
strong{font-weight: 700;}
i{font-style: italic;}
/* !!!!CSS STARTS BELOW!!!! */
body {
	background-color: #000000;
	font-family: ;
	color: #ffffff;
	}
.container{
	max-width: 1024px;
	width: 100%;
	margin: 0px auto;
}
header{
	position: fixed;
	top: 0px;
	width: 100%;
	background-color: #000000;
	min-height: 105px;
	z-index: 10;
	border-bottom: double 4px #F3EEEE;
	padding-top: 10px;
}
header h1{
	text-indent: -9999px;
}
header h3{
	margin: 10px 0px;
	font-size:18px;
}
#socialMedia li{
		width: 16.5%;
		margin: 10px 1%;
		display: inline-block;
	}
#socialMedia li img{
	width: 100%;
	height: auto;
	-webkit-filter: grayscale(100%); 
	filter: grayscale(100%);
}
#socialMedia li img:hover{
	-webkit-filter: grayscale(0%); 
	filter: grayscale(0%);
}
#logo{
	position: fixed;
	top: 5px;
	left: 50%;
	width: 400px;
	margin-left: -200px;
	z-index: 30;
}
#mainImg{
	background-color: #000000;
	width: 100%;
	height: 75vh; 
	overflow: hidden;
	position: absolute;
	top: 0px;
	z-index: 20;
	border-bottom: double 4px #F3EEEE;
}
#mainImg img{
	width: 100%;
}
#topPush{
	height: 75vh; 
}
#band{
	padding: 20px 0px;
}
#band h2, h3{
	text-align: center;
}
#bio{
	background-color: #242224;
	padding: 20px 0px;
}
#album{
	background-color: #242224;
	padding: 20px 0px;
}
#album iframe{
	width: 100%;
	height: 140px;
}
#quotes{
	padding: 20px 0px;
}
#musicVideo{
	padding: 20px 0px;
}
#musicVideo iframe{
	width: 100%;
	height: 600px;
}

/*column layout*/
.col-100{
	width: 97%;
	margin: 5px .5%;
	padding: 1%;
	min-height: 25px;
	float: left;
}

/*four column grid*/
.col-75{
	width: 72%;
	margin: 5px .5%;
	padding: 1%;
	float: left;
	min-height: 25px;
}
.col-50{
	width: 47%;
	margin: 5px .5%;
	padding: 1%;
	float: left;
	min-height: 25px;
}
.col-50alt1{
	display: hidden;
}
.col-50alt2{
	width: 47%;
	margin: 5px .5%;
	padding: 1%;
	float: left;
	min-height: 25px;
}
.col-25{
	width: 22%;
	margin: 5px .5%;
	padding: 1%;
	float: left;
	min-height: 25px;
}
/*images inside of the grids*/
.col-100 > img, .col-75 > img, .col-50 > img, .col-25 > img, .col-66 > img, .col-33 > img{
	width: 100%;
	height: auto;
	outline: solid 2px #F3EEEE;
}

.clear{
	clear: both;
}

footer{
	clear:both;
	text-align: center;
	padding: 20px 0px;
	border-top: double 4px #F3EEEE;
}

h1 {
	font-family: 'trajanregular';
	font-weight: 700;
	font-size: 30px;
	color: #ffffff;
	margin-bottom: 10px;
	text-align: center;
}

h2 {
	font-family: 'trajanregular';
/*	font-weight: 700;*/
	font-size: 19px;
	color: #D40007;
	padding: ;
	margin-bottom: 10px;
}

h3 {
	font-size:16px;
	color: #ffffff;

}

p {
	line-height: 20px;
	font-size:15px ;
	color: #F3EEEE;
	margin-bottom: 10px;
}

a:link {
	text-decoration:none;
	color: #D9D5D5;
} 
a:visited {
	color: #D9D5D5;
}
a:hover {
	color: #D40007;
}
a:active {
	color: #ffffff;
}

/*iPads (portrait and landscape)*/
@media only screen and (max-width: 1024px) {
	/*styles*/

	/*light box*/
	#theLight{
		width: 350px;
		padding:10px;
		margin-left:-185px;	
		margin-top:-200px;
	}
	/*four column grid*/
	.col-25{
		width: 47%;
	}
	.col-50alt1{
		display: inherit;
		width: 97%;
		margin: 5px .5%;
		padding: 1%;
		float: left;
		min-height: 25px;
		height: 50px
	}
	.col-50alt2{
		display: none;
	}
	.col-75{
		width: 47%;
	}
	#logo{
		top: 0px;
		width: 300px;
		height: auto;
		margin-left: -150px;
	}
	#mainImg{
		margin-top: 20px;
		height: inherit;
		overflow: visible;
	}
	#topPush{
		height: 620px;
	}
	#musicVideo iframe{
		height: 500px;
	}
	.hide1024{
		display: none;
	}
	.full1024{
		width: 97%;
	}
}
@media only screen and (max-width: 800px) {
	#topPush{
		height: 500px;
	}
}
@media only screen and (max-width: 600px) {
	#topPush{
		height: 370px;
	}
	#musicVideo iframe{
		height: 400px;
	}
}

/*Smartphones (portrait and landscape)*/
@media only screen and (max-width: 480px) {
	/*styles*/

	/*four column grid*/
	.col-75{
		width: 97%;
	}
	.col-50{
		width: 97%;
	}
	.col-25{
		width: 97%;
	}

	/*three column grid*/
	.col-66{
		width: 97%;
	}
	.col-33{
		width: 97%;
	}

	/*the light box*/ 
	#theLight{
		width: 300px;
		padding:10px;
		margin-left:-160px;	
		margin-top:-200px;
	}
	#logo{
		position: absolute;
	}
	#mainImg{
		top: 65px;
		border-top: double 4px #F3EEEE;
	}
	header{
		position: absolute;
		top: 290px;
	}
	#topPush{
		height: 550px;
	}
	#musicVideo iframe{
		height: 300px;
	}

}