.tmblr-iframe {
position:absolute;
}

body, html { margin:0; padding:0; }

body {
color:#5a1e10;
font-family:'Inconsolata',sans-serif;
font-size:15px;
background-color:#f8c199;
word-wrap:break-word;
overflow-y:auto;
overflow-x:hidden;
line-height:1.5em;
}

.background { z-index:-99999; }



#cred {
position:fixed;
bottom:20px;
left:20px;
font-weight:bold;
font-size:20px;
padding:5px;
color:rgba(90,30,16,.7);
z-index:999999;
}

#cred:hover { color:#94461f; }

p:first-child, p>p:first-child { margin-top:2px; }
p:last-child, p>p:last-child { margin-bottom:2px; }

a, .links, .tags, .pag {
transition:.15s ease-in-out;
}

a {
text-decoration:none;
outline:none;
-moz-outline-style:none;
color:rgba(148,70,31,.8);
padding:0;
}

a:hover {
color:rgba(90,30,16,.7);
}

.caption a:hover:not(.more), #desc a:hover, .question a:hover, .answer a:hover {
border-bottom:1px solid #5a1e10;
}

.caption a, #desc a, .question a, .answer a {
color:#5a1e10;
border-bottom:1px solid rgba(148,70,31,.5);
}

.caption hr, #desc hr {
border:none;
border-top:1px solid rgba(148,70,31,.5);
margin:.5em 20%;
}

img {
border:none;
max-width:100%;
}

blockquote, blockquote blockquote {
padding:4px 4px 4px 10px;
margin:0;
margin-left:1px;
border-left:2px solid rgba(148,70,31,.5);
background:rgba(148,70,31,.05);
}

h1 i { font-size:110%; }

::selection {
background:rgba(148,70,31,.7);
color:#f8c199;
}

::moz-selection {
background:rgba(148,70,31,.7);
color:#f8c199;
}

::-webkit-scrollbar {
width:8px;
height:8px;
}

::-webkit-scrollbar-thumb {
background:#94461f padding-box;

border:2px solid transparent;
}

/* Track */
::-webkit-scrollbar-track {
border:solid rgba(148,70,31,.3);
border-width:0 2px;
background:#f8c199;
}

::-webkit-scrollbar-corner { 
background:transparent;
}

#s-m-t-tooltip, #side-content, #link-menu, .post, .nav, #cred, #search {


background:#f8c199;
}

#s-m-t-tooltip {
margin:0 15px;
padding:.5em;
font-size:95%;
line-height:1em;
z-index:9999999;
pointer-events:none;
}

#sidebar {
width:250px;
position:fixed;
top:0;
bottom:0;
left:calc(50% - (500px)/2 - 250px);
display:flex;
flex-flow:column nowrap;
align-items:center;
justify-content:center;
}

#side-content {
box-sizing:border-box;
width:250px;
padding:10px;
text-align:center;
position:relative;
}

#side-img {
background:#f8c199;
height:100px;
width:100px;
margin:-70px auto 5px;
padding:5px;

}

#side-img.circle { border-radius:50%; }
#side-img.square { 

}

#navbar {
position:fixed;
left:calc(50% + (500px)/2 + 100px);
top:0;
bottom:0;
display:flex;
flex-flow:column nowrap;
justify-content:center;
}

#nav-measure {
position:relative;
display:flex;
flex-flow:column nowrap;
justify-content:center;
}

.nav {
text-transform:uppercase;
margin:10px 0;
color:#5a1e10;
text-align:center;
padding:5px;
width:55px;
height:55px;
}

.nav .fa {
font-size:24px;
margin-top:5px;
color:rgba(148,70,31,.7);
}

.nav .fa-home { 
font-size:28px;
margin-top:3px;
margin-bottom:-3px;
}

.lbl {
line-height:10px;
font-size:12px;
}

#blog-name {
display:block;
font-size:1.5em;
margin-top:5px;
}

#title, .title, #menu-lbl, .lbl {
font-family:'Overpass','Inconsolata',sans-serif;
font-weight:bold;
}

#title {
font-size:1.1em;
font-weight:bold;
color:rgba(90,30,16,.8);
}

#desc {
margin-top:10px;
text-align:left;
}

#search {
display:block;
margin:10px 0 0;

	width:240px;
padding:5px;
}

#search input, #search button {
outline:none;
border:none;
background:none;
}

#search input { font:inherit; color:inherit; }
#search button { color:rgba(148,70,31,.7); }

#link-menu {
margin:10px 0 0;
position:relative;
width:250px;
box-sizing:border-box;
font-size:1.1em;
}

#dropdown {
border-top:3px solid rgba(148,70,31,.3);
display:none;
}

