<style type="text/css">
#pun {background-color: #000!important;
background: none;
}
BODY { background-attachment:fixed!important;margin-top:26%;}; 
</style>
<style type="text/css"> 
HTML, BODY  {background-color: #000000; background-image: none !important; background-position:  center top; background-repeat: no-repeat; background-attachment: scroll; } 
#Myimg {position:absolute;width:100%!important;top:-1px!important;} 
body{background-image:none;background-color:transparent!important;top:0!important;} 
</style>
<script type="text/javascript"><!--Фон --> 
var Myimg="<img id=Myimg src=\"http://i37.tinypic.com/242d6i0.jpg\" style=\"display:block;position:scroll!important;z-index:-1;width: 108%!important;margin: 0 4% 0 -4%;\"/>" 
$(document).ready(function(){$("html").prepend(Myimg);}); 
</script><!--end Фон --> 



<style>
#pun {margin: auto; width : 80%;}
</style>


<style type="text/css">
*{color : #FFFFFF !important;}
</style>



<style type="text/css">
@font-face {
font-family: "Century Gothic";
src: url(Ссылка на файл со шрифтом);
}
.punbb {
font-family: "Century Gothic";
size=16;
}
</style>


<style type="text/css">
#pun-navlinks .container,#pun-ulinks .container,li#onlinelist div,#pun-main h2 {
text-align: center;
}
</style>

<style>
#pun {margin: auto; width : 80%;}
</style>

<style type="text/css">
#pun {
margin: auto; 
width : 80%;
border-style: none;
}
</style>

<style type="text/css">
.punbb .section, .punbb .main {
  margin-bottom: 0;
}

.punbb .category, .punbb .post, #pun-post .topic  {
  margin-top: 0;
}
</style>