/* line 4, ../../../../../../.gem/ruby/1.8/gems/compass-0.8.17/frameworks/blueprint/stylesheets/blueprint/modules/_reset.sass */
html, body {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline; }

/* line 12, ../../../../../../.gem/ruby/1.8/gems/compass-0.8.17/frameworks/blueprint/stylesheets/blueprint/modules/_reset.sass */
div, span, object, iframe, h1, h2, h3, h4, h5, h6, p,
pre, a, abbr, acronym, address, code, del, dfn, em, img,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, tr {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline; }

/* line 16, ../../../../../../.gem/ruby/1.8/gems/compass-0.8.17/frameworks/blueprint/stylesheets/blueprint/modules/_reset.sass */
blockquote, q {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
  quotes: "" ""; }
  /* line 42, ../../../../../../.gem/ruby/1.8/gems/compass-0.8.17/frameworks/blueprint/stylesheets/blueprint/modules/_reset.sass */
  blockquote:before, q:before,
  blockquote:after, q:after {
    content: ""; }

/* line 18, ../../../../../../.gem/ruby/1.8/gems/compass-0.8.17/frameworks/blueprint/stylesheets/blueprint/modules/_reset.sass */
th, td, caption {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
  text-align: left;
  font-weight: normal;
  vertical-align: middle; }

/* line 20, ../../../../../../.gem/ruby/1.8/gems/compass-0.8.17/frameworks/blueprint/stylesheets/blueprint/modules/_reset.sass */
table {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
  border-collapse: separate;
  border-spacing: 0;
  vertical-align: middle; }

/* line 22, ../../../../../../.gem/ruby/1.8/gems/compass-0.8.17/frameworks/blueprint/stylesheets/blueprint/modules/_reset.sass */
a img {
  border: none; }

/* Grid */
/* Type */
/* Scale */
/* Specific font sizes */
/* Colors */
/* Mixins */
/* line 3, ../../../app/stylesheets/partials/_site.sass */
body.site.index #content p.see-more {
  font-size: 1.8em;
  line-height: 1;
  margin-bottom: 0em;
  margin-top: 2em; }
/* line 6, ../../../app/stylesheets/partials/_site.sass */
body.site.index #content .portfolio {
  background-color: #fff;
  border: 1px #cccccc solid;
  padding: 0.9em;
  margin-bottom: 34px; }
  /* line 13, ../../../app/stylesheets/partials/_site.sass */
  body.site.index #content .portfolio h1 {
    font-size: 1.8em;
    line-height: 1.5; }
  /* line 16, ../../../app/stylesheets/partials/_site.sass */
  body.site.index #content .portfolio p {
    margin-bottom: 0; }
/* line 20, ../../../app/stylesheets/partials/_site.sass */
body.site.index #content .articles {
  margin-bottom: 9em; }
/* line 88, ../../../app/stylesheets/partials/_base.sass */
body.site.index #content .projects h1 a:after,
body.site.index #content .projects h2 a:after {
  content: "\00a0\2192";
  visibility: hidden;
  font-size: 0.8em;
  line-height: 0; }
/* line 95, ../../../app/stylesheets/partials/_base.sass */
body.site.index #content .projects:hover h1 a:after,
body.site.index #content .projects:hover h2 a:after {
  visibility: visible; }
/* line 26, ../../../app/stylesheets/partials/_site.sass */
body.site.index #content .projects h2 {
  margin-top: 54px; }

