/* type */
@font-face {
font-family: 'Elena';
src: url('../type/ElenaWebBasicRegular.eot?') format('eot'), url('../type/ElenaWebBasicRegular.woff') format('woff');
}
@font-face {
font-family: 'Elena';
src: url('../type/ElenaWebBasicRegularItalic.eot?') format('eot'), url('../type/ElenaWebBasicRegularItalic.woff') format('woff');
font-style: italic;
}
@font-face {
font-family: 'Elena';
src: url('../type/ElenaWebBasicBold.eot?') format('eot'), url('../type/ElenaWebBasicBold.woff') format('woff');
font-weight: bold;
}
@font-face {
font-family: 'Elena';
src: url('../type/ElenaWebBasicBoldItalic.eot?') format('eot'), url('../type/ElenaWebBasicBoldItalic.woff') format('woff');
font-weight: bold;
font-style: italic;
}
@font-face {
font-family: 'CCIcons';
src: url('/type/cc-icons.eot');
src: url('/type/cc-icons.eot?#iefix') format('embedded-opentype'), url('/type/cc-icons.woff') format('woff'), url('/type/cc-icons.ttf') format('truetype'), url('/type/cc-icons.svg#cc-icons') format('svg');
}
@font-face {
font-family: 'Flama';
src: url('../type/Flama-Basic.eot?') format('eot'), url('../type/Flama-Basic.woff') format('woff'), url('../type/Flama-Basic.svg') format('svg');
}
@font-face {
font-family: 'Flama';
src: url('../type/Flama-BasicItalic.eot?') format('eot'), url('../type/Flama-BasicItalic.woff') format('woff'), url('../type/Flama-BasicItalic.svg') format('svg');
font-style: italic;
}
@font-face {
font-family: 'Flama';
src: url('../type/Flama-Extrabold.eot?') format('eot'), url('../type/Flama-Extrabold.woff') format('woff'), url('../type/Flama-Extrabold.svg') format('svg');
font-weight: bold;
}
@font-face {
font-family: 'Flama';
src: url('../type/Flama-ExtraboldItalic.eot?') format('eot'), url('../type/Flama-ExtraboldItalic.woff') format('woff'), url('../type/Flama-ExtraboldItalic.svg') format('svg');
font-weight: bold;
font-style: italic;
}

/* lightly modified meyer reset v2.0
http://meyerweb.com/eric/tools/css/reset/ */
html, body, div, span, applet, object, iframe, p, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
line-height: 1.6em;
vertical-align: baseline;
}
textarea, pre {
outline: 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
img, embed, object, video {
max-width: 100%;
}

/* overall type */
body {
font-family: Elena, Georgia, "Times New Roman", serif;
font-size: 18px;
color: #403b33;
background: #fffff0;
-webkit-text-size-adjust: auto;
-webkit-font-smoothing: subpixel-antialiased;
text-rendering: optimizeLegibility;
}
em, p.subhead, .responses {
font-style: italic;
}
strong, button, h1, h2, h3, h4, h5, h6, .nav a, .footnote-anchor, .new a, .pw a {
font-weight: bold;
}
strong > em, em > strong, footer em, h2 em, h3 em, h4 em, h5 em, h6 em, .essay h4 {
font-style: italic;
font-weight: bold;
}
a, button, #logo img, #shopify .product, #shopify #dda-to-cart, #shopify #checkout-proceed #update-cart, #shopify #customer-accounts .btn, .submit-button {
-webkit-transition: all 0.25s linear;
-moz-transition: all 0.25s linear;
-o-transition: all 0.25s linear;
transition: all 0.25s linear;
}
p + p, .essay ul + p {
text-indent: 1.44em;
}
p.noindent {
	text-indent: 0 !important;
}
a, .pgh_no {
color: #613418;
}
a:hover {
color: #c19478;
}
::-moz-selection {
    background: #613418;
    color: #FFF;
    text-shadow: none;
}

::selection {
    background: #613418;
    color: #FFF;
    text-shadow: none;
}

/* overall */
.container {
padding: 1em 1em 5em 1em;
}
#content {
padding: 0.5em 0 1.5em 0;
}
.essay h2, .post h2, h3.byline, p.subhead, .post .concerning, .responses {
text-align: center;
}
.concerning, #utility, .issues .download, issues h2 em, .footnote-link, .post.newpost p {
font-size: 0.75em;
}
p + h3, ul + h3, blockquote {
margin-top: 1em;
}

