2012

форум, участники и т.д. двигать
#pun-navlinks .container {
text-align: center;
position: absolute;
background-color: transpanent;
background-image: url();
z-index: 1000;
top: 500px;
left: 150px}

/* D1 Logo and description
-------------------------------------------------------------*/

/* D1.1 */
#pun-title {
  margin: 0;
  border: none;
  margin-bottom: -35px;
}

/* D1.2 */
#pun-title h1 {
  display : block;
  height: 312px;
  margin: -1px 0px 0px -30px;
}

/* D1.3 */
#pun-title .container {
  border: none ;
  padding: 0.2em 1em 0.8em 1em;
  }

/* D1.4 */
#pun-title h1 span {
  display: none;
}

#pun-title table {
  border: none;
  height:0px;
  margin-left: -216px;
  width: 1280px;
  height: 802px;
  background-image: url(http://s1.uploads.ru/lshJf.png);
}

#pun-title TD.title-logo-tdl {
  border: none;
  width: 100%;
}

#pun-title TD.title-logo-tdr {
border: none;
width: 420px;
}

спойлер для наград
Код:
<!-- Спойлер наград -->

<div id="html-footer" class="section">
<div class="container"><!-- спойлер наград на Rusff в Профиле, в Топике -->
<style>
.post-author-Sp{
/*background-color:transparent!important;*/
}
img.aw{
background-color:transparent!important;
}
ul.wrapper{
margin-left:-15px;
width:167px!important;
margin-bottom:-15px;
display:none;
}
ul.wrapper,
ul.wrapper li.pa-awards{
border-color:transparent;
}
</style>
<script>
// кнопка - ссылка на Картинку
var Img="http://uploads.ru/i/K/o/7/Ko7fy.png";

wrapp1="<li class='post-author-Sp'><img class=aw style='cursor:pointer' src='";
wrappEnd="'><ul class=wrapper></ul></li>";
wrapp1=wrapp1+Img+wrappEnd;

$(window).load(function () {
$(".post .post-author .pa-awards").each(function() {
  if($(this).css("display")!="none"){
  $(this).before(wrapp1);a=$(this).parents('.post').find('.post-author-Sp ul')
  $(this).appendTo(a)
  }
});});
$(".post .post-author-Sp ").live("click", function(){
$(this).find('ul:first').toggle('slow')
});</script>
<!--Конец//=спойлер наград в Профиле, в Топике-->

смайлы тумблер
Код:

