Замешательство сильва было очаровательным и обезоруживающим. Каредад спрятал улыбку, более искреннюю, чем недавнее дружелюбие, и пожал руку вконец смущенному воину. Его цветущее лицо и открытая прямота не могли не подкупить храмовника, страдающего от отсутствия душевного понимания, хотя иногда Каредад был совсем не прочь посмеяться над наи

Замешательство  пожал руку вконец смущенному воину. Его цветущее лицо и открытая прямота не могли не подкупить храмо сильва было очаровательным и обезоруживающим. Каредад спрятал улыбку,

Замешательство сильва было очаровательным и обезоруживающим. Каредад спрятал улыбку, пожал руку вконец смущенному воину. Его цветущее лицо и открытая прямота не могли не подкупить храмо

Замешательство сильва было очаровательным и обезоруживающим. Каредад спрятал улыбку, более искреннюю, чем недавнее дружелюбие,

более искреннюю, чем недавнее дружелюбие,

более искреннюю, чем недавнее дружелюбие,

и пожал руку вконец смущенному воину. Его цветущее лицо и открытая прямота не могли не подкупить храмовника, страдающего от отсутствия душевного понимания, хотя иногда Каредад был совсем не прочь посмеяться над наи

Замешательство сильва было очаровательным и обезоруживающим. Каредад спрятал улыбку, более

Код:

искреннюю, чем недавнее дружелюбие, и пожал руку вконец смущенному воину. Его цветущее лицо и открытая прямота не могли не подкупить храмо

вника, страдающего от отсутствия душевного понимания, хотя иногда Каредад был совсем не прочь посмеяться над наи

и еще один внутри

пааа

Код:

<style>
.lastedit {
display: none;
}

#pun-announcement h2 span{
display: none;
}

</style>


<style>
#pun, #pun-viewtopic, #pun .punbb, .punbb .main  {
font: normal 500 14px "Times New Roman" !important;
}
</style>
<style>
   .leftimg {
    float:left; /* Выравнивание по левому краю */
    margin: 7px 7px 7px 0; /* Отступы вокруг картинки */
   }
   .rightimg  {
    float: right; /* Выравнивание по правому краю  */ 
    margin: 7px 0 7px 7px; /* Отступы вокруг картинки */
   }
  </style>

<div style="height: 275px; width: 170px; top: 770px; margin-left: 600px; position: absolute; z-index: 100; font-size: 1em; color: #42250e;">
<style>#КонтентРотатор p{display:none}</style>
<div id="КонтентРотатор" style="width:170px;"
align="center"><!-- Ротатор произвольного контента -->

<p><b><font size=3em color=#980f1c>Требуется в игру!</font></b>
<br><img src=http://s2.uploads.ru/WmdID.jpg>
<br><b>Сид Броксвелл</b>
<br>Канонический Хранитель, бывший Белый Бутон
<br><br><i>30 лет, молодой отшельник. Замкнутый, нелюдимый, меж тем безмерно добр ко всем, кто нуждается в его помощи...<a href=http://roseswar.rolka.su/viewtopic.php?id=405#p9290>читать далее</a></i></p>

<p><b><font size=3em color=#980f1c>Требуется в игру!</font></b>
<br><img src=http://s3.uploads.ru/6BGzn.jpg>
<br><b>Мернери Джонс</b>
<br>Канонический Хранитель, бывший Алый Бутон
<br><br><i>40 лет. Хозяин местного трактира. Добродушный и общительный, яркий, веселый и очень мудрый...<a href=http://roseswar.rolka.su/viewtopic.php?id=405#p9290>читать далее</a></i></p>

<p><b><font size=3em color=#980f1c>Требуется в игру!</font></b>
<br><img src=http://s3.uploads.ru/ngpay.jpg>
<br><b>Амели Леруа</b>
<br>Канонический Хранитель, бывший Черный Бутон
<br><br><i>34 года. Хозяйка библиотеки. Несколько надменна, прозорлива и наблюдательна, ценит порядок...<a href=http://roseswar.rolka.su/viewtopic.php?id=405#p9290>читать далее</a></i></p>

<p><b><font size=3em color=#980f1c>Требуется в игру!</font></b>
<br><img src=http://s2.uploads.ru/ve8fo.jpg>
<br><b>Амайя Нирэн</b>
<br>Канонический персонаж, бывший Белый Бутон
<br><br><i>13 лет. Замкнута, недоверчива, бесконфликтна. Странно разговаривает, много мечтает...<a href=http://roseswar.rolka.su/viewtopic.php?id=405#p9290>читать далее</a></i></p>

