/* CS1 Background and text colours
-------------------------------------------------------------*/
  #pun {
    width: 850px;
    margin: 0 auto;
    }

    html {
    background: #000000 url(///) repeat fixed !important;
    }

    body {
    background: transparent url(http://savepic.net/3293036.png) no-repeat top center !important;
    padding-top: 311px !important;
    }

/* 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: none;
  color: #000000;

 }

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

  }

/* CS1.3 */
.punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
background: url("...") center no-repeat;
color: transparent;
font-weight: normal;
font-style: normal;
text-align: center;
height: 15px;
line-height: 70px;
font-size: 1px; 
font-family: Times New Roman;

}

/* CS1.4 */
#pun-title, #pun-title .container, .punbb .modmenu .container {
  background-color: none;
  color: #000000;
  }
#pun-title table {background: url(/) no-repeat;
}
#pun-title .title-logo span {display: none;}

/* CS1.5 */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
  background-color: none;
  color: #000000;

  }

/* CS1.6 */
.punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl {
  background-color: none;
  color: #000000;
text-align: center;

  }

/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
  background:url("http://savepic.net/3280191.png");
  color: #000000;
  }

/* CS1.8 */
#pun-navlinks .container {
  background-color: none;
  color: #000000;
  }

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

.punbb textarea, .punbb select, .punbb input {
  background-color: transparent; 
  color: #000000;
border: #55412b 1px solid;
-webkit-border-radius: 15px;
border-radius: 15px; 
}

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

/* CS2.1 */
.punbb .container, .punbb .post-body, .post h3, #pun-title {
  border-color: transparent transparent transparent 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;
  }

/* CS2.6 */
.punbb .quote-box, .punbb .code-box {
  border-color: transparent transparent transparent 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 transparent transparent transparent; 
  }

.punbb .formal fieldset .post-box, .punbb .info-box {
  border: 0px solid transparent;
  }

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 {
  color: #4b2c15;
    font-weight: none;
  border-bottom: 0px none #000;
  text-decoration: none;
text-shadow: none;
font-family: Times New Roman;
font-size: 14px; 
  }

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

/* 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: #000000;
  text-decoration: none;
  border-bottom: 0px none #000;
font-family: Times New Roman;
font-size: 14px; 
  }

/* CS3.3 */
#pun-navlinks a {
  color: #4b2c15;
     font-weight: none;
  border-bottom: 0px none #000;
  text-decoration: none;
font-family: Times New Roman;
font-size: 14px; 
  }

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #000000;
   font-weight: normal;
text-decoration: none;
  border-bottom: 0px none #000;
font-family: Times New Roman;
font-size: 17px; 
  }

#pun-pagelinks a:active, #pun-pagelinks a:focus {
  background-color: #333;
  color: #fff;
  }

/* CS4 Post status icons
 -------------------------------------------------------------*/
