name
name
name
name
name
episode
name
gabrielle
gabrielle
18/07
Ну, что настал тот знаменательный день, когда наша ролевая открывает свои двери. Гостевая книга первое место при въезде в наш город. Вы всегда сможете здесь получить качественную помощь по персонажу и миру. Мы ценим свое и ваше время. Поэтому ролевая для отдыха нашего и Вашего, поэтому будьте добрее к нам и со игрокам, о большем не просим. Ну, и конечно больше активности, сюжетные квесты стартуют через две недели, а личные игры вам доступны сразу после регистрации и принятия анкеты.
текст поста
EMILY

эми мать всего форума, просто безумный йорик, по совместительству пиарщик и ответственный за дурдом.

| JASON

мужчина мечты без бороды, просто отпадный малый, по совместительству текстовик и орг. мастер

| ELIOT

мужик с бородой. глава села и женщина героиня, по совместительству дизайнер.

| NAME

мы ждем тебя,кем бы ты ни был,чтобы ты не умел, мы будем рады любой помощи,но помни админство это труд.

| NAME

мы ждем тебя,кем бы ты ни был,чтобы ты не умел, мы будем рады любой помощи,но помни админство это труд.

| NAME

мы ждем тебя,кем бы ты ни был,чтобы ты не умел, мы будем рады любой помощи,но помни админство это труд.

|


Квест. Марди Гра
Американский карнавал «Марди Гра» — это прежде всего знаменитые на весь мир джазовые оркестры. Большое событие для штата Луизиана, никто не мог предвещать, то чем обернется данный день и последующее утро, множество пропавших людей и умерших. Полиция обивает пороги пропавших и возможно обвиняемых. В городе введено чрезвычайное положение.

Somno in Mortis

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Somno in Mortis » Тестовый форум » Тестовое сообщение


Тестовое сообщение

Сообщений 1 страница 10 из 10

1

Благодарим за выбор нашего сервиса!

0

2

Орден Феникса наконец-то может выдохнуть. Война закончена, добро восторжествовало. Те, кто так долго прятался и скрывался, больше может не прятать собственное лицо и бояться за жизнь своих близких. Они получают хорошие должности в Министерстве Магии, многие стали аврорами, но мнимое благополучие не обманет предчувствия беды. 7 февраля 1982-го года, когда все Министерство пало, а Лорд был уничтожен - из разрушенного Отдела Тайн пропадает Философский камень. Путь камня прослеживается до самой Болгарии, где и теряется. Множество слухов и догадок ходит вокруг этого события, а что если... что если есть те, кто давно пытался вернуть Геллерта Грин-де-Вальда из Нурменгарда (где он был заточен после того, как на дуэли был побежден в 1945-ом году Альбусом Дамблдором), самой страшной тюрьмы волшебного мира.  По словам Элфиаса Дожа, «многие и по сей день считают, что в истории не было дуэли волшебников, способной сравниться с той, что состоялась в 1945 году между Дамблдором и Грин-де-Вальдом. Те, кто был ее свидетелями, описывают ужас и благоговение, которые они испытывали, наблюдая за битвой этих несравненных чародеев».
Ноябрь 1982-го года. Чемпионат Мира по квиддитчу в Софии (Болгария). Ключевая игра Англии с Болгарией собирает на своих стадионах тысячи волшебников со всего мира. Только ленивый не приехал на столь грандиозное событие. Именно тогда, в самом центре поля появляется символ Геллерта - символ Даров Смерти. Те, кто вышли следом - не прятали своих лиц, а от их палочек отделился огненный текст, повиснувший над огромным полем - «Ради общего блага». Тот самый девиз когда-то висящий над входом в Нурменгард.
Создавая эту тюрьму, Геллерт никогда не мог предположить, что окажется пленником собственного творения, из которого невозможно выбраться. Долгие годы он томился в заточении пытаясь найти лазейки к собственному освобождению, и к осени 1982-го года, благодаря своим союзникам и силе философского камня у него это получилось. Накапливая ненависть к Альбусу Дамблдору, к тем "глупцам, любителям магглов",  он мечтает о мести, страшной сладкой мести. Грядет битва какой не было раннее, и в ней будут замешаны и крестражи, и Дары Смерти.

0

3

Код:
/*************************************************
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: 0px
  }

/* 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, geneva, lucida, 'lucida grande', 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 {
  font-size: 1em;
  font-weight: bold;
  }

.punbb th   {
  font-size: 0.9em;
  font-weight: bold;
  }
.punbb h4, .punbb table {
  font-size: 1em;
  font-weight: normal;
  }

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

/* A3.6 */
.punbb pre {
  font: 1.1em/140% verdana, arial, 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: 100px;
  position: relative;
  width: 968px;
  margin: auto;
  }

/* A5.2 */
.punbb {
  margin-left:60px;
  position: top center;
  float: none;
  width:850px;
  height: auto;
  }

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

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

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

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

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

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

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

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

#pun-main h2 {
  padding: 2px 1em 9px 1em;
  border-style: solid;
  border-width: 1px;
}

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

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

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

/* B1.2 */
.punbb .post-sig dt {
  display: block;
  border-top: 1px solid transparent;
  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-top
  }

/* 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;
  border: none;
  border-left: 3px clearly dashed #b0adb5;
  }

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

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

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


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

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

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

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

/* B3.4 */
.linkst .postlink {
  position: absolute;
  top: -4.6em;
  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: 1px;
  padding: 0 18px 0 18px;
  margin: 0 0 1em 0
  }

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

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

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

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

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

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

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

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

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

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

/* C1.15 */
.punbb .areafield span.input, .punbb p.longinput span.input {
  display: block;
  padding: 0 4em 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;
  }

.punbb .helplinks span INPUT {
  margin: 0px 2px 2px 0px;
}

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

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

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

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

/* C2.12 */
.punbb .main th {
  padding: 4px 1em 5px 1em;
  border-bottom: 2px solid transparent;
  border-left: 1px solid transparent;
  }

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

* html .tclcon {height: 1px}

/* C2.14 */
.punbb td div.tclcon {
  margin-left: 0px;
}

/* C2.15 */
.punbb div.icon {
  float: left;
  display: block;
  width: 50px;
  height: 50px;
  padding-top: 1px;
  margin-top: 1px;
padding-left: 7px;
background-repeat: no-repeat;
}

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

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

/* C3.2 */
.punbb .post h3 {
  border-style: solid solid none solid;
  border-width: 1px;
  }

/* C3.3 */
.punbb .post h3 span {
  border-left: 1px solid transparent;
  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: 19em;
  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: 19em;
  border-left-style: solid;
  border-left-width: 1px;
  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: 1px;
  }

/* 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: 1px;
  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;
  margin-top: 4px;
  }

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

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

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

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

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

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

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

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

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


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

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

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

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


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

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

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

/* D1.2 */
#pun-title h1 {
  display : block;
  height: 312px;
  margin: -1px 0px 0px -30px;
}

/* D1.3 */
#pun-title .container {
  border: none ;
  padding: 0.2em 1em 0.8em 1em;
  }

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

#pun-title table {
  border: none;
  height:0px;
  margin-left: -217px;
  width: 1280px;
  height:614px;
  background-image: url(http://s1.uploads.ru/i/Eirnm.png);
}

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

#pun-title TD.title-logo-tdr {
	border: none;
	width: 420px;
}

/* D2 Page navigation
-------------------------------------------------------------*/

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

/* D2.2 */
#pun-pagelinks .container {
  background: transparent;
  border: none;
  padding: 0}

/* D2.3 */
#pun-pagelinks .container li {
  display: inline
  }

/* D2.4 */
#pun-pagelinks li a, #pun-pagelinks a:link, #pun-pagelinks a:hover {
  height: 2em;
  line-height: 2em;
  padding: 0;
  font-size: 1.2em;
  margin-left: -9999px;
  display: block;
  float:left;
  width: 100%;
  }

/* D2.5 */
#pun-pagelinks a:active, #pun-pagelinks a:focus {
  position:relative;
  margin: 0;
  }

#pun-pagelinks li a span {
  display:block;
  margin: 0 1em
  }

/* D3 Forum navigation
-------------------------------------------------------------*/

/* D3.1 */
#pun-navlinks {
  border: none;
  margin: 0;
  margin-bottom: 10px;
}

#pun-navlinks .container {
  border: none;
  margin: 0;
  }

/* D3.2 */
#pun-navlinks .container {
  padding-top: 10px;
  height: 27px;
  font-weight: normal;
  text-align: center;
  width: 900px;
}

/* D.3 */
#pun-navlinks li {
  display: inline;
  margin: 0;
}

/* D3.4 */
#pun-navlinks li a {
  font-size: 1.2em;
  font-family: tahoma;
  padding: 3px 14px 8px 14px;
  }

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

/* D4.1 */
#pun-ulinks  {
  margin-bottom: 15px;
  border: 2px solid transparent;
  }

/* D4.2 */
#pun-ulinks .container {
  padding-top: 14px;
  height: 27px;
  border: none;
  text-align: center;
  font-weight: bold;
  width: 800px;
  }

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

/* D4.4 */
#pun-ulinks li a {
  padding: 14px 19px 13px 19px;
  font-size: 0.8em;
  }

/* 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: 1em 1em 1em 1em;
width: 840px
  }

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

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

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

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

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

/* 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: left;
  line-height: 150%;
  }

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

/* D9.8 */
#pun-help .formal .parsedmsg, #pun-help .formal .parsedmsg .incode {
  padding-bottom: 0;
  }
Код:
/* Коды принадлежат дизайнеру: by all
Связь с дизайнером: скайп de-picasso
Design by all (c) All rights reserved 2012
-------------------------------------------------------------*/

/* CS0 Меню - навигация
-------------------------------------------------------------*/

 div#pun-navlinks {
       width: 100%;
       margin-left: -17px;
position: absolute;
top: 370px;
      }

 div#pun-ulinks {
       width: 100%;
       margin-left: 20px;
position: absolute;
top: 446px;
       }

#pun { background-image : url("http://s1.uploads.ru/i/4zjS3.png");
background-color : #e7dbc1;
background-position : center;}

/* CS1 Цвет фона, фона форума и остальное.
-------------------------------------------------------------*/

body { 
 background-color: #5c7518; 
 overflow-x: hidden;
 background-image : url("");
 background-repeat: repeat-x;
 background-position : top center;
}

/* 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 {
border-color:transparent;
  color: #000;
  }

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

/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
border-color:transparent;
  color: #000;
  font-weight: normal;
font-style: normal;

  }

/* CS1.4 */
#pun-title, #pun-title .container, .punbb .modmenu .container {
border-color:transparent;
  color: #000;
  }

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

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

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

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

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

.punbb textarea, .punbb select, .punbb input {
  background-color: #e7dbc1;
  color: #000
}

/* CS2 Цвета границ
-------------------------------------------------------------*/

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

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

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

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

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

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

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

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

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

.punbb .formal fieldset .post-box, .punbb .info-box {
border-color:transparent;
  }

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

.punbb .post-sig dt {
border-color:transparent;
  }


/* CS3 Цвета ссылок и всё что с ними связанно
-------------------------------------------------------------*/

/* 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: #3c4f08;
text-shadow: 1px 1px 0px #FBECCE;
    border-bottom: 0px none #000;
  text-decoration: none;

  }

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: #3c4f08
  }

/* 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: #4a610b;
text-shadow: 1px 1px 0px #BB9D60;
    border-bottom: 0px none #000;
   text-decoration: none;

  }

/* CS3.3 */
#pun-navlinks a {
  color: #4a610b;
    border-bottom: 0px none #000;
  text-decoration: none;

  }

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #4a610b;
  font-weight: normal;
font-style: normal;
  border-bottom: 0px none #000;
   text-decoration: none;

  }
/*/6060*/
#pun-pagelinks a:active, #pun-pagelinks a:focus {
  background-color: #26170b;
  color: #4a610b;
  }

/* CS4 Фон всем категориям и разделение между сообщениями. + Сдвиг рекламы.
 -------------------------------------------------------------*/

#pun  .section {border-style: none; width: 800px; }
#pun  .tc2, #pun-main .post-author ul  {text-align: center;}

.punbb .post div.container {
  background: url("") no-repeat scroll center bottom transparent;
}

.punbb .section h2, #pun-main h1, #pun-stats h2, #pun-main h2, #pun-debug h2 {
  background: url() top center;
font-family: "italic";
  text-align: center;
text-shadow: 1px 1px 0px #FBECCE;
  color: #4a610b;
  }

#pun-title table tbody tr .title-logo-tdr { z-index: 1;  left: 247px;
position: absolute;
top: 490px;
}

/*  CS5 Категории форума и кнопки 
------------------------------------------------------------*/

#pun-category1.category h2 { 
background: url("http://s1.uploads.ru/i/f9awR.png") 50% 0% no-repeat transparent;
font-size: 0px !important;
height: 93px;
margin-left: 253px;
width: 347px;
}

#pun-category2.category h2 { 
background: url("http://s1.uploads.ru/i/ZjosH.png") 50% 0% no-repeat transparent;
font-size: 0px !important;
height: 93px;
margin-left: 253px;
width: 347px;
}

#pun-category3.category h2 { 
background: url("http://s1.uploads.ru/i/IBZfL.png") 50% 0% no-repeat transparent;
font-size: 0px !important;
height: 93px;
margin-left: 253px;
width: 347px;
}

#pun-category4.category h2 { 
background: url("http://s1.uploads.ru/i/8SqMx.png") 50% 0% no-repeat transparent;
font-size: 0px !important;
height: 93px;
margin-left: 253px;
width: 347px;
}
#pun-category5.category h2 { 
background: url("http://s1.uploads.ru/i/tU8kH.png") 50% 0% no-repeat transparent;
font-size: 0px !important;
height: 93px;
margin-left: 253px;
width: 347px;
}

#pun-category6.category h2 { 
background: url("http://s1.uploads.ru/i/dbRlO.png") 50% 0% no-repeat transparent;
font-size: 0px !important;
height: 93px;
margin-left: 253px;
width: 347px;
}



#pun-stats.section h2 { 
background: url("http://s1.uploads.ru/i/cjVi5.png") 50% 0% no-repeat transparent;
font-size: 0px;
height: 93px;
margin-left: 253px;
width: 347px;}
/* CS6 Логотип снизу
 -------------------------------------------------------------*/

 #pun-about p.container {background-color: #;
   background-image : url(http://s1.uploads.ru/i/IlYJm.png);
   margin-left: -229px;
   background-position : center top;
   background-repeat : no-repeat;
   width: 1280px;
   height : 176px; 
   overflow-x: hidden;}

 div#html-footer {
        margin: 0px 0px 0px 0px;}

 div#pun-about {
       margin-bottom:-80px;

}
 div#html-footer {
        margin: -100px 0px 0px 0px;}

 #pun-announcement.section h2 span {display:  none; }
    a.menu:link, a.menu:visited, a.menu:active{text-decoration: none; }

/* CS7 Остальные коды для оформления форума
 -------------------------------------------------------------*/

div.post-rating a {
    background: url("http://s1.uploads.ru/i/nBwmD.png") no-repeat scroll 0 0 transparent;
    display: block;
height: 44px;
padding: 18px 0px 0px;
position: relative;
text-align: center;
width: 68px;
}

#pun-stats li.item1, #pun-stats li.item2, #pun-stats li.item3, #pun-stats li.item4 {
  float: left;
  clear: both;
  line-height: 150%;
  width: 60%;
  }

#pun-stats ul.container {
background: transparent url(http://s1.uploads.ru/i/hwj3V.png) no-repeat 0px 10px;
padding-left: 71px;}

#navindex a {
  
   display: inline-block;
   position: absolute;
left: 17px;
top: 0px;
z-index: 1000;
}
#navuserlist a {
  
   display: inline-block;
   position: absolute;
   z-index: 1000;
top: 0px;
 left:144px;
}

#navsearch a {
 
   display: inline-block;
   position: absolute;
   z-index: 1000;
top: 0px;
 left: 254px;
windth: 67px;
}

#navprofile a {
  
   display: inline-block;
   position: absolute;
   z-index: 1000;
top:0px;
 left: 378px;
}

#navpm a {
 
   display: inline-block;
   position: absolute;
   z-index: 1000;
top: 0px;
 left: 519px;
}

#navadmin  a {
  
   display: inline-block;
   position: absolute;
   z-index: 1000;
top: 0px;
 left:748px;
}

#navlogout   a {
 
   display: inline-block;
   position: absolute;
   z-index: 1000;
top: 0px;
 left: 647px;
}

#navlogin  a {
  
   display: inline-block;
   position: absolute;
   z-index: 1000;
top: 0px;
 left: 391px;
}

#navregister a {
 
   display: inline-block;
   position: absolute;
   z-index: 1000;
top: 0px;
 left: 502px;
}
#navpiar a {
 
   display: inline-block;
   position: absolute;
   z-index: 1000;
top: 0px;
 left: 654px;
}


Верх

Код:
<div style=""><b> АКТИВИСТЫ НЕДЕЛИ</b><br>  </center>
<a href="http://breakingthehabit.rusff.me/" target="_blank"><img src="http://s1.ipicture.ru/uploads/20120716/oW1Qa6ca.png" border="0" width="50"></a>
<a href="http://breakingthehabit.rusff.me/" target="_blank"><img src="http://s1.ipicture.ru/uploads/20120716/oW1Qa6ca.png" border="0" width="50"></a>
<a href="http://breakingthehabit.rusff.me/" target="_blank"><img src="http://s1.ipicture.ru/uploads/20120716/oW1Qa6ca.png" border="0" width="50"></a>
<a href="http://breakingthehabit.rusff.me/" target="_blank"><img src="http://s1.ipicture.ru/uploads/20120716/oW1Qa6ca.png" border="0" width="50"></a>

</td>
</tr>
</table>

      </div>
 <div class="slide">

<table style="width: 340px; height: 100%; margin-left: 0px;">
<tr>
<td style="width: 340px; margin-left: 100px;" align="center">
<b>НАШИ ПАРТНЕРЫ:<br><br>
 <a href="http://birminghamhb.rusff.me/" target="_blank"><img src="http://savepic.su/2093317.gif" title="Birmingham - horror begins" width="88" height="31"></a>   
<a href="http://mghosts.mybb.ru/" target="_blank"><img src="http://uploads.ru/i/H/v/u/Hvusn.gif" title="Misguided Ghosts"></a><a target="_blank" href="http://tvdrpg.love-mix.ru//"><img src="http://s1.uploads.ru/i/Cwc3s.gif" WIDTH="88" HEIGHT="31" BORDER="0"></a><a href="http://youngstage.ru/" target="_blank"><img src="http://forumupload.ru/uploads/0010/0e/e8/241-2.png" /></a><a href="http://granadanew.rolbb.ru/"><img src="http://i46.tinypic.com/efgx8k.gif" width="88" height="31" border="0" alt="Алая Роза"></a></b> <a href="http://opium.rusff.me/" title="Join us!" target=_blank> <img src="http://forumstatic.ru/files/0011/85/40/22519.gif" border="0" alt="OPIUM"></a> <a href="http://tumanus.rusff.me/"target=_blank> <img src="http://savepic.net/2921982.gif"alt= "ТУМАНУС ПРОШМЫГУС"></a> <a href="http://princeton.mybb.by/" target="_blank"><img src="http://uploads.ru/i/V/Y/8/VY8hF.gif
" title="Princeton University | Где простота переходит границы" border="0" width="88" height="31"></a> <a href="http://areaofsin.rusff.me/" title="Окунись с головой в грех" target=_blank> <img src="http://s1.uploads.ru/i/kNz1W.gif" border="0" alt="Rehab. Territory of sin"></a> <a href=http://undicloseddesires.rusff.me/ target="_blank">
<img src="http://s1.uploads.ru/i/NI6td.gif" ></a> <a href="http://goldengate.mybb.ru/" target="_blank"><img src="http://i44.tinypic.com/jq2s93.jpg" border="0" alt="Golden Gate University"></a></center>

</td>
</tr>
</table>
      </div>
</div></div></div>


<style>
#slideshow {
margin:0 auto;
width:340px;
height:300px;
background:transparent url(картинка на фон) no-repeat 0 0;
position:relative;}

#slideshow #slidesContainer {
  margin:0 auto;
  width:340px;
  height:300px;
  position:relative;}

#slideshow #slidesContainer .slide {
  margin:0 auto;
  width:710px; /* На двадцать пикселев меньше чем ширина #slidesContainer */
  overflow-y:auto; /* поддержка прокрутки */
  height:300px;
  text-align: center;}

.control {
  display:block;
  width:114px;
  height:70px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
  z-index:100;}

#leftControl {
  left: -64px;
