body,textarea {
	background-color:black;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999;
	margin: 0;
	letter-spacing:1px;
}

h1 {
	color: #F50;
	font-family: Impact, Verdana, Georgia,"Times New Roman",Times,serif;
	font-size:48px;
	font-weight:normal;
	letter-spacing:5px;
	padding:0px;margin:0px;
}
h2 {
	color: #F50;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	margin-top:-12px;letter-spacing:2px;margin-right:16px;margin-bottom:8px;text-align:right;
}


a {
  color: #167BFF;
  text-decoration: none;
  font-weight: bold;
}

a:hover {
  text-decoration: underline;
}

.hs { display:inline-block; background-color:#999; width:4px; height:8px; }
.z0 { display:inline-block; background-image:url("m01.gif"); width:8px; height:8px; background-position:0px -48px; }
.z1 { display:inline-block; background-image:url("m01.gif"); width:8px; height:8px; background-position:-8px -48px; }
.z2 { display:inline-block; background-image:url("m01.gif"); width:8px; height:8px; background-position:-16px -48px; }
.z3 { display:inline-block; background-image:url("m01.gif"); width:8px; height:8px; background-position:-24px -48px; }
.z4 { display:inline-block; background-image:url("m01.gif"); width:8px; height:8px; background-position:-32px -48px; }
.z5 { display:inline-block; background-image:url("m01.gif"); width:8px; height:8px; background-position:-40px -48px; }
.z6 { display:inline-block; background-image:url("m01.gif"); width:8px; height:8px; background-position:-48px -48px; }
.z7 { display:inline-block; background-image:url("m01.gif"); width:8px; height:8px; background-position:-56px -48px; }
.z8 { display:inline-block; background-image:url("m01.gif"); width:8px; height:8px; background-position:-64px -48px; }
.z9 { display:inline-block; background-image:url("m01.gif"); width:8px; height:8px; background-position:-72px -48px; }

canvas {
  border: solid 1px #999;
  display: block;
}