/* ---------------------------- GENERAL ----------------------------- */
 
/* -------- BASICS ------- */
 
body {
margin: 0;
padding: 0;
width: 100%;
height: 100%;
color: #000000;
font-family: Helvetica, Arial, sans-serif;  
font-size: 12px;
line-height: calc(12px + 5px);
background-color: #ffffff;
background-image:url(https://assets.tumblr.com/images/x.gif?v=1);
background-attachment: fixed;
background-repeat: repeat;
word-wrap:break-word; 
}


/* Tumblr lightbox */
 
.tmblr-lightbox {background:rgba(255,255,255, .95)!important;}
 
.tmblr-lightbox img {opacity:0;}
 
.lightbox-caption {
color:#000000!important;
font-family:inherit!important;
font-size:1em!important;
font-weight:normal!important;
text-shadow:none!important;
}
 
.lightbox-image {
-moz-box-shadow:none!important;
-webkit-box-shadow:none!important;
box-shadow:none!important;
-moz-border-radius:0px!important;
-webkit-border-radius:0px!important;
border-radius:0px!important;
padding:0px!important;
border:0!important;  
opacity:1!important;
}
 
.vignette {opacity:0!Important;}

/* Webkit scrollbar */
 
::-webkit-scrollbar {
width: 9px;
height: 0px;
}
 
::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment {
height: 0px;
display: block;
background-color: #fefefe;
border-bottom-right-radius:30px;
}
 
::-webkit-scrollbar-track-piece {
background-color: #fefefe;
}
 
::-webkit-scrollbar-thumb:vertical {
height: 0px;
background-color: #ffd058;
border: 4px solid #fefefe;
}

/* Selection */
 
::-moz-selection {
background: #548c84;
color: #ffffff;
}
 
::selection {
background: #548c84;
color: #ffffff;
}
 
/* Tumblr controls */
 
iframe.tmblr-iframe {
top:0!important;
left:auto!important;
right:35px!important;

transform:scale(0.8);
transform-origin:100% 0;
-webkit-transform:scale(0.8);
-webkit-transform-origin:100% 0;
-o-transform:scale(0.8);
-o-transform-origin:100% 0;
-moz-transform:scale(0.8);
-moz-transform-origin:100% 0;
-ms-transform:scale(0.8);
-ms-transform-origin:100% 0;
z-index:100000!important;
}

iframe.tmblr-iframe:hover {
opacity:0.6!important;
}
 
/* Tooltips */
 
.ui-tooltip {  
position:absolute;
z-index:9999;
padding-top:10px;
}
 
.ui-tooltip-content {
background:#ffffff;
padding:0 4px;
font-style:italic;
color:#ffc122;
text-transform:lowercase;
border:1px solid #000000;
}

img {
opacity:1;
border:0;
text-decoration:none;
max-width:100%;
height:auto;
display:block;
}

/* Image style */
 

 

 
blockquote {
padding:.25em 0 .25em 15px;
margin:.5em 0;
border-left:1px solid #000000;
}
 
pre {
padding:0;
margin:0;
line-height:inherit!important;
background:transparent;
font-family:inherit!Important;
font-size:inherit!important;
white-space:pre-wrap;
white-space:-moz-pre-wrap;
white-space:-pre-wrap;
white-space:-o-pre-wrap;
word-wrap:break-word;
}

/* Fix */

iframe, img, embed, object, video {
max-width: 100%;
border: none;
}

input, textarea, select, a { outline: none; }

/* Headings */
 
h1, h2, h3, h4 {
margin:1.5em 0;
font-size:1.5em;
padding:0;
color:#000000;
font-weight:bold;
}

h1 {
font-size:22px;
}
 
.entry h1:first-child, .entry h2:first-child, .entry h3:first-child, .entry h4:first-child {margin-top:0;}

/* Paragraph */
 
p { margin:5px 0px;}
 
p:first-of-type { margin-top:0;}
 
p:last-of-type { margin-bottom:0;}

small, big, sub, pre {
font-size:1em!important;
line-height:1.4em!important;
vertical-align:baseline!important;
}

/* Bold and italic */
 
b, strong, b a, strong a {
font-weight:bold!important;
color: #000000;
}

i, em {
color: #41b0bf;
}

/* Links */

a {
color:#ffc122;
text-decoration:none;
transition:all .3s linear;    
-webkit-transition:all .3s linear;
-o-transition:all .3s linear;
-moz-transition:all .3s linear;      
}
 
a, a img {cursor:pointer;}
 
a:hover {
color:#548c84!important;
text-decoration:none;
}

ul, ol, li { 
margin: 5px 10px; 
padding: 0px;
}

/* Line break */
 
hr {
border:none;
box-shadow:0;
margin:2em auto;
width:75px;
border-top:1px solid #000000;
}

/*-- CREDIT --*/
 
#credit {
position:fixed;
top:8px;
right:8px;
width:25px;
height:25px;
z-index: 100000;
}
   
