/* normalize.css v2.1.0 | MIT License | git.io/normalize */
/* normalize.scss v2.1.0 | MIT/GPLv2 License | bit.ly/normalize-with-compass */
/* ========================================================================== HTML5 display definitions ========================================================================== */
/** Correct `block` display not defined in IE 8/9. */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }

/** Correct `inline-block` display not defined in IE 8/9. */
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }

/** Prevent modern browsers from displaying `audio` without controls. Remove excess height in iOS 5 devices. */
audio:not([controls]) { display: none; height: 0; }

/** Address styling not present in IE 7/8/9. Known issue: no IE 6 support. */
[hidden] { display: none; }

/* ========================================================================== Base ========================================================================== */
/** 1. Set default font family to sans-serif. 2. Prevent iOS text size adjust after orientation change, without disabling user zoom. 3. Correct text resizing oddly in IE 6/7 when body `font-size` is set using `em` units. */
html { font-family: "PT Serif", serif; /* 1 */ font-size: 112.5%; /* 3 */ -webkit-text-size-adjust: 100%; /* 2 */ -ms-text-size-adjust: 100%; /* 2 */ /* Establish a vertical rhythm unit using $base-line-height. */ line-height: 1.55556em; }

/** Address `font-family` inconsistency between `textarea` and other form elements in IE 6/7. */
button, input, select, textarea { font-family: "PT Serif", serif; }

/** Remove default margin. */
body { margin: 0; }

/* ========================================================================== Links ========================================================================== */
/** Address `outline` inconsistency between Chrome and other browsers. */
a:focus { outline: thin dotted; }

/** Improve readability when focused and also mouse hovered in all browsers. */
a:active, a:hover { outline: 0; }

/* ========================================================================== Typography ========================================================================== */
/** Set 1 unit of vertical rhythm on the top and bottom margin. */
p, pre { margin: 1.55556em 0; }

blockquote { /* Set 1 unit of vertical rhythm on the top and bottom margin. */ margin: 1.55556em 2.5em; }

/** Address variable `h1` font-size and margin within `section` and `article` contexts in Firefox 4+, Safari 5, and Chrome. */
h1 { /* Set the font-size and line-height while keeping a proper vertical rhythm. */ font-size: 1.77778em; line-height: 1.75em; /* Set 1 unit of vertical rhythm on the top and bottom margins. */ margin-top: 0.875em; margin-bottom: 0.875em; }

h2 { font-size: 1.77778em; line-height: 1.75em; margin-top: 0.875em; margin-bottom: 0.875em; }

h3 { font-size: 1.33333em; line-height: 1.16667em; margin-top: 1.16667em; margin-bottom: 1.16667em; }

h4 { font-size: 1.16667em; line-height: 1.33333em; margin-top: 1.33333em; margin-bottom: 1.33333em; }

h5 { font-size: 1em; line-height: 1.55556em; margin-top: 1.55556em; margin-bottom: 1.55556em; }

h6 { font-size: 0.83em; line-height: 1.87416em; margin-top: 1.87416em; margin-bottom: 1.87416em; }

/** Address styling not present in IE 8/9, Safari 5, and Chrome. */
abbr[title] { border-bottom: 1px dotted; }

/** Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome. */
b, strong { font-weight: bold; }

/** Address styling not present in Safari 5 and Chrome. */
dfn { font-style: italic; }

/** Address differences between Firefox and other browsers. Known issue: no IE 6/7 normalization. */
hr { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 0; }

/** Address styling not present in IE 8/9. */
mark { background: #ff0; color: #000; }

/** Correct font family set oddly in Safari 5 and Chrome. */
code, kbd, pre, samp { font-family: monospace, serif; _font-family: "courier new", monospace; font-size: 1em; line-height: 1.55556em; }

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

/** Set consistent quote types. */
q { quotes: "\201C" "\201D" "\2018" "\2019"; }

/** Address inconsistent and variable font size in all browsers. */
small { font-size: 80%; }

/** Prevent `sub` and `sup` affecting `line-height` in all browsers. */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

/* ========================================================================== Lists ========================================================================== */
/** Set 1 unit of vertical rhythm and a consistent indentation. */
dl, menu, ol, ul { margin: 1.55556em 0; padding: 0 0 0 2.5em; }

dl { padding: 0; }

dd { margin: 0 0 0 2.5em; }

/** Correct list images handled incorrectly in IE 7. */
nav ul, nav ol { list-style: none; list-style-image: none; }

/* ========================================================================== Embedded content ========================================================================== */
/** Remove border when inside `a` element in IE 8/9. */
img { border: 0; /* Improve image quality when scaled in IE 7. */ -ms-interpolation-mode: bicubic; }

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

/* ========================================================================== Figures ========================================================================== */
/** Address margin not present in IE 8/9 and Safari 5. */
figure { margin: 0; }

/* ========================================================================== Forms ========================================================================== */
/** Correct margin displayed oddly in IE 6/7. */
form { margin: 0; }

/** Define consistent border, margin, and padding. */
fieldset { border: none; margin: 0; padding: 0; }

/** 1. Correct `color` not being inherited in IE 8/9. 2. Remove padding so people aren't caught out if they zero out fieldsets. 3. Correct alignment displayed oddly in IE 6/7. */
legend { border: 0; /* 1 */ padding: 0; /* 2 */ *margin-left: -7px; /* 3 */ }

/** 1. Correct font family not being inherited in all browsers. 2. Correct font size not being inherited in all browsers. 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome. 4. Improve appearance and consistency with IE 6/7. */
button, input, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 2 */ margin: 0; /* 3 */ vertical-align: baseline; /* 4 */ *vertical-align: middle; /* 4 */ }