/* wayfinding */
#logo a {
position: relative;
display: inline-block;
width: 100%;
text-align: center;
}
footer ul, footer li {
margin: 0;
padding: 0;
position: relative;
bottom: -0.15em;
display: inline-block;
}
footer li.made {
display: block;
}
.nav a, h1 a {
text-decoration: none;
}
.footerlinks a, .nextprev a, .earlier a, .new a {
padding: 0.25em;
}
.footerlinks a:hover, .nextprev a:hover, .earlier a:hover, .new a:hover, #shopify #dda-to-cart:hover, #shopify #checkout-proceed #update-cart:hover, #shopify #customer-accounts .btn:hover {
background: #ccc;
color: #fff;
border-radius: 0.25em;
text-decoration: none;
}
h1 {
	font-family: Flama, sans-serif;
	font-weight: bold;
	font-size: 5em;
	text-transform: uppercase;
}
#logo a:hover {
	background: #eed;
	color: #000;
	border-radius: 0.25em;
	text-decoration: none;
}
footer {
text-align: center;
}
footer, .podcast #main {
padding-top: 1em;
border-top: 1px solid #dda;
}
.podcast #main {
margin-bottom: 1em;
}
#primary {
padding-top: 0.5em;
font-size: 1.25em;
}
#primary ul, #primary li {
float: left;
}
#primary li, footer li {
margin-right: 0.2em;
}
#primary a {
padding: 0.35em 0.5em;
}
.cc {
font-family: CCIcons, sans-serif !important;
font-weight: normal !important;
letter-spacing: 0.25em;
}

/* body content & front page */
#callout h2 {
padding: 1.5em 0 1em 0;
text-align: center;
line-height: 2em;
}
.front #content {
padding: 0.5em 0 1em 0;
border-bottom: 1px solid #dda;
}
.tagline p {
padding-left: 0.5em;
font-size: 24px;
}
a.learnmore {
text-decoration: none;
margin-left: 0.25em;
}
a.learnmore:hover {
text-decoration: underline;
}
a.learnmore span {
font-weight: bold;
}
.cta_wrapper {
margin: 0 auto 0.5em auto;
font-size: 1.25em;
text-align: center;
width: 60%;
}
.cta li {
margin-bottom: 1em;
}
.cta li:last-child {
margin-bottom: 0;
}
.cta a {
padding: 0.5em 0;
text-decoration: none;
width: 100%;
display: block;
background: #fbdd99;
border: 1px solid #333;
border-radius: 0.25em;
}
.cta a:hover, .podcast_head h2 a:hover, .podcast .moblink:hover {
color: #fff;
background: #613418;
}
#hero a {
width: 100%;
padding: 0;
margin: 0;
line-height: 0 !important;
display: block;
border: 1px solid #444;
border-radius: 0.5em !important;
}
#hero img {
border-radius: 0.5em !important;
}
#testimonials {
text-align: center;
padding: 1em 0;
}

/* issues */
.front #main {
margin: 1em 10px;
}
.issues li:first-child {
border-top: none;
padding-top: 0;
}
.issues li {
border-top: 1px solid #dda;
padding	: 1em 0;
}
.issues .earlier {
font-size: 1em;
}
.issues .download {
font-size: 0.75em;
}
.issues h2 {
padding-bottom: 0.5em;
}
.issues p {
margin: 0 1em;
}
.earlier {
font-size: 1em;
text-align: right;
}
.info {
margin-top: 0.35em;
}
.supplementary {
margin-bottom: 1.5em;
}
.supplementary li {
border: 0;
margin: 0;
padding: 0;
}
.charge_cta {
	text-align: center;
	margin-top: 1em;
	border-top: 1px solid #dda;
	padding-top: 1em;
}

