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

/* basic styles */

html {margin: 0; padding: 0;}
body {font: 11px Verdana, sans-serif; margin: 0; padding: 0;}
body div#main {margin: 0 17% 0 0; padding: 2.5em 4% 7.5em 7.5em; min-height: 40em;}

#sitemast h1 {font-size: 320%; line-height: 0.9em; letter-spacing: -0.1em;
  font-weight: bold; margin: 0; padding: 0.33em 0 0;
  text-transform: lowercase; border-bottom: 1px solid;}
#sitemast span {padding-left: 0.33em; margin: 0;}
h2 {font-size: 130%; font-weight: bold;
  margin: 1em 0 0; padding: 0;
  border-style: solid; border-width: 0 0 1px 0;}
h2 a.hlinks {position: relative; bottom: -0.6em;
  padding: 1px 0.5em; margin: 0;
  border-style: solid; border-width: 1px 2px;
  text-decoration: none;}
h4 {margin: 1.66em 0 0; font-size: 115%; font-weight: bold;}
h5 {margin: 1.25em 0 0; font-size: 100%;}

div#main p {margin: 0.66em 0 1em 1.75em; padding: 0;
  text-align: left; line-height: 1.4;}
div#main p.desc {margin-top: 1.5em;}
div#main ul, div#main ol {margin: 0.75em 0 1em 1.75em;
  padding: 0 0 0 2.5em;}
p#signature {margin-top: 2em; padding-right: 0.25em;
  text-align: left; font-style: italic;}
pre, code, tt {font: 103% "Andale Mono", "Courier New", Courier, monospace; line-height: 1em;}
dl {margin: 0.75em 0 0.75em 1.75em; padding: 0;}
dt {font-weight: bold;}
dd {margin-top: 0.33em; margin-bottom: 0.66em;}
li {margin-bottom: 0.33em;}

.pic {display: block; float: right; margin: 0 0 0.5em 1em;}
.border {border: 3px double;}

a.dead {text-decoration: line-through !important;}

div.panel {position: absolute; right: 0; top: 3.2em; width: 15%;
  margin: 0 1% 0 0; padding: 0; text-align: left;}
div.panel h4 {margin: 2em 0 0 2px; padding: 0;
  font-size: 1em; font-weight: bold; line-height: 1.25em;
  text-align: left; text-transform: lowercase;
  border-bottom: 2px solid;}
div.panel h4#sidetop {margin-top: 1em;}
div.panel form, div.panel p {
  margin: 0 2px; border-style: solid; border-width: 0 0 0 1px;}
div.panel form {padding: 0.25em 0.66em;}
div.panel p {line-height: 1.1em; text-align: left;
  padding: 0.5em 0.5em 0.5em 5%;}
div.panel p.subhead {font-size: 95%; font-style: italic;
  line-height: 1em;
  text-align: left; padding: 0.125em 0.5em 0;}

div.panel ul {margin: 0 1em 0 0; padding: 0;
  background: transparent; list-style: none;}
div.panel ul ul {border-left: 1px solid; margin-left: 2px;}
div.panel li {margin: 0; padding: 0;}
div.panel a {display: block; 
  padding: 5px 5px 2px; margin: 0 0 0 2px;
  border-style: solid; border-width: 0 0 0 1px;
  outline-width: 0;}
div.panel a:hover {border-left-width: 5px;
  padding-left: 3px; margin-left: 0;}
div.panel img {width: 95%; max-width: 150px; 
  margin: 3px 0 5px; border: 1px solid;}

div.panel ul ul a {border-left: 3px double;
  margin-left: 1px; padding-left: 3px; padding-top: 2px;}
div.panel ul ul a:hover {border-left: 4px solid;
  margin-left: 0; padding-left: 3px;}

div.panel #classic a {border-left-width: 5px;
  padding-left: 3px; margin-left: 0; font-weight: bold;}
div.panel #setup {padding: 0;}
div.panel #setup a {padding-top: 0.75em;}

div#blogroll {top: 50em;}
div#blogroll ul {margin: 0; padding: 0;}


div#footer {font-size: 90%; padding: 0.5em 1em 0.5em; border: 1px solid; border-width: 1px 0; text-align: right; clear: both; line-height: 1em;}
div#footer p {margin: 0.25em 0 0.5em;}
div#footer p + p {margin-bottom: 0.125em;}

