/* ---••• General Styling •••--- */
 
iframe.tmblr-iframe.tmblr-iframe--desktop-loggedin-controls.iframe-controls--desktop, .tmblr-iframe {
position:fixed;
top:8px!important;
right:10px!important;
white-space:nowrap;
transform: scale(0.8,0.8);
opacity:0.7;
transition: 0.7s ease-in-out;
-webkit-transition: 0.7s ease-in-out;
-moz-transition: 0.7s ease-in-out;
-o-transition: 0.7s ease-in-out;}    
   
#tumblr_lightbox {
background-color:rgba(255, 255, 255, .9)!important;
z-index:99999!important;}
 
#tumblr_lightbox img {opacity:0;}
 
#tumblr_lightbox_caption {
font-weight:normal!important;
text-shadow:none!important;}
 
#tumblr_lightbox_center_image, #tumblr_lightbox_left_image, #tumblr_lightbox_right_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;
opacity:1!important;}
 
#tumblr_lightbox_left_image, #tumblr_lightbox_right_image {opacity:.4!important;}
 
::-webkit-scrollbar {
   width:17px;
   height:17px;}
   
::-webkit-scrollbar {
   background-color:#000000;}
   
::-webkit-scrollbar-track {
   border:7px solid #000000;
   background-color:rgb(230,230,230);}
   
::-webkit-scrollbar-thumb {
   border:7px solid #000000;
   background-color:#30343f;
   min-height:24px;
   min-width:24px;}
   
::-moz-selection {
color:#ffffff;
background:#30343f;}
   
::selection {
color:#ffffff;
background:#30343f;}
 
body {
background:#000000;
color:#000000;
font-family:'Avalon', sans-serif;
font-size: 11px;
font-weight:normal;
margin:0;
line-height:150%;}
 
blockquote {
text-align:left;
padding-left:10px;
border-left:1px solid #99f45d;
margin:0px 10px 0px 10px;}
 
.caption blockquote {
margin:0px 10px 0px 10px;
text-align:left;}
   
blockquote img {
max-width:100%;
height:auto;}
   
blockquote iframe {
max-width:100%;
height:auto;}    
   
img {
max-width:100%;
height:auto;}
   
.caption img {
max-width:100%;
height:auto;}
   
.posts img {
margin:5px auto;
max-width:100%;}
 
pre {
font-size:8px;
letter-spacing:1px;
text-transform:uppercase;
color:#30343f;
overflow: hidden;
display: block;
text-align: center;}
 
a {
color:#6ccff6;
text-decoration:none;
cursor:help;
 -webkit-transition: all 0.7s ease;
transition: all 0.7s ease;
-moz-transition: all 0.7s ease;
-o-transition: all 0.7s ease;}
 
a:hover {
text-decoration:none;
color:#30343f;}
 
p {
margin:10px 0 10px 0;}
 
p:first-of-type {
margin-top:0;
padding-top:0;}
 
p:last-of-type {
margin-bottom:10px;
padding-bottom:0;}
 
b, strong {
color:#99f45d;}
 
i {
font-style:italic;
font-size: 10px;
color:#605b56;
letter-spacing:1px;
text-align:justify;}
 
small, big {
font-size: 11px;}
   
sub, sup {
font-size: 63%;
letter-spacing:1.7px;}
   
h1, h2, h3, h4 {
text-align:center;
font-size:18px;
color:#30343f;}  
   

 
.media {
position:relative;
display:inline-block;
height:auto;
width:100%;}
 
.caption {
font-family:'Avalon', sans-serif;
margin-top:15px;
}
 
/* ---••• Entries Styling •••--- */

#container {
position:fixed;
height:calc(100% - 150px);
top:100px;
left:5%;
width:90%;
background:#eeeeff;
overflow-y:scroll;}

.entries {
width:calc(500px + 60px);
left:50%;

padding-top:120px;
   
 
margin-left:calc(-500px/2 - 30px);
position:absolute;}

#post {
width: 500px;
padding:29px;
background:#ffffff;
border:1px solid #99f45d;}    

.date {
width:calc(500px + 50px);
 
margin-bottom:100px;
   
 
padding:5px;
text-align:center;
border-top:1px solid #99f45d;
background:#ffffff;
margin-top:5px;
letter-spacing: .5px;
text-transform: lowercase;}
   
.date a {
 color:;}
   
.date a:hover {
 color:;}      

ol.notes {
text-align:left;
padding:0px;
margin:25px 0px 0px 10px;
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;}    

/* ---••• Topbar Styling •••--- */   

#topbar {
z-index:2;
color:;
width:1100px;
position:fixed;
height:30px;
text-align:left;
left:5%;
top:50px;}  

#title {
color:#605b56;
display:inline-block;
font-family: 'Fjalla One', sans-serif;
font-size:28px;
margin-right:10px;}    

#subtitle {
margin-top:2px;
color:#ffffff;
font-style: italic;
letter-spacing:2px;}    

#nav {
top:-3px;
display:inline-block;
font-family: 'Fjalla One', sans-serif;
position:relative;
text-transform:uppercase;}

#nav a {
margin-right:10px;
font-size:14px;
display:inline-block;
color:#99f45d;}

#nav a:hover {
color:#eeeeff;}
 

/* ---••• HeaderStyling •••--- */ 

#header {
position:relative;
background:#cdcdcd;
width:100%;
height:100%;
background-image: url('http://assets.tumblr.com/images/x.gif?v=1');
background-repeat:no-repeat;
background-position:bottom right;
background-attachment:absolute;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}

