html
{
	background-color: #000000;
	min-height: 100%;
}

body
{
	margin: 0;	/* Use the whole page */
	padding: 0; 	/* Opera hack - padding instead of margin */
	padding-bottom: 100px;
	font-family: Courier, Courier New;
	font-size: 100%;
	color: #ffffff;
	text-align: center;
	cursor: default;
}

a
{
	color: #777777;
	text-decoration: none;
}

a:hover
{
	color: #000000;
	background-color: #ffffff;
}

a.img:hover
{
	color: #ffffff;
	background-color: #000000;
}

input
{
	background-color: #000000;
	font-family: Courier, Courier New;
	font-size: 100%;
	color: #ffffff;
	border: none;
	border-bottom: 1px solid #ffffff;
}

textarea
{
	background-color: #000000;
	font-family: Courier, Courier New;
	font-size: 100%;
	color: #ffffff;
	border: 1px solid #ffffff;
}

input.button
{
	border: none;
	border: 1px solid #ffffff;
	color: #777777;
}

input:hover
{
	background-color: #ffffff;
	color: #000000;
}

.game
{
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	width: 700px;
	height: 525px;
}

.minigame
{
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	width: 768px;
	height: 672px;
}

.table
{
	text-align: left;
}

.invert
{
	color: #000000;
	background-color: #ffffff;
}

.invert a
{
	color: #777777;
	background-color: #ffffff;
	text-decoration: none;
}

.invert a:hover
{
	color: #ffffff;
	background-color: #777777;
}

.greenblock
{
	color: #00ff00;
	background-color: #004400;
}

.redblock
{
	color: #ff0000;
	background-color: #440000;
}

.main
{
	width: 800px;
	margin-left: auto;
	margin-right: auto;
}

.banner
{
	box-shadow: 0 0 10px black inset;
	border-radius: 10px;
}

.banner:hover
{
	box-shadow: 0 0 0px 5px white inset, 0 0 10px black inset;
}