/*
Theme Name: Method
Theme URI: #
Author: Ellie Harmon
Author URI: http://ellieharmon.com
Description: Custom magazine threme for WordPress.
Version: 0.1
License: GNU General Public License
License URI: license.txt
Text Domain: method
Domain Path: /languages/
Tags: 
Method is based on Underscores http://underscores.me/, (C) 2012-2013 Automattic, Inc. 
Additional inspiration from Sremicolon http://kovshenin.com/thremes/sremicolon/, by Konstantin Kovshenin
Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
and Blueprint http://www.blueprintcss.org/
*/
@import url(http://fonts.googleapis.com/css?family=Roboto:300,400,500,300italic);
@import url(http://fonts.googleapis.com/css?family=Lora:400,700,400italic,700italic);
@import url(http://fonts.googleapis.com/css?family=Bevan);
/** == == == == == == == == == == 
    SASS VARS
== == == == == == == == == == **/
/* turquoise */
/* a bit lighter than black */
/* a dark grey for text */
/* for header 'shadow'; social icons */
/* a light grey for box fills */
/** == == == == == == == == == == 
    IMPORT STYLES
== == == == == == == == == == **/
/* =Reset
-------------------------------------------------------------- */
/* 
Reset file put together by Konstantin Kovshenin for http://kovshenin.com/themes/semicolon/
 
Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
and Blueprint http://www.blueprintcss.org/
*/
@import url(../css/underscores.css);
@import url(../css/genericons/genericons.css);
/* line 22, ../scss/_reset.scss */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  border: 0;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline;
}

/* line 33, ../scss/_reset.scss */
html {
  font-size: 62.5%;
  /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
  overflow-y: scroll;
  /* Keeps page centered in all browsers regardless of content height */
  -webkit-text-size-adjust: 100%;
  /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
  -ms-text-size-adjust: 100%;
  /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
}

/* line 41, ../scss/_reset.scss */
*,
*:before,
*:after {
  /* apply a natural box layout model to all elements; see http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */
  -webkit-box-sizing: border-box;
  /* Not needed for modern webkit but still used by Blackberry Browser 7.0; see http://caniuse.com/#search=box-sizing */
  -moz-box-sizing: border-box;
  /* Still needed for Firefox 28; see http://caniuse.com/#search=box-sizing */
  box-sizing: border-box;
}

/* line 46, ../scss/_reset.scss */
body {
  background: #fff;
}

/* line 58, ../scss/_reset.scss */
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
  display: block;
}

/* line 61, ../scss/_reset.scss */
ol, ul {
  list-style: none;
}

/* line 64, ../scss/_reset.scss */
table {
  /* tables still need 'cellspacing="0"' in the markup */
  border-collapse: separate;
  border-spacing: 0;
}

/* line 68, ../scss/_reset.scss */
caption, th, td {
  font-weight: normal;
  text-align: left;
}

/* line 73, ../scss/_reset.scss */
blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
}

/* line 76, ../scss/_reset.scss */
blockquote, q {
  quotes: "" "";
}

/* line 79, ../scss/_reset.scss */
a:focus {
  outline: thin dotted;
}

/* line 83, ../scss/_reset.scss */
a:hover,
a:active {
  outline: 0;
}

/* line 86, ../scss/_reset.scss */
a img {
  border: 0;
}

/* line 83, ../scss/style.scss */
.hentry {
  margin-bottom: 0;
}

/** == == == == == == == == == == 
    TYPOGRAPHY
== == == == == == == == == == **/
/* line 91, ../scss/style.scss */
body {
  font-family: "Lora", serif;
  font-weight: 400;
  font-size: 1.6em;
  line-height: 1.8em;
}
/* line 97, ../scss/style.scss */
body p {
  margin: 20px 0;
}
/* line 101, ../scss/style.scss */
body strong {
  font-weight: 700;
}
/* line 104, ../scss/style.scss */
body em {
  font-style: italic;
}
/* line 108, ../scss/style.scss */
body figcaption {
  font-family: "Roboto", sans-serif;
  font-size: .85em;
  font-weight: 300;
}
/* line 113, ../scss/style.scss */
body blockquote, body q {
  padding-left: 20px;
  font-size: 1.1em;
  font-style: italic;
  border-left: solid 4px;
  margin-top: 30px;
  margin-bottom: 30px;
}
/* line 122, ../scss/style.scss */
body #article-author-bio p {
  margin-top: 20px;
  padding-top: 20px;
  border-top: solid 1px #dddddd;
  font-style: italic;
}

