<div id="Logo"></div>

<!-- Cчётчик Игровых постов -->
<script type="text/javascript">
/***************************
        Настройки!
***************************/
FORUM._NUMpa_fld = 4;    // Номер.Доп.поля,
FORUM._color_fld = "inherit";	// Цвет шрифта,
FORUM.includeFirstPost = 0;	// 0 - не учитывать,1 - учитывать Первопост автора в игровых темах,
FORUM.AddOrSlash = 0;    //0 - Поле отдельно, 1 - через слешь c общ. числом сообщений,
FORUM.Number_winners = [7,[1]];	// Начальное Число отображаемых юзеров в таблице и список форумов показа;
FORUM.Subscription_Code = "f87f9524f52b3f15cd458b2bf2a95a906ca5a960";	//Код подписки!!;
/**** НАСТРОЙКА Игровых локаций ****/
function ad_ (){/*!~!FORUM.ForArrAy = {
//Форум  //Темы (включаемые, или исключаемые)

f7	:-[0],  //личные эпизоды
f8	:-[0]	//альтернатива //Последний элемент без запятой!
}
!~!*/}ad_ = ad_.toString().split('!~!')[1];//alert(ad_);
</script>
<script type="text/javascript" src="https://forumstatic.ru/files/0013/44/56/77707.js"></script>
<style>.Form-Table{}.punbb .table_GamePosts tbody th{text-align: center;color:#fff}
#pre_placement>a {top:3px;right:3px;}.punbb .GamePst{padding:0!important;}
.punbb #profile-right li#pa-fld2 strong.GamePst2 {}</style>
<!--//END Cчётчик Игровых постов © Deff-->


<!--КНОПКИ ВВЕРХ ВНИЗ-->
<div class="go-up" id='ToTop'></div>
<div class="go-down" id='OnBottom'></div>

<!-- *************************************************************** -->

<div id="ZACHTO">

<!-- Активисты-->
<div id="act">

<div id="act1">
<a href='/profile.php?id=29'><img src="https://forumupload.ru/uploads/001b/e4/bf/3/422086.gif"  title="таинственный и интригующий"/></a>
</div>

<div id="act2">
<a href='/profile.php?id=28'><img src="https://forumupload.ru/uploads/001b/e4/bf/3/143224.gif"  title="королева банка, рекламы и паззлов"/></a>
</div>

<div id="act3">
<a href='/profile.php?id=14'><img src="https://forumupload.ru/uploads/001b/e4/bf/3/713964.png"  title="хулиганистый Принцесс и просто солнышко"/></a>
</div>

<div id="act4">
<a href='/profile.php?id=6'><img src="https://forumupload.ru/uploads/001a/cf/3c/2/275298.gif"  title="с возвращением, Алёшенька!"/></a>
</div>
</div>

<!-- НОВОСТИ -->
<div id="NEWS">
<a href="https://sept3rd.rusff.me/viewtopic.php?id=12&action=last" target="_blank">последние июльские новости</a>

<a href="https://sept3rd.rusff.me/viewtopic.php?id=122#p6521" target="_blank">собери меня #3</a>

</div>

<div id="RANDOM">
<!-- Ротатор произвольного контента -->
<div id="KontentRotator">
<p>
Нормальный человек давно бы плюнул и ушёл с такого места работы. Но кто сказал, что Авианна нормальная? Она точно мазохистка в душе. <a href='https://sept3rd.rusff.me/viewtopic.php?pid=385#p385'>>></a>
</p>

<p>
— Нильс, пожалуйста, всё не так плохо...
<br><br>
Не так плохо? Не <i>так</i>? А как по её мнению должно было быть <i>плохо</i>, чтобы быть плохо? Нильс еле сдержался, чтобы спросить: ты совсем тупая? Он думал: господи, да замолчи ты, ничего больше не говори, так всем будет лучше. Не то, чтобы Нильсу было дело до чужого "лучше". Ему даже до своего "лучше" дела не было. Он просто хотел чуточку покоя. Спокойствия. Тишины. Чтобы вот эта буря внутри грудной клетки улеглась. Прямо сейчас. <a href='https://sept3rd.rusff.me/viewtopic.php?pid=384#p384'>>></a>
</p>

<p>
— Я заранее согласна с любым вашим решением, — сказала Джессика.
<br><br>
"А я вот заранее с ним не согласен..." — подумалось Люсьену. <a href='https://sept3rd.rusff.me/viewtopic.php?id=31#p1967'>>></a>
</p>

<p>
Алекс с самого утра был на смене. Сначала, перед открытием, проводили генеральную уборку помещение, в котором "да блядь" и "вашудушубогумать" на чистом русском звучало чаще, чем "давайте-ка быстрее". Все были сегодня максимально не расторопны и медлительны, будто не им через час открывать кофейню и херачить до девяти вечера. С учетом того, как Романов любил свою работу и общение с людьми, ему было крайне сложно не давать сотрудникам подзатыльники. Законодательство запрещает, чтоб его. Превышение полномочий, мать их за ногу. <a href='https://sept3rd.rusff.me/viewtopic.php?id=53#p262'>>></a>
</p>

<p>
— Джонни, ты понимаешь, куда он едет? Он сделал уже несколько поворотов. Он как-то узнал о преследовании и пытается стряхнуть хвост?
<br><br>
— Либо он просто... катается?
<br><br>
— Что?! Катается?! Я тут отмораживаю себе зад в такую погоду только потому, что этому богатею вдруг приспичило погулять?! В такую погоду? Погулять, сидя в машине?! <a href='https://sept3rd.rusff.me/viewtopic.php?pid=1231#p1231'>>></a>
</p>

<p>
Никогда раньше Джесс не попадала в подобные ситуации и не до конца понимала, как следует поступить. А поступить хотелось правильно. Знать бы ещё, какое оно, это мифическое "правильно". Хотелось как-то загладить вину, пусть и случилось всё из-за чистого недоразумения. Ну не бежать же сейчас за той мамашей с ребенком? Малому и так уже влетело, а он ведь даже не хотел ничего плохого. Может просто устал или отвлекся на что-то. В конце концов он тоже остался без мороженого...
<br><br>
<i>...как я без хот-дога... </i> <a href='https://clubofromance.rusff.me/viewtopic.php?pid=93869#p93869'>>></a>
</p>

<p>
Девушка протянула ему маленькую открытку. Антон без раздумий написал: "Я же говорил, букет будет побольше. И с запиской.", но подписывать именем не стал. Если забыл разговор, значит так тому и быть, а если нет. Пусть помнит всю его часть и, может, поймёт. "Только что, Антоша, он должен понять?" — вопрос хороший, ответа на него не было. <a href='https://sept3rd.rusff.me/viewtopic.php?pid=463#p463'>>></a>
</p>

<p>
Утром сквозь сон он слышал, как за дверью кто-то ходит. Надо было всё-таки встать, перекинуться с Антоном парой слов, продемонстрировать, что всё в порядке. Чтобы всё не заканчивалось... так, на какой-то неправильной ноте. Но тело не подчинялось, даже глаза не открывались. Входная дверь открылась и закрылась, Арсений провалился обратно в сон. Проснулся уже ближе к обеду, полностью разбитый в первую очередь физически. Болела и повреждённая нога, и вторая — за компанию, видимо. И мышцы в руках, словно накануне полчаса держал слона на вытянутых. Мучительно болела голова от слишком большого количества не нужного сна. И вместо мыслей стояла мерзкая тишина. Отличный выходной день, ничего не скажешь. <a href='https://sept3rd.rusff.me/viewtopic.php?pid=464#p464'>>></a>
</p>

<p>
Он выпрямился и глянул, нет ли, случаем, на двери душевой какого-нибудь замка, чтобы закрыть девчонку внутри во избежание дальнейших попыток сбежать. Был у Мартина в детстве хомяк, который вот точно так же норовил покинуть стены родной клетки в поисках лучшей жизни. Нашёл. В зубах соседского кота. Мартин обернулся и тотчас напоролся на взгляд Джун. Подозрительный какой-то взгляд. Мартин вопросительно дёрнул бровью. Быть может, хомяк в этой ситуации отнюдь не Морган. <a href='https://sept3rd.rusff.me/viewtopic.php?id=51#p2260'>>></a>
</p>

<p>Наваждение липкое, как пол во "Второй". Блики рыжей шевелюры в зеркальной стекляшке на груди. Горький привкус мандариновых корок на языке, хотя цитрусовых он не ел лет десять, из-за аллергии. Правы были предки, их сын болен.<br>
Или же он вовсе не их сын. С годами Крыса становится всё более реальной, в отличии от Айзека Шварца. <a href='https://sept3rd.rusff.me/viewtopic.php?pid=3060#p3060'>>></a>
</p>

<p>Эгоистичная, зацикленная на себе — без угрызений совести. Животное, подчинённое только инстинкту. Движимая интуицией. Вечно в поисках очередного лакомого кусочка. Лёгкой жертвы, доверчивой и наивной. Её намерения всегда честны. Она не обманывает, когда говорит, что твои поцелуи такие же сладкие на вкус, как вишня. Она не обманывает, когда в шутку кусает твою шею. Инге никогда не врёт. <a href='https://sept3rd.rusff.me/viewtopic.php?pid=2888#p2888'>>></a>
</p>

<p>Медсестра обернулась. Пьетро поймал её взгляд, на автомате улыбнулся. <i>Ничего</i> в голове не щёлкнуло. <i>Ничуть</i> не затрепетало сердце. Девушка как девушка. Пьетро забудет её, как только выйдет из больницы. Если выйдет, конечно, с его-то сегодняшним процентом удачи. <a href='https://sept3rd.rusff.me/viewtopic.php?pid=2829#p2829'>>></a>
</p>

</div>
</div>

<script language="javascript">
var sek = 100000000000000000000;  // Время отображения
var Nrout=$("#KontentRotator p").length
var i=Math.round(Math.random()*(Nrout-1));RotatorMycontent(i);
function RotatorMycontent(i) {
$("#KontentRotator p").hide();
$("#KontentRotator p").eq(i).show();
j =Math.round(Math.random()*(Nrout-1));
timerID = setTimeout("RotatorMycontent(j)",sek);}
</script>

<div class="header_bottom">
<div class="slide_button i_active">▶</div>
<div class="slide_block" style="display: none;"><div>

<iframe frameborder="0" style="border:none;width:450px;height:300px;" width="450" height="300" src="https://music.yandex.ru/iframe/#playlist/digital-freedom/1041">Слушайте <a href='https://music.yandex.ru/users/digital-freedom/playlists/1041'>третье сентября</a> — <a href='https://music.yandex.ru/users/digital-freedom'>Д.</a> на Яндекс Музыке</iframe> 

</div></div>
</div>
<script>
$('.slide_button').click(function() {  
    $('.slide_button').not(this).removeClass('i_active');
    $(this).toggleClass('i_active');
});
</script>
<script>
$('.slide_button').each(function() {
    $(this).on('click', function() { $('.slide_button').not($(this)).next().slideUp();
      $(this).next().slideToggle(); 
    });
  });
</script>

</div>


<!-- *************************************************************** -->
<!--ОТКЛЮЧИТЬ "Сервис рекомендаций", Отключение кнопки "Жалоба в сообщениях", Отключить функцию "Теги"--><script type="text/javascript">
rusffLive.enable = false;
RusffCore.sets.show_reportBtn = 0;
RusffCore.sets.tags = false;
ReactionsPlugin.setConfig({
  disable: true
});
</script>


<!-- *************************************************************** -->
<!-- Выделение кода в блоке "Код" // © Alex_63, версия 2017г. -->
<script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/26102.js"></script>
<script>eval(select_text.toString().replace(/\}$/,'try{document.execCommand("copy")}catch(e){}}'))</script>
<script type="text/javascript">select_text.linkText = 'выделить код [копируется сразу]' //текст ссылки</script>

