Код:

<div class="tablica2"><div style="width: 290px; height: 190px; overflow-y: scroll; padding-right: 5px;">● <a href="http://stairs.rusff.me/viewtopic.php?id=519#p96989">НЕ ЗАБЫВАЙТЕ ЗАПОЛНЯТЬ ПРОФИЛЬ</a><br><br>● Лето. Время прийти в себя и воссоздать уютную домашнюю обстановку на этом форуме.<br><br>● Не стесняйтесь голосовать за форум в топах.<br></b>● Пока администратор по уважительной причине отсутствует, заместителем назначается <a href="http://stairs.rusff.me/profile.php?id=327">Узумаки Наруто</a>. Любить и жаловать необязательно, но слушаться стоит.<br><br></div></div>

<div class="need">
<div id="icons"><a href="http://stairs.rusff.me/viewtopic.php?id=13#p89860" title="WE NEED YOU, HIDAN!"><img src="http://s3.uploads.ru/ZJgXV.png"></a>
</div></div>
<div class="need1">
<div id="icons"><a href="http://stairs.rusff.me/viewtopic.php?id=13#p74779" title="WE NEED YOU, OONOKI!"><img src="http://s7.uploads.ru/OlRvH.png"></a>
</div></div>
<div class="need2">
<div id="icons"><a href="http://stairs.rusff.me/viewtopic.php?id=13#p84884" title="WE NEED YOU, KUROTSUCHI!"><img src="http://s7.uploads.ru/kHXpO.png"></a>
</div></div>
<div class="need3">
<div id="icons"><a href="http://stairs.rusff.me/viewtopic.php?id=13#p65246" title="WE NEED YOU, AKASUNA NO SASORI!"><img src="http://s7.uploads.ru/DyFo5.png"></a>
</div></div>





<script> //СКРИПТ ПОДГРУЗКИ CMАЙЛО-КОНТЕНТА Ч1 в HTML верх//
//Тут в кавычках Ссылка на файл  подгружаемого контента//
var  Link='http://forumstatic.ru/files/0014/82/77/27358.css';
function getXmlHttp(){var xmlhttp;try{xmlhttp=new ActiveXObject("Msxml2.XMLHTTP")}catch(e){try{xmlhttp=new ActiveXObject("Microsoft.XMLHTTP")}catch(E){xmlhttp=false}}if(!xmlhttp&&typeof XMLHttpRequest!='undefined'){xmlhttp=new XMLHttpRequest()}return xmlhttp}
var SmileHTml='';function tstSmileLoad_2(){if(SmileHTml!=''&&!($("#Smile_smil_box").length)){
var Lft='</';$("#html-footer").prepend('<script>document.write(SmileHTml)'+Lft+'script>')}};
var xmlhttp=getXmlHttp();
function SmileLoad_0(){
xmlhttp.open('GET',Link,true);xmlhttp.onreadystatechange=function(){if(xmlhttp.readyState==4){if(xmlhttp.status==200){SmileHTml='<div id="Smile_smil_box"></div>'+xmlhttp.responseText;if($("#html-footer").length){$("#html-footer").prepend(SmileHTml)}}}};xmlhttp.send(null);}
if($("#pun-messages").length||$("#pun-viewtopic").length||$("#pun-post").length||$("#pun-edit").length||$("#pun-poll").length){SmileLoad_0()}
</script>



<div class="postec"><div style="width: 285px; height: 120px; overflow-y: scroll; padding-right: 5px;">ЭТА ЖЕНЩИНА! Его мать! Она приближалась и не видела ни в чем и нигде препятствий, а Наруто, повисший на веревке, словно пойманный ловушкой охотника зверь, не желал мириться со своей участью. Он несколькими усилиями раскачал веревку, чтобы она забыла о своем креплении, и маленький ученик Академии стремительно рухнул вниз вслед за дурацким носом старикашки. Затем Намиказе постарался развязать узел, красовавшийся на его животе и завязанный на скорую руку слишком плотно. Однако грохнуться вниз сын Четвертого Хокаге так и не удалось: что-то поймало его, освободило от сковывающей веревки и куда-то уволокло. (c) <a href="http://stairs.rusff.me/viewtopic.php?id=564#p108399">Uzumaki Naruto</a></div></div>



<div class="ams">
<div id="icons"><span class="tooltip1"><a href="http://stairs.rusff.me/profile.php?id=2"><img src="http://s7.uploads.ru/SZm9x.png"></a><em><b>ДОЛБИТКА</b><br>Организатор игрового процесса, дизайнер.<br>Главный потребитель отчая и чудо-чая. Несет в мир тлен и безысходность, как завещал дедуля Мадара. Просветы бывают редко и обычно влекут за собой непоправимые последствия.<br>Меняет личности, как перчатки, но в основном придерживается образа Учихи Мадары, вселяя страх в неверных. Любитель гор и фирменной учиховской картошки.<br>Умудрился опоздать даже на войну.</em></span>
<span class="tooltip1"><a href="http://stairs.rusff.me/profile.php?id=236"><img src="http://s6.uploads.ru/BqFxH.png"></a><em><b>КАКАШИ</b><br>Организатор игрового процесса, ответственный за приемку анкет.<br>Незаколебимый сенсей. Воспитывает в генинах ответственность и прилежность, учит держать в руках вилку и нож... в смысле, сюрикен и кунай. Не умер после нескольких лет обучения Узумаки Наруто, за что ему следовало бы возвести памятник на уровне горы с лицами Хокаге... впрочем, недолго ждать осталось.<br>По наблюдениям игроков свободное время предпочитает проводить за стаканчиком Боярского или штудируя личные сообщения.</em></span>
<span class="tooltip1"><a href="http://stairs.rusff.me/profile.php?id=260"><img src="http://s2.uploads.ru/rdtaf.png"></a><em><b>ТАЧСАН</b><br>Организатор игрового процесса, специалист по связям с общественностью.<br>Во всем этом хаосе единственный луч надежды на адекватность. Пока вся админка пьет, Итачи-сан пашет как проклятый, не закрывая глаза ни на секунду. Внимательно следит за всеми и каждым при помощи Мангеке Шарингана, так что в скором времени собираем средства на пересадку глаз. Кто займется благотворительностью и отдаст свои шаринганы в помощь гению клана Учиха?</em></span>
<span class="tooltip1"><a href="http://stairs.rusff.me/profile.php?id=239"><img src="http://s2.uploads.ru/UTeNH.png"></a><em><b>КРУТОЙ НУКЕНИН И ОПАСНЫЙ ПОДРЫВНИК, ММ</b><br>Общее оформление проекта и раздача люлей нерадивым игрокам.<br>Ну всем стало ясно, кто заполнял досье, да. Самый обаятельный и привлекательный служитель искусства с полным отсутствием вредных привычек, мм. Если дразнить/издеваться/насмехаться/тупить слишком долго, превращается в самонаводящуюся ядерную бомбу, или как там правильно.<br>Всегда при глине и динамите. И Данне.</em></span>
<a href="http://stairs.rusff.me/"><img src="http://s7.uploads.ru/VJlYq.png"></a>
<a href="http://stairs.rusff.me/"><img src="http://s7.uploads.ru/VJlYq.png"></a>
</div></div>

