body {
  background-color: #664422;
  color: #eeeeee;
  margin-left: 2em;
  margin-top: 2em;
  margin-bottom: 4em;
  font-family: sans-serif;
}

div.outer {
  width: 90%;
}

a {
  color: #9999ff;
}

.longAside {
  color: #cccccc;
  font-style: italic;
}

.shortAside {
  color: #cccccc;
}

.inlineAside {
  color: #cccccc;
}

div.pageHeader,div.pageFooter {
  color: #cccccc;
}
div.pageHeader a,div.pageFooter a {
  color: #cccccc;
}

span.storyTitle {
  font-weight: bold;
  font-size: 120%;
}

span.storySubtitle {
  font-weight: bold;
}

div.storyHead span,div.picture span,div.pageHeader span {
  display: block;
}

span.smile {
  display: inline;
  font-family: courier,monospace;
}

div.picture {
  margin-bottom: 2em;
}

div.picture img {
  border: 3px double #cccccc;
  margin-bottom: 3px;
}

span.pictureCaption {
  font-weight: bold;
  font-size: 90%;
}

span.pictureMetacaption,span.pictureLongCaption {
  font-style: italic;
  font-size: 90%;
}
span.pictureLongCaption em,span.pictureMetacaption em {
  font-weight: bold;
  font-size: 90%;
}
span.photoCredit {
  font-size: 70%;
}

div.storyPart {
  border-top: 1px solid #cccccc;
  padding-bottom: 1em;
  padding-top: 1em;
}

div.story {
  border-bottom: 3px double #cccccc;
}

div.pageHeader {
  padding-bottom: 1em;
}

span.originallyPosted {
  font-style: italic;
  font-size: 90%;
  font-family: serif;
}

div.pageFooter {
  font-size: 90%;
  font-family: serif;
  padding-top: 1em;
}

div.validateFooter:first-letter {
  text-transform: capitalize;
}

div.storiesFooter:first-letter {
  text-transform: capitalize;
}

div.validateFooter {
  float: right;
}

div.storiesFooter {
  float: left;
}