Код:

<script src="https://js.cx/article/cookie/cookie.js"></script>
<script src="http://kozhilya.ru/begin/epicbattle/tooltip.js"></script>
<script src="https://mybb.kozhilya.ru/script/modals/min" defer></script>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<script src="https://cdn.jsdelivr.net/dustjs/latest/dust-full.min.js"></script>
<script src="https://cdn.jsdelivr.net/dustjs.helpers/latest/dust-helpers.min.js"></script>


<script>
function extractUrlValue(key, url) {
    if (typeof(url) === 'undefined')
        url = window.location.href;
    var match = url.match('[?&]' + key + '=([^&]+)');
    return match ? match[1] : null;
}
</script>

<!-- Индикатор загрузки -->
<div class="loadIndicator">
Страница загружается...
  <div class="spinner">
    <div class="bounce1"></div>
    <div class="bounce2"></div>
    <div class="bounce3"></div>
  </div>
</div>

<script>
function LoadingComplited()
{
    $(".loadIndicator").hide();
}

/*
 if (GroupID != 1)
    LoadingComplited(); 
//*/
</script>
<!-- Конец Индикатора загрузки -->


<!-- Смена звука ЛС -->
<script>
//*
$(document).pun_mainReady(function() {
  $("#sound1 source").attr("type", "audio/ogg").attr("src", "http://kozhilya.ru/misc/lionroar.ogg");
  $("#sound1")[0].load();
});
//*/
</script>
<!-- Конец Смена звука ЛС -->


<!-- Скрытие лишних полей профиля -->
<style>li[class*="pa-fld"] { display:none; } li.pa-fld1 { display: block; }</style>
<!-- Конец скрытия лишних полей профиля -->





<!-- AdSense-Верх -->
<div class="adsense" id="top">
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- Верх -->
<ins class="adsbygoogle"
     style="display:inline-block;width:320px;height:50px"
     data-ad-client="ca-pub-3184552713908830"
     data-ad-slot="9617147102"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
<!-- Конец AdSense-верха -->



<!-- Дополнительные скрытия -->
<style type="text/css">
#first_post_frame {position:relative;z-index:-100;}
#pun-announcement h2 {display: none}
#pun-announcement .container {padding-top: 1em}
#pun-index #forum_f5,#pun-index #forum_f26,#pun-index #forum_f29,#pun-index #forum_f32,#pun-index #forum_f37,#pun-index #forum_f40,#pun-index #forum_f41,#pun-index #forum_f42,#pun-index #forum_f44,#pun-index #forum_f46,#pun-index #forum_f47,#pun-index #forum_f52,#pun-index #forum_f54,#pun-index #forum_f56,#pun-index #forum_f58,#pun-index #forum_f59,#pun-index #forum_f61,#pun-index #forum_f62,#pun-index #forum_f64,#pun-index #forum_f65,#pun-index #forum_f69,#pun-index #forum_f70,#pun-index #forum_f72,#pun-index #forum_f74,#pun-index #forum_f76,#pun-index #forum_f79,#pun-index #forum_f86,#pun-index #forum_f87,#pun-index #forum_f88{display:none}

.modlist {display: none;}
</style>
<!-- Конец дополнительных скрытий -->

<!-- Дополнительные скрытия -->
<style id="HideForums"></style>
<script>
var hidden_forums = {
  "archives": [29, 40, 41, 42, 64, 47, 46, 61, 72, 58, 59, 65, 26, 69],
  "underforums": [5, 32, 37, 44, 52, 54, 56, 62, 70]
}
document.querySelector("#HideForums").textContent = (function(q) {
  var css = [];
  for(var i in q) {
    var o = hidden_forums[i];
    for(var j in o) {
      css.push('#pun-index #forum_f' + o[j]);
    }
    return css.join(",") + '{display:none}';
  }
})(hidden_forums);
</script>
<!-- Конец дополнительных скрытий -->

<!-- Стрелки навигации по странице -->
<script src="http://kozhilya.ru/libs/js/Scroller/scroller.min.js"></script>
<style>div.MoveArrow { position: fixed; right: 2%; bottom: 125px;}
div.MoveArrow a img { opacity: 0.75; width: 60px; height: auto; }
div.MoveArrow a img:hover { opacity: 1; width: 60px; height: auto; }
</style>
<div class="MoveArrow">
<a href="#top" onclick="Scroller.scrollTop(); return false;" title="Вверх страницы">
<img src="http://s3.uploads.ru/8T3rA.png" alt="Вверх страницы"></a>
<br>
<a href="#top" onclick="Scroller.scrollEnd(); return false;" title="Вниз страницы">
<img src="http://s3.uploads.ru/K4laB.png" alt="Вниз страницы"></a>
</div>
<!-- Конец стрелок навигации по странице -->


<!-- Цветовыделение никнеймов -->
<!-- Тема: http://tlkthebeginning.ru/viewtopic.php?id=18353 -->
<style id="colorNickName"></style>
<script>
var ColorNickName = [
	["Муфаса", 2, "#DC143C"],
	["Шайена", 3, "#8A66CC"],
	["Falco", 57, "#DC143C"],
	["Тесва", 1186, "#E0E040"],
	["Котаго", 1986, "#BCA9F5"],
	["Upendi", 1222, "#D02090"],
// Новогодняя лотерея 2015
	["Мено", 2746, "#A1A1A1"],
	["Хайко", 1851, "#FF8755"],
// Дед Мороз 2016
	["Эйлирейна", 3549, "#6f00ff"],
	["Килем", 2056, "#287233"],
// Дед Мороз 2017
	["Шенью", 4084, "#FF8F00"],
// Новогодняя лотерея 2018
	["James", 3630, "#8e86cf", "5 Apr 2018"],
	["Jessie", 3629, "#bf1a38", "5 Apr 2018"]
];

document.querySelector("#colorNickName").textContent = 
(function(obj) {
	var result = "";
	for(var i = 0; i < obj.length; i++) {
    var q = obj[i];
    if ((!q[3]) || (new Date(q[3]) - new Date() > 0))
    	result += "a[href*=\"javascript:to('" + q[0] + "')\"], a[href$=\"/profile.php?id=" + q[1] + "\"] { color: " + q[2] + " !important; }\r\n\r\n";
	}
	return result;
})(ColorNickName);
</script>
<!-- Конец Цветовыделения никнеймов -->


<!-- JumpPanels ("Уши форума") -->
<style>
.JumpPanel::before {
	position: absolute;
	content: '.';
	color: transparent;
	display: block;
	width: 40px;
	height: 32px;
	border: 1px solid #200000;
}
.JumpPanel#right::before {
	background: url(http://s3.uploads.ru/gGwZk.png) -2px 0px no-repeat;
	border-radius: 10px 0 0 10px;
	margin: 0 0 0 -51px;
	box-shadow: 0 0 10px #000000;
}
.JumpPanel#left::before {
	background: url(http://s5.uploads.ru/SVOjI.png) repeat -2px 0px;
	border-radius: 0 10px 10px 0;
	margin: 10px 0 0 270px;
	box-shadow: 0 0 10px #000000;
	float: right;
}
.JumpPanel {
	position: fixed;
	z-index: 2100;
	top: 8px;
	border-radius: 10px;
	border: 2px solid #200000;
	box-shadow: 0px 5px 5px #000000;
	background: url(http://s2.uploads.ru/r7ZN1.jpg) repeat center;	
	height: auto;
	width: 260px;
	padding: 10px;
	transition: right 0.5s 0.1s, left 0.5s 0.1s;
	color: #ffc46f;
	text-align: center;
}

.JumpPanel > div {
	overflow: auto;
	height: 100%;
}
.JumpPanel#left {
	left: -280px;
}
.JumpPanel#left:hover {
	left: -15px;
}
.JumpPanel a {
	color: #b06035;
	text-shadow: #000000 0px 0px 5px;
}
.JumpPanel a:hover {
	color: #b06035;
}
.JumpPanel h3 {
	text-align: center;
	font-size: 20px;
	font-weight: bold;

}
.JumpPanel h4 {
	font-weight: bold;
	text-decoration: underline;
	margin: 2.5em 0.8em 0;
}
.JumpPanel p {
	margin: 1em 0;
}
.JumpPanel em {
	font-style: italic;
}

.JumpPanel#right {
	right: -410px;
	width: 380px;
	display: none;
	padding-right: 25px;
}
.JumpPanel#right:hover, .JumpPanel.focused#right {
	right: -15px;
}
</style>
<!-- Конец JumpPanels -->


<!-- Дополнительные стили для блокнота -->
<script>
$('head').append('<link rel="stylesheet" href="https://tlkthebeginning.kozhilya.ru/scripts/notepad/Notepad.css">');
var NotepadRoot = ".JumpPanel#right";
</script>
<!-- Конец дополнительных стилей для блокнота -->

