/*
Use of this style sheet is governed by a Creative Commons NonCommercial license
   http://creativecommons.org/licenses/nc/1.0/
Use of the images employed by this style sheet are NOT governed by the same terms!
Terms (if any) are found elsewhere in this style sheet
*/


@import url(skel.css);

/* Background image downloaded from whatisthematrix.com */

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;}

#sitemast {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;}
#sitemast h1 {margin: 0; padding: 0; width: 1.5em; font-weight: 100;}
#sitemast a {color: #151; background: #000; padding: 0;}
#sitemast span {background: transparent; color: #3E3;
  position: relative; top: 0.4em;}

body #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;}
p.desc {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;}

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

#thoughts {margin-left: 45px;}
#thoughts h4 {background-color: #090; color: black;
  margin: 1px -1em 0; padding: 5px 0 2px 0.25em; font-size: 1em;}
#thoughts 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;}
#thoughts .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 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 a:link {color: #8D8; background: #000;}
.panel a:visited {color: #7C7; background: #000;}
.panel a:hover {background: #2E2; color: #020;}

#blogroll {top: 33em;}

#footer {font-size: 0.8em; padding: 1.5em 2.5em;
  border-top: 2px solid #2E2;
  background: #000;}
#footer p {display: inline;}