The Lion King. The Beginning (KozhIlya's Design Test)

��

mybb@mybb.ru (��) — Wed, 26 Aug 2020 19:11:08 +0300

Test

��

mybb@mybb.ru (��) — Tue, 25 Dec 2018 17:20:07 +0300

Guess what?

:) ��! :)

�� , � �� !

�� 6 �� 300 �� ! � �� .

�... ��. �� , ��! �� , �� , �� . � ��, ��. � ��, �� (��).

�� 26 �� 11:00 �� . �� 2 �� , �� 31 �� 21:00, �� 21 ��. �� 23:00, �� , �� 25 ��.

��

�� 
�� 
�� 
26 �� 11:00
22 ��
11
27 �� 09:00
20 ��
12
28 �� 05:00
18 ��
13
28 �� 23:00
16 ��
14
29 �� 15:00
14 ��
15
30 �� 05:00
12 ��
16
30 �� 17:00
10 ��
17
31 �� 03:00
8 ��
18
31 �� 11:00
6 ��
19
31 �� 17:00
4 ��
20
31 �� 21:00
2 ��
21
31 �� 23:00
1 ��
25!

�� -��-��! �� !

� �� �� �� .

� �� , �� ... �� 12 000 ��! �� :
��, �� ;
��, �� .
�� .

��

mybb@mybb.ru (Ferrum) — Sun, 21 Oct 2018 17:56:06 +0300

��: ��

�� (�� , �� - ��)

��: ��. �� ...

��

mybb@mybb.ru (Ferrum) — Fri, 19 Oct 2018 12:16:59 +0300

��
{"uid":"35","avatar":"/user/avatars/user35.png","name":"Ferrum"} Ferrum

�� ��

��
��

��
2
1 + 1 + 1 = 3

5
�� , �� , �� .
��

I'm a shadow apart
Passed through time and the dark
From a treacherous start
To the ember's last spark

Let There Be Fire - Aviators

��. ��, ��, ��. �� ? �� ?

�� , �� , �� , �� , �� . ��, �� ? �� .  

��, �� ?  

�� , �� . �� , �� . �� , �� -��, �� . ��, �� , �� , � �� . 

- ��?   

�� , ��, �� , �� . �� , �� .

- ��!

�� , �� , �� , �� . ��, �� .

- ��, �� ! � ��! � �� . ߅ � ��  

�� , �� , �� -�� . ��, �� . �� , �� . ��, ��, ��. �� .

- �� ? 

�� . �� , �� . ��, �� , �� . �� . �� . � �� , �� . �� . �� ?

- �� , - �� , �� -�� . �� , �� , �� , �� . ��? ��? � �� ? �� ? �� ?  

�� . �� -�� , � �� -�� . �� , �� .

  - �� ?

�� , �� . ��-�� -�� . �� . ��, ��, �� , �� -�� , �� . �� , �� . � ��-��, �� ?

��

mybb@mybb.ru (��) — Wed, 17 Oct 2018 09:42:14 +0300

17.10 - ��

style.css

��:

/********** A - SETUP **********/

/***** A1 Import the colour scheme and fonts *****/

/* A1.1 */
@import url(style_cs.css);

/* A1.2 */

@import url( http://kozhilya.ru/fonts/PresentScriptNormal/font.css );
@import url( https://fonts.googleapis.com/css?family=Open+Sans:300,400,700&subset=latin,cyrillic-ext );
@import url( https://fonts.googleapis.com/css?family=Noto+Serif&subset=latin,cyrillic-ext );


/***** A2 Deal with browser defaults and wonkiness *****/

/* A2.1 */
html, body {
    margin: 0;
    padding: 0;
}

/* A2.2 */
.punbb * {
    margin: 0;
}

/* A2.3 */
.punbb ul, .punbb dl, .punbb li, .punbb dd, .punbb dt {
    padding: 0;
    list-style: none;
}

/* A2.4 */
.punbb img {
    border: 0 none transparent;
}

/* A2.5 */
.punbb .main table {
    table-layout: auto;
    width: 100%;
}

/* A2.6 */
.checkfield input[type="checkbox"], .radiofield input[type="radio"] {
    margin: 0 0.3em;
}

/* A2.7 */
p[class="checkfield"] *, div[class="checkfield"] *, fieldset[class="radiofield"] * {
    height: 1.8em;
    vertical-align: middle;
}


/***** A3 Text setup *****/

/* A3.1 */
body {
    font: normal 11px "Open Sans";
    overflow-x: hidden;
    padding-bottom: 78px;
}

/* A3.2 */
.punbb {
	
}

/* 3.3 */
.punbb textarea, .punbb input, .punbb select, .punbb optgroup {
    font: normal 11px "Open Sans";
    border-radius: 10px;
    border: 0 none transparent;
    padding: 5px 10px;
}

/* A3.4 */
.punbb h1, .punbb h2, .punbb h3, .punbb h4, .punbb table, .punbb th {
    font-size: 1em;
    font-weight: normal;
}

/* A3.5 */
.punbb h1 span, .punbb h2 span, .punbb legend span {
    font-size: 1.1em;
}

/* A3.6 */
.punbb pre {
    font: 1.1em/140% monaco, "Consolas", "courier new", courier, monospace;
}

/* A3.7 */
.punbb address, .punbb em {
    font-style: normal;
}

/* A3.8 */
.punbb .post-content em {
    font-style: italic;
}

/* A3.9 */
.punbb .post-content em.bbuline {
    font-style: normal;
    text-decoration: underline;
}

/* A3.10 */
.punbb a {
    text-decoration: none;
}

/* A3.11 */
.punbb optgroup {
    font-weight: bold;
}


/***** A4 Float clearing and hidden items *****/

/* A4.1 */
#pun:after, 
.punbb .container:after, 
.punbb .post-links ul:after, 
.punbb .main div.inline:after, 
.punbb .post-box:after, 
.punbb .linksb:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
    overflow: hidden;
    line-height: 0.0;
    font-size: 0;
}

/* A4.2 */
.acchide, 
#pun-index #pun-main h1,
#pun-navlinks h2, 
#pun-pagelinks h2, 
#pun-status h2, 
#pun-ulinks h2, 
.punbb .forum h2, 
.punbb .multipage .topic h2, 
.punbb dl.post-sig dt span, 
.punbb p.crumbs strong, 
.punbb .divider hr, 
.punbb .required label em, 
.punbb .formsubmit label, 
.punbb .submitfield label, 
.punbb .modmenu label, 
#pun-userlist .main h2 {
    font-size: 0;
    height: 0;
    width: 0;
    line-height: 0.0;
    position: absolute;
    left: -9999px;
    overflow: hidden;
}


/***** A5 Basic page layout and borders *****/
/* A5.1 */
#pun {
    margin: 350px auto 0;
    width: 1000px;
    position: relative;
    padding: 0;
}

/* A5.2 */
.punbb {
}

/* A5.3 */
#pun-redirect, #pun-maint {
}

/* A5.4 */
.punbb .section, .punbb .main {
    /* margin-bottom: 1em; */
}

/* A5.5 */
.punbb .category, .punbb .post {
    margin: 60px 0 20px;
    border-style: solid;
	border-width: 23px;
    box-sizing: border-box;
}

/* A5.6 */
.punbb #pun-category1 {

}

.punbb .post.topicpost {
    margin-top: 0;
}

/* A5.7 */
#pun-post .topic {
    margin-top: 1em;
}

/* A5.8 */
.punbb .section, 
.punbb .forum,
.punbb .formal, 
.punbb .modmenu, 
.punbb .info, 
.punbb .category, 
.punbb .post, 
.punbb .usertable {
    margin-top: 60px;
}

/* A5.9 */
.punbb .section#pun-stats, 
.punbb .main #post-form, 
.punbb .main .category, 
.punbb .main .post, 
.punbb .main .usertable, 
.punbb .main .forum, 
.punbb#pun-online    .main .section, 
.punbb#pun-post      .main .formal, 
.punbb#pun-statistic .main .section,
.punbb .formal,
.punbb .info .container,
.punbb-admin #pun-admain, 
.modal#charinfo .modal-window,
.punbb-admin #pun-title {
    border-width: 23px;
    border-style: solid;
    box-sizing: border-box;
}

/* A5.10 */
.punbb .linkst + .section, 
.punbb .linkst + .forum,
.punbb .linkst + .formal, 
.punbb .linkst + .modmenu, 
.punbb .linkst + .info, 
.punbb .linkst + .category, 
.punbb .linkst + .post, 
.punbb .linkst + .usertable, 
.punbb .linkst + .topic .post.topicpost,
.punbb .post.toppost,
#pun-online .main .section {
    margin-top: 0;
}
/* A5.11 */
#html-footer {
    margin-top: 0;
    border-width: 0 25px 60px;
    border-style: none solid solid;
    width: 750px;
    margin: -1px auto 0;
    padding: 1px 0 0;
}

