html {
    font-size: 100%; /* 16px */
}

body {
    font: 0.8125rem/175% 'Yrsa', 'Baskerville', 'Georgia', 'Times New Roman', 'Times', serif;
    /* 13px/22.75px */
}

audio, canvas, iframe, img, svg, video {
    vertical-align: middle;
}

textarea {
    resize: vertical;
}

img {
    max-width: 100%;
}

figure {
    margin: 0;
}

a {
    text-decoration: none;
    -webkit-transition: color 0.2s ease-in-out;
    -moz-transition: color 0.2s ease-in-out;
    -o-transition: color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out;
}

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

blockquote {
    margin: 1em 0;
    padding-left: 1em;
    border-left: 2px solid #eee;
}

ul, ol, p {
    margin: 1em 0;
}

h1, h2, h3 {
    letter-spacing: 1px;
    font-variant: small-caps;
}

h2 {
    font-size: 1.5em;
    margin: 0.83em 0;
}
h3 {
    font-size: 1.17em;
    margin: 1em 0;
}
h4 {
    margin: 1.33em 0;
}
h5 {
    font-size: 0.83em;
    margin: 1.67em 0;
}
h6 {
    font-size: 0.67em;
    margin: 2.33em 0;
}

pre {
    word-wrap: break-word;
    white-space: pre-wrap;
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

.circle, .badge, .notes .avatar {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}

.badge {
    display: inline-block;
    width: 1.813rem; /* 13px + 8px + 8px = 29px */
    height: 1.813rem; /* 13px + 8px + 8px = 29px */
    padding: 0.5rem; /* 8px */
    line-height: 0.8125rem; /* 13px */

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;

    -webkit-transition: background-color 0.2s ease-in-out;
    -moz-transition: background-color 0.2s ease-in-out;
    -o-transition: background-color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out;
}
.badge:before {
    font-size: 0.8125rem; /* 13px */
}

.lightcaps,
.more_notes_link_container {
    text-transform: uppercase;
    letter-spacing: 2px;
    line-height: 100%;
    font-weight: 300;
    font-variant: normal;
}

/* ==========================================================================
    General Layout Styles
   ========================================================================== */

.tmblr-iframe {
    display: none;
}

#wrapper {
    margin: 0 auto;
}

.index #wrapper {
    width: 100%;
    max-width: 1290px; /* 500px + 20px + 500px + 20px (#posts-container) + 250px (#blog-aside) */

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

.permalink #wrapper {
    width: 810px; /* 540px (.post) + 20px + 250px (#blog-aside) */
}

#blog-header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 80px;
    padding: 20px;
    border-bottom: 1px solid transparent;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;

    -webkit-transition: border-color 0.4s ease-in-out;
    -moz-transition: border-color 0.4s ease-in-out;
    -o-transition: border-color 0.4s ease-in-out;
    transition: border-color 0.4s ease-in-out;
}

#posts-container {
    margin-top: 80px;
}

.index #posts-container {
    margin-right: 250px;
}

#blog-aside,
#blog-footer {
    position: fixed;
    margin-left: 1040px;
    width: 250px;
}

#blog-aside {
    top: 80px;
    font-size: 0.75rem; /* 12px */
    font-weight: 300;
    line-height: 150%;
}

#blog-footer {
    bottom: 20px;
}

.permalink #blog-aside,
.permalink #blog-footer {
    margin-left: 560px;
}

/* ==============
    Progress Bar
   ============== */

#nprogress {
    pointer-events: none;
}

#nprogress .progress-bar {
    position: fixed;
    z-index: 1031;
    top: 0;
    left: 0;
    width: 100%;
    height: 2px;
}

/* ============
    Flat Lists
   ============ */

#main-menu, #tumblr-controls,
.chat-container, .fake-list,
.tags, .post-icons, .post-sources,
.notes, .pagination,
.toggled:not(#about-text) {
    list-style-type: none;
    padding: 0;
}