/** Address Firefox 4+ setting `line-height` on `input` using `!important` in the UA stylesheet. */
button, input { line-height: normal; }

/** Address inconsistent `text-transform` inheritance for `button` and `select`. All other form control elements do not inherit `text-transform` values. Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+. Correct `select` style inheritance in Firefox 4+ and Opera. */
button, select { text-transform: none; }

/** 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls. 2. Correct inability to style clickable `input` types in iOS. 3. Improve usability and consistency of cursor style between image-type `input` and others. 4. Remove inner spacing in IE 7 without affecting normal text inputs. Known issue: inner spacing remains in IE 6. */
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ *overflow: visible; /* 4 */ }

/** Re-set default cursor for disabled elements. */
button[disabled], html input[disabled] { cursor: default; }

/** 1. Address box sizing set to `content-box` in IE 8/9. 2. Remove excess padding in IE 8/9. 3. Remove excess padding in IE 7. Known issue: excess padding remains in IE 6. */
input[type="checkbox"], input[type="radio"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ *height: 13px; /* 3 */ *width: 13px; /* 3 */ }

/** 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome. 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome (include `-moz` to future-proof). */
input[type="search"] { -webkit-appearance: textfield; /* 1 */ -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; /* 2 */ }

/** Remove inner padding and search cancel button in Safari 5 and Chrome on OS X. */
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/** Remove inner padding and border in Firefox 4+. */
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/** 1. Remove default vertical scrollbar in IE 8/9. 2. Improve readability and alignment in all browsers. */
textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ }

/* ========================================================================== Tables ========================================================================== */
/** Remove most spacing between table cells. */
table { border-collapse: collapse; border-spacing: 0; }

/* ========================================================================== Custom Additions ========================================================================== */
header ul, footer ul, ul.credit { padding: 0; list-style: none; }

/** For modern browsers 1. The space content is one way to avoid an Opera bug when the contenteditable attribute is included anywhere else in the document. Otherwise it causes space to appear at the top and bottom of elements that are clearfixed. 2. The use of `table` rather than `block` is only necessary if using `:before` to contain the top-margins of child elements. */
.cf:before, header.site-info:before, header.site-info nav.pages:before, header.site-fixed nav.pages:before, nav#pagination:before, nav#infinite:before, article:before, article section ul.credit li.author:before, article footer:before, article footer ul:before, body.permalink-page article div.share-buttons:before, .cf:after, header.site-info:after, header.site-info nav.pages:after, header.site-fixed nav.pages:after, nav#pagination:after, nav#infinite:after, article:after, article section ul.credit li.author:after, article footer:after, article footer ul:after, body.permalink-page article div.share-buttons:after { content: " "; /* 1 */ display: table; /* 2 */ }

.cf:after, header.site-info:after, header.site-info nav.pages:after, header.site-fixed nav.pages:after, nav#pagination:after, nav#infinite:after, article:after, article section ul.credit li.author:after, article footer:after, article footer ul:after, body.permalink-page article div.share-buttons:after { clear: both; }

/** For IE 6/7 only Include this rule to trigger hasLayout and contain floats. */
.cf, header.site-info, header.site-info nav.pages, header.site-fixed nav.pages, nav#pagination, nav#infinite, article, article section ul.credit li.author, article footer, article footer ul, body.permalink-page article div.share-buttons { *zoom: 1; }