<p><b><font size=3em color=#980f1c>Требуется в игру!</font></b>
<br><img src=http://s2.uploads.ru/K62jt.jpg>
<br><b>Кэтрин Соломон</b>
<br>Нужный персонаж, 
<br>Голубая Роза
<br><br><i>18 лет. Умна и амбициозна, самоуверенна, падка на лесть. Несколько наглая, грубая, но добра и отзывчива...<a href=http://roseswar.rolka.su/viewtopic.php?id=405#p9203>читать далее</a></i></p>

<p><b><font size=3em color=#980f1c>Требуется в игру!</font></b>
<br><img src=http://s3.uploads.ru/mEgP9.jpg>
<br><b>Иммануэль Лепприкон</b>
<br>Нужный персонаж, 
<br>Белая Роза
<br><br><i>12 лет. Жизнерадостный ребенок, вечно смеющийся и довольный...<a href=http://roseswar.rolka.su/viewtopic.php?id=405#p9203>читать далее</a></i></p>

<p><b><font size=3em color=#980f1c>Требуется в игру!</font></b>
<br><img src=http://s2.uploads.ru/w3FnQ.jpg>
<br><b>Александр де Виль</b>
<br>Нужный персонаж, 
<br>Алая Роза
<br><br><i>16 лет. Циничен, не в меру любопытен, нетерпелив, стремится быть в центре событий...<a href=http://roseswar.rolka.su/viewtopic.php?id=405#p9203>читать далее</a></i></p>


<p><b><font size=3em color=#980f1c>Требуется в игру!</font></b>
<br><img src=http://s3.uploads.ru/3Is7a.jpg>
<br><b>Сильвер Ревьера</b>
<br>Нужный персонаж, 
<br>Орден на выбор
<br><br><i>19 лет. Сын мэра города, общительный, обаятельный, бессовестный и безответственный...<a href=http://roseswar.rolka.su/viewtopic.php?id=405#p9203>читать далее</a></i></p>

<p><b><font size=3em color=#980f1c>Требуется в игру!</font></b>
<br><img src=http://s7.uploads.ru/OIgNA.jpg>
<br><b>Миа Д'Овернье</b>
<br>Нужный персонаж, 
<br>Белая Роза
<br><br><i>15 лет. Прямолинейна, порядочна, обладает уравновешенным характером... <a href=http://roseswar.rolka.su/viewtopic.php?id=405#p9290>читать далее</a></i></p>

<p><b><font size=3em color=#980f1c>Требуется в игру!</font></b>
<br><img src=http://s3.uploads.ru/AU3Qz.jpg>
<br><b>Хэнна Уилан</b>
<br>Нужный персонаж, 
<br>Алая Роза
<br><br><i>16 лет. Критик. Прямолинейна, привыкла говорить все, как есть...<a href=http://roseswar.rolka.su/viewtopic.php?id=405#p9203>читать далее</a></i></p>

<p><b><font size=3em color=#980f1c>Требуется в игру!</font></b>
<br><img src=http://s2.uploads.ru/6MTBO.jpg>
<br><b>Эйрин Хили</b>
<br>Нужный персонаж, 
<br>Черная Роза
<br><br><i>10 лет. Болезненна, живёт особенной, обособленной от остальных жизнью, однако пристально наблюдает...<a href=http://roseswar.rolka.su/viewtopic.php?id=405#p9203>читать далее</a></i></p>

<p><b><font size=3em color=#980f1c>Требуется в игру!</font></b>
<br><img src=http://s2.uploads.ru/3zWap.jpg>
<br><b>Эльза Дитрих</b>
<br>Нужный персонаж, 
<br>Черная Роза
<br><br><i>17 лет. Воплощение нигилизма. Никаких правил, никаких авторитетов, никаких принципов...<a href=http://roseswar.rolka.su/viewtopic.php?id=405#p9203>читать далее</a></i></p>


</div>
<script language="javascript">
var sek = 30000;  // Время отображения
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>



<style type="text/css"> 
#pun-stats ul.container {
        background: transparent url() no-repeat;
        padding-left: 87px;
}
</style>





<style>	
#menu {
margin-top: 15px;
width: 160px;
height: 40px;
background-repeat : no-repeat;}

#menu span {
text-align:left;
display:block;
margin-left: 5px;
padding-top: 10px;
}
#submenu, #menu span {
    border-radius:5px;
    -webkit-border-radius:5px;
    -khtml-border-radius:5px;
    -moz-border-radius:5px;
    -o-border-radius:5px;
background-color: transparent;
}

#menu .tabactive {
color: #000000;
    background-color: transparent;
}

#submenu {
padding-top: 15px;
text-align: center;
font-size: 1em;
width: 300px;
}

.submenutext {
display: none; 
height: 40px;
}
</style>