/* A5.12 */
.punbb .container {
    border-style: none;
    border-width: 0;
}

/* A5.13 */
.punbb .section h2, 
#pun-main h1, 
#pun-main h2, 
#pun-stats h2, 
#pun-debug h2 {
    padding: 27px 1em;
}

/* A5.14 */
#pun-stats h2, 
.punbb .main h1, 
.punbb .main h2, 
#pun-debug h2, 
.punbb-admin #pun-admain h2 {
    height: 80px;
    box-sizing: border-box;
    text-align: center;
    font: bold 25px/0.75 "Present Script";
}

/* A5.15 */
.category h2, 
#pun-stats h2,
#post-form h2,
#pun-statistic .main h1 {
    margin-top: -70px;
}

#pun-main div.catleft, 
#pun-main div.catright {
    display: none;
}

/********** B - MAIN CONTENT - GENERAL **********/

/***** B1 Parsed Content, Signatures and Scroll Boxes *****/

/* B1.1 */
.punbb .post-content {
    padding: 0;
    margin: 0;
    width: 100%;
    overflow: hidden;
}

/* B1.2 */
.punbb .post-sig dt {
    display: block;
    border-width: 1px 0 0;
    border-style: solid none none;
    width: 100%;
    margin: 5px auto;
}

/* B1.3 */
.punbb .post-content p {
    margin: .5em 0 .5em 0;
    padding: 0;
    line-height: 150%;
}

/* B1.4 */
.punbb .post-content img {
    vertical-align: text-bottom;
}

/* B1.5 */
.punbb .post-content img.postimg {
    vertical-align: middle;
}

/* B1.6 */
.punbb .post-content .blockcode, 
.punbb .post-content blockquote {
    width: 100%;
    overflow: hidden;
}

/* B1.7 */
.punbb .post-content .scrollbox {
    width: 100%;
    overflow: auto;
}

/* B1.8 */
.punbb .post-content .quote-box, 
.punbb .post-content .code-box {
    margin: 0.4em 0.8em 0.4em;
    border-style: solid;
    border-width: 20px;
}

/* B1.9 */
.punbb .quote-box cite, .punbb .code-box strong.legend {
    display: block;
    padding-bottom: 0.4em;
    font-size: 13px;
    font-weight: bold;
    font-style: normal;
    margin: 0;
}


/***** B2 Information boxes *****/

/* B2.1 */
.punbb .info-box {
    padding: 1.1em 1.7em 1em 1.7em;
    border-style: solid;
    border-width: 1px;
    margin: 0 0 1.1em 0;
}

/* B2.2 */
.punbb .info-box * {
    padding: 0 0 0.7em 0;
}

/* B2.3 */
.punbb #pun-main .info-box .legend {
    font-size: 1.1em;
    font-weight: bold;
}


/***** B3 Pagination and posting links *****/

/* B3.1 */
.punbb .linkst {
    width: 700px;
    font-size: 1.1em;
    height: 36px;
    margin: 0px auto 0px;
    z-index: 1;
    display: flex;
    justify-content: space-around;
}

.punbb .linkst div {
    border-width: 12px 12px 0;
    border-style: solid solid none;
    padding: 0px 24px 7px;
}

/* B3.2 */
.multipage {
    margin-top: 3em;
}

/* B3.3 */
.linkst .pagelink {
    top: 4px;
    left: 10px;
}

/* B3.4 */
.linkst .postlink {
    top: 4px;
    right: 10px;
    font-weight: bold;
}

/* B3.5 */
.punbb .linksb {
    text-align: right;
    padding: 0.4em 0 0;
    font-size: 1.1em;
    border-width: 20px;
    border-style: solid;
    margin: 20px auto 0;
    width: 700px;
}

.punbb .modmenu + .linksb {
    border-top-style: none;
    border-top-width: 0;
    margin-top: -1px;
}

/* B3.6 */
.linksb .pagelink {
    float: left;
    width: 24em;
    text-align: left;
}

/* B3.7 */
.linksb .postlink {
    float: right;
    width: 16em;
    font-weight: bold;
}

/* B3.8 */
.subscribelink {
    clear: both;
    padding-top: 0.3em;
    padding-bottom: 0.5em;
}



/********** C - MAIN CONTENT - SPECIFIC **********/

/***** C1 Form layout *****/

/* C1.1 */
.punbb .formal .container {
    padding: 0;
}

/* C1.2 */
.punbb .formsubmit {
    padding: 0 0 0 1.7em;
    margin: 1em 0 0 0;
}

/* C1.3 */
.punbb .formsubmit input, 
.punbb .formsubmit a,
.punbb .formsubmit span {
    /* margin: 0 0.6em 0 0; */
    /* height: 30px; */
    /* width: 120px; */
    /* font-weight: bold; */
    /* border-radius: 10px; */
    /* border: 0 none; */
    /* padding-left: 7px; */
    /* padding-top: 0px; */
    /* text-align: center; */
}

/* C1.4 */
.punbb fieldset,
.admain#pun-admain fieldset {
    border-style: solid;
    border-width: 16px;
    margin: 25px 10px 20px;
    padding: 0;
}

/* C1.5 */
.punbb fieldset legend,
.admain#pun-admain fieldset legend {
    padding: 0 0px 0 25px;
    margin: -40px 0 0 -25px;
    font-size: 1.1em;
    border-width: 10px;
    border-style: solid;
    width: calc(100% + 5px);
    float: left;
}

/* C1.6 */
.punbb fieldset legend span {
    padding: 0 5px;
    margin: 0 0 0 -15px;
}

/* C1.7 */
.punbb fieldset fieldset {
    border-style: none;
    border-width: 0;
    margin: 0;
    padding: 0 0 8px 0;
}

/* C1.8 */
.punbb .fs-box {
    padding: 1em 0 0;
}

/* C1.9 */
.punbb .fs-box p, 
.punbb .fs-box fieldset {
    margin: .4em 0;
}

/* C1.10 */
.punbb .inline .inputfield, 
.punbb .inline .selectfield, 
.punbb .inline .passfield {
    float: left;
    margin-right: 1em;
}

/* C1.11 */
.punbb .inline .infofield {
    clear: both;
}

/* C1.12 */
.punbb .datafield br {
    display: none;
}

/* C1.13 */
.punbb .required label, .punbb .datafield span.input {
    font-weight: bold;
}

/* C1.14 */
.punbb .datafield span.input a {
    font-weight: normal;
}

/* C1.15 */
.punbb .areafield span.input, .punbb p.longinput span.input {
    display: block;
    padding: 0 12em 0 0;
    height: 100%;
}

/* C1.16 */
.punbb textarea, .punbb .longinput input {
    width: 64%;
    margin: 0;
    padding: 5px;
    border-radius: 10px;
    border: 0 none transparent;
}

/* C1.17 */
.punbb .hashelp {
    position: relative;
}

/* C1.18 */
.punbb .helplinks {
    display: block;
    position: absolute;
    top: 1em;
    right: 0;
    font-weight: normal;
    width: 36%;
}

/* Ñ1.19 */
.punbb #profile .helplinks {
    top: 1.5em;
}

/* C1.20 */
.punbb .helplinks span {
    display: block;
    padding-bottom: 0.2em;
}

/* C1.21 */
#pun-post .formal .info-box li {
    padding-left: 4px;
    list-style-type: square;
    list-style-position: inside;
    line-height: 1.5;
    margin: 0;
}

/* C1.22 */
.punbb #post-form #form-buttons table {
    width: 95%;
    margin: 0 auto;
}

.punbb #post-form textarea#main-reply {
    width: 95%;
    margin: 5px auto 0;
    display: block;
    border-width: 16px;
    border-style: solid;
}

.punbb #post-form .fs-box .container {
    border-style: solid;
    border-width: 10px;
    padding: 0 10px;
    margin: 15px 10px 0 0;
}

/***** C2 Table layout *****/
/* C2.1 */
.punbb .main .tcl {
    text-align: center;
    width: 70%;
}
div.tclcon {
    /* margin-left: 30px; */
    /* margin-top: 10px; */
    text-align: center;
}

/* C2.2 */
.punbb .main .tc2,
.punbb .main .tc3,
.punbb .main .tcmod {
    text-align: center;
    width: 10%;
    vertical-align: middle;
}
#pun th {
    font-weight: bold;
    font-size: 1.2em;
}


.punbb .category th,
.punbb .category .tc2, 
.punbb .category .tc3, 
.punbb .category .tcmod {
    display: none;
}

/* C2.3 */
.punbb .main .tcr {
    overflow: hidden;
    text-align: center;
    width: 30%;
}

/* C2.4 */
.punbb .main td {
    border-style: none;
    border-width: 0;
    padding: 1.8em 1em;
    vertical-align: top;
}

/* C2.5 */
.punbb .main th {
    border-style: none;
    border-width: 0;
    padding: 0.4em 1em 0.4em 1em;
}

/* C2.6 */
.punbb .main .tcl {
    border-left-style: none;
    border-left-width: 0;
}

