body
{
  font-size: x-small;
  voice-family: "\"}\"";
  voice-family: inherit;
  font-size: small;
  font-family: Verdana, Arial, sans-serif;
  text-align: center;
  margin: 0;
  padding: 0;
  background: #bbb;
  color: #777;
}

html > body
{
  font-size: small;
}

p, h1, h2, h3, h4, h5, h6
{
  margin: 1em 0;
}

blockquote
{
  margin: 1em 2em;
  font-style: italic;
}

#header
{
  text-align: left;
  font-style: italic;
  font-size: 90%;
  margin: 0.25em 0 0 0.25em;
}

#header h1
{
  display: inline;
  font-size: 120%;
  padding-right: 1em;
}

#header h1 span.seen
{
  font-weight: normal;
}

#header h1 span.objects
{
  margin-left: -0.25em;
  font-style: normal;
}

#header h1 a
{
  text-decoration: none;
  color: #777;
  padding: 0 0.25em;
}

#header h1 a:hover
{
  text-decoration: none;
  background: #eee;
}

#main
{
  text-align:left;
  width: 782px;
  margin: 7px auto;
  background: #ddd;
}

a:link
{
  color: #448;
  text-decoration: none;
}

a:visited
{
  color: #448;
  text-decoration: none;
}

a:hover
{
  color: #66A;
  text-decoration: underline;
}

#photos
{
  text-align: center;
}

#photos ul, #photos li
{
  margin: 0;
  padding: 0;
  display: block;
  list-style: none;
}

#photos img
{
  background: #fff;
  padding: 8px 8px 8px 8px;
  margin: 0 0 8px 0;
  border: none;
}

#top
{
  font-size: 85%;
  position: relative;
  height: 1em;
  padding: 2px 0 2px 0;
  margin: 0 8px 8px 8px;
}

#top a
{
  position: absolute;
  width: 153px;
  padding: 2px 0;
  color: #777;
}

#top a:hover
{
  background: #eee;
  text-decoration: none;
}

#earlier
{
  left: 0;
  text-align: left;
}

#home
{
  left: 153px;
}

#archives
{
  left: 306px;
}

#about
{
  left: 460px;
}
      
#later
{
  left: 612px;
  text-align: right;
}

#edit, #new
{
  left: 800px;
}

#top #edit, #top #new
{
  width: 60px;
}

#new
{
  top: 20px;
}

#content
{
  font-size: 85%;
  padding: 0 33% 0 16px;
  margin: 0 0 0 0;
  border-bottom: 1px solid #bbb;
  position: relative;
}

#content, #endmatter
{
  margin: 0 8px;
}

#content h2, #content #date, #content #commentCount
{
  display: inline;
}

#content h2
{
  font-size: 1em;
  margin: 0 0 0 -8px;
  padding-bottom: 0.125em;
  border-bottom: 1px solid #999;
  color: #666;
}

#content #date
{
  padding-left: 1em;
}

#content #commentCount
{
  position: absolute;
  right: 8px;
  text-align: right;
}

#description
{
  margin: 0 0 1.5em 0;
}

#tagged-as
{
  margin: 0 0 1.5em 0;
}

#recently
{
  margin: 0 8px;
  padding: 0 8px;
  font-size: 85%;
  border-bottom: 1px solid #bbb;
}

#recently h3
{
  font-size: 1em;
}

#recently ul
{
  margin: 0 0 1em 8px;
  padding: 0;
}

#recently ul li
{
  display: inline;
  margin-right: 8px;
}

#recently a img
{
  background: white;
  padding: 2px;
  border: 1px solid white;
}

#recently li.active a img
{
  border: 1px solid #999;
}

#recently a:hover img
{
  background: #aa8;
  border: 1px solid #aa8;
}

h2 span.tagname
{
  font-size: 130%;
  font-style: italic;
  font-weight: normal;
}

.taglist
{
  margin: 1em 0 2em 8px;
  padding: 0;
}

.taglist li
{
  display: inline;
  margin-right: 8px;
}

.taglist a img
{
  background: white;
  padding: 2px;
  margin-top: 12px;
  border: 1px solid white;
}

.taglist li.active a img
{
  border: 1px solid #999;
}

.taglist a:hover img
{
  background: #aa8;
  border: 1px solid #aa8;
}


.tagcloud
{
  margin: 1em 2em 2em 8px;
  padding: 0;
  line-height: 200%;
}

.tagcloud li
{
  display: inline;
  margin: 0 0.5em 0 0;
}

.tagcloud li a.thistag
{
  color: #84f;
  font-style: italic;
}