<script type="text/javascript">
  jQuery(document).ready(function () {
  jQuery('.yrarrows .top').click(function () {
    jQuery('html, body').stop().animate({scrollLeft: 0, scrollTop:0}, 1000);
    return false;
  });
  jQuery('.yrarrows .bottom').click(function () {
    jQuery('html, body').stop().animate({scrollLeft: 0, scrollTop:jQuery('body').height() - jQuery(window).height()}, 1000);
    return false;
  });
});
</script>
<div class="yrarrows" style="position:fixed; right:0.3%; bottom:45%;"><a title="Наверх" href="#top" class="top"><img src="http://night-guardians.ucoz.ru/Images_for/vverkh.png" alt="В верх страницы" border="0"></a>
<br/><br/>
<a href="#bottom" class="bottom" title="Вниз"><img src="http://night-guardians.ucoz.ru/Images_for/vniz.png"  alt="В низ страницы" border="0"></a></div>

Код:

<script type="text/javascript">
var nrisunok="http://savepic.net/4160164m.gif";
if( (document.getElementById("navpm").innerHTML.indexOf("(") != -1))
{
document.getElementById("navpm").innerHTML="<img src='"+nrisunok+"'> "+document.getElementById("navpm").innerHTML;
};
</script>

<!--Цветовыделение ников-->
<script type="text/javascript">
    var arr=document.links
    var arr1=new Array ("Кассандра де Виль", "Звестасия де Марнион", "000", "---")
    var arr2=new Array ("---", "---")
    var arr3=new Array ("...", "Rose Master", "...", "...")
    for (x in arr)
    {for (y in arr1)
    {if (arr[x].innerHTML==arr1[y])
    {
    arr[x].innerHTML="<font color='#980f1c'>"+arr[x].innerHTML+"</font>"}
    }}

    for (x in arr)
    {for (j in arr2)
    {if (arr[x].innerHTML==arr2[j])
    {
    arr[x].innerHTML="<font color='#8cad46'>"+arr[x].innerHTML+"</font>"}}}

    for (x in arr)
    {for (l in arr3)
    {if (arr[x].innerHTML==arr3[l])
    {
    arr[x].innerHTML="<font color='#a9731d'>"+arr[x].innerHTML+"</font>"}}}

    </script>

<!--Личное сообщение-->
<script language="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>

<script><!--Своя картинка или Слово в Панель навигации -->
    var Img_Word=0;   //0-Картинка;1-Cлово /Ставим картинку или Слово ?
       navlinks=new Array(
      "navindex","http://savepic.net/4166503m.png",   // Форум
      "navuserlist","http://savepic.net/4157287m.png",// Участники
      "navrules","http://savepic.net/4140903m.png",   // Правила
      "navsearch","http://savepic.net/4142950m.png",  // Поиск
      "navprofile","http://savepic.net/4142951m.png", // Профиль
      "navpm","http://savepic.net/4130662m.png",      // Сообщения
      "navadmin","http://savepic.net/4135783m.png",   // Администрирование
      "navregister","http://savepic.net/4133735m.png",// Регистрация
      "navlogin","http://savepic.net/4194169m.png",   // Войти
      "navlogout","http://savepic.net/4194150m.png"   // Выход - !ПОСЛЕДНИЙ элемент без запятой
    )

    var s,i;for (i=0; i < navlinks.length; i++){s=navlinks[i+1];
       if(!Img_Word){s='<img class="navlinks" src="'+s+'" border="0" />'}
       $("#"+navlinks[i]+" a").html("<span>"+s+"</span>");i++;}
    </script>


<script>
var sek = 100;
function setNagrad(){
indexof="<img src='http://savepic.net/4133553m.png' >"
str = document.getElementById("navawards").innerHTML
pos = str.indexOf("Награды")
document.getElementById("navawards").innerHTML=str.substring(0,pos)+indexof+str.substring(pos+7,str.length-1)
}
TestRotatorMycontent()
function TestRotatorMycontent() {
if($("#pun-navlinks #navawards").length>0){setNagrad();return;}
timerID = setTimeout("TestRotatorMycontent()",sek);return;}
</script>

<div style="margin-left: 10px;
position: absolute;
margin-top: 70px;
font-weight: bold;
font-size: 1.2em;
font-family: georgia;">
<div id="Banners"><a href=http://roseswar.rolka.su/pages/banners>Banners</a>
</div>
</div>



<div style="margin-left: 578px;
position: absolute;
margin-top: 45px;>
<div id="Catalogs">
<a href="http://forroll.forum24.ru/" target="_blank"><img src="http://storage7.static.itmages.ru/i/11/1212/h_1323710364_3512492_e9f49859fc.jpeg" height="31" width="88" border="0" alt="Форролл, рекламные объявления ФРИ, общение админов и мастеров"></a><a href="http://whitepiar.ru" title="Здесь может быть ваша реклама!" target=_blank> <img src="http://forumstatic.ru/files/0010/0e/ae/60444.gif" border="0" alt="White PR"></a>
</div>
</div>