<div class="tablica"><div id="nav">
<a href="http://stairs.rusff.me/viewtopic.php?id=499" class="nav">Гостевая</a>
<a href="http://stairs.rusff.me/viewtopic.php?id=146" class="nav">Навигация</a>
<a href="http://stairs.rusff.me/viewtopic.php?id=7" class="nav">Важная информация</a>
<a href="http://stairs.rusff.me/viewtopic.php?id=8" class="nav">Список персонажей</a>
<a href="http://stairs.rusff.me/viewtopic.php?id=13" class="nav">Нужные</a>
<a href="http://stairs.rusff.me/viewtopic.php?id=12" class="nav">Приемка</a>
<a href="http://stairs.rusff.me/viewtopic.php?id=29" class="nav">Объявления</a>
<a href="http://stairs.rusff.me/viewtopic.php?id=77" class="nav">Голосование</a>
<a href="http://stairs.rusff.me/viewtopic.php?id=78" class="nav">Подарки</a>

</div></div>




<div class="tablica1"><div style="width: 285px; height: 60px; overflow-y: scroll; padding-right: 5px;"><div class="rotation"><a href="http://stairs.rusff.me/profile.php?id=234">Terumi Mei</a>: Я как Супервумен, Какаши - доно. Появляюсь только в случае необходимости.<br><a href="http://stairs.rusff.me/profile.php?id=236">Hatake Kakashi</a>: Нет, вы как киндер-сюрприз. Ждешь принцессу, а получаешь пингвина или бегемота.</div>

<div class="rotation"><a href="http://stairs.rusff.me/profile.php?id=326">Namikaze Minato</a>: Я еще поквитаюсь!<br><a href="http://stairs.rusff.me/profile.php?id=223">Uzumaki Kushina</a>: я исё паквитяюсь! =Р</div>

<div class="rotation"><a href="http://stairs.rusff.me/profile.php?id=202">Uchiha Sasuke</a>: Я смотрю ты так сильно рада моему возвращению, что даже диван расстелила.</div>


<div class="rotation"><a href="http://stairs.rusff.me/profile.php?id=202">Uchiha Sasuke</a>: Не огорчайтесь. Просто с высоты полете ястреба, вы кажетесь слишком уж маленькими. Хотя, некоторых из вас сложно не заметить. Например блондинистого выскочку, который постоянно действует мне на нервы.<br><a href="http://stairs.rusff.me/profile.php?id=236">Hatake Kakashi</a>: На самом деле, мне грустно, что санитар снова перепутал твою дозу галоперидола *качает головой, заглядывая в палату к стародавнему своему ученику*</div>

<div class="rotation"><a href="http://stairs.rusff.me/profile.php?id=247">Senju Hashirama</a>: А зря, я слышал, что в Сунагакуре есть увлекательные истории, ахахах<br><b>Akasuna no Sasori</b>: Они там были, но неожиданно с Третьим Казекаге случилось несчастье и все начали смеяться шёпотом.</div>


<div class="rotation"><a href="http://stairs.rusff.me/profile.php?id=223">Uzumaki Kushina</a>: Может это... без трусов как-нибудь... а?<br><a href="http://stairs.rusff.me/profile.php?id=236">Hatake Kakashi</a>: Кушина-сан, без трусов натирает и холодно. *назидательно* Да и просто неприлично!</div></div>












<script type="text/javascript" src="http://forumstatic.ru/files/0010/b4/f8/57844.js"></script>























<!-- No объявление -->
<style type="text/css">
#pun-announcement h2 {display: none}
</style>
<!-- /No объявление -->


<style>#pun-navlinks .container {
position: relative; 
text-align: center;
margin-top: -445px;
text-transform: uppercase;
font-weight: bold;
}</style>

<style type="text/css">
#pun-ulinks .container {
position: relative; 
text-align: center;
margin-top: -13px;
color: #413350 !important;
font-family: times new roman;
text-align: top center;
text-transform: lowercase;
margin-bottom: 450px;
}
</style>












<link rel="stylesheet" href="http://forumstatic.ru/files/0014/82/77/56063.css" type="text/css" />
<script type='text/javascript'>
$(function() {
   $('a[title], img[title],td[title]').tipsy({fade: true, gravity: 'n'});
});
</script>

Код:

<center><div id="grey"><div class="randban"><style>#КонтентРотатор p{display:none}</style>
<div id="КонтентРотатор"><!-- Ротатор произвольного контента -->
<p style="display: none;"><a href="http://outlast.f-rpg.ru/" target="_blank"><img src="http://funkyimg.com/i/21JTg.gif"  title="OUTLAST: the greatness of despair"  border="0" /></a></p></div><br><br><br>

<script language="javascript">
var sek = 3800000;  // Время отображения

var Nrout=$("#КонтентРотатор p").length
var i=Math.round(Math.random()*(Nrout-1));RotatorMycontent(i);
function RotatorMycontent(i) {
$("#КонтентРотатор p").hide();
$("#КонтентРотатор p").eq(i).show();
j =Math.round(Math.random()*(Nrout-1));
timerID = setTimeout("RotatorMycontent(j)",sek);}
</script>
</div></div></center><br>


<div id="copyright">designed ©<a href="http://stairs.rusff.me/profile.php?id=239">damask.beresklet</a>
<br><br><br>
<div style="margin-top: 0px; margin-left: -15px; width: 1000px; vertical-align: top; height: 37px; overflow-y: scroll;"><div id="grey"><a href="http://top.roleplay.ru/22927" title="Рейтинг Ролевых Ресурсов - RPG TOP" target="top_"><img src="http://img.rpgtop.su/88x31x11x2.gif" alt="Рейтинг Ролевых Ресурсов - RPG TOP" border="0" width="88" height="31"></a> <a href="http://lylife.ru/" target="_blank"><img src="http://forumstatic.ru/files/000b/09/4f/76237.gif" title="Каталог форумов" alt="LYL"></a> <a href="http://futura.rusff.me/"><img src="http://forumstatic.ru/files/0013/61/45/93418.gif" title="каталог аниме форумов"></a> <a href="http://whitepr.0pk.ru/" title="Здесь может быть ваша реклама!" target=_blank><img src="http://forumstatic.ru/files/0010/0e/ae/72982.gif" border="0" alt="White PR"></a> <a href="http://bleached.rolebb.com/" title="BLEACH: SUPERHEROES." target="_blank"><img src="http://sa.uploads.ru/GXVU3.jpg" border="0" width="88" height="31"></a> <a href="http://aot.rolbb.ru/" title="FRPG Attack on Titan" target="_blank"><img src="http://sa.uploads.ru/fhxSX.gif" border="0"></a> <a href="http://raiden.anihub.ru/"><img src="http://zagruzitfoto.com/images/2015/01/25/yNv3C.gif" width=88 height=31 border=0></a> <a href="http://aotlightwins.bestff.ru//" target=_blank><img src="http://s3.uploads.ru/R0IDc.gif" title=" ATTACK ON TITAN LIGHT WINS" width="88" height="31"></a> <a href="http://fmaouroboros.ru/" target="_blank"><img src="http://i.imgur.com/wztYDUR.gif" title="Fullmetal Alchemist: Chain of Ouroboros"></a> <a href="http://tomorrowland.f-rpg.ru" title="God's Sins: Tomorrowland"><img src="http://savepic.ru/8533332.png"></a> <a href="http://anotherworldnaruto.rolka.su//"><img title="Naruto: Another World" src="http://s56.radikal.ru/i154/1604/87/612a858b0129.gif" border="0" /></a></div></div></div>