/* line 133, ../scss/style.scss */
h1 {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-size: 1.5rem;
  line-height: 1.2em;
}

/* basic links */
/* line 143, ../scss/style.scss */
a, a:visited, a:link {
  color: #404040;
  text-decoration: underline;
}
/* line 147, ../scss/style.scss */
a:hover, a:visited:hover, a:link:hover {
  color: #8c8c8c;
}

/* line 153, ../scss/style.scss */
.image-credit {
  font-size: .9em;
  font-style: italic;
  color: #888888;
  margin-bottom: 0;
  margin-top: 20px;
}

/** == == == == == == == == == == 
    HEADER & BRANDING
== == == == == == == == == == **/
/* line 165, ../scss/style.scss */
.site-branding {
  background: #2bcbf9 url("../images/header.png") center center;
}

/* line 170, ../scss/style.scss */
.main-navigation a:hover,
.site-branding a:hover {
  color: inherit;
}

/* line 174, ../scss/style.scss */
.site-title {
  font-family: "Bevan", sans-serif;
  font-weight: 600;
  font-size: 7rem;
  line-height: .9em;
  padding: 10px 10px 10px 20px;
  color: white;
  margin-bottom: -4px;
}
/* line 179, ../scss/style.scss */
.site-title a {
  color: white;
  text-decoration: none;
}
/* line 182, ../scss/style.scss */
.site-title a:hover {
  color: white;
}

/* line 191, ../scss/style.scss */
.site-description {
  color: white;
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  text-transform: uppercase;
  font-size: 1.4rem;
  line-height: .8em;
  padding: 0 10px 10px 20px;
}

/** == == == == == == == == == == 
    HEADER MENU
== == == == == == == == == == **/
/* line 205, ../scss/style.scss */
.main-navigation {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 1.1rem;
  line-height: .5rem;
  margin: 4px 0;
  text-align: center;
}
/* line 214, ../scss/style.scss */
.main-navigation a {
  text-decoration: none;
  padding: 10px;
}

/* line 222, ../scss/style.scss */
.method-navigation .menu-item {
  background: #dddddd;
}
/* line 224, ../scss/style.scss */
.method-navigation .menu-item:hover {
  background: #e7e7e7;
}

/* line 230, ../scss/style.scss */
.main-navigation .current-menu-item,
.main-navigation .current-menu-item:hover {
  background: #2bcbf9;
}

/* line 239, ../scss/style.scss */
.menu-toggle {
  border: none;
  border-color: inherit;
  border-radius: 0;
  background: inherit;
  box-shadow: none;
  color: inherit;
  cursor: pointer;
  /* Improves usability and consistency of cursor style between image-type 'input' and others */
  -webkit-appearance: button;
  /* Corrects inability to style clickable 'input' types in iOS */
  font-size: inherit;
  font-size: inherit;
  line-height: 1rem;
  padding: 10px;
  text-shadow: none;
}
/* line 255, ../scss/style.scss */
.menu-toggle:hover {
  border-color: inherit;
  box-shadow: none;
}
/* line 260, ../scss/style.scss */
.menu-toggle:focus {
  border-color: inherit;
  box-shadow: none;
}