<!-- Общая навигация -->
<script>
var PrimaryNavigation = {
	"links": {
    "Наша реклама": "http://tlkthebeginning.ru/viewtopic.php?id=13",
    "Ваша реклама": "http://tlkthebeginning.ru/post.php?fid=13",
    "Баннерообмен": "http://tlkthebeginning.ru/viewtopic.php?id=72",
    "Партнерство": "http://tlkthebeginning.ru/viewforum.php?id=33",
    "Правила форума": "http://tlkthebeginning.ru/viewtopic.php?pid=194036#p194036",
    "F.A.Q.": "http://tlkthebeginning.ru/viewtopic.php?pid=193971#p193971",
    "Краткое описание мира": "http://tlkthebeginning.ru/viewtopic.php?id=6638",
    "Основной сюжет": "http://tlkthebeginning.ru/viewtopic.php?id=7310",
    "Создание анкеты": "http://tlkthebeginning.ru/viewtopic.php?id=16196",
    "Список ролей": "http://tlkthebeginning.ru/viewtopic.php?id=7",
    "Поиск персонажей": "http://tlkthebeginning.ru/viewtopic.php?id=8921",
    "Занятые имена": "http://tlkthebeginning.ru/viewtopic.php?id=8527",
    "Список обитателей саванны": "http://tlkthebeginning.ru/viewtopic.php?id=15654",
    "Аналоги персонажей": "http://tlkthebeginning.ru/viewtopic.php?id=9332",
    "Помощь старожилов": "http://tlkthebeginning.ru/viewtopic.php?id=5539#p216531",
    "Аватаризация": "http://tlkthebeginning.ru/viewtopic.php?id=4892",
    "Заполнение профиля": "http://tlkthebeginning.ru/viewtopic.php?id=19686#p661296",
    "Список администрации": "http://tlkthebeginning.ru/viewtopic.php?id=18472",
    "Справочная": "http://tlkthebeginning.ru/viewtopic.php?id=20996#p706016",
    "Активные игровые локации": "https://docs.google.com/document/d/15y_ANKoxn3iyfOkk9U6o_sRUTnC3gccuyFkKh9YFG4E/edit?usp=sharing",
    "Карта": "https://tlkthebeginning.kozhilya.ru/map/",
    "Поиск партнёра по игре": "http://tlkthebeginning.ru/viewtopic.php?id=18595",
    "Уход/отсутствие": "http://tlkthebeginning.ru/viewtopic.php?id=14253",
    "Должники": "http://tlkthebeginning.ru/viewtopic.php?id=7160",
    "Заказ Мастера Игры": "http://tlkthebeginning.ru/viewtopic.php?id=17419",
    "Взросление": "http://tlkthebeginning.ru/viewtopic.php?id=16845",
    "Перенос/Чистка тем": "http://tlkthebeginning.ru/viewtopic.php?id=11497",
    "Боевая система": "http://tlkthebeginning.ru/viewtopic.php?id=17379",
    "Как изменять этот список": "http://tlkthebeginning.ru/viewtopic.php?pid=627339#p627339",
    "Единый аккаунт": "https://tlkthebeginning.kozhilya.ru/",
	},
	"groups": {
    "1": ["Как изменять этот список","Список администрации","Правила форума","Справочная","Заполнение профиля","Активные игровые локации","Карта","Основной сюжет","Поиск персонажей","Поиск партнёра по игре","Уход/отсутствие","Должники","Заказ Мастера Игры","Боевая система","Взросление","Перенос/Чистка тем","Единый аккаунт"],
    "6": ["Наша реклама","Ваша реклама","Баннерообмен","Партнерство"],
    "3,4,7": ["Правила форума","F.A.Q.","Краткое описание мира","Основной сюжет","Создание анкеты","Список ролей","Поиск персонажей","Занятые имена","Список обитателей саванны","Аналоги персонажей","Помощь старожилов","Аватаризация","Заполнение профиля","Список администрации","Единый аккаунт"],
    "2,8,10": ["Правила форума","Справочная","Заполнение профиля","Активные игровые локации","Карта","Основной сюжет","Поиск персонажей","Поиск партнёра по игре","Уход/отсутствие","Должники","Заказ Мастера Игры","Боевая система","Взросление","Перенос/Чистка тем","Список администрации","Единый аккаунт"]
	}
};
</script>
<!-- Конец общей навигации -->


<!-- Дополнительные шрифты -->
<script>
if (FORUM.editor)
{
    FORUM.editor.font.fonts.push("Present Script");
    FORUM.editor.font.fonts.push("Betina");
    FORUM.editor.font.fonts.push("Noto Serif");
}
</script>
<!-- Конец дополнительных шрифтов -->


<!-- Напоминалка о голосовании -->
<style>
.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;
}
</style>

<div class="voteWindow quote-box"><div class="close">X</div>
  
  <p><strong>АААААА!!! ПРОГОЛОСУЙ ЗА НАААААС!!!!</strong></p>
  <p><a href="http://top.roleplay.ru/7195"><img src="http://img.rpgtop.su/rpgtop1.gif"></a></p>
  <p>И не забывай, что, голосуя, ты <strong><a href="http://tlkthebeginning.ru/viewtopic.php?id=12814">можешь получить баллы!</a></strong></p>
</div>

<script>
notifCookieName='notification';
function notification() {
	var cook = getCookie(notifCookieName);
	if (cook) 
    $(".voteWindow").hide();
	else
    setCookie(notifCookieName, 'Off Notification', 86400);
}
if (GroupID != 3) notification();
$(".voteWindow. .close").click(function() 
{$(".voteWindow").hide(1000);});
</script>
<!-- Конец напоминалки о голосовании -->


<!-- Загрузчик редактора персонажей -->
<link rel="stylesheet" type="text/css" href="http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" />
<script src="http://kozhilya.ru/begin/chareditor/other.js"></script>
<!-- Конец загрузчика редактора персонажей -->


<!-- ДТ 2016 -->
<style>
.epictext {
	display: none;
}

.dt16promo {
    display: none;
    position: absolute;
    left: 50%;
    top: 0;
    margin: 109px 0 0 -357px;
}
.epicfire .dt16promo {
	display: none;
}
</style>

<object class="epictext" data=""></object>
<a class="dt16promo" href="https://tlkthebeginning.kozhilya.ru/dt16/" target="_blank" title="Древний Турнир 2016"><img src="https://tlkthebeginning.kozhilya.ru/dt16/imgs/header.png" /></a>

<script>
DT2016Public = true; // Оформление для ВСЕХ?
var DT2016Toics = { "19287": "duel/ejira/moshi", "19288": "duel/varg/satan", "19289": "duel/moroh/kilem", "19290": "duel/iksi/aleveitie", "19291": "duel/luter/bokari", "19292": "duel/albern/shenzi", "19293": "duel/morlok/woodoo", "19294": "duel/xavien/gtig", "19295": "duel/urs/folgrim", "19296": "duel/shenyu/isgred", "19297": "duel/madara/kovu", "19298": "duel/ari/makali", "19299": "duel/abaddon/shtein", "19300": "duel/shezar/spectre", "19301": "duel/mesawa/kotago", "19302": "duel/faunus/yavana", "19303": "duel/shajena/nebula", "19304": "duel/ahari/nzuri", "19345": "team/Брутальные+пушистики/luter+xavien+albern+mesawa+isgred", "19346": "team/Кровожадные+няшки/kovu+folgrim+aleveitie+ejira+kotago", "19347": "team/Грозные+мурлыки/spectre+abaddon+woodoo+maslahi+shenyu", "19348": "team/Мохнолапый+кошмар/satan+ari+shajena+ahari+faunus+nebula" } ;

(function(fid) {
	var
    isDt2016 =
    	($('link[rel="up"][href*="/viewforum.php?id=' + fid + '"]').length > 0) ||
    	(location.href.indexOf("/viewforum.php?id=" + fid) >= 0),
    isAdmin = $('.isadmin#pun').length > 0;

	if (isDt2016 && (isAdmin || DT2016Public)) {
    console.log("DT 2016 Active!");

    var tid = parseInt(extractUrlValue("id"));

    if (tid && DT2016Toics[tid]) {
    	var part = DT2016Toics[tid],
        url = "https://tlkthebeginning.kozhilya.ru/dt16/" + part;

    	$("body").addClass("fightpage");
    	$("body").addClass(part.substring(0, part.indexOf('/')));
    	$("object.epictext").attr("data", url);
    }

    $("body").addClass("epicfire");
	}
})(75);
</script>
<!-- Конец ДТ 2016 -->

Код:

<!-- Formatgic -->
<script>
$('.post-content').each(function() {
	var regexp = /<p>\[formatgic=(\w*?)\](?:<br>)?([\s\S]*?)(?:<br>)?\[\/formatgic\]<\/p>/gi,
    tmp;

	if (tmp = regexp.exec($(this).html())) {
    var type = tmp[1],
    	data = '<p>' + tmp[2] + '</p>',
    	id = 'fm' + parseInt(Math.random() * 10000);
    
    $(this).html($(this).html().replace(regexp, '<div class="formatgic loading" id="'+id+'">Контент загружается...</div>'));
    
    $.post('https://tlkthebeginning.kozhilya.ru/formatgic/compile/' + type, { data: data, selector: ".formatgic#" + id, id: id }, function(html) { 
    	$(".formatgic#" + id).removeClass("loading").html(html);
    })
    
    console.log(type, data);
	}
});
</script>
<!-- Конец Formatgic -->



<!-- [ul] -->
<style>
td#button-ul {
	background: url(http://www.iconsearch.ru/uploads/icons/blandet/16x16/text_list_bullets.png) no-repeat 10px 4px !important;
}
</style>
<script>
function parseLi(b){return b}
function parseUl(b){for(var c=[],a,d=a=0;null!=(a=/\[ul(?:=(?:[a-zA-Z0-9\-]*?))?\]/.exec(b.substring(d)));)d=(a.index+=d)+1,c.push(a);for(a=c.length-1;0<=a;a--){var d=c[a],e=b.substring(d.index);b=b.substring(0,d.index)+e.replace(/(?:<p>)?\[ul(?:=([a-zA-Z0-9\-]*?))?\](?:<br(?: \/)?>)([\s\S]*?)(?:<br(?: \/)?>)\[\/ul\](?:<\/p>)?/g,function(a,b,c){a=c.replace(/[\s\S]*?\[\*\]/,"").split(/(?:<br>)?\[\*\]/).map(parseLi);return'<ul class="user-list" style="list-style: '+(b||"disc")+'"><li><p>'+a.join("</p></li><li><p>")+"</p></li></ul>"})}return b}
$(".post-content").each(function(b,c){var a=$(c).html().replace(/(?:<p>)?\[ul(?:=([a-zA-Z0-9\-]*?))?\](?:<br(?: \/)?>)([\s\S]*)(?:<br(?: \/)?>)\[\/ul\](?:<\/p>)?/g,parseUl);$(c).html(a)});
FORUM.set('editor.ul', { name : 'Маркированный список', onclick : function() { bbcode('[ul]\r\n[*]','[/ul]'); } });
$("#form-buttons #button-right").after('<td id="button-ul" title="Маркированный список"><img onclick="FORUM.get(\'editor.ul.onclick()\')" src="/i/blank.gif"></td>');
</script>
<!-- Конец [ul] -->



<!-- Инициализация редактора персонажей -->
<script>
if ((GroupID != 3) && (document.location.pathname == "/chareditor"))
	cuteFormStartLoadPage();
</script>
<!-- Конец инициализация редактора персонажей -->



<!-- AdSense-низ -->
<div class="adsense" id="bottom">
<ins class="adsbygoogle"
     style="display:inline-block;width:728px;height:90px"
     data-ad-client="ca-pub-3184552713908830"
     data-ad-slot="3018205504"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
<!-- Конец AdSense-низ -->


