@font-face {
	font-family:'Aldrich';
	font-style:normal;
	font-weight:400;
	src: local('Aldrich'), url(Aldrich.woff) format('woff');
}
* {
	-webkit-user-select:none;
	-moz-user-select:-moz-none;
	user-select:none;
	font-family:'Aldrich',Arial,sans-serif;
	color:white;
}
body {font-size:100%; background-color:gray;}
#title {font-size:220%;}
#board {font-size:130%;}
#board td {width:33%; text-align:left;}
#board img {margin-right:20px; width:25px; height:25px; vertical-align:middle;}
#main {min-width:800px; height:440px; background-color:black;}
#main div {height:40px;}
img {width:40px; height:40px; border:0px;}
@media screen and (max-height:620px), screen and (max-width:920px) {
	#main {min-width:600px; height:330px;}
	#main div {height:30px;}
	img {width:30px; height:30px;}
}
@media screen and (max-height:520px), screen and (max-width:720px) {
	.menu a {font-size:90%; padding:4px 0 !important;}
	#title {font-size:150%;}
	#board {font-size:100%;}
	#board img {width:20px; height:20px;}
	#main {min-width:400px; height:220px;}
	#main div {height:20px;}
	img {width:20px; height:20px;}
}


.menu {list-style-type:none; margin:0; padding:0; overflow:hidden;}
.menu li {float:right; margin-right:2px;}
.menu a:link, .menu a:visited {
	display:block;
	min-width:150px;
	font-weight:bold;
	color:white;
	background-color:darkgray;
	text-align:center;
	padding:4px 20px;
	text-decoration:none;
	text-transform:uppercase;
}
.menu a:hover, .menu a:active {background-color:lightgray;}


.abutton:link, .abutton a:visited {
	display:block;
	max-width:250px;
	font-weight:bold;
	color:white;
	background-color:darkgray;
	text-align:center;
	padding:4px 20px;
	text-decoration:none;
	text-transform:uppercase;
}
.abutton:hover, .abutton:active {background-color:lightgray;}