/* shop.distance.cc */
#shopify .product-photo, #shopify #product-gallery, #shopify .items img, #shopify #checkout-addnote, .templateProduct #logo {
display: none;
}
#shopify #umbrella ul li {
display: inline;
float: right;
padding-left: 1em;
}
#shopify .product-price {
float: right;
}
#shopify .content-wrapper {
margin-top: 2em;
}
#shopify .product, #shopify #customer-login, #shopify #recover-password, #shopify #guest {
padding: 1em;
border-radius: 0.5em;
background: #e7e7e7;
border: 1px solid #dda;
margin-bottom: 1em;
}
#shopify .product:hover {
background: transparent;
}
#shopify .product h3 {
font-size: 1.5em;
}
#shopify #product-actions {
margin-bottom: 1em;
}
#shopify #product-actions .options * {
display: inline-block;
}
#shopify p.price {
min-width: 6em;
text-align: right;
}
#shopify p.price, #shopify .variants-wrapper {
margin-right: 1em;
float: left;
margin-top: 0.75em;
}
#shopify #product-actions select {
font-family: Elena, Georgia, "Times New Roman", serif !important;
display: block;
}
#shopify #dda-to-cart, #shopify #checkout-proceed #update-cart {
float: right;
}
#shopify #dda-to-cart, #shopify #checkout-proceed #update-cart, #shopify #customer-accounts .btn {
font-family: Elena, Georgia, "Times New Roman", serif !important;
display: block !important;
background: none;
border: 1px solid #dda;
background: #e7e7e7;
border-radius: 0.25em;
font-weight: bold;
padding: 0.5em 0.75em;
font-size: 1.25em;
}
#shopify #customer-accounts .btn {
margin-top: 0.5em;
background: #f0f0f0;
}
#shopify #sharing {
margin-top: 1em;
}
#shopify #sharing li {
display: inline-block;
padding-right: 1em;
}
#shopify .items td {
padding: 0.25em;
}
#shopify .item {
text-align: right;
}
#shopify #dda-to-cart-msg.success {
border-radius: 0.25em;
padding: 0.25em 0.5em;
background: #9f9;
color: #060;
border: 1px solid #060;
width: 55%;
text-align: center;
margin: -2em 0 0.25em 0;
}
#shopify #dda-to-cart-msg.success a {
color: #030;
font-weight: bold;
margin-left: 0.5em;
}
#shopify #dda-to-cart-msg.success a:hover {
color: #393;
}
#shopify label.login, #shopify #recover_email label {
display: inline-block;
width: 7.5em;
padding-right: 0.5em;
}
#shopify #forgot_password, #shopify .note {
font-size: 0.75em;
}

/* tumblr theme */
.news .post {
margin: 1em 0;
}
.news .permalink, .news .postmeta {
text-align: right;
}
.news .post h2 {
text-align: left !important;
}
.news .post li {
list-style-type: circle;
margin-left: 1em;
}
.news .post ul, .news #navigation {
margin: 1em 0;
}
.news #navigation {
font-weight: bold;
}

/* podcast */
.podcast_head h2 {
text-align: right;
padding-top: 0.25em;
}
.podcast_head h2 a {
padding: 0.25em;
text-decoration: none;
border-radius: 0.25em;
}
.podcast #main li {
margin-left: 0.8em;
text-indent: -0.8em;
}
.podcast #main li:before {
content: "\00B7 \00A0 \00A0";
}
.podcast .moblink {
display: none;
float: right;
font-size: 0.75em;
padding-top: 0.4em;
}

