/* C3 Topics

-------------------------------------------------------------*/

/* C3.1 */

.punbb .post .container {

  border-style: none solid solid solid;

  border-width: 0px;

  margin-top: -1px;

  padding-bottom: 1px;

  }

/* C3.2 */

.punbb .post h3 {

  border-style: solid solid none solid;

  border-width: 0px;

  }

/* C3.3 */

.punbb .post h3 span {

  padding: 0.5em 1em;

  display: block;

  margin-left: 19em;

  border-left-style: solid;

  border-left-width: 0px

  }

/* C3.4 */

.punbb .post h3 strong {

  float: right;

  width: 5em;

  text-align: right;

  font-weight: normal;

  }

/* C3.5 */

.punbb .post .post-author {

  float: left;

  width: 19em;

  margin-top: -1.5em;

  overflow: hidden;

  }

/* C3.6 */

.punbb .post .post-author ul, .punbb .post .post-author p {

  padding: 0 1em 1em 1em;

  line-height: 140%;

  }

/* C3.7 */

.pa-author {

  font-size: 1.1em;

  font-weight: bold;

  }

/* C3.8 */

.pa-author a {

  text-decoration: none

  }

/* C3.9 */

li.pa-title {

  padding-bottom: 0.4em;

  font-weight: bold;

  }

li.pa-online {

  line-height: 0.8em;

  border-left-style: solid;

  border-left-width: 0.7em;

  padding-left: 0.4em;

  margin-top: 0.7em;

  }

/* C3.11 */

.punbb .post-body {

  margin-left: 19em;

  border-left-style: solid;

  border-left-width: 0px;

  padding: 0 0 1px 0;

  }

/* C3.12 */

.punbb .post-box {

  padding: 1em;

  }

/*C3.13 */

.punbb fieldset .post-box {

  margin-bottom: 0.8em

  }

/* C3.14 */

.punbb .post-links {

  margin-left: 19em;

  border-left-style: solid;

  border-left-width: 0px;

  }

/* C3.15 */

.punbb .post-links ul {

  padding: 0 1em 0 0;

  height: 2em;

  line-height: 2em;

  margin-left: -19em;

  border-top-style: dashed;

  border-top-width: 0px;

  background: transparent;

  text-align: right;

  }

/* C3.16 */

.punbb .post-links li {

  display: inline;

  padding-left: 1em;

  }

/* C3.17 */

.pl-email, .pl-website {

  float: left;

  }

/* C3.18 */

.punbb .clearer {

  clear: both;

  height: 0;

  font-size: 0;

  }

<script src="http://www.google.com/jsapi"></script> 
<script type="text/javascript"> 
    google.load("jquery", "1.3.2"); 
</script>

<!--Spoiler v.2-->
<script type="text/javascript">
$(function(){
$("div.quote-box > cite > input.spoiler-button").click(function(){
$(this).parents("div.quote-box").find("blockquote.quote-box").toggle("normal");
var a = $(this).attr('value');$(this).attr('value',$(this).attr('id'));$(this).attr('id',a);
   });
$('div#form-buttons>table>tbody>tr>td#button-code').before('<td class="mybutton" style=\'background-image:url("http://img706.imageshack.us/img706/1943/spoiler.gif")\' onclick="tag_spolier()"><img src="/i/blank.gif" alt="Спойлер"></td>');
});
function tag_spolier()
{var FoundErrors = '';
var enterTITLE = prompt("Введите описание скрытого текста", 'Спойлер');
bbcode('

Свернутый текст

',('|'+enterTITLE+'

'));}
elm=document.getElementsByTagName("div")
for(x in elm)
{if(elm[x].className=="post-content")
   {
post = elm[x].innerHTML;
spoilerr = /\[spoiler\]([^\[]{1,11000})\|(.*?)\[\/spoiler\]/g
elm[x].innerHTML = elm[x].innerHTML.replace(spoilerr, "<div class='quote-box' style='padding:1px;background: none;border: 0;'><cite style='width:100%;margin:0;'><input id='close' class='spoiler-button' style='width:140px;font-size:10px; margin:0; cursor: pointer; font-weight:bold' type='button' value='$2'></cite><blockquote class='quote-box' style='display:none; width:100%;border: 1px solid black;margin:0;'>$1</blockquote></div>")
}}
</script>