.menu-item, .control-item,
.submission, .via, .source,
.next, .previous, .page-number {
    display: inline-block;
}

/* =========================
    Bottom Border for Hover
   ========================= */

.menu-link,
.post-date-link, .tag-link,
.more_notes_link,
.toggler-text,
#prev-day .prev-text,
#next-day .next-text {
    border-bottom: 1px solid transparent;
    -webkit-transition: border-color 0.2s ease-in-out;
    -moz-transition: border-color 0.2s ease-in-out;
    -o-transition: border-color 0.2s ease-in-out;
    transition: border-color 0.2s ease-in-out;
}

/* ==========================================================================
   Header Styles
   ========================================================================== */

#blog-title,
#main-menu,
#tumblr-controls {
    margin: 0;
}

#blog-title {
    height: 40px;
    position: relative;
    z-index: 11;
    float: left;
}

#blog-title-link {
    display: table;
    height: 40px;
}

.blog-title-image {
    display: table-cell;
    width: 40px;
    height: 40px;
    margin-right: 10px;

    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

#blog-title-text {
    display: table-cell;
    height: 40px;
    vertical-align: middle;
}

/* ===========
    Main Menu
   =========== */

#main-menu {
    position: fixed;
    width: 100%;
    top: 2.188rem; /* 35px */
    left: 0;
    text-align: center;
    font-size: 0.6875rem; /* 11px */
}

.menu-item {
    margin-right: 1rem;
}
.menu-item:last-child {
    margin-right: 0;
}

/* =================
    Tumblr Controls
   ================= */

#tumblr-controls {
    position: fixed;
    top: 25px;
    right: 20px;
}

.control-item {
    float: left;
    padding-right: 4px;
}
#search, #dashboard {
    padding: 0;
}

.control-icon:before {
    position: relative;
}
.control-icon.icon-search:before,
.control-icon.icon-feather:before,
.control-icon.icon-plus:before,
.control-icon.icon-menu:before {
    left: 0.125rem; /* 2px */
}
.control-icon.icon-cancel:before {
    left: 0.1875rem; /* 3px */
}

.search-control {
    float: left;
    margin-right: 4px;
}

.form-open #open-search,
#close-search {
    display: none;
}
.form-open #close-search {
    display: inline-block;
}

/* =============
    Search Form
   ============= */

#search-form {
    display: inline-block;
    position: relative;
    top: 2px;
    float: left;
    width: 0;
    overflow: hidden;

    -webkit-transition: width 0.4s ease-in-out;
    -moz-transition: width 0.4s ease-in-out;
    -o-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out;
}

.form-open #search-form {
    width: 9.75rem; /* 131px + 5px + 20px = 156px */
    margin-right: 4px;
}

#search-field {
    outline: none;
    width: 9.75rem; /* 131px + 5px + 20px = 156px */
    line-height: 100%;
    border: 1px solid #eee;
    padding: 0.1875rem 0.3125rem 0.1875rem 1.25rem; /* 3px 5px 3px 20px */

    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

#search-button {
    -webkit-appearance: none;
    background-color: transparent;
    border-width: 0;
    padding: 0;
    outline: none;
    line-height: 100%;
    position: absolute;
    top: 0.3125rem; /* 5px */
    left: 0.4375rem; /* 7px */
}

/* ==========================================================================
    Main Styles
   ========================================================================== */

.results-title {
    margin: 0.8125rem 0 20px; /* 13px */
    font-variant: normal;
    font-weight: normal;
    font-size: 0.875rem; /* 14px */
    font-family: 'Lora', 'Georgia', 'Times New Roman', 'Times', serif;
    letter-spacing: normal;
    padding-right: 20px;
}
.results-title .the-query {
    font-weight: bold;
    text-transform: lowercase;
}

.index .post, #grid-sizer {
    width: 50%;
    max-width: 520px;
    min-width: 420px;
    padding-right: 20px;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

