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


div#pun-navlinks {
position: absolute;
width: 100%;
text-align: center;
top: 30px;
color: #133201;
}

div#pun-ulinks {
position: absolute;
width: 100%;
text-align: center;
top: 57px;
color: #133201;
}

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

body {background-color: #220706;
background-image : url("http://savepic.su/1251744.png");
background-repeat: no-repeat;
background-position : top center;
color: #173302;
}


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


#pun {top: 836px;
width: 800px;
background-image : url("http://savepic.su/1268125.png");
background-color : #fcf4f1;
background-position : center;
background-attachment : ;
color: #173302;

}

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


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

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

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

  }


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

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

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

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

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

  }

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

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


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

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

  }

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

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

  }

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

  }

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





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

#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_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/
Задать свои вопросы по коду вы можете в теме на этикете  */


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

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


#slideshow {
margin:0 auto;
width: 850px; height:230px;
position:relative;
line-height: 10px;
}
#slideshow #slidesContainer {
  margin:0 auto;
  width: 850px; height:230px;
  overflow:auto; /* allow scrollbar */
  position:relative;
}
#slideshow #slidesContainer .slide {
  margin:0 auto;
  width: 850px; height:230px;
}
/** 
* Slideshow controls style rules.
*/
.control {
  display:block;
  width: 100px;
  height: 163px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
}
#leftControl {
  top: 60px;
  left: -80px;
  background:transparent url(http://savepic.su/1247648.png) no-repeat 0 0;
}
#rightControl {
  top: 60px;
  right: -80px;
  background:transparent url(http://savepic.su/1259936.png) no-repeat 0 0;
}
/*Style rules for Demo page */
* {
  margin:0;
  padding:0;
}


.slide h2, .slide p {
  margin:15px;
}
.slide h2 {
  letter-spacing:-1px;
}
.slide img {
  float:right;
  margin:0 15px;
}