/* maze.css */
*    { margin:0; padding:0; text-align:center; }
body { background-color:black; color:white; }

/* Message box */
#messageArea {
  position: absolute;
  left: 32px;
  top: 16px;
  width: 256px;
  height: 256px;
  z-index: 20;
  font-size: 14px;
  border: 1px solid white;
  opacity: 0.9;
  background-color: white;
  color: black;;
}
#messageArea h3 {
  background-color: blue;
  color: white;
  padding: 6px;
}
#messageArea div {
  padding: 10px;
  text-align: left;
}
#messageArea .center {
  text-align: center;
}

#mapCanvas {
  z-index: 1;
  position: absolute;
  left: 16px;
  top: 0px;
}
#charCanvas {
  z-index: 2;
  position: absolute;
  left: 144px; /* 128 + 16 */
  top: 128px;
}