<img src="http://s2.uploads.ru/9EdNZ.gif" style="cursor: pointer" onclick="smile('[img]http://s2.uploads.ru/9EdNZ.gif[/img]')" /><img src="http://s2.uploads.ru/tzPD7.gif" style="cursor: pointer" onclick="smile('[img]http://s2.uploads.ru/tzPD7.gif[/img]')" /><img src="http://s3.uploads.ru/akYz3.gif" style="cursor: pointer" onclick="smile('[img]http://s3.uploads.ru/akYz3.gif[/img]')" /><img src="http://s3.uploads.ru/8vRye.gif" style="cursor: pointer" onclick="smile('[img]http://s3.uploads.ru/8vRye.gif[/img]')" /><img src="http://s2.uploads.ru/HGpCL.gif" style="cursor: pointer" onclick="smile('[img]http://s2.uploads.ru/HGpCL.gif[/img]')" /><img src="http://s2.uploads.ru/xyPn1.gif" style="cursor: pointer" onclick="smile('[img]http://s2.uploads.ru/xyPn1.gif[/img]')" /><img src="http://s3.uploads.ru/QEd0Y.gif" style="cursor: pointer" onclick="smile('[img]http://s3.uploads.ru/QEd0Y.gif[/img]')" /><img src="http://s2.uploads.ru/5FWhI.gif" style="cursor: pointer" onclick="smile('[img]http://s2.uploads.ru/5FWhI.gif[/img]')" /><img src="http://s3.uploads.ru/xgI1R.gif" style="cursor: pointer" onclick="smile('[img]http://s3.uploads.ru/xgI1R.gif[/img]')" /><img src="http://s3.uploads.ru/UkAcY.gif" style="cursor: pointer" onclick="smile('[img]http://s3.uploads.ru/UkAcY.gif[/img]')" /><img src="http://s3.uploads.ru/WmOwo.gif" style="cursor: pointer" onclick="smile('[img]http://s3.uploads.ru/WmOwo.gif[/img]')" /><img src="http://s3.uploads.ru/Ld2HR.gif" style="cursor: pointer" onclick="smile('[img]http://s3.uploads.ru/Ld2HR.gif[/img]')" /><img src="http://s3.uploads.ru/B7qXb.gif" style="cursor: pointer" onclick="smile('[img]http://s3.uploads.ru/B7qXb.gif[/img]')" /><img src="http://s2.uploads.ru/CgLvZ.gif" style="cursor: pointer" onclick="smile('[img]http://s2.uploads.ru/CgLvZ.gif[/img]')" /><img src="http://s3.uploads.ru/dKy8z.gif" style="cursor: pointer" onclick="smile('[img]http://s3.uploads.ru/dKy8z.gif[/img]')" /><img src="http://s3.uploads.ru/3Bazl.gif" style="cursor: pointer" onclick="smile('[img]http://s3.uploads.ru/3Bazl.gif[/img]')" /><img src="http://s2.uploads.ru/mbDNS.gif" style="cursor: pointer" onclick="smile('[img]http://s2.uploads.ru/mbDNS.gif[/img]')" /><img src="http://s2.uploads.ru/ZUOVH.gif" style="cursor: pointer" onclick="smile('[img]http://s2.uploads.ru/ZUOVH.gif[/img]')" /><img src="http://s3.uploads.ru/G49T6.gif" style="cursor: pointer" onclick="smile('[img]http://s3.uploads.ru/G49T6.gif[/img]')" /><img src="http://s3.uploads.ru/PfkCo.gif" style="cursor: pointer" onclick="smile('[img]http://s3.uploads.ru/PfkCo.gif[/img]')" /><img src="http://s2.uploads.ru/hct8a.gif" style="cursor: pointer" onclick="smile('[img]http://s2.uploads.ru/hct8a.gif[/img]')" /><img src="http://s2.uploads.ru/gW4DF.gif" style="cursor: pointer" onclick="smile('[img]http://s2.uploads.ru/gW4DF.gif[/img]')" /><img src="http://s2.uploads.ru/spHJi.gif" style="cursor: pointer" onclick="smile('[img]http://s2.uploads.ru/spHJi.gif[/img]')" /><img src="http://s3.uploads.ru/x1yWf.gif" style="cursor: pointer" onclick="smile('[img]http://s3.uploads.ru/x1yWf.gif[/img]')" /><img src="http://s3.uploads.ru/eDfCi.gif" style="cursor: pointer" onclick="smile('[img]http://s3.uploads.ru/eDfCi.gif[/img]')" /><img src="http://s3.uploads.ru/Ybg4w.gif" style="cursor: pointer" onclick="smile('[img]http://s3.uploads.ru/Ybg4w.gif[/img]')" /><img src="http://s3.uploads.ru/GmqL8.gif" style="cursor: pointer" onclick="smile('[img]http://s3.uploads.ru/GmqL8.gif[/img]')" /><img src="http://s2.uploads.ru/WCfzo.gif" style="cursor: pointer" onclick="smile('[img]http://s2.uploads.ru/WCfzo.gif[/img]')" /><img src="http://s3.uploads.ru/FQPH8.gif" style="cursor: pointer" onclick="smile('[img]http://s3.uploads.ru/FQPH8.gif[/img]')" /><img src="http://s2.uploads.ru/T7mC5.gif" style="cursor: pointer" onclick="smile('[img]http://s2.uploads.ru/T7mC5.gif[/img]')" /><img src="http://s3.uploads.ru/2hTtj.gif" style="cursor: pointer" onclick="smile('[img]http://s3.uploads.ru/2hTtj.gif[/img]')" /><img src="http://s3.uploads.ru/ZX7Ha.gif" style="cursor: pointer" onclick="smile('[img]http://s3.uploads.ru/ZX7Ha.gif[/img]')" /><img src="http://s2.uploads.ru/bxpoX.gif" style="cursor: pointer" onclick="smile('[img]http://s2.uploads.ru/bxpoX.gif[/img]')" /><img src="http://s2.uploads.ru/Olshp.gif" style="cursor: pointer" onclick="smile('[img]http://s2.uploads.ru/Olshp.gif[/img]')" /><img src="http://s3.uploads.ru/Hu7mO.gif" style="cursor: pointer" onclick="smile('[img]http://s3.uploads.ru/Hu7mO.gif[/img]')" /><img src="http://s3.uploads.ru/Kmc8M.gif" style="cursor: pointer" onclick="smile('[img]http://s3.uploads.ru/Kmc8M.gif[/img]')" /><img src="http://s2.uploads.ru/0tSas.gif" style="cursor: pointer" onclick="smile('[img]http://s2.uploads.ru/0tSas.gif[/img]')" /><img src="http://s3.uploads.ru/Fv0Mz.gif" style="cursor: pointer" onclick="smile('[img]http://s3.uploads.ru/Fv0Mz.gif[/img]')" /><img src="http://s2.uploads.ru/xzC46.gif" style="cursor: pointer" onclick="smile('[img]http://s2.uploads.ru/xzC46.gif[/img]')" /><img src="http://s2.uploads.ru/ACsl6.gif" style="cursor: pointer" onclick="smile('[img]http://s2.uploads.ru/ACsl6.gif[/img]')" /><img src="http://s2.uploads.ru/Q1sIM.gif" style="cursor: pointer" onclick="smile('[img]http://s2.uploads.ru/Q1sIM.gif[/img]')" /><img src="http://s2.uploads.ru/eH8bg.gif" style="cursor: pointer" onclick="smile('[img]http://s2.uploads.ru/eH8bg.gif[/img]')" /><img src="http://s3.uploads.ru/2803v.gif" style="cursor: pointer" onclick="smile('[img]http://s3.uploads.ru/2803v.gif[/img]')" /><img src="http://s2.uploads.ru/IBeq8.gif" style="cursor: pointer" onclick="smile('[img]http://s2.uploads.ru/IBeq8.gif[/img]')" /><img src="http://s3.uploads.ru/1LZGQ.gif" style="cursor: pointer" onclick="smile('[img]http://s3.uploads.ru/1LZGQ.gif[/img]')" /><img src="http://s2.uploads.ru/wjH9b.gif" style="cursor: pointer" onclick="smile('[img]http://s2.uploads.ru/wjH9b.gif[/img]')" /><img src="http://s3.uploads.ru/cLVZB.gif" style="cursor: pointer" onclick="smile('[img]http://s3.uploads.ru/cLVZB.gif[/img]')" /><img src="http://s3.uploads.ru/1FjSm.gif" style="cursor: pointer" onclick="smile('[img]http://s3.uploads.ru/1FjSm.gif[/img]')" /><img src="http://s3.uploads.ru/FcXao.gif" style="cursor: pointer" onclick="smile('[img]http://s3.uploads.ru/FcXao.gif[/img]')" /><img src="http://s3.uploads.ru/FRekd.gif" style="cursor: pointer" onclick="smile('[img]http://s3.uploads.ru/FRekd.gif[/img]')" /><img src="http://s2.uploads.ru/rYq1M.gif" style="cursor: pointer" onclick="smile('[img]http://s2.uploads.ru/rYq1M.gif[/img]')" /><img src="http://s3.uploads.ru/Eocq9.gif" style="cursor: pointer" onclick="smile('[img]http://s3.uploads.ru/Eocq9.gif[/img]')" /><img src="http://s2.uploads.ru/DtboK.gif" style="cursor: pointer" onclick="smile('[img]http://s2.uploads.ru/DtboK.gif[/img]')" /><img src="http://s2.uploads.ru/Sys9D.gif" style="cursor: pointer" onclick="smile('[img]http://s2.uploads.ru/Sys9D.gif[/img]')" /><img src="http://s3.uploads.ru/zWf8k.gif" style="cursor: pointer" onclick="smile('[img]http://s3.uploads.ru/zWf8k.gif[/img]')" /><img src="http://s2.uploads.ru/lhUrF.gif" style="cursor: pointer" onclick="smile('[img]http://s2.uploads.ru/lhUrF.gif[/img]')" /><img src="http://s2.uploads.ru/SrD7L.gif" style="cursor: pointer" onclick="smile('[img]http://s2.uploads.ru/SrD7L.gif[/img]')" /><img src="http://s1.uploads.ru/i/IpX7f.gif" style="cursor: pointer" onclick="smile('[img]http://s1.uploads.ru/i/IpX7f.gif[/img]')" /><img src="http://s1.uploads.ru/i/210iz.gif" style="cursor: pointer" onclick="smile('[img]http://s1.uploads.ru/i/210iz.gif[/img]')" /><img src="http://s1.uploads.ru/i/eyOYJ.gif" style="cursor: pointer" onclick="smile('[img]http://s1.uploads.ru/i/eyOYJ.gif[/img]')" /><img src="http://s1.uploads.ru/4jsd5.gif" style="cursor: pointer" onclick="smile('[img]http://s1.uploads.ru/4jsd5.gif[/img]')" /><img src="http://s1.uploads.ru/qxUbQ.gif" style="cursor: pointer" onclick="smile('[img]http://s1.uploads.ru/qxUbQ.gif[/img]')" /><img src="http://s1.uploads.ru/i/jqfka.gif" style="cursor: pointer" onclick="smile('[img]http://s1.uploads.ru/i/jqfka.gif[/img]')" /><img src="http://s3.uploads.ru/ybFoR.gif" style="cursor: pointer" onclick="smile('[img]http://s3.uploads.ru/ybFoR.gif[/img]')" /><img src="http://s3.uploads.ru/6VSHn.gif" style="cursor: pointer" onclick="smile('[img]http://s3.uploads.ru/6VSHn.gif[/img]')" /><img src="http://s3.uploads.ru/5l8sa.gif" style="cursor: pointer" onclick="smile('[img]http://s3.uploads.ru/5l8sa.gif[/img]')" /><img src="http://s3.uploads.ru/3mKHx.gif" style="cursor: pointer" onclick="smile('[img]http://s3.uploads.ru/3mKHx.gif[/img]')" /><img src="http://s2.uploads.ru/Q1XKB.gif" style="cursor: pointer" onclick="smile('[img]http://s2.uploads.ru/Q1XKB.gif[/img]')" /><img src="http://s2.uploads.ru/ylHKY.gif" style="cursor: pointer" onclick="smile('[img]http://s2.uploads.ru/ylHKY.gif[/img]')" /><img src="http://s2.uploads.ru/o1gPW.gif" style="cursor: pointer" onclick="smile('[img]http://s2.uploads.ru/o1gPW.gif[/img]')" /><img src="http://s2.uploads.ru/gqylS.gif" style="cursor: pointer" onclick="smile('[img]http://s2.uploads.ru/gqylS.gif[/img]')" /><img src="http://s3.uploads.ru/wvfSK.gif" style="cursor: pointer" onclick="smile('[img]http://s3.uploads.ru/wvfSK.gif[/img]')" />
<img src="http://s1.uploads.ru/i/EX8uv.gif" style="cursor: pointer" onclick="smile('[img]http://s1.uploads.ru/i/EX8uv.gif[/img]')" /><img src="http://s1.uploads.ru/i/mQxUG.gif" style="cursor: pointer" onclick="smile('[img]http://s1.uploads.ru/i/mQxUG.gif[/img]')" /><img src="http://s1.uploads.ru/i/krAm5.gif" style="cursor: pointer" onclick="smile('[img]http://s1.uploads.ru/i/krAm5.gif[/img]')" /><img src="http://s1.uploads.ru/i/VAZig.gif" style="cursor: pointer" onclick="smile('[img]http://s1.uploads.ru/i/VAZig.gif[/img]')" /><img src="http://s1.uploads.ru/i/t23fB.gif" style="cursor: pointer" onclick="smile('[img]http://s1.uploads.ru/i/t23fB.gif[/img]')" /><img src="http://s1.uploads.ru/i/cYIA4.gif" style="cursor: pointer" onclick="smile('[img]http://s1.uploads.ru/i/cYIA4.gif[/img]')" /><img src="http://s1.uploads.ru/i/sfruF.gif" style="cursor: pointer" onclick="smile('[img]http://s1.uploads.ru/i/sfruF.gif[/img]')" /><img src="http://s1.uploads.ru/t/SxZf0.gif" style="cursor: pointer" onclick="smile('[img]http://s1.uploads.ru/t/SxZf0.gif[/img]')" /><img src="http://s1.uploads.ru/t/YzdIL.gif" style="cursor: pointer" onclick="smile('[img]http://s1.uploads.ru/t/YzdIL.gif[/img]')" /><img src="http://s1.uploads.ru/t/j2GRl.gif" style="cursor: pointer" onclick="smile('[img]http://s1.uploads.ru/t/j2GRl.gif[/img]')" /><img src="http://s1.uploads.ru/i/xANmd.gif" style="cursor: pointer" onclick="smile('[img]http://s1.uploads.ru/i/xANmd.gif[/img]')" /><img src="http://s1.uploads.ru/t/1IVEK.gif" style="cursor: pointer" onclick="smile('[img]http://s1.uploads.ru/t/1IVEK.gif[/img]')" /><img src="http://s1.uploads.ru/t/Q2Hpt.gif" style="cursor: pointer" onclick="smile('[img]http://s1.uploads.ru/t/Q2Hpt.gif[/img]')" /><img src="http://s1.uploads.ru/t/s3SDU.gif" style="cursor: pointer" onclick="smile('[img]http://s1.uploads.ru/t/s3SDU.gif[/img]')" /><img src="http://s1.uploads.ru/t/QKwjb.gif" style="cursor: pointer" onclick="smile('[img]http://s1.uploads.ru/t/QKwjb.gif[/img]')" /><img src="http://s1.uploads.ru/t/De1bg.gif" style="cursor: pointer" onclick="smile('[img]http://s1.uploads.ru/t/De1bg.gif[/img]')" /><img src="http://s1.uploads.ru/t/ndZKw.gif" style="cursor: pointer" onclick="smile('[img]http://s1.uploads.ru/t/ndZKw.gif[/img]')" /><img src="http://s1.uploads.ru/t/6eaz9.gif" style="cursor: pointer" onclick="smile('[img]http://s1.uploads.ru/t/6eaz9.gif[/img]')" /><img src="http://s1.uploads.ru/t/qvLEd.gif" style="cursor: pointer" onclick="smile('[img]http://s1.uploads.ru/t/qvLEd.gif[/img]')" /><img src="http://s1.uploads.ru/t/Jm1Hi.gif" style="cursor: pointer" onclick="smile('[img]http://s1.uploads.ru/t/Jm1Hi.gif[/img]')" /><img src="http://s1.uploads.ru/t/at0dK.gif" style="cursor: pointer" onclick="smile('[img]http://s1.uploads.ru/t/at0dK.gif[/img]')" /><img src="http://s1.uploads.ru/t/V1BFD.gif" style="cursor: pointer" onclick="smile('[img]http://s1.uploads.ru/t/V1BFD.gif[/img]')" /><img src="http://s1.uploads.ru/t/1IRky.gif" style="cursor: pointer" onclick="smile('[img]http://s1.uploads.ru/t/1IRky.gif[/img]')" /><img src="http://s1.uploads.ru/t/fKBH4.gif" style="cursor: pointer" onclick="smile('[img]http://s1.uploads.ru/t/fKBH4.gif[/img]')" /><img src="http://s1.uploads.ru/t/SRAkF.gif" style="cursor: pointer" onclick="smile('[img]http://s1.uploads.ru/t/SRAkF.gif[/img]')" /><img src="http://s1.uploads.ru/t/jGExO.gif" style="cursor: pointer" onclick="smile('[img]http://s1.uploads.ru/t/jGExO.gif[/img]')" /><img src="http://s1.uploads.ru/i/nPOSw.gif" style="cursor: pointer" onclick="smile('[img]http://s1.uploads.ru/i/nPOSw.gif[/img]')" /><img src="http://s1.uploads.ru/i/nr4G7.gif" style="cursor: pointer" onclick="smile('[img]http://s1.uploads.ru/i/nr4G7.gif[/img]')" /><img src="http://s1.uploads.ru/nlyDQ.gif" style="cursor: pointer" onclick="smile('[img]http://s1.uploads.ru/nlyDQ.gif[/img]')" /><img src="http://s1.uploads.ru/1tHDN.gif" style="cursor: pointer" onclick="smile('[img]http://s1.uploads.ru/1tHDN.gif[/img]')" /><img src="http://s1.uploads.ru/qynRN.gif" style="cursor: pointer" onclick="smile('[img]http://s1.uploads.ru/qynRN.gif[/img]')" /><img src="http://s1.uploads.ru/i/ldfeB.gif" style="cursor: pointer" onclick="smile('[img]http://s1.uploads.ru/i/ldfeB.gif[/img]')" /><img src="http://s2.uploads.ru/fIU3k.gif" style="cursor: pointer" onclick="smile('[img]http://s2.uploads.ru/fIU3k.gif[/img]')" /><img src="http://s3.uploads.ru/W5mC6.gif" style="cursor: pointer" onclick="smile('[img]http://s3.uploads.ru/W5mC6.gif[/img]')" /><img src="http://s2.uploads.ru/T9CWj.gif" style="cursor: pointer" onclick="smile('[img]http://s2.uploads.ru/T9CWj.gif[/img]')" /><img src="http://s1.uploads.ru/VbfwR.gif" style="cursor: pointer" onclick="smile('[img]http://s1.uploads.ru/VbfwR.gif[/img]')" /><img src="http://s3.uploads.ru/lTh1J.gif" style="cursor: pointer" onclick="smile('[img]http://s3.uploads.ru/lTh1J.gif[/img]')" /><img src="http://s3.uploads.ru/n590W.gif" style="cursor: pointer" onclick="smile('[img]http://s3.uploads.ru/n590W.gif[/img]')" /><img src="http://s3.uploads.ru/nei4B.gif" style="cursor: pointer" onclick="smile('[img]http://s3.uploads.ru/nei4B.gif[/img]')" /><img src="http://s2.uploads.ru/dXDh9.gif" style="cursor: pointer" onclick="smile('[img]http://s2.uploads.ru/dXDh9.gif[/img]')" /><img src="http://s3.uploads.ru/jBQW6.gif" style="cursor: pointer" onclick="smile('[img]http://s3.uploads.ru/jBQW6.gif[/img]')" /><img src="http://s2.uploads.ru/WVKPX.gif" style="cursor: pointer" onclick="smile('[img]http://s2.uploads.ru/WVKPX.gif[/img]')" /><img src="http://s3.uploads.ru/DiAWm.gif" style="cursor: pointer" onclick="smile('[img]http://s3.uploads.ru/DiAWm.gif[/img]')" /><img src="http://s3.uploads.ru/UwT06.gif" style="cursor: pointer" onclick="smile('[img]http://s3.uploads.ru/UwT06.gif[/img]')" /><img src="http://s2.uploads.ru/Q2Kdt.gif" style="cursor: pointer" onclick="smile('[img]http://s2.uploads.ru/Q2Kdt.gif[/img]')" /><img src="http://s2.uploads.ru/LxAou.gif" style="cursor: pointer" onclick="smile('[img]http://s2.uploads.ru/LxAou.gif[/img]')" /><img src="http://s2.uploads.ru/aqvxl.gif" style="cursor: pointer" onclick="smile('[img]http://s2.uploads.ru/aqvxl.gif[/img]')" /><img src="http://s2.uploads.ru/Mcw5e.gif" style="cursor: pointer" onclick="smile('[img]http://s2.uploads.ru/Mcw5e.gif[/img]')" /><img src="http://s3.uploads.ru/4XWRC.gif" style="cursor: pointer" onclick="smile('[img]http://s3.uploads.ru/4XWRC.gif[/img]')" /><img src="http://s2.uploads.ru/y3KrP.gif" style="cursor: pointer" onclick="smile('[img]http://s2.uploads.ru/y3KrP.gif[/img]')" /><img src="http://s2.uploads.ru/tGNP1.gif" style="cursor: pointer" onclick="smile('[img]http://s2.uploads.ru/tGNP1.gif[/img]')" /><img src="http://s3.uploads.ru/0yrTJ.gif" style="cursor: pointer" onclick="smile('[img]http://s3.uploads.ru/0yrTJ.gif[/img]')" /><img src="http://s3.uploads.ru/I0rGU.gif" style="cursor: pointer" onclick="smile('[img]http://s3.uploads.ru/I0rGU.gif[/img]')" /><img src="http://s3.uploads.ru/0lvbP.gif" style="cursor: pointer" onclick="smile('[img]http://s3.uploads.ru/0lvbP.gif[/img]')" /><img src="http://s2.uploads.ru/Q5Sif.gif" style="cursor: pointer" onclick="smile('[img]http://s2.uploads.ru/Q5Sif.gif[/img]')" /><img src="http://s2.uploads.ru/mZBI8.gif" style="cursor: pointer" onclick="smile('[img]http://s2.uploads.ru/mZBI8.gif[/img]')" /><img src="http://s2.uploads.ru/mI73w.gif" style="cursor: pointer" onclick="smile('[img]http://s2.uploads.ru/mI73w.gif[/img]')" /><img src="http://s2.uploads.ru/kXsKO.gif" style="cursor: pointer" onclick="smile('[img]http://s2.uploads.ru/kXsKO.gif[/img]')" /><img src="http://s3.uploads.ru/wDA4z.gif" style="cursor: pointer" onclick="smile('[img]http://s3.uploads.ru/wDA4z.gif[/img]')" /><img src="http://s3.uploads.ru/fV7F1.gif" style="cursor: pointer" onclick="smile('[img]http://s3.uploads.ru/fV7F1.gif[/img]')" /><img src="http://s2.uploads.ru/IcGNo.gif" style="cursor: pointer" onclick="smile('[img]http://s2.uploads.ru/IcGNo.gif[/img]')" />

