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

img.post-img-Sp {
margin-top: 7px;
text-align: center;
margin-left:0px !important;
}


.forumDescription {
height: 65px !important;
margin-bottom: 10px !important;
}

.punbb .main table {
margin-top: -15px;
}

#pun-delete .post-content, #pun-edit .post-content {
width: 800px;
}

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

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

::-webkit-scrollbar-thumb{
background-color: #2d3d4d; }

::-webkit-scrollbar-thumb:hover{
background-color: #202c38; }

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


/* 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: 14px;
 text-align: center;
 font-family: 'Arial Black', Verdana; 
 text-shadow:1px  1px  0px  #49201f;
 color: #f0f0f0;
 font-weight: bold;
 text-transform: uppercase;
 height: 31px;
 background: url("http://funkyimg.com/i/2efK2.jpg") no-repeat scroll center; 
 width: 900px;
 margin-left: -20px;
  }

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

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

#pun-adnav div#adnav-standard{

  background: transparent url(http://funkyimg.com/i/2dVLz.png);
  color: #323232;
  box-shadow: 0px 0px 0px 1px  #c4c4c4;
  border: 1px solid #f5f5f5 !important;
  padding: 3px;
}


/* CS1.7 */
.punbb .quote-box cite, .punbb .code-box strong.legend, .punbb .spoiler-box div, .punbb .code-box strong.legend a, .punbb .spoiler-box div a  {
color: #f1f1f1;
font-weight: bold;
text-shadow:1px  1px  0px  #454545;
  }

.punbb .code-box strong.legend a:hover, .punbb .spoiler-box div a:hover  {
color: #fff;
font-weight: bold;
text-shadow:1px  1px  0px  #454545;
  }


.punbb .quote-box, .punbb .code-box, .punbb .spoiler-box {
background: url("http://funkyimg.com/i/2egji.jpg") no-repeat top left,
url(http://funkyimg.com/i/2efKu.png);
padding: 3px 10px 5px 10px;
text-shadow:1px  1px  0px  #ebebeb;
}

.punbb .code-box {
background: url("http://funkyimg.com/i/2egjo.jpg") no-repeat top left,
url(http://funkyimg.com/i/2efKu.png);
}

.punbb .spoiler-box {
background: url("http://funkyimg.com/i/2egkw.jpg") no-repeat top left,
url(http://funkyimg.com/i/2efKu.png);
}

.punbb .quote-box a:link, .punbb .spoiler-box a:link {
color: #7f2e2c;
text-shadow:1px  1px  0px  #ebebeb;
}

.punbb .quote-box a:hover, .punbb .spoiler-box a:hover {
color: #4a657e;
}


/* 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: #323232;
box-shadow: 0px 0px 0px 1px  #c4c4c4;
border: 1px solid #f5f5f5 !important;
width: 99% !important;
}

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

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

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

.pa-fld1, .pa-fld2, .pa-fld3 {
text-align: justify;
}

.pa-author a, .pa-author,.pa-author a, .pa-author strong {
text-align: center;
margin-top: -2px !important;
color: #f1f1f1 !important;
text-shadow: 1px -1px 0px #2d3948 !important;
font-family: verdana;
text-transform: uppercase;
font-size: 10px;
}

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

.pa-author a:hover {
color: #1f2831 !important;
text-shadow: 1px -1px 0px #6a7888 !important; } 

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

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

.pa-title{
font-family: verdana;
text-align: center;
color: #7c4644;
text-shadow: 1px 1px 0px #d4d4d4;
}

.punbb select {
padding: 3px; 
box-shadow: 0px 0px 0px 1px  #c4c4c4;
border: 1px solid #f5f5f5 !important;
background: url("http://funkyimg.com/i/2egxE.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: #323232;
}


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

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

.punbb input{
padding: 3px; 
box-shadow: 0px 0px 0px 1px  #c4c4c4;
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/2efKu.png);
color: #854442;
box-shadow: 0px 0px 0px 1px  #854442;
border: 1px solid #f5f5f5 !important;
}

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

.topic a.sharelink {
display: none;
}


.punbb .post h3 strong {
float: left !important;
width: auto !important;
text-align: left !important;
text-shadow:1px  1px  0px  #283644;
color: #d5d5d5 !important; 
}

.punbb .post h3  span {
background: transparent url(http://funkyimg.com/i/2egfs.jpg) no-repeat top left ;
font-size: 10px ;
font-family: verdana;
margin-left: 220px !important;
text-transform: uppercase;
color: #d5d5d5; 
text-shadow:1px  1px  0px  #283644;
}

.punbb .post h3 a {
color: #ffffff !important; 
text-shadow:1px  1px  0px  #283644;
}

.punbb .post h3 a:hover {
color: #1c252e!important; 
text-shadow:1px  1px  0px  #7d8e9f;
}

.post h3 strong:before {
content: "сообщение #";
text-align: center;
color: #d5d5d5; 
text-shadow:1px  1px  0px  #283644;
}

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

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

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

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

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

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

#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 */
#pun-index .tcl h3 a {
text-transform: uppercase;
color: #ededed;
text-shadow: 1px 1px 0px #4d5b68;
}

#pun-index .tcl h3 a:hover {
color: #b0c1d1;
}

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

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

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

/* CS3.3 */
#pun-navlinks a {
color: #000000;
text-decoration: none;
text-shadow: 1px 1px 0px #323c4c;
  }

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

#pun-pagelinks a:active, #pun-pagelinks a:focus {
 text-shadow:1px  1px  0px  #502322;
 color: #ececec;
  }

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

#pun-ulinks a {
  color: #7f909f;
  font-weight: bold;
 text-shadow: 1px 1px 0px #1b2532;
}

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