/* line 6, ../../../app/stylesheets/partials/_articles.sass */
html body .articles article {
  position: relative;
  margin-top: 5.4em; }
  /* line 88, ../../../app/stylesheets/partials/_base.sass */
  html body .articles article h1 a:after,
  html body .articles article h2 a:after {
    content: "\00a0\2192";
    visibility: hidden;
    font-size: 0.8em;
    line-height: 0; }
  /* line 95, ../../../app/stylesheets/partials/_base.sass */
  html body .articles article:hover h1 a:after,
  html body .articles article:hover h2 a:after {
    visibility: visible; }
  /* line 11, ../../../app/stylesheets/partials/_articles.sass */
  html body .articles article > h1 {
    font-size: 2.4em;
    line-height: 1.125;
    margin-bottom: 0.375em; }
  /* line 14, ../../../app/stylesheets/partials/_articles.sass */
  html body .articles article .body h2 {
    font-size: 1.8em;
    line-height: 2;
    margin-bottom: 0em; }
  /* line 17, ../../../app/stylesheets/partials/_articles.sass */
  html body .articles article > time {
    position: absolute;
    display: block;
    top: 0;
    right: 480px;
    font-family: HelveticaNeue-UltraLight, Helvetica Neue UltraLight, Helvetica Neue, Helvetica, sans-serif;
    font-weight: 100;
    text-align: right;
    text-transform: uppercase;
    color: #999999;
    font-size: 2.4em;
    line-height: 1.125; }
  /* line 22, ../../../app/stylesheets/partials/_articles.sass */
  html body .articles article > p:last-child {
    margin-bottom: 0; }
  /* line 25, ../../../app/stylesheets/partials/_articles.sass */
  html body .articles article p.image {
    text-align: center;
    margin-top: 36px;
    margin-bottom: 36px; }
    /* line 30, ../../../app/stylesheets/partials/_articles.sass */
    html body .articles article p.image img {
      display: block;
      margin: 0 auto; }
    /* line 34, ../../../app/stylesheets/partials/_articles.sass */
    html body .articles article p.image .caption {
      display: block;
      text-align: center;
      font-style: italic;
      font-family: HelveticaNeue-Italic, Helvetica Neue Italic, Helvetica Neue, Helvetica, sans-serif; }
  /* line 40, ../../../app/stylesheets/partials/_articles.sass */
  html body .articles article p.audio {
    text-align: center; }
  /* line 43, ../../../app/stylesheets/partials/_articles.sass */
  html body .articles article p.edit {
    margin-top: 18px; }
  /* line 47, ../../../app/stylesheets/partials/_articles.sass */
  html body .articles article .unpublished p {
    font-size: 1.6em;
    line-height: 1.125;
    margin-bottom: 1.125em;
    font-family: HelveticaNeue-Medium, Helvetica Neue Medium, Helvetica Neue, Helvetica, sans-serif;
    font-weight: bold;
    color: #cc0000; }
  /* line 52, ../../../app/stylesheets/partials/_articles.sass */
  html body .articles article ol, html body .articles article ul {
    margin-bottom: 1.8em; }
    /* line 55, ../../../app/stylesheets/partials/_articles.sass */
    html body .articles article ol li, html body .articles article ul li {
      margin-bottom: 0; }
  /* line 59, ../../../app/stylesheets/partials/_articles.sass */
  html body .articles article section h1 {
    font-size: 1.8em;
    line-height: 2;
    margin-top: 2em; }
  /* line 62, ../../../app/stylesheets/partials/_articles.sass */
  html body .articles article footer {
    margin-top: 1.8em; }
    /* line 65, ../../../app/stylesheets/partials/_articles.sass */
    html body .articles article footer h1 {
      font-size: 1.6em;
      line-height: 1.125;
      margin-bottom: 1.125em;
      margin-top: 2.25em; }
  /* line 68, ../../../app/stylesheets/partials/_articles.sass */
  html body .articles article a.footnote {
    font-size: 0.75em;
    line-height: 0;
    font-family: HelveticaNeue-Medium, Helvetica Neue Medium, Helvetica Neue, Helvetica, sans-serif;
    font-weight: bold;
    vertical-align: super;
    text-decoration: none;
    color: #d6008b; }
  /* line 75, ../../../app/stylesheets/partials/_articles.sass */
  html body .articles article ol.footnote-popup {
    position: absolute;
    width: 300px; }
    /* line 79, ../../../app/stylesheets/partials/_articles.sass */
    html body .articles article ol.footnote-popup li.footnote-container {
      position: relative;
      padding: 0.9em;
      margin-bottom: 18px;
      background-color: #fff;
      border: 1px #cccccc solid; }
/* line 86, ../../../app/stylesheets/partials/_articles.sass */
html body.articles #content {
  position: relative; }
  /* line 89, ../../../app/stylesheets/partials/_articles.sass */
  html body.articles #content p.quick-pagination {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 2.1em;
    line-height: 2.571; }
    /* line 95, ../../../app/stylesheets/partials/_articles.sass */
    html body.articles #content p.quick-pagination a:hover {
      text-decoration: none; }
  /* line 98, ../../../app/stylesheets/partials/_articles.sass */
  html body.articles #content p.pagination {
    overflow: hidden;
    display: inline-block;
    font-size: 1.8em;
    line-height: 1;
    margin-bottom: 0em;
    margin-top: 2em;
    text-align: right; }
    /* line 5, ../../../../../../.gem/ruby/1.8/gems/compass-0.8.17/frameworks/compass/stylesheets/compass/utilities/general/_hacks.sass */
    html body.articles #content p.pagination {
      display: block; }
    /* line 103, ../../../app/stylesheets/partials/_articles.sass */
    html body.articles #content p.pagination .prev_page {
      float: left; }
    /* line 106, ../../../app/stylesheets/partials/_articles.sass */
    html body.articles #content p.pagination .disabled {
      display: none; }
  /* line 109, ../../../app/stylesheets/partials/_articles.sass */
  html body.articles #content p.date-range {
    font-size: 1.4em;
    line-height: 1.286; }
