/*сдвигает меню навигации. первая: "форум, участники итп", вторая: "активные темы, новые сообщения итп.*/

div#pun-navlinks {
position: absolute;
width: 88%;
text-align: center;
top: -60px;
color: #6a4f2e;
}

div#color-area.container, div#image-area.container, div#video-area.container,div#addition-area.container{
background: url(http://diztest.f-rpg.ru/files/0012/81/fd/43562.png) repeat;
}

.thead td {
  font-size: 12px;
  font-color: blac;
  text-align: center;
}

div#pun-userlist .main td {
  border-style: solid none none solid;
  border-width: 1px 0px 0px 0px;
  padding: 0.8em 1em;
}

div#pun-online .main td {
  border-style: solid none none solid;
  border-width: 0px 0px 0px 0px;
  padding: 0.8em 1em;
}

div#pun-ulinks {
position: absolute;
width: 88%;
text-align: center;
top: -30px;
color: #6a4f2e;
}

div#pun-redirect {
position: absolute;
top: -500px;
}

div#pun-redirect .container {
  background-color: white;
}

.punbb th {
  color: #000000;
  background: url(http://diztestss.rusff.ru/files/0012/c2/6e/43473.png) repeat;
}

.post-author, .punbb .post-links, .punbb .post h3, .punbb .post .container{
background-image : url("http://diztest.f-rpg.ru/files/0012/81/fd/43562.png");
background-repeat: repeat;
}

.post-box {
background-image : url("http://diztest.f-rpg.ru/files/0012/81/fd/86169.png");
}

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

body {background-color: #50247d;
background-image : url("http://diztestss.rusff.ru/files/0012/c2/6e/38371.png"), url("http://diztestss.rusff.ru/files/0012/c2/6e/57986.png");
background-repeat: no-repeat;
background-position : top center;
color: #cddefa;
background-attachment : scroll, fixed ;
}

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

#pun {
top: 540px;
width: 918px;
padding-left: 50px;
background-image : url("http://diztestss.rusff.ru/files/0012/c2/6e/79015.png");
background-repeat: repeat-y;
background-position : center center;
background-attachment : ;
background-color : transparent;;
color: #2f1c16;

}



/* цвета форума, а так же цвет текста. менять желательно исключительно цвета текста, потому что цвета самого текста по умолчанию установлены как прозрачные */

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

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

/* CS1.3 статистика форума*/
#pun-stats h2, .punbb .main h2, #pun-debug h2, .punbb-admin,  #pun-stats .statscon, li#onlinelist, li#onlinelist div  {
  background-color: transparent;
  color: #a1917c;
  font-weight: normal;
  font-style: normal;
  }

#pun-admain h2, #pun-admain legend span, .punbb .main h1 {
  background: url(http://mlpfim.f-rpg.ru/files/0012/20/12/92434.jpg) #4f627b repeat-x;
 color: #FFFFFF;
  }



/* CS1.4 тему просматривают*/
#pun-title, #pun-title .container, .punbb .modmenu .container {
  background-color: transparent;
  color: #a1917c;
  }

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

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

/* CS1.7 блок цитат и кодов*/
.punbb .quote-box, .punbb .code-box {
  background: url(http://diztest.f-rpg.ru/files/0012/81/fd/43562.png) #4f627b repeat-x;
  color: #be3f1d;
  }

/* CS1.8 */
#pun-ulinks .container {
  background-color: transparent;
  color: #5fb00d;
  }

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

.punbb textarea, .punbb select, .punbb input {
  background-color: white;
  color: black;
}


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


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



/* CS2.2 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
     border-color: #becbf7;
  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: #becbf7;
  }


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

/* CS2.3 а */
#pun-stats h2 .punbb .main h1, .punbb .main h2, #pun-debug h2{
  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: #becbf7;

  }

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

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

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

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

.punbb .divider {
   border-color: #becbf7;
  }

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

  }

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

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


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

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

  }

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

#pun-pagelinks a:active, #pun-pagelinks a:focus {
  background-color: #eaf4e3;
  background-image: url("");
color: #430e0f;
  }

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

  }

/* CS3.3 */
#pun-navlinks a {
  color: #6a4f2e;
    border-bottom: 0px none #000;
  text-decoration: none;
  font-weight: normal;
  }

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

#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 - важные
Параметры иконок: C2.15
 */

div.icon { padding-left: 10px;
background: url(http://diztestss.rusff.ru/files/0012/c2/6e/57416.png) no-repeat;
}

tr.inew div.icon {
background: url(http://diztestss.rusff.ru/files/0012/c2/6e/57102.png) no-repeat;
}

tr.iclosed div.icon {
background: url(http://diztestss.rusff.ru/files/0012/c2/6e/50111.png) no-repeat;
}

tr.isticky div.icon {
background: url(http://mlpfim.f-rpg.ru/files/0012/20/12/70413.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() no-repeat top center;
height: 100px;
border-style: none;
font-size:0 !important;}

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

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

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

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

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

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

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

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

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

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

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



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

#pun_wrap #pun #pun-viewtopic.punbb #pun-main .topic .container .post-author ul {text-align: center; }
#pun_wrap #pun #pun-viewtopic.punbb #pun-main .topic .container .pa-author {text-align: center; }
#pun_wrap #pun #pun-viewtopic.punbb #pun-main .topic .container  ul .pa-title {text-align: center; }

#title-logo-tdr.title-logo-tdr {height: auto; align: center;}

/* Идея реализации кода принадлежит проекту  etiquette rules и PS в частности. Копирование разрешено с указанием копирайта на проект и/или автора. http://etiquette.rusff.ru/
Задать свои вопросы по коду вы можете в теме: http://etiquette.rusff.ru/viewtopic.php?id=532#p19165  */

/*Важные темы и заслонялка-------------------------------------------------------------*/

.punbb .main td.info_header {
color: rgba(46, 20, 5, 0.749);
font-family:georgia,serif;
font-variant:small-caps;
font-weight:bold;
padding-left:2em;
text-align:left}

#JampPanel:hover{margin-right: -5px;}

#JampPanel {
background: url("http://diztest.f-rpg.ru/files/0012/81/fd/83580.png") transparent;
height: 196px;
margin-right: -295px;
opacity: 1;
position: fixed;
right: 5px;
top: 50px;
transition-duration: 0.33s;
-webkit-transition-duration: 0.33s;
-moz-transition-duration: 0.33s;
-o-transition-duration: 0.33s;
width: 350px;
z-index: 1200;}

#JampPanel .container{
padding: 6px 0px 0px 63px;
height: 100px;
width:297px;}