<style type="text/css"> 
#pun-title TABLE {
 background: url(Адрес картинки) ; height: 350px;
}
#pun-title h1, #pun{
        background: none
}

</style>

<style type="text/css">
.punbb td.tc3, #tieser-bottom.container, #pun-main td, .punbb .main .container, .punbb .post-links,
.punbb .section .container,punbb td.tc2,.punbb td.tcr,#pun .tc2, #pun-main h1,#pun-main h2,#pun-stats h2, 
#pun th, #pun-main .post h3 span, #pun-main .post h3, #pun-navlinks .container, #pun-main .post-body, #pun-ulinks .container,
#pun-main .post-links ul, #pun-break1.divider, #pun-break4.divider, #pun .section .statscon .container .item5, 
#pun-stats.section .statscon .container .item5 div, #pun-main fieldset, #pun-main .formal textarea {
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5;}
</style>

<style>
#button-spoiler {background-image:url('http://s46.radikal.ru/i114/0902/b4/8037e0d9510d.gif');
 padding:0;
 line-height:0;
 background-position:center; 
 background-repeat:no-repeat
}
#log {
	float: left;
	padding: 0.5em 0em 0.2em;
	margin-left: 10px;
	width: 290px;
	height: 50px;
	border: 1px solid #d6d6d6;
	border-left-color: #e4e4e4;
	border-top-color: #e4e4e4;
	margin-top: 10px;
	visibility: hidden;
	font-size: 25px;
	font-weight: bold;
	text-align: center;
}
#counters A IMG{opacity:0.3; -moz-opacity:0.3; filter:alpha(opacity=30);}
#counters a:hover img {opacity:1.0; -moz-opacity:1.0; filter:alpha(opacity=100);}
.stickytext {
border: #4aab42 solid 1px;
padding: 2px;
margin-right: 4px;
background: #d7e1c7;
color: #351f0a;
font-size: 11px;
}
</style>

<style type="text/css">
.sp-wrap {cursor: pointer; width: 98%; clear: both;border: solid #C3CBD1; border-width: 1px 1px 1px 2px; clear: both;  padding: 2px 0px 2px 12px; font-weight: bold; margin-top: 2px;}
.showsp {background: url(http://i.rusff.me/f/ru/rusff/icon_plus_1.gif) left center no-repeat #E9E9E6;}
.hidesp {background: url(http://i.rusff.me/f/ru/rusff/icon_minus_1.gif) left center no-repeat #E9E9E6;}
.sp-body { border-width: 1px 0 0 0; display: none; width: 98%; font-weight: normal; background: #F5F5F5; border: solid #C3CBD1; border-width: 0px 1px 1px 2px; clear: both; padding: 2px 6px;}
</style>

<script type="text/javascript">
var r, html;
var div = document.getElementsByTagName("div")
for( i=0; i < div.length; i++ ){
   if(div[i].className == 'post-content'){
	 html = div[i].innerHTML
         html = html.replace(/\[spoiler\](.*)\[\/spoiler\]/gi, "<div><div class='sp-wrap showsp' onclick=\"this.parentNode.childNodes[1].style.display=(this.parentNode.childNodes[1].style.display=='block'?'none':'block');this.className=(this.parentNode.childNodes[1].style.display=='block'?'sp-wrap hidesp':'sp-wrap showsp')\">Спойлер</div><div class='sp-body'>$1</div></div> \n")
         html = html.replace(/\[spoiler=(.*)\](.*)\[\/spoiler\]/g, "<div><div class='sp-wrap showsp' onclick=\"this.parentNode.childNodes[1].style.display=(this.parentNode.childNodes[1].style.display=='block'?'none':'block');this.className=(this.parentNode.childNodes[1].style.display=='block'?'sp-wrap hidesp':'sp-wrap showsp')\">$1</div><div class='sp-body'>$2</div></div> <br /> \n")
         div[i].innerHTML = html
   }
}

</script>