body
{
	font-family: Consolas, Monaco, Lucida Console, Monospace;
	
	color: rgb(200, 200, 200);
	
	background-color: rgb(30, 30, 30);
	
	width: 100%;
	
	height: 100%;
	
	padding: 0px;
	
	margin: 0px;
	
	font-size: 0px;
}

html
{
	width: 100%;
	
	height: 100%;
}


#background
{
	width: 100%;
	
	height: 100%;
	
	position: absolute;
}

#display
{
	position: relative;
	
	width: 100%;
	
	height: 100%;
}

.buffered_canvas
{
	position: absolute;
	
	width: 100%;
	
	height: 100%;
}

.creature
{
	position: absolute;
}

.field
{
	border-width: 2px;
	
	border-color: rgb(80, 95, 80);
	
	border-style: solid;
	
	background-color: rgb(40, 57, 40);
	
	position: relative;
}

.field canvas
{
	position: absolute;
	
	
}

.grid
{
	
}

.tile
{
	position: absolute;
	
	border-width: 1px;
	
	border-color: rgb(50, 70, 50);
	
	border-style: solid;
}
/*body
{
	font-size: 16px;
	
	color: rgb(200, 200, 200);
	
	background-color: rgb(40, 57, 40);
	
	font-family: Consolas, Monaco, Lucida Console, Monospace;
	
	text-align: center;
	
	padding: 0px;
	
	margin: 0px;
}

.sheep
{
	position:absolute;
}

.content_div
{
	background-color: rgba(0, 0, 0, .3);
	
	padding: 10px;
	
	text-align: left;
	
	margin-top: 5px;
}

.no_margin
{
	margin: 0px;
}

.img_div
{
	position: absolute;
}

.highlight_div
{
	position: absolute;
	
	opacity: 0.2;
}

.text_xl
{
	font-size: 30px;
}

.tile
{
	position: absolute;
	
	z-index: 4;
	
	opacity: 0.1;
}

.ui_div
{
	background-color: rgba(0, 0, 0, .3);
	
	padding: 10px;
	
	padding-left: 20px;
	
	padding-right: 20px;
	
	text-align: left;
}

a:link {color: rgb(99, 134, 107);}

a:visited {color: rgb(99, 134, 107);}

a:active {color: rgb(99, 134, 107);}

a:hover {color: rgb(99, 134, 107);}

*/