.index .post {
    margin-bottom: 20px;
    float: left;
}

.permalink .post {
    width: 540px;
    margin-bottom: 20px;
}

.post-content {
    padding-bottom: 1em;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
}

.type-quote .post-content,
.type-answer .post-content {
    padding-top: 1em;
}

/* I think I'll cheat instead of resetting all the top margins... */
.type-text .post-content,
.type-chat .post-content {
    padding-top: 1px;
}

/* ===========
    The Posts
   =========== */

.post iframe {
   max-width: 100%;
}

.post-title {
    margin: 0.8125rem; /* 13px */
    line-height: 115%;
}
.link-name, .chat-title {
    font-weight: normal;
    font-size: 1.438rem; /* 23px */
}

.post-title-link:after {
    vertical-align: bottom;
    opacity: 0;

    -webkit-transition: opacity 0.2s ease-in-out;
    -moz-transition: opacity 0.2s ease-in-out;
    -o-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
}
.post-title-link:hover:after {
    opacity: 1;
}

.post-body {
    margin: 0 1em;
}

.post-body h2 {
    font-weight: normal;
}

.post-body b,
.post-body strong {
    font-weight: 600;
}

.post-body i,
.post-body em,
.post-body cite {
    font-family: 'Lora', 'Georgia', 'Times New Roman', 'Times', serif;
}

.post-body small,
.post-body sub,
.post-body sup {
    font-weight: 300;
}

.post-body small {
    line-height: 100%;
}

.post-body small,
.post-body i,
.post-body em,
.post-body cite,
.post-body code,
.post-body pre {
    font-size: 0.6875rem; /* 11px */
}

.post-body small small,
.post-body small i,
.post-body small em,
.post-body small cite,
.post-body small code,
.post-body small pre {
    font-size: 0.5625rem; /* 9px */
}

.post-body figure {
    margin: 1em 0;
}

/* tumblr gif styles */
.tmblr-full.stretched {
    position: relative;
    left: -1em;
}

.tmblr-full.stretched img {
    width: 100%;
}

.tmblr-full.stretched .tmblr-attribution {
    margin: 0 1em;
    font-size: 0.6875rem; /* 11px */
    font-weight: 300;
}

.tmblr-full.stretched .tmblr-attribution .icon-link-ext:before {
    margin-right: 0.1875rem; /* 3px */
    vertical-align: middle;
}

/* ============
    Photo Post
   ============ */

.post-photo {
    width: 100%;
}

.tmblr-lightbox .lightbox-image {
    max-width: none;
}

.post:not(.photoset-post) .post-photo,
.photoset-row:first-child.columns-1 .photo-link {
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    -o-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
}

.photoset-row:first-child:not(.columns-1) .photo-link:first-child {
    -webkit-border-top-left-radius: 4px;
    -moz-border-top-left-radius: 4px;
    -o-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
}
.photoset-row:first-child:not(.columns-1) .photo-link:last-child {
    -webkit-border-top-right-radius: 4px;
    -moz-border-top-right-radius: 4px;
    -o-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
}

/* ============
    Quote Post
   ============ */

.quote-container {
    padding: 0;
    border-width: 0;
    margin-top: 0;
}

.the-quote {
    margin: 0 0.8125rem 0.8125rem; /* 13px */
    line-height: 125%;
}

.quote-container.short .the-quote {
    font-size: 1.25rem; /* 20px */
}
.quote-container.medium .the-quote {
    font-size: 1rem; /* 16px */
}
.quote-container.long .the-quote {
    font-size: 0.875rem; /* 14px */
    line-height: 150%;
}

.the-quote p:first-child {
    margin-top: 0;
}

.post-body .quote-source {
    font-family: inherit;
    font-size: inherit;
    font-style: normal;
}

/* ===========
    Link Post
   =========== */

