body {
  background-color: #35421b;
  margin: 2em; 
  font-family: Arial, sans-serif;
}

#content {
  width: 820px;
  margin: auto;
  padding: 3px;
  background-color: #7a993d;
  border: 3px solid #9fc750;
  font-size: 90%;
}

#content a { color: #241c16; }

#puzzles { 
  float: left; 
  width: 220px;
  padding: 4px; 
  min-height: 14em;  
}

#puzzles .logo { margin: auto; width: 200px; }

#puzzles h2 { font-size: 110%; margin-top: 1.5em; text-align: center; }
#puzzles a { text-decoration: none; }
#puzzles a.solved { text-decoration: line-through; }
#puzzles a:hover { text-decoration: underline; }


.main { width: 596px; margin-left: 220px; background-color: #74913a; padding: 3px; }

.main h2 { text-align: center;  margin-top: 0em; }

.banner { margin-bottom: 1em; }
.banner p { text-align: center; }
.banner p a { margin-left: 0.5em; margin-right: 0.5em; }

.clear-both { clear: both; }
.refresh-note { text-align: center; color: #7a993d; font-size: 85%; }

.game-list { table-layout: fixed; border-collapse: collapse; text-align: center; }
.game-list td {
   padding: 4px; border: 1px solid #35421b; 
   text-align: center; width: 180px; vertical-align: middle; 
}
td.my-turn { background-color: #998a3d; }
td.new-game { background-color: #4c993d; }

.game-display { table-layout: fixed; border-collapse: collapse; margin: auto;  }
.game-display td { padding: none; text-align: center; vertical-align: middle; }
.game-display .moves > td { vertical-align: top; text-align: center; }
.game-display .moves td.sep { width: 1em; }
.game-display table { margin: auto; }

.movable { background-color: #999999; }
.short { width: 20px; text-align: center; vertical-align: middle; }
.crossed { text-decoration: line-through; }
.game-display td.right { text-align: right; }

.update-game { padding-top: 1em; font-weight: bold; }

.rules { padding-left: 3px; }

.rewards { margin: auto; border-collapse: collapse; }
.rewards td { border: 1px solid #35421b; padding: 5px; background-color: white; width: 180px; text-align: center; }

.starmap-link a { display: block; height: 22px; width: 77px; margin-right: 1em; float: right; }
.starmap-link a:hover { background-color: #74913a; }
.starmap-link a img { border: none; }

.intro { font-size: 90%; margin: 1em; }