/* thought-specific styles */

div#thoughts {margin: 3em 0 0.5em; padding: 0;}
div#thoughts div.entry p {margin: 0.66em 0 1em 1.75em;}
div#thoughts pre {margin-left: 3.25em;}
div#thoughts h3 {margin: 0; padding: 0.25em 0 2px 0;
  font: bold italic 150% Arial, Helvetica, sans-serif;
  text-align: right; line-height: 0.75em; letter-spacing: 1px;}
div.entry {border-top: 1px solid;
  padding: 0; margin: 0 0 2.5em;}
h4.title {border-style: solid; border-width: 1px 1px 1px 2px; 
  display: inline; position: relative; top: -0.66em;
  margin: 0; padding: 1px 0.5em;
  font-weight: bold;}
h5.date {float: right; margin: -1.4em 0 0;
  font-weight: normal; text-align: right;}
a.plink {padding: 0 0.4em; margin-left: 0.5em;
  border-left: 1px solid;}
span.update {font-style: italic;}
span.update:before {content: "[";}
span.update:after {content: "]";}

div#thoughts blockquote {font-style: normal; margin-left: 4em; margin-bottom: 0.25em;}
div#thoughts div.entry .quoteattrib {margin: 0 4em 1em;}

/* home styles */

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

/* book-specific styling */

body.book div#main {margin: 0 15% 0 140px !important;
  padding: 2.33em 7.5% 1em 0;}
body.book h2 {margin-left: 0.5em;}
body.book div#main img.cover {position: absolute; width: 125px;
  top: 6em; left: 10px; padding: 0;
  border-style: solid; border-width: 1px 2px 2px 1px;
  border-color: gray black black gray;}
body.book p#excerpt {border: 2px solid; border-left-width: 2em;
  padding: 0.5em; margin-bottom: 2em;}

/* color settings */

body {color: rgb(23%,23%,23%); background: rgb(96%,96%,94%);}
#sitemast {color: rgb(30%,30%,50%); background: rgb(45%,45%,65%); border-color: rgb(30%,30%,50%);}
#sitemast span {background: rgb(96%,96%,94%); color: rgb(27%,27%,47%);}
#sitemast a {color: rgb(30%,30%,50%);}
h2 {color: rgb(20%,20%,30%); border-color: rgb(50%,50%,60%);}
h2 a.hlinks {border-color: rgb(50%,50%,60%);
  background-color: rgb(100%,100%,97%);}
code {color: rgb(20%,30%,40%);}
blockquote {color: rgb(25%,30%,35%);}
.quoteattrib {color: rgb(50%,52%,55%);}
div.panel {background-color: transparent;}
div.panel a {border-color: rgb(30%,30%,50%);}
div.panel a:link {color: rgb(30%,30%,60%);}
div.panel a:visited {color: rgb(50%,50%,60%);}
div.panel a:hover {border-color: rgb(30%,30%,60%);}
div.panel a:visited:hover {border-color: rgb(50%,50%,60%);}
div.panel h4 {color: rgb(30%,30%,50%); border-color: rgb(30%,30%,50%);}
div.panel p, div.panel form {border-color: rgb(30%,30%,50%);}
div.panel p.subhead {color: rgb(60%,60%,75%);}
div.sublinks {border-color: rgb(30%,30%,50%);}
div.panel ul ul a {border-left-color: rgb(78%,78%,81%);}
div.panel ul ul a:hover {border-left-color: rgb(65%,65%,80%);}
div.panel ul ul a:visited:hover {border-left-color: rgb(75%,75%,75%);}
div#footer {border-color: rgb(30%,30%,50%) navy rgb(75%,80%,85%) navy;
  background: rgb(88%,90%,92%);}
body#book p#excerpt {border-color: #CC9; background: #FFFFF0;}

div#thoughts h3 {color: rgb(45%,45%,55%);}
div#thoughts img.border {border-color: gray;}
div.entry {border-color: rgb(60%,60%,65%);}
h4.title {border-color: rgb(40%,40%,50%);
  background-color: rgb(231,231,236); color: rgb(25%,25%,25%);}
h5.date {color: rgb(60%,60%,65%);}
span.update {color: #448;}
a.plink {border-color: #BBC;}