.link-container {
    display: block;
    padding: 1em 0;
    background-color: transparent;

    -webkit-transition: background-color 0.2s ease-in-out;
    -moz-transition: background-color 0.2s ease-in-out;
    -o-transition: background-color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out;

    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    -o-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
}
.link-container.has-thumbnail {
    padding-top: 0;
}

.link-container:not(.has-thumbnail) .link-name {
    margin-top: 0;
}
.link-name:after {
    vertical-align: bottom;
    margin-left: 0.625rem; /* 10px */
}

.link-excerpt {
    margin: 0 1em;

    -webkit-transition: border-color 0.2s ease-in-out;
    -moz-transition: border-color 0.2s ease-in-out;
    -o-transition: border-color 0.2s ease-in-out;
    transition: border-color 0.2s ease-in-out;
}
.link-excerpt .the-excerpt {
    font-size: 0.75rem; /* 12px */
    font-weight: 300;
    line-height: 150%;
    margin-bottom: 0;
}

.type-link .post-body {
    border-top: 1px solid #eee;
    margin-top: 1em;
}

/* ===========
    Chat Post
   =========== */

.chat-container {
    margin-top: 0;
}

.chat-title {
    margin-bottom: 0;
}

.chat-line {
    padding: 1em;
}

.line-label {
    float: left;
    width: 20%;
    word-wrap: break-word;
}

.chat-line.has-label .line-text {
    float: left;
    width: 80%;
    padding-left: 0.3125rem; /* 5px */

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

/* ============
    Audio Post
   ============ */

.type-audio {
    position: relative;
}

.album,
.index .audio-container .caption {
    display: none;
}

.audio-info {
    padding: 1em 1em 0;
    min-height: 71px;
}
.index .audio-info {
    margin-bottom: 1em;
}

.audio-info .the-info {
    vertical-align: middle;
    min-height: 71px;
    padding-left: 84px;
    opacity: 0;
}

.track-name {
    font-size: 1.063rem; /* 17px */
    font-weight: normal;
    line-height: 115%;
    margin: 0;
}

.artist {
    font-size: 0.6875rem; /* 11px */
    margin: 0.125rem 0 0; /* 2px */
}

.album-art {
    position: absolute;
    top: 1em;
    left: 1em;
    width: 71px;
    height: 71px;
}

.audio-player {
    width: 27px;
    height: 27px;
    padding: 10px;
    position: absolute;
    top: 25px;
    left: 25px;
    background-color: #fff;
    opacity: 0.7;
}

/* =============
    Answer Post
   ============= */

.question-container,
.answer-container {
    margin: 0 1em;
    position: relative;
}
.answer-container {
    margin-top: 1em;
    padding-top: 1em;
}

.asker-portrait,
.answerer-portrait {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0;
    left: 0;
}
.answerer-portrait {
    top: 1em;
}

.question-author,
.answer-author {
    font-size: 0.875rem; /* 14px */
    text-transform: lowercase;
    line-height: 100%;
    height: 40px;
    padding: 0.8125rem 0 0 50px; /* 13px */

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

.asker, .answerer {
    font-weight: normal;
}

.question {
    margin-top: 1em;
    padding-bottom: 1em;
}

.answer-container,
.type-answer .post-body {
    border-top: 1px solid #eee;
}
.type-answer .post-body:empty {
    border-top-width: 0;
}

/* =======
    Pages
   ======= */

.page-content .lightcaps {
    font-weight: normal;
    font-size: 0.75rem; /* 12px */
    line-height: 125%;
}

.page-content .lightcaps small {
    font-size: 0.625rem; /* 10px */
    letter-spacing: 1px;
}

/* ===========
    Post Meta
   =========== */

.post-footer {
    padding: 1em 1em 0;
}

.play-count,
.index .post-sources {
    display: none;
}

.post-date, .tags, .post-sources {
    font-size: 0.6875rem; /* 11px */
    font-weight: 300;
    text-transform: lowercase;
    line-height: 150%;
}

.post-date {
    float: left;
    margin: 0;
    max-width: 18%;
}

.tags {
    float: left;
    margin: 0;
    max-width: 77%;
    position: relative;
    padding-left: 1.25rem; /* 20px */

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
.has-external-audio .tags {
    max-width: 71%;
}
.tags:before {
    content: '/';
    position: absolute;
    left: 0.5rem; /* 8px */
}
.tag {
    float: left;
    padding-right: 0.3125rem; /* 5px */
}

.post-icons {
    float: right;
    margin: 0;
    font-size: 0.6875rem; /* 11px */
    line-height: 0.6875rem;
}

.external-audio,
.like-button,
.reblog-button {
    float: right;
    text-align: right;
    padding-left: 0.25rem; /* 4px */
}
.like-button {
    width: 0.8125rem; /* 13px */
    padding-left: 0.125rem; /* 2px */
    position: relative;
}
.reblog-button {
    padding-left: 0;
}

.post-icon {
    display: block;
    height: 0.6875rem; /* 11px */
}
.like-icon {
    -webkit-transition: color 0.2s ease-in-out;
    -moz-transition: color 0.2s ease-in-out;
    -o-transition: color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out;
}

/*
Custom Like Button
ref: http://stackoverflow.com/a/21715659/954677
*/
.like_button {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    width: 11px;
    height: 11px;
    line-height: 11px;
    cursor: pointer;
    opacity: 0;
}
.like_button iframe {
    position: relative;
    top: -3px;
}

.like_button.liked + .like-icon {
    color: #d75f45 !important;
}
.like_button.liked + .like-icon:before {
    content: '\e813'; /* icon-heart-filled */
    position: relative;
    right: 0.0625rem; /* 1px */
}

.post-sources {
    clear: both;
    margin: 0;
}

.via:after {
    content: ';';
    margin-right: 0.3125rem; /* 5px */
}

#permalink-pagination {
    margin: 0;
}

#prev-post, #next-post {
    position: fixed;
    top: 50%;
}

#prev-post {
    left: 20px;
    text-align: left;
}
#next-post {
    right: 20px;
    text-align: right;
}

