/* автор кодов - say.my.name // с 2014-го. Огромная просьба не копировать и за свои не выдавать!*/

body {
background:  #b3b0a2 url("http://funkyimg.com/i/219ro.jpg") repeat;
}

/* fon center */
#pun { background-image : url("http://funkyimg.com/i/219rr.jpg");
background-color : #b3b0a2;
background-position : center;
background-repeat: repeat-y;
width: 960px !important;
}

/* shapka */
#pun-title TABLE {
background: url("http://funkyimg.com/i/219rS.jpg") transparent no-repeat center top;
margin-top: -1px;
margin-left: -206px;
width: 1280px !important;
height: 467px !important;
}

#pun-about {
text-align: center;
 background-image: url("http://funkyimg.com/i/219sA.jpg");
 background-repeat: no-repeat;
 background-attachment: scroll;
 background-position: center; 
 font-size:10px !important;
 width: 1280px; 
height: 249px;
margin-left:-205px;
margin-bottom:-17px;
}

#pun-adnav .isactive ul.adsubnav a {
  color: #000 !important;
  }

#pun-title td.title-logo-tdl {
    border: none;
    width: 100%;
    color: transparent;
}

#pun-redirect h1 {
display: none;
} 


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

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

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

/* CS1.5 - замечания и приписки форума */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
  background-color: #transparent;
  color: #000000
  }

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

/* CS1.7 - оформление цитаты */
.punbb .quote-box, .punbb .code-box {
border-radius: 0px 0px 0px 0px;
background: #8c8a83 url("") repeat;
border-top: 10px solid #1d1d1d !important;
color: #296a6f;
padding: 10px;
  color: #000;
  }

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

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


/* оформление формы ответа */
.punbb textarea, .punbb select, .punbb input {
border-radius: 0px 0px 0px 0px;
background: #8c8a83 url("") repeat;
border-top: 3px solid #1d1d1d !important;
color: #296a6f;
padding: 3px;
  color: #000;
  }

/* CS2 Border colours
-------------------------------------------------------------*/
/* автор кодов - say.my.name // с 2014-го. Огромная просьба не копировать и за свои не выдавать!*/

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

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

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

#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 #dedfdf
  }

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


/* 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: #313f5b;
text-decoration: none;
  }

.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:  #012f8a;
text-decoration: none;
}

/* CS3.3 */
#pun-navlinks a {
  color: #313f5b;
  text-decoration: none;
font-family: America XIX;
text-transform: uppercase;
  }

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  text-decoration: none;
font-family: America XIX;
text-transform: uppercase;
color:  #012f8a;
  }

#pun-pagelinks a:active, #pun-pagelinks a:focus {
  background-color: #c84249;
  color: #fff;
  }

/* CS3.5 */
#pun-ulinks a:visited, #pun-ulinks a:link, #pun-ulinks a:hover, #pun-ulinks a:focus, #pun-ulinks a:active {
  color: #484b50;
  text-decoration: none;
  }

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

div.icon {border-color: #E6E6E6 #DEDEDE #DADADA #E2E2E2}
tr.iredirect div.icon {border-color: #F7F7F7 #F7F7F7 #F7F7F7 #f7f7f7}
div.inew {border-color: #0080D7 #0065C0 #0058B3 #0072CA}

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

/* CS5 Прочие элементы */


/* CS5.2 Статус картинки с надписью "статистика" над статистикой форума*/
#pun-stats.section h2 { 
background-attachment: scroll;
background-clip: border-box;
height: 83px;
width: 960px;
font-size: 0px;
text-align: center;
color: #e9d9b0;
margin-left: -45px;
background-color: transparent;
background-image: url("http://funkyimg.com/i/219wQ.png");
background-origin: padding-box;
background-position: 50% 0%;
background-repeat: no-repeat;
background-size: auto;}


.inner, #font-area, #size-area, #video-area, #color-area, #smilies-area, #image-area, #addition-area, #table-area {background: #b2afa2; border: solid 1px #181a1a;}


/*Фон мини-профиля в Топике*/
.punbb .post .post-author {
  background:url(http://funkyimg.com/i/21aKs.jpg) 0 0 repeat-y; /*Фон размножаемый по вертикали*/
  overflow: visible!important;
  margin:12px 0!important;
}
.punbb .post .post-author > ul {
  background:url(http://funkyimg.com/i/21aKu.jpg) 0 top no-repeat,url(http://funkyimg.com/i/21aKv.jpg) 0 bottom no-repeat; /*Фон верха - низа*/
  margin:-12px 0 -12px 0!important;
  padding: 20px 0px 5px 0px!important;
}



a.menu:link, a.menu:visited, a.menu:active{text-decoration: none;
 
background-color: #4e4e4e;
color: #afafa3;
text-transform: none; 
text-align: center;
display:block;
width:200px;
border-bottom: 2px solid  #4e4e4e;
letter-spacing: 2px;
font-family: arial;
font-size: 10px;
}
a.menu:hover {
background-color:#afafa3;
color:  #4e4e4e ;
border-bottom :2px solid  #afafa3;}


/*Цвета текста и ссылок минипрофиля в топике*/
.punbb .post-author li{
  color:#8a8a8a;
}
.punbb .post-author li a{
  color:#a3a3a3;
}
.punbb .post-author li a:hover{
  color:#c4c4c4;
}

::-webkit-scrollbar {width: 4px; height: 8px;}  
::-webkit-scrollbar-track {background-color: #a3a395;} 
::-webkit-scrollbar-thumb {background-color: #262915;}
::-webkit-scrollbar-thumb:active {background: #333310;}

a.sbla:link, a.sbla:visited { 
display: block; 
margin-bottom: 1px; 
text-transform: lowercase;
font-style: italic; 
font-family: georgia; 
font-size: 10px; 
letter-spacing: 1px;
border-radius: 10px; 
background: #262915; 
color: #262915;  
padding: 2px 2px 2px 10px;}

a.sbla:hover, a.sbla:active { 
-moz-transition: 0.2s ease; 
-webkit-transition: 0.8s ease;  
display: block; 
text-transform: lowercase; 
font-family: georgia; 
font-size: 10px; 
letter-spacing: 5px; 
background: #333310;
text-decoration: none; 
color:  #a3a395; 
text-align: center; 
padding: 2px 2px 2px 20px;
border-radius: 10px;}

.tooltip {
  border: 3px; 
  text-decoration: none;
  position: relative;}
.tooltip span {
  margin-left: -999em;
  position: absolute;}

.tooltip:hover span {
  position: absolute;
  left: -70px;
  top: 10px; 
  z-index: 99;
  margin-left: 0;}

.top {
  z-index: 200;
  position: absolute;
  background-color: #a3a395;
  color: #262915;
  border: 3px;
  box-shadow: 0 0 2px; border-top: 1px solid #262915;  border-bottom: 1px solid #262915; border-left: solid 4px #262915; border-right: solid 4px #262915; border-bottom-right-radius: 0px; border-top-left-radius: 0px; padding: 9px;
  padding: 5px;
  width: 180px;
  text-align: center;}