div.icon {
        background: url(http://savepic.net/3296538.png) no-repeat center;
}
tr.inew div.icon {
        background: url(http://savepic.net/3306778.png) no-repeat center;
}
tr.isticky div.icon {
        background: url(http://savepic.net/3306778.png) no-repeat center;
}
tr.iclosed div.icon {
        background: url(http://savepic.net/3296538.png) no-repeat center;
}
tr.iredirect div.icon {
        background: url(http://savepic.net/3296538.png) no-repeat center;
}

.punbb .post-sig dt {
  border-top-color: #6b4415 !important;
  }

.punbb .post .post-author {
width: 200px;
margin-left: 0px;
padding-top:4px;
border-width: 0px; border: 0px solid #6b4d25; 
text-align: center;
border-radius:10px; -webkit-border-radius:10px; -khtml-border-radius:10px; -moz-border-radius:10px;
}



#pun-stats h2 {
background: url("http://savepic.net/3284287.png") center no-repeat;
color: transparent;
font-weight: normal;
font-style: normal;
text-align: center;
height: 73px;


}[/code]
[/spoiler]

[spoiler="хтмлверх"][code]<!-- JampPanel-->
<style>
#JampPanel:hover{
margin-right:-20px;
}
#JampPanel,#JampPanel .container{
border-radius:10px;
-webkit-border-radius:10px;
-khtml-border-radius:10px;
-moz-border-radius:10px;
-o-border-radius:10px;
border:0px solid #e9b762;
background: url("http://savepic.net/3305834.png")repeat;
box-shadow: 0px 5px 5px #626262;
-webkit-box-shadow:0px 5px 5px #626262;
-khtml-box-shadow:0px 5px 5px #626262;
-moz-box-shadow:0px 5px 5px #626262;
}
#JampPanel {opacity:0.86;
position:fixed;z-index:1200;
height:200px;top:8px;right:0;margin-right:-242px;
background: #e9b762 url(http://savepic.net/3340653.png) 4px 2px no-repeat;
border:0px solid #8a7b5a;
   transition-duration: 0.33s;
  -webkit-transition-duration: 0.33s;
  -moz-transition-duration: 0.33s;
  -o-transition-duration: 0.33s;
width:270px;
}
#JampPanel .container{
padding:12px;
height:200px;
width:65%;margin:-1px 0 0 30px;
}
#Zaslonyalka{ /*прикрывает область тени на стыке уха с container*/
position:absolute;
height:200px;width:14px;
background: url("http://savepic.net/3305834.png")repeat;
margin:-12px 0 0 -18px;
}
</style>
<div id=JampPanel>
  <div class=container>
    <div id=Zaslonyalka></div>
<center>текст текст</center>
  </div>
</div>
<!--End//JampPanel-->

<style>	
#menu {
margin-top: -5px;
width: 180px;
height: 235px;
background-repeat : no-repeat;}

#menu span {
text-align:left;
display:block;
color:#000000;
margin: 7px 0;
padding: 11px;
}
#submenu, #menu span {
    border-radius:5px;
    -webkit-border-radius:5px;
    -khtml-border-radius:5px;
    -moz-border-radius:5px;
    -o-border-radius:5px;
background: transparent;
}

#menu .tabactive {
color: #000000;
    background: transparent;
}

#submenu {
padding: 3px;
height: 235px;
text-align: center;
font-size: 12px;
width: 540px;
}

.submenutext {
display: none; 
height: 40px;
}
</style>[/code]
[/spoiler]
[spoiler="хтмлниз"][code]<div align="right">By Amelia Brien</align>
<script type="text/javascript"><!--Своя картинка в каждую категорию -->
$(document).ready(function(){
myarray=new Array(
"Начало", "http://savepic.net/3313518.png",
"Территории Солнечных котов", "http://savepic.net/3302254.png",
"Территории Ночных котов", "http://savepic.net/3292014.png",
"Территории Своры", "http://savepic.net/3338081.png",
"Территории Города", "http://savepic.net/3329889.png",
"Офф топик", "http://savepic.net/3318625.png",
"Реклама", "http://savepic.net/3314529.png",
"Архив", "http://savepic.net/3296575.png" //Последний элемент без запятой! 
)
        $("#pun-index div.category h2,#pun-index #pun-stats h2").each(function (i) {
for(q=0;q<myarray.length;q++){
var cssObj = {
  "height":"73px",
  "background-color": "transparent",
  "background-image":"url("+myarray[q+1]+")",
  "background-position":"50% 50%",
  "background-repeat":"no-repeat" //Последний элемент без запятой!
}
        if($(this).children("span").text()==myarray[q])$(this).css(cssObj);
        q++}
    });
});
</script>
<script type="text/javascript">
$(document).ready(function() {
$("td.#MenuTxT div.submenutext").hide();
<!--$(".tabs span:first").addClass("active").show(); -->
$("td.#MenuTxT div.submenutext:first").show();
$("div.#menu span").click(function() {
    $("div.#menu span").removeClass("tabactive");
    $(this).addClass("tabactive");
    $("td.#MenuTxT div.submenutext").hide();
    var activeDiv = $(this).attr("alt");
    $("div."+activeDiv).fadeIn();
    return false; });
});