/*параметры для логотипа и цвета заднего фона*/

body {background-color: #000000;
background-image : url("http://thisiswar.f-rpg.ru/files/0010/9b/51/59805.jpg");
background-repeat: no-repeat;
background-position : top center;
top: -22px; 
color: #181519;
z-index: 1;
}


/*параметры для тела форума*/


#pun {top: 538px;
width: 883px;
background-image : url('http://hostingkartinok.com/image/01201112/6e72c2eed950778a7acc59e8c013cdbd.jpg');
background-color : #bdbaba;
background-position : center;

color: #181519;
z-index: 0;

}


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

/* CS1.3 */
#pun-stats h2,.punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2, #pun-stats .statscon, li#onlinelist, li#onlinelist div  {
  background-color: transparent;
  color: #181519;
  font-weight: bold;
  font-style: normal;

  }


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

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

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

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

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

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

.punbb textarea, .punbb select, .punbb input {
  background-color: #1a2537;
  color: #8e8e8e;
}

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

/* CS1.3 */
#pun-stats h2 .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin{
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: #1a2537;
  }

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

  }

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

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


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

/* CS3.1 */
.punbb a, .punbb a:link, .punbb a:visited,
.punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited {
  color: #8e8e8e;
    border-bottom: 0px none #8e8e8e;
  text-decoration: none;

  }

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

/* 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: #8e8e8e;
    border-bottom: 0px none #8e8e8e;
  text-decoration: none;

  }

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

  }

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

  }

#pun-pagelinks a:active, #pun-pagelinks a:focus {
  background-color: #8e8e8e;
  color: #8e8e8e;
  }

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

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

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

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

/* CS1.8 */
#pun-ulinks .container {
  background-color: transparent;
  color: #050505;
  text-align: center;

  }

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

.punbb textarea, .punbb select, .punbb input {
  background-color: transparent;
  color: #050505;
}


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

/* 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;
  color: #transparent;
  text-align: left;
  
 }

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

/* если вам захочется не оформлять категории картинками, то замените значение transparent на цвет в шестеричной системе RBG. Этот параметр в том значение в котором дан делает текст на категориях прозрачным  */

/* CS2.3 а */
#pun-stats h2 .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin{
  color: #000000;
  text-align: center;
  }

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

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

  }

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

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


/* цвета ссылок, до, после и во время клика. минимальные знания английского сильно помогут разобраться  */

/* 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: #836053;
    border-bottom: 0px none #000;
  text-decoration: none;

  }

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

/* 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: #c8917d;
    border-bottom: 0px none #000;
  text-decoration: none;

  }

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

  }

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #c8917d;
  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: #c8917d;
  }


/* самая интересная деталь кода: иконки новые-старые сообщения. 
div.icon - старые
tr.inew div.icon - новые 
tr.iclosed div.icon - закрытые
tr.isticky div.icon - важные
 */


div.icon { padding-left: 10px;
background: url(http://thisiswar.f-rpg.ru/files/0010/9b/51/52140.png) no-repeat;
text-align: left;}

tr.inew div.icon {
background: url(http://thisiswar.f-rpg.ru/files/0010/9b/51/45744.png) no-repeat;
}

tr.iclosed div.icon {
background: url(http://thisiswar.f-rpg.ru/files/0010/9b/51/16137.png) no-repeat;
}

tr.isticky div.icon {
background: url(http://thisiswar.f-rpg.ru/files/0010/9b/51/32517.png) no-repeat;
}

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



/* множество настроек для дизайна самых разнообразных свойств. чаще всего они отключают бордеры. */

#pun #pun-main .pa-title {text-align: center; }
#pun #pun-main .pa-author {text-align: center; }
#pun #pun-viewtopic.punbb #pun-main .container .online ul .pa-online {display: none; }
#pun #pun-viewtopic.punbb #pun-main .container .online ul .pa-online {display: none; }
#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}
#pun-announcement .container {padding-top: 1em}
#pun-crumbs2.section .crumbs {display: none; }
#pun-about.section .container .item1 {display: none; }
#pun  .tc2, #pun-main .post-author ul  {text-align: center;}


/* категории. работают следующим образом: заменяют картинками ЗАДНИЙ ФОН под категориями. Но так как ранее мы сделали прозрачным текст на категориях, то собственно это не так важно. Картинки для категории задаются по порядку. Т.е если сначала идет регистрация, анкетирование, прием итп, то картинки должны быть именно в таком порядке и никак иначе. Число категорий и кодов для них может менять - можно удалять лишнии и дополнять новые. Для того, что бы появилась картинка достаточно в первой строчке изменить с #pun-category1.category h2 { на #pun-category(номер категории по порядку).category h2 { Разумеется без скобок. */



#pun-category1.category h2 {
background: url(http://thisiswar.f-rpg.ru/files/0010/9b/51/94648.png) no-repeat top center;
height: 40px;
border-style: none;
font-size:0 !important;}

#pun-category2.category h2 {
background: url(адрес_картинки) no-repeat top center;
height: 40px;
border-style: none;
font-size:0 !important;}

#pun-category3.category h2 {
background: url(адрес_картинки) no-repeat top center;
height: 40px;
border-style: none;
font-size:0 !important;}

#pun-category4.category h2 {
background: url() no-repeat top center;
height: 40px;
border-style: none;
font-size:0 !important;}

#pun-category5.category h2 {
background: url(адрес_картинки) no-repeat top center;
height: 40px;
border-style: none;
font-size:0 !important;}


/* футер. это картинка в самом низу форума с капирайтами чаще всего. */



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




 .block2 { 
    width: 200px; 

color: #ffffff;  
    position: absolute !important; 
    top: -540px; }