/* CS1 Background and text colours
-------------------------------------------------------------*/
body {
background: 
url("http://funkyimg.com/i/2dS27.jpg") repeat-x top center,
#d4d4d4 url("http://funkyimg.com/i/2dRsm.jpg") ;
}

#arrows {
position:fixed;
bottom: 50%;
right: 5%;
text-align:center;
}

::-webkit-scrollbar
{
width: 8px;
height: 5px;
background-color: #2a2a2a;}

::-webkit-scrollbar-thumb{
background-color: #33444b; }

::-webkit-scrollbar-thumb:hover{
background-color: #49626b; }

 ::selection {
background:  #393939 !important;
color: #b1bcbe;
}

td#ava-status img {
max-width: 98px !important;}

#header{
width:950px;
height: 181px;
position: absolute;
display: block;
top: 347px;
left: -10px;
z-index: 0 !important;
}

#intro::-webkit-scrollbar{
background-color: transparent;}

#intro::-webkit-scrollbar-thumb{
background-color: #46788f; }


/* 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, .punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer, #pu
n-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  {
  background-color: transparent;
  }

/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
 font-size: 12px;
 text-align: center;
 font-family: verdana; 
 text-shadow:1px  1px  0px  #4b7173;
 color: #ededed;
 font-weight: bold;
 text-transform: uppercase;
 height: 30px;
 background: url("http://funkyimg.com/i/2dSnW.png") no-repeat scroll center; 
 width: 970px;
 margin-left: -20px;
  }

#pun-redirect h1 {background-image: none; padding-bottom:10px; color: transparent; text-shadow: none;}

.punbb-admin #pun-admain h2{
color: #847d78;
background: transparent;
text-align: left;
text-shadow: none;
padding-left: 100px;}


/* CS1.7 */
.punbb .quote-box, .punbb .code-box, .punbb .spoiler-box {
background: url("http://funkyimg.com/i/2dVNQ.jpg") repeat-x top center,
url("http://funkyimg.com/i/2dVNQ.jpg")  repeat-x bottom center,
#393939 url("http://funkyimg.com/i/2dVNz.jpg") ;
padding: 15px 10px 15px 10px;
text-shadow:1px  1px  0px  #1a1a1a;
color: #a2a2a2;
border: 1px solid #888888;
box-shadow: 0px 0px 0px 1px #353535;
}

.punbb .quote-box strong, .punbb .code-box strong, .punbb .spoiler-box strong, .punbb .quote-box a:link, .punbb .code-box a:link, .punbb .spoiler-box a:link {
color: #85aba8;
text-shadow:1px  1px  0px  #1a1a1a;
}

.punbb .quote-box a:hover, .punbb .code-box a:hover, .punbb .spoiler-box a:hover {
color: #c8c8c8;
}

/* CS1.8 */
#pun-navlinks .container {
  background-color: transparent;
  text-transform: uppercase;
  }

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