<!--audio в одном v.2.4-->
<script type="text/javascript">
var player;
$(function(){
$('td#button-code').before('<td style=\'background-image:url("http://uploads.ru/i/W/Q/P/WQPBO.gif")\' onclick="tag_play()"><img src="/i/blank.gif" title="Загрузить музыку"></td>');
$('div.post-content p').map(function () {
text = $(this).html(); 
if(text.indexOf("zippyshare.com") != -1) {
player = /\[audio\]http:\/\/www(\d+)\.zippyshare\.com\/v\/(\d+)\/file\.html\[\/audio\]/gi
$(this).html(text.replace(player, "<br /><embed type='application/x-shockwave-flash' src='http://mfygs.pjuxa4dzonugc4tffzrw63i.cmle.ru/api/mediaplayer/mediaplayer.swf' flashvars='height=20&amp;width=400&amp;file=http://www$1.zippyshare.com/downloadMusic%3Fkey%3D$2%26&amp;volume=80&amp;autostart=false&amp;frontcolor=0x000000&amp;backcolor=0xffffff&amp;lightcolor=0x000000&amp;type=flv' quality='high' menu='false' wmode='transparent' allowscriptaccess='always' height='20' width='400' name='mp3player' border='0' style='margin-bottom: 6px;'/>"));}
if(text.indexOf("promodj.ru") != -1) {
player = /\[audio\]http:\/\/(.*?)\.promodj\.ru\/(.*?)\/(\d+)\/(.*?)\.html\[\/audio\]/gi
$(this).html(text.replace(player, "<br /><embed src='http://ne.mnsg4.obzg63lpmrswk2tbpexg4zlu.cmle.ru/swf/bigwaveplayer_release9.swf' type='application/x-shockwave-flash' wmode='transparent' width='100%' height='150' allowFullScreen='true' flashvars='link=http%3A%2F%2Fpromodj.ru%2Fprelisten%2F$3%2Fbobmarley%3Fwtf%3D0.41394098338022567%26no_external%3D1&amp;wave=http%3A%2F%2Fpromodj.ru%2Fwaveform_prelisten%2F$3%2Fbobmarley.png%3Fwtf%3D0.41394098338022567%26stub%3D1&amp;slowChannel=1&amp;autostart=0&amp;volumePercent=100&amp;wavecolor=12982542'></embed>"));
}
if(text.indexOf("pleer.com") != -1) {
player = /\[audio\](.*?)\/tracks\/(.*?)\[\/audio\]/gi
$(this).html(text.replace(player, "<br /><embed src='http://mvwwezle.obwgkzlsfzrw63i.cmle.ru/track?id=$2' type='application/x-shockwave-flash'  wmode='transparent' width='550' height='124'></embed>"));
}
if(text.indexOf(".mp3") != -1) {
player = /\[audio\](.*?)\[\/audio\]/gi
$(this).html(text.replace(player, "<br /><embed src='http://o53xo.mrsw23znnv2xg2ldfzzhk.cmle.ru/pleer/pleer4.swf' type='application/x-shockwave-flash' allowscriptaccess='always' wmode='transparent' flashvars='comment=demo-music.ru&amp;st=http://www.demo-music.ru/pleer/style_pleer.txt&amp;file=$1' width='470' height='33'>"));
}  });  });
function tag_play()
{var FoundErrors = '';
var enterURL = prompt("Введите ссылку на на музыку с promodj.ru, zippyshare.com, prostopleer.com или прямую ссылку формата .mp3 ", "http://");
if (!enterURL)
{FoundErrors += " " + error_no_url;}
if (FoundErrors)
{alert("Ошибка!" + FoundErrors);
return;}
insert("[audio]" + enterURL + "[/audio]");}
</script>









<script type="text/javascript"> 
var num = $('.rotation').length;
var rotation = Math.floor(Math.random() * num+1);  
$('.rotation:nth-child('+rotation+')').show();
</script>

<!-- HTML низ -Cпойлер cкрытия Инфы под N-кнопок в Профиле Топика -->
<script>
var a1 = 3	// 0 - спойлер-аккордеон, 1 - вертикальный спойлер; 3 - обычный спойлер
var a2 = 0	// 0 - Скрытие первой вкладки; 1 - Показ первой вкладки; 
var a3 = 0 // Резкость Открытия: 0 - Плавно; 1 - Резко;
var LiArr=new Array(
//При наличии двух косых => // в начале пункта, - пункт не скрывается.
//"pa-author",     //Ник-Нейм
//"pa-avatar",     //Аватар
//"pa-title",      //статус
//"pa-reg",        //Зарегистрирован
//"pa-invites", //Приглашений
//"pa-posts",      //Кол-во сообщений:
//"pa-respect",    //Уважение:
//"pa-positive",   //Позитив
//"pa-sex",        //Пол
//"pa-age",        //Возраст
//"pa-icq",        //Аська
//"pa-ip",         //IP Юзера
//"pa-time-visit", //Провел на форуме:
//"pa-last-visit", //Последний визит:
//"pa-online",     //Пользователь online - Не засовываем в спойлеры
//"pa-from",       //Откуда
//"pa-fld1",       //Доп.Поле.1
// 3 кнопка- ссылка на Картинку
"http://s7.uploads.ru/i6OCm.png",
"pa-fld2",       //Доп.Поле.2
"pa-fld3",       //Доп.Поле.3 
"pa-fld4",       //Доп.Поле.4
"pa-fld5",       //Доп.Поле.5
"award",      //Награды(только для rusff и ork)
"gift",         //Подарки(только для rusff и ork)
//Конец Списка,
"_End"); SetProvilSpoil(a1,a2,a3);
</script>
<!--Конец//=Cпойлер cкрытия Инфы под N-кнопок в Профиле Топик-->

<!--Оповещение о новых ЛС-->
<script type="text/javascript">
var str = new String(document.getElementById("navpm").innerHTML)
var str2 = new String(document.location)
if( (str.indexOf("(") != -1) && (str2.indexOf("messages.php") == -1) )
{
alert("У вас новое сообщение!")
}
</script>


<!-- //ПОДГРУЗКА КОНТЕНТА СМАЙЛОВ Ч2,HTML низ/ -->
<script>tstSmileLoad_2()</script>

<!--вверх вниз-->
<div style="position:fixed;z-index:500; right :0.5%; bottom: 3%;">
<a href="#top" onclick="scrollTo(0,0); return false;">
<img src="http://s6.uploads.ru/Wv2p3.png"></a>
<br>
<br>
<a href="#top" onclick="scrollTo(0, document.body.scrollHeight); return false;">
<img src="http://s7.uploads.ru/2D5sF.png"></a>
</div>



<script type="text/javascript">
var fld = document.getElementsByClassName("pa-fld1")
for(i=0;i<fld.length;i++){
fld[i].innerHTML=fld[i].innerHTML.substring(fld[i].innerHTML.indexOf(":")+1)
}
</script>

<script type="text/javascript">
var fld = document.getElementsByClassName("pa-fld2")
for(i=0;i<fld.length;i++){
fld[i].innerHTML=fld[i].innerHTML.substring(fld[i].innerHTML.indexOf(":")+1)
}
</script>

<script type="text/javascript">
var fld = document.getElementsByClassName("pa-fld3")
for(i=0;i<fld.length;i++){
fld[i].innerHTML=fld[i].innerHTML.substring(fld[i].innerHTML.indexOf(":")+1)
}
</script>








<script type="text/javascript">
$(".punbb .modmenu .container a").append(",")
</script>




<!-- выравнивание таблицы по верху -->
<style type="text/css">
#pun-main .topic .container .post-body .post-box .post-content table tbody tr td {vertical-align: top;}
</style>


<!-- нет аватара -->
<script type="text/javascript">
var DefAvtr="http://funkyimg.com/i/UZog.gif";
var s='<li class="pa-avatar item2"><img class="defavtr" src="'+DefAvtr+'" alt="Аватар"/></li>';$("li.pa-title").each(function(){if (($(this).parent("ul").find("li.pa-avatar").html())==null){$(this).after(s);};});
</script>











