body {
	background-color: #222;
	font-family: sans-serif;
	color: white;
}

audio {
	display: none;
}

div.flip {
	-moz-transform: scaleX(-1);
        -o-transform: scaleX(-1);
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
        filter: FlipH;
        -ms-filter: "FlipH";
}

div.rect {
	background-color: black;
	opacity: 0.2;
}

div.furry {
	position: absolute;
	z-Index: 10;
	top: 100px;
	left: -1000px;
}

div.furry div {
	position: relative;
	top: -92px;
	left: -30px;
}

div.furry div div {
	position: absolute;
	width: 62px;
	top: 0px;
	left: 0px;
}

div#viewport {
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-color: black;
	overflow: hidden;
	z-Index: 1;
}

div#playfield {
	position: relative;
	width: 1024px;
	height: 768px;
	left: 64px;
	top: 64px;
}

img#background {
	position: absolute;
	top: 0px;
	left: 0px;
	z-Index: 1;
}

div#stats {
	position: absolute;
	top: 16px;
	right: 16px;
	width: 236px;
	height: 104px;
	z-Index: 3;
	background: transparent url(gfx/stats.png) no-repeat left top;
}

div#iris_container {
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	z-Index: 2;
	overflow: hidden;
}

div#iris_top, div#iris_left, div#iris_right, div#iris_bottom {
	background-color: black;
	position: absolute;
}

div#iris_container div#iris_rel {
	position: relative;
}

img#iris {
	position: absolute;
	top: 0px;
	left: -600px;
	width: 512px;
	height: 512px;
}

div#debug {
	position: absolute;
	z-Index: 2000;
	top: 5px;
	left: 5px;
	background-color: #111;
}

div.obstacle {
	position: absolute;
	background-color: #234;
	z-Index: 2;
}

div.solidobject {
	position: absolute;
}

div#buffer {
	position: absolute;
	top: 0px;
	left: -500px;
	width: 500px;
}

div#buffer img {
	width: 2px;
	height: 2px;
}