html {
	width: 100%;
	height: 100%;
	overflow: hidden;
		user-select: none;
        -moz-user-select: none; 
        -khtml-user-select: none; 
        -webkit-user-select: none; 
        -o-user-select: none; 
}
body {
		background: #1c1c1c;
		user-select: none;
        -moz-user-select: none; 
        -khtml-user-select: none; 
        -webkit-user-select: none; 
        -o-user-select: none; 
	}
	h1 {
		text-shadow: 0px 0px 4px #557838;
	}
	
	input[type = button] {
		border: double #1E7929;
		background: #C9D6AA;
		border-radius: 1em;
		text-shadow: -1px -1px 1px #fff, 1px 1px 1px #000;
		transition: 1s linear all;
		padding: .25em .5em;
		cursor: pointer;
	}
	input[type = button]:hover {
		background: #157222;
		border-color: #fff;
	}
	
	#main {
		background: url("AsteroidsBackground.jpg") left top no-repeat #000 !important;
		background-size: 100%;
		width: 90%;
		height: 100%;
		min-height: 600px;
		margin: 1em auto;
		position: relative;
		z-index: 1;
		-webkit-backface-visibility: hidden;
		-webkit-perspective: 1;
		overflow: hidden;
		user-select: none;
        -moz-user-select: none; 
        -khtml-user-select: none; 
        -webkit-user-select: none; 
        -o-user-select: none;
		cursor: cell;
		border-radius: 3em;
	}
	
	.aRock, .lightening, .theNuke {
		user-select: none;
        -moz-user-select: none; 
        -khtml-user-select: none; 
        -webkit-user-select: none; 
        -o-user-select: none; 
		cursor: crosshair;
		z-index: 0;
	}
	
	/*.lightening	{
		background: url(lightOrb.png) top center repeat-y;
		width: 50px;
		height: 50px;
		position: absolute;
	}*/
	.aRock:hover {
	}
	
	
	.explode
	{
		opacity: .9;
		filter:(opacity = 90);
		position: absolute;
		z-index: -1;
	}
	
	#menu, h1, #footer {
		-webkit-backface-visibility: hidden;
		-webkit-perspective: 1;
	}
	
	#p1Score, #energy, #highScore {
		font-size: 2vw;
		font-weight: bold;
		position: absolute;
		top: 1em;
		left: 1em;
		color: #81C975;
		text-shadow: 1px 1px 1px #000, -1px -1px 1px #ff0, -.25em -.25em .5em #fff, .25em .25em .5em #cecece;
	}
	#energy {
		left: 47%;
	}
	
	#highScore {
		left: 82%;
	}
	
	#theShip {
		position: absolute;
		top: 50%;
		left: 50%;
	}
	
	#gameOver{
		display: block;
		width: 100%;
		color: #f00;
		text-align: center;
		position: absolute;
		top: 45%;
		z-index: 4;
		font-size: 4em;
		display: none;
		font-weight: bold;
		text-shadow: 1px 1px 1px #000, -1px -1px 1px #ff0, -.25em -.25em .5em #fff, .25em .25em .5em #cecece;
	}