/* http://nicolasgallagher.com/micro-clearfix-hack/ */
.CodeRay {
  margin: 0.8em 0; }
  .CodeRay pre {
    background-color: #232323;
    color: #E6E0DB;
    overflow: auto;
    /* html attribute */
    /* comment */
    /* escaped character */
    /* class */
    /* constant */
    /* float */
    /* function */
    /* global variable */
    /* integer */
    /* inline code */
    /* instance variable */
    /* doctype */
    /* keyword */
    /* regex */
    /* string */
    /* symbol */
    /* html tag */
    /* boolean */ }
    .CodeRay pre .attribute {
      color: #E7BE69; }
    .CodeRay pre .comment {
      color: #BC9358;
      font-style: italic; }
    .CodeRay pre .ch {
      color: #509E4F; }
    .CodeRay pre .class {
      color: #FFF; }
    .CodeRay pre .constant, .CodeRay pre .predefined-constant {
      color: #FFF; }
    .CodeRay pre .float {
      color: #A4C260; }
    .CodeRay pre .function {
      color: #FFC56D; }
    .CodeRay pre .global {
      color: #D0CFFE; }
    .CodeRay pre .integer {
      color: #A4C260; }
    .CodeRay pre .inline {
      background: #151515; }
    .CodeRay pre .instance-variable {
      color: #D0CFFE; }
    .CodeRay pre .preprocessor {
      color: #E7BE69; }
    .CodeRay pre .keyword {
      color: #CB7832; }
    .CodeRay pre .regexp {
      color: #A4C260; }
    .CodeRay pre .string {
      color: #A4C260; }
    .CodeRay pre .symbol {
      color: #6C9CBD; }
    .CodeRay pre .tag {
      color: #E7BE69; }
    .CodeRay pre .pc {
      color: #6C9CBD; }

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

body {
  box-sizing: border-box !important;
  -webkit-box-sizing: border-box !important;
  -moz-box-sizing: border-box !important;
  color: #555555;
  background-color: white;
  font: 15px "Helvetica Neue", "Arial", helvetica, sans-serif;
  padding-bottom: 50px; }
  body * {
    box-sizing: border-box !important;
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important; }

html.loading, html.loading * {
  cursor: wait !important; }

a {
  color: #555555; }

strong {
  font-weight: bold; }

hr {
  margin: 1.5em 0;
  border: none;
  color: rgba(85, 85, 85, 0.1);
  background-color: rgba(85, 85, 85, 0.1);
  height: 1px; }

*:first-child {
  margin-top: 0 !important; }

*:last-child {
  margin-bottom: 0 !important; }

.container > header {
  margin-top: 20px !important;
  color: #4ea4ec;
  font: 15px "Verdana", helvetica, sans-serif;
  font-size: 120%;
  line-height: 150%; }
  .container > header .site-title {
    margin-bottom: 0.5em;
    font: 15px "Verdana", helvetica, sans-serif;
    font-size: 200%;
    font-weight: bold;
    display: inline-block;
    padding: 5px 10px 4px 10px;
    color: white;
    background-color: #4ea4ec;
    border-bottom: 1px solid #508cbe; }
    .container > header .site-title a {
      color: white;
      border: none;
      text-decoration: none; }
      .container > header .site-title a:hover {
        color: white; }

.container > footer {
  font: 15px "Verdana", helvetica, sans-serif;
  font-size: 75%;
  margin-top: 5em;
  color: rgba(85, 85, 85, 0.5);
  text-align: right; }
  .container > footer a {
    color: rgba(85, 85, 85, 0.5); }

section + section, article + section {
  border-top: 5px solid rgba(85, 85, 85, 0.1);
  padding: 1em 0; }

article, section {
  margin: 2em 0; }
  article > header, section > header {
    margin-bottom: 1em; }
  article > footer, section > footer {
    font: 15px "Verdana", helvetica, sans-serif;
    font-size: 80%; }
    article > footer, article > footer a, article > footer a:hover, section > footer, section > footer a, section > footer a:hover {
      color: rgba(85, 85, 85, 0.5); }
    article > footer a, section > footer a {
      text-decoration: none;
      border-bottom: none; }
      article > footer a:hover, section > footer a:hover {
        text-decoration: underline; }
  article p, article dl, article ol, article ul, article li, article div.input, section p, section dl, section ol, section ul, section li, section div.input {
    margin: 0.8em 0;
    line-height: 24px; }
  article p, article li, section p, section li {
    text-align: justify;
    text-justify: newspaper; }
  article em, section em {
    font-style: italic; }
  article a, section a {
    color: #555555;
    text-decoration: none;
    border-bottom: 2px solid #ec964e; }
    article a:hover, section a:hover {
      color: #ec964e; }
  article ul, section ul {
    list-style-type: square; }
    article ul li, section ul li {
      margin-left: 1.5em; }
  article ol, section ol {
    list-style-type: decimal; }
    article ol li, section ol li {
      margin-left: 1.5em; }
  article h1, article h2, article h3, article h4, article h5, article h6, section h1, section h2, section h3, section h4, section h5, section h6 {
    margin-top: 1.5em;
    font: 15px "Verdana", helvetica, sans-serif;
    font-weight: bold; }
  article hr + h1, article hr + h2, article hr + h3, article hr + h4, article hr + h5, article hr + h6, section hr + h1, section hr + h2, section hr + h3, section hr + h4, section hr + h5, section hr + h6 {
    margin-top: 0; }
  article h1, article h2, section h1, section h2 {
    display: inline-block;
    padding: 5px 10px 4px 10px;
    color: #555555;
    background-color: #dddddd;
    border-bottom: 1px solid #b4b4b4; }
    article h1 a, article h2 a, section h1 a, section h2 a {
      color: #555555;
      border: none;
      text-decoration: none; }
      article h1 a:hover, article h2 a:hover, section h1 a:hover, section h2 a:hover {
        color: #555555; }
  article h1, section h1 {
    font-size: 140%;
    text-transform: uppercase;
    letter-spacing: -0.07em; }
  article blockquote, section blockquote {
    text-align: justify;
    text-justify: newspaper;
    color: rgba(85, 85, 85, 0.8);
    padding: 0 20px;
    font-style: italic;
    border-left: 5px solid rgba(85, 85, 85, 0.2); }
  article img, section img {
    max-width: 100%;
    display: block;
    margin: 0 auto; }
  article pre, article code, section pre, section code {
    font: 13px Menlo, Monaco, Courier;
    background-color: rgba(85, 85, 85, 0.08);
    color: rgba(85, 85, 85, 0.9);
    border-radius: 3px; }
  article code, section code {
    padding: 2px 5px; }
  article pre, section pre {
    display: block;
    padding: 5px;
    overflow: scroll; }
  article .embedded, section .embedded {
    position: relative;
    width: 900px;
    margin-left: -150px;
    overflow: hidden; }
    article .embedded.soundcloud, section .embedded.soundcloud {
      height: 165px !important; }
    article .embedded.video.vimeo, section .embedded.video.vimeo {
      height: 506.25px; }
    article .embedded.video.youtube, section .embedded.video.youtube {
      height: 534.375px; }
    article .embedded iframe, article .embedded object, article .embedded embed, section .embedded iframe, section .embedded object, section .embedded embed {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
  article .twp-container, section .twp-container {
    margin: 1.5em auto; }

#flashes .alert {
  color: red; }

form {
  margin: 0.5em 0; }
  form div.input {
    margin: 0.5em 0; }
    form div.input label {
      display: block;
      font: 15px "Verdana", helvetica, sans-serif;
      font-size: 80%;
      font-weight: bold;
      padding-left: 5px;
      color: #4ea4ec; }
    form div.input input, form div.input textarea {
      margin: 0;
      width: 100%;
      padding: 5px;
      border: none;
      font: 13px Menlo, Monaco, Courier;
      background-color: rgba(85, 85, 85, 0.15);
      color: #555555;
      box-shadow: 4px 4px 8px rgba(85, 85, 85, 0.05) inset;
      -webkit-box-shadow: 4px 4px 8px rgba(85, 85, 85, 0.05) inset;
      -moz-box-shadow: 4px 4px 8px rgba(85, 85, 85, 0.05) inset;
      border-radius: 3px; }
    form div.input textarea {
      line-height: 1.5; }
    form div.input select, form div.input option {
      font: 15px "Helvetica Neue", "Arial", helvetica, sans-serif;
      padding: 2px 4px; }
    form div.input select {
      display: block; }
    form div.input input[type=checkbox] {
      width: auto;
      margin-left: 4px; }
      form div.input input[type=checkbox] + .value {
        font: 15px "Verdana", helvetica, sans-serif;
        font-size: 80%; }
    form div.input .error {
      display: block;
      color: #dd3333;
      font: 15px "Verdana", helvetica, sans-serif;
      font-size: 80%; }
    form div.input .hint {
      margin-top: 3px;
      padding: 0px 5px;
      display: block;
      color: rgba(85, 85, 85, 0.5);
      font: 15px "Verdana", helvetica, sans-serif;
      font-size: 80%; }
  form div.input.radio input {
    width: 20px; }
  form div.buttons {
    margin-top: 2em !important; }
    form div.buttons input {
      padding: 2px 8px;
      /* button basics */
      text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      border-radius: 4px;
      box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
      -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
      -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
      /* colors */
      color: white !important;
      border: solid 1px #bf6215;
      background: #e47519;
      background: -webkit-gradient(linear, left top, left bottom, from(#f2b785), to(#e47519));
      background: -moz-linear-gradient(top, #f2b785, #e47519);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20'); }
      form div.buttons input:hover {
        color: white;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
        -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
        -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); }
    form div.buttons input, form div.buttons button {
      display: inline-block;
      font-size: 100%;
      padding: 4px 10px !important;
      cursor: pointer; }

::-webkit-input-placeholder {
  font: 15px "Verdana", helvetica, sans-serif;
  font-size: 80%;
  color: rgba(85, 85, 85, 0.4);
  padding-top: 2px; }

.button {
  padding: 2px 8px;
  /* button basics */
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  /* colors */
  color: white !important;
  border: solid 1px #bf6215;
  background: #e47519;
  background: -webkit-gradient(linear, left top, left bottom, from(#f2b785), to(#e47519));
  background: -moz-linear-gradient(top, #f2b785, #e47519);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20'); }
  .button:hover {
    color: white;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); }

.button.red, button.red {
  padding: 2px 8px;
  /* button basics */
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  /* colors */
  color: white !important;
  border: solid 1px #993333;
  background: #b83d3d;
  background: -webkit-gradient(linear, left top, left bottom, from(#db9494), to(#b83d3d));
  background: -moz-linear-gradient(top, #db9494, #b83d3d);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20'); }
  .button.red:hover, button.red:hover {
    color: white;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); }

.button.green, button.green {
  padding: 2px 8px;
  /* button basics */
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  /* colors */
  color: white !important;
  border: solid 1px #339933;
  background: #3db83d;
  background: -webkit-gradient(linear, left top, left bottom, from(#94db94), to(#3db83d));
  background: -moz-linear-gradient(top, #94db94, #3db83d);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20'); }
  .button.green:hover, button.green:hover {
    color: white;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); }

.button.blue, button.blue {
  padding: 2px 8px;
  /* button basics */
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  /* colors */
  color: white !important;
  border: solid 1px #333399;
  background: #3d3db8;
  background: -webkit-gradient(linear, left top, left bottom, from(#9494db), to(#3d3db8));
  background: -moz-linear-gradient(top, #9494db, #3d3db8);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20'); }
  .button.blue:hover, button.blue:hover {
    color: white;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); }

.container {
  width: 600px;
  margin: 0 auto;
  background-color: white; }

.row {
  zoom: 1;
  margin-bottom: 5px; }
  .row:before, .row:after {
    content: "";
    display: table; }
  .row:after {
    clear: both; }

.one.column {
  width: 7.083%;
  margin-right: 1.25%;
  padding: 0%;
  float: left; }

.two.columns {
  width: 15.417%;
  margin-right: 1.25%;
  padding: 0%;
  float: left; }

.three.columns {
  width: 23.75%;
  margin-right: 1.25%;
  padding: 0%;
  float: left; }

.four.columns {
  width: 32.083%;
  margin-right: 1.25%;
  padding: 0%;
  float: left; }

.five.columns {
  width: 40.417%;
  margin-right: 1.25%;
  padding: 0%;
  float: left; }

.six.columns {
  width: 48.75%;
  margin-right: 1.25%;
  padding: 0%;
  float: left; }

.seven.columns {
  width: 57.083%;
  margin-right: 1.25%;
  padding: 0%;
  float: left; }

.eight.columns {
  width: 65.417%;
  margin-right: 1.25%;
  padding: 0%;
  float: left; }

.nine.columns {
  width: 73.75%;
  margin-right: 1.25%;
  padding: 0%;
  float: left; }

.ten.columns {
  width: 82.083%;
  margin-right: 1.25%;
  padding: 0%;
  float: left; }

.eleven.columns {
  width: 90.417%;
  margin-right: 1.25%;
  padding: 0%;
  float: left; }

.twelve.columns {
  width: 98.75%;
  margin-right: 1.25%;
  padding: 0%;
  float: left; }

.large-type {
  font-size: 130%; }

.small-type {
  font: 15px "Verdana", helvetica, sans-serif;
  font-size: 80%; }

@media only screen and (max-width: 940px) {
  article .embedded, section .embedded {
    width: 100%;
    margin-left: 0; }
    article .embedded.video, section .embedded.video {
      height: 0 !important;
      padding-top: 30px; }
      article .embedded.video.youtube, section .embedded.video.youtube {
        padding-bottom: 56.25%; }
      article .embedded.video.vimeo, section .embedded.video.vimeo {
        padding-bottom: 52%; } }
@media only screen and (max-width: 640px) {
  body {
    padding-bottom: 10px; }

  .container {
    width: auto; }
    .container > header {
      margin-top: 0 !important;
      padding: 0 10px;
      font-size: 100%; }
      .container > header .site-title {
        font-size: 100%;
        display: block;
        margin-left: -10px;
        margin-right: -10px; }
    .container > section, .container > article {
      padding-left: 10px;
      padding-right: 10px; }

  article, section {
    margin-top: 10px; }
    article h1, article h2, section h1, section h2 {
      display: block;
      margin-left: -10px;
      margin-right: -10px; }

  .column, .columns {
    width: 100% !important;
    float: none !important; } }
/* background image */
body, .container {
  background-image: url(/img/background.png); }

/* posts */
article.post header h1 span.link-arrow {
  color: #a2a2a2; }
article.post div.summary p:last-child a {
  font-weight: bold; }
article.post footer {
  margin-top: 0.5em; }
  article.post footer .social_media_buttons {
    -webkit-transition-duration: 200ms;
    -webkit-transition-timing-function: ease-in-out;
    -webkit-transition-property: all;
    margin: 2em 0;
    opacity: 0.3; }
    article.post footer .social_media_buttons:hover {
      opacity: 1; }

ul.admin {
  list-style: none; }
  ul.admin li {
    display: inline;
    margin-left: 0 !important;
    margin-right: 5px; }
    ul.admin li a {
      font: 15px "Verdana", helvetica, sans-serif;
      font-size: 80%; }

ul.admin-post-list {
  padding: 5px 0;
  max-height: 300px;
  overflow: auto;
  border-bottom: 1px dotted rgba(85, 85, 85, 0.5);
  border-top: 1px dotted rgba(85, 85, 85, 0.5); }

.input.post_title input {
  font-size: 130%; }

section.posts #welcome {
  font: 15px "Verdana", helvetica, sans-serif;
  font-size: 1.8em;
  color: rgba(85, 85, 85, 0.5); }
  section.posts #welcome p {
    text-align: left;
    line-height: 1.3; }
  section.posts #welcome strong {
    color: #555555; }
  section.posts #welcome p:first-child {
    font-size: 130%; }
  section.posts #welcome span.heart {
    color: #c66; }

#dsq-content a {
  border: 0; }
#dsq-content #dsq-reply {
  margin-bottom: 2em; }
#dsq-content h3 {
  margin-top: 1em !important;
  zoom: 1; }
  #dsq-content h3:before, #dsq-content h3:after {
    content: "";
    display: table; }
  #dsq-content h3:after {
    clear: both; }

.container > header .site-title {
  background-color: #ff6666;
  border-bottom: 1px solid #ff3333; }