/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */
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}

img {
	max-width: 100%;
	height: auto;
}

.top { 
	width: 100%;
	height: 100vh;
	/*background-color: #C2BCB9;*/
	background-image: url(pic/5.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	/*background-size: 100% 100%;*/
	background-size: cover;

	/*opacity: 0.4;*/
}

.topLogo {
	display: block;
	/*margin: 0 auto;*/
	/*width: auto;*/
	/*width: 50%;*/


}

.topCenter{
	/*position: relative;
	top: 5%;
	left:55%;
	margin: 0;*/
	padding: 1% 2% 0 55%;
	}

.fotorama {
	background-color: black;

}

.bio {
	
	width: 100%;
	height: 120vh;
	position: relative;


}

.bg-image{
	position: absolute;
	top: 0;
	left:0;
	width: 100%;
	height: 120vh;

	background-image: url(smg/6.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	
	background-size: cover;

	-webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
  filter: blur(5px);

  z-index: -1;
}

.bioFloat{
	float: right;
	color: #F4DFB8;
	/*color: white;*/
	font-size: 160%;
	width: 50vw;
	text-shadow: 2px 1px #3F331D;
	padding:4%;
	margin-top: 7%;
	/*margin-bottom: auto;*/
}

.bioList li{
	padding: 2%;
	list-style: disc;
}

.bandName {
	font-size: 85%;
	list-style: disc;
	position: relative;
	margin: 0 0 0 50px;
}


.work {
	
	width: 100%;
	/*height: 100vh;*/
	position: relative;
	font-size: 100%;
}

.work em{
	font-style: italic;
}

.workHeader {
	width: 100%;
	text-align: center;
	font-size: 400%;
	color: #8310B2;
	background-color: #FEB00A;
	margin: 2% 0 2% 0;
	padding:1% 0 1% 0;
	
}

.soulRebel{
	width: 100%;
	height: 10000px;
	position: relative;
	

}

.soulRebelsHeader{
	
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	font-size: 350%;
	color: #F4DFB8;
	background-color: #59080B;
	margin: 2% 0 2% 0;

}



.soulRebelsHeader2{
	
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	font-size: 150%;
	color: #F4DFB8;
	background-color: #59080B;
	padding: 1% 0 1% 0;
}

.soulRebelsHeader a:link{ 
	color: #97952A;
}

.soulRebelsHeader a:hover{
	color: #97952A;

	text-shadow: 1px 1px #1C92D6;
}

.soulRebelsHeader a:visited{
	color: #97952A;
}





.SR-bg-image{
	position: absolute;
	top: 0;
	left:0;
	width: 100%;
	height: 170vh;

	background-image: url(sr/6.jpg);


	background-repeat: no-repeat;
	background-position: bottom right;

	background-size: cover;

	-webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
  filter: blur(5px);

  z-index: -1;

}

.SR-bg-color{
	position: absolute;
	top: 0;
	left:0;
	width: 100%;
	height: 100%;
	background-color: black;

	z-index: -2;


}



.listHeading{
	color: #A71D25;
	text-align: center;
	font-size: 120%;
	font-style: italic;
	font-weight: 800;
	padding: 2%;
	background-color: white;
	border-radius: 10px;

}

.wonHeading {
	color: #A71D25;
	text-align: center;
	font-size: 120%;
	font-style: italic;
	font-weight: 800;
	padding: 0.5%;
	background-color: white;
	border-radius: 10px;
}

.award{
	width: 90%;
	/*float: left;*/
	color: #2A342E;
	background-color: rgba(145, 180, 159, 0.8);
	font-size: 140%;
	/*width: 68vw;*/
	/*text-shadow: 2px 2px #3F331D;*/
	padding:1%;
	border-radius: 20px;
	margin: 3% 0 2% 3%;
}

.award p{
	padding:2%;
}

.venueList{
	width: 70%;
	/*float: left;*/
	color: #403E2E;
	background-color: rgba(166, 132, 53, 0.8);
	font-size: 140%;
	/*width: 28vw;*/
	/*text-shadow: 2px 2px #3F331D;*/
	padding:1%;
	border-radius: 20px;
	margin: 3% 0 3% 20%;

}

.venueList li{
	padding: 2%;
	list-style: disc;
	position: relative;
	left: 11%;
}

.artistList {
	width: 70%;
	/*float: left;*/
	/*clear: both;*/
	/*color: #F4DFB8;*/
	color: #403E2E;
	background-color: rgba(47, 188, 217, 0.8);
	font-size: 140%;
	/*width: 28vw;*/
	/*text-shadow: 2px 2px #3F331D;*/
	padding:1%;
	border-radius: 20px;
	margin: 3% 0 3% 20%;
}

.artistList li{
	padding: 2%;
	list-style: disc;
	position: relative;
	left: 11%;
}

.soulrebelslist{
	float: left;
	width: 50%;
	/*margin-top: 4%;*/
}

.album-image {
	/*float: left;*/
	/*margin-top: 4%;*/
	padding: 2%;
	width: 40%;
	height: 40%;

}

.award p a:link { color: #A6343E;}
.award p a:visited { color: #0B598D;}
.award p a:hover { color: #43F419;}



/*.album {
	width: 100%;
	height: 100vh;
	position: relative;
}

.album-image{
	background-image: url(sr/21.jpg);
	width: 100%;
	height: 100vh;
	background-size: 50%;
	background-position: top left;
	background-repeat: no-repeat;
	position: relative;
	top: 127%;
	background-color: black;

}*/

.Stooges{
	width: 100%;
	height: 100%;
	position: relative;
	/*background-color: red;*/

}

.StoogesHeader{
	
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	font-size: 350%;
	color: #17CA66;
	background-color: #59080B;
	margin: 2% 0 2% 0;

}



.StoogesHeader2{
	
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	font-size: 150%;
	color: #F4DFB8;
	background-color: #59080B;
	padding: 1% 0 1% 0;
}

.StoogesHeader a:link{ color: #17CA66;}

.StoogesHeader a:hover{color: #29FD03;
	text-shadow: 2px 2px #2B1CFD;}

.StoogesHeader a:visited{color: #29FD03;}


.Stooges-bg-image{
	position: absolute;
	top: 0;
	left:0;
	width: 100%;
	height: 130vh;

	background-image: url(smg/1.jpg);


	background-repeat: no-repeat;
	background-position: bottom left;

	background-size: cover;

/*	-webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
  filter: blur(5px);*/

  z-index: -1;

}

.Stooges-bg-color{
	position: absolute;
	top: 0;
	left:0;
	width: 100%;
	height: 100%;
	background-color: black;

	z-index: -2;
}

.ESPNwork{
	width: 90%;
	/*float: left;*/
	color: #17CA66;
	background-color: rgba(202, 91, 23, 0.6);
	font-size: 140%;
	/*width: 68vw;*/
	/*text-shadow: 2px 2px #3F331D;*/
	padding:1%;
	border-radius: 20px;
	margin: 3% 0 2% 3%;
}

.ESPNwork li{
	padding: 1%;
	list-style: disc;
	position: relative;
	left: 11%;
	width: 85%;
}


.StoogeslistHeading{
	color: #A71D25;
	text-align: center;
	font-size: 120%;
	font-style: italic;
	font-weight: 800;
	padding: 2%;
	background-color: white;
	border-radius: 10px;

}


.StoogesVenueList{
	width: 35%;
	float: left;
	color: #29FD03;
	background-color: rgba(43, 28, 253, 0.8);
	font-size: 140%;
	/*width: 28vw;*/
	/*text-shadow: 2px 2px #3F331D;*/
	padding:1%;
	border-radius: 20px;
	margin: 3% 0% 3% 5%;

}

.StoogesVenueList li{
	padding: 2%;
	list-style: disc;
	position: relative;
	left: 11%;
}

.Celebrate {
	/*clear: both;
	float: right;
	width: 40%;
	width: 560px;
	height: 315px;
	padding:1%;
	border-radius: 20px;
	margin: 3% 5% 3% 0%;*/


}

.Celebrate {
  max-width: 560px;
  margin: 0px auto;
  position: relative;
  left: 20%;
  	
}

.Celebrate > div {
  position: relative;
  padding-bottom: 75%;
  height: 0px;
}

.Celebrate iframe {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}

.ESPNwork li a:link { color: #A6343E;}
.ESPNwork li a:visited { color: #0B598D;}
.ESPNwork li a:hover { color: #43F419;}




.menu  {
	width: 100%;
	padding-top:0;
	position: fixed;
	z-index: 100;

	text-align: center;
	background-color: rgba(194, 188, 185, 0.8);
}

.menuList{
/*
	text-align: center;
	background-color: rgba(194, 188, 185, 0.8);*/
	/*opacity: 0.8;*/
	/*width: 100%*/
}

.menuList li{
	font-size: 150%;
	display: inline-block;
	padding-left: 3%;
	padding-right: 3%;
	height: 25px;
	padding-top: 2px;
	text-decoration: none;
}


.menuList li a:link { color: #A6343E;}
.menuList li a:visited { color: #0B598D;}
.menuList li a:hover { color: #43F419;}


.social{
	float: right;
	
}

.social a{
	display: inline-block;
}

.socialIcon{
	width: 50%;
	height: auto;
}