html {
    background: #3A284E top center no-repeat;
    margin: 0;
    padding: 0 0 20px;
}

body {
    color: white;
    font: 12px Verdana;
    margin: 10px auto 0;
    padding: 0;
    width: 960px;
}

h1, h2, h3 {
    font-weight: normal;
    margin: 0;
    padding: 0;
}

hr {
    margin: 10px 0;
}

img {
    border: none;
}

form {
    margin: 0;
    padding: 0;
}

table {
    border: none;
    margin: 0;
}

dl, dt, dd, ul, ol, li {
    list-style: none;
    margin: 0;
    padding: 0;
}

header, nav, section, article, footer {
    display: block;
    margin: 0;
}

.clip {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.wrapper.outer {
    background: #170923;
    padding: 13px 9px;
}

.wrapper.inner {
    background: #251434 url(/img/sidebar.jpg) top right repeat-y;
    border: 1px solid #907996;
    overflow: hidden;
}

#pattern-bottom {
    background: url(/img/patterns-lines.jpg) center -34px no-repeat;
    height: 15px;
}

#loading {
    _background: #251434;
    background: rgba(37, 20, 52, 0.8);
    border: 2px solid #907996;
    border-top: 0;
    display: none;
    font-weight: bold;
    left: 50%;
    margin-left: -75px;
    padding: 3px 0;
    position: fixed;
    text-align: center;
    top: 0;
    width: 150px;
    z-index: 100;
}

#overlay {
    background: rgba(0, 0, 0, 0);
    bottom: 0;
    display: none;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 6000;
}

#scroll-top {
    background: rgba(0, 0, 0, 0);
    bottom: 0;
    cursor: pointer;
    display: none;
    left: 0;
    padding: 10px 0;
    position: fixed;
    text-align: center;
    top: 0;
    width: 30px;

    transition: background 0.2s;
    -webkit-transition: background 0.2s;
}

#scroll-top:hover {
    background: rgba(0, 0, 0, 0.3);
}

#js-settings {
    display: none;
}
.wrapper.outer form {
    width: 100%;
}

.wrapper.outer label {
    cursor: pointer;
}

.wrapper.outer input[type="text"],
.wrapper.outer input[type="password"],
.wrapper.outer input[type="submit"],
.wrapper.outer input[type="button"],
.wrapper.outer textarea,
.wrapper.outer select {
    color: white;
    border: 1px solid black;
    background: #170923;
}

.wrapper.outer textarea {
    padding: 3px;
}

.wrapper.outer input[type="button"],
.wrapper.outer input[type="submit"] {
    cursor: pointer;
    padding: 2px 10px;
}

.wrapper.outer input[type="button"]:hover,
.wrapper.outer input[type="submit"]:hover {
    background: #251434;
}

.wrapper.outer input:focus {
    outline: none;
}

.wrapper.outer input[type="text"],
.wrapper.outer input[type="password"] {
    padding: 2px 1px 2px 4px;
}

.wrapper.outer input[type="text"]:focus,
.wrapper.outer input[type="password"]:focus {
    outline: 1px solid #907996;
}

.wrapper.outer textarea:focus {
    outline: 2px solid #907996;
}

.wrapper.outer select {
    cursor: pointer;
    padding: 2px 4px;
}

.wrapper.outer select option {
    background: #170923;
}
#growl {
    bottom: 15px;
    margin: 0;
    padding: 0;
    position: fixed;
    right: 15px;
    width: 400px;
}

#growl li {
    background-color: rgba(0, 0, 0, 0.85);
    border-radius: 5px;
    cursor: pointer;
    height: 0;
    list-style: none;
    margin: 0 0 0 50px;
    opacity: 0;
    overflow: hidden;
    padding: 0 15px;

    transition: all 0.2s;
    -webkit-transition: all 0.2s;
}

#growl li:hover {
    background-color: black;
    box-shadow: 0 0 3px rgba(255, 255, 255, 0.5);
}

#growl li h5 {
    font-size: 13px;
    margin: 0 0 10px;
    padding: 0;
}

#growl li > img {
    float: left;
}

#growl li > div {
    line-height: 150%;
    margin-left: 115px;
    max-height: 100px;
    overflow: hidden;
}
#jplayer {
    margin: 0 auto;
}

.jp-gui {
    background: #3A284E;
    margin: 0 auto 20px;
    width: 480px;
}

.jp-gui table {
    border-bottom: 2px solid black;
    border-top: 2px solid black;
    width: 100%;
}

.jp-gui .jp-progress {
    background: url(/img/player/progressbar.png) 0 0 repeat-x;
    border-radius: 2px;
    height: 12px;
    cursor: pointer;
    margin: 0 auto;
    opacity: 0.7;
    width: 98%;
}

.jp-gui .jp-play-bar {
    background: url(/img/player/progressbar.png) 0 -12px repeat-x;
    height: 12px
}

.jp-gui .play,
.jp-gui .stop,
.jp-gui .fullscreen {
    width: 16px;
}

.jp-gui .timer {
    width: 50px;
}

.jp-gui .timer div {
    line-height: 20px;
    text-align: center;
    width: 50px;
}

.jp-gui .jp-button {
    background: url(/img/player/controls.png) no-repeat;
    display: block;
    height: 16px;
    vertical-align: middle;
    width: 16px;
}

.jp-gui .jp-button.jp-pause {
    display: none;
}

.jp-gui .jp-button.jp-play        { background-position:   0   0; }
.jp-gui .jp-button.jp-pause       { background-position: -16px 0; }
.jp-gui .jp-button.jp-stop        { background-position: -32px 0; }
.jp-gui .jp-button.jp-full-screen { background-position: -48px 0; }

.jp-gui .jp-button.jp-play:hover        { background-position:   0   -16px; }
.jp-gui .jp-button.jp-pause:hover       { background-position: -16px -16px; }
.jp-gui .jp-button.jp-stop:hover        { background-position: -32px -16px; }
.jp-gui .jp-button.jp-full-screen:hover { background-position: -48px -16px; }

.jp-gui .jp-button.jp-play:active        { background-position:   0   -32px; }
.jp-gui .jp-button.jp-pause:active       { background-position: -16px -32px; }
.jp-gui .jp-button.jp-stop:active        { background-position: -32px -32px; }
.jp-gui .jp-button.jp-full-screen:active { background-position: -48px -32px; }
.table {
    border: 1px solid black;
    border-spacing: 0;
    line-height: normal;
    width: 100%;
}

.table.album {
    margin-bottom: 20px;
}

.table.right {
    width: 480px;
}

.table tr:nth-child(odd) {
    background: #170923;
}

.table thead {
    background: url(/img/title.png) no-repeat;
    font-weight: bold;
}

.table thead tr {
    background: none !important;
}

.table th,
.table td {
    padding: 2px 3px;
}

.table th {
    border-bottom: 1px solid black;
}

.table.album th:nth-child(1),
.table.album td:nth-child(1) { text-align: center; width: 25px; }
.table.album th:nth-child(2),
.table.album td:nth-child(2) { text-align: left;                }
.table.album th:nth-child(3),
.table.album td:nth-child(3) { text-align: right;  width: 60px; }

.table.concerts th:nth-child(1),
.table.concerts td:nth-child(1) { text-align: left; width: 90px; }
.table.concerts th:nth-child(2),
.table.concerts td:nth-child(2) { text-align: left;                }
.table.concerts th:nth-child(3),
.table.concerts td:nth-child(3) { text-align: right;  width: 200px; }

.table a {
    color: #907996;
    font-weight: normal;
    text-decoration: none;
}

.table a:hover {
    text-decoration: underline;
}
.wrapper.outer h1,
.wrapper.outer h2 {
    background: url(/img/title.png) repeat-y;
    font-size: 16px;
    line-height: normal;
    padding: 2px 0 2px 10px;
    position: relative;
    text-shadow: 0 0 5px #111;
}

.wrapper.outer h1 {
    margin-bottom: 7px;
    font-size: 16px;
}

.wrapper.outer h2 {
    margin: 15px 0 7px;
    font-size: 12px;
}

.wrapper.outer h1 a,
.wrapper.outer h2 a {
    color: white;
    font-weight: normal;
    text-decoration: none;
}

.wrapper.outer h1 a:hover,
.wrapper.outer h2 a:hover {
        text-decoration: underline;
}

.wrapper.outer h1 .admin,
.wrapper.outer h2 .admin {
    background: url(/img/title-admin.png) repeat-y;
    bottom: 0;
    display: none;
    position: absolute;
    right: 0;
    text-align: right;
    top: 0;
    width: 70px;
}

.wrapper.outer h1 .admin {
    padding-top: 3px;
}

.wrapper.outer h2 .admin {
    padding-top: 2px;
}

.wrapper.outer h1:hover .admin,
.wrapper.outer h2:hover .admin {
    display: block;
}

.wrapper.outer h1 .admin a,
.wrapper.outer h2 .admin a {
    background: url(/img/title-icons.png) no-repeat;
    display: inline-block;
    height: 16px;
    width: 16px;
}

.wrapper.outer h1 .admin a.edit,
.wrapper.outer h2 .admin a.edit        { background-position: 0  0;    }
.wrapper.outer h1 .admin a.edit:hover,
.wrapper.outer h2 .admin a.edit:hover  { background-position: 0 -16px; }
.wrapper.outer h1 .admin a.edit:active,
.wrapper.outer h2 .admin a.edit:active { background-position: 0 -32px; }

.wrapper.outer h1 .admin a.delete,
.wrapper.outer h2 .admin a.delete        { background-position: -16px  0;    }
.wrapper.outer h1 .admin a.delete:hover,
.wrapper.outer h2 .admin a.delete:hover  { background-position: -16px -16px; }
.wrapper.outer h1 .admin a.delete:active,
.wrapper.outer h2 .admin a.delete:active { background-position: -16px -32px; }
#trustlink {
    background: #170923;
    border-top: 1px solid #3A284E;
    overflow: hidden;
    width: 960px;
}

#trustlink ul {
    background-color: #170923 !important;
    float: left;
    font-size: 12px !important;
    margin: 0 !important;
    padding: 0 !important;
    width: auto !important;
}

#trustlink ul li.left {
    background: none !important;
    display: block;
    float:left;
    font-size: 12px !important;
    padding: 5px !important;
    text-align: left !important;
}

#trustlink ul a {
    color: #907996 !important;
    font-size: 12px !important;
    font-weight: normal;
}

#trustlink ul a:hover {
    text-decoration: none;
}

#trustlink ul .text {
    color: white !important;
    font-size: 12px !important;
    line-height: normal !important;
    padding: 3px 0 !important;
}

#trustlink ul .host {
    color: #907996;
    font-size: 12px !important;
    font-weight: normal;
    line-height: normal !important;
    padding: 3px 0 !important;
}

#trustlink ul ul {
    margin: 0 !important;
    padding: 0 !important;
}

#trustlink ul ul li {
    background: none !important;
    margin: 0 !important;
    padding: 0 !important;
}
html {
    background-color: #3A284E;
    background-position: top center;
    background-repeat: no-repeat;
}

html.index {
    /* background-image: url(/img/headers/index.jpg); */
}

/* ===== ШАПКА КОНЦЕРТА ===== */
#concert-header {
    display: none;
}

header a.concert {
    display: none;
}

html.index {
    background: #3A284E url(/img/headers/index.jpg) 50% 0% no-repeat;
}

/*
html.index #concert-header {
    background: url(/img/headers/concert-post.jpg) 50% 0% no-repeat;
    display: block;
    height: 336px;
    left: 0px;
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: -1;
}
*/

html.index header {
    position: relative
}

html.index header a.concert {
    display: block;
    position: absolute;
}

html.index header a.concert.album {
    height: 130px;
    left: -35px;
    top: 134px;
    width: 187px;

    -o-transform: rotate(32deg);
    -webkit-transform: rotate(32deg);
    -moz-transform: rotate(32deg);
}

html.index header a.concert.russia {
    height: 163px;
    left: 768px;
    top: 117px;
    width: 238px;

    -o-transform: rotate(321deg);
    -webkit-transform: rotate(321deg);
    -moz-transform: rotate(321deg);
}
/* ===== /ШАПКА КОНЦЕРТА ===== */
/*
html.index header {
    height: 296px;
}

html.index header #logo {
    margin-top: 45px;
}

html.news {
    background-image: url(/img/headers/news.jpg);
}

html.band {
    background-image: url(/img/headers/band.jpg);
}

html.media {
    background-image: url(/img/headers/media.jpg);
}

html.misc {
    background-image: url(/img/headers/misc.jpg);
}

html.community {
    background-image: url(/img/headers/community.jpg);
}

html.other {
    background-image: url(/img/headers/other.jpg);
}

html.forum {
    background-image: url(/img/headers/forum.jpg);
}
*/

html.news {
    background-image: url(/img/headers/inner-1.jpg);
}

html.band {
    background-image: url(/img/headers/inner-2.jpg);
}

