<style>#КонтентРотатор p{display:none}</style>
<div id="КонтентРотатор" style="width:400px;"><!-- Ротатор произвольного контента -->
<p>1-й Контент</p>
<p>2-й Контент</p>
<p>3-й Контент</p>
<p>4-й Контент</p>
<p>N-й Контент</p>
</div>
<script language="javascript">
function Rotator_cont(selek) {
var s = 10000;  // Время отображения
var N=$(selek).length;
var i=Math.round(Math.random()*(N-1));Rotator(i);
function Rotator(i) {
$(selek).hide();$(selek).eq(i).show();i++;
if(i>N-1){i=0};
timerId01=setTimeout(function(){Rotator(i)},s);return;}
}Rotator_cont('#КонтентРотатор p')
</script>

<div style="margin-left: 59px; margin-top: 0px;"><table width="500px" class="action">
<tr>
<td width="500px">

<div style="margin-left: 40px; margin-top: -23px;">
<font color="#3d0404" face="times new roman" style="font-size: 40px;">Adele Eugenie Delacroix</font>
</div>

<div style="margin-left: 13px; margin-top: 13px;">
<img src="http://ipic.su/img/img7/fs/pic-1.1425231353.png">
</div>

<div style="margin-left: 343px; margin-top: -237px;">
<p style="margin-left: 0px; margin-top: 9px;"><font color="#888888" face="times new roman" style="font-size: 34px;"><b><i>[witch]</i></b></font></p>
<p style="margin-left: 49px; margin-top: -6px; letter-spacing: 2px;"><font color="#3d0404" face="times new roman" style="font-size: 24px;"><b><i>39 лет</b></i></font></p>
<p style="margin-left: 23px; margin-top: -11px; letter-spacing: 2px;"><font color="#3d0404" face="times new roman" style="font-size: 20px;"><b><i>Верховная</b></i></font></p>
<p style="margin-left: -14px; margin-top: -9px; letter-spacing: 0px;"><font color="#3d0404" face="times new roman" style="font-size: 17px;"><b><i>Восточного ковена</b></i></font></p>
<p style="margin-left: 42px; margin-top: -13px; letter-spacing: 2px;"><font color="#3d0404" face="times new roman" style="font-size: 19px;"><b><i>moonside</b></i></font></p>
</div>

<div style="margin-left: 24px; margin-top: 203px;">
<p style="margin-left: 0px; margin-top: -56px;"><font color="#070202" face="times new roman" style="font-size: 16px;"><b><i>Внешность:</i></b> Angelina Jolie.</font></p>
<p style="margin-left: 0px; margin-top: -11px;"><font color="#070202" face="times new roman" style="font-size: 16px;"><b><i>Дополнительно:</i></b> выглядит не старше 30-32 лет.</font></p></div>
<div style="margin-left: 23px; margin-top: 1px; width: 434px;">
<p style="margin-left: 0px; margin-top: 0px; text-align: justify;"><font color="#070202" face="times new roman" style="font-size: 14px;"><b><i>Описание:</i></b> Адель из той породы женщин, которые не нуждаются в наличии мужчины рядом, чтобы чувствовать себя самодостаточной, состоявшейся, уверенной в настоящем и завтрашнем дне. И дело здесь не только в традиционном ведьминском подходе к жизни. Дело здесь в складе ума, в восприятии мира и самое себя. С самых ранних лет Адель была приучена к самостоятельности, ответственности и к расчету только на собственные силы. Если не я, то кто?
При всем при этом она - женщина привлекательная, ценящая себя и свою красоту. А потому отказать в слабости к мужскому вниманию, увы, пока не в силах. С головой в омут, впрочем, ведьма Делакруа никогда не бросается. Слишком расчетлива и осторожна для этого. Ведь, в конце концов, на её плечах и в её руках судьбы и благополучие ведьм Ковена. 
Верховной ведьмой Ковена она стала около 10 лет назад, когда её пришел черед её бабушки покинуть мир живых. И, надо отметить, управляет семьей Адель разумно и уверенно, приумножая силы и могущество Ковена. Несмотря на все сложности, Адель удается поддерживать вежливый нейтралитет с Инквизиторами. А с нынешним Верховным инквизитором города, поговаривают, ведьму и вовсе связывает давняя дружба. И не только дружба, возможно. А вот с Западным ковеном Делакруа несколько не ладит, хотя видимых и очевидных причин тому нет. Дело скорее в чутье и интуиции, которая советует не доверять Верховной и её преемнице.</font></p>
</div>

</td>
</tr>
</table></div>