<!-- AdSense-после 1 поста -->
<script>
if (GroupID == 3) { $(".post").eq(0).after('<div class="adsense" id="afterpost"><ins class="adsbygoogle"\
     style="display:inline-block;width:728px;height:90px"\
     data-ad-client="ca-pub-3184552713908830"\
     data-ad-slot="4215737107"></ins></div>'); 
(adsbygoogle = window.adsbygoogle || []).push({});
}</script>
<!-- Конец AdSense-после 1 поста -->


<!-- Скрипт полей профиля -->
<div class="youtube-player" style="display: none"></div>

<script>
$('.post-content a[href*="kozhilya.ru"]').each(function() { $(this).attr("href", $(this).attr("href").split('?').slice(1).join('?')) });

$.getScript("https://tlkthebeginning.kozhilya.ru/scripts/profiles/?ver=2.4" + (((GroupID != 3) && (UserID == 1186)) ? "&debug=1" : ""));

//*
if ((GroupID == 3) || (UserID != 1186)) {
  $('form[action*="/profile.php?section=fields&id="]').hide().after("Происходит обновление системы. Возможность редактировать профили временно отключена.");
}
*/
</script>

<!--<script src="https://tlkthebeginning.kozhilya.ru/scripts/profiles/?ver=2.3"></script>-->
<!-- Конец скрипт полей профиля -->


<!-- Конпка "Закрыть спойлер" в его конце -->
<script>$('.post-content .spoiler-box > blockquote').append('<span style="display: block; text-align: center; height: 25px; padding-top: 5px; overflow: visible;"><a href="#" style="display: block; margin-top: -10px; height: 30px; z-index: 100;" onclick="a = $(this).parents(\'.spoiler-box\').eq(0); window.scrollTo(0, a.offset().top-50); a.children(\'div\').eq(0).trigger(\'click\'); return false"><b style="padding: 7px; display: block;">Скрыть</b></a></span>');</script>
<!-- Конец кнопки "Закрыть спойлер" в его конце -->


<!-- Установка якорных ссылок -->
<script>
(function() {
	if (!window.Scroller) return;

	function getPostIdFromHash(h) { return parseInt(h.substring(h.indexOf('#') + 2)); };
	 
	var postUrls = $(".post .permalink").map(function(i, a) { return getPostIdFromHash(a.href) }).toArray();

	$(".post-box a[href*='/click.php?'][href*='" + document.location.origin + "/viewtopic.php?']")
    .each(function(i, elem) {
    	var anchorId = getPostIdFromHash(elem.href);
    	if(postUrls.indexOf(anchorId) != -1)
    	{
        elem.addEventListener("click", function(e) {
        	if (e.preventDefault) 
            e.preventDefault();
        	e.returnValue = false;
        	
        	Scroller.scrollToAnchor("p" + anchorId);
        });
    	}
    });
})();
</script>
<!-- Конец установки якорных ссылок -->


