@charset "UTF-8";
/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */
/* =============================================================================
   HTML5 element display
   ========================================================================== */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, sidebar {
  display: block; }

audio[controls], canvas, video {
  display: inline-block;
  *display: inline;
  *zoom: 1; }

/* =============================================================================
   Base
   ========================================================================== */
/*
 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
 *    http://clagnut.com/blog/348/#c790
 * 2. Force vertical scrollbar in non-IE
 * 3. Remove Android and iOS tap highlight color to prevent entire container being highlighted
 *    www.yuiblog.com/blog/2010/10/01/quick-tip-customizing-the-mobile-safari-tap-highlight-color/
 * 4. Prevent iOS text size adjust on device orientation change, without disabling user zoom
 *    www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
 */
html {
  font-size: 100%;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  -webkit-text-size-adjust: none;
  -ms-text-size-adjust: none; }

body {
  margin: 0;
  font-size: 13px;
  line-height: 1.231; }

body, button, input, select, textarea {
  font-family: sans-serif;
  color: #222; }

::-moz-selection {
  background: #5c3d99;
  color: white;
  color: rgba(255, 255, 255, 0.9);
  text-shadow: none; }

::selection {
  background: #5c3d99;
  color: white;
  color: rgba(255, 255, 255, 0.9);
  text-shadow: none; }

/* =============================================================================
   Links
   ========================================================================== */
a {
  text-decoration: none; }

b, i, strong, em, blockquote, p, q,
span, figure, img, h1, h2, header, input,
a, a:before, a:after {
  -o-transition: all .2s ease;
  -moz-transition: all .2s ease;
  -webkit-transition: all .2s ease;
  transition: all .2s ease; }

a:link, a:visited {
  color: #333; }

a:hover, a:focus {
  color: #000; }

a:focus {
  outline: none; }

/* Improve readability when focused and hovered in all browsers: people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active {
  outline: 0; }

/* =============================================================================
   Typography
   ========================================================================== */
h1, h2, h3, h4, h5, h6, p {
  margin: 0;
  padding: 0; }

abbr[title] {
  border-bottom: 1px dotted; }

b {
  font-weight: bold; }

blockquote {
  margin: 0; }

dfn {
  font-style: italic; }

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0; }

i {
  font-style: italic; }

ins {
  background: #ff9;
  color: #000;
  text-decoration: none; }

mark {
  background: #ff0;
  color: #000;
  font-style: italic;
  font-weight: bold; }

/* Redeclare monospace font family: en.wikipedia.org/wiki/User:Davidgothberg/Test59 */
pre, code, kbd, samp {
  font-family: monospace, monospace;
  _font-family: 'courier new', monospace;
  font-size: 1em; }

/* Improve readability of pre-formatted text in all browsers */
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word; }

q {
  quotes: none; }

q:before {
  content: "“"; }

q:after {
  content: "”"; }

small {
  font-size: 85%; }

/* Position subscript and superscript content without affecting line-height: gist.github.com/413930 */
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* =============================================================================
   Lists
   ========================================================================== */
ul, ol, dl {
  margin: 0;
  padding: 0; }

dd {
  margin: 0; }

nav ul, nav ol {
  list-style: none;
  margin: 0;
  padding: 0; }

/* =============================================================================
   Embedded content
   ========================================================================== */
/*
 * Improve image quality when scaled in IE7
 * code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
 */
img {
  border: 0;
  -ms-interpolation-mode: bicubic; }

/*
 * Correct overflow displayed oddly in IE9 
 */
svg:not(:root) {
  overflow: hidden; }

/* =============================================================================
   Figures
   ========================================================================== */
figure {
  margin: 0; }

/* =============================================================================
   Forms
   ========================================================================== */
form {
  margin: 0; }

fieldset {
  border: 0;
  margin: 0;
  padding: 0; }

/* 
 * 1. Correct color not inheriting in IE6/7/8/9 
 * 2. Correct alignment displayed oddly in IE6/7 
 */
legend {
  border: 0;
  *margin-left: -7px;
  padding: 0; }

/* Indicate that 'label' will shift focus to the associated form element */
label {
  cursor: pointer; }

/*
 * 1. Correct font-size not inheriting in all browsers
 * 2. Remove margins in FF3/4 S5 Chrome
 * 3. Define consistent vertical alignment display in all browsers
 */
button, input, select, textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle; }

/*
 * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
 * 2. Correct inner spacing displayed oddly in IE6/7
 */
button, input {
  line-height: normal;
  *overflow: visible; }

/*
 * 1. Display hand cursor for clickable form elements
 * 2. Allow styling of clickable form elements in iOS
 */
button, input[type="button"], input[type="reset"], input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button; }

/*
 * Consistent box sizing and appearance
 */
input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box; }

input[type="search"] {
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }

/* 
 * Remove inner padding and border in FF3/4
 * www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ 
 */
button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/* Remove default vertical scrollbar in IE6/7/8/9 */
textarea {
  overflow: auto;
  vertical-align: top; }

/* Colors for form validity */
input:invalid, textarea:invalid {
  background-color: #f0dddd; }

/* =============================================================================
   Tables
   ========================================================================== */
table {
  border-collapse: collapse;
  border-spacing: 0; }

/* =============================================================================
   Fonts
   ========================================================================== */
b {
  font-weight: 600; }

/* =============================================================================
   Global
   ========================================================================== */
body {
  overflow: hidden;
  width: 100%;
  min-width: 1000px;
  background: white url(/issue3/images/background_transparent.png) repeat;
  -webkit-box-shadow: 0 -9px 18px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0 -9px 18px rgba(0, 0, 0, 0.1) inset;
  color: rgba(0, 0, 0, 0.79);
  /* Bug with text selection in Safari 5 when this is set to .8 */
  font-family: proxima-nova, "Helvetica Neue", Arial, sans-serif; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
    body {
      background-size: 128px 128px; } }
  @media only screen and (max-width: 740px) {
    body {
      max-width: 740px;
      min-width: 320px; } }
  @media only screen and (min-width: 741px) {
    body {
      min-width: 620px; } }
  @media only screen and (min-width: 1001px) {
    body {
      -webkit-box-shadow: 0 -24px 48px rgba(0, 0, 0, 0.1) inset;
      box-shadow: 0 -24px 48px rgba(0, 0, 0, 0.1) inset; } }

@media only screen and (min-width: 981px) {
  .content {
    margin-right: auto;
    margin-left: auto;
    max-width: 940px; } }
/* =============================================================================
   Buttons
   ========================================================================== */
.button {
  display: block;
  padding: .5em .875em;
  border: none;
  -webkit-border-radius: 0.5em;
  border-radius: 0.5em;
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%);
  background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%);
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%);
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.2)), color-stop(100%, rgba(255, 255, 255, 0)));
  background: linear-gradient(top, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%);
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  color: #fff;
  font: 600 1em/1em proxima-nova, "Helvetica Neue", Arial, sans-serif;
  letter-spacing: 1px;
  text-align: center;
  text-transform: uppercase;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4); }
  .button:hover, .button:focus {
    color: #fff !important; }

/* =============================================================================
   Submissions
   ========================================================================== */
p#alert {
  z-index: 2;
  position: relative;
  font-size: 14px;
  text-align: center; }
  p#alert a {
    display: block;
    padding: 12px 20px;
    background: rgba(0, 0, 0, 0.05);
    border-bottom: 3px solid rgba(0, 0, 0, 0.05);
    color: rgba(0, 0, 0, 0.6); }
    p#alert a:hover, p#alert a b {
      color: rgba(0, 0, 0, 0.8); }
    p#alert a:hover {
      background: rgba(0, 0, 0, 0.1);
      border-bottom: 3px solid rgba(0, 0, 0, 0.1); }
  @media only screen and (min-width: 741px) {
    p#alert {
      margin-bottom: 12px; } }

/* =============================================================================
   Banner
   ========================================================================== */
header[role="banner"] {
  z-index: 1;
  position: relative;
  margin: 0 20px;
  padding: 24px 0 18px;
  max-width: 940px;
  -webkit-box-shadow: 0 6px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 6px 0 rgba(0, 0, 0, 0.05);
  letter-spacing: .1em;
  text-transform: uppercase; }
  header[role="banner"] > a {
    opacity: .8;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
    float: left;
    margin-right: 60px; }
    header[role="banner"] > a:hover {
      opacity: 1;
      filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); }
  header[role="banner"] p {
    float: left;
    font-size: 18px;
    line-height: 30px; }
  header[role="banner"] a {
    color: rgba(0, 0, 0, 0.4); }
    header[role="banner"] a:hover {
      color: rgba(0, 0, 0, 0.6); }
      header[role="banner"] a:hover b {
        color: black; }
  header[role="banner"] b {
    color: rgba(0, 0, 0, 0.8);
    font-weight: 600; }
  header[role="banner"] .button {
    float: right;
    position: relative;
    font-size: 14px;
    background: rgba(0, 0, 0, 0.8);
    -webkit-box-shadow: none;
    box-shadow: none;
    text-shadow: none; }
    header[role="banner"] .button:hover, header[role="banner"] .button:focus {
      background: black; }
  @media only screen and (max-width: 740px) {
    header[role="banner"] {
      padding-top: 21px; }
      header[role="banner"] p {
        display: none; } }
  @media only screen and (min-width: 981px) {
    header[role="banner"] {
      margin: 0 auto; } }

/* =============================================================================
   Main
   ========================================================================== */
div[role="main"] div.content {
  z-index: 0;
  position: relative; }
@media only screen and (max-width: 740px) {
  div[role="main"] {
    padding-top: 36px; } }

div[role="document"] {
  position: relative; }
  div[role="document"] article {
    font-family: chaparral-pro, Palatino, Georgia, "Times New Roman", Times, serif; }
    div[role="document"] article header {
      margin-bottom: 24px; }
      div[role="document"] article header h1, div[role="document"] article header h2 {
        margin-bottom: 18px; }
      div[role="document"] article header h1 {
        font-size: 72px;
        line-height: .834em; }
      div[role="document"] article header h2 {
        color: rgba(0, 0, 0, 0.6);
        font-size: 36px;
        line-height: 1em; }
      div[role="document"] article header p {
        color: rgba(0, 0, 0, 0.4); }
        div[role="document"] article header p.tagline, div[role="document"] article header p.byline {
          font-family: proxima-nova, "Helvetica Neue", Arial, sans-serif; }
    div[role="document"] article dt {
      font-size: 21px;
      line-height: 27px; }
    div[role="document"] article p, div[role="document"] article dd {
      font-size: 18px;
      line-height: 24px; }
    div[role="document"] article p + p, div[role="document"] article dd + dd {
      text-indent: 20px; }
    div[role="document"] article dt {
      font-weight: bold; }
    div[role="document"] article dt {
      margin-top: 36px; }
    div[role="document"] article dt + dd {
      margin-top: 18px; }
    div[role="document"] article em {
      font-style: normal;
      font-variant: small-caps; }
    div[role="document"] article footer p {
      margin-top: 36px;
      color: rgba(0, 0, 0, 0.4); }
    div[role="document"] article li h1 {
      margin-bottom: 12px;
      font-size: 30px;
      line-height: 33px; }
    div[role="document"] article section header {
      position: relative; }
      div[role="document"] article section header li h1 {
        margin-bottom: 12px;
        font-size: 30px;
        line-height: 33px; }
      div[role="document"] article section header p {
        font: 21px/27px chaparral-pro, Palatino, Georgia, "Times New Roman", Times, serif; }
        div[role="document"] article section header p.byline {
          font-size: 18px;
          line-height: 24px; }
    div[role="document"] article .end:after {
      content: "";
      display: inline-block;
      *display: inline;
      width: 14px;
      height: 18px;
      background: url(/issue3/images/icons.png) no-repeat 0 -40px;
      opacity: .8;
      filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
      margin-left: 8px;
      vertical-align: middle; }
  div[role="document"] sidebar {
    float: left;
    font-size: 14px;
    line-height: 21px; }
    div[role="document"] sidebar p {
      margin-bottom: 15px;
      color: rgba(0, 0, 0, 0.4); }
      div[role="document"] sidebar p a, div[role="document"] sidebar p b {
        color: rgba(0, 0, 0, 0.6); }
      div[role="document"] sidebar p a:hover {
        color: rgba(0, 0, 0, 0.8); }
      div[role="document"] sidebar p b {
        font-weight: 600; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
    div[role="document"] article .end:after {
      background-image: url(/issue3/images/icons_2x.png);
      background-size: 60px auto; } }
  @media only screen and (max-width: 740px) {
    div[role="document"] article {
      max-width: 580px; }
      div[role="document"] article header {
        margin-bottom: 24px;
        text-align: center; }
        div[role="document"] article header h1, div[role="document"] article header h2 {
          margin-bottom: 12px; }
        div[role="document"] article header h1 {
          font-size: 48px; }
        div[role="document"] article header h2 {
          font-size: 30px; }
        div[role="document"] article header p.tagline, div[role="document"] article header p.byline {
          font-size: 18px;
          line-height: 21px; }
    div[role="document"] sidebar {
      padding-top: 21px; } }
  @media only screen and (min-width: 981px) {
    div[role="document"] p.tagline, div[role="document"] p.byline {
      font-size: 21px;
      line-height: 27px; } }