<!--Своя картинка в каждую категорию -->
<script type="text/javascript">
$(document).ready(function(){
myarray=new Array(
"Глава первая", "http://i.imgur.com/KZu7l.png" ,
"Глава вторая", "http://i.imgur.com/7oX0f.png" ,
"Глава третья", "http://i.imgur.com/gVeFo.png" ,
"welcome", "http://i.imgur.com/KZu7l.png",
"organization", "http://i.imgur.com/gVeFo.png",
"games", "http://i.imgur.com/A7sqU.png",
"out of play", "http://i.imgur.com/7oX0f.png",
"archive", "http://i.imgur.com/CzYh5.png",
"advertising", "http://i.imgur.com/I9ACQ.png",
"Статистика форума", "http://i.imgur.com/Ht8HD.png"
)
        $("#pun-index div.category h2,#pun-index #pun-stats h2").each(function (i) {
for(q=0;q<myarray.length;q++){
var cssObj = {
   "height":"78px",
   "margin-left":"-41px",
   "background-color": "transparent",
   "background-image":"url("+myarray[q+1]+")",
   "font-size": "0.0em",
   "background-position":"50% 50%",
   "background-repeat":"no-repeat"       
}
        if($(this).children("span").text()==myarray[q])$(this).css(cssObj);
        q++}
    });
});
</script>

#pun-category1.category h2 {
background: url(http://uploads.ru/i/r/0/8/r08y1.jpg) no-repeat top center;
height:70px;
font-size:0 !important;
}
#pun-category2.category h2 {
background: url(http://uploads.ru/i/z/h/F/zhFpr.jpg) no-repeat top center;
height:70px;
font-size:0 !important;
}
#pun-category3.category h2 {
background: url(http://uploads.ru/i/o/v/1/ov1GJ.jpg) no-repeat top center;
height:70px;
font-size:0 !important;
}
#pun-category4.category h2 {
background: url(http://uploads.ru/i/m/E/j/mEjoR.jpg) no-repeat top center;
height: 70px;
font-size:0 !important;
}
#pun-category5.category h2 {
background: url(http://uploads.ru/i/g/M/9/gM987.jpg) no-repeat top center;
height: 70px;
font-size:0 !important;
}
#pun-category6.category h2 {
background: url(http://uploads.ru/i/X/L/p/XLpx7.jpg) no-repeat top center;
height: 70px;
font-size:0 !important;
}
#pun-category7.category h2 {
background: url(http://uploads.ru/i/c/R/N/cRNkv.jpg) no-repeat top center;
height: 70px;
font-size:0 !important;
}

#pun-category8.category h2 {
background: url(http://uploads.ru/i/H/Y/9/HY9pP.jpg) no-repeat top center;
height: 70px;
font-size:0 !important;
}

разные
кис
Код:
#pun {background-color: #ead5b6; background-image: url(http://uploads.ru/i/A/L/S/ALSBg.png);}
#pun-navlinks .container, #pun-ulinks .container { text-align: center;}

тело больше
мое
Код:
/* A5.2 */
.punbb {
  float: center;
  width: 100%;
  height: auto;
  }

Код:
/* A5.2 */
.punbb {
  float: auto;
  height: auto;
  width: 98%;
  padding-left: 9px;
  }

a.tvm, a.tvm:active, a.tvm:link, a.tvm:visited {
font-family: tahoma;
font-size: 11px;
background-color:#1;
color: #2;
font-weight: normal;
text-align:center;
display: block;
margin: 1px;
text-decoration: none;
border-left-style: solid;
border-left-color: #3;
border-left-width: 5px;
width:200px;
}
a.tvm:hover {
font-family: tahoma;
font-size: 11px;
color: #4;
background-color:#5;
display: block;
font-weight: bold;
text-align:center;
cursor:crosshair;
text-decoration: none;
border-left-style: solid;
border-left-color: #6;
border-left-width: 5px;
width:200px;
}

<a href="ССЫЛКА" class="tvm" target="">НАЗВАНИЕ</a>

<div class="container">
        <div class="post-author">
        <ul>
            <li class="pa-author"><span class="acchide">Автор:&nbsp;</span><a href="http://888.rolka.su/profile.php?id=2" rel="nofollow">сурикат</a></li>
            <li class="pa-title">Администратор</li>
            <li class="pa-avatar item2"><img src="http://forumavatars.ru/img/avatars/000f/98/51/2-1419434522.png" width="180" height="180" alt="сурикат" title="сурикат"></li>
           
            <img class="post-img-Sp" data=".Sp1" onclick="FnImgSpprof(this)" style="cursor:pointer" src="http://sf.uploads.ru/yj51C.png" data-title="Об игроке" original-title=""><img class="post-img-Sp" data=".Sp2" onclick="FnImgSpprof(this)" style="cursor:pointer" src="http://sf.uploads.ru/eHd7p.png" data-title="Персонаж" original-title=""><img class="post-img-Sp" data=".Sp3" onclick="FnImgSpprof(this)" style="cursor:pointer" src="http://sf.uploads.ru/t8uZP.png" data-title="Награды" original-title=""><ul class="post-ul-Sp  Sp1" style="display:none"><li class="pa-posts">Сообщений: 4152</li><li class="pa-respect"><a href="/respect.php?id=2" rel="nofollow">Репутация</a>: <span>+0</span></li><li class="pa-time-visit">Провел на форуме:<br>29 дней 4 часа</li><li class="pa-last-visit">Последний визит:<br>05-06-2016 20:38:49</li></ul><ul class="post-ul-Sp  Sp2" style="display:none"><li class="pa-fld5"><br><img src="http://sf.uploads.ru/EtQ3l.png" alt="111" original-title="111"></li></ul><ul class="post-ul-Sp  Sp3" style="display:none"><div class="award"><li class="pa-awards" data-id="2">
   
    <a href="/mod/awards/?uid=2">Наград</a>: <span>0</span>
   
</li></div><div class="gift"><li class="pa-gifts"><a href="/mod/gifts/?uid=2">Подарков</a>: <span>0</span></li></div></ul>
           
           
           
       

</ul>
        </div>
        <div class="post-body">
        <div class="post-box">
            <div id="p4107-content" class="post-content">
            <div class="htmldemo">
<style type="text/css">
@font-face { font-family: 'dragon_is_comingregular'; src: url('http://edentesting.b1.jcink.com/uploads/edentesting/dragon_is_coming_webfont.eot'); src: url('http://edentesting.b1.jcink.com/uploads/edentesting/dragon_is_coming_webfont.eot?#iefix') format('embedded-opentype'), url('http://edentesting.b1.jcink.com/uploads/edentesting/dragon_is_coming_webfont.woff') format('woff'), url('http://edentesting.b1.jcink.com/uploads/edentesting/dragon_is_coming_webfont.ttf') format('truetype'), url('http://edentesting.b1.jcink.com/uploads/edentesting/dragon_is_coming_webfont.svg#dragon_is_comingregular') format('svg'); font-weight: normal; font-style: normal; }

.stereo /*большое окно*/{ 
    width: 450px;
    height: 400px;
    padding: 30px;
    /* background-image: url(http://funkyimg.com/i/28Udn.jpg); */
    /* border-right: 100px solid #7A5B49; */
    margin: 0 auto;
    margin-left: 5px;}

.stereotabs /*большое окно высота*/{
   position: relative; 
   height: 400px;
/*   width: 250px */ }
   .stereotab { float: left;}

   .stereotab label /*кнопочки*/ {
     display: block;
     width: 93px;
     background-color: #CFBC9A;
color: #ebece7;
font-family: Georgia;
font-size: 13px;
letter-spacing; 5px;
text-align: center;
position: absolute;
left: 478px;
top: -18px;
}

.stereotab input[type=radio] { display: none; }

.stereocontent {
position: absolute;
top: -20px;
bottom: -20px;
left: -20px;
right: -20px;
background: #DCD6CA;
padding: 10px;
border: 5px solid #CFBC9A;
overflow-y: auto;
}