<!-- Ссылка на сообщений -->
<script>
var hrefs = document.querySelectorAll(".post h3 a.permalink");
for(var i = 0; i < hrefs.length; i++) 
{
  var pid = hrefs[i].href.replace(/(.*?)#p([1-9]*?)/i, "$2");
  $(hrefs[i]).after('<a href="http://tlkthebeginning.ru/viewtopic.php?pid=' + pid + '#p' + pid + '" onclick="prompt(\'Ссылка на ссобщение\', this.href); return false;" title="Нажмите для получения ссылки на сообщение" style="vertical-align: middle;"><img src="http://metallzone.org/forum/templates/fiblack/images/icon_minipost.gif"></a>');
}
</script>
<!-- Конец ссылок на сообщений -->


<!-- Замена стандартного tooltip'а -->
<script>
$(function() {
$('abbr').each(function() {
  $(this).on('mouseover', function() {
    tooltip(this,$(this).data('title'));
  }).on('mouseout', function() {
    hide_info(this);
  }); 
  $(this).data('title',this.title);
  this.title = "";
});
});
</script>
<!-- Конец замены стандартного tooltip'а -->


<!-- Замен стандартных смайлов MyBB -->
<script type="text/javascript">SmilesNewArray=["http://www.kolobok.us/smiles/standart/acute.gif", "http://www.kolobok.us/smiles/standart/aggressive.gif", "http://www.kolobok.us/smiles/standart/agree.gif", "http://www.kolobok.us/smiles/standart/air_kiss.gif", "http://www.kolobok.us/smiles/standart/bad.gif", "http://www.kolobok.us/smiles/standart/beee.gif", "http://www.kolobok.us/smiles/standart/black_eye.gif", "http://www.kolobok.us/smiles/standart/blum2.gif", "http://www.kolobok.us/smiles/standart/blush.gif", "http://www.kolobok.us/smiles/standart/blush2.gif", "http://www.kolobok.us/smiles/standart/boast.gif", "http://www.kolobok.us/smiles/standart/boredom.gif", "http://www.kolobok.us/smiles/standart/censored.gif", "http://www.kolobok.us/smiles/standart/clapping.gif", "http://www.kolobok.us/smiles/standart/cray.gif", "http://www.kolobok.us/smiles/standart/dance.gif", "http://www.kolobok.us/smiles/standart/dance3.gif", "http://www.kolobok.us/smiles/standart/dance4.gif", "http://www.kolobok.us/smiles/standart/declare.gif", "http://www.kolobok.us/smiles/standart/derisive.gif", "http://www.kolobok.us/smiles/standart/dirol.gif", "http://www.kolobok.us/smiles/standart/dntknw.gif", "http://www.kolobok.us/smiles/standart/don-t_mention.gif", "http://www.kolobok.us/smiles/standart/download.gif", "http://www.kolobok.us/smiles/standart/drinks.gif", "http://www.kolobok.us/smiles/standart/fool.gif", "http://www.kolobok.us/smiles/standart/friends.gif", "http://www.kolobok.us/smiles/standart/good.gif", "http://www.kolobok.us/smiles/standart/good2.gif", "http://www.kolobok.us/smiles/standart/heat.gif", "http://www.kolobok.us/smiles/standart/help.gif", "http://www.kolobok.us/smiles/standart/ireful2.gif", "http://www.kolobok.us/smiles/standart/ireful3.gif", "http://www.kolobok.us/smiles/standart/laugh1.gif", "http://www.kolobok.us/smiles/standart/laugh2.gif", "http://www.kolobok.us/smiles/standart/lazy.gif", "http://www.kolobok.us/smiles/standart/lazy2.gif", "http://www.kolobok.us/smiles/standart/mda.gif", "http://www.kolobok.us/smiles/standart/meeting.gif", "http://www.kolobok.us/smiles/standart/mosking.gif", "http://www.kolobok.us/smiles/standart/nea.gif", "http://www.kolobok.us/smiles/standart/negative.gif", "http://www.kolobok.us/smiles/standart/no2.gif", "http://www.kolobok.us/smiles/standart/not_i.gif", "http://www.kolobok.us/smiles/standart/ok.gif", "http://www.kolobok.us/smiles/standart/pardon.gif", "http://www.kolobok.us/smiles/standart/pleasantry.gif", "http://www.kolobok.us/smiles/standart/popcorm1.gif", "http://www.kolobok.us/smiles/standart/popcorm2.gif", "http://www.kolobok.us/smiles/standart/punish.gif", "http://www.kolobok.us/smiles/standart/punish2.gif", "http://www.kolobok.us/smiles/standart/read.gif", "http://www.kolobok.us/smiles/standart/resent.gif", "http://www.kolobok.us/smiles/standart/rofl.gif", "http://www.kolobok.us/smiles/standart/scare.gif", "http://www.kolobok.us/smiles/standart/scare2.gif", "http://www.kolobok.us/smiles/standart/sclerosis.gif", "http://www.kolobok.us/smiles/standart/scratch_one-s_head.gif", "http://www.kolobok.us/smiles/standart/search.gif", "http://www.kolobok.us/smiles/standart/secret.gif", "http://www.kolobok.us/smiles/standart/shout.gif", "http://www.kolobok.us/smiles/standart/smile3.gif", "http://www.kolobok.us/smiles/standart/smoke.gif", "http://www.kolobok.us/smiles/standart/snooks.gif", "http://www.kolobok.us/smiles/standart/sorry.gif", "http://www.kolobok.us/smiles/standart/stink.gif", "http://www.kolobok.us/smiles/standart/stop.gif", "http://www.kolobok.us/smiles/standart/superstition.gif", "http://www.kolobok.us/smiles/standart/swoon.gif", "http://www.kolobok.us/smiles/standart/swoon2.gif", "http://www.kolobok.us/smiles/standart/taunt.gif", "http://www.kolobok.us/smiles/standart/thank_you.gif", "http://www.kolobok.us/smiles/standart/threaten.gif", "http://www.kolobok.us/smiles/standart/to_clue.gif", "http://www.kolobok.us/smiles/standart/to_take_umbrage.gif", "http://www.kolobok.us/smiles/standart/umnik.gif", "http://www.kolobok.us/smiles/standart/victory.gif", "http://www.kolobok.us/smiles/standart/whistle.gif", "http://www.kolobok.us/smiles/standart/whistle3.gif", "http://www.kolobok.us/smiles/standart/wink3.gif", "http://www.kolobok.us/smiles/standart/yahoo.gif", "http://www.kolobok.us/smiles/standart/yes2.gif", "http://www.kolobok.us/smiles/standart/yes3.gif", "http://www.kolobok.us/smiles/standart/yes4.gif", "http://www.kolobok.us/smiles/standart/cray2.gif", "http://www.kolobok.us/smiles/standart/sorry2.gif", "http://www.kolobok.us/smiles/standart/facepalm.gif", "http://www.kolobok.us/smiles/standart/sarcasm.gif", "http://www.kolobok.us/smiles/rpg/assassin.gif", "http://www.kolobok.us/smiles/rpg/butcher.gif", "http://www.kolobok.us/smiles/rpg/dwarf.gif", "http://www.kolobok.us/smiles/rpg/elf.gif", "http://www.kolobok.us/smiles/rpg/girl_werewolf.gif", "http://www.kolobok.us/smiles/rpg/jester.gif", "http://www.kolobok.us/smiles/rpg/king.gif", "http://www.kolobok.us/smiles/rpg/king2.gif", "http://www.kolobok.us/smiles/rpg/orc.gif", "http://www.kolobok.us/smiles/rpg/paladin.gif", "http://www.kolobok.us/smiles/rpg/queen.gif", "http://www.kolobok.us/smiles/rpg/vampire.gif", "http://www.kolobok.us/smiles/rpg/wizard.gif", "http://www.kolobok.us/smiles/madhouse/alcoholic.gif", "http://www.kolobok.us/smiles/madhouse/crazy_pilot.gif", "http://www.kolobok.us/smiles/madhouse/dash1.gif", "http://www.kolobok.us/smiles/madhouse/drag.gif", "http://www.kolobok.us/smiles/madhouse/focus.gif", "http://www.kolobok.us/smiles/madhouse/gamer1.gif", "http://www.kolobok.us/smiles/madhouse/gamer4.gif", "http://www.kolobok.us/smiles/madhouse/girl_crazy.gif", "http://www.kolobok.us/smiles/madhouse/girl_hospital.gif", "http://www.kolobok.us/smiles/madhouse/hang1.gif", "http://www.kolobok.us/smiles/madhouse/hunter.gif", "http://www.kolobok.us/smiles/madhouse/locomotive.gif", "http://www.kolobok.us/smiles/madhouse/mail1.gif", "http://www.kolobok.us/smiles/madhouse/man_in_love.gif", "http://www.kolobok.us/smiles/madhouse/on_the_quiet.gif", "http://www.kolobok.us/smiles/madhouse/preved.gif", "http://www.kolobok.us/smiles/madhouse/russian_roulette.gif", "http://www.kolobok.us/smiles/madhouse/sarcastic.gif", "http://www.kolobok.us/smiles/madhouse/tease.gif", "http://www.kolobok.us/smiles/madhouse/wacko2.gif", "http://www.kolobok.us/smiles/personal/angel.gif", "http://www.kolobok.us/smiles/personal/beach.gif", "http://www.kolobok.us/smiles/personal/big_boss.gif", "http://www.kolobok.us/smiles/personal/blind.gif", "http://www.kolobok.us/smiles/personal/brunette.gif", "http://www.kolobok.us/smiles/personal/buba.gif", "http://www.kolobok.us/smiles/personal/comando.gif", "http://www.kolobok.us/smiles/personal/diablo.gif", "http://www.kolobok.us/smiles/personal/hi.gif", "http://www.kolobok.us/smiles/personal/mamba.gif", "http://www.kolobok.us/smiles/personal/meowth.gif", "http://www.kolobok.us/smiles/personal/moil.gif", "http://www.kolobok.us/smiles/personal/paint2.gif", "http://www.kolobok.us/smiles/personal/morpheus.gif", "http://www.kolobok.us/smiles/personal/music.gif", "http://www.kolobok.us/smiles/personal/neo.gif", "http://www.kolobok.us/smiles/personal/new_russian.gif", "http://www.kolobok.us/smiles/personal/pioneer.gif", "http://www.kolobok.us/smiles/personal/russian.gif", "http://www.kolobok.us/smiles/personal/scenic.gif", "http://www.kolobok.us/smiles/personal/sun_bespectacled.gif", "http://www.kolobok.us/smiles/personal/superman.gif", "http://www.kolobok.us/smiles/personal/to_keep_order.gif", "http://www.kolobok.us/smiles/he_and_she/flirt.gif", "http://www.kolobok.us/smiles/he_and_she/girl_devil.gif", "http://www.kolobok.us/smiles/he_and_she/girl_pinkglassesf.gif", "http://www.kolobok.us/smiles/he_and_she/girl_witch.gif", "http://www.kolobok.us/smiles/he_and_she/give_heart.gif", "http://www.kolobok.us/smiles/he_and_she/give_rose.gif", "http://www.kolobok.us/smiles/he_and_she/kiss3.gif", "http://www.kolobok.us/smiles/other/bomb.gif", "http://www.kolobok.us/smiles/remake/angry2.gif", "http://www.kolobok.us/smiles/remake/cool.gif", "http://www.kolobok.us/smiles/remake/crazy.gif", "http://www.kolobok.us/smiles/remake/shok.gif", "http://www.kolobok.us/smiles/remake/spiteful.gif", "http://www.kolobok.us/smiles/remake/tomato.gif", "http://www.kolobok.us/smiles/icq/bad.gif", "http://www.kolobok.us/smiles/icq/kiss.gif", "http://www.kolobok.us/smiles/icq/girl_angel.gif", "http://www.kolobok.us/smiles/big_standart/scare3.gif", "http://www.kolobok.us/smiles/artists/vishenka/d_sunny.gif", "http://www.kolobok.us/smiles/artists/vishenka/l_dance.gif"];
  if (UserLogin != 'Тесва') {
    var L1='<img src="',L2='" style="cursor: pointer" onclick="smile(\'[img]',
    L3="'+this.src+'[/img]')\" /> ";

$("#smilies-block").html("")
    for(var i=0;i<SmilesNewArray.length;i++){$("#smilies-block").append(L1+SmilesNewArray[i]+L2+L3);}
  }
    </script>
<!-- Конец замены стандартных смайлов MyBB -->


<!-- Отправка формы по Ctrl+Enter -->
<script type="text/javascript">
$(document).on('keydown', function(e){
if (e) event=e;
if ((event.keyCode==13)&&(event.ctrlKey)){
document.getElementById('post').submit.click();
}});
</script>
<!-- Конец отправки формы по Ctrl+Enter -->


<!-- Оставляем цифру Новых сообщений -->
<script>
var clr=($("#navpm a").css("color"));var chng="&nbsp;(";
var subs="</span><span style=\"color:"+clr+";\" id=\"news_messag\">(";
$("#navpm a").html($("#navpm a").html().replace(chng,subs));
$("#news_messag").appendTo("#navpm");
</script>
<!-- Конец оставления цифры Новых сообщений -->


<!-- Запрещаем изменять профиль аккаунта Рекламы рекламщикам -->
<script type="text/javascript">
var a =document.URL
var b=document.getElementById('pun-status').innerHTML
if (b.indexOf("Реклама")!=-1)
{
if ((a.indexOf("signature")!=-1)||(a.indexOf("section=avatar")!=-1))
{document.getElementsByName('update')[0].onclick=noChange}
else if (a.indexOf("upload-avatar")!=-1)
{document.getElementsByName('urload')[0].onclick=noChange}}
function noChange()
{alert ("Пошел нафиг")
return false}
</script>
<!-- Конец запрета изменять профиль аккаунта Рекламы рекламщикам -->


<!-- Счётчик символов -->
<script>
if ($("#main-reply").length > 0)
{
var a,L,epl=$("#main-reply"),str='<small id="plng" style="border:1px solid;padding:2px 3px;margin:0 20px 0 10px;">Написано символов: <b>00</b> </small>';epl.parents("fieldset").find("legend").prepend(str);function epl3(){a=epl.val().length;if(a>9){L=''}else{L='0'};$("#plng b").text(L+a)};epl3();$(".pl-quote").click(function (){setTimeout('epl3()',100)});epl.bind('mouseout mousemove keydown keypress keyup',function(e){epl3()});
}</script>
<!-- Конец счётчика символов -->


<!-- Выделение кода в блоке "Код" -->
<script>
function selectBox(target) {
	var rng, sel;
	if (document.createRange) {
    rng = document.createRange();
    rng.selectNode(target);
    sel = window.getSelection();
    sel.removeAllRanges();
    sel.addRange(rng);
	} 
	else {
    var rng = document.body.createTextRange();
    rng.moveToElementText(target);
    rng.select();
	}
}
(function($) {
  var gen = function(act, text) { return '<a href="javascript://" onclick="'+act+'return!1">'+text+'</a>' }, arr = [];
  arr.push(gen('selectBox($(this).parent().next().find(\'pre\').get(0));', 'Выделить код'));

  if (document.queryCommandSupported('copy'))
    arr.push('('+gen('selectBox($(this).parent().next().find(\'pre\').get(0));document.execCommand(\'copy\');', 'скопировать сразу')+')');

  $('.code-box .legend').html(arr.join(' '));
})(jQuery);
/*
$('.code-box .legend').html('<a href="javascript://" onclick="selectBox($(this).parent().next().find(\'pre\').get(0));return!1">Выделить код</a> (<a href="javascript://" onclick="selectBox($(this).parent().next().find(\'pre\').get(0));document.execCommand(\'copy\');return!1">скопировать сразу</a>)');
*/
</script>
<!--
<script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/26102.js"></script>
<script type="text/javascript">select_text.linkText = 'Выделить код' //текст ссылки</script>
<!-- Конец выделениякода в блоке "Код" -->


<!-- PR-вход -->
<script type="text/javascript">
    PiarNik="Реклама";
    PiarPas="12345";

    var L="<div id=\"PR_loginDiv\" style=\"display:none;\">\
    <form id=\"form_login\" name=\"login\" method=\"post\" action=\"login.php?action=in\" onsubmit=\"return check_form()\">\
    <fieldset>\
    <input type=\"hidden\" name=\"form_sent\" value=\"1\"/>\
    <input type=\"text\" id=\"fld1\" name=\"req_username\" size=\"21\" maxlength=\"25\"/>\
    <input type=\"text\" id=\"fld2\" name=\"req_password\" size=\"7\" maxlength=\"16\"/>\
    <input type=\"submit\" class=\"button\" name=\"login\"/>\
    </fieldset>\
    </form>\
    </div>\
    <li id=\"navpiar\"><span id=spMyimg style=\"cursor:pointer;\"><a onclick=\"PiarIn()\"><img src=http://s0.uploads.ru/FBX49.png></a></span></li>";
    if($("#navlogin").html()!=null){

    $("#navlogin").after(L) //navlogin
    $("#PR_loginDiv #fld1").val(PiarNik)
    $("#PR_loginDiv #fld2").val(PiarPas)
    function PiarIn () {$("#PR_loginDiv input[type='submit']").click();}
    }
    </script>
<!-- Конец PR-входа -->



<!-- Поисковые боты (расширенный список)-->
<div class=botlist style='display:none'>
<p>Yandex,#9E8DA7,95.108.,77.88.,93.158.</p> 
<p>Google,#9E8DA7,66.249.</p> 
<p>Mail,#9E8DA7,94.100.,217.69.134.,217.69.136.</p>
<p>Rambler,#9E8DA7,81.19.</p>
<p>Yahoo!,#9E8DA7,67.195.,72.30.,74.6.,202.160.</p>
<p>Bing,#9E8DA7,207.46.,65.52.,65.55.,157.55.</p>
<p>Baidu,#9E8DA7,119.63.,123.125.,220.181.</p>
<p>Ask,#9E8DA7,66.235.</p>
<p>Ezooms,#9E8DA7,208.115.111.</p>
<p>Aport,#9E8DA7,194.67.</p>
</div>
<script>var L0=$("#navlogout").html(),L=$(".punbb").attr("id");if((L0!=null)&&(GroupID<3)&&(L=="pun-index"||L=="pun-online")){var Botlist={},L=[];$(".botlist p").each(function(j){L[j]=$(this).text().split(",");Botlist[L[j][0]]=L[j]});$.ajax({type:'GET',url:'online.php',success:function(data){$(data).find('div#pun-online td.tcl:first-child').map(function(){var OnlineIP=$(this).find('a').attr('title');Str='<a href="/online.php" class="bot" title="';for(var key in Botlist){for(i=2;i<Botlist[key].length;i++){var pattern="^"+Botlist[key][i],regexp=new RegExp(pattern,"ig");if(OnlineIP.search(regexp)!=-1){var L=Str+OnlineIP+'"><span style="color:'+Botlist[key][1]+';" >, '+Botlist[key][0]+'[bot]</span></a>';$('li#onlinelist.item5 span:first').append(L);}}}})}});$('div#pun-online td.tcl a:contains("Гость")').map(function(){OnIP=$(this).attr('title');for(var key in Botlist){for(i=2;i<Botlist[key].length;i++){var pattern="^"+Botlist[key][i],regexp=new RegExp(pattern,"ig");if(OnIP.search(regexp)!=-1){$(this).html(Botlist[key][0]+'[bot]').css({'color':Botlist[key][1]})}}}})}</script>
<!-- Конец поисковые ботов (расширенный список)-->



<!-- Отголосок старого скрипта -->
<script type="text/javascript">
if ($('#pun-main h1').text().indexOf('·') == 0) {
  $('#pun-main h1').text($('#pun-main h1').text().substring(1))
}</script>
<!-- Конец отголоска старого скрипта -->


<!-- Правый JumpPanel (блокнот) -->
<div class="JumpPanel" id="right">
	<ul class="notepad-tools">
    <li id="message">Последнее сохранение: <time class="notepad-lastedit">никогда</time></li>

    <li class="notepad-button" id="bold" onclick="Notepad.Format('bold')"><img src="/i/blank.gif" /></li>
    <li class="notepad-button" id="italic" onclick="Notepad.Format('italic')"><img src="/i/blank.gif" /></li>
	</ul>
	<div class="notepad-editarea" contenteditable="true" oninput="Notepad.SaveDelay();" onblur="Notepad.SaveDelay();" onpaste="Notepad.Clearify();"></div>
	<div style="align: center; margin: 0.6em;"><a href="#hidenotepad" target="_blank" onclick="Notepad.Hide(); return false;">Скрыть</a></div>
</div>

<script>
if (GroupID != 3)
{
    $(".JumpPanel#right").show();
}
</script>
<script src="https://tlkthebeginning.kozhilya.ru/scripts/notepad/Notepad.js"></script>
<!-- Конец правого JumpPanel (блокнот) -->


<!-- Левый JumpPanel -- >
<div class="JumpPanel" id="left">
	<div id="navigation">
    <div id="tools">
    	<a href="/pages/settings"><img alt="Настроить" title="Настроить навигацию" src="http://www.iconsearch.ru/uploads/icons/oxygen/32x32/applications-system.png"></a>
    	<a href="#" onclick="return addToNavigation();"><img alt="Добавить страницу" title="Добавить эту страницу" src="http://www.iconsearch.ru/uploads/icons/humano2/32x32/add.png"></a>
    	<h3>Навигация</h3>
    </div>
	</div>
</div>
<script>

function addToNavigation() {var _t = JSON.parse(localStorage.navigation);_t.push({name:document.head.getElementsByTagName('title')[0].innerText,url:location.href});localStorage.navigation = JSON.stringify(_t); localStorage.navigEdited = true; }
function navigElem(name, url) { this.name = name; this.url = url; this.getLink = function() { if (this.name && this.url) { return '<a href="' + this.url + '" title="' + this.name + '"><span>' + this.name + '</span>'; } return false; }.bind(this); }

if (localStorage && localStorage.navigation)
{
	if (localStorage.navigation.indexOf("http://tlkthebeginning.ru/pages/karta") != -1)
    localStorage.navigation = localStorage.navigation.replace("http://tlkthebeginning.ru/pages/karta", "http://tlkthebeginning.ru/pages/map");
	localStorage.navigMapRep = true;
	var arr = JSON.parse(localStorage.navigation),
    _t, _html = '';
	for(var i in arr)
	{
    var el = new navigElem(arr[i].name, arr[i].url);
    if(_t = el.getLink())
    	_html += '<li>' + _t + '</li>';
	}
	if (_html)
	{
    var ul = document.createElement('ul');
    ul.innerHTML = _html;
    document.getElementById('navigation').appendChild(ul)
	}
	if ([1,2,8,10].indexOf(GroupID) == -1)
    (_t = document.querySelector('#navigation #tools')).parentNode.removeChild(_t);
}
else
{
	(_t = document.querySelector('.JumpPanel#left')).parentNode.removeChild(_t);
}
</script>
<!-- Конец левого JumpPanel-->

<!-- Левый JumpPanel (beta) -->
<style>
.TestArea .JumpPanel {
	position: absolute !important;
	left: 0px !important;
	top: 25px !important;
}
.JumpPanel#left {
	top: 30px;
	color: #a37b53;
}
.JumpPanel#left .navigation_head {
	text-align: left;
	margin: -38px 0 0 12px;
}
.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: 2px solid #200000;
	padding: 2px 10px;
	margin: 2px;
	cursor: pointer;
	background: url(http://s2.uploads.ru/r7ZN1.jpg) repeat center;
	border-radius: 10px 10px 0 0;
}
.JumpPanel#left .navigation_head ul li.active {
	border-bottom-color: transparent;
	height: 18px;
}
.JumpPanel#left .navigation_head ul li:hover {
	width: 90px;
}
.JumpPanel#left .navigation_head ul li span {
	float: left;
	width: 11px;
	margin-right: 15px;
}
.JumpPanel#left .navigation_head ul li em {
	font-style: normal;
	font: bold 15px "Present Script";
}

