/*Убираем слово объявление из таблицы*/
#pun-announcement h2 {display: none}
#pun-announcement .container {padding-top: 1em}

/*Ставим шапку*/
body {
background-image: url("http://s1.uploads.ru/i/Di4BX.png");
background-repeat: no-repeat;
background-position: top center; 
background-color: transparent; 
}
/*Ставим фон*/
HTML {
background-color: фоновый цвет;
background-image: url("http://s1.uploads.ru/i/hnXj4.png");
background-repeat: repeat-xy; 
background-position: center top;
}
/*Ставим низ*/
#pun_wrap {  
background-image: url("картинка");
background-repeat: no-repeat; 
background-position: center bottom;
}




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

body {background-color: #050505;
background-image : url("http://s1.uploads.ru/i/hnXj4.png");
background-repeat: repeat;
background-position : top center;
color: #050505;
}


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


#pun {top: 1280px;
width: 1024px;
background-image : url("http://s1.uploads.ru/i/hnXj4.png");
background-color : #fcf4f1;
background-position : center;
background-attachment : ;
color: #050505;

}

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


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

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

/* 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: #050505;
  font-weight: bold;
  font-style: italic;

  }


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

.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:50px;
background: url(http://s1.uploads.ru/i/k21HD.png) no-repeat;
}

tr.inew div.icon {
background: url(http://s1.uploads.ru/i/NgJEU.png) no-repeat;
}

tr.iclosed div.icon {
background: url(http://s1.uploads.ru/i/9jZ4w.png) no-repeat;
}

tr.isticky div.icon {
background: url(http://s1.uploads.ru/i/wgkzl.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://s1.uploads.ru/i/Uzb1u.png) no-repeat top center;
height: 50px;
border-style: none;
font-size:36 !important;}

#pun-category2.category h2 {
background: url(http://s1.uploads.ru/i/Uzb1u.png) no-repeat top center;
height: 50px;
border-style: none;
font-size:36 !important;}

#pun-category3.category h2 {
background: url(http://s1.uploads.ru/i/Uzb1u.png) no-repeat top center;
height: 50px;
border-style: none;
font-size:36 !important;}

#pun-category4.category h2 {
background: url(http://s1.uploads.ru/i/Uzb1u.png) no-repeat top center;
height: 50px;
border-style: none;
font-size:36 !important;}

#pun-category5.category h2 {
background: url(http://s1.uploads.ru/i/Uzb1u.png) no-repeat top center;
height: 50px;
border-style: none;
font-size:36 !important;}

#pun-category6.category h2 {
background: url(http://s1.uploads.ru/i/Uzb1u.png) no-repeat top center;
height: 50px;
border-style: none;
font-size:36 !important;}

#pun-category7.category h2 {
background: url(http://s1.uploads.ru/i/Uzb1u.png) no-repeat top center;
height: 50px;
border-style: none;
font-size:36 !important;}


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

#pun-about p.container { 
background-color: #fcf4f1;
background-image : url(адрес_картинки); 
background-position : center top; 
background-repeat : no-repeat; 
height : 80px; 
}
div#html-footer {
margin: 0px 0px 0px 0px;
}



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

li#navindex {
background: url(http://pspresent.rusff.ru/uploads/000d/f0/3e/59-1.png) center center no-repeat;
padding: 1px 4px;
}
li#navindex a{
padding: 2px 4px;
}
li#navindex a span{
visibility: hidden;
}
li#navuserlist {
background: url(http://oooppppooo.witchforum.ru/uploads/000d/f0/40/2-2.png) center center no-repeat;
padding: 2px 4px;
}
li#navuserlist a{
padding: 2px 4px;
}
li#navuserlist a span{
visibility: hidden;
}
li#navsearch {
background: url(http://oooppppooo.witchforum.ru/uploads/000d/f0/40/2-3.png) center center no-repeat;
padding: 2px 4px;
}
li#navsearch a{
padding: 2px 4px;
}
li#navsearch a span{
visibility: hidden;
}
li#navprofile {
background: url(http://oooppppooo.witchforum.ru/uploads/000d/f0/40/2-4.png) center center no-repeat;
margin: 2x 4px;
}
li#navprofile a{
margin: 2px 4x;
}
li#navprofile a span{
visibility: hidden;
}
li#navpm {
background: url(http://oooppppooo.witchforum.ru/uploads/000d/f0/40/2-5.png) center center no-repeat;
margin: 2px 4px;
}
li#navpm a{
margin: 2px 4px;
}
#pun-navlinks ul li a span {
visibility: hidden;
}
li#navadmin {
background: url(http://oooppppooo.witchforum.ru/uploads/000d/f0/40/3-1.png) center center no-repeat;
margin: 2px 4px;
}
li#navadmin a{
margin: 2px 4px;
}
li#navadmin a span{
visibility: hidden;
}
li#navlogout {
background: url(http://oooppppooo.witchforum.ru/uploads/000d/f0/40/3-3.png) center center no-repeat;
margin: 2px 4px;
}
li#navlogout a{
margin: 2px 4px;
}
li#navlogout a span{
visibility: hidden;
}
li#navlogin {
background: url(http://oooppppooo.witchforum.ru/uploads/000d/f0/40/3-4.png) center center no-repeat;
padding: 2px 4px;
}
li#navlogin a{
padding: 2px 4px;
}
li#navlogin a span{
visibility: hidden;
}
li#navregister {
background: url(http://oooppppooo.witchforum.ru/uploads/000d/f0/40/3-2.png) center center no-repeat;
padding: 2px 6px;
}
li#navregister a{
padding: 2px 6px;
}
li#navregister a span{
visibility: hidden;
}

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


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



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