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

.pa-title{font-family: 'Comic Sans Ms'; font-size: 16px; margin-top:1px; }


html, body {
background-color: #ab8d37;
background-image: url("http://funkyimg.com/i/22KWx.png"); background-attachment: fixed;} 
#pun {background-image: url("http://funkyimg.com/i/22KWy.png");}#pun-title.section #title-logo-table tbody #title-logo-tr #title-logo-tdl.title-logo-tdl .title-logo {display: none; }



.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer, #pun-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;
color: #000000;}

#pun-stats h2,.punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2, #pun-stats .statscon, li#onlinelist, li#onlinelist div {
background-color: transparent;
color: #000000;
font-weight: normal;
font-style: normal;}

.punbb .quote-box, .punbb .code-box {
background-color: transparent;
color: #000000;}

#pun-navlinks .container, #pun-ulinks .container {
background-color: transparent;
color: #000000;
text-align: center;}

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

.punbb textarea, .punbb select, .punbb input {
background-color: transparent;
color: #000000;
}


/* CS2 Border colours
-------------------------------------------------------------*/
.punbb .container, .punbb .post-body, .post h3, #pun-title {border-color: transparent;}

.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
border-color: transparent;}

#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
border-color: transparent;}

#pun-stats h2 .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin{
color: transparent;}

.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;}

.punbb th {
border-color: transparent;}

.punbb .quote-box, .punbb .code-box {
border-color: #379aed;}

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

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

.punbb .post-sig dt {
border-top-color: transparent !important;}


/* 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, .punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: #242a44; text-shadow: 1px 1px 1px #dbca95;
  text-decoration: none;}

/* 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 {uppercase; transition: all 0.4s ease-out;
-o-transition-transition: all 0.4s ease-out; 
-webkit-transition: all 0.4s ease-out; 
-moz-transition: all 0.4s ease-out;
  color: #a08331; text-shadow: 1px 1px 1px #ead0c1;
  text-decoration: none; }

/* CS3.3 */
#pun-navlinks a {
  color: #bb8902; text-shadow: 0px 0px 1px #2e1b11;
  text-decoration: none;}

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {uppercase; transition: all 0.4s ease-out;
-o-transition-transition: all 0.4s ease-out; 
-webkit-transition: all 0.4s ease-out; 
-moz-transition: all 0.4s ease-out;
  color: #ffdf45; text-shadow: 0px 0px 1px #2e1b11;
  text-decoration: none; }


/* CS4 Something parts
-------------------------------------------------------------*/
div.icon {
        background: url(http://funkyimg.com/i/224Qf.png) no-repeat;
}

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

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

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

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





/*попа форума */
#pun-about p.container {
   background-color: transparent;
   background-image : url("http://funkyimg.com/i/22KZp.png"); 
   background-position : center top; 
   background-repeat : no-repeat; 
   height: 200px; 
   width: 2083px;
margin-left: -631px;
  margin-bottom: -20px;

   font-size: 0.0em;}



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


.punbb .post .post-author > ul {
   margin: 5px 0 0px 0!important;
  padding:- 0px - 0px!important;
}


#pun-category1.category h2 {
background-attachment: scroll;
background-clip: border-box;
height: 150px;
width: 716px;
margin-left: 135px;
background-color: transparent;
background-image: url("http://funkyimg.com/i/22bpH.png");
background-origin: padding-box;
background-position: 50% 0%;
background-repeat: no-repeat;
background-size: auto;
margin-left: 135px;
font-size: 0px;}

#pun-category2.category h2 {
background-attachment: scroll;
background-clip: border-box;
height: 150px;
width: 716px;
margin-left: 135px;
background-color: transparent;
background-image: url("http://funkyimg.com/i/22bpK.png");
background-origin: padding-box;
background-position: 50% 0%;
background-repeat: no-repeat;
background-size: auto;
margin-left: 135px;
font-size: 0px;}

#pun-category3.category h2 {
background-attachment: scroll;
background-clip: border-box;
height: 150px;
width: 716px;
margin-left: 135px;
background-color: transparent;
background-image: url("http://funkyimg.com/i/22bpL.png");
background-origin: padding-box;
background-position: 50% 0%;
background-repeat: no-repeat;
background-size: auto;
margin-left: 135px;
font-size: 0px;}

#pun-category4.category h2 {
background-attachment: scroll;
background-clip: border-box;
height: 150px;
width: 716px;
margin-left: 135px;
background-color: transparent;
background-image: url("http://funkyimg.com/i/22bsF.png");
background-origin: padding-box;
background-position: 50% 0%;
background-repeat: no-repeat;
background-size: auto;
margin-left: 135px;
font-size: 0px;}

