body {
  background: #f0efeb url(../images/layout/background_dark.png) top center;
  color: #444444;
  font-size: 62.5%;
  font-family: "Georgia", Times, Serif; }

h1, h2, h3, h4, p, blockquote {
  line-height: 1.4; }

p {
  font-size: 1.2em;
  padding: 0 0 1.4em 0; }

a {
  -moz-border-radius: 0.2em;
  -webkit-border-radius: 0.2em;
  border-radius: 0.2em;
  -webkit-box-shadow: 0 0.05em 0.2em rgba(70, 60, 80, 0.2);
  -moz-box-shadow: 0 0.05em 0.2em rgba(70, 60, 80, 0.2);
  box-shadow: 0 0.05em 0.2em rgba(70, 60, 80, 0.2);
  padding: 0 0.3em 0.1em 0.3em;
  background: white;
  border-top: 1px solid white;
  border-left: 1px solid #eeeeee;
  border-right: 1px solid #eeeeee;
  border-bottom: 1px solid #cccccc; }
  a:link, a:visited {
    color: #333333;
    text-decoration: none; }
  a:hover, a:active {
    background: #333333 !important;
    border: 1px solid #333333 !important;
    color: white !important;
    text-decoration: underline !important;
    text-shadow: none !important; }

body {
  margin: 0 auto;
  width: 96em; }

#masthead {
  background: url(../images/layout/header_shadow.png) bottom center no-repeat;
  padding: 4em 1em; }
  #masthead #salutation, #masthead #introduction {
    font-weight: bold;
    padding: 0;
    margin: 0; }
  #masthead #salutation {
    font-size: 3.6em;
    letter-spacing: -0.04em;
    text-shadow: 0px 1px 2px white; }
  #masthead #introduction {
    font-size: 2.4em;
    letter-spacing: -0.02em;
    margin: 0 0 1em 0; }
    #masthead #introduction a {
      padding-bottom: 0.15em; }
  #masthead #biography {
    padding: 0 0 1em 0;
    width: 60em; }
    #masthead #biography p {
      font-size: 1.5em; }
  #masthead #vcard li {
    display: inline; }
  #masthead .email {
    font-size: 1.6em; }
    #masthead .email a {
      background: #ffff99;
      color: #663333;
      border-top: 1px solid #eeeeee;
      border-bottom: 1px solid #ffcc66;
      -moz-border-radius: 0.3em;
      -webkit-border-radius: 0.3em;
      border-radius: 0.3em;
      text-shadow: 0px 1px 2px white; }
  #masthead .rule {
    border-bottom: none !important; }

.content {
  background: white url(../images/layout/background_light.png);
  border-top: 1px solid white;
  border-bottom: 1px solid #dddddd;
  border-right: 1px solid #fefefe;
  border-left: 1px solid #fefefe;
  -moz-border-radius: 0.5em;
  -webkit-border-radius: 0.5em;
  border-radius: 0.5em; }

.nav {
  clear: both; }

.pagination {
  font-size: 1.2em;
  margin-top: 2em;
  padding: 1em 0 0 0; }
  .pagination li.previous {
    float: left !important; }
    .pagination li.previous a {
      -moz-border-radius-topleft: 0.6em;
      -webkit-border-radius-topleft: 0.6em;
      border-top-left-radius: 0.6em;
      -moz-border-radius-bottomleft: 0.6em;
      -webkit-border-radius-bottomleft: 0.6em;
      border-bottom-left-radius: 0.6em; }
  .pagination li.next {
    float: right !important; }
    .pagination li.next a {
      -moz-border-radius-topright: 0.6em;
      -webkit-border-radius-topright: 0.6em;
      border-top-right-radius: 0.6em;
      -moz-border-radius-bottomright: 0.6em;
      -webkit-border-radius-bottomright: 0.6em;
      border-bottom-right-radius: 0.6em; }
  .pagination li a {
    -moz-border-radius: 0.3em;
    -webkit-border-radius: 0.3em;
    border-radius: 0.3em;
    -webkit-box-shadow: 0 0.05em 0.2em rgba(70, 60, 80, 0.2);
    -moz-box-shadow: 0 0.05em 0.2em rgba(70, 60, 80, 0.2);
    box-shadow: 0 0.05em 0.2em rgba(70, 60, 80, 0.2);
    display: inline-block;
    font-size: 1.2em;
    padding: 0.2em 0.3em 0.2em !important; }

#illustrations {
  display: inline-block; }
  #illustrations:after {
    clear: both;
    content: " ";
    display: block;
    height: 0;
    visibility: hidden; }

.thumbnail {
  float: left;
  padding: 2em 0.95em;
  width: 30em; }
  .thumbnail .image a {
    display: block;
    -moz-border-radius: 0.5em;
    -webkit-border-radius: 0.5em;
    border-radius: 0.5em;
    padding: 1em !important;
    -webkit-box-shadow: 0 0.1em 0.5em rgba(70, 60, 80, 0.2);
    -moz-box-shadow: 0 0.1em 0.5em rgba(70, 60, 80, 0.2);
    box-shadow: 0 0.1em 0.5em rgba(70, 60, 80, 0.2); }
  .thumbnail .title {
    font-size: 1.8em;
    font-weight: bold;
    letter-spacing: -0.02em;
    padding: 1em 0.2em 0 0 !important; }
    .thumbnail .title a {
      -moz-border-radius: 0.3em;
      -webkit-border-radius: 0.3em;
      border-radius: 0.3em;
      padding-bottom: 0.12em; }