<!-- *************************************************************** -->

<!-- Скрытие панели "profilenav" при просмотре профиля (c) satsana -->
<script type="text/javascript">
  if (document.URL.indexOf('profile.php')!=-1 && (!~document.URL.indexOf('section') || document.URL.indexOf('section=view')!=-1))
    $('#pun-profile').addClass('view');
</script>
<style>
#pun-profile.view #profilenav {display: none}
</style>

<script>
// Исправляем работу оценок в закрытых темах
if (!FORUM.editor) window.changeVisibility = function(id) { $('#' + id).toggle() };
</script>


<!-- Обтекание текста слева/справа --><style type="text/css">
.post-content p{clear:both}.post-content abbr[title^="float:"]{text-decoration:none;pointer-events:none;margin:.5em}
.post-content abbr[title="float:left"]{float:left}.post-content abbr[title="float:right"]{float:right}
</style>
<script type="text/javascript">
FORUM.set('editor.addition.tags.float_left', {name:'Обтекание слева',onclick:function(){bbcode('[abbr="float:left"]','[/abbr]');}});
FORUM.set('editor.addition.tags.float_right', {name:'Обтекание справа',onclick:function(){bbcode('[abbr="float:right"]','[/abbr]');}});
</script>



<!-- Yandex.Metrika counter -->
<script type="text/javascript" >
   (function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)};
   m[i].l=1*new Date();
   for (var j = 0; j < document.scripts.length; j++) {if (document.scripts[j].src === r) { return; }}
   k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)})
   (window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym");

   ym(93928845, "init", {
        clickmap:true,
        trackLinks:true,
        accurateTrackBounce:true
   });
</script>
<noscript><div><img src="https://mc.yandex.ru/watch/93928845" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
<!-- /Yandex.Metrika counter -->

<script type="text/javascript" src="https://forumstatic.ru/files/0012/d8/04/58219.js?v5" addcomment="1"></script>

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

/* A1 Import the colour scheme
-------------------------------------------------------------*/

/* A1.1 */
@import url(style_cs.css);
/*@import url('https://use.fontawesome.com/c248f1ebcd.css');*/

@font-face{font-family:FontAwesome;
src:url(https://forumstatic.ru/files/001a/eb/a8/18733.ttf) format('truetype');
}

@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,300i,400,400i,700,700i|Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i&display=swap&subset=cyrillic,cyrillic-ext,latin-ext');

@import url('https://fonts.googleapis.com/css?family=Kurale|Playfair+Display|Playfair+Display+SC');
@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,500');

@font-face {font-family: "micra"; 
src: local("micra"), url(https://forumstatic.ru/files/0015/e5/b7/77209.ttf);}

@font-face {font-family: "carolina";
src: local("carolina"), url(https://forumstatic.ru/files/0015/e5/b7/27348.ttf);}

@font-face {font-family: "compact"; 
src: local("compact"), url(https://forumstatic.ru/files/0015/e5/b7/99459.ttf);}

@font-face {font-family: "tagirctt"; 
src: local("tagirctt"), url(https://forumstatic.ru/files/0015/e5/b7/30706.ttf);}

@font-face {font-family: "lobster"; 
src: local("lobster"), url(https://forumstatic.ru/files/0015/e5/b7/20357.ttf);}

@font-face {font-family: "rochester"; 
src: local("rochester"), url(https://forumstatic.ru/files/0015/e5/b7/14867.ttf);}

@font-face {font-family: "fatfacel"; 
src: local("fatfacel"), url(https://forumstatic.ru/files/0015/e5/b7/95463.otf);}

@font-face {font-family: "yeseva one"; 
src: local("yeseva one"), url(https://forumstatic.ru/files/0015/e5/b7/36524.ttf);}

@font-face {font-family: "bangers"; 
src: local("bangers"), url(https://forumstatic.ru/files/0015/e5/b7/88955.ttf);}

@font-face {font-family: "limelight"; 
src: local("limelight"), url(https://forumstatic.ru/files/0015/e5/b7/21585.ttf);}

@font-face {font-family: "great vibes"; 
src: local("great vibes"), url(https://forumstatic.ru/files/0015/e5/b7/67816.otf);}

@font-face {font-family: "cheque"; 
src: local("cheque"), url(https://forumstatic.ru/files/0015/e5/b7/18369.otf);}

@font-face {font-family: "resphekt"; 
src: local("resphekt"), url(https://forumstatic.ru/files/0015/e5/b7/30388.otf);}

@font-face {font-family: "sansterdam"; 
src: local("sansterdam"), url(https://forumstatic.ru/files/0015/e5/b7/16638.otf);}

@font-face {font-family: "isocteur"; 
src: local("isocteur"), url(https://forumstatic.ru/files/001a/bb/dd/28728.ttf);}

@font-face {font-family: "Audrey"; 
src: local("Audrey"), url(https://forumstatic.ru/files/001a/c2/a1/60788.otf);}

@font-face {font-family: "AudreyIOS"; 
src: local("AudreyIOS"), url(https://forumstatic.ru/files/001a/c2/a1/98154.otf);}

@font-face {font-family: "Mistral"; 
src: local("Mistral"), url(https://forumstatic.ru/files/001a/c2/a1/95998.ttf);}

@font-face {font-family: "Caveat"; 
src: local("Caveat"), url(https://forumstatic.ru/files/001a/cf/3c/80205.ttf);}

@font-face {font-family: "Yeseva"; 
src: local("Yeseva"), url(https://forumstatic.ru/files/001a/cf/3c/65027.ttf);}

@font-face {font-family: "bebas neue"; 
src: local("bebas neue"), url(https://forumstatic.ru/files/001a/cf/3c/41357.otf);}

@font-face {font-family: "Benguiat Bold"; 
src: local("Benguiat Bold"), url(https://forumstatic.ru/files/0013/c1/fc/25163.ttf);}

@font-face {font-family: "Myriad"; 
src: local("Myriad"), url(https://forumstatic.ru/files/001a/cf/3c/56193.ttf);}

@import url(https://allfont.ru/allfont.css?fonts=broadway-cyrillic);

@import url(https://allfont.ru/allfont.css?fonts=gothicrus-medium);

@font-face {font-family: "Candara"; 
src: local("Candara"), url(https://forumstatic.ru/files/001a/cf/3c/66426.ttf);}

@font-face {font-family: "CandaraBold"; 
src: local("CandaraBold"), url(https://forumstatic.ru/files/001a/cf/3c/15814.ttf);}

@font-face {font-family: "Broadway"; 
src: local("Broadway"), url(https://forumstatic.ru/files/001a/cf/3c/20368.ttf);}

@font-face {font-family: "AnonPro"; 
src: local("AnonPro"), url(https://forumstatic.ru/files/001a/eb/a8/29024.ttf);}

@font-face {font-family: "VerPro"; 
src: local("VerPro"), url(https://forumstatic.ru/files/001a/eb/a8/38327.ttf);}

@font-face {font-family: "Inverkrug"; 
src: local("Inverkrug"), url(https://forumstatic.ru/files/001a/cf/3c/65408.otf);}

@font-face {font-family: "InverkrugOutline"; 
src: local("InverkrugOutline"), url(https://forumstatic.ru/files/001a/cf/3c/18540.otf);}

@font-face {font-family: "BabelStoneModern"; 
src: local("BabelStoneModern"), url(https://forumstatic.ru/files/001a/cf/3c/72278.ttf);}

@font-face {font-family: "CopaseticC"; 
src: local("CopaseticC"), url(https://forumstatic.ru/files/001a/cf/3c/32426.ttf);}

@font-face {font-family: "AmaticSC"; 
src: local("AmaticSC"), url(https://forumstatic.ru/files/001a/eb/a8/72590.ttf);}

@font-face {font-family: "GentiumBookPlus"; 
src: local("GentiumBookPlus"), url(https://forumstatic.ru/files/001a/eb/a8/83929.ttf);}
@font-face {font-family: "GentiumBookPlusIt"; 
src: local("GentiumBookPlusIt"), url(https://forumstatic.ru/files/001a/eb/a8/33809.ttf);}
@font-face {font-family: "GentiumBookPlusBo"; 
src: local("GentiumBookPlusBo"), url(https://forumstatic.ru/files/001a/eb/a8/67529.ttf);}
@font-face {font-family: "GentiumBookPlusBoIt"; 
src: local("GentiumBookPlusBoIt"), url(https://forumstatic.ru/files/001a/eb/a8/82687.ttf);}

/*-----1st----*/
@font-face {font-family: "BlackOceanOne"; 
src: local("BlackOceanOne"), url(https://forumstatic.ru/files/001a/eb/a8/14190.ttf);}

/*---2nd----*/
@font-face {font-family: "Bosch"; 
src: local("Bosch"), url(https://forumstatic.ru/files/001a/eb/a8/98266.otf);}

@font-face {font-family: "Gatsby"; 
src: local("Gatsby"), url(https://forumstatic.ru/files/001a/eb/a8/18429.ttf);}

@font-face {font-family: "Deco"; 
src: local("Deco"), url(https://forumstatic.ru/files/001a/eb/a8/62478.ttf);}

/*-----------------------------*/

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

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

/* 3.3 */
.punbb select, .punbb optgroup {
    font-size: 11px;
    background: var(--color-mda);
    color: var(--color-white);
    border: none;
    padding: 2px;
}

.punbb input {
  border: none!important;
}


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

/* A3.5 */
.punbb h2 span {
    color: var(--color-brown);
    font-size: 40px;
    text-transform: lowercase;
    font-family: var(--custom);
    padding: 0 0px!important;
    }


.punbb h1 span, #post-form > h2 > span {
    color: var(--color-brown);
    font-size: 16px;
    text-transform: lowercase;
    font-family: var(--custom2);
    letter-spacing: 1.25px;
  }


#post-form > h2 > span {margin-right:10px}

.punbb h1 span { color: var(--color-brown); display:none;}

/* 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 {

  }

/* 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: 0 auto -12px;
width: 970px;
margin-top: 100px;
}


    /* A5.2 */
 

    /* A5.3 */
    #pun-redirect {
      background:#191919 fixed top center repeat;
      position: absolute;
      width: 100%;
      height: 125%;
      z-index: 100;
      top: -200px !important;
      left: 0 !important;
      }

    #pun-redirect #pun-main {
    margin: 12% 37% 12px 37%;
    background-color: #191919;
      width: auto;
      float: none;
      position: relative;
      z-index: 1000;
      }

    #pun-redirect #pun-main > a {color:#f0f0f0!important}

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

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

/* 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 {
  }

/* A5.9 */
#pun-about p.container {
  }

#pun-main h1{     padding: 5px 10px;
    text-align: right;
    margin: 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;
    margin: 10px 0px;
    height: 0px;
border-bottom: 1px dotted var(--color-grey2);
  }

.post-sig dd p, #profile .fs-box dd p  {
   font-size: 10px;
   text-align: center!important;
   line-height: 11px!important;
  }

/* B1.3 */
.punbb .post-content p {
    margin: 0;
    padding: 3px 20px 5px 15px!important;
    line-height: 150%;
    text-align: justify;
  }

/* 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;
    height: auto!important;
max-height: 500px;
  }

/* B1.8 */ 
.punbb .post-content .quote-box, .punbb .post-content .code-box {
padding: 5px;
    margin: 15px 5px 15px 25px;
  }

.punbb .post-content .spoiler-box {padding: 10px 20px !important;
}

/* B1.9 */
.punbb .quote-box cite, .punbb .code-box strong.legend {
    display: block;
    padding: 4px 15px 6px;
    font-size: 10px;
    font-weight: normal;
    width: fit-content;
    font-style: normal;
    text-align: center;
    text-transform: lowercase;
    margin-top: 4px;
    margin-bottom: 4px;
    margin-left: -17px;
    margin-right: auto;
    letter-spacing: 0.5px;
    color: var(--color-white);
    background: var(--color-brown);
  }


/* 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: 950px;
    height: 0px;
    margin: 10px 15px;
    background: var(--color-white);
    top: -30px;
    text-transform: lowercase;
    font-size: 10px;*/
float: left;
    position: relative;
    width: 100%;
    height: 0;
    text-transform: lowercase;
 }

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

/* B3.3 */
.linkst .pagelink {
    position: absolute;
    top: -30px;
    left: 15px;
    width: 30em;
    text-transform: lowercase;
    font-size: 10px;
  }

/* B3.4 */
.linkst .postlink {
position: absolute;
    top: -30px;
    font-size: 10px;
    right: 15px;
    width: 16em;
    text-align: right;
  }

/* B3.5 */
.punbb .linksb {
    position: relative;
    text-transform: lowercase;
    font-size: 10px;
    margin: 5px 15px;
    background: var(--color-white);
  }



/* B3.6 */
.linksb .pagelink {
float: left;  
    text-transform: lowercase;
    font-size: 10px;}

/* B3.7 */
.linksb .postlink {
float: right;
    right: 10px;
    width: 16em;
    font-size: 10px;
    text-align: right;
  }

/* B3.8 */
.subscribelink {
    clear: both;
    padding-top: 0.3em 0.8em 0.5em 0;
    height: 14px !important;
    text-transform: lowercase;
    font-size: 10px !important;
    text-align: right;
  }


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

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

/* C1.1 */
.punbb .formal .container {
    border-style: solid;
    border-width: 1px;
    padding: 1.5em 18px 0.8em 18px;
    font-size: 11px;
    margin: 8px 0 1em 0;
  }

#profile .formal  {
}

/* C1.2 */
.punbb .formsubmit {
    padding: 0 0 0 22px;
    margin: 5px 0 0 0;
  }

/* C1.3 */
.punbb .formsubmit input, .punbb .formsubmit span {
  }

/* C1.4 */
.punbb fieldset {
    padding: 0px 25px 0px 20px;
  }

/* C1.5 */
.punbb fieldset legend {
    text-transform: lowercase;
    font-size: 13px;
}


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

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

/* 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: left;
  width: 50%;
  }

.punbb td div.tclcon {
    text-align: left;
    font-size: 11px;
    color: var(--color-black);
    padding-right: 10px!important;
    margin-right: 15px;
}


/* C2.2 */
.punbb .main .tc2, .punbb .main .tc3, .punbb .main .tcmod {
  text-align: center;
  width: 10%;
  text-transform: lowercase;
/*    vertical-align: top;*/
    font-size: 11px;
  }

/* C2.3 */
.punbb .main .tcr {
    text-align: right;
    width: 30%;
    text-transform: initial;
    color: var(--color-black);
    padding-right: 0px;
    padding-bottom: 10px;
    padding-top: 10px;
    padding-left: 10px;
}


#pun-userlist .main .tc2, #pun-userlist .main .tc3, #pun-userlist .main .tcmod {border:none!important}

#pun-viewforum .hasicon td.tcl, #pun-searchtopics .hasicon td.tcl, 
#pun-respect .main .tc2, #pun-respect .main .tc3, #pun-respect .main .tcmod, #pun-respect .main .tcr,
#pun-positive .main .tc2, #pun-positive .main .tc3, #pun-positive .main .tcmod, #pun-positive .main .tcr , #pun-online .main .tc2, #pun-online .main .tc3, #pun-online .main .tcmod, .punbb .main .tc2, .punbb .main .tc3, .punbb .main .tcmod, #pun-viewforum .main .tcr, #pun-searchtopics .main .tcr {

}

#pun-online .main .tc2, #pun-online .main .tc3, #pun-online .main .tcmod {
    text-align: center;
    width: 15%;
    color: var(--color-hz);
    text-transform: lowercase;
    padding: 8px;
}

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


#pun-searchposts .pa-replies{
display:none
}


#pun-respect .main .tcr,  #pun-respect .main .tcl,
#pun-positive .main .tcr,  #pun-positive .main .tcl 
 {
text-align: center;
}

#pun-mod .main .tc2, #pun-mod .main .tc3, #pun-mod .main .tcmod {
border: none;
color: var(--color-black);
}

#pun-userlist .user-avatar .avatar-image {
    height: 35px!important;
    width: 35px!important;
}

/* C2.5 */
#pun-userlist .main .tc2 {}

#pun-searchtopics .main .tc2 {
    text-align: left;
    width: 20%;
    vertical-align: top;
    padding-top: 20px;
  }

/* 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 {
    text-align: left;
    font-size: 17px;
    margin-bottom: 0px;
    padding-right: 75px;
    vertical-align: middle;
    padding-top: 7px;
    margin-left: 15px;
  }

#post-form > h2 > span, .punbb h1 span, #pun-index .tcl h3 a {
    color: var(--color-black);
    font-size: 13px;
    text-transform: lowercase;
    font-family: var(--custom2);
    letter-spacing: 0.5px;
}

#pun-index .tcl h3 a {margin: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 {
padding: 0;
  }

/* C2.12 */
.punbb .main th {
  }

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

/* C2.14 */
.punbb tbody.hasicon td.tcl {
    padding-bottom: 5px;
    padding-top: 10px;
    padding-left: 10px;
  }


#pun-searchtopics .user-avatar {    top: -15px!important;
    margin: 0px 10px 0px 25px;}

#pun-viewforum .user-avatar {
    padding-left: 25px;
    padding-bottom: 0px;
    top: -15px!important;
}

.punbb .user-avatar {top: 0px; 
width: 38px!important;}

#pun-viewforum .main .tcl {
width: 35%;
}
#pun-viewforum .main .tc2, #pun-viewforum .main .tc3 {
    width: 20px;
    vertical-align: top;
    padding-top: 20px;
    font-size: 10px;
    padding-left: 5px;
}


#pun-viewforum div.icon {
    margin-top: -30px;
}

#pun-searchtopics div.icon {
    margin-top: -35px;
}

#pun-modviewforum div.icon {
    margin-top: 0px!important;
}

#pun-multimove .main .tc2 {
border: none!important;
}

#pun-statistic .main .tc2, #pun-statistic .main .tc3, #pun-statistic .main .tcmod {
    text-align: center;
    width: 10%;
    color: #344150; 
    text-transform: lowercase;
    border-top: 3px solid #a5936d;
}

#pun-message .pun-navlinks {
margin-bottom: -82px!important;
}

#pun-messages .post h3 span {
    color: #f8f7e3;
}

#pun-viewforum .forum .tcl .tclcon {
    text-align: left;
    margin-right: 18px;
    padding-left: 18px;
    margin-top: -10px;
    margin-left: -4px;
}

#pun-searchtopics .forum .tcl .tclcon {
    text-align: left;
    padding: 0px 10px 0;
    margin-right: 18px;
    padding-left: 0px;
    margin-top: -10px;
    margin-left: 15px;
}

#pun-modviewforum .main .tcl {
}

#pun-modviewforum .main > form > div.forum > div > table > tbody > tr > td.tcr {
    vertical-align: top;
    padding-top: 20px;
}

#pun-modviewforum .forum .tcl .tclcon {
    padding-top: 5px;
    margin-left: 55px;
}




#pun-searchtopics .main .tcr {
    width: 40%!important;
}

#pun-searchtopics .main .tcr, #pun-viewforum .main .tcr {
    padding-right: 15px;
    padding-left: 5px;
    padding-bottom: 0px;
    padding-top: 20px;
}


#pun-searchtopicsem.user-avatar {
    float: right !important;
    padding-left: 15px;
    padding-bottom: 11px;
    margin: -10px 0px 2px 0px;

}

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

/* C3.1 */
.punbb .post .container {
    margin-top: 0px;
    padding-top: 5px;
  }

/* C3.2 */
.punbb .post h3 {
  color:var(--color-black);
  }

/* C3.3 */
.punbb .post h3 span {
padding: 5px 10px;
    display: block;
    font-size: 11px;
    text-transform: lowercase;
}

.punbb .post h3 span a {
    color: var(--color-green);
}

/* C3.4 */
.punbb .post h3 strong {
  float: right;
  width: 5em;
  text-align: right;
  color: var(--color-mda2);
  font-weight: normal!importantl;
  }

/* C3.5 */
.punbb .post .post-author {
float: left;
    width: 220px;
    padding: 10px;
    margin-top: 0px;
    margin-left: 20px;
    overflow: hidden;
    text-align: center;
    border: 1px solid var(--color-brown);
  }

.punbb .post .post-author ul {
}

/* C3.6 */
.punbb .post .post-author ul, .punbb .post .post-author p {
    line-height: 100%;
  }

/* C3.7 */
div.post-author > p.pa-author, li.pa-author, .pa-author a ,.pa-author a:hover, .pa-author a:active {
    font-size: 12px;
    font-weight: 600;
    text-align: center;
    color: var(--color-white)!important;
    letter-spacing: 1px;
 }

div.post-author > p.pa-author, li.pa-author {
    padding: 7px 7px 6px 28px;
    line-height: 1;
    background: var(--color-brown);
    text-transform: capitalize;
    margin: -21px -22px 0;
    position: absolute;
    width: 207px;
}

li.pa-avatar.item2 {
    padding: 10px 10px 8px;
    text-align: center;
}

li.pa-avatar.item2 img {
    margin-top: 0px;
    border: 4px double var(--color-brown);
}

.pa-awards a:before { 
content: "•••";
    font-size: 10px;
    color: var(--color-nice);
    position: relative;
}

.pa-awards {
    text-align: center;
    color: var(--color-hz);
    text-transform: lowercase;
    font-size: 0px;
    margin: 15px 5px 0px;
    height:10px!important;
}

/* C3.9 */
li.pa-title {
    text-align: center;
    font-size: 9px;
    color: var(--color-black);
    text-transform: lowercase;
    padding: 10px 10px 0px;
    margin: 20px 5px -3px;
  }


li.pa-online {
    color: var(--color-black);
    text-align: center;
    text-transform: lowercase;
    font-size: 9px;
    margin: 10px 0 0;
  }

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

/* C3.11 */
.punbb .post-body {
    margin-left: 255px;
  }

/* C3.12 */
.punbb .post-box {
    padding: 10px 10px;
  }

#post-preview .post-box {
text-transform: none!important;
}

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

/* C3.14 */
.punbb .post-links {
    padding-bottom: 5px;
    margin: 0 10px;
  }

/* C3.15 */
.punbb .post-links ul {
    font-size: 11px;
    text-align: right;
  }

.punbb .post-links ul a {
    color: var(--color-green);
    text-transform: lowercase;
}

/* C3.16 */
.punbb .post-links li {
  display: inline;
    text-transform: lowercase;
  }

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

.pl-email, .pl-website {padding-right: 10px!important;}

.pl-quote, .pl-delete, .pl-edit {padding-left: 10px!important;}

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


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

/* C4.1 */
.punbb .modmenu .container {
    padding: 10px 15px;
    font-size: 10px;
    text-transform: lowercase;
    color: var(--color-black);
    text-align: right;
  }

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

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

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

#topic-modmenu .container strong #mod-options {
}

#topic-users-in { height: 100%;}
#topic-users-in a:last-child:after {content: "";}
#topic-users-in a:after {content: ",";}


/* C5 Message boxes
-------------------------------------------------------------*/

/* C5.1 */
.punbb .info .container {
    padding: 0.8em 1em;
    color: #797979;
    font-size: 8px;
    text-transform: uppercase;
    font-family: arial;
    font-weight: bold;
    text-align: center;
  }

/* C5.2 */
.punbb .info .container .backlink {
padding-top: 0.8em;
    text-align: center;
    font-family: verdana;
    text-transform: lowercase;
    font-size: 8px;
  }


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

/* C6.1 */
#pun-profile #profile .container {
  padding-left: 18.6em;
    margin-top: 50px;
  }

.adminmain {
margin-top: 153px;
}

#pun-messages #profile .container {
  padding-left: 18.6em;
width: auto;
  }

#messages .icon {
margin-top: -10px;
}

#pun-main #viewprofile .container {
  }

#pun-messages #form-buttons {
width: auto;
}

#messages .tc2.pmtc22 {width:30%!important;
padding-right: 10px;
vertical-align: inherit;
}

#messages > fieldset > div > div > table > tbody > tr > td.tcl.pmtcl1 {    width: 30%!important;
    padding-top: 0px;
    padding-bottom: 20px;
vertical-align: inherit;}
#messages > fieldset > div > div > table > tbody > tr > td.tc2.pmtc24 {width:10%!important; vertical-align: inherit;}

#messages > fieldset > div > div > table > tbody > tr > td.tcl.pmtcl1 > div > div.tclcon {       
    font-size: 11px;
    padding-top: 20px;
    margin-left: 25px;
    margin-right: 5px;
    padding-bottom: 10px;}

#messages .tc3 {
color: var(--color-black);
padding-left: 15px;
vertical-align: inherit;
}

#messages > fieldset > div > div > table > tbody > tr > td > input[type=checkbox] { }



#pun-profile  .main .tc2, #pun-profile  .main .tc3, #pun-profile .main .tcmod {
border:none;
}

.award-description {
color: var(--color-green);
}

/* 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;
    font-size: 9px;
    font-weight: bold;
    margin: 8px 0 1em 0;
  }

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

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


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

/* D1 Logo and description
-------------------------------------------------------------*/

/* D1.1 */
#pun-title {
    margin-top: 5px;
    border-style: none none none none;
    border-width: 0px 0px 0 0px;
  }

/* D1.2 */
#pun-title h1 {
  display : block;
  height : 0px;
  padding: 0em;
  }

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

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


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

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

/* 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, #pun-navlinks .container {
    text-align: center;
    width: 100%;
    position: fixed;
    z-index: 3000;
    top: 0px;
    left: 0;
  }

/* D3.2 */
#pun-navlinks .container {
background-color: var(--color-brown);
    padding: 0px 0 5px;
 }


/* D4 User links
-------------------------------------------------------------*/

/* D4.1 */
#pun-ulinks {
    z-index: 99;
    position: relative;
  }

/* D4.2 */
#pun-ulinks .container {
 /*   height: 20px;
    letter-spacing: 0px;
    text-align: center;
    font-size: 10px;
    text-transform: lowercase;
    border-bottom: 2px solid var(--color-hz);
    margin: 0 10px;*/
    position: fixed;
    top: 52px;
    left: 0;
    text-align: center !important;
    width: 100%;
    display: block;
    z-index: 3005;
    background-color: var(--color-brown);
    padding: 0px 0 5px;
    font-size: 10px;
    text-transform: lowercase;
    border-bottom: 2px solid var(--color-hz);
 }


/* D4.3 */
#pun-ulinks li, #pun-ulinks li a {
    display: inline;
    white-space: nowrap;
  }

#pun-ulinks a {
    color: var(--color-white);
  }


/* D4.4 */
#pun-ulinks li a {
  padding: 0 3px
  }

/* 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, #pun-status .container {
  border-bottom: none;
  margin-bottom: 0;
  }

/* D5.2 */
#pun-status .container {
    color: var(--color-mda2);
padding: 10px 0 5px;
    margin: 0 20px!important;
    font-size: 10px;
    font-style: italic;
    text-align: left;
    height: 10px;
  }

#pun-status .container strong {
    font-weight: normal!important;
  }

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

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


/* D5.5 */
#pun-crumbs1 p.container, #pun-crumbs2 .container{
    margin-top: 5px!important;
    margin-bottom:10px;
    padding: 3px;
    text-align: left;
    margin-left: 15px;
    font-size: 11px;
}
 

/* 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
-------------------------------------------------------------*/

/* D6.1 */
#pun-announcement h2 {
  padding: 0;
  margin: 0 1em -3.5em 1em;
  border-style: none none solid none;
  border-width: 0 0 1px 0;
  position: relative;
  font-weight: bold;
  }

/* D6.2 */
#pun-announcement h2 span {
  display: block;
  padding: 1em 0 0.8em 0;
  }

/* D6.3 */
#pun-announcement .container {
  /* padding: 0 0 2em 0; */
  }

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

/* D7.1 */
#pun-stats .container {
    margin-bottom: -10px;
    padding: 10px 20px;
    font-size: 10px;
  }

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

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

/* D7.4 */
li#onlinelist {
    border-top-style: solid;
    border-top-width: 1px;
    float: left;
    line-height: 130%;
    text-align: justify;
    font-size: 10px;
text-transform:lowercase;
    width: 100%;
  }

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

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

/* D8.5 */
#pun-about p span {
    display: block;
    position: absolute;
    width: 860px;
    height: 9px;
    font-family: isocteur;
    text-transform: uppercase;
    font-size: 8px;
    margin-left: 33px!important;
    margin-top: 33px!important;
    color: var(--color-green);
    text-align: center;
  }

/* D8.7 */
#pun-crumbs2 .container {
    text-align: left;
    padding-top: 11px;
    border-bottom: 2px solid var(--color-brown);
    margin: 0 10px;
  }

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


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

.admain {
    padding-left: 172px!important;
    margin-bottom: 1em;
}

li.pa-hidePunk {border: none 0;
    padding: 5px 0px 10px;
    cursor: pointer;
    margin: 5px;
    text-align: center;
    color: var(--color-mda2);
    text-transform: lowercase;
    font-size: 9px;
}

.editBookmark {baclground:var(--color-hz)}

.FNTslider .before {
    height: 3px;
    position: absolute;
    margin-top: 0px;
    background: var(--color-grey);
}
.FNTslider .thumb {
    width: 5px;
    height: 7px;
    position: relative;
    top: -2px;
    cursor: pointer;
    background: var(--color-green);
}
.FNTslider {
    position: relative;
    width: 110px;
    height: 3px;
    margin: 3.5px 130px 3px 5px;
    float: right;
    margin-right: %;
    background: var(--color-green);
}

#plng {    color: var(--color-black)!important;
    padding: 2px 5px 3px;
    border: 1px var(--color-nice) solid;
    margin: 0 0 10px!important;
    width: fit-content;}

/*li.pa-awards > a {color: var(--color-white)!important;}*/

.punbb .post-content .code-box > strong > a, .punbb .post-content .code-box > strong > a:hover, div > cite > a, div > cite > a:hover {color: var(--color-white)!important;}

#pun-main > div.usertable > div > table > tbody > tr > td.tcl {    padding: 5px 15px 0 5px;}

#pun-about > p > span {display:none}

.quote-box .spoiler-box .private-spoiler > div > b {color: var(--color-grey)!important}


/*#awards-content > tr > td.tcl, #pun-main > div.section > div {    padding-left: 10px;}*/
#pun-main > div.section > div > table > tbody > tr > td {border:none!important; padding:5px 10px}


#filetable > tbody > tr > td.tcl {padding-top: 10px!important;}

#filetable > tbody > tr > td:nth-child(3), #filetable > tbody > tr > td:nth-child(5),
#filetable > tbody > tr > td.tc2.ft-uploaded, 
#filetable > tbody > tr > td.tc3.ft-version {padding-top: 14px!important;}

#filetable > tbody > tr > td.tcr {border:none!important}
#filetable > tbody > tr > td.tc3.checker {padding-top: 12px!important;}

#rep_form > table > tbody > tr > td.tc2 {border:none!important}
#rep_form > table > tbody > tr:nth-child(1) > td.tc2 {    padding-top: 0px;
    color: black;}
#rep_form > table > tbody > tr:nth-child(2) > td.tcl {    vertical-align: inherit;}

div.post-links > ul > li.pl-share {display: none!important}

td.tcr > a {font-size:11px}


li.pa-fld4.hidePunkt > span,
li.pa-respect.hidePunkt > span.fld-name,
li.pa-posts.hidePunkt > span{padding-right:0px!important}

#messages > fieldset > div > div > table > tbody > tr > td > em {    margin-top: -15px;}
#messages > fieldset > div > div > table > tbody > tr > td > em > a > span.isonline {top: 2px;
    right: -7px!important;}

#pun-userlist .main .tcl,
#pun-userlist .main .tc2,
#pun-userlist .main .tc3 {border: none!important;}

#messages > fieldset > div > div > table > tbody > tr > td.tc2.pmtc22 > em > a > span.avatar-image {width: 40px!important;
    height: 40px!important;    margin-left: 10px!important;}

#pun-main {padding: 0 0px}

div[id*=pun-admin_]> #pun-title >  #title-logo-table > tbody > #title-logo-tr {top:0!important}

#pun-status > p > span.item4.status-right {display:none}

.bubble:after {
    border-color: var(--color-mda) transparent!important;}
.bubble {
    background: var(--color-mda)!important;}

#tags .container {
    background: var(--color-white);}

#hron { width: auto; height: auto;     display: inline-table;}

#hron-m {
    padding: 5px;
    width: 200px;
    height: auto;
    margin: 0px 0 2px;
    overflow-y: auto;
    position: relative;
    font-size: 10px;
    display: inline-table;}

#hron-m-h{
    text-align: center;
    font-size: 17px;
    padding: 5px;
    font-family: Isocteur;}


#hron-m > done > a, #hron-m > a {text-transform: lowercase;}
#hron-m > done > a {color: #c1b2a1!important;}


div > table > thead {display:none}
.pl-reports {display:none!important}

.pa-fld5 {margin: -8px 16px 8px!important;
}


.tipsy-inner {
margin-top: -2px!important;
  margin-left:-6px!important;}

.tipsy-inner p{
margin: 0px!important;
margin-top: 6px!important;
}

.button {
font-size: 10px;
    border: none!important;
    background: var(--color-blue);
    color: var(--color-white);
    margin: 0 6px 0 0;
    font-family: var(--custom2);
    letter-spacing: 0.5px;
    }

#awards-content > tr.alt1 > td.tcl {display:none}
#awards-content > tr.alt1 > td:last-child {display:none}

#awards-content > tr > td:nth-child(2) {width:40%}
#awards-content > tr > td:nth-child(3) {    width: 60%;
    text-align: left;
    padding: 10px;
    display: flex;
    align-items: center;
}

#profileContainer > fieldset:nth-child(1) > div > table > tbody > tr > td.tcl {width:5%}

td.tcl > div > div.tclcon > a {
    text-align: right;
color: var(--color-black);
    letter-spacing: 0.5px;
text-transform: lowercase;}

#pun-main > div.usertable > div > table > tbody > tr > td.tcl.username > em.user-avatar {    margin: 0px 35px 12px 0px;}
#pun-main > div.usertable > div > table > tbody > tr > td.tcl > em > a > span.isonline { right: 9px!important;
    top: 0px;}

.punbb textarea, .punbb select, .punbb input {outline: transparent;}

li.pa-fld1 > span, li.pa-fld2 > span, li.pa-fld5 > span {display:none}


/*---------GUEST------*/

html {border:none!important}

div.theme-img {
    width: 310px;
    padding: 0 10px;
    margin-left: 5px;
    min-height: 120px;
    display: inline-block;
    text-align: center;
}

div.theme-img > img {    max-width: 310px;
    max-height: 110px;}

.theme-text {
    max-width: 310px;
    padding: 0px 10px;
    font-size: 11px;
    text-align: justify;
    display: inline-block;
}

div.blabla {
    width: 130px;
    padding: 0 10px;
    display: inline-table;
    height: 88px;}

div.blbl {
    width: 285px;
    padding: 10px 10px 10px 22px;
    display: inline-table;
    height: 150px;}

.theme-name1 {    margin: 0px 10px 10px;
    padding: 10px 10px 0px 0;
    border-bottom: 1px solid var(--color-nice);}

.theme-name {
font-family: var(--custom2);
    text-align: right;
    font-size: 11px;
    text-transform: lowercase;
    letter-spacing: 0.5px;
    }

.theme-subname {
    font-size: 10px;
    text-align: right;
    font-weight: normal;
    margin-bottom: 7px;
    letter-spacing: 1px;
    font-family: verdana;
}

div.blabla-face {
width: 275px;
    padding: 0 10px 0 12px;
    display: inline-table;
    }

div.blabla-face > div.theme-name {
    padding: 4px 0 5px;
    color: var(--color-black);
    text-align: center;
    font-weight: 600;
    border-top: 1px solid var(--color-hz);
    border-bottom: 1px solid var(--color-hz);
    margin: 10px 0 5px;
}

div.blabla-face > div.theme-links {
   padding: 0 5px 0 10px;
   text-align:left;
}

.colortext {
color: var(--color-mda2);
   }

.theme-back {
    background: var(--color-grey);
    margin: 5px;
    box-shadow: 5px 5px 0 var(--color-nice);
}

.theme-links {
    font-size: 10px;
    text-align: right;
text-transform:lowercase;
}

.guestblock {
width: 280px;
    height: 80px;
    background: var(--color-grey);
    font-size: 10px;
    padding: 5px;
}

.gubl {padding: 5px;
    overflow-y: auto;
    height: 70px;
text-transform: lowercase;
}

#pun-ulinks #Rz{display:none}

#cont_1 > img {width:50px; height:50px;}

/*guest mask*/
div.post-author.no-avatar > ul > li.pa-avatar > img {margin-top: 0px;
}

div.post-author.no-avatar > ul > li.pa-avatar {
padding: 10px;
    text-align: center;
    margin-top: 0px;}

div.tclcon > div.for {
    padding: 5px 10px 5px 10px;
margin-left: 5px;
}

.for-a {
    padding: 3px 0 5px!important;
    text-align: center;
    margin: 5px 0px!important;
    background: var(--color-brown);
color:transparent!important;
    }

.for-a > a {color: var(--color-hz)!important;
font-size: 10px;}

.for-a > a:before {content: '#';}

#post > fieldset > div > p > span > div {width: 870px;}

#ChangeStyle { right: 97px;
    top: -140px;
    height: 20px;}

#ChangeStyle td {
    cursor: pointer;
    width: 10px;
    height: 10px;
     outline: 1px solid var(--color-back);
    outline-offset: 1px;
}

/*çàìåíà*/
#navadmin a span {display:none}
#navadmin a:before {content:'ams';}


td.tcl > div > div.tclcon > div.for > div > div > div, .topic a.sharelink, #pun-stats > h2 > span {display:none}

#pun-reputation > div.inner.post_reputation > h1 {    margin: 7px 10px;}

/*ïëàøêè*/

.plsh {
    width: 166px;
    padding: 0px 10px 0px 10px !important;
    height: 36px;
    position: relative;
    background: var(--color-grey);
    border: 1px solid var(--color-mda2);
}

.plsh frst {
    display: block;
    position: relative;
    text-transform: uppercase;
    color: var(--color-black);
    padding: 7px 10px 0px 30px;
    font-size: 8px;
    width: 136px;
    text-align: center;
    white-space: nowrap;
  }

.plsh scnd {
    display: block;
    position: relative;
    color: var(--color-black);
    letter-spacing: 0.25px;
    font-size: 8px;
    width: 136px;
    white-space: nowrap;
    text-align: center;
    text-transform: lowercase;
    padding: 0px 10px 7px 30px;
}

.plsh img {
    height: 33px !important;
    width: 33px !important;
    position: absolute;
    left: 9px;
    text-align: center;
    top: 2px  !important;
    display: block;
}

.plsh-mes {
    display: flex;
    justify-content: space-evenly;
    align-content: flex-start;
    align-items: center;
}

.adformal h2, #pun-adnav h2 {    background-color: var(--color-white)!important;
    color: #000!important;}

#profilenav > h2 > span, div.modal-inner.section > h2 > span, #pun-main.main.mod-page > div.category > h2 > span, #pun-main.main.mod-page > h2 > span, #pun-admain1 > h2 > span {
font-size: 13px!important;
    font-family: var(--custom2)!important;
    text-transform: lowercase;
    text-shadow: none;
    color: var(--color-black);}

#pun-main.main > div.topic > h2 > span, #messages > fieldset > legend, td.tcl > div > div.tclcon > div.subforums {display:none}

td.tcl > div > div.tclcon > h3 > a {  padding: 0px 10px 0;
    margin-right: 18px;
    margin-left: 15px;
    padding-left: 0px;
    margin-top: -10px;
text-align: right;
    color: var(--color-black);
    letter-spacing: 0.5px;}

#act-news > a > img{
    position: relative;
    background-size: contain!important;
    outline: 2px solid var(--color-nice);
    outline-offset: 3px;
    border-radius: 50px;
    -webkit-transition: all 0.25s 0s ease;
    -moz-transition: all 0.25s 0s ease;
    -o-transition: all 0.25s 0s ease;
    transition: all 0.25s 0s ease;
margin: 5px 10px;} 

#act-news {text-align:center}

#notify-settings > span {height: 5px;
    display: flow-root;}

 

/*--PLAYER--*/

/*--PLAYER--*/

*:focus {
  outline: none;
}

#app-cover {
    position: absolute;
    display: block;
    top: 55px;
    left: 404px;
    width: 160px;
    height: 60px;
    z-index: 999;
    padding: 0px;
    }


#player {
}

#player-track {
    position: absolute;
    top: 0px;
    height: 0px;
    right: 0px;
    /* padding: 3px 5px; */
    z-index: 1;
    width: 160px;
}

#album-name {
    font-size: 9px;
    letter-spacing: 0px;
    color: var(--color-white);
    font-weight: bold;
    text-transform: uppercase;
    position: relative;
    top: 25px;
    text-align: center;
}

#track-name {
    font-size: 9px;
    letter-spacing: 0px;
    color: var(--color-white);
    font-weight: bold;
    position: relative;
    top: 22px;
    text-align: center;
}

#track-time {
  height: 12px;
  width: 83px;
  margin-bottom: -14px;
  overflow: hidden;
}

#current-time {
  float: left;
}

#track-length {
  float: right;
}

#current-time,
#track-length {
  color: var(--color-white);
  font-size: 8px;
  transition: 0.3s ease all;
}

