
/*--------------------------------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%;
}

a{
-webkit-transition: all 0.9s ease-out;
-moz-transition: all 0.9s ease-out;
transition: all 0.9s ease-out;
}

a:hover{
-webkit-transition: all 0.9s ease-out;
-moz-transition: all 0.9s ease-out;
transition: all 0.9s ease-out;
}

.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--*/ 


.a{
position:relative;
width:100%;
}
 
#cont{
position:relative;
margin:100px auto;
}

#posts {
margin:0 auto 100px auto;
-webkit-animation:fadeIn 7s;
-moz-animation:fadeIn 7s;
-o-animation:fadeIn 7s;
}

#posts img {
border:none;
max-width:100%;
height:auto;
}



/*-----------------------------POSTS EXTRA #1--*/

.po20{width:200px;}
.po25{width:250px;}
.po30{width:300px;}
.po35{width:350px;}
.po40{width:400px;}
.po45{width:450px;}

.typed #sto {display:block;}
.typeo #sta{display:block;}
.typet #pi1{display:block;}


.cap2 #cap_normal{display:block;}

.cap3 #buttoncap{display:block;}


/*--------------------------------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;
}


#tt{
display:inline-block;
padding:5px 10px 5px 10px;
border-radius:10px;
}


#tt:first-letter{
text-transform:uppercase;
}


#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--*/
 
#sto{
display:none;
}
 
#st2{
position:relative;
margin:-37px 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;
}


/*--------------STYLE #2--*/

#sta{
display:none;
}

#stauno{
position:relative;
overflow:hidden;
}


#sta_notes, #sta_no{
position:relative;
overflow:hidden;
}

/*-----NOTES #1--*/

#sta_notes{
margin:-32px 0 0 0;
}

#sta_not1, #sta_not2{
width:50%;
display:inline-block;
}

#sta_not1 a, #sta_not2 a{
display:block;
text-align:center;
padding:10px;
font:11px arial;
font-style:italic;
text-transform:lowercase;
}

/*-----NOTES #2--*/

#sta_no{
height:30px;
}

#sta_no1, #sta_no2{
display:inline-block;
}

#sta_no1{
float:left;
width:70%;
height:100%;
}

#sta_no1 a{
display:block;
text-align:right;
height:100%;
font:10.5px arial;
font-style:italic;
text-transform:lowercase;
padding:10px;
}

#sta_no2{
float:left;
width:30%;
}


#sta_no2 a{
display:block;
text-align:center;
height:100%;
font:10.5px arial;
font-style:italic;
text-transform:lowercase;
padding:9px 0 10px 0;
}


/*---------TAGS--*/

#sta_tags{
text-align:center;
}

#sta_tags #pdd{
padding:10px 10px 5px 10px;
}

#sta_tags a{
font:9.5px arial;
text-transform:lowercase;
font-style:italic;
display:inline-block;
margin:0 2.5px 5px 2.5px;
}

/*--------------STYLE #3--*/


#pi1{
display:none;
}


#pi1_note{
margin:-30px 0 0 0;
position:relative;
text-align:right;
overflow:hidden;
}

#pi1_note1, #pi1_note2{
display:inline-block;
}

#pi1_note1{
margin:0 0 0 10px;
}

#pi1_date{
position:relative;
height:30px;
overflow:hidden;
}

#pi1_date a{
font:11.5px arial;
font-style:italic;
width:100%;
height:100%;
display:block;
text-transform:lowercase;
}

/*------------------EXTRA-*/

#sta_hov{
position:absolute;
height:100%;
width:100%;
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 #sta_hov{
margin:100% 0;
-webkit-transition: all 3s ease-out;
-moz-transition: all 31s ease-out;
transition: all 3s ease-out;
}


#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;
}


#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--*/ 


#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;
}

 .po20 #audiocontent{
width:60%;
}


#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;
}