top: 259px;
  background:transparent url(http://s1.uploads.ru/i/lwzM7.png) no-repeat 0 0;}

#rightControl {
 right: -95px;
top: 250px;
  background:transparent url(http://s1.uploads.ru/i/MaIJd.png) no-repeat 0 0;}

.slide h3 {margin:10px 0 10px 0; text-transform: uppercase; font-family: 'times new roman'; font-size: 16px; border-bottom: 2px groove #fff;}</style>



<style type="text/css">
li#navawards {display: none;}
</style>

<style>
.punbb table Div.icon {float: right; display: block; width: 75px; height: 75px; border-style: none; background-image: url(http://s1.uploads.ru/i/Wj69S.png);  background-repeat: no-repeat; position: relative;}
.punbb table div.inew {background: url(http://s1.uploads.ru/i/QlzAw.png) no-repeat;}
TR.isticky Div.icon {background: url(http://s1.uploads.ru/i/9oD03.png) no-repeat;}
TR.iclosed Div.icon {background: url(http://s1.uploads.ru/i/RULdl.png) no-repeat;}
</style>
<style type="text/css">
.punbb td div.tclcon { padding-right: 60px; }
</style>
<style type="text/css">
.lastedit {display: none; }
</style>

<div style="position: absolute; color: rgb(30, 30, 20); width: 255px; font-size: 9px; top: 62px; left: -40px">
  <script type="text/javascript" src="http://designsbyall.ucoz.ru/rtr/2"></script>
    
</div>

<div style="position: absolute; color: rgb(30, 30, 20); width: 255px; font-size: 9px; left: 620px; top: 80px">
<script type="text/javascript" src="http://designsbyall.ucoz.ru/rtr/3"></script>
    
</div>

Низ

Код:
<script>
<!--
indexof="<img src='http://s1.uploads.ru/i/91BsX.png' />"
str = document.getElementById("navindex").innerHTML
pos = str.indexOf("Форум")
document.getElementById("navindex").innerHTML=str.substring(0,pos)+indexof+str.substring(pos+5,str.length-1) 
$('.box').transition({ rotate: '30deg' });
-->
</script>
<script>
<!--
userof="<img src='http://s1.uploads.ru/i/hMNSA.png' />"
str = document.getElementById("navuserlist").innerHTML
if( (pos=str.indexOf("Участники")) != -1 )
document.getElementById("navuserlist").innerHTML=str.substring(0,pos)+userof+str.substring(pos+9,str.length-1)
--></script>
<script>
<!--
findof="<img src='http://s1.uploads.ru/i/8tdF5.png' />"
str = document.getElementById("navsearch").innerHTML
pos = str.indexOf("Поиск")
document.getElementById("navsearch").innerHTML=str.substring(0,pos)+findof+str.substring(pos+5,str.length-1)
--></script>
<script>
<!--
faseof="<img src='http://s1.uploads.ru/i/n1aNi.png' />"
str = document.getElementById("navprofile").innerHTML
pos = str.indexOf("Профиль")
document.getElementById
("navprofile").innerHTML=str.substring(0,pos)+faseof
+str.substring(pos+14,str.length-1)
-->
</script>
<script>
<!--
pismaof="<img src='http://s1.uploads.ru/i/3Ojg1.png' />"
str = document.getElementById("navpm").innerHTML
pos = str.indexOf("Сообщения")
document.getElementById("navpm").innerHTML=str.substring
(0,pos)+pismaof+str.substring(pos+9,str.length-1)
-->
</script>
<script>
<!--
godof="<img src='http://s1.uploads.ru/i/EeU1P.png' />"
str = document.getElementById("navadmin").innerHTML
pos = str.indexOf("Администрирование")
document.getElementById("navadmin").innerHTML=str.substring
(0,pos)+godof+str.substring(pos+17,str.length-1)
-->
</script>
<script>
<!--
valiof="<img src='http://s1.uploads.ru/i/jncHL.png' />"
str = document.getElementById("navlogout").innerHTML
pos = str.indexOf("Выход")
document.getElementById("navlogout").innerHTML=str.substring
(0,pos)+valiof+str.substring(pos+5,str.length-1)
-->
</script>
<script>
<!--
vxodiof="<img src='http://s1.uploads.ru/i/hDtAd.png' />"
str = document.getElementById("navlogin").innerHTML
pos = str.indexOf("Войти")
document.getElementById("navlogin").innerHTML=str.substring
(0,pos)+vxodiof+str.substring(pos+5,str.length-1)
-->
</script>
<script>
<!--
regof="<img src='http://s1.uploads.ru/i/JncR3.png' />"
str = document.getElementById("navregister").innerHTML
pos = str.indexOf("Регистрация")
document.getElementById
("navregister").innerHTML=str.substring(0,pos)+regof
+str.substring(pos+18,str.length-1)
-->
</script>

<script type="text/javascript">
$(document).ready(function(){
  var currentPosition = 0;
  var slideWidth = 800;
  var slides = $('.slide');
  var numberOfSlides = slides.length;
  // С помощью скрипта убираем прокрутку в контейнере.
  $('#slidesContainer').css('overflow', 'hidden');
  // Свернем все вкладки .slides в блок #slideInner 
  slides .wrapAll('<div id="slideInner"></div>')
.css({
      'float' : 'left',
      'width' : slideWidth
    });
  // Проставим блоку #slideInner ширину, равную общей ширине контейнеров
  $('#slideInner').css('width', slideWidth * numberOfSlides);
  $('#slideshow')
    .prepend('<span class="control" id="leftControl">Clicking moves left</span>')
    .append('<span class="control" id="rightControl">Clicking moves right</span>');
  manageControls(currentPosition);
  $('.control')
    .bind('click', function(){
currentPosition = ($(this).attr('id')=='rightControl') ? currentPosition+1 : currentPosition-1;
    manageControls(currentPosition);
    $('#slideInner').animate({
      'marginLeft' : slideWidth*(-currentPosition)
    });
  });
  function manageControls(position){
    // Скрыть левую стрелку у первого контейнера
if(position==0){ $('#leftControl').hide() } else{ $('#leftControl').show() }
// Скрыть правую стрелку у последнего контейнера
    if(position==numberOfSlides-1){ $('#rightControl').hide() } else{ $('#rightControl').show() }
  }	
});
</script>


<!--Пиар-вход-->
<style>.Myimge {position: absolute!important; z-index: 1;}</style>
<script type="text/javascript">
PiarNik="ЕНООТ";
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\"><span id=spMyimg><a onclick=\"PiarIn()\"><img class=\"Myimge\"  src=\"http://s1.uploads.ru/i/ly5Wj.png\"></a></span></li>";
if($("#navlogin").html()!=null){
$("#navlogin").after(L) //navlogin
$("#PR_loginDiv #fld1").val(PiarNik)
$("#PR_loginDiv #fld2").val(PiarPas)
function PiarIn () {$("#PR_loginDiv input[type='submit']").click();}
}
</script>

   
<script type="text/javascript">
if (document.getElementById('pun-status').innerHTML.indexOf("Гость")!=-1){
if (document.URL.indexOf("profile.php")!=-1){
document.getElementById('pun-status').innerHTML="<div id=pun-status class=section><p class=container><span class=item1>сначала зарегистрируйся, а потом смотри :3</span></p></div>"
document.getElementById('pun-main').style.display="none"
}}

</script>




<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">
if (document.getElementById('pun-status').innerHTML.indexOf("Гость")!=-1){
if (document.URL.indexOf("profile.php")!=-1){
document.getElementById('pun-status').innerHTML="<div id=pun-status class=section><p class=container><span class=item1>Ан-нет! Идите к нам! У нас весело! <3</span></p></div>"
document.getElementById('pun-main').style.display="none"
}}
</script>


<script type="text/javascript">
str = document.getElementById("navpm").innerHTML
loc = new String(document.location)
if( (str.indexOf("(") != -1) &&  loc.indexOf('messages.php')==-1)
{ 
  count = parseInt(str.substring(str.indexOf("(")+1,str.indexOf(")")))
  if (count==1) text="  У вас есть 1 новое сообщение"
  else if (count>1 && count<5) text=" У вас есть " +count+" новых сообщения"
  else text="У вас есть " +count+" новых сообщений"
  msg =  "<div id=\"new-mes\" class=\"container\" style=\"position: absolute; z-index=2; left: 40%; text-align: center;\">"
  msg += text
  msg += "<br><a href=\"\" onclick=\"document.location.replace('messages.php'); document.getElementById('new-mes').style.display='none';return false;\">( Посмотреть личные сообщения )</a>"
  msg +="<br><br><a href=\"\" onclick=\"document.getElementById('new-mes').style.display='none'; return false\"><center>( Закрыть окно )</center></a>\r\n" 
  msg += "</div>"
  document.getElementById("pun-status").innerHTML += msg
}
</script>

<link rel="shortcut icon" href="http://icons.iconarchive.com/icons/graphics-vibe/neon-glow-social/256/pinterest-icon.png" type="image/x-icon">

0

4

верх

Код:
<div style="overflow-x: hidden; overflow-y: hidden; height: 300px; position: absolute; width: 835px; top: 429px; color: rgb(216, 183, 142); margin-left: 30px">

<div id="slideshow">
    <div id="slidesContainer">
      <div class="slide">

<table style="width: 660px; height: 100%; margin-left: 0px; margin-top:-50px;">
<td style="width: 300px; margin-left: 20px;" align="center">
<div style="">
<a href="http://memorable.rusff.me/viewtopic.php?id=8" class="tvm" target="">гостевая книга</a>
<a href="http://memorable.rusff.me/viewtopic.php?id=7" class="tvm" target="">занятые внешности</a>
<a href="http://memorable.rusff.me/viewtopic.php?id=6" class="tvm" target="">претенденты на удаление</a>
<a href="http://memorable.rusff.me/viewtopic.php?id=3" class="tvm" target="">правила</a>
<a href="http://memorable.rusff.me/viewtopic.php?id=9" class="tvm" target="">объявление администрации</a>
<a href="http://memorable.rusff.me/viewtopic.php?id=48" class="tvm" target="">мнение о дизайне</a>
<a href="http://memorable.rusff.me/viewtopic.php?id=11#p72" class="tvm" target="">нужные персонажи</a>
<a href="http://memorable.rusff.me/viewtopic.php?id=26#p26" class="tvm" target="">выбор жертвы на 5 вечеров</a>
<a href="http://memorable.rusff.me/viewtopic.php?id=22" class="tvm" target="">халява: осенний марафон</a>
<div style="">
Время в игре: 16 - 22 июля 2012 года
Погода: ярко светит солнышко, люди загорают, купаются, в общем, наслаждаются полноценным летом.
</center>




<td style="width: 300px; margin-left: 20px;" align="center">
<div style="">Добро пожаловать в Город Ангелов. Также город — один из крупнейших мировых центров индустрии развлечений в сфере кино, музыки, телевидения, компьютерных игр. Город, который никогда не спит. Это мир красивых девушек, огромных ставок, всевозможных шоу и концертов здесь есть всё и для каждого. Город ночной жизни и самых изысканных развлечений. Если вам не улыбнется фортуна,, утешьте себя захватывающей дух прогулкой по улицам мегаполиса.
<br><br><div style="">
</a></center>


</td>
</tr>
</table>

      </div>
 <div class="slide">

<table style="width: 660px; height: 100%; margin-left: 0px; margin-top:-50px;">
<tr>
<td style="width: 300px; margin-left: 20px;" align="center">
<div style="">
<b>ПОСТ ДНЯ:</b><br>
<img src="http://s1.uploads.ru/i/Ilz8M.gif" >
<br><br><div style="">
</center>




<td style="width: 300px; margin-left: 20px;" align="center">
<div style="">Каждые 3 дня, администрация форума и его участники выбирают лучших игроков. Их мордочки будут радовать нас до следующего голосования.
<br><br>
<img src="http://s1.uploads.ru/i/fqTIt.png" >  <img src="http://s1.uploads.ru/i/fqTIt.png" >  <img src="http://s1.uploads.ru/i/fqTIt.png" >  
<img src="http://s1.uploads.ru/i/fqTIt.png" > <img src="http://s1.uploads.ru/i/fqTIt.png" > 
<br><br><div style="">
</a></center>

</td>
</tr>
</table>

      </div>
 <div class="slide">

<table style="width: 660px; height: 100%; margin-left: 0px;margin-top:-50px;">
<tr>
<td style="width: 660px; margin-left: 100px; " align="center">
<center><b>НАШИ ПАРТНЕРЫ:</b><br><br>
<a target="_blank" href="http://groisewill.rolebb.ru/"><img src="http://s1.uploads.ru/i/LzFrV.gif" ></a> <a href="http://backtosunnydale.rusff.me" target="_blank"><img src="http://s1.uploads.ru/i/kFqvV.gif" title="Ролевая по мотивам сериала Баффи - Истребительница вампиров"" width="88" border="0" height="31"></a>
<br> 
</td></tr></table>  <br>
</td>
</tr>
</table>

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



<style>
#slideshow {
margin:0 auto;
width:660px;
height:300px;
background:transparent url(картинка на фон) no-repeat 0 0;
position:relative;}

#slideshow #slidesContainer {
  margin:0 auto;
  width:660px;
  height:300px;
  position:relative;}

#slideshow #slidesContainer .slide {
  margin:0 auto;
  width:660px; /* На двадцать пикселев меньше чем ширина #slidesContainer */
  overflow-y:auto; /* поддержка прокрутки */
  height:300px;
  text-align: center;}

.control {
  cursor: pointer;
display: block;
height: 89px;
position: absolute;
text-indent: -10000px;
width: 90px;
z-index: 100;}

#leftControl {
left: -48px;
top: 93px;
  background:transparent url(http://s1.uploads.ru/i/i2J74.png) no-repeat 0 0;}

#rightControl {
top: 93px;
  right:-86px;
  background:transparent url(http://s1.uploads.ru/i/Be0iN.png) no-repeat 0 0;}

.slide h3 {margin:10px 0 10px 0; text-transform: uppercase; font-family: 'times new roman'; font-size: 16px; border-bottom: 2px groove #fff;}</style>


<script type="text/javascript">
$(document).ready(function(){
  var currentPosition = 0;
  var slideWidth = 800;
  var slides = $('.slide');
  var numberOfSlides = slides.length;
  // С помощью скрипта убираем прокрутку в контейнере.
  $('#slidesContainer').css('overflow', 'hidden');
  // Свернем все вкладки .slides в блок #slideInner 
  slides .wrapAll('<div id="slideInner"></div>')
.css({
      'float' : 'left',
      'width' : slideWidth
    });
  // Проставим блоку #slideInner ширину, равную общей ширине контейнеров
  $('#slideInner').css('width', slideWidth * numberOfSlides);
  $('#slideshow')
    .prepend('<span class="control" id="leftControl">Clicking moves left</span>')
    .append('<span class="control" id="rightControl">Clicking moves right</span>');
  manageControls(currentPosition);
  $('.control')
    .bind('click', function(){
currentPosition = ($(this).attr('id')=='rightControl') ? currentPosition+1 : currentPosition-1;
    manageControls(currentPosition);
    $('#slideInner').animate({
      'marginLeft' : slideWidth*(-currentPosition)
    });
  });
  function manageControls(position){
    // Скрыть левую стрелку у первого контейнера
if(position==0){ $('#leftControl').hide() } else{ $('#leftControl').show() }
// Скрыть правую стрелку у последнего контейнера
    if(position==numberOfSlides-1){ $('#rightControl').hide() } else{ $('#rightControl').show() }
  }	
});
</script>






<style type="text/css">
li#navawards {display: none;}
</style>

<style>
.punbb table Div.icon {float: right; display: block; width: 80px; height: 80px; border-style: none; background-image: url(http://s1.uploads.ru/i/ClsMR.png);  background-repeat: no-repeat; position: relative;}
.punbb table div.inew {background: url(http://s1.uploads.ru/i/7RwNZ.png) no-repeat;}
TR.isticky Div.icon {background: url(http://s1.uploads.ru/i/0Mi9m.png) no-repeat;}
TR.iclosed Div.icon {background: url(http://s1.uploads.ru/i/IjoGb.png) no-repeat;}
</style>
<style type="text/css">
.punbb td div.tclcon { padding-right: 60px; }
</style>
<style type="text/css">
.lastedit {display: none; }
</style>



<div style="position:fixed;z-index:1003; right :0.5%; bottom: 25%;">
      <a href="#top" onclick="scrollTo(0,0); return false;" title="Вверх страницы">
        <img src="http://s1.uploads.ru/i/Xjmgi.png" alt="Вверх страницы">
      </a>
      <br>
      <br>
      <a href="#top" onclick="scrollTo(0, document.body.scrollHeight); return false;" title="Вниз страницы">
        <img src="http://s1.uploads.ru/i/lOHYL.png" alt="Вниз страницы">
      </a>
    </div>


<div style="position: absolute;
left: 46px;
top: 52px;"> 
<script type="text/javascript" src="http://designsbyall.ucoz.ru/rtr/11"></script></div>

<div style="left: 743px;
position: absolute;
top: 164px;"> 
<script type="text/javascript" src="http://designsbyall.ucoz.ru/rtr/12"></script></div>


<div style="position: absolute; left: 288px; top: 367px">
  <a href="http://memorable.rusff.me/profile.php?id=4">
    <img src="http://s1.uploads.ru/i/p56Rh.png" border="0">
  </a>
</div>


<div style="position: absolute; top: 370px; left: 366px">
  <a href="http://memorable.rusff.me/profile.php?id=6">
    <img src="http://s1.uploads.ru/i/38fmF.png" border="0">
  </a>
</div>


<div style="position: absolute; left: 445px; top: 374px">
  <a href="http://memorable.rusff.me/profile.php?id=3">
    <img src="http://s1.uploads.ru/t/ziyRH.png" border="0">
  </a>
</div>

<style>
.post-author ul li{
text-align:center;
}
</style>
Код:
<script type="text/javascript">
var nrisunok="http://forumupload.ru/uploads/0000/0a/f2/68797-1.gif";
if( (document.getElementById("navpm").innerHTML.indexOf("(") != -1))
{ 
document.getElementById("navpm").innerHTML="<img src='"+nrisunok+"'> "+document.getElementById("navpm").innerHTML;
};
</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>


<script type="text/javascript">
li=document.getElementsByTagName("li")
f=0
while(li[++f]){
s=li[f].innerHTML
if((p=s.indexOf("Новые сообщения")) != -1) li[f].innerHTML=s.substring(0,p)+"<img src='http://s1.uploads.ru/i/lMd15.png'>"+s.substring(p+15)
else if((p=s.indexOf("Активные темы")) != -1) li[f].innerHTML=s.substring(0,p)+"<img src='http://s1.uploads.ru/i/8qKOi.png'>"+s.substring(p+13)
else if((p=s.indexOf("Темы без ответов")) != -1) li[f].innerHTML=s.substring(0,p)+"<img src='http://s1.uploads.ru/i/3V0m2.png'>"+s.substring(p+21)
else if((p=s.indexOf("Мои сообщения")) != -1) li[f].innerHTML=s.substring(0,p)+"<img src='http://s1.uploads.ru/i/F9UOx.png'>"+s.substring(p+13)
else if((p=s.indexOf("Подписка")) != -1) li[f].innerHTML=s.substring(0,p)+"<img src='http://s1.uploads.ru/i/MA6pS.png'>"+s.substring(p+8)
else if((p=s.indexOf("Все прочитано")) != -1) li[f].innerHTML=s.substring(0,p)+"<img src='http://s1.uploads.ru/i/YJhzw.png'>"+s.substring(p+13)
}
</script>

<!--Пиар-вход-->
<style>.Myimge {position: absolute!important; z-index: 1; cursor: pointer}</style>
<script type="text/javascript">
PiarNik="F.R.I.E.N.D.S";
PiarPas="0102030405";
var L="<div id=\"PR_loginDiv\" style=\"display:none;\">\
<form id=\"form_login\" name=\"login\" method=\"post\" action=\"login.php?action=in\" onsubmit=\"return check_form()\">\
<fieldset>\
<input type=\"hidden\" name=\"form_sent\" value=\"1\"/>\
<input type=\"text\" id=\"fld1\" name=\"req_username\" size=\"21\" maxlength=\"25\"/>\
<input type=\"text\" id=\"fld2\" name=\"req_password\" size=\"7\" maxlength=\"16\"/>\
<input type=\"submit\" class=\"button\" name=\"login\"/>\
</fieldset>\
</form>\
</div>\
<li id=\"navpiar\"><span id=spMyimg><a onclick=\"PiarIn()\"><img class=\"Myimge\"  src=\"http://s1.uploads.ru/i/3AtJv.png\"></a></span></li>";
if($("#navlogin").html()!=null){
$("#navlogin").after(L) //navlogin
$("#PR_loginDiv #fld1").val(PiarNik)
$("#PR_loginDiv #fld2").val(PiarPas)
function PiarIn () {$("#PR_loginDiv input[type='submit']").click();}
}
</script>






<script>
<!--
indexof="<img src='http://s1.uploads.ru/i/mgq2k.png' />"
str = document.getElementById("navindex").innerHTML
pos = str.indexOf("Форум")
document.getElementById("navindex").innerHTML=str.substring(0,pos)+indexof+str.substring(pos+5,str.length-1) 
$('.box').transition({ rotate: '30deg' });
-->
</script>
<script>
<!--
userof="<img src='http://s1.uploads.ru/i/CKa51.png' />"
str = document.getElementById("navuserlist").innerHTML
if( (pos=str.indexOf("Участники")) != -1 )
document.getElementById("navuserlist").innerHTML=str.substring(0,pos)+userof+str.substring(pos+9,str.length-1)
--></script>
<script>
<!--
findof="<img src='http://s1.uploads.ru/i/r0lhd.png' />"
str = document.getElementById("navsearch").innerHTML
pos = str.indexOf("Поиск")
document.getElementById("navsearch").innerHTML=str.substring(0,pos)+findof+str.substring(pos+5,str.length-1)
--></script>
<script>
<!--
faseof="<img src='http://s1.uploads.ru/i/2JrAt.png' />"
str = document.getElementById("navprofile").innerHTML
pos = str.indexOf("Профиль")
document.getElementById
("navprofile").innerHTML=str.substring(0,pos)+faseof
+str.substring(pos+14,str.length-1)
-->
</script>
<script>
<!--
pismaof="<img src='http://s1.uploads.ru/i/dplhK.png' />"
str = document.getElementById("navpm").innerHTML
pos = str.indexOf("Сообщения")
document.getElementById("navpm").innerHTML=str.substring
(0,pos)+pismaof+str.substring(pos+9,str.length-1)
-->
</script>
<script>
<!--
godof="<img src='http://s1.uploads.ru/i/2QTM5.png' />"
str = document.getElementById("navadmin").innerHTML
pos = str.indexOf("Администрирование")
document.getElementById("navadmin").innerHTML=str.substring
(0,pos)+godof+str.substring(pos+17,str.length-1)
-->
</script>
<script>
<!--
valiof="<img src='http://s1.uploads.ru/i/GxSpN.png' />"
str = document.getElementById("navlogout").innerHTML
pos = str.indexOf("Выход")
document.getElementById("navlogout").innerHTML=str.substring
(0,pos)+valiof+str.substring(pos+5,str.length-1)
-->
</script>
<script>
<!--
vxodiof="<img src='http://s1.uploads.ru/i/GRTjU.png' />"
str = document.getElementById("navlogin").innerHTML
pos = str.indexOf("Войти")
document.getElementById("navlogin").innerHTML=str.substring
(0,pos)+vxodiof+str.substring(pos+5,str.length-1)
-->
</script>
<script>
<!--
regof="<img src='http://s1.uploads.ru/i/S39Xk.png' />"
str = document.getElementById("navregister").innerHTML
pos = str.indexOf("Регистрация")
document.getElementById
("navregister").innerHTML=str.substring(0,pos)+regof
+str.substring(pos+18,str.length-1)
-->
</script>


<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>
Код:
/************************************************
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: 0px
  }

/* 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, geneva, lucida, 'lucida grande', 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 {
  font-size: 1em;
  font-weight: bold;
  }

.punbb th   {
  font-size: 0.9em;
  font-weight: bold;
  }
.punbb h4, .punbb table {
  font-size: 1em;
  font-weight: normal;
  }

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

/* A3.6 */
.punbb pre {
  font: 1.1em/140% verdana, arial, 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: 100px;
  position: relative;
  width: 916px;
  margin: auto;
  }

/* A5.2 */
.punbb {
  position: top center;
  float: none;
height: auto;
margin-left: 14px;
width: 890px;
  }

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

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

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

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

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

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

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

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

#pun-main h2 {
  padding: 2px 1em 9px 1em;
  border-style: solid;
  border-width: 1px;
}

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

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

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

/* B1.2 */
.punbb .post-sig dt {
  display: block;
  border-top: 1px solid transparent;
  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-top
  }

/* 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;
  border: none;
  border-left: 3px clearly dashed #b0adb5;
  }

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

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

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


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

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

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

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

/* B3.4 */
.linkst .postlink {
  position: absolute;
  top: -4.6em;
  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: 1px;
  padding: 0 18px 0 18px;
  margin: 0 0 1em 0
  }

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

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

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

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

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

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

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

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

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

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

/* C1.15 */
.punbb .areafield span.input, .punbb p.longinput span.input {
  display: block;
  padding: 0 4em 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;
  }

.punbb .helplinks span INPUT {
  margin: 0px 2px 2px 0px;
}

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

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

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

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

/* C2.12 */
.punbb .main th {
  padding: 4px 1em 5px 1em;
  border-bottom: 2px solid transparent;
  border-left: 1px solid transparent;
  }

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

* html .tclcon {height: 1px}

/* C2.14 */
.punbb td div.tclcon {
  margin-left: 0px;
}

/* C2.15 */
.punbb div.icon {
  float: left;
  display: block;
  width: 50px;
  height: 50px;
  padding-top: 1px;
  margin-top: 1px;
padding-left: 7px;
background-repeat: no-repeat;
}

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

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

/* C3.2 */
.punbb .post h3 {
  border-style: solid solid none solid;
  border-width: 1px;
  }

/* C3.3 */
.punbb .post h3 span {
  border-left: 1px solid transparent;
  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: 19em;
  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: 19em;
  border-left-style: solid;
  border-left-width: 1px;
  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: 1px;
  }

/* 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: 1px;
  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;
  margin-top: 4px;
  }

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

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

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

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

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

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

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

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

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


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

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

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

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


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

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

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

/* D1.2 */
#pun-title h1 {
  display : block;
  height: 312px;
  margin: -1px 0px 0px -30px;
}

/* D1.3 */
#pun-title .container {
  border: none ;
  padding: 0.2em 1em 0.8em 1em;
  }

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

#pun-title table {
  border: none;
  height:0px;
  margin-left: -194px;
  width: 1280px;
  height:736px;
  background-image: url(http://s1.uploads.ru/i/BSnri.png);
}

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

#pun-title TD.title-logo-tdr {
	border: none;
	width: 420px;
}

/* 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 {
  bacground: transparent;
  border: none;
  padding: 0}

/* D2.3 */
#pun-pagelinks .container li {
  display: inline
  }

/* D2.4 */
#pun-pagelinks li a, #pun-pagelinks a:link, #pun-pagelinks a:hover {
  height: 2em;
  line-height: 2em;
  padding: 0;
  font-size: 1.2em;
  margin-left: -9999px;
  display: block;
  float:left;
  width: 100%;
  }

/* D2.5 */
#pun-pagelinks a:active, #pun-pagelinks a:focus {
  position:relative;
  margin: 0;
  }

#pun-pagelinks li a span {
  display:block;
  margin: 0 1em
  }

/* D3 Forum navigation
-------------------------------------------------------------*/

/* D3.1 */
#pun-navlinks {
  border: none;
  margin: 0;
  margin-bottom: 10px;
}

#pun-navlinks .container {
  border: none;
  margin: 0;
  }

/* D3.2 */
#pun-navlinks .container {
  padding-top: 10px;
  height: 27px;
  font-weight: normal;
  text-align: center;
  width: 900px;
}

/* D.3 */
#pun-navlinks li {
  display: inline;
  margin: 0;
}

/* D3.4 */
#pun-navlinks li a {
  font-size: 1.2em;
  font-family: tahoma;
  padding: 3px -1px 8px 14px;
  }

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

/* D4.1 */
#pun-ulinks  {
  margin-bottom: 15px;
  border: 2px solid transparent;
  }

/* D4.2 */
#pun-ulinks .container {
  padding-top: 14px;
  height: 27px;
  border: none;
  text-align: center;
  font-weight: bold;
  width: 900px;
  }

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

/* D4.4 */
#pun-ulinks li a {
  padding: 14px -1px 13px 19px;
  font-size: 0.8em;
  }

/* 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: 8.0em 1em 1em 1em;
width: 805px
  }

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

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

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

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

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

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

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

/* 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: left;
  line-height: 150%;
  }

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

/* D9.8 */
#pun-help .formal .parsedmsg, #pun-help .formal .parsedmsg .incode {
  padding-bottom: 0;
  }
Код:
/* Коды принадлежат дизайнеру: by all
Связь с дизайнером: скайп de-picasso
Design by all (c) All rights reserved 2012
-------------------------------------------------------------*/

/* CS0 Меню - навигация
-------------------------------------------------------------*/

 div#pun-navlinks {
   font-size: 7px;
margin-left: 8px;
position: absolute;
top: 298px;
width: 100%;
      }


 div#pun-ulinks {
       margin-left: 1px;
position: absolute;
top: 340px;
width: 100%;
       }