.JumpPanel#left h3 {
	text-align: left;
	font: bold 30px "Present Script";
	margin: 2px 2px 5px 12px;
}
.JumpPanel#left h4 {
	text-align: left;
	font-weight: bold;
	text-decoration: underline;
	margin: 1.2em 0 .6em;
}
.JumpPanel#left .navigation_tabs {
	margin: 0 0 0 15px;
}
.JumpPanel#left .navigation_tabs ul ul {
	margin: 0 0 0 15px;
}
.JumpPanel#left .navigation_tabs ul li {
	margin: .6em 0;
}

.JumpPanel#left .navigation_tabs ul li a {
	display: block;
	text-align: left;
	border: 1px solid black;
	padding: 2px 8px;
	background-color: #260501;
	color: #a37b53;
	text-shadow: none;
}
.JumpPanel#left .navigation_tabs ul li a:hover {
	color: #a37b53;
	background-color: #300803;
}
</style>

<div class="JumpPanel" id="left">
	<div class="navigation_head">
    <ul>
    	<li id="tab2"><span>!</span><em>Важное</em></li>
    	<li id="tab1"><span>☰</span><em>Форумы</em></li>
    	<li id="tab3"><span>📃</span><em>Подписки</em></li>
    	<li id="tab4"><span>🔖</span><em>Закладки</em></li>
    </ul>
	</div>
	<h3>Форумы</h3>
	<div class="navigation_tabs">
    <div class="navigation_tab" id="tab1">
    	<ul><li>Происходит подгрузка данных. Пожалуйста, подождите...</li></ul>
    </div>
    <div class="navigation_tab" id="tab2">
    	<ul><li>Происходит подгрузка данных. Пожалуйста, подождите...</li></ul>
    </div>
    <div class="navigation_tab" id="tab3">
    	<ul><li>Происходит подгрузка данных. Пожалуйста, подождите...</li></ul>
    	<a id="subscribe" href="http://tlkthebeginning.ru/">Подписаться на эту тему</a>
    </div>
    <div class="navigation_tab" id="tab4">
    	<ul><li>Происходит подгрузка данных. Пожалуйста, подождите...</li></ul>
    	<a id="bookmark" href="https://tlkthebeginning.kozhilya.ru/addbookmark/" onclick="AddBookMark(); return false;">Добавить в закладки Единого Аккаунта</a>
    </div>
	</div>
</div>

<script src="https://tlkthebeginning.kozhilya.ru/scripts/navigation/script.js"></script>
<script>
/*
if ((GroupID == 1) || (UserLogin == "Akasiro"))
{
    $.getScript("https://tlkthebeginning.kozhilya.ru/scripts/navigation/script.js?" + Math.random());
}
else
{
    $(".JumpPanel#left").hide();
}
*/
</script>
<!-- Конец левого JumpPanel (beta) -->

<!-- Кнопка баннеров -->
<center>
<a href="http://tlkthebeginning.ru/pages/banneri"><img src="https://forumstatic.ru/files/0011/60/cd/58409.png" ></a></center>
<!-- Конец кнопки баннеров -->


<!-- Ротатор баннеров VIP-партнёров -->
<style>
.bannerRotatorHead {
	text-align: center;
	font-weight: bold !important;
	margin-top: 10px;
}
.bannerRotator {
	margin: auto;
	width: 460px;
	height: 60px;
	overflow: hidden;
}
.bannerRotator .floatRotator {
	transition: margin 1s;
}
.bannerRotator * {
	margin: 0;
	padding: 0;
}
.bannerRotator a, .bannerRotator img {
	display: block;
	margin: 0;
	padding: 0;
	width: 460px;
	height: 60px;
}
</style>

