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

::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}
::-webkit-scrollbar-track {
 background: transparent;
}
::-webkit-scrollbar-thumb {
    background: #143851;
}

#blackwhite a img {-webkit-filter: grayscale(100%);
filter: grayscale(100%);
opacity:0.40; -moz-opacity:0.40; filter:alpha(opacity=40);
   -webkit-transition: -webkit-filter 0.6s ease, opacity 0.6s ease;
   -khtml-transition: -webkit-filter 0.6s ease, opacity 0.6s ease;
   -moz-transition: -webkit-filter 0.6s ease, opacity 0.6s ease;
   -o-transition: -webkit-filter 0.6s ease, opacity 0.6s ease;}
#blackwhite a:hover img {
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
opacity:1.0; -moz-opacity:1.0; filter:alpha(opacity=100);
   -webkit-transition: -webkit-filter 0.6s ease, opacity 0.6s ease;
   -khtml-transition: -webkit-filter 0.6s ease, opacity 0.6s ease;
   -moz-transition: -webkit-filter 0.6s ease, opacity 0.6s ease;
   -o-transition: -webkit-filter 0.6s ease, opacity 0.6s ease;
}

#pun-announcement h2 {display: none;}
#pun-ulinks .container li.item5 {display: none;}
/*#pun-announcement .container {margin-top: -1em !important; background: url(-) top center no-repeat;}*/
.sidebar {
position: absolute;
top: 230px;
color: #375364;
line-height: 100%;
  letter-spacing: 0px;
font-size: 10px;
text-align: justify;
overflow-y: auto;
overflow: hidden;
}
.sidebar a, .sidebar a:link, .sidebar a:visited, .sidebar a:hover, .sidebar a:focus, .sidebar a:active {color: #47677a !important;}

.sidebar a img{opacity:0.8;}
.sidebar a:hover img{opacity:1;}

.post-box {line-height: 110% !important; margin-left: 3px !important;}

#html-header{
   min-height: inherit;
   height: inherit;
   clear: both;
}
#pun-index{
    clear: both;
}

/*Шапка*/
#pun-title table {
background-image: url("http://funkyimg.com/i/2jrbJ.jpg"); background-position: top center; background-repeat: no-repeat; 
border: none;
margin-left: -8px;
height: 500px;
width: 866px;
}

#pun-navlinks .container {position: absolute; z-index: auto; top:198px; left:0px; width: 100%;}
#pun-ulinks .container{position: absolute; z-index: auto; top:208px; left:0px; width: 100%;}

/*.punbb A IMG{
max-width: 500px; 
max-height: 500px;
border: 1px solid #;}*/

/*Фон*/
html {background-image: url("http://funkyimg.com/i/2jrbH.jpg"); background-position: top center; background-repeat: repeat;
background-color: #1a293f; 
overflow-x: hidden;
}

/*Фон тела форума*/
#pun {background-color: #d0d0d0;
 background-image: url("http://funkyimg.com/i/2jrbG.jpg"); background-position: top center; background-repeat: repeat-y;
background-position: top center;
background-position : center;
width: 866px !important;
}
/*Тело форума*/
.punbb  {width:850px !important; margin-left:8px !important;}

/*Низ*/
#pun-about .container {
  border-top-style: none;
  text-align: center !important;
  line-height: 100%;
  padding: 0em 0em;
  background-color: transparent;
  font-weight: normal;
  font-size: 10px !important;
  height: 100px;
  width: 866px;
  margin-left: -19px;
  background-image: url("http://funkyimg.com/i/2jrbF.jpg");
  background-repeat: no-repeat;
  background-position: bottom;
  background-overflow-x: hidden;
  margin-bottom: -40px;
  }
div#html-footer {margin: -30px 0px 0px 0px;}
div#html-footer a img{opacity:0.5;}
div#html-footer a:hover img{opacity:1;}

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

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

/*Категории*/
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2 {
  background-color: transparent;
  background-image : url("-");
  line-height: 100% !important;
  paddind-top: 0px;
  text-align: center;
  height: 20px;
  background-position: bottom center;
  background-repeat: no-repeat;
  display: block;

  color: #336c90;
  font-family: Yeseva One;
  font-size: 15px !important;
  letter-spacing: 0px;
  font-weight: normal !important;
  text-transform: lowercase;
  font-style: normal;
  text-decoration: none;
  }

#profilenav h2 {
   text-align: left !important;
   width: 150px !important; }

#pun-category1 h2 {height: 17px; width:850px; /*margin-left: -105px;*/ background-image: url("http://funkyimg.com/i/2jsKc.png"); background-repeat: no-repeat; overflow-x: hidden; background-position: top center; color: transparent;}

