@import url("normalize.css");


html{
    height: 100%;

}

body {
    height: 100%;
    width: 100%;

    background:gray;
    background-image:url(../img/bg.gif);
}

.clear{
    clear:both;
}
header .header-h1 {
    width:1024px;
    margin:0 auto;
}

 


header .header-h1  h1{
    margin-left:225px;
    font-size:20px;
    margin-top:30px;
    z-index:99;
}


 


a:link {
    color:#fff;
    text-decoration:none;
}
a:active {
    color:#fff;
}
a:visited {
    color:#fff;
}
a:hover {
    text-decoration:none;
    color:#fff;

}


#container{
    width:1024px;

    margin:0 auto;
    background: #f5f5f5;
    padding-bottom: 20px;


    border-top:1px solid transparent;
    min-height:100%;
}



 





/*           */
/* ------------------ */

.temp-head {
    width:1024px;
    margin:0 auto;
    color:white;
}

 


.top-head{
    width:100%;

    height:70px;
    background-color:black;
}






.temp-head a img {
    float:left;
}



.message{
    float:left;
    font-size:12px;
}




.top-head .report{
    clear:right;
}

.top-head .upload , .top-head .report {
    width:130px;
    float:right;
    margin:3px 0;
    padding:5px;
    color:white;
}

.top-head .upload a:hover , .top-head .report a:hover {

    cursor: pointer;
    color:gray;
}


.for18 {
    margin-top:15px;
    margin-left:15px;
}


.line{
    border-bottom:1px dotted black;
    width:100%;
    height:18px;
    background-image:url(../img/hd.jpg);
}







/*            */
/* ------------------ */
.left-menu {

    margin-top:10px;
    margin-left:10px;
    width: 200px;
    float: left;
}


.left-menu .title{
    border-radius: 10px 10px 0 0;
    background-color:#69012d;
    color:white;

    padding:10px;

    -webkit-box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.53);
    -moz-box-shadow:    4px 4px 5px 0px rgba(50, 50, 50, 0.53);
    box-shadow:         4px 4px 5px 0px rgba(50, 50, 50, 0.53);







}

.left-menu > ul.menu
{
    -webkit-box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.53);
    -moz-box-shadow:    4px 4px 5px 0px rgba(50, 50, 50, 0.53);
    box-shadow:         4px 4px 5px 0px rgba(50, 50, 50, 0.53);
    border:2px solid #69012d;
    background-color:#890747;
    margin:0;
    padding:0;
    position:relative;
}




.left-menu .menu >  li
{
    border-bottom:1px solid transparent;
    display:block;
    list-style-type: none; /*                 */
    padding-left:15px;
    padding:5px 20px;
    text-shadow: 1px 1px 2px black, 0 0 1em black; /*                */
}













.left-menu .menu >  li:hover{
    background-color:#69012d;

}

.left-menu .menu > li :hover:before{
    content: url(../img/pointing6.png);
    position:absolute;
    left:2px;
}





.left-menu .tags span a{

    margin:2px;
    font-size:11px;
    padding:3px;
    color:#69012d;
    display:inline-block;



}

.left-menu .tags span.data-1 a{
    font-size:20px;
}

.left-menu .tags span.data-2 a{
    font-size:16px;
}

.left-menu .tags span.data-3 a{
    font-size:13px;
}

.left-menu .tags span.data-4 a{
    font-size:12px;
}

.left-menu .tags span.data-5 a{
    font-size:11px;
}










.friend-title {

    margin-top:20px;
    padding:10px;
    background-color:#69012d;
    color:white;



}

ul.friends {
    background-color:#890747;
    margin-top:10px;

    margin-left:10px;
    width: 200px;
    float: left;
    padding:0;
    margin:0;
}




ul.friends li
{
    border-bottom:1px solid transparent;
    display:block;

    list-style-type: none; /*                 */
    padding-left:15px;
    padding:5px 20px;
    text-shadow: 1px 1px 2px black, 0 0 1em black; /*                */
}






