body {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 1.0em;
  background-color: #e7e8e9;
}
/* Temporary fix for Chrome disappearing fonts bug */
/* See http://stackoverflow.com/questions/22053010/google-webfonts-are-not-displaying-at-all-chrome-latest-version-mac */
body {
  -webkit-animation-duration: 0.1s;
  -webkit-animation-name: fontfix;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
  -webkit-animation-delay: 0.1s;
}
@-webkit-keyframes fontfix {
  from {
    opacity: 1;
  }
  to {
    opacity: 1;
  }
}
/* end Chrome fix */
p {
  line-height: 1.6em;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}
h1.post-title {
  font-size: 30px;
  color: #414243;
}
h2 {
  font-size: 24px;
  letter-spacing: 0px;
  text-indent: 0px;
}
h2 a {
  color: #414243;
}
a,
a:hover {
  color: #c6433c;
}
h3 {
  margin-top: 20px;
  margin-bottom: 15px;
  font-size: 20px;
}
h5 {
  font-size: 12px;
}
.site-head {
  margin-bottom: 0px;
}
.post {
  max-width: 820px;
  background-color: #f5f5f5;
  margin-top: 0px;
  padding-top: 70px;
  padding-bottom: 0px;
  margin-bottom: 0px;
  position: static;
  /* to prevent weird overlap on page.hbs */
}
.post-footer {
  margin-top: 0px;
  padding-top: 20px;
  border-top: #414243 1px solid;
}
ul li {
  line-height: 1.6em;
}
ul {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}
ul.nav li {
  display: inline;
  list-style-type: none;
}
.nav {
  position: relative;
  left: 0;
  display: block;
  float: left;
  margin: 23px 10px 0 0;
  padding-left: 0px;
}
.brand {
  display: inline;
  float: left;
  padding: 8px 20px 12px;
  margin-left: -20px;
}
.navbar-fill .container {
  width: 80%;
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
}
.navbar-fill {
  width: 100%;
  background: #414243;
  color: #e7e8e9;
  float: left;
}
ul.nav li a {
  padding-top: 23px;
  padding-right: 16px;
  padding-left: 20px;
  padding-bottom: 14px;
  font-size: 20px;
  line-height: 20px;
  color: #bfc2c4;
  text-decoration: none;
}
ul.nav li a:hover {
  color: #e7e8e9;
}
div.center-column {
  margin-left: auto;
  margin-right: auto;
  width: 80%;
  max-width: 940px;
  background-color: #f5f5f5;
}
/* Rules for buttons from http://stopdesign.com/eg/buttons/3.0/code.html */
.btn {
  display: inline-block;
  background: none;
  margin: 0;
  padding: 3px 0;
  border-width: 0;
  overflow: visible;
  font: 100%/1.2 Arial, Sans-serif;
  text-decoration: none;
  color: #333;
}
* html button.btn {
  padding-bottom: 1px;
}
/* Immediately below is a temporary hack to serve the
       following margin values only to Gecko browsers
       Gecko browsers add an extra 3px of left/right
       padding to button elements which can't be overriden.
       Thus, we use -3px of left/right margin to overcome this. */
html:not([lang*=""]) button.btn {
  margin: 0 -3px;
}
.btn span {
  background: #dddddd url(img/bg-button.gif) repeat-x 0 0;
  margin: 0;
  padding: 3px 0;
  border-left: 1px solid #bbb;
  border-right: 1px solid #aaa;
}
* html .btn span {
  padding-top: 0;
}
.btn span span {
  position: relative;
  padding: 3px .4em;
  border-width: 0;
  border-top: 1px solid #bbb;
  border-bottom: 1px solid #aaa;
}