/* general */
body {
  padding: 0px;
  margin: 0px;
  background-color: #222222;
  font-family: "Lucida Grande", "Lucida Sans", Verdana, Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 1.44;
  color: #666666; }

p, div, ul, ol, time {
  margin: 1.44em 0; }

ul, ol {
  padding-left: 20px;
  list-style-position: outside;
  list-style-type: circle; }

li {
  margin: 0.72em; }

strong {
  padding: 0 0.13em;
  font-weight: normal;
  background-color: #fff8f1; }

a {
  padding: 0 0.13em;
  margin-left: -0.13em;
  margin-right: -0.13em;
  color: #cc3311; }
  a:hover, a:focus {
    background-color: #ffeedd; }
  a:visited {
    color: #a2280d;
    test-decoration: underline; }

h1 a, h2 a, h3 a, nav a, aside a {
  text-decoration: none; }

img, object {
  border: 1px solid #cccccc; }
  img.has_border, object.has_border {
    border: none; }

.hidden {
  display: none; }

#wrapper {
  position: relative;
  width: 700px;
  min-height: 400px;
  margin: 0 auto; }

article {
  position: relative;
  margin-top: -1px;
  margin-bottom: 7.2em;
  padding-top: 0; }
  article header {
    padding: 0.1px 36px;
    background-color: white;
    -webkit-border-top-right-radius: 10px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    -khtml-border-top-right-radius: 10px;
    -khtml-border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    border-bottom: 1px solid #cccccc;
    background-color: #ffeedd; }
    article header .me {
      position: absolute;
      top: 18px;
      right: 36px;
      margin: 0;
      padding: 0; }
      article header .me:hover, article header .me:focus {
        background-color: white; }
  article .content {
    padding: 0.1px 36px;
    background-color: white;
    margin: 0;
    padding-top: 1.44em;
    padding-bottom: 1.44em;
    -webkit-border-bottom-right-radius: 10px 10px;
    -webkit-border-bottom-left-radius: 10px 10px;
    -moz-border-radius-bottomleft: 10px;
    -moz-border-radius-bottomright: 10px;
    -khtml-border-bottom-right-radius: 10px;
    -khtml-border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px; }
    article .content .links {
      position: absolute;
      bottom: -2.16em; }
      article .content .links span {
        margin-right: 1.5em;
        padding: 0.3em 1em;
        background-color: #ffeedd;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -khtml-border-radius: 4px;
        border-radius: 4px;
        display: inline-block;
        font-size: 0.8em;
        line-height: 1.8; }
        article .content .links span a {
          margin: 0;
          padding: 0; }
  article time {
    display: block;
    position: absolute;
    right: 36px;
    text-align: right;
    font-size: 0.8em;
    line-height: 1.8;
    margin: 1.8em 0; }

nav {
  padding: 0.1px 36px;
  background-color: white;
  padding-bottom: 1.44em;
  margin-bottom: 2.88em;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -khtml-border-radius: 10px;
  border-radius: 10px; }
  nav ol, nav li {
    margin: 0.72em 0;
    padding: 0;
    list-style-type: none; }

footer {
  zoom: 1;
  background-color: #222222;
  color: white; }
  footer:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }
  footer p {
    font-size: 0.9em;
    line-height: 1.8;
    margin: 1.8em 0; }
  footer .vcard {
    zoom: 1;
    float: left;
    width: 65%;
    margin-top: 0; }
    footer .vcard:after {
      content: ".";
      display: block;
      height: 0;
      clear: both;
      visibility: hidden; }
    footer .vcard img {
      width: 90px;
      height: 120px;
      float: left;
      margin: 2.16em 0;
      padding: 3px; }
    footer .vcard p {
      margin-left: 96px;
      padding-left: 2.44em; }
  footer .copyright {
    float: right;
    width: 30%;
    margin: 0;
    text-align: right; }

aside {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  width: 300px;
  text-align: right; }
  aside a {
    margin-left: 1px;
    padding: 2px 8px;
    background-color: #ffeedd;
    text-transform: lowercase;
    font-family: Helvetica;
    font-size: 0.8em;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -khtml-border-radius: 2px;
    border-radius: 2px; }
    aside a:visited {
      color: #cc3311; }
  aside .twitter {
    padding-right: 2px; }
    aside .twitter img {
      border: none;
      vertical-align: top; }

#about-me article img {
  float: left;
  margin-right: 1em; }

h1,
h2, section h1, nav h1,
h3, section h2 {
  margin: 0;
  font-family: "Lucida Grande", "Lucida Sans", Verdana, Arial, Helvetica, sans-serif;
  font-weight: normal;
  letter-spacing: 0.2px; }
  h1, h1 a, h1 a:hover, h1 a:visited,
  h2,
  h2 a,
  h2 a:hover,
  h2 a:visited, section h1, section h1 a, section h1 a:hover, section h1 a:visited, nav h1, nav h1 a, nav h1 a:hover, nav h1 a:visited,
  h3,
  h3 a,
  h3 a:hover,
  h3 a:visited, section h2, section h2 a, section h2 a:hover, section h2 a:visited {
    color: #222222; }

#wrapper > header {
  margin-bottom: 0.432em; }
  #wrapper > header h1 {
    padding: 0.4em 18px 0.2em;
    font-family: "Helvetica 65 Medium", Helvetica, sans-serif;
    font-size: 2.8em;
    line-height: 1.543; }
    #wrapper > header h1 a {
      color: #a2280d; }
      #wrapper > header h1 a:hover, #wrapper > header h1 a:focus {
        background-color: inherit; }

h2, section h1, nav h1 {
  font-size: 1.4em;
  line-height: 3.086; }
  h2 a:hover, h2 a:focus, section h1 a:hover, section h1 a:focus, nav h1 a:hover, nav h1 a:focus {
    background-color: inherit; }

h3, section h2 {
  font-size: 1.3em;
  line-height: 1.662;
  border-bottom: 1px solid #cccccc;
  margin-top: -1px; }
  h3 + p, h3 + ul, h3 + ul li, section h2 + p, section h2 + ul, section h2 + ul li {
    margin-top: 0.72em; }

/* code */
blockquote {
  padding: 0 0 0 15px;
  min-height: 60px;
  color: black; }
  blockquote a {
    color: #999999; }

.gist {
  font-size: 0.85em; }
  .gist a:hover, .gist a:focus {
    background-color: inherit; }
  .gist .gist-file {
    border: 1px dashed #cccccc !important; }
  .gist pre {
    font-size: 0.9em; }

code, .rack-gist, .syntaxhighlighter {
  display: block;
  padding: 2px 8px;
  margin-top: -2px;
  border: 1px dashed #cccccc;
  background-color: #f8f8ff;
  text-align: left;
  font-family: "Bitstream Vera Sans Mono", "Courier", monospace;
  word-wrap: break-word;
  overflow: auto; }

p pre, p code, li pre, li code {
  display: inline;
  padding: 0 0.13em;
  line-height: 1em;
  font-size: 1em;
  border: none; }

.gist pre, .gist code {
  display: block;
  line-height: inherit; }

article .syntaxhighlighter {
  width: auto !important;
  font-size: 0.9em !important; }
  article .syntaxhighlighter * {
    line-height: 1.44 !important; }
  article .syntaxhighlighter table td.code code {
    font-size: 1em !important; }
  article .syntaxhighlighter table td.code .line {
    padding: 0 !important; }
  article .syntaxhighlighter code {
    display: inline; }