<h3 class="bannerRotatorHead">Администрация форума рекомендует:</h3>
<div class="bannerRotator"><div class="floatRotator">
	<a href="http://wolves.roleforum.ru/"><img src="http://s7.uploads.ru/07eYX.png" alt="Последний Рай | Волчьи Истории" title="Последний Рай | Волчьи Истории"></a>
	<a href="http://tmntshellshock.ru/"><img src="http://img.rpgtop.su/banners/sb/20461.jpg" alt="TMNT: ShellShock" title="TMNT: ShellShock"></a>
	<a href="http://wolfssong.mybb.ru/"><img src="http://s6.uploads.ru/n00CW.jpg" alt="Wolf's Song | The Legacy" title="Wolf's Song | The Legacy"></a>
</div></div>

<script>
function rotatorGo() { 
	rotator.fl.style.marginTop = -60 * rotator.state + "px"; 
	if (rotator.state >= rotator.max)
    rotator.state = 0;
	else
    rotator.state++
}
var rotator = {
	el: document.querySelector(".bannerRotator"),
	fl: document.querySelector(".bannerRotator .floatRotator"),
	max: 0,
	state: 0,
	interval: undefined
};

rotator.max = rotator.fl.childElementCount - 1;
rotator.state = Math.round(Math.random() * rotator.max)
rotatorGo();

rotator.interval = window.setInterval(rotatorGo, 7500);
</script>
<!-- Конец ротатора баннеров VIP-партнёров -->


<!-- 1 апреля -- >
<script src="http://kozhilya.ru/begin/invert_avatars.js?ver=3"></script>
<!-- Конец 1 апреля -->


<!-- Конец страницы форума -->
<center><br><b>ФРПГ "Король Лев. Начало" © Falco & SickRogue</b>
<br>2009 — 2017
<br><i>Все права защищены.</i></br></center>
<!-- Конец конца страницы форума -->

<!-- 1 апреля -- >
<script src="https://forumstatic.ru/files/000a/f9/fe/63877.js"></script>
<!-- Конец 1 апреля -->

<!-- Восстановление положения якоря 
<script>$(document).ready(function() {
  loc = document.location; 
  window.scrollTo(0, $(loc.href.replace(loc.origin+loc.pathname+loc.search, '')).offset().top);
});</script>-->

<!-- Яндекс.Метрика -->
<script type="text/javascript" > (function (d, w, c) { (w[c] = w[c] || []).push(function() { try { w.yaCounter19160305 = new Ya.Metrika({ id:19160305, clickmap:true, trackLinks:true, accurateTrackBounce:true, trackHash:true }); } catch(e) { } }); var n = d.getElementsByTagName("script")[0], s = d.createElement("script"), f = function () { n.parentNode.insertBefore(s, n); }; s.type = "text/javascript"; s.async = true; s.src = "https://mc.yandex.ru/metrika/watch.js"; if (w.opera == "[object Opera]") { d.addEventListener("DOMContentLoaded", f, false); } else { f(); } })(document, window, "yandex_metrika_callbacks"); </script> <noscript><div><img src="https://mc.yandex.ru/watch/19160305" style="position:absolute; left:-9999px;" alt="" /></div></noscript> <!-- /Yandex.Metrika counter -->

Код:

@import url(style_cs.css);
/* @import url(https://tlkthebeginning.kozhilya.ru/style_cs.css); */
/************************************************************* A - SETUP **************************************************************/
/* A1 Import the colour scheme -------------------------------------------------------------*/
/* A1.1 */
@font-face {
    font-family: "Betina";
    font-style: normal;
    font-weight: normal;
    src: url("http://kozhilya.ru/fonts/Betina Normal.otf") format('opentype');
}

@font-face {
    font-family: "Present Script";
    font-style: normal;
    src: url("http://kozhilya.ru/fonts/PresentScriptNormal2.otf") format('opentype');
}

/* 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: none;
}

/* A2.5 */
.punbb .main table {
    table-layout: fixed;
    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-size: 100.01%; */
    overflow-x: hidden;
    /* background: var(--body-background); */
    background: 
        url(https://tlkthebeginning.kozhilya.ru/f/design/style_day_bg.png) no-repeat center 69px fixed,
        url(https://tlkthebeginning.kozhilya.ru/f/design/style_day_footer.jpg) repeat-x center bottom,
        url(https://tlkthebeginning.kozhilya.ru/f/design/style_day_main_bg.jpg) repeat center;
    padding-bottom: 78px;
}

html {
    /* background: var(--html-background); */
}

#pun_wrap {
    /* padding-bottom: 81px; */
    /* margin-bottom: 80px; */
    /* z-index: 1; */
    /* padding-right: 0px !important; */
    /* min-width: 832px; */
}

/* A3.2 */
.punbb {
    font: normal 68.75% verdana, arial, helvetica, sans-serif;
}

/* 3.3 */
.punbb textarea, .punbb input, .punbb select, .punbb optgroup {
    font: 1em verdana, arial, helvetica, sans-serif;
    color: #371a0b !important;
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border: 0px solid #000000;
    padding-left: 5px;
    background-color: rgba(241, 216, 173, 0.5);
    background: rgba(241, 216, 173, 0.5);
    color: rgba(241, 216, 173, 0.5);
}

/* 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, "bitstream vera sans mono", "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: 300px auto 0;
    width: 800px;
    position: relative;
    padding: 0;
    background: url(https://tlkthebeginning.kozhilya.ru/static/files/design/style_day_fillbg.png) repeat center;
    box-shadow: rgba(0, 0, 0, .8) 0 0 20px;
    border: 25px solid transparent;
    border-width: 50px 25px 60px;
    border-image: url(https://tlkthebeginning.kozhilya.ru/static/files/design/style_day_border.jpg) 50 23 60 round;
    box-sizing: border-box;
}

.punbb {
    /* margin-left: -26px !important; */
    /* width: 774px !important; */
}

/* A5.2 */
.punbb {
    /* float: left; */
    width: 770px;
    margin-left: -10px;
    position: relative;
}

/* A5.3 */
#pun-redirect, #pun-maint {
    margin: 50px 20% 12px 20%;
    width: auto;
    float: none;
}

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

/* A5.5 */
.punbb .category, .punbb .post {
    margin-top: 0.4em;
    padding: 10px;
}

/* A5.6 */
.punbb #pun-category1, .punbb .toppost, .punbb .topicpost {
    margin-top: 0;
}

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

/* A5.8 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info, .punbb .category, .punbb .post {
    border-style: none none solid none;
    border-width: 0px 0px 2px 0px;
}

/* A5.9 */
.punbb .container {
    border-style: solid;
    border-width: 1px;
}

/* A5.10 */
.punbb .section h2, #pun-main h1, #pun-main h2, #pun-stats h2, #pun-debug h2 {
    padding: 27px 1em;
    /* border-style: none solid solid none; */
    /* border-width: 0 1px 1px 0; */
}

/************************************************************* 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-top: 1px solid #d0a86d;
    width: 250px;
    margin: 5px 0;
}

/* B1.3 */
.punbb .post-content p {
    margin: 0;
    padding: 0 0 1em 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 1.4em;
    border-style: solid;
    border-width: 20px;
    border-image: var(--block-border-image);
}

/* 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 {
    float: left;
    position: relative;
    width: 100%;
    font-size: 1.1em;
    height: 0;
}

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

/* B3.3 */
.linkst .pagelink {
    position: absolute;
    top: -8em;
    left: 1em;
    width: 24em;
}

/* B3.4 */
.linkst .postlink {
    position: absolute;
    top: -8em;
    right: 1em;
    width: 16em;
    text-align: right;
    font-weight: bold;
}

/* B3.5 */
.punbb .linksb {
    text-align: right;
    padding: 0.4em 1em 0.5em 1em;
    font-size: 1.1em;
}

/* 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: 1.7em 2.3em 1.1em 2.3em;
}

/* 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;
    background-color: transparent;
    height: 30px;
    width: 120px;
    font-size: 12px;
    font-weight: bold;
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border: 0px solid #000000;
    padding-left: 7px;
    padding-top: 0px;
    background-color: rgba(241, 216, 173, 0.5);
    background: rgba(241, 216, 173, 0.5);
    color: rgba(241, 216, 173, 0.5);
    text-align: center;
    color: #6d3c1d !important;
}

/* C1.4 */
.punbb fieldset {
    border-style: solid;
    border-width: 1px;
    padding: 0 18px 0 18px;
    margin: 0 0 1em 0;
}

/* C1.5 */
.punbb fieldset legend {
    padding: 0;
    margin: 0 0 0 11px;
    font-size: 1.1em;
}

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

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

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

/* C1.9 */
.punbb .fs-box p, .punbb .fs-box fieldset {
    padding: 0 0 0.8em 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%;
    /* For IE */
 
}

/* C1.16 */
.punbb textarea, .punbb .longinput input {
    width: 64%;
    margin: 0;
    color: #371a0b !important;
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border: 0px solid #000000;
    padding-left: 5px;
    padding-top: 5px;
    background-color: rgba(241, 216, 173, 0.5);
    background: rgba(241, 216, 173, 0.5);
    color: rgba(241, 216, 173, 0.5);
}

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

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

/* c1.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;
}

/* C2 Table layout -------------------------------------------------------------*/
/* C2.1 */
.punbb .main .tcl {
    overflow: hidden;
    text-align: center;
    width: 50%;
}

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%;
    display: none;
}

#pun th {
    display: none;
}

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

/* C2.4 */
#pun-userlist .main .tcl, #pun-searchtopics .main .tcl, #pun-modviewforum .main .tcl {
    width: 40%;
}

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

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

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

/* C2.8 */
#pun-index .tcl h3 {
    font-size: 14px;
    font-weight: bold;
    margin-top: 10px;
    padding-bottom: 3px;
    padding-right: 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 */
.punbb .main td {
    border-style: solid none none solid;
    border-width: 1px 0 0 1px;
    padding: 1.8em 1em;
}

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

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

/* C2.14 */
.punbb tbody.hasicon td.tcl {
    padding-left: 3.2em;
}

/* C2.15 */
.punbb div.icon {
    height: 60px;
    width: 63px;
    float: left;
    display: block;
    position: absolute;
    margin-left: -30px;
    margin-top: -10px;
    margin-bottom: -10px;
}

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

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

/* C3.3 */
.punbb .post h3 span {
    display: block;
    margin-left: 250px;
    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;
    /* overflow: visible; */
    margin-left: 7px;
    box-sizing: border-box;
}

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