.stereocontent b { color: #343d5c }
.stereotab input[type=radio]:checked ~ label {
background-color: #43210C;
color: #ebece7;
border-bottom:
0px; z-index: 4; }
.stereotab [type=radio]:checked ~ label ~ .stereocontent {z-index: 5; }

.ttyt1  /*МЕЛКИЙ ТЕКСТ НА ЦВЕТНОМ ФОНЕ*/ {
font-size: 10px;
font-family: georgia;
letter-spacing: 1px;
background-color: #CFBC9A;
color: #612D03;
text-align: center;
padding-bottom: 5px;
line-height: 15px;
}

.ttyt2 /*БОЛЬШОЙ ТЕКСТ НА ЦВЕТНОМ ФОНЕ*/ {
font-size: 65px;
font-family: dragon_is_comingregular;
letter-spacing: 2px;
background-color: #CFBC9A;
color: #612D03;
text-align: center;
padding-top: 15px;
line-height: 15px;
/*font-weight: bold;*/
}

.ttyt3 /*ПОДПУНКТ*/ {
font-size: 10px;
    letter-spacing: 1px;
    background-color: #CFBC9A;
    text-align: center;
    line-height: 15px;
}

.ttyt4 /*ТЕКСТ*/ {
font-size: 11px;
line-height: 100%;
text-align: justify;
padding-left: 0px;
color: #222;
}
</style>

<!-- КНОПКА ПЕРВАЯ -->
<div class="stereo">
<div class="stereotabs">
<div class="stereotab">
<input type="radio" id="stereotab-1" name="stereotab-group-1" checked="">

<label for="stereotab-1">welcome</label><div class="stereocontent">

<div class="ttyt2">Description races</div>
<div class="ttyt1">бестиарий</div>
<br>
<img src=" http://placehold.it/460x100">
<br><br>
<div class="ttyt4">В данной теме можно найти описание любой из представленных на проекте рас, а также узнать о ее классификации, способах убийства и многом другом.</div>
<br><br>
<div class="ttyt3">существующие расы:</div>
<br>
<div class="ttyt4">• вампиры | vampiries<br>
• ведьмы и колдуны | witches and warlocks<br>
• оборотни | werewolves<br>
• суккубы и инкубы | succubus and incubus<br>
• кицунэ | kitsune<br>
• ногицунэ | nogitsune<br>
• демоны они | demons oni<br>
• банши | banshee<br>
• медиумы | mediums<br>
• сверхлюди | supermen<br>
• охотники | hunters<br>
• призраки | ghosts<br></div>
</div></div>

<!-- КНОПКА ВТОРАЯ-->
<div class="stereotab">
<input type="radio" id="stereotab-2" name="stereotab-group-1">
<label for="stereotab-2" style="margin-top: 22px;">вампиры</label>

<div class="stereocontent">

<div class="ttyt2">Vampiries</div>
<div class="ttyt1">вампиры</div>
<br>
<img src=" http://placehold.it/460x100">
<br><br>
<div class="ttyt3">как стать вампиром</div>
<br><div class="ttyt4">Стать представителем этой расы можно с помощью другого вампира, который сначала поит жертву своей кровью, а потом убивает ее. Через несколько часов человек становится вампиром. Но нужно помнить, что тут имеются и свои подводные камни. Если при жизни человек был слишком эмоционален, то он может невольно образовать связь со своим Создателем. Это происходит не всегда, но бывает. [данная связь обыгрывается по желанию игроков] В таких случаях вампиры чувствуют друг друга - например, когда кому-то нужна помощь, если он оказывается в беде. Так же Создатель может пользоваться этой связью, призывая свое дитя, порой даже управлять им, заставляя что-то делать не по его желанию. Создатель в состоянии оборвать эту связь, просто отказавшись от вампира, что он обратил. В этот момент на молодое потомство нахлынывает ощущение оторванности, потери чего-то важного, образуется пустота, которую ему приходится чем-нибудь заполнять.</div>
<br><div class="ttyt3">продолжительность жизни</div>
<br><div class="ttyt4">Вечная (до момента убийства).<br>
[в игре допустимый возраст вампира: не старше 900 лет]</div>
<br><div class="ttyt3">способности</div>
<br><div class="ttyt4">• Нечеловеческие сила и скорость;<br>
• Внушение; <br>
• Ускоренная регенерация;<br>
• Способность излечивать раненных своей кровью.</div>
<br><div class="ttyt3">описание расы</div>
<br><div class="ttyt4">В большинстве своем вампиры питаются человеческой кровью, но в наше время существует довольно много особей, употребляющих в пищу исключительно животную кровь. Это связано с их переходом на сторону светлых, которые ясно дают понять, что им не совсем по душе, когда их представители «едят людей». Вампиры не могут выйти на солнечный свет без специальных талисманов, которые им создают ведьмы и представляют собой какую-либо драгоценность. Более взрослые вампиры способны с легкостью контролировать свою жажду крови, а вот новоявленные могут разорвать человека на куски и даже не помнить потом об этом. С жаждой крови нужно бороться, если ты хочешь занять сторону светлых, ну, а если ты темный, то особо можно и не беспокоиться. Современные вампиры не похожи на своего предшественника Дракулу, коего описал в своем произведении Брэм Стокер. Они не боятся крестов, отражаются в зеркале и невосприимчивы к молитвам и прочим проявлениям божьей воли. Но самое верное средство от надоедливых вампиров и по сей день это деревянный кол в сердце.</div>

<br><div class="ttyt3">отношение с другими расами</div>
<br><div class="ttyt4">С древних времен повелось так, что вампиры недоверчиво относятся к оборотням, испытывают симпатию к суккубам и инкубам, а из людей делают "игрушки". Кровь сверхлюдей для них выделяется на общем фоне. Она притягательная, манящая и эффект от нее совершенно другой. Она бодрит, придает больше сил, помогает телу регенерировать гораздо быстрее и, вдобавок ко всему, слаще на вкус. Вампиры не в состоянии определять расовую принадлежность окружающих сверхъестественных существ. Чувствуют только  сверхлюдей из-за запаха их крови.</div>

<br><div class="ttyt3">верховенство</div>
<br><div class="ttyt4">Вампиры слишком эгоистичны, поэтому не приветствуют тех, кто хочет стать во главе и данные попытки обычно не увенчиваются успехом.</div>

<br><div class="ttyt3">защита от вампиров и способы их убийства</div>
<br><div class="ttyt4">Заговоренные амулеты и вербена защищают от внушения.
Деревянные пули и также деревянные колы помогут вам убить даже самого старого вампира. Еще один эффективный способ - просто вырвать сердце вампира из груди. Солнечные лучи также смертоносны для вампиров, а потому в тех случаях, если они появляются на улице в дневное время суток без специального кольца, заговоренного ведьмами, то могут сгореть дотла.</div>

<br><div class="ttyt3">образ взят</div>
<br><div class="ttyt4">Из телесериалов "The Vampire Diaries" и "True Blood".</div>

</div></div>

<!-- КНОПКА ТРЕТЬЯ -->
<div class="stereotab">
<input type="radio" id="stereotab-3" name="stereotab-group-1">
<label for="stereotab-3" style="margin-top: 44px;">оборотни</label>

<div class="stereocontent">

<div class="ttyt2">Werewolves</div>
<div class="ttyt1">оборотни</div>
<br>
<img src=" http://placehold.it/460x100">
<br><br>
<div class="ttyt3">как стать вампиром</div>
<br><div class="ttyt4">Стать представителем этой расы можно либо родившись оборотнем,
либо получить укус от альфы.</div>

<br><div class="ttyt3">продолжительность жизни</div>
<br><div class="ttyt4">Обычная (человеческая).</div>

<br><div class="ttyt3">способности</div>
<br><div class="ttyt4">• Обостренные органы чувств;<br>
• Огромная скорость и сила;<br>
• Ускоренная регенерация;<br>
• Способность забирать чужую боль, путем прикосновения.</div>

<br><div class="ttyt3">классификация оборотней</div>
<br><div class="ttyt4">Оборотни делятся на три группы, исходя из принадлежности к стае. Есть оборотни-альфы, оборотни-беты и оборотни-омеги. <br>
<b>• Оборотни-альфы (α)</b> – это вожаки. Вожаков без стай не существует. Стать альфой можно двумя способами. Первый – убивать оборотней и забирать их силу, становясь все могущественнее. Второй – это быть истинным, настоящим альфой, которому для того, чтобы подняться, не нужны убийства – силу ему дает его воля и его стая. У альф красные глаза.<br>
<b>• Оборотни-беты (β)</b> – это члены стай. Они подчиняются вожаку и сила их в единстве. Они намного сильнее, когда рядом альфа. Их глаза желтого цвета.<br>
<b>• Оборотни-омеги (ω)</b> – это одиночки, у которых нет стай. Они принадлежат сами себе и никому не подчиняются, но, в то же время, они самые уязвимые среди остальных, ведь за спинами их нет поддержки. Глаза омег голубого цвета.</div>

<br><div class="ttyt3">описание расы</div>
<br><div class="ttyt4">Оборотни делятся на два вида - оборотни по рождению (родились с волчьим геном и всю жизнь жили с ним до активации, которая происходит у всех по-разному, но, чаще всего, примерно в 16 лет) и укушенные (те, кого укусил альфа). Оборотни предпочитают собираться в стаях, ведь стая дает им силу, уверенность в себе и чувство защищенности. В стаях оборотни очень сильны, даже опасны, однако они никогда не нападают без причины. Кровная месть, борьба за власть, попытки защитить своего близкого, полнолуние – в этих случаях оборотни действительно опасны.<br>
Молодые волки слабо контролируют себя и в обычные дни, а в полнолуние и вовсе сходят с ума. Они способны разорвать в клочья любого, кто встанет на их пути. Однако волки, в основном, живут спокойной, мирной жизнью, без особых трудностей уживаясь с простыми людьми. В полнолуние волки обращаются в обязательном порядке, а в остальные дни по собственному желанию. <br>
В человеческом состоянии глаза оборотней могут становиться голубого, красного или желтого цвета. Так же в человеческой форме более опытные и зрелые оборотни могут выпускать когти из пальцев. В каждом оборотне живет "внутренний волк", который и делает обычного человека оборотнем. От отношений с ним напрямую зависит и существование самого оборотня. Если они находятся в гармонии и согласии, а человек принимает своего волка, становясь с ним одним целым, то обращения в волка происходит моментально и безболезненно. Если же человек отталкивает своего волка, не желает слиться с ним воедино и не хочет принимать его, то обращения мучительны - внутренний волк ломает каждую кость в теле человеческой оболочки, силясь выбраться наружу. В этом случае оборотню может помочь только альфа стаи (если он в таковой состоит). Альфа способен успокоить внутреннего волка, если нужно надавить на него и расслабить, сделав обращение менее безболезненным. В волчьей форме оборотни выглядят как обычные волки, только в несколько раз крупнее.</div>

<br><div class="ttyt3">верховенство</div>
<br><div class="ttyt4">В каждой стае всегда существует вожак, волки-одиночки не подчиняются никому.</div>

<br><div class="ttyt3">отношение с другими расами</div>
<br><div class="ttyt4">Натянутые отношения с кицунэ и вампирами, со всеми остальными стараются придерживаться нейтралитета. Так как оборотни чувствуют запах смерти и умирающих существ, они легко могут опознать в своем окружении вампира. Более опытные и взрослые оборотни могут видеть ауры неопытных молодых кицунэ. Себе подобных волки явственно чувствуют лишь в полнолуние. В другое время оборотень может выдать себя, когда эмоции берут над ним вверх. Других сверхъестественных существ они распознать не могут.</div>

<br><div class="ttyt3">защита от вампиров и способы их убийства</div>
<br><div class="ttyt4">Оборотня можно поймать в ловушку из перетертого в пыль аконита.
Убить их можно любым оружием, если после этого замедлить или вообще приостановить регенерацию при помощи аконита или иного яда, не дав оборотню исцелиться. Как результат - потеря крови и смерть от нее.</div>

<br><div class="ttyt3">образ взят</div>
<br><div class="ttyt4">Из телесериал "Teen Wolf" &amp; "Bitten", кинофильма "Twilight"
+ разбавлен авторскими дополнениями.</div>

</div></div></div></div></div>
            </div>
            <div class="mini_gifts"></div><div class="post-rating"><p class="container"><a title="">0</a></p></div>
        </div>
        <div class="clearer"><!-- --></div>
<!-- banner_last_post -->
        </div>
    </div> </div>

<table style="position: absolute; margin-top: 499px !important; margin-left:270px !important">
    <tr>

/********************************************
A - SETUP
**************************************************************/

/* A1 Import the colour scheme
-------------------------------------------------------------*/

/* A1.1 */
@import url(style_cs.css);
@import url(http://fonts.googleapis.com/css?family=Lobster);
@import url(https://fonts.googleapis.com/css?family=Kurale);
@import "http://webfonts.ru/import/bebasneue.css";
@import "http://webfonts.ru/import/cuprum.css";
  @import "http://webfonts.ru/import/nautilus.css";
  @import "http://webfonts.ru/import/archive.css";
  @import "http://fonts.googleapis.com/css?family=Open+Sans:600&subset=latin,cyrillic";
  @import "http://fonts.googleapis.com/css?family=Montserrat";
  @import url(http://fonts.googleapis.com/css?family= … t,cyrillic);
  @import "http://webfonts.ru/import/marckscript.css";
  @import "http://webfonts.ru/import/beermoney.css";
  @import "http://webfonts.ru/import/kobzarks.css";
  @import url(http://fonts.googleapis.com/css?family= … n,cyrillic);
  @import url(http://allfont.ru/allfont.css?fonts=bebas-neue);

@font-face {
font-family: 'Nautilus';
src: url('http://forumstatic.ru/files/0016/26/b0/82734.eot'),
url('http://forumstatic.ru/files/0016/26/b0/12000.woff') format('woff'),
url('http://forumstatic.ru/files/0016/26/b0/68286.ttf') format('truetype'),
url('http://forumstatic.ru/files/0016/26/b0/17025.svg') format('svg');
font-weight: normal;
font-style: normal;
}

/* A2 Deal with browser defaults and wonkiness
-------------------------------------------------------------*/

/* A2.1 */
html, body {margin: 0; padding: 0}

/* A2.2 */
.punbb * {
margin: 0
}

/* A2.3 */
.punbb ul, .punbb dl, .punbb li, .punbb dd, .punbb dt {
padding: 0;
list-style: none;
}

/* A2.4 */
.punbb img {
border:none
}

/* A2.5 */
.punbb .main table {
table-layout: fixed;
width: 100%;
}

/* A2.6 */
.checkfield input[type="checkbox"], .radiofield input[type="radio"] {margin: 0 0.3em;}

/* A2.7 */
p[class="checkfield"] *,
div[class="checkfield"] *,
fieldset[class="radiofield"] * {
height: 1.7em;
vertical-align: middle
}

/* A3 Text setup
-------------------------------------------------------------*/

/* A3.1 */
body {
  font-size: 96.00%;
font: verdana;
  }

/* A3.2 */
.punbb {
  font: normal 68.75% verdana, arial, helvetica, sans-serif;
  }

/* 3.3 */
.punbb textarea, .punbb input, .punbb select, .punbb optgroup {
  font: 1em verdana, arial, helvetica, sans-serif
  }

/* A3.4 */
.punbb h1, .punbb h2, .punbb h3, .punbb h4, .punbb table, .punbb th {
  font-size: 1em;
  font-weight: normal;
  }

/* A3.5 */
/* название тем на стр */
.punbb h1 span,  .punbb legend span {
  font-size: 1.1em;
font: 15px 'cuprum';
letter-spacing: 3px;
color: #162f50 !important;
font-weight: normal;
  text-transform: lowercase;
  }

/* A3.6 */
.punbb pre {
  font: 1.1em/140% monaco, "bitstream vera sans mono", "courier new", courier, monospace
  }

/* A3.7 */
.punbb address, .punbb em {
  font-style: normal
  }

/* A3.8 */
.punbb .post-content em {
  font-style: italic
  }

/* A3.9 */
.punbb .post-content em.bbuline {
  font-style: normal;
  text-decoration: underline;
  }

/* A3.10 */
.punbb a {
  text-decoration: underline
  }

/* A3.11 */
.punbb optgroup {
  font-weight: bold;
  }

/* A4 Float clearing and hidden items
-------------------------------------------------------------*/

/* A4.1 */
#pun:after,
.punbb .container:after,
.punbb .post-links ul:after,
.punbb .main div.inline:after,
.punbb .post-box:after,
.punbb .linksb:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  overflow:hidden;
  line-height: 0.0;
  font-size: 0;
  }

/* A4.2 */
.acchide,
#pun-index #pun-main h1,
#pun-navlinks h2,
#pun-pagelinks h2,
#pun-status h2,
#pun-ulinks h2,
.punbb .forum h2,
.punbb .multipage .topic h2,
.punbb dl.post-sig dt span,
.punbb p.crumbs strong,
.punbb .divider hr,
.punbb .required label em,
.punbb .formsubmit label,
.punbb .submitfield label,
.punbb .modmenu label,
#pun-userlist .main h2 {
  font-size: 0;
  height: 0;
  width: 0;
  line-height: 0.0;
  position:absolute;
  left: -9999px;
  overflow: hidden
  }

/* A5 Basic page layout and borders
-------------------------------------------------------------*/

/* A5.1 */
#pun {
margin: 0px auto auto auto;
width : 1073px;
padding: 0px 0px 0px 0px;
border: none;
border-top: none;
}

/* A5.2 */
.punbb {
float: left;
margin-left: 39px;
width: 92%;
height: auto;
}

/* A5.3 */
#pun-redirect, #pun-maint {
 
margin: 0px 20% 0px 0%;
  height: 100px;
  width: 1005px;
  float: none;
background-image: url("");
background-position: top center; background-attachment: relative; }

/* A5.4 */
.punbb .section, .punbb .main {
margin-bottom: 1em;
}

/* A5.5 */
.punbb .category, .punbb .post {
margin-top: 0.4em;
}

/* A5.6 */
.punbb #pun-category1, .punbb .toppost, .punbb .topicpost {
margin-top: 0;
}

/* 5.7 */
#pun-post .topic {
margin-top: 1em;
}