.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/2efLW.png); background-repeat: no-repeat; }
TR.inew Div.icon {background-image : url(http://funkyimg.com/i/2efMn.png); background-repeat: no-repeat;}
TR.isticky Div.icon {background-image : url(http://funkyimg.com/i/2efMz.png); background-repeat: no-repeat;}
TR.iclosed Div.icon {background-image : url(http://funkyimg.com/i/2efMy.png); background-repeat: no-repeat;}
TR.iredirect Div.icon {background-image : url(http://funkyimg.com/i/2efMA.png); background-repeat: no-repeat;}

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

#pun-index .icon {
position: absolute;
margin-top: 103px !important;
}

/* 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/2efMC.png) no-repeat 5px 8px;
  padding-left: 50px;
  margin-top: -10px;
  padding-bottom:0px;}

#pun-reputation div.inner, #pun-report div.inner, #pun-popup_awards div.inner {
padding: 3px; 
background: url("http://funkyimg.com/i/2egzs.jpg") !important;
color: #323232;
border-top: 5px solid #8b504e;
border-bottom: 5px solid #687d90;
}

#pun-reputation h1, #pun-report h1, #pun-popup_awards h1 {
background: url("http://funkyimg.com/i/2egzs.jpg") !important;
color: #323232!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/2egP8.jpg")no-repeat top center;}

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

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

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


#pun-redirect { 
background:  url("http://funkyimg.com/i/2egFU.jpg") no-repeat top center,
#4f5762 url("http://funkyimg.com/i/2ef2J.jpg") ;
position: fixed;
text-align: center;
font-size:10px;
  }

#pun-redirect div.info {
text-align: center;
color: #323232!important;
}

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

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

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

.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/2egBA.jpg");
 background-attachment: scroll;
 background-position: center; 
 font-size:10px !important;
 width: 900px; 
 height: 200px;
 margin-left:-21px;
}

#author {
position: absolute;
display: block;
margin-top: 22px;
left: 655px;
width: 191px;
height: 12px;
}

#bottom88 {
position: relative;
top: 74px;
left: 46px;
padding: 5px;
width: 280px;
height: 55px;
text-align: center;
z-index: 20;
overflow: auto;
}

#bottom468 {
position: relative;
top: 10px;
left: 367px;
padding: 5px;
width: 480px;
height: 57px;
text-align: center;
z-index: 20;
overflow: auto;
}

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

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

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

.notify-message {
background: #283440 !important; 
color: #b1bbc4 !important; 
opacity: 1 !important; 
border: none !important;
text-shadow: 1px 1px 0px #1b242d !important;
}

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

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

.jg-mention {border-left: 12px solid #697c8d !important ;}
.jg-message {border-left: 12px solid #9b6a69 !important;}


#pun-index .category tr>.tc2,
#pun-index .category tr>.tc3,
#pun-index .category tr>.tcr,
#pun-index .category tr>th {
  display:none;
}

#pun-index .category tr { 
background: url(http://funkyimg.com/i/2efKS.jpg) top right no-repeat,
url(http://funkyimg.com/i/2efKu.png);
display: inline-block;
margin: 4px;
width: 418px;
}

#pun-index .category tr .bottom {
padding: 6px 40px 0px;
font-family: Verdana;
vertical-align: top;
margin-left: 0px;
}

/*CS6 ANNOUNCEMENT INFORMATION
 ----------------------------------------------------*/

#info {
width: 900px; 
height: 274px;
background: url(http://funkyimg.com/i/2egeY.jpg) no-repeat top center;
color: #d5d5d5; 
margin-left: -32px;
text-shadow:1px  1px  0px  #283644;
}

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

.txt b, .txt strong {
color: #1a232f; 
text-shadow:1px  1px  0px  #627385;
}

.txt a {
font-weight: bold;
color: #fff !important;
text-shadow:1px  1px  0px  #283644;
}

.txt a:hover {
color: #1a232f !important; 
text-shadow:1px  1px  0px  #627385;
}

.txt a img, #wanted a img, #tops a img, #rightBanner a img, #topBanners a img {
-webkit-filter: contrast(80%); 
filter: contrast(80%); }

.txt  a:hover img, #wanted a:hover img, #tops a:hover img, #rightBanner a:hover img, #topBanners a:hover img {
-webkit-filter: contrast(100%); 
filter: contrast(100%); }


.txt::-webkit-scrollbar
{
width: 3px;
height: 5px;
background-color: #415161;}


/*CS7 HEADER INFORMATION
 ----------------------------------------------------*/
#tops, #topBanners, #rightBanner{
position: absolute;
top: 392px;
left: 404px;
width: 275px;
height: 31px;
text-align: center;
z-index:20;
}

#topBanners {
left: -10px;
width: 370px;
text-align: center;
z-index: 10;
}

#rightBanner {
left: 770px;
width: 88px;
text-align: center;
z-index: 10;
}

#links {
position: absolute;
top: 65px;
left: 657px;
width: 200px;
text-align:center;
}

#navi a{
display: block;
font-family: verdana;
height: 12px;
font-size: 10px;
text-align: center;
padding: 4px;
color: #e2e2e2;
text-shadow: 1px 1px 0px #531010;
text-transform: uppercase;
font-weight: bold;
margin-bottom: 5px;
width: 188px;
background: url("http://funkyimg.com/i/2efuF.png") no-repeat top left;
}

#navi a:hover{
color: #f4f4f4;
text-shadow: 1px 1px 0px #531010;
padding-left: 10px;
}

