/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
/* Reset Sheet */
/* line 14, ../sass/screen.scss */
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, font, 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 {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

/* line 23, ../sass/screen.scss */
body {
  line-height: 1.6;
}

/* line 26, ../sass/screen.scss */
ol, ul {
  list-style: none;
}

/* line 29, ../sass/screen.scss */
.clear {
  clear: both;
  height: 0px;
  overflow: hidden;
}

/* line 34, ../sass/screen.scss */
* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/* Layout */
/* line 37, ../sass/screen.scss */
body {
  margin: 0;
  padding: 0;
  text-align: left;
  font-family: ff-meta-web-pro-1,ff-meta-web-pro-2,sans-serif;
  font-size: 15px;
}

/* line 44, ../sass/screen.scss */
#wrapper {
  overflow: hidden;
}

/* Header */
/* line 51, ../sass/screen.scss */
#header_spacer {
  height: 40px;
  position: relative;
}

/* line 55, ../sass/screen.scss */
header {
  z-index: 999;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
}
/* line 61, ../sass/screen.scss */
header .inner_header {
  height: 40px;
}
/* line 63, ../sass/screen.scss */
header .inner_header #name {
  font-size: 20px;
  line-height: 42px;
  color: #000;
  height: 40px;
  padding: 0 12px;
  float: left;
  -webkit-font-smoothing: antialiased;
  font-weight: bold;
  text-decoration: none;
}
/* line 73, ../sass/screen.scss */
header .inner_header #name:hover {
  text-decoration: underline;
}
/* line 77, ../sass/screen.scss */
header .inner_header #blog_back {
  float: left;
}
/* line 80, ../sass/screen.scss */
header .inner_header #blog_link {
  height: 40px;
  line-height: 42px;
  padding: 0 12px 0;
  float: left;
  text-decoration: none;
  -webkit-font-smoothing: antialiased;
  color: #000;
}
/* line 88, ../sass/screen.scss */
header .inner_header #blog_link:hover {
  background: rgba(0, 0, 0, 0.1);
}
/* line 92, ../sass/screen.scss */
header .inner_header #tag_trigger {
  position: relative;
  float: left;
  padding: 0 12px;
  height: 40px;
  width: 40px;
  cursor: default;
  text-align: center;
}
/* line 100, ../sass/screen.scss */
header .inner_header #tag_trigger #tag_arrow {
  line-height: 42px;
  height: 40px;
}
/* line 104, ../sass/screen.scss */
header .inner_header #tag_trigger #tag_list {
  display: none;
  width: 140px;
  position: absolute;
  left: 0;
  top: 40px;
  border: solid 4px black;
  text-align: left;
  font-family: monospace;
  text-align: left;
}
/* line 114, ../sass/screen.scss */
header .inner_header #tag_trigger #tag_list a {
  display: block;
  background: #000;
  padding: 0 12px;
  height: 40px;
  line-height: 42px;
  font-size: 13px;
  color: #000;
  text-decoration: none;
  background: transparent;
}
/* line 124, ../sass/screen.scss */
header .inner_header #tag_trigger #tag_list a:before {
  content: "#";
}
/* line 127, ../sass/screen.scss */
header .inner_header #tag_trigger #tag_list a:hover {
  color: #000;
  background: #fff;
}
/* line 133, ../sass/screen.scss */
header .inner_header #tag_trigger:hover {
  background: #000;
  color: #fff;
}
/* line 136, ../sass/screen.scss */
header .inner_header #tag_trigger:hover #tag_list {
  display: block;
}
/* line 141, ../sass/screen.scss */
header .inner_header .link_out {
  height: 40px;
  line-height: 42px;
  padding: 0 12px;
  float: left;
  text-decoration: none;
  color: #000;
  -webkit-font-smoothing: antialiased;
}
/* line 149, ../sass/screen.scss */
header .inner_header .link_out:hover {
  text-decoration: underline;
}
/* line 154, ../sass/screen.scss */
header #scrolled_options {
  float: right;
  display: none;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  transition: all 0.2s linear;
  margin-right: 2px;
}
/* line 161, ../sass/screen.scss */
header #scrolled_options #today {
  float: left;
  font-family: monospace;
  padding: 0 12px;
  line-height: 42px;
  cursor: default;
}
/* line 167, ../sass/screen.scss */
header #scrolled_options #today #today_label {
  display: none;
}
/* line 170, ../sass/screen.scss */
header #scrolled_options #today #today_hex {
  display: inline;
}
/* line 174, ../sass/screen.scss */
header #scrolled_options #today:hover #today_label {
  display: inline;
}
/* line 177, ../sass/screen.scss */
header #scrolled_options #today:hover #today_hex {
  display: none;
}
/* line 182, ../sass/screen.scss */
header #scrolled_options #back_top {
  height: 40px;
  width: 40px;
  float: left;
  cursor: pointer;
}
/* line 187, ../sass/screen.scss */
header #scrolled_options #back_top #back_top_arrow {
  height: 6px;
  width: 6px;
  border: solid 8px black;
  margin-top: 8px;
  margin-left: 13px;
  border-color: transparent transparent black transparent;
}
/* line 195, ../sass/screen.scss */
header #scrolled_options #back_top:hover {
  background: #000;
}
/* line 197, ../sass/screen.scss */
header #scrolled_options #back_top:hover #back_top_arrow {
  border-color: transparent transparent white transparent;
}
/* line 202, ../sass/screen.scss */
header #scrolled_options.scrolled {
  display: block;
}