/* A5.8 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
border-style: none none none none;
border-width: 0px 0px 0px 0px
}

/* A5.9 */
.punbb .container {
border-style: none;
border-width: 0;
}

/* A5.10 */
#pun-main h1, .punbb .section h2, #pun-stats h2, #pun-debug h2 {
padding: 10px 1em 10px 1em;
border-style: none none none none;
border-width: 0 0 0 0;
}

#pun-main h2 {
padding-bottom: 0px;
font-weight: bold;
color:  #000000;
text-align: center;
font-size: 0px;
font-family: Trajan Pro;
height : 0px;}

/********************************************************/*************************************************************
B - MAIN CONTENT - GENERAL
**************************************************************/

/* B1 Parsed Content, Signatures and Scroll Boxes
-------------------------------------------------------------*/

/* B1.1 */
.punbb .post-content {
  padding: 0;
  margin: 0;
  width: 100%;
  overflow: hidden;
  }

/* B1.2 */
.punbb .post-sig dt {
  display: block;
  border-top: 3px solid #853416;
   width: 100%;
  margin: 5px 0;
  }

/* B1.3 */
.punbb .post-content p {
  margin: 0;
  padding: 0 0 1em 0;
  line-height: 150%;
  }

/* B1.4 */
.punbb .post-content img {
  vertical-align: text-bottom
  }

/* B1.5 */
.punbb .post-content img.postimg {
  vertical-align: middle;
  }

/* B1.6 */
.punbb .post-content .blockcode, .punbb .post-content blockquote {
  width: 100%;
  overflow: hidden;
  }

/* B1.7 */
.punbb .post-content .scrollbox {
  width: 100%;
  overflow: auto;
  }

/* B1.8 */
.punbb .post-content .quote-box, .punbb .post-content .code-box {
  margin: 0.4em 1.8em 1.4em 1.8em;
  padding: 1em;
  border-style: none;
  border-width: 1px;
  }

/* B1.9 */
.punbb .quote-box cite, .punbb .code-box strong.legend {
  display: block;
  padding-bottom: 0.7em;
  font-size: 1.1em;
  font-weight: bold;
  font-style: normal;
  margin: 0;
  }

/* B2 Information boxes
-------------------------------------------------------------*/

/* B2.1 */
.punbb .info-box {
  padding: 1.1em 1.7em 1em 1.7em;
  border-style: solid;
  border-width: 1px;
  margin: 0 0 1.1em 0;
  }

/* B2.2 */
.punbb .info-box * {
  padding: 0 0 0.7em 0;
  }

/* B2.3 */
.punbb #pun-main .info-box .legend {
  font-size: 1.1em;
  font-weight: bold;
  }

/* B3 Pagination and posting links
-------------------------------------------------------------*/

/* B3.1 */
.punbb .linkst {
  float: left;
  position: relative;
  width: 100%;
  font-size: 1.1em;
  height: 0;
  }

/* B3.2 */
.multipage {
  margin-top: 3em;
  }

/* B3.3 */
.linkst .pagelink {
  position: absolute;
  top: -4em;
  left: 1em;
  width: 24em;
  }

/* B3.4 */
.linkst .postlink {
  position: absolute;
  top: -4em;
  right: 1em;
  width: 16em;
  text-align: right;
  font-weight: bold;
  }

/* B3.5 */
.punbb .linksb {
  text-align: right;
  padding: 0.4em 1em 0.5em 1em;
  font-size: 1.1em;
font-family: cuprum;
font-style: italic;
text-transform: lowercase;
  }

/* B3.6 */
.linksb .pagelink {
  float: left;
  width: 24em;
  text-align: left;
  }

/* B3.7 */
.linksb .postlink {
  float: right;
  width: 16em;
  font-weight: bold;
  }

/* B3.8 */
.subscribelink {
  clear:both;
  padding-top: 0.3em;
  padding-bottom: 0.5em;
  }

/*********************************/*************************************************************

C - MAIN CONTENT - SPECIFIC

**************************************************************/

/* C1 Form layout

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

/* C1.1 */

.punbb .formal .container {

  padding: 1.7em 2.3em 1.1em 2.3em;

  }

/* C1.2 */

.punbb .formsubmit {

  padding: 0 0 0 1.7em;

  margin: 1em 0 0 0;

  }

/* C1.3 */

.punbb .formsubmit input, .punbb .formsubmit a, .punbb .formsubmit span {

  margin: 0 0.6em 0 0

  }

/* C1.4 */

.punbb fieldset {

  border-style: none;

  border-width: 0px;

  padding: 0 18px 0 18px;

  margin: 0 0 1em 0

  }

/* C1.5 */

.punbb fieldset legend {

  padding: 0;

  margin: 0 0 0 11px;

  font-size: 1.1em

  }

/* C1.6 */

.punbb fieldset legend span {

  padding: 0 5px;

  margin: 0 0 0 -15px;

  }

/* C1.7 */

.punbb fieldset fieldset {

  border-style: none;

  margin: 0;

  padding: 0 0 8px 0

  }

/* C1.8 */

.punbb .fs-box {

  padding: 1em 0 0.8em 0;

  }

/* C1.9 */

.punbb .fs-box p, .punbb .fs-box fieldset {

  padding: 0 0 0.8em 0

  }

/* C1.10 */

.punbb .inline .inputfield, .punbb .inline .selectfield, .punbb .inline .passfield {

  float: left;

  margin-right: 1em;

  }

/* C1.11 */

.punbb .inline .infofield {

  clear:both

  }

/* C1.12 */

.punbb .datafield br {

  display: none

  }

/* C1.13 */

.punbb .required label, .punbb .datafield span.input {

  font-weight: bold;

  }

/* C1.14 */

.punbb .datafield span.input a {

  font-weight: normal;

  }

/* C1.15 */

.punbb .areafield span.input, .punbb p.longinput span.input {

  display: block;

  padding: 0 12em 0 0;

  height: 100%; /* For IE */

  }

/* C1.16 */

.punbb textarea, .punbb .longinput input {

  width: 64%;

  margin: 0;

  }

/* C1.17 */

.punbb .hashelp {

  position: relative;

  }

/* C1.18 */

.punbb .helplinks {

  display: block;

  position: absolute;

  top: 1em;

  right: 0;

  font-weight: normal;

  width: 36%;

  }

/* c1.19 */

.punbb #profile .helplinks {

  top: 1.5em;

  }

/* C1.20 */

.punbb .helplinks span {

  display: block;

  padding-bottom: 0.2em;

  }

/* C1.21 */

#pun-post .formal .info-box li {

  padding-left: 4px;

  list-style-type: square;

  list-style-position: inside;

  line-height: 1.5;

  margin: 0;

  }

/* C2 Table layout
-------------------------------------------------------------*/

/* C2.1 */
.punbb .main .tcl {
  overflow: hidden;
  text-align: left;
  width: 55%;
  padding-right: 1px;

  }

/* C2.2 */
.punbb .main .tc2, .punbb .main .tc3, .punbb .main .tcmod {
  text-align: center;
  width: 10%;
  }

/* C2.3 */
.punbb .main .tcr {
  overflow: hidden;
  text-align: left;
  width: 30%;
  }

/* C2.4 */
#pun-userlist .main .tcl,
#pun-searchtopics .main .tcl,
#pun-modviewforum .main .tcl {
  width: 40%
  }

/* C2.5 */
#pun-userlist .main .tc2,
#pun-searchtopics .main .tc2 {
  text-align: left;
  width: 20%;
  }

/* C2.6 */
#pun-debug table .tcl {
  width: 15%;
  white-space:normal;
  }

/* C2.7 */
#pun-debug .tcr {
  width: 90%;
  white-space: normal;
  }

/* C2.8 */
/* название подфорума */
#pun-index .tcl h3 {
  font-size: 1.2em;
text-transform: uppercase;
text-align: center;
text-transform: uppercase;
font-family: "bebas neue";
font-weight: bold;
font-size: 21px;
color: #4d51a5 !important;
text-shadow: 2px 1px 0px #4d51a5;
margin-top: -5px;
}

#pun-index .tcl h3 a, li#pun-index .tcl h3 {color: #ccc6e8;
}

/* C2.9 */
.punbb td span.youposted {
  font-weight: bold;
  margin-left: -1em;
  position: absolute;
  }

/* C2.10 */
.punbb td .modlist {
  display: block;
  padding-top: 0.3em
  }

/* C2.11 */
.punbb .main td {
  border-style: none none none none;
  border-width: 0px 0 0 0px;
  padding: 0.8em 1em;
  }

/* C2.12 */
.punbb .main th {
  border-style: none none none none;
  border-width: 0 0 0 0px;
  padding: 0.4em 1em 0.4em 1em;
  }

/* C2.14 */
/* название тем на глав стр*/
.punbb td div.tclcon {
  margin-left: 41px;
}