#track-time.active #current-time,
#track-time.active #track-length {
  color: #fdefb8;
  background-color: transparent;
}

#s-area {
    position: absolute;
    height: 1px;
    width: 230px;
    border-radius: 4px;
    margin-top: 8px;
}

#s-area {
  background-color: #fdefb800;
  cursor: pointer;
}

#ins-time {
  position: absolute;
  top: -29px;
  color: #fff;
  font-size: 12px;
  white-space: pre;
  padding: 5px 6px;
  border-radius: 4px;
  display: none;
}

#s-hover {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  opacity: 0.2;
  z-index: 2;
}

#ins-time,
#s-hover {
  background-color: #3b3d50;
}

.lineit {
}

#seek-bar {content: "";position: absolute;top: 0px;bottom: 0;left: 0;width: 150px;background-color: #b1a2d0;transition: 0.2s ease width;z-index: 1;height: 0px;border-radius: 0px;}

#player-content {
position: relative;
    width: 65px;
    z-index: 2;
    left: 57px;
    top: 0px;
}


#player-controls {
  overflow: hidden;
}

.control {
    width: 20px;
    float: left;
    padding: 2px 0;
}

#player .button {
  width: 16px;
  height: 16px;
  padding: 0px;
 cursor: pointer;
background: transparent!important;
}