body.issue a:hover {
  color: #999; }
body.issue div[role="main"] {
  padding-right: 20px;
  padding-left: 20px; }
body.issue div[role="document"] article h1 {
  margin-bottom: 9px; }
body.issue div[role="document"] form {
  float: left;
  position: relative;
  left: 50%;
  width: auto; }
  body.issue div[role="document"] form .button, body.issue div[role="document"] form small {
    left: -50%; }
  body.issue div[role="document"] form .button {
    position: relative;
    color: #fff;
    font-size: 18px; }
  body.issue div[role="document"] form p, body.issue div[role="document"] form small {
    color: #999;
    font-family: proxima-nova, "Helvetica Neue", Arial, sans-serif; }
  body.issue div[role="document"] form small {
    position: absolute;
    top: 42px;
    width: 200px;
    font-size: 12px;
    text-align: center; }
  body.issue div[role="document"] form p {
    line-height: 36px; }
    body.issue div[role="document"] form p a {
      margin-left: 5px;
      color: #7C2250;
      font-weight: 600; }
      body.issue div[role="document"] form p a:hover {
        color: #541736; }
body.issue div[role="document"] figure {
  border: 1px solid #e5e5e5;
  -webkit-box-shadow: 0 3px 12px rgba(0, 0, 0, 0.1);
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.1); }
  body.issue div[role="document"] figure img {
    width: 100%;
    height: auto; }
@media only screen and (max-width: 740px) {
  body.issue div[role="main"] {
    padding-bottom: 36px; }
  body.issue div[role="document"] article, body.issue div[role="document"] sidebar {
    margin: 0 auto; }
  body.issue div[role="document"] article {
    max-width: 580px; }
    body.issue div[role="document"] article header {
      margin-bottom: 18px;
      text-align: center; }
    body.issue div[role="document"] article h1 {
      font-size: 54px; }
  body.issue div[role="document"] sidebar {
    float: none;
    padding-top: 0;
    margin: 24px auto 54px;
    max-width: 280px; }
  body.issue div[role="document"] figure {
    margin-bottom: 24px;
    width: 100%;
    /* 280px / 580px */ } }
@media only screen and (max-width: 480px) {
  body.issue div[role="document"] sidebar, body.issue div[role="document"] figure {
    float: none;
    width: 280px; } }
@media only screen and (min-width: 741px) {
  body.issue div[role="document"] {
    margin: 0 auto;
    padding-bottom: 84px;
    padding-top: 48px; }
    body.issue div[role="document"] article {
      float: right;
      margin-right: 6.3829787%;
      /* 60px / 940px */
      margin-bottom: 36px;
      width: 48.9361702%;
      /* 460px / 940px */ }
      body.issue div[role="document"] article header {
        text-align: left;
        margin-bottom: 15px; }
      body.issue div[role="document"] article h1 {
        margin-bottom: 6px;
        font-size: 60px; }
      body.issue div[role="document"] article p.tagline {
        font-size: 21px; }
    body.issue div[role="document"] sidebar {
      float: left;
      margin-left: 6.3829787%;
      /* 60px / 940px */
      width: 29.787234%;
      /* 280px / 940px */ }
      body.issue div[role="document"] sidebar figure {
        margin-bottom: 30px;
        margin-left: -20px;
        width: 114.2857143%;
        /* 320px / 280px */ } }
@media only screen and (min-width: 741px) and (max-width: 880px) {
  body.issue div[role="document"] {
    padding-bottom: 84px; }
  body.issue div[role="document"] form .button {
    float: none;
    margin-right: 0; } }
@media only screen and (min-width: 981px) {
  body.issue div[role="main"] {
    margin-right: 0;
    margin-left: 0; }
  body.issue div[role="document"] {
    padding-bottom: 78px; }
    body.issue div[role="document"] article header {
      margin-bottom: 24px; }
      body.issue div[role="document"] article header h1 {
        font-size: 78px; }
      body.issue div[role="document"] article header p.tagline {
        font-size: 24px; }
    body.issue div[role="document"] sidebar figure {
      margin-bottom: 0;
      margin-left: -35px;
      padding: 9px 15px 36px;
      width: 320px;
      height: 414px;
      border: none;
      background: url(/issue3/images/cover_frame.png) no-repeat 5px 1px;
      -webkit-box-shadow: none;
      box-shadow: none; } }
@media only screen and (min-width: 981px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 981px) and (min-device-pixel-ratio: 2) {
  body.issue div[role="document"] sidebar figure {
    background-image: url(/issue3/images/cover_frame_2x.png);
    background-size: 340px 441px; } }

body.story article, body.story sidebar {
  z-index: 1;
  position: relative; }
body.story article {
  margin-right: auto;
  margin-left: auto; }
  body.story article img {
    display: block;
    z-index: 0;
    position: relative; }
  body.story article header {
    margin-bottom: 36px; }
  body.story article section {
    margin-bottom: 24px; }
    body.story article section header {
      margin-bottom: 15px; }
  body.story article blockquote {
    display: block;
    padding: 39px 20px 0;
    font-size: 24px;
    line-height: 30px; }
    body.story article blockquote q {
      position: relative; }
      body.story article blockquote q:before, body.story article blockquote q:after {
        position: absolute; }
      body.story article blockquote q:before {
        left: -0.5em; }
      body.story article blockquote q:after {
        right: -0.5em; }
  body.story article li {
    margin-bottom: 42px; }
    body.story article li:last-child {
      margin-bottom: 0; }
body.story .quoted:before {
  content: attr(data-quote);
  display: block;
  float: left;
  margin: 30px 40px 24px -140px;
  width: 340px;
  font-size: 21px;
  font-family: proxima-nova, "Helvetica Neue", Arial, sans-serif;
  line-height: 1.25em;
  text-align: right;
  text-indent: 0; }
body.story .quoted.alt:before {
  float: right;
  margin: 18px -140px 18px 40px;
  text-align: left; }
@media only screen and (max-width: 740px) {
  body.story div[role="document"] {
    padding-right: 20px;
    padding-left: 20px; }
    body.story div[role="document"] article img {
      display: block;
      margin: 0 auto 36px;
      width: 280px;
      height: auto; }
    body.story div[role="document"] sidebar {
      float: none;
      margin-top: 36px;
      padding-top: 21px;
      border-top: 1px dashed rgba(0, 0, 0, 0.1); }
      body.story div[role="document"] sidebar p:first-child, body.story div[role="document"] sidebar p + p {
        margin-right: auto;
        margin-left: auto;
        max-width: 440px; }
  body.story article blockquote, body.story .quoted:before, body.story .quoted.alt:before {
    float: none;
    margin: 24px 0;
    padding: 0 20px;
    width: auto;
    text-align: left; } }
@media only screen and (min-width: 741px) {
  body.story div[role="main"] {
    padding-top: 60px; }
  body.story article {
    width: 580px; }
  body.story .quoted:before {
    float: left;
    margin: 30px 40px 24px -60px;
    width: 340px;
    text-align: right; }
  body.story .quoted.alt:before {
    float: right;
    margin: 18px -60px 18px 40px;
    text-align: left; }
  body.story section + section h1 {
    margin-bottom: 12px;
    font-size: 60px; }
  body.story sidebar {
    width: 220px; } }
@media only screen and (min-width: 741px) and (max-width: 980px) {
  body.story article img {
    margin-bottom: 36px; }
  body.story sidebar {
    float: none;
    margin: 60px auto 0;
    padding-top: 24px;
    width: 700px;
    border-top: 1px dashed rgba(0, 0, 0, 0.1); }
    body.story sidebar p {
      float: left;
      margin-right: 20px;
      width: 340px; }
      body.story sidebar p + p {
        margin: 0; } }
@media only screen and (min-width: 981px) {
  body.story div[role="main"] {
    padding-top: 72px; }
  body.story article {
    float: right; }
    body.story article img {
      margin-bottom: 48px; }
    body.story article blockquote {
      font-size: 30px;
      line-height: 33px; }
  body.story .quoted:before {
    margin-left: -140px; }
  body.story .quoted.alt:before {
    margin-right: -140px; }
  body.story section + section h1 {
    margin-bottom: 12px;
    font-size: 60px; }
  body.story sidebar {
    width: 220px; } }

/* =============================================================================
   Issue: Story List
   ========================================================================== */
ol#stories {
  -webkit-box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.05);
  list-style: none;
  counter-reset: li; }
  ol#stories li {
    position: relative; }
  ol#stories a {
    display: block;
    z-index: 0;
    position: relative;
    padding-top: 3px;
    width: 100%;
    background: 100% 50% no-repeat;
    background-size: 42.5531915% auto;
    -webkit-box-shadow: inset 0 -3px 0 rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 -3px 0 rgba(0, 0, 0, 0.05); }
    ol#stories a:before {
      content: counter(li);
      display: block;
      position: absolute;
      background: #333;
      color: rgba(255, 255, 255, 0.8);
      font-weight: 600;
      text-align: center;
      counter-increment: li; }
    ol#stories a:hover {
      -webkit-box-shadow: inset 0 -3px 0 rgba(0, 0, 0, 0.1);
      box-shadow: inset 0 -3px 0 rgba(0, 0, 0, 0.1); }
      ol#stories a:hover:before {
        color: #fff; }
      ol#stories a:hover p {
        color: #666; }
    ol#stories a:visited:before {
      background-color: #ccc !important; }
  ol#stories header {
    margin-bottom: 6px;
    font-family: chaparral-pro, Palatino, Georgia, "Times New Roman", Times, serif; }
  ol#stories h1, ol#stories h2 {
    line-height: 1em; }
  ol#stories h1 {
    margin-bottom: 3px;
    color: #333; }
  ol#stories h2 {
    color: #666;
    font-style: italic;
    font-weight: normal; }
  ol#stories p {
    color: #999; }
  ol#stories a#introduction {
    background-image: url(/issue3/images/issue3/introduction_crop.png); }
    ol#stories a#introduction:before, ol#stories a#introduction:hover:visited:before {
      background-color: #333; }
    ol#stories a#introduction:hover:visited:before {
      background-color: #333 !important; }
    ol#stories a#introduction blockquote {
      background: rgba(51, 51, 51, 0.95); }
    ol#stories a#introduction:hover h1, ol#stories a#introduction:hover h2 {
      color: #333; }
  ol#stories a#sunglasses-man {
    background-image: url(/issue3/images/issue3/sunglasses_man_crop.jpg); }
    ol#stories a#sunglasses-man:before, ol#stories a#sunglasses-man:hover:visited:before {
      background-color: #e33a42; }
    ol#stories a#sunglasses-man:hover:visited:before {
      background-color: #e33a42 !important; }
    ol#stories a#sunglasses-man blockquote {
      background: rgba(227, 58, 66, 0.95); }
    ol#stories a#sunglasses-man:hover h1, ol#stories a#sunglasses-man:hover h2 {
      color: #e33a42; }
  ol#stories a#sucks-to {
    background-image: url(/issue3/images/issue3/sucks_to_be_a_straight_guy_crop.jpg); }
    ol#stories a#sucks-to:before, ol#stories a#sucks-to:hover:visited:before {
      background-color: #7daf99; }
    ol#stories a#sucks-to:hover:visited:before {
      background-color: #7daf99 !important; }
    ol#stories a#sucks-to blockquote {
      background: rgba(125, 175, 153, 0.95); }
    ol#stories a#sucks-to:hover h1, ol#stories a#sucks-to:hover h2 {
      color: #7daf99; }
  ol#stories a#braces {
    background-image: url(/issue3/images/issue3/braces_crop.png); }
    ol#stories a#braces:before, ol#stories a#braces:hover:visited:before {
      background-color: #fb9bba; }
    ol#stories a#braces:hover:visited:before {
      background-color: #fb9bba !important; }
    ol#stories a#braces blockquote {
      background: rgba(251, 155, 186, 0.95); }
    ol#stories a#braces:hover h1, ol#stories a#braces:hover h2 {
      color: #fb9bba; }
  ol#stories a#seeds-of {
    background-image: url(/issue3/images/issue3/seeds_of_love_crop.jpg); }
    ol#stories a#seeds-of:before, ol#stories a#seeds-of:hover:visited:before {
      background-color: #f5eb2c; }
    ol#stories a#seeds-of:hover:visited:before {
      background-color: #f5eb2c !important; }
    ol#stories a#seeds-of blockquote {
      background: rgba(245, 235, 44, 0.95); }
    ol#stories a#seeds-of:hover h1, ol#stories a#seeds-of:hover h2 {
      color: #f5eb2c; }
  ol#stories a#five-rules {
    background-image: url(/issue3/images/issue3/five_rules_for_living_crop.png); }
    ol#stories a#five-rules:before, ol#stories a#five-rules:hover:visited:before {
      background-color: #d1edf2; }
    ol#stories a#five-rules:hover:visited:before {
      background-color: #d1edf2 !important; }
    ol#stories a#five-rules blockquote {
      background: rgba(209, 237, 242, 0.95); }
    ol#stories a#five-rules:hover h1, ol#stories a#five-rules:hover h2 {
      color: #d1edf2; }
  ol#stories a#the-letters {
    background-image: url(/issue3/images/issue3/the_letters_project_crop.jpg); }
    ol#stories a#the-letters:before, ol#stories a#the-letters:hover:visited:before {
      background-color: #877083; }
    ol#stories a#the-letters:hover:visited:before {
      background-color: #877083 !important; }
    ol#stories a#the-letters blockquote {
      background: rgba(135, 112, 131, 0.95); }
    ol#stories a#the-letters:hover h1, ol#stories a#the-letters:hover h2 {
      color: #877083; }
  ol#stories a#of-silence {
    background-image: url(/issue3/images/issue3/of_silence_and_oranges_crop.png); }
    ol#stories a#of-silence:before, ol#stories a#of-silence:hover:visited:before {
      background-color: #ffa620; }
    ol#stories a#of-silence:hover:visited:before {
      background-color: #ffa620 !important; }
    ol#stories a#of-silence blockquote {
      background: rgba(255, 166, 32, 0.95); }
    ol#stories a#of-silence:hover h1, ol#stories a#of-silence:hover h2 {
      color: #ffa620; }
  ol#stories a#fucking-death {
    background-image: url(/issue3/images/issue3/fucking_death_crop.png); }
    ol#stories a#fucking-death:before, ol#stories a#fucking-death:hover:visited:before {
      background-color: #ee2224; }
    ol#stories a#fucking-death:hover:visited:before {
      background-color: #ee2224 !important; }
    ol#stories a#fucking-death blockquote {
      background: rgba(238, 34, 36, 0.95); }
    ol#stories a#fucking-death:hover h1, ol#stories a#fucking-death:hover h2 {
      color: #ee2224; }
  ol#stories a#dead-sexy {
    background-image: url(/issue3/images/issue3/dead_sexy_crop.png); }
    ol#stories a#dead-sexy:before, ol#stories a#dead-sexy:hover:visited:before {
      background-color: #575757; }
    ol#stories a#dead-sexy:hover:visited:before {
      background-color: #575757 !important; }
    ol#stories a#dead-sexy blockquote {
      background: rgba(87, 87, 87, 0.95); }
    ol#stories a#dead-sexy:hover h1, ol#stories a#dead-sexy:hover h2 {
      color: #575757; }
  ol#stories a#the-opened {
    background-image: url(/issue3/images/issue3/the_opened_hand_crop.jpg); }
    ol#stories a#the-opened:before, ol#stories a#the-opened:hover:visited:before {
      background-color: #d0c8a1; }
    ol#stories a#the-opened:hover:visited:before {
      background-color: #d0c8a1 !important; }
    ol#stories a#the-opened blockquote {
      background: rgba(208, 200, 161, 0.95); }
    ol#stories a#the-opened:hover h1, ol#stories a#the-opened:hover h2 {
      color: #d0c8a1; }
  ol#stories a#a-day {
    background-image: url(/issue3/images/issue3/a_day_in_the_life_of_a_killer_crop.jpg); }
    ol#stories a#a-day:before, ol#stories a#a-day:hover:visited:before {
      background-color: #7962a0; }
    ol#stories a#a-day:hover:visited:before {
      background-color: #7962a0 !important; }
    ol#stories a#a-day blockquote {
      background: rgba(121, 98, 160, 0.95); }
    ol#stories a#a-day:hover h1, ol#stories a#a-day:hover h2 {
      color: #7962a0; }
  ol#stories a#orphans {
    background-image: url(/issue3/images/issue3/orphans_crop.jpg); }
    ol#stories a#orphans:before, ol#stories a#orphans:hover:visited:before {
      background-color: #706d65; }
    ol#stories a#orphans:hover:visited:before {
      background-color: #706d65 !important; }
    ol#stories a#orphans blockquote {
      background: rgba(112, 109, 101, 0.95); }
    ol#stories a#orphans:hover h1, ol#stories a#orphans:hover h2 {
      color: #706d65; }
  ol#stories a#coffin-cornered {
    background-image: url(/issue3/images/issue3/coffin_cornered_crop.jpg); }
    ol#stories a#coffin-cornered:before, ol#stories a#coffin-cornered:hover:visited:before {
      background-color: #ec008b; }
    ol#stories a#coffin-cornered:hover:visited:before {
      background-color: #ec008b !important; }
    ol#stories a#coffin-cornered blockquote {
      background: rgba(236, 0, 139, 0.95); }
    ol#stories a#coffin-cornered:hover h1, ol#stories a#coffin-cornered:hover h2 {
      color: #ec008b; }
  ol#stories a#a-death {
    background-image: url(/issue3/images/issue3/a_death_of_coincidence_crop.jpg); }
    ol#stories a#a-death:before, ol#stories a#a-death:hover:visited:before {
      background-color: #d1cccc; }
    ol#stories a#a-death:hover:visited:before {
      background-color: #d1cccc !important; }
    ol#stories a#a-death blockquote {
      background: rgba(209, 204, 204, 0.95); }
    ol#stories a#a-death:hover h1, ol#stories a#a-death:hover h2 {
      color: #d1cccc; }
  ol#stories a#what-we {
    background-image: url(/issue3/images/issue3/what_we_talk_about_when_were_trying_not_to_talk_about_death_crop.jpg); }
    ol#stories a#what-we:before, ol#stories a#what-we:hover:visited:before {
      background-color: #cc7e66; }
    ol#stories a#what-we:hover:visited:before {
      background-color: #cc7e66 !important; }
    ol#stories a#what-we blockquote {
      background: rgba(204, 126, 102, 0.95); }
    ol#stories a#what-we:hover h1, ol#stories a#what-we:hover h2 {
      color: #cc7e66; }
  ol#stories a#diary-of {
    background-image: url(/issue3/images/issue3/diary_of_the_dead_crop.jpg); }
    ol#stories a#diary-of:before, ol#stories a#diary-of:hover:visited:before {
      background-color: #942f34; }
    ol#stories a#diary-of:hover:visited:before {
      background-color: #942f34 !important; }
    ol#stories a#diary-of blockquote {
      background: rgba(148, 47, 52, 0.95); }
    ol#stories a#diary-of:hover h1, ol#stories a#diary-of:hover h2 {
      color: #942f34; }
  ol#stories a#once-around {
    background-image: url(/issue3/images/issue3/once_around_the_corpse_crop.jpg); }
    ol#stories a#once-around:before, ol#stories a#once-around:hover:visited:before {
      background-color: #7BA537; }
    ol#stories a#once-around:hover:visited:before {
      background-color: #7BA537 !important; }
    ol#stories a#once-around blockquote {
      background: rgba(123, 165, 55, 0.95); }
    ol#stories a#once-around:hover h1, ol#stories a#once-around:hover h2 {
      color: #7BA537; }
  ol#stories a#nest {
    background-image: url(/issue3/images/issue3/nest_crop.png); }
    ol#stories a#nest:before, ol#stories a#nest:hover:visited:before {
      background-color: #90d8e1; }
    ol#stories a#nest:hover:visited:before {
      background-color: #90d8e1 !important; }
    ol#stories a#nest blockquote {
      background: rgba(144, 216, 225, 0.95); }
    ol#stories a#nest:hover h1, ol#stories a#nest:hover h2 {
      color: #90d8e1; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
    ol#stories a#introduction {
      background-image: url(/issue3/images/issue3/introduction_crop_2x.png); }
    ol#stories a#sunglasses-man {
      background-image: url(/issue3/images/issue3/sunglasses_man_crop_2x.jpg); }
    ol#stories a#sucks-to {
      background-image: url(/issue3/images/issue3/sucks_to_be_a_straight_guy_crop_2x.jpg); }
    ol#stories a#braces {
      background-image: url(/issue3/images/issue3/braces_crop_2x.png); }
    ol#stories a#seeds-of {
      background-image: url(/issue3/images/issue3/seeds_of_love_crop_2x.jpg); }
    ol#stories a#five-rules {
      background-image: url(/issue3/images/issue3/five_rules_for_living_crop_2x.png); }
    ol#stories a#the-letters {
      background-image: url(/issue3/images/issue3/the_letters_project_crop_2x.jpg); }
    ol#stories a#of-silence {
      background-image: url(/issue3/images/issue3/of_silence_and_oranges_crop_2x.png); }
    ol#stories a#fucking-death {
      background-image: url(/issue3/images/issue3/fucking_death_crop_2x.png); }
    ol#stories a#dead-sexy {
      background-image: url(/issue3/images/issue3/dead_sexy_crop_2x.png); }
    ol#stories a#the-opened {
      background-image: url(/issue3/images/issue3/the_opened_hand_crop_2x.jpg); }
    ol#stories a#a-day {
      background-image: url(/issue3/images/issue3/a_day_in_the_life_of_a_killer_crop_2x.jpg); }
    ol#stories a#orphans {
      background-image: url(/issue3/images/issue3/orphans_crop_2x.jpg); }
    ol#stories a#coffin-cornered {
      background-image: url(/issue3/images/issue3/coffin_cornered_crop_2x.jpg); }
    ol#stories a#a-death {
      background-image: url(/issue3/images/issue3/a_death_of_coincidence_crop_2x.jpg); }
    ol#stories a#what-we {
      background-image: url(/issue3/images/issue3/what_we_talk_about_when_were_trying_not_to_talk_about_death_crop_2x.jpg); }
    ol#stories a#diary-of {
      background-image: url(/issue3/images/issue3/diary_of_the_dead_crop_2x.jpg); }
    ol#stories a#once-around {
      background-image: url(/issue3/images/issue3/once_around_the_corpse_crop_2x.jpg); }
    ol#stories a#nest {
      background-image: url(/issue3/images/issue3/nest_crop_2x.png); } }
  @media only screen and (max-width: 740px) {
    ol#stories {
      padding: 9px 0 24px; }
      ol#stories header, ol#stories p {
        padding-left: 40px; }
      ol#stories li {
        margin-bottom: 9px; }
      ol#stories a {
        padding-bottom: 15px;
        background-image: none !important; }
        ol#stories a:before {
          width: 24px;
          height: 24px;
          -webkit-border-radius: 12px;
          border-radius: 12px;
          font-size: 16px;
          line-height: 24px; }
      ol#stories h1 {
        font-size: 24px; }
      ol#stories h2 {
        font-size: 18px; }
      ol#stories p {
        font-size: 14px; }
      ol#stories blockquote {
        display: none; } }
  @media only screen and (min-width: 741px) {
    ol#stories {
      padding: 15px 0 24px; }
      ol#stories li {
        margin-bottom: 15px; }
        ol#stories li:after {
          content: "";
          display: block;
          z-index: 2;
          position: absolute;
          right: 42.5531915%;
          bottom: 0;
          width: 2.1276596%;
          height: 100%;
          background: white url(/issue3/images/background_transparent.png) repeat; }
      ol#stories header, ol#stories p {
        margin-left: 6.3829787%;
        width: 47.8723404%; }
      ol#stories h1 {
        margin-bottom: 6px;
        font-size: 27px; }
      ol#stories h2 {
        font-size: 21px; }
      ol#stories p {
        font-size: 15px; }
      ol#stories a {
        padding-bottom: 18px; }
        ol#stories a:hover blockquote {
          opacity: 1;
          filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); }
        ol#stories a:hover q {
          bottom: -12px; }
        ol#stories a:before {
          width: 1.5em;
          height: 1.5em;
          -webkit-border-radius: 0.75em;
          border-radius: 0.75em;
          font-size: 18px;
          line-height: 1.5em; }
      ol#stories blockquote {
        z-index: 0;
        opacity: 0;
        filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
        position: absolute;
        top: 0;
        right: 0;
        padding: 0 2.2340426%;
        width: 38.2978723%;
        height: 100%;
        overflow: hidden;
        -webkit-box-shadow: inset 0 -3px 0 rgba(0, 0, 0, 0.1);
        box-shadow: inset 0 -3px 0 rgba(0, 0, 0, 0.1);
        font-size: 16px;
        font-weight: 600;
        line-height: 1em;
        text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2); }
      ol#stories q {
        position: relative;
        bottom: -18px;
        color: #fff; }
        ol#stories q:before, ol#stories q:after {
          content: ""; } }
  @media only screen and (min-width: 981px) {
    ol#stories {
      padding: 18px 0 30px; }
      ol#stories li {
        margin-bottom: 18px; }
      ol#stories header {
        margin-bottom: 9px; }
      ol#stories p {
        font-size: 16px; }
      ol#stories a {
        padding-bottom: 24px; }
        ol#stories a:hover q {
          bottom: -12px; }
        ol#stories a:before {
          top: 0;
          width: 1.4em;
          height: 1.4em;
          -webkit-border-radius: 0.7em;
          border-radius: 0.7em;
          font-size: 21px;
          line-height: 1.4em; }
      ol#stories blockquote {
        font-size: 18px; }
      ol#stories q {
        bottom: -21px; } }

