#scrollToTop:link, #scrollToTop:visited {
display:none;
position:fixed;
bottom:30px;
right:10px;
text-align:right;
font-size:9px;
color:#185858;
letter-spacing:0.5px;
}
 
/*---tumblr controls---*/
 
#tumblr_controls, .tmblr-iframe.tmblr-iframe--desktop-logged-in-controls.iframe-controls--desktop {
top:5px;
right:5px!important;
position:fixed !important;
-webkit-filter: invert(1);
opacity:.4;
filter:alpha(opacity=40);
-moz-opacity:.4;
z-index:999999999!important;
}
 
/*---scrollbar---*/

::-webkit-scrollbar {
width:13px;
height:0px;
}
::-webkit-scrollbar-thumb {
height:5px;
border:7px solid rgba(0, 0, 0, 0);
background-clip:padding-box;
background-color:rgba(204, 204, 204, .7);
}

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

/*---tooltips---*/
 
#s-m-t-tooltip {
max-width:300px;
margin:10px;
padding:3px;
background:#ffffff;
z-index:99999999;
text-transform:lowercase;
box-shadow:none;
}

/*---basics---*/
 
body {
background:#ffffff url(https://assets.tumblr.com/images/x.gif?v=1) repeat right top fixed;
color:#185858;
font:16px 'Source Sans Pro', sans-serif;
line-height:18px;
font-weight:300;
margin:0px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

.container { margin:0 auto; position:relative; 
         animation: fadein 1.5s;
-moz-animation: fadein 1.5s;
-webkit-animation: fadein 1.5s;
-o-animation: fadein 1.5s; }

@keyframes fadein { from { opacity: 0; } to { opacity: 1; } }
@-moz-keyframes fadein { from { opacity: 0; } to { opacity: 1; } }
@-webkit-keyframes fadein { from { opacity: 0; } to { opacity: 1; } }
@-ms-keyframes fadein { from { opacity: 0; } to { opacity: 1; } }
@-o-keyframes fadein { from { opacity: 0; } to { opacity: 1; } }
 
blockquote, blockquote blockquote {
padding:0px 0px 0px 15px;
border-left:1px solid #39d08c;
margin:5px;
}

blockquote img { max-width:calc(px -100px); height:auto; }
strong, b { color:#185858; }
small { font-size:16px; }
big { font-size:10px; }
ol, ul { padding-left:10px; }

.posts li { list-style-type:none; position:relative;line-height:20px; list-style-position: inside;}
.posts ul li:before { 
content:"›"; 
font-weight:200;
position: absolute; 
font-size:12px;
left:-13px;
top:0px;
}

.posts ul li {  text-indent:15px; }

h1, h1 a { font-size:12px; font-weight:600; color:#185858; }
h2, h3, h4 { font-weight:600; text-decoration:none; color:#185858; }

.vignette, #vignette {
opacity:0;
}
.lightbox-image, #tumblr_lightbox img {
box-shadow:none !important;
border-radius:0 !important;
max-width:none;
}
 
.tmblr-lightbox, #tumblr_lightbox {
background-color:rgba(255,255,255,.8) !important;
}

img { opacity:1; text-decoration:none; max-width:100%; height:auto; display:block;}
 
pre {
white-space:pre-wrap;  
white-space:-moz-pre-wrap; 
white-space:-pre-wrap;     
white-space:-o-pre-wrap;   
word-wrap:break-word;       
}
 
a {
color:#12adad;
text-decoration:none;
-moz-transition-duration: 0.4s;
-o-transition-duration: 0.4s;
-webkit-transition-duration: 0.4s;
transition-duration: 0.4s;
}
 
a:hover {
text-decoration:none;
color:#39d08c;
-moz-transition-duration: 0.4s;
-o-transition-duration: 0.4s;
-webkit-transition-duration: 0.4s;
transition-duration: 0.4s;
}
 
/*---posts---*/

.posts {
width:500px;

margin-bottom:180px;

position:relative; 

}
 
#entries { 
width:500px; 
margin:150px auto 150px 40%;
}
 
.posts li, .posts blockquote {
max-width:100%;
height:auto;
}

.caption { 
padding:10px 20px 10px 20px; 
font-size:16px; 

}

.tcaption { padding:20px; }

/*---post info & perma---*/

.info {
margin-top:30px;
text-align:center;
display:inline-block;
padding-top:15px;
position:relative;
text-transform:lowercase;
width:500px;
}

.info:before {
position:absolute;
content:"";
border-top:1px solid #eee;
width:50px;
top:0px;
left:40%;
}

.info a {
display:inline-block;
margin-right:10px;
}

.icon {
margin:10px 0px 0 5px;
}

.icon svg {
width:13px;
height:13px;
opacity:.7;
margin-right:5px;
}