.punbb .main .tcr a {
  font-family: 'cuprum' !important;
  font-size: 13px !important;
  font-style: normal;
font-weight: bold !important;
text-shadow: 0px 0px 0px #ffffff;
}

.punbb div.icon {
  float: right;
  display: block;
  width: 70px;
  height: 60px;
  padding-right: 12px;
}

/* C2.15 */
.punbb div.icon {
    float: left;
    display: block;
    width: 70px;
    height: 70px;
margin-left: 25px;}

/* C3 Topics

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

/* C3.1 */

.punbb .post .container {

  border-style: none none none none;

  border-width: 0px;

  margin-top: -1px;

  padding-bottom: 1px;

  }

/* C3.2 */

.punbb .post h3 {

  border-style: none none none none;

  border-width: 0px;

  }

/* C3.3 */

.punbb .post h3 span {

  padding: 0.5em 1em;

  display: block;

  margin-left: 23em;

  border-left-style: none;

  border-left-width: 0px
 

  }

/* C3.4 */

.punbb .post h3 strong {

  float: right;

  width: 5em;

  text-align: right;

  font-weight: normal;
  padding-right: 30 px;

  }

/* C3.5 профиль */
.punbb .post .post-author {
  float: left;
  text-align: center;
  width: 228px;
  margin-top: -2.1em;
  overflow: hidden;
  margin-left: -14px;
  padding: 0px 15px 15px 9px;
  min-height: 110px;
background: url(http://funkyimg.com/i/2sRFk.png) 0px bottom no-repeat,
url(http://funkyimg.com/i/2sRJW.png) 0px top no-repeat, url(http://funkyimg.com/i/2sRFj.png) 0px repeat-y;
}

/* C3.6 */

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

  padding: 0 1em 1em 1em;

  line-height: 140%;

  text-align: left;

  }

/* C3.7 */
/* ник */
.pa-author {
    width: 210px!important;
    margin-top: 33px!important;
    text-align: center;
    font-size: 18px;
    font-family: "bebas neue" !important;
    font-weight: 900;
    color: #dddded!important;}

/* C3.8 */

.pa-author a {

  text-decoration: none;

  }

/* C3.9 */
/* статус */
li.pa-title {
margin-top: 7px;
  padding-bottom: 0.3em;
font-size: 8.5px;
letter-spacing: 1px;
  text-align: center;
   font-family: 'nautilus';
   font-weight: normal;
    text-transform: lowercase;
opacity: 0.7;
line-height: 3px;
  }

#pun-index th.tcl {
   font-size:0%;
}

th.tc2, th.tc3, th.tcr, .forum thead tr .tcl {
text-transform:lowercase;
opacity:.4;
font-size:10px;
letter-spacing: 1px;
    text-transform: lowercase;
font-weight:normal!important;
}

#pun-index .tc3, #pun-index .tc2, #pun-index th.tcr {
   text-align:center !important;
}

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: none;

  border-left-width: 0px;

  padding: 0 0 1px 0;
  padding-right: 20px;

  }

/* C3.12 */

.punbb .post-box {
padding: 10px 10px 10px 50px;

  }

/*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: 1px;

  }

/* C3.15 */
/* C3.15 */
/* профиль лс е-майл */
.punbb .post-links ul {

  padding: 0 1em 0 0;

  height: 2em;

  line-height: 2em;

  margin-left: -17em;

  border-top-style: none;

  border-top-width: 0px;

  background: transparent;

  text-align: right;

font: 11px 'cuprum';
text-shadow: #ffffff 1px 1px!important;

font-weight: bold!important;

  text-transform: uppercase;

  }

/* 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;

  }

/* C4 Moderator menu

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

/* C4.1 */

.punbb .modmenu .container {

  padding: 0.5em 1em;

  text-align: right;

font-style: italic;

text-transform: lowercase;

font: 13px 'cuprum';

color: #2e4f7d !important;

font-weight: normal!important;
  }

/* C4.2 */

.punbb .modmenu strong, .punbb .modmenu a {

  height: 1.8em;

  line-height: 1.8em;

  }

/* C4.3 */

.punbb .modmenu .container strong {

  float: left;

  }

/* C4.4 */

.punbb .modmenu input {

  margin-left: 1em;

  }

/* C5 Message boxes

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

/* C5.1 */

.punbb .info .container {

  padding: 0.8em 1em

  }

/* C5.2 */

.punbb .info .container .backlink {

  padding-top: 0.8em;

  }

/* C6 Profile

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

/* C6.1 */

#profile .container {

  padding-left: 18.6em;

  }

/* C6.2 */

#profilenav {

  float: left;

  width: 14em;

  margin-left: -16.3em;

  display: inline;

  }

/* C6.3 */

#profilenav li {

  padding-bottom: 0.8em;

  font-weight: bold;

  }

/* C6.4 */

#viewprofile ul, #profilenav ul {

  border-style: solid;

  border-width: 1px;

  padding: 1.5em 18px 0.8em 18px;

  margin: 0 0 1em 0;

  }

/* C6.5 */

#viewprofile h2, #profilenav h2 {

  background: transparent;

  border: none;

  padding: 0 0 0 0;

  margin: 0 14px -0.6em 14px;

  }

/* C6.6 */

#viewprofile h2 span, #profilenav h2 span {

  padding: 0 5px;

  position: relative;

  }

/* C6.7 */

#viewprofile li, #setmods dl {

  padding: 0 0 0 16em;

  margin-bottom: 0.2em;

  }

/* C6.8 */

#viewprofile li span {

  float: left;

  width: 14em;

  margin-left: -16em;

  padding: 0.5em 1em;

  font-weight: bold;

  }

/*C6.9 */

#setmods dt {

  float: left;

  width: 14em;

  margin-left: -16em;

  padding: 0.8em 1em;

  font-weight: bold;

  display: inline;

  }

/* C6.10 */

#viewprofile li strong, #viewprofile li div, #setmods dd {

  display: block;

  padding: 0.5em 1em;

  font-weight: normal;

  }

/* C6.11 */

.punbb img.avatardemo {

  float: right;

  margin: 0 0 0.8em 1.8em

  }

/* C7 User list
-------------------------------------------------------------*/

/* C7.1 */
#pun-userlist .formal, #pun-userlist .formal .container {
  border-bottom: none;
  margin-bottom: 0;
  }

/* C7.2 */
#pun-userlist .usertable .container {
  padding: 0 2.3em 2.3em 2.3em;
  border-top: none;
  }

/* C7.3 */
#pun-userlist .usertable table {
  border-style: solid;
  border-width: 1px;
  }

/*************************************************************
D - PUNBB SECTIONS OTHER THAN MAIN CONTENT
**************************************************************/

/* D1 Logo and description
-------------------------------------------------------------*/

/* D1.1 */
#pun-title {
  margin: 0;
  border-style: none none none none;
  border-width: 1px 1px 0 1px;
  }

/* D1.2 */
#pun-title h1 {
  display : block;
  height : 40px;
  padding: 2em 1em 0 1em;
  }

/* D1.3 */
#pun-title .container {
  border-style: none none none none;
  }

/* D1.4 */
#pun-title h1 span  {
  font-size: 1.5em;
  }

/* D1.4 */
#pun-title h1 span  {
  display: none;
  }

#pun-title h1 span  {
  font-size: 1.5em;
  }

/* D2 Page navigation

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

/* D2.1 */

#pun-pagelinks {

  position: absolute;

  top: -15px;

  left: 0;

  margin: 0;

  border: none;

  padding: 0;

  width: 100%;

  }

/* D2.2 */

#pun-pagelinks .container {

  background: transparent;

  border: none;

  padding: 0}

/* D2.3 */

#pun-pagelinks .container li {

  display: inline

  }

/* D2.4 */

#pun-pagelinks li a, #pun-pagelinks a:link, #pun-pagelinks a:hover {

  height: 2em;

  line-height: 2em;

  padding: 0;

  font-size: 1.2em;

  margin-left: -9999px;

  display: block;

  float:left;

  width: 100%;

  }

/* D2.5 */

#pun-pagelinks a:active, #pun-pagelinks a:focus {

  position:relative;

  margin: 0;
}

#pun-pagelinks li a span {

  display:block;

  margin: 0 1em

  }

/* D3 Forum navigation
-------------------------------------------------------------*/

/* D3.1 */
#pun-navlinks {
  border-style: none;
  margin: 0px 0 0 0;

  }

/* верхнавиг*/
/* D3.2 */
#pun-navlinks .container {
  margin-top: -670px; /*высота расположения*/
  padding: 10em 5em;
  text-align: center; /*расположение*/
  }

/* D3.3 */
#pun-navlinks li {
  display: inline;
  padding-right: 0.5em;
  }

/* D3.4 */
#pun-navlinks li a {
  text-transform: uppercase;
font-family: "bebas neue";
font-weight: bold;
font-size: 22px;
letter-spacing: 1px;
color: #dbeefd !important;

text-shadow: 2px 0px 0px #395a9e;

  }

/* D4 User links
-------------------------------------------------------------*/

/* D4.1 */
#pun-ulinks  {
  margin-top: 100px;
  margin-bottom:550px;
  }

/*низнав */
/* D4.2 */
#pun-ulinks .container {
  margin-top: -240px !important; /*высота расположения*/
  padding: 0.7em 1em;
text-align: center; /*расположение*/
  }

/* D4.3 */
#pun-ulinks li, #pun-ulinks li a {
  display: inline;
  border-left-style: solid;
  border-left-width: 1px;
  white-space: nowrap;

  }

/* D4.4 */
#pun-ulinks li a {
  padding: 0 0.3em 0 0.6em;
text-transform: lowercase;
font-family: "arial";
font-weight: normal;
font-size: 11px;
color: #fff !important;
letter-spacing: 0.5px;
opacity: 0.73;
text-shadow: 1px 0px 0px #395a9e;

  }

/* D4.5 */
#pun-ulinks li.item1, #pun-ulinks li.item1 a {
  border-left-style: none;
  border-left-width: 0;
  padding-left: 0
  }

/* D5 Welcome box and Top Breadcrumbs
-------------------------------------------------------------*/

/* D5.1 */
#pun-status, #pun-status .container {
  border-bottom: none;
  margin-bottom: 0px;
  }

/* D5.2 */
#pun-status .container {
  padding: 1em 1em 1em 1em;
  }

/* D5.3 */
#pun-status span {
  white-space: nowrap;
  margin-right: 0.5em;
  }

/* D5.4 */
/* название фора на стр */
#pun-crumbs1 {
  font-weight: bold;
  overflow: hidden;
  margin-top: 0;
text-align:center;
  font-size: 14px;
   text-transform: uppercase;
font-family: "bebas neue" !important;
  font-style: normal;
text-shadow: px px 0px #ffffff;
  }

/* D5.5 */
#pun-crumbs1 p.container {
  border-top: none;
  padding: 1em 1em 0.8em 1em;
  font-size: 1.1em;
color: #375b8a !important;
  text-align:center;
  }

/* D5.6 */
#pun-break1 {
  margin: 0 1em;
  border-style: solid none;
  border-width: 1px 0;
  height: 0;
  margin: -2px 1em;
  position: relative;
  z-index: 1;
  }

/* D5 Welcome box and Top Breadcrumbs

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

/* D5.1 */

#pun-status, #pun-status .container {

  border-bottom: none;

  margin-bottom: 0;
  width: 1112px;

  }

/* D5.2 */

#pun-status .container {

  padding: 0.8em 1em 1em 1em;
   width: 1020px;

  }

/* D5.3 */

#pun-status span {

  white-space: nowrap;

  margin-right: 0.5em;

  }

/* D5.4 */

#pun-crumbs1 {

  font-weight: bold;

  overflow: hidden;

  margin-top: 0;

  }

/* D5.5 */

#pun-crumbs1 p.container {

  border-top: none;

  padding: 1em 1em 0.8em 1em;

  font-size: 1.1em;
  margin-right: 35px;
  text-align: center;
  }

/* D5.6 */

#pun-break1 {

  margin: 0 1em;

  border-style: solid none;

  border-width: 1px 0;

  height: 0;

  margin: -2px 1em;

  position: relative;

  z-index: 1;

  }

/* D6 Announcement

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

/* D6.1 */

