body    { margin: 0; background: #C0E0F0; min-width: 782px; }
*       { font-family: Open Sans, sans-serif; }

h1      { padding: 15px 0 5px 30px; margin: 0; }
h3, h4  { margin-bottom: 17px; text-decoration: underline; }

ul      { margin-top: 4px; margin-bottom: 0; }
div.box { padding: 15px 18px; display: none; background: #fff; }

#menu            { border-bottom: solid 1px #000; }
#menu li         { margin-left: 3px; margin-bottom: -1px; font-size: 18px; padding: 4px 0; text-align: center; display: inline-block; width: 140px; background: #aabed7; border: solid 1px #000; border-radius: 6px 6px 0 0; cursor: pointer; }
#menu li.active  { background: #FFF !important; border-bottom: solid 1px #FFF !important; }
#menu li:HOVER   { background: #cedae8;  color: #283d55; }
#menu li.done    { color: green; }

#foo { text-align: center; padding: 5px; border-top: solid 1px #000; }

#countdown                  { position: absolute; top: 20px; left: 600px; width: 160px; text-align: right; }
#countdown, #countdown span { font-size: 22px; }

.ok       { color: green; }
.hot      { color: red; font-weight: bold; }
.question { color: orange; }
.obsolete, .obsolete a { text-decoration: line-through; color: #bbbbbb; }