/* CS1 Background and text colours
-------------------------------------------------------------*/

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

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

/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
background-color: transparent;
color: #4f5153;
font-size: 14px;
font-weight: 400;
text-transform: uppercase;
text-shadow: 0px 0px 1px #555555 !important;
font-family: Times New Roman;
text-align: center;
line-height: 90px;
  }

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


/* CS1.5 */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
  background-color: transparent;
  color: #555;
font-style: Times New Roman;
  }

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

/* CS1.7 */
.punbb .quote-box{
background: url(http://voila.rolbb.ru/files/0015/db/ec/91123.jpg), rgba(238, 225, 206, 0);
/* border-top: 5px solid #74787d; */
border-radius: 10px;
/* border-bottom: 5px solid rgba(92, 92, 92, 0.1); */
box-shadow: 1px 1px 5px #606162;
text-align: justify;
  }
.punbb .code-box {
background: url(http://voila.rolbb.ru/files/0015/db/ec/91123.jpg), rgba(255, 255, 255, 0.26);
border-top: 5px solid #858687;
border-radius: 10px;
border-bottom: 5px solid rgba(92, 92, 92, 0.1);
box-shadow: 1px 1px 5px #606162;
text-align: justify;
}

/* CS1.8 */
#pun-navlinks .container {
  
  color: #f1f1f1;
  }

.offline li.pa-online strong {
  font-weight: normal
  }

/* CS2 Border colours
-------------------------------------------------------------*/

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

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

/* 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;
 color: rgba(0,0,0,0.3);
  }

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

#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 {
  border-color: #eee #eee #eee #eee
  }

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

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


/* 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: #393b3c;
-webkit-transition: 0.5s ease;
text-decoration: none;
font-weight: bold;
  }

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

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

/* CS3.3 */
#pun-navlinks a {
color: #333;
text-decoration: none;
font-weight: 700;
/*font-style: Times New Roman;*/
font-family: -webkit-pictograph;
  }

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
color: #a5a7a9;
text-decoration: none;
font-weight: 700;
/*font-style: Times New Roman;*/
font-family: -webkit-pictograph;
  }

  #pun-pagelinks a:active, #pun-pagelinks a:focus {
  background-color: #333;
  color: #eee;
  }

/* CS4 Post status icons
 -------------------------------------------------------------*/

/* DIV.icon {BORDER-COLOR: #D1E2EF}
TR.iredirect DIV.icon {BORDER-COLOR: #F1F1F1 #F1F1F1 #F1F1F1 #F1F1F1}
DIV.inew {BORDER-COLOR: #8FCDFF #61A6DF #4D95CF #77B9EF}*/

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


div.icon {
        background: url(http://voila.rolbb.ru/files/0015/db/ec/77471.png) 0% 0 no-repeat;
}

tr.inew div.icon {
        background: url(http://voila.rolbb.ru/files/0015/db/ec/77471.png) 32% 0 no-repeat;
}

tr.isticky div.icon {
        background: url(http://voila.rolbb.ru/files/0015/db/ec/77471.png) 66% 0 no-repeat;
}

tr.iclosed div.icon {
        background: url(http://voila.rolbb.ru/files/0015/db/ec/77471.png) 100% 0 no-repeat;
}


/* CS8.1 Статус картинки со статистикой 24*/
#pun-stats ul.container { 
background-attachment: scroll;
background-clip: border-box;
background-color: transparent;
background-image: url("http://voila.rolbb.ru/files/0015/db/ec/64733.png");
background-origin: padding-box;
background-position: 30px 5px;
background-repeat: no-repeat;
background-size: auto;
padding-left: 105px;
padding-top: 0px;
}

/*#pun-category1.category h2 {
  background-color: transparent;
  background: url(http://voila.rolbb.ru/files/0015/db/ec/17978.png) 50% 0 no-repeat;
  height: 72px;
  }

#pun-category2.category h2 {
  background-color: transparent;
  background: url(http://voila.rolbb.ru/files/0015/db/ec/53095.png) 50% 0 no-repeat; 
  height: 72px;
  }

#pun-category3.category h2 {
  background-color: transparent;
  background: url(http://voila.rolbb.ru/files/0015/db/ec/59964.png) 50% 0 no-repeat; 
  height: 72px;
  }

#pun-category4.category h2 {
  background-color: transparent;
  background: url(http://voila.rolbb.ru/files/0015/db/ec/11021.png) 50% 0 no-repeat; 
  height: 72px;
  }

#pun-category5.category h2 {
  background-color: transparent;
  background: url(http://voila.rolbb.ru/files/0015/db/ec/15167.png) 50% 0 no-repeat; 
  height: 72px;
  }

#pun-category6.category h2 {
  background-color: transparent;
  background: url(http://voila.rolbb.ru/files/0015/db/ec/81892.png) 50% 0 no-repeat;
  height: 72px;
  }
#pun-stats h2 {
  background-color: transparent;
  background: url(http://voila.rolbb.ru/files/0015/db/ec/48523.png) 50% 0 no-repeat;
  height: 72px;*/
  }
/* CS5 Футер
 -------------------------------------------------------------*/

 #pun-about p.container {
width: 980px;
height: 85px;
/*overflow-x: hidden;*/
}

 #pun-announcement.section h2 span {display:  none; }
    a.menu:link, a.menu:visited, a.menu:active{text-decoration: none; }
/* CS4 Сдвиг рекламы.
 -------------------------------------------------------------*/

#pun-title table tbody tr .title-logo-tdr {position: absolute;
z-index: 1;
right: 980px;
top: -34px;
opacity: 0.3;
}

body { 
 background-color: #8c8e8e;
 overflow-x: hidden;
 background-image: url("http://voila.rolbb.ru/files/0015/db/ec/57255.jpg");
 background-position : top center;
 font-size: 13px;
}

/* CS8 оформление профиля*/

.punbb .post .post-author {
text-align: center;
margin-left: 18px;
box-shadow: 2px 2px 2px #555;
border-radius: 10px;
color: #7d7e80;
border-top: 3px solid #aeb2b4;
border-bottom: 1px solid #aeb2b4;
border-left: 3px solid #aeb2b4;
border-right: 1px solid #aeb2b4;
background: url(http://voila.rolbb.ru/files/0015/db/ec/91123.jpg), rgba(0,0,0,0.05);
padding-bottom: 5px;
}

/* CS8 Tooltips - всплывающие поля при наведении на админов */
.tooltip {
border: none; 
color: #bbbbba;
text-decoration: none;
position: relative;}

.tooltip span {
margin-left: -999em;
position: absolute;}

.tooltip:hover span {
font-family: Times New Roman;
position: absolute;
left: -35px;
top: 10px; 
z-index: 99;
margin-left: 0;}

.tooltip img {
-webkit-filter: grayscale(100%);}

.tooltip:hover img {
left: 1em; 
top: 2em; 
z-index: 99;
margin-left: 0;
-webkit-filter: grayscale(1%);}

.tip {
z-index: 200;
position: absolute;
background: #b4b4b4;
color: #2d2d2d; 
padding: 3px;
width: 150px;
text-align: center;
box-shadow: 0px 0px 4px #373737 inset;}


/* CS9 Navs - навигация в таблице */
#nav a, #nav a:hover  {
  display: block;
  width: 150px;
  padding: 1px;
  margin: 1px auto;
  color: #010101 !important;
  background: #d5d4d4;
  font-size: 12px;
  text-align: center;
  box-shadow: 0px 0px 1px #292C31 inset;}

#nav a:hover {
  background: #e1e1e1;
  color: #010101 !important;}