/* ColorBox Core Style: The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper { position: absolute; top: 0; left: 0; z-index: 9999; overflow: hidden; }

#cboxOverlay { position: fixed; width: 100%; height: 100%; }

#cboxMiddleLeft, #cboxBottomLeft { clear: left; }

#cboxContent { position: relative; }

#cboxLoadedContent { overflow: auto; -webkit-overflow-scrolling: touch; }

#cboxTitle { margin: 0; }

#cboxLoadingOverlay, #cboxLoadingGraphic { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow { cursor: pointer; }

.cboxPhoto { float: left; margin: auto; border: 0; display: block; max-width: none; }

.cboxIframe { width: 100%; height: 100%; display: block; border: 0; }

#colorbox, #cboxContent, #cboxLoadedContent { box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; }

/*  User Style: Change the following styles to modify the appearance of ColorBox.  They are ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay { background: #000000; }

#colorbox { outline: 0; }

#cboxContent { margin-top: 32px; overflow: visible; }

#cboxError { padding: 50px; border: 1px solid #cccccc; }

#cboxLoadedContent { background: #000000; padding: 1px; }

#cboxLoadingGraphic { background: url(http://static.tumblr.com/fftf9xi/rkklqu1ni/loading.gif) no-repeat center center; }

#cboxLoadingOverlay { background: #000000; }

#cboxTitle { position: absolute; top: -22px; left: 0; color: #ffffff; text-shadow: none; }

#cboxCurrent { position: absolute; top: -22px; right: 205px; text-indent: -9999px; }

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose { border: 0; padding: 0; margin: 0; overflow: visible; width: auto; background: none; }

/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active { outline: 0; }

#cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose { text-indent: -9999px; width: 20px; height: 20px; position: absolute; top: -20px; background: url(http://static.tumblr.com/fftf9xi/1dslqu1o1/controls.png) no-repeat 0 0; }

#cboxPrevious { background-position: 0px 0px; right: 44px; }

#cboxPrevious.hover { background-position: 0px -25px; }

#cboxNext { background-position: -25px 0px; right: 22px; }

#cboxNext.hover { background-position: -25px -25px; }

#cboxClose { background-position: -50px 0px; right: 0; }

#cboxClose.hover { background-position: -50px -25px; }

.cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious { right: 66px; }

.cboxSlideshow_on #cboxSlideshow { background-position: -75px -25px; right: 44px; }

.cboxSlideshow_on #cboxSlideshow.hover { background-position: -100px -25px; }

.cboxSlideshow_off #cboxSlideshow { background-position: -100px 0px; right: 44px; }

.cboxSlideshow_off #cboxSlideshow.hover { background-position: -75px -25px; }

.customize-embed:before { content: "Flash Disabled in Customize Mode"; height: 24px; width: 100%; display: block; text-align: center; position: absolute; top: 50%; margin-top: 0; font-weight: normal; font-size: 11px; color: #AAAAAA; font-family: "Helvetica Neue", sans-serif !important; text-shadow: 1px 2px 1px rgba(0, 0, 0, 0.4); letter-spacing: 1px; }

.customize-embed { -moz-box-shadow: inset 0 1px 0px #646464; -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.7); background: #333333; background: -moz-radial-gradient(center, ellipse cover, #333333 0%, black 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #333333), color-stop(100%, black)); background: -webkit-radial-gradient(center, ellipse cover, #333333 0%, black 100%); background: -o-radial-gradient(center, ellipse cover, #333333 0%, black 100%); background: -ms-radial-gradient(center, ellipse cover, #333333 0%, black 100%); background: radial-gradient(center, ellipse cover, #333333 0%, #000000 100%); }

.customize-embed iframe, .customize-embed embed, .customize-embed object { display: none; }

.customize-audio { display: block; height: 27px; width: 207px; background-image: url(http://static.tumblr.com/fftf9xi/r0blwhruz/audio-players.png); }

.customize-audio.white { background-position: 0px 0px; }

.customize-audio.grey { background-position: 0px -27px; }

.customize-audio.black { background-position: 0px -54px; }

.customize-audio embed { display: none; }

@-webkit-keyframes ui-spinner-rotate-right { 0% { -webkit-transform: rotate(0deg); }
  25% { -webkit-transform: rotate(180deg); }
  50% { -webkit-transform: rotate(180deg); }
  75% { -webkit-transform: rotate(360deg); }
  100% { -webkit-transform: rotate(360deg); } }

@-webkit-keyframes ui-spinner-rotate-left { 0% { -webkit-transform: rotate(0deg); }
  25% { -webkit-transform: rotate(0deg); }
  50% { -webkit-transform: rotate(180deg); }
  75% { -webkit-transform: rotate(180deg); }
  100% { -webkit-transform: rotate(360deg); } }

@-moz-keyframes ui-spinner-rotate-right { 0% { -moz-transform: rotate(0deg); }
  25% { -moz-transform: rotate(180deg); }
  50% { -moz-transform: rotate(180deg); }
  75% { -moz-transform: rotate(360deg); }
  100% { -moz-transform: rotate(360deg); } }

@-moz-keyframes ui-spinner-rotate-left { 0% { -moz-transform: rotate(0deg); }
  25% { -moz-transform: rotate(0deg); }
  50% { -moz-transform: rotate(180deg); }
  75% { -moz-transform: rotate(180deg); }
  100% { -moz-transform: rotate(360deg); } }

@keyframes ui-spinner-rotate-right { 0% { transform: rotate(0deg); }
  25% { transform: rotate(180deg); }
  50% { transform: rotate(180deg); }
  75% { transform: rotate(360deg); }
  100% { transform: rotate(360deg); } }

@keyframes ui-spinner-rotate-left { 0% { transform: rotate(0deg); }
  25% { transform: rotate(0deg); }
  50% { transform: rotate(180deg); }
  75% { transform: rotate(180deg); }
  100% { transform: rotate(360deg); } }

.ui-spinner { position: relative; border-radius: 100%; }
.ui-spinner .side { width: 50%; height: 100%; overflow: hidden; position: absolute; }
.ui-spinner .side .fill { border-radius: 999px; position: absolute; width: 100%; height: 100%; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; -ms-animation-iteration-count: infinite; -o-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-timing-function: linear; -ms-animation-timing-function: linear; -o-animation-timing-function: linear; animation-timing-function: linear; }
.ui-spinner .side-left { left: 0; }
.ui-spinner .side-left .fill { left: 100%; border-top-left-radius: 0; border-bottom-left-radius: 0; -webkit-animation-name: ui-spinner-rotate-left; -moz-animation-name: ui-spinner-rotate-left; -ms-animation-name: ui-spinner-rotate-left; -o-animation-name: ui-spinner-rotate-left; animation-name: ui-spinner-rotate-left; -webkit-transform-origin: 0 50%; -moz-transform-origin: 0 50%; -ms-transform-origin: 0 50%; -o-transform-origin: 0 50%; transform-origin: 0 50%; }
.ui-spinner .side-right { left: 50%; }
.ui-spinner .side-right .fill { left: -100%; border-top-right-radius: 0; border-bottom-right-radius: 0; -webkit-animation-name: ui-spinner-rotate-right; -moz-animation-name: ui-spinner-rotate-right; -ms-animation-name: ui-spinner-rotate-right; -o-animation-name: ui-spinner-rotate-right; animation-name: ui-spinner-rotate-right; -webkit-transform-origin: 100% 50%; -moz-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; -o-transform-origin: 100% 50%; transform-origin: 100% 50%; }

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

* html { font-size: 112.5%; }

html { font-size: 18px; line-height: 1.55556em; }

/* ========================================================================== Customize Panel Settings ========================================================================== */