.description {
text-align:center;
padding:20px;
position:relative;
top: 50%;
left: 50%;
width:220px; 
height:220px;
-moz-webkit-transform: translate(-50%, -50%);
-o-webkit-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
background:#000;
color:#fff;
border:1px solid #99f45d;} 

.descriptioninner {
height:178px;
padding:20px;
border:1px solid #99f45d;}    

/* ---••• Footer Styling •••--- */       

#footer {
width:1100px;
left:50%;
margin-left:-550px;
position:fixed;
bottom:18px;
text-align:center;
color:#ffffff;
z-index:9;
font-size:12px;}      

/* ---••• Post Types Styling •••--- */    

/* ---••• Quotes •••--- */

.quote {
text-transform:uppercase;
font-size:12px;
font-weight:bold;
text-align:center;}

.quotesource {
text-align:center;
margin-top:10px;}

/* ---••• Chat •••--- */
 
.chat {
line-height:20px;
list-style:none;}
 
.line.odd {
background:#cdcdcd;
color:#000000;
margin-bottom:2px;
padding:5px;
list-style:none;
font-size:10px;}
 
.line.even {
margin-bottom:2px;
padding:5px;
list-style:none;
font-size:10px;}
 
.label {
padding-right:1px;
text-transform:uppercase;
font-weight:bold;
color:;}

/* ---••• Asks •••--- */

.question {
background:#fafafa;
padding:10px;}

.asker {
text-transform:uppercase;}

.answer {
padding:10px;
margin-top:-15px;}

/* ---••• Music •••--- */
 
.playerbutton {
position:relative;
width:30px;
height:35px;
overflow:hidden;}
       
.playerbuttonhug {
position: absolute;
top:-7px;
left:2px;}
 
.tumblr_audio_player {
height:50px;
width:500px;}
 
.playerbuttonbg {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
position:absolute;
width:35px;
height:35px;
background-color:#e4e4e4;
padding:10px;}
       
.trackdetails {
margin-top:10px;
display:inline-block;
margin-left:70px;
font-size:10px;
letter-spacing:1px;
padding:5px;
line-height:15px;}

.trackdetails span {
text-transform:uppercase;}    
       
.audiowrapper {
position:relative;
display:inline-block;}

/* ---••• Other •••--- */   

#s-m-t-tooltip {
max-width:300px;
margin:15px;
padding:5px;
border:1px solid #eeeeee;
border-radius:0px;
background:#ffffff;
color:#000000;
z-index:999999;
font-size:7px;
font-style:none;
font-weight:lighter;
letter-spacing:2px;
font-family:helvetica;
text-transform:uppercase;
box-shadow:1px 1px 3px rgba(0,0,0,.0);}	
 
#credit {
z-index:999;
bottom:0px;
right:0px;
height:30px;
width:30px;
opacity:0.8;
position:fixed;
padding:5px;}

.clickdown {
width:180px;
text-align:center;
position:absolute;
bottom:24px;
font-style: none;
text-transform:uppercase;
letter-spacing:2px;
font-size:8px;
font-family: 'Roboto', sans-serif;}
