/**************************
 *        GLOBALS         *
 **************************/
body {
  background: white;
  color: #333332;
  font-family: 'Enriqueta', serif;
  font-size: 140%;
  line-height: 1.4;
}
h1, h2, h3, h4, h5, h6 {
  font-weight: bold;
  font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
  color: #333332;
  line-height: 1;
  margin: 0.5em 0 0.1em;
}
h1 { font-size: 50px; margin-top: 0; }
h2 { font-size: 40px; }
h3 { font-size: 30px; }
h4 { font-size: 20px; }
h5 { font-size: 20px; text-transform: uppercase; }

a:link, a:visited, a:active {
  border-bottom: 1px solid #3299bb;
  color: #333332;
  text-decoration: none;
}
a:hover {
  color: #3299bb;
  border-bottom: 1px solid #3299bb;
  text-decoration: none;
}

/**************************
 *       CONTAINER        *
 **************************/
.container {
  max-width: 920px;
  margin: 100px auto 0;
  overflow: hidden;
  position: relative;
  left: -110px;
}
.footer {
  background: #333332;
  color: white;
  overflow: hidden;
}
.footer a:link, .footer a:visited, .footer a:active {
  color: white;
}
.footer-inner {
  max-width: 700px;
  margin: 0 auto;
}
.content {
  float: right;
  max-width: 700px;
}
.content img {
  width: 100%;
  height: auto !important;
  margin-bottom: 20px;
}

/**************************
 *        ARTICLE         *
 **************************/
.node-type-article h1.page-title {
  display: none;
}
.node-type-article h1.post-title {
  margin: 15px 0 5px;
}
.node-type-article .content {
  margin-top: -5px;
}
.node-type-article .field-name-field-subtitle {
  font-size: 28px;
  font-style: italic;
  margin-bottom: 19px;
  font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
}
span.submitted {
  color: #B3B3B1;
  font-size: 16px;
  font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
}
.node-type-article p {
  margin-top: 10px;
  margin-bottom: 25px;
}
blockquote {
  border-left: 10px solid #3299bb;
  margin-left: 0;
  padding-left: 20px;
  font-style: italic;
}
.gist-meta {
  display: none;
}
#disqus_thread {
  margin-bottom: 20px;
}
.field-name-field-related {
  margin-bottom: 30px;
}

/**************************
 *       BLOG LIST        *
 **************************/
.view .post {
  padding: 50px 0;
  border-bottom: 1px solid #F2F2F0;
}
.view .post:first-child {
  padding-top: 0;
}
.view h3 {
  margin: 0;
}
.view h3 a {
  border: none;
}

/**************************
 *        SIDEBAR         *
 **************************/
.sidebar {
  float: left;
  width: 160px;
  font-size: 56%;
  text-align: right;
}
.sidebar a#logo {
  border: none;
}
.sidebar h1 {
  margin-top: 10px;
  font-size: 20px;
}
.sidebar h1 a {
  border: none;
}
.sidebar p {
  color: #b3b3b1;
  font-size: 14px;
}
.sidebar ul {
  list-style: none;
  clear: both;
  padding-left: 0;
}
.sidebar ul li {
  margin: 5px 0;
}
.sidebar ul li a {
  font-size: 16px;
  font-weight: bold;
  font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
}
.sidebar hr {
  border: none;
  border-top: 1px solid #F2F2F0;
  outline: none;
  height: 0;
  width: 40%;
  float: right;
  position: relative;
  padding: 10px 0;
}

/**************************
 *          GIST          *
 **************************/