#pun-category5.category h2 {
background-attachment: scroll;
background-clip: border-box;
height: 150px;
width: 716px;
margin-left: 135px;
background-color: transparent;
background-image: url("http://funkyimg.com/i/22bsG.png");
background-origin: padding-box;
background-position: 50% 0%;
background-repeat: no-repeat;
background-size: auto;
margin-left: 135px;
font-size: 0px;}

#pun-category6.category h2 {
background-attachment: scroll;
background-clip: border-box;
height: 150px;
width: 716px;
margin-left: 135px;
background-color: transparent;
background-image: url("http://funkyimg.com/i/22bsH.png");
background-origin: padding-box;
background-position: 50% 0%;
background-repeat: no-repeat;
background-size: auto;
margin-left: 135px;
font-size: 0px;}

#pun-category7.category h2 {
background-attachment: scroll;
background-clip: border-box;
height: 150px;
width: 716px;
margin-left: 135px;
background-color: transparent;
background-image: url("http://funkyimg.com/i/22btS.png");
background-origin: padding-box;
background-position: 50% 0%;
background-repeat: no-repeat;
background-size: auto;
margin-left: 135px;
font-size: 0px;}

#pun-announcement h2 {display: none;}





::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
::-webkit-scrollbar-track {
background: #272f6a;
}
::-webkit-scrollbar-thumb {
    background: #b78001;
}



/* рамка аватара */
li.pa-avatar img {
border-style: solid;
border-width: 2px;
border-color: #272f6a;
}



/* I6 ПРОФИЛЬ
-------------------------------------------------------------*/

/* I6.1 лз */
.lz {
  width: 217px !important;
  margin-left: 15px !important;
  margin-top: 27px !important;
  background: url() 0px top no-repeat,
  url() 1px bottom no-repeat,
  url() 0px repeat-y;
  padding: 0px 0px 5px 0px;
}

.lz1 {
  text-align: center;
  width: 190px;
  padding: 5px;
background: #f5dcc2; 
box-shadow: 0 0 6px rgba(0, 0, 0, 0.2) inset;
 border: 2px  double #d64f0f;
 border-radius:15px;
  text-shadow: 1px 0px 0px rgba(255, 255, 255, 0.5);
  margin-left: 10px !important;
}
 



/* I6.4 онлайн */
.pa-online {
  font-family: Alexander;
  font-size: 13px;
  color: #381a08;
 text-transform: lowercase;
text-shadow: 1px 0px 1px rgb(255,255,255);


}


.image.UP,
.image.Down {
   border:2px solid transparent;
   margin:0;
   padding:0;
}
.image.UP{
opacity:1.0;
   display:block;
   position:absolute;z-index:100;
   transition-duration: 0.96s;
  -webkit-transition-duration: 0.96s;
  -moz-transition-duration: 0.96s;
  -o-transition-duration: 0.96s;
  -ms-transition-duration: 0.96s; /* IE9+ */
}
.image.UP:hover {
   opacity:0.00;
}
 
div.ImgWrap{
display:inline-block;
padding:0;margin:0;
background-position:center center;
background-repeat:no-repeat;
}


/* H5.4 амс */  
.tooltip {
 position: relative;
}
.tooltip span{
  visibility: hidden;
  position: absolute;
  top: -50px; left: -70px;
 background: #d7c58e; box-shadow: 0 0 11px #c4a958 inset;  border-width: 3px 0px 3px 0px;
border-color: #22295b;
border-style: solid;
  padding: 3px;
} 
.tooltip:hover span{
  visibility: visible;
}


.nav, .nav2 {font-family:Arial Narrow; font-size:8px; line-height:22px;letter-spacing:1pt; text-transform:uppercase}
.nav {background:#8d8a79; color:#444; width:80px; height:20px; text-align:center; display:block;position:relative; margin:10px 20px 10px 20px; opacity:1}
.nav2 {background:#bba25c; color:#444; width:80px; height:20px; text-align:center; display:block;position:relative; margin:10px 20px 10px 20px; opacity:1}


.nav3, .nav4 {font-family: verdana; font-size:7px; line-height:19px;letter-spacing:1pt; text-transform:uppercase}

.nav3 {background:#8d8a79; color:#444; width:80px; height:18px; text-align:center; display:block;position:relative; margin:12px 18px 10px 18px; opacity:1}

.nav4 {background:#bba25c; color:#444; width:80px; height:18px; text-align:center; display:block;position:relative; margin:12px 18px 10px 18px; opacity:1}