/* ---------------------- TUMBLR CONTROLS -------------------------- */
 
iframe#tumblr_controls {opacity:0.7; -webkit-transition:all 0.8s ease-out; -moz-transition:all 0.8s ease-out; transition:all 0.8s ease-out;}
 
iframe#tumblr_controls:hover {opacity:1; -webkit-transition:all 0.4s ease-out; -moz-transition:all 0.4s ease-out; transition:all 0.4s ease-out;}
 
/* --------------------------- SCROLL ------------------------------ */
 
::-webkit-scrollbar-thumb:vertical
{background-color: #f6f6f6; height: 0px;}
::-webkit-scrollbar
{height:0px; width:10px; background-color:#bb7733;}
.tumblrAutoPager_page_info, .tumblrAutoPager_page_separator
{display:none;}
 
/* ------------------------- SMT TOOLTIP --------------------------- */
 
#s-m-t-tooltip {position:absolute; background-color:#ccddee; padding:5px; z-index:99999999999999; display:inline-block; text-transform:uppercase; font-size:9px; color:rgb(000,000,000); letter-spacing:1px; margin:3px; -webkit-transition:all 0s ease-out; -moz-transition:all 0s ease-out; transition:all 0s ease-out;}
 
/* ----------------------------- BODY ------------------------------ */
 
body {background-color:#DDDDDD;
background-image: url('https://static.tumblr.com/4da5638f7b9ae811e7e20bbf4b40b869/umdufvf/Tghnno6em/tumblr_static_cqdlolxropsgg0wc4wsowsckg.png');
background-position:top right;
-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;

 color:#F6F6F6; font-family:"Roboto"; font-family:Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif; background-attachment:fixed; font-size:12px; margin:0;}
 
a {text-decoration:none; color:#ccddee; -webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
 
a:hover {text-decoration:none; color:#bb7733; -webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
 
b, strong {color:#ccddee;}
i, em {color:#ccddee;}
 
#credits {position:fixed; bottom:20px; left:-10px; width:20px; font-family:'Exo 2'!important; z-index:999;}
.credit {padding:10px 10px; position:absolute; left:10px; width:0px;
overflow:hidden; border-top:1px #ffffff solid; border-right:1px #ffffff solid; background-color:; height:0px; -moz-border-radius:0px 5px 0px 0px; -webkit-border-radius:0px 5px 0px 0px; border-radius:0px 5px 0px 0px; opacity:0.85;}
.credit span {display:block; opacity:0; position:relative; top:0px; left:0px; width:85px; padding:3px 7px; top:-8px; left:-11px; text-transform:uppercase; font-family:'Exo 2'; font-size:8px; background-color:; color:#ffffff; letter-spacing:1px;}
.credit .creditz {font-size:15px; position: absolute; top:-1px; height:100%; left:4px; width:20px; color:#ffffff;}
#credits:hover .credit{width:56px;}
#credits:hover .credit span{opacity:1;}
#credits:hover .creditz {left:-15px;}
.credit, #credits:hover .credit, .credit span, #credits:hover .credit span, .credit .creditz, #credits:hover .credit .creditz{-webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
 
/* ------------ BLOCKQUOTES (TOO MANY IF YOU ASK ME)  -------------- */
 
blockquote {margin:10px 0px; display:block; position:relative; border:5px solid #002233; background-color:#002233; padding:0px 10px;} blockquote img {max-width:100%!important;} blockquote:before {content:''; position:absolute; height:100%; padding:5px 0px; top:-5px; left:-5px;}
 
blockquote blockquote, blockquote blockquote blockquote blockquote, blockquote blockquote blockquote blockquote blockquote blockquote, blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote {margin:10px; background-color:rgb(000,000,000)!important; border:5px solid rgb(000,000,000);}
 
blockquote blockquote blockquote, blockquote blockquote blockquote blockquote blockquote, blockquote blockquote blockquote blockquote blockquote blockquote blockquote, blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote {margin:10px; background-color:#002233!important; border:5px solid #002233;}
 
/* ------------------------- BACKGROUNDS --------------------------- */
 
#left_background {position:fixed; left:0px; top:0px; width:40%; height:70%; background-color:#000000; opacity:0.4; min-width:400px;}
#corner_background {position:fixed; left:0px; top:70%; width:40%; height:30%; background-color:#000000; opacity:0.2; min-width:400px;}
#right_background {position:fixed; left:40%; top:0px; width:60%; height:100%; background-color:#ffffff; opacity:0.0;}

/* -------------------------- LEFT SIDE ---------------------------- */

#left {position:fixed; top:15%; height:40%; text-align:center; width:400px; left:20%; margin-left:-200px;}

#left_title {font-size:32px; color:#ccddee; font-family:Abril Fatface;font-family:Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif;}

#left_description { color:#f5f5f5; padding:10px 20px; margin:20px 20px 0px 20px; font-size:12px; line-height:140%; text-align:justify;}

#left_description .side_image {float:left; margin-right:6px;}
#left_description .side_image img {width:60px; height:60px; border:3px #f5f5f5 solid;}

#left_subtitle {font-size:21px; color:#ccddee; margin-top:10px; font-family:Abril Fatface;font-family:Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif;}

/* ------------------------- BOTTOM LINKS -------------------------- */

#bottom {position:fixed; bottom:15%; margin-bottom:-40px; width:350px; left:20%; margin-left:-200px; text-align:center;}
#bottom a {display:inline-block; background-color:#ddaa66; color:#ffffff; padding:8px 12px; text-transform:uppercase; letter-spacing:2px; word-spacing:1px; margin:6px 5px; font-family:'Roboto';font-family:Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif; font-size:9px; line-height:17px!important;}
#bottom a:hover {background-color:#bb7733; color:#ffffff;}

/* ---------------------------- POSTS ------------------------------ */
 
#posts {position:fixed; right:0px; top:0px; height:100%; width:60%; overflow-y:scroll; color:#F6F6F6;}
 
.entry {background-color:rgba(000,000,000, 0.3); padding:20px; position:relative;

width:500px;
margin:120px auto;}
 
.entry h1 {font-size:16px; color:#ccddee; font-weight:normal; text-transform:none; text-align:left; line-height:24px; margin:0px; font-family:Abril Fatface;font-family:Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif;}
 
.entry img {
max-width:500px;}
 
.entry_body {margin:0px 5px;}
 
/* ---------------------------- CHAT ------------------------------- */
 
.chat .line {padding:4px; font-size:12px;}
.label {color:#ccddee; font-size:9px; text-transform:uppercase; padding-right:2px; letter-spacing:1px;}
 
/* --------------------------- QUOTE ------------------------------- */
 
.short_quote, .medium_quote, .long_quote {font-family:'Abril Fatface';font-family:Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif; height:auto; margin-top:35px; padding:10px; text-align:center;}
.short_quote {font-size:22px; line-height:26px;}
.medium_quote {font-size:20px; line-height:24px;}
.long_quote {font-size:18px; line-height:22px;}
.source {text-align:center; font-style:none; text-transform:uppercase; font-size:9px; letter-spacing:1px; margin-top:15px; margin-bottom:5px; font-family:'Roboto';font-family:Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif;}
 
#quotesymbol {position:absolute; font-size:72px; margin-top:-10px;

margin-left:238px;
font-family:arial; color:#ccddee; opacity:0.8;}
#quoteline {position:absolute; width:50px; background:transparent;

border-left:225px #ccddee solid; border-right:225px #ccddee solid;
height:5px; margin-top:9px; margin-left:0px;}

/* --------------------------- LINKS ------------------------------- */
 
#linktitle {
width:500px;}
 
.linktexttitle {font-family:'Abril Fatface';font-family:Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif; text-transform:uppercase; font-size:20px; letter-spacing:-1px; word-spacing:1px; line-height:28px; text-align:left; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; transition: all 1s ease-in-out; background-color:#ccddee; text-align:center; padding:5px 3px 3px 3px; opacity:0.8; padding:5px 0px;}
.linktexttitle:hover {opacity:1; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; transition: all 1s ease-in-out;}
.linktexttitle a {color:rgb(000,000,000);}
.linkdescription {padding:0px; margin:0px; text-align:left;}
 
/* --------------------------- AUDIO ------------------------------- */
 
#audentryprob {display:block; position:relative; min-height:120px; text-align:left;}
.audentry {
width:490px; position:relative; padding:5px; min-height:120px;}
 
.audioplayercircle {position:absolute; z-index:3; background:#fff; -webkit-border-radius:50px; -moz-border-radius:50px; top:35px; left:35px; opacity:0.5; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; transition: all 1s ease-in-out;}
.audioplayercircle:hover {opacity:1; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; transition: all 1s ease-in-out;}
.audioplayer {width:20px; height:30px; overflow:hidden; margin:17px 24px 13px 16px;}
 
.audiodata, .audiodata2, .audiodata3, .audiodata4 {text-transform:none; height:16px; padding:8px 0px 0px 0px!important; vertical-align:middle; font-size:12px;}
.audiodata b, .audiodata2 b, .audiodata3 b, .audiodata4 b {text-transform:uppercase; letter-spacing:1px; font-weight:normal; font-size:9px;}
.audiodata4 {padding:10px 0px 13px 0px!important;}
 
/* ------------------------- ASK POSTS ----------------------------- */
 
#question {
width:470px; padding:10px 15px; background-color: #EEEEEE; color:#334455; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -webkit-box-shadow:0px 7px 6px -5px #BBBBBB; -moz-box-shadow:0px 7px 6px -5px #BBBBBB; box-shadow:0px 7px 6px -5px #BBBBBB}
 
#asker {text-align:left; vertical-align:bottom; margin-top:2px; margin-left:20px; font-size:9px; letter-spacing:1px; font-family:'Exo 2'; text-transform:uppercase; line-height:18px;}
 
#asker a {color:#F6F6F6}
#asker a:hover {color:#bb7733}
 
#asker img {float:left; max-height:16px; margin-left: 26px; margin-right: 5px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; -webkit-filter: grayscale(1); opacity:0.9;}
 
#arrow {width: 13px; height: 7px; font-size:32px; margin-top:-15px; margin-left:18px; font-family:'trebuchet ms'; color:#EEEEEE}
 
/* --------------------------- ENDING ------------------------------ */
 
#ending {
width:540px;overflow:hidden; margin:15px 0px -20px -20px; height:28px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; font-size:8px!important; font-family:'Exo 2'!important; letter-spacing:1px; background-color:#002233; color:#d9d8d8!important;}
#ending a {color:#d9d8d8;}
#ending a:hover, #ending a .fa:hover {color:#bb7733!important;}
#ending b {color:#d9d8d8!important;}
   
#ending .fa {color:#d9d8d8; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;} .entries:hover #ending .fa {color:#bb7733; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
 
.lnotes {position:absolute; margin-top:4px; margin-left:-6px; text-align:left;} .fa-1a {font-size:1.1em;}
.like_button {position:relative; display:inline-block; cursor:pointer!important; overflow:hidden; margin-top:-1px;}
.like_button iframe {position:absolute; top:0; left:0; width:100%; height:100%; opacity:0;}
.like_button::before {content:'❤'; text-transform:lowercase!important; position:relative; font-size:9px;}
.like_button:hover::before, .like_button.liked::before {color:#ff0000; cursor:pointer!important;}
 
.rnotes {margin-left:0px; position:relative; padding-top:5px; padding-bottom:6px; padding-left:15px; margin-top:0px; background-color:#002233; padding-right:25px; text-align:right; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
.rnotes a {text-decoration:none; padding-left:3px;}
.rnotes a:hover{color:#bb7733;}
 
.endsource, .endnotes, .endtime {position:relative; padding-right:15px; padding-left:10px; 
width:520px; text-align:left; overflow:hidden; line-height:16px; height:20px; margin-bottom:-6px; padding-bottom:6px; padding-top:17px; overflow:hidden; background-color:#002233;;}
.endsource, .endnotes, .endtime, .endsource:hover, .endnotes:hover, .endtime:hover, .like_button::before, .like_button:hover::before, .like_button.liked::before {-webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}




.endsource {margin-left:452px; margin-top:-16px;}
.endsource:hover {margin-left:373px;}
.endnotes {margin-left:471px; margin-top:-43px;}
.endnotes:hover {margin-left:400px;}
.endtime {margin-left:492px; margin-top:-43px;}
.endtime:hover {margin-left:380px;} 

 
/* ---------------------- ENDING (N0-SLIDE) ------------------------ */
 
#noslide {font-size:9px; font-family:'Roboto';font-family:Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif; letter-spacing:1px; text-transform:uppercase; margin-top:-6px; margin-right:5px; position:relative;}
#noslide_bar {margin:8px 0px 0px 5px;

width:500px; height:1px; background-color:#d9d8d8; opacity:0.5; position:relative;}

#post_tags {height:auto; line-height:18px; margin:18px -10px -20px -20px; 
width:520px; letter-spacing:1px; font-size:9px; font-family:'Roboto';font-family:Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif;; background-color:#002233; padding:0px 10px 5px 10px;}
#post_tags a {font-size:9px; font-family:'Roboto';font-family:Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif;; color:#d9d8d8; margin:0px 10px 5px 0px;}
#post_tags a:hover {color:#bb7733;}
 
/* -------------------------- PERMALINK ---------------------------- */
 
.permalink {position:relative!important; float:none; line-height:18px; letter-spacing:1px; color:; text-transform:uppercase; text-align:center; width:500px; padding:20px; margin:-20px;}
.permalink blockquote {padding:4px; padding-left:14px; margin-left:3px;}
ol.notes {padding:0px; list-style-type:none; background:transparent; letter-spacing:1px; padding-top:10px; margin-top:10px; margin-bottom:0px;}
ol.notes li.note {padding: 1px; text-align: left;}
.notes img {border-radius:8px; opacity:0.8; vertical-align:middle; width:10px; position:relative; margin-top:-2px; margin-right:5px;}
.post_tags {width:420px; letter-spacing:1px; margin-top:15px;}
.post_tags a {display:inline-block; margin:3px; background-color:#ccddee; color:rgb(000,000,000); padding:4px 6px 3px 6px; opacity:0.7; word-spacing:break-word;}
.post_tags a:hover {opacity:1; border-bottom:none; color:;}
 
/* ------------------------- PAGINATION ---------------------------- */
 
#pages {position:relative; text-align:center; margin:20px 0px -40px 0px;}
#pages a {background-color:rgba(, ); display:inline-block; padding:4px 5px 5px 5px; font-family:trebuchet ms; font-size:18px; line-height:14px; margin:0px 3px; color:; opacity:0.8;}
#pages a:hover {opacity:1;}
 
/* ---------------------- TUMBLR CONTROLS -------------------------- */
 
iframe#tumblr_controls {-webkit-transition: opacity 0.7s linear; opacity: 0.7; -webkit-transition: all 0.8s ease-out; -moz-transition: all 0.8s ease-out; transition: all 0.8s ease-out;}
 
iframe#tumblr_controls:hover {-webkit-transition: opacity 0.7s linear; opacity: 1; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; transition: all 0.4s ease-out;}
 
/* ------------------------ CUSTOM CSS ----------------------------- */
