/*
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);

/* Moon image found on Usenet; terms of re-use uncertain */

.hpg #sitemast {padding: 0 0 0 2em; margin: 1em 0 0;}
.hpg #sitemast h1 {font-size: 2em;}
.hpg .panel {border-top-width: 1.1em;}
.hpg .panel #navhead {padding-top: 1.16em;}

html, body {margin: 0; padding: 0;}
body {font: 0.8em Verdana, sans-serif;}

#sitemast {border: 1px solid; border-width: 1px 0; padding: 0 0 0 2.66em; margin: 0.66em 0 0;}
#sitemast h1 {margin: 0; font-size: 1.33em;}
#sitemast span {padding: 1px 0.25em; border: 1px solid; border-width: 0 1px;}

p {line-height: 1.4em;}
h1 {font-size: 200%;}
h2 {font-size: 150%;}
h3 {font-size: 133%;}
h4 {font-size: 100%;}
h5 {font-size: 90%;}

#main {margin: 0 10em 0 2em; padding: 1em 3em 3em 4em;}
h2, h3, h4, h5, h6 {margin: 1em 0 0; border-bottom: 1px solid;}
.hpg #main h2 {margin: 1em 0 0; padding: 0; clear: both;
  border-top: 1px solid; border-bottom: none;}
.hlinks {margin: -3px; padding: 0 0.5em; float: left;
  border: 1px solid; border-top: 3px solid;}
#main a.pic {margin: 0 0 0.33em 20px; float: right;}
p.desc {margin: 0.5em 100px 0.5em 1px; text-indent: 2em;}

#thoughts {margin-top: 3em;}
.entry {margin: 2em 0 3em;}
#thoughts h3 {margin: 0; padding: 0 1em; border: 1px solid;}
#thoughts h3 span {padding: 1px 0.66em; border: 1px solid; border-width: 0 1px;}
#thoughts h4 {margin: 0; padding: 0.15em 17em 0 0.25em ; line-height: 1em;
  border: 1px solid;
  font-size: 1em;}
#thoughts h5 {margin: -1.3em 0.25em 0 auto; padding: 0 0 0.2em; width: 18em;
  font-size: 0.9em; font-style: italic; font-weight: normal;
  text-align: right; border: none;}
.plink {padding: 0 0.33em; margin-left: 1em;
  text-decoration: none;}

.panel {position: absolute; top: 0; right: 0; width: 10em;
  padding: 0; margin: 0;
  border: 1px solid; border-width: 0.7em 0 1px 1px;}
.panel h4, #blogroll h5 {margin: 0; padding: 0.5em 0 0 0.25em;
  text-align: center; border-bottom: 1px dotted;}
.panel #navhead {padding-top: 0.5em;}
.panel li {margin-bottom: 0.2em; padding-left: 0.5em;}
.panel ul {margin: 0; padding: 0.25em 0 0.25em 0; list-style: none;}
.panel ul ul {font-size: 90%; padding-left: 0.75em;}
.panel #lunarsky {border: 1px solid; border-width: 1px 0; padding: 0;
  font-weight: bold; text-align: center;}
.panel #lunarsky a {border: 1px solid; border-width: 0 1px; padding: 1px 0.5em;}

#blogroll {top: 40em; right: 0; border-top-width: 3px;}

#footer {font-size: 80%; border-top: 3px double; padding: 0.5em 0;}
#footer p {margin: 0.25em 2em;}

/* color settings */

body, #thoughts h3 span {color: rgb(15%,20%,30%);
  background: rgb(60%,80%,100%) url(lunarsky/lunarsky.gif) 0 4em no-repeat fixed;}
#thoughts h3 span {background-position: 0 3em;}

#sitemast, .panel, .panel ul, #footer {border-color: rgb(30%,30%,50%);}

#sitemast {color: rgb(30%,30%,50%); background: rgb(45%,55%,65%);}
#sitemast span {background: rgb(60%,80%,100%); color: rgb(20%,20%,40%);}
#sitemast a {color: rgb(25%,25%,45%);}

h2 {color: rgb(20%,20%,40%);}
h3 {color: rgb(20%,20%,30%);}
h2 a.hlinks {background: rgb(65%,75%,85%); border-color: rgb(20%,20%,40%); color: navy;}

code {color: rgb(20%,30%,40%);}
#thoughts blockquote {color: rgb(25%,30%,35%);}
.quoteattrib {color: rgb(35%,40%,45%);}

.panel {background-color: rgb(70%,80%,90%);}
.panel a:link {color: rgb(30%,30%,60%);}
.panel a:visited {color: rgb(50%,50%,60%);}
.panel h4 {color: rgb(25%,25%,45%);}
.panel #navhead {background: rgb(55%,65%,75%);}
.panel #lunarsky {background: rgb(55%,65%,75%); border-color: rgb(40%,40%,60%);}
.panel #lunarsky a {background: rgb(70%,80%,90%); color: rgb(20%,20%,40%);
  border-color: rgb(40%,40%,60%);}

#footer {background: rgb(60%,70%,80%);}

#thoughts {border-color: rgb(40%,40%,60%);}
#thoughts h3 {background: rgb(60%,70%,80%);}

div.entry {border-color: rgb(50%,50%,66%);}
#thoughts h4 {background: rgb(60%,70%,80%); color: rgb(20%,20%,40%);
  border-color: rgb(30%,30%,45%);}
a:link {color: #339;}
a:visited {color: #606;}