/* line 115, ../../../app/stylesheets/partials/_articles.sass */
html body.articles.read .articles article,
html body.articles.show .articles article {
  margin-top: 0; }
  /* line 118, ../../../app/stylesheets/partials/_articles.sass */
  html body.articles.read .articles article > h1,
  html body.articles.read .articles article > time,
  html body.articles.show .articles article > h1,
  html body.articles.show .articles article > time {
    font-size: 3.6em;
    line-height: 1;
    margin-bottom: 0.5em; }
  /* line 122, ../../../app/stylesheets/partials/_articles.sass */
  html body.articles.read .articles article .body h2,
  html body.articles.show .articles article .body h2 {
    font-size: 2.4em;
    line-height: 1.125;
    margin-bottom: 0.375em; }
  /* line 126, ../../../app/stylesheets/partials/_articles.sass */
  html body.articles.read .articles article section h1,
  html body.articles.show .articles article section h1 {
    font-size: 2.4em;
    line-height: 1.125;
    margin-bottom: 0.375em;
    margin-top: 1.5em; }
/* line 131, ../../../app/stylesheets/partials/_articles.sass */
html body.articles.form #content #preview {
  position: absolute;
  width: 385px;
  padding: 15px;
  left: -445px;
  background-color: #fff;
  border: 1px #cccccc solid; }
  /* line 138, ../../../app/stylesheets/partials/_articles.sass */
  html body.articles.form #content #preview h1 {
    font-size: 1.6em;
    line-height: 1.125; }
  /* line 142, ../../../app/stylesheets/partials/_articles.sass */
  html body.articles.form #content #preview p.image img {
    max-width: 200px; }
  /* line 145, ../../../app/stylesheets/partials/_articles.sass */
  html body.articles.form #content #preview p.image .caption {
    display: block; }
  /* line 148, ../../../app/stylesheets/partials/_articles.sass */
  html body.articles.form #content #preview > p:last-child {
    margin-bottom: 0; }
/* line 153, ../../../app/stylesheets/partials/_articles.sass */
html body.articles.form #content form.formtastic #article_title_input input {
  font-size: 1.8em;
  line-height: 1; }
/* line 159, ../../../app/stylesheets/partials/_articles.sass */
html body.articles.form #content form.formtastic ol li.text textarea {
  width: 95%; }
/* line 163, ../../../app/stylesheets/partials/_articles.sass */
html body.articles.list #branding {
  padding-right: 0px; }
/* line 166, ../../../app/stylesheets/partials/_articles.sass */
html body.articles.list #content {
  display: inline;
  float: left;
  margin-right: 0;
  width: 625px; }
  /* line 101, ../../../../../../.gem/ruby/1.8/gems/compass-0.8.17/frameworks/blueprint/stylesheets/blueprint/modules/_grid.sass */
  * html html body.articles.list #content {
    overflow-x: hidden; }
  /* line 170, ../../../app/stylesheets/partials/_articles.sass */
  html body.articles.list #content table#articles a {
    font-family: Helvetica Neue, Helvetica, sans-serif;
    font-weight: normal;
    font-style: normal;
    color: black; }
    /* line 174, ../../../app/stylesheets/partials/_articles.sass */
    html body.articles.list #content table#articles a:hover {
      color: #85c700; }
  /* line 177, ../../../app/stylesheets/partials/_articles.sass */
  html body.articles.list #content table#articles td, html body.articles.list #content table#articles th {
    vertical-align: top; }
  /* line 180, ../../../app/stylesheets/partials/_articles.sass */
  html body.articles.list #content table#articles .actions {
    width: 7%; }
  /* line 184, ../../../app/stylesheets/partials/_articles.sass */
  html body.articles.list #content table#articles tr.draft .title a {
    font-family: HelveticaNeue-Medium, Helvetica Neue Medium, Helvetica Neue, Helvetica, sans-serif;
    font-weight: bold; }

/* line 4, ../../../app/stylesheets/partials/_projects.sass */
html body .projects .project-screenshot {
  margin-bottom: 1.8em; }
  /* line 7, ../../../app/stylesheets/partials/_projects.sass */
  html body .projects .project-screenshot img {
    height: 288px; }