html.media {
    background-image: url(/img/headers/inner-1.jpg);
}

html.misc {
    background-image: url(/img/headers/inner-1.jpg);
}

html.community {
    background-image: url(/img/headers/inner-2.jpg);
}

html.other {
    background-image: url(/img/headers/inner-1.jpg);
}

html.metalcom {
    background-image: url(/img/headers/inner-1.jpg);
}

html.forum {
    background-image: url(/img/headers/forum.jpg);
}

html.forum header {
    height: 142px;
}

html.forum body {
    max-width: 1300px;
    width: 95%;
}

html.forum nav#breadcrumbs {
    /*background: url(/img/forum/patterns.png) top center no-repeat;*/
    background: none;
}
header {
    /*height: 142px;*/
    height: 296px;
}

header a {
    color: white;
    text-decoration: none;
    text-shadow: 2px 2px 3px black;
    font-size: 14px;
}

header a:hover {
    text-decoration: underline;
}

header #logo {
    /*margin-top: 21px;*/
    margin-top: 17px;
}

header nav .icon {
    background: url(/img/header-icons.png) no-repeat;
    border-radius: 3px;
    box-shadow: 1px 1px 3px #000000;
    display: inline-block;
    height: 16px;
    width: 16px;
}

header nav .icon.facebook        { background-position: 0  0;    }
header nav .icon.facebook:hover  { background-position: 0 -16px; }
header nav .icon.facebook:active { background-position: 0 -32px; }

header nav .icon.twitter        { background-position: -16px  0;    }
header nav .icon.twitter:hover  { background-position: -16px -16px; }
header nav .icon.twitter:active { background-position: -16px -32px; }

header nav .icon.google        { background-position: -32px  0;    }
header nav .icon.google:hover  { background-position: -32px -16px; }
header nav .icon.google:active { background-position: -32px -32px; }

header nav .icon.tumblr        { background-position: -48px  0;    }
header nav .icon.tumblr:hover  { background-position: -48px -16px; }
header nav .icon.tumblr:active { background-position: -48px -32px; }

header nav .icon.rss        { background-position: -64px  0;    }
header nav .icon.rss:hover  { background-position: -64px -16px; }
header nav .icon.rss:active { background-position: -64px -32px; }

/* Верхняя навигация */
header #nav-top {
    float: right;
}

header #nav-top > ul > li {
    float: left;
    margin-left: 17px;
    position: relative;
}

header #nav-top li a.login {
    border-bottom: 1px dashed white;
}

header #nav-top li a.login:hover {
    border-bottom: 1px solid transparent;
    text-decoration: none;
}

header #nav-top .popup {
    background: rgba(23, 9, 35, 0.9);
    box-shadow: 2px 2px 5px #111;
    display: none;
    position: absolute;
    right: 0;
    top: 28px;
    z-index: 10001;
}

header #nav-top .popup > li {
    border-top: 1px solid rgba(171, 150, 194, 0.8);
}

header #nav-top .popup > li:first-child {
    border-top: none;
}

header #nav-top .popup .corner {
    border: 7px solid transparent;
    border-bottom-color: rgba(23, 9, 35, 0.9);
    right: 10px;
    margin-left: -3px;
    position: absolute;
    top: -14px;
}

header #nav-top .popup a {
    display: block;
    font-size: 12px;
    padding: 5px 10px;
    width: 150px;

    -o-transition: background 0.2s;
    -moz-transition: background 0.2s;
    -webkit-transition: background 0.2s;
}

header #nav-top .popup a:hover {
    background: rgba(171, 150, 194, 0.8);
    text-decoration: none;

    -o-transition: background 0.2s;
    -moz-transition: background 0.2s;
    -webkit-transition: background 0.2s;
}
/* /Верхняя навигация */

/* Форма поиска */
header form {
    clear: right;
    float: right;
    margin-top: 10px;
}

header form input[type="text"] {
    border: 1px solid #170923;
    border-radius: 3px;
    height: 22px;
    line-height: 22px;
    margin: 0;
    padding: 0 5px;
    vertical-align: middle;
    width: 200px;

    background: #D8D8D8;
    background: -moz-linear-gradient(top, #D8D8D8 0%, #FFF 50%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#D8D8D8), color-stop(50%,#FFF));
    background: -webkit-linear-gradient(top, #D8D8D8 0%,#FFF 50%);
    background: -o-linear-gradient(top, #D8D8D8 0%,#FFF 50%);
    background: -ms-linear-gradient(top, #D8D8D8 0%,#FFF 50%);
    background: linear-gradient(to bottom, #D8D8D8 0%,#FFF 50%);
}

header form input[type="submit"] {
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom-color: rgba(0, 0, 0, 0.25);
    border-radius: 3px;
    box-shadow: inset 0 1px 0   rgba(255, 255, 255, 0.2),
                      0 1px 2px rgba(0, 0, 0, 0.05);
    color: white;
    cursor: pointer;
    height: 24px;
    font: bold 12px Arial;
    line-height: 22px;
    vertical-align: middle;
    width: 60px;

    background: #2E1F3D -moz-linear-gradient(top, #3A284E, #2E1F3D) repeat-x -15px;
    background: #2E1F3D -webkit-gradient(linear, 0 0, 0 100%, from(#3A284E), to(#2E1F3D)) repeat-x -15px;
    background: #2E1F3D -webkit-linear-gradient(top, #3A284E, #2E1F3D) repeat-x -15px;
    background: #2E1F3D -o-linear-gradient(top, #3A284E, #2E1F3D) repeat-x -15px;
    background: #2E1F3D linear-gradient(to bottom, #3A284E, #2E1F3D) repeat-x -15px;
}

header form input[type="submit"]:hover {
    background-position: 0 -15px;
    -webkit-transition: background-position 0.1s linear;
    -moz-transition: background-position 0.1s linear;
    -o-transition: background-position 0.1s linear;
    transition: background-position 0.1s linear;
}

header form input[type="submit"]:active {
    background-image: none;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.149),
                      0 1px 2px rgba(0, 0, 0, 0.047);
}

header form input[type="submit"]:focus {
    outline: none;
}
/* Форма поиска */
/* Главное меню */
#menu {
    background: rgba(23, 9, 35, 0.9);
    border-bottom: 1px solid white;
    border-top: 1px solid white;
    height: 28px;
}

#menu li {
    -o-transition: background 0.2s;
    -moz-transition: background 0.2s;
    -webkit-transition: background 0.2s;
}

#menu li:hover {
    background: rgba(171, 150, 194, 0.8);

    -o-transition: background 0.2s;
    -moz-transition: background 0.2s;
    -webkit-transition: background 0.2s;
}

#menu > ul {
    margin: 0 auto;
    text-transform: uppercase;
    width: 960px;
}

#menu > ul > li {
    float: left;
    text-align: center;
    position: relative;
    width: 192px;
    z-index: 2;
}

#menu > ul > li > ul {
    box-shadow: 2px 2px 5px #111;
    display: none;
    left: 0;
    position: absolute;
    text-transform: none;
    top: 28px;
    z-index: 1;
}

#menu > ul > li:hover > ul {
    display: block;
}

#menu.hide > ul > li:hover > ul {
    display: none;
}

#menu > ul > li > ul > li {
    background: rgba(23, 9, 35, 0.8);
    border-top: 1px solid rgba(171, 150, 194, 0.8);
}

#menu a {
    color: white;
    display: block;
    font-size: 11px;
    font-weight: bold;
    line-height: 28px;
    text-decoration: none;
    text-shadow: 1px 1px 2px gray;
    width: 192px;
}
/* /Главное меню */
nav#breadcrumbs {
    color: #E4C8F0;
    background: url(/img/patterns-lines.jpg) top center no-repeat;
    font-size: 22px;
    margin: 0;
    padding: 2px 0 2px 10px;
    text-shadow: 0 0 5px #111;
}

nav#breadcrumbs a {
    color: #E4C8F0;
    text-decoration: none;
}

nav#breadcrumbs a:hover {
    text-decoration: underline;
}
.social-auth {
    background: #3A284E;
    border-radius: 5px;
    border: 1px solid black;
    bottom: 30px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    display: none;
    opacity: 0.9;
    position: fixed;
    padding: 7px 10px 10px;
    right: 20px;
    z-index: 99999;
}

.social-auth:hover {
    opacity: 1;

    transition: opacity 0.1s;
    -webkit-transition: opacity 0.1s;

}

.social-auth > div {
    margin-top: 5px;
    overflow: hidden;
}

.social-auth .social {
    background: white url(/img/icons-social-login.png) center center no-repeat;
    border-left: 1px solid rgba(255, 255, 255, 0.2);
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    float: left;
    height: 22px;
    opacity: 0.9;
    width: 22px;

    -moz-box-sizing: border-box;
}

.social-auth .social:hover {
    opacity: 1;
}

.social-auth .social:active {
    opacity: 0.8;
}

.social-auth .social.vk {
    background-color: #4E6E90;
}

.social-auth .social.vk { border-left: none; }
.social-auth .social.gl { border-left: 1px solid rgba(0, 0, 0, 0.2); }

.social-auth .social.vk { background-position:    0   -1px; }
.social-auth .social.fb { background-position:  -22px -1px; }
.social-auth .social.tw { background-position:  -44px -1px; }
.social-auth .social.gl { background-position:  -66px -1px; }
.social-auth .social.ok { background-position:  -88px -1px; }
.social-auth .social.oi { background-position: -110px -1px; }

.social-auth .social.vk { border-radius: 3px 0   0   3px; }
.social-auth .social.oi { border-radius: 0   3px 3px 0;   }
footer {
    overflow: hidden;
}

footer ul li {
    float: left;
    margin-right: 10px;
}

footer ul li a {
    color: #907996;
    text-decoration: none;
}

footer ul li a:hover {
    text-decoration: underline;
}
#content {
    float: left;
    _line-height: 150%;
    padding: 10px;
    width: 699px;
}

#content .paginator {
    font-size: 16px;
    margin: 15px 0px 5px 10px;
    text-align: center;
    word-spacing: 2px;
}

#content .paginator a {
    color: white;
}

#content .paginator a:hover {
    text-decoration: none;
}
#sidebar {
    float: right;
    padding: 0 5px 20px;
    width: 210px;
}

#sidebar h3 {
    background: url(/img/title.png) repeat-y;
    margin: 15px -5px 5px;
    padding: 4px;
}

#sidebar h3:first-child {
    margin-top: 0;
}

#sidebar a {
    color: #907996;
    text-decoration: none;
}

#sidebar a:hover {
    text-decoration: underline;
}

#sidebar h3 a {
    color: white;
}

#sidebar ul {
    margin-top: 10px;
}

#sidebar ul li {
    margin-bottom: 5px;
}

#sidebar .login {
    color: white;
    font-weight: bold;
}

#sidebar .status {
    font-size: 10px;
}

#sidebar .status.admin     { color: red;     }
#sidebar .status.moderator { color: #FFDEAD; }
#sidebar .status.user      { color: gray;    }

#sidebar .all-tags {
    margin-top: 15px;
    text-align: center;
}

#sidebar time {
    font-size: 9px;
    font-weight: bold;
}

#sidebar .profile {
    display: inline-block;
    margin-bottom: 5px;
}
.article {
    line-height: 1.6em;
}

.article a {
    color: white;
    font-weight: bold;
    text-decoration: underline;
}

.article a:hover {
    color: #9D74FF;
    text-decoration: none;
}

.article time {
    display: block;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 5px;
}

.article p {
    margin: 0 0 10px;
}

.article p:last-child {
    margin-bottom: 0;
}

.article img.avatar {
    box-shadow: 2px 2px 5px #111;
    float: left;
    margin: 2px 10px 7px 0;
}

.article ul, .article ol {
    margin-bottom: 10px;
    overflow: auto;
}

.article ul li {
    list-style: disc outside;
    margin-left: 20px;
}

.article ol li {
    list-style: decimal outside;
    margin-left: 2.9em;
}

.article .text .image-left {
    float: left;
    margin: 2px 10px 7px 0;
}

.article .text .image-right {
    float: right;
    margin: 2px 0 7px 10px;
}

.article .read-more,
.article .tags {
    clear: left;
    margin-top: 10px;
}

.article .read-more {
    text-align: right;
}

.article .read-more a,
.article .tags a {
    color: #907996;
    font-weight: normal;
    text-decoration: none;
}

.article .read-more a:hover,
.article .tags a:hover {
    text-decoration: underline;
}

.article .share {
    font-size: 0;
    margin: 0 5px 0 176px;
    text-align: right;
}

.article .share a {
    background: url(/img/share.png) no-repeat;
    display: inline-block;
    height: 19px;
    margin-left: 3px;
    opacity: 0.2;
    width: 19px;
}

.article .share a:hover {
    opacity: 1;
}

.article .share .vk { background-position: -21px 0; }
.article .share .fb { background-position:   0   0; }
.article .share .tw { background-position: -42px 0; }
.article .share .gp { background-position: -63px 0; }

