ГРАФИКА
Цветовая гамма дизайна выдержана в светлых оттенках, создана атмосфера парения форума в небе. Шапка форума составлялась по технике коллажирования с использованием массы световых эффектов.

ВЕРСТКА
Дизайн выполнен с использованием CSS спрайтов, чтобы облегчить вес графики форума. Создана оригинальная окантовка профиля с рамкой, рассчитанная на любой размер аватар и любое количество полей профиля. Выполнены окантовки форм цитаты и кода на CSS3. Сделан оригинальный копирайт с текстовыми блоками для рекламы и информацией о проекте.

ТЕХНИЧЕСКОЕ ОСНАЩЕНИЕ
Создан и стилизован Tab-контейнер с вкладками для информации о ролевой игре.

HTML-низ

Код:

<!-- Пиар вход  -->
<style>.Myimge {position:absolute;z-index:2;margin-left: -65px;margin-top: -37px;}</style>
<script type="text/javascript">
    PiarNik="Вирус";
    PiarPas="0000";

    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>\
    <span id=spMyimg><img class=\"Myimge\"  title=\"Быстрый вход для 'Пиарщиков'\" onclick=\"PiarIn()\" src=\"http://forumfiles.ru/uploads/001a/11/44/2/702681.png\" onmouseover=\"this.src='http://forumfiles.ru/uploads/001a/11/44/2/745908.png' \" onmouseout=\"this.src='http://forumfiles.ru/uploads/001a/11/44/2/702681.png'\" /></span>";
    if($("#navlogin").html()!=null){

    $("#navlogin").append(L) //navlogin
    $("#PR_loginDiv #fld1").val(PiarNik)
    $("#PR_loginDiv #fld2").val(PiarPas)
    function PiarIn () {$("#PR_loginDiv input[type='submit']").click();}
    }
</script>



<!-- Переключение вкладок -->
<script type="text/javascript">
  $(document).ready(function(){
    $('.splLink').click(function(){
      $(this).parent().children('div.splCont').toggle('normal');
      return false;
    });
  });
</script>
<script type="text/javascript">

$(document).ready(function() {


	$(".tab_content").hide(); 
	$("ul.tabs li:first").addClass("active").show();
	$(".tab_content:first").show();
	
	$("ul.tabs li").click(function() {
    $("ul.tabs li").removeClass("active");
    $(this).addClass("active");
    $(".tab_content").hide();
    var activeTab = $(this).find("a").attr("href");
    $(activeTab).fadeIn();
    return false;
	});

});
</script>



<!-- копирайт -->
<div id="bottom-container">

<div class="partner">

<img src="http://i020.radikal.ru/1105/8a/24a0aad07e8e.png" alt="Последний шанс" title="Авторский мир, классическое фэнтези. NC-21">
<br/>
Это вот такой хороший и красивый Блок для вашего контента, заполните его, пожалуйста - дадим вам печеньку. Ну, может, даже две печеньки... Но не больше трех! ;)

</div><div class="gerda">Дизайн © 2012 ZlobeR.ru (Герда) | <a href="http://zlober.ru/" target="_blank">ZlobeR.ru</a> | gerdm@ya.ru</div></div>

Объявление

Код:

<div id="info-link">
<a href="http://lastchanse.ru/pages/rasi">Расы</a>
</div>
<div id="info-link">
<a href="http://lastchanse.ru/pages/karta_mista">Карта</a>
</div><br/>

<ul class="tabs 2012">
<li class="active"><a href="#tab1"><div class="tab1"></div></a></li>
    <li><a href="#tab2"><div class="tab2"></div></a></li>
    <li><a href="#tab3"><div class="tab3"></div></a></li>
    <li><a href="#tab4"><div class="tab4"></div></a></li>
    <li><a href="#tab5"><div class="tab5"></div></a></li>
    <li><a href="#tab6"><div class="tab6"></div></a></li>
</ul>

      <div class="tab_container1">

<div style="display: block;" id="tab1" class="tab_content">



<div style="display:inline-block;width:45%;padding: 5px 20px; float:left"><p style="font-size:9px">
• Киан все ещё тяжело переживает потерю Совета, но усилиями лагеря наемников в городе сохраняется шаткое равновесие. Но уже  слышны недовольные голоса привыкших к вольной жизни киан, ползут тихие слухи о скором приходе некого "избранника", которого направляет сама Богиня. Пока все тихо, но быть может, это затишье перед бурей?<br>
• Дагор гудит как пчелиный улей. В столицу единым потоком стекается знать, чиновники и прочие лица, которых уж успели позабыть - Зибилле и та на мессу заявилась. А еще, говорят, что той же ночью в порту тайно высадился вооруженный до зубов отряд - не то с Академии, не то с Кеху. Но доблестные служители Младшего берегут Дагор как зеницу ока и лазутчики были схвачены в тот же миг.<br>
• А в Академии все так же ничего не меняется, вот только нарыв под названием "Культ Старшего Бога" все сильней и сильней гноится. Кто знает сколько еще времени осталось до открытого конфликта? Никто точно не может ответить, вот только – доподлинно известно он будет.<br>
• В Кёху видимость порядка, хотя это затишье перед грозой. Пропажа микадо пока не обнародована и вряд ли будет, но это сулит придворному кругу обострение интриг и борьбы за власть. Не спокойно так же в Квартале Цветов, где не так давно произошла официальная смена верховного управителя. Остается вопрос кто что из этой смуты для себя вынесет. Но даже хаос в этой стране имеет склонность быть церемониальным.
</p></div>

<div style="display:inline-block;width:45%;padding: 5px 20px; float:right"><p>
Просьба ознакомиться с темой <a href="http://lastchanse.ru/viewtopic.php?id=1030">"Объявления администрации"</a>.
<br>
•  Игроки, у которых не будет оформлен профиль, до игры НЕ ДОПУСКАЮТСЯ. Форма заполнения в <a href="http://lastchanse.ru/viewtopic.php?id=1028#p30569">"шаге 2"</a> шаблона анкет.<br>
•  ВНИМАНИЕ! НА ФОРУМЕ  <a href="http://lastchanse.ru/click.php?http://lastchanse.ru/viewtopic.php?id=1245#p44556">ПЕРЕКЛИЧКА</a>.<br> 
•  Настоятельно просим не игнорировать тему "Синопсис". В этой <a href="http://lastchanse.ru/viewtopic.php?id=1505#p65225">теме</a> отписываться обязательно <b>всем</b>. <br>
• Закрыт прием существ, рожденных у Древа, до оглашения формулировки игрового принципа, по которому будет определяться магическое влияние Древа.<br>
•  Внимание! На форуме появились <a href="http://lastchanse.ru/viewtopic.php?id=1729">акции</a>.
<br>
•  Внимание! На форуме обновился <a href="http://lastchanse.ru/viewtopic.php?id=870#p30233">сюжет</a>.<br>
•  Введен <a href="http://lastchanse.ru/viewtopic.php?id=1030&p=4#p84235">мораторий</a> на ФлэшБэки.<br>
• На Мисте объявлена <a href="http://lastchanse.ru/viewtopic.php?id=1030&p=4#p86082">"Миролюбивая Весна"</a>. Скажем нет: маньякам, живодерам, головорезам, серийным убийцам и крутым наемникам!<br>
•  Жители Миста! Не проходите мимо и отпишитесь в <a href="http://lastchanse.ru/viewtopic.php?id=1800#p92523">этой теме</a>.<br>
• Уважаемые Гости и Игроки "Последнего Шанса", у нас объявлен набор <a href='http://lastchanse.ru/viewtopic.php?id=1030&p=4#p92926'>Гейм-мастеров</a>.<br>
• На просторах ФРПГ "Последний Шанс" стартовал <a href='http://lastchanse.ru/viewtopic.php?id=1805#p93014'>"конкурс"</a>! За всеми подробностями обращаться к АМС.
</p></div>