.gist { font-size: 14px; -webkit-font-smoothing:subpixel-antialiased; }
.gist ::-moz-selection {color:#FCF4DC;background:#fff;}
.gist ::-webkit-selection {color:#FCF4DC;background:#fff;}
.gist ::selection {color:#FCF4DC;background:#fff;}
.gist {color:#819090 !important;}
.gist table { width: 100%; }
.gist .gist-file {border: none !important;font-family:'Anonymous Pro','Droid Sans Mono','DejaVu Sans Mono',Monaco,Consolas,'Lucida Console',Courier,monospace !important;}
.gist .gist-file .gist-meta {color:#475B62 !important;background-color:#042029 !important;}
.gist .gist-file .gist-meta a {color: #EAE3CB !important;}
.gist .gist-file .gist-meta a {color: #819090 !important;}
.gist .gist-file .gist-data { border: none !important; background-color: #002b36 !important; }
.gist .gist-file .gist-data .line-data {background-color:#0A2933 !important;}
.gist .gist-file .gist-data pre {font-family:'Anonymous Pro','Droid Sans Mono','DejaVu Sans Mono',Monaco,Consolas,'Lucida Console',Courier,monospace !important;}
.gist .gist-file .gist-data .line-numbers {color:#475B62 !important;border-right:1px solid #042029 !important;background-color:#042029 !important;}
.gist-syntax {/* background:#708284 !important; */}
.gist-syntax .c {color:#536870 !important;} /* Comment */
.gist-syntax .err {color:#708284 !important;} /* Error */
.gist-syntax .k {color:#2176C7 !important;} /* Keyword */
.gist-syntax .o {color:#708284 !important;} /* Operator */
.gist-syntax .cm {color:#536870 !important;} /* Comment.Multiline */
.gist-syntax .cp {color:#536870 !important;} /* Comment.Preproc */
.gist-syntax .c1 {color:#536870 !important;} /* Comment.Single */
.gist-syntax .cs {color:#536870 !important;} /* Comment.Special */
.gist-syntax .gd {color:#708284 !important;background:#042029 !important;} /* Generic.Deleted */
.gist-syntax .gd .x {color:#708284 !important;background:#042029 !important;} /* Generic.Deleted.Specific */
.gist-syntax .ge {color:#708284 !important;} /* Generic.Emph */
.gist-syntax .gr {color:#708284 !important;} /* Generic.Error */
.gist-syntax .gh {color:#708284 !important;} /* Generic.Heading */
.gist-syntax .gi {color:#708284 !important;background:#042029 !important;} /* Generic.Inserted */
.gist-syntax .gi .x {color:#708284 !important;background:#042029 !important;} /* Generic.Inserted.Specific */
.gist-syntax .go {color:#708284 !important;} /* Generic.Output */
.gist-syntax .gp {color:#708284 !important;} /* Generic.Prompt */
.gist-syntax .gu {color:#708284 !important;} /* Generic.Subheading */
.gist-syntax .gt {color:#708284 !important;} /* Generic.Traceback */
.gist-syntax .kc {color:#738A05 !important;} /* Keyword.Constant */
.gist-syntax .kd {color:#738A05 !important;} /* Keyword.Declaration */
.gist-syntax .kp {color:#708284 !important;} /* Keyword.Pseudo */
.gist-syntax .kr {color:#708284 !important;} /* Keyword.Reserved */
.gist-syntax .kt {color:#708284 !important;} /* Keyword.Type */
.gist-syntax .m {color:#259286 !important;} /* Literal.Number */
.gist-syntax .s {color:#259286 !important;} /* Literal.String */
.gist-syntax .na {color:#536870 !important;} /* Name.Attribute */
.gist-syntax .nb {color:#A57706 !important;} /* Name.Builtin */
.gist-syntax .nc {color:#708284 !important;} /* Name.Class */
.gist-syntax .nd {color:#595AB7 !important;} /* */
.gist-syntax .no {color:#708284 !important;} /* Name.Constant */
.gist-syntax .ni {color:#708284 !important;} /* Name.Entity */
.gist-syntax .ne {color:#708284 !important;} /* Name.Exception */
.gist-syntax .nf {color:#708284 !important;} /* Name.Function */
.gist-syntax .nn {color:#708284 !important;} /* Name.Namespace */
.gist-syntax .nt {color:#2176C7 !important;} /* Name.Tag */
.gist-syntax .nv {color:#708284 !important;} /* Name.Variable */
.gist-syntax .ow {color:#708284 !important;} /* Operator.Word */
.gist-syntax .w {color:#708284 !important;} /* Text.Whitespace */
.gist-syntax .mf {color:#259286 !important;} /* Literal.Number.Float */
.gist-syntax .mh {color:#259286 !important;} /* Literal.Number.Hex */
.gist-syntax .mi {color:#259286 !important;} /* Literal.Number.Integer */
.gist-syntax .mo {color:#259286 !important;} /* Literal.Number.Oct */
.gist-syntax .sb {color:#259286 !important;} /* Literal.String.Backtick */
.gist-syntax .sc {color:#259286 !important;} /* Literal.String.Char */
.gist-syntax .sd {color:#259286 !important;} /* Literal.String.Doc */
.gist-syntax .s2 {color:#259286 !important;} /* Literal.String.Double */
.gist-syntax .se {color:#259286 !important;} /* Literal.String.Escape */
.gist-syntax .sh {color:#259286 !important;} /* Literal.String.Heredoc */
.gist-syntax .si {color:#259286 !important;} /* Literal.String.Interpol */
.gist-syntax .sx {color:#A57706 !important;} /* Literal.String.Other */
.gist-syntax .sr {color:#259286 !important;} /* Literal.String.Regex */
.gist-syntax .s1 {color:#259286 !important;} /* Literal.String.Single */
.gist-syntax .ss {color:#259286 !important;} /* Literal.String.Symbol */
.gist-syntax .bp {color:#708284 !important;} /* Name.Builtin.Pseudo */
.gist-syntax .vc {color:#708284 !important;} /* Name.Variable.Class */
.gist-syntax .vg {color:#708284 !important;} /* Name.Variable.Global */
.gist-syntax .vi {color:#708284 !important;} /* Name.Variable.Instance */
.gist-syntax .il {color:#708284 !important;} /* Literal.Number.Integer.Long */
.gist-data::-webkit-scrollbar {
    height:.5em;
    background:rgba(255,255,255,0.15);
}

.gist-data::-webkit-scrollbar-thumb:horizontal {
    background:rgba(255,255,255,0.2);
    -webkit-border-radius:4px;
    border-radius:4px
}

@media only screen and (min-width: 768px) and (max-width: 1200px) {
  .container, .footer-inner {
    max-width: 85%;
    left: 0;
  }
  .sidebar {
    max-width: 17%;
  }
  .content {
    max-width: 75%;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  .sidebar, .content {
    width: 100%;
    float: none;
  }
  .sidebar {
    text-align: left;
    margin-bottom: 30px;
  }
  .sidebar hr {
    display: none;
  }
  .sidebar a#logo {
    float: left;
    margin-right: 20px;
  }
  .sidebar ul {
    display: none;
  }
  .container {
    max-width: 90%;
    margin-top: 40px;
    left: 0;
  }
  body {
    font-size: 120%;
  }
  .footer-inner {
    max-width: 90%;
  }
}