#pun-announcement h2 {

  padding: 0;

  margin: 0 1em -3.5em 1em;

  border-style: none none solid none;

  border-width: 0 0 1px 0;

  position: relative;

  font-weight: bold;

  }

/* D6.2 */

#pun-announcement h2 span {

  display: block;

  padding: 1em 0 0.8em 0;

  border-bottom-style: solid;

  border-bottom-width: 1px;

  }

/* D6.3 */

#pun-announcement .container {

  padding: 4.3em 1em 1em 1em;

  }

/* D7 Statistics

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

/* D7.1 */

#pun-stats .container {

  padding: 0.8em 1em
  }

/* D7.2 */

#pun-stats li.item1, #pun-stats li.item2 {

  float: left;

  clear: both;
  font-weight: normal;

  line-height: 150%;

  }

/* D7.3 */

#pun-stats li.item3, #pun-stats li.item4 {

  text-align: right;
   

line-height: 150%;

  }

/* D7.4 */

li#onlinelist {

  margin-top: 1em;

  border-top-style: solid;

  border-top-width: 1px;

  float: left;

  width: 100%;

  line-height: 130%;
   font-weight: normal;

  }

/* D7.5 */

li#onlinelist div {

  border-top-style: solid;

  border-top-width: 1px;
   font-weight: normal;
text-align: left;
  padding: 0.7em 0 0 0;

  }

/* D8 Quick Jump - About - Bottom Breadcrumbs

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

/* D8.1 */

#pun-qjump {

  margin: 0;

  border: none;

  width: 50%;

  position: relative;

  float: left;

  }

/* D8.2 */

#pun-qjump .container {

  border: none;

  background: transparent;

  padding: 0.8em 1em;

  }

/* D8.3 */

#pun-about {

  margin-top: 0;

  }

/* D8.4 */

#pun-about .container {

  border-top-style: none;

  text-align: right;

  line-height: 150%;

  padding: 0.8em 1em;

  }

/* D8.5 */

#pun-about p span {

  display:block;

  padding-left: 50%;

  }

/* D8.6 */

#pun-crumbs2 {

  font-weight: bold;

  overflow: hidden;

  margin-bottom: 0;

  border-bottom: none;

  }

/* D8.7 */

#pun-crumbs2 .container {

  border-bottom: none;

  padding: 0.8em 1em;

  font-size: 1.1em;

  }

/* D8.8 */

#pun-break4 {

  margin: -2px 1em;

  border-style: solid none;
}

.punbb .pa-author a {
  color: #dddded!important;
  text-decoration: none;
}

.pa-fld2 { margin-left: -6px !important;}
.pa-fld1 { margin-left: -10px !important;
    margin-top: -15px;}
.pa-fld5 { margin-left: -5px !important;
    margin-top: -37px;}

<style>
.htmldemo{position:relative}

.lu1 > div , .lu1 > input { display: none; }
.lu1 {text-align: center; width: 806px; height: 725px; margin-top: -20px;margin-left: 20px;}
.lu1 input[type="radio"]:checked + label {
font-weight: bold;
text-transform: uppercase;
margin-left: -100px;
margin-top: -20px;
}
.lu1 > input:nth-of-type(1):checked ~ div:nth-of-type(1),
.lu1 > input:nth-of-type(2):checked ~ div:nth-of-type(2)
{ display: block; margin-top: 10px; text-align: justify; line-height: 6px;font-size: 12px; width: 550px;}  >
input { display: none; }

.lu1 label {
width: 205px;
padding: 5px 30px;
display: inline-block;
letter-spacing: 2px;
text-shadow: 1px 1px #8a8887;
color: #FFFFFF;
margin-left: -100px;
    margin-top: 27px;
  font-size: 16px;
text-transform: uppercase;
}
.lu1 label:hover {
color: #474794;
text-transform: uppercase;}

.htmldemo{position:relative}

#click1, #click2, #click3, #click4, #click5, #click6, #click7, #click8, #click9, #click10, #click11 {/* background-color: rgba(0, 0, 0, 0.8); */ display: none;    position: absolute;  z-index: 99999; top: 0; right: 0;bottom: 0;left: 0;}
#glav1, #glav2, #glav3, #glav4, #glav5, #glav6, #glav7, #glav8, #glav9, #glav10, #glav11 {max-width: 600px; width: 70%;    margin: 5% auto;    position: absolute; font-family: refugemedium;   font-size: 23px; color: #3F9C1E; text-shadow: 1px 1px 1px #fff;}

/* кнопка закрытия */
.close {background-color: #cae6ec; border: 2px solid #a09f9f; height: 24px; line-height: 24px; position: absolute; right: -120px; cursor: pointer; text-align: center; font-size: 14px; font-family: helvetica, arial; top: -15px; width: 24px; border-radius: 15px; box-shadow: 1px 1px 3px #000;}

.wiki {font-family: Arial; font-size: 12px; }
.wiki1 {height: 452px; width: 550px; margin-top: 5px; margin-left: 90px;}
.wiki2 {height: 452px; width: 550px; margin-top: 5px; margin-left: 90px;}
.wiki3 {height: 540px; width: 600px; margin-top: 60px; margin-left: -53px;}
.wiki4 {height: 540px; width: 600px; margin-top: 60px; margin-left: -53px;}
.wiki5 {height: 540px; width: 600px; margin-top: 60px; margin-left: -53px;}
.wiki6 {height: 540px; width: 600px; margin-top: 60px; margin-left: -53px;}
.wiki7 {height: 540px; width: 600px; margin-top: 60px; margin-left: -53px;}
.wiki8 {height: 540px; width: 600px; margin-top: 60px; margin-left: -53px;}
.wiki9 {height: 540px; width: 600px; margin-top: 60px; margin-left: -53px;}
.wiki10 {height: 540px; width: 600px; margin-top: 60px; margin-left: -53px;}
.wiki11 {height: 540px; width: 600px; margin-top: 60px; margin-left: -53px;}

label[for="ra2"],label[for="ra1"]{
cursor:pointer;
}
#ra1:checked+label,
#ra2:checked+label{
  opacity:.6;
}
</style>

<script type="text/javascript">
$(window).load(function(){
$('label[for="ra1"]').click();
});
</script>

