/*--------------------TOOLTIPS--------------------*/
#s-m-t-tooltip {
padding: 4px 9px;
margin: 26px 9px 0px 15px;
background-color: #fffbdd;
font-family: karla;
font-size: calc(11px - 3px);
letter-spacing: 1px;
text-transform: uppercase;
color: #000000;
border:0.5px solid rgba(48,232,246,0.6);
z-index:99999999999999999999999999998!important;
max-width: calc(500px * 1.25);
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
}
 
/*--------------------TUMBLR CONTROLS--------------------*/
iframe#tumblr_controls, .iframe-controls--desktop {
top:5px!important;
right:5px!important;
position:fixed!important;
opacity:0.7;
   

   
transform:scale(0.8,0.8);
-webkit-transform:scale(0.8,0.8);
   
transform-origin:100% 0;
z-index:999999!important;
transition:0.3s ease-in-out;
}
 
iframe#tumblr_controls:hover, .iframe-controls--desktop:hover {
opacity:1;
}
 
/*--------------------SCROLLBAR--------------------*/
::-webkit-scrollbar {
width: 4px;
height: 4px;
}
 
::-webkit-scrollbar-thumb {
background-color: #ccc5c5;
}
 
::-webkit-scrollbar-track {
background-color: #f5f5f5;
}
 
/*--------------------SCROLLBAR--------------------*/
::selection {
background: #f8f8f9;
color:#777;
}
 
::-moz-selection {
background: #f8f8f9;
color:#777;
}
 
/*--------------------BASICS--------------------*/
body {
background:#2b2929 url(https://assets.tumblr.com/images/x.gif?v=1);
background-attachment:fixed;
background-repeat:repeat;
color:#000000;
cursor:normal;
font-family:karla;
line-height:1.6em;
font-size:11px;
text-align:left;
}
 
blockquote {
padding-left:10px;
margin-left:5px;
border-left:1px solid;
border-color:rgba(0,0,0,0.6);
margin:10px;
}
 
.posts b {
font-weight:normal;
color: #7f3086;
background-color: #ff2f2f;
padding:1px 3px;
}
 
.posts a {
padding-bottom:1px;
border-bottom:0.5px solid rgba(0,0,0,0.4);
}
 
.non a {
padding-bottom:0px;
border-bottom:0px solid transparent;
}
 
i, em, .em {
color: #bb27b1;
}
 
pre, code {
white-space:pre-wrap;
}
 
hr {
width:70%;
border-width:0px;
height:1px;
background-color:rgba(0,0,0,0.3);
}
 
/*--------------------LINKS--------------------*/
a {
color:#c6264c;
text-decoration:none;
cursor:normal;
text-decoration:none;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
}
 
a:hover {
text-decoration:none;
color: #a50000;
}
 
img {
opacity:1;
text-decoration:none;
}
 
h1 {
font-size:11px;
font-family:montserrat;font-weight:300;
text-transform:uppercase;
letter-spacing:2px;
text-align:center;
padding-bottom:10px;
color:#c6264c;
background-color: #fffbdd;
border-bottom:0.5px solid rgba(0,0,0,0.2);
}
 
/*--------------------POST CONTAINER--------------------*/

#container {
margin:calc(75px * 0.8) auto calc((75px * 0.8) - 75px) auto;
top:0;
left:0;
right:0;

width:100px;
position:absolute;
z-index:7000;
}

 

 
/*--------------------POSTS--------------------*/
.posts {
overflow:hidden;
margin-bottom:75px;

width:500px;
padding:10px;
background-color:#fffbdd;
border:1px solid #30e8f6;
}
 
.posts a {color:#c6264c;}
 
.posts a:hover {color:#a50000;}
 
.photos, .photos img {
position:relative;
overflow:hidden;
width:500px;
   


   


}
 
.posts:hover .photos {
opacity:1;
-webkit-filter:grayscale(0%);
filter:grayscale(0%);
}
 
.posts iframe{max-width:100%;}
 
.posts img {


   


}
 
.posts:hover img {
opacity:1;
-webkit-filter:grayscale(0%);
filter:grayscale(0%);
}
 
.posts img, .posts li, .posts blockquote {max-width:100%;height:auto;}
 
.posts li {list-style:circle;}
 
/*--------------------LEFTIE--------------------*/
#stripe {
position:fixed;
top:0;
left:0;
width:15px;
height:100%;
background-color:#ff4d82;
border-right:10px solid #ff5191;
z-index:50;
}
 

#bigassleft {
position:fixed;
top:50%; left:50%;
transform: translate(-50%, -50%);
margin-left:-355px;
height:100vh;
font-size:12px;
display:table;
}

 

 
.mid {
display:table-cell;
vertical-align:middle;
}
 
.pictits {
width:180px;
padding:3px 10px;
background-color:#ff5191;
border-left:10px solid #ff4d82;
border-right:10px solid #ff4d82;
color:#000000;
font-family:montserrat;
text-transform:uppercase;
font-size:calc(11px - 2px);
letter-spacing:3px;
text-align:center;
z-index:614;
}
 