#pun-category2 h2 {height: 17px; width:850px; /*margin-left: -105px;*/ background-image: url("http://funkyimg.com/i/2jsKd.png"); background-repeat: no-repeat; overflow-x: hidden; background-position: top center; color: transparent;}

#pun-category3 h2 {height: 17px; width:850px; /*margin-left: -105px;*/ background-image: url("http://funkyimg.com/i/2jsKe.png"); background-repeat: no-repeat; overflow-x: hidden; background-position: top center; color: transparent;}

#pun-category4 h2 {height: 17px; width:850px; /*margin-left: -105px;*/ background-image: url("http://funkyimg.com/i/2jsKf.png"); background-repeat: no-repeat; overflow-x: hidden; background-position: top center; color: transparent;}

#pun-category5 h2 {height: 17px; width:850px; /*margin-left: -105px;*/ background-image: url("http://funkyimg.com/i/2jsKg.png"); background-repeat: no-repeat; overflow-x: hidden; background-position: top center; color: transparent;}

#pun-category6 h2 {height: 17px; width:850px; /*margin-left: -105px;*/ background-image: url("http://funkyimg.com/i/2jsKh.png"); background-repeat: no-repeat; overflow-x: hidden; background-position: top center; color: transparent;}

#pun-stats h2 {height: 17px; width:850px; /*margin-left: -105px;*/ background-image: url("http://funkyimg.com/i/2jsKi.png"); background-repeat: no-repeat; overflow-x: hidden; background-position: top center; color: transparent;}

/*#pun-stats ul.container {
    background: url("http://s1.uploads.ru/i/IY7GF.png") no-repeat scroll 10px 10px transparent !important;
    padding-left: 90px; height: 80px;
}*/

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

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

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

/*Цитата и код*/
.punbb .post-content .quote-box, .punbb .post-content .code-box {
max-width: 700px !important;
font-weight: normal !important;
padding: 5px 5px 5px 5px !important;
background: rgba(255,255,255,0.25);
border: 3px double #bfc1bf !important;
}
.punbb .post-content blockquote > p { padding: 3px 8px 5px 8px !important; }

/*Форма ответа*/
.punbb textarea, .punbb select {
max-width: 800px !important;
background: rgba(255,255,255,0.3);
border-top: 3px solid #a2abb3 !important;
border-bottom: 3px solid #a2abb3 !important;
border-left: 0px solid #a2abb3 !important;
border-right: 0px solid #a2abb3 !important;
}

/* CS1.8 */
#pun-navlinks .container {
background-color: transparent;
  color: #2f2f2f;
  }

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

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

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


#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: 0px solid transparent;
  }

li.pa-online {
  border-left-color: transparent;
  border-left: 0px;
  }


/* 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: #0f507a;
  letter-spacing: 0px;
   text-decoration: none;
-webkit-transition: color 0.9s ease;
-khtml-transition: color 0.9s ease;
-moz-transition: color 0.9s ease;
-o-transition: color 0.9s ease;
  }

.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: #304150;
  }

/* Меню навигации */
#pun-navlinks li a, #pun-navlinks  a:link, #pun-navlinks  a:visited{
  color: #336c90;
text-shadow: 1px 1px 0px #162235;
  font-family: Yeseva One;
  font-size: 15px !important;
  letter-spacing: 0px;
  font-weight: normal !important;
  text-transform: lowercase;
  font-style: normal;
  text-decoration: none;
}
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #2b5d7d;
  }

/* Пользовательские ссылки */
 #pun-ulinks  a:link, #pun-ulinks  a:visited {
  color: #76909e;
 font-size: 11px !important;
 font-weight: normal !important;
  text-decoration: none;
  font-family: Open Sans Condensed, Microsoft Sans Serif;
  letter-spacing: 1px;
}
#pun-ulinks  a:hover, #pun-ulinks  a:focus, #pun-ulinks  a:active {
  color: #3d5367;
}


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

