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


html, body {background-color: #37b3ff; 
background: url(http://funkyimg.com/i/WEvn.png) repeat-x, url(http://funkyimg.com/i/WEvo.png) 100%;}
#pun {background-image: url("http://funkyimg.com/i/WEvp.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 #dedfdf}

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: #2f4a0f; text-shadow: 1px 1px 1px #dbfcbd;
  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: #f49510; text-shadow: 1px 1px 1px #d0fea8;
  text-decoration: none; }

/* CS3.3 */
#pun-navlinks a {
  color: #2f4a0f; text-shadow: 1px 1px 1px #d0fea8;
  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: #f49510; text-shadow: 1px 1px 1px #fee9a8;
  text-decoration: none; }


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

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

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

tr.isticky div.icon {
        background: url(http://funkyimg.com/i/WEwc.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/WEvq.png"); 
   background-position : center top; 
   background-repeat : no-repeat; 
   height: 300px; 
   width: 1076px;
margin-left: -116px;
  margin-bottom: -20px;

   font-size: 0.0em;}







A.navi:link, A.navi:active, A.navi:visited {background:#eef5ce;font-family: small fonts;padding:5px;font-size: 7px;text-align:left;line-height: 7px;letter-spacing: 2px;color:#065b04;text-transform: uppercase;display:block;width:266px;margin:1px;font-style:normal;-moz-border-radius: 10px;
border-radius:7px; }

A.navi:hover {background-image:url('http://s45.radikal.ru/i109/1008/c9/99903e342ce1.jpg');font-family: small fonts;padding:5px;font-size: 7px;text-align:right;line-height: 7px;letter-spacing: 2px;color:#065b04;text-transform: uppercase;display:block;width:265px;margin:1px; text-decoration: none; font-style:normal;font-weight:normal; -moz-border-radius: 10px; border-radius:7px; }




/* CS5 Post categorys
-------------------------------------------------------------*/
#pun-category1.category h2 {
background: url(http://funkyimg.com/i/WEwQ.png);
height: 271px;
width: 932px;
font-size:0 !important;
margin-left: -35px;}

#pun-category2.category h2 {
background: url(http://funkyimg.com/i/WEwR.png);
height: 271px;
width: 932px;
font-size:0 !important;
margin-left: -35px;
}

#pun-category3.category h2 {
background: url(http://funkyimg.com/i/WEwS.png);
height: 271px;
width: 932px;
font-size:0 !important;
margin-left: -35px;
}

#pun-category4.category h2 {
background: url(http://funkyimg.com/i/WEwT.png);
height: 271px;
width: 932px;
font-size:0 !important;
margin-left: -35px;
}

#pun-category5.category h2 {
background: url(http://funkyimg.com/i/WEwU.png);
height: 271px;
width: 932px;
font-size:0 !important;
margin-left: -35px;
}

#pun-category6.category h2 {
background: url(http://funkyimg.com/i/WEwV.png);
height: 271px;
width: 932px;
font-size:0 !important;
margin-left: -35px;
}

/* Закругленные края цитаты и кода с тенью */
.punbb .quote-box, .punbb .code-box, .punbb textarea, .punbb select  { 
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
border-top-left-radius: 15px;
border-top-right-radius: 15px;}

.punbb input { border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;}

/* CS5.4 Область для ввода текста в форме ответа и админке */
.punbb textarea, .punbb select, .punbb input {
background-color: #fef5d5;
color: #000000}


/* CS5.2 Статус картинки с надписью "статистика" над статистикой форума*/
#pun-stats.section h2 { 
background-attachment: scroll;
background-clip: border-box;
height: 271px;
width: 932px;
font-size:0 !important;
margin-left: -35px;
background-color: transparent;
background-image: url("http://funkyimg.com/i/WEwW.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;
}


#forumlinks { line-height: 9px; margin-top: 11px; }
#forumlinks a:link, #forumlinks a:visited, #forumlinks a:active {background: #748e35; color: #fff; display: inline; font: 7px arial; letter-spacing: 1px; line-height: 7px; padding: 5px; text-decoration: none; text-transform: uppercase; -moz-transition-duration: 1s; -o-transition-duration: 1s; transition-duration: 1s; -webkit-transition-duration: 1s; text-shadow: #f0d77b 1px 1px 1px; -moz-border-radius: 10px;
border-radius:7px;}
#forumlinks a:hover { background: #4b6115; color: #fff; }</style>

#pun-announcement h2 {display: none;}



.tip { 
background-color: white !important;
color: black;
display: none;
padding: 10px;
position: absolute;
z-index: 1000;
width: 200px;
font-size: 12px;
white-space: normal;
text-align: center;
}





/* CS1.10 Профиль*/
.pa-respect {content: ".";
box-shadow: inset 0 0 10px 5px #f6edd1;
padding-top: 0px 0px; text-shadow: #f0d77b 1px 1px 1px; width: 80px; height: 30px;
display: inline-block; margin-left: 0px; 
border: 3px  double #f6e9d6;
 text-align: center; font-family: 'Attentica'; font-size: 16px;
background: #fef2cf;
padding: 11px 0px;
-webkit-border-radius: 15px;
border-radius: 15px;
 line-height: 25px; margin-left: 5px;
}

.pa-posts { margin-left: 30px; content: ".";
box-shadow: inset 0 0 10px 5px #f6edd1;
 text-shadow: #f0d77b 1px 1px 1px;
border: 3px  double #f6e9d6;
padding: 11px;
    display: inline-block;
    text-align: center; font-family: 'Attentica'; font-size: 16px; 
width: 80px; height: 30px;
background: #fef2cf;
padding: 11px 0px;
-webkit-border-radius: 15px;
border-radius: 15px;
 line-height: 25px; margin-left: 5px;
}


::-webkit-scrollbar {
    width: 7px;
    height: 7px;
}
::-webkit-scrollbar-track {
background: #fef5d6;
}
::-webkit-scrollbar-thumb {
    background: #f1c52d;
}


.skywalker {width:605px;min-height:320px;margin-top:-1.5em;overflow:hidden;margin-left:-31px;background: url(http://funkyimg.com/i/WZDt.png) 0 bottom no-repeat,url(http://funkyimg.com/i/WZDr.png) 0 top no-repeat,url(http://funkyimg.com/i/WZDs.png) 0 top repeat-y;}

.sw {text-align:justify; padding-top:10px; color:#4c4138; width:485px; padding-left: 57px; padding-bottom:10px; font-family:arial; letter-spacing:1px;}
.swbox {text-align:justify; color:#4c4138; width:485px; padding-left: 57px; padding-bottom:10px; font-family:arial; letter-spacing:1px;}


.js {width:505px; padding-left:27px; padding-top:27px; text-align:center; text-transform:lowercase; font-size:9px; color:#4c4138; font-family:arial; letter-spacing:1px; margin-top:-30px;}

.faqimg {   width: 100px;  height: 100px;  border-radius: 50%;-moz-border-radius: 150px;  background-size: 100px 100px;  border: solid 5px #fff;  margin: 0px;  box-shadow: 0px 0px 1px #999;  top: -25px;}

.temablok1 {padding: 20px; padding-left:27px; background: #f1c52d; width: 180px; height: 120px; -moz-border-radius: 30px; -webkit-border-radius: 30px; shadow: inset 0 0 15px 15px #e5d3c4; overflow: auto;
}
.temablok2 {overflow: auto; height: 180px;
}


.pushprof { width: 170px; font-size: 8px; font-family: arial; color: #000; margin-left: 15px; font-family:Tahoma; text-align: justify; background: #fef2cf; box-shadow: inset 0 0 10px 5px #f6edd1; padding: 7px; letter-spacing: 1px; line-height: 10px;
border-top: 3px  double #f6e9d6;
border-bottom: 3px  double #f6e9d6;
border-right: 3px  double #f6e9d6;
border-left: 3px  double #f6e9d6;
-webkit-border-radius: 15px;
border-radius: 15px;
}

.timbertbs { width: 170px; padding: 10px; position: relative; background-color: #fde38d; color: #000; font-size:9px; font-family: arial; line-height: 100%; text-align: justify; margin-left: 60px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; z-index: 1; shadow: inset 0 0 10px 5px #e5d3c4; } 

.timbertbs:before { content: ""; position: absolute; bottom: 1px; right: -20px; width: 10px; height: 40px; border-color: #fde38d; border-style: solid; border-width: 0px 10px; clip: rect(21px, 15px, 40px, 0px); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; z-index: 1}




/* MINI PROFILE CODE BY JAZMINE AT SHINE */
.pushprof > table {margin-left: -10px; margin-top: -10px;}
.btwboxss {  width: 75px; padding: 5px; background-color: #fde38d; font-family:Tahoma;font-size: 9px;  font-weight: 100; letter-spacing: 5px; color: #888; text-align: center; padding:4px 4px;  letter-spacing: 2px;}


/* рамка аватара */
li.pa-avatar img {
border-style: solid;
border-width: 2px;
border-color: #f1c52d;
max-width: 180px !important;
max-height: 180px !important;
}





<!-- Cлайдер-->
<style type="text/css">
#slideshow {
margin:0 auto;
width:640px;
height:410px;
background:transparent url(http://uploads.ru/i/H/l/O/HlOZA.jpg) no-repeat 0 0;
position:relative;
}
#slideshow #slidesContainer {
  margin:0 auto;
  width:560px;
  height:410px;
  overflow:auto; /* поддержка прокрутки */
  position:relative;
}
#slideshow #slidesContainer .slide {
  margin:0 auto;
  width:540px; /* На двадцать пикселев меньше чем ширина #slidesContainer */
  height:410px;
}
.control {
  display:block;
  width:39px;
  height:410px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
  z-index:100;
}
#leftControl {
  top:0;
  left:0;
  background:transparent url(http://funkyimg.com/i/Xe1G.png) no-repeat 0 0;
}
#rightControl {
  top:0;
  right:0;
  background:transparent url(http://funkyimg.com/i/Xe1H.png) no-repeat 0 0;
}
.slide h2, .slide p {
  margin:15px;
}
.slide img {
  float:right;
  margin:0 15px;
}
</style>