/*                 */
/* ------------------ */
.content {
    margin-top:35px;
    margin-left:215px;
    font-size:12px;
    width:809px;
}




.content .comics {

    text-align: center;
}

.content .comics img {
    max-width: 800px;
}



.content .search-tag  {
    padding:4px;
    border:0px solid black;

}
.content .search-tag a {
display:inline-block;

    white-space: nowrap;


    padding: 0 6px;
    border-radius: 3px;
    color: #ffffff;
    background: #70A227;
    font-size: 12px;
    height: 15px;
    margin-top: 2px;
    margin-left: 2px;

}

.article {
    padding:7px;
    border-bottom:1px dashed gray;
}

.tags-and-cat {
    padding:7px;
    border-bottom:1px dashed gray;
}
.tags-and-cat .cat,.tags-and-cat .tag {
    display:inline-block;
    padding:3px;
}



.tags-and-cat .cat a, .tags-and-cat .tag a {

    padding: 0 6px;
    border-radius: 3px;
    color: #fff;
    background: #70A227;
    font-size: 12px;
    height: 15px;

    margin-left: 2px;


}





.item {
    overflow:hidden;
    float:left;
    position:relative;


   // width: 255px;
   // height: 180px;



    width: 188px;
    height: 241px;


    border:1px solid #fff;
    margin: 0px 5px 0.9%;
    -webkit-box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.53);
    -moz-box-shadow:    4px 4px 5px 0px rgba(50, 50, 50, 0.53);
    box-shadow:         4px 4px 5px 0px rgba(50, 50, 50, 0.53);
}













 


 

 

 



.item img {
    height:100%;
    width:100%;

}





.item .item-text {
    display: block;
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background: url(../img/rep.png) left 0px repeat;
    padding: 3px 3px;
    font-size: 16px;
    color: #fff;
    text-align: center;
    width: 188px;
}






.item span.eye {
    position: absolute;
    display:inline-block;
    top:3px;
    right:3px;
color:white;
    padding:2px 2px;
    font-size: 20px;
    border:0px solid black;
    border-radius: 5px;
    background: url(../img/rep.png) left 11px repeat;
}
.item span.rating {
    position: absolute;
    display: inline-block;
    top: 32px;
    color: white;
    padding: 2px 2px;
    font-size: 16px;
    border: 0px solid
    black;
    border-radius: 5px;
    background: url(../img/rep.png) left 11px repeat;
    right: 3px;
}
/* Bread crumb */
div.navigator {color: #3B3B3B;font-size: 14px;display:inline;}
div.navigator a{color: #3B3B3B;}
div.navigator a:hover{color: #111111;text-decoration: #1e5eb6 underline;}




.pagination ul li a {

    color:red;
}




/*                                                                          */
.pagination{
    width:100%;
    padding-top:20px;


    text-align:center;
}

.pagination span{
    float:left;
    font-size:16px;
    color:gray;
}


/*                                                                          
**                            */
.pagination ul{
    width:100%;
    float:left;
    padding:0px;
    margin:0px;
}
.pagination ul li{
    float:left;
    display:inline-block;

    list-style:none;
    margin:7px 7px;

    font-size:22px;
}
.pagination ul li a, .pagination ul li a:visited{
    display:block;
    text-decoration:none;
    color: #555555;
    /*   -      ,                                                   
      **                               -          IE */
    background:#69012d;
    border: 1px solid #CCCCCC;
    /*                 */

    /*                        */

    height: auto;
    width: 38px;

    top: -1px;
    /*                             */
    text-shadow: 1px 1px #000;
    color:white;
}
.pagination ul li a:hover{
    display:block;
    /*                                         */
    background-color: #890747;





    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;






}
/*                               */
.pagination ul li a:active {
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.9) inset;
    position: relative;
    top: 2px;
}

.active-page{
    display:block;
    height: auto;



    color:black;
    font-size:32px;
    text-decoration:underline;
}


.footer {

    background-color: black;
    height:  50px;
}











#back-top {
position: fixed;
bottom: 30px;
margin-left: -150px;
}
#back-top a {
width: 108px;
display: block;
text-align: center;
font: 11px/100% Arial, Helvetica, sans-serif;
text-transform: uppercase;
text-decoration: none;
color: #bbb;
/* transition */
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;
}
#back-top a:hover {
color: #000;
}
/* arrow icon (span tag) */
#back-top span {
width: 108px;
height: 108px;
display: block;
margin-bottom: 7px;
background: #ddd url(up-arrow.png) no-repeat center center;
/* rounded corners */
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
/* transition */
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;
}
#back-top a:hover span {
background-color: #777;
}
.8hhh {display:none}