#credit img{
border: 1px solid #000000;
}

#credit img:hover{
border: 1px solid #548c84;    
}

#big-triangle {
position:fixed;
top:0;
left:0;
width: 0;
height: 0;
border-style: solid;
border-width: 100vh 0 0 100vw;
border-color: transparent transparent transparent #ffc93f;
z-index:1;
}
 
/* ------------------------------- SIDEBAR ------------------------------- */

#open-sidebar {
display:none;
position:fixed;
top:9px;
left:9px;
width:40px;
height:40px;
line-height:40px;
text-align:center;
z-index:10000;
color:;
font-size:15px;
border:1px solid #000000;
cursor:pointer;
}

#open-sidebar:hover {
color:#548c84;
}
 
#side-panel {
position:fixed;
top:0;
left:0;
width:400px;
height:100vh;
z-index:100000;
}
 
#sidebar {
position:absolute;
top:50%;
left:50px;
width:300px;
max-width:300px;
height:572px;
max-height:100vh;
overflow:hidden;
-webkit-transform:translateY(-50%);
-moz-transform:translateY(-50%);
-ms-transform:translateY(-50%);
-o-transform:translateY(-50%);
transform:translateY(-50%); 
}

/* Circles */

#circles {
position:absolute;
margin:0;
width:100px;
height:100px;
z-index:100;
}

.circle {
display:inline-block;
margin-bottom:6px;
margin-right:6px;
width:10px;
height:10px;
border-radius:100%;
background:#000000;
}

/* Blog title */

#blog-title {
position:absolute;
bottom:0;
width:85px;
height:625px;
color:;
font-family:Julius Sans One; 
font-size:30px;
letter-spacing:1px;
z-index:100;    
}

.bt {
position:absolute;
top:50%;
left:50%;
width:239px;
height:65px;
line-height:25px;
overflow:hidden;
transform:translateX(-50%) translateY(-50%) rotate(270deg);
}

/* Description */

#description {
position:absolute;
margin-top:0;
margin-left:0px;
width:0px;
height:calc(100% - 65px);
color:#fefefe;
z-index:100; 
overflow:hidden;
}

.desc {
position: absolute;
top:0%;
left:60%;
padding:5px;
width:-25px;
height:58px;
font-size:13px;
line-height:20px;
overflow:hidden;
overflow-y:auto;
}
/* Avatar */
 
#avatar {
margin-top:0px;
margin-left:0px;
width:0px;
height:60px;
z-index:1;
}
 
#avatar img{
width:0%;
height:0%;
}

/* Main icons */
 
#main-icons {
margin-top:40px;
left:20px;
width:204px;
height:45px;
padding:0 5px;
text-align:center;
border:1px solid #000000;
}
 
#main-icons a {
display:inline-block;
margin:0;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
 
#main-icons i {
margin:0;
margin-top:-1px;    
width:45px;
height:45px;
line-height:45px;
text-align:center;
font-size:12px;
color:#000000;
border-top:1px solid transparent;
border-bottom:1px solid transparent;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
 
#main-icons i:hover {
color:#548c84;
border-top:1px solid #548c84;
border-bottom:1px solid #548c84;
}

/* Navigation */
 
#navigation {
margin-top:10px;
margin-left:0;
width:204px;
height:205px;
padding-left:80px;
overflow:hidden;
}
 
#navigation a {
display:block;
margin-top:10px;
font-size:15px;
line-height:25px;
letter-spacing:1px;
color:#000000;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}

#navigation a:hover{
color:#548c84;
}

#navigation span {
margin-right:10px;
color:#000000;
}

#navigation a:hover span {
color:#548c84;
}

#navigation a:after {
 content:'';
 margin:1px 0;
 display:block;
 width:0px;
 height:0px;
 border-bottom:1px solid #548c84;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
  
#navigation a:hover::after {
 width:100%;
}

/* Search box */
 
#search {
margin-top:0px;
margin-left:80px;
width:204px;
height:30px;
padding:5px;
text-align:center;
border:1px solid #000000;
}

/* Search icon */
 