.punbb textarea  {
background: transparent url(http://funkyimg.com/i/2dVLz.png);
color: #474747;
box-shadow: 0px 0px 0px 1px  #a9a9a9;
border: 1px solid #f5f5f5 !important;
width: 99% !important;
}

.punbb .post .post-author > ul {
background: url(http://funkyimg.com/i/2dVSm.jpg) top center no-repeat,
url(http://funkyimg.com/i/2dVR6.jpg) bottom center no-repeat;
padding:8px 20px 20px 10px !important;
}

.punbb .post .post-author {
text-align: center;
background: url(http://funkyimg.com/i/2dVR5.jpg) repeat-y;
font-family: verdana;
color: #474747;
text-shadow: 1px 1px 0px #e3e3e3;}

.punbb .post .post-author li {
padding-left:5px;
}

.pa-author a, .pa-author,.pa-author a, .pa-author strong {
text-align: left;
color: #e7e7e7 !important;
text-shadow: 1px -1px 0px #6b7b79 !important;
font-family: verdana;
text-transform: uppercase;
font-size: 10px;}

.punbb .post .post-author b, .punbb .post .post-author strong {
color: #474747;
}

.pa-author a:hover {
color: #f2f2f2 !important; }

li.pa-author {
margin-bottom:23px;
}

.pa-avatar img{
box-shadow: 0px 0px 0px 1px  #808080;
border: 1px solid #cecece !important;
}

.pa-title{
font-family: verdana;
text-align: center;
color: #5b5b5b;
text-shadow: 1px 1px 0px #e3e3e3;
}

.punbb select {
padding: 3px; 
box-shadow: 0px 0px 0px 1px  #a9a9a9;
border: 1px solid #f5f5f5 !important;
background: url("http://funkyimg.com/i/2dVWK.png") no-repeat center right,
url("http://funkyimg.com/i/2dTQy.jpg");
padding-right: 20px;
-webkit-appearance: none; 
-moz-appearance: none; 
text-indent: 0.01px;
text-overflow: "";
  color: #33373e;
}


#post .container[id$="-area"]{
font-size: 10px;
padding: 3px; 
box-shadow: 0px 0px 0px 1px  #a9a9a9;
border: 1px solid #f5f5f5 !important;
background: url("http://funkyimg.com/i/2dTQy.jpg");
}

 .punbb .button {
border: none !important;
box-shadow: 0px 0px 0px 1px  #a9a9a9;
border: 1px solid #f5f5f5 !important;
background: url("http://funkyimg.com/i/2dVWV.jpg");
font-family: verdana;
font-weight: bold;
text-transform: uppercase;
font-size: 10px;
  color: #33373e;
}

.punbb input{
padding: 3px; 
box-shadow: 0px 0px 0px 1px  #a9a9a9;
border: 1px solid #f5f5f5 !important;
background: url("http://funkyimg.com/i/2dTQy.jpg");
}

.punbb .button {
padding: 7px; 
}

.punbb .button:hover {
border: none !important;
background: url(http://funkyimg.com/i/2dRsm.jpg);
color: #33373e;
box-shadow: 0px 0px 0px 1px  #a9a9a9;
border: 1px solid #f5f5f5 !important;
}

.punbb input[type=checkbox],  .punbb input[type=radio]{
background: transparent;
box-shadow: none; 
border: none !important;
}

.punbb .post h3 strong {
float: left !important;
width: auto !important;
text-align: left !important;
}

.punbb .post h3  span {
background: transparent url(http://funkyimg.com/i/2dVLz.png);
font-size: 10px ;
font-family: verdana;
margin-left: 220px !important;
text-transform: uppercase;
}

.post h3 strong:before {
content: "сообщение #";
text-align: center;
color: #787878;
}

div.post h3 strong:after{
content: ", написано: ";
text-align: center;
color: #787878;
}

div.post-rating p:before {
content: "оценка: ";
text-align: center;
color: #787878;
}

.punbb .post-box {
position: relative;
}

div.post-rating p {
font-size: 10px ;
font-family: verdana;
position: absolute;
right: 0px;
top: -8px;
font-family: verdana;
font-size: 10px;
text-transform: uppercase;
}

div.post-vote p {
position: absolute;
}

div.post-rating a, div.post-vote a {
color: #787878;
}

div.post-rating p a:hover {
color: #969696;
}

#post .formsubmit {text-align: center;}

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

/* CS2.1*/
.punbb .container, .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, .punbb th, #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, li.pa-online {
  border-color: transparent;
  }

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

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

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

/* CS3.3 */
#pun-navlinks a {
color: #81b3b0;
text-shadow: 1px 1px 0px #030506;
  }

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #757575;
 text-shadow: 1px 1px 0px #030506;
  }


#pun-pagelinks a:active, #pun-pagelinks a:focus {
 text-shadow:1px  1px  0px  #4b7173;
 color: #ededed;
  }

.linkst .postlink a,  .linkst .postlink a:hover, .linkst .pagelink, .linkst .pagelink strong, .linkst .pagelink a, .linkst .pagelink a:hover{
 text-shadow:1px  1px  0px  #4b7173;
 color: #ededed;
}

#pun-ulinks a {
  color: #527274;
  font-weight: bold;
}

#pun-ulinks a:hover, #pun-ulinks a:focus, #pun-ulinks a:active{
  color: #888d96;
}

.punbb .post-links a, .punbb .post h3 a {
color: #666666;
}

.punbb .post-links a:hover, .punbb .post h3 a:hover{
color: #969696;
}
/* CS4 Post status icons
 -------------------------------------------------------------*/

Div.icon {background-image : url(http://funkyimg.com/i/2dSso.jpg); background-repeat: no-repeat; }
TR.inew Div.icon {background-image : url(http://funkyimg.com/i/2dSsn.gif); background-repeat: no-repeat;}
TR.isticky Div.icon {background-image : url(http://funkyimg.com/i/2dSt7.jpg); background-repeat: no-repeat;}
TR.iclosed Div.icon {background-image : url(http://funkyimg.com/i/2dSt6.jpg); background-repeat: no-repeat;}
TR.iredirect Div.icon {background-image : url(http://funkyimg.com/i/2dStg.jpg); background-repeat: no-repeat;}

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



/* CS5 OTHER
 -------------------------------------------------------------*/
 .closedatafield, #pun-title .title-logo span, .pa-gifts, .lastedit, .mini_awards_label, .pa-online  {
  display: none;
}

#pun-stats ul.container {
  background: transparent url(http://funkyimg.com/i/2dStP.jpg) no-repeat 5px 14px;
  padding-left:72px;
  margin-top: -10px;
  padding-bottom:0px;}

#pun-reputation div.inner, #pun-report div.inner, #pun-popup_awards div.inner {
padding: 3px; 
background: #393939 url("http://funkyimg.com/i/2dVNz.jpg") !important;
text-shadow:1px  1px  0px  #1a1a1a;
color: #a2a2a2;
border: 1px solid #888888;
box-shadow: 0px 0px 0px 1px #353535; 
}

#pun-reputation h1, #pun-report h1, #pun-popup_awards h1 {
background: #393939 url("http://funkyimg.com/i/2dVNz.jpg")!important;
color: #a2a2a2 !important;
text-shadow: none !important;
width: auto !important; 
height: 10px !important; margin: auto !important;}


hr {
border: none;
height: 4px;
background: url("http://funkyimg.com/i/2dVPJ.jpg") repeat-x  top center;}

.punbb th {
 background: transparent url(http://funkyimg.com/i/2dVLz.png);
 border: none !important;
 color: #787878;
 text-transform: uppercase;
 font-size: 9px !important;
 font-family: 'verdana';
}

#pun {
  background: url("http://funkyimg.com/i/2dRrB.jpg") repeat-y scroll top center; 
  }

#pun-title.section {
  background: transparent url("http://funkyimg.com/i/2dWfT.jpg") top center scroll no-repeat; 
  height:557px;
  width : 1100px; 
  margin-top:0px;
  margin-left: -85px;}

#pun-redirect { 
background:  url("http://funkyimg.com/i/2dVYD.gif") no-repeat top center,
#d4d4d4 url("http://funkyimg.com/i/2dRsm.jpg") ;
position: fixed;
text-align: left;
font-size:10px;
  }

#pun-redirect div.info {
width: 250px;
text-align: left;
font-family: 'Visitor_rus', verdana;
margin:auto 47%;
color: #474747 !important;
text-shadow: 1px 1px 0px #cacaca;
}

#pun-redirect div.info a, #pun-redirect div.info a:hover {
color: #2c2c2c !important;
}

 #pun-maint {
margin: 0px 20% 12px 20%;
}

#pun-redirect .main-title {
  margin-bottom:10px !important;
  }

.punbb .post-sig dt { 
  height: 4px;
border-top: 1px solid #a9a9a9;
box-shadow: 0px -1px 0px 0px #fbfbfb;
  }

.punbb .post-sig dd {  
color: #8f8f8f;
}

#form-buttons {
margin: 2px 2px 2px 10px;
padding: 2px 2px 2px 10px;
}

#copyright {
text-align: center;
 background-image: url("http://funkyimg.com/i/2dW5U.jpg");
 background-attachment: scroll;
 background-position: center; 
 font-size:10px !important;
 width: 950px; 
 height: 101px;
 margin-left:-11px;
}