#pun { background-image : url("http://s1.uploads.ru/i/KTAsR.png");
background-color : #dcd7d2;
background-position : center;}

/* CS1 Цвет фона, фона форума и остальное.
-------------------------------------------------------------*/

body { 
 background-color: #000; 
 overflow-x: hidden;
 background-image : url("http://s1.uploads.ru/i/8Guoj.jpg");
 background-repeat: repeat;
 background-position : top center;
}

/* 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 {
border-color:transparent;
  color: #000;
  }

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

/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
border-color:transparent;
  color: #000;
  font-weight: normal;
font-style: normal;

  }

/* CS1.4 */
#pun-title, #pun-title .container, .punbb .modmenu .container {
border-color:transparent;
  color: #000;
  }

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

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

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

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

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

.punbb textarea, .punbb select, .punbb input {
  background-color: #d6b188;
  color: #000
}

/* CS2 Цвета границ
-------------------------------------------------------------*/

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

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

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

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

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

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

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

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

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

.punbb .formal fieldset .post-box, .punbb .info-box {
border-color:transparent;
  }

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

.punbb .post-sig dt {
  border-top-color: #420000 !important;
  }

/* CS3 Цвета ссылок и всё что с ними связанно
-------------------------------------------------------------*/

/* 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 {
border-bottom: 0px none #000;
color: #3E220C;
text-decoration: none;
text-shadow: 1px 1px 0px #D1BAA9;
  }

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: #3E220C
  }

/* 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: #3E220C;
text-shadow: 1px 1px 0px #D1BAA9;
    border-bottom: 0px none #000;
   text-decoration: none;


  }

/* CS3.3 */
#pun-navlinks a {
  color: #3E220C;
    border-bottom: 0px none #000;
  text-decoration: none;

  }

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #3E220C;
  font-weight: normal;
font-style: normal;
  border-bottom: 0px none #000;
   text-decoration: none;

  }
/*/6060*/
#pun-pagelinks a:active, #pun-pagelinks a:focus {
  background-color: #951A4D;
  color: #3E220C;
  }

/* CS4 Фон всем категориям и разделение между сообщениями. + Сдвиг рекламы.
 -------------------------------------------------------------*/


.punbb .post div.container {
  background: url("") no-repeat scroll center bottom transparent;
}

.punbb .section h2, #pun-main h1, #pun-stats h2, #pun-main h2, #pun-debug h2 {
  background: url() top center;
font-family: "italic";
  text-align: center;
text-shadow: 1px 1px 0px #D1BAA9;
  color: #3E220C;
  }

#pun-title table tbody tr .title-logo-tdr {left: 236px;
position: absolute;
top: 689px;
z-index: 1;
}

/*  CS5 Категории форума и кнопки 
------------------------------------------------------------*/

#pun-category1.category h2 { 
background: url("http://s1.uploads.ru/i/9vEZV.png") 50% 0% no-repeat transparent;
font-size: 0px !important;
height: 161px;
margin-left: 220px;
width: 456px;
}

#pun-category2.category h2 { 
background: url("http://s1.uploads.ru/i/zVK1g.png") 50% 0% no-repeat transparent;
font-size: 0px !important;
height: 161px;
margin-left: 220px;
width: 456px;
}

#pun-category3.category h2 { 
background: url("http://s1.uploads.ru/i/Toa7w.png") 50% 0% no-repeat transparent;
font-size: 0px !important;
height:237px;
margin-left: -71px;
width: 969px;
}
#pun-category4.category h2 { 
background: url("http://s1.uploads.ru/i/Apn7y.png") 50% 0% no-repeat transparent;
font-size: 0px !important;
height: 161px;
margin-left: 220px;
width: 456px;
}
#pun-category5.category h2 { 
background: url("http://s1.uploads.ru/i/eNtTr.png") 50% 0% no-repeat transparent;
font-size: 0px !important;
height: 161px;
margin-left: 220px;
width: 456px;
}

#pun-category6.category h2 { 
background: url("http://s1.uploads.ru/i/AWv61.png") 50% 0% no-repeat transparent;
font-size: 0px !important;
height: 161px;
margin-left: 220px;
width: 456px;
}



#pun-stats.section h2 { 
background: url("http://s1.uploads.ru/i/JKWLM.png") 50% 0% no-repeat transparent;
font-size: 0px !important;
height: 161px;
margin-left: 220px;
width: 456px;
}
/* CS6 Логотип снизу
 -------------------------------------------------------------*/



 #pun-about p.container {background-color: #;
   background-image : url(http://s1.uploads.ru/i/8S0CI.png);
   margin-left: -148px;
   background-position : center top;
   background-repeat : no-repeat;
   width: 1164px;
   height : 131px; 
   overflow-x: hidden;}

 div#html-footer {
        margin: 0px 0px 0px 0px;}

 div#pun-about {
       margin-bottom:-40px;

}
 div#html-footer {
        margin: -50px 0px 0px 0px;}

 #pun-announcement.section h2 span {display:  none; }
    a.menu:link, a.menu:visited, a.menu:active{text-decoration: none; }

/* CS7 Остальные коды для оформления форума
 -------------------------------------------------------------*/



#pun-stats li.item1, #pun-stats li.item2, #pun-stats li.item3, #pun-stats li.item4 {
  float: left;
  clear: both;
  line-height: 150%;
  width: 60%;
  }




#navpiar a { 
display: inline-block;
left: 592px;
position: absolute;
top: 2px;
z-index: 1000;
}

#navregister a { 
display: inline-block;
left: 270px;
position: absolute;
top: -11px;
z-index: 1000;}

#navlogin a { 
display: inline-block;
left: 551px;
position: absolute;
top: 4px;
z-index: 1000;}



a.tvm, a.tvm:active, a.tvm:link, a.tvm:visited {
font-family: tahoma;
font-size: 10px;
background-color:#b8a884;
color: #593e21; 
font-weight: normal;
text-align:center;
display: block;
margin: 1px;
text-decoration: none;
border-left-style: solid;
border-left-color: #593e21;
border-left-width: 5px;
width:200px;
}

a.tvm:hover {
font-family: tahoma;
font-size: 10px;
color: #cda96f; 
background-color:#593e21;
display: block;
font-weight: bold;
text-align:center;
cursor:crosshair; 
text-decoration: none;
border-left-style: solid;
border-left-color: #cda96f;
border-left-width: 5px;
width:200px;
}

0

5

Код:
/* Design by супернатурал. (c) All rights reserved
Skype - frostyllo
ICQ - 480713611
******************************************/

/* 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;
  line-height: 1.2;
  }

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

/* A3.2 */
.punbb {
  font: normal 68.75% verdana;
  }

/* 3.3 */
.punbb textarea, .punbb input, .punbb select, .punbb optgroup {
  font: 1em verdana
  }

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

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

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

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

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

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

/* A3.10 */
.punbb a {
  text-decoration: 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;
  position: relative;
  border-width: 0px 0px 0px 0px;
  width: 820px;
  margin: auto;
  top: 0px;
  }

/* A5.2 */
.punbb {
  float: left;
  width: 780px;
  height: auto;
  margin: 0 0 0 20px;}

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

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

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

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

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

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

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

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


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

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

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

/* B1.2 */
.punbb .post-sig dt {
  display: block;
  border-top: 1px solid #b5a395;
  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;
  border-style: solid;
  }

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

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

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


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

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

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

/* B3.3 */
.linkst .pagelink {
  position: absolute;
  top: -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: 1px;
  padding: 0 18px 0 18px;
  margin: 0 0 1em 0
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* C2.15 */
.punbb div.icon {
  border-style: solid;
  border-width: 0.6em 0.6em 0.6em 0.6em;
  height: 0;
  line-height: 0.0;
  margin-top: 0.1em;
  width: 0;
  }

/* C2.16 */
.punbb  table div.icon {
  font-size: 1.05em;
  margin-left: 6px;
  }

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

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

/* C3.2 */
.punbb .post h3 {
  border-style: solid solid none solid;
  border-width: 1px;
  }

/* C3.3 */
.punbb .post h3 span {
  padding: 0.5em 1em;
  display: block;
  margin-left: 19em;
  border-left-style: solid;
  border-left-width: 1px
  }

/* 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: 19em;
  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;
  text-align: center;
  }

/* C3.11 */
.punbb .post-body {
  margin-left: 19em;
  border-left-style: solid;
  border-left-width: 1px;
  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: 1px;
  }

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

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

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

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

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

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

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

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


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

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

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

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


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

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

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

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

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

/* D1.4 */
#pun-title h1 span  {
  font-size: 1.5em;
  }




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

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

/* 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: 0;
  top: 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;
  font-size: 8px;
  text-transform: uppercase;
  font-family: times;
  }

/* D4.3 */
#pun-ulinks li, #pun-ulinks li a {
  display: inline;
  border-left-style: solid;
  border-left-width: 1px;
  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: 1px 0;
  height: 0;
  margin: -2px 1em;
  position: relative;
  z-index: 1;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

li#navawards {display: none;}

/* Фон */
body {background-color: #000000;
   background-image : url("");
   background-repeat: repeat;
   background-position : top center;
   overflow-x: hidden; }
Код:
/* Блок цитат */
.punbb .quote-box, .punbb .code-box {
   background-color: transparent;
   color: black;
   background-image: url("http://uploads.ru/i/S/4/7/S47gC.png");
   border-top: 1px solid #3c1e0c;
   border-right: 1px solid #3c1e0c;
   border-bottom: 1px solid #3c1e0c;
   border-left: 4px solid #3c1e0c;
   -moz-box-shadow: 3px 3px 15px #3c1e0c;
   -webkit-box-shadow: 3px 3px 15px #3c1e0c;
   box-shadow: 3px 3px 15px #3c1e0c;
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
}

 /* Блок формы ответа и кнопок */
.punbb textarea, .punbb select, .punbb input {
   background-color: transparent;
   color: black;
   background-image: url("http://uploads.ru/i/S/4/7/S47gC.png");
   border-top: 1px solid #3c1e0c;
   border-right: 1px solid #3c1e0c;
   border-bottom: 1px solid #3c1e0c;
   border-left: 4px solid #3c1e0c;
   -moz-box-shadow: 3px 3px 15px #3c1e0c;
   -webkit-box-shadow: 3px 3px 15px #3c1e0c;
   box-shadow: 3px 3px 15px #3c1e0c;
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
}



.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer  {
  background-color: transparent;
  color: #000000;}

#pun-debug h2, .punbb-admin #pun-admain h2, #pun-stats .statscon, li#onlinelist, li#onlinelist div  {
  background-color: transparent;
  color: #000000;}

#pun-stats h2,.punbb .main h1, .punbb .main h2 {
  background-color: transparent;
  color: #000000;
  font-weight: bold;
  text-align: center;}

#pun-title, #pun-title .container, .punbb .modmenu .container {
  background-color: transparent;
  color: #000000;}

.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
  background-color: transparent;
  color: #000000;}

.punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl  {
  background-color: transparent;
  color: #000000;}


#pun-navlinks .container, #pun-ulinks .container {
  background-color: transparent;
  color: #000000;
  text-align: center;}

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




/* ГРАНИЦЫ
-------------------------------------------------------------*/
.punbb .container, .punbb .post-body, .post h3, #pun-title {
  border-color: transparent;}

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

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

#pun-stats h2 .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin{
  border-color: transparent;}

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

.punbb th {
  border-color: transparent;}

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

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

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

.punbb .formal fieldset .post-box, .punbb .info-box {
  border: 1px solid #130a01}

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






/* ССЫЛКИ И ИХ ЦВЕТА
-------------------------------------------------------------*/
.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: #3a1e04;
  border-bottom: 0px none #000;
  text-decoration: none;}

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

.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: #271104;
  border-bottom: 0px none #000;
  text-decoration: underline;}

#pun-navlinks a {
  color: #3a1e04;
  border-bottom: 0px none #000;
  text-decoration: none;}

#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #271104;
  font-weight: normal;
  font-style: normal;
  border-bottom: 0px none #000;
  text-decoration: none;}

#pun-pagelinks a:active, #pun-pagelinks a:focus {
  background-color: #333;
  color: #000000;}





/* ИКОНКИ
-------------------------------------------------------------*/

/* Старые сообщения */
.punbb table Div.icon {float: right; 
display: block; 
border-style: none none none none;
margin-left: -20px;
margin-right: 5px;
width: 80px;
height: 49px;
background-image : url(http://i.imgur.com/A5eMNl.jpg);
background-repeat: no-repeat;}

/* Закрытые темы */
TR.iclosed Div.icon {
background-image : url(http://i.imgur.com/hcwps.pngg);
background-repeat: no-repeat;
width: 80px;
height: 49px;}

/* Новые сообщения */
TR.inew Div.icon {
background-image : url(http://i.imgur.com/gKgyC.png);
background-repeat: no-repeat;
width: 80px;
height: 49px;}

/* Важные темы */
TR.isticky Div.icon {
background-image : url(http://i.imgur.com/dSIP7.png);
background-repeat: no-repeat;
width: 80px;
height: 49px;}




/* ДРУГОЕ
-------------------------------------------------------------*/
#pun #pun-navlinks.section {border-top-style: none; }
#pun  #pun-navlinks.section .container {border-style: none; }
#pun_wrap #pun #pun-index #pun-status.section .container {display: none; }
#pun #pun-main .pa-title {text-align: center; }
#pun #pun-main .pa-author {text-align: center; }
#pun_wrap #pun  #pun-title.section #logo-table tbody{display: none; }
#pun-title.section #title-logo-table tbody #title-logo-tr #title-logo-tdl.title-logo-tdl .title-logo {display: none; }
#pun-announcement h2 {display: none;
height: 0px; margin-top: -110px;}
#pun-announcement.section .container .html-box center table {margin-top: -110px;}
.pa-avatar, .pa-title, .pa-author { text-align: center;}
#pun-title table tbody tr .title-logo-tdr {position: absolute; z-index: 1; left: -263px; top: 1px;}
#pun-main .post-author ul {text-align: center;}
.punbb td div.tclcon { padding-left: 15px; }
.lastedit {display: none; }

/* Двигает навигацию. Больше - ниже*/
div#pun-navlinks {
position: absolute;
width: 99%;
text-align: center;
top: 271px;
margin-left: -15px;}

div#pun-ulinks {
position: absolute;
width: 95%;
text-align: center;
top: 330px;
margin-left: 0px;}







a.menu:link, a.menu:visited, a.menu:active{text-decoration: none;

background: #dad1bc;
width: 64px;
padding-top: 10px;
padding-bottom: 10px; 
font-family: tahoma;
font-size: 13px;
text-decoration: none;
color: black;
opacity: 0.3;filter: alpha(opacity=100); -moz-opacity: 0.5;
-moz-border-radius: 5px;
text-align:center;
display:block;
}
a.menu:hover {
background-image: url("http://s1.uploads.ru/EH40h.png");
opacity: 1.0;filter: alpha(opacity=100); -moz-opacity: 1.0;
}

a.men:link, a.men:visited, a.men:active{text-decoration: none;

background-image: url("http://s1.uploads.ru/EH40h.png");
width: 64px;
padding-top: 10px;
padding-bottom: 50px; 
font-family: tahoma;
font-size: 12px;
text-decoration: none;
color: black;
opacity: 0.3;filter: alpha(opacity=100); -moz-opacity: 0.5;
text-align:center;
display:block;
}
a.men:hover {
opacity: 1.0;filter: alpha(opacity=100); -moz-opacity: 1.0;
}
Код:
<style type="text/css">
#pun-title, #pun-navlinks, .punbb select,
.punbb .container, .punbb .post-body, .post h3,.punbb .section, .punbb
.forum,.punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post,
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin
#pun-admain h2,
.punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post
.post-body,
.punbb .post h3 span, .post-links ul, .post-links, .usertable table,
.punbb th,
.punbb .quote-box, .punbb .code-box,
#pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal
.info-box h3.legend span,
#pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal
.info-box h3.legend,
.punbb .divider,
.punbb .formal fieldset .post-box, .punbb .info-box,
li.pa-online {
border-style: none !important;
background-image: none;
}
</style>







<style>
.post-author ul li{
text-align:center;
}
</style>

<style type="text/css">
.lastedit {display: none; }
</style>


<style type="text/css">
li#navawards {display: none;}
</style>


<!-- Кнопки вверх-вниз -->
<div style="position:fixed;z-index:1003; right: 4%; bottom: 50%;">
  <a href="#top" onclick="scrollTo(0,0); return false;" title="Вверх страницы">
    <img src="http://i.imgur.com/R6C7O.png" alt="Вверх страницы">
  </a>
  <br>
  <br>
  <a href="#top" onclick="scrollTo(0, document.body.scrollHeight); return false;" title="Вниз страницы">
    <img src="http://i.imgur.com/wcXKg.png" alt="Вниз страницы">
  </a>
</div>
Код:
<style type="text/css">
#pun-title .title-logo {display: none;;
}
</style>

<script type="text/javascript">
Rusff.use_awards = 1;
</script>


<script type="text/javascript">
var A=[1,2,3,4,5]
$(".post .post-author li").each(function (){
for(var i in A){if($(this).hasClass("pa-fld"+A[i])){
$(this).html($(this).html().replace(/^[^:]*:/,''));}};});
</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><!--
indexof="<img src='http://i.imgur.com/D67bM.png' alt='Форум' >" 
str = document.getElementById("navindex").innerHTML
pos = str.indexOf("Форум")
document.getElementById("navindex").innerHTML=str.substring(0,pos)+indexof+str.substring(pos+5,str.length-1)
--></script>

<script><!--
userof="<img src='http://i.imgur.com/F4TAi.png' alt='Участники' >" 
str = document.getElementById("navuserlist").innerHTML
if( (pos=str.indexOf("Участники")) != -1 )
document.getElementById("navuserlist").innerHTML=str.substring(0,pos)+userof+str.substring(pos+9,str.length-1)
--></script>

<script><!--
findof="<img src='http://i.imgur.com/dzZJl.png' alt='Поиск' >" 
str = document.getElementById("navsearch").innerHTML
pos = str.indexOf("Поиск")
document.getElementById("navsearch").innerHTML=str.substring(0,pos)+findof+str.substring(pos+5,str.length-1)
--></script>

<script><!--
faseof="<img src='http://i.imgur.com/cY9N2.png' alt='Профиль' >" 
str = document.getElementById("navprofile").innerHTML
pos = str.indexOf("Профиль")
document.getElementById("navprofile").innerHTML=str.substring(0,pos)+faseof+str.substring(pos+14,str.length-1)
--></script>

<script><!--
pismaof="<img src='http://i.imgur.com/iqLnG.png' alt='Сообщения' >" 
str = document.getElementById("navpm").innerHTML
pos = str.indexOf("Сообщения")
document.getElementById("navpm").innerHTML=str.substring(0,pos)+pismaof+str.substring(pos+9,str.length-1)
--></script>

<script><!--
godof="<img src='http://i.imgur.com/CNKQL.png' alt='Администрирование' >" 
str = document.getElementById("navadmin").innerHTML
pos = str.indexOf("Администрирование")
document.getElementById("navadmin").innerHTML=str.substring(0,pos)+godof+str.substring(pos+17,str.length-1)
--></script>

<script><!--
valiof="<img src='http://i.imgur.com/aRaow.png' alt='Выход' >" 
str = document.getElementById("navlogout").innerHTML
pos = str.indexOf("Выход")
document.getElementById("navlogout").innerHTML=str.substring(0,pos)+valiof+str.substring(pos+5,str.length-1)
--></script>

<script><!--
vxodiof="<img src='http://i.imgur.com/HeOrG.png' alt='Войти' >" 
str = document.getElementById("navlogin").innerHTML
pos = str.indexOf("Войти")
document.getElementById("navlogin").innerHTML=str.substring(0,pos)+vxodiof+str.substring(pos+5,str.length-1)
--></script>

<script><!--
regof="<img src='http://i.imgur.com/TudDO.png' alt='Регистрация' >" 
str = document.getElementById("navregister").innerHTML
pos = str.indexOf("Регистрация")
document.getElementById("navregister").innerHTML=str.substring(0,pos)+regof+str.substring(pos+18,str.length-1)
--></script>

<!--Своя картинка в каждую категорию -->
<script type="text/javascript">
$(document).ready(function(){
myarray=new Array(
"Глава первая", "http://i.imgur.com/KZu7l.png" ,
"Глава вторая", "http://i.imgur.com/7oX0f.png" ,
"Глава третья", "http://i.imgur.com/gVeFo.png" ,
"welcome", "http://i.imgur.com/KZu7l.png",
"organization", "http://i.imgur.com/gVeFo.png",
"games", "http://i.imgur.com/A7sqU.png",
"out of play", "http://i.imgur.com/7oX0f.png",
"archive", "http://i.imgur.com/CzYh5.png",
"advertising", "http://i.imgur.com/I9ACQ.png",
"Статистика форума", "http://i.imgur.com/Ht8HD.png" 

)
        $("#pun-index div.category h2,#pun-index #pun-stats h2").each(function (i) {
for(q=0;q<myarray.length;q++){
var cssObj = {
   "height":"78px",
   "margin-left":"-41px",
   "background-color": "transparent",
   "background-image":"url("+myarray[q+1]+")",
   "font-size": "0.0em",
   "background-position":"50% 50%",
   "background-repeat":"no-repeat"       
}
        if($(this).children("span").text()==myarray[q])$(this).css(cssObj);
        q++}
    });
});
</script>



