body {
	font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
	background-color: #42413C;
	margin: 0;
	padding: 0;
	color: #000;
}
img {
      	width: 100%;
		left: 0;
		bottom: 0;
		border: 0;
}
a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
	border: none;
}

h1 {
	color: #FFFFFF;
	font-size: 20px;
	font-size: 2vw;
	font-weight: bold;
  	font-family: "hobo-std";    
	text-align:center;
}
p {
	color: #FFFFFF;
	font-size: 18px;
	font-size: 1vw;
	font-weight: bold;
	font-family: "hobo-std";
}
a:link 		{ color: #FFFFFF;}
a:visited 	{ color: #FFFFFF; }
a:hover 	{ color: #FFFFFF; }
a:active 	{ color: #FFFFFF; }
a.otherLink:link    { color:#FFFFFF; text-decoration:none; }
a.otherLink:visited { color:#FFFFFF; text-decoration:none; }
a.otherLink:hover   { color:#FFFFFF; text-decoration:underline; }
a.otherLink:active  { color:#FFFFFF; text-decoration:none; }

@keyframes DropDown {
  	0% {
		top: -100%;
	    opacity: 0;
	    -ms-animation-timing-function: ease-in;
	}
	4% {
	    opacity: 1;
	}
	9% {
		top: 2%;
	    opacity: 1;
	}
	10% {

	    opacity: 1;
	}
	70% {
	    opacity: 1;

	}
	90% { 
		opacity: 1; 
		-ms-transform: scale(1);
		-ms-animation-timing-function: ease-out;
	}
	100% { 
		-ms-transform: scale(0.5);
		opacity: 0 
	}
}

.ForegroundOverlay {
	z-index: 8;
	width: 100%;
	height: 100%;
	left: 0%;
	top: 0%;
	position: absolute;
}

.LyricsOverlay {
	z-index: 7;
	width: 41%;
	height: 100%;
	left: 59%;
	top: 0%;
	position: absolute;
    animation: DropDown 500s;
	/*overflow: hidden;*/
		/*  width: 100%;
  position: absolute;
  top: 0%;
  left: 0%;


  z-index: 999;
	z-index: 7;
	width: 100%;
	height: 100%;
	left: 0%;
	top: 0%;
	position: absolute;*/
}