/********** CA. THEMES **********/

/***** CA1 - Day style (default) *****/
html, html[theme="day"] {

    /* CA1.1 - Colors */
    --main-color: #523c2e; /* Стандартный текст */
    --link-color: #955830; /* Цвет ссылок в тексте */
    --link-hover-color: #904c20; /*  */
    --wooden-color: #d3b489; /* Цвет на деревяшках */
    --wooden-semi-color: #A3663E; /* Цвет отблеска на деревяшках (потому что Крис, вот почему) */
    --wooden-hover-color: #bb8f53; /* Цвет ссылки по наведению */
    --button-color: #6F361D; /* Цвет на кнопке */
    --button-shadow: #D9984F; /* Цвет отблеска на кнопке */

    /* CA1.2 - Shadows */
    --block-shadow: #240E00; /* Цвет тени от блока и оверлея всплывающего окна */
    --wooden-shadow: #491D00; /* Цвет тени ссылок на деревяшках (он же цвет ссылок на деревяшках, потому что Крис, вот почему) */

    /* CA1.3 - Background colors */
    --load-bg-color: #3e560a;
    --input-bg-color: rgba(241, 216, 173, 0.7);
    --alt-bg-color: rgba(241, 216, 173, 0.5);
    --announcement-fallback-color: #DAB37C;

    /* CA1.4 - Images */
    --logo-image: url(https://static.kozhilya.ru/files/design/day/logo_image.png);
    --body-bg-top: url(https://static.kozhilya.ru/files/design/day/body_bg_top.png);
    --body-bg-bottom: url(https://static.kozhilya.ru/files/design/day/body_bg_bottom.jpg);
    --body-bg-regular: url(https://static.kozhilya.ru/files/design/day/body_bg_regular.jpg);
    --block-bg: url(https://static.kozhilya.ru/files/design/day/block_bg.png);
    --block-border-small: url(https://static.kozhilya.ru/files/design/day/block_border_small.jpg);
    --block-border-big: url(https://static.kozhilya.ru/files/design/day/block_border_big.png);
    --header-bg: url(https://static.kozhilya.ru/files/design/day/header_bg.png);
    --body-header-bg: url(https://static.kozhilya.ru/files/design/day/body_header_bg.jpg);
    --wooden-block-profile: url(https://static.kozhilya.ru/files/design/day/wooden_block_profile.png);
    --quote-bg: url(https://static.kozhilya.ru/files/design/day/quote_bg.png);
    --profile-bg: url(https://static.kozhilya.ru/files/design/day/profile_bg.jpg);
    --profile-button: url(https://static.kozhilya.ru/files/design/day/profile_button.jpg);
    --topmenu-elements-bg: url(https://static.kozhilya.ru/files/design/day/topmenu_elements_bg.png);
    --topmenu-block-bg: url(https://static.kozhilya.ru/files/design/day/topmenu_block_bg.png);
    --pseudo-button-bg: url(https://static.kozhilya.ru/files/design/day/pseudo_button_bg.png);
    --icon-default: url(https://static.kozhilya.ru/files/design/day/icon_default.png);
    --icon-new: url(https://static.kozhilya.ru/files/design/day/icon_new.png);
    --icon-closed: url(https://static.kozhilya.ru/files/design/day/icon_closed.png);
    --icon-sticky: url(https://static.kozhilya.ru/files/design/day/icon_sticky.png);
    --wooden-block-tall: url(https://static.kozhilya.ru/files/design/day/wooden_block_tall.png);
    --wooden-block-wide: url(https://static.kozhilya.ru/files/design/day/wooden_block_wide.png);
    --wooden-block-tiny: url(https://static.kozhilya.ru/files/design/day/wooden_block_tiny.png);
    --announcement-bg: url(https://static.kozhilya.ru/files/design/day/announcement_bg2.png);
    --announcement-bg-content: url(https://static.kozhilya.ru/files/design/day/announcement_bg_content.png);
    --form-icons: url(https://static.kozhilya.ru/files/design/day/form_icons.png);
    --block-tab: url(https://static.kozhilya.ru/files/design/day/block_tab.png);
    --play-button: url(https://static.kozhilya.ru/files/design/day/play_button.png);
    --easteregg: url(https://static.kozhilya.ru/files/design/day/easteregg.png);
    --arrows: url(https://static.kozhilya.ru/files/design/day/arrows.png);
}

/***** CA2 - Fall style *****/
html[theme="fall"] {

    /* CA2.1 - Colors */
    --main-color: #523c2e;
    --link-color: #955830;
    --link-hover-color: #904c20;
    --wooden-color: #d7ba89;
    --wooden-semi-color: #cb9c5b;
    --wooden-hover-color: #bb8f53;
    --button-color: #652D14;
    --button-shadow: #D9984F;

    /* CA2.2 - Shadows */
    --block-shadow: #491D00;
    --wooden-shadow: #491D00;

    /* CA2.3 - Background colors */
    --load-bg-color: #cd944d;
    --input-bg-color: rgba(241, 216, 173, 0.7);
    --alt-bg-color: rgba(241, 216, 173, 0.5);
    --announcement-fallback-color: #DBB172;

    /* CA2.4 - Images */
    --logo-image: url(https://static.kozhilya.ru/files/design/fall/logo_image.png);
    --body-bg-top: url(https://static.kozhilya.ru/files/design/fall/body_bg_top.png);
    --body-bg-bottom: url(https://static.kozhilya.ru/files/design/fall/body_bg_bottom.jpg);
    --body-bg-regular: url(https://static.kozhilya.ru/files/design/fall/body_bg_regular.jpg);
    --block-bg: url(https://static.kozhilya.ru/files/design/fall/block_bg.png);
    --block-border-small: url(https://static.kozhilya.ru/files/design/fall/block_border_small.jpg);
    --block-border-big: url(https://static.kozhilya.ru/files/design/fall/block_border_big.png);
    --header-bg: url(https://static.kozhilya.ru/files/design/fall/header_bg.png);
    --body-header-bg: url(https://static.kozhilya.ru/files/design/fall/body_header_bg.jpg);
    --wooden-block-profile: url(https://static.kozhilya.ru/files/design/fall/wooden_block_profile.png);
    --quote-bg: url(https://static.kozhilya.ru/files/design/fall/quote_bg.png);
    --profile-bg: url(https://static.kozhilya.ru/files/design/fall/profile_bg.jpg);
    --profile-button: url(https://static.kozhilya.ru/files/design/fall/profile_button.jpg);
    --topmenu-elements-bg: url(https://static.kozhilya.ru/files/design/fall/topmenu_elements_bg.png);
    --topmenu-block-bg: url(https://static.kozhilya.ru/files/design/fall/topmenu_block_bg.png);
    --pseudo-button-bg: url(https://static.kozhilya.ru/files/design/fall/pseudo_button_bg.png);
    --icon-default: url(https://static.kozhilya.ru/files/design/fall/icon_default.png);
    --icon-new: url(https://static.kozhilya.ru/files/design/fall/icon_new.png);
    --icon-closed: url(https://static.kozhilya.ru/files/design/fall/icon_closed.png);
    --icon-sticky: url(https://static.kozhilya.ru/files/design/fall/icon_sticky.png);
    --wooden-block-tall: url(https://static.kozhilya.ru/files/design/fall/wooden_block_tall.png);
    --wooden-block-wide: url(https://static.kozhilya.ru/files/design/fall/wooden_block_wide.png);
    --wooden-block-tiny: url(https://static.kozhilya.ru/files/design/fall/wooden_block_tiny.png);
    --announcement-bg: url(https://static.kozhilya.ru/files/design/fall/announcement_bg2.png);
    --announcement-bg-content: url(https://static.kozhilya.ru/files/design/fall/announcement_bg_content.png);
    --block-tab: url(https://static.kozhilya.ru/files/design/fall/block_tab.png);
    --arrows: url(https://static.kozhilya.ru/files/design/fall/arrows.png);
}

/***** CA3 - Night style *****/
html[theme="night"] {

    /* CA3.1 - Colors */
    --main-color: #523c2e;
    --link-color: #955830;
    --link-hover-color: #904c20;
    --wooden-color: #bf9873;
    --wooden-semi-color: #b4754e;
    --wooden-hover-color: #bb8f53;
    --button-color: #5B3025;
    --button-shadow: #D9984F;

    /* CA3.2 - Shadows */
    --block-shadow: #000C3D;
    --wooden-shadow: #491D00;

    /* CA3.3 - Background colors */
    --load-bg-color: #0b1129;
    --input-bg-color: rgba(241, 216, 173, 0.7);
    --alt-bg-color: rgba(241, 216, 173, 0.5);
    --announcement-fallback-color: #E2B99A;

    /* CA3.4 - Images */
    --logo-image: url(https://static.kozhilya.ru/files/design/night/logo_image.png);
    --body-bg-top: url(https://static.kozhilya.ru/files/design/night/body_bg_top.png);
    --body-bg-bottom: url(https://static.kozhilya.ru/files/design/night/body_bg_bottom.jpg);
    --body-bg-regular: url(https://static.kozhilya.ru/files/design/night/body_bg_regular.jpg);
    --block-bg: url(https://static.kozhilya.ru/files/design/night/block_bg.png);
    --block-border-small: url(https://static.kozhilya.ru/files/design/night/block_border_small.jpg);
    --block-border-big: url(https://static.kozhilya.ru/files/design/night/block_border_big.png);
    --header-bg: url(https://static.kozhilya.ru/files/design/night/header_bg2.png);
    --body-header-bg: url(https://static.kozhilya.ru/files/design/night/body_header_bg.jpg);
    --wooden-block-profile: url(https://static.kozhilya.ru/files/design/night/wooden_block_profile.png);
    --quote-bg: url(https://static.kozhilya.ru/files/design/night/quote_bg.png);
    --profile-bg: url(https://static.kozhilya.ru/files/design/night/profile_bg.jpg);
    --profile-button: url(https://static.kozhilya.ru/files/design/night/profile_button.jpg);
    --topmenu-elements-bg: url(https://static.kozhilya.ru/files/design/night/topmenu_elements_bg.png);
    --topmenu-block-bg: url(https://static.kozhilya.ru/files/design/night/topmenu_block_bg.png);
    --pseudo-button-bg: url(https://static.kozhilya.ru/files/design/night/pseudo_button_bg.png);
    --icon-default: url(https://static.kozhilya.ru/files/design/night/icon_default.png);
    --icon-new: url(https://static.kozhilya.ru/files/design/night/icon_new.png);
    --icon-closed: url(https://static.kozhilya.ru/files/design/night/icon_closed.png);
    --icon-sticky: url(https://static.kozhilya.ru/files/design/night/icon_sticky.png);
    --wooden-block-tall: url(https://static.kozhilya.ru/files/design/night/wooden_block_tall.png);
    --wooden-block-wide: url(https://static.kozhilya.ru/files/design/night/wooden_block_wide.png);
    --wooden-block-tiny: url(https://static.kozhilya.ru/files/design/night/wooden_block_tiny.png);
    --announcement-bg: url(https://static.kozhilya.ru/files/design/night/announcement_bg2.png);
    --announcement-bg-content: url(https://static.kozhilya.ru/files/design/night/announcement_bg_content.png);
    --block-tab: url(https://static.kozhilya.ru/files/design/night/block_tab.png);
    --arrows: url(https://static.kozhilya.ru/files/design/night/arrows.png);
}

/********** CB. PRIMARY **********/

/***** CB1 - Primary *****/

/* CB1.1 - Body */
body {
    background: var(--body-bg-top) no-repeat center 0px fixed,
    var(--body-bg-bottom) repeat-x center bottom,
    var(--body-bg-regular) repeat center fixed var(--load-bg-color);
    color: var(--main-color);
}

body.redirect-page {
    background: var(--body-bg-regular) repeat center fixed !important;
}

/* CB1.2 - Logo */
#pun-title h1 span {
    background: var(--logo-image) center no-repeat transparent;
}

/* CB1.3 - Links */
a,
a:link,
a:visited,
.punbb-admin #pun-admain a,
.punbb-admin #pun-admain a:link,
.punbb-admin #pun-admain a:visited,
.punbb-admin #pun-admain .adsubnav a,
.punbb-admin #pun-admain .adsubnav a:link,
.punbb-admin #pun-admain .adsubnav a:visited {
    color: var(--link-color);
}

a:hover,
a:focus,
a:active {
    color: var(--link-hover-color);
}

.punbb-admin #pun-admain .nodefault,
.punbb-admin #pun-admain a:hover,
.punbb-admin #pun-admain a:focus,
.punbb-admin #pun-admain a:active,
.punbb-admin #pun-admain .adsubnav a:hover,
.punbb-admin #pun-admain .adsubnav a:focus,
.punbb-admin #pun-admain .adsubnav a:active {
    color: var(--link-hover-color);
    background: var(--wooden-hover-color);
}

.punbb-admin #pun-admain .isactive a {
    color: var(--main-color);
}


#pun-viewforum .main tbody .tcl strong a,
#pun-searchtopics .main tbody .tcl strong a {

}

#pun-index .category.locations .tcl .location-header h3 a {
    color: var(--button-color);
    text-shadow: var(--button-shadow) 1px 1px,
    var(--button-shadow) 1px -1px,
    var(--button-shadow) -1px 1px,
    var(--button-shadow) -1px -1px;

}

/***** CB2 - Blocks *****/

/* CB2.1 - Blocks */
#pun,
.redirect-page #pun,
#pun .pun-modal .modal-inner {
    background: var(--block-bg) repeat center !important;
    box-shadow: 0 0 20px var(--block-shadow);
    border-image: var(--block-border-small) 25 round;
}

.punbb-admin #pun-title {
    border-image: var(--block-border-big) 50 25 60 round;
}

/* CB2.2 - Block headers */
#pun-stats h2,
.punbb .main h1,
.punbb .main h2,
#pun-debug h2,
.punbb-admin #pun-admain h2 {
    background: var(--header-bg) no-repeat center transparent;
    color: var(--wooden-color);
    text-shadow: 2px 1px 1px var(--wooden-shadow);
}


/***** CB3 - Inputs *****/

/* CB3.1 - Block headers */
.punbb textarea,
.punbb input,
.punbb select,
.punbb optgroup,
.punbb .formsubmit a,
.punbb .formsubmit span {
    color: var(--main-color);
    background: var(--input-bg-color);
    box-shadow: 0 0 5px var(--block-shadow);
    outline: 0 none transparent;
}

.punbb input[type="radio"],
.punbb input[type=checkbox] {
    box-shadow: none;
}


/***** CB4 - Big buttons *****/

/* CB4.1 - Pseudo Button */
.pseudo-button,
.punbb .pseudo-button,
.punbb .formsubmit input,
.punbb .formsubmit a,
.punbb .formsubmit span,
.editlink.firmstyle a,
#pun-admain .submittop input[type="submit"],
#pun-admain .submitend input[type="submit"] {
    color: var(--button-color);
    text-shadow: var(--button-shadow) 1px 1px 0px;
    font: bold 30px/0.75 "Present Script";
    border-radius: 0;
    min-width: 176px;
    height: 57px;
    border-image: var(--pseudo-button-bg) 1 14 fill round;
    border-width: 1px 14px;
    border-style: solid;
    text-align: center;
    box-sizing: border-box;
    padding: 14px 10px 18px;
    cursor: pointer;
    background-color: transparent;
    box-shadow: none;
}

/* CB4.2 */
.pseudo-button:hover,
.punbb .pseudo-button:hover,
.punbb .formsubmit input:hover,
.punbb .formsubmit a:hover,
.punbb .formsubmit span:hover,
.editlink.firmstyle a:hover,
#pun-admain .submittop input[type="submit"]:hover,
#pun-admain .submitend input[type="submit"]:hover {
    transform: translate(1px, 1px);
}

/* CB4.3 */
.pseudo-button.active {
    transform: translate(2px, 2px);
}


/***** CB5 - Topics icons *****/

/* CB5.1 */
.punbb div.icon {
    background-image: var(--icon-default);
    background-repeat: no-repeat;
}

/* CB5.2 */
.punbb .inew div.icon {
    background-image: var(--icon-new);
}

/* CB5.3 */
.punbb .iclosed div.icon {
    background-image: var(--icon-closed);
}

/* CB5.4 */
.punbb .isticky div.icon {
    background-image: var(--icon-sticky);
}

.punbb .icon[data-new-topics]:before {
    background: #ff0000;
    border-radius: 8px;
    color: #fff;
    content: attr(data-new-topics);
    display: inline-block;
    font-size: .8em;
    font-weight: 700;
    height: 12px;
    line-height: 12px;
    margin: -6px;
    min-width: 12px;
    padding: 2px;
    position: absolute;
    text-align: center;
}


/********** CC. ELEMENTS **********/

/***** CC1 - Header *****/

/* CC1.1 - Element */
#pun-navlinks {
    background: var(--body-header-bg);
}

/* CC1.2 - Links */
#pun-navlinks a,
#pun-navlinks a:link,
#pun-navlinks a:visited {
    color: var(--wooden-color);
    text-shadow: 2px 1px 1px var(--wooden-shadow);
}

#pun-navlinks a:hover,
#pun-navlinks a:focus,
#pun-navlinks a:active {
    color: var(--wooden-hover-color);
    text-shadow: 2px 1px 1px var(--wooden-shadow);
}

/* CC1.2 - User links */
#pun-ulinks a,
#pun-ulinks a:link,
#pun-ulinks a:visited {
    color: var(--wooden-shadow);
    text-shadow: var(--wooden-semi-color) 1px 1px 0px;
}

#pun-ulinks a:hover,
#pun-ulinks a:focus,
#pun-ulinks a:active {
    color: var(--button-color);
}


/***** CC2 - Tables *****/


#pun-index .category.locations .tcl .location-content {
    border-image: var(--quote-bg) 20 fill repeat;
    color: var(--main-color);
}


#pun-userlist .main tr.altstyle,
#pun-searchtopics .main tr.altstyle,
#pun-modviewforum .main tr.altstyle {
    background: var(--alt-bg-color);
}


/***** CC3 - Announcement *****/

/* CC3.1 - Status */
#pun-status .container {
    color: var(--wooden-color);
}

/* CC3.3 - Announcement block */
#pun-announcement {
    border-image: var(--announcement-bg) 195 65 80 fill stretch;
    color: var(--wooden-color);
}

#pun-announcement .announcement-content {
    border-image: var(--announcement-bg-content) 20 fill stretch;
    color: var(--main-color);
}

/* CC3.4 - Announcement block finale */
#pun-announcement .announcement-finale {
    color: var(--wooden-color);
}

#pun-status .container a,
#pun-status .container a:link,
#pun-status .container a:visited,
#pun-announcement .announcement-finale a,
#pun-announcement .announcement-finale a:link,
#pun-announcement .announcement-finale a:visited {
    color: var(--wooden-color);
    text-shadow: 1px 1px 2px var(--wooden-shadow);
    font-weight: bold;
}

#pun-status .container a:hover,
#pun-status .container a:focus,
#pun-status .container a:active,
#pun-announcement .announcement-finale a:hover,
#pun-announcement .announcement-finale a:focus,
#pun-announcement .announcement-finale a:active {

}


/***** CC4 - Top menu *****/

/* CC4.1 - Block */
#top-menu {
    background: var(--topmenu-block-bg) no-repeat center;
}

/* CC4.2 - Links */
#top-menu a,
#top-menu a:link,
#top-menu a:visited,
#top-menu a:hover,
#top-menu a:focus,
#top-menu a:active {
    color: var(--wooden-color);
    text-shadow: var(--wooden-shadow) 2px 1px 1px;
    background: var(--topmenu-elements-bg);
}

#top-menu a:hover,
#top-menu a:focus,
#top-menu a:active {
    transform: translate(1px, 1px);
}


/***** CC5 - Profile author *****/

/* CC5.1 - Block */
.punbb .post .post-author,
#viewprofile #profile-left ul {
    border: 15px solid transparent;
    border-width: 40px 15px;
    border-image: var(--profile-bg) 40 15 fill round;
}

/* CC5.2 - Author header */
.post-author li.pa-author {
    border-image: var(--wooden-block-profile) 8 10 10 fill round;
    /* background: var(--wooden-block-profile) no-repeat center; */
}

/* CC5.3 - Author link */
.post-author li.pa-author a,
.post-author li.pa-author strong {
    color: var(--wooden-color);
}


[data-group-id="3"] .post-author li.pa-author {
    color: var(--wooden-color);
}

/* CC5.4 - Author link ckickable */
.post-author li.pa-author a {
    text-shadow: 2px 1px 1px var(--wooden-shadow);
}

/* CC5.5 - Charinfo button */
.post-author li.pa-info .button {
    background: var(--profile-button) center no-repeat;
    color: var(--wooden-color);
    text-shadow: 2px 1px 1px var(--wooden-shadow);
}

/* CC5.5 - Music button */
.post-author .pa-music span.userplayer-btn {
    background: var(--play-button) no-repeat center;
}


/***** CC6 - Post *****/

/* CC6.1 - Quote-box */
.punbb .post-content .quote-box,
.punbb .post-content .code-box {
    border-image: var(--quote-bg) 20 fill repeat;
    color: var(--main-color);
}

/* CC6.2 - Signature line */
.post-box hr,
.punbb .post-sig dt {
    border-color: var(--link-color);
}


/***** CC7 - Fieldset *****/

/* CC7.1 - Element */
fieldset {
    border-image: var(--quote-bg) 16 fill repeat;
    color: var(--main-color);
}

/* CC7.2 - Legend */
fieldset legend {
    border-image: var(--wooden-block-wide) 10 fill repeat;
    color: var(--wooden-color);
}

#pun-admain fieldset legend span {
    background: none;
    color: var(--wooden-color);
}


/* CC7.2 - Main reply form */
body .punbb .formal fieldset#post-preview .fs-box {
    background: var(--block-bg) repeat center;
    border-image: var(--block-border-small) 23 round;
}

.punbb .formal textarea#main-reply {
    background: var(--block-bg) repeat center;
    border-image: var(--block-border-small) 23 round;
}

.punbb #form-buttons td {
    background-image: var(--form-icons);
}

.punbb #form-buttons table td:hover {
    background-color: rgba(241, 216, 173, 0.5);
}

.punbb form#post .fs-box .container {
    color: var(--wooden-color);
    border-image: var(--wooden-block-tall) 10 fill round;

}

.punbb form#post .fs-box .container a,
.punbb form#post .fs-box .container a:link,
.punbb form#post .fs-box .container a:visited {
    color: var(--wooden-color);
    text-shadow: 1px 1px 2px var(--wooden-shadow);
    font-weight: bold;
}

.punbb form#post .fs-box .container a:hover,
.punbb form#post .fs-box .container a:focus,
.punbb form#post .fs-box .container a:active {
    color: var(--wooden-hover-color);
}

/* CC7.3 - Polls */
div#poll-special td:nth-child(2) {
    background-color: var(--wooden-color);
}

div#poll-special h1 {
    background: var(--wooden-semi-color);
}


/***** CC8 - Wooden block headers *****/

/* CC8.1 - Elements */
#profilenav {
    border-image: var(--block-tab) 12 fill round;
    color: var(--wooden-color);
}

/* CC8.2 - Links */
#profilenav a,
#profilenav a:link,
#profilenav a:visited {
    color: var(--wooden-color);
    text-shadow: 2px 1px 1px var(--wooden-shadow);
}

#profilenav a:hover,
#profilenav a:focus,
#profilenav a:active {
    color: var(--wooden-hover-color);
}


/***** CC9 - Bottom blocks *****/

/* CC9.1 - Elements */


/* CC9.2 - Footer */
#html-footer {
    border-image: var(--block-border-big) 50 25 60 repeat;
    background: var(--block-bg);
}

/* CC9.3 - Footer texts */
#html-footer .texts {
    color: var(--wooden-color);
    line-height: 13px;
}


/***** CC10 - Admin pages *****/

/* CC10.1 - Navigation */
.punbb-admin .adminmain #pun-adnav {
    border-image: var(--profile-bg) 40 15 fill round;
}

/* CC10.2 - Fields */
.punbb-admin #pun-admain fieldset p {
    border-color: var(--alt-bg-color);
    background-color: var(--alt-bg-color);
}


/***** CC11 - Script profile styles *****/

/**/
.overlay {
    background-color: rgba(0, 0, 0, .5);
}

fieldset#fld4 .filters .filterstate label .value {
    border: 3px solid black;
}

/* USE QUOTE BOX? */
fieldset#fld4 .fs-box {
    border-image: var(--quote-bg) 10px fill round;
}

fieldset#fld4 .fs-box .checkfield label:hover {
    background-color: var(alt-bg-color);
}

fieldset#fld4 .fs-box .checkfield :checked + label {
    background-color: var(alt-bg-color);
}

fieldset#fld4 .fs-box .checkfield label:before {
    background-color: #260501;
    border: black groove 2px;
}

fieldset#fld4 .fs-box .checkfield label:after {
    background: #a88658;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .5);
}


/***** CC12 - Jump Panels *****/

/* CC12.1 */
.JumpPanel {
    color: var(--wooden-color);
    border-image: var(--block-tab) 12 fill round;
}

/* CC12.2 */
.JumpPanel a {
    color: var(--wooden-color);
    text-shadow: var(--wooden-shadow) 1px 1px 0px;
    /* font-weight: bold; */
}

.JumpPanel a:hover {
    color: var(--wooden-hover-color);
}

/* CC12.3 */
.JumpPanel::before {
    color: var(--wooden-color);
    text-shadow: var(--wooden-shadow) 1px 1px 0px;
    border-image: var(--wooden-block-tiny) 10 fill round;
    border-image: var(--block-tab) 12 fill round;
}

.JumpPanel#right:after {
    background: red;
    border-color: var(--wooden-color);
    color: var(--wooden-color);
}

/* CC12.4 */
.JumpPanel#left .navigation_head ul li {
    border-image: var(--block-tab) 6 fill round;
}

.JumpPanel#left .navigation_tabs ul li a {
    /* background-color: var(--wooden-shadow); */
    color: var(--wooden-color);
    text-shadow: 1px 1px 2px var(--wooden-shadow);
    border-color: var(--alt-bg-color);
}

.JumpPanel#left .navigation_tabs ul li a:hover {
    color: var(--wooden-hover-color);
}

/* CC12.5 */
.JumpPanel#right ul.notifications li.notification-new {
    background: rgba(241, 216, 173, 0.2);
}


/***** CC13 - My Modals *****/

body .modal .modal-window {
    border-image: var(--block-border-small) 25 fill round;
    color: var(--main-color);
}

body .modal .modal-window button {
    color: var(--main-color);
}

body .modal a {
    color: var(--link-color);
}

body .modal a:hover, body .modal a:focus {
    color: var(--link-hover-color);
}


/********** CD. MISC **********/
#pun-announcement .announcement-element #announcement-news,
#pun-announcement .announcement-element #announcement-news ul li {
    border-color: var(--link-color);
}

#pun-announcement .announcement-element #announcement-slider .rhino-bullets li a.rhino-bullet {
    background-color: var(--link-color);
}

#pun-announcement .announcement-element #announcement-slider .rhino-bullets li a.rhino-bullet:hover,
#pun-announcement .announcement-element #announcement-slider .rhino-bullets li a.rhino-bullet:focus {
    background-color: var(--link-hover-color);
}

#pun-announcement .announcement-element #announcement-slider .rhino-bullets li a.rhino-bullet.rhino-active-bullet {
    background-color: var(--main-color);
}

.loadIndicator,
.voteWindow,
.youtube-player,
.firstAprilFoolAlert {
    color: var(--wooden-color);
    border-image: var(--wooden-block-tall) 10 fill round;
}

.loadIndicator .spinner > div {
    background-color: var(--wooden-color);
}

.loadIndicator a,
.loadIndicator a:link,
.loadIndicator a:visited,
.voteWindow a,
.voteWindow a:link,
.voteWindow a:visited,
.youtube-player a,
.youtube-player a:link,
.youtube-player a:visited,
.firstAprilFoolAlert a,
.firstAprilFoolAlert a:link,
.firstAprilFoolAlert a:visited {
    color: var(--wooden-hover-color);
    text-shadow: 1px 1px 2px var(--wooden-shadow);
    font-weight: bold;
}

.loadIndicator a:hover,
.loadIndicator a:focus,
.loadIndicator a:active,
.voteWindow a:hover,
.voteWindow a:focus,
.voteWindow a:active,
.youtube-player a:hover,
.youtube-player a:focus,
.youtube-player a:active,
.firstAprilFoolAlert a:hover,
.firstAprilFoolAlert a:focus,
.firstAprilFoolAlert a:active {
    color: var(--wooden-semi-color);
}


#smilies-area ul.tabs li {
    border-image: var(--wooden-block-tiny) 7 fill round;
}

#smilies-area ul.tabs li a {
    color: var(--wooden-color);
    text-shadow: 1px 1px 0 var(--wooden-shadow);
}

#smilies-area ul.tabs li a:hover {
    color: var(--wooden-hover-color);
}

.tooltip-suite-container {
    border-image: var(--block-tab) 12 fill round;
    color: var(--wooden-color);
    padding: 2px 5px;
}

.punbb .post-content .quote-box.tab-box .tab {
    border-image: var(--block-tab) 12 fill round;
    color: var(--wooden-color);
}

div.MoveArrow a {
    background: var(--arrows) no-repeat;
}

.notepad-tools li.notepad-button {
    background: var(--form-icons) no-repeat 50% 0 var(--alt-bg-color);
}


/********** CE. Easter eggs **********/

#pun-title h1::before,
#pun-title h1::after {
    position: absolute;
    display: block;
    transition: top .5s, left .5s, opacity .3s;
    opacity: 0;
    z-index: -1;
}

#pun-title h1::before {
    content: '.';
    width: 200px;
    height: 200px;
    top: 20px;
    left: 100px;
    background: var(--easteregg);
}

#pun-title h1::after {
    border-image: var(--block-tab) 12 fill round;
    color: var(--wooden-color);
    text-align: center;
    content: '\041F\0441\0441\0442,  \043F\043E\0436\0440\0430\0442\044C  \0435\0441\0442\044C  \0447\043E?';
    width: 150px;
    top: 70px;
    left: 100px;
    border-width: 10px;
    border-style: solid;
    transform: rotate(26deg);
}

#pun-title h1:active::before {
    top: -70px;
    left: 220px;
    opacity: 1;
}

#pun-title h1:active::after {
    top: -50px;
    left: 260px;
    opacity: 1;
}


/********** NE. New year **********/
/*
#pun-title h1::before {
    width: 300px;
    height: 300px;
    top: 20px;
    left: 100px;
    background: url(http://s5.uploads.ru/1EZdS.png);
    transform: scaleX(-1) rotate(-53deg);
}
#pun-title h1::after {
    content: '\0419\043E-\0445\043E-\0445\043E';
    transform: rotate(-20deg);
}
#pun-title h1:active::before {
    top: -70px;
    left: 135px;
    opacity: 1;
}
#pun-title h1:active::after {
    top: -35px;
    left: 230px;
    opacity: 1;
}
#pun:before {
    content: '.';
    position: absolute;
    width: 100px;
    height: 136px;
    top: -185px;
    left: 50%;
    margin-left: -15px;
    background: url(http://abali.ru/wp-content/uploads/2013/11/novogodnyaya_elka-200x300.png);
    background-size: 100%;
    z-index: 0;
}
*/