/* CSS Document */
BODY { background-color: #660000; }

.red
{
	color: red;
}

.y
{
	background-color : Green;
	font-size : small;
	padding-left : 5px;
	padding-right : 5px;
	padding-top : 1px;
	color : White;
}

.x
{
	background-color : blue;
	font-size : small;
	padding-left : 5px;
	padding-right : 5px;
	padding-top : 1px;
	color : white;
}

.a
{
	background-color : red;
	font-size : small;
	padding-left : 5px;
	padding-right : 5px;
	padding-top : 1px;
	color : White;
}

.b
{
	background-color :yellow;
	font-size : small;
	padding-left : 5px;
	padding-right : 5px;
	padding-top : 1px;
}

h1
{
	font: x-large Arial, Helvetica, sans-serif;
	color: #FFFF66;
}
h3
{
	font: small Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: white;
}

a
{
	font-weight : bold;
}
a:link
{
color: #FFFF66;
}
a:visited
{
color: #FFFF66;
}

table
{
	width : 90%;
}
table.moves
{
	background : black;
	width : 60%;
}
table.keytable
{
	background : black;
	width : 60%;
}
td
{
	padding: 10px;
	border: 4px solid #CC3300;
	background-color: #990000;
	color: #F5DEB3;
	vertical-align : top;
}
td.moves
{
	border: none;
	background-color: gray;
	color: white;
	vertical-align : middle;
	padding : 4px;
	width : 50%;
	font-weight : bold;
	font-size : x-small;
}
td.key
{
	border: none;
	background-color: gray;
	color: white;
	vertical-align : middle;
	padding : 4px;
	width : 25%;
	font-weight : bold;
	font-size : x-small;
}
td.big
{
	border: none;
	background-color: #FFCCCC;
	color: black;
	vertical-align : middle;
	font-weight : bold;
	font-size : x-small;
	padding : 4px;
}
td.special
{
	border: none;
	background-color: #CCFFCC;
	color: black;
	vertical-align : middle;
	font-weight : bold;
	font-size : x-small;
	padding : 4px;
}
td.secret
{
	border: none;
	background-color: #CCFFFF;
	color: black;
	vertical-align : middle;
	font-weight : bold;
	font-size : x-small;
	padding : 4px;
}
td.secret2
{
	border: none;
	background-color: #FFFFCC;
	color: red;
	vertical-align : middle;
	font-weight : bold;
	font-size : x-small;
	padding : 4px;
}
td.secret3
{
	border: none;
	background-color: #CC99CC;
	color: blue;
	vertical-align : middle;
	font-weight : bold;
	font-size : x-small;
	padding : 4px;
}

img
{
border: thick double yellow; float: right;
}
img.map
{
border: none; float: none;
}
img.title
{
	border: thick double yellow;
	float: none;
}
img.button
{
	border : none;
	float : none;
	vertical-align : middle;
}


p
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #F5DEB3;
	margin-bottom : 10px;
}
p.letter:first-letter
{
	font-weight: bold;
	font-size: 40px;
	font-family: Times, serif;
	color: #FFFF66;
	float: left;
	margin-right : 3px;
}
p.description
{
	padding : 0 10px 10px 10px;
	width : 90%;
}