/* Fonts */
body, article h3 { font-family: "PT Serif", serif; }

h1, h2, h3, h4, h5, header.site-info nav.pages ul li a, header.site-fixed nav.pages ul li a, footer.page-foot section a.btn, a.button, a.highres, a.permalink-button, article.chat strong, article.ask header div.asker-wrap p.asker { font-family: "PT Sans", sans-serif; }

header.site-info ul.util, footer.page-foot section.bottom, footer.page-foot section.liked-posts #likes a.btn, article section ul.credit, article footer, article.photo ul.exif, body.permalink-page article ul.credit, body.permalink-page article ul.tags { font-family: "PT Mono", sans-serif; }

/* ========================================================================== Base ========================================================================== */
h1, h2, h3, h4, h5 { line-height: 1.1; }

h2, h3, h4, h5 { margin-bottom: 0.25em; }

p { margin-top: 0; }

blockquote { margin-left: 1em; padding-left: 1em; display: block; clear: both; border-left-width: 4px; border-left-style: solid; }
blockquote > blockquote { margin-right: 0; }
@media only screen and (max-width: 480px) { blockquote { margin-left: 0.25em; margin-right: 0.25em; padding-left: 0.75em; } }

hr { display: block; height: 1px; border: 0; border-top: 1px solid rgba(153, 153, 153, 0.2); padding: 0; margin-left: -6.25em; margin-right: -6.25em; margin-bottom: 4.5em; }
@media only screen and (max-width: 705px) { hr { margin-left: 0; margin-right: 0; } }
@media only screen and (max-width: 480px) { hr { margin-bottom: 2.25em; } }

iframe { border: none; }

/* ========================================================================== Layouts ========================================================================== */
.container { *zoom: 1; max-width: 60.55556em; _width: 60.55556em; padding-left: 8.11111em; padding-right: 8.11111em; margin-left: auto; margin-right: auto; }
.container:after { content: ""; display: table; clear: both; }
@media only screen and (max-width: 1024px) { .container { padding: 0 5em; } }
@media only screen and (max-width: 705px) { .container { padding: 0 2em; } }
@media only screen and (max-width: 480px) { .container { padding: 0 1em; } }

