/* HTML 5 - style these as blocks */
header, footer, nav, section, article {
  display:block;
  }
/* RidingTheClutch.com */
body {
  font-family: 'Helvetica Neue',Arial,Helvetica,sans-serif;
  }
strong {
  font-weight: bold;
  }
em {
  font-variant: italic;
  }
body > header {
  background-color: #990000;
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#c00000), to(#900000));
  padding: 0 2em;
  overflow: hidden;
  margin: 0 0 2em;
  }
  body > header h1 {
    font-family: 'HelveticaNeue-UltraLight','Helvetica Neue UltraLight','Helvetica Neue',Arial,Helvetica,sans-serif;
    font-weight: 100;
    text-transform: uppercase;
    color: #ffffff;
    font-size: 300%;
    padding: 260px 0 0;
    float: left;
    }
    body > header h1 a {
      color: #ffffff;
      text-decoration: none;
      }
  #flickr {
    cursor: pointer;
    }
  .photo {
    /* -webkit-transform: rotate(-3deg); */
    /* -moz-transform: rotate(-3deg); */
    position: absolute;
    top: -30px;
    right: 20px;
    overflow: hidden;
    padding: 1em;
    }
    .photo img {
      border: 20px solid #ffffff;
      background-color: #ffffff;
      height: 300px;
      display: block;
      float: left;
      overflow: hidden;
      -moz-box-shadow: 0 0 16px rgba(0,0,0,.5);
      -webkit-box-shadow: 0 0 16px rgba(0,0,0,.5);
      }
    .photo:hover img {
      -moz-box-shadow: 0 0 16px rgba(0,0,0,.8);
      -webkit-box-shadow: 0 0 16px rgba(0,0,0,.8);
    }
    .photo span {
      color: #aaaaaa;
      display: block;
      padding: 0 20px;
      text-align: right;
      font-size: 85%;
      position: relative;
      z-index: 3;
      top: -18px;
      }
nav {
  text-align: right;
  font-size: 116%;
  background-color: #333333;
  margin: 0 0 2em;
  }
  nav ul {
    overflow: hidden;
    }
    nav ul li {
      display: block;
      float: right;
      background-color: #333333;
      -webkit-transition: background-color 0.2s linear;
      }
    nav ul li:hover {
      background-color: #222222;
      -webkit-transition: background-color 0.2s linear;
      }
      nav ul li a {
        display: block;
        color: #ffffff;
        text-decoration: none;
        padding: 0.3em 1em;
        }
      nav ul li.current {
        background-color: #ffffff;
        }
        nav ul li.current a {
          color: #333333;
          }
section {
  margin: 2em 0 0;  
  }
  article {
    margin: 0 0 3em;
    padding: 0 2em 3em;
    border-bottom: 1px solid #cccccc;
    }
  article:last-child {
    border-bottom: none;
    }
    article a {
      color: #990000;
      background-color: #ffffff;
      padding: 0 0.1em;
      -webkit-transition: background-color 0.2s linear;
      }
    article a:hover {
      background-color: #eeeeee;
      -webkit-transition: background-color 0.2s linear;
      }
    article header {
      background-color: transparent;
      background-image: none;
      padding: 0;
      margin: 0;
      }
      article header h2 {
        font-family: 'HelveticaNeue-Light','Helvetica Neue Light','Helvetica Neue',Arial,Helvetica,sans-serif;
        font-weight: 300;
        font-size: 230%;
        line-height: 1.1;
        margin: 0 0 0.3em;
        }
        article header h2 a {
          text-decoration: none;
          padding-left: 0;
          }
    article section {
      padding: 0;
      font-family: Georgia, Times New Roman, serif;
      font-size: 131%;
      line-height: 1.4;
      margin: 0;
      }
      article section h3 {
        font-family: 'HelveticaNeue-Light','Helvetica Neue Light','Helvetica Neue',Arial,Helvetica,sans-serif;
        font-weight: 300;
        font-size: 131%;
        line-height: 1.1;
        margin: 0 0 0.3em;
        }
      article section p {
        margin: 1em 0;
        }
      article section p:first-child {
        margin-top: 0;
      }
      article section ul, article section ol {
        margin: 1em 2em;
        }
        article section ul li {
          list-style-type: square;
          }
        article section ol li {
          list-style-type: decimal;
          }
        article section .highlight {
          font-size: 85%;
          background-color: #eeeeee;
          padding: 1em;
          overflow: auto;
          }
          article section .highlight pre {
            font-family: Menlo, Monaco, Courier New, Courier, monospace;
            }
        article section code {
          font-family: Menlo, Monaco, Courier New, Courier, monospace;
          font-size: 93%;
          color: #666666;
          background-color: #eeeeee;
          padding: 0 0.1em;
        }
        article section p.image {
          text-align: center;
          }
          article section p.image img {
            padding: 3px;
            border: 1px solid #aaaaaa;
          }
        article section blockquote {
          margin: 0 2em; 
          font-style: italic; 
          color: #666666;
          }
    article footer {
      background-color: transparent;
      background-image: none;
      font-size: inherit;
      padding: 0;
      }
      article footer span {
        font-family: 'HelveticaNeue-Light','Helvetica Neue Light','Helvetica Neue',Arial,Helvetica,sans-serif;
        font-weight: 300;
        display: block;
        font-size: 131%;
        }
      article footer span.date {
        color: #aaaaaa;
        float: right;
      }
      article footer span.comments a {
        color: #990000;
        }
      article #disqus_thread {
        margin: 2em 0 0;
        padding: 2em 0 0;
        border-top: 1px dashed #cccccc;
      }
        article #disqus_thread textarea.dsq-post-auth {
          font-size: 116%;
          font-family: Georgia, Times New Roman, serif;
        }
        article #disqus_thread input.submit {
          font-size: 116%;
        }
        article #disqus_thread h3 {
          font-weight: normal !important;
          color: #990000;
          font-size: 180%;
          }
        article #disqus_thread .dsq-post-area {
          margin-bottom: 2em;
        }
        article #disqus_thread .dsq-comment-header {
          font-size: 131%;
        }
          article #disqus_thread .dsq-comment-header .dsq-header-meta {
            color: #999999;
            }
        article #disqus_thread .dsq-comment-footer ul {
          font-size: 123.1%;
        }
        article #disqus_thread .dsq-comment-body {
          font-size: 123.1%;
          font-family: Georgia, Times New Roman, serif;
          }
#archive {
  margin: 1em 1em;
  font-size: 200%;
  }
  #archive a {
    color: #990000;
    } 
body > footer {
  background-color: #333333;
  background-image: -webkit-gradient(linear, 0% 0%, 0% 60%, from(#333333), to(#000000));
  padding: 2em;
  color: #ffffff;
  font-size: 116%;
  overflow: hidden;
  }
  body > footer h3 {
    font-family: 'HelveticaNeue-UltraLight','Helvetica Neue UltraLight','Helvetica Neue',Arial,Helvetica,sans-serif;
    font-weight: 100;
    font-size: 131%;
    }
  body > footer section {
    padding: 0;
    width: 23%;
    margin: 2em 2% 0 0;
    float: left;
    height: 200px;
    min-width: 12em;
    }
    body > footer section:last-child {
      border-right: none;
      }
    body > footer section h3 {
      font-family: 'HelveticaNeue-UltraLight','Helvetica Neue UltraLight','Helvetica Neue',Arial,Helvetica,sans-serif;
      font-weight: 100;
      font-size: 131%;
      padding: 0 0 0.2em 0;
      border-bottom: 1px dotted #666666;
      }