#author {
position: absolute;
display: block;
margin-top: 33px;
left: 739px;
width: 73px;
height: 26px;
}

#html-footer {
margin:0px 0 -3px 0;
text-align: center; }

#profile .container #profilenav h2   {
text-align : left;
color: #474747;
text-shadow: none;}

#pun-status .container .item3{
margin-top: 1em;
}

/*CS6 ADDITIONAL
 ---------------------------------*/

#info {
width: 980px; 
height: 240px;
background: url(http://funkyimg.com/i/2dTLQ.jpg) no-repeat top center;
color: #a2a2a2; 
margin-left: -37px;
text-shadow:1px  1px  0px  #1a1a1a;
}

.txt {
height: 190px;
position: absolute;
padding: 3px;
margin-top: 23px !important;
text-align: justify;
z-index: 1;
}

.txt b, .txt strong {
color: #809196; 
}

/*.txt a img {
-webkit-filter: contrast(60%); 
filter: contrast(60%); }

.txt  a:hover img {
-webkit-filter: contrast(100%); 
filter: contrast(100%); }*/

#links {
position: absolute;
top: 5px;
left: -40px;
height: 20px;
width: 1020px;
text-align:center;
}

#navi a{
font-family: verdana;
height: 12px;
font-size: 10px;
text-align: center;
padding: 5px;
color: #b5d5d2;
 text-shadow: 1px 1px 0px #5d7a77;