#search i {
position:absolute;
width:30px;
margin-left:-15px;
margin-top:10px;
z-index:1000;
color:#000000;
}

/* Close sidebar */

#close-sidebar {
display:none;
position:fixed;
top:9px;
left:349px;
width:40px;
height:40px;
line-height:40px;
text-align:center;
color:;
font-size:15px;
border:1px solid #000000;
cursor:pointer;
}

#close-sidebar:hover {
color:#548c84;
}
 
/*------------------------------- CONTAINER -----------------------------*/

#container {
position:relative;
margin-top:0px;
margin-left:400px;
width:calc(100vw - 400px);
margin-bottom:10px;
z-index:10!important;
}

/* ---------- POSTS AND ENTRIES ---------- */

#posts {
margin-top:20px;
margin-left:auto;
margin-right:auto;
width:calc(400px + 40px)!important;
overflow:hidden;
}

.entry {
display:inline-block;
float: left;
margin:40px 18px;
width:400px;
height:auto;
background:#ffffff;
overflow:hidden;
border:1px solid #000000;
-webkit-box-shadow: 20px 20px 0px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 20px 20px 0px 0px rgba(0,0,0,0.2);
box-shadow: 20px 20px 0px 0px rgba(0,0,0,0.2);
}

.entry img { max-width: 100%; }

.content {
padding: 10px;
}

/*--------------------------- RESPONSIVE DESIGN ---------------------------*/

@media only screen and (max-width: 700px) {

#open-sidebar {
display:block;
}

#close-sidebar {
display:block;
}

#side-panel {
display:none;
background:#ffc93f;
}

#container {
margin-left:0;
width:100vw;
}

::-webkit-scrollbar {
width: 9px;
height: 0px;
}
 
#side-panel ::-webkit-scrollbar-button:start:decrement,
#side-panel ::-webkit-scrollbar-button:end:increment {
height: 0px;
display: block;
background:#ffc93f;
border-bottom-right-radius:30px;
}
 
#side-panel ::-webkit-scrollbar-track-piece {
background:#ffc93f;
}
 
#side-panel ::-webkit-scrollbar-thumb:vertical {
height: 0px;
background-color:#ffd058;
border: 4px solid #ffc93f;
}

} 
/* End media screen 700 */


@media only screen and (max-width: 414px) {

.entry {
display: inline-block;
float: left;
margin: 18px;
width:calc(100% - 36px)!important;
height:auto;
background:#ffffff;
overflow: hidden;
}

} 
/* End media screen 414 */


/* Caption */ 

.comment {
padding:0px 10px;
list-style:none;
}    

.comment:last-of-type {  padding-bottom:0!important;}

.user {
display:inline-block;
line-height:1em;
margin-bottom:.75em;
}

.captioned .comment:first-of-type { margin-top:2em;}

/* -------- POSTS STYLES ------- */

/* Titles */
 
.title {
margin:10px;
margin-top:0px;
color:#000000;
font-family:Julius Sans One; 
font-size:22px;
line-height:150%;
}
 