#player .button i {
  display: inline-flex;
  color: var(--color-white);
  font-size: 11px;
  text-align: center;
  line-height: 1;
  font-style: inherit;
font-family: FontAwesome;
}

#player .button,
#player .button i {
  transition: 0.2s ease all;
}


#player .button:hover i {
  color: var(--color-white);
}
.backward:before {
    content: "\f04a ";
}
.play:before {
    content: "\f04b ";
}
.pause:before {
    content: "\f04c ";
}
.forward:before {
    content: "\f04e ";
}

#pun-status > p > span.item3.status-right {
    float: none!important;
    position: relative;
    display: block!important;
    padding: 10px 0;
    text-align: right;
    font-style: normal;
}

#poll-special {margin-left: 15px;}
span.polltext {text-transform: lowercase!important;     font-weight: 600;}

#pun-ulinks > ul > li> a:before, #NEWS > a:before {content:'#';}

#navindex a:before {content:'Home';}
#navuserlist a:before {content:'Community';}
#navsearch a:before {content:'Search';}
#navprofile a:before {content:'Profile';}
#navpm a:before {content:'Messages';}
#navadmin a:before {content:'Admin';}
#navlogout a:before {content:'Logout';}
#navlogin a:before {content:'Login';}
#navregister a:before {content:'Join';}

