/* header */

#header {
   margin-top: 20px;
   margin-bottom: 20px;
   border-bottom: thin solid grey;
   padding-left: 10px;
   position: relative;
}

#header span#blog-title {
   font-size: 3.5em;
   font-weight: 400;
   margin-bottom: 0px;
}

#header span#blog-title a {
   text-decoration: none;
   color: black;
   vertical-align: bottom;
}

#header ul#nav {
   margin-bottom: 10px;
   margin-left: 710px;
   position: absolute;
   bottom: 0px;
}

#header ul#nav li{
   list-style:none;
   float: left;
   margin-left: 20px;
   font-weight: bold;
}

#header ul#nav li:first-child{
   margin-left: 0px;
}

#header ul#nav li a {
   text-decoration: none;
   color: black;
}

/* content */

#main #content-wrapper {
   padding-left: 10px;
   padding-right: 20px;
}

#content-wrapper p.published-date {
   color: grey;
   margin-top: -20px;
   font-size: 90%;
}

#content-wrapper p.author {
   color: black;
   margin-top: -20px;
   font-size: 100%;
}

/* sidebar */
#archive > ul {
   margin-left: 0px;
}

#archive > ul > li {
   list-style: none;
   margin-left: 0px;
}

/* general styles */
pre {
   width: 700px;
   white-space: pre-wrap;       /* css-3 */
   white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
   white-space: -pre-wrap;      /* Opera 4-6 */
   white-space: -o-pre-wrap;    /* Opera 7 */
   word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

a:link, a:visited {
   color: #3671A1;
}

blockquote {
   padding-left: 20px;
}

#content-wrapper img {
  max-width: 100%;
}

#content-wrapper p {
  font-size: 120%;
}

#content-wrapper h2 {
  line-height: 1.2em;
}

#content-wrapper h2 a {
  text-decoration: none;
}