.article .share .vk:hover { background-position: -21px -21px; }
.article .share .fb:hover { background-position:   0   -21px; }
.article .share .tw:hover { background-position: -42px -21px; }
.article .share .gp:hover { background-position: -63px -21px; }

.article .share .vk:active { background-position: -21px -42px; }
.article .share .fb:active { background-position:   0   -42px; }
.article .share .tw:active { background-position: -42px -42px; }
.article .share .gp:active { background-position: -63px -42px; }
#content .comments {

}

#content .comment-wrapper {
    display: none;
}

#content .comments .comment {
    clear: left;
    margin: 0 0 15px 110px;
    min-height: 100px;
}

#content .comments .comment .avatar {
    float: left;
    margin-left: -110px;
}

#content .comments .comment h3 {
    background: url(/img/title.png) no-repeat;
    font-size: 12px;
    margin-bottom: 5px;
    padding: 2px 5px;
}

#content .comments .comment h3 a {
    color: white;
    font-weight: bold;
    text-decoration: none;
}

#content .comments .comment h3 a:hover {
    text-decoration: underline;
}

#content .comments .comment h3 .admin {
    display: none;
    float: right;
}

#content .comments .comment h3:hover .admin {
    display: block;
}

#content .comments .comment a {
    color: white;
    font-weight: bold;
    text-decoration: underline;
}

#content .comments .comment a:hover {
    color: #9D74FF;
    text-decoration: none;
}
#content .preview-block {
    display: none;
}

#content .comment-preview {
    margin-bottom: 15px;
}

#content .comment-preview a {
    color: white;
    font-weight: bold;
    text-decoration: underline;
}

#content .comment-preview a:hover {
    color: #9D74FF;
    text-decoration: none;
}

#content .post-comment textarea {
    height: 144px;
    width: 691px;
}

#content .post-comment .controls {
    margin-top: 10px;
    text-align: center;
}
.wrapper.bottom .seealso {
    margin-bottom: 10px;
    overflow: hidden;
}

.wrapper.bottom .seealso a {
    color: white;
    text-decoration: none;
}
.wrapper.bottom .seealso > div {
    border: 1px solid #907996;
    float: left;
    height: 195px;
    padding-top: 10px;
}

.wrapper.bottom .seealso > div h3 {
    background: #170923;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    margin: 10px 0 0;
    padding: 0 0 0 10px;
}

.wrapper.bottom .seealso .left {
    background: #1E082A url(/img/patterns-footer.jpg) no-repeat;
    padding-left: 20px;
    width: 296px;
}

    .wrapper.bottom .seealso .left li {
        background: url(/img/footer-icons.png) no-repeat;
        height: 29px;
        line-height: 29px;
        margin-top: 5px;
    }

    .wrapper.bottom .seealso .left li.gallery { background-position: 0  0;    }
    .wrapper.bottom .seealso .left li.chat    { background-position: 0 -29px; }
    .wrapper.bottom .seealso .left li.youtube { background-position: 0 -58px; }

    .wrapper.bottom .seealso .left li a {
        margin-left: 35px;
    }

    .wrapper.bottom .seealso .left li a:hover {
        text-decoration: underline;
    }

.wrapper.bottom .seealso .center {
    background: #1E082A url(/img/patterns-footer.jpg) no-repeat -325px 0;
    margin: 0 13px;
    width: 244px;
}

    .wrapper.bottom .seealso .center li {
        background: #705F78 url(/img/footer-buttons.jpg) no-repeat;
    }

    .wrapper.bottom .seealso .center li.forum { background-position: 0  0;    }
    .wrapper.bottom .seealso .center li.faq   { background-position: 0 -46px; }
    .wrapper.bottom .seealso .center li.tarja { background-position: 0 -93px; }

        .wrapper.bottom .seealso .center li:nth-child(2) {
            margin: 4px 0;
        }

            .wrapper.bottom .seealso .center li a {
                display: block;
                height: 46px;
                line-height: 46px;
                font-weight: bold;
                text-align: center;
            }

.wrapper.bottom .seealso .right {
    background: url(/img/patterns-footer.jpg) -569px bottom no-repeat;
    width: 350px;
}

    .wrapper.bottom .seealso .right ul {
        margin: 15px auto 0;
        width: 192px;
    }

    .wrapper.bottom .seealso .right ul li:nth-child(2) {
        margin: 10px 0;
    }

        .wrapper.bottom .seealso .right ul li a {
            background: url(/img/footer-banners.jpg);
            display: block;
            height: 46px;
            width: 192px;
        }

        .wrapper.bottom .seealso .right ul li a.nightwish { background-position: 0  0;    }
        .wrapper.bottom .seealso .right ul li a.escapist  { background-position: 0 -46px; }
        .wrapper.bottom .seealso .right ul li a.vkontakte { background-position: 0 -92px; }
#content.band.members ul {
    margin: 0 auto;
    text-align: center;
    width: 500px;
}

#content.band.members ul li {
    display: inline-block;
    margin: 0 5px 20px;
}

#content.band.members ul li a {
    color: white;
    font-weight: bold;
    text-decoration: none;
}

#content.band.members ul li a:hover span {
    color: #9D74FF;
    text-decoration: underline;
}


#content.band.members ul li a img {
    margin: 0 0 5px;

    box-shadow: 2px 2px 5px #111;
    -moz-box-shadow: 2px 2px 5px #111; /* для Firefox 3.x */
}

#content.band.member img {
    margin: 0 0 5px;
    float: right;

    box-shadow: 2px 2px 5px #111;
    -moz-box-shadow: 2px 2px 5px #111; /* для Firefox 3.x */
}
#content.discography img {
    box-shadow: 2px 2px 5px #111;
}

#content.discography .cover {
    float: left;
    margin: 2px 10px 7px 0;
}

#content.discography ul {
    margin: 15px auto 0;
    text-align: center;
    width: 689px;
}

#content.discography ul a {
    color: #907996;
    font-weight: normal;
    text-decoration: none;
}

#content.discography ul a:hover span {
    text-decoration: underline;
}

#content.discography ul li {
    display: inline-block;
    margin: 0px 5px 20px;
    vertical-align: top;
    width: 150px;
}

#content.discography h3 {
    font-size: 14px;
    margin: 10px 0;
    text-align: center;
}

#content.discography h3 a {
    color: white;
    text-decoration: none;
}

#content.discography h3 a:hover {
    text-decoration: underline;
}
#content.lyrics li {
    margin: 3px 0;
}

#content.lyrics li a {
    color: #907996;
    text-decoration: none;
}

#content.lyrics li a:hover {
    text-decoration: underline;
}

#content.lyrics table td {
    vertical-align: top;
    width: 50%;
}

#content.lyrics table {
    width: 100%;
}

#content.lyrics table td {
    width: 50%;
}

#content.lyrics .faq {
    margin-top: 35px;
    text-align: center;
}
.wrapper.outer .first-line,
.wrapper.outer .second-line {
    margin: 0 auto;
    width: 940px;
}

.wrapper.outer .first-line {
    border: 1px solid #907996;
    overflow: hidden;
}

.wrapper.outer .first-line article {
    background: #170923 url(/img/patterns.jpg) top left repeat-y;
    border-right: 1px solid #907996;
    display: none;
    min-height: 240px;
    padding: 10px;
    width: 563px;
}

.wrapper.outer .first-line .news-list {
    border-left: 1px solid #907996;
    float: right;
    padding-bottom: 10px;
    position: relative;
    width: 356px;
}

.wrapper.outer .first-line .news-list h3 {
    color: #E4C8F0;
    font-size: 18px;
    margin-bottom: 5px;
    padding: 2px 0 2px 10px;
}

.wrapper.outer .first-line .news-list > .active {
    background: #251434;
    border-bottom: 1px solid #907996;
    border-top: 1px solid #907996;
    height: 30px;
    left: -1px;
    margin-top: 9px;
    position: absolute;
    top: 23px;
    width: 357px;
}

.wrapper.outer .first-line .news-list ul {
    margin-left: 10px;
    position: relative;
    width: 336px;
    z-index: 1;
}

.wrapper.outer .first-line .news-list ul li {
    cursor: pointer;
    height: 30px;
    line-height: 30px;
}

.wrapper.outer .first-line .news-list ul li span {
    border-bottom: 1px dashed white;
}

.wrapper.outer .first-line .news-list ul li:hover span,
.wrapper.outer .first-line .news-list ul li.active span {
    border-bottom: 1px solid transparent;
}

.wrapper.outer .first-line .news-list ul li span time {
    font-weight: bold;
}

.wrapper.outer .first-line .news-list .right {
    margin: 10px;
    text-align: right;
}

.wrapper.outer .first-line .news-list .right a {
    color: #907996;
    text-decoration: none;
}

.wrapper.outer .first-line .news-list .right a:hover {
    text-decoration: underline;
}

.wrapper.outer .breaking-news,
.wrapper.outer .second-line .exclusive,
.wrapper.outer .second-line .news {
    padding: 10px;
}

.wrapper.outer .breaking-news {
    border: 1px solid #907996;
    margin: 10px auto 0;
    width: 800px;
}

.wrapper.outer .second-line {
    background: url(/img/second-line-background.png) repeat-y;
    margin-top: 10px;
    overflow: hidden;
}

.wrapper.outer .second-line .border {
    background: url(/img/second-line-border.png) no-repeat;
    height: 1px;
}

.wrapper.outer .second-line .border.bottom {
    clear: both;
}

.wrapper.outer .second-line .exclusive {
    float: left;
    width: 442px;
}

.wrapper.outer .second-line .news {
    background: url(/img/patterns.jpg) -939px 100% no-repeat;
    float: right;
    width: 450px;
}

.wrapper.outer .second-line .news time {
    display: inline;
}

.wrapper.outer .second-line .news li {
    margin: 0 10px;
}

.wrapper.outer .second-line .news .text a {
    height: 30px;
    line-height: 30px;
}
#content.articles h3 {
    background: url(/img/title.png) repeat-y;
    font-size: 16px;
    margin-bottom: 7px;
    padding: 2px 0 3px 10px;
    position: relative;
    text-shadow: 0 0 5px #111;
}
#content.discography .album {
    margin-bottom: 10px;
    overflow: hidden;
}
#content.tags {
    text-align: center;
}

#content.tags a {
    color: #907996;
    text-decoration: none;
}

#content.tags a:hover {
    text-decoration: underline;
}
#content.login table {
    width: 100%;
}

#content.login table td {
    padding-bottom: 10px;
}

#content.login table td:first-child {
    width: 200px;
}

#content.login table td input {
    font-size: 18px;
}

#content.login table td .input {
    width: 475px;
}

#content.login table td.error {
    color: red;
    text-align: center;
}

#content.login table td .submit {
    vertical-align: middle;
}

#content.login table td a {
    color: white;
    display: inline-block;
    font-weight: bold;
    margin-top: 15px;
    vertical-align: middle;
}

#content.login table td a:hover {
    text-decoration: none;
}

#content.login h2 {
    margin-top: 30px;
}

#content.login .socials {
    margin-top: 12px;
    overflow: hidden;
}

#content.login .socials .social {
    background: blue;
    border-radius: 3px;
    cursor: pointer;
    display: inline-block;
    float: left;
    opacity: 0.9 !important;
    height: 24px;
    overflow: hidden;
    width: 110px;
}

#content.login .socials .social + .social {
    margin-left: 5px;
}

#content.login .socials .social:hover {
    opacity: 1 !important;
}

#content.login .socials .social:active {
    opacity: 0.75 !important;
}