.note-count {
    font-weight: normal;
    padding-top: 1em;
    border-top: 1px solid #eee;
}

.notes {
    margin: 0;
    font-size: 0.75rem; /* 12px */
    font-weight: 300;
}

.notes .avatar_frame {
    display: none;
}

.notes blockquote {
    margin: 0.5em 0;
}

.more_notes_link_container {
    font-size: 0.625rem; /* 10px */
    line-height: inherit;
}

/* ==========================================================================
    Aside Styles
   ========================================================================== */

#blog-description {
    font-size: 0.8125rem; /* 13px */
}

.aside-title {
    font-size: 0.75rem; /* 12px */
}

.aside-title .badge {
    width: 1.313rem; /* 11px + 5px + 5px = 21px */
    height: 1.313rem; /* 11px + 5px + 5px = 21px */
    padding: 0.3125rem; /* 5px */
    margin-right: 0.3125rem; /* 5px */
    line-height: 0.6875rem; /* 11px */
}
.aside-title .badge:before {
    font-size: 0.6875rem; /* 11px */
    position: relative;
    left: 0.0625rem; /* 1px */
}

#about-title .icon-crown:before {
    top: 0.0625rem; /* 1px */
}
#characters-title .icon-group:before {
    left: 0;
}

#credits-toggler.toggle-open .badge.icon-heart-filled,
#credits-toggler:hover .badge.icon-heart-filled {
    color: #d75f45 !important;
}

.toggled {
    display: none;
    margin-left: 1em;
    text-transform: lowercase;
}

