<style>
#pun{
 margin-top:578px;
 background-color:#D4D5D0;
}

#pun-title {
 margin-top:-540px;
 max-height:60px;
 position:absolute;
}
</style>

<style>
#pun-title .title-logo { 
display : none; 
}
</style>



<div style="position: absolute;
top: 50px;
margin-left: 750px;
width:186px;">
<table cellspacing="0"> 
<tr> 
<td> <a class="menu" href="http://s1.uploads.ru/i/iSMuW.gif">Республика рекомендует</a></td> </tr> 
<tr> 
<td> <a class="menu" href="http://s1.uploads.ru/i/H6Sjc.jpg">link</a></td> </tr> 
<tr> 
<td> <a class="menu" href="http://s1.uploads.ru/i/u7iOT.gif">link</a></td> </tr> 
<tr> 
<td> <a class="menu" href="http://s1.uploads.ru/i/lDba8.gif">link</a></td> </tr> 
<tr> 
<td> <a class="menu" href="http://soundofmydreams.ru/">link</a></td> 
</tr> 
<td> <a class="menu" href="http://soundofmydreams.ru/">link</a></td> 
</tr> 
<td> <a class="menu" href="http://soundofmydreams.ru/">link</a></td> 
</tr> 
 
</table>
</div>

<script src="http://www.google.com/jsapi"></script>  
<script type="text/javascript">  
    /* jQuery уже подключен */  
</script>

<!--Кнопки вверх вниз-->
<div style="position:fixed; right:0.5%; bottom: 45%;">
<a href=#top onClick="scrollTo(0,0); return false;" title="Вверх страницы">
<img src="http://s2.ipicture.ru/uploads/20120509/O246l5uv.png" alt="Вверх страницы" ></a>
<br/>
<a href=#top onClick="scrollTo(0, document.body.scrollHeight); return false;" title="Вниз страницы">
<img src="http://s2.ipicture.ru/uploads/20120509/lrSk4s8A.png" alt="Вниз страницы" ></a> 
</div>


<style>
.lastedit {
display: none;
}
</style>


<style>
#pun-main .category .container table .hasicon .alt1 .tcl .intd .tclcon,
#pun-main .category .container table .hasicon .alt2 .tcl .intd .tclcon {text-align: right}
</style>



  
      <style type="text/css"> /*Спойлер */
    .punbb .quote-box.spoiler-box{
border:#C6C6CF 1px solid;
    border-radius:5px;
    -webkit-border-radius:5px;
    -khtml-border-radius:5px;
    -moz-border-radius:5px;
    -o-border-radius:5px;

    box-shadow: 0px 2px 4px #8E8E8E;
    -webkit-box-shadow: 0px 2px 4px #8E8E8E;
    -khtml-box-shadow: 0px 2px 4px #8E8E8E;
    -moz-box-shadow: 0px 2px 4px #8E8E8E;
    }
.post-content .spoiler-box > blockquote.visible { 
display: none;}.punbb .spoiler-box blockquote {
min-width: 100%!important;
 }
.post-content .spoiler-box span.hide{
 display:none;
}
</style>
      <script>
$(".post-box .quote-box.spoiler-box div[onclick*='toggleClass']").each(function() {
  $(this).html($(this).html().replace(/(.*)?\|(.*)?/img,'&lt;span class="visible">$1&lt;/span>&lt;span class="hide">$2&lt;/span>'))
});
$(".post-box .quote-box.spoiler-box div[onclick*='toggleClass']").click(function(){
  $(this).next('blockquote').toggle('Slow');
  $(this).find('span:eq(0),span:eq(1)').toggleClass('hide').toggleClass('visible');
 });
});
</script>

<style type="text/css">
#pun-announcement h2 {display: none}
#pun-announcement .container {padding-top: 1em}
</style>

<!-- jquery уже подключен -->
<script type="text/javascript">
    $(document).ready(function() {
        $('.Hoverbuttons').each(function () {
              var $span = $(this).css('opacity', 0.3);
              $(this).hover(function () {
                $span.stop().fadeTo(600, 1);
             }, function () {
                $span.stop().fadeTo(600, 0.3);
              });
        });
    });
</script>

<style> 
.title-logo-tdr a, .title-logo-tdr iframe, .title-logo-tdr object{
  position: relative;
  margin-right: -100px;
  top: -230px;
}
</style>

<style type="text/css">
.pa-adnote{ text-align: center;}
.pa-from{ text-align: center;}
.pa-reg{ text-align: center;}
.pa-posts{ text-align: center;}
.pa-reputation{ text-align: center;}
.pa-sex{ text-align: center;}
.pa-icq{ text-align: center;}
.pa-ip{ text-align: center;}
.pa-online{ text-align: center;}
.pa-age{ text-align: center;}
.pa-mailagent{ text-align: center;}
.pa-reg { text-align: center;}
.pa-avatar, .pa-title, .pa-author { text-align: center;}
.pa-time-visit{ text-align: center;}
.pa-last-visit{ text-align: center;}
.pa-fld1{ text-align: center;}
.pa-fld2{ text-align: center;}
.pa-fld3{ text-align: center;}
</style>

<style>
#pun #pun-index #pun-announcement h2 span {display: none;}
.post-author online, .pa-author, .pa-title, .pa-avatar, .pa-reg, .pa-posts, .pa-respect, .pa-positive, .pa-ip, .pa-online, .pa-time-visit
{
   background: #fafcfe;
   border: 1px solid #cdd6e2;
   border-bottom-width: 2px;
   border-right-width: 2px;
   margin: 3px 2px 3px 2px;
}
</style>