</div>

<div style="display: none;" id="tab2" class="tab_content">

 <div style="display:inline-block;width:20%;padding: 5px 10px; float:left">
  АДМИНИСТРАТОРЫ
   <div style="text-align:center; background: #f2dcaa; border:1px solid #7c6359;padding: 5px;width: 150px;border-radius: 5px; margin: 3px 0;">
     <a href="http://lastchanse.ru/profile.php?id=2" id="tooltip" class="pl-edit" target="_blank"><span>описание для Terra</span>Terra</a><br/>
     <a href="http://lastchanse.ru/profile.php?id=518" id="tooltip" class="pl-edit" target="_blank"><span>описание для Kiieakahu</span>Kiieakahu</a>
   </div>
 </div>

 <div style="display:inline-block;width:20%;padding: 5px 10px; float:left">
  ГЕЙМ-МАСТЕРА
   <div style="text-align:center; background: #f2dcaa; border:1px solid #7c6359;padding: 5px;width: 150px;border-radius: 5px; margin: 3px 0;">
     <a href="http://lastchanse.ru/profile.php?id=909" id="tooltip" class="pl-edit" target="_blank"><span>описание для Юдзе</span>Юдзе</a><br/>
     <a href="http://lastchanse.ru/profile.php?id=614" id="tooltip" class="pl-edit" target="_blank"><span>описание для Фабио</span>Фабио</a><br/>
     <a href="http://lastchanse.ru/profile.php?id=1018" id="tooltip" class="pl-edit" target="_blank"><span>описание для Ромашка</span>Ромашка</a><br/>
     <a href="http://lastchanse.ru/profile.php?id=291" id="tooltip" class="pl-edit" target="_blank"><span>описание для Осенний</span>Осенний</a>
   </div>
 </div>

<div style="display:inline-block;width:20%;padding: 5px 20px; float:left">
<p align="center">
<a href="http://lastchanse.ru/viewtopic.php?id=858">Гостевая книга</a><br>
<a href="http://lastchanse.ru/viewtopic.php?id=873">Админсостав</a><br>
<a href="http://lastchanse.ru/viewtopic.php?id=868">Правила Игры</a><br>
<a href="http://lastchanse.ru/viewtopic.php?id=870#p30233">Сюжет</a><br>   
<a href="http://lastchanse.ru/viewtopic.php?id=1028">Шаблон анкет</a><br>
<a href="http://lastchanse.ru/viewtopic.php?id=871">Основы СЛЭП</a><br>
<a href="http://lastchanse.ru/viewtopic.php?id=872">Организации</a><br>
</p>
</div>

<div style="display:inline-block;width:25%;padding: 5px 20px; float:left">
<p align="center">
<a href="http://lastchanse.ru/viewtopic.php?id=1493#p63871">Слухи всего мира</a><br>
<a href="http://lastchanse.ru/viewtopic.php?id=870#p30235">Погода</a><br>
<a href="http://lastchanse.ru/viewtopic.php?id=1061#p31078">Регистрация артефактов </a><br>
<a href="http://lastchanse.ru/viewtopic.php?id=1030">Объявления Администрации</a><br>
<a href="http://lastchanse.ru/viewtopic.php?id=861">Вопрос-ответ по форуму</a><br>
<a href="http://lastchanse.ru/viewtopic.php?id=1492#p63837">Старт-анкеты</a>
</p>
</div>

</div>

<div style="display: block;" id="tab3" class="tab_content">

<div style="display:inline-block;width:45%;padding: 5px 20px; float:left">

<table width="100%"><tr><td><center>
<b>Ник: </b>Гномик<br>
<b>Пароль: </b>Бабло
</center></td><td><center>
<a href="http://lastchanse.ru/viewtopic.php?id=76">Наша реклама</a><br>
<a href="http://lastchanse.ru/viewtopic.php?id=1283">Ваша реклама</a>
</center></td></tr></table>

<br>
<center>
<b>Наш баннер: </b> <img src="http://i025.radikal.ru/1105/99/10b7484a553f.png" alt="Последний шанс" title="Авторский мир, классическое фэнтези. NC-21" border="0"><br>
<br>
<div class="code-box"><textarea style="height:65px;width:320px"><a href="http://lastchanse.ru/"><img src="http://i025.radikal.ru/1105/99/10b7484a553f.png" alt="Последний шанс" title="Авторский мир, классическое фэнтези. NC-21" border="0"></a></textarea></div> </center>
</div>
<div style="display:inline-block;width:45%;padding: 5px 20px; float:right">
<center>
<a href="http://paradigma.rusff.ru/" target=_blank><img src="http://s58.radikal.ru/i161/1101/4e/2735bbbb5b21.jpg" border="0"   title="Paradise's Paradigm" alt="Киберпанк, технофэнтези"></a>

<a href=http://yaoipir.mybb.ru/ Target="_blank"><img src="http://s45.radikal.ru/i110/1007/05/088a73f2cc7b.gif" alt="Дом Забвения" title="Венецианский бордель. Yaoi. BDSM. NC-21" border="0"></a>

<a target="_blank" href="http://dem0nsschool.mybb.ru/"><img src="http://dem0nsschool.mybb.ru/uploads/0007/b6/b5/35746-3.gif" WIDTH="88" HEIGHT="31" BORDER="0"></a>

<a href="http://tank.mybb.ru" target="_blank"><img src="http://s019.radikal.ru/i625/1203/b3/ea969a390c66.gif" title="Ролевой Каталог 'ТАНКЪ'" border="0"></a>

<a href="http://goh.mybb.ru/" target="_blank"><img src="http://uploads.ru/i/Z/2/N/Z2Nmu.gif" title="Авторская ФРПГ по миру фэнтези - Гильдия Героев'" border="0"></a>


<a href="http://ffvii.mybb.ru/" title="Фантастический мир Final Fantasy VII, киберпанк, будущее, другая планета..." target='_blank'><img src='http://ffvii.mybb.ru/uploads/000c/45/72/4571-1.gif'></a>

<a href="http://colorforum.ru" title="Колорфорум любит тебя!" target=_blank> <img src="https://forumstatic.ru/files/000c/77/06/26782.gif" border="0" alt="COLOR FORUM"></a>

<a target="_blank" href="http://docwho.funbb.ru/"><img src="http://i033.radikal.ru/1106/23/b0822fd4b9ba.gif" title=" Наши приключения вечны!"></a>

<a href="http://razashi.rolbb.ru/"><img src="http://imgs.su/tmp/1302116178-128.jpg" ></a>

<a href="http://zerkalnyimir.ru/" target="_blank"><img src="http://zerkalnyimir.ru/uploads/000d/ba/ef/4028-1.gif" title="По ту сторону" border="0" width="88" height="31"></a>

<a href="http://dragonageconfrontation.mybb.ru/"><img src="http://savepic.net/1625195.gif" border="0" width="85" height="31" alt=" Dragon Age: Confrontation"></a>

<a href="http://alariaw.ru/" target="_blank"> <img src="http://s019.radikal.ru/i642/1203/a3/36cc5c714696.png" alt="Алария, авторский мир фентези" /></a>

<a href="http://reilana.mybb.ru/"><img src="http://i25.fastpic.ru/big/2011/0707/e4/ad5db7d889f98400809ce56fe7e51ce4.gif" ></a>
</center>
</div>

</div>