<!--Пиар вход-->
    <script type="text/javascript">
    PiarNik="пушистик";
    PiarPas="852852";

    var L="<div id=\"PR_loginDiv\" style=\"display:none;\">\
    <form id=\"form_login\" name=\"login\" method=\"post\" action=\"login.php?action=in\" onsubmit=\"return check_form()\">\
    <fieldset>\
    <input type=\"hidden\" name=\"form_sent\" value=\"1\"/>\
    <input type=\"text\" id=\"fld1\" name=\"req_username\" size=\"21\" maxlength=\"25\"/>\
    <input type=\"text\" id=\"fld2\" name=\"req_password\" size=\"7\" maxlength=\"16\"/>\
    <input type=\"submit\" class=\"button\" name=\"login\"/>\
    </fieldset>\
    </form>\
    </div>\
    <span id=spMyimg><img class=\"Myimge\"  title=\"Быстрый вход для 'Пиарщиков'\" alt=\"Быстрый вход для 'Пиарщиков'\" onclick=\"PiarIn()\" src=\"http://i.imgur.com/C0YEL.png\" onmouseover=\"this.src='http://i.imgur.com/C0YEL.png' \" onmouseout=\"this.src='http://i.imgur.com/C0YEL.png'\" /></span>";
    if($("#navlogin").html()!=null){

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

<style type="text/css">
p.lastedit {display:none}
</style>

<div style="position: absolute;
bottom: 77px;
left: 22px;
width: 473px;
height: 32px;
overflow-y: scroll;">

<a href="http://urchoice.ru/" target="_blank"><img src="http://forumstatic.ru/files/000b/09/4f/76237.gif"></a>
<a href="http://colorforum.ru" title="Колорфорум любит тебя!" target="_blank">
<img src="http://forumstatic.ru/files/000c/77/06/88262.gif" border="0" alt="COLOR FORUM"></a><a href="http://reklamaonline.mybb.ru" target="_blank">
<img src="http://uploads.ru/i/9/a/t/9atMv.gif" border="0" alt=" wondercity " width="88" height="31"></a>
</div>






<!-- Спойлер наград -->

<div id="html-footer" class="section">
	<div class="container"><!-- спойлер наград на Rusff в Профиле, в Топике -->
<style>
.post-author-Sp{
/*background-color:transparent!important;*/
}
img.aw{
background-color:transparent!important;
}
ul.wrapper{
margin-left:-15px;
width:167px!important;
margin-bottom:-15px;
display:none;
}
ul.wrapper,
ul.wrapper li.pa-awards{
border-color:transparent;
}
</style>
<script>
// кнопка - ссылка на Картинку
var Img="http://uploads.ru/i/K/o/7/Ko7fy.png";

wrapp1="<li class='post-author-Sp'><img class=aw style='cursor:pointer' src='";
wrappEnd="'><ul class=wrapper></ul></li>";
wrapp1=wrapp1+Img+wrappEnd;

$(window).load(function () {
$(".post .post-author .pa-awards").each(function() {
  if($(this).css("display")!="none"){
  $(this).before(wrapp1);a=$(this).parents('.post').find('.post-author-Sp ul')
  $(this).appendTo(a)
  }
});});
$(".post .post-author-Sp ").live("click", function(){
 $(this).find('ul:first').toggle('slow')
});</script>
<!--Конец//=спойлер наград в Профиле, в Топике-->

Низ

0

6

Код:
/*************************************************************
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: 98.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: 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: auto;
  width : 799px;
  position: relative;


  }

/* A5.2 */
.punbb {
  float: auto;
  height: auto;
  width: 94%;
  padding-left: 20px;
  }

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

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

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

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

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

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

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

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


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

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

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

/* B1.2 */
.punbb .post-sig dt {
  display: block;
  border-top: 1px solid #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;
  border-style: none;
  border-width: 1px;
  }

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

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

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


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

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

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

/* B3.3 */
.linkst .pagelink {
  position: absolute;
  top: -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: 1px;
  padding: 0 18px 0 18px;
  margin: 0 0 1em 0
  }

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

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

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

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

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

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

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

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

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

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

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

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

  }


/* 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 {
  background-color: transparent;
  text-align: center;
  width: 10%;
  }

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

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

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

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

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

/* C2.8 */
#pun-index .tcl h3 {
  font-size: 1.2em;
  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: 1px 0 0 1px;
  padding: 0.8em 1em;
  }

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

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

    * html .tclcon {height: 1px}

    /* C2.14 */
    .punbb td div.tclcon {
            margin-left: 50px;
    }

    /* C2.15 */
    .punbb div.icon {
        float: left;
        display: block;
        width: 60px;
        height: 60px;}
 /* C3 Topics

-------------------------------------------------------------*/
#pun-title, #pun-navlinks {
  border-color: #202021 ;
}



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

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

  }

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

  }

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

  }

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

  }

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

  }

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

  }

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

  }

.punbb .divider {
  border-color: transparent;

  }

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

  }

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

  }








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

/* C3.2 */
.punbb .post h3 {
  border-style: solid solid none solid;
  border-width: 1px;
  }

/* C3.3 */
.punbb .post h3 span {
  padding: 0.5em 1em;
  display: block;
  margin-left: 19em;
  border-left-style: solid;
  border-left-width: 1px
  }

/* 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: 19em;
  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: 19em;
  border-left-style: solid;
  border-left-width: 1px;
  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: 1px;
  }

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

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

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

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

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

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

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

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


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

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

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

/* C7.3 */
#pun-userlist .usertable table {
  border-style: solid;
  border-width: 1px;
  }
/*************************************************************
D - PUNBB SECTIONS OTHER THAN MAIN CONTENT
**************************************************************/

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

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

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

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

/* D1.4 */
#pun-title h1 span  {
  font-size: 1.5em;
  }

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

#pun-title h1 span  {
  font-size: 1.5em;
  }


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

#pun-navlinks .container { 
text-align: center; 
position: absolute;
z-index: 1000;
top: 380px;
left: 110px;
  font-size: 0.8em;
  color: #76471a;
  font-family: segoe ui;}

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

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

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

/* D4.3 */
#pun-ulinks li, #pun-ulinks li a {
  display: inline;
  border-left-style: solid;
  border-left-width: 1px;
  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
  }

#pun-ulinks .container { 
text-align: center; 
position: absolute; 
top: 420px;
left: 140px;
  font-size: 1,5 em;
  color: #edd2ab;
  font-family: segoe ui;}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

/* D9.2 */

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

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

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

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

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

/* D9.7 */
#pun-help .formal dt span {
  font: 1.4em/120% monaco, "bitstream vera sans mono", "courier new", courier, monospace
  }
/* D9.8 */
#pun-help .formal .parsedmsg, #pun-help .formal .parsedmsg .incode {
  padding-bottom: 0;
  }
Код:
#pun-title table {
background-image : url(http://s3.uploads.ru/KNGho.png); 
background-position: top center; background-repeat : no-repeat;
border: none;
  margin-left: -61px;
height: 500px;
width: 880px;}

/* CS1 Фон и цвет текста*/

#pun .tcr {text-align: right;}
li#navawards, .pa-positive, .lastedit {display: none;}
.linkst .pagelink { 
right: 15px;
position: absolute;
top: -4em;
width: 24em;
 }
#pun-navlinks .container {margin-top: 2em}


/* CS1.1 Цвет текста на форуме */
.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3, #pun-navlinks .container,
.punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd,
.punbb .info-box, .punbb #pun-main .info-box .legend, .punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer, #pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2, #pun-title, #pun-title .container, .punbb .modmenu .container, .punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span, .punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl, #pun-navlinks .container  { background-color: transpanent;
color: #181614;
font-weight: normal;
font-style: normal;}

/* CS1.2 Боди или фон форума */
body {background-color: #000000;  background-image: url(); background-position: top center; background-repeat : repeat; background-attachment: no-fixed}


/* CS1.4 Пан или "тело" форума */
#pun {background-color: #d9c1ae; background-image: url(http://s3.uploads.ru/FzX0U.png);}

/* CS1.5 Футеркопирайниз */
#pun-about p.container {background-image: url(http://s3.uploads.ru/qtuM1.png); background-position: top center; background-repeat: no-repeat; height: 200px; width: 900px; margin-left: -72px; font-size:0 !important;}
div#html-footer {margin: -131px 0px 0px 0px;}




/* CS2 Ссылки */

/* CS2.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, .punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: #1f0f0b;
  text-decoration: none;}

/* CS2.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: #1f0f0b; 
  text-decoration: none;}

/* CS2.3 */
#pun-navlinks a {
  color: #1b0b2c;
  font-style: regular;
  font-weight: bolder;
  text-decoration: none;}

/* CS2.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #1b0b2c;
  text-decoration: none;}

/* CS3 Иконки старых, новых, важных, закрытых тем */