/* C2.7 */
.punbb .hasicon .tcl {
    padding: 10px 0 10px 60px;
    position: relative;
    height: 60px;
    vertical-align: middle;
}

/* C2.8 */
.punbb div.icon {
    height: 59px;
    width: 58px;
    position: absolute;
    top: 10px;
    left: 0;
}


/* C2.9 */
.punbb td span.youposted {
    font-weight: bold;
    margin-left: -1em;
    position: absolute;
}

/* C2.10 */
.punbb td .modlist {
    display: block;
    padding-top: 0.3em;
}


/* C2.11 */
#pun-index .tcl {
    width: 860px;
    padding: 20px 10px 20px 65px;
    display: flex;
    flex-flow:  row wrap;
    justify-content: stretch;
    align-items: center;
    height: auto;
}
#pun-index th.tcl {
    display: none;
}
#pun-index .tcl > * {
    flex: 0 auto;
}
#pun-index .tcl .icon {
    top: 20px;
}
#pun-index .tcl h3 {
    font: bold 30px/0.75 "Present Script";
    text-align: center;
    padding: 13px 0px 24px 0;
    width: 410px;
}
#pun-index .tcl h3 a {
    display: block;
}
#pun-index .tcl .links {
    width: 210px;
    padding: 0;
    text-align: left;
}
#pun-index .tcl .links li {
    list-style: disc;
}
#pun-index .tcl .links li a {
}
#pun-index .tcl .lastpost {
    width: 240px;
    text-align: center;
}
#pun-index .tcl .forumimage {
    width: 410px;
    text-align: center;
    margin-right: 0;
}
#pun-index .tcl .forumdesc {
    width: 450px;
    text-align: left;
    margin: 5px 0;
}
#pun-index .tcl .links + .forumdesc {
    margin: 10px 0 10px 0;
}
#pun-index .tcl .links + .forumimage {
    margin: 10px 0;
}
#pun-index .tcl .forumimage:empty {
    width: 0;
}
#pun-index .tcl .forumimage:empty + .forumdesc {
    width: 100%;
}
#pun-index .tcr {
    padding-top: 30px;
}



/* C2.12 */
#pun-userlist .main .tcl, 
#pun-searchtopics .main .tcl, 
#pun-modviewforum .main .tcl {
    width: 40%;
}
#pun-userlist .main tbody .tcl, 
#pun-searchtopics .main tbody .tcl, 
#pun-modviewforum .main tbody .tcl {
    vertical-align: middle;
}

#pun-searchtopics .main tbody .tcl {
    height: 60px;
    padding-left: 70px;
    text-align: left;
}

#pun-searchtopics .main tbody .tcl .acchide + a {
    font: bold 20px/0.75 "Present Script";
    display: block;
    margin-bottom: 5px;
}

#pun-userlist .main tbody .tcr, 
#pun-searchtopics .main tbody .tcr, 
#pun-modviewforum .main tbody .tcr {
    vertical-align: middle;
}

#pun-userlist .main .tc2, 
#pun-searchtopics .main .tc2 {
    /* text-align: left; */
    width: 20%;
    vertical-align: middle;
}

/* C2.13 */
#pun-debug table .tcl {
    width: 15%;
    white-space: normal;
}

#pun-debug .tcr {
    width: 90%;
    white-space: normal;
}

/* C2.14 */
#pun-messages td.tcl {
    text-align: left;
    padding-right: 60px;
}


/***** C3 Topics *****/

/* C3.1 */
.punbb .post .container {
    border-style: none;
    border-width: 0;
    margin-top: 0;
    padding-bottom: 0;
}

/* C3.2 */
.punbb .post h3 {
    border: 0 none;
    padding: 16px 0;
}

/* C3.3 */
.punbb .post h3 span {
    display: block;
    margin-left: 245px;
    font-size: 10px;
    font-weight: bold;
}

/* C3.4 */
.punbb .post h3 strong {
    float: right;
    width: 5em;
    text-align: right;
    font-weight: normal;
}

/* C3.5 */
.punbb .post .post-author {
    float: left;
    width: 227px;
    margin-top: -35px;
    box-sizing: border-box;
}

/* C3.6 */
.punbb .post .post-author ul, 
.punbb .post .post-author p {
    line-height: 140%;
    text-align: center;
    margin: 0 -8px;
    padding: 0;
    box-sizing: border-box;
}

/* C3.7 */
.punbb .post .post-author li {
    margin: .2em 0;
}

/* C3.8 */
.punbb .post .post-author li.pa-author {
    font-weight: bold;
    margin: -48px 0 0 -15px;
    padding: 10px 0 0;
    width: 243px;
    height: 45px;
    box-sizing: border-box;
}

.punbb .post .post-author li.pa-author a,
.punbb .post .post-author li.pa-author strong {
    text-decoration: none;
    font: bold 30px/0.75 "Present Script";
}

.punbb .post .post-author li.pa-title {
    padding-bottom: 0.4em;
    font-weight: bold;
}

.punbb .post .post-author li.pa-online {
    line-height: 0.8em;
    border-left-style: solid;
    border-left-width: 0.7em;
    padding-left: 0.4em;
    margin-top: 0.7em;
}

.punbb .post .post-author li.pa-info .button {
    width: 213px;
    height: 42px;
    font: bold 25px/0.75 "Present Script";
    cursor: pointer;
    padding: 10px 39px 0 0;
    box-sizing: border-box;
}

/* C3.9 */
.punbb .post-body {
    margin-left: 245px;
}

/* C3.10 */
.punbb .post-box {
	
}

/* C3.11 */
.punbb fieldset .post-box {
    margin-bottom: 0.8em;
}

/* C3.12 */
.punbb .post-links {
    margin-left: 245px;
}

/* C3.13 */
.punbb .post-links ul {
    padding: 0 1em 0 0;
    height: 2em;
    line-height: 2em;
    margin-left: -19em;
    background: transparent;
    text-align: right;
    font-weight: bold;
    font-size: 10px;
    margin-left: -245px;
}

/* C3.14 */
.punbb .post-links li {
    display: inline;
    padding-left: 1em;
}

/* C3.15 */
.pl-email,
.pl-website {
    float: left;
}

/* C3.16 */
.punbb .clearer {
    clear: both;
    height: 0;
    font-size: 0;
}


/***** C4 Moderator menu *****/

.punbb .modmenu {
    border-width: 20px 20px 0;
    border-style: solid solid none;
    width: 700px;
    margin: 0 auto;
}
.punbb .modmenu + .modmenu {
    margin-top: -1px;
    border-top-style: none;
    border-top-width: 0;
}

/* C4.1 */
.punbb .modmenu .container {
    padding: .5em 0;
    text-align: right;
}

/* C4.2 */
.punbb .modmenu strong, .punbb .modmenu a {
    height: 1.8em;
    line-height: 1.8em;
}

/* C4.3 */
.punbb .modmenu .container strong {
    float: left;
}

/* C4.4 */
.punbb .modmenu input {
    margin-left: 1em;
}

/***** C5 Message boxes *****/
/* C5.1 */
.punbb .info .container {
	width: 750px;
    padding: 0;
    border-style: solid;
    border-width: 25px;
    margin: 2px auto;
}

/* C5.2 */
.punbb .info .container .backlink {
    padding-top: 0.8em;
}

/***** C6 Profile *****/

#pun-profile h1 {
    margin-top: 20px;
}

#profile {
    margin-top: 10px;
}

/* C6.1 */
#profile .container {
    
}

/* C6.2 */
#profilenav {margin: 0px 0px 20px;font-size: 1.1em;display: flex;border-style: solid;border-width: 5px;flex-flow: row nowrap;justify-content: start;align-items: center;}

/* C6.3 */
#profilenav li {
    display: inline-block;
    font-weight: bold;
    padding: 0;
}
#profilenav li a {
    display: inline-block;
    font-weight: bold;
    padding: 5px 15px;
}

/* C6.4 */
#viewprofile ul, #profilenav ul {
    /* border-style: solid; */
    /* border-width: 5px; */
    margin: 0;
    display: flex;
    flex-flow: row wrap;
    justify-content: start;
    align-items: center;
}

/* C6.5 */
#viewprofile h2, #profilenav h2 {
    /* display: none; */
    background: none;
    margin: 0;
    padding: 0 20px 10px;
    height: auto;
    width: 300px;
    text-align: left;
}

/* C6.6 */
#viewprofile h2 span, #profilenav h2 span {
    padding: 0 5px;
    position: relative;
}

/* C6.7 */
#viewprofile li, #setmods dl {
    padding: 0 0 0 16em;
    margin-bottom: 0.2em;
}

/* C6.8 */
#viewprofile li span {
    float: left;
    width: 14em;
    margin-left: -16em;
    padding: 0.5em 1em;
    font-weight: bold;
}