text-transform: uppercase;
font-weight: bold;
}

#navi a:hover{
color: #e3f0ef;
text-shadow: 1px 1px 0px #5d7a77;
}


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

.description:hover span{
position: absolute;
top: 125px; 
left: 9px; 
z-index: 20;
width:160px;
margin-left: 0px;
background: #393939 url("http://funkyimg.com/i/2dVNz.jpg") ;
text-shadow:1px  1px  0px  #1a1a1a;
color: #a2a2a2;
border: 1px solid #888888;
box-shadow: 0px 0px 0px 1px #353535;
font-size: 10px;
font-family: verdana;
text-align: justify;
padding: 5px;
}

b, strong, .description b,.description strong {
color: #366b6f;
}

.notify-message {
background: url("http://funkyimg.com/i/2dTQy.jpg") !important; 
color: #606060 !important; 
opacity: 1 !important; 
box-shadow: 0px 0px 0px 1px #c2c2c2 !important;
border: 1px solid #e3e3e3 !important;
text-shadow: 1px 1px 0px #f9f9f9 !important;
}

.notify-message .jGrowl-message a, .notify-message .jGrowl-message a:hover, .notify-message .jGrowl-message span {
color: #606060 !important;
}

.jGrowl-date{
border-top: 1px dashed #606060 !important;
}

.jg-mention {border-left: 12px solid #545454 !important ;}
.jg-message {border-left: 12px solid #5f9aa0 !important;}

#news {
width:165px;
height: 184px;
position: absolute;
display: block;
top: 100px;
left: 20px;
z-index: 0 !important;
padding: 5px;
overflow: auto;
text-align: justify;
color: #8b8b8b;
}

#news b, #news a{
color: #85aba8;
}

#news::-webkit-scrollbar{
width: 5px;
height: 5px;
background: transparent;}

#news::-webkit-scrollbar-thumb{
background-color: #4e4e4e; }

/* Kantai Collection FRPG
бернкастель
http://bbernkastel.tumblr.com
-------------------------------------------------------------*/