@import url("button.css");
@import url("lightbox.css");
@import url("forum.css");
@import url("html5player.css");
/*LINKS*/
a:link, a:visited { color: #333 }
a:hover { color: #ff0000 }
.orangelink:link, .orangelink:visited { color: orange; text-decoration: none }
.orangelink:hover { color: #ff0000; text-decoration: none }
.whitelink:link, .whitelink:visited { color: #fff; text-decoration: none }
.whitelink:hover { color: #ff0000; text-decoration: none }
.whitelink2:link, .whitelink2:visited { color: #fff; text-decoration: underline }
.whitelink2:hover { color: orange; text-decoration: none }
.graylink:link, .graylink:visited { color: #777; text-decoration: none; text-transform: lowercase }
.graylink:hover { color: #ff0000 }
.graylink2:link, .graylink2:visited { color: #888; text-decoration: underline }
.graylink2:hover { color: #000 }
.graylink_light:link, .graylink_light:visited { color: #aaa; text-decoration: none }
.graylink_light:hover { text-decoration: none }
.menulink:link, .menulink:visited { color: #111; text-decoration: none }
.menulink:hover { color: #ff0000 }
.redlink:link, .redlink:visited { color: #ff0000; text-decoration: underline }
.redlink:hover { text-decoration: none }
.redlink_no_underline:link, .redlink_no_underline:visited { color: #ff0000; text-decoration: none }
.redlink_no_underline:hover { color: #f80000; text-decoration: none }
.blacklink:link, .blacklink:visited { color: #111; text-decoration: underline }
.blacklink:hover { text-decoration: none }
.paging:link, .paging:visited { color: #444; text-decoration: none; margin: 0 5px; text-transform: lowercase }
.paging:hover { text-decoration: underline }
.tooltip { outline: none; text-decoration: none; position: relative }
.tooltip span { margin-left: -999em; position: absolute }
.tooltip:hover span { position: absolute; z-index: 9999999; margin-left: 0px; width: 250px }
.tooltip .classic { text-shadow: 0 0 #fff; text-align: left; background: rgba(0,0,0,0.8); color: #fff; padding: 7px }
.tooltip .classic .nnn { font-weight: bold; color: #fff; margin: 0 0 10px 0 }

.photo_opacity { -webkit-transition: all 0.3s ease;; -moz-transition: all 0.3s ease;; -o-transition: all 0.3s ease;; transition: all 0.3s ease; }
.photo_opacity:hover { opacity: 0.8 }
.photo_opacity_light { -webkit-transition: all 0.3s ease;; -moz-transition: all 0.3s ease;; -o-transition: all 0.3s ease;; transition: all 0.3s ease; }
.photo_opacity_light:hover { opacity: 0.9 }


/*TEXT*/
.lowertext { text-transform: lowercase }
.marginr10 { margin: 0 10px 0 0 }
.marginr20 { margin: 0 20px 0 0 }
.marginr30 { margin: 0 30px 0 0 }
.marginr40 { margin: 0 40px 0 0 }
.marginr50 { margin: 0 50px 0 0 }
.marginb10 { margin: 0 0 10px 0 }
.marginb20 { margin: 0 0 20px 0 }
.marginb30 { margin: 0 0 30px 0 }
.margint10 { margin: 10px 0 0 0 }
.margint30 { margin: 30px 0 0 0 }
.marginl30 { margin: 0 0 0 30px }
.buffer_text_1_line { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical }
.center_text { text-align: center }
.smalltext { font-size: 12px }
.normaltext { font-size: 14px; line-height: 140% }
.bigtext { font-size: 20px }
.smalltext_silver_right { font-size: 12px; color: #aaa; text-align: right }
.light_text { color: #eee }
.strong { font-weight: bold }
.black_text { color: #111 }
.miniicons { vertical-align: middle }
.helpicons { cursor: help }
.shadow_light { box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05) } 
.shadow_light_no { box-shadow: 0 2px 3px rgba(0,0,0,0.05), inset 0px 0px 0px -1px rgba(0,0,0,0.05) } 
.shadow_normal { box-shadow: 0 0px 3px rgba(0,0,0,0.1), inset 0px -15px 10px -10px rgba(0,0,0,0.1) } 
.shadow_down { box-shadow: 0 3px 5px rgba(0,0,0,0.2), inset 0px -15px 10px -10px rgba(0,0,0,0.1) } 
.shadow_down_light { box-shadow: 0 5px 5px rgba(0,0,0,0.07), inset 0px 0px 10px -10px rgba(0,0,0,0.05) } 
.shadow_down_light_no { box-shadow: 0 2px 3px rgba(0,0,0,0.07), inset 0px 0px 0px -1px rgba(0,0,0,0.05) } 
.shadow_thumb { box-shadow: 0 2px 3px rgba(0,0,0,0.15), inset 0px 0px 0px -1px rgba(0,0,0,0.15) } 
h1 { text-shadow: 0 1px #fff; color: #333; margin: 0 0 25px 0; line-height: 100% }
h2 { text-shadow: 0 1px #fff; color: #333; margin: 0 0 15px 0 }
.format_text { text-indent: 30px; line-height: 140% } 
.rulol { color: #bb0000 }
.rulol .tliul { color: #111; line-height: 145% }
.redramka { color: #111; padding: 0 20px; font-size: 13px; border: 3px #ff0000 dashed; line-height: 145%; border-radius: 10px }
.linkname a { color: #333 }
.color-1 { color: #fff }
.color-2 { color: #666 }
.color-3 { color: #222 }
.color-4 { color: #999 }
.color-5 { color: #eee }
.color-6 { color: #bb0000 }



.text-9 { text-transform: uppercase; font-size: 16px; font-family: 'Trebuchet MS', Helvetica, sans-serif }

/*FORMS*/
.input_classic { padding: 7px 5px; width: 150px; border: 0px; background: #fff; margin: 0 5px 0 0 }
.inputuser { background: #fff url('../pics/icons/inputuser.png') 135px  no-repeat }
.inputpassword { background: #fff url('../pics/icons/inputpassword.png') 135px  no-repeat }
/*
input[type="checkbox"] { display: none }
input[type="checkbox"] + label span { display: inline-block; width: 19px; height: 19px; margin: -1px 4px 0 0; vertical-align: middle; background: url('../pics/check_radio_sheet.png') left top no-repeat; cursor: pointer }
input[type="checkbox"]:checked + label span { background: url('../pics/check_radio_sheet.png') -19px top no-repeat
*/
/*END FORMS*/

/*checkbox*/
.regular-checkbox { display: none }
.regular-checkbox + label { cursor: pointer; background-color: #fafafa; border: 1px solid #cacece; box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05); padding: 7px; border-radius: 3px; display: inline-block;	position: relative }
.regular-checkbox + label:active, .regular-checkbox:checked + label:active { box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1) }
.regular-checkbox:checked + label { background-color: #e9ecee;	border: 1px solid #adb8c0; box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1); color: #99a1a7 }
.regular-checkbox:checked + label:after {	content: '\2714'; font-size: 14px; position: absolute; top: -1px; left: 2px; color: #99a1a7 }
/*radio-button*/
.regular-radio { display: none }
.regular-radio + label { top: 3px; -webkit-appearance: none; background-color: #fafafa; border: 1px solid #cacece; box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05); padding: 7px; border-radius: 50px; display: inline-block; position: relative }
.regular-radio:checked + label:after {	content: ' '; width: 8px; height: 8px; border-radius: 50px; position: absolute; top: 3px; background: #99a1a7; box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3); text-shadow: 0px; left: 3px; font-size: 32px }
.regular-radio:checked + label { background-color: #e9ecee; color: #99a1a7; border: 1px solid #adb8c0; box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1), inset 0px 0px 10px rgba(0,0,0,0.1) }
.regular-radio + label:active, .regular-radio:checked + label:active { box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1) }
/*end Forms*/

/* url('../pics/bg.png')*/
body { margin: 0; font-size: 14px; font-family: Arial, Helvetica, sans-serif; color: #8c8c8c; background: #fff; cursor: default }


/*HEADER*/
header { position: relative; background: #222; height: 55px; border-bottom: 3px #333 solid; margin: 0 0 20px 0; box-shadow: 0 3px 5px rgba(0,0,0,0.3), inset 0px -15px 10px -10px rgba(0,0,0,0.2) }
header .main { position: relative; width: 980px; margin: 0 auto }
header .main .logo { position: relative; width: 160px; height: 67px; background: url('../pics/gallery-logo.png') 0 2px no-repeat; opacity: 0.95; float: left; z-index: 666 }
header .main .logo a { display: block; height: 100% }
header .main .userbox { position: relative; width: 820px; text-align: right; margin: 0 0 0 160px }
header .main .userbox .hardbox { position: relative; width: 820px; height: 55px; padding: 12px 0 0 0; color: #fff }
header .main .userbox .hardbox .links { position: relative; padding: 10px 0 0 0; width: 250px; text-align: right; float: left }
header .main .userbox .hardbox .forms { position: relative; text-align: right; padding: 2px 0 0 0; margin: 0 0 0 250px }
header .main .userbox .hardbox .list_header { padding: 10px 0 0 0 }
/*FOOTER*/
footer { position: relative; width: 100%; margin: 40px 0 0 0; background: #222; border-top: 5px #333 solid; color: #888 }
footer .mainfooter { position: relative; width: 990px; padding: 20px 0 15px 0; margin: 0 auto }
footer .mainfooter a:link { color: #bbb }
footer .mainfooter a:visited { color: #bbb }
footer .mainfooter a:hover { color: #bb0000; text-decoration: none }
footer .mainfooter p { line-height: 130%; font-size: 12px }
footer .mainfooter .links_footer { margin: 0 0 40px -40px; font-size: 14px }
footer .mainfooter .links_footer li { list-style: none }


#new_comm { position: relative; top: -20px; width: 100%; height: 110px; background: #fff; border-bottom: 3px #333 solid; overflow-x: hidden; z-index: 11 }
#new_comm .lenta { position: relative; width: 200%; height: 110px; white-space: nowrap; overflow: hidden }
#new_comm .lenta .titleblock { position: relative; margin: 0 -22px 0 0; width: 170px; height: 110px; float: left; background: url('../pics/critic-arro.png') right no-repeat; z-index: 12 }
#new_comm .lenta .titleblock  .title { color: #000; font-weight: bold; font-size: 22px; margin: 30px 0 0 20px; white-space: normal; line-height: 20px }
#new_comm .lenta .photoblock { position: relative; width: 100px; height: 100px; float: left; margin: 5px 5px 5px 0; z-index: 9 }
#new_comm .lenta .photoblock .preview { width: 100px; height: 100px }






.bodypage { position: relative; width: 100%; display: inline-block; text-align: left }
.bodypage .mainpage { position: relative; width: 980px; margin: 30px auto 0 auto }

.bodypage .mainpage .cell740 { position: relative; width: 720px; float: left }
.bodypage .mainpage .cell740 .comment_block { position: relative; width: 700px }
.bodypage .mainpage .cell740 .commentzone .offcomment { position: relative; line-height: 135%; background: #ffd8d8; color: #333; border: 1px #fda3a3 solid; font-size: 12px; width: 658px; padding: 15px 20px; text-align: center }
.bodypage .mainpage .cell740 .commentzone .nocomment { position: relative; border: 1px #ddd solid; font-size: 12px; margin: 0 0 30px 0; padding: 20px 0; background: #fff; text-align: center; color: #333 }
.bodypage .mainpage .cell740 .commentzone { position: relative; width: 700px; text-align: right }
.bodypage .mainpage .cell740 .commentzone .comment_bit { position: relative; margin: 0 0 15px 0; max-width: 700px; min-width: 450px; display: inline-block }
.bodypage .mainpage .cell740 .commentzone .comment_bit .hidd2 { z-index: 100; position: absolute; width: 50px; min-height: 12px; padding: 0 10px 5px 0; top: 4px; right: 60px; text-align: right; -webkit-transition: 0.5s;-moz-transition: 0.5s; transition: 0.5s; opacity: 0 }
.bodypage .mainpage .cell740 .commentzone .comment_bit .hidd2:hover  { opacity: 0.9 }
.bodypage .mainpage .cell740 .commentzone .comment_bit .userpic { position: relative; width: 65px; height: 65px; float: left; top: 5px; opacity: 0.95 }
.bodypage .mainpage .cell740 .commentzone .comment_bit .userpic .item { margin-left: 0px }
.bodypage .mainpage .cell740 .commentzone .comment_bit .userpic .photo { width: 65px; height: 65px; margin: auto 0; overflow: hidden; border-radius: 50% }
.bodypage .mainpage .cell740 .commentzone .comment_bit .userpic .personPhoto { width: 100%; height: auto; margin: auto 0 }
.bodypage .mainpage .cell740 .commentzone .comment_bit .comment_zone { position: relative;  margin: 0 0 0 70px }
.bodypage .mainpage .cell740 .commentzone .comment_bit .comment_zone .usernameinfo { position: relative; height: 18px; margin: 3px 0 2px 3px; text-align: left; font-size: 12px }
.bodypage .mainpage .cell740 .commentzone .comment_bit .comment_zone .usernameinfo .inf { position: relative; float: left }
.bodypage .mainpage .cell740 .commentzone .comment_bit .comment_zone .usernameinfo .inf .qu:link, .qu:visited { text-decoration: none; color: #333; border-bottom: 1px #333 dotted }
.bodypage .mainpage .cell740 .commentzone .comment_bit .comment_zone .usernameinfo .inf .qu:hover { text-decoration: none; color: orange; border-bottom: 1px orange dotted }
.bodypage .mainpage .cell740 .commentzone .comment_bit .comment_zone .usernameinfo .whocomments:link, .whocomments:visited  { color: #666; font-size: 11px; padding: 0 0 0 5px; text-shadow: 0 1px #fff }
.bodypage .mainpage .cell740 .commentzone .comment_bit .comment_zone .usernameinfo .whocomments:hover { color: orange }
.bodypage .mainpage .cell740 .commentzone .comment_bit .comment_zone .usernameinfo .linkname { color: #333 }
.bodypage .mainpage .cell740 .commentzone .comment_bit .comment_zone .usernameinfo .linkname a { text-decoration: none }
.bodypage .mainpage .cell740 .commentzone .comment_bit .comment_zone .usernameinfo .comaut { color: #006699 }
.bodypage .mainpage .cell740 .commentzone .comment_bit .comment_zone .usernameinfo .comadm { color: #bb0000 }
.bodypage .mainpage .cell740 .commentzone .comment_bit .comment_zone .usernameinfo .commod { color: #009966 }
.bodypage .mainpage .cell740 .commentzone .comment_bit .comment_zone .usernameinfo .comtime { color: #666; padding: 0 0 0 5px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; text-shadow: 0 1px #fff }
.bodypage .mainpage .cell740 .commentzone .comment_bit .comment_zone .usernameinfo .rating { position: absolute; width: 70px; text-align: right; right: 2px; top: 0px }
.bodypage .mainpage .cell740 .commentzone .comment_bit .comment_zone .usernameinfo .rating .rate_color_good { color: green }
.bodypage .mainpage .cell740 .commentzone .comment_bit .comment_zone .usernameinfo .rating .rate_color_good_off { color: gray }
.bodypage .mainpage .cell740 .commentzone .comment_bit .comment_zone .usernameinfo .rating .rate_color_bad { color: red }
.bodypage .mainpage .cell740 .commentzone .comment_bit .comment_zone .usernameinfo .rating .rate_color_bad_off { color: gray }
.bodypage .mainpage .cell740 .commentzone .comment_bit .comment_zone .usernameinfo .rating .comment_rating0 { color: #555; font-size: 12px; text-shadow: 0 1px #fff }
.bodypage .mainpage .cell740 .commentzone .comment_bit .comment_zone .usernameinfo .rating .comment_rating1 { color: green; font-size: 12px; text-shadow: 0 1px #fff }
.bodypage .mainpage .cell740 .commentzone .comment_bit .comment_zone .usernameinfo .rating .comment_rating2 { color: #ff1e00; font-size: 12px; text-shadow: 0 1px #fff }
.bodypage .mainpage .cell740 .commentzone .comment_bit .comment_zone .arrow_box { position: relative; text-align: left; background: #fff; color: #333; line-height: 140%; border: 1px solid #eee; padding: 13px 15px; border-radius: 3px; font-size: 13px }
.bodypage .mainpage .cell740 .commentzone .comment_bit .comment_zone .arrow_box:after, .arrow_box:before { right: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none }
.bodypage .mainpage .cell740 .commentzone .comment_bit .comment_zone .arrow_box:after { border-color: rgba(255, 255, 255, 0); border-right-color: #fff; border-width: 10px; top: 18px; margin-top: -10px }
.bodypage .mainpage .cell740 .commentzone .comment_bit .comment_zone .arrow_box:before { border-color: rgba(221, 221, 221, 0); border-right-color: #eee; border-width: 11px; top: 18px; margin-top: -11px }
.bodypage .mainpage .cell740 .commentzone .comment_bit .comment_zone .arrow_box .delete_link { position: absolute; right: -8px; top: 13px }
/*all comments*/
.bodypage .mainpage .cell740 .bit { position: relative; display: inline-block; min-height: 100px; margin: 0 0 15px 0; }
.bodypage .mainpage .cell740 .bit .backf { padding: 5px; background: #fff; width: 100px; height: 100px; float: left }
.bodypage .mainpage .cell740 .bit .backf .preview { position: relative; width: 100px; height: 100px }
.bodypage .mainpage .cell740 .bit .comment { position: relative; width: 558px; top: 2px; margin: 0 0 0 112px  }
.bodypage .mainpage .cell740 .bit .comment .infoc { color: #666; margin: 2px 0 2px 5px; font-size: 12px }
.bodypage .mainpage .cell740 .bit .comment .text { color: #333  }
.bodypage .mainpage .cell740 .bit .comment .arrow_box { position: relative; background: #fff; border: 1px solid #eee; padding: 15px 13px; border-radius: 5px }
.bodypage .mainpage .cell740 .bit .comment .arrow_box:after, .arrow_box:before { right: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none }
.bodypage .mainpage .cell740 .bit .comment .arrow_box:after { border-color: rgba(255, 255, 255, 0); border-right-color: #fff; border-width: 10px; top: 20px; margin-top: -10px }
.bodypage .mainpage .cell740 .bit .comment .arrow_box:before { border-color: rgba(221, 221, 221, 0); border-right-color: #eee; border-width: 11px; top: 20px; margin-top: -11px }
/*searchpage*/
.bodypage .mainpage .cell740 .mycomments { position: relative; width: 720px; margin: 0 0 0 15px; float: left }
.bodypage .mainpage .cell740 .mycomments .nocomments { position: relative; width: 700px; padding: 20px 0; background: #fff; text-align: center; color: #333 }
.bodypage .mainpage .cell740 .nocomments { position: relative; width: 700px; padding: 20px 0; background: #fff; text-align: center; color: #333 }
.bodypage .mainpage .cell740 .mycomments .showc { position: relative; display: inline-block; width: 680px; padding: 10px; border-bottom: 1px #ddd dashed }
.bodypage .mainpage .cell740 .mycomments .showc .rbt { position: relative; color: #333; margin: 0 0 0 90px }
.bodypage .mainpage .cell740 .mycomments .showc .rbt .name { margin: 3px 0 0 0; font-weight: bold; text-transform: lowercase }
.bodypage .mainpage .cell740 .mycomments .showc .rbt .data { color: #ddd; font-size: 11px }
.bodypage .mainpage .cell740 .mycomments .showc .rbt .comment { margin: 5px 0 0 0; color: #333; font-size: 14px }
.bodypage .mainpage .cell740 .mycomments .showc .rbt .metka { color: #999; margin: 7px 0 0 0; text-align: right }
.bodypage .mainpage .cell740 .mycomments .allok  { width: 690px; margin: 20px 0 0 0; text-align: right }
.bodypage .mainpage .cell740 .mycomments .mycomm1 { background: #fff }
.bodypage .mainpage .cell740 .mycomments .mycomm2 { background: #f9f9f9 }

.mycomment { position: relative; text-align: left; border: 1px #ddd solid; background: #f5f5f5; display: inline-block; padding: 20px 15px; width: 668px; margin: 0 0 15px 0 }
.mycomment .myinfo { position: relative; width: 90px; float: left }
.mycomment .myinfo img { max-width: 86px; max-height: 86px; border: 2px #fff solid; -moz-box-shadow: 0 0 3px rgba(0,0,0,0.1); -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.1); box-shadow: 0 0 3px rgba(0,0,0,0.1) }
.mycomment .leftf { position: relative; width: 545px; margin: 0 0 0 100px }
.mycomment .leftf .commenttextarea { border: 1px #ddd solid; color: #333; font-size: 14px; padding: 10px; width: 545px; max-width: 545px; height: 180px; margin: 0 0 15px 0 }


.linkname { color: #333 }
.linkname a { text-decoration: none }
.comtime { color: #666; padding: 0 0 0 5px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; text-shadow: 0 1px #fff }
.bodypage .mainpage .cell740 .random_block { position: relative; width: 680px; height: 400px; background: #fff; padding: 10px; margin: 40px 0 }
.bodypage .mainpage .cell740 .random_block .block { width: 680px; height: 400px }
.bodypage .mainpage .cell980 { position: relative; width: 980px; min-height: 700px }
.bodypage .mainpage .container { position: relative; width: 980px; display: inline-block; margin: 40px 0 0 0 }
.bodypage .mainpage .containermin { position: relative; display: inline-block; margin: 40px 0 0 0 }

.stats {  text-align: center; font-size: 14px; margin: 0 0 7px 0 }
.paging_full { position: relative; text-align: center; margin: 15px 0 40px 0 }
.paging_full .pagingon { background: #111; color: #eee; padding: 5px 7px; margin: 0 7px; border-radius: 3px }


.menupage  { position: relative; display: inline-block; margin: 0 }
.menupage .menulink_select { color: #fff; background: #111; padding: 8px 10px; margin: 0 -7px 0 -7px }
.menupage .linksss { position: relative; width: 680px; float: left }
.menupage .linksss .mainmenu { margin: 0 0 40px -40px; list-style: none }
.menupage .linksss .mainmenu li { background: rgba(255,255,255, 0.75); display: inline; padding: 7px 10px; margin: 0 -4px 0 0; text-transform: lowercase }
.menupage .nav{ position: relative; margin: 0 0 0 -40px; float: left; width: 100%; list-style: none; text-transform: lowercase; text-align: left; z-index: 5 }
.menupage .nav li{ float:left; position: relative; display: block }
.menupage .nav li .link:link, .link:visited { display: block; padding: 7px 10px; color: #333; background: rgba(255,255,255, 0.8); text-decoration: none }
.menupage .nav li .link:hover{ color: #ff0000; background: #fff; text-decoration: none }
.menupage .nav li .link_select:link, .link_select:visited { display: block; margin-top: -2px; padding: 9px 10px; color: #fff; background: #333; text-decoration: none; border-radius: 5px }
.menupage .nav li .link_select:hover { color: #fff; background: #222 }
.menupage .nav ul{ list-style: none; z-index: 15155151; position: absolute; left: -9999px; opacity: 0; -webkit-transition: 0.25s linear opacity }
.menupage .nav ul li{ float: none; margin: 0 0 0 -40px }
.menupage .nav ul.cats { display: inline-block; padding: 15px 0 15px 15px; list-style: none; width: 460px; overflow-x: hidden; background: #fff; z-index: 15155151; position: absolute; left: -9999px; opacity: 0; }
.menupage .nav ul.cats li.cat{ float: left; width: 210px; margin: 0 20px 0 0 }
.menupage .nav ul.cats li.cat:nth-child(2n+1) { clear: both }
.menupage .nav ul.cats .category { width: 170px; float: left }
.menupage .nav ul.cats .number { width: 40px; text-align: right; padding: 5px 0 0 0; margin: 0 0 0 170px }
.menupage .nav ul a{ white-space: nowrap; display: block }
.menupage .nav li:hover ul{ left: 0; opacity: 1 }
.menupage .nav li:hover .link:link, .link:visited { background: #fff; color: #333; text-decoration: none }
.menupage .nav li:hover .link:hover{ background: #fff; color: #ff0000; text-decoration: none }
.menupage .nav li:hover ul a{ text-decoration: none; -webkit-transition: -webkit-transform 0.075s linear }
.menupage .nav li:hover ul li a:hover{ background: #fff; color: #ff0000; text-decoration: none }





.photocontent { position: relative; display: inline-block }
.outcontent { position: relative; margin: 40px 0 0 0; width: 680px; min-height: 700px }
.outcontent .button_form { position: relative; width: 700px; padding: 30px 0 }
.outcontent .button_form form { float: left; margin: 0 20px 0 0 }
.msg { position: relative; padding: 20px; border: 1px #ddd solid; background: #fff; text-align: center; margin: 40px 0 20px 0; color: #111 }
#previewbox { position: relative; top: -20px; background: #fff; width: 100%; height: 110px; margin: 0; border-bottom: 3px #333 solid; overflow: hidden }
#previewbox .boxmain { position: relative; width: 200%; white-space: inherit; overflow: hidden }
#previewbox .boxmain .outimg { position: relative; margin: 5px 0 0 5px; width: 100px; height: 100px; float: left; opacity: 0.95; -webkit-transition: 0.3s;-moz-transition: 0.3s; transition: 0.3s }
#previewbox .boxmain .outimg:hover { opacity: 0.75 }
#previewbox .boxmain .outimg .dimg { width: 100px; height: 100px }
#previewbox .boxmain .selimg { position: relative; margin: 5px 0 0 5px; border: orange 3px solid; width: 94px; height: 94px; float: left; opacity: 0.35 }
#previewbox .boxmain .selimg .dimg { width: 94px; height: 94px }
#previewbox .boxmain .selimg .dimg img { width: 94px; height: 94px }
.photobig { position: relative; text-align: center; background: #222; padding: 20px 0; margin: -20px 0 0 0 }
.photobig .photo { position: relative; width: 100%; margin: 40px 0 0 0 }
.photobig .photo .crop_photo { position: relative; width: 100%; background: #fff }
.photobig .photo .crop_photo .photography { position: relative; background: #fff; margin: 0 auto }
.crop_panel { position: relative; width: 100% }
.crop_panel .tab { position: relative; width: 807px; margin: 0px auto 0 auto }
.photobig .main { position: relative; width: 980px; margin: 20px auto 0 auto; text-align: left }
.photobig .main .subphotoinfo { position: relative; width: 980px; margin: 30px auto; text-align: left; display: inline-block }
.photobig .main .subphotoinfo .name { position: relative; font-size: 40px; padding: 20px 0 0 0 }
.photobig .main .subphotoinfo .fon { position: relative; height: 20px; width: 500px; float: left }
.photobig .main .subphotoinfo .links { position: relative; width: 480px; margin: 0 0 0 500px; text-align: right }
.photobig .main .subphotoinfo .links a:link, a:visited { text-decoration: none; padding: 0 0 0 5px }
.photobig .main .subphotoinfo .links a:hover { text-decoration: none }

.photorate { position: relative; background: #fff; width: 240px; margin: 15px 0 15px 0 }
.photorate .list_voted { position: relative; color: #333; text-align: justify; font-size: 14px; width: 220px; padding: 10px; line-height: 140% }
.photorate .list_voted .us:link,.us:visited { text-decoration: none; padding: 1px 3px; opacity: 0.8 }
.photorate .list_voted .us:hover { opacity: 1.0 }
.photorate .golosovanie { position: relative; width: 220px; background: #f9f9f9; border-bottom: 1px #ddd solid; padding: 10px; display: inline-block }
.photorate .golosovanie .minus { position: relative; top: 5px; text-shadow: 0 1px #fff; padding: 7px 0; width: 50px; color: #840504; font-size: 26px; text-align: left; float: left }
.photorate .golosovanie .all { position: relative; width: 120px; margin: 3px 0 0 0; float: left }
.photorate .golosovanie .plus { position: relative; top: 5px; text-shadow: 0 1px #fff; padding: 7px 0; width: 50px; color: #7ca800; font-size: 26px; margin: 0 0 0 170px; text-align: right }
.photorate .golosovanie .rbad { position: relative; top: 5px; width: 18px; height: 23px; float: left }
.photorate .golosovanie .rbad:hover { margin-top: 2px }
.photorate .golosovanie .rgood { position: relative; top: 5px; width: 18px; height: 23px; margin: 0 0 0 102px }
.photorate .golosovanie .rgood:hover { margin-top: -2px }
.photorate .golosovanie .good { position: relative; text-shadow: 0 1px #fff; float: left; width: 84px; color: #7ca800; top: -5px; font: normal 30px Georgia; text-align: center }
.photorate .golosovanie .bad { position: relative; text-shadow: 0 1px #fff; float: left; width: 84px; color: #840504; top: -5px;  font: normal 30px Georgia; text-align: center}
.photorate .golosovanie .net { position: relative; text-shadow: 0 1px #fff; float: left; width: 84px; color: silver; top: -5px;  font: normal 30px Georgia; text-align: center }




/*INPUTS*/
.box { position: relative; width: 690px; margin: 20px 0 0 0; }
.box .namebox { position: relative; text-align: right; padding: 5px 0 0 0; color: #111; font-weight: bold; width: 180px; float: left }
.box .loadbox { position: relative; width: 500px; margin: 0 0 0 200px }
.box .loadbox .myphoto { padding: 5px; background: #fff }
.box .loadbox .down { padding: 5px; color: #333 }
.box .loadbox .input { background: #fff; font-size: 14px; border: 1px #999 solid; width: 350px; padding: 5px; color: #333 }
.box .loadbox .upinput { background: #fff; font-size: 14px; border: 1px #999 solid; width: 300px; padding: 5px; color: #333 }
.box .loadbox .categoryselect { background: #fff; font-size: 14px; border: 1px #999 solid; padding: 5px; color: #333 }
.box .loadbox .selectdate { background: #fff; margin: 0 3px 0 0; font-size: 14px; border: 1px #999 solid; padding: 5px; color: #333 }
.box .loadbox .inputdate { background: #fff; width: 80px; font-size: 14px; border: 1px #999 solid; padding: 5px; color: #333 }
.box .loadbox .avzone { position: relative; margin: 10px 0 0 0 }
.box .loadbox .avzone .avsele { position: relative; width: 190px; float: left }
.box .loadbox .avzone .avsele .avaselect { background: #fff; width: 180px; height: 110px; font-size: 14px; border: 1px #999 solid; padding: 5px; color: #333 }
.box .loadbox .avzone .ava { position: relative; width: 110px; margin: 0 0 0 190px }
.box .loadbox .avzone .ava img { background: #fff; padding: 5px }
.box .loadbox .avzone .bgprofiles { position: relative; width: 110px; margin: 0 0 0 190px }
.box .loadbox .avzone .bgprofiles img { max-width: 300px; background: #fff; padding: 5px }
.box .loadbox .textarea { background: #fff; font-size: 14px; width: 350px; min-width: 350px; max-width: 450px; height: 100px; min-height: 100px; max-height: 500px; border: 1px #999 solid; padding: 5px; color: #333 }
.box .loadbox .description { clear: left; font-size: 12px; color: #666; text-shadow: 0 1px #fff; margin: 5px 0 0 0; line-height: 145% }
.box .loadbox .description .redb { color: #ff0000 }
.box .loadbox .backfon { clear: right }
.box .loadbox .backfon .boxpreview { position: relative; margin: 0 15px 0 0; border: 2px #aaa solid; width: 18px; height: 18px; float: left }
.box .loadbox .backfon .boxl { position: relative; margin: 0 2px 0 0; border: 1px #aaa solid; cursor: pointer; width: 20px; height: 20px; float: left }


/*PROFILE*/
.userbigphoto { position: relative; top: -20px; height: 450px; }
.profileinfo { position: relative; /*background: #ddd;*/ display: inline-block; margin: 40px 0 40px 0  }
.profileinfo .photo { position: relative; width: 200px; height: 200px; padding: 5px; background: #fff; float: left;  margin: 0 0 0 20px }
.profileinfo .photo .pre { position: relative; width: 200px; height: 200px; background-position: 50%; background-repeat: no-repeat }
.profileinfo .info { position: relative; width: 710px; margin: 10px 0 0 260px; color: #333; font-size: 14px; line-height: 130% }
.profileinfo .info p { margin: 0 }
.profileinfo .info a:link,a:visited { text-decoration: underline; color: #003399 }
.profileinfo .info a:hover { text-decoration: none }
.profileinfo .info .arrow_box { position: relative; margin: 10px 0; text-align: left; background: #fff; color: #333; font-size: 13px; line-height: 140%; border: 1px solid #eee; padding: 7px 10px; left: -7px }
.profileinfo .info .arrow_box:after, .arrow_box:before { right: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none }
.profileinfo .info .arrow_box:after { border-color: rgba(255, 255, 255, 0); border-right-color: #fff; border-width: 9px; top: 20px; margin-top: -10px }
.profileinfo .info .arrow_box:before { border-color: rgba(221, 221, 221, 0); border-right-color: #eee; border-width: 10px; top: 20px; margin-top: -11px }
.profileinfo .info .usernamep { color: #111; font-weight: bold; font-size: 20px }
.profileinfo .info .user_online { color: #fff; background: green; padding: 1px 3px; font-size: 10px }
.profileinfo .info .user_offline { color: #fff; background: #333; padding: 1px 3px; font-size: 10px; top: -10px }
.photobest { position: relative; width: 720px; display: inline-block; margin: 20px 0 20px 0; clear: right }
.photobest .block { position: relative; width: 128px; height: 128px; margin: 0 10px 0 0 ; float: left }
.photobest .block .infobest { font-size: 9px; color: #111 }
.photobest .block .infobest span { color: red }
.photobest .block .photo { position: relative; width: 128px; height: 128px }
.photobest .block .photo a { display: block; height: 100% }



/*HOME NEWS*/
.news { position: relative; width: 700px; height: 215px; margin: 0 0 50px 0 }
.news .news_block { position: relative; background: #fff; width: 212px; height: 200px; padding: 10px; float: left; margin: 0 1px 0 0  }
.news .news_block .name { position: relative; font-size: 18px; color: #111; margin: 5px 0 7px 0 }
.news .news_block .date { position: relative; top: -7px; left: -10px }
.news .news_block .date .default { color: #fff; background: #333; padding: 5px 7px; border-radius: 5px }
.news .news_block .date .reds { color: #fff; background: #ff0000; padding: 5px 7px }
.news .news_block .text { font-size: 13px; line-height: 140%; color: #444 }

.bodypage .mainpage .cell250 { position: relative; width: 240px; margin: 0 0 0 740px }
.bodypage .mainpage .cell250 .search_form { position: relative; width: 240px; margin: 0 0 40px 0 }
.bodypage .mainpage .cell250 .search_form .searchinput { padding: 7px 5px; width: 227px; border: 1px #eee solid; background: #fff url('./../pics/search16.png') no-repeat; background-position: 215px 7px }
.bodypage .mainpage .cell250 .photoinformation { position: relative; background: #fff; padding: 10px }
.bodypage .mainpage .cell250 .photoinformation .userblock { position: relative }
.bodypage .mainpage .cell250 .photoinformation .userblock .avatara { position: relative; width: 50px; float: left }
.bodypage .mainpage .cell250 .photoinformation .userblock .avatara img { width: 40px; max-height: 40px }
.bodypage .mainpage .cell250 .photoinformation .userblock .infouser { position: relative; margin: 0 0 0 49px }
.bodypage .mainpage .cell250 .photoinformation .userblock .infouser .usernamee { margin: 5px 0 0 0 }
.bodypage .mainpage .cell250 .photoinformation .userblock .infouser .date { margin: 3px 0 0 0 }
.bodypage .mainpage .cell250 .photoinformation .userblock .infouser .date span { background: #eee; color: #666; padding: 2px 3px; font-size: 12px }
.bodypage .mainpage .cell250 .photoinformation .userblock .infophoto { position: relative; margin: 20px 0 0 0 }
.bodypage .mainpage .cell250 .photoinformation .userblock .infophoto .description {  border-top: 1px #ddd solid; padding: 5px 0; color: #111; line-height: 140% }
.bodypage .mainpage .cell250 .photoinformation .userblock .infophoto .tags { border-top: 1px #ddd solid; padding: 5px 0; color: #111; line-height: 140% }
.bodypage .mainpage .cell250 .photoinformation .userblock .infophoto .tags a:link, a:visited { color: #444; text-decoration: underline; text-transform: lowercase }
.bodypage .mainpage .cell250 .photoinformation .userblock .infophoto .tags a:hover { color: #111; text-decoration: none }

.photoblock { width: 233px; height: 320px; margin: 0 1px 0 0; float: left }
.photoblock .photo { width: 233px; height: 220px; display: table-cell; vertical-align: middle; text-align: center }
.photoblock .photo .preview { position: relative; width: 200px; height: 200px; margin: auto }
.photoblock .photo .preview .photolink { display: block; height: 100% }
.photoblock .info { position: relative; width: 233px; padding: 10px 0; text-align: center; background: #f9f9f9 }
.photoblock .info .lightbox_b { position: absolute; bottom: 8px; left: 8px; width: 16px; height: 16px; z-index: 2 }
.photoblock .info p { margin: 0px }
.photoblock_full { width: 244px; height: 320px; margin: 0 1px 0 0; float: left }
.photoblock_full .photo { width: 244px; height: 220px; display: table-cell; vertical-align: middle; text-align: center }
.photoblock_full .photo .preview { position: relative; width: 200px; height: 200px; margin: auto  }
.photoblock_full .photo .preview .photolink { display: block; height: 100% }
.photoblock_full .info { position: relative; width: 244px; padding: 10px 0; text-align: center; background: #fff }
.photoblock_full .info .lightbox_b { position: absolute; bottom: 8px; left: 8px; width: 16px; height: 16px; z-index: 2 }
.photoblock_full .info p { margin: 0px }




.notify_bit { position: relative; width: 640px; display: inline-block; background: rgba(255,255,255, 0.90); padding: 15px 10px; margin: 0 0 1px 0; clear: left }
.notify_bit .icon { position: relative; width: 30px; float: left }
.notify_bit .avatar { position: relative; width: 60px; float: left }
.notify_bit .avatar img { width: 50px; height: 50px }
.notify_bit .info { position: relative }
.notify_bit .info .main { position: relative; width: 640px;  color: #808080 }
.notify_bit .info .main .time { position: relative; float: right; color: #666; font-size: 12px; text-align: right   }
.notify_bit .info .user:link, .user:visited  { color: #333; text-decoration: none; font-weight: bold  }
.notify_bit .info .user:hover { color: darkorange  }
.notify_bit .info .content  { position: relative; color: #333;  }




.categories { margin: 0 0 0 -40px; list-style: none }
.categories li { line-height: 130%; margin: 0 0 1px 0 }
.categories li .catname { position: relative; width: 200px; padding: 2px 0; float: left }
.categories li .catname .category_link:link, .category_link:visited { color: #111; text-decoration: none }
.categories li .catname .category_link:hover { color: #ff0000; text-decoration: underline }
.categories li .catnewphoto { position: relative; width: 36px; padding: 2px; margin: 0 0 0 200px; text-align: right; background: #eee }

#back-top { opacity:0.8; position: fixed; bottom: 20px; right: 20px; margin-left: -150px; z-index: 100400 }
#back-top a { border-radius: 3px; width: 25px; display: block; text-align: center; font: 11px/100% Arial, Helvetica, sans-serif; text-transform: uppercase; text-decoration: none; color: #bbb;	-webkit-transition: 1s; -moz-transition: 1s; transition: 1s }
#back-top a:hover { color: #000 }
#back-top span { border-radius: 3px; width: 23px; height: 78px; display: block; margin-bottom: 3px; background: #999 url(../pics/up-arrow_g.png) no-repeat center center; -webkit-transition: 1s;-moz-transition: 1s; transition: 1s }
#back-top a:hover span { background-color: orange }