.af {font-size:calc(11px + 5px);}
 
.fpic {
margin-top:20px;
width:200px;
height:200px;
border:10px solid #ff4d82;
border-radius:100%;
background-color:#fffbdd;
}
 
#leftlinks {
position:absolute;
margin-top:-196px; /* perma: -176px */
margin-left:-70px;
width:30px;height:120px;
}
 
#leftlinks a {
display:inline-block;
width:20px;
height:20px;
margin:8px 0px;
border-radius:100%;
background-color:#ff4d82;
}
 
#rightlinks {
position:absolute;
margin-top:-185px; /* perma: -175px */
margin-left:180px;
width:155px;height:auto;
z-index:-1;
}
 
#rightlinks a {
display:inline-block;
margin:5px 0px;
width:100px;
font-family:montserrat;font-weight:300;
padding:5px 6px 5px 45px;
letter-spacing:2px;
font-size:calc(11px - 4px);
text-transform:uppercase;
text-align:right;
color:#000000;
background-color:#ff4d82;
}
 
#rightlinks a:hover {
padding-left:30px;
}
 
.arrow {
margin-top:20px;
margin-left:100px;
width:0;
height:0;
border-bottom: 12px solid #ff5191;
border-left: 12px solid transparent;
border-right: 12px solid transparent;
}
 
.desc {
width:200px;
max-height:150px;
overflow:auto;
background-color:#ff5191;
color:#000000;
letter-spacing:0.7px;
font-size: calc(11px - 2px);
text-transform:uppercase;
padding:10px;
text-align:center;
line-height:1.5;
}
 
.desc b, strong {
font-weight:bold;
color:#790032;
}
 
.desc i, em, .em {
color:#444;
}
 
.desc a {
color:#62e7ff;
}
 
.desc a:hover {
color:;
}
 
.desc p:last-child {margin-bottom:0px;}
 
/*--------------------TAGS--------------------*/
.perma {
position:absolute;
text-align:left;
margin-top:calc(10px + 10px);margin-left:calc(-10px);
letter-spacing: 1px;
padding:6px 10px;
width:500px;
text-transform:uppercase;
font-size:calc(11px - 2px);
height:auto;
background-color:#2a133e;
}
 
.perma a {
color:#ffdede;
padding-bottom:0px;
border-bottom:0px solid transparent;
}
 
.perma a:hover {
color: rgba(255,222,222,0.4);
}
 
.perma .lnr{
font-weight:bold;
margin:0px 4px;
font-size:calc(11px - 2px - 1px);
color:inherit;
}
 
.vinegar {float:right;}
 
.tagsin {
text-transform:uppercase;
letter-spacing:1px;
text-align:right;
font-size:calc(11px - 3px);
line-height:1.5;
margin-top:10px;
}
 
.tagsin a {
margin-right:0px;
color:rgba(0,0,0,0.8);
padding-bottom:0px;
border-bottom:0px solid transparent;
}
 
.tagsin a:hover {
color:rgba(198,38,76,0.8);
}
 
/*--------------------POST NOTES--------------------*/
ol.notes {
width:500px;
padding:0px;
margin-top:30px;
list-style-type:none;
}
 
ol.notes li.note {
padding:10px;
}
 
ol.notes li.note img.avatar {
vertical-align:-4px;
margin-right:10px;
width:16px;
height:16px;
}
 
ol.notes li.note span.action {
font-weight:none;
}
 
ol.notes li.note .answer_content {
font-weight:normal;
}
 
ol.notes li.note blockquote {
padding:4px 10px;
margin:10px 0px 0px 25px;
}
 
ol.notes li.note blockquote a {
text-decoration:none;
}
 
/*---------------------------LIGHTBOXES---------------------------*/
.vignette, #vignette {
opacity:0;
}
.lightbox-image, #tumblr_lightbox img {
z-index:99999999999999999999999999999 !important;
box-shadow:none !important;
border-radius:0px !important;
max-width:none;
padding:10px !important;
background:#fffbdd !important;
border:1px solid rgba(0,0,0,0.2) !important;
}
 
.tmblr-lightbox, #tumblr_lightbox {
background-color:rgba(255,251,221,0.78) !important;
z-index:99999999999999999999999999999 !important;
}
 
/*---------------------------QUOTES---------------------------*/
 
.quote {
text-transform:uppercase;
font-size:calc(11px + 1px);
font-weight:bold;
text-align:center;
}
 
.quotesource {
text-align:center;
margin-top:10px;
}
 
 
/*---------------------------CHATS---------------------------*/
.chat {
line-height:20px;
list-style:none;
}
 
.line.odd {
background:#f7f7f7;
margin-bottom:2px;
padding:5px;
list-style:none;
}
 
.line.even {
background:#fff;
margin-bottom:2px;
padding:5px;
list-style:none;
}
 