<!--обтекание изображения 2.4-->
<script language="javascript">
$(function(){
$('td#button-link').before('<td id="floatbut" style=\'background-image:url("http://s002.radikal.ru/i198/1009/43/f183caeae434.gif")\'></td>');
$('#floatbut, .vibor').click(function(){
$('div#float').toggle();});
$("div.post-content").map(function () {
text = $(this).html();
if(text.indexOf("[/float]") != -1) {
floats = /\[float=(.*?)\]([^\[]*)\[\/float\]/gi
$(this).html(text.replace(floats, "<span style='float: $1; margin: 15px; text-align: $1;'>$2</span>")); 
}
}); });
</script>
<div id="float" style="display:none;background:#FFFFCC;border:1px solid black; width:auto; padding:8px; position:absolute; margin-top:-32%; margin-left:35%; z-index:20">
<div><strong>Направление обтекания</strong></div><br>
<div align="center">
<img class="vibor" src="http://s001.radikal.ru/i193/1009/96/695abc799ddb.png" title="left" onclick="bbcode('[float=left]', '[/float]')" />
<img class="vibor" src="http://s002.radikal.ru/i199/1009/ac/95c10fcc7d82.png" title="right" onclick="bbcode('[float=right]', '[/float]')" />
</div></div>



<!--"Выделить код" в форме кода-->
<script type="text/javascript">
	function select_text(elem) {
    if(window.getSelection) {   
	var s=window.getSelection();   
	if(s.setBaseAndExtent){   
    s.setBaseAndExtent(elem,0,elem,elem.innerText.length-1);   
	}
	else {   
    var r=document.createRange();   
    r.selectNodeContents(elem);   
    s.removeAllRanges();   
    s.addRange(r);
	}   
    }
    else if(document.getSelection){   
	var s=document.getSelection();   
	var r=document.createRange();   
	r.selectNodeContents(elem);   
	s.removeAllRanges();   
	s.addRange(r);   
    }
    else if(document.selection){   
	var r=document.body.createTextRange();   
	r.moveToElementText(elem);   
	r.select();
    }   
	}
</script><script type="text/javascript">
var div = document.getElementById('pun-main').getElementsByTagName('div');
for(x in div){
	if(div[x].className=='code-box'){
div[x].getElementsByTagName('strong')[0].innerHTML = '<a href="#" onclick="select_text(this.parentNode.parentNode.childNodes[1].getElementsByTagName(\'pre\')[0]); return false;">ВЫДЕЛИТЬ КОД</a>';
	}
}
</script>
<!-- Настройка кнопок прокрутки вверх-вниз -->
<script type="text/javascript">
$(function(){
if ($(window).scrollTop()>="250") $("#ToTop").fadeIn("slow")
$(window).scroll(function(){
  if ($(window).scrollTop()<="250") $("#ToTop").fadeOut("slow")
  else $("#ToTop").fadeIn("slow")
});
if ($(window).scrollTop()<=$(document).height()-"999") $("#OnBottom").fadeIn("slow")
$(window).scroll(function(){
  if ($(window).scrollTop()>=$(document).height()-"999") $("#OnBottom").fadeOut("slow")
  else $("#OnBottom").fadeIn("slow")
});
$("#ToTop").click(function(){$("html,body").animate({scrollTop:0},"slow")})
$("#OnBottom").click(function(){$("html,body").animate({scrollTop:$(document).height()},"slow")})
});
</script>

<!-- Какие-то настройки таблиц -->
<script type="text/javascript">
$(document).ready(function() {
$("td.#MenuTxT div.submenutext").hide();
<!--$(".tabs span:first").addClass("active").show(); -->
$("td.#MenuTxT div.submenutext:first").show();
$("div.#menu span").click(function() {
    $("div.#menu span").removeClass("tabactive");
    $(this).addClass("tabactive");
    $("td.#MenuTxT div.submenutext").hide();
    var activeDiv = $(this).attr("alt");
    $("div."+activeDiv).fadeIn();
    return false; });
});
</script>

<script type="text/javascript">
PiarNik="PR";
PiarPas="1111";

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

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

Код:

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

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

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

/* 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 textarea, .punbb input, .punbb select, .punbb optgroup {
  font: 1em verdana, arial, helvetica, sans-serif
  }

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

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

/* A3.6 */
.punbb pre {
  font: 11px "Verdana"
  }

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

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

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

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

/* 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 0 auto; width: 1030px;
background: #CBC8C3 url("http://s3.uploads.ru/W7wZB.jpg") top center repeat-y;

  }

/* A5.2 */
.punbb {
  float: left;
  width: 960px;
  margin-left: 30px; 
  height: auto;

  }


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

/* 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 {
  border-style: none;
  border-width: 0px;
  }

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

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



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

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

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


/* B1.2 полоса в подписи*/
.punbb .post-sig dt {
  display: block;
  border-top: 1px dotted #676767;
  width: 100%;
  margin: 5px 0;
  }


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

/* B1.4 картинки в тексте */
.punbb .post-content img {
  vertical-align: text-bottom
  }

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

/* B1.6*/
.punbb .post-content .blockcode, .punbb .post-content blockquote {
  max-width: 910px!important;
  overflow: hidden; 
  }

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

/* B1.8 полная окантовка цитаты-хайда и пр*/
.punbb .post-content .quote-box {
  margin: 0.4em 1.8em 1.4em 1.2em;
  padding: 1em;
font-size: 10px;
  background: url(http://s3.uploads.ru/xurgc.jpg) #C0C0C0;
  border: 3px double #B7B7B7 !important;
text-align: justify;
  }
 .punbb .post-content .code-box {
  margin: 0.4em 1.8em 1.4em 1.2em;
  padding: 1em;
  background: url(http://s3.uploads.ru/xurgc.jpg) #C0C0C0;
  border: 3px double #B7B7B7 !important;
    text-align: justify;  }

/* B1.9 сами названия цитата-код-скрытый и пр*/
.punbb .quote-box cite, .punbb .code-box strong.legend {
  display: block;
  padding-bottom: 0.7em;
  font-size: 1.1em;
  font-weight: bold;
  font-style: normal;
  margin: 0; 
  }

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

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

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

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


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

/* B3.1 */
.punbb .linkst {
  float: left;
  position: relative;
  width: 100%;
  font-size: 1.1em;
  height: 0; 
  }

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

/* B3.3 верхние-страница*/
.linkst .pagelink {
  position: absolute;
  top: -3.4em;
  left: 2em;
  width: 24em; color: #2e2b1a;
  }

/* B3.4 ответить-верхнее*/
.linkst .postlink {
  position: absolute;
  top: -3.4em;
  right: 2em;
  width: 16em;
  text-align: right;
  font-weight: bold; 
  }

/* B3.5 блок нижние-страница-подписаться-ответить*/
.punbb .linksb {
  text-align: right;
  padding: 0.4em 1em 0.5em 1em;
  font-size: 1.1em; 
  }

/* B3.6 страница 1...54 */
.linksb .pagelink {
  float: left;
  width: 24em;
  text-align: left; color: #2e2b1a;
  }

/* B3.7 ответить-нижнее */
.linksb .postlink {
  float: right;
  width: 16em;
  font-weight: bold;
  }

/* B3.8 подписаться и отслеживать тему */
.subscribelink {
  clear:both;
  padding-top: 0.3em;
  padding-bottom: 0.5em;
  }


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

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

/* C1.1 под быстрым ответом все поле*/
.punbb .formal .container {
  padding: 1.7em 2.3em 1.1em 2.3em;
  }

/* C1.2 ответить-посмотреть вся линия*/
.punbb .formsubmit {
  padding: 0 0 0 1.7em;
  margin: 1em 0 0 0; 
  }

/* C1.3 отправить-посмотреть - кнопки*/
.punbb input {
color: #6d6d6d; 
padding:4px;
background:  #f4f4f4;
border: none !important;
 border-radius: 2px;
-webkit-border-radius:2px;
-khtml-border-radius:2px;
-moz-border-radius:2px;
-o-border-radius:2px;
}

.punbb .button {
background-color:#C0C0C0;
 border-radius: 2px;
-webkit-border-radius:2px;
-khtml-border-radius:2px;
-moz-border-radius:2px;
-o-border-radius:2px;
color: black !important;
border-bottom: 4px solid #9e9e9e !important;
font-size: 14px;
text-transform: uppercase;
font-family: arial narrow;
height:30px;
padding: 3px;
min-width:100px;
text-align:center;
}
.punbb .button:hover {
background-color:#9e9e9e;
color: black !important;
border-bottom: 4px solid #9e9e9e !important;
}


.bottom {  background-color: transparent;
color: #340100;
border: #B38854 1px solid !important;}



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

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

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

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

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

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

/* C1.10 сортировка ввод имен и прочие блоки*/
.punbb .inline .inputfield, .punbb .inline .selectfield, .punbb .inline .passfield {
float: left;
margin-right: 1em;
margin: 0 0.6em 0 0;
text-transform: uppercase;
font-weight: bold;
font-size: 10px;
text-align: center;
margin-bottom: 5px;
background-color:#C0C0C0;
 border-radius: 2px;
-webkit-border-radius:2px;
-khtml-border-radius:2px;
-moz-border-radius:2px;
-o-border-radius:2px;
color: black !important;
border-bottom: 4px solid #360000 !important; }

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

/* C2.2 второй и третий блок*/
.punbb .main .tc2, .punbb .main .tc3, .punbb .main .tcmod {
  text-align: center;
  width: 10%; 
  }

/* C2.3 третий блок*/
.punbb .main .tcr {
  overflow: hidden;
  text-align: left;
  width: 30%;
  }

/* C2.4 первый блок кроме заглавной страницы*/
#pun-userlist .main .tcl,
#pun-searchtopics .main .tcl,
#pun-modviewforum .main .tcl {
  width: 40%; 
  }

/* C2.5 второй блок кроме заглавного*/
#pun-userlist .main .tc2,
#pun-searchtopics .main .tc2 {
  text-align: left;
  width: 20%; 
  }

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

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

/* C2.8 названия подфорумов Новый Форум */
#pun-index .tcl h3 {
  font-size: 1.2em;
  font-weight: bold; 
color: #141414;
  }


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

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

/* C2.11 общая табличка*/
.punbb .main td {
  border-style: ridge none none ridge;
border-color: transparent;
  border-width: 0px;
  padding: 0.8em 1em; 
  }

/* C2.12 форум тем сообщений Имя статус*/
.punbb .main th {
  border-style: none none none ridge;
border-color: transparent;
  border-width: 0 0 0 1px;
  padding: 0.4em 1em 0.4em 1em; 
  }

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

/* C2.14 Отступы иконок */
.punbb td div.tclcon {
padding-top: 5px;
color: #2e2b1a;
font-size: 10px;
margin-left: 40px !important;
width: 380px;
padding: 5px !important;
text-align: justify;
}

/* C2.15 */
.punbb div.icon {
  float: left;
  display: block;
  width:40px;
  height: 40px;
  padding: 5px;
  margin-top: 1px;
  margin-left: -16px;
background-position: center;
background-repeat: no-repeat;
}



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

/* C3.1 полностью блок поста после ника и даты*/
.punbb .post .container {
  border-style: none ;
  border-width: 1px;
  margin-top: -1px;
  padding-bottom: 1px; 
  }

/* C3.2 аватар и дата*/
.punbb .post h3 {
  border-style: none;
  border-width: 0px; 
  }

/* C3.3 просто дата на посте */
.punbb .post h3 span {
  padding: 0.5em 1em;
  display: block;
  margin-left: 19em;
  }

/* C3.4 номер поста*/
.punbb .post h3 strong {
  float: right;
  width: 5em;
  text-align: right;
  font-weight: normal; 
  }


/* C3.5 ник*/
.punbb .post .post-author {
  float: left;
  width: 210px;
  margin-top: -1.5em;
  overflow: hidden;
  }

/* C3.6 полоса с профилем в посте*/
.punbb .post .post-author ul, .punbb .post .post-author p {
  line-height: 140%; }

/* C3.7 */
.pa-author {
  text-align: center; 
font-family: arial narrow;
font-style: normal;
text-transform: uppercase;
margin-top: 5px;
font-size: 16px;
color: #360000 !important;
}

.pa-avatar {
  font-size: 1.1em;
  font-weight: bold;
  text-align: center; 
margin-left: 0px;}

 



.pa-awards {
padding: 15px;!important}

.pa-avatar img, .punbb img.avatardemo, #profile-left img {
  border: 3px double #B7B7B7 !important;
  }

/* C3.8 */
.pa-author a { 
}

/* C3.9 статус и активен*/
li.pa-title {text-align: center;
  padding-bottom: 0.4em;
font-size: 10px;
text-transform: uppercase;
margin-bottom: 5px;
padding-top: 2px;
  }


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

li.pa-fld3, li.pa-fld2, li.pa-fld1 {
padding-left: 10px;
padding-right: 10px;  }


/* C3.11 тело поста без даты*/
.punbb .post-body {
  margin-left: 20em;
border: none;
  padding: 0 0 1px 0; 
  }

/* C3.12 снова пост, но чуть меньше*/
.punbb .post-box {
  padding: 2em; 
  }

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

/* C3.14 удалить редактировать и прочее*/
.punbb .post-links {
  margin-left: 19em;
border: none;
  }

/* C3.15 полностью строка с лс цитировать и прочим*/
.punbb .post-links ul {
  padding: 0 1em 0 0;
  height: 2em;
  line-height: 2em;
  margin-left: -19em;
 border: none;
  background: transparent;
  text-align: right; 
  }

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

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

/* C3.18 */
.punbb .clearer {
  clear: both;
  height: 0;
  font-size: 0;
  }
/* C3.19 */
.post-author ul {
    background: transparent repeat scroll 0 0;
padding-top: 0.0em;
    text-align: center;
}


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

/* C4.1 блок модменю и активны*/
.punbb .modmenu .container {
  padding: 0.5em 1em;
  text-align: right; 
  }

/* C4.2 рсс атом ники*/
.punbb .modmenu strong, .punbb .modmenu a {
  height: 1.8em;
  line-height: 1.8em; 
  }

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

/* C4.4 Кнопки переместить открыть закрыть*/
.punbb .modmenu input {
  margin-left: 1em; 
  }


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

/* C5.1 переадресация */
.punbb .info .container {
  padding: 0.8em 1em; 
  }

/* C5.2 нажмите сюда блок*/
.punbb .info .container .backlink {
  padding-top: 0.8em; 
  }


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

/* C6.1 профиль вместе с содержимым*/
#profile .container {
  padding-left: 18.6em; 
  }