.like_button {
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
width:100%;
height:100%;
opacity:0;
z-index:10;
}

.reblog { fill:#12adad; }
.reblog:hover { fill:#e29b9b; }

.like { 
 position:relative;
 display:inline-block;
}

.like svg path {  fill:#12adad; }

.like:hover svg path { fill:#e29b9b; cursor:pointer; }

.like .like_button { 
 position:absolute;
 top:0;
 opacity:0;
}
 
.like .like_button.liked + svg path {
 opacity:1;
 fill:#ffb3b3;
}

.tags {
font-size:14px;
font-weight:400;
font-style:italic;
	margin-left:-10px;

opacity:1;

margin-top:5px;
text-align:center;

opacity:1;

}

.perma {
padding:10px;
position:relative;
margin:0px 0 20px -5px;
text-transform:lowercase;
}

ol.notes {
list-style-type:none;
text-align:left;
margin:3px 0 20px 0px;
display:block;
padding:0;
}

ol.notes img { display:none; }
ol.notes .more_notes_link { font-weight:bold; float:left; }
ol.notes li.note { padding:3px; text-align:left; display:block;}
ol.notes li.note blockquote { border-color:#39d08c; padding-left:15px; margin: 10px; }
 

/*---side---*/

.sidebar {
position:fixed;
top:160px;
left:calc(30% - 200px);
width:180px;
background:#fff;
}

.pic {
position:relative;
display:block;
left:33%;
}

.title, .desc {
text-align:center;
position:relative;
}

.title {
text-transform:lowercase;
font-weight:400;
font-size:14px;
margin-top:80px;
}

.desc {
top:15px;
width:90px;
left:25%;
}

.pic img {
width:60px;
height:60px;
border-radius:50%;
float:left;
}

nav ul {
list-style-type:decimal-leading-zero;
padding:0;
margin:30px 0 0 58px;
width:150px;
}

nav ul li { text-indent:50px; }
nav ul li a { position:relative; display:block; }

nav ul li a:hover {
font-style:italic;
margin-left:20px;
}

nav ul li a:before {
content:"";
position:absolute;
border-top:1px solid #f3f3f3;
width:35px;
top:8px;
left:5px;
}

/*---chat---*/
 
.chat { line-height:16px; list-style:none; }
.label { font-weight:bold; color:#185858; }

.line.odd {
margin-bottom:2px;
padding:5px;
list-style:none;
}
 
.line.even {
margin-bottom:2px;
padding:5px;
list-style:none;
}

/*---quotes---*/
 
.quote {
font-size:14px;
font-weight:400;
text-align:center;
padding:10px;
color:#185858;
font-style:italic;
}

.quote p {
padding:0;
margin:0;
}
 
.quotesource {
font-size:16px;
font-weight:400;
margin-top:10px;
}
 
/*---questions---*/

.q { background:#fafafa; padding:15px; }
.q img {
padding:2px;
background:#fff;
border-radius:50%;
position:relative;
float:left;
top:0px;
left:0px;
border:1px solid #39d08c;
margin:0px 10px 0px 0px;
}

.asker {
text-transform:uppercase;
font-weight:600;
letter-spacing:0.5px;
}

.q p { padding:0; margin:0; }

 
/*----media---*/
 
.tumblr_audio_player {
height:50px;
width:50px;
z-index:1;
float:left;
margin:-10px -10px 0px -20px;
}
 
.audio { padding:0px 20px 10px 20px; }
.audio p { padding:0; margin:0; }
 
.tumblr_video_container { width:auto!important; height:auto!important; }
 
/*---pagination---*/
 

 
.pagination {
width:500px;
text-align:center;
font-size:10px;
font-weight:600;
word-spacing:20px;
bottom:50px;
padding:10px 0;
position:relative;
display:inline-block;
}

.pagination:before {
position:absolute;
content:"";
top:0px;
left:35%;
border-top:1px solid #39d08c;
width:100px;
}
 
.pagination a { color:#12adad; }
.pagination a:hover { color:#39d08c; }

 .more {
width:500px;
position:relative;
font-size:10px;
text-align:center;
bottom:80px;
left:40%;
}
 
.load  {
text-transform:lowercase;
font-size:10px;
padding:10px 0;
font-weight:600;
position:relative;
display:inline-block;
}

.load:before {
position:absolute;
content:"";
top:0px;
left:-3px;
border-top:1px solid #39d08c;
width:50px;
}
 
/*---cred---*/
 
.credit {
font-size:9px;
position:fixed;
bottom:10px;
right:10px;
z-index:10;
text-align:right;
text-transform:lowercase;
}
 
.credit a { color:#12adad; text-decoration:none; }
.credit a:hover { color:#39d08c; text-decoration:none; }