/* CS3.1 Иконка старых сообщений*/
.punbb table Div.icon {float: right; 
display: block; 
border-style: none none none none;
margin-left: 5px;
margin-right: 5px;
width: 50px;
height: 50px;
background-image : url(http://s3.uploads.ru/ZBlSq.png);
background-repeat: no-repeat;}

/* CS3.2 Иконка новых */
TR.inew Div.icon {
background-image : url(http://s2.uploads.ru/7IfX5.png);
background-repeat: no-repeat;
width: 50px;
height: 50px;}

/* CS3.3 Иконка важных*/
TR.isticky Div.icon {
background-image : url(http://s3.uploads.ru/SeARV.png);
background-repeat: no-repeat;
width: 50px;
height: 50px;}

/* CS3.3 Иконка закрытых*/
TR.iclosed Div.icon {
background-image : url(http://s2.uploads.ru/kroH4.png);
background-repeat: no-repeat;
width: 50px;
height: 50px;}

/* CS4 Картинки категорий */

#pun-category1.category h2 {
background: url(http://s3.uploads.ru/FgZW8.png);
height: 99px;
width: 300px;
font-size:0 !important;
margin-left: 250px;}

#pun-category2.category h2 {
background: url(http://s3.uploads.ru/WLoAu.png);
height: 99px;
width: 300px;
font-size:0 !important;
margin-left: 250px;}

#pun-category3.category h2 {
background: url(http://s3.uploads.ru/DyChk.png);
height: 99px;
width: 300px;
font-size:0 !important;
margin-left: 250px;}

#pun-category4.category h2 {
background: url(http://s2.uploads.ru/OU0Ip.png);
height: 99px;
width: 300px;
font-size:0 !important;
margin-left: 250px;}

#pun-category5.category h2 {
background: url(http://s3.uploads.ru/hUTAd.png);
height: 99px;
width: 300px;
font-size:0 !important;
margin-left: 250px;}

#pun-category6.category h2 {
background: url(http://s3.uploads.ru/tY0lc.png);
height: 99px;
width: 300px;
font-size:0 !important;
margin-left: 250px;}





/* CS5 Прочие элементы */




/* CS5.3 Цитаты и коды в сообщениях*/
.punbb .quote-box, .punbb .code-box {
      background-color: transparent;
        border-radius:17px;
        -webkit-border-radius:17px;
        -khtml-border-radius:17px;
        -moz-border-radius:17px;
        -o-border-radius:17px;
         box-shadow: 0px 5px 22px #2b0b31;
        -webkit-box-shadow:0px 5px 22px #2b0b31;
        -khtml-box-shadow:0px 5px 22px #2b0b31;
        -moz-box-shadow:0px 5px 22px #2b0b31;
        }
      color: #535254

      }

#pun-main div.catleft, #pun-main div.catright {display: none}
.punbb .quote-box, .punbb .code-box, .punbb textarea, .punbb select  { 
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
box-shadow: 0px 2px 1px;
 }
.punbb input { 
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
box-shadow: 0px 1px 1px;
 }

/* CS5.4 Область для ввода текста в форме ответа и админке */
.punbb textarea, .punbb select, .punbb input {
background-color: #cdb2a2;
color: #1a1816}

/* CS5.5 Двигаем верхний баннер */
#pun-title table tbody tr .title-logo-tdr {
position: absolute; z-index: 1; 
left: 500px; 
top:10px}

/* CS5.6 Совсем другое */
#pun-main div.catleft, #pun-main div.catright {display: none}

#pun-main .post-author ul {text-align: center}
#pun-announcement h2 {display: none}
#pun-status .container, #pun-main .post-links li {text-align: center;}
#pun th, #pun-main h2 {text-align: center}
#pun-crumbs1 .container { text-align: center;}
#pun-navlinks .container, #pun-ulinks .container { text-align: center;}

/* =Hoverbox Code= */
.hoverbox { cursor: default; list-style: none; padding: 0;}
.hoverbox a { cursor: default; }
.hoverbox a .preview { display: none; }
.hoverbox a:hover .preview { display: block; position: absolute; top: 0px; left: 0px; z-index: 1; }
.hoverbox img { background: transpanent; border-color: #93ADCA; border-style: nona; border-width: 0px; color: inherit; vertical-align: top; }
.hoverbox li { background: transpanent; color: inherit; display: inline; float: center;  padding: 0px; position: relative; }
.hoverbox li.text { background: transpanent; color: inherit; display: inline; float: center; margin: 0px 0px 0px 0px; padding: 0px; position: relative; }
.hoverbox .preview { border-color: #93ADCA; } 
/* ----------------- */



a.tvm, a.tvm:active, a.tvm:link, a.tvm:visited {
font-family: tahoma;
font-size: 11px;
background-color:#6c4191;
color: #dcd3dc; 
font-weight: normal;
text-align:center;
display: block;
margin: 1px;
text-decoration: none;
border-left-style: solid;
border-left-color: #dcd3dc;
border-left-width: 5px;
width:200px;
}

a.tvm:hover {
font-family: tahoma;
font-size: 11px;
color: #832480; 
background-color:#dcd3dc;
display: block;
font-weight: bold;
text-align:center;
cursor:crosshair; 
text-decoration: none;
border-left-style: solid;
border-left-color: #832480;
border-left-width: 5px;
width:200px;
}
Код:
<style type="text/css">
li#navawards {display: none;}
</style>



<!--Кнопки вверх вниз-->
<div style="position:fixed; right
:0.5%; bottom: 45%;">
<a href=#top onClick="scrollTo(0,0); return false;" title="Вверх страницы">
<img src="http://s2.uploads.ru/oHLZJ.png" alt="Вверх страницы" ></a>
<br/>
<a href=#top onClick="scrollTo(0, document.body.scrollHeight); return false;" title="Вниз страницы">
<img src="http://s3.uploads.ru/fxprw.png" alt="Вниз страницы" ></a> 
</div>


<style type="text/css" media="screen">
#slideout {
          z-index: 240;
          position: fixed;
          top: 12px;
          right: 0;
          width: 35px;
          padding: 15px 0;
          text-align: center;
          background-image: url(http://s3.uploads.ru/ac7Dl.png
);
          -webkit-transition-duration: 0.3s;
          -moz-transition-duration: 0.3s;
          -o-transition-duration: 0.3s;
          transition-duration: 0.3s;
          -webkit-border-radius: 15px 15px 15px 15px;
          -moz-border-radius: 15px 15px 15px 15px;
          border-radius: 15px 15px 15px 15px;
          }
#slideout_inner {
          z-index: 240;
          color: #000000;
          position: fixed;
          top: 12px;
          right: -250px;
          background-image: url(http://s3.uploads.ru/DzB2w.png);
          width: 200px;
          padding: 25px;
          max-height: 500px;
          -webkit-transition-duration: 0.3s;
          -moz-transition-duration: 0.3s;
          -o-transition-duration: 0.3s;
          transition-duration: 0.3s;
          text-align: left;
          -webkit-border-radius: 0 0 05px;
          -moz-border-radius: 0 0 0 5px;
          border-radius: 0 0 0 5px;
          }
#slideout_inner textarea {
          width: 190px;
          height: 100px;
          margin-bottom: 6px;
          }
#slideout:hover {
          right: 250px;
          }
#slideout:hover #slideout_inner {
          right: 0;
          }
</style>

<div id="slideout">
<img src="http://s2.uploads.ru/TWgSr.png">
<div id="slideout_inner"><center>
<div style="overflow: scroll; overflow-x: hidden; height: 300px; width: 220px">
✖ <a href="http://tvdimmortal.rusff.me/viewtopic.php?id=591"> s. ep. 21</a> - <i> Rosi Adamson</i><br> 
✖ <a href="http://tvdimmortal.rusff.me/viewtopic.php?id=615"> s. ep. 22</a> - <i> Caroline Forbes</i><br> 
✖ <a href="http://tvdimmortal.rusff.me/viewtopic.php?id=622"> s. ep. 25</a> - <i> Elijah Mikaelson</i><br> 
✖ <a href="http://tvdimmortal.rusff.me/viewtopic.php?id=661"> s. ep. 27</a> - <i> Stefan Salvatore</i><br> 
✖ <a href="http://tvdimmortal.rusff.me/viewtopic.php?id=666"> s. ep. 29</a> - <i> Vivienne Adamson</i><br> 
✖ <a href="http://tvdimmortal.rusff.me/viewtopic.php?id=686"> s. ep. 30</a> - <i> Michael Michaelson</i><br> 
✖ <a href="http://tvdimmortal.rusff.me/viewtopic.php?id=691"> s. ep. 32</a> - <i> Seth Rider</i><br> 
✖ <a href="http://tvdimmortal.rusff.me/viewtopic.php?id=692"> s. ep. 33</a> - <i> Astera Ford</i><br> 
✖ <a href="http://tvdimmortal.rusff.me/viewtopic.php?id=711"> s. ep. 35</a> - <i> Niklaus Mikaelson</i><br> 
✖ <a href="http://tvdimmortal.rusff.me/viewtopic.php?id=735"> s. ep. 36</a> - <i> Elijah Mikaelson</i><br>  
✖ <a href="http://tvdimmortal.rusff.me/viewtopic.php?id=842"> s. ep. 43</a> - <i> Alice Blane</i><br> 
✖ <a href="http://tvdimmortal.rusff.me/viewtopic.php?id=844"> s. ep. 44</a> - <i> Stefan Salvatore</i><br> 
✖ <a href="http://tvdimmortal.rusff.me/viewtopic.php?id=894"> s. ep. 46</a> - <i> Kol Mikaelson</i><br>  
✖ <a href="http://tvdimmortal.rusff.me/viewtopic.php?id=924"> s. ep. 48</a> - <i> Christopher Adamson</i><br>
✖ <a href="http://tvdimmortal.rusff.me/viewtopic.php?id=949"> s. ep. 49</a> - <i> Stefani Florin</i><br>
✖ <a href="http://tvdimmortal.rusff.me/viewtopic.php?id=959"> s. ep. 51</a> - <i> Lisa Maver</i><br>
✖ <a href="http://tvdimmortal.rusff.me/viewtopic.php?id=982"> s. ep. 52</a> - <i> Rosi Adamson </i><br>
✖ <a href="http://tvdimmortal.rusff.me/viewtopic.php?id=1007"> s. ep. 56</a> - <i> Mike Barber</i><br>
✖ <a href="http://tvdimmortal.rusff.me/viewtopic.php?id=1015"> s. ep. 57</a> - <i> Lucrezia McAdams</i><br>
✖ <a href="http://tvdimmortal.rusff.me/viewtopic.php?id=660"> p. ep. 50</a> - <i> Astera Ford</i><br>
✖ <a href="http://tvdimmortal.rusff.me/viewtopic.php?id=641"> p. ep. 60</a> - <i> Emma White</i><br>
✖ <a href="http://tvdimmortal.rusff.me/viewtopic.php?id=687"> p. ep. 61</a> - <i> Rosi Adamson</i><br>
✖ <a href="http://tvdimmortal.rusff.me/viewtopic.php?id=688"> p. ep. 62 </a> - <i> Ariel Holiday</i><br>
✖ <a href="http://tvdimmortal.rusff.me/viewtopic.php?id=700"> p. ep. 63 </a> - <i> Elijah Mikaelson</i><br>
✖ <a href="http://tvdimmortal.rusff.me/viewtopic.php?id=709"> p. ep. 64 </a> - <i> Elijah Mikaelson</i><br>
✖ <a href="http://tvdimmortal.rusff.me/viewtopic.php?id=736"> p. ep. 68 </a> - <i> Violet Lodson</i><br>
✖ <a href="http://tvdimmortal.rusff.me/viewtopic.php?id=741"> p. ep. 70 </a> - <i> Jeremy Gilbert</i><br>
✖ <a href="http://tvdimmortal.rusff.me/viewtopic.php?id=760"> p. ep. 74 </a> - <i>  Aleksandra Daniels</i><br>
✖ <a href="http://tvdimmortal.rusff.me/viewtopic.php?id=780"> p. ep. 76 </a> - <i> Alex Barber</i><br>
✖<a href="http://tvdimmortal.rusff.me/viewtopic.php?id=807"> p. ep. 81 </a> - <i> Michael Mikaelson</i><br>
✖<a href="http://tvdimmortal.rusff.me/viewtopic.php?id=839"> p. ep. 85 </a> - <i> Nathan Fitch</i><br>
✖<a href="http://tvdimmortal.rusff.me/viewtopic.php?id=841"> p. ep. 86 </a> - <i> Constance Bailey</i><br>
✖<a href="http://tvdimmortal.rusff.me/viewtopic.php?id=845"> p. ep. 88 </a> - <i> Michael Mikaelson</i><br>
✖<a href="http://tvdimmortal.rusff.me/viewtopic.php?id=846"> p. ep. 89 </a> - <i> Betty Lorenti</i><br>
✖<a href="http://tvdimmortal.rusff.me/viewtopic.php?id=893"> p. ep. 91 </a> - <i>  Betty Lorenti</i><br>
✖<a href="http://tvdimmortal.rusff.me/viewtopic.php?id=898"> p. ep. 93 </a> - <i> Alex Barber</i><br>
✖<a href="http://tvdimmortal.rusff.me/viewtopic.php?id=899"> p. ep. 94 </a> - <i> Elizabeth Forbes</i><br>
✖<a href="http://tvdimmortal.rusff.me/viewtopic.php?id=901"> p. ep. 95 </a> - <i> Christopher Adamson</i><br>
✖<a href="http://tvdimmortal.rusff.me/viewtopic.php?id=902"> p. ep. 96 </a> - <i> Christopher Adamson</i><br>
✖<a href="http://tvdimmortal.rusff.me/viewtopic.php?id=903"> p. ep. 97 </a> - <i> Joanna Yonge</i><br>
✖<a href="http://tvdimmortal.rusff.me/viewtopic.php?id=921"> p. ep. 98 </a> - <i> Moira Oltsroyer</i><br>
✖<a href="http://tvdimmortal.rusff.me/viewtopic.php?id=922"> p. ep. 99 </a> - <i> Bonnie Bennett</i><br>
✖<a href="http://tvdimmortal.rusff.me/viewtopic.php?id=923"> p. ep. 100 </a> - <i> Moira Oltsroyer</i><br>
✖<a href="http://tvdimmortal.rusff.me/viewtopic.php?id=926"> p. ep. 101 </a> - <i> Michael Mikaelson</i><br>
✖<a href="http://tvdimmortal.rusff.me/viewtopic.php?id=952"> p. ep. 103 </a> - <i> Stefani Florin</i><br>
✖<a href="http://tvdimmortal.rusff.me/viewtopic.php?id=954"> p. ep. 105 </a> - <i> Astoria Klein</i><br>
✖<a href="http://tvdimmortal.rusff.me/viewtopic.php?id=955"> p. ep. 106 </a> - <i> Penelopa Taft</i><br>
✖<a href="http://tvdimmortal.rusff.me/viewtopic.php?id=956"> p. ep. 107 </a> - <i> Seth Rider</i><br>
✖<a href="http://tvdimmortal.rusff.me/viewtopic.php?id=957"> p. ep. 108 </a> - <i> Alex Barber</i><br>
✖<a href="http://tvdimmortal.rusff.me/viewtopic.php?id=962"> p. ep. 109 </a> - <i> Joanna Yonge</i><br>
✖<a href="http://tvdimmortal.rusff.me/viewtopic.php?id=963"> p. ep. 110 </a> - <i> Emma White</i><br>
✖<a href="http://tvdimmortal.rusff.me/viewtopic.php?id=978"> p. ep. 112 </a> - <i> Rebekah Mikaelson</i><br>
✖<a href="http://tvdimmortal.rusff.me/viewtopic.php?id=996"> p. ep. 115 </a> - <i> Alicia Medina</i><br>
✖<a href="http://tvdimmortal.rusff.me/viewtopic.php?id=1006"> p. ep. 116 </a> - <i> Mike Barber</i><br>
✖<a href="http://tvdimmortal.rusff.me/viewtopic.php?id=1008"> p. ep. 117 </a> - <i> Nolan Fitzpatrick</i><br>
✖<a href="http://tvdimmortal.rusff.me/viewtopic.php?id=1016"> p. ep. 118 </a> - <i> Emily Rodriguez</i><br>
✖<a href="http://tvdimmortal.rusff.me/viewtopic.php?id=1017"> p. ep. 119 </a> - <i> Jared Arnie</i><br>
</center>
<br>
</div>
</div>
Код:
<script>
<!--
indexof="<img src='http://s3.uploads.ru/PYa6K.png' >" 
str = document.getElementById("navindex").innerHTML
pos = str.indexOf("Форум")
document.getElementById("navindex").innerHTML=str.substring(0,pos)+indexof+str.substring(pos+5,str.length-1)
-->
</script>
<script>
<!--
userof="<img src='http://s2.uploads.ru/JZBEI.png' >" 
str = document.getElementById("navuserlist").innerHTML
if( (pos=str.indexOf("Участники")) != -1 )
document.getElementById("navuserlist").innerHTML=str.substring(0,pos)+userof+str.substring(pos+9,str.length-1)
-->
</script>
<script>
<!--
findof="<img src='http://s2.uploads.ru/W008h.png' >" 
str = document.getElementById("navsearch").innerHTML
pos = str.indexOf("Поиск")
document.getElementById("navsearch").innerHTML=str.substring(0,pos)+findof+str.substring(pos+5,str.length-1)
-->
</script>
<script>
<!--
faseof="<img src='http://s2.uploads.ru/He72b.png' >" 
str = document.getElementById("navprofile").innerHTML
pos = str.indexOf("Профиль")
document.getElementById("navprofile").innerHTML=str.substring(0,pos)+faseof+str.substring(pos+14,str.length-1)
-->
</script>
<script>
<!--
pismaof="<img src='http://s2.uploads.ru/dNc0w.png' >" 
str = document.getElementById("navpm").innerHTML
pos = str.indexOf("Сообщения")
document.getElementById("navpm").innerHTML=str.substring(0,pos)+pismaof+str.substring(pos+9,str.length-1)
-->
</script>
<script>
<!--
godof="<img src='http://s3.uploads.ru/8CMpT.png' >" 
str = document.getElementById("navadmin").innerHTML
pos = str.indexOf("Администрирование")
document.getElementById("navadmin").innerHTML=str.substring(0,pos)+godof+str.substring(pos+17,str.length-1)
-->
</script>
<script>
<!--
valiof="<img src='http://s2.uploads.ru/tNHpY.png' >" 
str = document.getElementById("navlogout").innerHTML
pos = str.indexOf("Выход")
document.getElementById("navlogout").innerHTML=str.substring(0,pos)+valiof+str.substring(pos+5,str.length-1)
-->
</script>
<script>
<!--
vxodiof="<img src='http://s2.uploads.ru/8x2GD.png' >" 
str = document.getElementById("navlogin").innerHTML
pos = str.indexOf("Войти")
document.getElementById("navlogin").innerHTML=str.substring(0,pos)+vxodiof+str.substring(pos+5,str.length-1)
-->
</script>
<script>
<!--
regof="<img src='http://s3.uploads.ru/ca5z1.png' >" 
str = document.getElementById("navregister").innerHTML
pos = str.indexOf("Регистрация")
document.getElementById("navregister").innerHTML=str.substring(0,pos)+regof+str.substring(pos+18,str.length-1)
-->
</script>

<script type="text/javascript">
var phr = new Array()
phr.push("http://s2.uploads.ru/oNngR.png")
phr.push("http://s2.uploads.ru/XGZaY.png")
phr.push("http://s2.uploads.ru/hmAHY.png")
document.write('<style>#pun-title table {background-image: url('+phr[Math.round(Math.random()*(phr.length-1))]+'); background-repeat: no-repeat;}</style>')
</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>


<script language="JavaScript"> 
if((document.getElementById("navpm").innerHTML.indexOf("(") != -1) && (document.URL.indexOf("messages.php") == -1)) {
document.write("<div id='messanger' class='section' style='position: fixed; right: 40%; top: 35%; z-index: 1000; width: 320px; height: 110px;'><h2 style='background-color: #08440c; color: #000; text-align: center;'>Оповещение</h2><div class='container' style='padding: 15px; text-align: center; background-color: #ebeaf0;'><span>Вам пришло новое личное сообщение</span><br /><br /> <span style='color: green;'>Чтобы прочесть его, нажмите на эту кнопку.</span><br /><br /><br /><a class='mess' onclick=\"window.open(href='/messages.php'); return false\" style='background-color: rgb(125, 158, 112); border-style: none; cursor: pointer; font-size: 20px;' >&nbsp;&nbsp;&nbsp;OK&nbsp;&nbsp;&nbsp;</a></div><embed height='1' width='1' type='application/x-shockwave-flash' wmode='transparent' quality='high' src='http://promobil.kiev.ua/engine/classes/flashplayer/media_player.swf?MediaLink=http://promobil.kiev.ua/uploads/files/1188937250_icq.mp3&amp;defaultMedia=1&amp;showPlayButton=false&amp;playOnStart=true'></div>");}
$(function(){$('.mess').click(function(){
$('#messanger').toggle();}); });
</script>

<style>.Myimge {position:absolute;margin-top:-14px;}</style>
    <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>\
    <span id=spMyimg><img class=\"Myimge\"  title=\"Быстрый вход для 'Пиарщиков'\" onclick=\"PiarIn()\" src=\"http://savepic.ru/2867133.png\" onmouseover=\"this.src='http://savepic.ru/2857917.png' \" onmouseout=\"this.src='http://savepic.ru/2867133.png'\" /></span>";
    if($("#navlogin").html()!=null){
    $("#navlogin").append(L) //navlogin
    $("#PR_loginDiv #fld1").val(PiarNik)
    $("#PR_loginDiv #fld2").val(PiarPas)
    function PiarIn () {$("#PR_loginDiv input[type='submit']").click();}
    }
    </script>

низ

0

7

табличка

Код:
<!— Минутка вдохновения —>
<div style="height:60px; border:none; top:370px;margin-left:17px;position:absolute;z-index:100;font-family: georgia;"><span style="font-size:14px"><p align="center"><font color=#830000><b><i>Минутка вдохновения:</i></b>
</font></p></span></div>
<div style="height:27px;width:264px; border:none; top:389px;margin-left:12px;position:absolute;z-index:100;font-family: georgia;overflow-y:auto"><span style="font-size:9px"><font color=#2f2f2f><b>спасибо за вечер, спасибо за ночь, спасибо за сына, cпасибо за дочь... и так далее и тому подобное... </b>
</font></span></div>
<div style="height:27px; border:none; top:415px;margin-left:85px;position:absolute;z-index:100;font-family: georgia;"><span style="font-size:10px"><font color=#2f2f2f><b><i>~ от кого-то кому-то для чего-то</i> </b>
</font></span></div>
<!— плей лист-->
<div style="height:45px; border:none; top:433px;margin-left:12px;position:absolute;z-index:100;"><center><a href="сылка"><img src="http://savepic.net/7140453.png" class="Hoverbuttons"></a> </center></div>
<div style="height:27px; border:none; top:450px;margin-left:92px;position:absolute;z-index:100;font-family: georgia;"><span style="font-size:10px"><font color=#2f2f2f><b><i>название музыки</i> </b>
</font></span></div>
<!— топы —>
<div style="height:45px; border:none; top:481px;margin-left:8px;position:absolute;z-index:100;"><center><a href="сылка"><img src="http://savepic.net/7079012.png" class="Hoverbuttons"></a> <a href="сылка"><img src="http://savepic.net/7079012.png" class="Hoverbuttons"></a> <a href="сылка"><img src="http://savepic.net/7079012.png" class="Hoverbuttons"></a> </center></div>

<!— амс —>
<div style="height:60px; border:none; top:279px;margin-left:311px;position:absolute;z-index:100;font-family: georgia;"><span style="font-size:16px"><p align="center"><font color=#830000><b><i>КОМАНДУЮТ ПАРАДОМ</i></b>
</font></p></span></div>
<div style="height:45px; border:none; top:305px;margin-left:297px;position:absolute;z-index:100;"><center><div class=ImgWrap><a href="сылка"><img class="image UP" src="http://savepic.net/7121017.png"/> <img class="image Down" src="http://savepic.net/7129211.png"/></a> </div> <div class=ImgWrap><a href="сылка"><img class="image UP" src="http://savepic.net/7121017.png"/> <img class="image Down" src="http://savepic.net/7129211.png"/></a> </div> <div class=ImgWrap><a href="сылка"><img class="image UP" src="http://savepic.net/7121017.png"/> <img class="image Down" src="http://savepic.net/7129211.png"/></a> </div> <div class=ImgWrap><a href="сылка"><img class="image UP" src="http://savepic.net/7121017.png"/> <img class="image Down" src="http://savepic.net/7129211.png"/></a> </div> <div class=ImgWrap><a href="сылка"><img class="image UP" src="http://savepic.net/7121017.png"/> <img class="image Down" src="http://savepic.net/7129211.png"/></a> </div> <div class=ImgWrap><a href="сылка"><img class="image UP" src="http://savepic.net/7121017.png"/> <img class="image Down" src="http://savepic.net/7129211.png"/></a> </div></center></div>

<!— Добро пожаловать, время и другая шняга —>
<div style="height:60px; border:none; top:392px;margin-left:298px;position:absolute;z-index:100;font-family: georgia;"><span style="font-size:12px"><p
align="center"><font color=#830000><b><i>Добро пожаловать на MH: Shoot Me!</i></b>
</font></p></span></div>
<div style="height:27px; border:none; top:372px;margin-left:409px;position:absolute;z-index:100;font-family: georgia;"><span style="font-size:14px">- - -</span></div>
<div style="height:27px; border:none; top:407px;margin-left:335px;position:absolute;z-index:100;font-family: georgia;"><span style="font-size:12px">эпизодическая система игры;</span></div>
<div style="height:27px; border:none; top:423px;margin-left:295px;position:absolute;z-index:100;font-family: georgia;"><span style="font-size:12px">г. Мистери Хиллс, провинция Квебек, Канада.<br><b>время в игре:</b> начало декабря 2014 года.</span></div>
<div style="height:27px; border:none; top:452px;margin-left:409px;position:absolute;z-index:100;font-family: georgia;"><span style="font-size:14px">- - -</span></div>

<!— Навигация —>
<div style="height:45px; border:none; top:477px;margin-left:310px;position:absolute;z-index:100;"><form><select name="select" class="forminput" onchange="location.href=(form.select.options[form.select.selectedIndex].value)">
НАВИГАЦИОННАЯ ПАНЕЛЬ
♦ сюжет
♦ правила
♦ путеводитель по мистери хиллс
♦ список способностей [магия]
♦ описание рас
♦ f.a.q.
♦ занятые внешности
♦ занятые фамилии
♦ центр занятости
♦ act. [we need you girls]
♦ act [we need you boys]
♦ act. [I wanna see your face]
♦ act. [i want to you]
♦ шаблоны анкет
</select></form></center></font></div>

<div style="height:27px; border:none; top:503px;margin-left:307px;position:absolute;z-index:100;font-family: georgia;"><font color=#2f2f2f><span style="font-size:10px"><i>(навигатор по самым важным темам форума)</i></span></font></div>

<!— команда 2015 и баллы команды —>
<div style="height:60px; border:none; top:294px;margin-left:564px;position:absolute;z-index:100;font-family: georgia;"><span style="font-size:11px"><p align="center"><font color=#830000><b><i>КОМАНДА "июль 2015" & БАЛЛЫ КОМАНДЫ</i></b>
</font></p></span></div>
<div style="height:45px; border:none; top:316px;margin-left:567px;position:absolute;z-index:100;"><center><img src="http://savepic.net/7124080.png" class="Hoverbuttons"> </center></div>
<div style="height:45px; border:none; top:316px;margin-left:700px;position:absolute;z-index:100;"><center><img src="http://savepic.net/7124080.png" class="Hoverbuttons"> </center></div>

<!— вы нужны нам —>
<div style="height:60px; border:none; top:370px;margin-left:565px;position:absolute;z-index:100;font-family: georgia;"><span style="font-size:14px"><p align="center"><font color=#830000><b><i>We need you:</i></b>
</font></p></span></div>
<div style="height:45px; border:none; top:392px;margin-left:564px;position:absolute;z-index:100;"><center><a href="сылка"><img src="http://savepic.net/7099507.png" class="Hoverbuttons"> </a> <a href="сылка"><img src="http://savepic.net/7099507.png" class="Hoverbuttons"> </a> <a href="сылка"><img src="http://savepic.net/7099507.png" class="Hoverbuttons"> </a> <a href="сылка"><img src="http://savepic.net/7099507.png" class="Hoverbuttons"> </a> <a href="сылка"><img src="http://savepic.net/7099507.png" class="Hoverbuttons"> </a> <a href="сылка"><img src="http://savepic.net/7099507.png" class="Hoverbuttons"> </a> <a href="сылка"><img src="http://savepic.net/7099507.png" class="Hoverbuttons"> </a></center></div>

<!— инфа 100% —>
<div style="height:27px; width:264px; border:none; top:450px;margin-left:565px;position:absolute;z-index:100;font-family: georgia;"><font color=#2f2f2f><span style="font-size:12px"><p align="center">тут текст актуального объявления от администрации в зависимости от нужды и необходимости любым шрифтом и тп и пр</p></span></font></div>
включить смена картинок при наведении
в хтмл вверх
<style>
.image.UP,
.image.Down {
border:2px solid transparent;
margin:0;
padding:0;
}
.image.UP{
opacity:1.0;
display:block;
position:absolute;z-index:100;
transition-duration: 0.96s;
-webkit-transition-duration: 0.96s;
-moz-transition-duration: 0.96s;
-o-transition-duration: 0.96s;
-ms-transition-duration: 0.96s; /* IE9+ */
}
.image.UP:hover {
opacity:0.00;
}

div.ImgWrap{
display:inline-block;
padding:0;margin:0;
background-position:center center;
background-repeat:no-repeat;
}
</style>

0

8

Код:
/*************************************************************
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: 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 : 922px;
  padding: 0px 0px 0px 0px;
  border: none;
  border-top: none;
  }

/* A5.2 */
.punbb {
  float: left;
  width: 860px;
  height: auto;
  margin: 0px 0px 0px 35px;
  }


/* A5.3 */
#pun-redirect, #pun-maint {
  background: url(http://funkyimg.com/i/Zo11.png) center top repeat fixed; 
  border-top: 2px solid #360000;
   border-bottom: 2px solid #360000;
  margin: 80px 20% 12px 20%;
  width: auto;
  float: none;
  }

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

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

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

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

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

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

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


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

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

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

/* B1.2 */
.punbb .post-sig dt {
  display: block;
  border-top: 1px solid #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 {
  display: block;
  padding-bottom: 0.7em;
  font-size: 11px;
  font-weight: bold;
  font-style: normal;
  margin-top: 0px;
  color: #010101;
  }

.punbb .code-box strong.legend {
  display: block;
  padding-bottom: 0.7em;
  font-size: 1.1em;
  font-weight: bold;
  font-style: normal;
  margin-top: 0px;
  color: #010101;
  }

.punbb .code-box strong.legend a {
  display: block;
  padding-bottom: 0.7em;
  font-size: 11px;
  font-weight: bold;
  font-style: normal;
  margin-top: 0px;
  color: #010101;
  }

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

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

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

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


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

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

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

/* B3.3 */
.linkst .pagelink {
  position: absolute;
  top: -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: 1px;
  padding: 0 18px 0 18px;
  margin: 0 0 1em 0
  }

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

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

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

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

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

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

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

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

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

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

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

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

/* 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: center;
  width: 30%;
  }

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

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

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

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

/* C2.8 Блок ссылки форумов на главной*/
#pun-index .tcl h3 {
  font-size: 1.2em;
  font-weight: normal;
  text-align: center;
  }

/* Сама ссылка */
.tcl .intd .tclcon h3 a {
     color: #720000;
     text-shadow: rgba(0, 0, 0, 0.270788) 1px 1px 4px;
     opacity: 1.0;
     font-size: 17px;
     font-family: georgia;
     text-transform: uppercase;
     font-style: none;
     text-align: center;
     letter-spacing: 2px;
     }

.tcl .intd .tclcon h3 a:hover {color: #010101; opacity: 1.0;}

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

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

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

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

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

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

/* C2.15 */
.punbb div.icon {
  border-style: solid;
  border-width: 0.6em 0.6em 0.6em 0.6em;
  height: 0;
  line-height: 0.0;
  margin-top: 0.1em;
  width: 0;
  }

/* C2.16 */
.punbb  table div.icon {
  width: 45px; 
   height: 35px;
   float: right;
   display: block;
   margin-right: -10px; 
   margin-top: 13px;
   background-repeat: no-repeat;
  }

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

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

/* C3.2 */
.punbb .post h3 {
  border-style: solid solid none solid;
  border-width: 1px;
  }

/* C3.3 */
.punbb .post h3 span {
  padding: 0.5em 1em;
  display: block;
  margin-left: 19em;
  border-left-style: solid;
  border-left-width: 1px
  }

/* 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: 204px;
  margin-left: 0px;
  margin-top: -1.5em;
  overflow: hidden;
  -webkit-box-shadow: rgba(0, 0, 0, 0.290588) 0px 0px 15px;
   box-shadow: rgba(0, 0, 0, 0.290588) 0px 0px 15px;
  }

/* 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: 16px;
  font-weight: bold;
  font-style: italic;
  font-family: georgia;
  text-shadow: rgba(255, 255, 255, 0.570788) 1px 1px 0px;
  text-align: center;
  text-transform: none; 
  padding: 6px 0px 1px 0px !important;
  }

/* C3.8 */
.pa-author a {
  color: #690900 !important;
  text-decoration: none
  }

/* C3.9 */
li.pa-title {
  padding-bottom: 2px;
  padding-top: 2px;
  font-weight: normal;
  font-style: normal;
  font-family: georgia;
  }


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

/* C3.11 */
.punbb .post-body {
  margin-left: 19em;
  border-left-style: solid;
  border-left-width: 1px;
  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: 1px;
  }

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

.post-author ul {
     background: rgba(0, 0, 0, 0.08355);
     border-right: 0px #420b07 solid;
     border-top: 0px #420b07 solid; 
     border-bottom: 0px #420b07 solid;
     border-left: 0px #181818 solid;
    margin-left: 0px;
    width: 182px;
    text-align: center;
    }

.pa-avatar {
   align-content: center;
   margin-top: 0px;}

.pa-avatar img, .punbb img.avatardemo, #profile-left img{
   border: 0px solid #888888;
   box-shadow: 0px 0px 0px 0px #323130;
    -moz-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.210588);
   -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.210588);
   }

.pa-fld2 {width: 180px;
    text-align: center;
    color: #690900 !important;
    font-family: gothic;
   border-top: 0px dashed #420b07;
    border-bottom: 0px dashed #420b07;
    margin-left: 0px;
    margin-top: 0px;
    padding: 0px 0px 4px 0px !important;
   }

.pa-fld2 a{
    color: #690900 !important;
    font-family: gothic;
    font-size: 10px !important;}

.pa-fld3 {width: 186px;
    line-height: 1;
    text-align: justify;
    font-family: georgia;
    border-top: 0px dashed #420b07;
    border-bottom: 0px dashed #420b07;
    margin-left: -1px;
    margin-top: -3px;
    padding: 0px 0px 0px 0px !important;   }

.pa-fld4, .pa-fld5 {
    display: inline-block;
    background: rgba(0, 0, 0, 0.09355);
    width: 89px;
    text-align: center;
    vertical-align: middle;
    font-family: georgia;
    border-top: 0px dashed #420b07;
    border-bottom: 0px dashed #420b07;
    margin-left: 0px;
    margin-top: 3px;
    padding: 3px 0px 3px 0px !important;
   }

.pa-posts, .pa-respect {
      font-family: georgia;
      font-size: 12px !important;
      text-transform: lowercase;
      display: inline-block;
      width: 78px;
      text-align: center;
      vertical-align: middle;
      margin-top: 2px;}



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

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

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

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

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

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

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

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


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

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

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

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


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

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

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

/* 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  {
  font-size: 1.5em;
  display: none;
  }

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

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

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

/* D2 Page navigation
-------------------------------------------------------------*/

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

/* D2.2 */
#pun-pagelinks .container {
  background: transparent;
  border: none;
  padding: 0}

/* D2.3 */
#pun-pagelinks .container li {
  display: inline
  }

/* D2.4 */
#pun-pagelinks li a, #pun-pagelinks a:link, #pun-pagelinks a:hover {
  height: 2em;
  line-height: 2em;
  padding: 0;
  font-size: 1.2em;
  margin-left: -9999px;
  display: block;
  float:left;
  width: 100%;
  }

/* D2.5 */
#pun-pagelinks a:active, #pun-pagelinks a:focus {
  position:relative;
  margin: 0;
  }

#pun-pagelinks li a span {
  display:block;
  margin: 0 1em
  }

/* D3 Forum navigation
-------------------------------------------------------------*/

/* D3.1 */
#pun-navlinks, #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: 1px;
  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;
  margin-top: -46px;
  
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

/* D9.8 */
#pun-help .formal .parsedmsg, #pun-help .formal .parsedmsg .incode {
  padding-bottom: 0;
  }
Код:
/* Шапка */
#pun-title .title-logo {
  background-image: url("http://funkyimg.com/i/ZnZZ.png");
  background-repeat : no-repeat;
  background-position: top center;
  background-color: transparent;
  border: none;
  margin-top: -40px;
  margin-left: -48px;
  height: 313px;
  width: 922px;
}

/* Тело таблицы */
#pun { background-image : url("http://funkyimg.com/i/Zj8g.png");
background-repeat: repeat-y;
background-position : center;
width: 922px;}

/* Фон форума */
body {background-color: #010101;
  background-image : none;
  background-repeat: repeat;
  background-position : top left;}

/* Футер */
#pun-about p.container {
  background-image: url('http://funkyimg.com/i/ZnYQ.png');
  background-position : center;
  background-repeat : no-repeat;
  position: relative;
  margin-top: -17px; 
  margin-bottom: -51px;
  margin-left: -47px;
  height: 157px;
  width: 923px;
  text-align: center;
  }

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

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

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

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

/* CS1.4 */
#pun-title, #pun-title .container, .punbb .modmenu .container {
      color: #010101;
  }

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

/* CS1.6 */
.punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl  {
    color: #010101;
  }

/* CS1.7 */

.punbb .quote-box {
   color: #010101;
   background-image: none;
   background: rgba(24, 24, 24, 0.0675);
   -webkit-box-shadow: rgba(0, 0, 0, 0.170588) 1px 2px 4px, rgba(0, 0, 0, 0.1992235) 0px 0px 17px inset;
   box-shadow: rgba(0, 0, 0, 0.170588) 1px 2px 4px, rgba(0, 0, 0, 0.1992235) 0px 0px 17px inset;
   border-top: 18px solid;
   border-top: 0px solid #67120c;
   border-bottom: 0px solid #67120c;
   border-right: 0px solid #67120c;
   border-left: 0px solid #67120c;
   border-radius:0px;
     -webkit-border-radius:0px;
     -khtml-border-radius:0px;
     -moz-border-radius:0px;
     -o-border-radius:0px; 
  }