/* C6.2 блок профиль-меню полностью*/
#profilenav {
  float: left;
  width: 14em;
  margin-left: -16.3em;
  display: inline; 
  }

/* C6.3 профиль-ссылочки*/
#profilenav li {
  padding-bottom: 0.8em;
  font-weight: bold; 
  }

/* C6.4 профиль по обводке*/
#viewprofile ul, #profilenav ul {
  border-style: solid;
  border-color: #c7c0af;
  border-width: 1px;
  padding: 1.5em 18px 0.8em 18px;
  margin: 0 0 1em 0; 
  }

/* C6.5 название профиль*/
#viewprofile h2, #profilenav h2 {
  background: transparent;
  border: none;
  padding: 0 0 0 0;
  margin: 0 14px -0.6em 14px; 
  }

/* C6.6 еще раз название профиль нормальное*/
#viewprofile h2 span, #profilenav h2 span {
  padding: 0 5px;
  position: relative; 
  }

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

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

/*C6.9 категории модераторства в управлении*/
#setmods dt {
  float: left;
  width: 14em;
  margin-left: -16em;
  padding: 0.8em 1em;
  font-weight: bold;
  display: inline; 
  }

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

/* C6.11 изображение аватара*/
.punbb img.avatardemo {
  float: right; 
  margin: 0 0 0.8em 1.8em; 
  }