#content.login .socials .social.vk {
    background: #7495ba;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzc0OTViYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1OTdiOWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #7495ba 0%, #597b9f 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7495ba), color-stop(100%,#597b9f));
    background: -webkit-linear-gradient(top, #7495ba 0%,#597b9f 100%);
    background: -o-linear-gradient(top, #7495ba 0%,#597b9f 100%);
    background: -ms-linear-gradient(top, #7495ba 0%,#597b9f 100%);
    background: linear-gradient(to bottom, #7495ba 0%,#597b9f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7495ba', endColorstr='#597b9f',GradientType=0 );
}

#content.login .socials .social.fb {
    background: #5f78ab;
}

#content.login .socials .social.tw {
    background: #fefefe;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjY2NjY2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #fefefe 0%, #cccccc 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#cccccc));
    background: -webkit-linear-gradient(top, #fefefe 0%,#cccccc 100%);
    background: -o-linear-gradient(top, #fefefe 0%,#cccccc 100%);
    background: -ms-linear-gradient(top, #fefefe 0%,#cccccc 100%);
    background: linear-gradient(to bottom, #fefefe 0%,#cccccc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#cccccc',GradientType=0 );

    width: 100px;
}

#content.login .socials .social.gl {
    background: #4d90fe;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRkOTBmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzNTdhZTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #4d90fe 0%, #357ae8 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4d90fe), color-stop(100%,#357ae8));
    background: -webkit-linear-gradient(top, #4d90fe 0%,#357ae8 100%);
    background: -o-linear-gradient(top, #4d90fe 0%,#357ae8 100%);
    background: -ms-linear-gradient(top, #4d90fe 0%,#357ae8 100%);
    background: linear-gradient(to bottom, #4d90fe 0%,#357ae8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d90fe', endColorstr='#357ae8',GradientType=0 );
}

#content.login .socials .social.ok {
    background: #f58220;
    width: 130px;
}

#content.login .socials .social.oi {
    background: white;
}

#content.login .socials .social .icon {
    background: url(/img/icons-social-login.png) no-repeat;
    border-radius: 3px 0 0 3px;
    border-right: 1px solid rgba(255, 255, 255, 0.1);
    box-sizing: border-box;
    display: block;
    float: left;
    height: 24px;
    width: 22px;

    -moz-box-sizing: border-box;
}

#content.login .socials .social .text {
    float: left;
    font-family: Tahoma, Arial, Verdana, sans-serif, 'Lucida Sans';
    font-weight: bold;
    font-size: 11px;
    line-height: 24px;
    margin-left: 6px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}

#content.login .socials .social.vk .icon { background-position:    0   0; }
#content.login .socials .social.fb .icon { background-position:  -22px 0; }
#content.login .socials .social.tw .icon { background-position:  -44px 0; }
#content.login .socials .social.gl .icon { background-position:  -66px 0; }
#content.login .socials .social.ok .icon { background-position:  -88px 0; }
#content.login .socials .social.oi .icon { background-position: -110px 0; }

#content.login .socials .social.tw .icon { border-right: 1px solid rgba(  0,   0,   0, 0.05); }
#content.login .socials .social.ok .icon { border-right: 1px solid rgba(255, 255, 255, 0.2 ); }
#content.login .socials .social.oi .icon { border-right: 1px solid rgba(  0,   0,   0, 0.1 ); }

#content.login .socials .social.tw .text { color: black; }
#content.login .socials .social.oi .text { color: black; }


#content.member a {
    color: #907996;
    text-decoration: none;
}

#content.member a:hover {
    text-decoration: underline;
}

#content.member h1 .online {
    float: right;
    font-size: 11px;
    font-weight: bold;
    margin-top: 3px;
    opacity: 0.3;
}

#content.member .avatar {
    float: right;
    width: 120px;
    text-align: center;
}

#content.member table {
    width: 100%;
}

#content.member table.general {
    width: 550px;
}

#content.member table td {
    line-height: 130%;
    vertical-align: top;
}

#content.member table td:first-child {
    width: 250px;
}

#content.member .icon {
    background: url(/img/profile-icons.png);
    display: inline-block;
    height: 16px;
    margin-right: 3px;
    vertical-align: middle;
    width: 16px;
}

#content.member .icon.icq    { background-position:   0   0; }
#content.member .icon.jabber { background-position: -16px 0; }
#content.member .icon.skype  { background-position: -32px 0; }
#content.member .icon.mra    { background-position: -48px 0; }

#content.member .icon.vk { background-position:  -64px 0; }
#content.member .icon.fb { background-position:  -80px 0; }
#content.member .icon.gp { background-position:  -96px 0; }
#content.member .icon.tw { background-position: -112px 0; }
#content.member .icon.fm { background-position: -128px 0; }

#content.member .icon.blank { background-position: -144px 0; }
#content.members form .keyword {
    box-sizing: border-box;
    margin-bottom: 5px;
    width: 100%;

    -moz-box-sizing: border-box;
}

#content.members form select {
    padding-right: 30px;
}

#content.members form input[type="submit"] {
    padding: 2px 15px;
}

#content.members form .ajax {
    display: none;
    margin-left: 5px;
    vertical-align: middle;
}

#content.members .data {
    margin-top: 10px;
}

#content.members .data ul li {
    display: block;
    overflow: hidden;
    padding: 10px 0;
}

#content.members .data ul li + li {
    border-top: 1px solid white;
}

#content.members .data ul li .avatar {
    float: left;
}

#content.members .data ul li .info {
    margin-left: 110px;
}

#content.members .data ul li .info a {
    color: #907996;
    text-decoration: none;
}

#content.members .data ul li .info a:hover {
    text-decoration: underline;
}

#content.members .data ul li .info h3 {
    margin-bottom: 10px;
}

#content.members .data ul li .info h3 a {
    border-bottom: 1px solid transparent;
    color: white;
    font-weight: bold;
    text-decoration: none;
}

#content.members .data ul li .info h3 a:hover {
    border-bottom: 1px solid white;
    text-decoration: none;
}

#content.members .data ul li .info h3 a .matched {
    color: red;
    text-decoration: none;
}

#content.members .data ul li .info h3 a:hover .matched {
    border-bottom: 1px solid red;
}

#content.members .data ul li .info .gender {
    background: url(/img/icons-gender.png) no-repeat;
    display: inline-block;
    height: 11px;
    vertical-align: middle;
    width: 10px;
}

#content.members .data ul li .info .gender.male   { background-position:   0   0; }
#content.members .data ul li .info .gender.female { background-position: -10px 0; }
#content.passrestore article.message {
    font-size: 14px;
    line-height: 170%;
    margin-top: 50px;
    text-align: center;
}

#content.passrestore article.message a {
    color: white;
    font-weight: bold;
    text-decoration: underline;
}

#content.passrestore article.message a:hover {
    text-decoration: none;
}

#content.passrestore table {
    margin: 0 auto;
    width: 550px;
}

#content.passrestore table td {
    padding-bottom: 10px;
}

#content.passrestore table td:first-child {
    width: 200px;
}

#content.passrestore table td input {
    font-size: 18px;
    width: 300px;
}

#content.passrestore table td.error {
    color: red;
    padding-top: 20px;
    text-align: center;
}

#content.passrestore table td .submit {
    vertical-align: middle;
    width: auto;
}
#content.profile {

}

#content.member.profile .avatar {
    width: 150px;
}

#content.member.profile table {
    width: 500px;
}

#content.member.profile table td:first-child {
    width: 150px;
}

#content.member.profile table td .day {
    width: 80px;
}

#content.member.profile table td .month {
    width: 120px;
}

#content.member.profile table td .year {
    width: 90px;
}

#content.member.profile table td .gender {
    width: 300px;
}

#content.member.profile table td input.text {
    width: 300px;
}

#content.member.profile table td textarea {
    height: 75px;
    width: 300px;
}

#content.profile .bottom {
    margin-top: 10px;
    text-align: center;
}

#content.profile .bottom .saved {
    color: white;
    font-size: 11px;
    line-height: 22px;
    margin-left: 10px;
    opacity: 0;
    visibility: hidden;
}
#content.registration article.message {
    font-size: 14px;
    line-height: 170%;
    margin-top: 50px;
    text-align: center;
}

#content.registration table {
    margin: 0 auto;
    width: 550px;
}

#content.registration table td {
    padding-bottom: 10px;
}

#content.registration table td:first-child {
    width: 200px;
}

#content.registration table td input {
    font-size: 18px;
    width: 300px;
}

#content.registration table td .gender {
    width: 308px;
}

#content.registration table td select {
    padding-right: 12px;
}

#content.registration table td .birth-month {
    width: 180px;
}

#content.registration table td.error {
    color: red;
    padding-top: 20px;
    text-align: center;
}

#content.registration table td .submit {
    vertical-align: middle;
    width: auto;
}
#content.reputation {

}

#content.reputation .icon {
    background: url(/img/icons-plus-minus.png) no-repeat;
    display: inline-block;
    height: 12px;
    margin: -2px 3px 0 -5px;
    vertical-align: middle;
    width: 12px;
}

#content.reputation .icon.plus    { background-position:   0   0; }
#content.reputation .icon.minus   { background-position: -12px 0; }
#content.reputation .icon.warning { background-position: -24px 0; }
#content.reputation .icon.ban     { background-position: -36px 0; }

#content.reputation .date {
    float: right;
}

#content.reputation .permalink {
    color: #907996;
    text-decoration: none;
}

#content.reputation .permalink:hover {
    text-decoration: underline;
}

#content.reputation .hidden {
    color: #666;
    font-style: italic;
}
#content.settings {

}

#content.settings .hidden {
    visibility: hidden;
}

#content.settings table {
    width: 100%;
}

#content.settings table td {
    border-bottom: 1px solid black;
}

#content.settings table td {
    padding: 10px 0;
}

#content.settings table td:first-child {
    width: 150px;
}

#content.settings .form-pass table td:first-child {
    width: 200px;
}

#content.settings table td select {
    margin-top: 5px;
    padding-right:30px;
}

#content.settings .bottom {
    margin-top: 10px;
    text-align: center;
}

#content.settings table td input[type="password"] {
    width: 300px;
}

#content.settings .ref {
    color: gray;
    font-size: 11px;
    margin-top: 5px;
}

#content.settings .ulogin td {
    padding: 5px 0;
}

#content.settings .ulogin td .icon {
    background: url(/img/icons-socials.png) no-repeat;
    display: inline-block;
    height: 16px;
    vertical-align: middle;
    width: 16px;
}

#content.settings .ulogin td .icon.vk { background-position:   0   0; }
#content.settings .ulogin td .icon.fb { background-position: -16px 0; }
#content.settings .ulogin td .icon.tw { background-position: -32px 0; }
#content.settings .ulogin td .icon.gl { background-position: -48px 0; }
#content.settings .ulogin td .icon.ok { background-position: -64px 0; }
#content.settings .ulogin td .icon.oi { background-position: -80px 0; }

#content.settings .ulogin .disconnect {
    display: none;
}

#content.settings .ulogin .connect,
#content.settings .ulogin .disconnect {
    color: white;
    cursor: pointer;
    font-weight: bold;
    text-decoration: underline;
}

#content.settings .ulogin .connect:hover,
#content.settings .ulogin .disconnect:hover {
    text-decoration: none;
}

#content.settings .ulogin .connected .connect {
    display: none;
}

#content.settings .ulogin .connected .disconnect {
    display: inline-block;
}

#content.settings .bottom .saved {
    color: white;
    font-size: 11px;
    line-height: 22px;
    margin-left: 10px;
    opacity: 0;
    visibility: hidden;
}
#content.error404 {
    padding-top: 50px;
    text-align: center;
}

#content.error404 p {
    line-height: 150%;
}
#forum {
    background: #170923;
    overflow: hidden;
    padding: 0;
}

#forum a {
    font-weight: bold;
    color: white;
    text-decoration: none;
}

#forum a:hover {
    color: #9D74FF;
    text-decoration: underline;
}
#forum > .controls {
    color: #9D74FF;
    font-weight: bold;
    overflow: hidden;
}

#forum > .controls.top {
    margin-bottom: 7px;
    padding: 0 5px;
}

#forum > .controls.bottom {
    border-bottom: 4px solid black;
    margin-top: 7px;
    padding: 0 5px 7px;
}

#forum > .controls .paginator {
    float: right;
    word-spacing: 3px;
}

#forum > .controls.top .paginator {
    margin-top: 5px;
}

#forum > .controls .button {
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom-color: rgba(0, 0, 0, 0.25);
    border-radius: 3px;
    box-shadow: inset 0 1px 0   rgba(255, 255, 255, 0.2),
                      0 1px 2px rgba(0, 0, 0, 0.05);
    color: white;
    display: inline-block;
    font: bold 12px Arial;
    line-height: 20px;
    padding: 3px 14px;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.251);

    background: #2E1F3D -moz-linear-gradient(top, #3A284E, #2E1F3D) repeat-x -15px;
    background: #2E1F3D -webkit-gradient(linear, 0 0, 0 100%, from(#3A284E), to(#2E1F3D)) repeat-x -15px;
    background: #2E1F3D -webkit-linear-gradient(top, #3A284E, #2E1F3D) repeat-x -15px;
    background: #2E1F3D -o-linear-gradient(top, #3A284E, #2E1F3D) repeat-x -15px;
    background: #2E1F3D linear-gradient(to bottom, #3A284E, #2E1F3D) repeat-x -15px;
}

#forum > .controls .button:hover {
    color: white;
    text-decoration: none;

    background-position: 0 -15px;

    -webkit-transition: background-position 0.1s linear;
    -moz-transition: background-position 0.1s linear;
    -o-transition: background-position 0.1s linear;
    transition: background-position 0.1s linear;
}

#forum > .controls .button:active {
    background-image: none;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.149),
                      0 1px 2px rgba(0, 0, 0, 0.047);
}

#forum > .controls .button:focus {
    outline: none;
}

#forum > .controls .button > img {
    margin-right: 3px;
    vertical-align: middle;
}
/* ===== ОБЩИЙ СТИЛЬ СПИСКОВ =====*/
#forum .list {
    border: 1px solid black;
    border-collapse: collapse;
    border-spacing: 0;
    color: #C7C1E9;
    width: 100%;
}

