body { 
background-color: #9ba5a0;
background-image: url('https://static.tumblr.com/1e862e148b98b34ea5e9dddc40a256ee/ouqpclx/K25njgrgw/tumblr_static_3ro8zzywe9eskcos4w8gw8o80.png');
background-attachment: fixed; 
color: #444; 
font-family: Source Sans Pro, 'Brutal Type', sans-serif, sans-serif;
font-size: 16px;
line-height: 1.5; 
margin: 0; 
word-wrap: break-word; 
}
.background-tile {
background-repeat: repeat;
}
.background-full {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
a { 
color: #c27a25; 
text-decoration: none; 
transition: 0.25s;
}
a:hover { 
color: #150202; 
}
a img { 
border: 0; 
}
h1, h2, h3, h4, h5, h6 { 
margin: 0; 
padding: 0; 
}
hr { 
border: none; 
height: 1px; 
background: #c3c3c3; 
width: 80%; 
background-image: -webkit-linear-gradient(left, #fff, #c3c3c3, #fff); 
background-image: -moz-linear-gradient(left, #fff, #c3c3c3, #fff); 
background-image: -ms-linear-gradient(left, #fff, #c3c3c3, #fff);
background-image: -o-linear-gradient(left, #fff, #c3c3c3, #fff);
}
blockquote { 
border-left: 1px solid #c3c3c3; 
padding: 0 0 0 5%; 
}
blockquote blockquote {
margin: 0;
padding: 0 0 0 5%;
}
@media (min-width: 601px) {
blockquote { margin: 0 0 0 5%; }
}
@media (max-width:600px) {
blockquote { margin: 0; }
}
pre { 
background: #e4e4e4; 
color: #444;
padding: 15px; /* !!! */ 
white-space: pre-wrap;
}
img { 
max-width: 100%; 
height: auto;
} 
blockquote iframe { 
max-width: 100%; 
} 
.post iframe#youtube_iframe { 
max-width: 100%; 
}

/* BREAKPOINTS */
@media (min-width:790px) { /* TWO COLUMN, SIDEBAR DISPLAYED  */
.wrapper, .credits { width:770px; }
.sidebar { width:200px; margin:30px 0; text-align:center; }

 /* left sidebar */
    .sidebar { float:left; position:fixed; }
    .content { margin:0 0 0 230px; }

ul.links li { display:block; padding:5px 0; }
ul.links li:first-child { padding:0 0 5px 0; }
ul.links li:last-child { border:none; padding:5px 0 0 0; }
.content { width:540px; }
.pagination ul { width:540px; }
}

@media (max-width:789px) { /* ONE COLUMN ALL */
.sidebar { margin:0 auto 30px; text-align:center; }
ul.links { text-align:center; }
ul.links li { display:inline-block; padding:3px 5px; margin:0 5px; }
}

@media (min-width:601px) and (max-width:789px) {
.wrapper, .credits, .pagination ul { width:540px; }
}

@media (min-width:601px) { /* NOT SMALL SCREENS */
ul.rb { display:inline-block; float:right; margin:2px 0 0 0; }
span.postsource { float:right; }
footer li { display:inline; }

    footer { text-align:right; }
    footer li.copyright { float:left; }


}

@media (max-width:600px) { /* SMALL SCREENS */
.wrapper, .credits { width:90%; } 
.pagination ul { width:100%; }
ul.rb { display:block; margin:5px 0 0 0; }
span.postsource { display:block; }
footer { text-align:center; }
}


.wrapper {
margin: 30px auto; 
} 
main {
position: relative;
}

/* SIDEBAR */
.sidebar { 
font-size: .9em; 
}
img.icon { 
border-radius: 80px; /* border-radius percentage fallback */
border-radius: 100%; 
display: block; 
margin: 0 auto 15px; 
width: 80px; 
}
h2.blogtitle { 
font-family: Source Sans Pro, "Sans Serif";
font-weight: bold;
margin: 0 0 15px; 
padding: 0; 
}
.desc {
background: #fff;
border-radius: 3px; 
display: none; /* hidden unless either page links and description are shown */
margin: 0 0 15px 0;
padding: 30px; 
text-align: left; 
}

 .desc { 
display: block; 
}
ul.links { 
 margin: 15px 0 0 0; 
 
padding: 0; 
}
ul.links li { 
border-bottom: 1px dashed #c3c3c3;
}
ul.nav { 
display: block; 
list-style: none; 
margin: 0 0 15px 0; 
padding: 0; 
text-align: center;
}
ul.nav li { 
display:inline-block; 
margin:0 5px;
}
ul.nav li a:hover { 
color: #c27a25;
}
span.tooltip { 
background: #c27a25; 
color: #ffffff; 
font-size: .9em;
padding: 0 5px;  
position: absolute;
text-align: center; 
/* hover effect: */
margin: -15px 0 0 -5px; 
opacity: 0;
transition: 0.25s ease-in-out; 
visibility: hidden;
}
ul.nav li:hover span.tooltip { 
margin: -25px 0 0 -5px; 
opacity: 1;
visibility: visible; 
}
.searchbar { 
padding: 0 0 15px 0;
}
input#search { 
background: #fff;
border: none;
border-radius: 3px;
color: #444;
font-family: 'Brutal Type', sans-serif;
padding: 7px 15px;
width: 170px;
}
input#search:hover,
input#search:focus,
input#search:active { 
opacity: 1;
outline: none;
}

/* POSTS */
article { 
margin: 0 0 30px 0;
}
.post {
background: #fff;  
border-radius: 3px; 
padding: 30px;
}
@media (max-width: 600px) {
.post ul { padding-left: 15px; }
}
.read_more,
.read_more_container { 
border-top: 1px dashed #c3c3c3; 
border-bottom: 1px dashed #c3c3c3;
display: block; 
padding: 5px 15px; 
text-align: center;
}
.pagesort { /* day, tag, search pages */
color: #777;
margin: 0 0 15px 0; 
text-align: center; 
}
span.tag,
span.search_query {
font-style:italic; 
}

/* PHOTO, PHOTOSET, PANORAMA POSTS */
.photopost { 
margin: 0 -30px; 
text-align: center;
}
.photopost iframe { /* responsive photoset on mobile/tablet */
width: 1px; 
min-width: 100%; 
*width: 100%; 
}
.lightbox-image {
max-width: none;
height: initial;
}
.photopost:hover .highres { 
opacity: 1; 
}
.highres { 
background: rgba(0,0,0,0.7); 
border-radius: 3px; 
color: #fff; 
font-size: 1.5em; 
margin: 1em 0 0 1em; 
padding: .5em .8em; 
opacity: 0; 
position: absolute; 
text-align: center; 
transition: .2s ease-in; 
z-index: 99; 
}
.highres:hover { 
background: rgba(0,0,0,.9); 
}
img.nothighres { 
display:none; 
}

/* QUOTE POSTS */
h3.quotepost { 
border-bottom: 1px dashed #c3c3c3; 
font-weight: 400; 
margin-bottom: 15px;
padding: 0 0 15px 0;
}

/* LINK POSTS */
.link-thumbnail {
text-align: center;
}
.link-thumbnail img { 
border-radius: 100%; 
display: inline-block;
margin: 0 auto 15px;
width: 40px; 
}
a.link { 
display: block; 
color: #ffffff; 
background: #c27a25; 
margin: 0 -30px 15px;
padding: 15px 30px; 
}
.link-excerpt {
border-bottom: 1px dashed #c3c3c3;
font-size: .9em;
margin: 0 0 15px;
padding: 0 0 15px;
}

/* CHAT POSTS */
ul.chat { 
list-style: none; 
margin: 0px; 
padding: 0px; 
}
ul.chat li { 
border-bottom: 1px dashed #c3c3c3; 
padding: 7px 15px;
}
ul.chat li:last-child { 
border-bottom: none;
}

/* AUDIO POSTS */
.audioembed {
margin: 0 -30px;
}

.audioembed iframe { 
width: 1px; 
min-width: 100%; 
*width: 100%; 
}
iframe.spotify_audio_player { 
height: 80px; 
}

/* VIDEO POSTS */
.videopost { 
margin: 0 -30px;
}
.videopost iframe { /* dry !!! */
width: 1px; 
min-width: 100%; 
*width: 100%; 
}

/* ANSWER POSTS */
.answerpost-user { /* asked by, answered by*/
color: #777;  
font-size: .9em;
}
.answerpost { /* question */
border-bottom: 1px dashed #c3c3c3;  
font-weight: 400;
margin: 0 0 20px;
}
img.answer-icon { 
width: 16px; /* calc fallback */
width: calc(16px + 2px); 
border-radius: 100%; 
vertical-align: middle; 
margin: 0 5px; 
margin-top: -2px;
}

/* POST INFO */
.posthead { /* reblog info */
color: #777; 
font-size: .9em; 
margin: -15px 0 15px 0; 
text-transform: lowercase;
}
.postfoot { /* post info */
color: #777;
font-size: .9em;
margin: 15px 0 -15px 0;
}
ul.postinfo {
display: inline;
list-style: none;
margin: 0;
padding: 0;
}
ul.postinfo li {
display: inline-block;
}
ul.postinfo li::before {
content: '+ ';
}
ul.postinfo li:first-child::before {
content: '';
}

/* REBLOG AND LIKE BUTTONS */
ul.rb { 
list-style: none;
padding: 0;
}
ul.rb li { 
display: inline-block; 
margin: 0 0 0 5px;
}
ul.rb li:first-child {
margin: 0;
}
.reblog_button,
.like_button iframe {
width: 16px !important; /* calc fallback */
height: 16px !important; /* calc fallback */
width: calc(16px + 2px) !important;
height: calc(16px + 2px) !important;
}

/* TAGS */
ul.tags { 
font-size: 0.9em;
list-style: none; 
margin: 0; 
padding: 10px 30px; 
}
ul.tags li { 
display: inline; 
margin: 0 7px;
}
ul.tags li:first-child { 
margin: 0 7px 0 0;
}
ul.tags a { 
color: #777;
}
ul.tags a:hover { 
color: #c27a25;
}

/* POST NOTES */
.postnotes { 
background: #fff; 
border-radius: 3px; 
margin: 30px 0 0 0; 
 margin: 0;  margin: 0;  margin: 0;  margin: 0;  margin: 0;  margin: 0;  margin: 0;  margin: 0;  margin: 0;  margin: 0; 
padding: 30px;
}
ol.notes { 
list-style: none; 
margin: 0px; 
padding: 0px; 
text-align: left;    
 /* only show postnotes onclick if disqus enabled*/
}
.expandnotes {
color: #c27a25; 
cursor: pointer;
text-align: center; 
}
.disqus {
background: #fff;
color: #444;
padding: 30px;
border-radius: 3px;
margin: 30px 0 0 0;
}
ol.notes li.note { 
border-bottom: 1px dashed #c3c3c3; 
padding: 10px 15px; 
}
ol.notes li.note:first-child { 
padding: 0 15px 10px 15px; 
}
ol.notes li.note:last-child { 
padding: 10px 15px 0 15px; 
border-bottom: 0px; 
}
ol.notes li.note img.avatar { 
margin: 0px 10px -3px 0px; 
border-radius: 100%; 
}
ol.notes blockquote { 
margin: 10px 0px 0px 30px;
}
ol.notes blockquote a { 
color: #777;
}

/* PAGINATION */
.pagination { 
clear: both; 
color: #777; 
font-size: .9em; 
text-align: center; 
}
.pagination ol { 
color: #777;
list-style: none; 
margin: 0; 
padding: 15px 0;
}
.pagination li { 
border-bottom: 3px solid #777; 
display: inline-block; 
margin: 0px 1px; 
padding: 10px; 
transition-duration: 0.25s;
}
.pagination li:hover { 
border-bottom: 3px solid #c27a25;
}
.pagination a { 
color: #777;
}
.pagination li#current { 
border-bottom: 3px solid #c27a25;
font-weight: 700;
}
.pagination ul { /* day/tag pages navigation */
color: #777; 
float: left;
list-style: none;
margin:0; 
padding: 15px 0; 
text-align: right;
}
.pagination li.nextday { 
float: left;
}
.pagination ul li { 
margin:0 0 15px 0;
}

footer { 
border-top: 1px solid #c3c3c3; 
bottom: 0; 
clear: both; 
color: #777; 
font-size: .9em; 
margin: 30px 0 0 0;
padding: 15px 15px 0 15px; 
}

footer ul {
list-style: none;
margin: 0;
padding: 0;
}