.punbb .code-box {
      color: #010101;
   background-image: none;
   background: rgba(24, 24, 24, 0.0675);
   -webkit-box-shadow: rgba(0, 0, 0, 0.170588) 1px 2px 4px, rgba(0, 0, 0, 0.1992235) 0px 0px 17px inset;
   box-shadow: rgba(0, 0, 0, 0.170588) 1px 2px 4px, rgba(0, 0, 0, 0.1992235) 0px 0px 17px inset;
   border-top: 18px solid;
   border-top: 0px solid #67120c;
   border-bottom: 0px solid #67120c;
   border-right: 0px solid #67120c;
   border-left: 0px solid #67120c;
   border-radius:0px;
     -webkit-border-radius:0px;
     -khtml-border-radius:0px;
     -moz-border-radius:0px;
     -o-border-radius:0px; 
  }

.punbb textarea {
   color: #0c0102;
   font-family: Verdana;
   font-size: 11px;
   background: rgba(24, 24, 24, 0.0675);
   -webkit-box-shadow: rgba(0, 0, 0, 0.170588) 1px 2px 4px, rgba(0, 0, 0, 0.1992235) 0px 0px 17px inset;
   box-shadow: rgba(0, 0, 0, 0.170588) 1px 2px 4px, rgba(0, 0, 0, 0.1992235) 0px 0px 17px inset;}

.punbb input, .punbb select {
   color: #0c0102;
   font-family: Verdana;
   font-size: 11px;
   background: rgba(24, 24, 24, 0.0675);
   -webkit-box-shadow: rgba(0, 0, 0, 0.170588) 1px 2px 4px, rgba(0, 0, 0, 0.1992235) 0px 0px 17px inset;
   box-shadow: rgba(0, 0, 0, 0.170588) 1px 2px 4px, rgba(0, 0, 0, 0.1992235) 0px 0px 17px inset;
  }

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

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

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

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

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

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

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

/* CS2.6 */


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

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

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

.punbb .formal fieldset .post-box, .punbb .info-box {
  border: 0px solid #dedfdf
  }

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


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

/* CS3.1 */
.punbb a, .punbb a:link, .punbb a:visited,
.punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited {
  text-decoration: none;
  color: #292929;
  }

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: #292929;
  text-decoration: none;
  }

/* 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: #360000;
  text-decoration: none;
  }

/* CS3.3 */

div#pun-navlinks {
  position: absolute;
  width: 100%;
  text-align: center;
  top: 214px;
  left: 15px;
  font-size: 13px;
  background-color: transparent;
  }

div#pun-ulinks {
  position: absolute;
  width: 100%;
  text-align: center;
  top: 232px;
  left: 0px;
    }

#pun-navlinks a {
    color: #010101;
    font-family: georgia;
    font-variant: small-caps;
    text-transform: none;
    text-decoration: none;
    text-shadow: rgb(144, 145, 144) 0px 0px 3px;
  }

#pun-ulinks a {
    color: #010101;
    font-family: georgia;
    font-size: 10px;
    border-bottom: 0px none #000;
    text-decoration: none;
  }

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

#pun-pagelinks a:active, #pun-pagelinks a:focus {
  background-color: none;
  text-decoration: none;
  color: #292929;
  }

#pun-stats li.item1, #pun-stats li.item2 {
  float: left;
  clear: both;
  width: 60%;
  margin-left: 7px;
  }

#pun-stats li.item3 {
   float: left;
   clear: both;
  margin-left: 7px;
  }

#pun-stats li.item4 {
   float: left;
   clear: both;
  margin-left: 7px;
  }

#pun-stats ul.container {
background: transparent url(http://funkyimg.com/i/211hy.pug) no-repeat 0px 3px;
padding-left: 71px;}

/* CS4 Post status icons
 -------------------------------------------------------------*/