/* C7 User list
-------------------------------------------------------------*/

/* C7.1 блок пониже участники*/
#pun-userlist .formal, #pun-userlist .formal .container {
  border-bottom: none;
  margin-bottom: 0; 
  }

/* C7.2 табличка юзеров от края до края*/
#pun-userlist .usertable .container {
  padding: 0 2.3em 2.3em 2.3em;
  border-top: none; 
  }

/* C7.3 просто табличка юзеров*/
#pun-userlist .usertable table {
  border: none;
  }


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

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

/* D1.1 все лого-шапка */
#pun-title {
  margin: 0;
  border-style: none;
  border-width: 0; 
  }

/* D1.2 блок с названием*/
#pun-title h1 {
  display : block;
  height : 40px;
  padding: 2em 1em 0 1em; 
  }

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


/* D1.4 одно названьице   шапка нормальная*/
#pun-title h1 span  {
height: 10px;
  font-size: 1.5em; display: none;
  }

#pun-title table {
	border: none;
	height: 444px;
	width: 1030px; 
 background-image: url("http://s2.uploads.ru/no0BY.jpg"); 
background-repeat: no-repeat;
background-position: center bottom;
background-color: tansparent;
margin-left: -30px;
}


/*блок до баннера*/
#pun-title td.title-logo-tdl {
	border: none;
	width: 100%; }


/*блок баннера*/
#pun-title td.title-logo-tdr {
	border: none;
vertical-align: top;
   top: 0px;
margin-left: -440px;
margin-top: 50px;
position: absolute; 
}

/* 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 {
  border-style: none;
  border-width: 0;
  margin: 0px; 
z-index: 10;
font-weight: bold !important;
font-family: arial;

  }

/* D3.2 */
#pun-navlinks .container {
  padding: 0.7em 1em;
font-weight: bold !important;
  }

/* D.3 */
#pun-navlinks li {
font-weight: bold !important;
font-family: arial;
  display: inline;
  padding-right: 1em;
  }


/* D3.4 */
#pun-navlinks li a {
font-weight: bold !important;
font-family: arial;
  font-size: 1.1em;
  font-weight: normal;
  }

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

/* D4.1 */
#pun-ulinks  {
  margin-top: 0;
  }

/* D4.2 */
#pun-ulinks .container {
  border-top: none;
  padding: 0.5em 1em;
  }

/* D4.3 */
#pun-ulinks li, #pun-ulinks li a {
  display: inline;
  border-left-style: solid;
  border-left-width: 0px;
  white-space: nowrap;

font-size: 12PX !important;
color: #A1A1A1 !important;
font-family: arial narrow;
text-align: top center;
font-weight: normal !important;

margin-top: -10px;
text-decoration: none;
  }

#pun-ulinks li a:hover{    color: #323232 !important;}


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

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


/* D5 Welcome box and Top Breadcrumbs
-------------------------------------------------------------*/

/* D5.1 приветствие и фонд*/
#pun-status, #pun-status .container, #pun-status .container a {
  border-bottom: none;
  margin-bottom: 0; color: #525252;


  }

/* D5.2 */
#pun-status .container {
  padding: 0.8em 1em 1em 1em; 
  }

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

/* D5.4 навигация-верх */
#pun-crumbs1 {
  font-weight: bold;
  overflow: hidden;
  margin-top: 0; 
  }

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

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

#pun-break2, #pun-break3 {border: none; }


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

/* D6.2 Название Объявление*/
#pun-announcement h2 span {
  display: none;
  padding: 1em 0 0.8em 0;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  }

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

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

/* D7.1 ниже статистики все*/
#pun-stats .container {
  padding: 0.8em 1em; color: #525252;
  }

/* D7.2 всего тем сообщений*/
#pun-stats li.item1, #pun-stats li.item2 {
  float: left;
  clear: both;
  line-height: 150%; 
  }

/* D7.3 тем сообщений участники вся полоска*/
#pun-stats li.item3, #pun-stats li.item4 {
  text-align: right;
  line-height: 150%; 
  }

/* D7.4 активны посетители за сутки*/
li#onlinelist {
  margin-top: 1em;
  border-top-style: none;
  border-top-width: 1px;
  float: left;
  width: 100%;
  line-height: 130%; 
  }

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

/* D8 Quick Jump - About - Bottom Breadcrumbs
-------------------------------------------------------------*/

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

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

/* D8.3 создай свою ролевую - в общем копирайт сервисный*/
#pun-about {
  margin-top: 0; 
  }

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

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

/* D8.6 навигация низ*/
#pun-crumbs2 {
  font-weight: bold;
  overflow: hidden;
  margin-bottom: 0;
  border: none; 
  }

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

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

/* D8.9 создать в админке*/
div.punbb-admin #pun-about .container {
  border-top-style: solid;
  border-top-width: 1px; 
  }

.punbb-admin, #pun-admain1 .adformal p, #pun-admain fieldset p{ background-color: transparent !important; border-left-color: #ECECEC !important }
#pun-admain fieldset, .adcontainer {border-color: transparent !important; 
border-left-color: #ECECEC !important; 
border-right-color: #ECECEC !important; 
border-bottom: transparent !important; }

/* 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: 11px "Verdana"
  }

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


.title-logo-tdr *, #tieser-bottom{ 
  filter:alpha(opacity=80)!important; 
  opacity: 0.8!important;  
  -moz-opacity: 0.8!important;  
  -khtml-opacity: 0.8!important; 
} 
.title-logo-tdr *:hover, #tieser-bottom:hover{ 
filter:alpha(opacity=100)!important; 
opacity: 1.0!important;  
-moz-opacity: 1.0!important;  
-khtml-opacity: 1.0!important; 
}


#button-spoiler {
    background: url("http://forumupload.ru/uploads/000f/c1/d3/2092-4.gif ") no-repeat scroll 50% 50% transparent;}



.ams { padding: 10px;
width: 1030px;
height: 30px;
position: absolute; 
letter-spacing: 0px;
color: rgb(151, 151, 151);
z-index: 7;  
font-size: 10px;
text-align: justify;
top: 192px;  /*отступ сверху*/
margin-left: 0px !important;  /*сдвиг*/
}


.postec { padding: 10px;
width: 290px;
height: 120px;
position: absolute; 
letter-spacing: 0px;
color: black;
z-index: 7;  
font-size: 10px;
text-align: justify;
top: 285px;  /*отступ сверху*/
margin-left: 480px !important;  /*сдвиг*/
overflow: auto;
padding-right: 5px;
}

