/*--------------------------------MAIN--*/ 

::-webkit-scrollbar-thumb:vertical {
height: 10px; 
}
::-webkit-scrollbar-thumb:horizontal {
height: 10px; 
    
}
::-webkit-scrollbar {
height:10px; 
width:12px;
}

.hidden {display: none;}
.unhidden {display: block;}


#b{
position:fixed;
top:0px;
left:0px;
width:100%;
height:100%;
}


.tumblr_video_container {
width:auto!important;
height:auto!important;
}


#vignette { visibility: hidden; }
#tumblr_lightbox img { box-shadow: none !important; border-radius:0 !important; }
#tumblr_lightbox { background-color: transparent !important; }
#tumblr_lightbox div:nth-child(2) { background-color:#fff; opacity: .6; }

#tumblr_lightbox_left_link, #tumblr_lightbox_right_link { visibility: hidden; }
#tumblr_lightbox a img { border: 5px solid #fff !important; }

#tumblr_lightbox_caption { visibility: hidden; }

/*--------------------------------POSTS--*/ 
.cont{
z-index:9999;
}

#posts {
-webkit-animation:fadeIn 7s;
-moz-animation:fadeIn 7s;
-o-animation:fadeIn 7s;
}



#posts img {
border:none;
max-width:100%;
height:auto;
}

/*--------------------------------POSTS CUSTOM--*/ 


#photoset{
overflow:hidden;
height:auto;
z-index:-1;
}
 
#photo{
overflow:hidden;
height:auto;
z-index:-1;
}


.title{
margin-top:10px;
letter-spacing:5px;
line-height:25px;
padding:25px;
text-align:center;
margin-bottom:20px;
font:15px arial;
font-style:italic;
font-weight:bold;
text-transform:uppercase;
background-size:cover;
}

.title:first-letter{
text-transform:uppercase;
}

ul {
list-style-type: none;
padding: 0px;
margin: 0px;
}

ul li {
padding:0 0 0 25px;
margin:0 0 10px 0;
}


#tt{
display:inline-block;
padding:5px 10px 5px 10px;
border-radius:10px;
}


#tt:first-letter{
text-transform:uppercase;
}


#posts pre{
overflow-y:hidden;
overflow-x:scroll;
padding:5px;
}


#posts a {
-webkit-transition: all 0.9s ease-out;
-moz-transition: all 0.9s ease-out;
transition: all 0.9s ease-out;
}

#posts a:hover{
-webkit-transition: all 0.9s ease-out;
-moz-transition: all 0.9s ease-out;
transition: all 0.9s ease-out;
}

#posts blockquote{
max-width:90%;
margin: 5px; 
padding:10px;
}


#caption blockquote {
width:90%;
margin-left:auto;
margin-right:auto;
max-height:450px;
overflow-y:auto;
overflow-x:hidden;
line-height:20px;
padding:5px 10px 5px 10px;
} 


pre{
padding:10px;
font:9px arial;
white-space: pre-wrap !important; 
word-wrap: break-word !important; 
overflow-x: auto !important;
background:#fefefe;
}
 
small, sub, sup, code{
font:10px arial;
}

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


/*--------------STYLE #1--*/

#st1, #st1t{
position:relative;
text-align:right;
}

#st1{
padding:10px 0 10px 0;
opacity:0;
transition-delay: 0.5s;
transition-duration: 0.9s;
}

#posts:hover #st1{
opacity:1;
transition-property: all;
transition-delay: 0.5s;
transition-timing-function: linear;
}

#st1 a{
font:12px arial;
font-style:italic;
text-transform:lowercase;
padding:3px 6px 0 0px;
}

#st1 a:hover{
background:none;
}

#st1t{
opacity:0;
transition-delay: 0.3s;
transition-duration: 0.3s;
}


#posts:hover #st1t{
opacity:1;
transition-property: all;
transition-delay: 0.9s;
transition-timing-function: linear;
}

#st1t a{
font:11px arial;
font-style:italic;
padding:0 5px 5px 5px;
text-transform:lowercase;
}
 
 
/*--------------STYLE #2--*/

#st2{
position:relative;
margin:-35px 0 0 0;
overflow:hidden;
border-top:1px solid #fefefe;
}