<div style="margin-left: 578px;
position: absolute;
margin-top: 78px;>
<div id="Catalogs2"><a target="_blank" href="http://tank.mybb.ru" title="Ролевой Каталог 'ТАНКЪ'"><img src="http://i912.photobucket.com/albums/ac325/2510-img/Tank/tank_banner.gif" border="0"></a>
<a href="http://lylife.ru/" title="Ты еще не с нами?" target=_blank> <img src="http://forumstatic.ru/files/000b/09/4f/76237.gif" border="0" alt="Live Your Life"></a>
</div>
</div>


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


<img src="http://savepic.net/4178803.png" style="width: 876px; margin-left: -9px; margin-bottom: -15px">



<link rel="SHORTCUT ICON" href="http://" type="image/x-icon">
<link rel="shortcut icon" href="http://" type="image/vnd.microsoft.icon">
<link rel="icon" href="http://" type="image/vnd.microsoft.icon">


<link rel="SHORTCUT ICON" href="http://" type="image/x-icon">
<link rel="shortcut icon" href="http://" type="image/vnd.microsoft.icon">
<link rel="icon" href="http://" type="image/vnd.microsoft.icon">



<!--Выделение кода-->
<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"> 
  $(document).ready(function(){
    $('.splLink').click(function(){
      $(this).parent().children('div.splCont').toggle('normal');
      return false;
    });
  });
</script>







<script type="text/javascript">
var text="<center><font color=#980f1c> Администратор </font> | <font color=#8cad46> Модератор </font>  |  <font color=#a9731d> NPC </font></center>"
pa=document.getElementById("pun-stats")
pa.style.position = "relative"
pa.innerHTML = "<div style=\"position:absolute; z-index:2; center: 100px; top: 100px; width: 100%;\">"+text+"</div>"+ pa.innerHTML
</script>







<!--Аватар по умолчанию-->
<script type="text/javascript">
var DefAvtr="http://forumstatic.ru/files/0008/ca/4a/45619.jpg";
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>



<!--Рекламный вход-->
<script type="text/javascript">
PiarNik="Реклама";
PiarPas="123456";
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\"><img title=\"Быстрый вход для 'Пиарщиков'\" src=\"http://savepic.net/4145017.png\"/></span></a></li>";
if($("#navlogin").html()!=null){
$("#navlogin").after(L) //navlogin
$("#PR_loginDiv #fld1").val(PiarNik)
$("#PR_loginDiv #fld2").val(PiarPas)
function PiarIn () {$("#PR_loginDiv input[type='submit']").click();}
}
</script>




<script type="text/javascript">
if ((document.URL.indexOf("viewtopic.php") != -1) || (document.URL.indexOf("post.php") != -1) || (document.URL.indexOf("edit.php") != -1)) {
var repl = document.getElementById("main-reply");
var submit = document.getElementsByTagName("p")
for (var i=0; i<submit.length; i++){
if (submit[i].className == "formsubmit")
submit[i].innerHTML = "<span id=\"plng\" style=\"border: 1px solid; padding: 2px 3px;\">Написано символов: <b>0</b></span>" + submit[i].innerHTML;
}
repl.onkeyup = repl.onkeydown = repl.onfocus = repl.onblur = function(){
document.getElementById("plng").innerHTML ="Написано символов: <b>" + (repl.value.length) + "</b>";
}}
</script>


<!--обтекание изображения 2.4.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();});
  });
