@import url(skel.css);

body {max-width: 69em; margin: 0; padding: 0;
  font: 0.9em "Andale Mono", "Courier New", Courier, monospace;
  background: #242 url(matrix/matrix-bg.jpg) top left repeat; color: #2E2;}
a:link {color: #AFA;}
a:visited {color: #8E8;}
a:hover {background: #5E5; color: #020;}

#masthead {font-size: 150%; line-height: 1.5em;
  margin: 0; padding: 0 0.3em 0.5em 0.4em;
  position: absolute; top: 0; left: 0; width: 1.5em;
  font-family: "Courier New", monospace; text-transform: uppercase;
  border-bottom: 3px double #3E3; border-right: 1px solid #3E3;
  background: black;}
#masthead h1 {margin: 0; padding: 0; width: 1.5em; font-weight: 100;}
#masthead a {color: #151; background: #000; padding: 0;}
#masthead span {background: transparent; color: #3E3;
  position: relative; top: 0.4em;}

#main {margin: 0 11em 2.5em 6em; padding: 1.33em 1em 0;
  background: #020; border: 3px solid #2E2;}
h2 {border-left: 1em solid #2E2; margin-left: -0.5em; padding-left: 0.25em;}

.hpg #main {background: transparent; border: none;}
.hpg #main h2 {margin: 0; padding: 0; border: none;
  float: left; clear: left; width: 90px;}
#main .hlinks {display: block; padding: 8px 0 0 5px;
  text-decoration: none;
  background-color: #2B2; color: #000;}
#main ul li {list-style: square;}
div#intro, p.intro {margin: 0 0 1em 90px; padding: 10px;
  border: 1px solid #2B2; border-width: 2px 1px;
  background: #000 url(matrix/desc-bg.gif) -5px -5px no-repeat;
  text-indent: 1em;}

#main .pic {float: left; clear: left;}
#main .pic img {border: 1px solid #2B2; border-width: 0 5px 15px 5px;}
#main img.pic {float: right;}

#reports h3 {margin: 2em 0 0; border-bottom: 3px solid #2B2;}
#reports h3 span {padding: 3px 1em 0 5px; background-color: #2B2; color: #000;}
#reports .entry {border: 1px solid #2B2; border-width: 2px 1px;
  background: #000;
  padding: 0 1em 1em; margin: 0 0 2em;}

#reports {margin-left: 45px;}
#reports h4 {background-color: #090; color: black;
  margin: 1px -1em 0; padding: 5px 0 2px 0.25em; font-size: 1em;}
#reports h5 {margin: 0 -1.2em 0 auto; padding: 0 0.25em; font-size: 0.85em;
  width: 20em; text-align: right;
  background: #090 url(matrix/date-bg.gif) top left no-repeat; color: #000;}
#reports .plink {text-decoration: none; margin-left: 0.5em; font-weight: normal;
  color: #060;}

#panel {position: absolute; top: 0; right: 0;
  width: 9em; border: 1px solid #2B2; border-width: 0 0 1px 1px;
  background: #000;}
#panel h4 {margin: 0; padding: 2px 0 0 0.2em; letter-spacing: -2px;
  background-color: #2B2; color: #000;}
#panel h4#navhead {display: none;}
#panel ul {list-style: none;
  margin: 0; padding: 0.5em 0.25em 0.5em 0.75em;}
#panel ul ul {padding-top: 0; font-size: 0.9em;}
#panel #matrix {margin: 0.125em 0;}
#panel #matrix a {color: #CFC; border-right: 1em solid #CFC;
  padding-right: 0.25em; font-weight: bold;
  background: #131;}
#panel ul span {display: none;}
#panel a:link {color: #8D8; background: #000;}
#panel a:visited {color: #7C7; background: #000;}
#panel a:hover {background: #2E2; color: #020;}

#footer {font-size: 0.8em; padding: 1.5em 2.5em;
  border-top: 2px solid #2E2;
  background: #000;
  text-align: center;}
#footer h4#footernavhead {display: none;}
#footer ul span {display: none;}
#footer ul {display: inline; margin: 0; padding-left: 0;}
#footer li {display: inline; list-style: none;}
#footer p {margin: 1em auto 0}