/* header */

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

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

#header h1#blog-title a {
  text-decoration: none;
  color: black;
}

#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;
}

.published-date {
  color: grey;
  margin-top: -20px;
}


/* 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;
}