/*-- BODY --*/ 

body {
padding: 0px;
margin: 0px;
color: ;
font-family: calibri;
line-height:14px;
font-size:12px;
background-color: #f2f1ef;  
font-family: 'Antic';
}


a:link, a:active, a:visited{
text-decoration: none;
color:;
}

a:hover {

}

::-webkit-scrollbar     {    
height: 10px;
width: 5px;
-webkit-border-radius: 0px;
background-color:#f2f1ef;
border-left: 3px solid #000;
                        }
::-webkit-scrollbar-thumb       {
border-top: 3px solid #000;
border-bottom:3px solid #000;
background-color:  ;         }
::-webkit-scrollbar-track       {
background-color: ;      border-left:1px solid  ;
                                }


/*-- SIDEBAR --*/
#k-sidebar {
position:fixed;
border-right:3px solid #000;
height: 100%;
width: 100px;
top:0; 
-webkit-animation: fadein 3s; /* Safari, Chrome and Opera > 12.1 */
-moz-animation: fadein 3s; /* Firefox < 16 */
-ms-animation: fadein 3s; /* Internet Explorer */
-o-animation: fadein 3s; /* Opera < 12.1 */
animation: fadein 3s;
}

#k-sb-in {
position:absolute;
top: 35%;
left: 18px;
font-family: 'antic';
}
.tit {
position: relative; 
font-family: 'roboto condensed', sans-serif;
letter-spacing: 1px;
font-size: 12px;
width:100px; 
text-align: center;
background-color: black;
color: #fff; padding:5px 0px 5px 0px;
top:0;
}

#k-sb-in img {
width:60px;
border-radius: 100px;
border: 3px solid #000;
margin-left: px;
-webkit-transition: .5s;
}
#k-sb-in a {
display: block;
padding: 3px;
text-align:center;
color: #000;
letter-spacing: 2px;
}
 
#k-sb-in:hover img {
border: 3px solid #f9d423;
-webkit-transition: .5s;
}
#k-sb-in a:before {
content:""; 
height: 5px; 
width: 5px; 
background-color: #f9d423; 
display: inline-block; 
vertical-align: 1px; 
margin-right: 4px;
-webkit-transition: .5s; 
}
#k-sb-in a:after {
content:""; 
height: 5px; 
width: 5px; 
background-color: #000; 
display: inline-block; 
vertical-align: 1px; 
margin-right: 4px;
-webkit-transition: .5s; 
} 
#k-sb-in a:nth-child(3n+0):after {
background-color: #f9d423;
}
#k-sb-in a:nth-child(3n+0):before {
background-color: #000;
}
#k-sb-in a:hover:after {
content:""; 
height: 5px; 
width: 5px; 
background-color: #f9d423; 
display: inline-block; 
vertical-align: 1px; 
margin-right: 4px;
-webkit-transition: .5s; 
} 
#k-sb-in a:hover:before {
content:""; 
height: 5px; 
width: 5px; 
background-color: #000; 
display: inline-block; 
vertical-align: 1px; 
margin-right: 4px;
-webkit-transition: .5s; 
} 

#boty {
position: relative; 
font-family: 'roboto condensed', sans-serif;
letter-spacing: 1px;
font-size: 11px;
width:100px;
text-align: center;
background-color: black;
color: #fff; padding:5px 0px 5px 0px;
}
#boty a{
color: #f9d423;
}




.kpage { 
    position:relative;
    padding: 3px;
}
.kpage a {
    line-height: 12px;
    text-align :center;
    font-weight: bold;
    color: black; 
}


::-moz-selection { 
    color: #000;
    background: #f9d423;
}

::selection {
    color:#000; 
    background: #f9d423;
}


.loll {
-webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
-moz-animation: fadein 2s; /* Firefox < 16 */
-ms-animation: fadein 2s; /* Internet Explorer */
-o-animation: fadein 2s; /* Opera < 12.1 */
animation: fadein 2s;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}


#posts {
width:800px;  
z-index:99;
margin:0px 0px 0px 100px;
position:relative;
overflow-y: hidden;
}