/** == == == == == == == == == == 
    ISSUE LISTING
== == == == == == == == == == **/
/* line 271, ../scss/style.scss */
#issue-listing h1 {
  text-transform: uppercase;
  font-size: 1.8rem;
  font-weight: 300;
}
/* line 275, ../scss/style.scss */
#issue-listing h1.also-in {
  text-transform: none;
}
/* line 279, ../scss/style.scss */
#issue-listing .issue-number {
  clear: both;
  margin-top: 20px;
}
/* line 283, ../scss/style.scss */
#issue-listing .issue-name {
  position: absolute;
  display: block;
  width: 100%;
}
/* line 287, ../scss/style.scss */
#issue-listing .issue-name a {
  color: #404040;
  text-decoration: none;
}
/* line 291, ../scss/style.scss */
#issue-listing .issue-name h1 {
  display: block;
  position: relative;
  top: -200px;
  line-height: 200px;
  font-size: 3.5rem;
  text-align: center;
  display: block;
  width: 100%;
  z-index: 1000;
}
/* line 303, ../scss/style.scss */
#issue-listing .issue-image {
  overflow: hidden;
  margin-left: 0;
  margin-right: 0;
}
/* line 307, ../scss/style.scss */
#issue-listing .issue-image img {
  opacity: .5;
  max-width: none;
  height: 200px;
}
/* line 313, ../scss/style.scss */
#issue-listing .entry-meta {
  padding-bottom: 10px;
}

/** == == == == == == == == == == 
    ISSUE PAGES
== == == == == == == == == == **/
/* line 322, ../scss/style.scss */
.issue-image {
  overflow: hidden;
  height: 200px;
}
/* line 325, ../scss/style.scss */
.issue-image img {
  max-width: none;
  height: 200px;
}

/* line 337, ../scss/style.scss */
#issue-headers {
  margin-top: 10px;
}
/* line 342, ../scss/style.scss */
#issue-headers h1 {
  font-size: 2rem;
  text-transform: uppercase;
  text-align: right;
}
/* line 348, ../scss/style.scss */
#issue-headers h1.issue-title {
  color: #737373;
}

/* line 356, ../scss/style.scss */
#issue-description,
.archive .entry-content p,
.home .entry-content p {
  font-size: .9em;
  line-height: 1.5em;
  margin-top: 0;
}

/* line 363, ../scss/style.scss */
#issue-description {
  margin-top: 10px;
}
/* line 366, ../scss/style.scss */
#issue-description p {
  margin: 0;
}

/* line 372, ../scss/style.scss */
.entry-content figure {
  margin-top: 10px;
}

/** == == == == == == == == == == 
    LIBRARY PAGE
== == == == == == == == == == **/
/* line 387, ../scss/style.scss */
.method_library .entry-content h1 {
  font-size: 1.5em;
  text-transform: uppercase;
  background: #dddddd url(../images/header.png);
  line-height: 2em;
  margin-top: 20px;
}
/* line 399, ../scss/style.scss */
.method_library .entry-content li {
  margin-top: 40px;
  font-size: .95em;
  line-height: 1.1em;
  overflow: hidden;
}
/* line 408, ../scss/style.scss */
.method_library .entry-content li li {
  /* author name */
  margin-top: 10px;
}
/* line 413, ../scss/style.scss */
.method_library .entry-content li li a {
  /* Book link */
  font-style: italic;
  text-decoration: none;
}

/** == == == == == == == == == == 
    SHARING BUTTONS
== == == == == == == == == == **/
/* line 429, ../scss/style.scss */
div.method_share {
  text-align: center;
  margin-top: 40px;
  margin-bottom: 40px;
}
/* line 436, ../scss/style.scss */
div.method_share .genericon {
  font-size: 20px;
  line-height: 30px;
  color: white;
}
/* line 442, ../scss/style.scss */
div.method_share a {
  width: 30px;
  height: 30px;
  padding-left: 1px;
  background: #c4c4c4;
  display: inline-block;
  margin: 4px;
  text-decoration: none;
}

/* line 454, ../scss/style.scss */
div#method_share_sidebar {
  position: absolute;
  margin-left: 0;
  margin-top: 20px;
  margin-bottom: 0;
}
/* line 456, ../scss/style.scss */
div#method_share_sidebar a {
  display: block;
  margin-left: 75px;
  padding-left: 0px;
}

/** == == == == == == == == == == 
    SOCIAL MENU
== == == == == == == == == == **/
/* line 473, ../scss/style.scss */
#social-menu {
  float: right;
  position: relative;
  top: -2.5em;
  height: 0px;
}

