/********** СТИЛЬ "Ильверморни" © ForumD.ru **********/
/*********** Заказ дизайна: http://forumd.ru/ ***********/
/************ Дизайнер: Bruksa, код: satsana ***********/

@charset "windows-1251";
@import url(style_cs.1610147777.css); 

html, body {
    margin: 0;
    padding: 0;
    min-width: 1030px;
    font-family: 'Book Antiqua', 'Palatino Linotype', Palatino, serif;
    font-size: 16px;
    color: #4e4133;
}

#pun {
    position: relative;
    width: 920px;
    margin: 356px auto 62px;
    padding: 20px 17px 34px;
    -webkit-box-shadow: 10px 0 20px #3e602980, -10px 0 20px #3e602980;
    -moz-box-shadow: 10px 0 20px #3e602980, -10px 0 20px #3e602980;
    box-shadow: 10px 0 20px #3e602980, -10px 0 20px #3e602980;
}

table {
    width: 100%;
}

ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

a {
    color: #633e10;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}

img {
    max-width: 100%;
    height: auto;
}

textarea,
input,
input[type="submit"],
select {
    font-family: 'Book Antiqua', 'Palatino Linotype', Palatino, serif;
    background-color: #f7ffde;
    font-size: 1em;
    border-color: #b5b198;
    outline: none;
}

textarea {
    resize: vertical;
}

fieldset {
    border-color: #e8e3c3;
}

.formsubmit {
    padding: 0 1em 10px;
}

hr {
    border: none;
    height: 5px;
    margin: .5em 0;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
}

p {
    margin: 0 0 1em;
    word-wrap: break-word;
}

.bbuline {
    font-style: inherit;
    text-decoration: underline;
}

#pun-navlinks h2,
#pun-ulinks h2,
#pun-announcement h2,
#pun-status h2,
.crumbs strong,
#pun-index h1,
#pun-break1,
#pun-break2,
#pun-break3,
.acchide,
.forum h2,
.topic h2,
.stickytext,
.closedatafield,
#post-form h2,
#pun-userlist h2,
#profilenav h2 {
    display: none;
}


/* Шапка */
#pun-title {
    position: absolute;
    top: -120px;
    left: calc(50% - 460px);
    font-size: 0;
    width: 360px;
    height: 90px;
    background-position: center;
    background-repeat: no-repeat;
    padding: 0;
}
#title-logo-table {
    display: none;
}

#pun-navlinks ul,
#pun-navlinks li,
#pun-ulinks li,
#pun-navlinks a,
#profilenav ul,
#profilenav li {
    display: inline-block;
}
#pun-navlinks {
    text-align: center;
    height: 38px;
    margin-bottom: 32px;
    padding: 0;
}
#pun-navlinks a {
    padding: 8px 5px;
    font-size: 16px;
    text-decoration: none;
    text-transform: uppercase;
    color: #ffe4c0;
    text-shadow: 1px 1px 1px black;
    -webkit-transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
}
#navpm span.num_msg {
    margin-left: -10px !important;
    margin-top: -10px;
}

#pun-ulinks,
#profilenav {
    width: 920px;
    text-align: center;
    padding: 0;
    -webkit-box-shadow: 0 3px 5px #3b2c2c;
    -moz-box-shadow: 0 3px 5px #3b2c2c;
    box-shadow: 0 3px 5px #3b2c2c;
}
#pun-ulinks {
    position: absolute;
    z-index: 1;
    height: 34px;
    margin-top: -32px;
}
#profilenav {
    margin: -5px 0 10px;
    padding-bottom: 12px;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
}
#pun-ulinks a,
#profilenav a {
    padding: 2px 3px;
    font-size: 10px;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
    color: #bfa380;
    text-shadow: 0 1px 0 #504d3a;
}
#pun-navlinks ul:hover a {
    color: #bfa380;
}
#pun-navlinks ul a:hover,
#pun-ulinks a:hover,
#profilenav a:hover,
#profilenav .isactive a {
    color: #fff1cc;
}

#pun-status {
    padding-top: 5px;
}


