/* CS1 БАЗИС
-------------------------------------------------------------*/
/*CS1.1 фон страницы */
html, body {
        background: url('http://forumstatic.ru/files/0016/e9/12/87678.gif') repeat #342112 scroll;
} 

/* CS1.2 шапка */
#pun-title TABLE {
        background: url('http://forumstatic.ru/files/0016/e9/12/76230.gif') #825f43 no-repeat;
}

/* CS1.3 тело форума */
#pun {
        background: url('http://forumstatic.ru/files/0016/e9/12/99273.gif') repeat center #aa845f scroll;
}

/* CS1.4 копирайт */
#forum_copyright {
text-align: center;
background: url("http://forumstatic.ru/files/0016/e9/12/29855.gif") center #825f43; 
width: 900px; 
height: 126px;
margin-top:-10px;
}

/* CS1.4 прокрутка */
::-webkit-scrollbar {width: 8px; height: 8px; background-color: #4b321e;}
::-webkit-scrollbar-thumb {background-color: #a47e59;}
::-webkit-scrollbar-thumb:active {background: #ae8863;}

/* CS1.4 уведомления */
.notify-message {background-color: #342112  !important;}
.notify-message .jGrowl-close {background: #342112  !important; color: #aa845f  !important;}
.notify-message .jGrowl-close:hover {color: #aa845f  !important; background: #342112  !important;}
.jg-mention {border-left: 12px solid #936845 !important;}
.jg-message {border-left: 12px solid #775336 !important;}


/* CS2 СТРУКТУРА ФОРУМА
-------------------------------------------------------------*/
/* CS1.4 категория */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, #pun-admain h2  {
  background-color: rgba(86, 38, 1, 0.18);
  color: #382414;
  text-align: center;
}

/* CS1.5 подфорум*/
.tclcon {
background: url(http://forumstatic.ru/files/0016/a3/17/33021.jpg) top repeat-x;
}

/* CS1.6 иконки*/
div.icon {
        background: url(http://forumstatic.ru/files/0016/a3/17/71755.png) no-repeat;
}

tr.inew div.icon {
        background: url(http://forumstatic.ru/files/0016/a3/17/87707.png) no-repeat;
}

tr.iclosed div.icon {
        background: url(http://forumstatic.ru/files/0016/a3/17/24064.png) no-repeat;
}

tr.isticky div.icon {
        background: url(http://forumstatic.ru/files/0016/a3/17/39200.png) no-repeat;
}


/* CS1.6 профиль*/
.punbb .post .post-author {
  background-color: rgba(123, 80, 42, 0.19);
  text-align:center;
  margin-left: 9px;
}

li.pa-title {
  background-color: rgb(174, 136, 99);
  }

li.pa-author a, li.pa-author {
  color: #382414;
  font-size:12px;
  text-transform: uppercase;
  font-family: 'Palatino Linotype';}
li.pa-author a:hover {background:transparent;}

/* рамка аватара */
li.pa-avatar.item2 img { 
  border:#946744 solid;
  border-width: 2px;
}

/* CS1.8 стрелки */
.go-up, .go-down {
  display: none;
  position: fixed; /*позиционирование*/
  z-index: 9999; /*поверх все элементов на странице*/
  right: 5%; /*положение на странице, если слева - left*/
  cursor: pointer;
  opacity: .5;
  padding: 3px;
  margin-bottom: 5px;
  width: 64px;
  height: 31px;}
 .go-up { bottom: 16%; }
.go-down { bottom: 8%; }
.go-down:hover,
.go-up:hover {opacity: 1;}

/* CS3 ТЕКСТ
-------------------------------------------------------------*/
/* CS3.1 текст*/
.punbb .main .container, .punbb .post .container, .punbb .post h3, #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-status .container, #pun-crumbs1 p.container, #pun-stats .container, #pun-about .container, #pun-crumbs2 .container, .linkst .pagelink, .linksb .pagelink {
  color: #382414;
 }

/*CS3.2 навигация*/
#pun-navlinks a {
  color: #a47e59;
}

#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #a47e59;
  text-decoration: none;
  background: transparent;
  }


/*CS3.3 ссылки*/
.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: #382414;
  text-decoration: none;
  }

.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 {
  background: #9e7654; 
  color: #382414;  }

#pun-pagelinks a:active, #pun-pagelinks a:focus {
  background-color: transparent;
  color: #393E45;
  }

.lastedit{display:none;}

/* CS4 ГРАНИЦЫ
-------------------------------------------------------------*/
/*CS4.1 границы*/
.punbb .post-body, .post h3, #pun-title, .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, #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, .punbb-admin #pun-admain .adcontainer {
  border-color: transparent;}

/* CS5 БЛОКИ
-------------------------------------------------------------*/
/*CS5.1 меню */
#size-area, #font-area, #color-area, #smilies-area, #keyboard-area, #imageup-area, #font-area, #size-area, #color-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #table-area, #addition-area {
  background-color: #A67E59; 
  color: #382414;
  border-style: solid; 
  border-color: rgba(56, 36, 20, 0.3);
  border-width: 2px;
}

#profilenav {
  background-color: rgba(123, 80, 42, 0.19); }

/*CS5.2 линии-разделители */
hr {
  color: rgba(56, 36, 20, 0.3);
  background-color: rgba(56, 36, 20, 0.3);
  height: 2px;
  border: none;}

/*CS5.3 Окно репутации */
#pun-reputation div.inner div.container, #pun-report div.inner div.container , #pun-popup_awards div.inner div.container {
  color: #382414;
  background-color: #A67E59;
  border-style: solid; 
  border-color: rgba(56, 36, 20, 0.3);
  border-width: 2px;
}

/* CS5.4 фон в админке*/
.punbb-admin #pun-admain .adcontainer {
  background-color: #ffffff;
  color: #000000;
  }

/*CS5.5 цитата, код, поле ввода */
.punbb .quote-box, .punbb .code-box, .punbb textarea, .punbb select, .punbb input, .punbb .button {
  background-color: #A67E59; }

 .punbb textarea, .punbb select, .punbb input, .punbb .button {
  background-color: #A67E59; ;
  border: solid;
  border-width: 2px;
  border-color: rgba(56, 36, 20, 0.3);}

/*CS5.6 кнопки*/
#pun-main .formsubmit input {
  background-color: #aa845f;
  text-transform: lowercase;
  border: solid;
  border-width: 2px;
  border-color: rgba(56, 36, 20, 0.3);}

/*CS5.6 списки*/
.punbb input, .punbb select {
  background-color: #aa845f;}

del:hover {
    text-shadow: none !important;
    color: #382414 !important;
}
del {
    text-decoration: none !important;
    text-shadow: 0px 0px 3px #382414;
    color: transparent !important;
    transition-duration: 0.5s;
}


::selection {background: #634D41; color: #aa845f;}
::-moz-selection {background: #634D41; color: #aa845f;}

#tooltip {
position: absolute;
background-color: rgba(41, 24, 10, 0.82);
z-index: 99999;
-moz-border-radius:4px;
-khtml-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
max-width: 250px; 
display: none;
font: normal normal 400 11px/16.5px Verdana;
color: #A67E59; 
text-align: center;
padding: 4px;
}

/*ТАБЛИЦА
-------------------------------------------------------------*/
#adm {
display: block;
position: absolute;
top: 182px;
left: 10px;
width: 160px;
height: 80px;}

.tooltipM {
  border: none; 
  text-decoration: none;
  position: relative;}

.tooltipM span {
  margin-left: -999em;
  position: absolute;}

.tooltipM:hover span {
  left: -35px;
  top: 10px; 
  z-index: 99;
  margin-left: 0;}

.imagest {
  filter: alpha(Opacity=35);
  -moz-opacity: 0.35;
  -khtml-opacity: 0.35;
  opacity: 0.35;
}

.imagest:hover {
  filter: alpha(Opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;}


.top {
  z-index: 200;
  position: absolute;
  background-color: #513824;
  color: #aa845f;
  border: none;
  box-shadow: 0px 0px 4px #161616;
  padding: 5px;
  width: 130px;
  text-align: center;}

#nav {
display: block;
position: absolute;
top: 182px;
left: 170px;
overflow: auto;
text-align: right;
width: 180px;
height: 80px;}

.linkt a, .inkt a:hover  {
  display: block;
  margin: 1px;
  background: #a88364;
  padding: 0px 5px;
  font-size: 11px;
  -moz-transition: 0.5s ease;
  -webkit-transition: 0.5s ease;}

.linkt a:hover {
  background: #ad8868;
  letter-spacing: 2px;}

#new {
display: block;
overflow: auto;
position: absolute;
top: 182px;
left: 545px;
overflow: auto;
width: 185px;
height: 80px;}

#best{
display: block;
position: absolute;
text-align: right;
top: 182px;
left: 735px;
width: 155px;
height: 80px;}


.bannersTableMeow {
    width: 88px;
    height: 31px;
    background-color: rgba(125, 81, 42, 0.18);
    display: inline-block;}


.profileStyle {
    font-size: 13px;
    font-family: 'Palatino Linotype';
    text-transform: lowercase;
    font-weight: bold;
    letter-spacing: 2px;}

.profileStyle a:hover{background: none !important;}

.profileStyleIn {
    color: rgba(56, 36, 20, 0.72);
    font-size: 9px;
    text-transform: lowercase;}

#raz { /* корпус */ 
    position: relative;
    height: 250px;
    border-top: 20px solid #976e4a;
}
#raz > div { /* вкладка */ 
  position: absolute;
  z-index: 1;
  height: 100%;
  width: 100%;
  visibility: collapse;
  transition: 0s 9999999s;
  box-sizing: border-box;
  background: #a67e59;
}


#raz > div:active, #raz > div:nth-of-type(1) {
  visibility: visible;
  transition: 0s;
}

#raz:active > div:not(:active) {
  visibility: hidden;
  transition: 0s;
}

#raz > div > span { /* кнопка */ 
    position: absolute;
    top: -20px;
    line-height: 20px;
    height: 20px;
    width: 33%;
    text-align: center;
    box-sizing: border-box;
    visibility: visible;
    transition: 0s 9999999s;
    cursor: pointer;
    font-family: 'palantino linotype';
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
    color: #382414;
}

.h1Table {
    font-family: 'palantino linotype';
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
    color: #382414;
    padding: 5px;
    text-align: center;
    overflow: auto;
}

#raz > div:nth-of-type(1) > span {left: 0;}
#raz > div:nth-of-type(2) > span {left: 33%;}
#raz > div:nth-of-type(3) > span {left: 66%;}
#raz > div:active > span, #raz > div:nth-of-type(1) > span {
  transition:  0s;
}

#raz:active > div:not(:active) > span {
  transition:  0s;
}

.shadowTable {
    box-shadow: 0px 0px 8px #976e4a inset;
    overflow: auto;
    padding: 10px;}