#forum .list thead th {
    background: url(/img/forum/header-bg.png) repeat-x;
    color: white;
    height: 18px;
    font-size: 10px;
    font-weight: bold;
    padding: 5px;
    text-align: center;
}

#forum .list .section th {
    background: url(/img/forum/list-section-bg.png) repeat-x;
    color: white;
    height: 16px;
    padding: 5px;
    text-align: left;
}

#forum .list .section th:last-child {
    background: #1A0C2D url(/img/forum/list-section-last-bg.png) no-repeat;
}

#forum .list td {
    background: #251434;
    border: 1px solid black;
}
/* ===== /ОБЩИЙ СТИЛЬ СПИСКОВ ===== */

/* ===== СТИЛЬ СПИСКА ТОПИКОВ ===== */
#forum .list.topics {
    border-bottom: 4px solid black;
}

#forum .list.topics tr.unread {
    background: #2E1941;
}

#forum .list.topics td {
    padding: 5px;
}

#forum .list.topics tr.unread td {
    background: none;
}

#forum .list.topics td:nth-child(1) {
    text-align: center;
    width: 24px;
}

#forum .list.topics td:nth-child(3) {
    font-size: 10px;
    padding-right: 10px;
    text-align: right;
    width: 150px;
}

#forum .list.topics td:nth-child(4) {
    padding-left: 10px;
    width: 220px;
}

#forum .list.topics td .icon-topic {
    opacity: 0.2;
}

#forum .list.topics tr.unread td .icon-topic {
    opacity: 1;
}

#forum .list.topics .helper {
    position: relative;
}

#forum .list.topics .contents {
    font-size: 14px;
}

#forum .list.topics .announce {
    color: #E9D473;
    font-weight: bold;
}

#forum .list.topics .sticky {
    color: #E60000;
    font-weight: bold;
}

#forum .list.topics .archive {
    color: gray;
    font-weight: bold;
}

#forum .list.topics .tags {
    background: url(/img/forum/icon-tags-small.png) no-repeat;
    bottom: -3px;
    display: block;
    height: 10px;
    position: absolute;
    right: 0;
    width: 10px;
}

#forum .list.topics td:nth-child(2) .login {
    font-size: 10px;
}

#forum .list.topics td .avatar {
    display: block;
    float: left;
    margin-right: 5px;
    width: 40px;
}

#forum .list.topics td .avatar img {
    border-radius: 2px;
    box-shadow: 0px 0px 5px #000000;
    height: 35px;
    max-height: 40px;
    max-width: 40px;
}

#forum .list.topics td:nth-child(4) .login {
    display: inline-block;
    max-width: 140px;
}
/* ===== /СТИЛЬ СПИСКА ТОПИКОВ ===== */
#forum.mail .wrapper .folders {
    float: left;
    padding: 5px 0 10px 0;
    width: 200px;
}

#forum.mail .wrapper .folders li.active {
    background: #251434;
}

#forum.mail .wrapper .folders li a {
    display: block;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    width: 180px;
}

#forum.mail .wrapper .folders li a:hover {
    background: #3A284E;
    color: white;
    text-decoration: none;
}
#forum.mail.list .wrapper .list {
    border: none;
    margin: 0 5px 0 200px;
    padding: 5px 0 5px 5px;
    width: auto;
}

#forum.mail.list .wrapper .list table {
    border: 1px solid black;
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}

#forum.mail.list .wrapper .list table th {
    padding: 4px 5px;
}

#forum.mail.list .wrapper .list table th:nth-child(1) { width: 170px; }
#forum.mail.list .wrapper .list table th:nth-child(3) { width: 150px; }
#forum.mail.list .wrapper .list table th:nth-child(4) { width:  30px; }

#forum.mail.list .wrapper .list table tr:nth-child(even) {
    background: #2E1941;
}

#forum.mail.list .wrapper .list table td {
    background: none;
    box-sizing: border-box;
    padding: 3px 7px;

    -moz-box-sizing: border-box;
}

#forum.mail.list .wrapper .list table td:nth-child(4) { text-align: center; }

#forum.mail.list .wrapper .list table td:nth-child(4) input {
    margin-bottom: 0;
    margin-left: 0;
}

#forum.mail.list .wrapper .list table th .icon.remove {
    background: url(/img/forum/icons-add-remove.png) -16px 0;
    display: inline-block;
    height: 16px;
    vertical-align: middle;
    width: 16px;
}

#forum.mail.list .wrapper .list table th .icon.remove:hover  { background-position: -16px -16px; }
#forum.mail.list .wrapper .list table th .icon.remove:active { background-position: -16px -32px; }
#forum > .online {
    margin: 0 5px 20px;
}

#forum > .online a {
    text-decoration: none;
}

#forum > .online a:hover {
    text-decoration: underline;
}

#forum > .online a.admin     { color: red;     }
#forum > .online a.moderator { color: #FFDEAD; }

#forum > .online img.mobile {
    margin-top: -1px;
    vertical-align: middle;
}
#chat {
    margin: 10px 5px;
    overflow: hidden;
}

#chat .header {
    background: url(/img/forum/header-bg.png) repeat-x;
    height: 18px;
    font-weight: bold;
    line-height: 18px;
    margin-bottom: 2px;
    padding: 5px;
}

#chat .header .button {
    display: inline-block;
    float: right;
    margin: 2px 0 0 5px;
    height: 16px;
    width: 16px;
}

#chat .header .fullscreen {
    background: url(/img/forum/icons-chat-fullscreen.png) no-repeat;
}

#chat .header .fullscreen:hover   { background-position:  0  -16px; }
#chat .header .fullscreen:active  { background-position:  0  -32px; }

#chat .header .toggle {
    background: url(/img/forum/icons-chat-toggle.png) no-repeat;
}

#chat .header .toggle.plus         { background-position:  0     0;  }
#chat .header .toggle.plus:hover   { background-position:  0  -16px; }
#chat .header .toggle.plus:active  { background-position:  0  -32px; }

#chat .header .toggle.minus        { background-position: -16px 0;     }
#chat .header .toggle.minus:hover  { background-position: -16px -16px; }
#chat .header .toggle.minus:active { background-position: -16px -32px; }

#chat .messages {
    background: #251434;
    border: 1px solid #907996;
    height: 300px;
    overflow: auto;
    position: relative;
}

#chat .messages > div {
    padding: 2px 5px;
    position: relative;
}

#chat .messages > div:first-child {
    padding: 7px 5px 2px;
}

#chat .messages > div:nth-child(odd) {
    background: #2E1941;
}

#chat .messages > div.deleted .text {
    color: #A397E7;
}

#chat .messages > div > .date {
    color: #C7C1E9;
    display: inline-block;
    width: 65px;
}

#chat .messages > div .bot {
    color: #A397E7;
}

#chat .messages > div .login {
    font-weight: bold;
}

#chat .messages > div .login a.admin     { color: red;     }
#chat .messages > div .login a.moderator { color: #FFDEAD; }

#chat .messages > div img {
    max-height: 300px;
    max-width: 400px;
    vertical-align: middle;
}

#chat .messages > div .remove {
    background: url(/img/forum/icon-chat-remove.png) no-repeat;
    display: none;
    height: 12px;
    position: absolute;
    right: 3px;
    top: 3px;
    width: 12px;
}

#chat .messages > div .remove:hover  { background-position: 0 -12px; }
#chat .messages > div .remove:active { background-position: 0 -24px; }

#chat .messages > div:hover .remove {
    display: block;
}

#chat .messages > div.deleted .remove {
    display: none;
}

#chat .controls {
    border-bottom: 1px solid #251434;
    border-collapse: collapse;
    border-spacing: none;
    margin-top: 10px;
    width: 100%;
}

#chat .controls td {
    padding-bottom: 10px;
}

#chat .controls td:nth-child(1) {                    width: 85%;  }
#chat .controls td:nth-child(3) { text-align: right; width: 20px; }

#chat .controls input {
    font-size: 16px;
    background: #251434;
}

#chat .controls .text {
    display: inline-block;
    width: 99%;
}

#chat .controls .text:focus {
    outline: 1px solid #907996;
}

#chat .controls .send {
    display: inline-block;
    width: 99%;
}

#chat .controls .send:hover {
    outline: 1px solid #907996;
}

#chat .controls .ajax {
    display: none;
    vertical-align: middle;
}
#forum .topbar {
    line-height: 150%;
    padding: 10px 5px;
    overflow: hidden;
}

#forum .topbar .left {
    float: left;
}

#forum .topbar .right {
    float: right;
    text-align: right;
}

#forum .topbar .right .unread-mail {
    color: #C7C1E9;
}
#forum #reply.wide {
    margin: 0 5px 5px;
    width: auto;
}

#forum #reply.wide .posting .text {
    height: 300px;
}

#forum #reply.wide .posting .vote {
    display: none;
    margin: 10px 0 20px;
}

#forum #reply.wide .posting .vote input[type="text"] {
    width: 500px;
}

#forum #reply.wide .posting .vote .answer {
    margin-top: 5px;
}

#forum #reply.wide .posting .vote .button {
    background: url(/img/forum/icons-add-remove.png);
    display: inline-block;
    height: 16px;
    vertical-align: middle;
    width: 16px;
}

#forum #reply.wide .posting .vote .button.add {
    margin-left: 5px;
}

#forum #reply.wide .posting .vote .button.remove {
    background-position: -16px 0;
}

#forum #reply.wide .posting .vote .button.add:hover  { background-position: 0 -16px; }
#forum #reply.wide .posting .vote .button.add:active { background-position: 0 -32px; }

#forum #reply.wide .posting .vote .button.remove:hover  { background-position: -16px -16px; }
#forum #reply.wide .posting .vote .button.remove:active { background-position: -16px -32px; }
#forum .post {
    background: #251434 url(/img/forum/post-aside.png) 170px 0 repeat-y;
    border-bottom: 1px solid #22172D;
    border-top: 1px solid #3B3245;
    overflow: hidden;
}

#forum .post.checked {
    background-color: #351C4A;
}