.punbb .post .post-author li {
    margin: .2em 0;
}

/* C3.7 */
.punbb .post .post-author li.pa-author {
    font-size: 1.1em;
    font-weight: bold;
    margin: -48px 0 0px -15px;
    padding: 12px 0 0;
    background: url(https://tlkthebeginning.kozhilya.ru/f/design/wooden-header-border.png) no-repeat center;
    width: 243px;
    height: 45px;
    box-sizing: border-box;
}

/* C3.8 */
.punbb .post .post-author li.pa-author a {
    text-decoration: none;
    color: #d7ba89 !important;
    font-size: 30px !important;
    font-family: "Present Script";
    text-shadow: 2px 1px 1px rgba(69, 38, 9, 1);
}

/* C3.9 */
.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 {
    background: url(https://tlkthebeginning.kozhilya.ru/f/design/profile_button.jpg) center no-repeat;
    width: 213px;
    height: 42px;
    font: bold 2.2em "Present Script";
    cursor: pointer;
    padding: 10px 39px 0 0;
    box-sizing: border-box;
    color: #BC8443;
    text-shadow: 0 0px 2px #542309;
}

/* C3.11 */
.punbb .post-body {
    margin-left: 250px;
    border-left-style: solid;
    border-left-width: 1px;
    /* padding: 0 0 1px 0; */
}

/* C3.12 */
.punbb .post-box {
    /* padding: 1em; */
    /* width: 515px; */
    /* margin-left: 26px; */
}

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

/* C3.14 */
.punbb .post-links {
    margin-left: 19em;
    border-left-style: solid;
    border-left-width: 1px;
}

/* C3.15 */
.punbb .post-links ul {
    padding: 0 1em 0 0;
    height: 2em;
    line-height: 2em;
    margin-left: -19em;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #be9762;
    background: transparent;
    text-align: right;
    font-weight: bold;
    font-size: 10px;
    margin-left: -210px;
}

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

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

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

/* C4 Moderator menu -------------------------------------------------------------*/
/* C4.1 */
.punbb .modmenu .container {
    padding: 0.5em 1em;
    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 {
    padding: 0.8em 1em;
    border-style: solid;
    border-width: 20px;
    -moz-border-image: var(--block-border-image);
                                                                                                  
                                                                                                                                           
                                                                                               
}

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

/* C6 Profile -------------------------------------------------------------*/
/* C6.1 */
#profile .container {
    padding-left: 18.6em;
}

/* C6.2 */
#profilenav {
    float: left;
    width: 14em;
    margin-left: -16.3em;
    display: inline;
}

/* C6.3 */
#profilenav li {
    padding-bottom: 0.8em;
    font-weight: bold;
}

/* C6.4 */
#viewprofile ul, #profilenav ul {
    border-style: solid;
    border-width: 1px;
    padding: 1.5em 18px 0.8em 18px;
    margin: 0 0 1em 0;
}

/* C6.5 */
#viewprofile h2, #profilenav h2 {
    background: transparent;
    border: none;
    padding: 0 0 0 0;
    margin: 0 14px -0.6em 14px;
}

/* 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 {
    border-bottom: none;
    margin-bottom: 0;
}

/* C7.2 */
#pun-userlist .usertable .container {
    padding: 0 2.3em 2.3em 2.3em;
    border-top: none;
}

/* C7.3 */
#pun-userlist .usertable table {
    border-style: solid;
    border-width: 1px;
}

/************************************************************* D - PUNBB SECTIONS OTHER THAN MAIN CONTENT **************************************************************/
/* D1 Logo and description -------------------------------------------------------------*/
/* D1.1 */
#pun-title {
    margin: 0;
    border-style: none none none none;
    border-width: 0px 0px 0 0px;
    /* margin-left: -631px; */
}

#pun-title.section {
    /* background-color: transparent; */
    /* background-image: url(""); */
    /* background-attachment: scroll; */
    /* background-position: top center; */
    /* background-repeat: no-repeat; */
    /* height: 832px; */
    /* width: 2033px; */
}

/* D1.2 */
#pun-title h1 {
    display: block;
    position: absolute;
    width: 357px;
    height: 295px;
    background: url(https://tlkthebeginning.kozhilya.ru/f/design/day_logo.png) center no-repeat transparent;
    z-index: 15;
    top: -198px;
    left: 23px;
}

/* 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: none;
    /* height: 40px; */
    /* width: 100%; */
}

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

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

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

/* D2.2 */
#pun-pagelinks .container {
    background: transparent;
    border: none;
    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;
    background: var(--pun-menu-bg);
    width: 100%;
    height: 78px;
    z-index: 100;
}

/* D3.2 */
#pun-navlinks .container {
    /* margin: -822px 0 0 -87px; */
    /* width: 1000px; */
    /* text-align: center !important; */
    /* color: #cb9c5b !important; */
    /* position: absolute; */
    text-align: center;
    margin: 5px 0 12px;
}

/* D.3 */
#pun-navlinks li {
    display: inline-block;
    /* padding-right: 1em; */
    font-family: "Present Script";
    font-size: 22px;
    font-weight: bold;
    text-shadow: 2px 1px 1px rgba(69, 38, 9, 1);
}

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

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

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

/* D4.3 */
#pun-ulinks li, #pun-ulinks li a {
    display: inline;
    border-left-style: solid;
    border-left-width: 1px;
    white-space: nowrap;
    color: #50381a;
    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: 58%;
    width: 40%;
    height: 45px;
    line-height: 130%;
    text-align: center;
    margin: 0;
    border: 0 none;
    /* justify-content: center; */
}

/* D5.2 */
#pun-status .container {
    height: 100%;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    /* margin-top: -453px !important; */
    /* text-align: center !important; */
    /* width: 280px; */
    /* margin-left: 450px; */
    color: #cead72;
    text-shadow: 0px 0px 5px rgba(30, 12, 2, 1);
    /* position: absolute; */
}

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

/* D5.4 */
#pun-crumbs1 {
    font-weight: bold;
    overflow: hidden;
    /* margin-top: -20px; */
    margin-left: 10px;
}

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

/* D5.6 */
#pun-break1 {
    margin: 0 1em;
    border-style: solid none;
    border-width: 1px 0;
    height: 0;
    margin: -2px 1em;
    position: relative;
    z-index: 1;
}

/* D6 Announcement -------------------------------------------------------------*/
#pun-announcement {
    background: url(https://tlkthebeginning.kozhilya.ru/f/design/day_announcement.png) no-repeat top center;
    width: 840px;
    margin-top: -65px;
    margin-left: -35px;
    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.1em;
}

/* D6.8.2 */
#pun-announcement .announcement-element #announcement-news {
    width: 30%;
    vertical-align: top;
    border-left: 1px solid var(--link-color);
    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;
	-webkit-user-select:none;
	-moz-user-select:none;
	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;
    color: #b69569;
}

/* D7 Statistics -------------------------------------------------------------*/
/* 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;
    border-top-style: solid;
    border-top-width: 1px;
    float: left;
    width: 100%;
    line-height: 130%;
}

/* D7.5 */
li#onlinelist div {
    border-top-style: solid;
    border-top-width: 1px;
    padding: 0.7em 0 0 0;
}

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

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

/* D8.3 */
#pun-about {
    margin-top: 0;
}

/* D8.4 */
#pun-about .container {
    border-top-style: none;
    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;
    margin-bottom: 0;
    border-bottom: none;
}

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

/* D8.8 */
#pun-break4 {
    margin: -2px 1em;
    border-style: solid none;
    border-width: 1px 0;
    position: relative;
    height: 0;
    z-index: 1;
}

/* 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 {
    padding-top: 106px;
}

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


/* E2 Top Menu */
#top-menu {
    position: absolute;
    top: -192px;
    left: calc(50% + 49px);
    width: 294px;
    height: 149px;
    background: url(http://tlkthebeginning.kozhilya.ru/static/files/design/day_header_pagemenu.png);
    z-index: -2;
    padding: 13px 19px;
    box-sizing: border-box;
}

#top-menu li {
    margin-bottom: 15px;
}
#top-menu a {
    display: block;
    width: 256px;
    height: 31px;
    font: bold 2.3em "Present Script";
    text-align: center;
    color: var(--pun-navlinks-color);
    text-shadow: 1px 1px 2px #792701;
    cursor: pointer;
}
#top-menu a:hover {
    text-shadow: 0px 0px 2px #792701;
}

/* E3 Footer */

/* E3.1 */

.punbb footer {
    margin-bottom: -151px;
    border: 1px solid 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 32px;
    text-align: center;
}
footer .bannersButton a {
}


/* E3.4 */

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

/* E2 JumpPanel */

.JumpPanel::before {
	position: absolute;
	content: '.';
	color: transparent;
	display: block;
	width: 40px;
	height: 32px;
	border: 1px solid #200000;
}
.JumpPanel#right::before {
	background: url(http://s3.uploads.ru/gGwZk.png) -2px 0px no-repeat;
	border-radius: 10px 0 0 10px;
	margin: 0 0 0 -51px;
	box-shadow: 0 0 10px #000000;
}
.JumpPanel#left::before {
	background: url(http://s5.uploads.ru/SVOjI.png) repeat -2px 0px;
	border-radius: 0 10px 10px 0;
	margin: 10px 0 0 270px;
	box-shadow: 0 0 10px #000000;
	float: right;
}
.JumpPanel {
	position: fixed;
	z-index: 2100;
	top: 8px;
	border-radius: 10px;
	border: 2px solid #200000;
	box-shadow: 0px 5px 5px #000000;
	background: url(http://s2.uploads.ru/r7ZN1.jpg) repeat center;	
	height: auto;
	width: 260px;
	padding: 10px;
	transition: right 0.5s 0.1s, left 0.5s 0.1s;
	color: #ffc46f;
	text-align: center;
}

.JumpPanel > div {
	overflow: auto;
	height: 100%;
}
.JumpPanel#left {
	left: -280px;
}
.JumpPanel#left:hover {
	left: -15px;
}
.JumpPanel a {
	color: #b06035;
	text-shadow: #000000 0px 0px 5px;
}
.JumpPanel a:hover {
	color: #b06035;
}
.JumpPanel h3 {
	text-align: center;
	font-size: 20px;
	font-weight: bold;

}
.JumpPanel h4 {
	font-weight: bold;
	text-decoration: underline;
	margin: 2.5em 0.8em 0;
}
.JumpPanel p {
	margin: 1em 0;
}
.JumpPanel em {
	font-style: italic;
}

