html, body  { margin: 0; padding: 0; border: 0; height: 100%; }

body        { background-color: #ffffff; color: #000000;
              font-family: arial, sans-serif; font-size: 16px; text-align: left; }

.small      { font-size: 12px; }
.large      { font-size: 20px; }

h1          { color: #ff4500; text-align: left; }
h2          { color: #33bb33; text-align: left; }
h3          { color: #336699; text-align: left; }
h4          { text-align: left; }

a           { color: #0000ff; } a:visited { color: #336699; }
ul          { list-style: square; }
img         { border: 0px }
hr          { height: 1px; }
blockquote  { font-style: italic }

/* From SPCSS by Susam Pal: https://github.com/susam/spcss/blob/master/LICENSE.md */
pre, code, samp, kbd {
  color: #009;
  font-family: monospace, monospace;
  font-size: 0.9em;
}
pre code, pre samp, pre kbd {
  font-size: 1em;
}
pre kbd {
  color: #060;
}
pre {
  background: #eee;
  padding: 0.5em;
  overflow: auto;
}

@keyframes
blink       { 50% { opacity: 0.0; } }
@-webkit-keyframes
blink       { 50% { opacity: 0.0; } }
.blink      { animation: blink 1s step-start 0s infinite; -webkit-animation: blink 1s step-start 0s infinite; }

#header     { background-color: #33bb33; color: #cccccc;
              border-bottom: 2px solid #336699;
              padding-top: 3px; padding-bottom: 3px;
              padding-left: 10px; padding-right: 10px;
              text-align: left; }
#header li  { display: inline; }
#header a   { color: #cccccc; }

#body       { clear: both; max-width: 800px; }
#content    { float: left; margin: 0px; padding-left: 20px; padding-right: 20px;
              text-align: left; max-width: 50em; }

#footer     { padding: 5px; font-size: 0.7em; text-align: center; }