
body {
	background: #433F3D;
	padding: 0;
	width: 100%;
	margin: 0;
}

h1 {
	color: #FF6E4A;
}



#loadingpage {
	display: block;
	margin: 0 auto;
	padding: 10px;

	width: 858px;
}

#gamecontent {
	display: block;
	margin: 0 auto;
	padding: 10px;

	width: 858px;
	background: #121111;
    border-radius: 10px;
}

div#title {
	display: block;
	margin: 0 auto;
  	width: 729px;
}

div#lives {
	margin: 4px 17px;
}

div#instructions {
	font-size: 20px;
	color: #ffffff;
	background-color: #121111;
	text-align: center;
	padding: 0 4px 0 4px;
}

div.ytclip {
	pointer-events: none;
}

div.lhs {
	width: 96px;
	height: 100%;
	float: left;
	margin: 0 5px 0 0;
}

div.container {
	background-color: #433F3D;
	border: 2px dotted #ccc;
    border-radius: 10px;
}

div.padding {
	background-color: #121111;
	border: 2px solid #121111;
}

div.centre {
	width: 640px;
	display: inline-block;
}

div.rhs {
	width: 96px;
	height: 100%;
	float: right;
	margin: 0 0 0 5px;

	font-size: 20px;
	text-align: center;
	color: #ffffff;
}

a.volume {
	font-size: 18px;
	text-align: center;
	background-color: #ffffff;
	border: 1px;
	text-decoration: none;
}

a.volume.highlight {
	background-color: #C44E06;
	color: #C44E06;
}

.key_unselected {
	font-size: 20px;
	color: #ffffff;
}
.key_selected {
	font-size: 20px;
	color: #C44E06;
}


a.footerlink:link {
	color: #ffffff;
}

a.footerlink:visited {
	color: #aaaaaa;
}

#footer {
   position:fixed;
   text-align: center;
   left:0px;
   bottom:0px;
   height:25px;
   width:100%;
   background:#121111;
   color: #aaaaaa;
   border-radius: 3px;
}

/* IE 6 */
* html #footer {
   position:absolute;
   top:expression((0-(footer.offsetHeight)+(document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight)+(ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop))+'px');
}