#forum .post .button {
    border: 1px solid #574868;
    border-right: none;
    color: white;
    display: inline-block;
    font-size: 10px;
    font-weight: normal;
    height: 20px;
    line-height: 20px;
    padding: 0 10px;
    text-align: center;

    background: -moz-linear-gradient(top, #3a284e 0%, #2e1f3d 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3a284e), color-stop(100%,#2e1f3d));
    background: -webkit-linear-gradient(top, #3a284e 0%,#2e1f3d 100%);
    background: -o-linear-gradient(top, #3a284e 0%,#2e1f3d 100%);
    background: -ms-linear-gradient(top, #3a284e 0%,#2e1f3d 100%);
    background: linear-gradient(to bottom, #3a284e 0%,#2e1f3d 100%);
}

#forum .post .button:last-child {
    border-right: 1px solid #574868;
}

#forum .post .button:hover {
    color: white !important;
    text-decoration: none;

    background: -moz-linear-gradient(top, #684e85 0%, #5a4373 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#684e85), color-stop(100%,#5a4373));
    background: -webkit-linear-gradient(top, #684e85 0%,#5a4373 100%);
    background: -o-linear-gradient(top, #684e85 0%,#5a4373 100%);
    background: -ms-linear-gradient(top, #684e85 0%,#5a4373 100%);
    background: linear-gradient(to bottom, #684e85 0%,#5a4373 100%);
}

#forum .post .button:active {
    background: -moz-linear-gradient(top, #251434 0%, #180d21 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#251434), color-stop(100%,#180d21));
    background: -webkit-linear-gradient(top, #251434 0%,#180d21 100%);
    background: -o-linear-gradient(top, #251434 0%,#180d21 100%);
    background: -ms-linear-gradient(top, #251434 0%,#180d21 100%);
    background: linear-gradient(to bottom, #251434 0%,#180d21 100%);
}

#forum .post .button:focus {
    outline: none;
}

#forum .post .button.warning {
    background: -moz-linear-gradient(top, #ad9929 0%, #938423 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ad9929), color-stop(100%,#938423));
    background: -webkit-linear-gradient(top, #ad9929 0%,#938423 100%);
    background: -o-linear-gradient(top, #ad9929 0%,#938423 100%);
    background: -ms-linear-gradient(top, #ad9929 0%,#938423 100%);
    background: linear-gradient(to bottom, #ad9929 0%,#938423 100%);

    border-bottom-left-radius: 3px !important;
    border-top-left-radius: 3px !important;
}

#forum .post .button.warning:hover {
    background: -moz-linear-gradient(top, #c4ab2f 0%, #aa9729 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c4ab2f), color-stop(100%,#aa9729));
    background: -webkit-linear-gradient(top, #c4ab2f 0%,#aa9729 100%);
    background: -o-linear-gradient(top, #c4ab2f 0%,#aa9729 100%);
    background: -ms-linear-gradient(top, #c4ab2f 0%,#aa9729 100%);
    background: linear-gradient(to bottom, #c4ab2f 0%,#aa9729 100%);
}

#forum .post .button.warning:active {
    background: -moz-linear-gradient(top, #8e7a22 0%, #75681d 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8e7a22), color-stop(100%,#75681d));
    background: -webkit-linear-gradient(top, #8e7a22 0%,#75681d 100%);
    background: -o-linear-gradient(top, #8e7a22 0%,#75681d 100%);
    background: -ms-linear-gradient(top, #8e7a22 0%,#75681d 100%);
    background: linear-gradient(to bottom, #8e7a22 0%,#75681d 100%);
}

#forum .post .button.ban,
#forum .post .button.reviews {
    background: -moz-linear-gradient(top, #511030 0%, #3f0c25 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#511030), color-stop(100%,#3f0c25));
    background: -webkit-linear-gradient(top, #511030 0%,#3f0c25 100%);
    background: -o-linear-gradient(top, #511030 0%,#3f0c25 100%);
    background: -ms-linear-gradient(top, #511030 0%,#3f0c25 100%);
    background: linear-gradient(to bottom, #511030 0%,#3f0c25 100%);
}

#forum .post .button.ban:hover,
#forum .post .button.reviews:hover {
    background: -moz-linear-gradient(top, #821a4c 0%, #561130 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#821a4c), color-stop(100%,#561130));
    background: -webkit-linear-gradient(top, #821a4c 0%,#561130 100%);
    background: -o-linear-gradient(top, #821a4c 0%,#561130 100%);
    background: -ms-linear-gradient(top, #821a4c 0%,#561130 100%);
    background: linear-gradient(to bottom, #821a4c 0%,#561130 100%);
}

#forum .post .button.ban:active,
#forum .post .button.reviews:active {
    background: #330A1D;
}

#forum .post .path {
    border-bottom: 1px solid black;
    padding: 5px;

    background: #2E1F3D -moz-linear-gradient(top, #3A284E, #2E1F3D) repeat-x -15px;
    background: #2E1F3D -webkit-gradient(linear, 0 0, 0 100%, from(#3A284E), to(#2E1F3D)) repeat-x -15px;
    background: #2E1F3D -webkit-linear-gradient(top, #3A284E, #2E1F3D) repeat-x -15px;
    background: #2E1F3D -o-linear-gradient(top, #3A284E, #2E1F3D) repeat-x -15px;
    background: #2E1F3D linear-gradient(to bottom, #3A284E, #2E1F3D) repeat-x -15px;
}

#forum .post .profile {
    float: left;
    font-size: 10px;
    line-height: 150%;
    padding: 3px 5px;
    width: 160px;
}

#forum .post .profile .login {
    background: #38264B;
    line-height: 14px;
    margin-top: -5px;
    margin: -3px -5px 6px;
    padding: 5px 5px;
}

#forum .post .profile .status {
    background: url(/img/forum/icons-status.png) no-repeat;
    display: inline-block;
    height: 10px;
    margin: -1px 3px 0 0;
    vertical-align: middle;
    width: 9px;
}

#forum .post .profile .status.online  { background-position:  0   0; }
#forum .post .profile .status.offline { background-position: -9px 0; }

#forum .post .profile .rank {
    margin-bottom: 10px;
}

#forum .post .profile .rank + .rank-image {
    margin-top: -5px;
}

#forum .post .profile .rank-image {
    display: block;
    margin-bottom: 10px;
}

#forum .post .profile .avatar {
    margin-bottom: 10px;
    position: relative;
}

#forum .post .profile .avatar .social {
    background: url(/img/icons-socials.png) no-repeat;
    display: block;
    height: 16px;
    left: -3px;
    position: absolute;
    top: -3px;
    width: 16px;
}

#forum .post .profile .avatar .social.vkontakte     { background-position:   0   0; }
#forum .post .profile .avatar .social.facebook      { background-position: -16px 0; }
#forum .post .profile .avatar .social.twitter       { background-position: -32px 0; }
#forum .post .profile .avatar .social.google        { background-position: -48px 0; }
#forum .post .profile .avatar .social.odnoklassniki { background-position: -64px 0; }
#forum .post .profile .avatar .social.openid        { background-position: -80px 0; }

#forum .post .profile .cards {
    margin: -10px 0 10px;
}

#forum .post .profile .cards > span {
    background: url(/img/icons-cards.png) no-repeat;
    display: inline-block;
    height: 12px;
    vertical-align: middle;
    width: 9px;
}

#forum .post .profile .cards > span.yellow { background-position:  0   0; }
#forum .post .profile .cards > span.red    { background-position: -9px 0; }

#forum .post .profile .gender {
    background: url(/img/icons-gender.png) no-repeat;
    display: inline-block;
    height: 11px;
    vertical-align: middle;
    width: 10px;
}

#forum .post .profile .gender.male   { background-position:   0   0; }
#forum .post .profile .gender.female { background-position: -10px 0; }

#forum .post > .title {
    background: url(/img/title.png) no-repeat;
    font-size: 10px;
    height: 16px;
    line-height: 16px;
    margin-left: 171px;
    vertical-align: middle;
    padding: 4px 5px;
}

#forum .post > .title .right {
    float: right;
    font-size: 0;
}

#forum .post > .title .right > .buttons-group {
    margin-left: 10px;
    display: inline-block;
    vertical-align: middle;
}

#forum .post > .title .right .button:first-child {
    border-bottom-left-radius: 2px;
    border-top-left-radius: 2px;
    -moz-border-bottom-left-radius: 2px;
    -moz-border-top-left-radius: 2px;
}

#forum .post > .title .right .button:last-child {
    border-bottom-right-radius: 2px;
    border-top-right-radius: 2px;
    -moz-border-bottom-right-radius: 2px;
    -moz-border-top-right-radius: 2px;
}

#forum .post > .text {
    color: white;
    margin: 15px 55px 35px 176px;
    min-height: 125px;
    line-height: 150%;
}

#forum .post > .text img {
    max-height: 600px;
    max-width: 100%;
}

#forum .post > .text iframe {
    display: block;
    margin: 0 auto;
}

#forum .post > .text blockquote {
    background: #170923;
    border: 1px solid black;
    margin: 10px 40px;
}

#forum .post > .text blockquote > .title {
    background: #3A284E;
    font-weight: bold;
    padding: 2px 5px;
}

#forum .post > .text blockquote > .quote {
    padding: 5px;
}

#forum .post > .text .mod {
    background: #3A284E;
    border: 1px solid black;
    border-radius: 5px;
    box-shadow: 0 0 5px #170923;
    margin: 10px;
    overflow: hidden;
    padding: 10px;
    width: 70%;
}

#forum .post > .text .mod .icon {
    background: url(/img/forum/icon-warning.png) no-repeat;
    display: block;
    float: left;
    height: 32px;
    vertical-align: middle;
    width: 32px;
}

#forum .post > .text .mod .content {
    margin-left: 45px;
}

#forum .post > .text .mod hr {
    border: none;
    border-top: 1px solid black;
    height: 0;
}

#forum .post > .text .offtop {
    background: url(/img/forum/offtop-top.png) top center no-repeat;
    margin: 10px 40px;
    padding-top: 4px;
}

#forum .post > .text .offtop .center {
    background: #170923;
    border: 1px solid #111;
    box-shadow: 0 0 1px black;
    padding: 7px 10px 10px 60px;
}

#forum .post > .text .offtop .center .caption {
    font-weight: bold;
    margin: 0 0 3px -45px;
}

#forum .post > .text .offtop .bottom {
    background: url(/img/forum/offtop-bottom.png) top center no-repeat;
    height: 22px;
}

#forum .post > .text .code {
    background: #170923;
    border: 1px solid black;
    margin: 10px 40px;
    padding: 10px;
}

#forum .post > .text .code .caption {
    font-weight: bold;
    margin-bottom: 10px;
}

#forum .post > .text .code .content {
    font-family: 'Courier New';
    font-size: 14px;
    max-height: 400px;
    overflow: auto;
    white-space: nowrap;
}

#forum .post > .text .spoiler {
    background: #DCDCDC;
    color: #DCDCDC;
}

#forum .post > .text .spoiler2 {
    background: #170923;
    border: 1px solid black;
    margin: 10px 40px;
}

#forum .post > .text .spoiler2 .title {
    background: #3A284E;
    cursor: pointer;
    font-weight: bold;
    padding: 2px 5px;
}

#forum .post > .text .spoiler2 .content {
    display: none;
    margin: 2px 5px;
}

#forum .post > .text ul,
#forum .post > .text ol {
    margin: 3px 0;
}

#forum .post > .text ul li {
    list-style: inside disc;
    padding-left: 15px;
}

#forum .post > .text ol li {
    list-style: inside decimal;
    padding-left: 15px;
}

#forum .post > .text mark {
    background: yellow;
    color: red;
    font-weight: bold;
}

#forum .post > .text > .last-edit {
    font-size: 11px;
    margin-top: 50px;
    opacity: 0.6;
}

#forum .post > .bottom {
    border-top: 1px solid black;
    clear: left;
    font-size: 0;
    margin-left: 171px;
    padding: 5px;
    position: relative;
}

#forum .post > .bottom > .share {
    margin: -35px 5px 0 176px;
    position: absolute;
    right: 0;
    text-align: right;
}

#forum .post > .bottom > .share a {
    background: url(/img/share.png) no-repeat;
    display: inline-block;
    height: 19px;
    margin-left: 3px;
    opacity: 0.2;
    width: 19px;
}

#forum .post > .bottom > .share a:hover {
    opacity: 1;
}

#forum .post > .bottom > .share .vk { background-position: -21px 0; }
#forum .post > .bottom > .share .fb { background-position:   0   0; }
#forum .post > .bottom > .share .tw { background-position: -42px 0; }
#forum .post > .bottom > .share .gp { background-position: -63px 0; }

#forum .post > .bottom > .share .vk:hover { background-position: -21px -21px; }
#forum .post > .bottom > .share .fb:hover { background-position:   0   -21px; }
#forum .post > .bottom > .share .tw:hover { background-position: -42px -21px; }
#forum .post > .bottom > .share .gp:hover { background-position: -63px -21px; }

#forum .post > .bottom > .share .vk:active { background-position: -21px -42px; }
#forum .post > .bottom > .share .fb:active { background-position:   0   -42px; }
#forum .post > .bottom > .share .tw:active { background-position: -42px -42px; }
#forum .post > .bottom > .share .gp:active { background-position: -63px -42px; }

#forum .post > .bottom .button:first-child {
    border-bottom-left-radius: 2px;
    border-top-left-radius: 2px;

    -moz-border-bottom-left-radius: 2px;
    -moz-border-top-left-radius: 2px;
}

#forum .post > .bottom .button:last-child {
    border-bottom-right-radius: 2px;
    border-top-right-radius: 2px;

    -moz-border-bottom-right-radius: 2px;
    -moz-border-top-right-radius: 2px;
}

#forum .post > .bottom .toggle-mod {
    font-size: 12px;
    float: right;
    padding: 0 10px;
}

#forum .post > .mod {
    background: #251434;
    border-top: 2px solid black;
    color: white;
    display: none;
    overflow: hidden;
    line-height: 150%;
    padding: 5px;
}

#forum .post > .mod form.topic-move {
    float: right;
    width: auto;
}

#forum .post > .mod form.topic-move select optgroup {
    background: black;
    font-style: normal;
}

#forum .post > .mod form.topic-status {
    clear: right;
    float: right;
    margin: 5px 0;
    width: auto;
}

#forum .post > .mod form.topic-status select {
    padding-right: 20px;
}

/* ===== Редактирование поста ===== */

#forum .post > .posting {
    margin: 15px 15px 0 186px;
}

#forum .post > .posting .text {
    height: 300px;
}

#forum .post > .posting .buttons .preview,
#forum .post > .posting .buttons .send {
    display: none;
}

#forum .post > .posting .buttons .edit,
#forum .post > .posting .buttons .cancel {
    display: inline;
}

#forum .post > .posting .buttons .cancel {
    margin-left: 10px;
}

/* ===== Редактирование поста ===== */
#forum .posting {
    padding: 10px 0;

    _outline: 1px dotted orange;
}

#forum .posting .title,
#forum .posting .subject {
    box-sizing: border-box;
    margin-bottom: 10px;
    width: 100%;

    -moz-box-sizing: border-box;
}

#forum .posting .smileys {
    overflow: hidden;
    position: relative;
}

#forum .posting .smileys .arrow {
    display: inline-block;
    font-size: 11px;
    vertical-align: top;
}

#forum .posting .smileys .smile {
    margin-right: 7px;
}

#forum .posting .smileys .other {
    display: none;
    opacity: 0;
}

#forum .posting hr {
    border: none;
    border-top: 1px solid #907996;
    _clear: both;
    height: 0;
    margin: 10px 0;
}