/*C6.9 */
#setmods dt {
    float: left;
    width: 14em;
    margin-left: -16em;
    padding: 0.8em 1em;
    font-weight: bold;
    display: inline;
}

/* C6.10 */
#viewprofile li strong, #viewprofile li div, #setmods dd {
    display: block;
    padding: 0.5em 1em;
    font-weight: normal;
}

/* C6.11 */
.punbb img.avatardemo {
    float: right;
    margin: 0 0 0.8em 1.8em;
}

/***** C7 User list *****/
/* C7.1 */
#pun-userlist .formal,
#pun-userlist .formal .container {
	
}

/* C7.2 */
#pun-userlist .usertable .container {
    padding: 0;
}

/* C7.3 */
#pun-userlist .usertable table {
	
}





/********** D - PUNBB SECTIONS OTHER THAN MAIN CONTENT **********/

/***** D1 Logo and description *****/
/* D1.1 */
#pun-title {
    margin: 0;
    border-style: none;
    border-width: 0;
}

/* D1.2 */
#pun-title h1 {
    display: block;
    position: absolute;
    width: 357px;
    height: 295px;
    z-index: 15;
    top: -198px;
    left: calc(50% - 362px);
}

/* D1.3 */
#pun-title .container {
    border-style: none solid none solid;
}

/* D1.4 */
#pun-title h1 span {
    font-size: 1.5em;
    display: none;
}

#pun-title table {
    border-style: none;
	border-width: 0;
}

#pun-title td.title-logo-tdl {
    border-style: none;
	border-width: 0;
    width: 100%;
}

#pun-title td.title-logo-tdr {
    border-style: none;
	border-width: 0;
    width: 468px;
}


/***** D2 Page navigation *****/

/* D2.1 */
#pun-pagelinks {
    position: absolute;
    top: -15px;
    left: 0;
    margin: 0;
    border-style: none;
	border-width: 0;
    padding: 0;
    width: 100%;
}

/* D2.2 */
#pun-pagelinks .container {
    background: transparent;
    border-style: none;
	border-width: 0;
    padding: 0;
}

/* D2.3 */
#pun-pagelinks .container li {
    display: inline;
}

/* D2.4 */
#pun-pagelinks li a, 
#pun-pagelinks a:link, 
#pun-pagelinks a:hover {
    height: 2em;
    line-height: 2em;
    padding: 0;
    font-size: 1.2em;
    margin-left: -9999px;
    display: block;
    float: left;
    width: 100%;
}

/* D2.5 */
#pun-pagelinks a:active, 
#pun-pagelinks a:focus {
    position: relative;
    margin: 0;
}

#pun-pagelinks li a span {
    display: block;
    margin: 0 1em;
}

/***** D3 Forum navigation *****/
/* D3.1 */
#pun-navlinks {
    border-style: none;
    border-width: 0;
    margin: 0;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 78px;
    z-index: 100;
}

/* D3.2 */
#pun-navlinks .container {
    text-align: center;
    margin: 5px 0 12px;
}

/* D3.3 */
#pun-navlinks li {
    display: inline-block;
    font: bold 25px/0.75 "Present Script";
}

/* D3.4 */
#pun-navlinks li a {
    display: inline-block;
    padding: 7px 10px;
}


/***** D4 User links *****/
/* D4.1 */
#pun-ulinks {
    margin-top: 0;
    position: fixed;
    top: 59px;
    left:  0;
    width: 100%;
    z-index: 101;
}

/* D4.2 */
#pun-ulinks .container {
    border-top-style: none;
	border-top-width: 0;
    margin: auto;
    width: 100%;
    text-align: center;
}

/* D4.3 */
#pun-ulinks li, 
#pun-ulinks li a {
    display: inline;
    border-left-style: none;
	border-left-width: 0;
    white-space: nowrap;
    font-weight: bold;
}

/* D4.4 */
#pun-ulinks li a {
    padding: 0 0.3em 0 0.6em;
}

/* D4.5 */
#pun-ulinks li.item1, 
#pun-ulinks li.item1 a {
    border-left-style: none;
    border-left-width: 0;
    padding-left: 0;
}


/***** D5 Welcome box and Top Breadcrumbs *****/
/* D5.1 */
#pun-status {
    position: absolute;
    top: 35px;
    left: 500px;
    width: 400px;
    height: 45px;
    line-height: 130%;
    text-align: center;
    margin: 0;
    border-style: none;
	border-width: 0;
}

/* D5.2 */
#pun-status .container {
    height: 100%;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
}

/* D5.3 */
#pun-status span {
    white-space: nowrap;
    margin-right: 0.5em;
}

/* D5.4 */
#pun-crumbs1 {
    font-weight: bold;
    overflow: hidden;
    margin: -1px auto 0;
    padding-top: 13px;
    width: 750px;
    border-width: 0 25px 25px;
    border-style: none solid solid;
}

/* D5.5 */
#pun-crumbs1 p.container {
    border-top-style: none;
	border-top-width: 0;
    margin-bottom: 1px;
    font-size: 1.1em;
}

/* D5.6 */
#pun-break1 {
	
}

/***** D6 Announcement *****/
#pun-announcement {
    width: 840px;
    margin: -65px auto 0;
    padding: 150px 35px 0;
    box-sizing: border-box;
    height: 523px;
    overflow: hidden;
}

/* D6.1 */
#pun-announcement h2 {
    display: none;
}

/* D6.2 */
#pun-announcement h2 span {
    display: block;
    padding: 1em 0 0.8em 0;
    border-bottom-style: solid;
    border-bottom-width: 1px;
}

/* D6.3 */
#pun-announcement .container {
	padding-top: 0 !important;
}

/* D6.4 */
#pun-announcement .announcement-navigation {
    float: left;
    width: 180px;
    height: 290px;
    margin: 14px 7px 0;
}
#pun-announcement .announcement-navigation li {
    display: block;
    margin: -2px 0;
}

/* D6.5 */
#pun-announcement .announcement-content {
    margin: 0 10px 0 190px;
    padding: 20px 15px;
    height: 260px;
    display: block;
    overflow: hidden;
}
#pun-announcement .announcement-scroll {
    height: 260px;
    display: block;
    overflow-y: auto;
}

/* D6.6 */
#pun-announcement .announcement-element {
    height: 0;
    display: none;
    overflow: hidden;
}
#pun-announcement .announcement-element.active {
    height: 260px;
    display: block;
}

/* D6.7 */
#pun-announcement .announcement-element > * {
    width: 100%;
    height: 260px;
    margin: 0;
    padding: 0;
}
#pun-announcement .announcement-element p {
    line-height: 1.2em;
    margin: 0 0 .5em;
}
#pun-announcement .announcement-element .lead {
    font-weight: bold;
}
#pun-announcement .announcement-element .info {
    font-style: italic;
}
#pun-announcement .announcement-element > table {
    border-spacing: 0;
}
#pun-announcement .announcement-element > table td {
    height: 260px;
    text-align: center;
}

/* D6.8.1 */
#pun-announcement .announcement-element #announcement-welcome {
    width: 70%;
    vertical-align: middle;
    padding-right: 7px;
}
#pun-announcement .announcement-element #announcement-welcome p {
    /* line-height: 1.2em; */
}

/* D6.8.2 */
#pun-announcement .announcement-element #announcement-news {
    width: 30%;
    vertical-align: top;
    border-left-width: 1px;
    border-left-style: solid;
    padding-left: 7px;
}
#pun-announcement .announcement-element #announcement-news ul li {
    text-align: center;
    margin: 0 0 .8em;
}
#pun-announcement .announcement-element #announcement-news ul li i {
    display: block;
}
#pun-announcement .announcement-element #announcement-news ul li i:before,
#pun-announcement .announcement-element #announcement-news ul li i:after {
    content: ' ===== ';
}

/* D6.8.3 */
#pun-announcement .announcement-element #announcement-plot {
    width: 70%;
    height: 240px;
    overflow: auto;
}
#pun-announcement .announcement-element #announcement-plot p:before {
    content: '�';
    display: block;
    margin-bottom: 0.2em;
}
#pun-announcement .announcement-element #announcement-plot p.lead:before {
    content: '';
}

/* D6.8.4 */
#pun-announcement .announcement-element #announcement-plot-links {
    
}

/* D6.8.5 */
#pun-announcement .announcement-element #announcement-weather th {
    display: table-cell;
    padding: .8em;
}
#pun-announcement .announcement-element #announcement-weather td {
    height: auto;
    padding: .3em 0;
}
#pun-announcement .announcement-element #announcement-weather tr td:first-child {
    font-weight: bold;
    width: 30%;
}