/* line 481, ../scss/style.scss */
ul.method-social {
  padding: 0;
  list-style: none;
  float: right;
  margin-right: 10px;
  color: transparent;
}
/* line 488, ../scss/style.scss */
ul.method-social li {
  display: inline;
}
/* line 492, ../scss/style.scss */
ul.method-social li a {
  padding-left: 4px;
  padding-right: 4px;
  line-height: 1;
  text-decoration: none;
}
/* line 499, ../scss/style.scss */
ul.method-social li:hover {
  background: none;
}
/* line 500, ../scss/style.scss */
ul.method-social a span {
  position: absolute;
  top: -9999px;
  left: -9999px;
}
/* line 502, ../scss/style.scss */
ul.method-social li a::before {
  color: white;
  font: normal 20px/46px 'Genericons';
  content: '\f408';
}
/* line 503, ../scss/style.scss */
ul.method-social li a:hover::before {
  color: white;
}
/* line 505, ../scss/style.scss */
ul.method-social li a[href*="codepen.io"]::before {
  content: '\f216';
}
/* line 506, ../scss/style.scss */
ul.method-social li a[href*="digg.com"]::before {
  content: '\f221';
}
/* line 507, ../scss/style.scss */
ul.method-social li a[href*="dribbble.com"]::before {
  content: '\f201';
}
/* line 508, ../scss/style.scss */
ul.method-social li a[href*="facebook.com"]::before {
  content: '\f203';
}
/* line 509, ../scss/style.scss */
ul.method-social li a[href*="flickr.com"]::before {
  content: '\f211';
}
/* line 510, ../scss/style.scss */
ul.method-social li a[href*="plus.google.com"]::before {
  content: '\f206';
}
/* line 511, ../scss/style.scss */
ul.method-social li a[href*="github.com"]::before {
  content: '\f200';
}
/* line 512, ../scss/style.scss */
ul.method-social li a[href*="instagram.com"]::before {
  content: '\f215';
}
/* line 513, ../scss/style.scss */
ul.method-social li a[href*="linkedin.com"]::before {
  content: '\f208';
}
/* line 514, ../scss/style.scss */
ul.method-social li a[href*="pinterest.com"]::before {
  content: '\f210';
}
/* line 515, ../scss/style.scss */
ul.method-social li a[href*="polldaddy.com"]::before {
  content: '\f217';
}
/* line 516, ../scss/style.scss */
ul.method-social li a[href*="getpocket.com"]::before {
  content: '\f224';
}
/* line 517, ../scss/style.scss */
ul.method-social li a[href*="reddit.com"]::before {
  content: '\f222';
}
/* line 519, ../scss/style.scss */
ul.method-social li a[href*="skype.com"]::before,
ul.method-social li a[href*="skype:"]::before {
  content: '\f220';
}
/* line 520, ../scss/style.scss */
ul.method-social li a[href*="stumbleupon.com"]::before {
  content: '\f223';
}
/* line 521, ../scss/style.scss */
ul.method-social li a[href*="tumblr.com"]::before {
  content: '\f214';
}
/* line 522, ../scss/style.scss */
ul.method-social li a[href*="twitter.com"]::before {
  content: '\f202';
}
/* line 523, ../scss/style.scss */
ul.method-social li a[href*="vimeo.com"]::before {
  content: '\f212';
}
/* line 525, ../scss/style.scss */
ul.method-social li a[href*="wordpress.org"]::before,
ul.method-social li a[href*="wordpress.com"]::before {
  content: '\f205';
}
/* line 526, ../scss/style.scss */
ul.method-social li a[href*="youtube.com"]::before {
  content: '\f213';
}
/* line 527, ../scss/style.scss */
ul.method-social li a[href*="tinyletter.com"]::before {
  content: '\f410';
}
/* line 530, ../scss/style.scss */
ul.method-social li a[href$="/feed/"]::before,
ul.method-social li a[href$="/feed"]::before,
ul.method-social li a[href$="?feed=rss2"]::before {
  content: '\f413';
}