/* line 10, ../../../app/stylesheets/partials/_projects.sass */
html body .projects section {
  position: relative;
  margin-top: 5.4em; }
  /* line 88, ../../../app/stylesheets/partials/_base.sass */
  html body .projects section h1 a:after,
  html body .projects section h2 a:after {
    content: "\00a0\2192";
    visibility: hidden;
    font-size: 0.8em;
    line-height: 0; }
  /* line 95, ../../../app/stylesheets/partials/_base.sass */
  html body .projects section:hover h1 a:after,
  html body .projects section:hover h2 a:after {
    visibility: visible; }
  /* line 15, ../../../app/stylesheets/partials/_projects.sass */
  html body .projects section > h1 {
    font-size: 2.4em;
    line-height: 1.125;
    margin-bottom: 0.375em; }
  /* line 18, ../../../app/stylesheets/partials/_projects.sass */
  html body .projects section ul {
    margin-top: 1.8em;
    margin-bottom: 1.8em; }
  /* line 22, ../../../app/stylesheets/partials/_projects.sass */
  html body .projects section p.see-more {
    font-size: 1.8em;
    line-height: 1;
    margin-bottom: 0em;
    margin-top: 2em; }
  /* line 27, ../../../app/stylesheets/partials/_projects.sass */
  html body .projects section .project-description ul strong {
    display: block; }
  /* line 30, ../../../app/stylesheets/partials/_projects.sass */
  html body .projects section .download {
    position: absolute;
    right: 480px;
    top: 0; }
    /* line 35, ../../../app/stylesheets/partials/_projects.sass */
    html body .projects section .download p {
      font-size: 2.1em;
      line-height: 1.714;
      margin-bottom: 0;
      text-align: center; }
      /* line 40, ../../../app/stylesheets/partials/_projects.sass */
      html body .projects section .download p a {
        display: block;
        padding: 0 5px;
        text-decoration: none;
        color: #f8f8f8;
        background-color: #d6008b; }
        /* line 47, ../../../app/stylesheets/partials/_projects.sass */
        html body .projects section .download p a:hover {
          background-color: #85c700; }
/* line 52, ../../../app/stylesheets/partials/_projects.sass */
html body.projects.show .projects section {
  margin-top: 0; }

/* line 5, ../../../app/stylesheets/partials/_user_sessions.sass */
html body.user_sessions.new #content form label {
  float: none;
  font-size: 1em;
  line-height: 1.8; }
/* line 9, ../../../app/stylesheets/partials/_user_sessions.sass */
html body.user_sessions.new #content form input[type=text], html body.user_sessions.new #content form input[type=password] {
  font-size: 1.8em;
  line-height: 1;
  width: 15em; }

/* line 4, ../../../app/stylesheets/partials/_errors.sass */
html body.error #content h1.main + p {
  font-size: 1.2em;
  line-height: 1.5;
  margin-bottom: 1.5em;
  margin-top: 1.5em; }

/* http://www.levien.com/type/myfonts/inconsolata.html */
@font-face {
  font-family: Inconsolata;
  src: url(/system/fonts/inconsolata.otf); }

/* line 16, ../../../app/stylesheets/screen.sass */
article, aside, figure, footer, header, hgroup, nav, section {
  display: block; }

