* { margin: 0; padding: 0; }
body { font: 13px/160% "Lucida grande"; color: #444; }
p, table { margin-bottom: 15px; }
th { text-align: left; }
input[type=text] { height: 12px; }
input[type=button] {
  background-color: #c6c6c6;
  border: 1px solid #888;
  border-radius: 4px;
  color: #000;
  cursor: pointer;
  font: 12px arial;
  outline: none;
  padding: 2px 5px;
}
input[type=button]:hover { background-color: #888; color: #fff; }

.game_table { border: 1px solid #999; }
.game_table tr:nth-child(odd) { background-color: #e0e0ff; }
.game_table td, .game_table th { padding: 3px 8px; }
.game_div { border: 1px solid #000; position: absolute; height: 7px; width: 30px; background-color: #e0e0ff; }
.game_div:hover { background-color: #00f; }
.year_div { position: absolute; height: 1px; width: 650px; font-size: 10px; border-top: 1px solid #777; }

#settings { float: left; background-color: #ddd; padding: 35px; position: fixed; width: 225px; height: 100%; }
#main { float: left; padding: 35px; margin-left: 295px; }