.JumpPanel#right {
	right: -410px;
	width: 380px;
	display: none;
	padding-right: 25px;
}
.JumpPanel#right:hover, .JumpPanel.focused#right {
	right: -15px;
}

.TestArea .JumpPanel {
	position: absolute !important;
	left: 0px !important;
	top: 25px !important;
}
.JumpPanel#left {
	top: 30px;
	color: #a37b53;
}
.JumpPanel#left .navigation_head {
	text-align: left;
	margin: -38px 0 0 12px;
}
.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: 2px solid #200000;
	padding: 2px 10px;
	margin: 2px;
	cursor: pointer;
	background: url(http://s2.uploads.ru/r7ZN1.jpg) repeat center;
	border-radius: 10px 10px 0 0;
}
.JumpPanel#left .navigation_head ul li.active {
	border-bottom-color: transparent;
	height: 18px;
}
.JumpPanel#left .navigation_head ul li:hover {
	width: 90px;
}
.JumpPanel#left .navigation_head ul li span {
	float: left;
	width: 11px;
	margin-right: 15px;
}
.JumpPanel#left .navigation_head ul li em {
	font-style: normal;
	font: bold 15px "Present Script";
}

.JumpPanel#left h3 {
	text-align: left;
	font: bold 30px "Present Script";
	margin: 2px 2px 5px 12px;
}
.JumpPanel#left h4 {
	text-align: left;
	font-weight: bold;
	text-decoration: underline;
	margin: 1.2em 0 .6em;
}
.JumpPanel#left .navigation_tabs {
	margin: 0 0 0 15px;
}
.JumpPanel#left .navigation_tabs ul ul {
	margin: 0 0 0 15px;
}
.JumpPanel#left .navigation_tabs ul li {
	margin: .6em 0;
}

.JumpPanel#left .navigation_tabs ul li a {
	display: block;
	text-align: left;
	border: 1px solid black;
	padding: 2px 8px;
	background-color: #260501;
	color: #a37b53;
	text-shadow: none;
}
.JumpPanel#left .navigation_tabs ul li a:hover {
	color: #a37b53;
	background-color: #300803;
}

/* E3 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;
}

/* E4 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;
}

Код:

html, html[theme="day"] {
    --text-color: #523c2e;
    --body-bg-main:  url(https://tlkthebeginning.kozhilya.ru/static/files/design/style_day_main_bg.jpg) repeat center;
    --body-bg-image: url(https://tlkthebeginning.kozhilya.ru/static/files/design/style_day_bg.png) no-repeat center 69px;
    --pun-bg: url(https://tlkthebeginning.kozhilya.ru/static/files/design/style_day_fillbg.png) repeat center;
    --pun-border-image: url(https://tlkthebeginning.kozhilya.ru/static/files/design/style_day_border.jpg) 60 25 60;
    --pun-menu-bg: url(https://tlkthebeginning.kozhilya.ru/static/files/design/style_day_navigation_bg.jpg) repeat-x center;
    --header-block-background: transparent url('https://forumstatic.ru/files/0019/ca/c8/93456.png') no-repeat scroll center top;
    --header-block-color: #d3b489;
    --header-block-font: bold 25px 'Present Script';
    --html-background: 
        url(https://tlkthebeginning.kozhilya.ru/f/design/day/nav_bg.jpg) repeat-x top left, 
        url(https://tlkthebeginning.kozhilya.ru/f/design/day/footer.png) repeat-x bottom left, 
        url(https://tlkthebeginning.kozhilya.ru/f/design/day/bg_fill.png) center #3d4c1b;
    --body-background: 
        url(https://tlkthebeginning.kozhilya.ru/f/design/day/bg_header.jpg) no-repeat top, 
        url(https://tlkthebeginning.kozhilya.ru/f/design/day/bg_footer.png) no-repeat bottom, 
        url(https://tlkthebeginning.kozhilya.ru/f/design/day/bg_middle.png) repeat-y center;
    --block-border-image:
        url(https://tlkthebeginning.kozhilya.ru/f/design/day/block_bg.png) 20 fill repeat;
    --block-header-background: url(https://tlkthebeginning.kozhilya.ru/f/design/day/block_header.png) no-repeat center transparent;
    --profile-background: url(https://forumstatic.ru/files/0019/ca/c8/25045.png);
    --profile-header-background: url(https://forumstatic.ru/files/0019/ca/c8/89556.png);
    --profile-footer-background: url(https://forumstatic.ru/files/0019/ca/c8/89095.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);
    --main-color: #523c2e;
    --link-color: #955830;
    --link-color-hover: #904c20;
    --pun-navlinks-color: #d3b489;
    --pun-navlinks-hover-color: #bb8f53;
    --post-author-color: #d7ba89;
    --pun-status-color: #cead72;
    --block-header-color: #d3b489;
}


html[theme="fall"] {
    --html-background: 
        url("https://forumstatic.ru/files/0019/00/e9/79901.jpg") repeat-x top left,
        url("https://forumstatic.ru/files/0019/00/e9/78160.png") repeat-x bottom left,
        url("https://forumstatic.ru/files/0019/00/e9/59682.jpg") center;
    --body-background: 
        url(https://forumstatic.ru/files/0019/00/e9/78878.jpg) no-repeat top, 
        url(https://forumstatic.ru/files/0019/00/e9/75661.png) no-repeat bottom, 
        url(https://forumstatic.ru/files/0019/00/e9/64137.png) repeat-y center;
    --block-border-image:
        url(https://forumstatic.ru/files/0019/00/e9/69935.png) 20 fill repeat;
        
    --post-author-color: #d7ba89;
    --pun-status-color: #cead72;
}


html[theme="night"] {
    
    --post-author-color: #bf9873;
    --pun-status-color: #bf9873;
}


/* CS1 Background and text colours-------------------------------------------------------------*/
/* CS1.1 */
.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3,.punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd,.punbb .info-box, .punbb #pun-main .info-box .legend {
    background-color: transparent;
    color: var(--main-color);
}

/* CS1.2 */
.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer {
    background-color: transparent;
    color: var(--main-color);
}

/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
    background: var(--block-header-background);
    color: var(--block-header-color);
    font: var(--header-block-font);
    height: 80px;
    box-sizing: border-box;
    /* margin-top: -9px; */
    text-align: center;
    /* padding-top: 13px; */
    text-shadow: 2px 1px 1px rgba(62, 25, 5, 1);
}

/* CS1.4 */
#pun-title, #pun-title .container, .punbb .modmenu .container {
    background-color: transparent;
    color: var(--main-color);
}

/* CS1.5 */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
    background-color: transparent;
    color: #7f4522;
}

/* CS1.6 */
.punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl {
    background-color: transparent;
    color: var(--main-color);
}

/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
    background-color: transparent;
    color: #644531;
}

/* CS1.8 */
#pun-navlinks .container {
    background-color: transparent;
    color: #cb9c5b;
}

.offline li.pa-online strong {
    font-weight: normal;
}

/* CS2 Border colours-------------------------------------------------------------*/
/* CS2.1 */
.punbb .container, .punbb .post-body, .post h3, #pun-title {
    border-color: transparent;
}

/* CS2.2 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,.punbb .category, .punbb .post {
    border-color: transparent;
}

/* CS2.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
    border-color: transparent;
}

/* CS2.4 */
.punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body,.punbb .post h3 span, .post-links ul, .post-links, .usertable table {
    border-color: transparent;
}

/* CS2.5 */
.punbb th {
    border-color: transparent;
}

/* CS2.6 */
.punbb .quote-box, .punbb .code-box {
    border-color: transparent;
}

#pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span {
    border-color: transparent;
}

#pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend {
    border-color: transparent;
}

.punbb .divider {
    border-color: transparent;
}

.punbb .formal fieldset .post-box, .punbb .info-box {
    border: 1px solid transparent;
    width: auto;
}

li.pa-online {
    border-left-color: transparent;
}

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

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
    color: #333;
}

/* CS3.2 */
.punbb a:hover, .punbb a:focus, .punbb a:active, .punbb-admin #pun-admain .nodefault,.punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active {
    color: var(--link-color);
}

/* CS3.3 */
#pun-navlinks a {
    color: var(--pun-navlinks-color);
    text-decoration: none;
}

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
    color: var(--pun-navlinks-hover-color);
    text-decoration: none;
}

#pun-pagelinks a:active, #pun-pagelinks a:focus {
    background-color: transparent;
    color: #fff;
}

/* CS4 Post status icons -------------------------------------------------------------*/
tr div.icon {
    background-image: var(--icon-default);
    background-repeat: no-repeat;
    display: block;
    float: leftt;
    height: 39px;
    width: 51px;
}

tr.inew div.icon {
    background-image: var(--icon-new);
}

tr.iclosed div.icon {
    background-image: var(--icon-closed);
}

tr.isticky div.icon {
    background-image: var(--icon-sticky);
}

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

.punbb .post .post-author {
    background: url(https://tlkthebeginning.kozhilya.ru/f/design/profile_background.jpg?1) repeat center;
    border: 7px solid transparent;
    border-width: 40px 15px;
    border-image: url(https://tlkthebeginning.kozhilya.ru/f/design/profile_border.jpg) 40 15;
}

.punbb .post .post-author ul {
    /* background: var(--profile-header-background) -4px top no-repeat, ; */
    /* background: var(--profile-footer-background) 0 calc(100% + 3px) no-repeat,          var(--profile-background) 0 0 repeat-y; */
    /* width: 239px; */ /* DELETING */
    /* overflow: visible!important; */ /* DELETING */
}



.pseudo-button {
    display: inline-block;
    color: #6F361D !important;
    text-shadow: #D9984F 1px 1px 0px;
    font: bold 30px "Present Script";
    text-align: center;
    background: #C4823E;
    background-clip: padding-box;
    width: 176px;
    height: 57px;
    box-sizing: border-box;
    background: url(http://tlkthebeginning.kozhilya.ru/f/design/day-button.png);
    padding: 15px 10px !important;
    cursor: pointer;
    line-height: 0.75;
}
.pseudo-button:hover {
    background-position: 1px 1px;
}
.pseudo-button.active {
    background-position: 2px 2px;
}