div.icon {
background: url(http://funkyimg.com/i/2jsdC.png) no-repeat;
}

tr.inew div.icon {
background: url(http://funkyimg.com/i/2jsdA.png) no-repeat;
}

tr.iclosed div.icon {
background: url(http://funkyimg.com/i/2jsdz.png) no-repeat;
}

tr.isticky div.icon {
background: url(http://funkyimg.com/i/2jsdy.png) no-repeat;
}


#pun-main div.catleft, #pun-main div.catright {display: none}
#pun-title table tbody tr .title-logo-tdr {
  position: absolute; 
  z-index: 1; 
  left: 0px; 
  top: 0px;
  opacity: 0.3;}
#pun_wrap #pun #pun-viewtopic.punbb #pun-main .topic .container .post-author ul {text-align: center; }
#pun_wrap #pun #pun-viewtopic.punbb #pun-main .topic .container .pa-author {text-align: center; }
#pun_wrap #pun #pun-viewtopic.punbb #pun-main .topic .container  ul .pa-title {text-align: center; }
#pun-messages .post-box {width: 300px;}
.lastedit {display: none;}
.pa-gifts {display: none;}
.topic a.sharelink {
display: none;
}

.tclcon h3 a {
  font-family: Yeseva One;
  font-size: 16px !important;
  letter-spacing: 0px !important;
  font-weight: normal !important;
  text-transform: lowercase;
  font-style: normal;
  text-decoration: none;}

.punbb .post .post-author > ul {
 line-height:120% !important;
font-size:11px;
margin-top: 0px !important;
margin-left: -3px !important;
width: 200px !important;
background: url(http://funkyimg.com/i/2jrj2.jpg) top center no-repeat, url(http://funkyimg.com/i/2jrqJ.jpg) bottom center no-repeat,  url(http://funkyimg.com/i/2jrj4.jpg) top center repeat-y;
text-align: center;
font-size: 11px;
float: left;
border-style: solid;
border-width: 0px;
padding-bottom: 13px !important;
  text-transform: lowercase;
}

.pa-author, .pa-author a  { padding-top: 15px !important;
  color: #336c90;
  font-family: Yeseva One;
  font-size: 14px !important;
  letter-spacing: 0px !important;
  font-weight: normal !important;
  text-transform: uppercase;
  font-style: normal;
  text-decoration: none;
  margin-bottom: 0px !important;
}

.pa-title {font-size: 12px;  font-weight: normal !important;  letter-spacing:0px; font-family: Open Sans Condensed, Microsoft Sans Serif; margin-top:5px !important;
border: 0px # double !important; text-transform: none;}

.pa-posts, .pa-respect{
text-align: center;
    display: inline-block;
    width: 78px; 
text-align: center;
margin-left: 0px !important;
/*background: url(http://funkyimg.com/i/2jrke.jpg);
border: 3px double #e2e2e2 !important;
padding: 3px 3px !important;*/
}

ul li.pa-avatar img {margin-left: 0px !important;
padding: 2px !important;
border: 3px double #e2e2e2 !important;
background: url(http://funkyimg.com/i/2jrke.jpg);
    max-width: 180px;
    max-height: 180px;
}
.pa-avatar {
border: 0px # double !important;
margin-bottom: 3px;}

.pa-fld1 {text-align: justify;
background: url(http://funkyimg.com/i/2jrke.jpg);
border: 3px double #e2e2e2 !important;
margin-left: 4px !important;
width: 180px;
font-size: 10px;
padding: 3px 3px !important;
 text-transform: none;
color: #5a5a5a;}

.pa-fld2 {text-align: center;
background: url(http://funkyimg.com/i/2jrke.jpg);
border: 3px double #e2e2e2 !important;
margin-left: 4px !important;
width: 180px;
font-size: 10px;
padding: 3px 3px !important;
 text-transform: lowercase;
color: #5a5a5a;}

#pun-reputation div.inner div.container, #pun-report div.inner div.container, #pun-popup_awards div.inner div.container {
background: url(http://funkyimg.com/i/2jrke.jpg) !important;
border: 3px double #a2a5a5 !important;
}
#font-area, #size-area, #color-area, #table-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #addition-area {
background: url(http://funkyimg.com/i/2jrke.jpg) !important;
border: 3px double #a2a5a5 !important;
}

#pun-popup_awards h1, .pa-gifts {display: none;}

/*li.pa-awards{
    position: absolute;
    margin-top: -32px;
    width: 190px;
    text-align: center;}*/

/* ПОДПИСЬ */
dl.post-sig > dd > p {
 line-height:120% !important;}

hr{border-top: 2px dotted #a2a5a5;
border-bottom: 0px; border-left: 0px; border-right: 0px;}
#pun th {text-transform: lowercase; font-size:9px; font-family: Open Sans, Microsoft Sans Serif; margin-left: 1px !important;}
.modlist {font-size:9px; opacity:0.7;}
#pun-main .post-content{text-align: justify !important;}

tr#forum_f24, tr#forum_f23, tr#forum_f21, tr#forum_f20 {display: none;}