<style>
.container1-d {width: 611px; margin: 0 auto; padding: 0;}

ul.tabs-d {
    margin-left: 1px;
    margin-top: 3px;
    padding: 3px;
    float: left;
    list-style: none;
    height: 30px;
    width: 611px;
    border: none;
    background: none;
    color: #888888;}

ul.tabs-d li {
    float: left;
    padding: 4px 11px 0px 0px;
    width: auto;
    height: 23px;
    line-height: 14px;
    margin-bottom: 0px;
    margin-left: 21px; 
    border: 3px double #888888;
    background: #610e08;
    overflow: hidden;
    position: relative;
    }

ul.tabs-d li a {
    text-decoration: none;
    color: #888888 !important;
    letter-spacing: 1px !important;
    display: block;
    padding: 0px 0px 0px 7px;
    outline: none;
    font-size: 11px !important;
}

ul.tabs-d li a:hover {
       letter-spacing: 1px !important;
       text-decoration: none;
       color: #888888 !important;
     
}    

html ul.tabs-d li.active  {
     text-decoration: none;
    color: #888888 !important;
    letter-spacing: 1px !important; 
     }  

html ul.tabs-d li.active a:hover  {
    text-decoration: none;
    letter-spacing: 1px !important;
    color: #888888 !important;
    }

.tab-d_container1 {
    clear: both;
    float: left; 
    width: 611px;
    height: auto;
    background: rgba(136, 136, 136, 0.7);
    border-left: 3px double #610e08;
    border-right: 3px double #610e08;
    border-bottom: 3px double #610e08;
    border-top: 3px double #610e08;
    margin-top: 10px;
    margin-left: 1px;
}

.tab-d_content {
    padding: 6px;
}

.tab-d_content h2 {
    font-weight: normal;
    padding-bottom: 2px;
    border-bottom: 0px dashed #000000;
}
</style>


<div class="container">
    <div class="html-box">
    <center>
    <ul class="tabs-d">
    <li class="active"><a href="#tab-d1"><i><b>оборотни</b></i></a></li>
    <li><a href="#tab-d2"> <b><i>ведьмы|ведьмаки</i></b> </a></li>
    <li><a href="#tab-d3"><b><i>вампиры</i></b> </a></li>
    <li><a href="#tab-d4"><b><i>орден|охотники</i></b> </a></li>
</ul>
</center>
      <div class="tab-d_container1">

<div style="display: block;" id="tab-d1" class="tab-d_content">
<table width="590px" cellspacing="2" cellpadding="2" margin-left="0px">
<tr>
<td width="360px" align="justify" valign="top">
<p style="width: 362px;" align="right"><font color="#000000" face="times new roman" style="font-size: 18px; letter-spacing:0px;"><b><i>Да-да, оборотни.</i></b></font> <font color="#000000" face="times new roman" style="font-size: 16px; letter-spacing:0px;"><i>Они есть, они существуют. Они - среди нас. Думаете я шучу? Вы сильно заблуждаетесь! Не повторяйте моих ошибок, ок? Это чревато большими неприятностями, результатом которых, скорее всего, будет ваша преждевременная кончина. Так что, если вы узнали об обратной стороне луны и реально хотите выжить - верьте мне, верьте на слово.</i></font></p></td>
</td>

<td width="230px" align="justify" valign="center">
<p style="margin-top: -16px;"><font color="#000000" face="times new roman" style="font-size: 18px; letter-spacing:0px;"><center><i><b>_оборотни</b></i></center></font></p>
<p style="margin-top: -20px;"><font color="#000000" face="times new roman" style="font-size: 12px; letter-spacing:0px;"><center><i>(др. - вервольфы, перевертыши)</i></center></font></p> 
<p style="margin-top: -19px;"><center><img src="http://funkyimg.com/i/Uuc2.png"></center></p>
</tr>
<tr>
<td width="590px" align="justify" valign="top" colspan="2">
<p style="width: 585px;"><font color="#000000" face="times new roman" style="font-size: 16px; letter-spacing:0px;"><b>Х</b></font><font color="#000000" face="times new roman" style="font-size: 14px; letter-spacing:0px;">орошо, а теперь, когда я полностью завладел вашим вниманием и напугал до усрачки, давайте, наконец, разберемся, кто, собственно, такой оборотень и с чем его едят.
Точнее, с чем он сожрет вас.
В общем-то, с чем угодно. Если вы разозлите оборотня, проезжая мимо него на своем велике, - вполне возможно, он сожрет вас вместе с великом. Вероятнее всего - даже не жуя. И нет, он не подавится. Даже если у вас в сумочке вдруг совершенно случайно завалялся цианистый калий. 
Знаете, оборотня вообще чертовски сложно убить! Опытным путем я выяснил, что у этих мохнатых засранцев дохрена мощный иммунитет ко всякой дряни типа ядов и сверхбыстрый метаболизм. Да, и вас и ваш велик он переварит в два счета. Но не переживайте, ибо народная мудрость гласит, что даже если вас сожрали, есть целых два выхода, хе-хе. Кхм-м, так вот, сверхбыстрая регенерация, нечеловеческая сила и втройне нечеловеческая скорость, а еще прочная толстая шкура... Короче, я вам советую - бегайте, бегайте как можно чаще и больше. Нет никакой гарантии, что это поможет вам убежать от оборотня (окей, это точно НЕ поможет!), зато вы хотя бы будете уверены, что сделали все возможное.  </font>
</p></td>
</tr>
</table>

</div>

<div style="display: none;" id="tab-d2" class="tab-d_content">
<table width="590px" cellspacing="2" cellpadding="2" margin-left="0px">
<tr>
<td width="590px" align="justify" valign="top">
..................</td>
</tr>
</table>
</div>

<div style="display: none;" id="tab-d3" class="tab-d_content"> 
<table width="590px" cellspacing="2" cellpadding="2" margin-left="0px">
<tr>
<td width="590px" align="justify" valign="top">
.............
</td>
</tr>
</table>
</div>

<div style="display: none;" id="tab-d4" class="tab-p_content"> 
<table width="590px" cellspacing="2" cellpadding="2" margin-left="0px">
<tr>
<td width="590px" align="justify" valign="top">
.............
</td>
</tr>
</table>
</div>

<div style="display: none;" id="tab-d5" class="tab-p_content"> 
<table width="590px" cellspacing="2" cellpadding="2" margin-left="0px">
<tr>
<td width="590px" align="justify" valign="top">
.............
</td>
</tr>
</table>
</div>
      </div>
    </div>
</div>


<script type="text/javascript">

$(document).ready(function() {


	$(".tab-d_content").hide(); 
	$("ul.tabs-d li:first").addClass("active").show();
	$(".tab-d_content:first").show();
	
	$("ul.tabs-d li").click(function() {
    $("ul.tabs-d li").removeClass("active");
    $(this).addClass("active");
    $(".tab-d_content").hide();
    var activeTab = $(this).find("a").attr("href");
    $(activeTab).fadeIn();
    return false;
	});

});

</script>

<!-- Левый треугольник -->
<table class="lefttriangle" width="475px">
<tr>
<td width="475px">
<div style="height: 20px; overflow: auto; width: 252px; margin-top: -257px; margin-left: -131px; "><font color="#610e08" face="consolas" style="font-size: 12px;">
<p style="margin-top: -2px;"><font color="#888888" face="consolas" style="font-size: 12px; letter-spacing:6px;"><center><b>НУЖНЫ В СЮЖЕТ</b></center></font></p>
<center>
</div>

<div style="height: 55px; overflow: auto; width: 252px; margin-top: -2px; margin-left: -135px;">
<style>#КонтентРотатор p{display:none}</style>
<div id="КонтентРотатор" style="width:252px;"><!-- Ротатор произвольного контента -->
<p><a href="---"><img src="http://funkyimg.com/i/TU45.png"></a></p>
<p><a href="---"><img src="http://funkyimg.com/i/TU44.png"></a></p>
<p><a href="---"><img src="http://funkyimg.com/i/TU45.png"></a></p>
<p><a href="---"><img src="http://funkyimg.com/i/TU44.png"></a></p>
</div>
<script language="javascript">
function Rotator_cont(selek) {
var s = 8000;  // Время отображения
var N=$(selek).length;
var i=Math.round(Math.random()*(N-1));Rotator(i);
function Rotator(i) {
$(selek).hide();$(selek).eq(i).show();i++;
if(i>N-1){i=0};
timerId01=setTimeout(function(){Rotator(i)},s);return;}
}Rotator_cont('#КонтентРотатор p')
</script>
</div>
</td>

<td>
<div style="height: 20px; overflow: auto; width: 232px; margin-top: -130px; margin-left: -334px;"><font color="#610e08" face="consolas" style="font-size: 12px;">
<p style="margin-top: -2px;"><font color="#888888" face="consolas" style="font-size: 12px; letter-spacing:6px;"><center><b>АДМИНИСТРАЦИЯ</b></center></font></p>
<center>
</div>
<div style="height: 163px; overflow: auto; width: 235px; margin-top: -5px; margin-left: -331px;">
<p style="margin-top: 2px; margin-left: 0px;">
<a href="..." title="Астрид"><div class="ImgWrap">
<img class="image UP" src="http://funkyimg.com/i/NYc6.png">
<img class="image Down" src="http://funkyimg.com/i/NUtn.png">
</div></a></p>
<p style="margin-top: 2px; margin-left: 0px;">
<a href="http://votetohlam.artbb.ru/profile.php?id=2" title="Саймон"><div class="ImgWrap">
<img class="image UP" src="http://funkyimg.com/i/NUtp.png">
<img class="image Down" src="http://funkyimg.com/i/NUto.png">
</div></a></p>
</center>
</div>
</td></tr></table>


<!-- Правый треугольник -->
<table class="righttriangle" width="475px">
<tr>
<td width="475px">
<div style="height: 20px; overflow: auto; width: 222px; margin-left: 2px; margin-top: -474px;">
<p style="margin-top: -2px;"><font color="#888888" face="consolas" style="font-size: 12px; letter-spacing:6px;"><center><b>АКТИВ ФОРУМА</b></center></font></p>
</div>
<div style="height: 75px; overflow: auto; width: 222px; margin-left: 12px; margin-top: -7px;">
<p style="margin-top: 4px; margin-left: 0px;">
<a href="..." title="NAME"><div class="ImgWrap">
<img class="image UP" src="http://funkyimg.com/i/TU32.png">
<img class="image Down" src="http://funkyimg.com/i/TTZh.png">
</div></a> <a href="..." title="NAME"><div class="ImgWrap">
<img class="image UP" src="http://funkyimg.com/i/TU32.png">
<img class="image Down" src="http://funkyimg.com/i/TTZh.png">
</div></a> <a href="..." title="NAME"><div class="ImgWrap">
<img class="image UP" src="http://funkyimg.com/i/TU32.png">
<img class="image Down" src="http://funkyimg.com/i/TTZh.png">
</div></a> <a href="..." title="NAME"><div class="ImgWrap">
<img class="image UP" src="http://funkyimg.com/i/TU32.png">
<img class="image Down" src="http://funkyimg.com/i/TTZh.png">
</div></a>
</p>
</div>
</td>

<td>
<div style="height: 20px; overflow: auto; width: 252px; margin-left: 5px; margin-top: -585px;">
<p style="margin-top: -2px; margin-left: 0px;"><font color="#888888" face="consolas" style="font-size: 12px; letter-spacing:6px;"><center><b>ЛИЧНОСТЬ НЕДЕЛИ</b></center></font></p>
</div>

<div style="height: 69px; overflow: auto; width: 252px; margin-left: 5px; margin-top: -9px;">
<p style="margin-top: 4px; margin-left: 0px;">
<a href="..." title="NAME"><div class="ImgWrap">
<img class="image UP" src="http://funkyimg.com/i/TU44.png">
<img class="image Down" src="http://funkyimg.com/i/TU45.png">
</div></a>
</p></div>

<div style="height: 20px; overflow: auto; width: 252px; margin-left: 5px; margin-top: -13px;">
<p style="margin-top: -2px; margin-left: 0px;"><font color="#888888" face="consolas" style="font-size: 12px; letter-spacing:6px;"><center><b>ДУЭТ НЕДЕЛИ</b></center></font></p>
</div>
<div style="height: 69px; overflow: auto; width: 252px; margin-left: 5px; margin-top: -9px;">
<p style="margin-top: 4px; margin-left: 0px;">
<a href="..." title="NAME"><div class="ImgWrap">
<img class="image UP" src="http://funkyimg.com/i/TU44.png">
<img class="image Down" src="http://funkyimg.com/i/TU45.png">
</div></a>
</p></div>

<div style="height: 20px; overflow: auto; width: 252px; margin-left: 5px; margin-top: -13px;">
<p style="margin-top: -2px; margin-left: 0px;"><font color="#888888" face="consolas" style="font-size: 12px; letter-spacing:6px;"><center><b>ПОСТ НЕДЕЛИ</b></center></font></p>
</div>
<div style="height: 69px; overflow: auto; width: 252px; margin-left: 5px; margin-top: -10px;">
<p style="margin-top: 4px; margin-left: 0px;">
<a href="..." title="NAME"><div class="ImgWrap">
<img class="image UP" src="http://funkyimg.com/i/TU44.png">
<img class="image Down" src="http://funkyimg.com/i/TU45.png">
</div></a>
</p></div>
</td></tr></table>