.rule {
  border-bottom: 1px dashed #dedede;
  clear: both;
  display: block;
  height: 1px; }

#tagged-with, #tags-list {
  display: inline-block; }
  #tagged-with:after, #tags-list:after {
    clear: both;
    content: " ";
    display: block;
    height: 0;
    visibility: hidden; }
  #tagged-with h1, #tags-list h1 {
    font-size: 2em;
    font-weight: normal;
    font-style: italic;
    letter-spacing: -0.02em;
    margin: 0 0 0 0.5em !important;
    padding: 1em 0.2em 0.5em 0.5em !important;
    text-shadow: 0px 1px 2px white; }
    #tagged-with h1 em, #tags-list h1 em {
      font-weight: bold;
      font-style: normal;
      padding: 0 0.1em; }

#tags-list h1 {
  font-weight: bold;
  font-style: normal; }
#tags-list p {
  padding: 0.8em 1.6em;
  font-size: 1.4em; }
#tags-list ul {
  padding: 2em; }
  #tags-list ul li {
    font-size: 1.8em; }

.tags p {
  font-size: 1.2em !important;
  font-style: italic;
  margin: 1em 0 0 0;
  padding: 0 1em 0.5em 0; }
  .tags p a {
    background: none;
    border: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    color: #666666; }
    .tags p a:hover, .tags p a:active {
      border: none !important; }
.tags em {
  font-size: 0.6em !important; }
.tags ul {
  clear: both;
  padding: 0.3em 0 0 0; }
.tags li {
  display: inline;
  font-size: 1.4em;
  margin: 0.5em 0.5em 0 0; }
  .tags li a {
    background: #ffffcc;
    border-top: 1px solid #eeeeee;
    border-bottom: 1px solid #fddf71;
    -moz-border-radius: 0.3em;
    -webkit-border-radius: 0.3em;
    border-radius: 0.3em;
    -webkit-box-shadow: 0 0.05em 0.2em rgba(70, 60, 80, 0.2);
    -moz-box-shadow: 0 0.05em 0.2em rgba(70, 60, 80, 0.2);
    box-shadow: 0 0.05em 0.2em rgba(70, 60, 80, 0.2);
    color: #6a5454;
    display: inline-block;
    margin: 0 0 0.5em 0;
    padding: 0.2em 0.3em !important; }

.illustration {
  padding: 2em 0;
  width: 96em;
  display: inline-block; }
  .illustration:after {
    clear: both;
    content: " ";
    display: block;
    height: 0;
    visibility: hidden; }
  .illustration .image {
    float: left;
    margin: 0 0 0 1em;
    text-align: center;
    width: 64em; }
    .illustration .image img {
      background: white;
      border-top: 1px solid white;
      border-left: 1px solid #eeeeee;
      border-right: 1px solid #eeeeee;
      border-bottom: 1px solid #cccccc;
      -webkit-box-shadow: 0 0.1em 0.5em rgba(70, 60, 80, 0.2);
      -moz-box-shadow: 0 0.1em 0.5em rgba(70, 60, 80, 0.2);
      box-shadow: 0 0.1em 0.5em rgba(70, 60, 80, 0.2);
      -moz-border-radius: 0.5em;
      -webkit-border-radius: 0.5em;
      border-radius: 0.5em;
      padding: 1em; }
  .illustration .copy {
    float: left;
    margin: 3em 0 3em 3em;
    width: 25em; }
    .illustration .copy h1, .illustration .copy h2 {
      font-size: 2.4em;
      font-weight: bold;
      letter-spacing: -0.02em;
      padding: 0 0 0.5em 0;
      text-shadow: 0px 1px 2px white; }
    .illustration .copy .entry-content {
      padding: 2em 0 0 0; }
      .illustration .copy .entry-content p {
        font-size: 1.4em; }
      .illustration .copy .entry-content a {
        background: none;
        border: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        padding-bottom: 0.05em !important;
        text-decoration: underline; }
        .illustration .copy .entry-content a:hover, .illustration .copy .entry-content a:active {
          border: none !important; }
    .illustration .copy blockquote {
      font-style: italic;
      padding: 0 0 0 1em; }

.footer {
  background: url(../images/layout/footer_shadow.png) top center no-repeat;
  clear: both;
  padding-top: 3em;
  margin: 0 auto;
  padding-bottom: 7em;
  text-align: left;
  width: 94em; }
  .footer p {
    font-size: 1.3em; }
  .footer ul {
    padding: 0.3em 0 0 0;
    display: inline-block; }
    .footer ul:after {
      clear: both;
      content: " ";
      display: block;
      height: 0;
      visibility: hidden; }
    .footer ul li {
      display: inline;
      margin: 0.5em 0.5em 0 0; }
    .footer ul a {
      font-size: 1.2em;
      padding: 0.2em 0.4em;
      -moz-border-radius: 0.4em;
      -webkit-border-radius: 0.4em;
      border-radius: 0.4em; }
      .footer ul a#subscribe {
        padding-left: 1.6em;
        background-image: url(../images/layout/icons/rss.png) !important;
        background-repeat: no-repeat !important;
        background-position: 0px 0px; }
        .footer ul a#subscribe:hover {
          background-position: 0px -20px !important; }