﻿
body {margin: 10px;
	background-color: black;} /* Overall body background, colour behind window divs */

h1,h2,h3 {color: white;
    font: 10pt Lucida Console, Monaco, courier, courier new, monospace;
	font-weight: bold;
	padding: 0px 0px 0px 10px;}

h1 {text-decoration: underline;
	font-weight: bold;}

h2 {font-weight: bold;}

a { color : cyan;}
a:visited {text-decoration: none;}
	
p,li,div,span {background-color: black;
	color: white;
	font: 9pt Lucida Console, Monaco, courier, courier new, monospace;
	line-height: 9pt;
	padding: 0px;
	margin: 0px auto;}

span.w {color: white;}
span.o {color: orange;}
span.lg {color: silver;}
span.r {color: red;}

div#dungeon {float : left;}
div#states {clear: both;}
div#stats {width : 100px; float : left;}

div#mainGame {
	overflow : hidden;
	width : 1200px;
	margin: 0px auto;}

div#mainMenu {border: medium double white;
	padding: 5px;
	width : 800px;
	position : absolute;
	top : 10px;}

div.menu {float : left;}

div.menu span {cursor: pointer;
	color: cyan;
	line-height: 14pt;
	margin: 2px 2px 2px 4px;
	padding: 2px 4px 1px 2px;
	border: 1px solid black;}
	
div.menu span.highlight {
	border: 1px solid yellow;}

.desc {
	cursor: default;
	color: yellow;
	margin: 4px 10px 15px 25px;
	line-height: 12pt;}

#monsterStates {
	padding: 8px;
	border: medium double white;
	float: left;
	width: 100px;}