/*new*/
h1 {
    font-size: 1.7em;
   
}

@media screen and (max-width:768px){
h1 {
    border-top: 1px solid #999;
    padding-top: 8px;
}
.temp-head .message, .temp-head .report a, .temp-head .upload a {
    display: none;
}

}


.content {
    margin-top: 15px;
 }

.header-h1 {
    margin-left: 10px;
}


.left-menu .menu > li {
   
    padding: 5px 10px;
    
}

@media screen and (max-width:767px){  
.friend-title {
    display: none;
}

ul.friends {
    display: none;
}

}


@media screen and (min-width:768px){  

.tttitle {
    
margin-top:50px;}
}

@media screen and (max-width:768px){  

.tttitle {
    
margin-top:20px;}
}


@media (min-width: 768px) and (max-width:862px) {#tizzzbot {max-height:320px; overflow:hidden;} .tizzzbot img, .tizzzbot iframe {margin-bottom:30px}}


.tttitle {
    border-radius: 10px 10px 0 0;
    background-color: #69012d;
    color: white;
/*margin-top:20px;*/
    padding: 10px;
    -webkit-box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.53);
    -moz-box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.53);
    box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.53);
}

@media screen and (max-width:862px){.tizzzbot img {margin-bottom:10px}}


@media screen and (max-width:1024px){  .message {
    display: none;
}
.upload, .report {
    display: none;
}

.temp-head a img {
    float: none;
}

.temp-head {
    text-align: center;}

}




.message {
    margin: 30px 0 0 0;
    float: right;}

.upload {
    display: none;
}

.report {
    display: none;
}


@media (max-width:465px)
{
img.for18 {
    display: none;
}}



html {
    margin: -19px 0 0 0 !important;}


@media (max-width:800px) {.knopka {
    display: none;
}}




@media (min-width:1024px)
{.top-head {
   
    height: 80px;
   }}


/*.left-menu .menu > li [href*="incest-1"] {padding:0px !important; display:none !important; }*/
/*ul.menu li */

@media (min-width: 1024px)

{.content {    float: left !important;}}

.left-menu {    float: right;}

.left-menu > ul.menu {
    
 
    border: 0px solid #69012d;

 }

.left-menu .title, .tttitle, .friend-title {    background-color: #4e0f0f;}
.line {    background-image: none;}

.left-menu > ul.menu, .line,  nav .tags, ul.friends, .sort-posts, .left-menu .menu > li:hover {
    background: #750533 !important;    
}
/*#E83370*/




.left-menu .tags span a {

    color: #fff;}






.sort-posts {

    background: #77e077 !important;}


 /*
.left-menu .menu > li [href*="incest-1"] {padding:0px !important; display:none !important; }
   */


.left-menu .menu > li [href*="/manga"], .left-menu .menu > li [href*="/anime"], .left-menu .menu > li [href*="/futanari"] {padding:0px !important; display:none !important; }
                                                                            



.left-menu {

    margin-right: 10px;
     margin-left: 0px;

}


.content .comics img {
    max-width: 98% !important;

}



li [href*="incest-1"] {
    display: none;
}


span [href*="/lesbiyanki"], span [href*="/mat-i-sin"], span [href*="/mama"]  { display: none !important;}