#st2n{
position:relative;
width:50%;
float:left;
display:inline-block;
text-align:right;
}

#st2n a{
background:#fefefe;
display:inline-block;
margin:0 0 5px 0;
padding:3px 6px 3px 6px;
}

#st2t{
position:relative;
display:inline-block;
width:50%;
}

#st2t a{
font:10px arial;
font-style:italic;
text-transform:lowercase;
}

#st02{
position:relative;
height:35px;
overflow:hidden;
text-align:center;
background:pink;
}

#st02 a{
display:inline-block;
background:#fefefe;
padding:3px 6px 3px 6px;
margin:0 5px 0 0;
}





/*------------------EXTRA-*/

#sh{
position:absolute;
margin:0px;
width:100%;
height:100%;
background:#fefefe;
z-index:1111111;
-webkit-transition: all 0.9s ease-out;
-moz-transition: all 0.9s ease-out;
transition: all 0.9s ease-out;
}

#posts:hover #sh{
margin:0 0 0 100%;
-webkit-transition: all 0.9s ease-out;
-moz-transition: all 0.9s ease-out;
transition: all 0.9s ease-out;
}

#s2b{
position:absolute;
margin:0 0 0 50%;
width:50%;
height:100%;
background:pink;
}

#sjo{
position:relative;
margin:-35px 0 0 0;
z-index:99999;
}

#paddin{
padding:0 10px 0 10px;
}
 
 
#pdd{
padding:10px;
}

#pdd #st2n{
padding:10px 10px 5px 10px;
}

#wl{
position:absolute;
left:50%;
width:1px;
height:100%;
background:#fefefe;
z-index:11111;
}


/*--------------------------------PERMALINK--*/ 



#notes{
position:relative;
font:10px arial;
font-style:italic;
font-weight:bold;
text-align:center;
margin:20px  0 0 0;
padding:10px 0 10px 0;
}


#notes a{
padding:1px;
font:9px courier;
display:inline-block;
text-align:center;
padding:0px 10px 0px 10px;
letter-spacing:1px;
text-transform:uppercase;
text-decoration:none;
}


#perma_tags{
position:relative;
text-align:left;
font:9px arial;
text-transform:uppercase;
font-style:italic;
font-weight:bold;
margin:0px;
padding:10px 10px 5px 10px;
}


#perma_tags a{
margin-bottom:5px;
display:inline-block;
text-align:center;
text-decoration:none;
font:9px courier;
letter-spacing:0px;
font-style:italic;
padding:2px 5px 2px 5px;
font-style:italic;
text-transform:uppercase;
}


#prmas{
position:relative;
max-height:100px;
overflow-y:auto;
overflow-x:hidden;
}
 
#prmas a{
text-decoration:none;
font:8px arial;
font-style:italic;
font-weight:bold;
}

#prmas img{
width:10px;
margin:0 5px 0 0;
}

#prmas li{
list-style-type: none;
margin:0 0 0 -20px;
}



/*--------------------------------QUOTE--*/ 

#quote{
padding:25px;
font:15px arial;
font-style:italic;
text-align:center;
line-height:30px;
letter-spacing:1px;
}

#qsource{
position:relative;
margin:10px;
text-align:center;
}


/*--------------------------------CHAT--*/ 

#titlechat{
padding:10px;
margin:0 0 10px 0;
font:15px courier;
font-style:italic;
font-weight:bold;
text-align:right;
text-transform:uppercase;
}

#chatpost ul {
padding:0px;
}

.chat b{
font:10px courier;
font-style:italic;
font-weight:bold;
text-transform:uppercase;
}
   
.chat li {
font:10px arial;
list-style-type:none;
font-style:italic;
text-transform:uppercase;
font-weight:bold;
margin-left:0px;
padding:10px; 
float:center;
}


/*--------------------------------MUSIC--*/ 


.music_w {
position:relative;
height:auto;
display:block;
overflow:hidden;
border-radius:0px;
}

#audiocontent {
position:relative;
border-radius:0px;
margin: 0 0 0 50px;
text-align:left;
margin:0px;
display:inline-block;
}

#audiocontent code{
font:10px arial;
font-style:italic;
font-weight:bold;
display:inline-block;
margin:0px;
padding:10px 0 5px 10px;
}