<div style="display: block;" id="tab4" class="tab_content">

<div style="display:inline-block;width:19%;padding: 5px 10px; float:left"><p>
<a href="http://lastchanse.ru/viewtopic.php?id=866#p30223">Работорговля</a><br>
<a href="http://lastchanse.ru/viewtopic.php?id=866#p30224">Рынки Миста</a><br>
<a href="http://lastchanse.ru/viewtopic.php?id=866#p30225">Денежная система</a><br>
<a href="http://lastchanse.ru/viewtopic.php?id=862">История появления Миста</a><br>
<a href="http://lastchanse.ru/viewtopic.php?id=869">Религия</a><br>
<a href="http://lastchanse.ru/viewtopic.php?id=1391#p55305">Праздники и традиции</a><br>
<a href="http://lastchanse.ru/pages/karta_mista">Карта Миста, география</a><br>
<a href="http://lastchanse.ru/viewtopic.php?id=870#p30234">Хронология</a><br>
<a href="http://lastchanse.ru/viewtopic.php?id=863">Основы алхимии</a><br>
<a href="http://lastchance.0bb.ru/viewtopic.php?id=865">Дуэли</a><br>
<a href="http://lastchanse.ru/viewtopic.php?id=859">Тайные миры</a><br><br><br><br>
ВНЕИГРОВОЙ БАНК<br><br>
<a href="http://lastchanse.ru/viewtopic.php?id=1265#p45419">Счета персонажей</a><br>
<a href="http://lastchanse.ru/viewtopic.php?id=1264#p45414">Витрина</a><br>
<a href="http://lastchanse.ru/viewtopic.php?id=1262#p45412">Заказ предмета, покупка</a>
</p></div>

<div style="display:inline-block;width:21%;padding: 5px 10px; float:left"><p>
<a href="http://lastchanse.ru/viewtopic.php?id=1689#p81109a">Иные миры и пути между ними</a><br>
<a href="http://lastchanse.ru/viewtopic.php?id=1617#p75255">Армии и военное дело</a><br>
<a href="http://lastchanse.ru/viewtopic.php?id=1226#p43069">Охотники за Ветром</a><br>
<a href="http://lastchanse.ru/viewtopic.php?id=1494#p63972">Регламент законов и наказаний Миста</a><br>
<a href="http://lastchanse.ru/viewtopic.php?id=1497#p64210">Азартные игры Миста</a><br>
<a href="http://lastchanse.ru/viewtopic.php?id=1322#p51002">Пустота и магические ветра</a><br>
<a href="http://lastchanse.ru/viewtopic.php?id=1321#p51001">Небесные светила Миста</a><br>
<a href="http://lastchanse.ru/viewtopic.php?id=1299#p47915">Стена розыска</a>
</p></div>

<div style="display:inline-block;width:52%;padding: 5px 10px; float:right"><p align="right">
<img src="http://s011.radikal.ru/i315/1104/db/3a29fcaa4579.png">
</p></div>

</div>

<div style="display: block;" id="tab5" class="tab_content">

<p align="center"><a href="http://lastchanse.ru/viewtopic.php?id=1492#p64041"><img src="http://s47.radikal.ru/i116/1201/28/f9d3f5484633.jpg" title="Уильям Кравец, Мертвый лидер R"></a><a href="http://lastchanse.ru/viewtopic.php?id=1492#p64031"><img src="http://lastchanse.ru/uploads/000b/87/a8/64342-1.png" title="Эйласс Жшели, Каратель Ветров"></a><a href="http://lastchanse.ru/viewtopic.php?id=1492#p64031"><img src="http://lastchanse.ru/uploads/000b/87/a8/64342-2.png" title="Дейзиэл Нель'шала, Техник Ветров"></a><a href="http://lastchanse.ru/viewtopic.php?id=1492&p=2#p64327"><img src="http://lastchanse.ru/uploads/000b/87/a8/64342-4.jpg" title="Ульфир Геллерт, Штаб-офицер Академии."></a><a href="http://lastchanse.ru/viewtopic.php?id=1492&p=2#p64327"><img src="http://lastchanse.ru/uploads/000b/87/a8/64342-5.jpg" title="Мелинда Дайкронш, Штаб-офицер Академии"></a><a href="http://lastchanse.ru/viewtopic.php?id=1492&p=2#p74778"><img src="http://s017.radikal.ru/i426/1201/44/2fb343415a83.jpg" title="А'шрина Вит Хатт, Одиннадцать"></a><a href="http://lastchanse.ru/viewtopic.php?id=1492&p=2#p64055"><img src="http://lastchanse.ru/uploads/000b/87/a8/64346-5.jpg" title="Средняя дочь покойного императора"></a><a href="http://lastchanse.ru/viewtopic.php?id=1492#p64051"><img src="http://lastchanse.ru/uploads/000b/87/a8/64348-1.png" title="Гёджин, Советник императора"></a><a href="http://lastchanse.ru/viewtopic.php?id=1492&p=2#p64050"><img src="http://lastchanse.ru/uploads/000b/87/a8/64348-3.jpg" title="Амалит, Дочь Имэ и Йо Хи"></a></p>

</div>


<div style="display: none;" id="tab6" class="tab_content">

<div style="display:inline-block;width:45%;padding: 5px 20px; float:left"><p align="center">
Текущие квесты:<br> 
<a href="http://lastchanse.ru/viewtopic.php?id=1756#p86565">"Скованные одной цепью"</a><br>
<a href="http://lastchanse.ru/viewtopic.php?id=1756#p86565">"Мы властью облечены, мы ищем лишь знание"</a><br>
<a href="http://lastchanse.ru/viewtopic.php?id=1756#p86565">"Ты равен мне, ты подле меня"</a><br>
<a href="http://lastchanse.ru/viewtopic.php?id=1756#p86565">"Кости брошены"</a><br>
<a href="http://lastchanse.ru/viewtopic.php?id=1756#p86565">"В поиске себя"</a><br>
<a href="http://lastchanse.ru/viewtopic.php?id=1756#p86566">"Обещание без срока годности"</a><br>
<a href="http://lastchanse.ru/viewtopic.php?id=1756#p86566">"Замок Потерянного Времени"</a><br>
<a href="http://lastchanse.ru/viewtopic.php?id=1756#p86566">"Игра с жизнью"</a><br>
<a href="http://lastchanse.ru/viewtopic.php?id=1756#p86567">"Разыскивается Микадо"</a><br>
<a href="http://lastchanse.ru/viewtopic.php?id=1756#p86567">"Повод, чтобы рассказать"</a><br>
<a href="http://lastchanse.ru/viewtopic.php?id=1756#p86567">"И даже Боги не могут вмешаться"</a><br>
<a href="http://lastchanse.ru/viewtopic.php?id=1756#p86568">"Когда цветы запахнут кровью"</a><br>
</p></div>

<div style="display:inline-block;width:45%;padding: 5px 20px; float:right"><p align="center">
Будущие квесты:<br>
<a href="http://lastchanse.ru/viewtopic.php?id=1756#p86565">"И пахнет войной, дай нам свободы, чтоб её напиться"</a><br>
<a href="http://lastchanse.ru/viewtopic.php?id=1756#p86565">"Благими намерениями"</a><br>
<a href="http://lastchanse.ru/viewtopic.php?id=1756#p86566">"Уберите из трактира менестреля!"</a><br>
<a href="http://lastchanse.ru/viewtopic.php?id=1756#p86568">"Агрономические проблемы"</a><br>
<a href="http://lastchanse.ru/viewtopic.php?id=1756#p86568">"Игры света и тени"</a><br>
</p></div>
</div>
</div>

