/*===========custom css for site=============*/
.fontWeightNormal{
	font-weight:normal;
}

#equalizerBox{
	padding-top:50px;
}

#muteButtonText{
	font-size: 0.8em;
	color:#c4c5c6;
	padding-left:25px;
}

#logoBox .row .z5{z-index: 5};

#musicBox{
	background:url(../img/bg_dark_flip.png);  
/*	background-color:rgba(200,200,200,1);*/
	background-repeat:no-repeat;
	background-size:cover;
}

html,body{
	height:100%;	
}

body{position:relative;}

#muteButtonText{
	font-family:sans-serif;
	font-size:100%;
}
/*
#musicBox{
	background-color:rgb(70,70,70);
	background:url(../img/bg_dark_flip.png);
	background-size:cover;
}
*/
#bioBox{
	background-color:rgba(0,0,0,0.7);
/*	background:url(../img/0102_cover_dark.png);
	background-size:cover;
*/
}

#mobileNavBar{background-color:rgba(0,0,0,0.8)};

#showBox .row{
	font-size:150%;
}

#musicBox,#bioBox{
	word-wrap: break-word;
	color:rgba(160,160,160,1);
}

#musicBox p,#bioBox p{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 150%;
}

#musicBoxContent h1{
	font-size: 300%;
}

#showBox .listItem{
	text-align:center;
	border-top: 1px solid rgba(160,160,160,1);
	color:rgba(150,150,150,1);
	padding:10px 0px;
	font-size:150%;
	background-color:rgba(0,0,0,0.6);	
}

#showBox{
	color:rgba(150,150,150,1);
}


#showBox .listHeader{
	font-size:170%;
	text-shadow:0px 0px 5px black,0px 0px 5px black,0px 0px 5px black,0px 0px 5px black;
	padding-left:0px;
	padding-right: 0px;
}

#showBox .listHeader div{
	padding-left:0px;
	padding-right: 0px;
}

#showbcPlayer{
	color:#0563fc;
	font-weight:bold;
}
#showbcPlayer:hover{
	color:white;
	cursor: pointer;
	text-shadow:0 0 01px #A5F1FF, 0 0 02px #A5F1FF, 0 0 3px #A5F1FF, 0 0 6px #A5F1FF, 0 0 1px #A5F1FF;
}
#showBox .whiteText,#showBox{
	color:white;
}

#showBox h1,#bioBox h1{
	color:rgb(220,220,220);
	text-shadow:0px 0px 15px black,0px 0px 15px black,0px 0px 15px black,0px 0px 15px black;
	font-size:370%;
}

#bioBox h2{
	font-size:200%;
}

#bottomBox .row p{
	font-size:130%;
}

#bottomBox .row h2{
	font-size:180%;
	font-family:elianto;
}

#contact-area textarea{
	width:100%;
	max-width:120%;
}

#contact-area .submit-button{
	color:black;
	margin-left:48%;
	margin-top:1em;
}

#Message, .contactFormBox input{
	background:rgba(0,0,0,0.8);
	color:rgba(220,220,220,1);
}

.contactFormBox{
	color:white;
	font-size:115%;
	border-radius:3px;
	background:rgba(0,0,0,0.4);
	padding:1px;
	padding-bottom:30px;
	padding-top:4px;
	margin-bottom:25px;
	text-align: left;
	text-indent:0px;
	box-shadow:0px 0px 20px 8px rgba(0,0,0,0.4);
}

.contactFormBox #Message, .contactFormBox input{
	color:rgba(220,220,220,1);
}

#contactContainer h1{
	font-family: 'Cinzel Decorative', Georgia, serif;	
	text-align:center;
	font-size:300%;	
		
}

#contactContainer h2{
	font-family: 'Cinzel Decorative', Georgia, serif;	
	text-align:center;		
	font-size:200%;
	text-decoration:underline;
	color:white;
}


#contactContainer h3{
	font-family: 'Cinzel Decorative', Georgia, serif;	
	text-align:center;		
	font-size:170%;
}

#contactContainer a:hover{
	color:white;
}

.slideImgIn{
	animation:slideImgIn 2s forwards;
	-webkit-animation:slideImgIn 2s forwards;
	-moz-animation:slideImgIn 2s forwards;
	-o-animation:slideImgIn 2s forwards;
	-ms-animation:slideImgIn 2s forwards;	
}

.slideVidIn{
	animation:slideVidIn 2s forwards;
	-webkit-animation:slideVidIn 2s forwards;
	-moz-animation:slideVidIn 2s forwards;
	-o-animation:slideVidIn 2s forwards;
	-ms-animation:slideVidIn 2s forwards;	
}

[class*="imgHideLeft"]{
	left:-3000px;
}


#myVidSnippetBox{
	right: 3000px;
}

.blinkLink{
	animation:blinkLink 1.5s forwards;
	-webkit-animation:blinkLink 1.5s forwards;
	-moz-animation:blinkLink 1.5s forwards;
	-o-animation:blinkLink 1.5s forwards;
	-ms-animation:blinkLink 1.5s forwards;	
}

.blinkLinkTrans{
	animation:blinkLinkTrans 1.5s forwards;
	-webkit-animation:blinkLinkTrans 1.5s forwards;
	-moz-animation:blinkLinkTrans 1.5s forwards;
	-o-animation:blinkLinkTrans 1.5s forwards;
	-ms-animation:blinkLinkTrans 1.5s forwards;	
}

