body {
  line-height: 1.125em; }
  @media screen, projection {
    body {
      margin: 0 auto;
      padding: 0;
      border: 0;
      width: 100%;
      background-color: #F0F8FF;
      font-size: 14px; } }
  @media print {
    body {
      font-size: 12px; } }

h1, h2, h3, h4, p, a, li, th, td, span {
  font-family: Veranda, Geneva, sans-serif; }

table {
  border-collapse: collapse; }

table, th, td {
  border: 1px solid black; }

@media screen, projection {
  #body {
    padding: 5%;
    margin: 0;
    height: inherit; } }

div#header h1 {
  text-align: center;
  margin: 0; }
  @media print {
    div#header h1 {
      display: none; } }

@media screen, projection {
  div#navigation {
    height: auto;
    margin: 1em; } }
@media print {
  div#navigation {
    display: none; } }

div#navigation ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  text-align: right; }

div#navigation li {
  display: inline; }

div#navigation a {
  text-align: right;
  text-transform: uppercase;
  font-weight: bold;
  text-decoration: none;
  color: #A9A9A9;
  padding: .25em; }

div#navigation a:hover,
div#navigation a:active {
  color: black; }

#payload {
  background-color: white; }
  @media screen, projection {
    #payload {
      margin: 1em;
      padding: 5em;
      box-shadow: .5em .5em .25em #D3D3D3;
      -moz-box-shadow: .5em .5em .25em #D3D3D3;
      -webkit-box-shadow: .5em .5em .25em #D3D3D3;
      border: 1px solid black; } }

#tweets ul {
  list-style-type: none;
  margin: 0;
  padding: 0; }

#tweets li {
  padding: .25em;
  font-size: .75em;
  font-style: italic; }

#tweets span {
  display: block;
  color: black;
  font-style: normal; }

#posts span {
  display: block; }
  #posts span.title {
    color: black;
    font-size: 1.25em;
    font-weight: bold;
    padding: .25em; }
    #posts span.title a {
      color: inherit;
      text-decoration: none; }
      #posts span.title a:hover, #posts span.title a:active {
        background: #D3D3D3; }
  #posts span.date {
    color: #696969;
    font-variant: small-caps;
    font-size: .75em;
    padding: .25em; }
  #posts span.excerpt {
    color: black;
    font-size: 1em;
    margin-left: 3em; }
  #posts span.tags {
    text-align: right;
    color: #696969;
    font-size: 1.0em;
    font-variant: small-caps; }

@media screen, projection {
  #copyright {
    float: left; } }
@media print {
  #copyright {
    display: none; } }

@media screen, projection {
  #altcopyright {
    display: none; } }
@media print {
  #altcopyright {
    float: left; } }

@media screen, projection {
  #validation {
    float: right; } }
@media print {
  #validation {
    display: none; } }

#copyright img,
#validation img {
  border: 0; }

#hcard span.fn, #hcard a {
  display: block; }