/* =============================================================================
   Issue: Credits
   ========================================================================== */
footer#credits {
  margin: 0 auto;
  background: url(/issue3/images/issue3/layout/mark.png) center bottom no-repeat; }
  footer#credits h3, footer#credits dt {
    font-family: chaparral-pro, Palatino, Georgia, "Times New Roman", Times, serif; }
  footer#credits h3 {
    margin-bottom: 12px; }
  footer#credits dl {
    float: left;
    width: 47.0588235%; }
    footer#credits dl + dl {
      float: right; }
  footer#credits dt {
    margin-bottom: 3px;
    font-size: 16px; }
  footer#credits dd {
    margin-bottom: 15px;
    color: #999; }
  footer#credits p {
    color: #666;
    font-size: 14px;
    line-height: 21px; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
    footer#credits {
      background-image: url(/issue3/images/issue3/layout/mark_2x.png);
      background-size: 34px 48px; } }
  @media only screen and (max-width: 740px) {
    footer#credits {
      padding-bottom: 72px; }
      footer#credits h3 {
        font-size: 21px;
        text-align: center; }
      footer#credits section {
        margin: 0 auto; }
      footer#credits section#staff {
        margin-bottom: 18px;
        width: 48.5714286%;
        min-width: 280px; }
        footer#credits section#staff dl {
          min-width: 120px; }
      footer#credits section#contributors {
        max-width: 580px; } }
  @media only screen and (min-width: 741px) {
    footer#credits {
      padding-bottom: 81px;
      width: 87.2340426%; }
      footer#credits h3 {
        font-size: 21px; }
      footer#credits section#staff {
        float: left;
        width: 41.4634146%; }
      footer#credits section#contributors {
        float: right;
        width: 56.097561%; } }
  @media only screen and (min-width: 981px) {
    footer#credits h3 {
      font-size: 24px; } }

/* =============================================================================
   Pager
   ========================================================================== */
nav.pager {
  position: relative;
  margin: 48px auto 0; }
  nav.pager li {
    float: left;
    line-height: 24px; }
    nav.pager li a {
      display: block;
      position: relative;
      padding: 15px 0;
      color: rgba(0, 0, 0, 0.4); }
      nav.pager li a:hover {
        color: rgba(0, 0, 0, 0.6); }
        nav.pager li a:hover b {
          color: #fff !important;
          background: rgba(0, 0, 0, 0.4); }
        nav.pager li a:hover span.icon {
          opacity: .4;
          filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40); }
      nav.pager li a span.icon {
        content: "";
        opacity: .2;
        filter: progid:DXImageTransform.Microsoft.Alpha(opacity=20);
        position: absolute;
        margin-top: 7px;
        width: 5px;
        height: 10px; }
      nav.pager li a b {
        z-index: 1;
        display: block;
        position: absolute;
        margin-top: -3px;
        width: 30px;
        height: 30px;
        -webkit-border-radius: 15px;
        border-radius: 15px;
        background: rgba(0, 0, 0, 0.1);
        color: #fff;
        font: 600 18px/30px proxima-nova, "Helvetica Neue", Arial, sans-serif;
        letter-spacing: 1px;
        text-align: center; }
  nav.pager li.previous {
    text-align: left; }
    nav.pager li.previous a b {
      left: 0; }
    nav.pager li.previous a span.icon {
      left: -15px;
      background: url(/issue3/images/icons.png) no-repeat 0 0; }
  nav.pager li.next {
    float: right;
    text-align: right; }
    nav.pager li.next a b {
      right: 0; }
    nav.pager li.next a span.icon {
      right: -15px;
      background: url(/issue3/images/icons.png) no-repeat -30px 0; }
  nav.pager a#index:hover b {
    opacity: .4;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40); }
  nav.pager a#index:before {
    background: #fff; }
  nav.pager a#index b {
    opacity: .2;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=20);
    -webkit-border-radius: 0;
    border-radius: 0;
    content: "";
    width: 30px;
    height: 30px;
    background: url(/issue3/images/icons.png) no-repeat -30px -10px; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
    nav.pager li.previous a span.icon, nav.pager li.next a span.icon {
      background-image: url(/issue3/images/icons_2x.png);
      background-size: 60px auto; }
    nav.pager a#index b {
      background-image: url(/issue3/images/icons_2x.png);
      background-size: 60px auto; } }