/* Post Styling */
/* line 210, ../sass/screen.scss */
#content .post {
  display: block;
  position: relative;
}

/* line 214, ../sass/screen.scss */
#content .post .postheader {
  overflow: hidden;
  position: absolute;
  left: -160px;
  font-family: monospace;
  width: 120px;
  text-align: right;
  font-size: 16px;
}

/* line 223, ../sass/screen.scss */
.inner_post {
  width: 508px;
  margin: 0 auto;
  padding: 50px 0;
  position: relative;
}

/* Date */
/* line 230, ../sass/screen.scss */
#content .post .date {
  font-weight: bold;
  cursor: default;
  float: right;
  margin-bottom: 4px;
}
/* line 235, ../sass/screen.scss */
#content .post .date .hex {
  display: inline;
}
/* line 238, ../sass/screen.scss */
#content .post .date .date_code {
  display: none;
}
/* line 242, ../sass/screen.scss */
#content .post .date:hover .hex {
  display: none;
}
/* line 245, ../sass/screen.scss */
#content .post .date:hover .date_code {
  display: inline;
}
/* line 249, ../sass/screen.scss */
#content .post .date a:hover {
  text-decoration: none;
}

/* line 253, ../sass/screen.scss */
#content .post .date a {
  text-decoration: none;
}

/* Notes */
/* line 258, ../sass/screen.scss */
.postnotes {
  text-align: right;
  font-size: 13px;
}

/* line 262, ../sass/screen.scss */
#content .post .postnotes a {
  background: transparent;
}

/* Tags */
/* line 269, ../sass/screen.scss */
#content .post .tagscontainer {
  margin-top: 4px;
}

/* line 272, ../sass/screen.scss */
#content .post .tags {
  text-transform: lowercase;
  font-size: 12px;
}

/* line 276, ../sass/screen.scss */
#content .post .tags a {
  background: transparent;
  line-height: 1.2em;
  margin-bottom: 0.4em;
  display: block;
  float: right;
  clear: both;
}
/* line 283, ../sass/screen.scss */
#content .post .tags a:before {
  content: "#";
}
/* line 286, ../sass/screen.scss */
#content .post .tags a:hover {
  background: #fff;
  text-decoration: none;
}

/* Media Post Styling */
/* line 294, ../sass/screen.scss */
#content .post .media {
  margin-bottom: 1em;
  overflow: hidden;
}

/* line 298, ../sass/screen.scss */
#content .post iframe {
  border: solid 4px white;
}

/* line 301, ../sass/screen.scss */
#content .post .media a {
  float: left;
  background: transparent;
}
/* line 304, ../sass/screen.scss */
#content .post .media a img {
  border: solid 4px white;
}

/* line 308, ../sass/screen.scss */
#content .post .media img {
  float: left;
}

/* line 311, ../sass/screen.scss */
#content .html_photoset {
  border: solid 4px white;
  background: #fff;
  float: left;
}
/* line 315, ../sass/screen.scss */
#content .html_photoset iframe {
  float: left;
}

/* Quote Post Styling */
/* line 322, ../sass/screen.scss */
#content .post .quote {
  margin-bottom: 1em;
  font-size: 20px;
  position: relative;
}

/* line 327, ../sass/screen.scss */
#content .post .quote .inner-quote {
  position: relative;
  z-index: 9;
}

/* Post Copy Styling */
/* line 334, ../sass/screen.scss */
#content .post .copy {
  margin-bottom: 1em;
}

/* line 340, ../sass/screen.scss */
#content .post .copy p {
  margin-bottom: 1em;
}

/* Audio Post Styling */
/* line 346, ../sass/screen.scss */
#content .post .audio {
  margin-bottom: 1em;
  overflow: hidden;
}

/* line 350, ../sass/screen.scss */
#content .post .audio .player {
  float: left;
}

/* line 353, ../sass/screen.scss */
#content .post .audio .player .audio_player embed {
  border: 1px solid #c8c8c8;
}

/* Post Image Styling */
/* line 359, ../sass/screen.scss */
#content .post img {
  max-width: 508px;
  border: solid 4px white;
}

/* line 363, ../sass/screen.scss */
#content .post .media embed {
  border: solid 4px white;
}

/* Post Link Styling */
/* line 369, ../sass/screen.scss */
#wrapper #content .post .link {
  margin-bottom: 1em;
}

/* Post Footer Styling */
/* More Post Entry Styling */
/* line 377, ../sass/screen.scss */
#content .post a {
  background: #fff;
  text-decoration: none;
  color: #000;
}
/* line 381, ../sass/screen.scss */
#content .post a:hover {
  text-decoration: underline;
}