/** == == == == == == == == == == 
    FOOTER
== == == == == == == == == == **/
/* line 537, ../scss/style.scss */
.site-footer {
  margin-top: 20px;
  background: #2bcbf9;
  margin-bottom: 0;
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  text-transform: uppercase;
  padding: 10px;
  font-size: .8em;
  line-height: 1.2em;
}
/* line 548, ../scss/style.scss */
.site-footer a {
  color: white;
  text-decoration: none;
}
/* line 555, ../scss/style.scss */
.site-footer ul {
  margin-bottom: 50px;
}
/* line 558, ../scss/style.scss 
.site-footer .credits {
  line-height: 1em;
  padding: 2px;
  color: white;
  font-size: 1.25rem;
  margin-bottom: 0;
  background-color: gray;
}*/
.credits {
  font-family: "Roboto", sans-serif;
  font-weight: 200;
  line-height: 1em;
  padding: 2px;
  color: black;
  font-size: 1.1rem;
  margin-top: -20px;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 20px;
  background-color: #dddddd;
  padding: 5px 0px 7px 10px;
  
}

.cc {
	vertical-align: bottom;
}


/* line 570, ../scss/style.scss */
.site-footer-single {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  line-height: 60px;
  margin-top: 20px;
  padding: 0 0 0 0;
  background: #2bcbf9 url("../images/header.png") center center;
  height: 60px;
}
/* line 582, ../scss/style.scss */
.site-footer-single p {
  margin: 0;
}
/* line 586, ../scss/style.scss */
.site-footer-single a {
  margin: 20px;
  color: white;
  text-decoration: none;
  font-size: .9em;
  text-transform: uppercase;
}
/* line 592, ../scss/style.scss */
.site-footer-single a:hover {
  color: #404040;
}

/** == == == == == == == == == == 
    MAIN PAGE LAYOUTS
== == == == == == == == == == **/
/* line 637, ../scss/style.scss */
.row {
  overflow: hidden;
}

/* line 640, ../scss/style.scss */
.row article {
  margin-top: 20px;
  padding-bottom: 99999px;
  margin-bottom: -99999px;
  border-top: 10px solid white;
}
/* line 653, ../scss/style.scss */
.row article.tag-featured {
  border-top: 10px solid #2bcbf9;
  background: #e3f8fe;
}

/* line 660, ../scss/style.scss */
article-meta, .page-title a, .entry-title a, .entry-meta p {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  text-decoration: none;
  line-height: 1.2em;
  margin-top: 0;
  display: block;
  font-size: 1.9rem;
}

/* line 674, ../scss/style.scss */
.entry-meta p {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-style: italic;
  font-size: 1.4rem;
  text-decoration: none;
  margin-top: 4px;
  font-size: 1.2rem;
}
/* line 679, ../scss/style.scss */
.entry-meta p a {
  display: inline;
  text-decoration: none;
}

/* line 687, ../scss/style.scss */
.entry-content {
  margin-top: 10px;
}

/** == == == == == == == == == == 
    SINGLE ARTICLE AND PAGE LAYOUT
== == == == == == == == == == **/
/* line 699, ../scss/style.scss */
#primary .single .site-title {
  font-family: "Bevan", sans-serif;
}
/* line 701, ../scss/style.scss */
#primary .single .site-title .remaining-letters {
  display: none;
}

/* line 715, ../scss/style.scss */
#primary .single-post .entry-header,
.page-template-default .entry-header {
  overflow: hidden;
}
/* line 718, ../scss/style.scss */
#primary .single-post .entry-header img,
.page-template-default .entry-header img {
  max-width: none;
  height: 200px;
}