div[role="main"] nav.pager {
  z-index: 0;
  padding-bottom: 9px;
  background: rgba(255, 255, 255, 0.9) url(/issue3/images/background_transparent.png) repeat;
  -webkit-box-shadow: 0 -6px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 -6px 0 rgba(0, 0, 0, 0.05); }
  div[role="main"] nav.pager ul {
    position: relative; }
  div[role="main"] nav.pager li.previous a, div[role="main"] nav.pager li.next a {
    z-index: 1;
    color: rgba(0, 0, 0, 0.8); }
    div[role="main"] nav.pager li.previous a:hover:before, div[role="main"] nav.pager li.next a:hover:before {
      background: #fff; }
    div[role="main"] nav.pager li.previous a:before, div[role="main"] nav.pager li.next a:before {
      content: "";
      display: block;
      z-index: 1;
      position: absolute;
      width: 36px;
      height: 36px;
      -webkit-border-radius: 18px;
      border-radius: 18px;
      background: rgba(255, 255, 255, 0.9); }
  div[role="main"] nav.pager li.index {
    position: absolute;
    left: 50%;
    margin-left: -55px;
    text-align: center; }
    div[role="main"] nav.pager li.index a {
      z-index: 2;
      width: 140px;
      color: rgba(0, 0, 0, 0.4);
      font: 400 14px/24px proxima-nova, "Helvetica Neue", Arial, sans-serif;
      text-transform: uppercase;
      letter-spacing: 1px; }
      div[role="main"] nav.pager li.index a:hover {
        color: rgba(0, 0, 0, 0.6); }
    div[role="main"] nav.pager li.index span.icon {
      display: inline-block;
      content: "";
      margin-top: 0;
      left: -10px;
      width: 24px;
      height: 24px;
      background: url(/issue3/images/icons.png) no-repeat 0 -10px;
      vertical-align: middle; }
  div[role="main"] nav.pager a:hover span.icon {
    opacity: .4;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40); }
  div[role="main"] nav.pager a:hover p {
    color: #666; }
  div[role="main"] nav.pager span.icon {
    opacity: .2;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=20); }
  div[role="main"] nav.pager b {
    margin-top: 72px;
    color: rgba(255, 255, 255, 0.8) !important; }
  div[role="main"] nav.pager strong {
    font-family: chaparral-pro, Palatino, Georgia, "Times New Roman", Times, serif;
    font-weight: 700;
    line-height: 1em; }
  div[role="main"] nav.pager p {
    margin-top: -3px;
    width: 340px;
    color: #999; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
    div[role="main"] nav.pager li.index span.icon {
      background-image: url(/issue3/images/icons_2x.png);
      background-size: 60px auto; } }
  div[role="main"] nav.pager a#index:after {
    background-image: url(/issue3/images/issue3/cover_crop.png);
    background-size: 340px auto; }
  div[role="main"] nav.pager a#introduction:after {
    background-image: url(/issue3/images/issue3/introduction_crop.png);
    background-size: 340px auto; }
  div[role="main"] nav.pager a#introduction:hover strong {
    color: #333; }
  div[role="main"] nav.pager a#introduction:hover:after {
    border-color: rgba(0, 0, 0, 0.2); }
  div[role="main"] nav.pager a#introduction b {
    background: #333; }
  div[role="main"] nav.pager a#sunglasses-man:after {
    background-image: url(/issue3/images/issue3/sunglasses_man_crop.jpg);
    background-size: 340px auto; }
  div[role="main"] nav.pager a#sunglasses-man:hover strong {
    color: #e33a42; }
  div[role="main"] nav.pager a#sunglasses-man:hover:after {
    border-color: rgba(116, 16, 21, 0.2); }
  div[role="main"] nav.pager a#sunglasses-man b {
    background: #e33a42; }
  div[role="main"] nav.pager a#sucks-to:after {
    background-image: url(/issue3/images/issue3/sucks_to_be_a_straight_guy_crop.jpg);
    background-size: 340px auto; }
  div[role="main"] nav.pager a#sucks-to:hover strong {
    color: #7daf99; }
  div[role="main"] nav.pager a#sucks-to:hover:after {
    border-color: rgba(56, 91, 76, 0.2); }
  div[role="main"] nav.pager a#sucks-to b {
    background: #7daf99; }
  div[role="main"] nav.pager a#braces:after {
    background-image: url(/issue3/images/issue3/braces_crop.png);
    background-size: 340px auto; }
  div[role="main"] nav.pager a#braces:hover strong {
    color: #fb9bba; }
  div[role="main"] nav.pager a#braces:hover:after {
    border-color: rgba(243, 10, 85, 0.2); }
  div[role="main"] nav.pager a#braces b {
    background: #fb9bba; }
  div[role="main"] nav.pager a#seeds-of:after {
    background-image: url(/issue3/images/issue3/seeds_of_love_crop.jpg);
    background-size: 340px auto; }
  div[role="main"] nav.pager a#seeds-of:hover strong {
    color: #f5eb2c; }
  div[role="main"] nav.pager a#seeds-of:hover:after {
    border-color: rgba(130, 124, 6, 0.2); }
  div[role="main"] nav.pager a#seeds-of b {
    background: #f5eb2c; }
  div[role="main"] nav.pager a#five-rules:after {
    background-image: url(/issue3/images/issue3/five_rules_for_living_crop.png);
    background-size: 340px auto; }
  div[role="main"] nav.pager a#five-rules:hover strong {
    color: #d1edf2; }
  div[role="main"] nav.pager a#five-rules:hover:after {
    border-color: rgba(90, 190, 208, 0.2); }
  div[role="main"] nav.pager a#five-rules b {
    background: #d1edf2; }
  div[role="main"] nav.pager a#the-letters:after {
    background-image: url(/issue3/images/issue3/the_letters_project_crop.jpg);
    background-size: 340px auto; }
  div[role="main"] nav.pager a#the-letters:hover strong {
    color: #877083; }
  div[role="main"] nav.pager a#the-letters:hover:after {
    border-color: rgba(51, 43, 50, 0.2); }
  div[role="main"] nav.pager a#the-letters b {
    background: #877083; }
  div[role="main"] nav.pager a#of-silence:after {
    background-image: url(/issue3/images/issue3/of_silence_and_oranges_crop.png);
    background-size: 340px auto; }
  div[role="main"] nav.pager a#of-silence:hover strong {
    color: #ffa620; }
  div[role="main"] nav.pager a#of-silence:hover:after {
    border-color: rgba(134, 81, 0, 0.2); }
  div[role="main"] nav.pager a#of-silence b {
    background: #ffa620; }
  div[role="main"] nav.pager a#fucking-death:after {
    background-image: url(/issue3/images/issue3/fucking_death_crop.png);
    background-size: 340px auto; }
  div[role="main"] nav.pager a#fucking-death:hover strong {
    color: #ee2224; }
  div[role="main"] nav.pager a#fucking-death:hover:after {
    border-color: rgba(111, 8, 9, 0.2); }
  div[role="main"] nav.pager a#fucking-death b {
    background: #ee2224; }
  div[role="main"] nav.pager a#dead-sexy:after {
    background-image: url(/issue3/images/issue3/dead_sexy_crop.png);
    background-size: 340px auto; }
  div[role="main"] nav.pager a#dead-sexy:hover strong {
    color: #575757; }
  div[role="main"] nav.pager a#dead-sexy:hover:after {
    border-color: rgba(10, 10, 10, 0.2); }
  div[role="main"] nav.pager a#dead-sexy b {
    background: #575757; }
  div[role="main"] nav.pager a#the-opened:after {
    background-image: url(/issue3/images/issue3/the_opened_hand_crop.jpg);
    background-size: 340px auto; }
  div[role="main"] nav.pager a#the-opened:hover strong {
    color: #d0c8a1; }
  div[role="main"] nav.pager a#the-opened:hover:after {
    border-color: rgba(144, 132, 72, 0.2); }
  div[role="main"] nav.pager a#the-opened b {
    background: #d0c8a1; }
  div[role="main"] nav.pager a#a-day:after {
    background-image: url(/issue3/images/issue3/a_day_in_the_life_of_a_killer_crop.jpg);
    background-size: 340px auto; }
  div[role="main"] nav.pager a#a-day:hover strong {
    color: #7962a0; }
  div[role="main"] nav.pager a#a-day:hover:after {
    border-color: rgba(49, 40, 65, 0.2); }
  div[role="main"] nav.pager a#a-day b {
    background: #7962a0; }
  div[role="main"] nav.pager a#orphans:after {
    background-image: url(/issue3/images/issue3/orphans_crop.jpg);
    background-size: 340px auto; }
  div[role="main"] nav.pager a#orphans:hover strong {
    color: #706d65; }
  div[role="main"] nav.pager a#orphans:hover:after {
    border-color: rgba(32, 31, 28, 0.2); }
  div[role="main"] nav.pager a#orphans b {
    background: #706d65; }
  div[role="main"] nav.pager a#coffin-cornered:after {
    background-image: url(/issue3/images/issue3/coffin_cornered_crop.jpg);
    background-size: 340px auto; }
  div[role="main"] nav.pager a#coffin-cornered:hover strong {
    color: #ec008b; }
  div[role="main"] nav.pager a#coffin-cornered:hover:after {
    border-color: rgba(83, 0, 49, 0.2); }
  div[role="main"] nav.pager a#coffin-cornered b {
    background: #ec008b; }
  div[role="main"] nav.pager a#a-death:after {
    background-image: url(/issue3/images/issue3/a_death_of_coincidence_crop.jpg);
    background-size: 340px auto; }
  div[role="main"] nav.pager a#a-death:hover strong {
    color: #d1cccc; }
  div[role="main"] nav.pager a#a-death:hover:after {
    border-color: rgba(136, 124, 124, 0.2); }
  div[role="main"] nav.pager a#a-death b {
    background: #d1cccc; }
  div[role="main"] nav.pager a#what-we:after {
    background-image: url(/issue3/images/issue3/what_we_talk_about_when_were_trying_not_to_talk_about_death_crop.jpg);
    background-size: 340px auto; }
  div[role="main"] nav.pager a#what-we:hover strong {
    color: #cc7e66; }
  div[role="main"] nav.pager a#what-we:hover:after {
    border-color: rgba(115, 56, 38, 0.2); }
  div[role="main"] nav.pager a#what-we b {
    background: #cc7e66; }
  div[role="main"] nav.pager a#diary-of:after {
    background-image: url(/issue3/images/issue3/diary_of_the_dead_crop.jpg);
    background-size: 340px auto; }
  div[role="main"] nav.pager a#diary-of:hover strong {
    color: #942f34; }
  div[role="main"] nav.pager a#diary-of:hover:after {
    border-color: rgba(32, 10, 11, 0.2); }
  div[role="main"] nav.pager a#diary-of b {
    background: #942f34; }
  div[role="main"] nav.pager a#once-around:after {
    background-image: url(/issue3/images/issue3/once_around_the_corpse_crop.jpg);
    background-size: 340px auto; }
  div[role="main"] nav.pager a#once-around:hover strong {
    color: #7BA537; }
  div[role="main"] nav.pager a#once-around:hover:after {
    border-color: rgba(37, 50, 17, 0.2); }
  div[role="main"] nav.pager a#once-around b {
    background: #7BA537; }
  div[role="main"] nav.pager a#nest:after {
    background-image: url(/issue3/images/issue3/nest_crop.png);
    background-size: 340px auto; }
  div[role="main"] nav.pager a#nest:hover strong {
    color: #90d8e1; }
  div[role="main"] nav.pager a#nest:hover:after {
    border-color: rgba(46, 156, 170, 0.2); }
  div[role="main"] nav.pager a#nest b {
    background: #90d8e1; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
    div[role="main"] nav.pager a#index:after {
      background-image: url(/issue3/images/issue3/cover_crop_2x.png); }
    div[role="main"] nav.pager a#introduction:after {
      background-image: url(/issue3/images/issue3/introduction_crop_2x.png); }
    div[role="main"] nav.pager a#sunglasses-man:after {
      background-image: url(/issue3/images/issue3/sunglasses_man_crop_2x.jpg); }
    div[role="main"] nav.pager a#sucks-to:after {
      background-image: url(/issue3/images/issue3/sucks_to_be_a_straight_guy_crop_2x.jpg); }
    div[role="main"] nav.pager a#braces:after {
      background-image: url(/issue3/images/issue3/braces_crop_2x.png); }
    div[role="main"] nav.pager a#seeds-of:after {
      background-image: url(/issue3/images/issue3/seeds_of_love_crop_2x.jpg); }
    div[role="main"] nav.pager a#five-rules:after {
      background-image: url(/issue3/images/issue3/five_rules_for_living_crop_2x.png); }
    div[role="main"] nav.pager a#the-letters:after {
      background-image: url(/issue3/images/issue3/the_letters_project_crop_2x.jpg); }
    div[role="main"] nav.pager a#of-silence:after {
      background-image: url(/issue3/images/issue3/of_silence_and_oranges_crop_2x.png); }
    div[role="main"] nav.pager a#fucking-death:after {
      background-image: url(/issue3/images/issue3/fucking_death_crop_2x.png); }
    div[role="main"] nav.pager a#dead-sexy:after {
      background-image: url(/issue3/images/issue3/dead_sexy_crop_2x.png); }
    div[role="main"] nav.pager a#the-opened:after {
      background-image: url(/issue3/images/issue3/the_opened_hand_crop_2x.jpg); }
    div[role="main"] nav.pager a#a-day:after {
      background-image: url(/issue3/images/issue3/a_day_in_the_life_of_a_killer_crop_2x.jpg); }
    div[role="main"] nav.pager a#orphans:after {
      background-image: url(/issue3/images/issue3/orphans_crop_2x.jpg); }
    div[role="main"] nav.pager a#coffin-cornered:after {
      background-image: url(/issue3/images/issue3/coffin_cornered_crop_2x.jpg); }
    div[role="main"] nav.pager a#a-death:after {
      background-image: url(/issue3/images/issue3/a_death_of_coincidence_crop_2x.jpg); }
    div[role="main"] nav.pager a#what-we:after {
      background-image: url(/issue3/images/issue3/what_we_talk_about_when_were_trying_not_to_talk_about_death_crop_2x.jpg); }
    div[role="main"] nav.pager a#diary-of:after {
      background-image: url(/issue3/images/issue3/diary_of_the_dead_crop_2x.jpg); }
    div[role="main"] nav.pager a#once-around:after {
      background-image: url(/issue3/images/issue3/once_around_the_corpse_crop_2x.jpg); }
    div[role="main"] nav.pager a#nest:after {
      background-image: url(/issue3/images/issue3/nest_crop_2x.png); } }
  @media only screen and (max-width: 740px) {
    div[role="main"] nav.pager {
      margin-top: 12px;
      padding-bottom: 6px; }
      div[role="main"] nav.pager ul {
        padding-right: 20px;
        padding-left: 20px; }
      div[role="main"] nav.pager li a b {
        position: relative;
        top: 0;
        margin-top: 0; }
      div[role="main"] nav.pager li.previous a, div[role="main"] nav.pager li.next a {
        padding: 6px 0; }
      div[role="main"] nav.pager li.previous strong, div[role="main"] nav.pager li.previous p, div[role="main"] nav.pager li.next strong, div[role="main"] nav.pager li.next p {
        display: none; }
      div[role="main"] nav.pager li.previous span.icon, div[role="main"] nav.pager li.next span.icon {
        top: 9px; }
      div[role="main"] nav.pager li.previous span.icon {
        left: -10px; }
      div[role="main"] nav.pager li.previous strong {
        left: 40px; }
      div[role="main"] nav.pager li.next span.icon {
        right: -10px; }
      div[role="main"] nav.pager li.next strong {
        right: 40px; }
      div[role="main"] nav.pager li.index a {
        padding: 9px 0; } }
  @media only screen and (min-width: 741px) {
    div[role="main"] nav.pager {
      margin-top: 72px; }
      div[role="main"] nav.pager ul {
        margin: 0 auto;
        padding: 0 20px; }
      div[role="main"] nav.pager strong {
        font-size: 21px; }
      div[role="main"] nav.pager p {
        display: none; }
      div[role="main"] nav.pager b {
        margin-top: 48px; }
      div[role="main"] nav.pager li.previous, div[role="main"] nav.pager li.next {
        width: 340px; }
        div[role="main"] nav.pager li.previous a:hover:after, div[role="main"] nav.pager li.next a:hover:after {
          border-color: rgba(0, 0, 0, 0.2); }
        div[role="main"] nav.pager li.previous a:before, div[role="main"] nav.pager li.next a:before {
          top: 60px; }
        div[role="main"] nav.pager li.previous a:after, div[role="main"] nav.pager li.next a:after {
          content: "";
          display: block;
          z-index: 0;
          position: relative;
          top: 5px;
          margin-top: 3px;
          width: 334px;
          height: 54px;
          background: 50% 50% no-repeat;
          border: 3px solid rgba(0, 0, 0, 0.1); }
      div[role="main"] nav.pager li.previous a:before {
        left: -13px; }
      div[role="main"] nav.pager li.previous b {
        left: -10px; }
      div[role="main"] nav.pager li.previous span.icon {
        left: -12px; }
      div[role="main"] nav.pager li.next a:before {
        right: -13px; }
      div[role="main"] nav.pager li.next b {
        right: -10px; }
      div[role="main"] nav.pager li.next span.icon {
        right: -12px; } }
  @media only screen and (min-width: 741px) and (max-width: 980px) {
    div[role="main"] nav.pager {
      margin-top: 36px; } }
  @media only screen and (min-width: 981px) {
    div[role="main"] nav.pager ul {
      width: 940px; }
    div[role="main"] nav.pager strong {
      font-size: 24px; }
    div[role="main"] nav.pager p {
      display: block; }
    div[role="main"] nav.pager b {
      margin-top: 72px; }
    div[role="main"] nav.pager li.previous a:before, div[role="main"] nav.pager li.next a:before {
      top: 84px; }
    div[role="main"] nav.pager li.previous a:before {
      left: -18px; }
    div[role="main"] nav.pager li.previous b {
      left: -15px; }
    div[role="main"] nav.pager li.previous span.icon {
      left: -15px; }
    div[role="main"] nav.pager li.next a:before {
      right: -18px; }
    div[role="main"] nav.pager li.next b {
      right: -15px; }
    div[role="main"] nav.pager li.next span.icon {
      right: -15px; } }