#audiocontent b{
font:10px courier;
display:inline-block;
margin:5px 0 0 0;
padding:2px 10px 2px 10px;
}



#player {
position: absolute;
display:block;
overflow:hidden;
background:#fff;
width:27px;
height:27px;
z-index: 10;
margin:12px 0 0 12px;
opacity:0;
-webkit-transition: all 0.9s ease-out;
-moz-transition: all 0.9s ease-out;
transition: all 0.9s ease-out;
}

.music_w:hover #player{ 
opacity:1;
-webkit-transition: all 0.9s ease-out;
-moz-transition: all 0.9s ease-out;
transition: all 0.9s ease-out;
}
 

#booe{
position:relative;
width:50px;
height:50px;
float:left;
display:inline-block;
}

#almart{
position:absolute;
margin:0px;
width:50px;
height:100%;
background-size:cover;
background-position:center;
}

/*--------------------------------ASK--*/ 

#ask {
display:block;
margin-bottom:5px;
text-transform:lowercase;
text-align:left;
}


#asker{
height:auto;
line-height:20px;
text-align:right;
overflow:hidden;
padding:20px;
word-wrap: break-word;
text-transform:uppercase;
}

#asker a{
border:none;
text-transform:uppercase;
line-height:32px;
letter-spacing:1px;
line-height:20px;
text-align:right;
overflow:hidden;
text-decoration:none;
}


#ask_q{
font:11px arial;
line-height:11px;
font-style:italic;
color:#000;
margin-top:0px;
text-align:right;
padding:5px 20px 10px 0px;
}

#ask_q::first-line{
padding:20px;
}

#ask_q p{
padding:10px;
}

#ask_q:first-letter{
font:16px cherry;
font-style:normal;
font-weight:none;
text-transform:uppercase;
}

#answer{
margin-top:10px;
margin-left:0px;
padding:20px 30px 20px 30px;
text-transform:none;
color:#000;
font:11px arial;
}

#answer img{
max-width:100%;
height:auto;
}


/*--------------------------------CAPTION BUTTON--*/ 

#buttoncap{
padding:10px 0 10px 0;
text-align:center;
font:10px arial;
font-style:italic;
font-weight:bold;
letter-spacing:1px;
overflow:hidden;
-webkit-transition: all 0.9s ease-out;
-moz-transition: all 0.9s ease-out;
transition: all 0.9s ease-out;
}


#capti a{
text-decoration:none;
}

#buttoncap:hover{
-webkit-transition: all 0.9s ease-out;
-moz-transition: all 0.9s ease-out;
transition: all 0.9s ease-out;
}


#button_s{
position:relative;
padding:10px 0 10px 0;
font:9px arial;
text-align:center;
font-style:italic;
font-weight:bold; 
letter-spacing:1px;
margin:10px 0 10px 0;
text-decoration:none;
text-transform:uppercase;
}

#button_s a{
padding:0px;
text-decoration:none;
}


/*--------------------------------PERMALINK TOP BAR--*/
 
#perma_top{
position:fixed;
bottom:0px;
left:0px;
width:100%;
height:4%;
z-index:999999;
text-align:center;
overflow:hidden;
font-style:italic;
padding:0px 0 10px 0;
background:#fefefe;
}
 
#perma_top a{
text-decoration:none;
display:inline-block;
height:100%;
width:25%;
font:11px arial;
font-style:italic;
text-transform:uppercase;
color:#000;
padding:10px 0 20px 0;
}
 
 
#pagis{
position:relative;
text-align:center;
}
 
#pagis a{
display:inline-block;
padding:3px 5px 3px 5px;
background:#cedaff;
margin:0 0 0 0;
color:#000;
text-transform:lowercase;
-webkit-transition: all 0.9s ease-out;
-moz-transition: all 0.9s ease-out;
transition: all 0.9s ease-out;
}
 
#pagis h8{
display:block;
padding:10px;
font-style:italic;
}
 
#pagis a:hover{
background:#ffeae4;
}
 
#extrac{
display:block;
text-align:center;
margin:20% 0 0 0;
font:9px arial;
font-style:italic;
}
 
#extrac a{
border-bottom:1px solid #000;
}