blockquote {
padding:0px 0px 0px 5px;
margin:-2px 0px 2px 1px;
border-left: 3px solid #000;}
blockquote p, ul{margin:0px; padding:0px; list-style: none;}

.capy {
position:relative;
font-family: 'roboto condensed', sans-serif;
letter-spacing: 1px;
line-height: 12px;
}
.capy a {
letter-spacing: 1.5px;
color: #f9d423; 
}
.capy a:hover {
text-decoration: underline;
background-color: #f1f2ef;
color: #000;
}




.asker { 
padding: 10px;
font-family: 'roboto condensed';
font-size: 12px;
letter-spacing: 1px;
line-height: 16px;  
}
.asker a {
background-color: #f9d423;
padding: 1px 5px 1px 5px;
color: #000; 
}
.response { 
font-family: 'roboto condensed';
font-size: 12px;
letter-spacing: 1px;
line-height: 16px; 
text-align: center;
}
.response a {
background-color: #f9d423;
padding: 1px 5px 1px 5px;
color: #000; 
}
 
 
.labas {
cursor: help;
font-family: 'roboto condensed';
font-size: 14px;
letter-spacing: 1px;
line-height: 16px;    
padding: 5px;
font-weight: bold;
margin: 0px 0px 0px -5px;  : ;
}
.labas:hover{ color: #f9d423;  padding: 5px;}

.bukas{ color: #f9d423;   }

.loob { width: 400px; font-family: 'roboto condensed', sans-serif;}
.loob a{ color: #000; padding: 1px 3px 1px 3px;}
.loob a:hover{  background-color: #f9d423; -webkit-transition: .2s;}

#infscr-loading, #infscr-loading img{
opacity: 0;
}

ul.chat{
    font-family: 'roboto condensed', sans-serif;
    margin:0px;
    padding:0px;
}
.chat li{
    list-style-type: none;
    margin-left:0px;
    margin-top:2px;
    color: #000;
    padding: 5px;
    background-color:#f9d423;
    line-height:13px;
}
.chat li:nth-child(even) {
    background-color:#f2f1ef;
}
 
.label{
    font-weight: bold;
 font-family: courier new; 
 font-size: 11px;
}

.quote {
     text-align:center;
padding:14px;
line-height: 14px; 
font-size: 18px; 
color:#000;
font-family: 'roboto condensed', sans-serif;
}
.qsource{
    padding:3px;
text-align:center;
background: #f9d423;
color: #000;
font-style: italic;
}
.ltiti{
    padding: 10px;
    font-weight: bold;
    background: #f9d423;
    font-size: 18px;
    
}
.ltiti a{ color: #000;}
.ltiti:hover{
    letter-spacing: 3px;
}
.entrytiti{
font-size:24px;
line-height: 15px;
padding-bottom:5px;
font-family: 'roboto condensed', sans-serif;
}
.bod {
    line-height: 15px;
    font-family: 'roboto condensed';
}
.bod a{
   color: #f9d423;
    padding: 3px;
}
.bod a:hover {
    text-decoration: underline;
    background:none;
}

.ppage {
padding: 20px;
letter-spacing:1px;
text-align: center;
}
.ppage a {
color: #f9d423;
}
.ppage a:hover {
color: #000;
}


ol.notes { 
padding: 15px;
list-style-type: none;
font-size: 11px;
color: #000;
letter-spacing: 1px;
font-family: 'roboto condensed', sans-serif;
text-decoration: none;
text-align: left;
margin-left:5px;
}
ol.notes img{display: none;background:#eee; padding: 3px;}
ol.notes a { color: #f9d423; -webkit-transition: all 0.4s ease-in-out;}
ol.notes li.note {margin:5px 0px 5px -30px;border-bottom: 1px solid #eee;}
ol.notes li.note span.action {font-style:normal; margin-left:5px;}
ol.notes li.note .answer_content {font-weight:normal;}
ol.notes li.note blockquote {padding:4px 5px;margin:5px 10px;}


#infoo {
display:inline-block;
width:80px;
height:80px; 
}
#album {
position:absolute;
width:80px;
height:80px;
overflow:hidden; 
}
#album img {
width:80px;
position:absolute; 
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}
#album {
position:absolute;
width:80px;
height:80px; 
}


#info p {
font-weight: bold;
    color: #000;
margin-top:0px; 
font-size: 10px;  
letter-spacing:1px; 
padding: 3px;
border-bottom: 1px solid #f9d423;
width: auto;
margin-bottom:2px;}
#info p:nth-child(1){
background-color: #f9d423;

}
#player {
   position:absolute;
height:30px;
width:30px; 
margin:1px 0px 0px 0px;
overflow:hidden;}