/* Объявление*/
#pun-announcement {
    height: 270px;
    text-align: center;
    position: relative;
    font-size: 12px;
    line-height: 1em;
    padding: 0;
    -webkit-box-shadow: 0 2px 5px #3b2c2c;
    -moz-box-shadow: 0 2px 5px #3b2c2c;
    box-shadow: 0 2px 5px #3b2c2c;
}
#pun-announcement::after {
    content: '';
    display: block;
    width: 109px;
    height: 222px;
    position: absolute;
    right: -59px;
    bottom: -16px;
}
#pun-announcement .html-box {
    display: -webkit-flex;
    display: flex;
}
#pun-announcement h3 {
    margin: .5em 0;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
    color: #e5decc;
    text-shadow: 0 1px 2px #584535;
}
#annleft {
    width: 250px;
    height: 260px;
    padding: 0 5px;
}
#anncenter {
    width: 364px;
    height: 250px;
    padding: 5px 20px;
    color: #5e5842;
    overflow: hidden;
}
#annright {
    position: relative;
    width: 246px;
    height: 250px;
    padding: 5px;
    color: #fbf4e0;
}
#ar-bottom {
    position: absolute;
    width: 246px;
    bottom: 0;
}
#annguide {
    position: relative;
}
#annguide img {
    position: relative;
    top: -4px;
    left: -32px;
    cursor: pointer;
}
#annguide ul {
    position: absolute;
    top: 78px;
    left: 5px;
    display: none;
}
#annguide:hover ul {
    display: block;
}
#annguide a {
    display: inline-block;
    width: 224px;
    height: 21px;
    font-size: 14px;
    line-height: 24px;
    text-decoration: none;
    font-weight: bold;
    text-transform: uppercase;
    border-color: #927f6f;
    border-style: solid;
    border-width: 0 1px 1px;
}
#annfaculty {
    display: -webkit-flex;
    display: flex;
    margin-top: -30px;
    font-size: 16px;
    font-weight: bold;
}
.annavcon {
    display: inline-block;
    position: relative;
}
.annav {
    width: 60px;
    height: 60px;
    display: inline-block;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: top;
    border: solid 1px #e1d9bf;
    cursor: pointer;
}
.annavact {
    position: absolute;
    top: 63px;
    left: -20px;
    padding: 5px;
    white-space: nowrap;
    text-align: left;
    color: #4b3f2f;
    background-color: #cbc8b7;
    border: solid 1px #937f6f;
    display: none;
}
.annavcon:hover .annavact {
    display: block;
}


/* Главная */
.section,
.divider,
.statscon,
.linkst,
.linksb,
.modmenu,
#notify-settings {
    padding: 0 10px;
}
#pun-online #pun-main .section {
    padding: 0;
}
.modmenu {
    margin: 1em 0;
}
#topic-modmenu {
    margin-top: -10px;
}
.modmenu strong + span {
    float: right;
}
.info {
    padding: 10px 20px;
}
#pun-stats,
#html-footer {
    padding: 0;
}

.category h2,
#pun-stats h2,
#pun-main h1,
.modal-inner h2 {
    height: 34px;
    padding: 26px 0 0;
    margin: 0;
    font-size: 16px;
    font-weight: normal;
    text-transform: uppercase;
    text-align: center;
    color: #fff1cc;
    text-shadow: 0 0 7px #c6c3b2;
}