/* line 729, ../scss/style.scss */
.single #primary .entry-header, .page #primary .entry-header {
  text-align: center;
}
/* line 732, ../scss/style.scss */
.single #primary .entry-header p.byline, .single #primary .entry-header a, .page #primary .entry-header p.byline, .page #primary .entry-header a {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-style: italic;
  font-size: 1.4rem;
  text-decoration: none;
  font-size: 1.8rem;
}
/* line 739, ../scss/style.scss */
.single #primary .entry-content, .page #primary .entry-content {
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}
/* line 745, ../scss/style.scss */
.single .page-title, .single .entry-title, .page .page-title, .page .entry-title {
  font-size: 3.5rem;
  margin-top: 10px;
}
/* line 750, ../scss/style.scss */
.single .entry-excerpt, .page .entry-excerpt {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-size: 1.8rem;
}

/** == == == == == == == == == == 
    AUTHOR PAGE
== == == == == == == == == == **/
/* line 764, ../scss/style.scss */
body.author h1.author-name {
  margin-top: 10px;
  text-transform: uppercase;
  font-size: 2.2rem;
  font-weight: 300;
}
/* line 771, ../scss/style.scss */
body.author p.author-homepage a {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  text-decoration: none;
  font-size: .9em;
}

/** == == == == == == == == == == 
    MISC ADDITIONS
== == == == == == == == == == **/
/* line 784, ../scss/style.scss */
.author-page {
  font-size: 1.5em;
  margin-bottom: 10px;
  font-family: "Roboto", sans-serif;
}

/* line 790, ../scss/style.scss */
img#wpstats {
  width: 0px;
  height: 0px;
  overflow: hidden;
  display: block;
}

/** == == == == == == == == == == 
    RESPONSIVE GRID STUFF
== == == == == == == == == == **/
/* customized responsive grid layout derived from skeleton */
/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/
/* 
TODO: http://webdesignetc.co/faking-css-nth-child-support-in-ie8/ 
*/
/** == == == == == == == == == == 
    BASE
== == == == == == == == == == **/
/* line 31, ../scss/_respond.scss */
column, column-full, .page-header,
.issue-box,
footer,
#primary .single-post article,
article.type-page,
.site-branding, column-third, #issue-headers,
.row article,
#issue-description, column-book, .method_library .entry-content li,
.main-navigation .method-navigation li {
  margin-left: 10px;
  margin-right: 10px;
  float: left;
  display: inline;
}

/* line 38, ../scss/_respond.scss */
column-full, .page-header,
.issue-box,
footer,
#primary .single-post article,
article.type-page,
.site-branding {
  float: none;
  display: block;
}

/* line 44, ../scss/_respond.scss */
column-third, #issue-headers,
.row article, #issue-description {
  width: 300px;
}

/* line 49, ../scss/_respond.scss */
column-book, .method_library .entry-content li {
  width: 172.2px;
}

/** == == == == == == == == == == 
    SPECIFIC ELEMENTS
== == == == == == == == == == **/
/* line 58, ../scss/_respond.scss */
body {
  position: relative;
  width: 961px;
  margin: 0 auto;
  padding: 0;
}

/* special cases */
/* line 93, ../scss/_respond.scss */
#issue-headers {
  margin-left: 0;
  /* already has a left margin because it's inside the header */
}

/* line 96, ../scss/_respond.scss */
#issue-description {
  width: 600px;
  margin-right: 0;
  /* already has a right margin bc inside header */
}

/* line 101, ../scss/_respond.scss */
#issue-listing h1.also-in {
  margin-left: 10px;
}

/* line 105, ../scss/_respond.scss */
.main-navigation {
  padding-left: 8px;
  padding-right: 8px;
}
/* line 109, ../scss/_respond.scss */
.main-navigation .method-navigation li {
  margin-left: 2px;
  width: 185px;
  margin-left: 2px;
  margin-right: 2px;
  display: inline;
}

/* line 118, ../scss/_respond.scss */
.main-navigation ul ul {
  top: 2.1em;
}
/* line 120, ../scss/_respond.scss */
.main-navigation ul ul a {
  width: 100%;
}

/* line 125, ../scss/_respond.scss */
.method_library #primary .entry-content {
  width: 100%;
  max-width: none;
}