/* D6.8.6 */
#pun-announcement .announcement-element #announcement-slider {
	overflow: auto;
	margin-bottom: 10px;
	text-align: center;
}
#pun-announcement .announcement-element #announcement-slider > div {
	margin: auto !important;
}
#pun-announcement .announcement-element #announcement-slider #root {
	width: 534px;
	height: 260px;
}
#pun-announcement .announcement-element #announcement-slider .rhino-btn {
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	z-index: 9999;
	opacity: 0.8;
	background-image: url(http://s7.uploads.ru/Lqt4s.png);
	background-color: transparent;
	user-select: none;
}
#pun-announcement .announcement-element #announcement-slider .rhino-prev {
	background-repeat: no-repeat;
	background-position: 0 0;
	left: 0px;
}
#pun-announcement .announcement-element #announcement-slider .rhino-next {
	background-repeat: no-repeat;
	background-position: -43px 0;
	right: 0px;
}
#pun-announcement .announcement-element #announcement-slider .rhino-prev:hover, 
#pun-announcement .announcement-element #announcement-slider .rhino-next:hover {
	opacity: 1; 
}
#pun-announcement .announcement-element #announcement-slider .rhino-toggle {
	top:-4px;
	left:-6px;
}
#pun-announcement .announcement-element #announcement-slider .rhino-container {
	position:relative;
}
#pun-announcement .announcement-element #announcement-slider .rhino-bullets {
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -100px;
    padding: 0;
    z-index: 10;
    background: transparent;
    color: transparent;
    font-size: 0;
    text-align: center;
    list-style: none;
    width: 200px;
}
#pun-announcement .announcement-element #announcement-slider .rhino-bullets li {
    display: inline-block;
}
#pun-announcement .announcement-element #announcement-slider .rhino-bullets li a.rhino-bullet {
    display: block;
    width: 10px;
    height: 10px;
    margin: 2px 5px;
    border-radius: 5px;
    cursor: pointer;
    background-color: #b06035;
    opacity: 0.8;
}
#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: #e8b575;
    opacity: 1;
}
#pun-announcement .announcement-element #announcement-slider .rhino-bullets li a.rhino-bullet.rhino-active-bullet {
    background-color: #e8b575;    
}
#pun-announcement .announcement-element #announcement-slider .hovBlock {
	vertical-align: middle;
	height: 100%;
	width: 100%;
}
#pun-announcement .announcement-element #announcement-slider .hovBlock .tight {
	width: 60px;
}
#pun-announcement .announcement-element #announcement-slider .hovBlock td:first-child {
	padding-left: 50px;
}
#pun-announcement .announcement-element #announcement-slider .hovBlock td:last-child {
	padding-right: 50px;
}
#pun-announcement .announcement-element #announcement-slider .hovEl {
	width: 60px;
}

/* D6.8.7 */
#pun-announcement .announcement-element #announcement-promotion {
    text-align: center;
}

/* D6.9 */
.announcement-finale {
    clear: both;
    text-align: center;
}


/***** D7 Statistics *****/

#pun-stats {
	margin-top: 60px;
	margin-bottom: 20px;
}

/* D7.1 */
#pun-stats .container {
    padding: 0.8em 1em;
}

/* D7.2 */
#pun-stats li.item1, 
#pun-stats li.item2 {
    float: left;
    clear: both;
    line-height: 150%;
}

/* D7.3 */
#pun-stats li.item3, 
#pun-stats li.item4 {
    text-align: right;
    line-height: 150%;
}

/* D7.4 */
li#onlinelist {
    margin-top: 1em;
    width: 100%;
    line-height: 130%;
}

/* D7.5 */
li#onlinelist div {
    padding: 0.7em 0 0 0;
}


/***** D8 Quick Jump - About - Bottom Breadcrumbs *****/
/* D8.1 */
#pun-qjump {
    margin: 0;
    border-style: none;
	border-width: 0;
    width: 50%;
    position: relative;
    float: left;
}

/* D8.2 */
#pun-qjump .container {
    border-style: none;
	border-width: 0;
    background: transparent;
    padding: 0.8em 1em;
}

/* D8.3 */
#pun-about {
    margin-top: 0;
    border-width: 0 25px 0;
    border-style: none solid none;
    width: 750px;
    margin: -1px auto 0;
}

/* D8.4 */
#pun-about .container {
    border-top-style: none;
    border-top-width: 0;
    text-align: right;
    line-height: 150%;
    padding: 0.8em 1em;
}

/* D8.5 */
#pun-about p span {
    display: block;
    padding-left: 50%;
}

/* D8.6 */
#pun-crumbs2 {
    font-weight: bold;
    overflow: hidden;
    border-width: 25px 25px 0;
    border-style: solid solid none;
    width: 750px;
    margin: 60px auto 0;
}

/* D8.7 */
#pun-crumbs2 .container {
    border-bottom: 0 none;
    padding: 0 0 0.8em;
    font-size: 1.1em;
}

/* D8.8 */
#pun-break4 {
	
}

/* D8.9 */
div.punbb-admin #pun-about .container {
    border-top-style: solid;
    border-top-width: 1px;
}

/* D9 Help file *****/
/* D9.1 */
#pun-help .formal .info-box h3.legend {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    padding-bottom: 0;
    margin-bottom: 0.8em;
}

/* D9.2 */
#pun-help .formal .info-box h3.legend span {
    padding-bottom: 0.6em;
    display: block;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    font-size: 1.1em;
}

/* D9.3 */
#pun-help .formal p, 
#pun-help .formal dd {
    margin-bottom: 1em;
}

/* D9.4 */
#pun-help .formal ul, 
#pun-help .formal dl {
    padding: 0 0 0 1em;
}

/* D9.5 */
#pun-help .formal li {
    padding: 0;
    line-height: 130%;
}

/* D9.6 */
#pun-help .formal li * {
    vertical-align: text-top;
}

/* D9.7 */
#pun-help .formal dt span {
    font: 1.4em/120% monaco, "bitstream vera sans mono", "courier new", courier, monospace;
}

/* D9.8 */
#pun-help .formal .parsedmsg,
#pun-help .formal .parsedmsg .incode {
    padding-bottom: 0;
}



/********** E. Kozhilya's customs **********/

/***** E1 Admin styles *****/

/* E1.1 */
.punbb-admin #pun-title {
    width: 800px;
    margin: 0 auto;
    border-style: solid solid none;
    border-width: 50px 25px 0;
    height: 100px;
}
.punbb-admin .admain {
    margin-top: 60px;
    padding-left: 0;
}
.punbb-admin .adcontainer,
.punbb-admin .adformal {
    border-style: none;
	border-width: 0;
    margin: 0;
    padding: 0;
}
.punbb-admin h2 {
    border-style: none;
	border-width: 0;
    margin: 0;
    padding: 0;
}

/* E1.2 */
.punbb-admin #pun-status {
    top: 0px;
}

/* E1.3 */
.punbb-admin .admain #pun-adnav {
    width: 150px;
    border-width: 40px 15px;
	border-style: solid;
    margin: 10px 0 0;
}
.punbb-admin .admain #pun-adnav h2 {
    border-style: none;
	border-width: 0;
    background: none;
    padding: 0;
    margin: -37px -5px 15px;
    height: auto;
}
.punbb-admin .admain #pun-adnav ul {
    margin: 0 -5px;
}
.punbb-admin .admain #pun-adnav li {
    padding: 0;
    position: relative;
    list-style: none;
}
.punbb-admin .admain #pun-adnav li a {
    display: inline-block;
    padding: 3px 10px;
    width: 100%;
    box-sizing: border-box;
}
.punbb-admin .admain #pun-adnav li sup {
    position: absolute;
    top: 0;
    right: 0;
    vertical-align: middle;
}
.punbb-admin .admain #pun-adnav li ul {
    padding: 0;
    margin-left: 30px;
}
.punbb-admin .admain #pun-adnav li ul li {
    list-style: square outside;
}
.punbb-admin .admain #pun-adnav li ul li a {
    margin-left: -10px;
}
/* E1.4 */
.punbb-admin .admain#pun-admain .adformal h2 {
    width: 100%;
    margin-top: -70px;
    border-style: none;
	border-width: 0;
    padding: 27px 1em;
}

/* E1.5 */
.punbb-admin .admain#pun-admain .adformal .adcontainer {
    margin: 20px 10px 0 200px;
    padding: 0;
}

/* E1.6 */
#pun-admain textarea[name="form[html_header]"],
#pun-admain textarea[name="form[html_footer]"],
#pun-admain textarea[name="form[announcement_message]"],
#pun-admain textarea[name="form[html_reply]"],
#pun-admain textarea[name="form[rules_message]"],
#pun-admain form[action*="admin_style"] textarea {
    font: normal 1em "DejaVu Mono Sans", "Consolas", "Courier New", monospace;
}



/***** E2 Top Menu *****/

#top-menu {
    position: absolute;
    top: -181px;
    left: calc(50% + 49px);
    width: 280px;
    height: 149px;
    z-index: -2;
    padding: 0 0;
    box-sizing: border-box;
}
#top-menu li {margin-bottom: -4px;}
#top-menu a {
    display: block;
    width: 280px;
    height: 50px;
    font: bold 25px/0.75 "Present Script";
    text-align: center;
    cursor: pointer;
    padding: 11px 0 0;
    box-sizing: border-box;
}
#top-menu ul li:nth-child(1) a {
    background-position: 0px 0px;
}
#top-menu ul li:nth-child(2) a {
    background-position: 0px -50px;
}
#top-menu ul li:nth-child(3) a {
    background-position: 0px -100px;
}