/* line 20, ../../../app/stylesheets/screen.sass */
html {
  background-color: #f8f8f8; }
  /* line 23, ../../../app/stylesheets/screen.sass */
  html body {
    padding: 3.6em 0;
    font-size: 62.5%;
    font-family: Helvetica Neue, Helvetica, sans-serif;
    color: black; }
    /* line 33, ../../../app/stylesheets/screen.sass */
    html body a {
      color: #d6008b;
      font-family: HelveticaNeue-Medium, Helvetica Neue Medium, Helvetica Neue, Helvetica, sans-serif;
      font-weight: bold;
      text-decoration: none; }
      /* line 4, ../../../../../../.gem/ruby/1.8/gems/compass-0.8.17/frameworks/compass/stylesheets/compass/utilities/links/_hover_link.sass */
      html body a:hover {
        text-decoration: underline; }
      /* line 38, ../../../app/stylesheets/screen.sass */
      html body a:visited {
        color: #e266b7;
        font-family: Helvetica Neue, Helvetica, sans-serif;
        font-weight: normal;
        font-style: normal; }
      /* line 42, ../../../app/stylesheets/screen.sass */
      html body a:hover, html body a:focus, html body a:active {
        color: #85c700; }
    /* line 45, ../../../app/stylesheets/screen.sass */
    html body h1, html body h2, html body h3 {
      font-family: Helvetica Neue, Helvetica, sans-serif;
      color: black; }
      /* line 49, ../../../app/stylesheets/screen.sass */
      html body h1 a, html body h2 a, html body h3 a {
        color: black !important;
        font-family: Helvetica Neue, Helvetica, sans-serif;
        font-weight: normal;
        font-style: normal; }
        /* line 53, ../../../app/stylesheets/screen.sass */
        html body h1 a:hover, html body h2 a:hover, html body h3 a:hover {
          color: #85c700 !important; }
    /* line 56, ../../../app/stylesheets/screen.sass */
    html body h1 {
      font-size: 3.6em;
      line-height: 1; }
      /* line 59, ../../../app/stylesheets/screen.sass */
      html body h1.main {
        font-family: HelveticaNeue-Medium, Helvetica Neue Medium, Helvetica Neue, Helvetica, sans-serif;
        padding-bottom: 17px;
        border-bottom: 1px black solid; }
        /* line 64, ../../../app/stylesheets/screen.sass */
        html body h1.main + p {
          margin: 9px 0; }
    /* line 67, ../../../app/stylesheets/screen.sass */
    html body h2 {
      font-size: 2.4em;
      line-height: 1.125;
      margin-bottom: 0.375em; }
    /* line 70, ../../../app/stylesheets/screen.sass */
    html body h3 {
      font-size: 1.8em;
      line-height: 2; }
    /* line 73, ../../../app/stylesheets/screen.sass */
    html body p, html body li, html body td, html body th {
      font-size: 1.2em;
      line-height: 1.5;
      margin-bottom: 1.5em; }
      /* line 76, ../../../app/stylesheets/screen.sass */
      html body p em, html body li em, html body td em, html body th em {
        font-family: HelveticaNeue-Italic, Helvetica Neue Italic, Helvetica Neue, Helvetica, sans-serif;
        font-style: italic; }
      /* line 79, ../../../app/stylesheets/screen.sass */
      html body p strong, html body li strong, html body td strong, html body th strong {
        font-family: HelveticaNeue-Medium, Helvetica Neue Medium, Helvetica Neue, Helvetica, sans-serif;
        font-weight: bold; }
    /* line 82, ../../../app/stylesheets/screen.sass */
    html body ul {
      list-style-type: square; }
    /* line 86, ../../../app/stylesheets/screen.sass */
    html body ul.tight, html body ol.tight {
      margin-bottom: 1.8em; }
      /* line 89, ../../../app/stylesheets/screen.sass */
      html body ul.tight li, html body ol.tight li {
        margin-bottom: 0; }
    /* line 92, ../../../app/stylesheets/screen.sass */
    html body table {
      border-collapse: collapse; }
      /* line 95, ../../../app/stylesheets/screen.sass */
      html body table caption {
        font-size: 1.8em;
        line-height: 2;
        text-align: center; }
      /* line 99, ../../../app/stylesheets/screen.sass */
      html body table th, html body table td {
        padding: 9px 5px 8px; }
      /* line 102, ../../../app/stylesheets/screen.sass */
      html body table th {
        font-family: HelveticaNeue-Medium, Helvetica Neue Medium, Helvetica Neue, Helvetica, sans-serif;
        font-weight: bold; }
      /* line 105, ../../../app/stylesheets/screen.sass */
      html body table td {
        border-top: 1px #cccccc solid;
        border-bottom: 1px #cccccc solid; }
      /* line 112, ../../../app/stylesheets/screen.sass */
      html body table.hoverable tbody tr .actions * {
        visibility: hidden; }
      /* line 116, ../../../app/stylesheets/screen.sass */
      html body table.hoverable tbody tr:hover .actions * {
        visibility: visible; }
    /* line 119, ../../../app/stylesheets/screen.sass */
    html body hr {
      margin-top: 17px;
      background-color: transparent;
      color: transparent;
      border: 0;
      border-bottom: 1px black solid; }
    /* line 126, ../../../app/stylesheets/screen.sass */
    html body abbr {
      cursor: help; }
    /* line 129, ../../../app/stylesheets/screen.sass */
    html body q {
      quotes: "\201C" "\201D" "\2018" "\2019"; }
      /* line 132, ../../../app/stylesheets/screen.sass */
      html body q:before {
        content: open-quote;
        content: "\201C"; }
      /* line 136, ../../../app/stylesheets/screen.sass */
      html body q:after {
        content: close-quote;
        content: "\201D"; }
      /* line 140, ../../../app/stylesheets/screen.sass */
      html body q q:before {
        content: "\2018"; }
      /* line 143, ../../../app/stylesheets/screen.sass */
      html body q q:after {
        content: "\2019"; }
    /* line 146, ../../../app/stylesheets/screen.sass */
    html body blockquote {
      padding-left: 25px; }
      /* line 149, ../../../app/stylesheets/screen.sass */
      html body blockquote p {
        font-family: HelveticaNeue-Italic, Helvetica Neue Italic, Helvetica Neue, Helvetica, sans-serif;
        font-style: italic; }
        /* line 152, ../../../app/stylesheets/screen.sass */
        html body blockquote p cite {
          display: block;
          margin-top: 18px;
          text-align: right; }
    /* line 157, ../../../app/stylesheets/screen.sass */
    html body code {
      font-family: Inconsolata, Andale Mono, Consolas, monospace;
      font-size: 13px;
      line-height: 18px; }
    /* line 162, ../../../app/stylesheets/screen.sass */
    html body ins {
      text-decoration: none; }
      /* line 165, ../../../app/stylesheets/screen.sass */
      html body ins em {
        text-transform: uppercase;
        letter-spacing: 1px;
        font-style: normal;
        font-weight: bold; }
    /* line 175, ../../../app/stylesheets/screen.sass */
    html body .caps {
      text-transform: uppercase; }
    /* line 178, ../../../app/stylesheets/screen.sass */
    html body p.see-more {
      text-align: right;
      margin-bottom: 0; }
    /* line 185, ../../../app/stylesheets/screen.sass */
    html body pre.code {
      position: relative;
      font-size: 1.2em;
      line-height: 1.5;
      margin-bottom: 1.5em;
      padding-left: 15px;
      overflow: hidden; }
      /* line 192, ../../../app/stylesheets/screen.sass */
      html body pre.code.growable-code .growable-code-mask {
        position: absolute;
        z-index: 250;
        right: 0;
        top: 0;
        width: 35px;
        background: url(/images/code-mask.png) left top repeat-y; }
      /* line 200, ../../../app/stylesheets/screen.sass */
      html body pre.code.growable-code-clone {
        padding-right: 15px;
        background-color: #f8f8f8; }
        /* line 204, ../../../app/stylesheets/screen.sass */
        html body pre.code.growable-code-clone .growable-code-mask {
          display: none; }
      /* line 207, ../../../app/stylesheets/screen.sass */
      html body pre.code .growable-code-handle {
        position: absolute;
        z-index: 500;
        right: 0;
        top: 0;
        display: none;
        font-size: 1.2em;
        line-height: 1em;
        padding: 0.1em;
        cursor: pointer;
        background-color: #d6008b;
        color: #fff; }
        /* line 220, ../../../app/stylesheets/screen.sass */
        html body pre.code .growable-code-handle:hover {
          background-color: #85c700; }
      /* line 224, ../../../app/stylesheets/screen.sass */
      html body pre.code:hover .growable-code-handle {
        display: block; }
    /* line 227, ../../../app/stylesheets/screen.sass */
    html body form.formtastic {
      margin-top: 1.8em; }
      /* line 232, ../../../app/stylesheets/screen.sass */
      html body form.formtastic fieldset.buttons ol li {
        float: left; }
      /* line 235, ../../../app/stylesheets/screen.sass */
      html body form.formtastic ol {
        list-style-type: none; }
        /* line 239, ../../../app/stylesheets/screen.sass */
        html body form.formtastic ol li label, html body form.formtastic ol li .label {
          font-family: HelveticaNeue-Medium, Helvetica Neue Medium, Helvetica Neue, Helvetica, sans-serif; }
        /* line 244, ../../../app/stylesheets/screen.sass */
        html body form.formtastic ol li.string label, html body form.formtastic ol li.string .label,
        html body form.formtastic ol li.text label, html body form.formtastic ol li.text .label {
          display: block; }
        /* line 247, ../../../app/stylesheets/screen.sass */
        html body form.formtastic ol li.string input,
        html body form.formtastic ol li.text input {
          width: 20em; }
        /* line 251, ../../../app/stylesheets/screen.sass */
        html body form.formtastic ol li.select label {
          display: block;
          float: left;
          width: 6em;
          margin-top: 2px; }
        /* line 258, ../../../app/stylesheets/screen.sass */
        html body form.formtastic ol li.boolean label {
          display: inline;
          cursor: pointer; }
        /* line 265, ../../../app/stylesheets/screen.sass */
        html body form.formtastic ol li.date ol li,
        html body form.formtastic ol li.datetime ol li {
          float: left; }
          /* line 268, ../../../app/stylesheets/screen.sass */
          html body form.formtastic ol li.date ol li label,
          html body form.formtastic ol li.datetime ol li label {
            display: none; }
    /* line 271, ../../../app/stylesheets/screen.sass */
    html body .screenreader {
      position: absolute;
      top: -9999em; }
    /* line 275, ../../../app/stylesheets/screen.sass */
    html body .showgrid {
      background: url('/images/grid.png?1257956891'); }
    /* line 282, ../../../app/stylesheets/screen.sass */
    html body #outer {
      width: 950px;
      margin: 0 auto;
      overflow: hidden;
      display: inline-block;
      margin: 0; }
      /* line 5, ../../../../../../.gem/ruby/1.8/gems/compass-0.8.17/frameworks/compass/stylesheets/compass/utilities/general/_hacks.sass */
      html body #outer {
        display: block; }
    /* line 286, ../../../app/stylesheets/screen.sass */
    html body #branding {
      display: inline;
      float: left;
      margin-right: 15px;
      width: 265px;
      padding-left: 40px;
      padding-right: 160px; }
      /* line 101, ../../../../../../.gem/ruby/1.8/gems/compass-0.8.17/frameworks/blueprint/stylesheets/blueprint/modules/_grid.sass */
      * html html body #branding {
        overflow-x: hidden; }
    /* line 291, ../../../app/stylesheets/screen.sass */
    html body #content {
      display: inline;
      float: left;
      margin-right: 0;
      width: 465px;
      padding-bottom: 5.4em; }
      /* line 101, ../../../../../../.gem/ruby/1.8/gems/compass-0.8.17/frameworks/blueprint/stylesheets/blueprint/modules/_grid.sass */
      * html html body #content {
        overflow-x: hidden; }
    /* line 295, ../../../app/stylesheets/screen.sass */
    html body #about {
      display: inline;
      float: left;
      margin-right: 15px;
      width: 225px;
      padding-left: 40px;
      padding-right: 40px; }
      /* line 101, ../../../../../../.gem/ruby/1.8/gems/compass-0.8.17/frameworks/blueprint/stylesheets/blueprint/modules/_grid.sass */
      * html html body #about {
        overflow-x: hidden; }
    /* line 304, ../../../app/stylesheets/screen.sass */
    html body #branding {
      font-family: Helvetica Neue, Helvetica, sans-serif; }
      /* line 307, ../../../app/stylesheets/screen.sass */
      html body #branding a {
        color: black;
        font-family: Helvetica Neue, Helvetica, sans-serif;
        font-weight: normal;
        font-style: normal; }
        /* line 311, ../../../app/stylesheets/screen.sass */
        html body #branding a:hover {
          color: #85c700; }
      /* line 314, ../../../app/stylesheets/screen.sass */
      html body #branding #logo {
        font-size: 2.1em;
        line-height: 1.714; }
      /* line 318, ../../../app/stylesheets/screen.sass */
      html body #branding nav ul {
        list-style-type: none;
        margin: 0; }
        /* line 322, ../../../app/stylesheets/screen.sass */
        html body #branding nav ul li {
          font-size: 1.4em;
          line-height: 1.286;
          float: left;
          margin-right: 10px; }
          /* line 327, ../../../app/stylesheets/screen.sass */
          html body #branding nav ul li:before {
            content: "\02022";
            padding-right: 10px; }
          /* line 331, ../../../app/stylesheets/screen.sass */
          html body #branding nav ul li:first-child:before {
            content: "";
            padding: 0; }
          /* line 335, ../../../app/stylesheets/screen.sass */
          html body #branding nav ul li a {
            text-transform: lowercase; }
    /* line 338, ../../../app/stylesheets/screen.sass */
    html body .flash {
      position: absolute;
      left: 40px;
      top: 12.6em;
      padding: 0.9em;
      background-color: #fff;
      border: 1px #cccccc solid; }
      /* line 345, ../../../app/stylesheets/screen.sass */
      html body .flash p {
        margin-bottom: 0;
        font-family: HelveticaNeue-Italic, Helvetica Neue Italic, Helvetica Neue, Helvetica, sans-serif;
        font-style: italic; }
    /* line 353, ../../../app/stylesheets/screen.sass */
    html body footer#about {
      position: absolute;
      left: 0;
      top: 18em;
      padding-top: 1.8em;
      padding-bottom: 1.8em;
      background-color: #fff;
      border: 1px #cccccc solid; }
      /* line 361, ../../../app/stylesheets/screen.sass */
      html body footer#about #footer-hider {
        position: absolute;
        right: 0;
        top: 0;
        width: 20px;
        cursor: pointer;
        font-size: 1.6em;
        line-height: 1.125;
        text-align: center;
        display: none; }
        /* line 372, ../../../app/stylesheets/screen.sass */
        html body footer#about #footer-hider:hover {
          background-color: #f8f8f8; }
      /* line 376, ../../../app/stylesheets/screen.sass */
      html body footer#about:hover #footer-hider {
        display: block; }
      /* line 379, ../../../app/stylesheets/screen.sass */
      html body footer#about .about, html body footer#about .contact {
        border-bottom: 1px #cccccc solid; }
      /* line 383, ../../../app/stylesheets/screen.sass */
      html body footer#about .contact, html body footer#about .technologies {
        padding-top: 1.8em; }
      /* line 387, ../../../app/stylesheets/screen.sass */
      html body footer#about .about img {
        display: block;
        width: 100%;
        margin-bottom: 9px; }
      /* line 393, ../../../app/stylesheets/screen.sass */
      html body footer#about .contact ul {
        overflow: hidden;
        display: inline-block;
        list-style-type: none;
        margin: 0; }
        /* line 5, ../../../../../../.gem/ruby/1.8/gems/compass-0.8.17/frameworks/compass/stylesheets/compass/utilities/general/_hacks.sass */
        html body footer#about .contact ul {
          display: block; }
        /* line 398, ../../../app/stylesheets/screen.sass */
        html body footer#about .contact ul li {
          display: inline;
          float: left;
          margin-right: 15px;
          width: 105px;
          margin: 0 0 18px; }
          /* line 101, ../../../../../../.gem/ruby/1.8/gems/compass-0.8.17/frameworks/blueprint/stylesheets/blueprint/modules/_grid.sass */
          * html html body footer#about .contact ul li {
            overflow-x: hidden; }
          /* line 402, ../../../app/stylesheets/screen.sass */
          html body footer#about .contact ul li:nth-child(even) {
            margin-right: 0; }
          /* line 405, ../../../app/stylesheets/screen.sass */
          html body footer#about .contact ul li:last-child {
            margin-bottom: 0; }
          /* line 408, ../../../app/stylesheets/screen.sass */
          html body footer#about .contact ul li a {
            display: block;
            padding: 9px 0 9px 41px;
            font-family: Helvetica Neue, Helvetica, sans-serif;
            font-weight: normal;
            font-style: normal;
            color: #d6008b;
            background-position: left center;
            background-repeat: no-repeat; }
            /* line 416, ../../../app/stylesheets/screen.sass */
            html body footer#about .contact ul li a:hover {
              color: #85c700; }
            /* line 419, ../../../app/stylesheets/screen.sass */
            html body footer#about .contact ul li a.email {
              background-image: url(/images/elsewhere-email-bw.png); }
              /* line 422, ../../../app/stylesheets/screen.sass */
              html body footer#about .contact ul li a.email:hover {
                background-image: url(/images/elsewhere-email-color.png); }
            /* line 425, ../../../app/stylesheets/screen.sass */
            html body footer#about .contact ul li a.facebook {
              background-image: url(/images/elsewhere-facebook-bw.png); }
              /* line 428, ../../../app/stylesheets/screen.sass */
              html body footer#about .contact ul li a.facebook:hover {
                background-image: url(/images/elsewhere-facebook-color.png); }
            /* line 431, ../../../app/stylesheets/screen.sass */
            html body footer#about .contact ul li a.github {
              background-image: url(/images/elsewhere-github-bw.png); }
              /* line 434, ../../../app/stylesheets/screen.sass */
              html body footer#about .contact ul li a.github:hover {
                background-image: url(/images/elsewhere-github-color.png); }
            /* line 437, ../../../app/stylesheets/screen.sass */
            html body footer#about .contact ul li a.rss {
              background-image: url(/images/elsewhere-rss-bw.png); }
              /* line 440, ../../../app/stylesheets/screen.sass */
              html body footer#about .contact ul li a.rss:hover {
                background-image: url(/images/elsewhere-rss-color.png); }
    /* line 443, ../../../app/stylesheets/screen.sass */
    html body #ie-note {
      position: absolute;
      left: 40px;
      top: 0;
      background-color: #fff;
      border: 1px #cccccc solid;
      padding: 5px; }
      /* line 450, ../../../app/stylesheets/screen.sass */
      html body #ie-note p {
        margin-bottom: 0; }
    /* line 453, ../../../app/stylesheets/screen.sass */
    html body #ie {
      width: 465px;
      margin: 3.6em auto 0;
      background-color: #fff;
      border: 1px #cccccc solid;
      padding: 5px; }
      /* line 459, ../../../app/stylesheets/screen.sass */
      html body #ie p {
        margin-bottom: 0; }
      /* line 462, ../../../app/stylesheets/screen.sass */
      html body #ie ul {
        overflow: hidden;
        display: inline-block;
        list-style-type: none;
        margin: 1.8em 0; }
        /* line 5, ../../../../../../.gem/ruby/1.8/gems/compass-0.8.17/frameworks/compass/stylesheets/compass/utilities/general/_hacks.sass */
        html body #ie ul {
          display: block; }
        /* line 467, ../../../app/stylesheets/screen.sass */
        html body #ie ul li {
          float: left;
          margin-right: 2em;
          margin-bottom: 0; }
          /* line 472, ../../../app/stylesheets/screen.sass */
          html body #ie ul li a {
            display: block;
            padding-left: 23px;
            background-position: left center;
            background-repeat: no-repeat; }
          /* line 478, ../../../app/stylesheets/screen.sass */
          html body #ie ul li.firefox a {
            background-image: url(/images/firefox-icon.png); }
          /* line 481, ../../../app/stylesheets/screen.sass */
          html body #ie ul li.opera a {
            background-image: url(/images/opera-icon.png); }
          /* line 484, ../../../app/stylesheets/screen.sass */
          html body #ie ul li.chrome a {
            background-image: url(/images/chrome-icon.png); }