header[role="banner"] nav.pager {
  position: absolute;
  width: 100%; }
  header[role="banner"] nav.pager li a {
    height: 24px;
    width: auto;
    padding: 0; }
    header[role="banner"] nav.pager li a:before, header[role="banner"] nav.pager li a:after {
      display: none; }
    header[role="banner"] nav.pager li a:hover b {
      color: rgba(0, 0, 0, 0.4) !important; }
    header[role="banner"] nav.pager li a b {
      width: auto;
      height: auto;
      background: white url(/issue3/images/background_transparent.png) repeat;
      -webkit-box-shadow: none;
      box-shadow: none;
      color: rgba(0, 0, 0, 0.2) !important;
      text-shadow: none; }
  header[role="banner"] nav.pager li.previous b {
    left: -5px;
    padding-right: 10px;
    padding-left: 10px;
    text-align: left; }
  header[role="banner"] nav.pager li.previous span.icon {
    left: -10px; }
  header[role="banner"] nav.pager li.next b {
    right: -5px;
    padding-right: 10px;
    padding-left: 10px;
    text-align: right; }
  header[role="banner"] nav.pager li.next span.icon {
    right: -10px; }
  @media only screen and (max-width: 740px) {
    header[role="banner"] nav.pager {
      top: 62px;
      margin-top: 0; }
      header[role="banner"] nav.pager b {
        font-size: 14px; } }
  @media only screen and (min-width: 741px) {
    header[role="banner"] nav.pager {
      top: 65px;
      margin-top: 0; }
      header[role="banner"] nav.pager b {
        font-size: 16px; } }

/* =============================================================================
   Footer
   ========================================================================== */
footer[role="contentinfo"] {
  z-index: 1;
  position: relative;
  padding-right: 20px;
  padding-left: 20px;
  background: #1a1a1a url(/issue3/images/background_black.jpg) repeat;
  -webkit-box-shadow: inset 0 -24px 48px rgba(0, 0, 0, 0.2), 0 -6px 0 rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 -24px 48px rgba(0, 0, 0, 0.2), 0 -6px 0 rgba(0, 0, 0, 0.1);
  color: #808080; }
  footer[role="contentinfo"] a, footer[role="contentinfo"] a b, footer[role="contentinfo"] p#about, footer[role="contentinfo"] h3 {
    color: #ccc; }
  footer[role="contentinfo"] a:hover, footer[role="contentinfo"] a:hover b {
    color: #9074c8; }
  footer[role="contentinfo"] h3, footer[role="contentinfo"] p#about, footer[role="contentinfo"] form#mailing-list, footer[role="contentinfo"] p#disclaimer {
    border-color: #333;
    border-color: rgba(255, 255, 255, 0.1); }
  footer[role="contentinfo"] form a {
    color: #808080; }
  footer[role="contentinfo"] h3 {
    margin: 0;
    padding-top: 15px;
    letter-spacing: .15em;
    text-transform: uppercase;
    text-align: center;
    font-weight: 400;
    border-top-width: 1px;
    border-top-style: solid; }
  footer[role="contentinfo"] p {
    font-size: 14px;
    line-height: 21px; }
  footer[role="contentinfo"] p#about, footer[role="contentinfo"] form, footer[role="contentinfo"] p#disclaimer, footer[role="contentinfo"] p#hosting {
    text-align: center; }
  footer[role="contentinfo"] p#about {
    padding-bottom: 24px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    font-size: 18px; }
  footer[role="contentinfo"] div#history {
    padding: 21px 0; }
    footer[role="contentinfo"] div#history p b {
      font-weight: normal;
      text-transform: uppercase; }
  footer[role="contentinfo"] figure.group {
    float: left;
    margin-top: 15px;
    width: 23.4042553%; }
    footer[role="contentinfo"] figure.group a.cover {
      z-index: 1;
      float: left;
      position: relative;
      margin-right: 10px;
      margin-bottom: 3px;
      width: 100px; }
      footer[role="contentinfo"] figure.group a.cover:hover img {
        background: #666;
        background: rgba(255, 255, 255, 0.4); }
      footer[role="contentinfo"] figure.group a.cover img {
        padding: 5%;
        width: 90%;
        height: auto;
        background: #333;
        background: rgba(255, 255, 255, 0.2);
        vertical-align: middle; }
    footer[role="contentinfo"] figure.group figcaption {
      z-index: 0;
      position: relative;
      font-size: 12px;
      line-height: 15px; }
      footer[role="contentinfo"] figure.group figcaption a:first-child {
        font-size: 14px;
        line-height: 18px; }
      footer[role="contentinfo"] figure.group figcaption b {
        font-weight: 600; }
      footer[role="contentinfo"] figure.group figcaption .button {
        float: left;
        margin-top: 9px;
        color: #fff;
        font-size: 12px; }
  footer[role="contentinfo"] figure.issue1 .button {
    background-color: #801a1a; }
    footer[role="contentinfo"] figure.issue1 .button:hover, footer[role="contentinfo"] figure.issue1 .button:focus {
      background-color: #561111; }
  footer[role="contentinfo"] figure.issue2 .button {
    background-color: #81a130; }
    footer[role="contentinfo"] figure.issue2 .button:hover, footer[role="contentinfo"] figure.issue2 .button:focus {
      background-color: #627a24; }
  footer[role="contentinfo"] figure.issue3 .button {
    background-color: #7c2250; }
    footer[role="contentinfo"] figure.issue3 .button:hover, footer[role="contentinfo"] figure.issue3 .button:focus {
      background-color: #541736; }
  footer[role="contentinfo"] figure.special1 .button {
    background-color: #93969e; }
    footer[role="contentinfo"] figure.special1 .button:hover, footer[role="contentinfo"] figure.special1 .button:focus {
      background-color: #787c86; }
  footer[role="contentinfo"] form#mailing-list {
    margin-top: 15px;
    padding: 18px 0;
    border-top-width: 1px;
    border-top-style: solid; }
    footer[role="contentinfo"] form#mailing-list p, footer[role="contentinfo"] form#mailing-list input {
      display: inline-block;
      *display: inline;
      /* Fix for IE 6 & 7 */ }
    footer[role="contentinfo"] form#mailing-list p {
      margin-right: 10px; }
    footer[role="contentinfo"] form#mailing-list input[type="text"] {
      outline: none;
      margin-right: 10px;
      padding: .25em 0;
      border: none;
      border-bottom-width: 1px;
      border-bottom-style: solid;
      border-bottom-color: #666;
      border-bottom-color: rgba(255, 255, 255, 0.2);
      background: none;
      color: #f2f2f2;
      font: normal 12px/1em "Lucida Grande", Tahoma, sans-serif;
      -webkit-appearance: none; }
    footer[role="contentinfo"] form#mailing-list input[type="text"]:hover, footer[role="contentinfo"] form#mailing-list input[type="text"]:focus {
      border-bottom-color: #999;
      border-bottom-color: rgba(255, 255, 255, 0.4); }
    footer[role="contentinfo"] form#mailing-list input[type="submit"] {
      background-color: #5c3d99;
      color: #fff;
      font-size: 14px; }
    footer[role="contentinfo"] form#mailing-list input[type="submit"]:hover, footer[role="contentinfo"] form#mailing-list input[type="submit"]:focus {
      background-color: #462e75; }
  footer[role="contentinfo"] p#disclaimer {
    padding-top: 24px;
    border-top-width: 1px;
    border-top-style: solid;
    color: #666;
    font-size: 12px;
    line-height: 18px; }
    footer[role="contentinfo"] p#disclaimer b {
      font-weight: 600; }
  footer[role="contentinfo"] p#hosting {
    font-size: 11px; }
    footer[role="contentinfo"] p#hosting a {
      color: #333; }
      footer[role="contentinfo"] p#hosting a:hover {
        color: #fff; }
        footer[role="contentinfo"] p#hosting a:hover span {
          opacity: 1;
          filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); }
      footer[role="contentinfo"] p#hosting a span {
        opacity: .1;
        filter: progid:DXImageTransform.Microsoft.Alpha(opacity=10);
        padding: 0 10px; }
        footer[role="contentinfo"] p#hosting a span img {
          vertical-align: middle; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
    footer[role="contentinfo"] {
      background-size: 128px 128px; } }
  @media only screen and (max-width: 740px) {
    footer[role="contentinfo"] {
      padding-top: 27px;
      padding-bottom: 27px; }
      footer[role="contentinfo"] p#disclaimer {
        padding-bottom: 18px; }
      footer[role="contentinfo"] input[type="text"] {
        margin-top: 9px;
        width: 65%; } }
  @media only screen and (max-width: 480px) {
    footer[role="contentinfo"] div#history p {
      margin: 0 auto;
      max-width: 440px; }
      footer[role="contentinfo"] div#history p + p {
        margin-top: 18px; }
    footer[role="contentinfo"] section#catalog figure {
      float: none;
      width: 100%; }
      footer[role="contentinfo"] section#catalog figure + figure {
        margin-top: 12px; }
      footer[role="contentinfo"] section#catalog figure + figure, footer[role="contentinfo"] section#catalog figure:last-child {
        margin-left: 0; } }
  @media only screen and (min-width: 481px) {
    footer[role="contentinfo"] div#history p {
      float: left;
      width: 31.9148936%; }
      footer[role="contentinfo"] div#history p + p {
        margin-left: 2.1276596%; } }
  @media only screen and (min-width: 741px) {
    footer[role="contentinfo"] {
      padding-top: 36px;
      padding-bottom: 36px;
      text-shadow: 0 -1px 0 black; }
      footer[role="contentinfo"] figure {
        float: left; }
        footer[role="contentinfo"] figure + figure {
          margin-left: 2.1276596%; }
      footer[role="contentinfo"] input[type="text"] {
        width: 28.7234043%; }
      footer[role="contentinfo"] p#disclaimer {
        padding-bottom: 30px; } }
  @media only screen and (max-width: 780px) {
    footer[role="contentinfo"] figure {
      width: 48.7804878%; }
      footer[role="contentinfo"] figure + figure, footer[role="contentinfo"] figure:last-child {
        margin-left: 2.4390244%; }
        footer[role="contentinfo"] figure + figure + figure, footer[role="contentinfo"] figure:last-child + figure {
          margin-left: 0; } }
  @media only screen and (min-width: 981px) {
    footer[role="contentinfo"] {
      padding-top: 45px;
      padding-bottom: 45px; } }

.no-boxshadow footer[role="contentinfo"] {
  border-top: 6px solid #dfdfdf; }

/* =============================================================================
   Sex & Death
   ========================================================================== */
body#issue3 div[role="document"] .button {
  background-color: #7c2250; }
  body#issue3 div[role="document"] .button:hover, body#issue3 div[role="document"] .button:focus {
    background-color: #541736; }
@media only screen and (min-width: 741px) {
  body#issue3 div[role="main"] {
    background: url(/issue3/images/issue3/layout/decoration_bottom_large.png) no-repeat center bottom; }
    body#issue3 div[role="main"] div.content {
      padding-bottom: 96px;
      background: url(/issue3/images/issue3/layout/decoration_top.png) no-repeat 83.784% top; }
  body#issue3 div[role="document"] {
    background: url(/issue3/images/issue3/layout/decoration_bottom.png) no-repeat 78.378% bottom; }
    body#issue3 div[role="document"] article {
      margin-top: 84px; } }
@media only screen and (min-width: 741px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 741px) and (min-device-pixel-ratio: 2) {
  body#issue3 div[role="main"] {
    background-image: url(/issue3/images/issue3/layout/decoration_bottom_large_2x.png);
    background-size: 860px 84px; }
    body#issue3 div[role="main"] div.content {
      background-image: url(/issue3/images/issue3/layout/decoration_top_2x.png);
      background-size: 500px 96px; }
  body#issue3 div[role="document"] {
    background-image: url(/issue3/images/issue3/layout/decoration_bottom_2x.png);
    background-size: 680px 96px; } }
@media only screen and (min-width: 981px) {
  body#issue3 div[role="document"] article {
    margin-top: 96px; } }

body#introduction {
  background-color: white; }
  body#introduction header[role="banner"] nav.pager b {
    background-color: white; }
  body#introduction article header {
    text-align: center; }
    body#introduction article header h1 {
      font-weight: 400; }
  @media only screen and (min-width: 741px) {
    body#introduction article {
      float: none; }
      body#introduction article img {
        margin-top: -60px;
        width: 580px; } }
  @media only screen and (min-width: 981px) {
    body#introduction article img {
      left: -60px;
      margin-top: -72px;
      width: 700px; }
    body#introduction sidebar {
      float: none;
      margin: 72px auto 0;
      padding-top: 30px;
      width: 700px;
      border-top: 1px dashed rgba(0, 0, 0, 0.1); }
      body#introduction sidebar p {
        float: left;
        margin-right: 20px;
        width: 340px; }
        body#introduction sidebar p + p {
          margin-right: 0; } }

body#sunglasses-man {
  background-color: #e6f4f8; }
  body#sunglasses-man header[role="banner"] nav.pager b {
    background-color: #e6f4f8; }
  body#sunglasses-man header .button, body#sunglasses-man nav.pager a b {
    color: #e6f4f8; }
  body#sunglasses-man article img {
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05); }
  body#sunglasses-man article header + p:first-line {
    font-size: 24px;
    line-height: 30px; }
  body#sunglasses-man article h1, body#sunglasses-man article .quoted:before {
    color: #e33a42;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); }
  body#sunglasses-man article .quoted:before {
    font-size: 24px;
    font-weight: 600; }
  @media only screen and (max-width: 320px) {
    body#sunglasses-man article header {
      text-align: left; } }
  @media only screen and (max-width: 740px) {
    body#sunglasses-man article img {
      width: 250px;
      border: 15px solid #fff;
      -webkit-border-radius: 27px;
      border-radius: 27px; } }
  @media only screen and (min-width: 741px) {
    body#sunglasses-man article {
      width: 580px; }
      body#sunglasses-man article img {
        margin-right: auto;
        margin-left: auto;
        width: 340px;
        border: 15px solid #fff;
        -webkit-border-radius: 30px;
        border-radius: 30px; }
      body#sunglasses-man article header {
        text-align: center; }
    body#sunglasses-man .quoted:before {
      margin-right: -60px; } }
  @media only screen and (min-width: 981px) {
    body#sunglasses-man article {
      float: left;
      margin-left: 60px; }
      body#sunglasses-man article img {
        float: right;
        margin-top: -36px;
        margin-right: -260px;
        margin-left: 40px;
        width: 400px;
        border: 20px solid #fff;
        -webkit-border-radius: 36px;
        border-radius: 36px; }
      body#sunglasses-man article header {
        text-align: left; }
    body#sunglasses-man .quoted:before {
      margin-right: -200px; }
    body#sunglasses-man sidebar {
      float: right;
      margin-right: 20px;
      top: 596px; } }