#comments
{
  margin: 0 8px;
  padding: 0 8px;
  font-size: 85%;
  border-bottom: 1px solid #bbb;
}

#comments h3
{
  font-size: 1em;
}

#comments ul
{
  margin: 1em 0;
  padding: 0;
}

#comments li
{
  list-style: none;
  margin: 1em 8px;
  padding: 0 0 0 0.5em;
  border-top: 1px solid #ccc;
}

#comments li.unverified a:link, #comments li.unverified a:visited
{
  color: #c88;
}

#comments li.banned
{
  color: #bbb;
}

#comments li.banned a:link
{
  color: #aaa;
}

#comments h4
{
  font-size: 1em;
}

#comments div.commentText
{
  margin: 0 0 0 1em;
}

#comments form
{
  margin: 2em 0 0 0.5em;
}

#comments form label
{
  display: block;
  margin: 0.5em 0 0 0;
}

#comments form label.keepTogether
{
  display: inline;
}

#comments form div.rememberMe
{
  margin: 0.75em 0 1.5em 0;
}

#comments form input
{
  background: #eee;
  color: #777;
  border: 1px solid #aaa;
  margin-left: 0;
}

#comments form input.text
{
  width: 100%;
  margin-bottom: 0.5em;
  padding-left: 2px;
}

#comments form textarea
{
  font-family: Verdana, arial, sans-serif;
  font-size: 100%;
  width: 60%;
  height: 15em;
  background: #eee;
  color: #777;
  border: 1px solid #aaa;
  margin-bottom: 0.5em;
  padding-left: 2px;
}

#comments form input.submit
{
  position: relative;
  left: 0;
  margin: 0.5em 0 0 0;
  color: #444;
  border-color: #999 #444 #444 #999;
}



#endmatter
{
  margin-top: 1em;
  left: 350px;
  font-size: 75%;
  text-align: center;
}

#endmatter a:link, #endmatter a:visited
{
  color: #777;
  text-decoration: none;
}

#endmatter a:hover
{
  text-decoration: underline;
}

#endmatter ul
{
  margin: 0;
  padding: 0 0 0.5em 0;
}

#endmatter li
{
  list-style: none;
  margin: 0;
  padding: 0 2em 0 0;
  display: inline;
}



/*********************/

#content form
{
  margin: 0;
  padding: 0.5em;
}

#content form input
{
  background: #eee;
  color: #777;
  border: 1px solid #aaa;
  margin-left: 0;
}

#content form input.text
{
  width: 100%;
  margin-bottom: 0.5em;
  padding-left: 2px;
}

#content form textarea
{
  font-family: Verdana, arial, sans-serif;
  font-size: 100%;
  width: 100%;
  height: 20em;
  background: #eee;
  color: #777;
  border: 1px solid #aaa;
  margin-bottom: 0.5em;
  padding-left: 2px;
}

#content form input.submit
{
  margin: 0.5em 0 0 0;
  display: block;
  color: #444;
}


#photos form
{
  text-align: left;
  width: 32em;
  color: #777;
  padding: 0.5em;
  border: 1px solid #aaa;
  line-height: 130%;
}

#photos form label
{
  display: block;
  position: relative;
  padding: 0.25em;
}

#photos form label input
{
  position: absolute;
  left: 9em;
  top: 0;
}

#photos form input.submit
{
  margin: 1em 0 0 9em;
}

.archive #top
{
}

.archive #content
{
  margin: 0 16px 0 16px;
  padding: 0 0 0 35px;
}

.archive #content h2
{
  border-bottom: none;
  font-size: 110%;
}

/* calendar */
.month table
{
  border-collapse: collapse;
  table-layout: fixed;
  width: 644px;
  margin: 0.5em 0 1em 20px;
}

.month th
{
  font-weight: normal;
  font-size: 80%;
  font-style: italic;
  border-bottom: 1px solid #ccc;
}

.month td
{
  width: 92px;
  height: 46px;
  padding-top: 3px;
}

.month td img
{
  border: 3px solid white;
}

.article #top, .archive #top
{
  padding-bottom: 0.75em;
  border-bottom: 1px solid #bbb;
}

.article #content
{
  padding: 0 100px;
}

.article #content h2
{
  font-size: 120%;
}

.article #content h3
{
  font-size: 100%;
  margin: 8px 1em 0.25em 1em;
}

.article #content h4
{
  margin: 8px 1em 0.25em 2em;
}
.article #content p
{
  margin: 0 2em 1em 2em;
  line-height: 135%;
}

.article #content .endnote p
{
  margin-top: 1.5em;
  margin-left: 1em;
  border-top: 1px solid #ccc;
  font-style: italic;
}