/* line 385, ../sass/screen.scss */
#wrapper #content .post .copy blockquote {
  margin: 10px 0px 10px 2px;
  padding-left: 15px;
  border-left: solid 4px white;
}

/* line 390, ../sass/screen.scss */
#wrapper #content .post .copy blockquote blockquote {
  border-left: solid 4px white;
}

/* line 393, ../sass/screen.scss */
#wrapper #content .post .copy blockquote blockquote blockquote {
  border-left: solid 4px white;
}

/* line 396, ../sass/screen.scss */
#wrapper #content .post .copy blockquote blockquote blockquote blockquote {
  border-left: solid 4px white;
}

/* line 399, ../sass/screen.scss */
#wrapper #content .post .copy blockquote blockquote blockquote blockquote blockquote {
  border-left: solid 4px white;
}

/* line 402, ../sass/screen.scss */
#wrapper #content .post .copy blockquote blockquote blockquote blockquote blockquote blockquote {
  border-left: solid 4px white;
}

/* PageNav */
/* line 407, ../sass/screen.scss */
#page-nav {
  height: 60px;
  background: #ef8885;
}

/* line 411, ../sass/screen.scss */
#page-nav a {
  text-decoration: none;
  color: #333;
  display: none;
}

/* line 416, ../sass/screen.scss */
#page-nav a:hover {
  color: #ff0000;
}

/* line 419, ../sass/screen.scss */
#page-divider {
  display: block;
  height: 6px;
  width: 6px;
  background: #666;
  border-radius: 3px;
}

/* line 427, ../sass/screen.scss */
#notes-title {
  font-size: 12px;
  color: #000;
  padding-bottom: 4px;
  border-bottom: solid 1px black;
  margin-bottom: 8px;
  margin-top: 50px;
  font-family: monospace;
}

/* line 438, ../sass/screen.scss */
#content ol.notes .avatar {
  float: left;
  margin-right: 4px;
  border: none;
  height: 18px;
  width: 18px;
}

/* line 445, ../sass/screen.scss */
ol.notes li {
  margin-bottom: 8px;
  padding-bottom: 6px;
  border-bottom: solid 1px black;
  font-size: 12px;
}

/* line 451, ../sass/screen.scss */
ol.notes li a {
  color: #6E7173;
  text-decoration: none;
}

/* line 455, ../sass/screen.scss */
ol.notes li a:hover {
  color: #ff0000;
}

/* line 459, ../sass/screen.scss */
#dsq-content a {
  color: #6E7173;
}

/* line 462, ../sass/screen.scss */
#dsq-content a:hover {
  color: #ff0000;
}

/* line 465, ../sass/screen.scss */
#infscr-loading {
  height: 60px;
  color: #000;
  line-height: 62px;
  text-align: center;
  font-style: italic;
  font-size: 16px;
  width: 100%;
  background: #ef8885;
  -webkit-animation-duration: 6s;
  -webkit-animation-name: cycleColor;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-duration: 6s;
  -moz-animation-name: cycleColor;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  animation-duration: 6s;
  animation-name: cycleColor;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

@-webkit-keyframes cycleColor {
  /* line 488, ../sass/screen.scss */
  0% {
    background: #ef8885;
  }

  /* line 491, ../sass/screen.scss */
  16% {
    background: #fffb86;
  }

  /* line 494, ../sass/screen.scss */
  33% {
    background: #a3f780;
  }

  /* line 497, ../sass/screen.scss */
  50% {
    background: #9efbfc;
  }

  /* line 500, ../sass/screen.scss */
  67% {
    background: #7886fb;
  }

  /* line 503, ../sass/screen.scss */
  83% {
    background: #ec8ffe;
  }
}

@-moz-keyframes cycleColor {
  /* line 508, ../sass/screen.scss */
  0% {
    background: #ef8885;
  }

  /* line 511, ../sass/screen.scss */
  16% {
    background: #fffb86;
  }

  /* line 514, ../sass/screen.scss */
  33% {
    background: #a3f780;
  }

  /* line 517, ../sass/screen.scss */
  50% {
    background: #9efbfc;
  }

  /* line 520, ../sass/screen.scss */
  67% {
    background: #7886fb;
  }

  /* line 523, ../sass/screen.scss */
  83% {
    background: #ec8ffe;
  }
}

@keyframes cycleColor {
  /* line 528, ../sass/screen.scss */
  0% {
    background: #ef8885;
  }

  /* line 531, ../sass/screen.scss */
  16% {
    background: #fffb86;
  }

  /* line 534, ../sass/screen.scss */
  33% {
    background: #a3f780;
  }

  /* line 537, ../sass/screen.scss */
  50% {
    background: #9efbfc;
  }

  /* line 540, ../sass/screen.scss */
  67% {
    background: #7886fb;
  }

  /* line 543, ../sass/screen.scss */
  83% {
    background: #ec8ffe;
  }
}