/***** E3 Footer *****/

/* E3.1 */
.punbb footer {
    margin-bottom: -132px;
    border: 0 none transparent;
}

/* E3.2 */
footer .bannerRotatorHead {
	text-align: center;
	font-weight: bold !important;
	margin: 10px 0;
}
footer .bannerRotator {
	margin: auto;
	width: 460px;
	height: 60px;
	overflow: hidden;
}
footer .bannerRotator .floatRotator {
	transition: margin 1s;
}
footer .bannerRotator * {
	margin: 0;
	padding: 0;
}
footer .bannerRotator a,
footer .bannerRotator img {
	display: block;
	margin: 0;
	padding: 0;
	width: 460px;
	height: 60px;
}

/* E3.3 */
footer .bannersButton {
    display: block;
    margin: 20px auto 46px;
    text-align: center;
}
.punbb footer .bannersButton a.pseudo-button {
    height: 54px;
    transform: translate(0,0) !important;
    overflow: hidden;
    padding-bottom: 16px;
    padding-top: 11px;
}

/* E3.4 */
footer .texts {
    color: var(--pun-navlinks-color);
    text-align: center;
}



/***** E4 Script profile styles *****/
/* https://tlkthebeginning.kozhilya.ru/scripts/profiles_beta/style.css?ver=3.0.4 */

/* E4.1 */
body.freezeContent {
    position: fixed;
    width: 100%;
    left: 0;
}

/* E4.2 */
.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3000;
}
.overlay iframe {
    width: 100%;
    height: 100%;
    border: 0 none transparent;
}



/***** E5 Edit page *****/

/* E5.1 */
.editlink.firmstyle {
    font-size: 2.5em;
    margin: 0 0 1.5em;
    text-align: center;
}
.editlink.firmstyle a {
    /* display: block; */
    /* padding: .5em .5em .7em; */
}

/* E5.2 */
fieldset#fld1, fieldset#fld3, fieldset#fld5 {
    display: none;
}

/* E5.3 */
fieldset#fld2 legend {
    /* float: left; */
    /* width: 133px; */
}
fieldset#fld2 input {
}
fieldset#fld2 div {
    padding: 0;
}
fieldset#fld2 input {
    /* padding: .3em .5em; */
}

/* E5.4 */
fieldset#fld4 legend {
    display: block;
    text-align: center;
    font: bold 2em/0.75 'Present Script';
    margin: 10px 0;
}
fieldset#fld4 .filters {
    display: flex;
    margin: 10px 0;
}
fieldset#fld4 .filters .awardfilter {
    flex: 1 auto;
    align-items: center;
    justify-content: center;
}

/* E5.5 */
fieldset#fld4 .filters .filterstate label {
    display: block;
    font-size: 1.1em;
    cursor: pointer;
}
fieldset#fld4 .filters .filterstate label .value {
    display: none;
    font: bold 1.3em monospace;
    margin: .2em;
    border-radius: 50%;
    padding: .1em .4em;
}
fieldset#fld4 .filters .filterstate input[value="0"] + label #value_0 {
    display: inline-block;
}
fieldset#fld4 .filters .filterstate input[value="1"] + label #value_1 {
    display: inline-block;
}
fieldset#fld4 .filters .filterstate input[value="2"] + label #value_2 {
    display: inline-block;
}

/* E5.6 */
fieldset#fld4 .fs-box {
    border-width: 10px;
    padding: 10px 0;
    margin: 10px 0;
    border-style: solid;
}
fieldset#fld4 .fs-box .checkfield {
    padding: 0;
}
fieldset#fld4 .fs-box .checkfield input {
    display: none;
}

/* E5.7 */
fieldset#fld4 .fs-box .checkfield label,
fieldset#fld4 .fs-box .checkfield p,
fieldset#fld4 .fs-box .checkfield div {
    display: block;
    height: auto;
}

fieldset#fld4 .fs-box .checkfield label {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    padding: .7em 0 .7em 30px;
    cursor: pointer;
    position: relative;
}

fieldset#fld4 .fs-box .checkfield label img {
    height: 50px;
    vertical-align: middle;
    margin: 0 10px 0 0;
}
fieldset#fld4 .fs-box .checkfield p {
    flex: 1 30%;
}
fieldset#fld4 .fs-box .checkfield p.name {
    font-weight: bold;
    font-size: 1.2em;
}
fieldset#fld4 .fs-box .checkfield p.desc {
    flex-grow: 6;
    font-size: .9em;
    font-style: italic

}

/* E5.8 */
fieldset#fld4 .fs-box .checkfield label:before,
fieldset#fld4 .fs-box .checkfield label:after {
    content: '';
    position: absolute;
    margin-top: 24px;
    margin-left: 3px;
    border-radius: 50%;
}
fieldset#fld4 .fs-box .checkfield label:before {
    top: 0;
    left: 0;
    width: 16px;
    height: 16px;
}
fieldset#fld4 .fs-box .checkfield label:after {
    top: 5px;
    left: 5px;
    width: 10px;
    height: 10px;
    opacity: 0;
    transition: all .1s;
}
fieldset#fld4 .fs-box .checkfield :checked + label:after {
    opacity: 1;
}







/********** F. Jump Panels **********/

/***** F1 - Common *****/
/* F1.1 */
.JumpPanel {
	position: fixed;
	z-index: 2100;
	top: 100px;
	height: auto;
	width: 260px;
	padding: 0;
	transition: right 0.5s 0.1s, left 0.5s 0.1s;
	text-align: center;
	border-style: solid;
	border-width: 10px;
}

/* F1.2 */
.TestArea .JumpPanel#left,
.TestArea .JumpPanel#right {
	position: absolute;
	left: 0px;
	top: 25px;
}

/* F1.3 */
.JumpPanel > div {
	overflow: auto;
	height: 100%;
}

/* F1.4 */
.JumpPanel h3 {
	text-align: center;
	font-size: 20px;
	font-weight: bold;

}

/* F1.5 */
.JumpPanel h4 {
	font-weight: bold;
	text-decoration: underline;
	margin: 2.5em 0.8em 0;
}

/* F1.6 */
.JumpPanel p {
	margin: 1em 0;
}

/* F1.7 */
.JumpPanel em {
	font-style: italic;
}

/* F1.8 */
.JumpPanel::before {
	position: absolute;
	content: '.';
	display: block;
	width: 30px;
	height: 24px;
	border-width: 10px;
	border-style: solid;
	font: bold 25px/0.75 'Present Script';
	text-align: center;
}



/***** F2 - Left (Navigation) *****/
/* F2.1 */
.JumpPanel#left {
	left: -270px;
	padding-left: 0;
}

/* F2.2 */
.JumpPanel#left:hover {
	left: -10px;
}

/* F2.3 */
.JumpPanel#left::before {
	margin: 5px 0 0 265px;
	float: right;
	content: '\041D';
	border-left: 0 none transparent;
	padding-left: 5px;
}

/* F2.4 */
.JumpPanel#left .navigation_head {
	text-align: left;
	margin: -30px 0 0 10px;
}

/* F2.5 */
.JumpPanel#left .navigation_head ul li {
	display: inline-block;
	width: 11px;
	height: 15px;
	text-align: center;
	overflow: hidden;
	transition: all .5s;
	white-space: nowrap;
	border-style: solid solid none;
	border-width: 4px 4px 0;
	padding: 2px 6px;
	margin: 0 1px;
	cursor: pointer;
}

/* F2.6 */
.JumpPanel#left .navigation_head ul li.active {
	height: 18px;
}

/* F2.7 */
.JumpPanel#left .navigation_head ul li:hover {
	width: 90px;
}

/* F2.8 */
.JumpPanel#left .navigation_head ul li span {
	float: left;
	width: 11px;
	margin-right: 15px;
}

/* F2.9 */
.JumpPanel#left .navigation_head ul li em {
	font-style: normal;
	font: bold 15px/0.75 "Present Script";
}

/* F2.10 */
.JumpPanel#left h3 {
	text-align: left;
	font: bold 30px/0.75 "Present Script";
	margin: 5px 2px 10px 11px;
}

/* F2.11 */
.JumpPanel#left h4 {
	text-align: left;
	font-weight: bold;
	text-decoration: underline;
	margin: 1.2em 0 .6em;
}

/* F2.12 */
.JumpPanel#left .navigation_tabs {
	margin: 0 0 0 6px;
}

/* F2.13 */
.JumpPanel#left .navigation_tabs ul ul {
	margin: 0 0 0 15px;
}

/* F2.14 */
.JumpPanel#left .navigation_tabs ul li {
	margin: 2px 0;
}