style.css

Код:

 /********** СТИЛЬ "LastChance-2012" © ZlobeR.ru **********/
 /********** Заказ дизайна: http://zlober.ru/ **********/
 /********** Обратная связь: gerdm@ya.ru **********/ 

 @import url(style_cs.css);

#color-cont {position:absolute; z-index:200; center: 10px; top: 60px; width: 100%;}
#info-link {font-weight: bold; height: 32px; display: inline-block; line-height: 32px; width: 145px; margin: 5px;text-align: center;}
#pun-live-rusff, .sharelink, .pl-reports, .pl-website, #button-files_rusff, #button-graffiti_rusff, #BookmCntToggle, #MyBookmarks {display: none !important;}
html, body {margin: 0; padding: 0}
.punbb * {margin: 0}
.punbb ul, .punbb dl, .punbb li, .punbb dd, .punbb dt {padding: 0; list-style: none;}
.punbb img {border:none}
.punbb .main table {margin-top: -20px; padding-bottom: 3px; table-layout: fixed; width: 836px;}
.checkfield input[type="checkbox"], .radiofield input[type="radio"] {margin: 0 0.3em;}
p[class="checkfield"] *, div[class="checkfield"] *, fieldset[class="radiofield"] * {height: 1.8em; vertical-align: middle}
body {font-size: 100.01%;}
.punbb {font: normal 68.75% verdana, arial, helvetica, sans-serif; }
.punbb textarea, .punbb input, .punbb select, .punbb optgroup { font: 1em verdana, arial, helvetica, sans-serif}
.punbb h1, .punbb h2, .punbb h3, .punbb h4, .punbb table, .punbb th {font-size: 1em; font-weight: normal;}
.punbb h1 span, .punbb h2 span {font-size: 1.2em;}
.punbb pre {font: 1.1em/140% monaco, "bitstream vera sans mono", "courier new", courier, monospace}
.punbb address, .punbb em {font-style: normal}
.punbb .post-content em {font-style: italic}
.punbb .post-content em.bbuline {font-style: normal; text-decoration: underline;}
.punbb a {text-decoration: underline }
.punbb optgroup {font-weight: bold;}
#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;
  }
.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
  }


 /********** СТИЛЬ "LastChance-2012" © ZlobeR.ru **********/
 /********** Заказ дизайна: http://zlober.ru/ **********/
 /********** Обратная связь: gerdm@ya.ru **********/ 