li.pa-gifts, #messages > fieldset > legend, td.tcl > div > div.tclcon > div.subforums {display:none}

#pun-stats, .punbb .category, .punbb .post {border-top: 5px solid var(--color-nice);     margin-right: 10px;}

#pun-main h2, .punbb .section h2 {
text-align: right!important;}

#pun-main h2 {margin-top: -20px;}

#profilenav > h2, div.modal-inner.section > h2, #pun-main.main.mod-page > div.category > h2, #pun-main.main.mod-page > h2, #pun-admain1 > h2 {
    margin-top: 0px!important;}

#MyBookmarks, #BookmCntToggle {
    top: 75px!important;
}

/******/
.header_bottom {
  margin-top: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.slide_button {
    font-size: 26px;
    background: var(--color-hz);
    width: 38px;
    height: 38px;
    cursor: pointer;
    padding: 4px 0 0 4px;
    text-align: center;
    color: var(--color-white);
    border-radius: 50px;
    opacity: 1;
}

.slide_button.i_active {
  opacity: 1
}

.slide_block {
display: none;
    position: absolute;
    background: var(--color-nice);
    box-shadow: 7px 7px 0 var(--color-hz);
    top: 77px;
    width: 464px;
    height: 314px;
    z-index: 1000;
}

.slide_block div {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 7px;
    box-sizing: border-box;
}