/** stylesheet for lasertank-js **/

body {
  background-image: url('images/dirt.gif');
}

.game {
  position: relative;

  margin: 0px auto;
  width: 696px;
}

/* 16x16 board */
.game canvas {
  width:  512px;
  height: 512px;
  border: 2px inset gray;
}

.game .hud {
  position: absolute;

  background-image:  url('images/hud.bmp');
  background-repeat: no-repeat;

  width:  180px;
  height: 245px;
  right:  0px;
  top:    0px;
}

/** temporary during development **/
.load {
  background-color: rgba( 255, 255, 255, 0.5 );
}