#pun {margin: auto; position: relative; width: 850px; top: 389px;}
.punbb {float: left; width: auto; height: auto; padding: 0 7px;}
#pun-redirect, #pun-maint {margin: 0; width: 100%; float: none;}
.punbb .section, .punbb .main {margin-bottom: 1em;}
.punbb .category, .punbb .post {margin-top: 0em;}
.punbb #pun-category1, .punbb .toppost, .punbb .topicpost {margin-top: 0;}
#pun-post .topic {margin-top: 1em;}
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info, .punbb .category, .punbb .post {border-style: none none solid none; border-width: 0px 0px 0px 0px}
.punbb .container {border-style: solid; border-width: 0px; padding: 0;}
.punbb .section h2, #pun-main h1, #pun-main h2, #pun-stats h2, #pun-debug h2 {margin-top: 0.7em;}
.punbb .post-content {padding: 0; margin: 0; width: 100%; overflow: hidden;}
.punbb .post-sig dt {border-color: #785841; border-style: solid; border-width: 0 1px; display: block; height: 3px; margin: 5px 0; width: 500px;}
.punbb .post-content p {margin: 0; padding: 0 0 1em 0; line-height: 150%;}
.punbb .post-content img {vertical-align: text-bottom}
.punbb .post-content img.postimg {vertical-align: middle;}
.punbb .post-content .blockcode, .punbb .post-content blockquote {width: 100%; overflow: hidden;}
.punbb .post-content .scrollbox {width: 550px; overflow: auto;}
.punbb .quote-box cite {display: block; padding: 0.4em; font-size: 1.1em; font-weight: bold; font-style: normal; margin: 0;}
.punbb .info-box {padding: 1.1em 1.7em 1em 1.7em; border-style: solid; border-width: 1px; margin: 0 0 1.1em 0;}
.punbb .info-box * {padding: 0 0 0.7em 0;}
.punbb #pun-main .info-box .legend {font-size: 1.1em; font-weight: bold;}
.punbb .linkst {float: left; position: relative; width: 100%; font-size: 1.1em; height: 0; z-index: 200;}
.multipage {margin-top: 1em;}
.linkst .pagelink {margin-left: 105px; position: absolute; top: -71px; width: 296px;}
.linkst .postlink {font-weight: bold; position: absolute; right: 25px; text-align: right; top: -71px; width: 16em;}
.punbb .linksb {text-align: right; padding: 0.4em 1em 0.5em 1em; font-size: 1.1em;}
.linksb .pagelink {float: left; width: 24em; text-align: left;}
.linksb .postlink {float: right; font-weight: bold}
.subscribelink {clear:both;}


 /********** СТИЛЬ "LastChance-2012" © ZlobeR.ru **********/
 /********** Заказ дизайна: http://zlober.ru/ **********/
 /********** Обратная связь: gerdm@ya.ru **********/ 
.punbb .formal .container {margin-top: -5px; padding: 0 1em 1em;}
.punbb .formsubmit {padding: 0 0 0 1.7em; margin: 1em 0 0 0;}
.punbb .formsubmit input, .punbb .formsubmit a, .punbb .formsubmit span {margin: 0 0.6em 0 0}
.punbb fieldset {border-style: solid; border-width: 1px; padding: 0 18px 0 18px; margin: 0 0 1em 0}
.punbb fieldset legend {padding: 0; margin: 0 0 0 45px; font-size: 1.1em}
.punbb fieldset legend span {padding: 2px 5px; margin: 0 0 0 -15px;}
.punbb fieldset fieldset {border-style: none; margin: 0; padding: 0 0 8px 0}
.punbb .fs-box {padding: 1em 0 0.8em 0;}
.punbb .fs-box p, .punbb .fs-box fieldset {padding: 0 18px;}
.punbb .inline .inputfield, .punbb .inline .selectfield, .punbb .inline .passfield {float: left; margin-right: 1em;}
.punbb .inline .infofield {clear:both}
.punbb .datafield br {display: none}
.punbb .required label, .punbb .datafield span.input {font-weight: bold}
.punbb .datafield span.input a {font-weight: normal;}
.punbb .areafield span.input, .punbb p.longinput span.input {display: block; padding: 0 12em 0 0; height: 100%; }
.punbb textarea, .punbb .longinput input {width: 64%; margin: 0;}
.punbb .hashelp {position: relative;}
.punbb .helplinks {display: block; position: absolute; top: 1em; right: 0; font-weight: normal; width: 36%;}
.punbb #profile .helplinks {top: 1.5em;}
.punbb .helplinks span {display: block; padding-bottom: 0.2em;}
#pun-post .formal .info-box li {padding-left: 4px; list-style-type: square; list-style-position: inside; line-height: 1.5; margin: 0;}
.punbb .main td .tcl {overflow: hidden; text-align: left; width: 50%;}
.punbb .main .tc2, .punbb .main .tc3, .punbb .main .tcmod {text-align: center; width: 8%;}
.punbb .main .tcr {overflow: hidden; text-align: left; width: 27%;}
#pun-userlist .main .tcl, #pun-searchtopics .main .tcl, #pun-modviewforum .main .tcl {width: 40%}
#pun-userlist .main .tc2, #pun-searchtopics .main .tc2 {text-align: left; width: 20%;}
#pun-debug table .tcl {width: 15%; white-space:normal;}
#pun-debug .tcr {width: 90%; white-space: normal;}
#pun-index .tcl h3 {font-size: 1.2em; font-weight: bold;}
.punbb td span.youposted {font-weight: bold; margin-left: -1em; position: absolute;}
.punbb td .modlist {display: block; padding-top: 0.3em}
.punbb .main td {border-bottom: 0px solid #c7b58d; padding: 0.5em;}
.punbb .main th {padding: 2px 1em;}
.punbb .main .tcl {border-left-style: none; border-left-width: 0}
.punbb tbody.hasicon td.tcl {padding-left: 8px;}
.punbb div.icon {float: left; display: block; width: 36px; height: 42px; border-style: none; margin-right: 6px;}


 /********** СТИЛЬ "LastChance-2012" © ZlobeR.ru **********/
 /********** Заказ дизайна: http://zlober.ru/ **********/
 /********** Обратная связь: gerdm@ya.ru **********/ 
.punbb .post .container {border: medium none; padding-bottom: 0px;}
.punbb .post h3 { border-style: solid solid none solid; border-width: 0px;}
.punbb .post h3 span {background: none repeat scroll 0 0 #DBC9A4; border-bottom: 1px solid #C7B58D; border-top: 1px solid #C7B58D; display: block; margin-top: -20px; padding: 5px 25px; width: 786px;}
.punbb .post h3 strong {float: right; font-weight: bold; margin-right: 10px; text-align: right; width: 5em;}
.topicpost h3 strong, .toppost h3 strong {margin-top: -15px;}
.punbb .post .post-author {float: left; width: 218px; margin-top: 7px; overflow: hidden;}
.punbb .post .post-author ul, .punbb .post .post-author p {padding: 0; line-height: 140%;}
.pa-author {font-size: 1.1em; font-weight: bold;}
.pa-author a {text-decoration: none}
li.pa-title {padding-bottom: 0.4em; font-weight: bold;}
.punbb .post-body {margin-left: 218px; border-left-style: solid; border-left-width: 0px; padding: 0 0 0px 0; width: 618px;}
.punbb .post-box {padding: 1em 1em 1em 5px;}
.punbb fieldset .post-box {margin-bottom: 0.8em}
.punbb .post-links {margin-left: 218px; border: medium none; padding-bottom:32px;}
.punbb .endpost .post-links {padding-bottom:15px;}
.punbb .post-links ul {padding: 0 1em 0 0; height: 2em; line-height: 2em; margin-left: -218px; border: medium none; background: transparent; text-align: right;}
.punbb .post-links li {display: inline-block;}
.pl-email, .pl-website {float: left;}
.punbb .clearer {clear: both; height: 0; font-size: 0;}
.punbb .modmenu .container {padding: 2px 1em 3px; text-align: right;}
.punbb .modmenu strong, .punbb .modmenu a {height: 1.8em; line-height: 1.8em;}
.punbb .modmenu .container strong {float: left;}
.punbb .modmenu input {margin-left: 1em;}
.punbb .info .container {padding: 0.8em 1em}
.punbb .info .container .backlink {padding-top: 0.8em;}


 /********** СТИЛЬ "LastChance-2012" © ZlobeR.ru **********/
 /********** Заказ дизайна: http://zlober.ru/ **********/
 /********** Обратная связь: gerdm@ya.ru **********/ 
#profile .container {padding-left: 18.6em;}
#profilenav {float: left; width: 14em; margin-left: -16.3em; display: inline;}
#profilenav li {padding-bottom: 0.8em; font-weight: bold;}
#viewprofile ul, #profilenav ul {border-style: solid; border-width: 1px; padding: 1.5em 18px 0.8em 18px; margin: 0 0 1em 0;}
#viewprofile h2, #profilenav h2 {background: none; border: none; padding: 0 0 0 0; margin: 0 14px -0.6em 14px; height: auto;}
#viewprofile h2 span, #profilenav h2 span {padding: 0 5px; position: relative; left: 0; height: auto; line-height: normal; background: none;}
#viewprofile li, #setmods dl {padding: 0 0 0 16em; margin-bottom: 0.2em;}
#viewprofile li span {float: left; width: 14em; margin-left: -16em; padding: 0.5em 1em; font-weight: bold;}
#setmods dt {float: left; width: 14em; margin-left: -16em; padding: 0.8em 1em; font-weight: bold; display: inline;}
#viewprofile li strong, #viewprofile li div, #setmods dd {display: block; padding: 0.5em 1em; font-weight: normal;}
.punbb img.avatardemo {float: right; margin: 0 0 0.8em 1.8em}
#pun-userlist .formal, #pun-userlist .formal .container {border-bottom: none; margin-bottom: 0;}
#pun-userlist .usertable .container {border-top: none;}
#pun-userlist .usertable table {border-style: solid;  border-width: 1px;}
#pun-title {margin: 0; border: medium none;}
#pun-title h1 {display : block; height : 40px; padding: 2em 1em 0 1em;}
#pun-title .container {border-style: none solid none solid;}
#pun-title h1 span  {font-size: 1.5em;}
#pun-title table {border: none; display: block; width: 100%;}
#pun-title td.title-logo-tdl {display: none;}
#pun-title td.title-logo-tdr {border: medium none; margin-left: 360px; position: absolute; top: -390px; width: 468px; z-index: 100;}


 /********** СТИЛЬ "LastChance-2012" © ZlobeR.ru **********/
 /********** Заказ дизайна: http://zlober.ru/ **********/
 /********** Обратная связь: gerdm@ya.ru **********/ 
#pun-pagelinks {position: absolute; top: -15px; left: 0; margin: 0; border: none; padding: 0; width: 100%; }
#pun-pagelinks .container {background: transparent; border: none; padding: 0}
#pun-pagelinks .container li {display: inline}
#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%;}
#pun-pagelinks a:active, #pun-pagelinks a:focus {position:relative; margin: 0;}
#pun-pagelinks li a span {display:block; margin: 0 1em}
#pun-navlinks, #pun-navlinks .container {border-style: none; border-width: 0;}
#pun-navlinks li {display: inline; padding-right: 0em;}
#pun-navlinks li a {font-size: 1.1em;}
#pun-ulinks  {margin-top: 0; position: absolute; text-align: center; top: -18px; width: 830px; border: medium none; z-index: 4;}
#pun-ulinks .container {border: none;}
#pun-ulinks li, #pun-ulinks li a {display: inline; border-left-style: solid; border-left-width: 1px; white-space: nowrap;}
#pun-ulinks li a {padding: 0 0.3em 0 0.6em}
#pun-ulinks li.item1, #pun-ulinks li.item1 a {border-left-style: none; border-left-width: 0; padding-left: 0}
#pun-status, #pun-status .container {border-bottom: none; margin-bottom: 0; margin-top: 0.5em;}
#pun-status .container {padding: 0.8em 1em 1em 1em;}
#pun-status span {white-space: nowrap; margin-right: 0.5em;}
#pun-crumbs1 {font-weight: bold; overflow: hidden; margin-top: 0;}
#pun-crumbs1 p.container {border-top: none; padding: 1em 1em 0.8em 1em; font-size: 1.1em;}
#pun-break1 {margin: 0 1em; border-style: solid none; border-width: 1px 0; height: 0; margin: -2px 1em; position: relative; z-index: 1;}
#pun-stats .container {padding: 0.8em 1em}
#pun-stats li.item1, #pun-stats li.item2 {float: left; clear: both; line-height: 150%; }
#pun-stats li.item3, #pun-stats li.item4 {text-align: right; line-height: 150%;}
li#onlinelist {margin-top: 1em; border-top-style: solid; border-top-width: 1px; float: left; width: 100%; line-height: 130%;}
li#onlinelist div {border-top-style: solid; border-top-width: 1px; padding: 0.7em 0 0 0;}
#pun-qjump {margin: 0; border: none; width: 50%; position: relative; float: left;}
#pun-qjump .container {border: none; background: transparent; padding: 0.8em 1em;}
#pun-about {margin-top: 0; margin-bottom: -35px; position: relative; z-index: 5;}
#tieser-bottom {position: relative; z-index: 5;}
#pun-about .container {border-top-style: none; text-align: right; line-height: 150%; padding: 0.8em 1em;}
#pun-about p span {display:block; padding-left: 50%;}
#pun-crumbs2 {font-weight: bold; overflow: hidden; margin-bottom: 0; border-bottom: none;}
#pun-crumbs2 .container {border-bottom: none; padding: 0.8em 1em; font-size: 1.1em;}
#pun-break4 {margin: -2px 1em; border-style: solid none; border-width: 1px 0; position: relative; height: 0; z-index: 1;}
div.punbb-admin #pun-about .container {border-top-style: solid; border-top-width: 1px;}
#pun-help .formal .info-box h3.legend {border-bottom-style: solid; border-bottom-width: 1px; padding-bottom: 0; margin-bottom: 0.8em;}
#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;}
#pun-help .formal p, #pun-help .formal dd {margin-bottom: 1em}
#pun-help .formal ul, #pun-help .formal dl {padding: 0 0 0 1em}
#pun-help .formal li {padding: 0; line-height: 130%}
#pun-help .formal li * {vertical-align: text-top}
#pun-help .formal dt span {font: 1.4em/120% monaco, "bitstream vera sans mono", "courier new", courier, monospace}
#pun-help .formal .parsedmsg, #pun-help .formal .parsedmsg .incode {padding-bottom: 0;}


 /********** СТИЛЬ "LastChance-2012" © ZlobeR.ru **********/
 /********** Заказ дизайна: http://zlober.ru/ **********/
 /********** Обратная связь: gerdm@ya.ru **********/ 
html {background: #99cfd9; overflow-x:hidden;}
#logoup {margin-left: -422px; position: absolute; top: -389px;}
#pun-redirect {position:absolute; top: -389px;}
#html-header {position:relative; z-index:1;}
#html-footer {height: 403px;}
#bottom-container {bottom: 0; height: 403px; margin-left: -249px; position: absolute; width: 1281px;}
#bottom-container .gerda {bottom: 133px; margin-left: 270px; position: absolute;}
#bottom-container .lastchanse {bottom: 160px; margin-left: 260px; position: absolute; width: 550px;}
#bottom-container .partner {bottom: 273px; margin-left: 257px; position: absolute; width: 500px; background: #D9C79E; border: 1px solid #7C6359; border-radius: 5px; padding: 5px;}
.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: #795846;}
.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer {background-color: transparent; color: #795846;}
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {height: 75px; color: #b95f24; font-weight: bold; margin: 0 -28px; z-index: 100; position: relative;}
.punbb .main h1 span, .punbb .main h2 span, #pun-debug h2 span, .punbb-admin #pun-admain h2 span {display: block; height: 75px; left: 20px; line-height: 82px; padding-left: 100px; position: relative; top: -5px;}
#pun-main div.catright {display: none}
#pun-main div.catleft {margin-left: 40px; position: relative; top: 6px;}
#pun-title, #pun-title .container {background: transparent; color: #795846;}
.punbb .main .formal table {background:none;}
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {background-color: #C7B58D; color: #7E7155;}
#viewprofile li, #setmods dl  {background-color: transparent; color: #795846}
.punbb .quote-box, .punbb .code-box {border: 1px solid #C7B58D; padding: 0.5em 1em; margin: 0 1em 0.7em; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; box-shadow: 0 0 10px #c4ac76; -moz-box-shadow: 0 0 10px #c4ac76; -webkit-box-shadow: 0 0 10px #c4ac76; }
#pun-navlinks {height: 82px; position: absolute; top: -66px; width: 830px; z-index: 2;}
#pun-navlinks .container {background-color: transparent; line-height: 30px; text-align: center; color: #000;}
.offline li.pa-online strong {font-weight: normal}


 /********** СТИЛЬ "LastChance-2012" © ZlobeR.ru **********/
 /********** Заказ дизайна: http://zlober.ru/ **********/
 /********** Обратная связь: gerdm@ya.ru **********/ 
.punbb .container, .punbb .post-body, .post h3, #pun-title {border-color: #ccc #ccc #aaa #ccc}
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {border-color: #f5f5f5}
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {border-color: #004F90;}
.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: #c7b58d;}
.punbb th {background: transparent;border-bottom: 1px solid #c7b58d; text-align:center; background: #dbc9a4; color: #B3A280;}
#pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span {border-color: #7f7157}
#pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend {border-color: #dabd8c}
.punbb .divider {border-color: #7f7157 #dabd8c #dabd8c #dabd8c}
.punbb .formal fieldset .post-box, .punbb .info-box {border: 1px solid #dedfdf}
li.pa-online {border-left-color: #005EAB;}
#pun-navlinks a {display: inline-block; margin-left: 5px; background-repeat: no-repeat;}
#pun-navlinks a span {display: none;}

#navindex a {height: 30px; width: 104px; margin-top:5px; position: relative; top: 3px; background-position: 0 0px;}
#navuserlist a {height: 26px; width: 118px; background-position: 0 -30px;}
#navsearch a {height: 26px; width: 107px; background-position: 0 -56px;}
#navregister a {height: 26px; width: 114px; background-position: 0 -81px;}
#navlogin a {height: 26px; width: 96px; background-position: 0 -109px;}
#navprofile a {height: 26px; width: 86px; background-position: 0 -137px;}
#navpm a {height: 26px; width: 40px; background-position: 0 -163px;}
#navlogout a {height: 26px; width: 101px; background-position: 0 -220px;}

#navindex a:hover {height: 30px; width: 104px; margin-top:5px; position: relative; top: 3px;}
#navuserlist a:hover {height: 26px; width: 118px;}
#navsearch a:hover {height: 26px; width: 107px;}
#navregister a:hover {height: 26px; width: 114px;}
#navlogin a:hover {height: 30px; width: 96px;}
#navprofile a:hover {height: 26px; width: 86px;}
#navpm a:hover {height: 26px; width: 40px;}
#navlogout a:hover {height: 26px; width: 101px;}

#navadmin a {height: 41px; width: 181px; position: absolute; top: -37px; margin-left: -30px; background-position: 0 0;}
#navadmin a:hover {height: 41px; width: 181px; position: absolute; top: -37px; margin-left: -30px; background-position: 0 -41px;}

.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: #532911}
.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {color: #333}
.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: #c28b39;}
#pun-pagelinks a:active, #pun-pagelinks a:focus {background-color: #333; color: #fff;}


 /********** СТИЛЬ "LastChance-2012" © ZlobeR.ru **********/
 /********** Заказ дизайна: http://zlober.ru/ **********/
 /********** Обратная связь: gerdm@ya.ru **********/ 
#profile-left {width:218px !important;}
#profile-right {width:618px !important;}
.punbb .post .post-author ul {text-align: center;margin-bottom: 38px;}
.punbb .post .post-author ul li {border: 1px solid #C7B58D; margin-left: 19px; padding: 3px 0; width: 178px;}
.punbb .post .post-author ul li.pa-author {height: 56px; padding: 0 19px; border: medium none; margin-left: 1px;}
.punbb .post .post-author ul li.pa-title {margin-top: -30px; border: medium none; background: none;}
.punbb .post .post-author ul li.pa-avatar {border: medium none; background: none;}
.pl-website, .pl-warning, .pl-share {display:none;}
.postlink span {display: inline-block; height: 32px; line-height: 32px; text-align: center; width: 154px;}
.linkst .postlink span {position: relative; top: -20px;}
.subscribelink {display:inline-block; height: 32px; line-height: 32px; text-align: center; width: 277px;}
.pl-edit {height: 32px; line-height: 32px; text-align: center; width: 145px;display:block;}
.pl-quote {height: 32px; line-height: 32px; text-align: center; width: 125px;}
.pl-delete, .pl-email {height: 32px; line-height: 32px; text-align: center; width: 108px;}
#form-buttons {margin-top:20px;}
.punbb .formal textarea {background: #d9c79e !important;}
#form-buttons td {display: inline-block; height: 28px; margin-right: 10px; width: 27px;}
#post-form fieldset {padding:0;}
#form-buttons tr {display: block; height: 30px; margin-left: -10px; margin-right: -10px; padding: 8px 28px; text-align: center;}
#font-area, #size-area, #color-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area {position: relative !important; right: 0 !important; top: 0 !important; padding-left: 35px;}
#pun-announcement h2 span {display:none;}
.tabs .tab1 {width: 165px; height: 39px;}
.tabs .tab2 {width: 120px; height: 39px;}
.tabs .tab3 {width: 155px; height: 39px;}
.tabs .tab4 {width: 90px; height: 39px;}
.tabs .tab5 {width: 148px; height: 39px;}
.tabs .tab6 {width: 140px; height: 39px;}
.tabs .tab1:hover {width: 165px; height: 39px;}
.tabs .tab2:hover {width: 120px; height: 39px;}
.tabs .tab3:hover {width: 155px; height: 39px;}
.tabs .tab4:hover {width: 90px; height: 39px;}
.tabs .tab5:hover {width: 148px; height: 39px;}
.tabs .tab6:hover {width: 140px; height: 39px;}
html ul.tabs li.active .tab1 {width: 165px; height: 39px;}  
html ul.tabs li.active .tab2 {width: 120px; height: 39px;}
html ul.tabs li.active .tab3 {width: 155px; height: 39px;}
html ul.tabs li.active .tab4 {width: 90px; height: 39px;}
html ul.tabs li.active .tab5 {width: 148px; height: 39px;}
html ul.tabs li.active .tab6 {width: 140px; height: 39px;}
.container1 {width: 820px;  margin: 0 auto; padding: 0; float: center;}
ul.tabs {width: 820px; padding-left: 10px !important; padding-top: 5px !important;}
ul.tabs li {float: left; height: 39px; overflow: hidden; position: relative;}
.tab_container1 {clear: both; float: left;  width: 825px; height: 100%; background: #d9c79e; border: 1px solid #C7B58D; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; box-shadow: 0 0 10px #c4ac76; -moz-box-shadow: 0 0 10px #c4ac76; -webkit-box-shadow: 0 0 10px #c4ac76; margin: 0 5px !important;}
.tab_content {padding: 5px;}
#pun-pages, #viewprofile, #pun-message {width: 836px;}
.punbb .forum h2 {height:0;}
#profile table {width: 590px; margin: 0;}
#profile .toppost {margin-top: 20px;}
#profile .post-body {width: 410px;}
#profile .post h3 span {width: 580px;}
#profile fieldset {padding:0;}
#profile #button-keyboard, #profile #button-left, #profile #button-hide {display:none;}
#profile #form-buttons tr {margin: 0 0 0 5px;}

style_cs.css

Код:

/* ------КАТЕГОРИИ-КАРТИНКИ------ */

.punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {background: transparent url("http://forumfiles.ru/uploads/001a/11/44/2/595543.png") no-repeat 0 0;} /* общий фон для ВСЕХ заголовоков */

.punbb .main h1 span, .punbb .main h2 span, #pun-debug h2 span, .punbb-admin #pun-admain h2 span {background: url("http://forumfiles.ru/uploads/001a/11/44/2/459084.png") no-repeat scroll 0 -464px transparent;} /* иконка для ВСЕХ заголовков по умолчанию */

#pun-stats h2 {background: transparent url("http://forumfiles.ru/uploads/001a/11/44/2/595543.png") no-repeat 0 -75px;} /* статистика */

/* категории */
#pun-main #pun-category1 .catleft {background: transparent url("http://forumfiles.ru/uploads/001a/11/44/2/459084.png") no-repeat 0 0px; height: 54px;margin-left: 20px;}
#pun-main #pun-category2 .catleft {background: transparent url("http://forumfiles.ru/uploads/001a/11/44/2/459084.png") no-repeat 0 -54px; height: 60px;margin-left: 47px;}
#pun-main #pun-category3 .catleft {background: transparent url("http://forumfiles.ru/uploads/001a/11/44/2/459084.png") no-repeat 0 -403px; height: 62px;}


/* скрываем текст категорий */
#pun-main #pun-category1 h2 span, 
#pun-main #pun-category2 h2 span, 
#pun-main #pun-category3 h2 span,
#pun-stats h2 span {display:none;} 


/* ------ВСЕ ФОНОВЫЕ КАРТИНКИ------ */

#pun {background: url("http://forumfiles.ru/uploads/001a/11/44/2/896685.jpg") repeat-y scroll center top transparent;}
body {background: url("http://forumfiles.ru/uploads/001a/11/44/2/127533.jpg") no-repeat scroll center top transparent;}
#bottom-container {background: url("http://forumfiles.ru/uploads/001a/11/44/2/563572.jpg") no-repeat scroll center bottom transparent;}
#pun-navlinks a {background-image: url(http://forumfiles.ru/uploads/001a/11/44/2/993936.png);}
#pun-navlinks a:hover {background-image: url(http://forumfiles.ru/uploads/001a/11/44/2/695707.png);}
#pun-navlinks #navadmin a, #pun-navlinks #navadmin a:hover {background-image: url(http://forumfiles.ru/uploads/001a/11/44/2/604531.png);}
#info-link {background: url("http://forumfiles.ru/uploads/001a/11/44/2/511564.jpg") no-repeat scroll 0pt -64px transparent;}
.postlink span {background: url("http://forumfiles.ru/uploads/001a/11/44/2/511564.jpg") no-repeat scroll 0 0 transparent;}
.subscribelink {background: url("http://forumfiles.ru/uploads/001a/11/44/2/511564.jpg") no-repeat scroll 0 -32px transparent;}
.pl-edit {background: url("http://forumfiles.ru/uploads/001a/11/44/2/511564.jpg") no-repeat scroll 0 -64px transparent;}
.pl-quote {background: url("http://forumfiles.ru/uploads/001a/11/44/2/511564.jpg") no-repeat scroll 0 -96px transparent;}
.pl-delete, .pl-email {background: url("http://forumfiles.ru/uploads/001a/11/44/2/511564.jpg") no-repeat scroll 0 -128px transparent;}

.punbb table Div.icon {background: url(http://forumfiles.ru/uploads/001a/11/44/2/746054.jpg) no-repeat 0 -42px;}
TR.inew Div.icon {background: url(http://forumfiles.ru/uploads/001a/11/44/2/746054.jpg) no-repeat 0 0;}
TR.isticky Div.icon {background: url(http://forumfiles.ru/uploads/001a/11/44/2/746054.jpg) no-repeat 0 -126px;}
TR.iclosed Div.icon {background: url(http://forumfiles.ru/uploads/001a/11/44/2/746054.jpg) no-repeat 0 -84px;}
TR.iredirect Div.icon {background: url(http://forumfiles.ru/uploads/001a/11/44/2/746054.jpg) no-repeat 0 0;}

.punbb .post-sig dt {background: url("http://forumfiles.ru/uploads/001a/11/44/2/264289.jpg") no-repeat scroll center bottom transparent;}
.punbb .modmenu .container {background: #DBC9A4 url("http://forumfiles.ru/uploads/001a/11/44/2/264289.jpg") no-repeat scroll center bottom;}
.punbb .main table, #pun-stats .statscon {background: url("http://forumfiles.ru/uploads/001a/11/44/2/264289.jpg") no-repeat scroll center bottom transparent;}

.punbb .post .post-author ul li.pa-author {background: transparent url(http://forumfiles.ru/uploads/001a/11/44/2/157656.jpg) no-repeat bottom center;}
.punbb .post .post-author ul {background: transparent url(http://forumfiles.ru/uploads/001a/11/44/2/242716.jpg) repeat-y top center;}
.punbb .post .post-author {background: transparent url(http://forumfiles.ru/uploads/001a/11/44/2/901003.jpg) no-repeat bottom center;}
.punbb .post .post-author ul li {background: url("http://forumfiles.ru/uploads/001a/11/44/2/196933.jpg") repeat-x scroll center top transparent;}


#form-buttons tr {background: url("http://forumfiles.ru/uploads/001a/11/44/2/829272.jpg") no-repeat scroll center top transparent; }
td#button-font {background: url("http://forumfiles.ru/uploads/001a/11/44/2/308547.png") no-repeat scroll 0 -1px transparent !important;}
td#button-size {background: url("http://forumfiles.ru/uploads/001a/11/44/2/308547.png") no-repeat scroll 0 -31px transparent !important;}
td#button-bold {background: url("http://forumfiles.ru/uploads/001a/11/44/2/308547.png") no-repeat scroll 0 -62px transparent !important;}
td#button-italic {background: url("http://forumfiles.ru/uploads/001a/11/44/2/308547.png") no-repeat scroll 0 -93px transparent !important;}
td#button-underline {background: url("http://forumfiles.ru/uploads/001a/11/44/2/308547.png") no-repeat scroll 0 -123px transparent !important;}
td#button-strike {background: url("http://forumfiles.ru/uploads/001a/11/44/2/308547.png") no-repeat scroll 0 -154px transparent !important;}
td#button-left {background: url("http://forumfiles.ru/uploads/001a/11/44/2/308547.png") no-repeat scroll 0 -185px transparent !important;}
td#button-center {background: url("http://forumfiles.ru/uploads/001a/11/44/2/308547.png") no-repeat scroll 0 -216px transparent !important;}
td#button-right {background: url("http://forumfiles.ru/uploads/001a/11/44/2/308547.png") no-repeat scroll 0 -247px transparent !important;}
td#button-link {background: url("http://forumfiles.ru/uploads/001a/11/44/2/308547.png") no-repeat scroll 0 -278px transparent !important;}
td#button-spoiler {background: url("http://forumfiles.ru/uploads/001a/11/44/2/308547.png") no-repeat scroll 0 -308px transparent !important;}
td#button-image {background: url("http://forumfiles.ru/uploads/001a/11/44/2/308547.png") no-repeat scroll 0 -339px transparent !important;}
td#button-video {background: url("http://forumfiles.ru/uploads/001a/11/44/2/308547.png") no-repeat scroll 0 -370px transparent !important;}
td#button-hide {background: url("http://forumfiles.ru/uploads/001a/11/44/2/308547.png") no-repeat scroll 0 -401px transparent !important;}
td#button-quote {background: url("http://forumfiles.ru/uploads/001a/11/44/2/308547.png") no-repeat scroll 0 -432px transparent !important;}
td#button-code {background: url("http://forumfiles.ru/uploads/001a/11/44/2/308547.png") no-repeat scroll 0 -463px transparent !important;}
td#button-color {background: url("http://forumfiles.ru/uploads/001a/11/44/2/308547.png") no-repeat scroll 0 -493px transparent !important;}
td#button-smile {display:none;}
td#button-keyboard {background: url("http://forumfiles.ru/uploads/001a/11/44/2/308547.png") no-repeat scroll 0 -553px transparent !important;}

.tabs .tab1 {background: url("http://forumfiles.ru/uploads/001a/11/44/2/945297.jpg") no-repeat scroll 0 0 transparent;}
.tabs .tab2 {background: url("http://forumfiles.ru/uploads/001a/11/44/2/945297.jpg") no-repeat scroll -165px 0 transparent;}
.tabs .tab3 {background: url("http://forumfiles.ru/uploads/001a/11/44/2/945297.jpg") no-repeat scroll -285px 0 transparent;}
.tabs .tab4 {background: url("http://forumfiles.ru/uploads/001a/11/44/2/945297.jpg") no-repeat scroll -442px 0 transparent;}
.tabs .tab5 {background: url("http://forumfiles.ru/uploads/001a/11/44/2/945297.jpg") no-repeat scroll -534px 0 transparent;}
.tabs .tab6 {background: url("http://forumfiles.ru/uploads/001a/11/44/2/945297.jpg") no-repeat scroll -684px 0 transparent;}
.tabs .tab1:hover {background: url("http://forumfiles.ru/uploads/001a/11/44/2/945297.jpg") no-repeat scroll 0 -39px transparent;}
.tabs .tab2:hover {background: url("http://forumfiles.ru/uploads/001a/11/44/2/945297.jpg") no-repeat scroll -165px -39px transparent;}
.tabs .tab3:hover {background: url("http://forumfiles.ru/uploads/001a/11/44/2/945297.jpg") no-repeat scroll -285px -39px transparent;}
.tabs .tab4:hover {background: url("http://forumfiles.ru/uploads/001a/11/44/2/945297.jpg") no-repeat scroll -442px -39px transparent;}
.tabs .tab5:hover {background: url("http://forumfiles.ru/uploads/001a/11/44/2/945297.jpg") no-repeat scroll -534px -39px transparent;}
.tabs .tab6:hover {background: url("http://forumfiles.ru/uploads/001a/11/44/2/945297.jpg") no-repeat scroll -684px -39px transparent;}
html ul.tabs li.active .tab1 {background: url("http://forumfiles.ru/uploads/001a/11/44/2/945297.jpg") no-repeat scroll 0 -78px transparent;}  
html ul.tabs li.active .tab2 {background: url("http://forumfiles.ru/uploads/001a/11/44/2/945297.jpg") no-repeat scroll -165px -78px transparent;}
html ul.tabs li.active .tab3 {background: url("http://forumfiles.ru/uploads/001a/11/44/2/945297.jpg") no-repeat scroll -285px -78px transparent;}
html ul.tabs li.active .tab4 {background: url("http://forumfiles.ru/uploads/001a/11/44/2/945297.jpg") no-repeat scroll -442px -78px transparent;}
html ul.tabs li.active .tab5 {background: url("http://forumfiles.ru/uploads/001a/11/44/2/945297.jpg") no-repeat scroll -534px -78px transparent;}
html ul.tabs li.active .tab6 {background: url("http://forumfiles.ru/uploads/001a/11/44/2/945297.jpg") no-repeat scroll -684px -78px transparent;}

 /********** СТИЛЬ "LastChance-2012" © ZlobeR.ru **********/
 /********** Заказ дизайна: http://zlober.ru/ **********/
 /********** Обратная связь: gerdm@ya.ru **********/