/* F2.15 */
.JumpPanel#left .navigation_tabs ul li a {
	display: block;
	text-align: left;
	padding: 2px 8px;
	font-weight: bold;
}



/***** F3 - Right (Notepad) *****/

/* F2.1 */
.JumpPanel#right::before {
	margin: 0 0 0 -49px;
	content: '\0411';
	border-right: none 0;
	padding-right: 5px;
}

/* F2.2 */
.JumpPanel#right {
	right: -395px;
	width: 380px;
	display: none;
	padding-right: 5px;
}

/* F2.3 */
.JumpPanel#right:hover, 
.JumpPanel.focused#right {
	right: -10px;
}

/* F2.3 */
.notepad-editarea {
    padding: 5px 8px;
    border: 0 none transparent;
    text-align: left;
    min-height: 40px;
    max-height: 350px;
}

/* F2.4 */
.notepad-tools {
	padding: 0;
	margin: 0;
	height: 30px;
}

/* F2.5 */
.notepad-tools li {
	display: inline-block;
	list-style: none;
	float: left;
}

/* F2.6 */
.notepad-tools li img {
	height: 26px;
}

/* F2.7 */
.notepad-tools li#message {
	float: right;
	font-style: italic;
	padding: 6px 0;
}

/* F2.8 */
.notepad-tools li.notepad-button {
	background: url(http://forumfiles.ru/i/form_buttons.3.png) no-repeat 50% 0; 
	cursor: pointer;
}

/* F2.9 */
.notepad-tools li.notepad-button#bold {
	background-position: 50% -47px;
}

/* F2.10 */
.notepad-tools li.notepad-button#italic {
	background-position: 50% -73px;
}



/********** UNSORTED **********/
/***** voteWindow *****/
.voteWindow {
    position: fixed;
    bottom: 5px;
    right: 5px;
    background: #440707 url(http://s2.uploads.ru/r7ZN1.jpg) repeat top left;
    color: #a37b48;
    padding: 1em;  
    border: 2px solid black;
    border-radius: 15px;
    text-align: center;
    width: 200px;
    opacity: 0.7;
    transition: opacity .2s;
}
.voteWindow p {
    margin: 2px 0;
}
.voteWindow .close {
    position: absolute;
    right: 7px;
    top: 2px;
    color: transparent;
}
.voteWindow:hover {
    opacity: 1;
}
.voteWindow:hover .close {
    color: #a37b48;
    cursor: pointer;
}

/***** smiles *****/
#smilies-area {
    padding-top: 0;
    margin-top: 30px;
}

#smilies-area #wrapper {
    width: 550px;
    margin-top: -20px;
}

#smilies-area ul.tabs {
    height: 20px;
    line-height: 20px;
    margin: 0 0 3px;
    list-style: none;
}

#smilies-area ul.tabs li {
    float: left;
    margin-right: 1px;
    cursor: pointer;
    background: url(http://s2.uploads.ru/Y0ueV.jpg);
    border-radius: 10px 10px 0 0;
}
#smilies-area ul.tabs li.tab-current {
    margin-top: -5px;
    padding-bottom: 5px;
}

#smilies-area ul.tabs li a {
    color: #AD8358;
    display: block;
    margin-bottom: -1px;
    margin-top: 0px;
    padding: 0 14px 1px;
    position: relative;
    text-decoration: none;
}

#smilies-area ul.tabs li a:hover {
    color: #80600b;
    padding: 0 14px;
    position: relative;
    text-decoration: none;
}

#smilies-area ul.tabs li.tab-current a {
    font-weight: bold;
    padding: 0px 14px 2px;
    border: medium hidden;
    line-height: 22px;
}

#smilies-area ul.tabs li.tab-current a:hover {
    color: #8E7267;
}

#smilies-area div.t2,
#smilies-area div.t3,
#smilies-area div.t4,
#smilies-area div.t5,
#smilies-area div.t6,
#smilies-area div.t7,
#smilies-area div.t8 {
    display: none;
    width: 455px;
    max-height: 270px;
    overflow-y: auto;
}

#smilies-area #smilies-block {
    display: block;
    line-height: 7px;
}