#pun-index thead {
    display: none;
}
#pun-index .category tbody {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    justify-content: center;
}
#pun-index .category tr {
    position: relative;
    width: 390px;
    height: 196px;
    margin: 15px 25px;
    -webkit-box-shadow: 0 0 5px black;
    -moz-box-shadow: 0 0 5px black;
    box-shadow: 0 0 5px black;
}
#pun-index .category td {
    display: block;
}
#pun-index .category .tcl {
    padding: 0 10px;
    font-size: 14px;
    line-height: .9em;
}
#pun-index .category .tcl .icon{
    display: none;
}
#pun-index .category .tcl h3 {
    margin: 0;
    height: 30px;
    margin-bottom: 16px;
}
#pun-index .category .tcl h3 a {
    display: block;
    padding: 10px;
    color: #593817;
    text-shadow: 0 1px 0 #cebcab;
    text-decoration: none;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
}
#pun-index .category .inew .tcl h3 a {
    color: #e4dac3;
    text-shadow: 0 0 4px #9b826a;
}
#pun-index .category .icon.inew {
    width: 78px;
    height: 134px;
    position: absolute;
    bottom: -7px;
    right: -24px;
}
#pun-index .category .tclcon {
    height: 138px;
    overflow: hidden;
}
#pun-index .category .tc2,
#pun-index .category .tc3 {
    position: absolute;
    bottom: 7px;
    color: #857152;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: bold;
}
#pun-index .category .tc2 {
    left: 100px;
}
#pun-index .category .tc3 {
    right: 100px;
}
#pun-index .category .tc2::before {
    content: 'Тем: ';
}
#pun-index .category .tc3::before {
    content: 'Сообщений: ';
}
#pun-index .category .tcr {
    position: absolute;
    bottom: 24px;
    width: 372px;
    padding: 0 10px;
    line-height: 1em;
    height: 34px;
    overflow: hidden;
    font-size: 12px;
    text-transform: uppercase;
    line-height: 16px;
}
#pun-index .category .tcr a {
    color: #6e5f4a;
}
#pun-index .tcr .user-avatar {
    height: 30px;
}


/* Подвал */

#pun-stats li.item1, #pun-stats li.item2 {
    float: left;
    clear: both;
    line-height: 150%;
}
#pun-stats li.item3, #pun-stats li.item4 {
    text-align: right;
    line-height: 150%;
}
#onlinelist {
    margin-top: .5em;
}

#html-footer {
    position: relative;
    text-align: center;
}
#fdcop {
    position: absolute;
    right: 10px;
    top: -2em;
}
#banners {
    height: 0;
    padding-top: 42px;
    margin-bottom: -2px;
    overflow: hidden;
    -webkit-transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
}
#banners:hover {
    height: 70px;
}


/* Форум */
.linkst,
.linksb {
    width: 900px;
    text-transform: uppercase;
    font-size: 12px;
    color: #644c36;
    line-height: 1em;
}
#pun-messages .linksb,
#pun-userlist .linksb,
#pun-searchtopics .linksb {
    margin: 1em 0;
}
.isguest #pun-viewforum .linksb {
    margin: 1em 0 0;
}
#pun-viewforum .linkst,
#pun-searchtopics .linkst {
    position: absolute;
    margin-top: 22px;
}

.linkst .pagelink {
    position: relative;
    top: 1em;
    width: 50%;
}

.postlink {
    float: right;
    text-align: right;
}

.forum table,
.forum thead,
.forum tbody {
    display: block;
}
.forum table:first-of-type,
#pun-mod table,
#pun-online table {
    margin-top: -4px;
}

.forum tr {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
}
.forum tbody tr {
    min-height: 58px;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    font-size: 12px;
    text-transform: uppercase;
}
.forum tbody table#f-subforums tr .tclcon {
    text-transform: none;
}
.forum tbody table#f-subforums tr .tclcon h3 {
    text-transform: uppercase;
}
}
.forum tbody tr,
.forum tbody tr a {
    color: #6e5f4a;
}
.byuser {
    color: #905200;
    font-weight: bold;
}
th {
    text-align: center;
    font-weight: normal;
    padding: 3px 10px;
}
th.tcl:first-of-type {
    padding-left: 30px;
    text-align: left;
}
thead {
    font-size: 11px;
    text-transform: uppercase;
    color: #6e5c45;
    background-color: #6a605433;
    -webkit-box-shadow: 0 0 5px #50402b;
    -moz-box-shadow: 0 0 5px #50402b;
    box-shadow: 0 0 5px #50402b;
}
.forum table:first-of-type thead {
    margin-bottom: 46px;
}
.forum td {
    text-align: center;
    padding: 5px 10px;
}
.forum .tcl {
    text-align: left;
    -webkit-flex-grow: 1; 
    flex-grow: 1;
}
.forum .tcl .intd {
    display: -webkit-flex;
    display: flex;
    align-items: center;
}
.forum .tcl .icon {
    width: 44px;
    height: 44px;
    -webkit-flex-basis: 44px;
    flex-basis: 44px;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    background-repeat: no-repeat;
}
.forum .tclcon {
    -webkit-flex-grow: 1; 
    flex-grow: 1;
    padding-left: 20px;
}
.newtext {
    font-size: .75em;
}
.forum .tc2,
.forum .tc3 {
    -webkit-flex-basis: 80px;
    flex-basis: 80px;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
}
#pun-viewforum tbody .tc2,
.forum tbody .tc3 {
    font-size: 14px;
}
.forum .tcr {
    -webkit-flex-basis: 200px;
    flex-basis: 200px;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
}


