/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

section, header, footer, nav, article, aside, figure {
  display: block;
  width: 100%; }

mark, time, meter, progress {
  display: inline; }

html {
  -webkit-font-smoothing: antialiased; }

body {
  color: #222;
  font-size: 20px;
  font-family: "Whitney A", "Whitney B", sans-serif;
  font-weight: 400;
  line-height: 1.55em; }

input {
  line-height: 1em; }

a {
  color: #0881b3;
  text-decoration: none;
  border-bottom: 1px solid transparent; }
  a:hover {
    -webkit-transition-property: border;
    -moz-transition-property: border;
    transition-property: border;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    transition-duration: 0.2s;
    border-bottom: 1px solid; }

strong {
  font-weight: 600;
  font-style: normal; }

mark {
  background-color: #fffeca;
  padding: 0.05em 0.1em;
  box-shadow: #fffeca 0 0 5px; }
  mark code {
    background-color: #fffeca;
    border: none; }

i {
  font-style: italic; }

abbr {
  border-bottom: 1px dashed;
  cursor: help; }

p {
  margin: 0 0 1em; }

hr {
  margin: 0 auto 2em;
  border: 0;
  border-bottom: 1px solid #ddd;
  width: 60%; }

blockquote {
  border-left: 5px solid #ddd;
  color: #888;
  margin: 0 0 1em;
  padding-left: 1em; }
  blockquote a {
    color: #444; }
    blockquote a:hover {
      color: #0881b3; }

small {
  font-size: 0.8em;
  color: #999;
  margin-left: 0.2em; }
  small a {
    color: #444; }
    small a:hover {
      color: #2e80d3; }

h1 {
  color: #000;
  font-size: 3em;
  margin-bottom: 0.5em;
  font-family: 'Landmark Dimensional A', 'Landmark Dimensional B';
  font-weight: 400;
  text-transform: capitalize;
  line-height: 1em; }

body > header h1 a, body > header h1 a:hover {
  color: #f6291d;
  border: 0; }

h2 {
  font-size: 1.3em;
  font-weight: 600; }
  h2 a {
    color: #222;
    border: 0; }

h3 {
  font-weight: 600;
  color: #666;
  font-size: 1.1em; }
  h3 a {
    color: #666;
    border: 0; }

h4 {
  color: #999;
  font-weight: 600;
  margin-bottom: 0.2em; }

body > header, main > section.posts, main > nav, body > footer {
  max-width: 708px;
  margin: 0 auto;
  padding: 0 16px;
  box-sizing: border-box; }

body > header {
  color: #949494;
  margin: 4em auto; }
  body > header p {
    margin: 0; }
  @media all and (max-width: 660px) {
    body > header {
      margin: 2em auto 3em; }
      body > header p:nth-child(2) {
        margin-bottom: 1em; } }

a.hire, a.hire:hover {
  color: #f6291d; }

body > footer {
  color: #aaa;
  text-shadow: #fff 0 1px 0;
  font-size: 0.8em;
  text-align: center;
  margin: 3em auto; }
  body > footer a {
    color: #aaa; }
    body > footer a:hover {
      color: #0881b3; }
  body > footer li {
    margin-right: 1em;
    display: inline-block; }
    body > footer li:last-child {
      margin-right: 0; }

article h1 {
  display: none; }
article header {
  margin-bottom: 1em; }
  article header h2 {
    font-size: 2em;
    line-height: 1.2em;
    margin: 1em 0 0.2em; }
  article header p {
    color: #949494;
    font-size: 0.9em;
    margin-bottom: 0.25em; }
    article header p a {
      color: #949494;
      border: 0; }
article > h2, article > h3, article > h4, article > h5, article > h6 {
  padding: 1em 0 0.2em; }
article ul, article ol {
  margin: 0 0 2em 0.5em; }
  article ul li, article ol li {
    margin-left: 1em;
    margin-bottom: 0.5em; }
article ul li {
  list-style: disc; }
article ol li {
  list-style: decimal; }
article ol li ol li {
  list-style: lower-alpha; }
article div.video {
  background: #fff;
  text-align: center;
  margin-bottom: 1em;
  max-width: 100%;
  height: 0;
  box-shadow: rgba(0, 0, 0, 0.7) 0 0 6px;
  overflow: hidden;
  padding-top: 75%;
  position: relative; }
article div.video.wide.youtube {
  padding-top: 58.125%; }
article div.video.wide.vimeo {
  padding-top: 56.25%; }
article div.vimeo iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0; }
article img {
  max-width: 100%; }
article a.bordered-image {
  float: left;
  margin: 0.25em 0.5em 0.5em 0; }
article a.image-left {
  float: left;
  margin: 0 1em 1em 0; }
article a.image-right {
  float: right;
  margin: 0 0 1em 1em; }

section.posts article {
  margin-bottom: 8em; }
  section.posts article:last-child {
    margin-bottom: 3em; }

section.post > article {
  max-width: 708px;
  margin: 0 auto;
  padding: 0 16px;
  box-sizing: border-box; }
section.post > div.cover {
  position: relative;
  width: 100%;
  height: auto;
  padding-top: 40%; }
  section.post > div.cover > div {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat; }
section.post > footer {
  width: 100%;
  background: #383c40;
  margin: 4em 0 0;
  padding: 1em;
  color: #aaa; }
  section.post > footer a {
    color: #64c1f8; }
  section.post > footer div {
    max-width: 708px;
    margin: 0 auto;
    padding: 0 16px;
    box-sizing: border-box; }
  section.post > footer article {
    font-size: 0.9em;
    margin-bottom: 2em; }
    section.post > footer article header {
      margin-bottom: 0; }
      section.post > footer article header h2 {
        font-size: 1.5em;
        color: #ccc;
        margin-bottom: 0; }
        section.post > footer article header h2 a {
          color: #ccc; }
  section.post > footer p.copyright {
    text-align: center;
    font-size: 0.8em;
    color: #777; }
    section.post > footer p.copyright a {
      color: #777; }

a.continue-reading {
  white-space: nowrap; }

section.error {
  max-width: 708px;
  margin: 0 auto;
  padding: 0 16px;
  box-sizing: border-box; }

a.twitter-username:before {
  content: "@"; }

section.server-error {
  margin-bottom: 3em; }

span.gray {
  color: #777; }

ul.list, ol.list {
  margin: 0 0 2em 0.5em; }
  ul.list li, ol.list li {
    margin-left: 1em; }

ul.list li {
  list-style: disc; }

ol.list li {
  list-style: decimal; }

ol.list li ol li {
  list-style: lower-alpha; }

div.video {
  position: relative; }
  div.video img {
    display: block;
    width: 100%;
    height: auto;
    visibility: hidden; }
  div.video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

pre, code {
  font-family: "Menlo", "Monaco", monospace;
  font-size: 17px;
  border-radius: 4px;
  line-height: 1.5em; }

pre {
  overflow-x: auto;
  margin-bottom: 1em;
  padding: 0.5em 1em;
  background: #fcfcfc;
  border: 1px solid #f0f0f0; }

code {
  background: #f7f7f7;
  padding: 0.1em; }

.highlight {
  background: #fff;
  color: #4d4d4c;
  /* Comment */
  /* Error */
  /* Keyword */
  /* Literal */
  /* Name */
  /* Operator */
  /* Punctuation */
  /* Comment.Multiline */
  /* Comment.Preproc */
  /* Comment.Single */
  /* Comment.Special */
  /* Generic.Deleted */
  /* Generic.Emph */
  /* Generic.Heading */
  /* Generic.Inserted */
  /* Generic.Prompt */
  /* Generic.Strong */
  /* Generic.Subheading */
  /* Keyword.Constant */
  /* Keyword.Declaration */
  /* Keyword.Namespace */
  /* Keyword.Pseudo */
  /* Keyword.Reserved */
  /* Keyword.Type */
  /* Literal.Date */
  /* Literal.Number */
  /* Literal.String */
  /* Name.Attribute */
  /* Name.Builtin */
  /* Name.Class */
  /* Name.Constant */
  /* Name.Decorator */
  /* Name.Entity */
  /* Name.Exception */
  /* Name.Function */
  /* Name.Label */
  /* Name.Namespace */
  /* Name.Other */
  /* Name.Property */
  /* Name.Tag */
  /* Name.Variable */
  /* Operator.Word */
  /* Text.Whitespace */
  /* Literal.Number.Float */
  /* Literal.Number.Hex */
  /* Literal.Number.Integer */
  /* Literal.Number.Oct */
  /* Literal.String.Backtick */
  /* Literal.String.Char */
  /* Literal.String.Doc */
  /* Literal.String.Double */
  /* Literal.String.Escape */
  /* Literal.String.Heredoc */
  /* Literal.String.Interpol */
  /* Literal.String.Other */
  /* Literal.String.Regex */
  /* Literal.String.Single */
  /* Literal.String.Symbol */
  /* Name.Builtin.Pseudo */
  /* Name.Variable.Class */
  /* Name.Variable.Global */
  /* Name.Variable.Instance */
  /* Literal.Number.Integer.Long */ }
  .highlight .hll {
    background-color: #d6d6d6; }
  .highlight .c {
    color: #8e908c; }
  .highlight .err {
    color: #c82829; }
  .highlight .k {
    color: #8959a8; }
  .highlight .l {
    color: #f5871f; }
  .highlight .n {
    color: #4d4d4c; }
  .highlight .o {
    color: #3e999f; }
  .highlight .p {
    color: #4d4d4c; }
  .highlight .cm {
    color: #8e908c; }
  .highlight .cp {
    color: #8e908c; }
  .highlight .c1 {
    color: #8e908c; }
  .highlight .cs {
    color: #8e908c; }
  .highlight .gd {
    color: #c82829; }
  .highlight .ge {
    font-style: italic; }
  .highlight .gh {
    color: #4d4d4c;
    font-weight: bold; }
  .highlight .gi {
    color: #718c00; }
  .highlight .gp {
    color: #8e908c;
    font-weight: bold; }
  .highlight .gs {
    font-weight: bold; }
  .highlight .gu {
    color: #3e999f;
    font-weight: bold; }
  .highlight .kc {
    color: #8959a8; }
  .highlight .kd {
    color: #8959a8; }
  .highlight .kn {
    color: #3e999f; }
  .highlight .kp {
    color: #8959a8; }
  .highlight .kr {
    color: #8959a8; }
  .highlight .kt {
    color: #eab700; }
  .highlight .ld {
    color: #718c00; }
  .highlight .m {
    color: #f5871f; }
  .highlight .s {
    color: #718c00; }
  .highlight .na {
    color: #4271ae; }
  .highlight .nb {
    color: #4d4d4c; }
  .highlight .nc {
    color: #eab700; }
  .highlight .no {
    color: #c82829; }
  .highlight .nd {
    color: #3e999f; }
  .highlight .ni {
    color: #4d4d4c; }
  .highlight .ne {
    color: #c82829; }
  .highlight .nf {
    color: #4271ae; }
  .highlight .nl {
    color: #4d4d4c; }
  .highlight .nn {
    color: #eab700; }
  .highlight .nx {
    color: #4271ae; }
  .highlight .py {
    color: #4d4d4c; }
  .highlight .nt {
    color: #3e999f; }
  .highlight .nv {
    color: #c82829; }
  .highlight .ow {
    color: #3e999f; }
  .highlight .w {
    color: #4d4d4c; }
  .highlight .mf {
    color: #f5871f; }
  .highlight .mh {
    color: #f5871f; }
  .highlight .mi {
    color: #f5871f; }
  .highlight .mo {
    color: #f5871f; }
  .highlight .sb {
    color: #718c00; }
  .highlight .sc {
    color: #4d4d4c; }
  .highlight .sd {
    color: #8e908c; }
  .highlight .s2 {
    color: #718c00; }
  .highlight .se {
    color: #f5871f; }
  .highlight .sh {
    color: #718c00; }
  .highlight .si {
    color: #f5871f; }
  .highlight .sx {
    color: #718c00; }
  .highlight .sr {
    color: #718c00; }
  .highlight .s1 {
    color: #718c00; }
  .highlight .ss {
    color: #718c00; }
  .highlight .bp {
    color: #4d4d4c; }
  .highlight .vc {
    color: #c82829; }
  .highlight .vg {
    color: #c82829; }
  .highlight .vi {
    color: #c82829; }
  .highlight .il {
    color: #f5871f; }

nav.pagination {
  text-align: center;
  margin-bottom: 2em; }
  nav.pagination a {
    padding: 2px 6px;
    margin-right: 0.2em;
    text-decoration: none;
    border: 0; }
  nav.pagination a:hover {
    text-decoration: underline; }
  nav.pagination a[rel=next]:hover, nav.pagination a[rel=prev]:hover {
    background: none;
    text-decoration: underline;
    color: #0881b3; }
  nav.pagination span {
    padding: 2px 6px;
    margin-right: 0.2em; }
  nav.pagination span.gap {
    padding: 2px;
    color: #676767; }
  nav.pagination span.disabled {
    color: #aaa; }
  nav.pagination em {
    padding: 4px 8px; }
  @media all and (max-width: 660px) {
    nav.pagination a, nav.pagination span.gap {
      display: none;
      margin: 0; }
    nav.pagination a.prev, nav.pagination a.next {
      display: inline; } }