body, html{
    font-size: 13px;
    font-family: arial;
    margin: 0px;
    padding: 0px;
    height: 100%;
}

img{
    border: none;
}

body{
    margin: 0px;
    background-image: url(https://thereart.com/i/bg8.gif);
    background-repeat: no-repeat;
    background-position: center top ;
}


.link, .link:visited, .link:active{
    color: #559ac6;
    text-decoration: none;
}
.link:hover{
    text-decoration: underline;
}


hr{
    border: 0px;
    border-top: 1px solid #EEE;
    border-bottom: 1px solid #FFF;
}

.all{
    margin: 0 auto;
    min-height: 100%;
}
.center{
    position: relative;
    width:    900px;
    left: 50%;
    margin-left: -450px;

}

.top{
    z-index: 10;
    position: relative;
    height: 40px;

}

.top .logo{
    position:   absolute;
    left: 0px;
    top: 8px;
    width: 126px;
    height: 24px;
    background-image: url(https://thereart.com/i/logo.png);
    background-repeat: no-repeat;
}

.top .user_menu{
    position: absolute;
    right: 0px;
    top: 5px;
}

.top .user_menu a{
    display: inline-block;
    padding: 5px;
    color: #555;
    text-decoration: none;
}
.top .user_menu a:hover{
    text-decoration: underline;
}


.top .tr_menu{
    position: absolute;
    top: 0px;
    right: 0px;
    height: 40px;
    width: 200px;
    text-align: right;
}

.top .tr_menu a{
    display: inline-block;
    text-align: right;
    height: 40px;
    width: 70px;
    color: #555;
    text-shadow: 1px 1px 0px #FFF;
    text-decoration: none;
}

.top .tr_menu a img{
    position: absolute;
    top: 0px;
    right: -1px;
    opacity: 0;
}
.top .tr_menu a span{
    position: absolute;
    top: 10px;
    right: 9px;
}

.left{
    position: relative;
    display: inline-block;
    width: 200px;
    vertical-align: top;
}
.right{
    position: relative;
    display: inline-block;
    width: 684px;
    vertical-align: top;
    margin-left: 16px;
    overflow: hidden;
}
.top_hr{
    border: 0px;
    border-top: 1px solid #DDD;
    border-bottom: 1px solid #FFF;
    margin: 0px;
}


.users_list, .pictures_list{
    position: relative;
    display: inline-block;
    width: 684px;
    vertical-align: top;
}





.picbox{
    position: relative;
    display: inline-block;
    vertical-align: bottom;
    text-align: center;
    width: 171px;
    height: 198px;
    margin-bottom: 0px;
    border-radius: 5px;
    text-decoration: none;
    color: #333;
}

.picbox .bg{
    position: absolute;
    left: 0px;
    top: 0px;
    opacity: 0;
}

.picbox .blick{
    position: absolute;
    left: 0px;
    top: 0px;
    opacity: 0;
}

.picbox .pic{
    position: relative;
    box-shadow: 0px 3px 3px #BBB;
    margin-bottom: 10px;
    margin-top: 7px;

}


.picbox .ttl{
    position: relative;
    left: 4px;
    width: 161px;
    text-align: center;
}

.users_list .pbox_pb_bg, .pictures_list .pbox_pb_bg{
    position: absolute;
    display: none;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-image: url(https://thereart.com/i/opacity_FFFFFF_50.png);
    background-repeat: repeat;
}

.users_list .pbox_pb_bg img, .pictures_list .pbox_pb_bg img{
    position: absolute;
    right: 0px;
    bottom: 25px;
}












.s_vkl_left, .s_vkl_right{
    position: relative;
    display: inline-block;
    width: 100px;
    height: 20px;
    text-align: center;
    padding-top: 10px;
    font-size: 14px;
    text-shadow: 1px 1px 0px #FFF;
    text-decoration: none;
    color: #333;
    background-position: bottom;
    background-repeat: no-repeat;
}
.s_vkl_u_e{
    background-image: url(https://thereart.com/i/bg10-1.png);
}
.s_vkl_u_d{
    background-image: url(https://thereart.com/i/bg11-1.png);
    text-shadow: 1px 1px 0px #DDD;
    color: #777;
}
.s_vkl_p_e{
    background-image: url(https://thereart.com/i/bg10-1.png);
}
.s_vkl_p_d{
    background-image: url(https://thereart.com/i/bg11-1.png);
    text-shadow: 1px 1px 0px #DDD;
    color: #777;
}


.search{
    position: absolute;

    background-image: url(https://thereart.com/i/bg14.png);
    background-position: bottom;
    padding-left: 20px;
    padding-bottom: 10px;
    top: 30px;
    width: 198px;
    height: 310px;
    margin-left: -9px;

}

.search .ttl{
    position: relative;
    display: inline-block;
    width: 160px;
    margin-top: 0px;
    font-weight: bold;
}

.search .label{
    position: relative;
    display: inline-block;
    width: 140px;
    padding-left: 20px;
}

.search hr{
    border: none;
    border-top: 1px solid #DDD;
    border-bottom: 1px solid #FFF;
    margin-right: 20px;
}

.search .s_btn{
    position: absolute;

    background-image: url(https://thereart.com/i/s_btn.png);
    bottom: 1px;
    left: 65px;

    width: 95px;
    height: 25px;
    padding-left: 30px;
    padding-top: 0px;
    text-align: left;


    font-family: arial;
    font-size: 13px;
    color: #777;
    text-shadow: 1px 1px 0px #FFF;

    border-bottom: 1px solid #AAA;
    border-top: 1px solid #DDD;
    border-left: 1px solid #BBB;
    border-right: 1px solid #BBB;

    border-radius: 10px;
    box-shadow: 0px 2px 3px #CCC;

    cursor: pointer;
}
.search .s_btn:hover{
    opacity: 0.9;
    color: #000;
}

.search .s_inp{
    position: relative;
    display: inline-block;
    border: 1px solid #CCC;
    color: #235;
    padding: 2px;
    border-radius: 4px;
    font-size: 13px;
    font-family: arial;
    width: 180px;
}


.search .s_reset{
    position: absolute;
    top: 280px;
    right: 17px;
    width: 20px;
    height: 20px;
    background-image: url(https://thereart.com/i/bg23.png);
    background-position: 3px 3px;
    background-repeat: no-repeat;
    opacity: 0;
}







/* >>>>>>>>>>>>> Страници */
.pages{
    padding-top: 10px;
    padding-bottom: 10px;
    font-size:	12px;
    font-family:	arial;
    opacity: 0.8;
    border-top: 1px solid #DDD;

}
/*
.pages a{
    position: relative;
    display:	inline-block;
    width:		27px;
    height:		25px;
    text-align:	center;
    text-decoration:	none;
    color:		#888;
}
.pages a:hover{
    color:		#000;

}
.pages .p_select{
    position: relative;
    display: inline-block;
    color: #000000;
    font-weight:	bold;
    font-size:	14px;
    text-align: center;
    width:		27px;
    height:		25px;

    vertical-align: top;
    margin-top: 3px;
}

.pages a .t{
    position: absolute;
    top:        0px;
    left:       0px;
    padding-top: 5px;
    width:		27px;
    height:		20px;
    text-align: center;

}
.pages a .t:hover{
    background-image: url(https://thereart.com/i/page-bg-hover.png);

}


.pages a .img{
    position: absolute;
    background-image: url(https://thereart.com/i/page-bg.png);
    top:        0px;
    left:       0px;
    width:		27px;
    height:		25px;
    opacity: 0;
}

*/

.pages a{
    position: relative;
    display:	inline-block;
    height:		30px;
}

.pages .p_1{
    background-image: url(https://thereart.com/i/p/bg_p1.png);
    width: 26px;
}
.pages .p_2{
    background-image: url(https://thereart.com/i/p/bg_p2.png);
    margin-left: 10px;
    width: 50px;
}
.pages .p_3{
    background-image: url(https://thereart.com/i/p/bg_p3.png);
    width: 50px;
}
.pages .p_4{
    background-image: url(https://thereart.com/i/p/bg_p4.png);
    margin-left: 10px;
    width: 26px;
}
.pages .p_num{
    vertical-align: top;
    display: inline-block;
    height: 20px;
    padding-top: 10px;
    width: 70px;
    text-align: center;
}


.pages a .p_bg{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    opacity: 0;
}
.pages .p_1 .p_bg{ background-image: url(https://thereart.com/i/p/bg_p1_h.png); }
.pages .p_2 .p_bg{ background-image: url(https://thereart.com/i/p/bg_p2_h.png); }
.pages .p_3 .p_bg{ background-image: url(https://thereart.com/i/p/bg_p3_h.png); }
.pages .p_4 .p_bg{ background-image: url(https://thereart.com/i/p/bg_p4_h.png); }









/*Блок сортировки*/
.sort{
    position: relative;
    padding: 4px;
    color: #777;
    margin-top: 5px;
    margin-bottom: 15px;
}

.sort .ttl{
    color: #111;
}

.sort a{
    color: #000;
    padding-left: 3px;
    padding-right: 3px;
    padding-bottom: 1px;
    font-weight: bold;
    margin: 1px;
    text-decoration: none;
}
.sort a:hover{
    background: #eeeff3;
    margin: 0px;
    border-left: 1px solid #FFF;
    border-top: 1px solid #FFF;
    border-right: 1px solid #BBB;
    border-bottom: 1px solid #BBB;
}

.sort .s{
    background: #DDD;
    margin: 0px;
    border-left: 1px solid #BBB;
    border-top: 1px solid #BBB;
    border-right: 1px solid #FFF;
    border-bottom: 1px solid #FFF;
}

.sort .s:hover{
    background: #DDD;
    border-left: 1px solid #BBB;
    border-top: 1px solid #BBB;
    border-right: 1px solid #FFF;
    border-bottom: 1px solid #FFF;
}












/* соц сети */
.soc{
    position: relative;
    display: block;
    width: 20px;
    height: 20px;
    margin-left: 5px;
    margin-top: 5px;
}
.soc img{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 20px;
    height: 20px;
}
.soc .color{
    opacity: 0;
}

.share_buttons{
    z-index: 100;
    position: fixed;
    left: 0px;
    top: 50px;
    width: 30px;
    height: 150px;
    opacity: 0.5;
}




.donate{
    position: fixed;
    z-index: 100;

    display: block;
    width: 23px;
    height: 150px;

    border-top: 1px solid #CCC;
    border-right: 1px solid #CCC;
    border-bottom: 1px solid #CCC;

    box-shadow: 0px 2px 4px #CCC;
    background-image: url(https://thereart.com/i/bg22.png);

    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px;

    left: 0px;
    top: 230px;
    opacity: 0.7;
}
.donate:hover{
    opacity: 1;
}












/* Блок случ фото */
.rand{
    position: relative;
    width: 200px;
    border-right: 1px solid #DDE;

}

.r_ttl{
    position: absolute;
    top: -20px;
    height: 20px;
    color: #a5b5b7;
    text-align: left;
    width: 200px;
    border-bottom: 1px solid #DDE;
    opacity: 0;
}
.r_ttl a{
    position: absolute;
    right: 0px;
    top: 0px;
}
.r_block{
    position: relative;
    display: block;
    width: 200px;
    height: 40px;

    margin-top: 5px;
    margin-bottom: 5px;
    overflow: hidden;
}
.r_block:hover{
    background: #EEEEF9;
}

.r_block .r_i_box{
    position: absolute;
    left: 5px;
    top: 5px;
    width: 40px;
    height: 30px;
    text-align: center;
}

.r_block .r_pname{
    position: absolute;
    top: 5px;
    left: 50px;
    text-decoration: none;
    color: #555;
    width: 500px;
}
.r_block .r_fio{
    position: absolute;
    top: 20px;
    left: 50px;
    text-decoration: none;
    color: #BBB;
    width: 500px;

}




























/* низ */
.bottom{
    position: relative;
    height: 220px;
    margin-top: -220px;
    background-image: url(https://thereart.com/i/bg16.png);
    background-position: top;
    background-repeat: repeat-x;
}

.bottom .bm_block{
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 290px;
    margin-top: 20px;
}

.bottom .bm_block .bm_ttl{
    position: relative;
    color: #999999;
    height: 30px;
    font-size: 16px;
    padding-left: 40px;
    padding-top: 10px;
}
.bottom .bm_block .bm_ttl img{
    position: absolute;
    left: 7px;
    top: 7px;
}

.bottom .bm_block a{
    position: relative;
    display: inline-block;
    margin: 0px;

    border-radius: 10px;
    padding: 5px;
    margin-left: 35px;

    color: #FFF;
    text-decoration: none;
    font-size: 15px;
    text-shadow: -1px -1px 0px #000;

    opacity:    0.4;
}

.bottom .bm_block a:hover{
    text-decoration: underline;
}


.bottom .bm_block .vert{
    position: absolute;
    top: 2px;
    left: 18px;
    bottom: 0px;
    width: 2px;
    background-image: url(https://thereart.com/i/bg19.png);
    background-repeat: repeat-y;
}

.bottom .b_hr{
    position: relative;
    width: 900px;
    height: 2px;
    margin-top: 20px;
    background-image: url(https://thereart.com/i/bg20.png);
}

.bottom .bb{
    position: relative;
    width: 100%;
    height: 40px;
    background-image: url(https://thereart.com/i/bg21.png);
}

.bottom .bb .copy{
    position: absolute;
    left: 50%;
    top: 15px;
    margin-left: -150px;
    width: 300px;

    color: #777;
    font-size: 11px;
    text-shadow: -1px -1px 0px #000;
    text-align: center;
}

.bottom .bb .b_counters{
    position: relative;
    padding-top: 5px;
    opacity: 0.2;
    width: 200px;
}
/*
     FILE ARCHIVED ON 19:24:53 Oct 27, 2016 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 09:06:52 Oct 17, 2025.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.771
  exclusion.robots: 0.036
  exclusion.robots.policy: 0.022
  esindex: 0.016
  cdx.remote: 158.829
  LoadShardBlock: 663.836 (3)
  PetaboxLoader3.datanode: 785.119 (5)
  load_resource: 632.631 (2)
  PetaboxLoader3.resolve: 209.498 (2)
*/