.label {
padding-right:1px;
text-transform:uppercase;
font-weight:bold;
color:#c6264c;
}
 
 
/*---------------------------ASKS---------------------------*/
.question {
margin-left:64px;
padding:10px;
min-height:calc(64px - (10px * 2));
}
 
.askimg {
position:absolute;
width:64px;
height:64px;
}
 
.asker {
text-transform:uppercase;
}
 
.answer {
margin-top:0px;
margin-bottom:0px;
}
 
/*---------------------------AUDIO---------------------------*/
.playerbutton {
position:absolute;
margin-top:18.5px;
margin-left:18.5px;
width:27px;
height:27px;
overflow:hidden;
border-radius:100%;
}
 
.trackdetails {
width:auto;
display:inline-block;
margin-left:70px;
padding:5px;
line-height:1.7;
}
 
.trackdetails b {
font-weight:normal;
}
       
.audiowrapper {
position:relative;
display:inline;
height:0px;
}
 
/*---------------------------VIDEO---------------------------*/
.tumblr_video_container {
width:500px!important;
height:auto!important;
max-height:540px!important;
overflow:hidden!important;


   


}
 
.posts:hover .tumblr_video_container {
opacity:1;
-webkit-filter:grayscale(0%);
filter:grayscale(0%);
}
 
/*---------------------------PAGINATION---------------------------*/
.sbpagi {
    text-align:center;
    margin-top:20px;
}
 
/* 'Current page' number */
.sbpagi span {
    margin:7px 0;
    font-size:9px;
    color:#000000;
    padding:5px;
    width:9px;
    display:inline-block;
    margin-left:5px;
    text-align:center;
}
 
/* Other page numbers */
.sbpagi a {
    margin:7px 0;
    background-color:#fffbdd;
    font-size:9px;
    color:#000000;
    padding:5px;
    width:9px;
    display:inline-block;
    margin-left:5px;
    text-align:center;
    border-bottom:0.5px solid rgba(0,0,0,0.4);
}
 
.sbpagi a:hover {
border-bottom:0.5px solid #000000;
}
 
/* bottom of posts pagination */
 
.botpagi {
    width:500px;
    text-align:center;
    padding-top:10px;
    margin-top:5px;
    margin-left:10px;
    margin-bottom:30px;
    border-top: 0.5px solid #30e8f6;
}
 
/* 'Current page' number */
.botpagi span {
    margin:7px 0;
    font-size:9px;
    color:#000000;
    padding:5px;
    width:9px;
    display:inline-block;
    margin-left:5px;
    text-align:center;
}
 
/* Other page numbers */
.botpagi a {
    margin:7px 0;
    background-color:#fffbdd;
    font-size:9px;
    color:#000000;
    padding:5px;
    width:9px;
    display:inline-block;
    margin-left:5px;
    text-align:center;
    border-bottom:0.5px solid rgba(#000000,0.4);
}
 
.botpagi a:hover {
border-bottom:0.5px solid #000000;
}
 

 

 
@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
 
 
.fade-in {
opacity:0;
-webkit-animation:fadeIn ease-in 1;
-moz-animation:fadeIn ease-in 1;
animation:fadeIn ease-in 1;
-webkit-animation-fill-mode:forwards;
-moz-animation-fill-mode:forwards;
animation-fill-mode:forwards;
-webkit-animation-duration:1s;
-moz-animation-duration:1s; animation-duration:1s; }
 
.fade-in.one { -webkit-animation-delay: 0.7s; -moz-animation-delay: 0.7s; animation-delay: 0.7s; }
 

#dishonoronyourcow {-webkit-filter:invert(100%);filter:invert(100%);}

 
/* -- Like + Reblog buttons (1/2) -- */
/* -- mikedidthis from StackOverflow: https://stackoverflow.com/users/2312574/mikedidthis -- */
/* -- and tutorial by shythemes: http://shythemes.tumblr.com/post/147903463743/custom-like-and-reblog-buttons -- */
.controls {
width:calc(10px + 20px);
margin-right:-10px;
height:0px;
}
 
.controls a {
position:relative;
display:inline-block;
}
 
/* both svg colors */
.controls .sf {color:rgba(255,222,222,0.9);}
 
.controls .rb .sf {
position:absolute;
margin-top:calc((11px - 1px) * -1);
margin-left:2px;
font-size:calc(11px - 2px);
}
 
.controls .like .sf {
position:absolute;
margin-top:calc((11px - 2px) * -1);
margin-left:calc((11px + 4px) * -1);
font-size:calc(11px + 0px);
max-height:calc(11px + 0px);
}
 
.controls .like .liked + .sf {color:#ec5a5a;}
 
.controls .like .like_button {
position:absolute;
margin-top:calc((11px - 1px) * -1);
margin-left:calc((11px + 5px) * -1);
width:calc(11px + 2px);
height:calc(11px + 2px);
}
 
.controls .like .like_button iframe {
   position:absolute;
   top:0;
   left:0;
   bottom:0;
   right:0;
   width:100%;height:100%;
   z-index:2;
   opacity:0;
}