.tablica { padding: 10px;
width: 1030px;
height: 25px;
position: absolute; 
letter-spacing: 0px;
color: rgb(151, 151, 151);
z-index: 7;  
font-size: 10px;
text-align: justify;
top: 427px;  /*отступ сверху*/
margin-left: 0px !important;  /*сдвиг*/
}



.tablica1 { padding: 10px;
width: 290px;
height: 60px;
position: absolute; 
letter-spacing: 0px;
color: black;
z-index: 7;  
font-size: 10px;
text-align: justify;
top: 220px;  /*отступ сверху*/
margin-left: 480px !important;  /*сдвиг*/
overflow: auto;
padding-right: 5px;
}



.tablica2 { padding: 10px;
width: 300px;
height: 190px;
position: absolute; 
letter-spacing: 0px;
color: black;
z-index: 7;  
font-size: 10px;
text-align: justify;
top: 220px;  /*отступ сверху*/
margin-left: 180px !important;  /*сдвиг*/
overflow: auto;
padding-right: 5px;
}



.need { padding: 10px;
width: 200px;
height: 90px;
position: absolute; 
letter-spacing: 0px;
color: #8c9ca5;
z-index: 7;  
font-size: x-small;
top: 215px;  /*отступ сверху*/
margin-left: -25px !important;  /*сдвиг*/
}

.need1 { padding: 10px;
width: 200px;
height: 90px;
position: absolute; 
letter-spacing: 0px;
color: #8c9ca5;
z-index: 7;  
font-size: x-small;
top: 237px;  /*отступ сверху*/
margin-left: -25px !important;  /*сдвиг*/
}



.need2 { padding: 10px;
width: 200px;
height: 90px;
position: absolute; 
letter-spacing: 0px;
color: #8c9ca5;
z-index: 7;  
font-size: x-small;
top: 259px;  /*отступ сверху*/
margin-left: -25px !important;  /*сдвиг*/
}

.need3 { padding: 10px;
width: 200px;
height: 90px;
position: absolute; 
letter-spacing: 0px;
color: #8c9ca5;
z-index: 7;  
font-size: x-small;
top: 281px;  /*отступ сверху*/
margin-left: -25px !important;  /*сдвиг*/
}

#pun-about p.container {text-align: center;}



a.sbla:link, a.sbla:visited {
border-left: #471B12 4px solid;
border-right: #471B12 4px solid;
display: block;
height: 10px;
margin-bottom: 1px;
text-transform: lowercase;
font-size: 10px;
font-style: normal;
letter-spacing: 0px;
font-weight: normal;
background: #1c1c1c;
color: rgb(151, 151, 151);
text-align: center;
padding: 2px 2px 2px 0px;}

a.sbla:hover, a.sbla:active {
border-left: #471B12 4px solid;
border-right: #471B12 4px solid;
display: block;
text-transform: lowercase;
font-size: 10px;
height: 10px;
font-style: normal;
letter-spacing: 0px;
font-weight: normal;
background: #2a2a2a;
text-decoration: none;
text-align: center;
padding: 2px 2px 2px 0px;}




/*********************************************************
E - ДРУГОЕ
*********************************************************/
/* E1 Скроллбар
-------------------------------------------------------------*/
/* E1.1 - ширина прокрутки */
::-webkit-scrollbar {
width: 6px;
}
/* E1.2 - прокрутка на общей странице, по которой ездит ползунок */
::-webkit-scrollbar-track {
background: #C0C0C0;
border: #929292 solid 1px;
}
/* E1.3 */
::-webkit-scrollbar-thumb{
background: #360000;
}
/* E1.4 - ползунок после нажатия на него мышкой */
::-webkit-scrollbar-thumb:active {
background: #360000;
}



#pun-about p.container {text-align: center;}




hr {
border: none;
  border-top: 1px dotted #676767;}


.rotation {
  display: none;
}

#copyright {
background: transparent url(http://s2.uploads.ru/1Wezw.png);
background-position: center bottom !important; 
background-repeat: no-repeat; 
border: none !important; 
margin-left: -30px;
margin-bottom: -11px !important;
width: 1030px;
text-align: center;
height: 75px !important;}

Код:

/* CS1 Background and text colours
-------------------------------------------------------------*/
body {background: #dadada url(http://s6.uploads.ru/tmTsZ.jpg) repeat fixed;}

/* CS1.1 */
.punbb .section .container, .punbb .post-body, .punbb .post-links,
.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: #2b2b2b;
  }
 
.punbb td.tc2, .punbb td.tc3 {
	background-color: transparent;
	color: #2b2b2b;   }


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

/* CS1.3 .punbb .main .category h2, .punbb .main h2, */
#pun-stats h2, .punbb .main h1, #pun-debug h2, .punbb-admin #pun-admain h2 {
  background-color: transparent;
  color: #2b2b2b;
 font-size: 12px;
font-weight: bold;
 text-align: center; 
text-align: left;
  }

#pun-redirect h1{    background-color: transparent; color: #2b2b2b;
  text-shadow: 1px 0px 2px #dfd9cc;
font-size: 14px;
font-weigh: bold !important;
text-align: center;
}


/* CS1.4 */
#pun-title, #pun-title .container, .punbb .modmenu .container {
  background-color: transparent;
  color: #2b2b2b;
  }


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


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


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


/* CS1.8 */
#pun-navlinks .container {
  background-color: transparent;
text-align: center;
text-shadow: black 1px 1px 0px;
  }

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

