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

/* Masthead image Copyright 2002 Tantek Celik (http://www.tantek.com/)
Used with permission of the author */

.hpg #sitemast h1 {font-size: 2em;}
.hpg #main, .hpg #main a.pic {position: relative;}
.hpg #main h2 {margin: 0.5em 50% 0.25em 40px; padding: 3px 0 2px 5px;
  border-left: 50px solid; border-right: 4px solid; clear: left;
  font-weight: bold; font-size: 150%; line-height: 1em;}
.hpg .panel {top: 3.85em;}

html, body {width: 100% !important;}
body {margin: 0; padding: 0; font: 100% "Times New Roman", Times, TimesNR, serif; position: relative;}

#sitemast {margin: 0; padding: 0 0 0.6em; border-bottom: 1px solid; border-left: 1em solid;}
#sitemast h1 {margin: 0; padding: 0.85em 0.5em 0 0.25em; font-size: 1.4em;
  font-family: Verdana, sans-serif; line-height: 0.75em; letter-spacing: -0.13em;
  border-bottom: 1px solid;}

#main {padding: 0.6em 0 5em 5%; margin: 1px 17% 0 0; border-right: 1px solid;
  border-top: 3px double;}
#main h2, #main h3, #main h4, #main h5, #main h6 {line-height: 0.8em; margin: 1em 0 0; border-bottom: 1px solid;}
#main p, #main ul, #main ol, #main dl {margin-right: 6%;}

p.desc {margin: 0 0 1em 95px;}
a.pic {float: left; margin: -1.5em 0 0.5em; width: 80px;}
a.hlinks {text-decoration: none; padding: 0 0.5em 0 0;}

.panel {position: absolute; right: 0; top: 2.85em; width: 17%;
  padding: 0; margin: 0; border-left: 1px solid; font-family: sans-serif;}
.panel h4, #blogroll h5 {margin: 0; padding: 0.25em 0.5em 1px 0.5em; font-size: 1em; line-height: 1em;
  border: 1px solid; border-width: 1px 0;}
.panel ul {margin: 0 0 0 8px; padding: 0 0 1em 0.5em;
  list-style: none; font-size: 90%;}
.panel ul li {padding-top: 0.25em;}
.panel ul ul {padding: 0 0 0 1.25em; margin: 0; border-left: none; font-size: 90%;}
.panel ul ul li {padding-top: 1px; text-indent: -0.5em;}
.panel #eos {font-weight: bold; letter-spacing: 1px; 
  margin-left: -1em; padding: 0.33em 0 0.25em 0.5em;
  border: 1px solid; border-width: 1px 0.33em 1px 0.5em;}

#blogroll {top: 31em; left: 100%; width: 20%;}
#xfn-btn {display: block; text-align: center; margin-top: 0.25em;}

#thoughts .entry {margin: 0 0 3em 1.25em;}
#thoughts h3, #thoughts h4, #thoughts h5 {margin: 0; line-height: 1em;}
#thoughts h3 {font-size: 120%; letter-spacing: 0.25em;
  padding: 0.25em 0 0.125em; margin: 1.5em 0;
  border-left: solid 1em; border-bottom: 1px solid; border-top: 2px solid;}
#thoughts h3 span {margin-left: -0.8em;}

#thoughts h4 {font-size: 100%; padding: 0.125em 0 0;
  border-bottom: 1px solid; position: relative; z-index: 10;}
#thoughts h4 a {margin-left: 0.75em; padding: 0 0.33em 1px 0.5em;
  text-decoration: none; font-size: 85%; vertical-align: 1px;}
#thoughts h5 {font-size: 80%; text-align: right;
  padding: 0.125em 0.125em 0.75em 0; margin: -1.15em 0 0;
  border-bottom: none;}
#thoughts p {margin: 0.25em 6% 1em 0.125em;}
#thoughts img.pic {margin-right: 10px;}


#footer {border-top: 3px double; margin: 0; padding: 0.75em 0 1em;
  text-align: right; font-size: 75%;}
#footer p {margin: 0; padding: 0;}


/* home styles */

body.home #main {padding-left: 120px;}
body.home #main img.pic {position: absolute; left: -1em; top: 6.25em; z-index: 100;}


/* colors and backgrounds */

.hpg #main h2 {border-color: rgb(89%,74%,54%);
  background: rgb(92%,78%,59%) url(eos/piclinks.gif) center right repeat-y;}
.hpg #main h2 a {color: black;}


body {background: rgb(92%,90%,88%); color: rgb(26%,18%,17%);}
#main, .panel, .panel h4, #sitemast, #footer {border-color: rgb(54%,26%,0%);}
#main {border-top-color: rgb(77%,63%,50%);}

a:link {color: rgb(75%,33%,2%);}
a:visited {color: rgb(30%,4%,9%);}

#sitemast {background: rgb(88%,85%,83%) url(eos/masthead-wash.jpg) 103% 0 no-repeat;}
#sitemast h1 {background: rgb(76%,69%,64%) url(eos/masthead.jpg) 103% 0 no-repeat;
  border-color: #AB8562;}
#sitemast h1 a {color: rgb(50%,13%,8%);}

#main {background: rgb(96%,95%,94%);}

.panel {background: rgb(82%,77%,73%) url(eos/sidecap.gif) bottom left repeat-x;}
.panel ul {background: rgb(92%,90%,88%);}
.panel h4, #blogroll h5 {background: rgb(98%,86%,68%) url(eos/sideheads.gif) center left repeat-y;}
.panel a:link {color: rgb(50%,30%,15%);}
.panel a:visited {color: rgb(50%,40%,27%);}
.panel a:hover {color: rgb(50%,0%,15%);}
.panel #eos {border-color: rgb(77%,63%,50%);
  background: rgb(88%,85%,83%) url(eos/masthead-wash.jpg) -163px -233px no-repeat;}
.panel #eos a {color: rgb(50%,13%,8%);}

#blogroll {background: transparent none; color: rgb(54%,26%,0%);}

#thoughts h3 {border-color: rgb(54%,26%,0%); color: rgb(54%,26%,0%);
  background: rgb(93%,81%,65%) url(eos/piclinks.gif) 2px 50% repeat-y;}
#thoughts h3:first-letter {color: rgb(96%,95%,94%);}
#thoughts h5 {background: url(eos/sideheads.gif) 100% 1.2em no-repeat;}
#thoughts h4, #thoughts h5 {border-color: rgb(61%,39%,19%);}
#thoughts a.plink {background: url(eos/plink.gif) center left no-repeat;}
#thoughts h4 {color: rgb(20%,15%,10%);}
#thoughts h4 a, #thoughts h5 {color: rgb(67%,48%,31%);}
#thoughts blockquote {color: rgb(37%,30%,29%);}
#thoughts .quoteattrib {color: rgb(59%,54%,53%);}

#footer {background: rgb(88%,85%,83%) url(eos/masthead-wash.jpg) -100px 10% no-repeat;}

/* fix IE6 rendering bugs */

#sitemast h1 {position: relative;}
#sitemast>h1 {position: static;}