body#sucks-to {
  background-color: #bbd3c8; }
  body#sucks-to header[role="banner"] nav.pager b {
    background-color: #bbd3c8; }
  body#sucks-to header .button, body#sucks-to nav.pager a b {
    color: #bbd3c8; }
  body#sucks-to article img, body#sucks-to article header, body#sucks-to article blockquote {
    -o-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -webkit-transform: rotate(-3deg);
    transform: rotate(-3deg); }
  body#sucks-to article img {
    padding: 10px;
    background-color: #fff9f2;
    -webkit-transform-style: preserve-3d;
    box-shadow: 0 0 1px #fff9f2; }
  body#sucks-to article header + p {
    color: rgba(0, 0, 0, 0.6);
    font-style: italic;
    line-height: 1.3em; }
  body#sucks-to article h1, body#sucks-to article h2 {
    font-family: proxima-nova-extra-condensed, "Helvetica Neue", Arial, sans-serif;
    text-transform: uppercase; }
  body#sucks-to article h1 {
    margin-bottom: 3px;
    color: #fff9f2;
    font-weight: 600;
    line-height: .9em; }
  body#sucks-to article h2 {
    font-weight: 300;
    letter-spacing: 1px;
    line-height: 1.1em; }
  body#sucks-to article p.byline {
    font-weight: 300; }
  body#sucks-to article dt, body#sucks-to article dt + dd {
    position: relative; }
  body#sucks-to article dt:before, body#sucks-to article dt + dd:before {
    position: absolute;
    margin-top: -18px;
    margin-left: -40px;
    color: rgba(255, 249, 242, 0.4);
    font: 600 48px proxima-nova-extra-condensed, "Helvetica Neue", Arial, sans-serif; }
  body#sucks-to article dt:before {
    content: "Q"; }
  body#sucks-to article dt + dd:before {
    content: "A"; }
  body#sucks-to article blockquote {
    padding-bottom: 18px;
    padding-right: 0;
    padding-left: 0;
    color: #fff9f2;
    font: 300 27px proxima-nova, "Helvetica Neue", Arial, sans-serif; }
    body#sucks-to article blockquote q:before, body#sucks-to article blockquote q:after {
      content: none; }
  body#sucks-to article section footer p {
    font-size: 18px;
    line-height: 24px; }
  @media only screen and (max-width: 320px) {
    body#sucks-to article header {
      text-align: left; } }
  @media only screen and (max-width: 740px) {
    body#sucks-to article header, body#sucks-to article blockquote {
      margin-left: 5px; }
    body#sucks-to article header {
      margin-bottom: 36px; }
    body#sucks-to article img {
      width: 260px; }
    body#sucks-to article dt, body#sucks-to article dd {
      padding-left: 40px; }
    body#sucks-to article blockquote {
      width: 100%; } }
  @media only screen and (min-width: 741px) {
    body#sucks-to article {
      width: 580px; }
      body#sucks-to article img {
        float: left;
        margin: -18px 60px 48px -60px;
        width: 340px; }
      body#sucks-to article header {
        margin-right: -60px; }
        body#sucks-to article header + p {
          font-size: 21px; }
      body#sucks-to article blockquote {
        margin-left: -60px;
        width: 580px; } }
  @media only screen and (min-width: 981px) {
    body#sucks-to article {
      margin-right: 60px; }
      body#sucks-to article img {
        margin-left: -190px;
        margin-right: 80px; }
      body#sucks-to article header {
        margin-top: px;
        margin-right: 0; }
        body#sucks-to article header + p {
          margin-top: 60px; }
      body#sucks-to article blockquote {
        margin-left: -120px; }
    body#sucks-to sidebar {
      top: 561px; } }

body#braces {
  background: white; }
  body#braces header[role="banner"] nav.pager b {
    background: white; }
  body#braces article header h1 {
    margin-bottom: 6px;
    font-weight: 400;
    text-shadow: -2px -3px 0 white; }
  body#braces article header p.byline {
    color: #f96a98;
    text-shadow: -1px -2px 0 white; }
  body#braces article header + p:first-line {
    font-size: 24px;
    line-height: 30px; }
  body#braces article .quoted:before {
    color: #f96a98;
    font: 24px/27px chaparral-pro, Palatino, Georgia, "Times New Roman", Times, serif; }
  @media only screen and (min-width: 741px) {
    body#braces article {
      width: 640px; }
      body#braces article img {
        z-index: 0;
        position: absolute;
        top: -60px;
        width: 100%; }
      body#braces article header {
        position: relative;
        top: -12px;
        right: -280px;
        width: 340px;
        -o-transform: matrix(1, 0.25, 0, 1, 0, 0);
        -ms-transform: matrix(1, 0.25, 0, 1, 0, 0);
        -moz-transform: matrix(1, 0.25, 0, 1, 0, 0);
        -webkit-transform: matrix(1, 0.25, 0, 1, 0, 0);
        transform: matrix(1, 0.25, 0, 1, 0, 0);
        text-align: right; }
        body#braces article header h1 {
          font-size: 81px; }
        body#braces article header p.byline {
          font-size: 18px;
          line-height: 24px; }
        body#braces article header + p, body#braces article header + p + p {
          z-index: 1;
          position: relative;
          background-color: rgba(255, 255, 255, 0.95); }
        body#braces article header + p {
          margin-top: 180px;
          padding-top: 30px; }
      body#braces article header + p, body#braces article p + p {
        padding-right: 30px;
        padding-left: 30px;
        width: 580px; }
      body#braces article .quoted:before {
        margin-left: -60px; } }
  @media only screen and (min-width: 981px) {
    body#braces article {
      float: right; }
      body#braces article img {
        top: -72px;
        margin-left: -300px;
        width: 940px; }
      body#braces article header {
        top: 30px;
        right: 0;
        margin-left: 240px; }
        body#braces article header h1 {
          font-size: 96px; }
        body#braces article header p.byline {
          font-size: 21px;
          line-height: 27px; }
        body#braces article header + p {
          margin-top: 360px; }
      body#braces article header + p, body#braces article p + p {
        margin-left: -30px;
        padding-right: 30px;
        padding-left: 30px;
        width: 580px; }
      body#braces article .quoted:before {
        margin-left: -200px; }
    body#braces sidebar {
      top: 741px;
      margin-left: 20px; } }

body#seeds-of {
  background-color: #faf6a9; }
  body#seeds-of header[role="banner"] nav.pager b {
    background-color: #faf6a9; }
  body#seeds-of header .button, body#seeds-of nav.pager a b {
    color: #faf6a9; }
  body#seeds-of article img {
    padding: 5px;
    background: white; }
  body#seeds-of article h1, body#seeds-of article blockquote {
    font-family: proxima-nova, "Helvetica Neue", Arial, sans-serif;
    font-weight: 900; }
  body#seeds-of article blockquote {
    margin-bottom: 36px;
    padding-right: 0;
    padding-left: 0;
    font-size: 36px;
    line-height: 1.1em; }
    body#seeds-of article blockquote i {
      font-style: normal; }
    body#seeds-of article blockquote q:before, body#seeds-of article blockquote q:after {
      content: none; }
  body#seeds-of sidebar {
    border-top: 1px dashed rgba(0, 0, 0, 0.1); }
  @media only screen and (max-width: 740px) {
    body#seeds-of article img {
      width: 270px; }
    body#seeds-of article h1 {
      font-size: 60px; }
    body#seeds-of article blockquote {
      width: 100%;
      font-size: 30px; } }
  @media only screen and (min-width: 741px) {
    body#seeds-of article {
      margin-top: 90px;
      width: 580px; }
      body#seeds-of article img {
        float: right;
        margin-top: -90px;
        margin-right: -65px;
        margin-left: 40px;
        width: 360px; }
      body#seeds-of article header {
        position: relative;
        margin-left: -60px;
        text-align: right; }
        body#seeds-of article header h1 {
          font-size: 81px; }
        body#seeds-of article header p.byline {
          font-size: 18px;
          line-height: 24px; }
      body#seeds-of article blockquote {
        margin-left: -60px;
        width: 700px; } }
  @media only screen and (min-width: 981px) {
    body#seeds-of article {
      float: none;
      margin-top: 120px; }
      body#seeds-of article img {
        margin-top: -120px;
        margin-right: -125px;
        width: 460px; }
      body#seeds-of article header {
        margin-left: -180px; }
        body#seeds-of article header h1 {
          font-size: 96px; }
        body#seeds-of article header p.byline {
          font-size: 21px;
          line-height: 27px; }
    body#seeds-of sidebar {
      float: none;
      margin: 72px auto 0;
      padding-top: 30px;
      width: 700px;
      border-top: 1px dashed rgba(0, 0, 0, 0.1); }
      body#seeds-of sidebar p {
        float: left;
        margin-right: 20px;
        width: 340px; }
        body#seeds-of sidebar p + p {
          margin-right: 0; } }

body#five-rules {
  background: #d1edf2; }
  body#five-rules header[role="banner"] nav.pager b {
    background: #d1edf2; }
  body#five-rules header .button, body#five-rules nav.pager a b {
    color: #d1edf2; }
  body#five-rules article img {
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg); }
  body#five-rules article h1 {
    font-weight: bold;
    text-transform: uppercase; }
  body#five-rules article ol {
    list-style: none;
    counter-reset: li; }
    body#five-rules article ol li {
      position: relative; }
      body#five-rules article ol li:last-child section {
        margin-bottom: 0; }
      body#five-rules article ol li:before {
        content: counter(li);
        display: block;
        color: white;
        font-family: chaparral-pro, Palatino, Georgia, "Times New Roman", Times, serif;
        font-weight: 700;
        counter-increment: li; }
  body#five-rules article section header h1 {
    text-transform: none; }
  body#five-rules article section header p {
    color: rgba(0, 0, 0, 0.4); }
  body#five-rules article section p {
    color: rgba(0, 0, 0, 0.6); }
  body#five-rules article blockquote {
    color: rgba(0, 0, 0, 0.4);
    font-style: italic; }
    body#five-rules article blockquote q:before, body#five-rules article blockquote q:after {
      color: rgba(255, 255, 255, 0.8); }
    body#five-rules article blockquote q:before {
      margin-top: .2em; }
    body#five-rules article blockquote q:after {
      right: -0.4em;
      margin-top: .4em; }
  @media only screen and (max-width: 320px) {
    body#five-rules article header {
      text-align: left; } }
  @media only screen and (max-width: 740px) {
    body#five-rules article img {
      margin-top: -36px;
      width: 280px; }
    body#five-rules article ol li:before {
      font-size: 60px; }
    body#five-rules article ol header {
      text-align: left; }
    body#five-rules article ol h1 {
      font-size: 30px;
      line-height: 33px; }
    body#five-rules article blockquote {
      font-size: 24px;
      line-height: 1.25em; }
    body#five-rules article q:before, body#five-rules article q:after {
      font-size: 72px; } }
  @media only screen and (min-width: 741px) {
    body#five-rules article img {
      float: right;
      margin-top: -60px;
      margin-right: -100px;
      width: 340px; }
    body#five-rules article ol li:before {
      position: absolute;
      top: -24px;
      left: -60px;
      font-size: 72px; }
    body#five-rules article q:before, body#five-rules article q:after {
      font-size: 96px; } }
  @media only screen and (min-width: 981px) {
    body#five-rules article {
      float: left;
      margin-left: 60px;
      width: 580px; }
      body#five-rules article img {
        margin-top: -72px;
        margin-right: -330px;
        width: 400px; }
    body#five-rules sidebar {
      float: right;
      margin-right: 20px;
      top: 519px; } }

body#the-letters {
  background-color: #f2f0e4; }
  body#the-letters header[role="banner"] nav.pager b {
    background-color: #f2f0e4; }
  body#the-letters header .button, body#the-letters nav.pager a b {
    color: #f2f0e4; }
  body#the-letters article header h1 {
    color: #473944; }
  body#the-letters article h2, body#the-letters article p.quoted:before {
    color: #725b6d; }
  body#the-letters article section:last-child {
    margin-bottom: 0; }
  body#the-letters article section.jane h1 {
    color: #3c442c; }
  body#the-letters article section.jane p.quoted:before {
    color: #66724a; }
  body#the-letters article section.john h1 {
    color: #3b5259; }
  body#the-letters article section.john p.quoted:before {
    color: #5a7d87; }
  body#the-letters p.quoted:before {
    font-family: chaparral-pro, Palatino, Georgia, "Times New Roman", Times, serif;
    font-weight: 700; }
  @media only screen and (max-width: 320px) {
    body#the-letters article header {
      text-align: left; } }
  @media only screen and (max-width: 740px) {
    body#the-letters article section {
      margin-bottom: 48px; }
      body#the-letters article section + section h1 {
        font-size: 36px;
        line-height: 1em; }
      body#the-letters article section footer p {
        margin-top: 18px;
        font-size: 16px;
        line-height: 21px; }
    body#the-letters p.quoted:before {
      font-size: 24px;
      line-height: 27px; } }
  @media only screen and (min-width: 741px) {
    body#the-letters article {
      width: 580px; }
      body#the-letters article img {
        float: left;
        margin: 0 40px 36px -60px;
        width: 400px; }
      body#the-letters article header {
        margin-right: -60px; }
        body#the-letters article header h1 {
          font-size: 60px; }
        body#the-letters article header h2 {
          font-size: 27px; }
      body#the-letters article section {
        margin-bottom: 72px; }
        body#the-letters article section + section header h1 {
          font-size: 48px; }
    body#the-letters p.quoted:before {
      margin-left: -60px;
      font-size: 24px;
      line-height: 27px; } }
  @media only screen and (min-width: 981px) {
    body#the-letters article {
      float: right;
      margin-right: 60px; }
      body#the-letters article img {
        float: left;
        margin-left: -240px;
        width: 520px; }
      body#the-letters article header {
        margin-right: 0;
        width: 640px; }
        body#the-letters article header h1 {
          font-size: 72px; }
        body#the-letters article header h2 {
          font-size: 36px; }
      body#the-letters article section + section header {
        margin-right: 0; }
        body#the-letters article section + section header h1 {
          font-size: 60px; }
    body#the-letters p.quoted:before {
      margin-left: -180px;
      font-size: 30px;
      line-height: 33px; }
    body#the-letters sidebar {
      float: left;
      margin-left: 20px;
      top: 450px; } }

body#of-silence {
  background-color: #fdf3db; }
  body#of-silence header[role="banner"] nav.pager b {
    background-color: #fdf3db; }
  body#of-silence header .button, body#of-silence nav.pager a b {
    color: #fdf3db; }
  body#of-silence article img {
    padding: 10px;
    background: rgba(0, 0, 0, 0.8);
    -webkit-box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.1); }
  body#of-silence article h1, body#of-silence article p.quoted:before {
    font-family: proxima-nova-extra-condensed, "Helvetica Neue", Arial, sans-serif;
    font-weight: 300; }
  body#of-silence article h1 {
    text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.1); }
  body#of-silence article p:first-child:first-line {
    font-size: 24px;
    line-height: 30px; }
  body#of-silence article p.quoted:before {
    color: rgba(0, 0, 0, 0.4);
    font-size: 33px;
    line-height: 36px; }
  @media only screen and (max-width: 320px) {
    body#of-silence article header {
      text-align: left; } }
  @media only screen and (max-width: 740px) {
    body#of-silence article img {
      width: 260px; } }
  @media only screen and (min-width: 741px) {
    body#of-silence article img {
      float: right;
      margin-right: -60px;
      margin-left: 70px;
      width: 340px;
      background: rgba(0, 0, 0, 0.8);
      -webkit-box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.1);
      box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.1); }
    body#of-silence article header {
      text-align: right;
      margin-left: -60px; }
    body#of-silence article h1 {
      font-size: 63px; }
    body#of-silence article p.quoted:before {
      margin-bottom: 30px; } }
  @media only screen and (min-width: 981px) {
    body#of-silence article {
      float: left;
      margin-left: 60px; }
      body#of-silence article img {
        margin-right: -250px;
        width: 460px; }
      body#of-silence article header {
        margin-left: 0; }
      body#of-silence article h1 {
        font-size: 75px; }
    body#of-silence sidebar {
      float: right;
      top: 666px;
      margin-right: 20px; } }