#forum .posting .toolbar {
    font-size: 0;
}

#forum .posting .toolbar > .right {
    float: right;
}

#forum .posting .toolbar > .right .color {
    margin-left: 3px;
}

#forum .posting .toolbar > ul li {
    display: inline-block;
}

#forum .posting .toolbar > ul li.tb-button {
    background: url(/img/forum/icons-toolbar.png) no-repeat;
    cursor: pointer;
    height: 24px;
    position: relative;
    width: 24px;
}

#forum .posting .toolbar > ul li.tb-button.bold          { background-position:   0    0; }
#forum .posting .toolbar > ul li.tb-button.italic        { background-position: -24px  0; }
#forum .posting .toolbar > ul li.tb-button.underline     { background-position: -48px  0; }
#forum .posting .toolbar > ul li.tb-button.strikethrough { background-position: -72px  0; }
#forum .posting .toolbar > ul li.tb-button.list-bullets  { background-position: -96px  0; }
#forum .posting .toolbar > ul li.tb-button.list-numbers  { background-position: -120px 0; }
#forum .posting .toolbar > ul li.tb-button.quote         { background-position: -144px 0; }
#forum .posting .toolbar > ul li.tb-button.offtopic      { background-position: -168px 0; }
#forum .posting .toolbar > ul li.tb-button.spoiler       { background-position: -192px 0; }
#forum .posting .toolbar > ul li.tb-button.spoiler2      { background-position: -216px 0; }
#forum .posting .toolbar > ul li.tb-button.code          { background-position: -240px 0; }
#forum .posting .toolbar > ul li.tb-button.image         { background-position: -264px 0; }
#forum .posting .toolbar > ul li.tb-button.smileys       { background-position: -288px 0; }
#forum .posting .toolbar > ul li.tb-button.url           { background-position: -312px 0; }
#forum .posting .toolbar > ul li.tb-button.translate     { background-position: -336px 0; }
#forum .posting .toolbar > ul li.tb-button.youtube       { background-position: -360px 0; }
#forum .posting .toolbar > ul li.tb-button.moderate      { background-position: -384px 0; }

#forum .posting .toolbar > ul li.tb-button:hover {
    background-color: #170923;
    box-shadow: 0 0 3px rgba(255, 255, 255, 0.3);
}

#forum .posting .toolbar > ul li.tb-button:active {
    box-shadow: none;
}

#forum .posting .toolbar > ul li.tb-button > div {
    background: #170923;
    box-shadow: 0 0 3px rgba(255, 255, 255, 0.3);
    cursor: default;
    display: none;
    font-size: 12px;
    left: 0;
    padding: 10px;
    position: absolute;
    top: 100%;
    width: 200px;
    z-index: 1;
}

#forum .posting .toolbar > ul li.tb-button:hover > div {
    display: block;
}

#forum .posting .toolbar > ul li.tb-button > div > .more {
    margin-top: 5px;
    text-align: center;
}

#forum .posting .toolbar > ul li.tb-button > div img {
    margin: 2px;
}

#forum .posting .toolbar > ul li.separator {
    background: #3B3245;
    height: 20px;
    margin: 2px;
    width: 1px;
}

#forum .posting .text {
    box-sizing: border-box;
    height: 250px;
    margin: 7px 0 10px;
    width: 100%;
}

#forum .posting .text:focus {
    outline: none;
}

#forum .posting .tags {
    margin-bottom: 10px;
    overflow: hidden;
}

#forum .posting .tags dt {
    float: left;
    line-height: 22px;
    width: 70px;
}

#forum .posting .tags dd {
    display: block;
    margin-left: 70px;
}

#forum .posting .tags dd input {
    width: 100%;
}

#forum .posting .label + .label {
    margin-top: 2px;
}

#forum .posting label input {
    margin-left: 0;
}

#forum .posting .duration {
    margin-top: 5px;
    padding-right: 20px;
}

#forum .posting .buttons {
    font-size: 0;
    margin-top: 10px;
    text-align: center;
}

#forum .posting .buttons a,
#forum .posting .buttons input {
    font-size: 12px;
    margin: 0 3px;
}

#forum .posting .buttons .edit,
#forum .posting .buttons .cancel {
    display: none;
}

#forum .posting .ajax {
    display: none;
    margin: 0 -26px 0 10px;
    position: relative;
}
#forum #preview {
    background: #251434;
    display: none;
    margin: 15px 5px;
    padding-bottom: 15px;
}

#forum #preview .header {
    background: url(/img/forum/header-bg.png) repeat-x;
    font-weight: bold;
    height: 16px;
    line-height: 16px;
    margin-bottom: 2px;
    padding: 5px
}

#forum #preview > .text {
    color: white;
    margin: 15px 5px 0;
    min-height: 50px;
    line-height: 150%;
}

#forum #preview > .text img {
    max-width: 100%;
}

#forum #preview > .text iframe {
    display: block;
    margin: 0 auto;
}

#forum #preview > .text blockquote {
    background: #170923;
    border: 1px solid black;
    margin: 10px 40px;
}

#forum #preview > .text blockquote > .title {
    background: #3A284E;
    font-weight: bold;
    padding: 2px 5px;
}

#forum #preview > .text blockquote > .quote {
    padding: 5px;
}

#forum #preview > .text .mod {
    background: #3A284E;
    border: 1px solid black;
    border-radius: 5px;
    box-shadow: 0 0 5px #170923;
    margin: 10px;
    overflow: hidden;
    padding: 10px;
    width: 70%;
}

#forum #preview > .text .mod .icon {
    background: url(/img/forum/icon-warning.png) no-repeat;
    display: block;
    float: left;
    height: 32px;
    vertical-align: middle;
    width: 32px;
}

#forum #preview > .text .mod .content {
    margin-left: 45px;
}

#forum #preview > .text .mod hr {
    border: none;
    border-top: 1px solid black;
    height: 0;
}

#forum #preview > .text .offtop {
    background: url(/img/forum/offtop-top.png) top center no-repeat;
    margin: 10px 40px;
    padding-top: 4px;
}

#forum #preview > .text .offtop .center {
    background: #170923;
    border: 1px solid #111;
    box-shadow: 0 0 1px black;
    padding: 7px 10px 10px 60px;
}

#forum #preview > .text .offtop .center .caption {
    font-weight: bold;
    margin: 0 0 3px -45px;
}

#forum #preview > .text .offtop .bottom {
    background: url(/img/forum/offtop-bottom.png) top center no-repeat;
    height: 22px;
}

#forum #preview > .text .code {
    background: #170923;
    border: 1px solid black;
    margin: 10px 40px;
    padding: 10px;
}

#forum #preview > .text .code .caption {
    font-weight: bold;
    margin-bottom: 10px;
}

#forum #preview > .text .code .content {
    font-family: 'Courier New';
    font-size: 14px;
    max-height: 400px;
    overflow: auto;
    white-space: nowrap;
}

#forum #preview > .text .spoiler {
    background: #DCDCDC;
    color: #DCDCDC;
}

#forum #preview > .text .spoiler2 {
    background: #170923;
    border: 1px solid black;
    margin: 10px 40px;
}

#forum #preview > .text .spoiler2 .title {
    background: #3A284E;
    cursor: pointer;
    font-weight: bold;
    padding: 2px 5px;
}

#forum #preview > .text .spoiler2 .content {
    display: none;
    margin: 2px 5px;
}

#forum #preview > .text ul,
#forum #preview > .text ol {
    margin: 3px 0;
}

#forum #preview > .text ul li {
    list-style: inside disc;
    padding-left: 15px;
}

#forum #preview > .text ol li {
    list-style: inside decimal;
    padding-left: 15px;
}

#forum #preview > .text mark {
    background: yellow;
    color: red;
    font-weight: bold;
}

#forum #preview > .text > .last-edit {
    font-size: 11px;
    margin-top: 50px;
    opacity: 0.6;
}
#forum #reply {
    background: #251434;
    margin: 15px auto;
    width: 760px;
}

#forum #reply .header {
    background: url(/img/forum/header-bg.png) repeat-x;
    font-weight: bold;
    height: 16px;
    line-height: 16px;
    margin-bottom: 2px;
    padding: 5px;
}

#forum #reply > .posting {
    margin: 0 20px;
}
#forum.mail .wrapper {
    background: #251434 url(/img/forum/bg-mail.png) repeat-y;
    border-top: 1px solid black;
    border-bottom: 4px solid black;
    overflow: hidden;
}

#forum.mail .wrapper .mail {
    border: none;
    margin: 0 5px 0 200px;
    padding: 5px 0 5px 5px;
    width: auto;
}

#forum.mail .wrapper .mail > hr {
    background: #170923;
    border: none;
    border-bottom: 5px solid #251434;
    height: 5px;
    margin: 0 -5px;
}

#forum.mail .wrapper .mail #preview {
    border-bottom: 1px solid black;
    margin: 0 0 10px;
}

#forum.mail .wrapper .mail #reply.wide {
    border: 1px solid black;
    margin-left: 0;
    margin-right: 0;
}

#forum.mail .posting .to {
    box-sizing: border-box;
    margin-bottom: 10px;
    width: 100%;

    -moz-box-sizing: border-box;
}
/* ===== СТИЛЬ СПИСКА РАЗДЕЛОВ ===== */
#forum.index .list tr .icon-forum {
    cursor: default;
    opacity: 0.2;
}

#forum.index .list tr.unread .icon-forum {
    cursor: pointer;
    opacity: 1;
}

#forum.index .list td {
    padding: 5px 5px 10px;
    vertical-align: top;
}

#forum.index .list td.column-icon {
    text-align: center;
    width: 30px;
}

#forum.index .list td.column-stats {
    font-size: 11px;
    line-height: 150%;
    text-align: right;
    vertical-align: middle;
    width: 130px;
}

#forum.index .list td.column-post {
    font-size: 10px;
    width: 270px;
}

#forum.index .list td.private-info {
    line-height: 150%;
    padding: 0;
    text-align: center;
    vertical-align: middle;
}

#forum.index .list .link {
    font: bold 16px Arial;
}

#forum.index .list .last-post {
    display: inline-block;
    font-size: 12px;
    line-height: 130%;
    max-width: 250px;
}
/* ===== СТИЛЬ СПИСКА РАЗДЕЛОВ ===== */

/* ===== БЛОК СТАТИСТИКИ ===== */
#forum.index .statistics {
    color: #C7C1E9;
    line-height: 150%;
    padding: 10px;
}

#forum.index .statistics .alien {
    float: right;
    margin-right: 50px;
}

#forum.index .statistics img.mobile {
    margin-top: -1px;
    vertical-align: middle;
}

#forum.index .statistics a.admin     { color: red;     }
#forum.index .statistics a.moderator { color: #FFDEAD; }

#forum.index .statistics a {
    text-decoration: none;
}

#forum.index .statistics a:hover {
    text-decoration: underline;
}

#forum.index .statistics .bd {
    color: #C7C1E9;
}
/* ===== /БЛОК СТАТИСТИКИ ===== */

/* ===== БЛОК АВТОРИЗАЦИИИ ===== */
#forum.index .auth {
    border-top: 1px solid #251434;
    margin: 0 5px;
    opacity: 1;
    text-align: center;
}

#forum.index .auth form {
    box-sizing: border-box;
    padding: 10px 5px 15px;

    -moz-box-sizing: border-box;
}

#forum.index .auth input[type="submit"],
#forum.index .auth input[type="text"],
#forum.index .auth input[type="password"] {
    background: #251434;
    margin-right: 10px;
}

#forum.index .auth input[type="submit"] {
    margin: 0 10px 0 0;
    width: 80px;
}

#forum.index .auth input[type="submit"]:hover {
    outline: 1px solid #907996;
}
/* ===== /БЛОК АВТОРИЗАЦИИИ ===== */
#forum.forum .list td .admin {
    display: none;
    float: right;
    margin-top: -3px;
}

#forum.forum .list tr:hover .admin {
    display: inline;
}

#forum.forum .list td .admin a {
    background: url(/img/forum/icons-topic.png) no-repeat;
    display: inline-block;
    height: 16px;
    width: 16px;
}

#forum.forum .list td .admin a.lock   { background-position:  0    0; }
#forum.forum .list td .admin a.unlock { background-position: -16px 0; }
#forum.forum .list td .admin a.rename { background-position: -32px 0; }
#forum.forum .list td .admin a.delete { background-position: -48px 0; }

#forum.forum .list td .admin a.lock:hover   { background-position:  0    -16px; }
#forum.forum .list td .admin a.unlock:hover { background-position: -16px -16px; }
#forum.forum .list td .admin a.rename:hover { background-position: -32px -16px; }
#forum.forum .list td .admin a.delete:hover { background-position: -48px -16px; }