/* line 134, ../scss/_respond.scss */
.method_library .entry-content ul {
  margin-left: -10px;
  margin-right: -10px;
  clear: both;
  overflow: auto;
}
/* line 140, ../scss/_respond.scss */
.method_library .entry-content p {
  clear: both;
}
/* line 144, ../scss/_respond.scss */
.method_library .entry-content li:nth-child(5n+6) {
  clear: both;
}
/* line 148, ../scss/_respond.scss */
.method_library .entry-content li {
  display: inline;
}
/* line 152, ../scss/_respond.scss */
.method_library .entry-content li ul {
  margin-left: 0;
}
/* line 155, ../scss/_respond.scss */
.method_library .entry-content li li {
  margin-left: 0;
  margin-right: 0;
  padding: 0;
}

/** == == == == == == == == == == 
    FIRST BREAK
== == == == == == == == == == **/
@media only screen and (min-width: 761px) and (max-width: 960px) {
  /* line 171, ../scss/_respond.scss */
  body {
    width: 761px;
  }

  /* line 176, ../scss/_respond.scss */
  #issue-headers,
  .row article {
    width: 233.66667px;
  }

  /* line 178, ../scss/_respond.scss */
  #issue-description {
    width: 467.33333px;
  }

  /* line 180, ../scss/_respond.scss */
  div#method_share_sidebar a {
    margin-left: 0px;
  }

  /* line 185, ../scss/_respond.scss */
  .main-navigation .method-navigation li {
    width: 145px;
  }

  /* line 190, ../scss/_respond.scss */
  .page-template-default .entry-header img,
  .issue-image img {
    margin-left: 0;
  }

  /* line 194, ../scss/_respond.scss */
  .single-post #primary {
    margin-left: 10px;
    margin-right: 10px;
  }

  /* line 201, ../scss/_respond.scss */
  .method_library .entry-content li {
    width: 170.25px;
  }
  /* line 204, ../scss/_respond.scss */
  .method_library .entry-content li:nth-child(5n+6) {
    clear: none;
  }
  /* line 207, ../scss/_respond.scss */
  .method_library .entry-content li:nth-child(4n+5) {
    clear: both;
  }
}
/** == == == == == == == == == == 
    COLLAPSE EVERYTHING 
    (MOBILE PORTRAIT)
== == == == == == == == == == **/
@media screen and (max-width: 760px) {
  /* line 227, ../scss/_respond.scss */
  div#method_share_sidebar {
    display: none;
  }

  /* line 231, ../scss/_respond.scss */
  body {
    width: auto;
    margin-left: 4px;
    margin-right: 4px;
  }

  /* line 241, ../scss/_respond.scss */
  header.page-header,
  header.site-header, footer.site-footer-single, footer.site-footer,
  .page-template-default header.entry-header {
    margin-left: -4px;
    margin-right: -4px;
    width: auto;
  }

  /* line 248, ../scss/_respond.scss */
  collapsed-column, #issue-listing h1,
  .single .entry-content,
  #issue-description,
  .main-navigation .method-navigation li,
  .page-header,
  .issue-box,
  #issue-listing,
  #issue-headers,
  .issue-image,
  .row article,
  #primary .single-post article,
  article.type-page,
  footer,
  .site-branding {
    width: 100%;
    float: none;
    display: block;
    padding: 0;
    margin: 20px 0 0 0;
  }

  /* specific overrides */
  /* line 279, ../scss/_respond.scss */
  .site-branding,
  #primary .single-post article,
  article.type-page,
  .page-header, .issue-image {
    margin-top: 0;
  }

  /* line 283, ../scss/_respond.scss */
  #issue-listing h1.also-in {
    margin-left: 0;
  }

  /* line 287, ../scss/_respond.scss */
  .single-post .entry-title {
    font-size: 2.1rem;
  }

  /* line 291, ../scss/_respond.scss */
  .single-post .entry-excerpt {
    font-size: 1.6rem;
  }

  /* line 295, ../scss/_respond.scss */
  .single #primary .entry-header a {
    font-size: 1.6rem;
  }

  /* line 300, ../scss/_respond.scss */
  .site-title {
    font-size: 5rem;
  }

  /* line 304, ../scss/_respond.scss */
  .site-description {
    padding-bottom: 10px;
  }

  /* line 308, ../scss/_respond.scss */
  ul.method-social li a:before {
    font-size: 18px;
    line-height: 49px;
  }

  /* line 313, ../scss/_respond.scss */
  #menu-menu {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
  }

  /* line 319, ../scss/_respond.scss */
  .main-navigation {
    background: #dddddd;
    width: 100%;
  }

  /* line 325, ../scss/_respond.scss */
  .menu-toggle,
  .main-navigation.toggled .nav-menu {
    display: block;
    width: 100%;
    text-align: left;
  }

  /* line 331, ../scss/_respond.scss */
  .menu-toggle {
    font-size: 3rem;
    line-height: 3rem;
    padding: 5px 10px;
  }

  /* line 337, ../scss/_respond.scss */
  .main-navigation ul {
    display: none;
  }

  /* line 343, ../scss/_respond.scss */
  .page-template-default .entry-header img,
  .issue-image img {
    margin-left: -100px;
  }

  /* line 349, ../scss/_respond.scss */
  .page-template-default header.entry-header .page-header-image,
  .issue-image {
    height: 120px;
    overflow: hidden;
  }

  /* line 354, ../scss/_respond.scss */
  #issue-listing .issue-name h1 {
    top: -140px;
    font-size: 2.5rem;
    line-height: 120px;
  }

  /* line 361, ../scss/_respond.scss */
  #issue-headers,
  #issue-description {
    padding-left: 4px;
    padding-right: 4px;
  }
  /* line 365, ../scss/_respond.scss */
  #issue-headers h1,
  #issue-description h1 {
    display: inline;
    text-align: left;
  }

  /* line 372, ../scss/_respond.scss */
  #issue-description {
    margin-top: 10px;
  }

  /* line 378, ../scss/_respond.scss */
  .method_library .entry-content h1 {
    text-align: center;
  }
  /* line 381, ../scss/_respond.scss */
  .method_library .entry-content ul {
    margin: 0;
  }
  /* line 384, ../scss/_respond.scss */
  .method_library .entry-content li {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    float: none;
    display: block;
    text-align: center;
  }
  /* line 391, ../scss/_respond.scss */
  .method_library .entry-content li ul {
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }
}
/** == == == == == == == == == == 
    MOBILE (LANDSCAPE)
== == == == == == == == == == **/
/* Note: Design for a width of 480px */
@media only screen and (min-width: 480px) and (max-width: 760px) {
  /* line 416, ../scss/_respond.scss */
  body {
    width: 480px;
    margin: 0 auto;
  }

  /* keep everything as above, but never let the body get wider than 480px */
  /* line 423, ../scss/_respond.scss */
  .method_library .entry-content ul {
    margin: 0 -10px;
  }
  /* line 426, ../scss/_respond.scss */
  .method_library .entry-content li {
    float: left;
    width: 146.66667px;
    margin-left: 10px;
    margin-right: 10px;
  }
  /* line 432, ../scss/_respond.scss */
  .method_library .entry-content li:nth-child(5n+6) {
    clear: none;
  }
  /* line 435, ../scss/_respond.scss */
  .method_library .entry-content li:nth-child(4n+5) {
    clear: none;
  }
  /* line 438, ../scss/_respond.scss */
  .method_library .entry-content li:nth-child(3n+4) {
    clear: both;
  }
}
/** == == == == == == == == == == 
    CLEARING
== == == == == == == == == == **/
/* Self Clearing Goodness */
/* line 451, ../scss/_respond.scss */
.container:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/* Use clearfix class on parent to clear nested columns,
or wrap each row of columns in a <div class="row"> */
/* line 458, ../scss/_respond.scss */
.clearfix:before,
.clearfix:after,
.row:before,
.row:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

/* line 466, ../scss/_respond.scss */
.row:after,
.clearfix:after {
  clear: both;
}

/* line 469, ../scss/_respond.scss */
.row,
.clearfix {
  zoom: 1;
}

/* You can also use a <br class="clear" /> to clear columns */
/* line 473, ../scss/_respond.scss */
.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}