body { 
  background-color: #333333; 
  color: white;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 95%;
}

h1 { 
  color: white; 
  font-family: Georgia, Times New Roman, Times, serif;
}

h2 { 
  color: white; 
  font-size: medium;
  padding: 5px;
  margin: 2px;
  border: 1px dotted #333333;
  border-left: 10px solid #222222;
  background-color: #111111;
  margin-bottom: 1em;
}

h2 a { 
  text-decoration: none;
  color: white;
}
h2 a:hover { 
  color: #ffcc33;
}

h3 { 
  color: white; 
  font-size: smaller;
  padding: 5px;
  margin: 2px;
  border: 1px dotted #333333;
  border-left: 10px solid #222222;
  background-color: #111111;
  margin-bottom: 1em;
  display: block;
}

h4 { 
  color: white; 
  font-size: x-small;
  padding: 5px;
  margin: 2px;
  border: 1px dotted #444444;
  border-left: 10px solid #333333;
  background-color: #222222;
  margin-bottom: 1em;
  display: block;
}

iframe, textarea, pre { 
  background: white;
  color: black;
  padding: 2px;
  border: 1px dotted #444444;
  margin-top: 1em;
  margin-bottom: 1em;
  overflow: auto;
  display: block;
  margin-right: 22%;
  margin-left: 3%;
  padding: 10px;
 }

a {
  color: #ffcc33;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
a:active {
  color: #996600;
}

.site-link { 
  font-weight: bold;
}

hr { 
  display: none;
}

pre a { 
  color: #996600;
  text-decoration: underline;
 }

blockquote { 
  display: block;
  border: 0;
  background: #110011;
  padding: 5px;
}

blockquote:before { 
  content: " " url(/openquote.png)
}
blockquote:after { 
  content: " " url(/closequote.png)
}

#header { 
  background-color: black;
  display: block;
  border: solid 1px #666666;
  height: 140px;
}

#header a { 
  text-decoration: none;
  color: white;
}

#header h1 { 
  color: white;
}

#header .tagline {
  color: #D3D3D3; 
  font-style: italic;
}

#logo { 
  float: left;
  background: black url(/logo.png);
  height: 129px;
  width: 129px;
}

#logo-small { 
  float: left;
  background: black url(/logo-small.png);
  height: 36px;
  width: 36px;
}

#masthead { 
  height: 140px;
  display: inline;
}

#log-footer { 
  margin-left: 19%;
  margin-right: 19%;
  border-right: solid 1px #666666;
  border-left: solid 1px #666666;
  border-bottom: solid 1px #666666;
  padding: 1%;
  background: black;
  height: 32px;
 }
#log-content {
  margin-left: 19%;
  margin-right: 19%;
  display: block;
  background: black;
  border: solid 1px #666666;
  height: 100%;
}

#log-content .entry { 
  margin-bottom: 10px;
}

#log-content .entry-header { 
}

#log-content .entry-date { 
  margin-left: 1em;
  margin-right: 1em;
}

#log-content .entry-text { 
  padding: 5px;
  font-size: 95%;
  margin-left: 1.1em;
  margin-right: 1em;
}

#log-content .posted-by { 
  margin-left: 1em;
  font-size: 80%;
}

#log-content .last-updated { 
  margin-left: 1em;
  font-size: 80%;
}

#log-content h2 { 
  margin-bottom: 1em;
}

#log-content pre { 
  margin-right: 7%;
  width: 86%;
}

.log-nav { 
  margin-top: 2px;
  padding: 2px;
  border-top: 1px solid #666666;
 }

#leftbar { 
  position: absolute;
  left: 1em;
  top: 160px;
  display: block;
  width: 17%;
  background-color: #333333;
  padding: 2px;
  font-size: 85%;
}

#leftbar ul li { 
  list-style-type: none;
}
#leftbar ul { 
  margin-top: 5px;
  padding-top: 0;
  margin-left: 1em;
  padding-left: 0;
}

#rightbar { 
  position: absolute;
  display: block;
  right: 1em;
  top: 160px;
  width: 17%;
  background-color: #333333;
  padding: 2px;
  font-size: 85%;
}

#rightbar ul li { 
  list-style-type: none;
}
#rightbar ul { 
  margin-top: 5px;
  padding-top: 0;
  margin-left: 1em;
  padding-left: 0;
}

.feed { 
  border: 0px;
  display: block;
  height: 30px;
  margin: 4px;
  margin-bottom: 1em;
  padding: 0 0 0 29px;
  background: #333333 url(/feed-icon-28x28.png) no-repeat;
  text-decoration: none;
  font-size: 140%;
}

.footer { 
  display: block;
}
.footer a { 
  text-decoration: none;
 }

.copyright { 
  font: 14px italic;
  padding: 1em;
 }

.box-header { 
  border: 1px #666666 dotted;
  border-left: 5px #555555 solid;
  padding-left: 5px;
 }

#page-content { 
  margin: 5px 8% 5px 8%;
  padding: 5px;
  display: block;
  background: black;
  border: 1px #666666 dotted;
 }

#page-content p {
  padding-left: 10px;
  padding-right: 10px;
}

#page-content form {
  padding-left: 10px;
  padding-right: 10px;
}

#page-footer { 
  padding: 1px;
  position: relative;
  height: 36px;
  border: 1px solid #666666;
  background: black;
 }

.valid-xhtml { 
  padding: 1px;
 }

.valid-css { 
  padding: 1px;
 }

.page-footer-left { 
  position: absolute;
  left: 2px;
  top: 2px;
  padding: 2px;
 }

.page-footer-right { 
  position: absolute;
  right: 2px;
  top: 2px;
  padding: 2px;
 }

.homelink { 
  padding: 0 0 0 25px;
  margin-left: 3px;
  margin-top: 1px;
  background: url(/logo-tiny.png) no-repeat;
  height: 31px;
  width: 31px;
  font-size: large;
}

#sitemap-content { 
  margin: 5px 5% 5px 5%;
  padding: 5px;
  display: block;
  background: black;
  border: 1px #666666 dotted;
 }

#sitemap-content ul li { 
  list-style-type: none;
}

#sitemap-content ul { 
  margin-top: 5px;
  padding-top: 0;
  margin-left: 1em;
  padding-left: 0;
}