/* Топик */

#pun-viewtopic .linkst,
#pun-userlist .linkst {
    margin-bottom: 2em;
}

#pun-live-rusff {
    display: none;
}

.post::after {
    content: '';
    display: block;
    clear: both;
}

.post h3 {
    height: 14px;
    margin: 0 0 0 234px;
    padding: 2px 10px;
    background-color: #6a605433;
    color: #644c36;
    font-size: 12px;
    text-transform: uppercase;
}
.post h3 a {
    color: #644c36;
}
.post h3 strong {
    float: right;
}

.post-author,
#viewprofile td#profile-left {
    position: relative;
    float: left;
    text-align: center;
    width: 202px;
    margin: -18px 0 0 8px;
    border-width: 31px 12px 20px;
    border-style: solid;
    border-color: #7d613d;
    color: #5b5248;
    font-size: 12px;
    line-height: 1.2em;
    -webkit-box-shadow: 0px 2px 8px #5e554b;
    -moz-box-shadow: 0px 2px 8px #5e554b;
    box-shadow: 0px 2px 8px #5e554b;
}
.post-author::before,
#profile-left::before {
    content: '';
    display: block;
    position: absolute;
    top: -50px;
    left: -40px;
    width: 66px;
    height: 84px;
    background: url(https://i.gyazo.com/a1328219c914197d243c0487131b4c13.png) center no-repeat;
}

.pa-author,
.pa-title,
#profile-name,
#profile-title {
    margin-left: -12px !important;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
}

.pa-author,
#profile-name {
    width: 216px;
    padding: 4px 5px !important;
    position: absolute;
    top: -31px;
    height: 23px;
    line-height: 23px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 18px;
    font-weight: bold;
    color: #562a01;
    text-shadow: 0 0 7px #fffceb;
}
.pa-author a {
    color: #562a01;
    text-decoration: none;
}
.pa-author img {
    position: absolute;
    right: -.5em;
    top: 0;
}

.pa-title,
#profile-title {
    width: 176px;
    padding: 4px 25px 7px !important;
    font-size: 10px;
    text-transform: uppercase;
    color: #cac8b6;
    -webkit-box-shadow: 0 2px 4px #00000033;
    -moz-box-shadow: 0 2px 4px #00000033;
    box-shadow: 0 2px 4px #00000033;
}

.pa-avatar,
#pa-avatar {
    margin-top: 12px;
}
.pa-avatar img,
pa-avatar img {
    background-color: #b4af9b;
    border: 1px solid #d7d1bd;
    -webkit-box-shadow: 0 -1px 9px #00000038;
    -moz-box-shadow: 0 -1px 9px #00000038;
    box-shadow: 0 -1px 9px #00000038;
}
.charinfo {
    margin: 10px -7px;
    border-style: solid;
    border-width: 5px;
    border-color: #c6c3b0;
    color: #6b6054;
    font-size: 14px;
    font-style: italic;
    line-height: 1.2em;
}
.charinfo::before {
    content: 'Информация о персонаже';
    display: list-item;
}


.post-body {
    margin-left: 234px;
    padding: 13px;
}
.post-body p {
    line-height: 1.2em;
    text-align: justify;
}

.scrollbox {
    height: auto !important;
    overflow: auto;
    border: 1px solid #b5b198;
}
pre {
    margin: 0;
    padding: 10px;
}
.quote-box,
.code-box,
#tags .container {
    border-width: 15px 20px 25px;
    border-color: transparent;
    border-style: solid;
    color: #615549;
}
cite {
    color: #50453b;
    font-size: 12px;
    text-transform: uppercase;
    font-style: normal;
    font-weight: bold;
}
blockquote {
    margin: .5em 0;
}

.post-body td {
    border-color: #b5b198;
}

