body {
  padding-top: 2em;
  font-family: sans-serif;
}

a { text-decoration: none }
a:hover { text-decoration: underline }

a:link,a:visited {
color: #069;
}

#header h1 a {
  text-decoration: none;
  color: #000;
}
h1 { 
  letter-spacing: 1px;
  word-spacing: 4px;
}

h2 > span {
  font-size: 75%;
}
#links {
  text-align: right;
}
#top ul {
  list-style: none;
}
#recent-posts {
  font-size: 150%;
}
#recent-posts li > span.alt {
  font-size: 75%;
  display: inline-block;
  width: 6.5em;
}
#recent-posts li {
  line-height: 200%;
}
#recent-posts li.rss {
  list-style-image: url(http://www.feedburner.com/fb/images/pub/feed-icon16x16.png);
  font-weight: bold;
}
#attribution {
  text-align: right;
}
#footer ul {
  list-style: none;
}
#attribution div {
  padding-bottom: 1ex;
  padding-top: auto;
}

h3 span {
  margin-top: 1ex;
  display: block;
  font-weight: normal;
  font-size: 75%;
  color: gray;
}

.byline {
  font-style: italic;
  color: gray;
}

.paginator { font-size: 150%; font-family: serif; }
.paginator .next:after      { content: " >>" }
.paginator .previous:before { content: "<< " }
.paginator #previous-page   { float: left; }
.paginator #next-page       { float: right; }

p {
  line-height: 2em;
}

p + p {
  text-indent: 0px;
  margin-top: 1.5em; /* doesn't seem to respect a smaller value */
} 

#footer {
  margin-top: 2em;
}