@import url ( http://tlkthebeginning.kozhilya.ru/static/tlkthebeginning_mybb_mobile.css );

style_cs.css

��:

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

/***** CA1 - Day style (default) *****/
html, html[theme="day"] {
	
	/* CA1.1 - Colors */
    --main-color: #523c2e; /* Main color */
    --quote-color: #644531;
    --wooden-color: #d3b489; /* Color for woods */
    --wooden-semi-color: #A3663E;
    --wooden-hover-color: #bb8f53;
    --link-color: #955830;
    --link-hover-color: #904c20;
    --button-color: #6F361D;
    --button-shadow: #D9984F;
    
    --block-shadow: rgba(0, 0, 0, .8);
    --wooden-shadow: #491D00;
	
	/* Images */
    --logo-image:          url( https://tlkthebeginning.kozhilya.ru/f/design/day_logo.png );
    --body-bg-top:         url( https://tlkthebeginning.kozhilya.ru/f/design/style_day_bg.png );
    --body-bg-bottom:      url( https://tlkthebeginning.kozhilya.ru/f/design/style_day_footer.jpg );
    --body-bg-regular:     url( https://tlkthebeginning.kozhilya.ru/f/design/style_day_main_bg.jpg );
    --block-bg:            url( https://tlkthebeginning.kozhilya.ru/f/design/style_day_fillbg.png );
    --block-border-small:  url( https://tlkthebeginning.kozhilya.ru/f/design/style_day_border_small.jpg );
    --block-border-big:    url( https://tlkthebeginning.kozhilya.ru/f/design/style_day_border.jpg );
    --header-bg:           url( https://tlkthebeginning.kozhilya.ru/f/design/day/block_header.png );
    --body-header-bg:      url( https://tlkthebeginning.kozhilya.ru/f/design/style_day_navigation_bg.jpg );
    --wooden-bg-small:     url( https://tlkthebeginning.kozhilya.ru/f/design/wooden-header-border.png );
    --wooden-bg-big:       url( https://tlkthebeginning.kozhilya.ru/f/design/wooden-header-border1.png );
    --quote-bg:            url( https://tlkthebeginning.kozhilya.ru/f/design/day/block_bg.png );
    --profile-bg:          url( https://tlkthebeginning.kozhilya.ru/f/design/profile_border.jpg );
    --profile-button:      url( https://tlkthebeginning.kozhilya.ru/f/design/profile_button.jpg );
    --announcement-bg:     url( https://tlkthebeginning.kozhilya.ru/f/design/day_announcement.png );
    --topmenu-bg:          url( http://tlkthebeginning.kozhilya.ru/f/design/day_header_pagemenu.png );

    --pseudo-button-bg:    url( http://tlkthebeginning.kozhilya.ru/f/design/day-button.png );

    --icon-default:        url( https://forumstatic.ru/files/0019/00/e9/47998.png );
    --icon-new:            url( https://forumstatic.ru/files/0019/ca/c8/30945.png );
    --icon-closed:         url( https://forumstatic.ru/files/0019/00/e9/47998.png );
    --icon-sticky:         url( https://forumstatic.ru/files/0019/00/e9/49379.png );
    --topmenu-elements-bg: url( https://tlkthebeginning.kozhilya.ru/f/design/day_header_pagemenu_elements.png );
    --topmenu-block-bg:    url( https://tlkthebeginning.kozhilya.ru/f/design/day_header_pagemenu_bg.png );

    --wooden-block-tall:   url( https://tlkthebeginning.kozhilya.ru/f/design/wooden-block-tall.png );
    --wooden-block-wide:   url( https://tlkthebeginning.kozhilya.ru/f/design/wooden-block-wide.png );
    --wooden-block-tiny:   url( https://tlkthebeginning.kozhilya.ru/f/design/wooden-block-tiny.png );
    --something:           url( https://tlkthebeginning.kozhilya.ru/f/design/style_something.png );    
}



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

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

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

/* CB1.2 - Logo */
#pun-title h1 {
    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);
}



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

/* CB2.1 - Blocks */
.punbb .section#pun-stats, 
.punbb .main #post-form, 
.punbb .main .category, 
.punbb .main .post, 
.punbb .main .usertable, 
.punbb .main .forum, 
.punbb#pun-online    .main .section, 
.punbb#pun-post      .main .formal, 
.punbb#pun-statistic .main .section,
.punbb .formal,
.punbb .info .container,
.punbb-admin #pun-admain, 
.modal#charinfo .modal-window,
.punbb-admin #pun-title {
    background: var(--block-bg) repeat center;
    box-shadow: 0 0 20px var(--block-shadow);
    border-image: var(--block-border-small) 23 round;
}

.punbb-admin #pun-title {
    border-image: var(--block-border-big) 50 23 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: #371a0b;
    background: rgba(241, 216, 173, 0.7);
}



/***** 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: url(http://tlkthebeginning.kozhilya.ru/f/design/day-button.png) 1 14 fill round;
	border-width: 1px 14px;
	border-style: solid;
	text-align: center;
	box-sizing: border-box;
	padding: 14px 10px 18px;
    cursor: pointer;
}

/* CB4.2 */
.pseudo-button: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 tr.inew div.icon {
    background-image: var(--icon-new);
}

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

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





/********** 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(--quote-color);
}



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

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

/* CC3.2 - Breadcrumbs */
#pun-crumbs1 {
    background: var(--block-bg) repeat center;
    border-image: var(--block-border-small) 23 repeat;
}

/* CC3.3 - Announcement block */
#pun-announcement {
    background: var(--announcement-bg) no-repeat top center;
}

/* 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 {
    color: var(--wooden-hover-color);
}



/***** 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-shadow);
    text-shadow: var(--wooden-semi-color) 1px 1px 0px;
    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 {
    border: 15px solid transparent;
    border-width: 40px 15px;
    border-image: var(--profile-bg) 40 15 fill round;
}

/* CC5.2 - Author header */
.punbb .post .post-author li.pa-author {
    background: var(--wooden-bg-small) no-repeat center;
}

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

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

/* CC5.5 - Charinfo button */
.punbb .post .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);
}



/***** 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(--quote-color);
}

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



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

/* CC7.1 - Element */
fieldset {
    border-image: var(--quote-bg) 16 fill repeat;
    color: var(--quote-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 */
.punbb .formal textarea#main-reply {
    background: var(--block-bg) repeat center;
    border-image: var(--block-border-small) 23 round;
}

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

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

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

/* CC8.1 - Elements */
.linkst div,
#profilenav {
    border-image: var(--something) 12 fill round;
    color: var(--wooden-color);
}

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



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

/* CC9.1 - Elements */
.punbb .modmenu,
.punbb .linksb,
#pun-crumbs2,
#pun-about {
    border-image: var(--block-border-small) 25 repeat;
    background: var(--block-bg);
}

/* 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 .admain #pun-adnav {
    border-image: var(--profile-bg) 40 15 fill round;
}

/* CC10.2 - Fields */
.punbb-admin #pun-admain fieldset p {
    border-color: rgba(241, 216, 173, 0.5);
    background-color: rgba(241, 216, 173, 0.5);
}



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

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

/* USE PSEUDO BUTTON??? */
.editlink.firmstyle a {
    /* background-color: #260501; */
    /* color: #a88658; */
    /* border: black groove 2px; */
    /* border-radius: 10px; */
}

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: rgba(173,131,88,.1);
}
fieldset#fld4 .fs-box .checkfield :checked + label {
    background-color: rgba(173,131,88,.2);
}
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(--wooden-block-tall) 10 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-shadow);
	text-shadow: #A3663E 1px 1px 0px;
	border-image: var(--wooden-block-tiny) 10 fill round;
}

/* CC12.4 */
.JumpPanel#left .navigation_head ul li {
	border-image: var(--wooden-block-tall) 10 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);
}
.JumpPanel#left .navigation_tabs ul li a:hover {
	color: var(--wooden-hover-color);
	/* background-color: #300803; */
}

/* CC12.5 */
.notepad-editarea {
    color: var(--main-color);
    background: rgba(241, 216, 173, 0.5);
}


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

��

mybb@mybb.ru (��) — Thu, 25 Jan 2018 19:14:09 +0300

��

mybb@mybb.ru (��) — Mon, 17 Apr 2017 10:49:42 +0300

� �� :)

��

mybb@mybb.ru (��) — Sun, 29 Jan 2017 15:16:23 +0300

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus posuere faucibus ligula ac consequat. Duis quis hendrerit lorem. Duis vitae magna tincidunt, facilisis dui et, iaculis lorem. Curabitur laoreet hendrerit rutrum. Aenean massa augue, scelerisque sit amet nisl sit amet, tincidunt lobortis nunc. Vivamus varius non magna vitae scelerisque. Aenean interdum rutrum massa quis pretium.

�� 1 ��(�):

Donec venenatis nisl ut condimentum sagittis. Curabitur posuere molestie nunc, et iaculis metus condimentum ut. Donec facilisis turpis sit amet nisl ultricies, non molestie dui tincidunt. Vestibulum ac commodo lectus. Quisque eu accumsan libero, consequat pretium lacus. Nunc faucibus feugiat leo, vitae ultrices nisl iaculis non. Nulla ac nulla ac felis blandit pellentesque. Aliquam turpis nibh, ultrices nec quam et, dapibus hendrerit tortor. Etiam ultricies vestibulum ex, vitae fermentum purus accumsan vel. Proin at elit tortor. Vestibulum feugiat neque in tortor rhoncus auctor. Sed pharetra mattis neque quis tempus. Sed pellentesque, nisi quis consequat laoreet, orci leo rutrum justo, a finibus mi dolor vitae mauris. In maximus lacinia quam, et egestas nisl vestibulum sed. Etiam bibendum pulvinar mauris ac mattis.

[i]�� 2[/i] ��(�):

Pellentesque ac vulputate augue. Nunc viverra sollicitudin ante, tincidunt vulputate tellus tempus at. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Mauris porttitor erat at auctor pharetra. Vestibulum eu magna enim. Vivamus vel consequat tellus. Morbi in ultrices mi.

Donec ornare lacus neque. Aenean luctus risus quis porttitor pulvinar. Praesent auctor sapien et tellus mattis, id convallis ex ultricies. Sed vel venenatis libero, vel malesuada justo. Mauris quam lorem, suscipit vitae mi nec, mollis imperdiet justo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut dignissim pulvinar nulla, ut tincidunt lorem posuere quis. Nulla facilisi. Praesent egestas iaculis aliquet. Sed dui ante, elementum eget neque vel, aliquam aliquam urna. Morbi egestas porta mauris, vel scelerisque tellus luctus a. Aenean posuere est vitae odio fermentum, eu finibus massa cursus.

https://pp.vk.me/c637629/v637629000/2a942/bGUwtCmB3aQ.jpg ��(�):

Duis euismod ipsum libero. Ut feugiat varius nibh. Nunc porttitor est vitae felis molestie porttitor. Praesent ac consectetur purus, ac consequat nunc. Curabitur interdum efficitur sollicitudin. Nunc imperdiet auctor leo vel efficitur. Cras velit risus, finibus sit amet purus in, dictum egestas ipsum. Phasellus tincidunt quam est, vitae scelerisque mi mattis id. Pellentesque sodales pellentesque mi, et suscipit dolor volutpat vel. Nunc maximus hendrerit consequat. Sed sapien mauris, consequat ut rutrum non, posuere nec risus.

Aenean mollis in risus nec ullamcorper. Integer euismod finibus fermentum. Proin gravida viverra risus et pellentesque. Quisque nec tristique eros, nec varius leo. Aliquam laoreet lobortis mauris sed pellentesque. Pellentesque condimentum augue ex, in dapibus arcu venenatis ac. Duis ac felis sodales, sagittis nibh ac, facilisis diam. Sed vitae pretium augue. In maximus euismod egestas. Morbi quam neque, rutrum at convallis vel, tincidunt sed ex. In sagittis congue eros, ac ullamcorper libero sodales et. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Maecenas faucibus finibus eros nec sodales.

Nunc et ex tortor. Etiam et rutrum urna. Curabitur quis ligula accumsan ante molestie imperdiet ac porta elit. Maecenas mauris lorem, pharetra sit amet mattis sit amet, faucibus a magna. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Cras ornare, nunc ut viverra sollicitudin, tellus massa tempor quam, vel tempor sem dolor sit amet erat. Duis varius mollis sodales. Nam sodales ac velit ut blandit. Ut gravida elementum dolor. Interdum et malesuada fames ac ante ipsum primis in faucibus. Quisque congue sit amet sem quis ullamcorper.

��

mybb@mybb.ru (��) — Sat, 28 Jan 2017 22:12:09 +0300

craft

��

mybb@mybb.ru (��) — Sat, 07 Jan 2017 13:59:03 +0300

��

�� "��"
� �� , �� , �� , � �� .
�� :
1. �� (� �� ).
2. �� , �� , �� , �� , �� , �� .

��	��	��
26 �� 11:00	22 ��	11
27 �� 09:00	20 ��	12
28 �� 05:00	18 ��	13
28 �� 23:00	16 ��	14
29 �� 15:00	14 ��	15
30 �� 05:00	12 ��	16
30 �� 17:00	10 ��	17
31 �� 03:00	8 ��	18
31 �� 11:00	6 ��	19
31 �� 17:00	4 ��	20
31 �� 21:00	2 ��	21
31 �� 23:00	1 ��	25!

The Lion King. The Beginning (KozhIlya's Design Test)

���� ������������ �����������

�������� ���������

�������������� ������� �������

�������� ������� ����

������

���� ���

���� ��

���� �������

���� �������� �����

���� �������� ������

��

��

��

��

��

��

��

��

��

��