body { margin: 0 auto; padding: 0; color: #333; position: relative; width: 472px;  background: url(bg_cell.png) top center fixed; font-family: Helvetica, sans-serif; font-size: 10pt; line-height: 1.3em; }
#header { position: fixed; top: 0; width: 472px; height: 54px; border-bottom: dotted black 2px; text-align: center; background: url(bg_cell.png) top center fixed; }
h1 { margin: 0; padding: 0; position: absolute; left: 144px; top: 0px; }
.board { position: absolute; top: 1px; display: inline-block; vertical-align: baseline; margin: 0; padding: 0; }
#board1 { left: 2px; top: 0px; }
#board2 { right: 2px; top: 0px; }
.cell { margin: 0; padding: 0; position: relative; float: left; cursor: default; margin: 1px; }

#content { background: url(bg.png) repeat-y center fixed; margin-top: 54px; padding: 0.5em 1.5em 5em 1.5em;  border-bottom: dotted black 2px; }
h2 { font-weight: normal; font-size: 12pt; margin-bottom: 0; }
a { text-decoration: none; color: black; }
a:hover { text-decoration: underline; }
a img { border: none; }
.dateline { font-size: 8pt; margin-top: 0; }

#rightside, #leftside {
  font-size: 8pt;
  color: #999;
  width: 150px;
  position: absolute;
  top: 60px;
}
#rightside h3, #leftside h3 { font-weight: normal; }
#rightside { right: -160px; text-align: left; line-height: 1.2em; }
#leftside { left: -160px; text-align: right; }
#rightside ul { padding-left: 10px; }
#leftside ul { padding: 0; margin: 0; list-style: none; }
#rightside ul li { padding-bottom: 0.3em; }
li.done { list-style-type: disc; }
li.undone { list-style-type: circle; }

#footer { text-align: center; padding: 1em; font-size: 8pt; }

#comments { border-top: dotted black 2px; margin-top: 2em; padding-top: 1em; font-size: 80%; }
.comment { margin-top: 1em; border-bottom: dotted #eee 2px; }
.comment .dateline { margin-bottom: -1em; }