#blog-aside .icon-right-dir:before {
    font-size: 0.625rem; /* 10px */
    margin-right: 0.1875rem; /* 3px */
}
#featured-characters .icon-right-dir:before,
#other-blogs .icon-right-dir:before {
    margin-right: 0.3125rem; /* 5px */
}

#featured-characters .game {
    font-size: 0.625rem; /* 10px */
}
#featured-characters .game:before {
    content: ' ';
}

/* ==========================================================================
    Footer Styles
   ========================================================================== */

#loading-message {
    margin: 0;
    text-align: center;
    font-size: 0.5rem; /* 8px */
}

/* ============
    Pagination
   ============ */

#blog-pagination {
    display: none;
}

#day-pagination {
    margin: 0;
    font-size: 0.625rem; /* 10px */
    padding-right: 39px;
}

#prev-day {
    float: left;
    width: 50%;
}
#next-day {
    float: right;
    width: 50%;
    text-align: right;
}

/* =========
    Buttons
   ========= */

#spinner, #elevator, #theme-credit {
    position: fixed;
    right: 20px;
}

@-moz-keyframes spin {
    from { -moz-transform: rotate(0deg); }
    to   { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
    from { -webkit-transform: rotate(0deg); }
    to   { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
    from { transform: rotate(0deg); }
    to   { transform: rotate(360deg); }
}

#spinner {
    bottom: 5.25rem; /* 52px + 29px (#elevator) + 3px = 84px */
    opacity: 0;

    -webkit-transition-property: bottom, opacity;
    -moz-transition-property: bottom, opacity;
    -o-transition-property: bottom, opacity;
    transition-property: bottom, opacity;

    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s;

    -webkit-transition-timing-function: ease-in-out;
    -moz-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
}
#spinner.spin {
    opacity: 1;
    cursor: progress;
    -webkit-animation: spin 2s linear infinite;
    -moz-animation: spin 2s linear infinite;
    -o-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

#elevator {
    bottom: 3.25rem; /* 20px + 29px (#theme-credit) + 3px = 52px */
    display: none;
}
#elevator.icon-up-bold:before {
    position: relative;
    top: -0.125rem; /* -2px */
}

#theme-credit {
    bottom: 20px;
}
#theme-credit:hover {
    color: #d75f45 !important;
}
#theme-credit:hover:before {
    content: '\e813'; /* icon-heart-filled */
    position: relative;
    left: 0.0625rem; /* 1px */
}

/* ==========================================================================
    Media Queries
   ========================================================================== */

@media only screen and (max-width: 1329px) {
    .index #wrapper {
        padding: 0 20px;
    }
    .index #blog-aside, .index #blog-footer {
        margin-left: 0;
        right: 20px;
    }
}

@media only screen and (max-width: 1129px) {
    .index #wrapper {
        padding: 0;
        width: 810px; /* 540px (.post) + 20px + 250px (#blog-aside) */
        max-width: none;
    }

    .index #posts-container {
        margin-right: 0;
    }

    .index #blog-aside, .index #blog-footer {
        margin-left: 560px;
        right: auto;
    }

    .index .post, #grid-sizer {
        width: 560px;
        max-width: none;
        min-width: none;
    }
}

@media only screen and (max-width: 1023px) {
    #blog-header {
        padding-top: 14px;
        padding-bottom: 15px;
    }

    #main-menu {
        position: static;
        width: auto;
        float: left;
        clear: left;
        padding-left: 50px;
    }
}

@media only screen and (max-width: 907px) {
    #wrapper {
        width: 540px !important;
    }

    #blog-aside, #loading-message {
        display: none !important;
    }
}

@media only screen and (max-width: 639px) {
    #wrapper {
        margin: 0 20px;
    }

    #permalink-pagination {
        margin-top: 1em;
        float: left;
        width: 100%;
    }

    #prev-post, #next-post {
        position: static;
        width: 50%;
        float: left;
    }

    #next-post {
        float: right;
    }

    .note-count {
        clear: both;
    }
}