#forum.forum .list td .admin a.lock:active   { background-position:  0    -32px; }
#forum.forum .list td .admin a.unlock:active { background-position: -16px -32px; }
#forum.forum .list td .admin a.rename:active { background-position: -32px -32px; }
#forum.forum .list td .admin a.delete:active { background-position: -48px -32px; }
#forum.reviews .list.reviews {
    background: #170923;
    border: none;
    border-bottom: 4px solid black;
    color: white;
}

#forum.reviews .list.reviews .icon {
    background: url(/img/icons-plus-minus.png) no-repeat;
    display: block;
    height: 12px;
    margin: 10px 3px 0 0;
    vertical-align: middle;
    width: 12px;
}

#forum.reviews .list.reviews .icon.plus    { background-position:   0   0; }
#forum.reviews .list.reviews .icon.minus   { background-position: -12px 0; }
#forum.reviews .list.reviews .icon.warning { background-position: -24px 0; }
#forum.reviews .list.reviews .icon.ban     { background-position: -36px 0; }

#forum.reviews .list.reviews article {
    background: #251434 url(/img/forum/post-aside.png) 171px 0 repeat-y;
    margin-top: 5px;
    overflow: hidden;
}

#forum.reviews .list.reviews article + article {
    margin-top: 2px;
}

#forum.reviews .list.reviews article aside {
    float: left;
    padding: 5px;
    width: 161px;
}

#forum.reviews .list.reviews article .review {
    margin-left: 170px;
    padding: 5px 5px 10px;
}

#forum.reviews .list.reviews article .right {
    float: right;
    font-size: 0;
    margin: -2px 0 0;
    display: inline-block;
    vertical-align: middle;
}

#forum.reviews .list.reviews article .right .button {
    border: 1px solid #574868;
    border-right: none;
    color: white;
    display: inline-block;
    font-size: 10px;
    font-weight: normal;
    height: 16px;
    line-height: 16px;
    padding: 0 5px;
    text-align: center;

    background: -moz-linear-gradient(top, #3a284e 0%, #2e1f3d 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3a284e), color-stop(100%,#2e1f3d));
    background: -webkit-linear-gradient(top, #3a284e 0%,#2e1f3d 100%);
    background: -o-linear-gradient(top, #3a284e 0%,#2e1f3d 100%);
    background: -ms-linear-gradient(top, #3a284e 0%,#2e1f3d 100%);
    background: linear-gradient(to bottom, #3a284e 0%,#2e1f3d 100%);
}

#forum.reviews .list.reviews article .right .button:hover {
    color: white !important;
    text-decoration: none;

    background: -moz-linear-gradient(top, #684e85 0%, #5a4373 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#684e85), color-stop(100%,#5a4373));
    background: -webkit-linear-gradient(top, #684e85 0%,#5a4373 100%);
    background: -o-linear-gradient(top, #684e85 0%,#5a4373 100%);
    background: -ms-linear-gradient(top, #684e85 0%,#5a4373 100%);
    background: linear-gradient(to bottom, #684e85 0%,#5a4373 100%);
}

#forum.reviews .list.reviews article .right .button:active {
    background: -moz-linear-gradient(top, #251434 0%, #180d21 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#251434), color-stop(100%,#180d21));
    background: -webkit-linear-gradient(top, #251434 0%,#180d21 100%);
    background: -o-linear-gradient(top, #251434 0%,#180d21 100%);
    background: -ms-linear-gradient(top, #251434 0%,#180d21 100%);
    background: linear-gradient(to bottom, #251434 0%,#180d21 100%);
}

#forum.reviews .list.reviews article .right .button:focus {
    outline: none;
}

#forum.reviews .list.reviews article .right .button:first-child {
    border-bottom-left-radius: 2px;
    border-top-left-radius: 2px;
    -moz-border-bottom-left-radius: 2px;
    -moz-border-top-left-radius: 2px;
}

#forum.reviews .list.reviews article .right .button:last-child {
    border-bottom-right-radius: 2px;
    border-right: 1px solid #574868;
    border-top-right-radius: 2px;
    -moz-border-bottom-right-radius: 2px;
    -moz-border-top-right-radius: 2px;
}

#forum.reviews .list.reviews article .time {
    font-weight: bold;
    margin-bottom: 7px;
}

#forum.reviews .list.reviews article .text .spoiler2 {
    background: #170923;
    border: 1px solid black;
    margin: 10px 40px;
}

#forum.reviews .list.reviews article .text .spoiler2 .title {
    background: #3A284E;
    cursor: pointer;
    font-weight: bold;
    padding: 2px 5px;
}

#forum.reviews .list.reviews article .text .spoiler2 .content {
    display: none;
    margin: 2px 5px;
}

#forum.reviews #reply .preview {
    display: none;
}

/* ===== Редактирование отзыва ===== */

#forum.reviews .review > .posting {
    margin: 10px 11px 0 11px;
}

#forum.reviews .review > .posting .text {
    height: 200px;
}

#forum.reviews .review > .posting .buttons .preview,
#forum.reviews .review > .posting .buttons .send {
    display: none;
}

#forum.reviews .review > .posting .buttons .edit,
#forum.reviews .review > .posting .buttons .cancel {
    display: inline;
}

#forum.reviews .review > .posting .buttons .cancel {
    margin-left: 10px;
}

/* ===== /Редактирование отзыва ===== */

#forum.reviews .votes-limit {
    background: #251434;
    border: 1px solid black;
    margin: 15px auto;
    text-align: center;
    padding: 25px 0;
    width: 760px;
}
#forum.rules article {
    background: #251434;
    border-bottom: 4px solid black;
    border-top: 1px solid black;
    padding: 10px 10px 20px;
}

#forum.rules article h3 {
    background: url(/img/title.png) repeat-y;
    font-size: 16px;
    margin-bottom: 10px;
    padding: 2px 0 3px 10px;
}

#forum.rules article .bullet {
    display: inline-block;
    float: left;
    margin-left: -40px;
    width: 40px;
}

#forum.rules article ol + h3 {
    margin-top: 15px;
}

#forum.rules article li {
    line-height: 150%;
}

#forum.rules article li ol {
    margin-left: 60px;
}

#forum.rules article p {
    line-height: 150%;
}

#forum.rules article li + li {
    margin-top: 10px;
}
#forum.search {
    position: relative;
}

#forum.search .controls.top form {
    color: white;
}

#forum.search .controls.top form select {
    background: #251434;
    padding-right: 10px;
    vertical-align: middle;
}

#forum.search .controls.top form input {
    vertical-align: middle;
}

/* ===== СТИЛЬ СПИСКА ПОСТОВ ===== */
#forum.search .list.posts {
    border-bottom: 4px solid black;
    width: auto;
}

#forum.search .list .post {
    margin-top: 7px;
}

#forum.search .list .post:first-child {
    margin-top: 0;
}
/* ===== /СТИЛЬ СПИСКА ПОСТОВ ===== */

#forum.search .not-found {
    background: #251434;
    border-bottom: 4px solid black;
    border-top: 1px solid #3B3245;
    font-size: 18px;
    margin: 0 1px;
    padding: 100px 0 300px;
    text-align: center;
}
#forum.topic {
    position: relative;
}

/* ===== ТЕГИ ===== */
#forum.topic > .tags {
    background: #251434;
    border-bottom: 1px solid #22172D;
    border-top: 1px solid #3B3245;
    margin: 5px 1px;
}

#forum.topic > .tags .title {
    background: url(/img/title.png) repeat-y;
    font-weight: bold;
    padding: 3px;
}

#forum.topic > .tags .text {
    font-size: 10px;
    padding: 5px;
}
/* ===== /ТЕГИ ===== */

/* ===== ГОЛОСОВАНИЕ ===== */
#forum.topic .votes {
    background: #251434;
    border-top: 1px solid #3B3245;
    padding: 15px 0;
}

#forum.topic .votes table {
    margin: 0 auto;
    max-width: 80%;
    min-width: 40%;
}

#forum.topic .votes table td {
    padding: 3px 5px;
}

#forum.topic .votes table caption {
    font-weight: bold;
    padding-bottom: 7px;
}

#forum.topic .votes table .progress {
    border-radius: 2px;
    box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.3),
                inset 0 -1px 2px rgba(200, 200, 200, 0.1);
    height: 14px;
    width: 200px;
}

#forum.topic .votes table .progress > .value {
    border: 1px solid rgba(0, 0, 0, 0.102);
    border-bottom-color: rgba(0, 0, 0, 0.251);
    border-radius: 2px;
    box-shadow: inset 0 1px 0   rgba(255, 255, 255, 0.2),
                      0 1px 2px rgba(0, 0, 0, 0.05);
    height: 12px;
    width: 200px;

    background: #2E1F3D -moz-linear-gradient(top, #3A284E, #2E1F3D) repeat-x -15px;
    background: #2E1F3D -webkit-gradient(linear, 0 0, 0 100%, from(#3A284E), to(#2E1F3D)) repeat-x -15px;
    background: #2E1F3D -webkit-linear-gradient(top, #3A284E, #2E1F3D) repeat-x -15px;
    background: #2E1F3D -o-linear-gradient(top, #3A284E, #2E1F3D) repeat-x -15px;
    background: #2E1F3D linear-gradient(to bottom, #3A284E, #2E1F3D) repeat-x -15px;
}

#forum.topic .votes table .bottom {
    text-align: center;
}

#forum.topic .votes.voters table {
    border-collapse: collapse;
}

#forum.topic .votes.voters table .answer {
    background: url(/img/title.png) repeat-y;
}

#forum.topic .votes.voters table .count td:first-child {
    width: 100px;
}

#forum.topic .votes.voters table .count td {
    padding: 5px;
}

#forum.topic .votes.voters table .progress {
    width: 100%;
}

#forum.topic .votes.voters table .voters {
    border-bottom: 1px solid black;
    padding-bottom: 10px;
}
/* ===== /ГОЛОСОВАНИЕ ===== */

/* ===== СТИЛЬ СПИСКА ПОСТОВ ===== */
#forum.topic .list {
    border-bottom: 4px solid black;
    width: auto;
}

#forum.topic .list .post {
    margin-top: 7px;
}

#forum.topic .list .post:first-child {
    margin-top: 0;
}
/* ===== /СТИЛЬ СПИСКА ПОСТОВ ===== */

#forum.topic .moderation {
    background: #251434;
    border-bottom: 2px solid black;
    border-top: 2px solid black;
    display: none;
    overflow: hidden;
    padding: 7px 5px;
}

#forum.topic .moderation .right {
    float: right;
}

#forum.topic .moderation .button {
    border: 1px solid #574868;
    border-right: none;
    color: white;
    display: inline-block;
    font-size: 10px;
    font-weight: normal;
    height: 20px;
    line-height: 20px;
    padding: 0 10px;
    text-align: center;

    background: -moz-linear-gradient(top, #3a284e 0%, #2e1f3d 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3a284e), color-stop(100%,#2e1f3d));
    background: -webkit-linear-gradient(top, #3a284e 0%,#2e1f3d 100%);
    background: -o-linear-gradient(top, #3a284e 0%,#2e1f3d 100%);
    background: -ms-linear-gradient(top, #3a284e 0%,#2e1f3d 100%);
    background: linear-gradient(to bottom, #3a284e 0%,#2e1f3d 100%);
}

#forum.topic .moderation .button:last-child {
    border-right: 1px solid #574868;
}

#forum.topic .moderation .button:first-child {
    border-bottom-left-radius: 2px;
    border-top-left-radius: 2px;

    -moz-border-bottom-left-radius: 2px;
    -moz-border-top-left-radius: 2px;
}

#forum.topic .moderation .button:last-child {
    border-right: 1px solid #574868;
    border-bottom-right-radius: 2px;
    border-top-right-radius: 2px;

    -moz-border-bottom-right-radius: 2px;
    -moz-border-top-right-radius: 2px;
}

#forum.topic .moderation .button:hover {
    color: white !important;
    text-decoration: none;

    background: -moz-linear-gradient(top, #684e85 0%, #5a4373 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#684e85), color-stop(100%,#5a4373));
    background: -webkit-linear-gradient(top, #684e85 0%,#5a4373 100%);
    background: -o-linear-gradient(top, #684e85 0%,#5a4373 100%);
    background: -ms-linear-gradient(top, #684e85 0%,#5a4373 100%);
    background: linear-gradient(to bottom, #684e85 0%,#5a4373 100%);
}

#forum.topic .moderation .button:active {
    background: -moz-linear-gradient(top, #251434 0%, #180d21 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#251434), color-stop(100%,#180d21));
    background: -webkit-linear-gradient(top, #251434 0%,#180d21 100%);
    background: -o-linear-gradient(top, #251434 0%,#180d21 100%);
    background: -ms-linear-gradient(top, #251434 0%,#180d21 100%);
    background: linear-gradient(to bottom, #251434 0%,#180d21 100%);
}

#forum.topic .moderation .button:focus {
    outline: none;
}
#forum.unread .empty {
    background: #251434;
    font-size: 18px;
    margin-bottom: 4px;
    padding: 130px 0;
    text-align: center;
}