/*== MAIN STYLES ==*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline;}

:focus {outline:none;}

table {border-collapse: collapse; border-spacing: 0;}

input, select, textarea, button {border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px; margin: 0; vertical-align: baseline; font: 11px 'Open Sans'; color: #000;}

input[type=submit], input[type=reset], input[type=button], button {background: #fff; border: 1px solid #e7e7e7; height: 32px; line-height: 28px; padding: 0 16px 4px 16px; cursor: pointer;}
input[type=submit]:active, input[type=reset]:active, input[type=button]:active, button:active {background: #f3f3f3; box-shadow: inset 0 3px 3px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 3px 3px rgba(0, 0, 0, 0.05); -webkit-box-shadow: inset 0 3px 3px rgba(0, 0, 0, 0.05); -o-box-shadow: inset 0 3px 3px rgba(0, 0, 0, 0.05);}

input[type=text], input[type=password] {background: #fff; border: 1px solid #e7e7e7; height: 30px; line-height: 30px; padding: 0 10px; transition: 0.2s linear border; -webkit-transition: 0.2s linear border; -moz-transition: 0.2s linear border; -o-transition: 0.2s linear border; margin-bottom: 2px;}
input[type=text]:focus, input[type=password]:focus {border: 1px solid #d3d3d3;}

input.codeButtons, input.button {width: auto!important; padding-right: 16px; padding-left: 16px;}

select {border: 1px solid #e7e7e7; height: 32px; line-height: 32px; padding: 0 16px!important;}

textarea {background: #fff; border: 1px solid #e7e7e7; padding: 5px 10px; color: #000; resize: none; overflow: auto; transition: 0.2s linear border; -webkit-transition: 0.2s linear border; -moz-transition: 0.2s linear border; -o-transition: 0.2s linear border;}
textarea:focus {border: 1px solid #d3d3d3;}

a img, img {border: 0 none;}

ol, ul {list-style: none;}

p {margin: 10px 0;}

html, body {margin: 0; padding: 0; font: 8.5pt/17px 'Open Sans'; color: #000;}
html {background: url('/images/#') no-repeat center top #f0f0f0;}

a {color: #000; text-decoration: none;}
a:hover {color: #587692; text-decoration: underline;}

hr {height: 1px; border: 0 none; background: #ededed; color: transparent;}

h1, h2, h3, h4, h5, h6 {display: block; margin: 0; padding: 0; font-weight: normal;}
h1 {font: 12px 'Gotham Pro Medium';}
h2 {font-size: 11px;}
h3 {font-size: 10px;}
h4 {font-size: 9px;}
h5 {font-size: 8px;}
h6 {font-size: 7px;}

.left {float: left;}
.right {float: right;}
.hidden {overflow: hidden;}
.none, .chosen-search, .ucoz-editor-bbpanel, .ucoz-editor-htpanel {display: none!important;}
.clear {clear: both;}

.tr-o {transition: 0.5s linear opacity; -webkit-transition: 0.5s linear opacity; -moz-transition: 0.5s linear opacity; -o-transition: 0.5s linear opacity;}
.br-2, #simplemodalContainer {border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px;}
.br-50 {border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%;}
.sh-w {box-shadow: 0 0 5px rgba(0, 0, 0, 0.24); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.24); -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.24); -o-box-shadow: 0 0 5px rgba(0, 0, 0, 0.24);}

.no-access {background: #f3f3f3; box-shadow: inset 0 3px 3px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 3px 3px rgba(0, 0, 0, 0.05); -webkit-box-shadow: inset 0 3px 3px rgba(0, 0, 0, 0.05); -o-box-shadow: inset 0 3px 3px rgba(0, 0, 0, 0.05); line-height: 14px; padding: 10px 15px; font-size: 10px; color: #949494; text-align: center;}

.width-994 {width: 994px; margin: 0 auto;}

.top-fixed {width: 100%; overflow: hidden;}

#ascrail2000 {top: 8px!important;}

#bc7, #bc8, #bc9, #bc18, #bc12, #bc13, #bc14, #bc15, #bc16, #bc17, #bc4, #bc6, #hbc4, #hbc5, #hbc6 {}
#subscribe, #thread_search_form, .com-order-block, .catDescr {display: none;}

.admin, a.admin {color: #c59084;}
.verify, a.verify {color: #90bd72;}

.hint {padding: 18px 0; font-size: 10px; color: #949494; text-align: center;}
.hint.shadow {background: url('/images/all-title-shadow.png') no-repeat center top; border-top: 1px solid #f3f3f3;}
.hint.author {padding: 10px 0!important;}

a.all-load {display: block; background: #fff; border: 1px solid #e7e7e7; margin-top: 10px; padding: 0 15px; font: 11px/30px 'Gotham Pro Medium'; color: #000; text-decoration: none; text-align: center;}
a.all-load:active {background: #f3f3f3; box-shadow: inset 0px 3px 3px rgba(0, 0, 0, 0.03); -moz-box-shadow: inset 0px 3px 3px rgba(0, 0, 0, 0.03); -webkit-box-shadow: inset 0px 3px 3px rgba(0, 0, 0, 0.03);}

/* fixed styles */

