.punbb {
    margin: 0 auto 200px auto;
    position: relative;
    width: 963px;
    float: none;
}

.punbb {
    background: url(http://s1.uploads.ru/7ruXv.jpg) repeat-y scroll center top #F6E8DB;
}

#pun_wrap {
    background: url(http://s1.uploads.ru/T5nLt.jpg) no-repeat scroll center bottom transparent;
}

<style>
/* пагинатор */
#paginator{
  opacity:.98;padding:.2em;
  position:absolute;
  left:6em;border:1px solid;
  table-layout:auto!important;
  width:auto!important;
  border-radius:4px;
  border-spacing: 0;
  box-shadow:0 1px 2px rgba(0,0,0,.4),0 1px 0 rgba(255,255,255,.5)inset;
  text-shadow:0 1px 0 rgba(255,255,255,.4);
  z-index:1000;margin-top:1px;
  border-top:solid 1px #eee !important;
}
#paginator:before{
  content:"";display:block;position:relative;
  height:6px;top:-5px;margin-bottom:-6px;
}
#paginator td{
  background:transparent!important;
  padding:0.1em;
  border-style:none!important;
}
#paginator a{
  border:solid 1px transparent;
  display:inline-table;
  width:2em;height:2em;
  line-height:2em;
  text-align:center;
  margin:-.2em;
}
#paginator a:hover{
  opacity:.8;
  background-color: rgba(240, 249, 255, 0.77);
  border:solid 1px;
  border-radius:50%;
}
.second {
  display: none;
  font-size: 0.8em;
}

@media screen and (max-width: 540px) {
  #paginator{left: -1em; border-collapse:collapse;}
  .first {font-size: 0.7em;}
  .second{font-size: 0.5em;}
}
</style>
<script>
//Пагинатор MyBB
if($('#pun-viewtopic,#pun-viewforum,#messages').length&&$('.pagelink a').length)(function(){var tx,tS,Max,bgclr,paginator,Lnk;tx=$('.pagelink a:not(.next):last').html();tS=$('.pagelink strong').html();if(parseInt(tS)>parseInt(tx)){tx=tS;}Max=tx;Lnk=$('.pagelink a:first')[0].href.replace(/&.+$/gim,'');bgclr=$('.crumbs:first').css('background-color');brclr=$('.crumbs:first').css('border-bottom-color');function strok(n){if(p%n==0)paginator+='</tr><tr>'};paginator='<div id="pagenav" style="display:none;position:relative"><table id="paginator"><tr>';for(var p=1;p<=Max;p++){var L=p.toString().length,Cs=' class="'+(L>=3?'second"':'first"');paginator+='<td '+Cs+'><a id="pnav" style="text-decoration:none;" href="'+Lnk+'&p='+p+'">&nbsp;'+p+'&nbsp;</a></td>';Max>50?strok(20):strok(10);}paginator+='</tr></table></div>';if(p<=4){return!1}$('.pagelink').append(paginator);$('div[id="pagenav"] table').css({'border-color':brclr,'background-color':bgclr});})();$('.pagelink').hover(function(){$(this).find('#pagenav').toggle();});$('#pagenav').on('mousemove touchmove',function(e){var offset=$(this).offset();var currentY=e.originalEvent.touches?e.originalEvent.touches[0].pageY:e.pageY;var y=parseInt((currentY-offset.top));y>90?$('.second').toggle(true):$('.second').toggle(false);});
</script>

<style>
#pun-main {
  display: grid;
  grid-template:
      "pun-main-h1"
	  "linkst"
      "topic"
	  "topic-feed"
	  "topic-users-in"
	  "linksb"
	  "similar-topics"
	  "post-form"
	  / 1fr;
}

#pun-main h1 {grid-area: pun-main-h1;}
.linkst {grid-area: linkst;}
.topic {grid-area: topic;}
#topic-feed {grid-area: topic-feed;}
#topic-users-in {grid-area: topic-users-in;}
.linksb {grid-area: linksb;}
#post-form {grid-area: post-form;}
#similar-topics {grid-area: similar-topics;}
</style>