.links {
padding:5px;
text-transform:uppercase;
display:block;
text-align:right;
}

#menu-lbl {
color:rgba(90,30,16,.8);
cursor:pointer;
text-align:left;
}

#menu-lbl .fa {
float:right;
margin-right:3px;
}

/* Post styling */
#content {
left:calc(50% - (500px)/2 + 50px);
position:absolute;
z-index:999;
width:500px;
min-width:300px;
}

.post {
margin:50px 0;
position:relative;
background:#f8c199;
overflow:hidden;
}

.rb-from {
padding:10px;
line-height:1em;
border-bottom:3px solid rgba(148,70,31,.3);
}

.rb-from a { font-size:1.2em; }
.rb-from .post-type { float:right; }

.title {
line-height:1.2em;
font-size:1.7em;
margin:0;
text-align:center;
color:#94461f;
}

.media-wrap { line-height:0; }

.chat { padding:.2em .5em; }
.chat.even { background:rgba(148,70,31,.1) }

.caption { padding:10px; }
.caption:empty { display:none; }
.caption a.tumblr_blog { font-weight:bold; }
.caption .read-more {
display:inline-block;
margin:auto;
text-transform:uppercase;
text-decoration:none;
padding:7px;
border:1px solid rgba(,.5);
}

.caption h1, .caption h2, .caption h3, .caption h4, .caption h5 {
margin:0;
color:rgba(148,70,31,.8);
font-family:Overpass;
text-align:center;
}

.caption h1 { font-size:1.5em; }

.caption ul li { 
list-style-type:none; 
position:relative;
}

.caption ul li:before {
content:'\2014';
position:absolute;
left:-15px;
color:#94461f;
}

.caption ol li {
margin-left:10px;
}

.caption ol {
list-style-type:decimal-leading-zero;
}

.caption ol li:before, .caption ul li:before {
font-weight:bold;
}

.quest, .rb-ans {
padding:10px 10px 0;
}

.quest { text-align:right; }

.avi {
border-radius:50%;
width:35px;
}

.quest .avi {
float:right;   
}
.rb-ans .avi {
float:left;
}

.question, .answer {

position:relative;
padding:7px;
background:rgba(148,70,31,.1);
}

.question:before, .answer:before {
content:'';
position:absolute;
height:0;
width:0;
border:8px solid transparent;
background-color:rgba(148,70,31,.1);
background-clip:padding-box;
top:10px;
}

.question:before {
right:-16px;
border-left-color:rgba(148,70,31,.1);
}

.answer:before {
left:-16px;
border-right-color:rgba(148,70,31,.1);
}

.question {
margin-right:50px;
}

.answer {
margin-left:50px;
}

.quote {
padding:10px;
font:1.4em 'Overpass';
color:#5a1e10;
text-indent:10px;
position:relative;
}

.quote .fa {
position:absolute;
font-size:40px;
color:rgba(148,70,31,.15);
left:0;
top:5px;
}

.more { 
text-transform:uppercase; 
padding:10px;
border:1px solid rgba(148,70,31,.5);
display:inline-block;
}

.more:hover {
border-color:rgba(90,30,16,.5);
}

.tag-wrap {
padding:10px;
}

.tag-wrap .fa-tags, .rb-from .fa {
color:rgba(90,30,16,.5);
}

.tags { color:#94461f; }
.tags:hover { text-decoration:underline; }

.info {
padding:10px;
border-top:3px solid rgba(148,70,31,.3);
}
 
.controls {
float:right;
position:relative;
font-size:16px;
}
 
.controls a {
   position:relative;
   display:inline-block;
}

.controls .fa-retweet {
font-size:20px;
line-height:20px;
}

.like-wrap {
position:relative;
width:30px;
height:30px;
}

.like_button {
position: absolute;
z-index:5;
top:-2px;
left:0;
opacity:0; 
width:16px;
height:16px;
}

.like_button iframe {
width:100% !important;
height:100% !important;
}

.like-btn {
position:absolute;
top:-2px;
z-index:1;
}

.like_button.liked + .like-btn {
color:#f55;
}
 
#note {
margin-bottom:50px;
padding:10px;
}

#note blockquote { margin-left:9px; }
 
#note ol.notes {
list-style-type:none;
padding:0;
margin:0;
}
 
li.note {
border-bottom:1px solid rgba(,.5);
padding:5px;
}
 
#note ol.notes li:last-child { border-bottom:none; }
 
#note ol.notes img.avatar {
margin-right:7px;
margin-top:calc(1em - 15px);
width:20px;
height:20px;
float:left;
border-radius:50%;
}

@media all and (max-height:630px) {
#top { display:none; }
}

#top.inactive {
opacity:0;
pointer-events:none;
}