elm=document.getElementsByTagName("div")
for(x in elm) if(elm[x].className=="post-content") 
{
post = elm[x].innerHTML;
if(post.indexOf("[/float]") != -1) {
floats = /\[float=(.*?)\]([^\[]{1,11000})\[\/float\]/gi
elm[x].innerHTML = elm[x].innerHTML.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>

Код:

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

/* A1 Import the colour scheme
-------------------------------------------------------------*/
@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 80% Times New Roman, Times, century gothic, arial, helvetica, sans-serif;
  }

/* 3.3 */
.punbb textarea, .punbb input, .punbb select, .punbb optgroup {
  font: 1.1 em Times New Roman, Times, century gothic, arial, helvetica, sans-serif
  }

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

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

/* A3.6 */
.punbb pre {
  font: 1.1em/140% monaco, "bitstream vera sans mono", "courier new", courier, monospace
  }

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

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

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

/* A3.10 */
.punbb a {
  text-decoration: 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: 0px auto auto auto;
  width : 850px;}

/* A5.2 */
.punbb {
  float: left;
  width: 100%;
  height: auto;
  }

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

#pun-stats h2, .punbb .main h1, .punbb .main .category h2, #pun-main #post-form h2, #pun-redirect h1, #pun-debug h2 {
color: #9C251C;
font: small-caps 700 18px "Times New Roman" !important;
background: url(http://savepic.net/4161377.png) center no-repeat;
background-position: center;
line-height: 14px;
overflow: visible;
text-align: center;
width: 100%;
padding-top: 10px !important;
margin-bottom: 20px!important;
}


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

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

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

/* A5.9 */
.punbb .container {
  border-style: solid;
  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 solid solid none;
  border-width: 0 0px 0px 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: 0px solid #888;
  width: 250px;
  margin: 5px 0;
  }

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

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

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

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

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

/* B1.8 */
.punbb .post-content .quote-box, .punbb .post-content .code-box {
  margin: 0.4em 1.8em 1.4em 1.8em;
  padding: 1em;  }

/* 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: 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: -4em;
  left: 1em;
  width: 24em;
  }

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

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

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

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

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


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

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

/* C1.1 */
.punbb .formal .container {
  padding: 1.7em 2.3em 1.1em 2.3em;
  }

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

/* C1.3 */
.punbb .formsubmit input, .punbb .formsubmit a, .punbb .formsubmit span {
  margin: 0 0.6em 0 0
  }

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

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

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

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

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

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

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

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

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

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

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

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

/* C1.16 */
.punbb textarea, .punbb .longinput input {
  width: 64%;
  margin: 0;
  }

/* 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.1em;
  font-weight: bold;
  }

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

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

/* C2.11 */
.punbb .main td {
  border-style: solid none none solid;
  border-width: 0px 0 0 0px;
  padding: 0.8em 1em;
  }

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

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

/* C2.14 */
.punbb tbody.hasicon td.tcl {

  }

/* C2.15 */
.punbb div.icon {
  float: left;
  display: block;
  width: 100px;
  height: 100px;
  padding-right: 5px;
  margin-top: -10px;
  margin-left: 0px;
}

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

/* C3.1 */
.punbb .post .container {
  border-style: none solid solid solid;
  border-width: 0px;
  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: 20em;
margin-right: 10px;
background: transparent;
  }

/* 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: 16em;
  margin-top: -1.5em;
  overflow: hidden;
  }

/* C3.6 */
.punbb .post .post-author ul, .punbb .post .post-author p {
  padding: 0 1em 1em 1em;
  line-height: 140%;
  }

/* C3.7 */
.pa-author {
  font-size: 1.1em;
  font-weight: bold;
  }

/* C3.8 */
.pa-author a {
  text-decoration: none
  }

/* C3.9 */
li.pa-title {
  padding-bottom: 0.4em;
  font-weight: bold;
  }


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

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

/* C3.12 */
.punbb .post-box {
  padding: 1em;
  }

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

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

/* C3.15 */
.punbb .post-links ul {
  padding: 0 1em 0 0;
  height: 2em;
  line-height: 2em;
  margin-left: -19em;
  border-top-style: dashed;
  border-top-width: 0px;
  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;
  }


/* 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-width: 0px;
  padding: 1.5em 18px 0.8em 18px;
  margin: 0 0 1em 0;
  }

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

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

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

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

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

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

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


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

/* C7.1 */
#pun-userlist .formal, #pun-userlist .formal .container {
  border-bottom: none;
  margin-bottom: 0;
  }

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

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


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

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

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

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

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

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

#pun-title table {
border: none;
	width: 100%;
}

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

#pun-title td.title-logo-tdr {
	border: none;
	
            padding-top: 280px;
    vertical-align : top;
    padding-right : 385px;
}

/* 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.1em;
  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: 0;
  }

/* D3.2 */
#pun-navlinks .container {
  padding: 0.7em 1em;
  }

/* D.3 */
#pun-navlinks li {
  display: inline;
  padding-right: 1em;
  }

/* D3.4 */
#pun-navlinks li a {
  font-size: 1.1em;
  }

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

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

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

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

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

/* 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-style: solid none;
  border-width:0px 0;
  height: 0;
  margin: -2px 1em;
  position: relative;
  z-index: 1;
  }

/* D6 Announcement
-------------------------------------------------------------*/

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

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

/* D6.3 */
#pun-announcement .container {
  padding: 1em 1em 1em 1em;
  background: url("http://savepic.net/4164467.png");
  background-repeat: no-repeat;
background-position: center;


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

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

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

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