.title a { color:#000000; }
 
.title a:hover { color:; }

.tex li, .tex blockquote {text-align:left; }
 
/* Quote posts */

.quote {
margin: 10px;
padding: 5px;    
font-family: Julius Sans One;    
font-size: 22px;
line-height: -moz-calc(22px + 3px);
line-height: -webkit-calc(22px + 3px);
line-height: -o-calc(22px + 3px);
line-height: calc(22px + 3px);
color: #41b0bf;
text-align: left;
letter-spacing: 2px;
}

.source {
font-size: 12px;
line-height: 20px;  
}

/* Link posts */

.linkthumb img {
width:100%;
}

.linkp {
background: #F1F1F1;
padding:10px;
}

.linkp i {
color: #000000;
}

/* Chat posts */
 
.line {
margin: 5px 15px;
line-height: 18px; 
}

/* Ask Posts */
 
.asker {
margin: 5px;
width: -moz-calc(100% - 10px);
width: -webkit-calc(100% - 10px);
width: -o-calc(100% - 10px);
width: calc(100% - 10px);
height: auto;
} 
 
.bubble {
width: -moz-calc(100% - 70px);
width: -webkit-calc(100% - 70px);
width: -o-calc(100% - 70px);
width: calc(100% - 70px);
height: auto;
min-height: 35px;
padding: 10px;
line-height: 20px;
background: #F1F1F1;
z-index: 10;
}

.triangle {
position: absolute;
margin-left: -moz-calc(100% - 90px);
margin-left: -webkit-calc(100% - 90px);
margin-left: -o-calc(100% - 90px);
margin-left: calc(100% - 90px);
width: 0;
z-index:0;
border-left: 8px solid #F1F1F1;
border-bottom: 8px solid transparent;
border-top: 8px solid transparent;
}
 
.asker img {
float: right;
margin-right: 0px;
max-width: 30px;
border: 1.5px solid #F1F1F1;
border-radius: 2px;
z-index:1000;
opacity:1;
}

.answer {
margin: 10px 15px;
margin-bottom: 0;
}

/* ----------------------- POST INFO ----------------------------- */

.topinfo {
margin:0px;
width: -moz-calc(100% - 30px);
width: -webkit-calc(100% - 30px);
width: -o-calc(100% - 30px);
width: calc(100% - 30px);
height: 10px;
padding: 15px;
line-height: 15px;
background:#fefefe;
}
 
.topinfourl {
margin:0;
font-size: 12px;
}

/* Date */
 
.topinfod {
float: right;
margin-top:-15px;
font-size:12px;
}
 
/* Bottom info */
 
.botinfo {
width: -moz-calc(100% - 30px);
width: -webkit-calc(100% - 30px);
width: -o-calc(100% - 30px);
width: calc(100% - 30px);
height:auto;
min-height: 50px;
margin: 0px;
padding: 15px;
padding-top: 10px;
padding-bottom: 10px;
font-size: 12px;
line-height: 25px;    
color: #000000;
background:#fefefe;
overflow:hidden;
}
 
.botinfo a {
margin-right: 25px;
color: #ffc122;
}

.tags {



}

.notec {
float: left;
}
 
/* Butttons */
 
.buttons {
float:right;
margin-top:0px;
margin-right:-5px;
width:77px;
height:26px;
line-height:26px;
z-index:100;
list-style:none;


}
 
.buttons li {
display:inline-block;
margin:0;
margin-left:2px;
margin-right:0;
width:20px;
height:26px;
padding:0px;
text-align:center;
}
 
.perma i {
font-size:13px;  
color:#548c84;
}
 
.cmnt i {
font-size:15px;  
color:#548c84;
}

.reblog i {
font-size:17px;  
color:#548c84;
}

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

.like i {
font-size:15px;  
color:#548c84;
}

.like .liked + i {
font-size:14px;
	color:#D95E40;
}

/* Permalink pagination */

.permapag {
margin-top: 15px;
margin-left: 0px;
}

.permapag a {
font-size: 15px;
margin:10px;
margin-top: 20px;
padding:5px;
color:#ffc122;
}

/* Show/hide */
 
.clickme {
margin: 10px;
width: 130px;
color:#ffc122;
text-align: left;
cursor: pointer;
padding: 5px 10px;
}
 
.clickme:hover {
color:#548c84;
background:#fefefe;
}

/* Post notes */

#notes {
margin: 10px;
width: 500px;
font-size: 12px;
color: #000000;
display:none;
}

ol.notes {
padding: 0px;
margin: 5px 0px;
list-style-type: none;
}

ol.notes li.note {
padding: 5px;
}

ol.notes li.note img.avatar {
float:left;
vertical-align: -5px;
width: 15px;
height: 15px;
margin-left:10px;
margin-right:10px;
}

li.more_notes_link_container {
text-transform: uppercase;
font-size: 12px;
}

/* Disqus box */

#disqusbox {
padding:15px;
}

/* ------------------- PAGINATION AND INFINITE SCROLL -------------------- */

#pagcon {
margin:25px auto;
width:calc(400px + 40px)!important;
height:60px;
text-align: center;
z-index:100;
}

/* Pagination */
 
#pagination {
width: 100%;
height: 35px;
z-index:10000;

}
 
.previous, .next, .load-more{
display:inline;   
margin-left:10px;
width:100px;
height:20px;
padding:8px 10px;
line-height:20px;
font-size:12px;
text-align:center;
color:#000000;
border:1px solid #000000;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}

.previous a:hover, .next a:hover, .load-more a:hover{
color:#000000;
}
 
.previous i, .next i, .load-more i{
color:#000000;
font-size:15px;
margin-left:10px;
text-decoration:none;
}
 
.previous:hover i, .next:hover i, .load-more:hover i{
color:#548c84;
}

/* INFINITE SCROLL */
 
#infscr-loading {
display:none!important;
}
 
#iscon{
width: 100%;
height: 35px;
z-index:10000;
}



/* --------------------------- Custom CSS -------------------------- */