<center><div style="width: 1015px; height: 846px;
background: url(http://funkyimg.com/i/2rTR4.png) repeat-y">

<div style="text-align: justify; font-size: 11px; "><br>
<div class="lu1">
 
<input type="radio" name="odin1" checked="checked" id="ra1"/><label for="ra1"><img src="http://funkyimg.com/i/2sxtf.png" title=" Кабинет "></label>
 
<input type="radio" name="odin1" id="ra2"/><label title=" План дома " for="ra2"><img src="http://funkyimg.com/i/2sxtg.png"></label>
 

 
<div class="box"> <div style="width: 806px; height: 598px; margin-top: 117px; margin-left: 89px; line-height: 10px; background: url(http://funkyimg.com/i/2sxt6.png) repeat-y">
 
<!-- ПОДАРКИ -->
<div style="position: absolute; margin-top: 100px; margin-left: -2px; padding-right: 1px; width: 175px; height: 71px; overflow: auto;">
<img src="http://s8.uploads.ru/BcHWE.png"> <img src="http://s8.uploads.ru/BcHWE.png"><img src="http://s8.uploads.ru/BcHWE.png"> <img src="http://s8.uploads.ru/BcHWE.png"><img src="http://s8.uploads.ru/BcHWE.png"> <img src="http://s8.uploads.ru/BcHWE.png"><img src="http://s8.uploads.ru/BcHWE.png">

</div>

<!-- ПЛАШКИ -->
<div style="position: absolute; margin-top: 8px; margin-left: 347px; padding-right: 5px; width: 450px; height: 77px; font-size: 12px; line-height: 100%; font-family: ARIAL ITALIC; color: #1d7173; overflow: auto; text-align: justify;">

<img src="http://i.imgur.com/fhll6tA.png"><img src="http://i.imgur.com/fhll6tA.png"><img src="http://i.imgur.com/fhll6tA.png"><img src="http://i.imgur.com/fhll6tA.png"><img src="http://i.imgur.com/fhll6tA.png"><img src="http://i.imgur.com/fhll6tA.png"><img src="http://i.imgur.com/fhll6tA.png"><img src="http://i.imgur.com/fhll6tA.png"><img src="http://i.imgur.com/fhll6tA.png">

</div>

<!-- РОЖА -->
<img src="http://placehold.it/115x130" style="position: absolute; margin-top: 153px; margin-left: 633px;">

<!-- ЦИТАТА -->
<div style="position: absolute; margin-top: 230px; margin-left: 440px; padding-right: 5px; width: 140px; height: 77px; font-size: 13px; font-style: italic; line-height: 100%; font-family: ARIAL ITALIC; color: #cccccc; overflow: auto; text-align: justify;">

"Тут немного текста от пользователя, что-то типо напутствия для самого себя."

</div>

<!-- КОЛ-ВО ПОСТОВ -->
<div style="position: absolute; font-family: Bebas Neue; font-size: 31px; line-height: 90%; color: #fcf5cc; text-shadow: #c1b677 1px 1px 0px; margin-top: 209px; margin-left: 158px; ">
00
</div>

<!-- НАГРАДЫ -->
<div style="position: absolute; margin-top: 338px; margin-left: 65px; padding-right: 15px; width: 113px; height: 51px;overflow: auto;">

<img src="http://funkyimg.com/i/2rPxc.png"> <img src="http://funkyimg.com/i/2rPxc.png"><img src="http://funkyimg.com/i/2rPxc.png"> <img src="http://funkyimg.com/i/2rPxc.png"><img src="http://funkyimg.com/i/2rPxc.png"> <img src="http://funkyimg.com/i/2rPxc.png"><img src="http://funkyimg.com/i/2rPxc.png"> <img src="http://funkyimg.com/i/2rPxc.png">

</div>

<!-- ДРУГИЕ НАГРАДЫ -->
<div style="position: absolute; margin-top: 411px; margin-left: 65px; padding-right: 15px; width: 113px; height: 51px;overflow: auto;">

<img src="http://funkyimg.com/i/2rPxc.png"> <img src="http://funkyimg.com/i/2rPxc.png"><img src="http://funkyimg.com/i/2rPxc.png"> <img src="http://funkyimg.com/i/2rPxc.png"><img src="http://funkyimg.com/i/2rPxc.png"> <img src="http://funkyimg.com/i/2rPxc.png"><img src="http://funkyimg.com/i/2rPxc.png"> <img src="http://funkyimg.com/i/2rPxc.png">

</div>

</div></div>

<div class="box"> <div style="width: 820px; height: 598px; margin-top: 118px; margin-left: 88px; background: url(http://funkyimg.com/i/2rTsx.png) repeat-y"><div style="width: 806px; height: 598px; margin-left: 12px; padding-right: 12px; text-align: justify; color: #FFFFFF; overflow-x: auto;">

<!-- КОМАНДА -->
<img src="http://funkyimg.com/i/2rTsy.png" style="position: absolute; margin-top: 5px; margin-left: 0px;">

<!-- АРХИВ СОБЫТИЙ -->
<div style="position: absolute; margin-top: 18px; margin-left: 120px; padding-right: 5px; width: 400px; height: 60px; font-size: 12px; line-height: 100%; font-family: ARIAL ITALIC; color: #1d7173;  overflow: auto; text-align: justify; "> текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст </div>

<!-- АКТУАЛЬНЫЕ СОБЫТИЯ -->
<div style="position: absolute; margin-top: 18px; margin-left: 551px; padding-right: 5px; width: 161px; height: 60px; font-size: 12px; line-height: 100%; font-family: ARIAL ITALIC; color: #1d7173;  overflow: auto; text-align: justify; "> текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст </div>

<!-- МАГАЗИН -->
<img src="http://funkyimg.com/i/2rTsC.png" style="position: absolute; margin-top: 5px; margin-left: 730px;">

<!-- КВАРТИРЫ -->
<div style="position: absolute; margin-top: 105px; margin-left: 20px; width: 771px; height: 493px; font-size: 12px; overflow: auto;">

<!-- ДОМ -->
<div style="width: 740px; height: 944px; position: absolute; background: url(http://funkyimg.com/i/2rW7o.png) repeat-y">

<!-- ЛЕСТНИЦА -->
<div id="click2"><div id="glav2"><center>
<div style="background: url(http://funkyimg.com/i/2thd3.png) left top;margin:-13px 40px;width: 549px;height:448px;" class="wiki1"><br>
<img src="http://funkyimg.com/i/2t9Lz.png"> <img src="http://funkyimg.com/i/2t9LA.png"> <img src="http://funkyimg.com/i/2t9LG.png"> <img src="http://funkyimg.com/i/2t9LL.png"> <img src="http://funkyimg.com/i/2t9LV.png"><img src="http://funkyimg.com/i/2t9Mz.png"> <img src="http://funkyimg.com/i/2t9M7.png"> <img src="http://funkyimg.com/i/2t9M8.png"> <img src="http://funkyimg.com/i/2t9M9.png"> <img src="http://funkyimg.com/i/2t9Ma.png"> <img src="http://funkyimg.com/i/2t9Mb.png"> <img src="http://funkyimg.com/i/2t9My.png">

<div class="wiki" style="width: 500px; height: 420px; margin-top:4px">
<img src"http:="" funkyimg.com="" i="" 2t9pz.png"=""/>
</div>

</center>
<a class="close" title="Закрыть" onclick="document.getElementById('click2').style.display='none';">X</a></div></div>
<a href="javascript:void(0)" onclick="document.getElementById('click2').style.display='block';">
<span class="tooltip tooltip-turnleft"><img src="http://funkyimg.com/i/2tjBP.png" style="display:block;width: 25px; margin-top: 331px; margin-left: 339px; position: absolute;"></span></span></a>

<!-- ЛЕСТНИЦА -->
<div id="click3"><div id="glav3"><center>
<div style="background: url(http://funkyimg.com/i/2thd3.png) left top;margin:-13px 40px;width: 549px;height:448px;" class="wiki2"><br>
<img src="http://funkyimg.com/i/2t9Lz.png"> <img src="http://funkyimg.com/i/2t9LA.png"> <img src="http://funkyimg.com/i/2t9LG.png"> <img src="http://funkyimg.com/i/2t9LL.png"> <img src="http://funkyimg.com/i/2t9LV.png"><img src="http://funkyimg.com/i/2t9Mz.png"> <img src="http://funkyimg.com/i/2t9M7.png"> <img src="http://funkyimg.com/i/2t9M8.png"> <img src="http://funkyimg.com/i/2t9M9.png"> <img src="http://funkyimg.com/i/2t9Ma.png"> <img src="http://funkyimg.com/i/2t9Mb.png"> <img src="http://funkyimg.com/i/2t9My.png">

<div class="wiki" style="width: 500px; height: 420px; margin-top:4px">
<img src"http:="" funkyimg.com="" i="" 2t9pz.png"=""/>
</div>

</center>
<a class="close" title="Закрыть" onclick="document.getElementById('click3').style.display='none'"  style="right:-73px;top:-27px">X</a></div></div></div>
<a href="javascript:void(0)" onclick="document.getElementById('click3').style.display='block';">
<span class="tooltip tooltip-turnleft"><img src="http://funkyimg.com/i/2tjBP.png" style="display:block;width:25px; position: relative; left:140px;top:280px"/></span></a>

<!-- СПАЛЬНЯ -->
<div id="click4"><div id="glav4"><center>
<div style="background: url(http://funkyimg.com/i/2thd3.png) width: 549px;height:448px;" class="wiki3"><br>
asdsadsad
<div class="wiki" style="width: 500px; height: 420px; margin-top:4px">

<img src"http:="" funkyimg.com="" i="" 2t9pz.png"=""/>

</center>
<a class="close" title="Закрыть" onclick="document.getElementById('click2').style.display='none';">X</a></div></div>
<a href="javascript:void(0)" onclick="document.getElementById('click2').style.display='block';">
<span class="tooltip tooltip-turnleft"><img src="http://funkyimg.com/i/2tjBP.png" style="display:block;width:25px; position: absolute; left:116px;top:177px"/></span></a>

<!-- КУХНЯ -->
<div id="click2"><div id="glav2"><center>
<div style="background-image: url(http://funkyimg.com/i/2thd3.png); height: 451px; width: 549px;  " class="wiki1"><br>

<div class="wiki" style="width: 500px; height: 420px; margin-top: 5px;">

</div>

</center>
<a class="close" title="Закрыть" onclick="document.getElementById('click2').style.display='none';">X</a></div></div>
<a href="javascript:void(0)" onclick="document.getElementById('click2').style.display='block';">
<span class="tooltip tooltip-turnleft"><img src="http://funkyimg.com/i/2tjBP.png" style="width: 25px; top: 331px; left: 1px; position: absolute;"></span></span></a>

<!-- ВАННА -->
<div id="click5"><div id="glav5"><center>
<div style="background-image: url(http://funkyimg.com/i/2thd3.png); height: 451px; width: 549px;  " class="wiki4"><br>

<div class="wiki" style="width: 500px; height: 420px; margin-top: 5px;">

</div>

</center>
<a class="close" title="Закрыть" onclick="document.getElementById('click2').style.display='none';">X</a></div></div>
<a href="javascript:void(0)" onclick="document.getElementById('click2').style.display='block';">
<span class="tooltip tooltip-turnleft"><img src="http://funkyimg.com/i/2tjBP.png" style="width: 25px; top: 177px; left: 470px; position: absolute;"></span></span></a>

</div><!--Див от оверлея-->
</div>
</div>
</div>

</div></div></div> 

</div></center>

<script type="text/javascript">
$(function(){
$('label[for="ra1"]').click();});
</script>

<!— не проебать бы снова тебя-->
<script>
  var s0="[",s1="<span>[</span>",s2="]",s3="<span>]</span>"
$("#pun-viewtopic div.code-box").each(function (){
    var s = $(this).html();s=s.replace(/\[/gm,s1);$(this).html(s.replace(/\]/gm,s3));});
</script>

<!— Выделить код-->
<script type="text/javascript">
function select_text(elem) {
if(window.getSelection) {
var s=window.getSelection();
if(s.setBaseAndExtent){
s.setBaseAndExtent(elem,0,elem,elem.innerText.length-1);
}
else {
var r=document.createRange();
r.selectNodeContents(elem);
s.removeAllRanges();
s.addRange(r);
}
}
else if(document.getSelection){
var s=document.getSelection();
var r=document.createRange();
r.selectNodeContents(elem);
s.removeAllRanges();
s.addRange(r);
}
else if(document.selection){
var r=document.body.createTextRange();
r.moveToElementText(elem);
r.select();
}
}
</script>
<script type="text/javascript">
var div = document.getElementById('pun-main').getElementsByTagName('div');
for(x in div){
if(div[x].className=='code-box'){
div[x].getElementsByTagName('strong')[0].innerHTML = '<a href="#" onclick="select_text(this.parentNode.parentNode.childNodes[1].getElementsByTagName(\'pre\')[0]); return false;">засели</a>';
}
}
</script>

<!--кнопки вверх вниз-->
<div class="go-up" id='ToTop'><img src="http://i.imgur.com/zVRyI56.png" /></div>
<div class="go-down" id='OnBottom'><img src="http://i.imgur.com/CHY2vgh.png" /></div>
<style>
.go-up,.go-down {
display:none;
position:fixed; /*позиционируем*/
right:8%; /*указываем положение, если слева - left*/
z-index:9999; /*показываем поверх все элементов на странице*/
cursor:pointer;
opacity:.8; /*прозрачность*/
width:21px; /*ширина кнопки*/
height:37px; /*высота кнопки*/
}
.go-up {
bottom:290px; /*положение от низа окна браузера верхняя кнопка*/
-webkit-transition: .3s all;   
    -moz-transition: .3s all;   
    -ms-transition: .3s all;   
    -o-transition: .3s all;   
    transition: .3s all;   
}
.go-down {
bottom:240px; /*положение от низа окна браузера нижняя кнопка кнопка*/
-webkit-transition: .3s all;   
    -moz-transition: .3s all;   
    -ms-transition: .3s all;   
    -o-transition: .3s all;   
    transition: .3s all;   
}
.go-down:hover,.go-up:hover {
opacity:1;
}
</style>
<script type="text/javascript">
$(function(){
if ($(window).scrollTop()>="250") $("#ToTop").fadeIn("slow")
$(window).scroll(function(){
  if ($(window).scrollTop()<="250") $("#ToTop").fadeOut("slow")
  else $("#ToTop").fadeIn("slow")
});
if ($(window).scrollTop()<=$(document).height()-"999") $("#OnBottom").fadeIn("slow")
$(window).scroll(function(){
  if ($(window).scrollTop()>=$(document).height()-"999") $("#OnBottom").fadeOut("slow")
  else $("#OnBottom").fadeIn("slow")
});
$("#ToTop").click(function(){$("html,body").animate({scrollTop:0},"slow")})
$("#OnBottom").click(function(){$("html,body").animate({scrollTop:$(document).height()},"slow")})
});
</script>

<script>
var oldIMG="<td id=\"button-image\" title=\"Изображение\"><img onclick=\"bbcode('--')\" src=\"/i/blank.gif\"/><b><p style=\"z-index:20;position:absolute;height14px;margin:-15px 0 0 22px;\">2</p></b></td>"
$("#button-image").after(oldIMG);
</script>

<script type="text/javascript">
var nrisunok="http://forumupload.ru/uploads/0000/0a/f2/68797-1.gif";
if( (document.getElementById("navpm").innerHTML.indexOf("(") != -1))
{
document.getElementById("navpm").innerHTML="<img src='"+nrisunok+"'> "+document.getElementById("navpm").innerHTML;
};
</script>

<!--ТЕГ  абзаца - [indent] -->
<style>#button-indent {background:url(http://s7.uploads.ru/t/mnkgq.png)no-repeat center 6px!important;}</style>
<script type="text/javascript">(function(){ var b = '[indent]';
$("#button-strike").after('<td id="button-indent" title="Отступы"><img src="/i/blank.gif"  onclick="smile(\''+b+'\')"></td>');
var indent = '<span style="display:inline-block; margin: 0.2em 2.1em; "></span>'; /*удвоенные Отступы сверху и слево*/
$('.post-content p:contains("'+b+'")').each(function(){ $(this).html( $(this).html().replace(/\[indent\]/gm,indent));});}());
</script>

<!--Обтекание изображения-->
<script language="javascript">
$(function(){
$('td#button-link').before('<td id="floatbut" style=\'background-image:url("http://s002.radikal.ru/i198/1009/43/f183caeae434.gif")\'></td>');
$('#floatbut, .vibor').click(function(){
$('div#float').toggle();});
  });
elm=document.getElementsByTagName("div")
for(x in elm) if(elm[x].className=="post-content")
{
post = elm[x].innerHTML;
if(post.indexOf("[/float]") != -1) {
floats = /\[float=(.*?)\]([^\[]{1,11000})\[\/float\]/gi
elm[x].innerHTML = elm[x].innerHTML.replace(floats, "<span style='float: $1; margin: 15px; text-align: $1;'>$2</span>")
}}
</script>
<div id="float" style="display:none;background:#FFFFCC;border:1px solid black; width:auto; padding:8px; position:absolute; margin-top:-32%; margin-left:35%; z-index:20">
<div><strong>Направление обтекания</strong></div><br>
<div align="center">
<img class="vibor" src="http://s001.radikal.ru/i193/1009/96/695abc799ddb.png" title="left" onclick="bbcode('[float=left]', '[/float]')" />
<img class="vibor" src="http://s002.radikal.ru/i199/1009/ac/95c10fcc7d82.png" title="right" onclick="bbcode('[float=right]', '[/float]')" />
</div></div>
<!-- Конец -->

<!--форма ответа текст по ширине-->
<style>
#button-mybb {background-image:url('http://icons.iconarchive.com/icons/famfamfam/silk/16/text-align-justify-icon.png'); padding:0; line-height:0; background-position:center; background-repeat:no-repeat; height:26px; width:100%}
</style>
<script type="text/javascript">
if(form=document.getElementById("form-buttons"))
form.getElementsByTagName("tr")[0].insertCell(8).innerHTML="<img src='/i/blank.gif' id='button-mybb' onclick=\"bbcode('', '');\"/>"
</script>