body#fucking-death {
  background: white; }
  body#fucking-death header[role="banner"] nav.pager b {
    background: white; }
  body#fucking-death header .button, body#fucking-death nav.pager a b {
    color: white; }
  body#fucking-death article header h1 {
    color: #e30913; }
  body#fucking-death article section:last-child {
    margin-bottom: 0; }
  body#fucking-death article p.quoted:before {
    color: #e30913;
    font-family: chaparral-pro, Palatino, Georgia, "Times New Roman", Times, serif; }
  @media only screen and (max-width: 740px) {
    body#fucking-death article img {
      left: -10px;
      width: 300px; }
    body#fucking-death article p.quoted:before {
      font-size: 24px;
      line-height: 27px; } }
  @media only screen and (min-width: 741px) {
    body#fucking-death article {
      margin-top: -18px; }
      body#fucking-death article img {
        float: left;
        margin-top: -48px;
        margin-right: 40px;
        margin-left: -60px;
        width: 360px; }
      body#fucking-death article header {
        margin-top: 36px;
        margin-right: -60px; }
        body#fucking-death article header h1 {
          font-size: 78px;
          line-height: 60px; }
      body#fucking-death article p.quoted:before {
        margin-top: 18px;
        font-size: 24px;
        line-height: 30px; } }
  @media only screen and (min-width: 981px) {
    body#fucking-death article {
      margin-top: -24px;
      margin-right: 60px; }
      body#fucking-death article img {
        margin-top: 0;
        margin-left: -280px;
        width: 480px; }
      body#fucking-death article header {
        margin-top: 96px;
        margin-right: 0; }
        body#fucking-death article header h1 {
          font-size: 90px;
          line-height: 72px; }
      body#fucking-death article p.quoted:before {
        margin-top: 24px;
        font-size: 30px;
        line-height: 36px; }
    body#fucking-death sidebar {
      top: 759px;
      margin-left: 20px; } }

body#dead-sexy {
  background: white; }
  body#dead-sexy header[role="banner"] nav.pager b {
    background: white; }
  body#dead-sexy article header {
    display: none; }
  @media only screen and (max-width: 740px) {
    body#dead-sexy article {
      margin-top: -9px; }
      body#dead-sexy article img {
        margin: -12px auto 0;
        width: 100%; }
        body#dead-sexy article img + img {
          margin-top: 0;
          margin-bottom: 36px; }
    body#dead-sexy sidebar p {
      text-align: center;
      word-wrap: break-word; } }
  @media only screen and (min-width: 741px) {
    body#dead-sexy div[role="main"] {
      padding-top: 36px; }
    body#dead-sexy article, body#dead-sexy sidebar {
      float: none;
      width: 100%; }
    body#dead-sexy article header {
      display: none; }
    body#dead-sexy article img {
      margin: 0 auto;
      width: 91.4893617%;
      /* 860px / 940px */ }
      body#dead-sexy article img + img {
        margin-top: 0;
        margin-bottom: 48px; }
    body#dead-sexy sidebar {
      float: none;
      padding-top: 36px;
      border-top: 1px dashed rgba(0, 0, 0, 0.1);
      text-align: center; }
      body#dead-sexy sidebar p {
        float: none;
        width: auto;
        margin-bottom: 0; } }

body#the-opened {
  background-color: #e8e4d6; }
  body#the-opened header[role="banner"] nav.pager b {
    background-color: #e8e4d6; }
  body#the-opened header .button, body#the-opened nav.pager a b {
    color: #e8e4d6; }
  body#the-opened article img {
    -webkit-box-shadow: 0 36px 36px white;
    box-shadow: 0 36px 36px white; }
  body#the-opened article header {
    text-align: center; }
    body#the-opened article header h1 {
      color: #575e3a;
      font-weight: 400;
      text-shadow: 0 0 6px #fff; }
    body#the-opened article header p {
      color: rgba(116, 125, 78, 0.4); }
  body#the-opened article .quoted:before {
    color: #747d4e;
    font-family: proxima-nova, "Helvetica Neue", Arial, sans-serif; }
  @media only screen and (min-width: 741px) {
    body#the-opened article {
      float: none; }
      body#the-opened article img {
        display: block;
        margin: -60px auto 60px;
        width: 340px; }
      body#the-opened article header h1 {
        margin-bottom: 24px; }
      body#the-opened article header + p:first-child:first-line {
        font-size: 24px;
        line-height: 30px; } }
  @media only screen and (min-width: 981px) {
    body#the-opened article img {
      margin: -72px auto 72px;
      width: 460px; }
    body#the-opened article header h1 {
      margin-bottom: 24px; }
    body#the-opened article p:first-child:first-line {
      font-size: 24px;
      line-height: 30px; }
    body#the-opened sidebar {
      float: none;
      margin: 72px auto 0;
      padding-top: 30px;
      width: 700px;
      border-top: 1px dashed rgba(0, 0, 0, 0.1); }
      body#the-opened sidebar p {
        float: left;
        margin-right: 20px;
        margin-bottom: 0;
        width: 340px; }
        body#the-opened sidebar p + p {
          margin-right: 0; } }

body#a-day {
  background-color: #d9dec1; }
  body#a-day header[role="banner"] nav.pager b {
    background-color: #d9dec1; }
  body#a-day header .button, body#a-day nav.pager a b {
    color: #d9dec1; }
  body#a-day article img {
    padding: 10px;
    background: rgba(0, 0, 0, 0.8);
    -webkit-box-shadow: 0px 1px 0 #b4b9a2, 1px 2px 0 #b4b9a2, 2px 3px 0 #b4b9a2, 3px 4px 0 #b4b9a2, 4px 5px 0 #b4b9a2, 5px 6px 0 #b4b9a2, 6px 7px 0 #b4b9a2, 7px 8px 0 #b4b9a2;
    box-shadow: 0px 1px 0 #b4b9a2, 1px 2px 0 #b4b9a2, 2px 3px 0 #b4b9a2, 3px 4px 0 #b4b9a2, 4px 5px 0 #b4b9a2, 5px 6px 0 #b4b9a2, 6px 7px 0 #b4b9a2, 7px 8px 0 #b4b9a2; }
  body#a-day article header h1 {
    color: #493b61;
    font-family: proxima-nova, "Helvetica Neue", Arial, sans-serif;
    text-shadow: 0px 1px 0 #b4b9a2, 1px 2px 0 #b4b9a2, 2px 3px 0 #b4b9a2, 3px 4px 0 #b4b9a2, 4px 5px 0 #b4b9a2, 5px 6px 0 #b4b9a2; }
  body#a-day article blockquote {
    color: #493b61;
    font-family: proxima-nova, "Helvetica Neue", Arial, sans-serif;
    font-weight: 900;
    text-shadow: 0px 1px 0 #b4b9a2, 1px 2px 0 #b4b9a2, 2px 3px 0 #b4b9a2; }
    body#a-day article blockquote q:before, body#a-day article blockquote q:after {
      color: #b4b9a2;
      text-shadow: none; }
    body#a-day article blockquote q:before {
      left: -0.75em; }
    body#a-day article blockquote q:after {
      right: -0.75em;
      margin-top: 0.375em; }
  @media only screen and (max-width: 740px) {
    body#a-day article img {
      width: 260px; }
    body#a-day article h1 {
      line-height: 45px; }
    body#a-day article blockquote {
      padding-top: 24px;
      margin-bottom: 30px;
      font-size: 27px;
      line-height: 30px; }
    body#a-day article q:before, body#a-day article q:after {
      font-size: 36px; } }
  @media only screen and (max-width: 320px) {
    body#a-day article header {
      text-align: left; } }
  @media only screen and (min-width: 741px) {
    body#a-day article img {
      float: right;
      margin: 0 -70px 36px 30px;
      width: 340px; }
    body#a-day article blockquote {
      margin-bottom: 36px;
      font-size: 36px;
      line-height: 39px; }
      body#a-day article blockquote q:before, body#a-day article blockquote q:after {
        font-size: 72px; } }
  @media only screen and (min-width: 941px) {
    body#a-day article {
      float: left;
      margin-left: 60px; }
      body#a-day article img {
        float: right;
        margin-right: -250px;
        width: 460px; }
      body#a-day article header {
        width: 280px; }
    body#a-day sidebar {
      float: right;
      top: 663px;
      margin-right: 20px; } }

body#orphans {
  background-color: #fefaee; }
  body#orphans header[role="banner"] nav.pager b {
    background-color: #fefaee; }
  body#orphans header .button, body#orphans nav.pager a b {
    color: #fefaee; }
  body#orphans article img {
    padding: 5px;
    background: rgba(0, 0, 0, 0.05); }
  body#orphans article header, body#orphans article blockquote {
    font-family: proxima-nova, "Helvetica Neue", Arial, sans-serif;
    font-weight: 300; }
  body#orphans article header h1 {
    font-weight: 600; }
  body#orphans article header + blockquote {
    margin: 0;
    padding: 0 0 36px;
    color: rgba(0, 0, 0, 0.6);
    font-size: 24px; }
    body#orphans article header + blockquote q:before {
      content: "“"; }
    body#orphans article header + blockquote q:after {
      content: "”"; }
  body#orphans article section:last-child {
    margin-bottom: 0; }
  body#orphans article blockquote {
    color: rgba(0, 0, 0, 0.4); }
    body#orphans article blockquote:first-child {
      padding: 0 0 inherit; }
    body#orphans article blockquote q:before, body#orphans article blockquote q:after {
      content: none; }
    body#orphans article blockquote footer {
      margin-top: 12px;
      color: rgba(0, 0, 0, 0.4);
      font-size: 18px; }
  @media only screen and (max-width: 740px) {
    body#orphans article img {
      width: 270px; }
    body#orphans article p.byline {
      margin-top: -12px;
      margin-left: 150px; }
    body#orphans article blockquote {
      padding: 0 0 24px;
      width: 100%;
      font-size: 24px;
      line-height: 27px; } }
  @media only screen and (max-width: 320px) {
    body#orphans article header {
      text-align: left; }
    body#orphans article p.byline {
      margin-left: 75px; } }
  @media only screen and (min-width: 741px) {
    body#orphans article img {
      float: left;
      margin: -60px 35px 36px -60px;
      padding-top: 0;
      width: 340px; }
    body#orphans article header {
      margin-right: -60px; }
      body#orphans article header p.byline {
        margin-top: -21px;
        margin-left: 430px;
        width: 300px; }
      body#orphans article header + blockquote {
        margin: 0;
        padding: 0 0 36px;
        width: 640px;
        color: rgba(0, 0, 0, 0.6);
        font-size: 24px; }
        body#orphans article header + blockquote q:before {
          content: "“"; }
        body#orphans article header + blockquote q:after {
          content: "”"; }
    body#orphans article blockquote {
      margin-left: -60px;
      padding: 15px 0 36px;
      width: 580px;
      color: rgba(0, 0, 0, 0.4);
      font-size: 27px;
      line-height: 1.25em; }
      body#orphans article blockquote:first-child {
        padding: 0 0 inherit; }
      body#orphans article blockquote q:before, body#orphans article blockquote q:after {
        content: none; }
      body#orphans article blockquote footer {
        margin-top: 12px;
        color: rgba(0, 0, 0, 0.4);
        font-size: 18px; } }
  @media only screen and (min-width: 981px) {
    body#orphans article {
      margin-right: 60px; }
      body#orphans article img {
        margin-top: -72px;
        margin-left: -245px;
        width: 460px; }
      body#orphans article header {
        margin-bottom: 42px; }
        body#orphans article header p.byline {
          margin-top: -21px;
          margin-left: 365px;
          width: 300px; }
        body#orphans article header + blockquote {
          margin: 0;
          padding: 0 0 36px;
          width: 640px;
          color: rgba(0, 0, 0, 0.6);
          font-size: 24px; }
          body#orphans article header + blockquote q:before {
            content: "“"; }
          body#orphans article header + blockquote q:after {
            content: "”"; }
      body#orphans article blockquote {
        margin-left: -120px;
        padding: 15px 0 36px;
        width: 580px;
        color: rgba(0, 0, 0, 0.4);
        font-size: 27px;
        line-height: 1.25em; }
        body#orphans article blockquote:first-child {
          padding: 0 0 inherit; }
        body#orphans article blockquote q:before, body#orphans article blockquote q:after {
          content: none; }
        body#orphans article blockquote footer {
          margin-top: 12px;
          color: rgba(0, 0, 0, 0.4);
          font-size: 18px; }
    body#orphans sidebar {
      top: 549px;
      margin-left: 20px; } }

body#coffin-cornered {
  background-color: #cfe5e1; }
  body#coffin-cornered header[role="banner"] nav.pager b {
    background-color: #cfe5e1; }
  body#coffin-cornered header .button, body#coffin-cornered nav.pager a b {
    color: #cfe5e1; }
  body#coffin-cornered article header h1 {
    color: rgba(236, 0, 139, 0.8); }
  body#coffin-cornered article p.quoted:before {
    color: rgba(236, 0, 139, 0.8);
    font-family: chaparral-pro, Palatino, Georgia, "Times New Roman", Times, serif; }
  @media only screen and (max-width: 740px) {
    body#coffin-cornered p.quoted:before {
      font-size: 24px;
      line-height: 30px; } }
  @media only screen and (max-width: 320px) {
    body#coffin-cornered article header {
      text-align: left; } }
  @media only screen and (min-width: 741px) {
    body#coffin-cornered article {
      width: 580px; }
      body#coffin-cornered article img {
        float: right;
        margin: -60px -60px 36px 40px;
        width: 340px; }
      body#coffin-cornered article header h1 {
        font-size: 60px; }
      body#coffin-cornered article p.quoted:before {
        margin-top: 24px;
        margin-right: -60px;
        width: 340px;
        font-size: 27px;
        line-height: 33px; } }
  @media only screen and (min-width: 981px) {
    body#coffin-cornered article {
      float: left;
      margin-left: 60px; }
      body#coffin-cornered article img {
        margin-top: -72px;
        margin-right: -240px;
        width: 460px; }
      body#coffin-cornered article header h1 {
        font-size: 75px; }
      body#coffin-cornered article p.quoted:before {
        margin-right: -240px;
        width: 460px;
        font-size: 30px;
        line-height: 36px; }
    body#coffin-cornered sidebar {
      float: right;
      top: 570px;
      right: 20px; } }