/* ecommerce form */
.hasPlaceholder {
color: #777;
}
.req {
vertical-align: super;
color: #c00;
font-size: 0.8em;
}
input.error {
border: 1px solid #c00 !important;
}
.ui-autocomplete {
padding: 0;
list-style: none;
background-color: #fff;
width: 218px;
border: 1px solid #B0BECA;
max-height: 350px;
overflow-y: scroll;
}
.ui-autocomplete .ui-menu-item a {
border-top: 1px solid #B0BECA;
display: block;
padding: 4px 6px;
color: #353D44;
cursor: pointer;
}
.ui-autocomplete .ui-menu-item:first-child a {
border-top: none;
}
.ui-autocomplete .ui-menu-item a.ui-state-hover {
background-color: #f6f6cc;
color: #161A1C;
}
#payment-form input, #payment-form select {
	font-size: 1.25em;
	font-family: Elena, Georgia, serif;
	border-radius: 0.25em;
	border: 1px solid #ccc;
	padding: 0.25em;
}
.submit-button {
	font-family: Elena, Georgia, "Times New Roman", serif;
padding: 0.25em 1em;
font-size: 1em;
font-weight: bold;
border-radius: 0.25em;
/* kind of stunned at how much cross-browser support this shit requires in 2012 */
background: #ffffff;
background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f3f3f3), color-stop(51%,#ededed), color-stop(100%,#ffffff));
background: -webkit-linear-gradient(top, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%);
background: -o-linear-gradient(top, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%);
background: -ms-linear-gradient(top, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%);
background: linear-gradient(top, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );
}
.submit-button:not([disabled]):hover {
color: #fff;
background: #7d7e7d;
background: -moz-linear-gradient(top,  #7d7e7d 0%, #0e0e0e 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7d7e7d), color-stop(100%,#0e0e0e));
background: -webkit-linear-gradient(top,  #7d7e7d 0%,#0e0e0e 100%);
background: -o-linear-gradient(top,  #7d7e7d 0%,#0e0e0e 100%);
background: -ms-linear-gradient(top,  #7d7e7d 0%,#0e0e0e 100%);
background: linear-gradient(top,  #7d7e7d 0%,#0e0e0e 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#0e0e0e',GradientType=0 );
}
#payment-form input {
	margin-bottom: 0.4em;
}
#total_feedback {
	margin: 1em 0;
	font-weight: bold;
}
.pw {
	font-size: 0.75em;
	margin-left: 0.5em;
	font-weight: bold;
}
.cadenceheader {
font-family: Zine, serif;
font-weight: bold;
margin-bottom: 0.5em;
text-align: center;
width: 100%;
color: #333;
font-size: 6em;
line-height: 1em;
text-decoration: none;
}
.cadenceheader:hover {
	color: #333 !important;
}

/* media queries */
@media only screen and (max-width: 480px) {
	body {
	font-size: 16px;
	}
	#content * {
	line-height: 1.4em !important;
	}
	a:hover, #logo a:hover {
	color: #333 !important;
	background: transparent !important;
	text-decoration: underline !important;
	}
	.about, .sponsor {
	display: none !important;
	}
	.tagline {
	border: 0 !important;
	padding-bottom: 0 !important;
	}
	.cta {
	margin: 0 auto 1em auto !important;
	}
	#primary {
	padding-top: 0;
	font-size: 0.8em;
	position: relative;
	top: -0.1em;
	}
	#callout h2 {
	margin: 1em 0;
	line-height: 1.5em;
	}
	.learnmore {
	position: relative;
	top: 0.5em;
	}
	.podcast h1 {
	font-size: 1.5em;
	}
}
@media only screen and (max-width: 767px) {
	.cta_wrapper {
		width: 100%;
	}
	.alpha {
	padding-bottom: 1em;
	border-bottom: 1px solid #dda;
	}
	.front #content, .front #testimonials {
		border-bottom: 0;
	}
	.omega {
	padding-top: 1em;
	}
	.spacer, #hero, .about, .made {
	display: none !important;
	}
	.tagline {
	border: 0;
	padding-bottom: 0;
	}
	.cta, #main {
	padding-top: 0.5em;
	margin-top: 0 !important;
	}
	.issues {
	border: 0;
	}
	#masthead {
	padding: 0 0.4em;
	}
	#primary {
	padding-top: 1em !important;
	font-size: 0.75em;
	}
	.cta_wrapper {
	margin: 0.5em 0;
	}
	#callout h2 {
	padding: 0 !important;
	}
	.tagline p {
	padding: 0 !important;
	}
	.podcast_head {
	font-size: 0.75em;
	}
	.podcast .moblink {
	display: inline;
	}
	.podcast .first.episode {
	border-top: 0 !important;
	}
	h1 {
		font-size: 3em;
	}
}
@media only screen and (max-width: 810px) {
	.container {
	padding: 0.5em 0 5em 0 !important;
	border: none !important;
	}
	.front footer {
	position: relative;
	bottom: -2em;
	}
}
@media only screen and (max-width: 959px) {
	.pagination {
	font-size: 14px;
	}
	.nextprev {
	font-size: 16px;
	}
	#primary {
	padding-top: 0.25em;
	}
}
@media only screen and (min-width: 925px) and (max-width: 1000px) {
	.container {
	padding: 0.5em 0 5em 0 !important;
	border: none !important;
	}
}