/* body {
  padding: 0px;
  font: 14px "Lucida Grande", Helvetica, Arial, sans-serif;
} */

a {
  color: #333333;
}

p {
  color: #CCCCCC;
}


/* going for fixed dimensions placement in window (non-fullscreend) below: */
/* OK, whatever this is doesn't seem to be getting called */
/*
html {
  margin: 0;
  padding: 0;
  background: #FF0000;
}

body {
  display: block;
  margin: 0;
  padding: 0;
  background: #FF0000;
}
*/
/* going for fullscreen below: */
html {
  margin: 0;
  padding: 0;
  height: 100%;
  background: #999999;
}

body {
  margin: 0;
  padding: 0;
  height: 100%;
  max-height: 100%;
  background: #333333;
  width: 100%;
  overflow-x: hidden;
  overflow-y: hidden;
  float: center;
}

/* this is for when the game is playing full screen. no margins */
/* body {
  margin: 0;
  padding: 0;
  height: 100%;
  max-height: 100%;
  background: #333333;
  width: 100%;
  overflow-x: hidden;
  overflow-y: hidden;
}  */
 /* float: center; */
h1 {
  color: #cccccc;
}

.menu-body {
  padding:10px;
  text-align: left;
  color: #000;
  /* background-color: #CCCCCC; */
 font: 14px "Lucida Grande", Helvetica, Arial, sans-serif;
 width: 500px;
 margin: auto;
}


/* this is on the html page where you click to play the game */
.click-tray {
  padding:10px;
  text-align: center;
 font-size:24px;
 color: #000;
 background-color: #fff;
 font: 24px "Lucida Grande", Helvetica, Arial, sans-serif;
 font-weight:bold;
}