/* Global resets */
* {
  margin: 0;
  padding: 0; }

html, body {
  height: 100%; }

body {
  background-color: #eee;
  font-family: helvetica, arial, clean, sans-serif;
  font-size: 16px;
  text-align: center; }

h1, h2, h3, h4, h5, h6 {
  font-size: 100%; }

h1 {
  margin-bottom: 1em; }

p {
  margin: 1em 0; }

/* Variables */
pre {
  max-width: 600px;
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  word-wrap: break-word;
  font-family: consolas;
  background-color: #ffffc8; }

code {
  font-family: consolas;
  font-size: 16px;
  background-color: #ffffc8; }

#container {
  width: 620px;
  margin: 0 auto;
  text-align: left; }

#banner {
  position: fixed;
  top: 0em;
  left: 0.5em;
  font-size: 1.5em;
  letter-spacing: 0.2em;
  text-transform: lowercase;
  padding: 2em 0 1em 0; }
  #banner ul {
    list-style: none; }
  #banner a {
    color: rgb(0, 170, 0);
    text-decoration: none; }
    #banner a:hover {
      color: black; }
  #banner .nav {
    text-transform: uppercase;
    color: gray;
    font-size: 0.5em;
    padding: 1em 0.5em 0 0.5em; }
    #banner .nav:hover {
      color: black; }

#content {
  text-align: justify;
  margin: 0;
  background-color: white;
  margin-top: 2em;
  margin-bottom: 5em;
  padding: 10px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border: solid thin white;
  width: 100%; }
  #content a {
    text-decoration: none;
    color: #0000aa; }
    #content a:hover {
      text-decoration: underline;
      color: black; }
  #content .post {
    margin: 0 0 2em 0;
    text-overflow: hidden;
    border-bottom: thin solid lightgray; }
    #content .post h1 {
      text-transform: capitalize;
      font-size: 1.7em; }
      #content .post h1 at {
        color: #0000aa;
        text-decoration: none; }
        #content .post h1 at:hover {
          text-decoration: underline; }
    #content .post h2 {
      padding-top: 1em; }
    #content .post p {
      margin: 0.75em 0; }
      #content .post p:first-of-type::first-letter {
        text-transform: uppercase;
        font-family: 'Lucida Handwriting' serif;
        font-size: 5em; }
    #content .post ul {
      margin: 0 0 0 2em; }
    #content .post div.date {
      color: darkgray;
      font-size: 0.9em;
      font-style: italic;
      margin: 0;
      padding: 0; }
    #content .post .related {
      border-top: medium solid lightgray;
      padding: 1em 0 0 0;
      margin: 1em 0;
      text-transform: uppercase;
      font-size: 1.5em;
      font-weight: bold; }
      #content .post .related ul {
        margin: 0.25em 0 0 0; }
        #content .post .related ul li {
          font-size: 0.75em;
          list-style-type: none;
          text-transform: none;
          font-weight: normal;
          margin: 0.1em 0 0 0; }
          #content .post .related ul li span.date {
            color: black;
            font-weight: bold;
            margin: 0 0.25em 0 0; }
    #content .post div.comments {
      border-top: medium solid lightgray;
      padding: 1em 0 0 0;
      margin: 1em 0;
      text-transform: uppercase;
      font-size: 1.5em;
      font-weight: bold; }
    #content .post p.comments {
      text-align: right;
      font-size: 0.93m; }
    #content .post div.tags {
      text-transform: lowercase;
      display: inline;
      font-size: 0.75em;
      text-align: right;
      color: gray; }
      #content .post div.tags ul {
        list-style-type: none; }
        #content .post div.tags ul li {
          margin: 0 0.05em 0 0;
          display: inline; }
          #content .post div.tags ul li a {
            color: #0000aa;
            text-decoration: none; }
            #content .post div.tags ul li a:hover {
              color: black;
              text-decoration: underline; }
  #content ul.archive {
    list-style-type: none; }
    #content ul.archive li {
      color: black;
      margin: 0 0 1em 0; }
      #content ul.archive li .date {
        color: gray; }
  #content div.projects {
    margin: 0;
    padding: 0; }
    #content div.projects div {
      padding: 0;
      margin: 0 0 2em 0; }
    #content div.projects h1 {
      font-size: 1.1em;
      margin: 0 0 0.5em 0;
      padding: 0; }