.punbb table Div.icon {border-style: none;
background-image: url(http://s0.uploads.ru/t/SbChk.png);
background-repeat: no-repeat;
position: relative; margin-right: 0px; margin-left: 0px;}
TR.inew Div.icon {
background: url(http://funkyimg.com/i/Zu6y.png)}
TR.isticky Div.icon {
background: url(http://funkyimg.com/i/Zu6x.png)}
TR.iclosed Div.icon {
background: url(http://sh.uploads.ru/t/QXMG0.png)}

p.desc-for {
    background: rgba(0, 0, 0, 0.04355);
    padding: 10px;
    margin-left: -9px;
    width: 95%;
    text-align: justify;
    font-family: georgia;
    font-size: 11px;
    color: #2d2d2c;
    margin-top: 5px;
   -webkit-box-shadow: rgba(0, 0, 0, 0.210588) 0px 0px 20px;
   box-shadow: rgba(0, 0, 0, 0.210588) 0px 0px 20px;
        }


#pun-main .post-author ul {text-align: center};

/* таблица, всплывающие мини блоки  */
.tooltip {
border: none; 
color: #e6e7e4;
text-decoration: none;
position: relative;
}

.tooltip span {
margin-left: -999em;
position: absolute;
}

.tooltip:hover span {
font-family:verdana;
position: absolute;
z-index: 99;
margin-left: -25px;
margin-top: 55px;
}


.tip { 
width: 120px;
background: #A9A9A9;
color: #800000; 
padding: 3px;
text-align: justify;
border-top: 2px solid #2F4F4F;
border-bottom: 2px solid #2F4F4F;
}


/* ссылки в описании форумов  */
a.sbla:link, a.sbla:visited { 
display: inline-block;
width: auto;
margin-top: 5px;
margin-bottom: 1px; 
text-transform: lowercase; 
font-family: georgia;
text-align: center; 
font-size: 11px; 
letter-spacing: 1px;
background: rgba(0, 0, 0, 0.2);
  color: #A52A2A;  
padding: 4px 5px 4px 5px;}

a.sbla:hover, a.sbla:active { 
display: inline-block;
-moz-transition: 1s ease; -webkit-transition: 1s ease;  
width: auto;
 text-transform: lowercase; 
font-family: georgia; 
font-size: 11px; 
letter-spacing: 1px; 
text-align: center; 
text-decoration: none; 
background: rgba(139, 0, 0, 0.7); 
color: #DCDCDC;  
text-align: center; 
padding: 4px 5px 4px 5px;}

HTML-верх
Код:

Код:
<style>
#pun-category1 h2 span, #pun-category2 h2 span, #pun-category3 h2 span, #pun-main #pun-category4 h2 span, #pun-main #pun-category5 h2 span, #pun-main #pun-category6 h2 span, 
#pun-main #pun-category7 h2 span, #pun-main #pun-category8 h2 span, #pun-main #pun-category9 h2 span, #pun-stats h2 span {display: none;}
</style>

<!-- гамонок -->
<style type='text/css'>
::-webkit-scrollbar { height: 12px; width: 9px }
::-webkit-scrollbar-thumb { background: #720000}
::-webkit-scrollbar-track { background: #323232}
</style>
<style>
#pun-stats h2 span,
.category h2 span {
visibility:hidden!important;
}
</style>

<!-- Убрать слово "объявление" -->
<style type="text/css">
#pun-announcement h2 {display: none}
#pun-announcement .container {padding-top: 1em}
</style>

<style>
/* Настройки кнопок и контейнера таблицы объявлений*/    
#menu {
/*margin-top: 100px;*/	
/*margin-left: -10 px;*/	
width: 55px;
height: 55px;
background-repeat : no-repeat;}

#menu span {
text-align:left;
display:block;
color:#1a1726;
margin-top: -10px;
margin-left: -12px;
padding: 7px;
}

#submenu, #menu span {
    border-radius:0px;
    -webkit-border-radius:5px;
    -khtml-border-radius:5px;
    -moz-border-radius:5px;
    -o-border-radius:5px;
background:#transparent;
}

#menu .tabactive {
color: #1a1726;
    background:#transparent;
}

#submenu {
padding: 7px;
height: 320px;
margin-top: -35px;
margin-left: -65px;
text-align: center;
font-size: 12px;
width: 838px;
background: rgba(0, 0, 0, 0.04355);
-webkit-box-shadow: rgba(0, 0, 0, 0.210588) 0px 0px 20px;
   box-shadow: rgba(0, 0, 0, 0.210588) 0px 0px 20px;
}

.submenutext {
display: none; 
height: 4px;
}
</style>
Код:
<!--Своя картинка в каждую категорию -->
<script type="text/javascript">
$(document).ready(function(){
myarray=new Array(
"Первая категория", "http://funkyimg.com/i/ZUKs.png",
"Вторая категория", "http://funkyimg.com/i/ZUKt.png",
"Реальное время", "http://funkyimg.com/i/ZUKu.png",
"Назад в будущее", "http://funkyimg.com/i/ZUKv.png",
"Место для отдыха", "http://funkyimg.com/i/ZUKw.png",
"Двигатель прогресса", "http://funkyimg.com/i/ZUKx.png",
"Наша свалка", "http://funkyimg.com/i/ZUKy.png",
"Статистика форума", "http://funkyimg.com/i/ZWHS.png")


        $("#pun-index div.category h2,#pun-index #pun-stats h2").each(function (i) {
for(q=0;q<myarray.length;q++){
var cssObj = {
   "height":"91px",
    "width":"452px",
   "margin-left":" 224px",
    "margin-top":" -15px",
   "background-color": "transparent",
   "background-image":"url("+myarray[q+1]+")",
   "font-size": "0.0em",
   "background-position":"50% 50%",
   "background-repeat":"no-repeat"       
}
        if($(this).children("span").text()==myarray[q])$(this).css(cssObj);
        q++}
    });
});
</script>


<!--Кнопки вверх вниз-->
<div style="position:fixed; right:3.5%; bottom: 30%;">
<a href=#top onClick="scrollTo(0,0); return false;" title="Вверх страницы">
<img src="http://funkyimg.com/i/ZAj5.png" alt="Вверх страницы" ></a>
<br/>
<a href=#top onClick="scrollTo(0, document.body.scrollHeight); return false;" title="Вниз страницы">
<img src="http://funkyimg.com/i/ZAiL.png" alt="Вниз страницы" ></a> 
</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">
var A=[1,2,3,4,5]
$(".post .post-author li").each(function (){
for(var i in A){if($(this).hasClass("pa-fld"+A[i])){
$(this).html($(this).html().replace(/^[^:]*:/,''));}};});
</script>

<!-- спойлер наград на Rusff в Профиле, в Топике -->
<style>
.post-author-Sp{
margin-top: 7px;
/*background-color:#!important;*/
}
img.aw{
background-color:#!important;
}
ul.wrapper{
margin-left: 23px;
width:116px!important;
margin-bottom: 15px;
display:none;
}
ul.wrapper,
ul.wrapper li.pa-awards{
border-color:transparent;
}
</style>
<script>
// кнопка - ссылка на Картинку
var Img="http://s7.uploads.ru/t/5F6MH.png";

wrapp1="<li class='post-author-Sp'><img class=aw style='cursor:pointer' src='";
wrappEnd="'><ul class=wrapper></ul></li>";
wrapp1=wrapp1+Img+wrappEnd;

$(window).load(function () {
$(".post .post-author .pa-awards").each(function() {
  if($(this).css("display")!="none"){
  $(this).before(wrapp1);a=$(this).parents('.post').find('.post-author-Sp ul')
  $(this).appendTo(a)
  }
});});
$(".post .post-author-Sp ").live("click", function(){
 $(this).find('ul:first').toggle('slow')
});</script>
<!--Конец//=спойлер наград в Профиле, в Топике-->

<!-- замена активен / неактивен на картинки -->
<script type="text/javascript">
var we=document.getElementsByTagName("ul")
var x=0
for (x=0; x<=(we.length-1); x++)
{if (we[x].innerHTML.indexOf("pa-online")!=-1)
{we[x].getElementsByClassName('pa-online')[0].innerHTML = "<img src='http://funkyimg.com/i/ZV3Z.png' />"}
else if ((we[x].innerHTML.indexOf("pa-online")==-1)&&(we[x].innerHTML.indexOf("pa-author")!=-1)){
we[x].innerHTML=we[x].innerHTML+"<img src='http://funkyimg.com/i/ZV3Y.png' />"}}
</script>

<!-- JampPanel-->
<style>
#JampPanel:hover{
margin-right:15px;
}
#JampPanel,#JampPanel .container{
}
#JampPanel {
position:fixed;z-index:1200; height: 293px; top: 4px; right:0; margin-right:-261px;
background: url(http://funkyimg.com/i/ZWG8.png) -7px 66px no-repeat; width: 302px;}
#JampPanel .container{
background: url(http://funkyimg.com/i/ZWG7.png);
padding: 5px;
height: 410px;
width:100%;
margin: 0px 0 0 43px;
background-color: #ABBFD5; /* фоновый цвет окна */
}


</style>
<div id=JampPanel>
  <div class=container>
    <div id=Zaslonyalka></div>
<div style="position: absolute; left: 64px; top: 35px; width: 251px;">
<p style="font-size:10px">
<center>
<div style="overflow: auto; overflow-x: hidden; height: 361px; padding: 0px;">
<center><b>♣ ОЧЕРЕДНОСТЬ ПОСТОВ ♣</b><p></p></center><br>
Δ <a href="http://mhshootme.rusff.me/viewtopic.php?id=1361"> m.q. 4</a> - <i> Reagan O'Connell</i><br>
Δ <a href="http://mhshootme.rusff.me/viewtopic.php?id=1685"> m.q. 5</a> - <i>Cornelia Greengrass</i><br>
Δ <a href="http://mhshootme.rusff.me/viewtopic.php?id=671"> s.ep. 27</a> - <i>Eliza Winchester</i><br>
Δ <a href="http://mhshootme.rusff.me/viewtopic.php?id=1120"> s.ep. 50</a> - <i>Eden Hart</i><br>
Δ <a href="http://mhshootme.rusff.me/viewtopic.php?id=1433"> s.ep. 62</a> - <i>Neal Oldman</i><br>
Δ <a href="http://mhshootme.rusff.me/viewtopic.php?id=1435"> s.ep. 63</a> - <i>Magda Binkowski</i><br>
Δ <a href="http://mhshootme.rusff.me/viewtopic.php?id=1549"> s.ep. 67</a> - <i>Chris Coleman</i><br>
Δ <a href="http://mhshootme.rusff.me/viewtopic.php?id=1551"> s.ep. 68</a> - <i>Madlyn Hines</i><br>
Δ <a href="http://mhshootme.rusff.me/viewtopic.php?id=1553"> s.ep. 69</a> - <i>Eddi Erickson</i><br>
Δ <a href="http://mhshootme.rusff.me/viewtopic.php?id=1757"> s.ep. 74</a> - <i>Yvonne Winchester</i><br>
Δ <a href="http://mhshootme.rusff.me/viewtopic.php?id=1758"> s.ep. 75</a> - <i>Kristen Danvers</i><br>
Δ <a href="http://mhshootme.rusff.me/viewtopic.php?id=1759"> s.ep. 76</a> - <i>Simon Conley</i><br>
Δ <a href="http://mhshootme.rusff.me/viewtopic.php?id=1760"> s.ep. 77</a> - <i>Raven Lancaster</i><br>
Δ <a href="http://mhshootme.rusff.me/viewtopic.php?id=1765"> s.ep. 78</a> - <i>Kazumi Toshee</i><br>
Δ <a href="http://mhshootme.rusff.me/viewtopic.php?id=1766"> s.ep. 79</a> - <i>Hillary Stream</i><br>
♣ ♣ ♣ ♣ ♣ ♣ ♣ ♣ ♣ ♣ <br>
Δ <a href="http://mhshootme.rusff.me/viewtopic.php?id=924"> p.ep. 108</a> - <i>Alexandra Dornan</i><br>
Δ <a href="http://mhshootme.rusff.me/viewtopic.php?id=1030"> p.ep. 125</a> - <i>Eden Hart</i><br>
Δ <a href="http://mhshootme.rusff.me/viewtopic.php?id=1118"> p.ep. 149</a> - <i>Julia Nord</i><br>
Δ <a href="http://mhshootme.rusff.me/viewtopic.php?id=1165"> p.ep. 157</a> - <i>Luke Rogers</i><br>
Δ <a href="http://mhshootme.rusff.me/viewtopic.php?id=1167"> p.ep. 158</a> - <i>Peter Halsted</i><br>
Δ <a href=" http://mhshootme.rusff.me/viewtopic.php?id=1224 "> p.ep. 169 </a> - <i> Evelyn Stokes</i><br>
Δ <a href="http://mhshootme.rusff.me/viewtopic.php?id=1292"> p.ep. 180</a> - <i>Axel Pinder-Schloss</i><br>
Δ <a href="http://mhshootme.rusff.me/viewtopic.php?id=1299"> p.ep. 181</a> - <i>James Hunt</i><br>
Δ <a href="http://mhshootme.rusff.me/viewtopic.php?id=1302"> p.ep. 182</a> - <i>Cornelia Greengrass</i><br>
Δ <a href="http://mhshootme.rusff.me/viewtopic.php?id=1309"> p.ep. 183</a> - <i>Yvonne Winchester</i><br>
Δ <a href="http://mhshootme.rusff.me/viewtopic.php?id=1321"> p.ep. 185</a> - <i>Daniella Sharman</i><br>
Δ <a href="http://mhshootme.rusff.me/viewtopic.php?id=1323"> p.ep. 186</a> - <i>Evelyn Stokes</i><br>
Δ <a href="http://mhshootme.rusff.me/viewtopic.php?id=1335"> p.ep. 187</a> - <i>Neal Oldman</i><br>
Δ <a href="http://mhshootme.rusff.me/viewtopic.php?id=1342"> p.ep. 189</a> - <i>Eliza Winchester</i><br>
Δ <a href="http://mhshootme.rusff.me/viewtopic.php?id=1343"> p.ep. 190</a> - <i>Ariel Meade</i><br>
Δ <a href="http://mhshootme.rusff.me/viewtopic.php?id=1344"> p.ep. 191</a> - <i>Ariel Meade</i><br>
Δ <a href="http://mhshootme.rusff.me/viewtopic.php?id=1365"> p.ep. 195</a> - <i>William Thomas</i><br>
Δ <a href="http://mhshootme.rusff.me/viewtopic.php?id=1379"> p.ep. 199</a> - <i>Rhett Butler</i><br>
Δ <a href="http://mhshootme.rusff.me/viewtopic.php?id=1410"> p.ep. 205</a> - <i>Edlyn-Jen Ivory</i><br>
Δ <a href="http://mhshootme.rusff.me/viewtopic.php?id=1446"> p.ep. 208</a> - <i> Axel Pinder-Schloss</i><br>
Δ <a href="http://mhshootme.rusff.me/viewtopic.php?id=1459"> p.ep. 210</a> - <i>Alan Russell</i><br>
Δ <a href="http://mhshootme.rusff.me/viewtopic.php?id=1465"> p.ep. 211</a> - <i>Axel Pinder-Schloss</i><br>
Δ <a href="http://mhshootme.rusff.me/viewtopic.php?id=1480"> p.ep. 213</a> - <i>Michelle Decaux</i><br>
Δ <a href="http://mhshootme.rusff.me/viewtopic.php?id=1522"> p.ep. 214</a> - <i>Mina Midzuno</i><br>
Δ <a href="http://mhshootme.rusff.me/viewtopic.php?id=1527"> p.ep. 215</a> - <i>Mina Midzuno</i><br>
Δ <a href="http://mhshootme.rusff.me/viewtopic.php?id=1531"> p.ep. 216</a> - <i>Anthony Swofford</i><br>
Δ <a href="http://mhshootme.rusff.me/viewtopic.php?id=1532"> p.ep. 217</a> - <i>Cornelia Greengrass</i><br>
Δ <a href="http://mhshootme.rusff.me/viewtopic.php?id=1550"> p.ep. 218</a> - <i>Max DeWitt</i><br>
Δ <a href="http://mhshootme.rusff.me/viewtopic.php?id=1552"> p.ep. 219</a> - <i>Gwendoline Montrose</i><br>
Δ <a href="http://mhshootme.rusff.me/viewtopic.php?id=1562"> p.ep. 222</a> - <i>Neal Oldman</i><br>
Δ <a href="http://mhshootme.rusff.me/viewtopic.php?id=1578"> p.ep. 224</a> - <i>Jessica Lewis</i><br>
Δ <a href="http://mhshootme.rusff.me/viewtopic.php?id=1593"> p.ep. 226</a> - <i>Kristen Danvers</i><br>
Δ <a href="http://mhshootme.rusff.me/viewtopic.php?id=1595"> p.ep. 228</a> - <i>Eddi Erickson</i><br>
Δ <a href="http://mhshootme.rusff.me/viewtopic.php?id=1606"> p.ep. 229</a> - <i>James Clark</i><br>
Δ <a href="http://mhshootme.rusff.me/viewtopic.php?id=1609"> p.ep. 230</a> - <i>Bruce Payne</i><br>
Δ <a href="http://mhshootme.rusff.me/viewtopic.php?id=1628"> p.ep. 231</a> - <i>Damian Hale</i><br>
Δ <a href="http://mhshootme.rusff.me/viewtopic.php?id=1640"> p.ep. 235</a> - <i>Spenser Flores</i><br>
Δ <a href="http://mhshootme.rusff.me/viewtopic.php?id=1653"> p.ep. 237</a> - <i>Neal Oldman</i><br>
Δ <a href="http://mhshootme.rusff.me/viewtopic.php?id=1693"> p.ep. 244</a> - <i>Cecil Baldwin</i><br>
Δ <a href="http://mhshootme.rusff.me/viewtopic.php?id=1706"> p.ep. 245</a> - <i>Helena Winchester</i><br>
Δ <a href="http://mhshootme.rusff.me/viewtopic.php?id=1708"> p.ep. 246</a> - <i>Billy Gallagher</i><br>
Δ <a href="http://mhshootme.rusff.me/viewtopic.php?id=1717"> p.ep. 247</a> - <i>Eve Duken</i><br>
Δ <a href="http://mhshootme.rusff.me/viewtopic.php?id=1714"> p.ep. 248</a> - <i>Cecil Baldwin</i><br>
Δ <a href="http://mhshootme.rusff.me/viewtopic.php?id=1737"> p.ep. 249</a> - <i>Sefton Devaney</i><br>
Δ <a href="http://mhshootme.rusff.me/viewtopic.php?id=1743"> p.ep. 250</a> - <i>Luke Rogers</i><br>
Δ <a href="http://mhshootme.rusff.me/viewtopic.php?id=1753"> p.ep. 252</a> - <i>Peter Thornton</i><br>
Δ <a href="http://mhshootme.rusff.me/viewtopic.php?id=1768"> p.ep. 254</a> - <i>Santana Garcia </i><br>
Δ <a href="http://mhshootme.rusff.me/viewtopic.php?id=1775"> p.ep. 255</a> - <i>Neal Oldman</i><br>
Δ <a href="http://mhshootme.rusff.me/viewtopic.php?id=1776"> p.ep. 256</a> - <i>Eva Duken</i><br>
Δ <a href="http://mhshootme.rusff.me/viewtopic.php?id=1784"> p.ep. 257</a> - <i>Dominic Johnson</i><br>
Δ <a href="http://mhshootme.rusff.me/viewtopic.php?id=1788"> p.ep. 258</a> - <i> Alexandra Dornan</i><br>
Δ <a href="http://mhshootme.rusff.me/viewtopic.php?id=1796"> p.ep. 259</a> - <i>Raven Lancaster</i><br>
Δ <a href="http://mhshootme.rusff.me/viewtopic.php?id=1797"> p.ep. 260</a> - <i> John Winchester</i><br>
Δ <a href="http://mhshootme.rusff.me/viewtopic.php?id=1801"> p.ep. 261</a> - <i> Dominic Johnson</i><br>
Δ <a href="http://mhshootme.rusff.me/viewtopic.php?id=1813"> p.ep. 262</a> - <i>Yvonne Winchester</i><br>
Δ <a href="http://mhshootme.rusff.me/viewtopic.php?id=1815"> p.ep. 263</a> - <i>Billy Gallagher</i><br>
Δ <a href="http://mhshootme.rusff.me/viewtopic.php?id=1828"> p.ep. 264</a> - <i>John Winchester</i><br>
Δ <a href="http://mhshootme.rusff.me/viewtopic.php?id=1839"> p.ep. 265</a> - <i>Adam Nowak</i><br>
Δ <a href="http://mhshootme.rusff.me/viewtopic.php?id=1842"> p.ep. 266</a> - <i>Fay Wainwright</i><br>
Δ <a href="http://mhshootme.rusff.me/viewtopic.php?id=1843"> p.ep. 267</a> - <i>Reagan Summers</i><br>
Δ <a href="http://mhshootme.rusff.me/viewtopic.php?id=1845"> p.ep. 268</a> - <i>Ryan Walker</i><br>
Δ <a href="http://mhshootme.rusff.me/viewtopic.php?id=1852"> p.ep. 269</a> - <i>Eddi Erickson</i><br>
♣ ♣ ♣ ♣ ♣ ♣ ♣ ♣ ♣ ♣ <br>
Δ <a href="http://mhshootme.rusff.me/viewtopic.php?id=795"> f. 3</a> - <i>Peter Halsted</i><br>
Δ <a href="http://mhshootme.rusff.me/viewtopic.php?id=1131"> f. 11</a> - <i>Anna Bowie</i><br>
Δ <a href="http://mhshootme.rusff.me/viewtopic.php?id=1311"> f. 15</a> - <i>Julia Nord</i><br>
Δ <a href="http://mhshootme.rusff.me/viewtopic.php?id=1324"> f. 16</a> - <i>Edgar Stokes</i><br>
Δ <a href="http://mhshootme.rusff.me/viewtopic.php?id=1390"> f. 21</a> - <i>Madlyn Hines</i><br>
Δ <a href="http://mhshootme.rusff.me/viewtopic.php?id=1416"> f. 24</a> - <i>Phoebe Russo</i><br>
Δ <a href="http://mhshootme.rusff.me/viewtopic.php?id=1421"> f. 25</a> - <i>Evelyn Stokes</i><br>
Δ <a href="http://mhshootme.rusff.me/viewtopic.php?id=1451"> f. 26</a> - <i>Ashley Malone</i><br>
Δ <a href="http://mhshootme.rusff.me/viewtopic.php?id=1476"> f. 27</a> - <i>Blanca Rosenberg</i><br>
Δ <a href="http://mhshootme.rusff.me/viewtopic.php?id=1478"> f. 28</a> - <i>Elva Kenward</i><br>
Δ <a href="http://mhshootme.rusff.me/viewtopic.php?id=1560"> f. 29</a> - <i>Eve Green</i><br>
Δ <a href="http://mhshootme.rusff.me/viewtopic.php?id=1626"> f. 31</a> - <i>Esther Black</i><br>
Δ <a href="http://mhshootme.rusff.me/viewtopic.php?id=1647"> f. 32</a> - <i>Raven Lancaster</i><br>
Δ <a href="http://mhshootme.rusff.me/viewtopic.php?id=1656"> f. 33</a> - <i>Cedric Devaney</i><br>
Δ <a href="http://mhshootme.rusff.me/viewtopic.php?id=1663"> f. 34</a> - <i>Alister Carmichael</i><br>
Δ <a href="http://mhshootme.rusff.me/viewtopic.php?id=1354"> f. 35</a> - <i>Neal Oldman</i><br>
Δ <a href="http://mhshootme.rusff.me/viewtopic.php?id=1696"> f. 37</a> - <i>Cecil Baldwin</i><br>
Δ <a href="http://mhshootme.rusff.me/viewtopic.php?id=1730"> f. 38</a> - <i>Simon Conley</i><br>
Δ <a href="http://mhshootme.rusff.me/viewtopic.php?id=1732"> f. 39</a> - <i>Hillary Stream</i><br>
Δ <a href="http://mhshootme.rusff.me/viewtopic.php?id=1716"> f. 40</a> - <i>Hillary Stream</i><br>
Δ <a href="http://mhshootme.rusff.me/viewtopic.php?id=1756"> f. 41</a> - <i>Eve Green</i><br>
Δ <a href="http://mhshootme.rusff.me/viewtopic.php?id=1764"> f. 42</a> - <i>Simon Conley</i><br>
Δ <a href="http://mhshootme.rusff.me/viewtopic.php?id=1777"> f. 43</a> - <i>Eve Green</i><br>
Δ <a href="http://mhshootme.rusff.me/viewtopic.php?id=1785"> f. 44</a> - <i>Raven Lancaster</i><br>
Δ <a href="http://mhshootme.rusff.me/viewtopic.php?id=1789"> f. 45</a> - <i>Billy Gallagher</i><br>
Δ <a href="http://mhshootme.rusff.me/viewtopic.php?id=1811"> f. 46</a> - <i>Harleen Ray</i><br>
♣ ♣ ♣ ♣ ♣ ♣ ♣ ♣ ♣ ♣ <br>
Δ <a href="http://mhshootme.rusff.me/viewtopic.php?id=1166"> au. 9</a> - <i>Billy Gallagher</i><br>
Δ <a href="http://mhshootme.rusff.me/viewtopic.php?id=1368"> au. 14</a> - <i>Alice Daniels</i><br>
Δ <a href="http://mhshootme.rusff.me/viewtopic.php?id=1391"> au. 16</a> - <i>Max DeWitt</i><br>
Δ <a href="http://mhshootme.rusff.me/viewtopic.php?id=1592"> au. 22</a> - <i>Michelle Decaux</i><br>
Δ <a href="http://mhshootme.rusff.me/viewtopic.php?id=1718"> au. 23</a> - <i>Eve Duken</i><br>
Δ <a href="http://mhshootme.rusff.me/viewtopic.php?id=1748"> au. 24</a> - <i>Akira Ito</i><br>
Δ <a href="http://mhshootme.rusff.me/viewtopic.php?id=1748"> au. 25</a> - <i>Evelyn Stokes</i><br>
</div>
 </p>
</center> 
<br><br>
</CENTER></span></span></p><br>
</li>
</ul></center>
</div>
  </div>
</div>
<!--End//JampPanel-->

<!-- УВЕДОМЛЕНИЕ -->
<div id="inter2" style="display:none;
position: fixed;
z-index: 10000;
top: 40%;
width: 300px;
padding-left: 20px;
padding-right: 0px;
height: 120px;
background-color: #E6CEC1;
  box-shadow: 0 0 2px #720000;
  border-top: 5px solid #720000;  
  border-bottom: 5px solid #9E4840;
  border-radius: 0px;
left: 50% !important;
margin-left: -200px !important;
background: rgba(0, 0, 0, 0.07355) repeat-y top center;">
<img class="img1809" style="position: absolute;cursor:pointer; right:10px;
top:10px;" src="http://forumstatic.ru/files/0013/de/e6/75876.png"/>
<div style="font-size: 10px;
text-align: justify;
margin-bottom: 8px;
margin-top: 7px;
padding-top: 6px;
overflow-y: auto!important;
width: 280px;
height: 150px!important;">

<!-- КОНТЕНТ -->
<br><center><font size="1">ПОДДЕРЖИ ЛЮБИМЫЙ ФОРУМ В ТОПАХ, ШУТОВЕЦ :з<br><br>
<a href="http://top.roleplay.ru/23048" title="Рейтинг Ролевых Ресурсов - RPG TOP" target="top_">
<img src="http://img.rpgtop.su/88x31x11x1.gif" alt="Рейтинг Ролевых Ресурсов - RPG TOP" border="0" width="88" height="31"></a><a title="Каталог фэнтези сайтов Палантир" href='http://palantir.in/?from=19045' target='_blank'><img src="http://palantir.in/count.php?id=19045&cid=2006_yellow.gif" alt='Palantir' title="Каталог фэнтези сайтов Палантир" border=0 width="88px" height="31px"></a><br>
</font></center>
<!--/End КОНТЕНТ -->
</div></div>
<script src="http://forumstatic.ru/files/0005/36/64/81092.js"></script>
<script type="text/javascript">
if(typeof(getCookie01)!="undefined"){
var UwOn=1 //1-Уведомление Включено; 0 - Выключено
RabRegim=1 // 1 - Рабочий Режим  -(Если - 0 Тестовый режим и Всплывает все время
if(!RabRegim){deleteCookie01('#inter2')}
var TimePOP=8 // раз в 12 часов повторяемость - для одного юзера
if(GroupID!=3&&UwOn&&!getCookie01('#inter2')&&document.URL=="http://"+location.hostname+"/"){
$("#inter2").show();setCookie01('#inter2','off',TimePOP*60*60*1000)}
$(".img1809").click(function(){$("#inter2").hide();});
}
</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>

0

9

Код:
<!— каст недели и команда победитель —>
<div style="height:60px; border:none; top:294px;margin-left:17px;position:absolute;z-index:100;font-family: georgia;"><span style="font-size:11px"><p align="center"><font color=#830000><b><i>КАСТ НЕДЕЛИ & КОМАНДА-ПОБЕДИТЕЛЬ</i></b>
</font></p></span></div>
<div style="height:45px; border:none; top:316px;margin-left:17px;position:absolute;z-index:100;"><center><a href="сылка"><img src="http://savepic.su/6015745.png" class="Hoverbuttons"></a> </center></div>
<div style="height:45px; border:none; top:316px;margin-left:149px;position:absolute;z-index:100;"><center><a href="сылка"><img src="http://savepic.su/6015745.png" class="Hoverbuttons"></a> </center></div>
<!— Минутка вдохновения —>
<div style="height:60px; border:none; top:370px;margin-left:17px;position:absolute;z-index:100;font-family: georgia;"><span style="font-size:14px"><p align="center"><font color=#830000><b><i>Минутка вдохновения:</i></b>
</font></p></span></div>
<div style="height:27px;width:264px; border:none; top:389px;margin-left:12px;position:absolute;z-index:100;font-family: georgia;overflow-y:auto"><span style="font-size:9px"><font color=#2f2f2f><b>спасибо за вечер, спасибо за ночь, спасибо за сына, cпасибо за дочь... и так далее и тому подобное... </b>
</font></span></div>
<div style="height:27px; border:none; top:415px;margin-left:85px;position:absolute;z-index:100;font-family: georgia;"><span style="font-size:10px"><font color=#2f2f2f><b><i>~ от кого-то кому-то для чего-то</i> </b>
</font></span></div>
<!— плей лист-->
<div style="height:45px; border:none; top:433px;margin-left:12px;position:absolute;z-index:100;"><center><a href="сылка"><img src="http://savepic.net/7140453.png" class="Hoverbuttons"></a> </center></div>
<div style="height:27px; border:none; top:450px;margin-left:92px;position:absolute;z-index:100;font-family: georgia;"><span style="font-size:10px"><font color=#2f2f2f><b><i>название музыки</i> </b>
</font></span></div>
<!— топы —>
<div style="height:45px; border:none; top:481px;margin-left:8px;position:absolute;z-index:100;"><center><a href="сылка"><img src="http://savepic.net/7079012.png" class="Hoverbuttons"></a> <a href="сылка"><img src="http://savepic.net/7079012.png" class="Hoverbuttons"></a> <a href="сылка"><img src="http://savepic.net/7079012.png" class="Hoverbuttons"></a> </center></div>
<!— амс —>
<div style="height:60px; border:none; top:279px;margin-left:311px;position:absolute;z-index:100;font-family: georgia;"><span style="font-size:16px"><p align="center"><font color=#830000><b><i>КОМАНДУЮТ ПАРАДОМ</i></b>
</font></p></span></div>
<div style="height:45px; border:none; top:305px;margin-left:297px;position:absolute;z-index:100;"><center><div class=ImgWrap><a href="сылка"><img class="image UP" src="http://savepic.net/7121017.png"/> <img class="image Down" src="http://savepic.net/7129211.png"/></a> </div> <div class=ImgWrap><a href="сылка"><img class="image UP" src="http://savepic.net/7121017.png"/> <img class="image Down" src="http://savepic.net/7129211.png"/></a> </div> <div class=ImgWrap><a href="сылка"><img class="image UP" src="http://savepic.net/7121017.png"/> <img class="image Down" src="http://savepic.net/7129211.png"/></a> </div> <div class=ImgWrap><a href="сылка"><img class="image UP" src="http://savepic.net/7121017.png"/> <img class="image Down" src="http://savepic.net/7129211.png"/></a> </div> <div class=ImgWrap><a href="сылка"><img class="image UP" src="http://savepic.net/7121017.png"/> <img class="image Down" src="http://savepic.net/7129211.png"/></a> </div> <div class=ImgWrap><a href="сылка"><img class="image UP" src="http://savepic.net/7121017.png"/> <img class="image Down" src="http://savepic.net/7129211.png"/></a> </div></center></div>
<!— Добро пожаловать, время и другая шняга —>
<div style="height:60px; border:none; top:392px;margin-left:298px;position:absolute;z-index:100;font-family: georgia;"><span style="font-size:12px"><p
align="center"><font color=#830000><b><i>Добро пожаловать на MH: Shoot Me!</i></b>
</font></p></span></div>
<div style="height:27px; border:none; top:372px;margin-left:409px;position:absolute;z-index:100;font-family: georgia;"><span style="font-size:14px">- - -</span></div>
<div style="height:27px; border:none; top:407px;margin-left:335px;position:absolute;z-index:100;font-family: georgia;"><span style="font-size:12px">эпизодическая система игры;</span></div>
<div style="height:27px; border:none; top:423px;margin-left:295px;position:absolute;z-index:100;font-family: georgia;"><span style="font-size:12px">г. Мистери Хиллс, провинция Квебек, Канада.<br><b>время в игре:</b> начало декабря 2014 года.</span></div>
<div style="height:27px; border:none; top:452px;margin-left:409px;position:absolute;z-index:100;font-family: georgia;"><span style="font-size:14px">- - -</span></div>
<!— Навигация —>
<div style="height:45px; border:none; top:477px;margin-left:310px;position:absolute;z-index:100;"><form><select name="select" class="forminput" onchange="location.href=(form.select.options[form.select.selectedIndex].value)"> 
♣ НАВИГАЦИОННАЯ ПАНЕЛЬ ♣ 
♦ сюжет
♦ правила
♦ путеводитель по мистери хиллс
♦ список способностей [магия]
♦ описание рас
♦ f.a.q.
♦ занятые внешности
♦ занятые фамилии
♦ центр занятости
♦ act. [we need you girls]
♦ act [we need you boys]
♦ act. [I wanna see your face]
♦ act. [i want to you]
♦ шаблоны анкет
</select></form></center></font></div>
<div style="height:27px; border:none; top:503px;margin-left:307px;position:absolute;z-index:100;font-family: georgia;"><font color=#2f2f2f><span style="font-size:10px"><i>(навигатор по самым важным темам форума)</i></span></font></div>
<!— команда 2015 и баллы команды —>
<div style="height:60px; border:none; top:294px;margin-left:564px;position:absolute;z-index:100;font-family: georgia;"><span style="font-size:11px"><p align="center"><font color=#830000><b><i>КОМАНДА "июль 2015" & БАЛЛЫ КОМАНДЫ</i></b>
</font></p></span></div>
<div style="height:45px; border:none; top:316px;margin-left:567px;position:absolute;z-index:100;"><center><img src="http://savepic.net/7124080.png" class="Hoverbuttons"> </center></div>
<div style="height:45px; border:none; top:316px;margin-left:700px;position:absolute;z-index:100;"><center><img src="http://savepic.net/7124080.png" class="Hoverbuttons"> </center></div>
<!— вы нужны нам —>
<div style="height:60px; border:none; top:370px;margin-left:565px;position:absolute;z-index:100;font-family: georgia;"><span style="font-size:14px"><p align="center"><font color=#830000><b><i>We need you:</i></b>
</font></p></span></div>
<div style="height:45px; border:none; top:392px;margin-left:564px;position:absolute;z-index:100;"><center><a href="сылка"><img src="http://savepic.net/7099507.png" class="Hoverbuttons"> </a> <a href="сылка"><img src="http://savepic.net/7099507.png" class="Hoverbuttons"> </a> <a href="сылка"><img src="http://savepic.net/7099507.png" class="Hoverbuttons"> </a> <a href="сылка"><img src="http://savepic.net/7099507.png" class="Hoverbuttons"> </a> <a href="сылка"><img src="http://savepic.net/7099507.png" class="Hoverbuttons"> </a> <a href="сылка"><img src="http://savepic.net/7099507.png" class="Hoverbuttons"> </a> <a href="сылка"><img src="http://savepic.net/7099507.png" class="Hoverbuttons"> </a></center></div>
<!— инфа 100% —>
<div style="height:27px; width:264px; border:none; top:450px;margin-left:565px;position:absolute;z-index:100;font-family: georgia;"><font color=#2f2f2f><span style="font-size:12px"><p align="center">тут текст актуального объявления от администрации в зависимости от нужды и необходимости любым шрифтом и тп и пр</p></span></font></div>
<style>
.image.UP,
.image.Down {
border:2px solid transparent;
margin:0;
padding:0;
}
.image.UP{
opacity:1.0;
display:block;
position:absolute;z-index:100;
transition-duration: 0.96s;
-webkit-transition-duration: 0.96s;
-moz-transition-duration: 0.96s;
-o-transition-duration: 0.96s;
-ms-transition-duration: 0.96s; /* IE9+ */
}
.image.UP:hover {
opacity:0.00;
}
div.ImgWrap{
display:inline-block;
padding:0;margin:0;
background-position:center center;
background-repeat:no-repeat;
}
</style>
хтмл вниз невидимка
<!— прозрачность картинок —>
<script type="text/javascript">
$(document).ready(function() {
$('.Hoverbuttons').each(function () {
var $span = $(this).css('opacity', 0.7);
$(this).hover(function () {
$span.stop().fadeTo(600, 1);
}, function () {
$span.stop().fadeTo(600, 0.7);
});
});
});
</script>
и таблицу все
в хтмл вверх :3
я ставил

0

10

Код:
/***************************************
A - SETUP
***************************************/

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

/* A1.1 */
  @import url(style_cs.css);
@import url(http://fonts.googleapis.com/css?family=Pathway+Gothic+One);
@import url(http://fonts.googleapis.com/css?family=Marck+Script);
@import url(http://fonts.googleapis.com/css?family=Oranienbaum)
@import "http://webfonts.ru/import/bradobrei.css";
@import "http://webfonts.ru/import/lobster.css";
@import "http://webfonts.ru/import/nautilus.css";
@import "http://webfonts.ru/import/playfair.css";
@import "http://webfonts.ru/import/lobstertwo.css";
@import "http://webfonts.ru/import/airport.css";
@import "http://webfonts.ru/import/garamond.css";
@import "http://webfonts.ru/import/grandhotel.css";
@import url(http://fonts.googleapis.com/css?family=Pacifico);
@import "http://webfonts.ru/import/arsenal.css";
@import "http://webfonts.ru/import/engine.css";
@import "http://webfonts.ru/import/b20sans.css";
@import "http://webfonts.ru/import/attentica.css";
@import "http://webfonts.ru/import/sabado.css";
@import "http://webfonts.ru/import/intro.css";
@import "http://webfonts.ru/import/pecita.css";
@import "http://webfonts.ru/import/alexander.css";
@import "http://webfonts.ru/import/adine.css";
@import "http://webfonts.ru/import/champignon.css";
@import "http://webfonts.ru/import/pecita.css";
@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300&subset=latin,cyrillic);
@import url(http://fonts.googleapis.com/css?family=Oswald);
@import url(http://fonts.googleapis.com/css?family=Fjalla+One);
@import url(http://fonts.googleapis.com/css?family=PT+Sans+Narrow&subset=latin,cyrillic);
@media screen and (min-width: 800px) {
body {overflow-x: hidden}
}
@media screen and (max-width: 800px) {
body {overflow-x: auto}

 }
/* A2 Deal with browser defaults and wonkiness
-------------------------------------------------------------*/

/* A2.1 */
html, body {margin: 0; padding: 0}

/* A2.2 */
.punbb * {
  margin: 0px;
  }

/* 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 11px 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 {
  font-size: 1em;
  font-weight: bold;
  }

.punbb th   {
  font-size: 0.9em;
  font-weight: bold;
  }
.punbb h4, .punbb table {
  font-size: 1em;
  font-weight: normal;
  }

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

/* A3.6 */
.punbb pre {
  font: 1.1em/140% verdana, arial,  "courier new", courier
  }

/* 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: auto;
    position: relative;
    width: 979px;
}
.punbb {
    float: none;
    height: auto;
    margin-left: 40px;
    width: 890px;
}


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

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

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

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

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

#pun-main h2 {
  padding: 2px 1em 9px 1em;
  border-style: solid;
  border-width: 1px;
}

/*************************************************************
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 {
    background: url("http://i.imgur.com/YAwweH4.png") no-repeat top center;
    border: medium none;
    height: 20px;
    width: 100%;
}

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

/* 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 {
    padding: 1em;
   background-color: rgba(101, 111, 125, 0.2);
    border: 2px solid rgba(101, 111, 125, 0.2);
    margin: 0.3em 0.2em 0.5em 0.2em;
    box-shadow: #85837B 1px 1px 3px 0px;
  }

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

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

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


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

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

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

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

/* B3.4 */
.linkst .postlink {
  position: absolute;
  top: -4.6em;
  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: 1px;
  padding: 0 18px 0 18px;
  margin: 0 0 1em 0
  }

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

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

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

.punbb .helplinks span INPUT {
  margin: 0px 2px 2px 0px;
}

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

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

/* 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.3em;
    text-align: center;
    letter-spacing: 2px;
    background-color: rgba(31, 35, 13, 0.07);
    padding: 4px;
    font-family: verdana;
}

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

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

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

/* C2.12 */
.punbb .main th {
  padding: 4px 1em 5px 1em;
  border-bottom: 2px solid transparent;
  border-left: 1px solid transparent;
  }

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

* html .tclcon {height: 1px}

/* C2.14 */
.punbb td div.tclcon {
    width: 380px;
    text-align: justify;
color: #6E6E6E;
   /* color: rgba(67, 76, 31, 0.86);*/
    padding: 15px;
    background-color: rgba(46, 53, 20, 0.06);
}
/* C2.15 */
.punbb div.icon {
  float: right;
  display: block;
  width: 50px;
  height: 50px;
  padding-top: 1px;
    margin-top: 10px;
    padding-left: 27px;
background-repeat: no-repeat;
}



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

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

/* C3.2 */
.punbb .post h3 {
  border-style: solid solid none solid;
  border-width: 1px;
  }

/* C3.3 */
.punbb .post h3 span {
  border-left: 1px solid transparent;
  padding: 0.5em 1em;
  display: block;
  margin-left: 21em;
  }

/* C3.4 */
.punbb .post h3 strong {
  float: right;
  width: 1em;
  text-align: right;
  font-weight: normal;
  }

/* C3.5 */
.punbb .post .post-author {
  float: left;
  width: 21em;
  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.5em;
  text-transform: uppercase;
  line-height: 1.8;
  font-weight: bold;
  letter-spacing: 2px;
  font-family: Open Sans Condensed;

  }

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

/* C3.9 */
li.pa-title {
  padding-bottom: 0.4em;
font-size:10px;
text-transform: lowercase;
}
/* C3.11 */
.punbb .post-body {
  margin-left: 21em;
  border-left-style: solid;
  border-left-width: 1px;
  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: 1px;
  }

/* 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: 1px;
  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;
  margin-top: 4px;
  }

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

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

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

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

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

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

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

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

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


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

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

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

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


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

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

/* D1.1 */
#pun-title {
    border: medium none;
    background: url(http://funkyimg.com/i/22LmL.png);
    width: 979px;
    height: 556px;
    margin-left: -39px;
}

/* D1.2 */
#pun-title h1 {
  display : block;
  height: 312px;
  margin: -1px 0px 0px -30px;
}

/* D1.3 */
#pun-title .container {
  border: none ;
  padding: 0.2em 1em 0.8em 1em;
  }

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

#pun-title table {
  border: none;
}

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

#pun-title TD.title-logo-tdr {
	border: none;
	width: 420px;
}

/* D2 Page navigation
-------------------------------------------------------------*/

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

/* D2.2 */
#pun-pagelinks .container {
  background: transparent;
  border: none;
  padding: 0}

/* D2.3 */
#pun-pagelinks .container li {
  display: inline
  }

/* D2.4 */
#pun-pagelinks li a, #pun-pagelinks a:link, #pun-pagelinks a:hover {
  height: 2em;
  line-height: 2em;
  padding: 0;
  font-size: 1.2em;
  margin-left: -9999px;
  display: block;
  float:left;
  width: 100%;
  }

/* D2.5 */
#pun-pagelinks a:active, #pun-pagelinks a:focus {
  position:relative;
  margin: 0;
  }

#pun-pagelinks li a span {
  display:block;
  margin: 0 1em
  }