body#a-death {
  background-color: white; }
  body#a-death header[role="banner"] nav.pager b {
    background-color: white; }
  body#a-death header .button, body#a-death nav.pager a b {
    color: white; }
  body#a-death article img {
    opacity: .2;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=20);
    margin: 24px 0 36px; }
  body#a-death article h1, body#a-death article p.quoted:before {
    font-weight: 400; }
  body#a-death article header {
    position: relative;
    color: rgba(0, 0, 0, 0.2);
    text-align: center; }
    body#a-death article header h1 {
      letter-spacing: -1px; }
  body#a-death article section:last-child {
    margin-bottom: 0; }
  body#a-death article p.quoted:before {
    margin-top: 30px;
    color: rgba(0, 0, 0, 0.4);
    font-family: chaparral-pro, Palatino, Georgia, "Times New Roman", Times, serif; }
  @media only screen and (max-width: 740px) {
    body#a-death article img {
      display: block;
      width: 280px; }
      body#a-death article img.flower {
        left: -20px;
        width: 160px; }
      body#a-death article img.spoon {
        left: 100%;
        margin-left: -260px; }
      body#a-death article img.wagon {
        margin: 0 auto; }
    body#a-death article h1 {
      line-height: 1em; }
    body#a-death p.quoted:before {
      font-size: 21px;
      line-height: 24px; } }
  @media only screen and (max-width: 320px) {
    body#a-death article img.spoon {
      right: -80px; } }
  @media only screen and (min-width: 741px) {
    body#a-death article {
      position: relative;
      width: 580px; }
      body#a-death article img {
        margin: 18px 0 30px;
        width: 310px; }
        body#a-death article img.flower {
          left: -60px;
          width: 190px; }
        body#a-death article img.spoon {
          right: -330px;
          margin-top: -24px; }
        body#a-death article img.wagon {
          margin: 48px auto 0; }
      body#a-death article header {
        left: -60px;
        width: 700px; }
      body#a-death article h1 {
        font-size: 60px; }
      body#a-death article p.quoted:before {
        margin-left: -60px;
        font-size: 24px;
        line-height: 27px; }
      body#a-death article p.quoted.alt:before {
        margin-right: -60px;
        margin-left: 40px; } }
  @media only screen and (min-width: 981px) {
    body#a-death article {
      float: none; }
      body#a-death article img {
        margin: 24px 0 36px;
        width: 340px; }
        body#a-death article img.flower {
          margin-left: -60px;
          width: 220px; }
        body#a-death article img.spoon {
          right: -360px;
          margin-top: -24px; }
        body#a-death article img.wagon {
          margin: 48px auto 0; }
      body#a-death article header {
        left: -180px;
        width: 940px; }
      body#a-death article h1 {
        font-size: 72px; }
      body#a-death article p.quoted:before {
        margin-left: -140px;
        font-size: 24px;
        line-height: 27px; }
      body#a-death article p.quoted.alt:before {
        margin-right: -140px; }
    body#a-death sidebar {
      float: none;
      margin: 72px auto 0;
      padding-top: 30px;
      width: 700px;
      border-top: 1px dashed rgba(0, 0, 0, 0.1); }
      body#a-death sidebar p {
        float: left;
        margin-right: 20px;
        margin-bottom: 0;
        width: 340px; }
        body#a-death sidebar p + p {
          margin-right: 0; } }

body#what-we {
  background-color: #ccdea6; }
  body#what-we header[role="banner"] nav.pager b {
    background-color: #ccdea6; }
  body#what-we header .button, body#what-we nav.pager a b {
    color: #ccdea6; }
  body#what-we article img {
    padding: 5px;
    background: #a23238; }
  body#what-we article h1, body#what-we article p.quoted:before {
    font-family: proxima-nova-extra-condensed, "Helvetica Neue", Arial, sans-serif;
    font-weight: 600;
    text-transform: uppercase; }
  body#what-we article p.byline, body#what-we article p.quoted:before {
    color: #a23238; }
  body#what-we article p.quoted:before {
    line-height: 1em; }
  @media only screen and (max-width: 320px) {
    body#what-we article header {
      text-align: left; } }
  @media only screen and (max-width: 740px) {
    body#what-we article img {
      width: 270px; }
    body#what-we p.quoted:before {
      font-size: 30px; } }
  @media only screen and (min-width: 741px) {
    body#what-we article {
      width: 580px; }
      body#what-we article img {
        float: right;
        margin: -60px -65px 36px 35px;
        padding-top: 0;
        width: 340px; }
      body#what-we article header {
        margin-left: -60px; }
      body#what-we article h1 {
        font-size: 60px; }
      body#what-we article h1, body#what-we article p.quoted:before {
        font-family: proxima-nova-extra-condensed, "Helvetica Neue", Arial, sans-serif;
        font-weight: 600;
        text-transform: uppercase; }
      body#what-we article p.byline, body#what-we article p.quoted:before {
        color: #a23238; }
      body#what-we article header {
        text-align: right; }
      body#what-we article p.quoted:before {
        margin-right: -60px;
        width: 340px;
        font-size: 30px; } }
  @media only screen and (min-width: 981px) {
    body#what-we article {
      float: left;
      left: 60px; }
      body#what-we article h1 {
        font-size: 72px; }
      body#what-we article img {
        float: right;
        margin-top: -72px;
        margin-right: -245px;
        width: 460px; }
      body#what-we article p.quoted:before {
        margin-right: -180px;
        width: 460px;
        font-size: 36px; }
    body#what-we sidebar {
      float: right;
      top: 567px;
      right: 20px; } }

body#diary-of {
  background-color: #fcfbe7; }
  body#diary-of header[role="banner"] nav.pager b {
    background-color: #fcfbe7; }
  body#diary-of header .button, body#diary-of nav.pager a b {
    color: #fcfbe7; }
  body#diary-of article header + p {
    margin-bottom: 36px;
    font-size: 21px;
    font-style: italic;
    line-height: 27px; }
  body#diary-of article h1 {
    color: #962e34;
    font-weight: bold;
    text-transform: uppercase; }
  body#diary-of article ol {
    list-style: none;
    counter-reset: li; }
    body#diary-of article ol li {
      position: relative; }
      body#diary-of article ol li:last-child {
        margin-bottom: 0; }
      body#diary-of article ol li:before {
        content: counter(li);
        display: block;
        width: 36px;
        height: 36px;
        -webkit-border-radius: 18px;
        border-radius: 18px;
        background: rgba(150, 46, 52, 0.2);
        color: #fcfbe7;
        font: normal 21px/36px chaparral-pro, Palatino, Georgia, "Times New Roman", Times, serif;
        text-align: center;
        counter-increment: li; }
  body#diary-of article blockquote {
    color: #962e34;
    font-family: proxima-nova, "Helvetica Neue", Arial, sans-serif; }
    body#diary-of article blockquote q:before, body#diary-of article blockquote q:after {
      color: rgba(0, 0, 0, 0.1); }
  body#diary-of article li + blockquote {
    padding-top: 0; }
  @media only screen and (max-width: 740px) {
    body#diary-of article li {
      margin-bottom: 36px; }
      body#diary-of article li:before {
        margin-bottom: 12px; }
    body#diary-of article blockquote {
      padding: 24px 20px 24px;
      font-size: 24px;
      line-height: 27px;
      width: 400px; }
      body#diary-of article blockquote:last-child {
        padding-bottom: 0; }
      body#diary-of article blockquote q:before, body#diary-of article blockquote q:after {
        font-size: 72px; }
      body#diary-of article blockquote q:before {
        margin-top: 12px; }
      body#diary-of article blockquote q:after {
        right: -0.45em;
        margin-top: 24px; } }
  @media only screen and (max-width: 320px) {
    body#diary-of article header {
      text-align: left; } }
  @media only screen and (min-width: 741px) {
    body#diary-of article {
      width: 580px; }
      body#diary-of article img {
        float: right;
        margin: -60px -60px 36px 40px;
        width: 340px; }
      body#diary-of article h1 {
        font-size: 72px;
        line-height: 57px; }
      body#diary-of article ol li:before {
        position: absolute;
        top: -3px;
        left: -60px; }
      body#diary-of article blockquote {
        margin-bottom: 36px;
        margin-left: -60px;
        width: 700px; }
        body#diary-of article blockquote q:before, body#diary-of article blockquote q:after {
          font-size: 72px; }
        body#diary-of article blockquote q:before {
          margin-top: .09375em; }
        body#diary-of article blockquote q:after {
          margin-top: .375em; } }
  @media only screen and (min-width: 981px) {
    body#diary-of article {
      float: left;
      margin-left: 60px; }
      body#diary-of article img {
        float: right;
        margin-top: -72px;
        margin-right: -240px;
        width: 400px; }
      body#diary-of article header {
        margin-left: 0; }
      body#diary-of article h1 {
        font-size: 96px;
        line-height: 81px; }
      body#diary-of article blockquote {
        margin-bottom: 30px;
        margin-left: 0;
        width: 540px; }
        body#diary-of article blockquote q:before, body#diary-of article blockquote q:after {
          font-size: 96px; }
    body#diary-of sidebar {
      float: right;
      top: 495px;
      margin-right: 20px; } }

body#once-around {
  background: white; }
  body#once-around header[role="banner"] nav.pager b {
    background: white; }
  body#once-around header .button, body#once-around nav.pager a b {
    color: white; }
  body#once-around article h1 {
    color: #7ba537;
    font-family: proxima-nova, "Helvetica Neue", Arial, sans-serif;
    font-weight: 900; }
  body#once-around article p.quoted:before {
    color: #7ba537;
    font-weight: 900; }
  @media only screen and (max-width: 740px) {
    body#once-around article img {
      left: -10px;
      margin-top: -36px;
      margin-bottom: 12px;
      width: 300px; }
    body#once-around article h1 {
      line-height: 45px; }
    body#once-around p.quoted:before {
      font-size: 30px;
      line-height: 33px; } }
  @media only screen and (min-width: 741px) {
    body#once-around article img {
      float: left;
      margin: -60px 10px 18px -60px;
      width: 440px; }
    body#once-around article header {
      margin-right: -60px; }
    body#once-around article h1 {
      font-size: 60px;
      line-height: 54px; }
    body#once-around article p.quoted:before {
      margin-left: -60px;
      font-size: 30px;
      line-height: 33px; } }
  @media only screen and (min-width: 981px) {
    body#once-around article {
      margin-right: 60px; }
      body#once-around article img {
        float: left;
        margin-top: -72px;
        margin-left: -270px;
        width: 520px; }
      body#once-around article header {
        margin-right: 0; }
      body#once-around article h1 {
        font-size: 72px;
        line-height: 66px; }
      body#once-around article p.quoted:before {
        margin-left: -140px;
        font-size: 36px;
        line-height: 39px; }
    body#once-around sidebar {
      top: 375px;
      left: 40px; } }

body#nest {
  background-color: #e4f1f3; }
  body#nest header[role="banner"] nav.pager b {
    background-color: #e4f1f3; }
  body#nest header .button, body#nest nav.pager a b {
    color: #e4f1f3; }
  body#nest article img {
    padding: 5px;
    background: rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.1), -1px 0 2px rgba(0, 0, 0, 0.1), 1px 0 2px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(255, 255, 255, 0.8);
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.1), -1px 0 2px rgba(0, 0, 0, 0.1), 1px 0 2px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(255, 255, 255, 0.8); }
  body#nest article header, body#nest article blockquote {
    text-shadow: 0 -1px 2px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(255, 255, 255, 0.8); }
  body#nest article header {
    text-align: center; }
    body#nest article header h1 {
      color: #e57852;
      line-height: .625em; }
  body#nest article blockquote {
    color: #e57852; }
    body#nest article blockquote q:before, body#nest article blockquote q:after {
      margin-top: .125em;
      color: rgba(0, 0, 0, 0.1);
      text-shadow: none; }
    body#nest article blockquote q:after {
      margin-top: .45em; }
  @media only screen and (max-width: 740px) {
    body#nest article header h1 {
      font-size: 60px; }
    body#nest blockquote {
      font-size: 24px;
      line-height: 27px; }
      body#nest blockquote q:before, body#nest blockquote q:after {
        font-size: 48px; }
      body#nest blockquote q:before {
        margin-top: 15px; }
      body#nest blockquote q:after {
        right: -0.45em;
        margin-top: 18px; } }
  @media only screen and (min-width: 741px) {
    body#nest article {
      float: none;
      width: 580px; }
      body#nest article img {
        margin-right: auto;
        margin-left: auto;
        width: 460px; }
      body#nest article header h1 {
        font-size: 84px; }
      body#nest article blockquote {
        margin-top: 36px;
        margin-left: -60px;
        margin-bottom: 36px;
        padding: 0;
        width: 700px; }
        body#nest article blockquote q:before, body#nest article blockquote q:after {
          font-size: 60px; } }
  @media only screen and (min-width: 981px) {
    body#nest article {
      float: none; }
      body#nest article img {
        left: -5px;
        width: 580px; }
      body#nest article h1 {
        font-size: 96px; }
      body#nest article blockquote {
        margin-top: 36px;
        margin-bottom: 36px; }
        body#nest article blockquote q:before, body#nest article blockquote q:after {
          font-size: 72px; }
    body#nest sidebar {
      float: none;
      margin: 72px auto 0;
      padding-top: 30px;
      width: 700px;
      border-top: 1px dashed rgba(0, 0, 0, 0.1); }
      body#nest sidebar p {
        float: left;
        margin-right: 20px;
        margin-bottom: 0;
        width: 340px; }
        body#nest sidebar p + p {
          margin-right: 0; } }

/* =============================================================================
   Non-semantic helper classes
   Please define your styles before this section.
   ========================================================================== */
/* For image replacement */
.ir {
  display: block;
  text-indent: -999em;
  overflow: hidden;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr; }

.ir br {
  display: none; }

/* Contain floats: nicolasgallagher.com/micro-clearfix-hack/ */
.group {
  zoom: 1; }
  .group:before, .group:after {
    content: "";
    display: table; }
  .group:after {
    clear: both; }

.no-svg img.logo {
  display: none; }
.no-svg header[role="banner"] > a {
  display: block;
  width: 60px;
  height: 27px;
  background: url(/issue3/images/fray_logo.png) no-repeat 0 0;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(/issue3/images/fray_logo.png); }
.no-svg p#hosting span {
  vertical-align: middle;
  cursor: pointer;
  display: inline-block;
  width: 60px;
  height: 24px;
  background: url(/issue3/images/mt_logo.png) no-repeat 10px 0; }

/* =============================================================================
   Print styles.
   Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */
@media print {
  * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important; }

  /* Black prints faster: sanbeiji.com/archives/953 */
  a, a:visited {
    color: #444 !important;
    text-decoration: underline; }

  a[href]:after {
    content: " (" attr(href) ")"; }

  abbr[title]:after {
    content: " (" attr(title) ")"; }

  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
    content: ""; }

  /* Don't show links for images, or javascript/internal links */
  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }

  thead {
    display: table-header-group; }

  /* css-discuss.incutio.com/wiki/Printing_Tables */
  tr, img {
    page-break-inside: avoid; }

  img {
    max-width: 100% !important; }

  @page {
    margin: 0.5cm; }

  p, h2, h3 {
    orphans: 3;
    widows: 3; }

  h2, h3 {
    page-break-after: avoid; }

  header[role="banner"], nav.pager, footer.issue {
    display: none; } }