@import url("http://fonts.googleapis.com/css?family=Droid+Sans+Mono|Droid+Serif:400,700|Open+Sans:400italic,600italic,400,600");
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
fieldset,
img {
  border: 0;
}
address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
  font-style: normal;
  font-weight: normal;
}
li {
  list-style: none;
}
caption,
th {
  text-align: left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
}
q:before,
q:after {
  content: '';
}
abbr,
acronym {
  border: 0;
  font-variant: normal;
}
sup {
  vertical-align: text-top;
}
sub {
  vertical-align: text-bottom;
}
input,
textarea,
select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
}
input,
textarea,
select {
  *font-size: 100%;
}
legend {
  color: #000;
}
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
code,
del,
dfn,
em,
img,
q,
dl,
dt,
dd,
ol,
ul,
li,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
hr {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
}
html,
body {
  background: #fcfcfc;
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  line-height: 20px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Droid Serif", serif;
}
code {
  font-family: "Droid Sans Mono", monospace;
  letter-spacing: -1px;
}
pre code {
  letter-spacing: 0px;
}
a {
  color: #224455;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
.muted {
  color: #999999;
}
.muted a {
  color: #778899;
}
#wrapper {
  width: 90%;
  margin: auto;
  max-width: 1200px;
}
#header {
  margin-top: 60px;
}
#header #logo {
  padding-left: 30px;
  border-bottom: 4px solid #e0e0e0;
  line-height: 10px;
}
#header #logo a {
  color: #444444;
  font-family: "Droid Serif", serif;
  font-size: 48px;
  font-weight: bold;
  letter-spacing: -2px;
}
#header #logo a:hover {
  text-decoration: none;
}
#header #logo #tagline {
  position: relative;
  top: -1px;
  padding-left: 15px;
  color: #444444;
  font-family: "Droid Serif", serif;
  font-size: 18px;
  font-weight: bold;
}
#header #menu {
  padding-left: 30px;
  border-bottom: 1px solid #e0e0e0;
  font-family: "Droid Serif", serif;
  font-size: 16px;
  font-weight: bold;
}
#header #menu li {
  display: inline-block;
  margin: 6px 30px 4px 0;
}
#header #menu li a {
  color: #444444;
}
.posts,
.page {
  margin: 30px 30px 60px;
}
.posts .title,
.page .title {
  font-size: 32px;
  line-height: 32px;
}
.post {
  margin: 30px 0 60px;
}
.post .metadata,
.post .more,
.post .permalink {
  color: #999999;
  font-size: 14px;
  line-height: 16px;
}
.post .metadata a,
.post .more a,
.post .permalink a {
  color: #778899;
}
.short h1,
.content h1,
.page h1,
.short h2,
.content h2,
.page h2,
.short h3,
.content h3,
.page h3,
.short h4,
.content h4,
.page h4,
.short h5,
.content h5,
.page h5,
.short h6,
.content h6,
.page h6 {
  line-height: 100%;
}
.short h1,
.content h1,
.page h1 {
  font-size: 32px;
}
.short h2,
.content h2,
.page h2 {
  font-size: 28px;
}
.short h3,
.content h3,
.page h3 {
  font-size: 24px;
}
.short h4,
.content h4,
.page h4 {
  font-size: 22px;
}
.short h5,
.content h5,
.page h5 {
  font-size: 20px;
}
.short h6,
.content h6,
.page h6 {
  font-size: 18px;
}
.short p,
.content p,
.page p {
  margin: 15px 0;
}
.short blockquote,
.content blockquote,
.page blockquote {
  margin: 0 15px;
  padding: 10px 15px;
  border-left: 2px solid #e0e0e0;
}
.short blockquote p:first-child,
.content blockquote p:first-child,
.page blockquote p:first-child {
  margin-top: 0;
}
.short blockquote p:last-child,
.content blockquote p:last-child,
.page blockquote p:last-child {
  margin-bottom: 0;
}
.short ul,
.content ul,
.page ul {
  list-style: disc outside;
}
.short ul li,
.content ul li,
.page ul li {
  list-style: disc outside;
  margin: 7.5px 30px 0;
}
.short li p:first-child,
.content li p:first-child,
.page li p:first-child {
  margin-top: 0;
}
.short pre,
.content pre,
.page pre {
  margin: 0 30px;
  padding: 10px 15px;
  border-left: 1px solid #e0e0e0;
  border-right: 1px solid #e0e0e0;
  background: #f6f6f6;
  font-size: 14px;
  line-height: 18px;
}
#footer {
  padding: 30px;
  border-top: 1px solid #e0e0e0;
  text-align: center;
  color: #999999;
}
#footer a {
  color: #778899;
}