/* D7.4 */
li#onlinelist {
  margin-top: 1em;
  border-top-style: solid;
  border-top-width: 0px;
  float: left;
  width: 100%;
  line-height: 130%;
  }

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

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

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

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

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

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

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

/* D8.6 */
#pun-crumbs2 {
  font-weight: bold;
  overflow: hidden;
  margin-bottom: 0;
  border-bottom: none;
  }

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

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

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


/* D9 Help file
-------------------------------------------------------------*/

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

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

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

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

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

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

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

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

Код:

/* CS1 Background and text colours
-------------------------------------------------------------*/

html {background-color: #00001E;}


body {
	background: url(http://savepic.net/4156231.png) center top no-repeat, url(http://savepic.net/4164241.png)center repeat-y;}



#pun-title .title-logo {display: none;  }


.catleft {padding-top: 0px;}


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

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

/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2 {
  background-image: url("");
  background-position: center;
  background-color: transparent; 
  background-repeat: no-repeat; 
  color: #9C251C;
  height: 71px;
  font-style: normal;
  font-weight: bold;
  text-align: center;
  Font-Family: Georgia;
  }

.punbb-admin #pun-admain h2 {
  background-color: transparent; 
  color: #9C251C;
  height: 20px;
  font-style: normal;
  font-weight: bold;
  text-align: center;
  Font-Family: Georgia;
  }


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

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

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

/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
  background-color: #eed6af;
  color: #573a2c
  }

/* CS1.8 */
#pun-navlinks .container {
  background-color: transparent;
  color: #573a2c;
  text-align: center;
  }

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

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

.punbb textarea, .punbb select, .punbb input {
  background-color: #eed6af;
  color: #573a2c
}

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

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

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

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

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

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

/* CS2.6 */
.punbb .quote-box, .punbb .code-box {
border: 1px solid #603D2B;
  }

#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: none
  }

.punbb .divider {
  border-color: none none none none
  }

.punbb .formal fieldset .post-box, .punbb .info-box {
  border: none
  }

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

.punbb .post-sig dt {
  border-top-color: none !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: #9C251C;
  border: none;
  text-decoration: none;

  }

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

/* 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: #8E1F05;
  font-style: normal;
  border-bottom: none;
  background-color: transparent;
  text-decoration: none;
  }

/* CS3.3 */
#pun-navlinks a {
  color: #9C251C;
    border-bottom: none;
  text-decoration: none;

  }

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #8E1F05;
  font-weight: bold;
  font-style: normal;
  border-bottom: none;
  background-color: transparent;
  text-decoration: none;
  }

#pun-pagelinks a:active, #pun-pagelinks a:focus {
  background-color: #ffe5bb;
  color: #9C251C;
  }


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