.blinkTwitch1{
	animation:blinkTwitch1 1.5s forwards;
	-webkit-animation:blinkTwitch1 1.5s forwards;
	-moz-animation:blinkTwitch1 1.5s forwards;
	-o-animation:blinkTwitch1 1.5s forwards;
	-ms-animation:blinkTwitch1 1.5s forwards;	
}

.blinkTwitch2{
	animation:blinkTwitch2 1.5s forwards;
	-webkit-animation:blinkTwitch2 1.5s forwards;
	-moz-animation:blinkTwitch2 1.5s forwards;
	-o-animation:blinkTwitch2 1.5s forwards;
	-ms-animation:blinkTwitch2 1.5s forwards;	
}

#logoBox{
	border-radius:0px 0px 5px 0px;
}

.smokeBg,#myVidSnippet{
	background-color: rgba(0,0,0,0.5);
	box-shadow:0px 0px 20px 7px black;
}

.centerVid,.centerVidPic {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: -14%;	/*===align video===*/
    margin: auto;
    min-height: 50%;
    min-width: 50%;
}

.centerVideoContain {
    position: absolute;
    top: -50%;
/*    left: 20%;*/
	right:0%;
    width: 200%;
    height: 200%;
    overflow: hidden;
}

#mobileNavBar span a{color: white;}

.centerVideoContainBox {
width: 100%;
height: 100%;
position: relative;
}

#mobileNavBar .dropdown{
	text-align:left;
}

#mobileNavBar .dropdown li a{
	color:rgba(220,220,220,1);
	text-align:center;
}

#mobileNavBar .dropdown ul{
	background-color:rgba(0,0,0,0.85);
	margin-top:0px;
	border-top:0px;
}
#mobileNavBar .dropdown button{
	background-color: rgba(0,0,0,0);
	color:white;
	border-color:rgba(0,0,0,0);
	border-radius:0px 0px 1px 1px;
}

#mobileMuteButton,#mobileMuteButtonOff{
	font-size: 200%;
}	

#mobileNavBar div li:hover{
	background-color:black;
}

#bottomBox .row div, #bottomBoxMobile .row div {z-index: 2};

.gigs .noBg{
	background-color:rgba(0,0,0,0);
}

.button{
	background-color:rgba(70,70,70,0.8);
	height:45px;
/*	width:150px;*/
	padding-top:10px;
	cursor: pointer;
}
.button span{
	color:white;
	font-size:150%;
}

#musicButtonBox .button{
	width:150px;
}

#musicButtonBoxMobile .button{
	font-size:100%;
}

#albumInfo{
	background: url('../img/0102_cover_dark.png');
	background-size:cover;
	z-index: 999;
}

#albumInfoContent{
	background:rgba(20,20,20,0.75);
	margin-top:200px;
	box-shadow:0px 0px 50px 25px black;
	font-size:115%;
	color:rgba(200,200,200,1);
}


#albumInfoHeader{
	
}

#albumInfoHeader h1{
	font-size: 800%;
	color:rgba(230,230,230,1);
	text-shadow:5px 3px 6px rgba(0,0,0,0.8);	
	text-align: left;
	padding-top:40px;
	padding-left: 60px;
}
#albumInfoHeader p{
	padding-left:80px;
	font-size: 150%;
	text-align:left;
}
.darkTextHeader{
	font-size:180%;
	text-decoration:underline;
	color:rgba(240,240,240,1);
	/*display:block;
	background-color:black;*/	
	font-family: advent-pro;
}

#aicCover {
	top:-90px;
/*	margin-left: 120px;*/
	box-shadow:-10px 20px 35px 15px black;
}

#albumInfoBody{
	color:rgba(150,150,150,1);
	font-size:140%;
	font-family;
}

#albumInfoSideBar p{
	text-align:left;
}

#mobileDetectorBox{width:0px};

.textAlignLeft{
	text-align:left;
}

.merchBox img{
	box-shadow:0px 0px 25px white;
}
/*================media queries=============*/
@media screen and (min-width:768px){			/*desktop and larger*/

}
@media screen and (max-width:768px) {			/*anything smaller than desktop*/
}

@media screen and (max-width:600px) {			/*anything smaller than tablet*/
}

@media screen and (orientation:portrait){
	#showBox .listHeader{font-size:120%;text-align:left;}
	#showBox .gigs div{font-size:90%;}
	#showBox .listItem{background-color:rgba(0,0,0,0);}
	#showBox .gigs{background-color:rgba(0,0,0,0.6);}
	/*#bottomBox .row,#bottomBox video{height:100%;width:100%;}*/
	.noDisplayOnPortrait{display:none;}
	.displayOnPortrait{display:block;}
	#bioPar1,#bioImgBox,#bioBoxPar3Box,#musicBoxContent{padding-top:0px; padding-bottom:10px;}
	#bioImgBox{padding-bottom:20px;}
	#showBox{padding-top:10px;padding-bottom:40px;padding-left:5px;padding-right:20px;}
	/*#bioImg,#bioImg2,#myVidSnippet,#myVidSnippetBox{left: 0px;right:0px;}*/
	#equalizerBox .equalizerBar{animation-play-state: paused;-webkit-animation-play-state: paused;}
	#contactBox{display:none;}
	#mobileDetectorBox{width:100px;}
	.merchBox img{margin-left:80px;}
}