/* D3 Forum navigation
-------------------------------------------------------------*/

/* D3.1 */
#pun-navlinks {
  border: none;
  margin: 0;
  margin-bottom: 10px;
}

#pun-navlinks .container {
  border: none;
  margin: 0;
  }

/* D3.2 */
#pun-navlinks .container {
  padding-top: 10px;
  height: auto;
  font-weight: normal;
  text-align: center;
  width: 100%;
text-transform: uppercase;
}

/* D.3 */
#pun-navlinks li {
  display: inline;
  margin: 0;
}

/* D3.4 */
#pun-navlinks li a {
  font-size: 1.2em;
  font-family: tahoma;
  padding: 3px 14px 8px 14px;
  }

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

/* D4.1 */
#pun-ulinks  {
  margin-bottom: 15px;
  border: 2px solid transparent;
  }

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

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

/* D4.4 */
#pun-ulinks li a {
  padding: 14px 15px 13px 18px;
  font-size: 0.7em;
  }

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

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

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

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

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

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

/* D7.1 */
#pun-stats .container {
  padding: 0.8em 1em
font-variant: small-caps;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

/* D9.7 */
#pun-help .formal dt span {
  font: 1.4em/120% monaco, "courier new", courier
  }

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

a.sbla:link, a.sbla:visited { 
display: block; 
margin-bottom: 1px; 
text-transform: lowercase; 
font-style: italic;
font-family: georgia; 
font-size: 10px; 
letter-spacing: 1px; 
background:rgba(207, 183, 141, 1); 
color: #786542;  
padding: 1px 2px 2px 10px;
}
a.sbla:hover, a.sbla:active { 
-moz-transition: 1s ease; 
-webkit-transition: 1s ease;  
display: block;
text-transform: lowercase; 
font-family: georgia; 
font-size: 11px; 
letter-spacing: 5px; 
background: rgba(207, 183, 141, 1); 
text-decoration: none; 
color: #786542; 
text-align: center; 
padding: 1px 2px 2px 20px;
}
#pun-title table tbody tr .title-logo-tdr {position: absolute; z-index: 1; left: 400px; top:50px
}
#pun th {font-size: 0px;}


ul.wrapper, ul.wrapper li.pa-awards {background-color: transparent;}
Код:
/*Форум УчастникиНаграды Поиск
-------------------------------------------------------------*/
#navawards {
    display: none !important;
}

#pun-ulinks a:hover, #pun-ulinks li:hover {
    color: #000 !important;
     transition: all 0.3s linear;
}
#pun-ulinks a, #pun-ulinks li {
    margin-left: -15px;
     color: #434A44;
    
}
#pun-ulinks .container {
    width: 919px !important;
   margin-top: -80px;
    margin-left: -10px;
}
#pun-ulinks, #pun-ulinks .container {
    font-size: 11px !important;
letter-spacing: 2px;
text-transform: lowercase;
}

/*Активные темы Ответы Темы без ответов Мои сообщения
-------------------------------------------------------------*/

#pun-navlinks .container {
      position: absolute;
   margin-top: -53px !important;
  margin-left: -30px !important;
}
#pun-navlinks a:hover {
    font-weight: bold !important;
    color: #252F02 !important;
    transition: all 0.3s linear;
}
#pun-navlinks a {
    letter-spacing: 1px;
    text-align: center;
    margin-left: -25px;
    left: -20px !important;
    color: #434A44;
}

/* тело форума
-------------------------------------------------------------*/

#pun {
    background-color: #f5f5f5;
    background-image: url("http://funkyimg.com/i/22Lk7.png");
    background-position: top center;
}

/* задник
-------------------------------------------------------------*/

body { 
background-color: #252525;
    background-position: center top;
    background-repeat:
    overflow-x: hidden;
}

/* цвет текста
-------------------------------------------------------------*/


/* 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, .punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer {
border-color:transparent;
  color: #222;
  }

/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2, #pun-title, #pun-title .container, .punbb .modmenu .container, .punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span, .punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl  {
background-color: transparent;;
  color: #222
  }

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

/* оформление цитаты
-------------------------------------------------------------*/

/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
    color: #222;
   background-color: rgba(101, 111, 125, 0.2);
    border: 2px solid rgba(101, 111, 125, 0.2);

}

/* оформление формы ответа и кнопок
-------------------------------------------------------------*/

.punbb textarea, .punbb select, .punbb input {
    color: #222;
    background-color: #CCCCCC;
    border: 2px solid rgba(0, 0, 0, 0.2);
}

/* границы элементов
-------------------------------------------------------------*/

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

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

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

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

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

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

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

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

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

.punbb .formal fieldset .post-box, .punbb .info-box {
border-color:transparent;
  }

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

.punbb .post-sig dt {
border-color:transparent;
  }


/* ссылки
-------------------------------------------------------------*/

/* 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: #595959;
    border-bottom: 0px none #000;
  text-decoration: none;

 }

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

/* 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: #1D170F;
    border-bottom: 0px none #000;
   text-decoration: none;
  }

/*/6060*/
#pun-pagelinks a:active, #pun-pagelinks a:focus {
  background-color: #1B1B1B;
  color: #fff;
  }

/* все категории
 -------------------------------------------------------------*/

#pun  .section {border-style: none; }
#pun  .tc2, #pun-main .post-author ul  {text-align: center;}

.punbb .post div.container {
  background: url("") no-repeat scroll center bottom transparent;
}

.punbb .section h2, #pun-main h2, #pun-stats h2, #pun-main h2, #pun-debug h2 {
  background: url() top center;
  text-align: center;
  color: #000;
  }

#pun-title table tbody tr .title-logo-tdr {
    margin-left: 230px;
    position: absolute;
    margin-top: -55px;
    z-index: 1;
}




/* футер
 -------------------------------------------------------------*/

#pun-about p.container {
    background-position: top center;
  
    height: 156px;
    margin-left: -41px;
    overflow-x: hidden;
    width: 979px;
    background: url(http://funkyimg.com/i/22Lko.png);
}
div#html-footer {
    margin: 0;
}
div#pun-about {
    margin-bottom: -40px;
}
div#html-footer {
    margin: -30px 0 0;
}

 #pun-announcement.section h2 span {display:  none; }
    a.menu:link, a.menu:visited, a.menu:active{text-decoration: none; }

/* CS7 Остальные коды для оформления форума
 -------------------------------------------------------------*/
div.icon {
      background: url("http://s7.uploads.ru/5tPMX.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
  width: 50px !important;
}

    tr.inew div.icon {
            background: url("http://s3.uploads.ru/HrT3K.png") no-repeat;
    }

    tr.iclosed div.icon {
            background: url("http://s7.uploads.ru/5tPMX.png") no-repeat;
    }

    tr.isticky div.icon {
            background: url("http://s7.uploads.ru/5tPMX.png") no-repeat;
    }

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


#pun-category1.category h2 {
    background: url("http://funkyimg.com/i/22PbA.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    font-size: 0 !important;
height: 52px;
    margin-left: -5px;
    margin-bottom: -30px;
    background-position: top center;
    margin-top: 0px;
    width: 900px;
}
#pun-category2.category h2 {
    background: url("http://funkyimg.com/i/22PGB.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
   font-size: 0 !important;
height: 52px;
    margin-left: -5px;
    margin-bottom: -30px;
    background-position: top center;
    margin-top: 0px;
    width: 900px;
}
#pun-category3.category h2 {
    background: url("http://funkyimg.com/i/22PGC.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
       font-size: 0 !important;
height: 52px;
    margin-left: -5px;
    margin-bottom: -30px;
    background-position: top center;
    margin-top: 0px;
    width: 900px;
}
#pun-category4.category h2 {
    background: url("http://funkyimg.com/i/22PGD.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    font-size: 0 !important;
height: 52px;
    margin-left: -5px;
    margin-bottom: -30px;
    background-position: top center;
    margin-top: 0px;
    width: 900px;
}
#pun-category5.category h2 {
    background: url("http://funkyimg.com/i/22PGE.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
font-size: 0 !important;
height: 52px;
    margin-left: -5px;
    margin-bottom: -30px;
    background-position: top center;
    margin-top: 0px;
    width: 900px;
}
#pun-category6.category h2 {
    background: url("http://funkyimg.com/i/22PGF.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
     font-size: 0 !important;
height: 52px;
    margin-left: -5px;
    margin-bottom: -30px;
    background-position: top center;
    margin-top: 0px;
    width: 900px;
}

/*статистика*/
#pun-stats.section h2 {
    background: url("http://funkyimg.com/i/22PGG.png") no-repeat scroll 50% 0 transparent;
    font-size: 0 !important;
height: 52px;
    margin-left: -5px;
    margin-bottom: -30px;
    background-position: top center;
    margin-top: 0px;
    width: 900px;
}

.pa-respect {
    display: block;
    width: 40%;
    float: right;
font-size:10px !important;
   margin-right: 15px !important;
}
.pa-posts {
    display: block;
    width: 40%;
    float: left;
font-size:10px !important;
  margin-left: 15px !important;

}

.title-logo-tdr a img, .title-logo-tdr iframe, .title-logo-tdr object, #tieser-bottom{
  filter:alpha(opacity=40);
  opacity: 0.6;
  -moz-opacity: 0.6;
  -khtml-opacity: 0.6;
}
.title-logo-tdr a img:hover, .title-logo-tdr iframe:hover, .title-logo-tdr objec:hover, #tieser-bottom:hover{
filter:alpha(opacity=40);
opacity: 1.0;
-moz-opacity: 1.0;
-khtml-opacity: 1.0;
}

/* профиль */
.post-author ul {
margin: 4px;
    width: 178px;
    color: #222;
    font-style: normal;
  /*  background-color: #CCCCCC; */
background-color: rgba(46, 53, 20, 0.06);
    border: 2px solid rgba(0, 0, 0, 0.2);
}
}
.tooltip {
 position: relative;
 }
.tooltip em {
 display: none;
 }
.tooltip:hover em {
 font-style: notmal;
 display: block;
 position: absolute;
z-index: 5000;
 background: #e8ddc1;
 color: #771818;
 padding: 20px 20px;
 bottom: 20px;
 right: 20px;
 border: 1px dashed #C8B0A6 !important;
box-shadow: 0 0 0px #цвет тени обводки блока;
 border-radius: 20px;
 -webkit-border-radius: 20px;
 -moz-border-radius: 20px;
 -webkit-box-shadow: 0 0 20px #000000;
 -moz-box-shadow: 0 0 20px #000000;
}
.tooltip:hover em i {
 position: absolute;
 bottom: -7px;
 right: 5px;
 border-top: 7px solid #000;
 border-left: 7px solid transparent;
 display: block;
}




/* Прокрутка */
::-webkit-scrollbar {background: #f5f5f5; width: 8px; height: 8px;}
::-webkit-scrollbar-thumb {background: #919191; width: 8px; height: 8px;}
::-webkit-scrollbar-corner {background: #919191; }


/* репутация, навигация, форма ответа,  */
#pun-reputation div {background-color: rgba(46, 53, 20, 0.06);
    border: 2px solid rgba(0, 0, 0, 0.2); }
#pun-popup_awards div {background-color: rgba(46, 53, 20, 0.06);
    border: 2px solid rgba(0, 0, 0, 0.2);}
#font-area, #size-area, #color-area, #table-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #addition-area {background-color: rgba(46, 53, 20, 0.06);
    border: 2px solid rgba(0, 0, 0, 0.2); }

верх

Код:
<!— Скрипт установки отдельного аватара для поста - часть I —>
<link id="iNFpanel" rel="stylesheet" href="http://forumstatic.ru/files/0013/67/4d/70266.css" type="text/css"/>
<script src="http://forumstatic.ru/files/0015/ee/fd/13515.js"></script>
<!— Конец скрипта —>

<!-- Выпадающее меню -->
<script>
<!-- unction land(ref, target) { lowtarget=target.toLowerCase(); if (lowtarget=="_self") {window.location=loc;}
else {if (lowtarget=="_top") {top.location=loc;}
else {if (lowtarget=="_blank") {window.open(loc);}
else {if (lowtarget=="_parent") {parent.location=loc;}
else {parent.frames[target].location=loc;}; }}} }
function jump(menu) { ref=menu.choice.options[menu.choice.selectedIndex].value; splitc=ref.lastIndexOf("*"); target=""; if (splitc!=-1) {loc=ref.substring(0,splitc); target=ref.substring(splitc+1,1000);}
else {loc=ref; target="_self";};
if (ref != "") {land(loc,target);} } //-->
</script>
<!-- Конец -->

<!--непрозрачность-->
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script type="text/javascript">
    $(document).ready(function() {
        $('.Hoverbuttons').each(function () {
              var $span = $(this).css('opacity', 0.3);
              $(this).hover(function () {
                $span.stop().fadeTo(600, 1);
             }, function () {
                $span.stop().fadeTo(600, 0.3);
              });
        });
    });
</script>
<!--конец-->
<style type="text/css">
li#navawards {display: none;}
</style>
<style type="text/css">
#pun td .modlist {display: none;}
</style>

<!-- jquery уже подключен -->
<script src="http://hostjs-mybb2011.narod.ru/js/transform_code_boxr.js"></script>
<script type="text/javascript" src="http://your.roll.tv/16311.js"></script>
<script type="text/javascript">
function to(username)
{insert('[b]' + username + '[/b]' + ', ');}
</script>
<style>
.tipsy { padding: 5px; font-size: 11px; letter-spacing: 0.5px; font-family: arial; opacity: 0.8; filter: alpha(opacity=80); background-repeat: no-repeat;  background-image: url(http://i.imgur.com/dNm5muY.png); }
  .tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: center; }
  .tipsy-inner { -moz-border-radius:3px; -webkit-border-radius:3px; border-radius: 3px; }
  .tipsy-north { background-position: top center; }
  .tipsy-south { background-position: bottom center; }
  .tipsy-east { background-position: right center; }
  .tipsy-west { background-position: left center; }
</style>

<style>
.lastedit {display:none;}
</style>


<style type="text/css">
#pun-announcement h2 {display: none}
#pun-announcement .container {padding-top: 1em}
</style>
<!--Отключить функцию "Поделиться" -->
<script type="text/javascript">
RusffCore.sets.share = false;
</script>



<!-- вкладки доп смайлов-->
<style type="text/css">
#wrapper {width: 600px;}
/* вкладки доп смайлов */
ul.tabs {height: 25px;line-height: 20px;margin: 0 0 3px;list-style: none;}
ul.tabs li {float: left;margin-right: 1px; cursor:pointer;}
ul.tabs li a {background: url("http://flowplayer.org/img/global/tabs.png") no-repeat scroll -652px 0 transparent;color: #444444;cursor: pointer;display: block;margin-bottom: -1px;padding: 0 14px 1px;position: relative;text-decoration: none;width: 84px;}
ul.tabs li a:hover {color:#EFEFEF;padding: 0 14px;background: url("http://flowplayer.org/img/global/tabs.png")no-repeat scroll;background-position: -652px -31px; text-decoration:none;}
ul.tabs li.tab-current a {color: #444;padding: 0px 14px 2px;border:medium hidden;line-height: 22px;background-position: -652px -62px;}
ul.tabs li.tab-current a:hover {color: #6A5ACD;}
div.t2 {display: none;
 width: 450px;   
background-color: #A5A6A7;
overflow: auto;
  overflow-x: hidden;
  height: 155px;}
div.t3  {display: none;
 width: 450px;  
background-color: #A5A6A7; 
overflow: auto;
  overflow-x: hidden;
  height: 155px;
}
</style>

прокрутка
низ

Код:
<!--кнопки вверх вниз-->
<div class="go-up" id='ToTop'><img src="http://s3.uploads.ru/HrT3K.png" border="0" /></div>
<div class="go-down" id='OnBottom'><img src="http://s3.uploads.ru/HrT3K.png" border="0" /></div>
<style>
.go-up,.go-down {
display:none;
position:fixed; /*позиционируем*/
right:30px; /*указываем положение, если слева - left*/
z-index:9999; /*показываем поверх все элементов на странице*/
cursor:pointer;
opacity:.7; /*прозрачность*/
margin-bottom:100px; /*отступ снизу (можно не указывать)*/
width:41px; /*ширина кнопки*/
height:41px; /*высота кнопки*/
}
.go-up {
bottom:130px; /*положение от низа окна браузера верхняя кнопка*/
}
.go-down {
bottom:80px; /*положение от низа окна браузера нижняя кнопка кнопка*/
}
.go-down:hover,.go-up:hover {
opacity:1;
}
</style>

<!--кнопки вверх вниз-->
<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>

<!--Меняем Шрифт в Топике --> 
<style id=a_fnt>.post h3 img{margin:0 7px;cursor:pointer;}</style>
<script type="text/javascript">
function setcookieF(a,b,c){if(c){var d=new Date();d.setTime(d.getTime());d=new Date(d.getTime()+c)}if(a&&b)document.cookie=a+'='+b+(c?'; expires='+d.toGMTString():'');else return false}function getcookieF(a){var b=new RegExp(a+'=([^;]){1,}');var c=b.exec(document.cookie);if(c){c=c[0].split('=')}else{return false}return c[1]?c[1]:false}

a='<strong class=fnt style="width:auto;margin-right:28%;"><img src="img/minus.png" alt="-" />Шрифт<img src="img/plus.png" alt="+" /></strong>';$(".post:first h3 strong,.post:last h3 strong").after(a);
b_Fnt1='<style id=b_fnt>#main-reply,.punbb .post-content{font-size:';b_Fnt2='px;}</style>'
var c_Fnt;
N=getcookieF('c_Fnt')
 if(N){c_Fnt=parseFloat(N);setcookieF('c_Fnt',c_Fnt,30*24*60*60*1000)}else{var c_Fnt=Math.round(parseFloat($(".punbb .post-content").css("font-size")));}
 b_Fnt=b_Fnt1+c_Fnt+b_Fnt2; $("#a_fnt").after(b_Fnt);
function setFnt_Size(){
 b_Fnt=b_Fnt1+c_Fnt+b_Fnt2;
 $("#b_fnt").replaceWith(b_Fnt);//alert(b_Fnt)
 setcookieF('c_Fnt',c_Fnt,30*24*60*60*1000);
}
$(".post h3 img[alt='-']").click(function (){if(c_Fnt){c_Fnt--;setFnt_Size();}});
$(".post h3 img[alt='+']").click(function (){if(c_Fnt<38){c_Fnt++;setFnt_Size();}});
</script><!--End//Меняем Шрифт в Топике -->

табл

Код:
<table cellspacing="10" cellpadding="1" border="0" style="width: 915px; height: 163px; margin-top: -285px; margin-left: -15px; color: #A9AAA2;" id="minor">
<tr>
<td align="center" valign="top" style="width: 280px;"> 
<center><a href="http://amentia.rusff.me/profile.php?id=6">thea</a> :: <a href="http://amentia.rusff.me/profile.php?id=4">mad</a> :: <a href="http://amentia.rusff.me/profile.php?id=115">frank</a> :: <a href="http://amentia.rusff.me/profile.php?id=80">gary</a>
 <br>
<a href="http://amentia.rusff.me/profile.php?id=43">tracy</a>  :: <a href="http://amentia.rusff.me/profile.php?id=107">candy</a> :: <a href="http://amentia.rusff.me/profile.php?id=106">joe</a> :: <a href="http://amentia.rusff.me/profile.php?id=123">joanna</a></center>
<p style="text-align: justify; height: 87px; overflow-y: auto; padding: 4px 5px;">
В этом мире существует одно простое правило: либо убиваешь ты, либо убивают тебя. За год эпидемия распространилась по всему миру. Забудьте о спокойствии, здоровом сне или сытном ужине. Теперь все иначе. Теперь каждый глоток воздуха может стать последним.
</p>
<center><b>вас очень ждут</b></center>
<center><a href="http://amentia.rusff.me/viewtopic.php?id=4#p27470"><img src="http://funkyimg.com/i/21Hjn.png" border="0" class="Hoverbuttons"/> <a href="http://amentia.rusff.me/viewtopic.php?id=4#p15512"><img src="http://funkyimg.com/i/ZNn9.png" border="0" class="Hoverbuttons"/> <a href="http://amentia.rusff.me/viewtopic.php?id=114#p5399"><img src="http://funkyimg.com/i/ZNmx.png" border="0" class="Hoverbuttons"/> <a href="http://amentia.rusff.me/viewtopic.php?id=4#p18552"><img src="http://funkyimg.com/i/ZNng.png" border="0" class="Hoverbuttons"/> <a href="http://amentia.rusff.me/viewtopic.php?id=4#p2361"><img src="http://funkyimg.com/i/ZirX.png" border="0" class="Hoverbuttons"/><center>
 <br> <br>
</td>
<td align="center" valign="top" style="width: 260px;">
<p style="text-align: justify; height: 126px; overflow-y: auto; padding: 4px 5px;">
<b>2026 год, США, штат Делавэр. Аномально теплый октябрь.</b>
<br>
В окрестностях столицы штата кипит жизнь. Многие группы зацепились за этот уголок цивилизации. Но о дружбе между поселенцами не может быть и речи. Группы находятся в состоянии тихой вражды, стараясь друг с другом не пересекаться. Не все гладко и внутри большинства обществ. Раз в месяц, во время условного перемирия, на стадионе проводится лотерея, где каждый желающий может сделать ставки или же заняться выгодным бартером. </p><br>
<!-- Навигация-->
<div class="navmenu"><form action="dummy" method="post"><select name="choice" size="1" onChange="document.location=this.options[this.selectedIndex].value" style="margin-top: 3px; width: 250px;">
<option value="">Навигация</option>
<option value="http://amentia.rusff.me/viewtopic.php?id=5#p5">распределение ролей</option>
<option value="http://amentia.rusff.me/viewtopic.php?id=6#p6">инфо о группировках</option>
<option value="http://amentia.rusff.me/viewtopic.php?id=29#p32">F.A.Q.</option>
<option value="http://amentia.rusff.me/viewtopic.php?id=3#p3">сюжет</option>
<option value="http://amentia.rusff.me/viewtopic.php?id=2">занятые внешности</option>
<option value="http://amentia.rusff.me/viewtopic.php?id=4#p4">нужные персонажи</option>
<option value="http://amentia.rusff.me/viewtopic.php?id=18">хочу к вам</option>
<option value="http://amentia.rusff.me/viewtopic.php?id=95#p2617">получить новый уровень</option>
</select></form></div>
<!-- Конец --></td>

<td align="center" valign="top" style="width: 260px;">
игроки сезона // лучшие среди выживших<br>

0


Вы здесь » Somno in Mortis » Тестовый форум » Тестовое сообщение


Рейтинг форумов | Создать форум бесплатно