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

::-webkit-scrollbar-thumb:vertical {
height: 10px; 
border-radius:50px;
}
::-webkit-scrollbar-thumb:horizontal {
height: 10px; 
    
}
::-webkit-scrollbar {
height:10px; 
width:15px;
}


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


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

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

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



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

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


#photoset{
overflow:hidden;
padding:30px;
height:auto;
z-index:-1;
background:{color:1} center url('{image:pattern}');
background-size:cover;
}
 
#photo{
overflow:hidden;
padding:30px;
height:auto;
z-index:-1;
background:{color:2} center url('{image:pattern}');
background-size:cover;
}


.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-left: 25px; 
margin-bottom:10px;
}


#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;
}

#textpost blockquote {
width:89%;
margin-left:auto;
margin-right:auto;
padding-left:10px;
padding-right:10px;
padding-top:1px;
padding-bottom:1px;
background:rgba(255, 255, 255, 0.4);
}
 


#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 small, sub, sup, code, big{
font-size:16px;
}
#caption blockquote {
width:90%;
margin-left:auto;
margin-right:auto;
max-height:200px;
overflow:auto;
padding-left:10px;
padding-right:10px;
padding-top:1px;
line-height:20px;
padding-bottom:1px;
}
#caption blockquote a{
text-decoration:underline;
}   

#caption blockquote a:hover{
border:none;
text-decoration:none;
}   
/*--------------------------------POST INFO--*/ 



#post_info { 
text-align:left;
text-transform:uppercase;
letter-spacing:1px;
padding:10px 50px 5px 50px;
margin:20px 0px 0px 0px;
}


#post_info a{
font:10px arial;
font-style:italic;
font-weight:bold;
padding:3px 5px 3px 5px;
margin:0px 0px 5px 0px;
text-decoration:none;
display:inline-block;
transition:  all 0.6s ease-in-out 0s;
-moz-transition: all 0.6s ease-in-out 0s;
-webkit-transition:  all 0.6s ease-in-out 0s;
-o-transition:  all 0.6s ease-in-out 0s;
}


#post_info a:hover {
transition:  all 0.6s ease-in-out 0s;
-moz-transition: all 0.6s ease-in-out 0s;
-webkit-transition:  all 0.6s ease-in-out 0s;
-o-transition:  all 0.6s ease-in-out 0s;
}


#tags{
margin-top:5px;
text-align:right;
}

#tags a{
text-transform:uppercase;
font:9px courier;
line-height:25px;
padding:2px 5px 2px 5px;
text-decoration:none;
}


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



#notes{
position:relative;
font:10px courier;
text-align:center;
letter-spacing:1px;
text-transform:uppercase;
padding:5px 10px 5px 10px;
}
#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:right;
padding:5px 5px 0px 10px;
margin-top:10px;
}
#perma_tags a{
padding:4px 8px 4px 8px;
margin-bottom:5px;
display:inline-block;
text-align:center;
font:8px arial;
font-weight:bold;
letter-spacing:0px;
font-style:italic;
text-transform:uppercase;
text-decoration:none;
}

#permas{
display:block;
max-height:100px;
font:9px consolas;
margin-top:10px;
margin-bottom:20px;
text-transform:uppercase;
text-align:center;
z-index:9999999999;
overflow-y:auto;
overflow-x:hidden;
}

#permas a{
font:9px courier;
text-decoration:none;
letter-spacing:1px;
text-transform:uppercase;
text-decoration:none;
}

#permas li{
list-style:none;
}

#permas li img{
display:none;
}


/*--------------------------------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;
font:10px consolas;
}


/*--------------------------------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;
border-radius:10px;
}

#audiocontent {
position:relative;
margin-left:50px;
margin-top:0px;
padding:10px;
text-align:center;
display:block;
font:10px consolas;
font-style:italic;
text-transform:uppercase;
border-radius:10px;
}

#audiocontent code{
font:10px courier;
padding:10px;
margin-bottom:20px;
text-transform:uppercase;
letter-spacing:2px;
}
#audiocontent:first-letter{
text-transform:uppercase;
}
#player {
position: absolute;
display:block;
overflow:hidden;
background:#fff;
width:27px;
height:27px;
z-index: 10;
margin-top:10px;
margin-left:10px;
}

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

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


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

#asker a{
border:none;
font:30px russo;
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;
}