dl {
    border-color: #b5b198;
    border-style: solid;
    border-width: 1px 0 0;
}
dt {
    display: none;
}
dd {
    margin: 1em 0;
}

.isguest #pun-viewtopic  .post {
    margin-bottom: 30px;
}

.post-links {
    clear: both;
    padding: 10px 10px 30px;
    text-align: right;
}
#pun-searchposts .post-links {
    padding-top: 0;
}
#pun-viewtopic .post-links {
    padding-top: 30px;
}
.post-links li {
    display: inline-block;
}
.post-links .pl-email {
    float: left;
    margin-right: 15px;
}
.post-links li:not(.pl-email) {
    margin-left: 12px;
}

.subscribelink {
    margin: 2em 0;
}


/* Профиль */

.inputfield,
.selectfield {
    display: inline-block;
}
#profile2 .inputfield,
#profile3 .inputfield {
    display: block;
}
#profile2 input[type="text"] {
    width: 330px;
}
#interests input[type="text"] {
    width: 99%;
}

#viewprofile table {
    width: 900px;
    margin: auto;
}
#viewprofile td#profile-left {
    margin-top: 0;
    overflow: initial;
}
#profile-right li {
    padding: 0 0 .5em;
    line-height: 1.5em;
    clear: both;
}
#profile-right span {
    display: block;
    width: 12em;
    float: left;
}
#profile-right strong {
    display: block;
    margin-left: 12em;
}


/* Страница входа */

#pun-login .formal {
    position: relative;
    width: 480px;
    height: 270px;
    margin: auto;
    padding: 35px 380px 35px 50px;
}
#login {
    text-align: center;
}
#login fieldset {
    border: none;
    margin: 0;
    padding: 0;
}
#login legend,
#login label {
    display: block;
    font-weight: bold;
    text-transform: uppercase;
}
#login legend {
    margin-bottom: 32px;
}
#login label {
    margin-bottom: 4px;
}
#login label em,
#login .inputfield br {
    display: none;
}
#login .inputfield input {
    width: 200px;
    background-color: #c7c4ae80 !important;
    border: 1px solid #a89b89;
}
#login .inputfield:first-of-type {
    margin-right: 58px;
}
#login .infofield {
    font-style: italic;
    padding: 50px 20px 14px;
}
#login .inputfield:not(.required) {
    position: absolute;
    bottom: -5px;
    left: 210px;
    width: 170px;
}
#login a {
    color: #562a01;
    text-decoration: none;
}
#login input[type="submit"] {
    position: absolute;
    left: 256px;
    bottom: 166px;
    background: transparent;
    color: #4e4133;
    border: none;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    cursor: pointer;
}


/* Мелочи */

#pun-online tbody tr,
.usertable tbody tr,
#messages tr {
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
}
#pun-online td,
.usertable td,
#messages td {
    padding: 10px;
}
#pun-online td:not(.tcl),
.usertable td:not(.tcl),
#messages td:not(.tcl) {
    text-align: center;
}
#pun-online .tcl:nth-of-type(2) {
    width: 50% !important;
}


#pun-crumbs2 {
    margin-top: 1em;
}

.formal messages-container #profilenav {
    border-top: 3px ridge #a89881;
}
#messages table {
    width: 914px;
    margin-left: -13px;
}

.hashelp {
    position: relative;
}
.hashelp #tags .container {
    top: 28px;
    right: -6px;
}

#pun-register .info-box {
    padding: 10px 20px;
    text-align: justify;
}

td#savetext {
    width: 46px;
}

#age-age {
    padding: 0 1em;
}

.modal-inner.section {
    padding: 3px 17px 30px;
}

#pun-redirect h1 {
    margin-top: -10px;
}


#arrows {
    position: fixed;
    right: 6px;
    top: calc(50vh - 37px);
    z-index: 9999;
}
@media screen and (min-width: 1200px) {
  #arrows {
    right: calc(50vw - 594px);
  }
}
#arrows a {
    display: block;
}
#arrows a div {
    width: 58px;
    height: 37px;
    -moz-opacity: .8;
    opacity: .8;
}
#arrows a div:hover {
    -moz-opacity: 1;
    opacity: 1;
}
#arrows a.top div {
    background-position: top;
}
#arrows a.bottom div {
    background-position: bottom;
}