header.site-info { margin-bottom: 4.66667em; }
@media only screen and (max-width: 480px) { header.site-info { margin-bottom: 1.55556em; } }
header.site-info ul.util { font-size: 12px; padding: 0; margin-left: -8.11111em; margin-right: -8.11111em; margin-top: 0.5em; margin-bottom: 0.5em; }
@media only screen and (max-width: 705px) { header.site-info ul.util { margin-left: 0; margin-right: 0; } }
header.site-info ul.util li { display: inline-block; margin-right: 1em; }
header.site-info ul.util a { text-decoration: none; }
header.site-info section.description { text-align: center; padding-top: 3.11111em; }
header.site-info section.description a.portrait-icon { border: 4px solid #fcfcfc; background-color: #fcfcfc; -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 2px 4px; -moz-box-shadow: rgba(0, 0, 0, 0.3) 0 2px 4px; box-shadow: rgba(0, 0, 0, 0.3) 0 2px 4px; }
header.site-info section.description a.portrait-icon, header.site-info section.description a.portrait-icon img { display: block; margin: 0 auto; height: 120px; width: 120px; border-radius: 60px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
header.site-info section.description h1 { margin-bottom: 0.5em; }
header.site-info section.description h1 a { text-decoration: none; }
header.site-info section.description h1 a img { max-width: 90%; }
header.site-info section.description p { font-size: 1.11111em; line-height: 1.4em; font-style: italic; line-height: 1.5; margin: 0 auto 1em auto; }
header.site-info section.description p a { color: inherit; }
header.site-info nav.pages { border-top-width: 1px; border-top-style: solid; font-size: 0.88889em; line-height: 1.75em; text-align: center; padding-top: 1.16667em; margin-bottom: 1.16667em; }
header.site-info nav.pages img { display: none; }
header.site-info nav.pages ul { margin: 0; }
header.site-info nav.pages ul li { display: inline-block; margin-right: 0.5em; }
header.site-info nav.pages ul li:after { content: ' \2022 '; margin-left: 0.5em; }
header.site-info nav.pages ul li:last-child:after { content: none; }
header.site-info nav.pages ul li a { text-decoration: none; text-transform: uppercase; font-weight: 700; }

header.site-fixed { display: none; }
header.site-fixed nav.pages { border-top-width: 1px; border-top-style: solid; text-align: center; position: fixed; top: 0; left: 0; width: 100%; padding: 0.5em 0; -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0 2px 5px; -moz-box-shadow: rgba(0, 0, 0, 0.4) 0 2px 5px; box-shadow: rgba(0, 0, 0, 0.4) 0 2px 5px; }
@media only screen and (max-width: 480px) { header.site-fixed nav.pages { display: none; } }
header.site-fixed nav.pages a.portrait-icon { border: 2px solid #fcfcfc; background-color: #fcfcfc; -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 2px; -moz-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 2px; box-shadow: rgba(0, 0, 0, 0.3) 0 1px 2px; position: fixed; top: 0.25em; left: 1em; }
header.site-fixed nav.pages a.portrait-icon, header.site-fixed nav.pages a.portrait-icon img { display: block; height: 32px; width: 32px; border-radius: 16px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
header.site-fixed nav.pages ul { margin: 0 10px 0 68px; text-align: left; font-size: 0.75em; padding: 0; }
header.site-fixed nav.pages ul li { display: inline-block; margin-right: 0.5em; }
header.site-fixed nav.pages ul li:after { content: ' \2022 '; margin-left: 0.5em; }
header.site-fixed nav.pages ul li:last-child:after { content: none; }
header.site-fixed nav.pages ul li a { text-decoration: none; text-transform: uppercase; font-weight: 700; }

footer.page-foot { margin-top: 3.11111em; padding-top: 1.55556em; text-align: center; }
footer.page-foot .iso section { width: 100%; float: left; padding: 0; }
@media only screen and (max-width: 705px) { footer.page-foot .iso section { width: 100%; } }
footer.page-foot .iso.widget section.description { width: 100%; }
footer.page-foot section { margin-bottom: 1em; }
footer.page-foot section.bottom { text-align: center; font-size: 12px; line-height: 1.5; border-top-width: 1px; border-top-style: solid; clear: both; }
footer.page-foot section.bottom a { color: inherit; }
footer.page-foot section h4 { font-size: 12px; line-height: 1.5; margin-bottom: .5em; text-transform: uppercase; letter-spacing: 1px; }
footer.page-foot section h4 a { color: inherit; text-decoration: none; }
footer.page-foot section iframe.twitter-timeline { width: 100%; }
footer.page-foot section p.view-more { margin: 0; }
footer.page-foot section a.btn { font-size: 12px; padding: 4px 10px; border-radius: 4px; font-weight: 400; letter-spacing: 1px; text-transform: uppercase; text-decoration: none; }
footer.page-foot section.description p { font-style: italic; }
footer.page-foot section.social-links h4 {
  margin: 0;
}
footer.page-foot section.social-links ul {
  margin: 0 0 24px 0;
}
footer.page-foot section.social-links ul li {
  display: inline-block;
  height: 12px;
}
footer.page-foot section.social-links ul li a {
  text-decoration: none;
}


/* ========================================================================== Modules ========================================================================== */
a.button { font-size: 0.88889em; line-height: 1.75em; display: inline-block; line-height: 1; font-weight: 400; letter-spacing: 1px; text-transform: uppercase; text-decoration: none; border-radius: 4px; position: relative; padding: 12px 20px 12px 20px; -webkit-box-shadow: 0 -4px 0 rgba(68, 68, 68, 0.4) inset; -moz-box-shadow: 0 -4px 0 rgba(68, 68, 68, 0.4) inset; box-shadow: 0 -4px 0 rgba(68, 68, 68, 0.4) inset; -webkit-transition-duration: 0.1s; -moz-transition-duration: 0.1s; -o-transition-duration: 0.1s; transition-duration: 0.1s; }
a.button:active { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; padding-bottom: 10px; top: 4px; }

p.btn-wrap { height: 41px; }

a.read-more.button { font-size: 12px; padding: 8px 12px 8px 14px; text-shadow: 1px 1px 0px rgba(68, 68, 68, 0.6); }
a.read-more.button:active { padding-bottom: 6px; }

a.highres, a.permalink-button { font-size: 12px; line-height: 1; font-weight: 400; letter-spacing: 1px; text-transform: uppercase; text-decoration: none; border-radius: 4px; position: absolute; bottom: 14px; right: 12px; opacity: 0; padding: 0.66667em 0.83333em 0.91667em 0.83333em; -webkit-box-shadow: 0 -4px 0 rgba(68, 68, 68, 0.4) inset; -moz-box-shadow: 0 -4px 0 rgba(68, 68, 68, 0.4) inset; box-shadow: 0 -4px 0 rgba(68, 68, 68, 0.4) inset; -webkit-transition-duration: 0.1s; -moz-transition-duration: 0.1s; -o-transition-duration: 0.1s; transition-duration: 0.1s; -webkit-transition-property: box-shadow, padding; -moz-transition-property: box-shadow, padding; -o-transition-property: box-shadow, padding; transition-property: box-shadow, padding; }
a.highres:active, a.permalink-button:active { -webkit-box-shadow: 0 0 0 rgba(68, 68, 68, 0.4) inset; -moz-box-shadow: 0 0 0 rgba(68, 68, 68, 0.4) inset; box-shadow: 0 0 0 rgba(68, 68, 68, 0.4) inset; padding-bottom: 0.666666667em; }
a.highres strong, a.permalink-button strong { display: none; }

a.permalink-button { padding-right: 0.7em; }

a.highres { right: 52px; }

nav#pagination ul { margin-top: 0; padding: 0; text-align: center; margin-bottom: 3.11111em; }
@media only screen and (max-width: 480px) { nav#pagination ul { margin-bottom: 0; } }
nav#pagination ul li { display: inline-block; height: 41px; }
nav#pagination ul li a:after, nav#pagination ul li a:before { font-size: 3em; line-height: 0.35; position: relative; top: -2px; vertical-align: middle; }
nav#pagination ul li.prev { margin-right: 0.5em; }
nav#pagination ul li.prev a:before { padding-right: 0.1em; margin: 0; }
nav#pagination ul li.next { margin-left: 0.5em; }
nav#pagination ul li.next a:after { padding-left: 0.1em; margin: 0; }

nav#infinite { text-align: center; }
nav#infinite p { height: 41px; }
nav#infinite ul { margin-top: 0; margin-bottom: 3.11111em; }
nav#infinite.show { display: block !important; }
nav#infinite #infinite-spin { position: relative; }
nav#infinite #infinite-spin .spinner { left: -1em !important; top: 0.5em !important; }

#infscr-loading { display: none !important; }

article { margin-bottom: 3.5em; padding: 0 2.5em 2em 2.5em; }
@media only screen and (max-width: 705px) { article { padding: 0 2em 2em 2em; } }
@media only screen and (max-width: 480px) { article { padding: 0 1em 2em 1em; margin-bottom: 0; } }
article h3 { font-size: 1.3125em; font-weight: 400; line-height: 1.5; margin-bottom: 1em; }
article small { text-align: center; display: block; margin-top: -2em; }
article section img, article section iframe { display: block; max-width: 100%; margin: 2em auto; border-radius: 2px; }
article section iframe { width: 31.25em; max-width: 100%; margin: 2em auto !important; }
article section iframe#submit_form, article section iframe#ask_form { width: 100% !important; }
article section ul.credit { font-size: 12px; }
article section ul.credit li.author { display: block !important; clear: both; margin-bottom: 0.5em; }
article section ul.credit li.author a { text-decoration: none; }
article section ul.credit li.author a.portrait-icon { margin: 0 0.2em 0 0; vertical-align: middle; border: 2px solid #fcfcfc; background-color: #fcfcfc; -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 2px; -moz-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 2px; box-shadow: rgba(0, 0, 0, 0.3) 0 1px 2px; }
article section ul.credit li.author a.portrait-icon img { margin: 0; }
article section ul.credit li.author a.portrait-icon, article section ul.credit li.author a.portrait-icon img { display: inline-block; height: 30px; width: 30px; border-radius: 15px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
article.results { padding-bottom: 1.2em; }
article footer { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; margin-left: -2.5em; padding-left: 2.5em; margin-right: -2.5em; padding-right: 2.5em; border-top-width: 1px; border-top-style: solid; }
@media only screen and (max-width: 705px) { article footer { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; margin-left: -2em; padding-left: 2em; margin-right: -2em; padding-right: 2em; } }
@media only screen and (max-width: 480px) { article footer { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; margin-left: -1em; padding-left: 1em; margin-right: -1em; padding-right: 1em; } }
article footer ul { font-size: 12px; line-height: 1.9; margin: 1.25em 0; }
article footer a { text-decoration: none; }
article footer a:before { position: relative; top: 1px; }
article footer ul.meta li { display: inline-block; margin-left: 1em; float: right; text-transform: lowercase; }
article footer ul.meta li.time { float: left; margin-left: 0; }
article footer ul.meta li.like, article footer ul.meta li.reblog { line-height: 1.7; }
article footer ul.meta li.reblog { margin-left: 0.2em; }
article footer ul.meta li span:before { font-size: 1.5em; vertical-align: middle; padding: 0; line-height: 1; }
article footer ul.meta li strong { display: none; }

article.photo header, article.video header, article.photoset header, article.audio header { padding: 0; margin-left: -8.11111em; margin-right: -8.11111em; margin-bottom: 1em; margin-top: 1.55556em; }
article.photo header img, article.video header img, article.photoset header img, article.audio header img { width: 100%; }
article.photo header iframe, article.video header iframe, article.photoset header iframe, article.audio header iframe { margin: 0 auto; }
@media only screen and (max-width: 1024px) { article.photo header, article.video header, article.photoset header, article.audio header { margin-left: -6em; margin-right: -6em; } }
@media only screen and (max-width: 705px) { article.photo header, article.video header, article.photoset header, article.audio header { margin-left: -3em; margin-right: -3em; } }
@media only screen and (max-width: 480px) { article.photo header, article.video header, article.photoset header, article.audio header { margin-left: -1em; margin-right: -1em; } }
article.photo header .video_placeholder, article.video header .video_placeholder, article.photoset header .video_placeholder, article.audio header .video_placeholder { width: 100% !important; height: 200px !important; line-height: 200px !important; }
article.photo h2:first-of-type, article.video h2:first-of-type, article.photoset h2:first-of-type, article.audio h2:first-of-type { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; margin-left: -1.25em; padding-left: 1.25em; margin-right: -1.25em; padding-right: 1.25em; margin-bottom: 0.55em; padding-bottom: 0.5em; border-bottom-width: 1px; border-bottom-style: solid; text-align: center; }
@media only screen and (max-width: 705px) { article.photo h2:first-of-type, article.video h2:first-of-type, article.photoset h2:first-of-type, article.audio h2:first-of-type { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; margin-left: -1em; padding-left: 1em; margin-right: -1em; padding-right: 1em; } }
@media only screen and (max-width: 480px) { article.photo h2:first-of-type, article.video h2:first-of-type, article.photoset h2:first-of-type, article.audio h2:first-of-type { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; margin-left: -0.5em; padding-left: 0.5em; margin-right: -0.5em; padding-right: 0.5em; } }
article.photo blockquote > h2:first-of-type, article.video blockquote > h2:first-of-type, article.photoset blockquote > h2:first-of-type, article.audio blockquote > h2:first-of-type { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; margin-left: 0%; padding-left: 0%; margin-right: 0%; padding-right: 0%; }

article.text header, article.ask header, article.chat header, article.quote header, article.link header { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; margin-left: -2.5em; padding-left: 2.5em; margin-right: -2.5em; padding-right: 2.5em; margin-bottom: 1.1em; padding-bottom: 1em; border-bottom-width: 1px; border-bottom-style: solid; min-height: 1.5em; }
@media only screen and (max-width: 705px) { article.text header, article.ask header, article.chat header, article.quote header, article.link header { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; margin-left: -2em; padding-left: 2em; margin-right: -2em; padding-right: 2em; } }
@media only screen and (max-width: 480px) { article.text header, article.ask header, article.chat header, article.quote header, article.link header { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; margin-left: -1em; padding-left: 1em; margin-right: -1em; padding-right: 1em; } }

article.text header, article.chat header, article.quote header { text-align: center; }

article.text header h2 a { text-decoration: none; }

article.link header h2 a { font-size: 0.75em; }
article.link header h2 a:after { font-family: "Entypo"; speak: none; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; content: "\E75A"; font-size: 1.5em; padding-left: 0.5em; float: right; }

article.quote header p { font-size: 1.77778em; line-height: 1.75em; margin-top: 0.75em; font-family: "PT Sans", sans-serif; font-weight: 700; font-style: italic; margin-bottom: 0.25em; }
@media only screen and (max-width: 480px) { article.quote header p { font-size: 1.33333em; line-height: 1.16667em; line-height: 1.3; } }

article.chat strong { display: block; margin: 0; font-size: 12px; line-height: 1.25; letter-spacing: 1px; text-transform: uppercase; }
article.chat footer strong { display: none; }

article.ask header p.question { font-size: 1.33333em; line-height: 1.16667em; margin-top: 0.75em; line-height: 1.5; font-family: "PT Sans", sans-serif; font-weight: 700; margin-bottom: 0.5em; }
@media only screen and (max-width: 480px) { article.ask header p.question { font-size: 1.16667em; line-height: 1.33333em; line-height: 1.4; } }
article.ask header div.asker-wrap img { height: 40px; width: 40px; border-radius: 20px; margin-right: 0.5em; vertical-align: middle; float: left; border: 2px solid #fcfcfc; -webkit-box-shadow: #999999 0 1px 2px; -moz-box-shadow: #999999 0 1px 2px; box-shadow: #999999 0 1px 2px; }
article.ask header div.asker-wrap p.asker { font-size: 12px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; line-height: 1.2; padding-top: 0.5em; }
article.ask header div.asker-wrap p.asker a { text-decoration: none; display: block; }

article.photo header { position: relative; }
article.photo ul.exif { font-size: 12px; text-align: center; margin-top: -1em; margin-bottom: 2em; opacity: 0.4; line-height: 1.5; }
article.photo ul.exif.hover { opacity: 1; }
article.photo ul.exif li { display: inline-block; margin-right: 1em; list-style: none; text-transform: uppercase; }
article.photo ul.exif li.icon-camera:before { padding-right: 0.5em; }

article.audio header { margin-bottom: 1.55556em; }
article.audio header .audio-embed { padding: 1em; }
article.audio header iframe { width: 100% !important; }

.audio .audio-embed { line-height: 0; }

.audio .audio-embed iframe[src*="spotify"] { width: 100% !important; height: auto !important; margin-bottom: -76px; }

.audio .audio-embed iframe[src*="soundcloud"] { width: 100% !important; }

.audio .audio-embed iframe.tumblr_audio_player { width: 100% !important; }
@media only screen and (max-width: 480px) { .audio .audio-embed iframe.tumblr_audio_player { width: 288px !important; } }

iframe[src*="pinterest.com/pidget.html"] { position: absolute; left: -9999em; }

html body iframe#tumblr_controls { -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -o-transition-duration: 0.4s; transition-duration: 0.4s; }

html body iframe#tumblr_controls.below-nav, html body iframe#tumblr_controls[src*="tumblr"].tumblr_sticky_iframe.below-nav { top: 56px !important; position: fixed !important; visibility: visible !important; opacity: 1 !important; }
@media only screen and (max-width: 480px) { html body iframe#tumblr_controls.below-nav, html body iframe#tumblr_controls[src*="tumblr"].tumblr_sticky_iframe.below-nav { top: 0px !important; } }

/* ========================================================================== States ========================================================================== */
body.index-page ul.tags, body.index-page ul.credit li.reblog, body.index-page ul.credit li.source { display: none; }

body.permalink-page article { margin-bottom: 3.11111em; }
body.permalink-page article section { margin-bottom: 1em; }
body.permalink-page article ul.credit, body.permalink-page article ul.tags { font-size: 12px; padding: 0; margin: 0 0 0.2em 0; }
body.permalink-page article ul.credit li, body.permalink-page article ul.tags li { display: inline-block; list-style: none; }
body.permalink-page article ul.credit li a, body.permalink-page article ul.tags li a { text-decoration: none; }
body.permalink-page article ul.credit li img, body.permalink-page article ul.tags li img { display: inline-block; margin: 0 0.25em; }
body.permalink-page article ul.tags li { margin-left: 0.5em; }
body.permalink-page article ul.tags li:first-child { margin-left: 0; }
body.permalink-page article ul.credit li { margin-right: 1em; }
body.permalink-page article div.share-buttons { margin-bottom: 1.55556em; margin-top: 0em; }
body.permalink-page article div.share-button { display: inline-block; float: left; width: 90px; height: 20px; }
body.permalink-page article div.notes { border-top-width: 1px; border-top-style: solid; margin-top: 2em; text-transform: none; }
body.permalink-page article ol.notes { font-size: 12px; list-style: none; padding: 0; }
body.permalink-page article ol.notes li { margin-bottom: 0.5em; }
body.permalink-page article ol.notes li a { text-decoration: underline; }
body.permalink-page article ol.notes img { height: 36px; width: 36px; border-radius: 3px; vertical-align: middle; }

@media only screen and (max-width: 480px) { html { font-size: 0.88889em; line-height: 1.75em; }
  html * html { font-size: 112.5%; }
  html html { font-size: 18px; line-height: 1.55556em; } }

/* Archive page */

.archive-page ul.post-archive {
  list-style: none;
  margin-left: 0;
  padding-left: 0;
}

ul.post-archive li {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  padding: 1em 0;
}

ul.post-archive a {
  text-decoration: none;
}

ul.post-archive li h3 {
  margin: 0;
  padding: 0;
  display: inline;
}


ul.post-archive .date {
  float: right;
}

/* Pygments Code Blocks */
div.highlight {
  margin: 1.55556em 0;
}

p > code, li > code {
  font-size: 0.75em;
  padding: 0.25em 0.5em;
  border-radius: 2px;
}

/* Better styles for embedding GitHub Gists */
.gist{font-size:13px;line-height:18px;margin-bottom:20px;width:100%}
.gist pre{font-family:Menlo,Monaco,'Bitstream Vera Sans Mono','Courier New',monospace !important}
.gist-meta{font-family:Helvetica,Arial,sans-serif;font-size:13px !important}
.gist-meta a{color:#26a !important;text-decoration:none}
.gist-meta a:hover{color:#0e4071 !important}


@media only screen and (max-width: 650px) {
  ul.post-archive .date, ul.post-archive li h3 {
    display: block;
    float: none;
    text-align: center;
  }
}