/* DEBUG
*:hover { outline-width: 3px; }
body { outline: 1px dotted silver }
body > * { outline: 1px dotted red }
 */


html {
  font-size: 100%;
  padding: 0;
  margin: 0;
  color: #38372d;
  backgrou nd: url(star.png) right top no-repeat;
  background-attachment: fixed;
  }
html:after {
  content: " ";
  display: block;
}

body {
  font-family: Georgia, sans-serif;
  font-size: 0.938em /* ≈15px */;
  line-height: 1.467em /* ≈22px */;
  padding: 0 0 8em;
  margin: 0;
  margin: auto;
  width: 48em /* ≈720x */;
  backgrou nd: url(rule.png) left bottom no-repeat;
  }

body:after {
content: " ";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

p {
  width: 28em /* ≈450px */;
  }
p { text-indent: 1em /* ≈15px */; margin: 0 0 0 1em; }

p.led {
 text-indent: 0;
}

p.led:lang(en-us) /*,
h1 + p,
div > p:first-child*/ {
  text-indent: -1em;
  }

p.led:first-letter /*,
h1 + p:first-letter,
div > p:first-child:first-letter*/ {
  font-size: 2.934em /* ≈44px or ≈38.124px in <span>) */;
  font-family: "Monotype Corsiva", "Apple Chancery", "Lucida Handwriting", script;
  font-weight: 800;
  font-style: italic;
  line-height: 72%;
  }
p.led > span:first-child /*,
h1 + p > span:first-child,
div > p:first-child > span:first-child*/ {
  font-variant: small-caps;
  font-size: 0.933em /* ≈13px */;
  letter-spacing: 0.077em /* ≈1px */ ;
  font-weight: 600;
  }




h1, h2, hd3, h4, h5, h6,
h1 *, h2 *, h3 *, h4 *, h5 *, h6 *,
h1 :link, h2 :link, h3 :link, h4 :link, h5 :link, h6 :link,
h1 :visited, h2 :visited, h3 :visited, h4 :visited, h5 :visited, h6 :visited {
  color: #90b55a;
  text-align: left;
  }
  
h4, h5, h6 { font-size: 1em; margin: 0; padding: 0;}

h1 { font-size: 2.934em /* ≈44px */; line-height: 1em; font-weight: normal; letter-spacing: -0.023em; }
h2 { margin: 1em /* ≈22px */ 0; font-weight: normal; font-size: 1.467em /* ≈21px */; }
h3 { margin: 1em /* ≈22px */; font-weight: bold; text-align: center; font-size: 1.2em /* ≈21px */; }

abbr {
  font-variant: small-caps;
  font-size: 0.8em /* ≈12px */;
  letter-spacing: 0.077em /* ≈1px */ ;
  }

.aside {
  float: right;
  clear: right;
  position: relative;
  height: auto;
  overflow: visible;
  font-size: 0.8em /* ≈12px */;
  width: 17em /* ≈204px */;
  line-height: 1.833em;
  text-align: justify;
  background: transparent url(sidebar.png);
  background: rgba(255, 246, 102, 0.32);
  padding: 2em;
  margin: 1em 0;
 -moz-border-radius: .5ex;
 -webkit-border-radius: .5ex;
  border-radius: .5ex;
  }

.aside p {margin: 0;}

blockquote { margin: 0 0; padding: 0; font-style: italic; }

#nameplate { font: 0.8em Verdana; he ight: 9em; padding: 2em 0; width: 60em; margin: 0 auto; }
#nameplate, #nameplate * { color: silver; }
#nameplate img { float: right; }

.aside p { width: auto; }


:link,
:visited {
  background-color: transparent;
  color: #409cd7;
  margin: -.6ex;
  border: solid .16ex transparent;
  padding: .44ex;
 -moz-border-radius: .5ex;
 -webkit-border-radius: .5ex;
  border-radius: .5ex;
  }

:visited {
  color: #c0549e;
  }

:link:hover,
:visited:hover {
  background-color: #fffcb4;
  border-color: #f2ef9e;
  }

:visited:active,
:visited:active:hover,
:visited:focus {
  border-color: #f5b6e1;
  background-color: #ffd8f3;
  outline: 0;
  }

:link:active,
:link:active:hover,
:link:focus {
  border-color: #abd6f1;
  background-color: #c5e7fd;
  outline: 0;
  }