#middle {background: url('/images/middle.png') repeat-y #fff; box-shadow: 0 2px 1px 0 rgba(0, 0, 0, 0.08); -moz-box-shadow: 0 2px 1px 0 rgba(0, 0, 0, 0.08); -webkit-box-shadow: 0 2px 1px 0 rgba(0, 0, 0, 0.08); width: 970px; margin: 0 auto; padding: 1px 12px 0 12px;}
#content {width: 685px; float: left;}
#sidebar {width: 260px; margin-left: 710px;}

/* ======= */

/*== HEADER ==*/

/* header top */

header .top {background: #282828; width: 100%; height: 50px;}

header .top .logotype {margin-left: 25px; float: left; margin-top: -3px;}
header .top .logotype a {font: 21px/55px 'Open Sans'; color: #a9a9a9; text-decoration: none;}
header .top .logotype a span {text-transform: uppercase; color: #729659;}

header .top ul.menu {margin-left: 25px; float: left;}
header .top ul.menu li {float: left; position: relative;}
header .top ul.menu li:before {content: ""; background: rgba(255, 255, 255, 0.03); width: 1px; height: 23px; position: absolute; top: 15px; left: 0;}
header .top ul.menu li a {display: block; font: 12px/50px 'Gotham Pro Medium'; color: #a9a9a9; margin: 0 25px;}
header .top ul.menu li a:hover {color: #d5d5d5;}

header .top .profile {margin-right: 25px; float: right;}

header .top .profile .avatar {padding: 13px 15px 20px 0; position: relative; cursor: default;}
header .top .profile .avatar img {border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; width: 25px; height: 25px; float: left;}
header .top .profile .avatar .no-avatar {border: 1px solid rgba(255, 255, 255, 0.07); width: 25px; height: 25px; font: 18px/29px 'Freestyle Script'; color: #a9a9a9; text-align: center;}
header .top .profile .avatar .no-avatar span {text-transform: uppercase; color: #729659;}

header .top .profile .avatar:hover .sub {left: -15px; opacity: 1; z-index: 2;}
header .top .profile .avatar .sub ul:before {content: ""; border-width: 0px 5px 4px 5px; border-style: solid; border-color: #fff transparent; position: absolute; top: -3px; left: 25px;}
header .top .profile .avatar .sub {background: #fff; width: 130px; padding: 0 12px; position: absolute; top: 58px; left: -9999px; opacity: 0;}
header .top .profile .avatar .sub ul li {border-bottom: 1px solid #ededed; padding-left: 10px;}
header .top .profile .avatar .sub ul li:last-child {border: 0 none;}
header .top .profile .avatar .sub ul li a {display: inline-block; font: 11px/32px 'Open Sans'; color: #555;}
header .top .profile .avatar .sub ul li a:hover {color: #597696;}

header .top .profile .name {background: url('/images/header_line.png') no-repeat right 12px; padding-right: 25px; float: left; position: relative;}
header .top .profile .name:before {content: ""; background: rgba(255, 255, 255, 0.03); width: 1px; height: 23px; position: absolute; top: 15px; right: 0;}
header .top .profile .name a, header .top .profile a {display: block; font: 12px/50px 'Gotham Pro Medium'; color: #a9a9a9;}
header .top .profile .name a:hover, header .top .profile a:hover {color: #d5d5d5;}
header .top .profile .name a span {font: 11px 'Open Sans';}

header .top .profile a.pm {display: block; margin-left: 22px; font: 11px/50px 'Open Sans'; color: #a9a9a9; float: left;}
header .top .profile a.pm i {margin-right: 10px;}

/* header bottom */

header .bottom {width: 994px; height: 10px; }

header .bottom .picture {background: url('/images/header-picture-bg.png') no-repeat; width: 288px; height: 171px; float: left;}
header .bottom .picture img {margin: 10px 34px 24px;}

header .bottom .information {margin-left: 325px;}

header .bottom .information .description {line-height: 18px;}
header .bottom .information .description h1 {margin-bottom: 10px;}

header .bottom .information .search-icon {background: #fff; border-radius: 2px 0 0 2px; -moz-border-radius: 2px 0 0 2px; -webkit-border-radius: 2px 0 0 2px; -o-border-radius: 2px 0 0 2px; width: 42px; height: 34px; line-height: 31px; margin-top: 18px; text-align: center; float: left;}
header .bottom .information .search-icon i {font-size: 10px;}

header .bottom .information input.query-field {background: #fff; border: 0 none!important; border-radius: 0 2px 2px 0; -moz-border-radius: 0 2px 2px 0; -webkit-border-radius: 0 2px 2px 0; -o-border-radius: 0 2px 2px 0; width: 250px!important; height: 34px; line-height: 34px; margin-top: 18px; padding: 0!important; float: left;}
header .bottom .information input.query-search {border: 0 none; height: 34px; line-height: 31px; margin: 18px 0 0 6px; padding: 0 16px 1px 16px; float: left;}

header .bottom .chat-button {background: #72a2bd; margin-top: 18px; float: right; position: relative;}
header .bottom .chat-button a {display: block; height: 34px; line-height: 34px; padding: 0 16px; color: #fff; text-decoration: none;}
header .bottom .chat-button a.active {box-shadow: inset 0 3px 3px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 3px 3px rgba(0, 0, 0, 0.05); -webkit-box-shadow: inset 0 3px 3px rgba(0, 0, 0, 0.05); -o-box-shadow: inset 0 3px 3px rgba(0, 0, 0, 0.05);}

header .bottom .chat {display: none; background: #fff; width: 250px; padding: 0 12px; position: absolute; top: 42px; right: 0; z-index: 1;}
header .bottom .chat:before {content: ""; border-width: 0 5px 4px 5px; border-style: solid; border-color: #fff transparent; position: absolute; top: -3px; right: 17px;}

header .bottom .chat #MCaddFrm {padding: 4px 0 0 0!important; position: relative;}

header .bottom .chat .shadow {background: url('/images/chat-form-shadow.png') no-repeat; width: 250px; height: 24px; position: absolute; top: -28px; left: 0;}

header .bottom .chat .error {line-height: 14px; margin-bottom: 10px; font-size: 10px; color: #949494; text-align: center;}

header .bottom .chat .secure {margin-bottom: 8px;}
header .bottom .chat .secure img {float: left;}
header .bottom .chat .secure #secuCodeMc3 {height: 33px; padding: 0 10px!important; font-size: 11px!important;}

header .bottom .chat .hint {line-height: 14px; padding: 0 0 2px 0;}
header .bottom .chat .hint p {margin: 6px 0;}
header .bottom .chat .hint p a {display: inline-block; height: auto; line-height: 16px; padding: 0; color: #555;}
header .bottom .chat .hint p a:hover {color: #587692; text-decoration: underline;}

/* chat-short */

.chat-short {border-bottom: 1px solid #ededed; margin-right: 12px; padding: 8px 0 10px 0;}

.chat-short .avatar {margin-top: 3px;}
.chat-short .avatar a {text-decoration: none;}
.chat-short .avatar img {border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; width: 32px; height: 32px; float: left;}
.chat-short .avatar .no-avatar {border: 1px solid #ededed; width: 32px; height: 32px; font: 20px/36px 'Freestyle Script'; color: #a9a9a9; text-align: center;}
.chat-short .avatar .no-avatar span {text-transform: uppercase; color: #729659;}

.chat-short .message {margin-left: 49px;}

.chat-short .message .top {line-height: 18px; margin-bottom: 4px;}

.chat-short .message .top a {display: block; font: 11px/18px 'Gotham Pro Medium'; float: left;}

.chat-short .message .top span {display: block; font-size: 10px; color: #949494; float: right;}

.chat-short .message .text b {color: #587692;}

/* chat-form */

.chat-form {border: 1px solid #e7e7e7; width: 248px; height: 56px;}

.chat-form textarea.textarea {width: 190px!important; height: 46px!important; border:0 !important; float: left;}

.chat-form ul.buttons {border-left: 1px solid #e7e7e7; float: right;}
.chat-form ul.buttons li:first-child {position: relative;}
.chat-form ul.buttons li:first-child a {height: 27px; line-height: 27px; border-bottom: 1px solid #e7e7e7;}
.chat-form ul.buttons li:last-child a {height: 28px; line-height: 25px;}
.chat-form ul.buttons li a {display: block; width: 37px; padding: 0; color: #555; text-align: center;}
.chat-form ul.buttons li a:active, .chat-form ul.buttons li a.active {background: #f3f3f3; box-shadow: inset 0 3px 3px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 3px 3px rgba(0, 0, 0, 0.05); -webkit-box-shadow: inset 0 3px 3px rgba(0, 0, 0, 0.05); -o-box-shadow: inset 0 3px 3px rgba(0, 0, 0, 0.05);}
.chat-form ul.buttons li a i {font-size: 12px;}
.chat-form ul.buttons li button {border: 0 none; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -o-border-radius: 0; width: 37px; height: 28px; padding: 0 0 2px 0;}

.chat-form .smiles {display: none; background: #fff; width: 224px; padding: 8px 12px; position: absolute; top: -42px; right: 0;}
.chat-form .smiles a {border: 0 none!important; width: 32px!important; height: 18px!important; line-height: 18px!important; float: left;}
.chat-form .smiles a:hover img {opacity: 0.5;}
.chat-form .smiles a:active {background: transparent!important; box-shadow: none!important;}

/* ======= */

/*== CONTENT ==*/

/* all-title */

.all-title {line-height: 36px; border-bottom: 1px solid #f3f3f3; padding-right: 15px; position: relative;}

.all-title .left {font: 12px/36px 'Gotham Pro Medium';}
.all-title .left i {width: 34px; font-size: 9px; vertical-align: 1px; text-align: center;}

.all-title span {font-size: 10px; color: #949494; float: right;}

.all-title .shadow {background: url('/images/all-title-shadow.png') no-repeat; width: 685px; height: 15px; position: absolute; top: 37px; right: 0;}

/* load-short */

.load-short {border-bottom: 1px solid #ededed; padding: 10px 0; position: relative;}

.load-short .poster {width: 179px; height: 117px; float: left; position: relative;}
.load-short .poster img {width: 179px; height: 117px; float: left;}
.load-short .poster .shadow {box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.09); -moz-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.09); -webkit-box-shadow: inset 0 0 5px rgba(0,0, 0, 0.09); -o-box-shadow: inset 0 0 5px rgba(0,0, 0, 0.09); width: 179px; height: 117px; position: absolute; top: 0; right: 0;}
.load-short .poster .zoom {background: url('/images/zoom.png') no-repeat 25px 32px rgba(255, 255, 255, 0.7); width: 179px; height: 117px; position: absolute; top: 0; right: 0; opacity: 0;}
.load-short .poster:hover .zoom {opacity: 1;}

.load-short .content {margin: 0 15px 0 195px;}

.load-short .title {line-height: 18px; overflow: hidden;}
.load-short .title a {display: block; font: 11px/18px 'Gotham Pro Medium'; float: left;}
.load-short .title span {font-size: 10px; color: #949494; float: right;}

.load-short .information {font: 10px/28px 'Open Sans';}

.load-short .information span {margin-left: 10px;}
.load-short .information span i {margin-right: 8px;}

.load-short .information span.update {color: #90bd72;}
.load-short .information span.delete {color: #c59084;}

.load-short:hover .details {opacity: 1;}
.load-short .details {background: #fff; border-radius: 2px 0 0 2px; -moz-border-radius: 2px 0 0 2px; -webkit-border-radius: 2px 0 0 2px; -o-border-radius: 2px 0 0 2px; width: 38px; text-align:center; position: absolute; top: 10px; left: -51px; opacity: 0;}
.load-short .details ul li {border-bottom: 1px solid #ededed; height: 44px; line-height: 10px; padding: 0 6px;}
.load-short .details ul li:last-child {border: 0 none;}
.load-short .details ul li i {display: block; height: 24px; line-height: 25px;}

.load-short .details .rating-1, .rating-2, .rating-3, .rating-4 {border-radius: 0 0 0 2px; -moz-border-radius: 0 0 0 2px; -webkit-border-radius: 0 0 0 2px; -o-border-radius: 0 0 0 2px; line-height: 29px; color: #fff; text-align: center;}
.load-short .details .rating-1 {background: #ac7361;}
.load-short .details .rating-2 {background: #b69b5b;}
.load-short .details .rating-3 {background: #c8c95b;}
.load-short .details .rating-4 {background: #90bd72;}

/* short-load-full */

.load-short-full .poster-mask .poster {animation: slide 25s infinite linear; -moz-animation: slide 25s infinite linear; -webkit-animation: slide 25s infinite linear; -o-animation: slide 25s infinite linear; -ms-animation: slide 25s infinite linear; width: 685px; height: 516px; margin-top: 10px; position: relative; overflow: hidden;}
.load-short-full .poster-mask .poster .shadow {box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.09); -moz-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.09); -webkit-box-shadow: inset 0 0 5px rgba(0,0, 0, 0.09); -o-box-shadow: inset 0 0 5px rgba(0,0, 0, 0.09); width: 685px; height: 516px; position: absolute; top: 0; right: 0;}
.load-short-full .poster-mask .poster img {transition: all 0.2s linear; -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; width: 685px;}
.load-short-full .poster-mask:hover .poster {animation-play-state: paused; -moz-animation-play-state: paused; -webkit-animation-play-state: paused; -moz-animation-play-state: paused; -ms-animation-play-state: paused; -o-animation-play-state: paused;}
.load-short-full .poster-mask:hover .poster img {transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1);}

.load-short-full .message {line-height: 20px; padding: 10px 15px 18px;}

.load-short-full .message a {color: #587692; text-decoration: underline;}
.load-short-full .message a:hover {text-decoration: none;}

.load-short-full .message .title {margin-bottom: 8px; font: 11px 'Gotham Pro Medium';}

.load-short-full .message ul {border-left: 2px solid #ededed; margin: 20px 8px; padding-left: 20px;}

.load-short-full .message .search-hash {border: 0 none; line-height: 11px; padding: 20px 0 0 0; color: transparent;}
.load-short-full .message .search-hash a {margin: 0; padding-right: 12px; color: #000; text-decoration: none;}
.load-short-full .message .search-hash a:hover {color: #587692; text-decoration: underline;}

.load-short-full .rating-social {background: url('/images/rating-social-bg.png'); border-top: 1px solid #f3f3f3; border-bottom: 1px solid #f3f3f3; padding: 20px 34px 20px 25px; overflow: hidden; position: relative;}

.load-short-full .rating-social .shadow-top {background: url('/images/rating-social-shadow-top.png') no-repeat; width: 685px; height: 15px; position: absolute; top: 0; right: 0;}
.load-short-full .rating-social .shadow-bottom {background: url('/images/rating-social-shadow-bottom.png') no-repeat; width: 685px; height: 15px; position: absolute; bottom: 0; right: 0;}

.load-short-full .rating-social .rating {height: 32px; line-height: 32px;}

.load-short-full .rating-social .rating .text {font: 12px/18px 'Gotham Pro Medium';}
.load-short-full .rating-social .rating .text span {display: block; color: #949494; font: 10px 'Open Sans';}

.load-short-full .rating-social .rating .value {margin: 0 30px; font-size: 33px;}

.load-short-full .rating-social .rating .star {margin-top: 8px;}

.load-short-full .social {margin-top: 3px;}

/* comment-short */

.comment-short {border-bottom: 1px solid #ededed; padding: 10px 15px;}

.comment-short .avatar {margin-top: 6px;}
.comment-short .avatar img {border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; width: 59px; height: 59px; float: left;}
.comment-short .avatar .no-avatar {border: 1px solid #ededed; width: 59px; height: 59px; font: 35px/64px 'Freestyle Script'; color: #a9a9a9; text-align: center; cursor: default;}
.comment-short .avatar .no-avatar span {text-transform: uppercase; color: #729659;}

.comment-short .content {margin-left: 90px;}

.comment-short .content .top {line-height: 18px; margin-bottom: 4px;}
.comment-short .content .top a {display: block; font: 11px/18px 'Gotham Pro Medium'; float: left;}
.comment-short .content .top span {display: block; font-size: 10px; color: #949494; float: right;}

.comment-short .content .message a {background: url('/images/message-url.png') no-repeat left; padding-left: 17px; margin-left: 7px;}

.comment-short .content .bottom {height: 24px; line-height: 24px; margin-top: 10px;}

.comment-short .content .bottom .like i {margin-right: 5px; color: #555; opacity: 0.3;}
.comment-short .content .bottom .like i:hover {opacity: 1;}

.comment-answer {opacity: 0;}
.comment-short:hover .comment-answer {opacity: 1;}

/* moder */

.comment-short:hover .moder {opacity: 1;}
.moder {border: 1px solid #e7e7e7; width: 30px; height: 22px; margin-right: 25px; position: relative; opacity: 0;}
.moder a {display: block; line-height: 22px; color: #000; text-align: center;}
.moder a:active, .moder a.active {background: #f3f3f3; box-shadow: inset 0 3px 3px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 3px 3px rgba(0, 0, 0, 0.05); -webkit-box-shadow: inset 0 3px 3px rgba(0, 0, 0, 0.05); -o-box-shadow: inset 0 3px 3px rgba(0, 0, 0, 0.05);}

.moder .sub {display: none; width: 67px; height: 22px; position: absolute; top: 0; right: 38px;}
.moder .sub a {width: 33px; float: left;}
.moder .sub a:active {background: #fff; box-shadow: inset 0 3px 3px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 3px 3px rgba(0, 0, 0, 0.05); -webkit-box-shadow: inset 0 3px 3px rgba(0, 0, 0, 0.05); -o-box-shadow: inset 0 3px 3px rgba(0, 0, 0, 0.05);}
.moder .sub a:nth-of-type(1) {border-right: 1px solid #ededed;}
.moder .sub a i {vertical-align: 1px;}

/* comment-form */

.comment-form .commError span {display: block; height: 24px; line-height: 32px; font-size: 10px;}
.comment-form .commError .myWinError {color: #c59084;}
.comment-form .commError .myWinSuccess {color: #90bd72;}

.comment-form textarea.textarea {width: 663px; height: 45px; margin-top: 10px; }

.comment-form .bottom {margin: 4px 0 12px 0;}

.comment-form .bottom .left a {display: block; background: #fff; border: 1px solid #e7e7e7; line-height: 30px; padding: 0 16px; color: #000; text-decoration: none; float: left;}
.comment-form .bottom .left a:nth-of-type(1) {border-right: 0 none; }
.comment-form .bottom .left a:active {background: #f3f3f3; box-shadow: inset 0 3px 3px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 3px 3px rgba(0, 0, 0, 0.05); -webkit-box-shadow: inset 0 3px 3px rgba(0, 0, 0, 0.05); -o-box-shadow: inset 0 3px 3px rgba(0, 0, 0, 0.05);}

.comment-form .bottom .right .button i {margin-right: 12px;}

/* new-comments-short */

.new-comments {position: relative;}
.new-comments:before {content: ""; background: #ededed; width: 1px; height: 215px; position: absolute; top: 12px; left: 342px;}

.new-comments .new-comment-short {border-bottom: 1px solid #ededed; width: 330px; padding: 10px 0; float: left;}
.new-comments .new-comment-short:nth-of-type(even) {float: right;}
.new-comments .new-comment-short:nth-of-type(5), .new-comments .new-comment-short:nth-of-type(6) {border: 0 none;}

.new-comments .new-comment-short .avatar {margin-top: 8px;}
.new-comments .new-comment-short .avatar img {border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; width: 43px; height: 43px; float: left;}
.new-comments .new-comment-short .avatar .no-avatar {border: 1px solid #ededed; width: 43px; height: 43px; font: 24px/47px 'Freestyle Script'; color: #a9a9a9; text-align: center; cursor: default;}
.new-comments .new-comment-short .avatar .no-avatar span {text-transform: uppercase; color: #729659;}

.new-comments .new-comment-short .message {height: 59px; margin: 0 15px 0 58px; overflow: hidden;}
.new-comments .new-comment-short .message a {background: url('/images/message-url.png') no-repeat left; padding-left: 17px; margin-left: 7px;}

.new-comments .new-comment-short .message .top {line-height: 18px; margin-bottom: 4px;}
.new-comments .new-comment-short .message .top a {display: block; background: none; margin: 0; padding: 0; font: 11px/18px 'Gotham Pro Medium'; float: left;}
.new-comments .new-comment-short .message .top span {display: block; font-size: 10px; color: #949494; float: right;}

/* selector */

.selector {height: 29px; line-height: 29px; margin: 10px 0; text-align:center;}
.selector a {text-decoration: none;}

.selector .swchItem, .selector .swchItemA {border: 1px solid #e7e7e7; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px; margin: 0 4px; padding: 5px 12px;}
.selector .swchItemA, .selector .swchItem:active {background: #f3f3f3; box-shadow: inset 0 3px 3px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 3px 3px rgba(0, 0, 0, 0.05); -webkit-box-shadow: inset 0 3px 3px rgba(0, 0, 0, 0.05); -o-box-shadow: inset 0 3px 3px rgba(0, 0, 0, 0.05); font-weight: normal;}

/* ======= */

/*== SIDEBAR ==*/

/* box */

.box .title {border-bottom: 1px solid #f3f3f3; font: 12px/36px 'Gotham Pro Medium';}
.box .title i {width: 34px; font-size: 9px; vertical-align: 1px; text-align: center;}

.box .content {background: url('/images/box-content-shadow.png') no-repeat center top; overflow: hidden;}

/* about-load */

.about-load .author {padding: 10px 15px;}

.about-load .author .avatar {margin-top: 2px;}
.about-load .author .avatar img {border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; width: 30px; height: 30px; float: left;}
.about-load .author .avatar .no-avatar {border: 1px solid #ededed; width: 30px; height: 30px; font: 22px/34px 'Freestyle Script'; color: #a9a9a9; text-align: center; cursor: default;}
.about-load .author .avatar .no-avatar span {text-transform: uppercase; color: #729659;}

.about-load .author ul.user {margin-left: 15px;}
.about-load .author ul.user li:last-child {font-size: 10px;}
.about-load .author ul.user li a {font: 11px 'Gotham Pro Medium';}

.about-load .activity {border: 1px solid #e7e7e7; margin-top: 5px; position: relative;}
.about-load .activity a {display: block; height: 22px; line-height: 22px; padding: 0 10px; color: #000;}
.about-load .activity a:active, .about-load .activity a.active {background: #f3f3f3; box-shadow: inset 0 3px 3px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 3px 3px rgba(0, 0, 0, 0.05); -webkit-box-shadow: inset 0 3px 3px rgba(0, 0, 0, 0.05); -o-box-shadow: inset 0 3px 3px rgba(0, 0, 0, 0.05);}

.about-load .activity .sub {display: none; background: #fff; width: 130px; padding: 0 12px; position: absolute; top: 31px; right: 0;}
.about-load .activity .sub ul li {overflow: hidden;}
.about-load .activity .sub ul li:first-child {border-bottom: 1px solid #ededed;}
.about-load .activity .sub ul li a {display: block; height: 32px; line-height: 32px; float: left;}
.about-load .activity .sub ul li a:hover {color: #587692;}
.about-load .activity .sub ul li a:active {background: transparent!important; box-shadow: none!important;}
.about-load .activity .sub ul li span {display: block; line-height: 32px; margin-right: 10px; font-size: 10px; color: #949494; float: right;}

.about-load ul.information li {border-top: 1px solid #ededed; line-height: 36px; padding: 0 15px; overflow: hidden;}
.about-load ul.information li span.left, .about-load ul.information li span.right {display: block;}
.about-load ul.information li span.right {font-size: 10px; color: #949494;}

.about-load a.download {display: block; background: #90bd72; padding: 10px 15px 13px; color: #fff;}
.about-load a.download:active {box-shadow: inset 0 3px 3px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 3px 3px rgba(0, 0, 0, 0.05); -webkit-box-shadow: inset 0 3px 3px rgba(0, 0, 0, 0.05); -o-box-shadow: inset 0 3px 3px rgba(0, 0, 0, 0.05);}

.about-load a.download ul li:first-child {font: 11px/20px 'Gotham Pro Medium';}
.about-load a.download ul li:last-child {font-size: 10px; opacity: 0.7;}

.about-load a.download .right {line-height: 15px; margin-top: 4px; text-align: right;}
.about-load a.download .right span {display: block; font-size: 10px;}

.about-load .status {border-bottom: 1px solid #ededed; line-height: 32px; font-size: 10px; text-align: center; position: relative;}
.about-load .status:before {content: ""; border-width: 4px 5px 0 5px; border-style: solid; border-color: #90bd72 transparent; position: absolute; top: 0; right: 50%;}
.about-load .status.login:before {border-color: #f3f3f3 transparent!important;}

.about-load .status span i {margin-right: 8px;}

.about-load .status span.update {color: #90bd72;}
.about-load .status span.delete {color: #c59084;}

/* categories */

ul.categories li {background: url('/images/point.png') no-repeat 16px 16px; border-bottom: 1px solid #ededed; line-height: 36px; padding-left: 34px; overflow: hidden;}
ul.categories li span {display: block; padding-right: 15px; font-size: 10px; color: #949494;}

/* popular-short */

.popular-short {border-bottom: 1px solid #ededed; padding: 12px 15px; color: #949494; font-size: 10px;}
.popular-short ul li {line-height: 17px;}
.popular-short ul li a {font: 11px 'Gotham Pro Medium';}
.popular-short .reads {line-height: 15px; margin-top: 2px; text-align: right;}
.popular-short .reads span {display: block; font-size: 11px;}

/* poll */

.poll .answers {padding: 8px 15px 12px 15px;}
.poll .answer {line-height: 22px;} 
.poll .procent {font-size: 10px; color: #949494; float: right;}

.poll .progress {border: 1px solid #ededed; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px; height: 9px; margin-bottom: 5px; padding: 0!important; position: relative;} 
.poll .progress div {border: 0 none!important; height: 11px!important; position: absolute!important; top: 2px; left: -1px;}

.poll .progress0 {background: url('/images/poll.png') repeat-x #9c8b7b!important;} 
.poll .progress1 {background: url('/images/poll.png') repeat-x #7ea184!important;} 
.poll .progress2 {background: url('/images/poll.png') repeat-x #7ea19f!important;} 
.poll .progress3 {background: url('/images/poll.png') repeat-x #7e7fa1!important;} 
.poll .progress4 {background: url('/images/poll.png') repeat-x #729659!important;} 
.poll .progress5 {background: url('/images/poll.png') repeat-x #729659!important;} 

.poll .hidden {border-bottom: 1px solid #ededed; padding: 0 15px 15px 15px;}
.poll .hidden a {display: block; background: #fff; border:1px solid #e7e7e7; line-height: 30px; padding: 0 16px; color: #000; text-decoration: none;}
.poll .hidden a:active {background: #f3f3f3; box-shadow: inset 0px 3px 3px rgba(0, 0, 0, 0.03); -moz-box-shadow: inset 0px 3px 3px rgba(0, 0, 0, 0.03); -webkit-box-shadow: inset 0px 3px 3px rgba(0, 0, 0, 0.03);}

/* ======= */

/*== FOOTER ==*/

/* footer */

footer {width: 100%; height: 80px; padding: 24px 0;}

footer .width-994 {position: relative;}

footer .text {margin-left: 25px; float: left;}

footer .text .top span {font: 12px/18px 'Gotham Pro Medium';}

footer .text .middle {font: 10px/28px 'Open Sans'; color: #949494;}
footer .text .middle a {color: #949494;}

footer .menu {margin: 0 25px 0 33px; float: right;}
footer .menu .title {font: 12px/27px 'Gotham Pro Medium';}
footer .menu .title i {width: 22px; font-size: 10px;}
footer .menu ul li {background: url('/images/point.png') no-repeat 3px 11px; line-height: 26px; padding-left: 23px;}

/* button-up */

.button-up {background: #e7e7e7; border-radius: 0 2px 2px 0; -moz-border-radius: 0 2px 2px 0; -webkit-border-radius: 0 2px 2px 0; -o-border-radius: 0 2px 2px 0; width: 38px; height: 40px; line-height: 40px; color: #949494; text-align: center; position: absolute; right: -38px; bottom: 171px; cursor: pointer;}
.button-up:active {box-shadow: inset 0 3px 3px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 3px 3px rgba(0, 0, 0, 0.05); -webkit-box-shadow: inset 0 3px 3px rgba(0, 0, 0, 0.05); -o-box-shadow: inset 0 3px 3px rgba(0, 0, 0, 0.05);}

/* button-online */

.button-online {background: #90bd72; border-radius: 0 2px 2px 0; -moz-border-radius: 0 2px 2px 0; -webkit-border-radius: 0 2px 2px 0; -o-border-radius: 0 2px 2px 0; width: 38px; text-align: center; position: absolute; top: -79px; right: -38px;}
.button-online a {display: block; padding: 9px 0 6px 0; color: #fff; text-decoration: none;}
.button-online a:active, .button-online a.active {box-shadow: inset 0 3px 3px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 3px 3px rgba(0, 0, 0, 0.05); -webkit-box-shadow: inset 0 3px 3px rgba(0, 0, 0, 0.05); -o-box-shadow: inset 0 3px 3px rgba(0, 0, 0, 0.05);}
.button-online a i {display: block; margin-bottom: 2px;}

/* counter */

.counter {display: none; background: #fff; width: 210px; padding: 0 12px; text-align: left; position: absolute; right: 46px; bottom: 0;}
.counter .title {border-bottom: 1px solid #f3f3f3; font: 12px/36px 'Gotham Pro Medium';}
.counter .title i {width: 34px; text-align: center;}

.counter #useridonlines {background: url('/images/useridonlines-shadow-top.png') no-repeat center top, url('/images/useridonlines-shadow-bottom.png') no-repeat center bottom; max-height: 163px;}

.counter .counters {padding: 10px 0;}
.counter .counters a {display: inline-block; padding: 0; float: left;}
.counter .counters a img {float: left;}
.counter .counters .right {width: 122px; line-height: 14px; font-size: 10px; color: #949494; text-align: center;}
.counter .counters .right .tOnline {display: none;}

/* online-user */

.online-user {border-bottom: 1px solid #ededed; padding: 10px 0;}

.online-user .avatar {margin-top: 2px;}
.online-user .avatar img {border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; width: 30px; height: 30px; float: left;}

.online-user ul {margin-left: 15px; float: left;}
.online-user ul li {font-size: 10px;}
.online-user ul li a {display: inline-block; padding: 0; font: 11px 'Gotham Pro Medium'; color: #000;}
.online-user ul li a:hover {color: #587692; text-decoration: underline;}

.online-user ul li.group-1 {color:#949494;}
.online-user ul li.group-2 {color:#949494;}
.online-user ul li.group-4 {color:#c59084;}
.online-user ul li.group-251 {color:#c59084;}
.online-user ul li.group-255 {color:#c59084;}

.online-user .message {border: 1px solid #e7e7e7; width: 32px; height: 24px; margin-top: 4px; text-align: center; float: right;}
.online-user .message a {width: 32px; height: 24px; padding: 0; color: #000;}
.online-user .message a:active {background: #f3f3f3; box-shadow: inset 0 3px 3px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 3px 3px rgba(0, 0, 0, 0.05); -webkit-box-shadow: inset 0 3px 3px rgba(0, 0, 0, 0.05); -o-box-shadow: inset 0 3px 3px rgba(0, 0, 0, 0.05);}
.online-user .message a i {line-height: 23px; margin: 0;}

/* ======= */

/* login modal */
#simplemodalContainer {background: #fff; width: 481px; padding: 0 12px;} 
#simplemodal-overlay {background: #282828; cursor: wait;} 
#simplemodalContainer a.modalCloseImg {width: 8px; height: 8px; position: absolute; top: 9px; right: 17px; z-index: 3200;} 
#loginModalContent .title {border-bottom: 1px solid #e8e8e8; font: 12px/34px 'Gotham Pro Medium';}
#loginModalContent .title i {margin: 0 8px 0 13px;}
#simplemodalContainer .fa {font-size: 13px; color: #555;}
#loginModalContent .login-form {width: 224px; margin: 5px 16px 11px 16px; float: left;}
#loginModalContent .login-form .overflow {overflow: hidden;}
#loginModalContent .login-form .input-style {background: #fff; border: 1px solid #e8e8e8; height: 28px; box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.06); margin-bottom: 6px}
#loginModalContent .login-form .input-style i {margin: 9px 13px 9px 16px;}
#loginModalContent .login-form input[type=text], #loginModalContent .login-form input[type=password] {background: transparent; border: 0 none; height: 28px; box-shadow: none; padding: 0;}
#loginModalContent .login-form input[type=checkbox] {background: url('/images/login-checkbox.png') no-repeat 9px 9px #fff; border: 1px solid #e7e7e7; width: 30px; height: 30px; -moz-appearance: none; -webkit-appearance: none; -o-appearance: none;}
#loginModalContent .login-form input[type=checkbox]:active, #loginModalContent .login-form input[type=checkbox]:checked {background: url('/images/login-checkbox.png') no-repeat 9px 9px #f3f3f3; box-shadow: inset 0px 3px 3px rgba(0, 0, 0, 0.03);}
#loginModalContent .login-form .login-input {width: 184px!important;}
#loginModalContent .login-form .password-input {width: 148px!important;}
#loginModalContent .login-form a.reminder {display: block; background: #d79185; line-height: 27px; padding: 0 16px; color: #fff; float: left;}
#loginModalContent .login-form input.login-site {background: #fff; border: 1px solid #e7e7e7; line-height: 25px; padding: 0 16px; float: right;}
#loginModalContent .information {border-left: 1px solid #ededed; height: 109px; line-height: 16px; margin: 6px 0 0 256px; padding: 0 9px 0 16px; text-align: left; color: #949494; }
#loginModalContent .information span {display: block; font: 11px/22px 'Gotham Pro Medium'; color: #555;}
#loginModalContent .information a {display: block; background: #90bd72; line-height: 27px; margin-top: 7px; text-align: center; color: #fff;}

.top-reads {width:175px;padding:0 12px!important;border-right:1px solid #e7e7e7;overflow:hidden;float:left;}
.top-reads .title {font:11px 'Gotham Pro';height:17px;}
.top-reads .det {float:left;color:#949494;font:10px Tahoma;}
.top-reads .det span {line-height:14px;display:block;}
.top-reads .rating1, .rating2, .rating3, .rating4, .rating5 {width:52px;height:21px;border:1px solid;line-height:22px;margin-top:5px;text-align:center;font-weight:bold;float:right;}
.top-reads .rating1 i, .rating2 i, .rating3 i, .rating4 i, .rating5 i {margin:5px 0 0 10px;}
.top-reads .rating1 {color:#;border-color:#;}
.top-reads .rating2 {color:#ac7361;border-color:#d8bdb4;}
.top-reads .rating3 {color:#;border-color:#;}
.top-reads .rating4 {color:#a5a659;border-color:#d2d2ac;}
.top-reads .rating5 {color:#90bd72;border-color:#c7deb8;}

/* category */

.category {}
.category-title {height:32px;font:12px 'Gotham Pro';line-height:32px;border-bottom:1px solid #e7e7e7;}
.category-title i {width:34px;text-align:center;}
.category-body {overflow:hidden;border-bottom:1px solid #e7e7e7;padding:12px 0;}
.category-body .top-reads {width:205px;}
.category-body .top-reads:nth-of-type(3) {border-right:0;}

.newn {width: 18px; height: 18px; background-color: #587692; position: absolute; font: 11px/18px "Gotham Pro Medium"; color: #fff; border-radius: 100px; text-align:center; margin-left: 189px; margin-top: 10px; z-index: 12;}


/* hide adminbar */

#puzadpn {display:none}
.headerimgtop {background: url('/images/topimg.png') no-repeat scroll center center / cover; width: 100%; height: 74px;}

/* download page */

.titleo {text-align: center; margin-top: 20px;}
.infr span {font-weight: bold; line-height:22px;}

.imgs {background: url('/no-img.jpg') no-repeat scroll right; width:650px; height: 150px;}
.imgs img {width: 200px; height: 150px; margin-right: 5px; margin-top: 5px; border-radius: 2px;}


.signup_form {
 background: rgba(0, 0, 0, 0) url("../images/signup_form.png") no-repeat scroll 0 0;
 height: 66px;
 margin: -10px 0 20px -3px;
 padding: 33px 0 0 34px;
 position: relative;
 width: 497px;