.punbb textarea, .punbb input {
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  background: url(http://s3.uploads.ru/xurgc.jpg) #C0C0C0;
  border: 3px double #B7B7B7 !important;

}

.selectfield, .punbb select {margin: 0 0.6em 0 0;
text-transform: uppercase;
font-weight: bold;
font-size: 10px;
text-align: center;
margin-bottom: 1px;
  background-color: transparent;
padding: 2px;
background-color:#C0C0C0;
 border-radius: 2px;
-webkit-border-radius:2px;
-khtml-border-radius:2px;
-moz-border-radius:2px;
-o-border-radius:2px;
color: black !important;
border-bottom: 4px solid #360000 !important;
padding: 2px 10px 2px 10px;}


.punbb .post h3 span {
  background-color: transparent;
color: #1F1F1D; border-left: #cfc9bf;}


.punbb .post h3 span {
  background-color: transparent;
color: #2b2b2b; border-left: #cfc9bf;}


#pun .punbb .section {background-color: transparent; }
#pun-title .title-logo span {display: none;}

#pun-ulinks .container {text-align: center;}


/* CS2 Border colours
-------------------------------------------------------------*/

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

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

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

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


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

/* CS2.6 */
.punbb .quote-box, .punbb .code-box {
  background: url(http://s3.uploads.ru/xurgc.jpg) #C0C0C0;
  border: 3px double #B7B7B7 !important;

  }

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

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

.punbb .divider {
  border: #cfc9bf 1px solid;
  }

.punbb .formal fieldset .post-box, .punbb .info-box {
  border: 1px solid #B38854;
background-color: transparent;
  }

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

/*цвет разделителя между постом и подписью*/
.punbb .post-sig dt {
  border-top-color: #676767 !important;
  }


/* CS3 Links
-------------------------------------------------------------*/

/* CS3.1 */

.punbb a, .punbb a:link, .punbb a:visited,
.punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited {
  color: #660E0E;
  text-decoration: none;
font-weight: bold;

  }

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


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


/* CS3.3 */
#pun-navlinks a {
color: #660E0E !important;
font-family: times new roman;
  border-bottom: 0px none transparent;
  text-decoration: none;
text-shadow: black 1px 1px 0px;
  }



/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
color: #7C2424 !important;
font-style: normal;
text-shadow: black 1px 1px 0px;
  text-decoration: none;
  }


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

#pun-stats.section .statscon .container #onlinelist.item7 {display: none;} 


/* CS4 Post status icons
 -------------------------------------------------------------*/


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


/*цифры - кол-во страниц в теме*/
.linkst .pagelink, .linkst .postlink, .punbb .linksb, 
.linksb .pagelink,  .linksb .postlink, .subscribelink,
{color: black;}


/*быстрая навигация Форум>>тема>>дата сообщения*/
#pun-crumbs2 .container, #pun-crumbs1 .container {color: black;}


div.icon {
	background: url(http://s7.uploads.ru/Fcq3Z.png) no-repeat;
}

tr.inew div.icon {  float: left;
  display: block;
  width: 40px;
  height: 40px;
background: url(http://s2.uploads.ru/NeWdw.png) no-repeat center;
}



/*названия форумов на главной (Новый форум)*/
.hasicon .alt1 .tcl .intd .tclcon h3 a, .hasicon .alt2 .tcl .intd .tclcon h3 a {  font-weight: bold; 
color: #660E0E;
text-transform: uppercase;
text-shadow: #ece0c6 1px 1px 0px;
text-decoration: none;
}

/*названия форумов на главной (Новый форум) - при наведении*/
.hasicon .alt1 .tcl .intd .tclcon h3 a:hover, .hasicon .alt1 .tcl .intd .tclcon h3 a:focus, .hasicon .alt2 .tcl .intd .tclcon h3 a:hover, .hasicon .alt2 .tcl .intd .tclcon h3 a:focus {  font-weight: bold; 
color: #370000; 
text-transform: uppercase;
text-shadow: #ece0c6 1px 1px 0px;
}

/*насыщенность баннеров*/
#banners a img {opacity:0.4; -moz-opacity:0.4; filter:alpha(opacity=40);}
#banners a:hover img {opacity:1.0; -moz-opacity:1.0; filter:alpha(opacity=100);}


/*фон для выпадающих частей формы ответа (шрифт, размер текста, смайлики и т.д.)*/
#size-area, #font-area, #color-area, #smilies-area, #keyboard-area, #imageup-area {background-color: transparent}

#grey a img {-webkit-filter: grayscale(100%);
filter: grayscale(100%);
opacity:0.65; -moz-opacity:0.65; filter:alpha(opacity=65);}
#grey a:hover img {
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
opacity:1.0; -moz-opacity:1.0; filter:alpha(opacity=100);}



.lastedit {text-align: right; color: transparent; font-size: 0px;}

#icons a img {
opacity:0.5; -moz-opacity:0.5; filter:alpha(opacity=30);
}

#icons a:hover img {
opacity:1.0; -moz-opacity:1.0; filter:alpha(opacity=100);
}


.punbb .main h2 {color: transparent; 
font-size: 0px !important;}  /*делает прозрачным текст категорий*/

#pun-category1 h2 {height: 35px; width: 1000px; margin-left: -15px; background-image: url("http://s3.uploads.ru/367Ho.jpg"); background-repeat: no-repeat; background-position: center center;}

#pun-category2 h2 {height: 35px; width: 1000px; margin-left: -15px; background-image: url("http://s3.uploads.ru/TzvB6.jpg"); background-repeat: no-repeat; background-position: center center;}

#pun-category3 h2 {height: 35px; width: 1000px; margin-left: -15px; background-image: url("http://s2.uploads.ru/CTqWR.jpg"); background-repeat: no-repeat; background-position: center center;}

#pun-category4 h2 {height: 35px; width: 1000px; margin-left: -15px; background-image: url("http://s7.uploads.ru/03PjU.jpg"); background-repeat: no-repeat; background-position: center center;}




.tooltip {
	position: relative;
	}
.tooltip em {
	display: none;
	}
.tooltip:hover em {
	font-style: normal;
	display: block;
	position: absolute;
 	background: #080808;
	color: silver;
	padding: 10px 10px;
	bottom: 13px;
	right: 5;
        margin-left: -5px;
	box-shadow: 0 0 5px #ccc;
 	border-radius: 5px;
	-webkit-border-radius: 5px;
 	-moz-border-radius: 5px;
	-webkit-box-shadow: 0 0 5px #000000;
	-moz-box-shadow: 0 0 5px #000000;
}
.tooltip:hover em i {
	position: RELATIVE;
	bottom: -7px;
	right: 5px;
	border-top: 7px solid #000;
	border-left: 7px solid transparent;
	display: block;
}




.wins {
	position: relative;
	}
.wins em {
	display: none;
	}
.wins:hover em {
	font-style: normal;
	display: block;
	position: absolute;
 	background: #080808;
	color: silver;
	padding: 10px 10px;
	bottom: 13px;
	right: 5;
        margin-left: -5px;
	box-shadow: 0 0 5px #ccc;
 	border-radius: 5px;
	-webkit-border-radius: 5px;
 	-moz-border-radius: 5px;
	-webkit-box-shadow: 0 0 5px #000000;
	-moz-box-shadow: 0 0 5px #000000;
}
.wins:hover em i {
	position: RELATIVE;
	bottom: -7px;
	right: 5px;
	border-top: 7px solid #000;
	border-left: 7px solid transparent;
	display: block;
}















/*Фон мини-профиля в Топике*/
.punbb .post .post-author {
  background: url(http://s3.uploads.ru/xurgc.jpg) #C0C0C0;
  border: 3px double #B7B7B7 !important;
margin-left: 5px;
width: 200px;
color: #262314;}


b, p strong {
color: #660E0E;
}

.ex1 {
font-family: Verdana;
font-size: 10px;
text-align: center;
border-radius: 7px;
background-color: #ababab;
width: 190px;}

#nav {
position: absolute;
top: 0px;
left: 0px;
}

.nav {
background: #939594;
display:inline-block;
cursor:pointer;
color:#606163;
font-family: verdana;
text-transform: uppercase;
font-size:10px;
font-weight:bold;
padding: 1px 10px 1px 10px;
text-align: center;
}

#nav a {
color:#606163 !important;
}

#nav a:hover {
color: maroon!important;
}


.tooltip1 {
	position: relative;
	}
.tooltip1 em {
	display: none;
	}
.tooltip1:hover em {
	display: block;
	position: absolute;
	background: #1a1a1a url(http://sh.uploads.ru/s1AqT.png) repeat fixed;
	color: #535352;
	padding: 5px;
	margin-top: -104px;
	margin-left: -25px;
	width: 990px;
        height: auto;
border-top: #2E0203 solid 10px;
text-align: justify;

}
.tooltip1:hover em i {
	position: absolute;
	margin-top: 7px;
	margin-left: -25px;
	border-top: 7px solid #000;
	border-left: 7px solid transparent;
	display: block;
}



.renoheader {
 background: transparent;
 }

.renoheaderhover {
width: 900px; 
height: 200px; 
opacity: 0; 
transition-duration: 1s;  
-moz-transition-duration: 1s;  
-webkit-transition-duration: 1s;  
-o-transition-duration: 1s;
margin-top: 56px;
margin-left:-4px;
position: absolute;
 }

.renoheaderhover:hover {
color: #ededed;
width: 900px; 
height: 200px; 
background-color: transparent;
opacity: 1.0;
 }

.renoheadercontent {
width: 900px; 
height: 200px; 
background: transparent; 
color: #ededed; }