div.icon {
  background: url(http://savepic.net/4166491m.png) no-repeat;
  }

tr.inew div.icon {
  background: url(http://savepic.net/4178779m.png) no-repeat;
  }

tr.isticky div.icon {
  background: url(http://savepic.net/4137818m.png) no-repeat;
  }

tr.iclosed div.icon {
  background: url(http://savepic.net/4159322m.png) no-repeat;
  }

tr.iredirect div.icon {
  background: url(http://s3.uploads.ru/I8XmM.jpg) no-repeat;
  }

/* CS5 Other codes
 -------------------------------------------------------------*/
.post-links ul{border-bottom: 1px dotted #9C251C}

Код:

<center><table style="height: 390px;" background-repeat="no-repeat">
 <tbody>
  <tr>
   <td valign="top" align="right" style="width: 200px; height: 390px;padding-top: 50px;">
    <div id="menu">
<span alt="#sm1" style="cursor: pointer;"><img src=http://savepic.net/4129661m.png></img></span>
<span alt="#sm2" style="cursor: pointer;"><img src=http://savepic.net/4133757m.png></img></span>
<span alt="#sm3" style="cursor: pointer;"><img src=http://savepic.net/4189052m.png></img></span>
<span alt="#sm4" style="cursor: pointer;"><img src=http://savepic.net/4190076m.png></img></span>
<span alt="#sm5" style="cursor: pointer;"><img src=http://savepic.net/4193148m.png></img></span>
    </div>
   </td>
   <td id="MenuTxT"  valign="top" align="right" style="width: 320px;height: 390px;padding-top: 50px;">
    <div id="submenu" align="center"> 
     <div id="sm1" class="submenutext" style="display:block;padding-top: 50px;">
<div style="overflow-x: hidden; height: 390px; overflow: auto; width: 300px">
<b>Дорогие гости, заглянувшие к нам!</b> 
<br>Вы можете регистрироваться на форуме и думать над образом будущего персонажа, а двери во флуд открыты всем желающим :)
<br><br><b>10/11/13</b> Мини-апокалипсис на форуме. Все <s>неугодные</s> неактивные игроки снесены. Очень ждем новых участников!

<br><br>
Если у вас возникли вопросы, то вы всегда можете оставить сообщение в гостевой или связаться с нами с помощью средств, указанных во вкладке "Админсостав".
<br><br>
<b><a href=http://roseswar.rolka.su/pages/arhiv_novostei>Архив новостей</a></b>
</div>
</div>
     <div id="sm2" class="submenutext">
<div style="overflow-x: hidden; height: 390px; overflow: auto; width: 300px">
<b><a href=http://roseswar.rolka.su/viewtopic.php?id=504#p9175>! Советы по вступлению в игру</a></b>
<br>Наиболее оптимальный порядок ознакомления с матчастью:

<table><tr><td><br><b>Вводная информация</b>
<br><a href=http://roseswar.rolka.su/viewtopic.php?id=502>Правила форума</a>
<br><a href=http://roseswar.rolka.su/viewtopic.php?id=514>Игровой мир</a>
<br><a href=http://roseswar.rolka.su/viewtopic.php?id=513>Сюжет и хронология</a>
<br><a href=http://roseswar.rolka.su/viewtopic.php?id=512>Заповеди Войны Роз</a>
<br><a href=http://roseswar.rolka.su/viewtopic.php?id=510>Список ролей</a>
<br><a href=http://roseswar.rolka.su/viewtopic.php?id=511>Ордена Роз</a>
<br><a href=http://roseswar.rolka.su/viewtopic.php?id=508>Способности</a>
<br><br><b>Для любопытных</b>
<br><a href=http://roseswar.rolka.su/viewtopic.php?id=516>Персонажи в игре</a>
<br><a href=http://roseswar.rolka.su/viewtopic.php?id=405>Нужные персонажи</a>
<br><a href=http://roseswar.rolka.su/viewtopic.php?id=498>Концепты и готовые анкеты</a>
<br><a href=http://roseswar.rolka.su/viewforum.php?id=46>Архив игры 2010-2011 годов</a>

</td>
<td><br><b>Регистрация</b>
<br><a href=http://roseswar.rolka.su/viewtopic.php?id=505>Шаблон анкеты</a>
<br><a href=http://roseswar.rolka.su/viewtopic.php?id=618#p11857>Вакансии</a>
<br><a href=http://roseswar.rolka.su/viewtopic.php?id=522>Занятые внешности</a>
<br><a href=http://roseswar.rolka.su/viewtopic.php?id=520>Галерея исходников</a>
<br><br><b>Технические детали</b>
<br><a href=http://roseswar.rolka.su/viewtopic.php?id=465>Связь с администрацией</a>
<br><a href=http://roseswar.rolka.su/viewforum.php?id=4>Оформление профиля</a>
<br><a href=http://roseswar.rolka.su/viewtopic.php?id=478>Создание локации</a>
<br><a href=http://roseswar.rolka.su/viewtopic.php?id=507>Опыт и способы его получения</a>
<br><a href=http://roseswar.rolka.su/viewtopic.php?id=506>Боевая система</a>
<br><a href=http://roseswar.rolka.su/viewtopic.php?id=438>Бонусные баллы</a>
<br><a href=http://roseswar.rolka.su/viewtopic.php?id=519>Библиотека квестов</a>

</td></tr></table>
</div>
</div>
     <div id="sm3" class="submenutext">
<div style="overflow-x: hidden; height: 390px; overflow: auto; width: 300px">
<b><a href=http://roseswar.rolka.su/viewtopic.php?id=465>Более полная информация и связь с администрацией</a></b>
<div align="left"><br><img src=http://forumstatic.ru/files/000d/96/b1/54554.jpg class="leftimg"><br><a href=http://roseswar.rolka.su/profile.php?id=2><b><font color=#980f1c>Кассандра де Виль</font></b></a>
<br>Главный администратор, автор идеи и создатель форума. Обращаться по всем вопросам, связанным с концепцией мира и созданием персонажа.
<br><img src=http://s3.uploads.ru/rC8tz.jpg> nataly.jane
<br><img src=http://s2.uploads.ru/VBoQ4.jpg> vk.com/sternred <i>(с пометкой "Война Роз")</i>
<br><img src=http://forumstatic.ru/files/000d/96/b1/81916.jpg class="leftimg"><br><a href=http://roseswar.rolka.su/profile.php?id=5><b><font color=#980f1c>Звестасия де Марнион</font></b></a>
<br>Правая рука глав. админа. Проверка анкет, гейм-мастер, корректор постов и просто энтузиаст (:
<br><img src=http://s3.uploads.ru/rC8tz.jpg> Zvestasiya</div>

</div>
</div>
</div>
     <div id="sm4" class="submenutext">
<div style="overflow-x: hidden; height: 390px; overflow: auto; width: 300px">

<div align="left" style="padding-left: 55px;"><b>17й день Войны Роз</b></div>

<table><tr><td style="width: 30%;"><i>Дата</i>: пятница,
<br>18 июня 2010 года.
<br><i>Время</i>: утро, 
<br>10:00-12:00.</td>

<td><i>Погода</i>: прохладно, около 15 градусов. Облачно, днем обещают сильный дождь.
<br><i>Великое Око:</i> у Кассандры де Виль
<br><i>Книга Роз:</i> у Звестасии де Марнион</td></tr></table>

<div align="left"><i>Должен пост;</i> <s>предупредил об отсутствии</s></div>

<div align="left" style="padding-left: 55px; padding-top: 3px;"><b>Основная игра</b></div>

<div align="left">---</div>

<div align="left" style="padding-left: 55px; padding-top: 5px;"><b>Эпизоды</b></div>

<div align="left"><a href=http://roseswar.rolka.su/viewtopic.php?id=543>ФБ: Яркое пятно в тусклой жизни</a> (<i>Стефан</i>, Кассандра)
<br><a href=roseswar.rolka.su/viewtopic.php?id=658>АС: shut up and let me into your life.</a> Дитрих, <i>Адриан</i>)
<br><a href=http://roseswar.rolka.su/viewtopic.php?id=662>ФБ: Полет к озеру. Начало начал.</a> (<i>Кассандра</i>, Дитрих)
<br><a href=http://roseswar.rolka.su/viewtopic.php?id=672>ФБ: Кладбище?</a> (<i>Пелагея</i>, Стефан)</div>




</div>
</div>

     <div id="sm5" class="submenutext">
<div style="overflow-x: hidden; height: 390px; overflow: auto; width: 300px;padding-top: 50px;">
<a href="http://mifobogah.spybb.ru/" title="Древний мир Греции ..." target="blank"><img src="http://s007.radikal.ru/i300/1103/87/17d4f193a36a.png"></a>

<a href='http://narutoxgen.mybb.ru/' target='_blank' title='Naruto X-Gen'><img src='http://s2.uploads.ru/FkhiM.gif' border='0' width='88' height='31' alt='Naruto X-Gen'></a>

<a href="http://onepiece.0bb.ru" target="One Piece: Pirate Alliance" ><img src="http://s1.uploads.im/eMhnN.gif"></a>

<a href="http://fairyheaven.anihub.ru/"><img src="http://s3.uploads.ru/C5NiB.gif"></a>

<a target="_blank" href="http://wolfpeople.mybb.ru/"><img src="http://s3.uploads.ru/HMtjd.jpg"></a>

<a title="Shamans history" href="http://shamanshistory.mybb.ru/" target="_blank"><img src="http://uploads.ru/i/l/8/I/l8IXj.gif" border="0" alt="Shamans history" /></a>

<a href='http://eight.f-rpg.ru/' target=_blank><img src='http://s3.uploads.ru/rYPQo.gif' title='Waiting for melty snow'></a>

<a href="http://slavery.rusff.ru/">
<img src="http://s2.uploads.ru/NaIfr.gif"
border=0 title="Slavery; bound by chains | yaoi"></a>

<a href="http://dnnextlife.rolka.su" target=_blank><img src="http://s3.uploads.ru/72oNl.gif" border="0" title="Death note: Next Life" width="88" height="31"></a>

<a href="http://peacefullwar.rolka.su" target=_blank><img src="http://s2.uploads.ru/t/FyNj5.gif" border="0" title="Мирная Война между расами демонов, вампиров и людей" width="88" height="31"></a>

<a href="http://shienacademy.anihub.ru/"><img src="http://s2.uploads.ru/xMG1Q.gif"></a>

<a href="http://viktorian.mybb.ru/"><IMG alt="Viktorian London" src="http://forumstatic.ru/files/0010/85/4f/11378.jpg" border ></a>

<a href='http://dmansion.f-rpg.ru'><img src='http://img-fotki.yandex.ru/get/9093/69021680.15/0_971a2_a673a14b_orig'  border='0' alt='Поместье Герцогини' title='Поместье Герцогини: найди себя среди теней и отражений'></a>

<a target="_blank" href="http://shardsofpower.rolka.su"><img src="http://s1.uploads.ru/tfdxi.gif" alt="Сайрон: Осколки всевластия"</a>

</div>
</div>
</div>
   </td>

  <td id="Rotation" valign="top" style="width: 200px; padding-top: 20px;
padding-left: 35px;">
    <div id="accio">

    </div>
   </td>

</tr>
 </tbody>
</table></center>