#wanted {
position: absolute;
top: 215px;
left: 435px;
width: 215px;
height: 160px;
}

#character a{
display: block;
margin-bottom: 5px;
width: 195px;
height: 25px;
}

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

.description:hover span, .description2:hover span{
position: absolute;
top: -111px; 
left: 23px; 
z-index: 20;
width:188px;
height: 64px;
margin-left: 0px;
background: url("http://funkyimg.com/i/2efAM.jpg") ;
font-size: 10px;
font-family: verdana;
color: #4f4f4f;
text-shadow: 1px 1px 0px #bababa;
text-align: center;
padding: 10px 40px;
}

.description2:hover span {
top: -173px; 
left: -57px; 
}

b, strong, .description b,.description strong {
color: #862a28;
}

#admins {
width: 250px;
height: 45px;
position: absolute;
display: block;
top: 276px;
left: -65px;
z-index: 0;
text-align: right;
}

#moders {
width: 130px;
height: 40px;
position: absolute;
display: block;
top: 338px;
left: 15px;
z-index: 0;
}

#bestPost {
width: 258px;
height: 110px;
position: absolute;
display: block;
top: 48px;
left: 331px;
font-family: Verdana;
font-size: 10px;
z-index: 0;
text-align: left;
color: #cecece;
line-height: 10px;
text-shadow: 1px 1px 0px #4e1010;
}

#bestPost .iconUs {
display: block;
float: left;
width: 36px;
height: 36px;
margin: 0px 5px 0px 0px;
}

#bestPost b, #bestPost a {
color: #fff;
}

#welcomeMess{
width: 210px;
height: 80px;
position: absolute;
display: block;
top: 167px;
left: -10px;
z-index: 0;
text-align: center;
color: #4f4f4f;
text-shadow: 1px 1px 0px #bababa;
}

#welcomeMess b, #welcomeMess a, .description b, .description a, .description2 b, .description2 a{
color: #3b475b;
}

#pun-userlist .usertable table { 
margin-top: 20px; 
}

/* Era Of Balance
бернкастель
http://bbernkastel.tumblr.com
-------------------------------------------------------------*/