<div class="Myq_te_2"><div class="Myq_te_1"><div class="Myq_te_0"><div class="htmldemo">
<style> 
#alice { width: 500px; height: 200px; overflow: hidden; margin: 20px; margin-bottom: 3px; } 

#alice .alicesig { width: 500px; height: 200px; background-color: #f4ecc6; border-top: 3px double #8f6d07; position: relative; bottom: -220px; transition-duration: 0.7s; -moz-transition-duration: 0.7s; -webkit-transition-duration: 0.7s; -o-transition-duration: 0.7s;}#alice:hover 

.alicesig{ position: relative; bottom: -78px; } 

#alice .alicegif {width: 80px; height: 80px; border: 4px solid #8f6d07 !important; background-color: #8f6d07; overflow: hidden; } 

#alice .alicetext {width: 210px !important; height: 88px; font-family: arial; font-size: 10px; line-height: 8px; letter-spacing: 1px; color: #444; text-align: justify; overflow: auto; padding-right: 3px;}

#alice .alicelinks { width: 146px; height: 88px; overflow: hidden; } 

#alice .alicelinks a { width: 146px; height: 18px; margin-bottom: 5px; background-color: #8f6d07; color:#fff; display: block; float: left; font-family: calibri; font-size: 8px; text-transform: uppercase; letter-spacing: 2px; text-align: center; } 

#alice .alicegif2 { width: 80px; height: 80px; opacity: 0.4; filter: gray; /* IE6-9 */ -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */ -moz-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); background-position: center; transition-duration: 0.7s; -moz-transition-duration: 0.7s; -webkit-transition-duration: 0.7s; -o-transition-duration: 0.7s; overflow: hidden; }

#alice .alicegif2:hover { opacity: 1; filter: none; /* IE6-9 */ -webkit-filter: grayscale(0%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */ -moz-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); } 

#alice .alicesname { width: 426px; height: 30px; color: #8f6d07; font-family: lobster; font-size: 30px; line-height: 30px; letter-spacing: -1px; text-shadow: 1px 1px #f4ecc6, -1px -1px #f4ecc6; position: relative; top: -20px; margin-bottom: -30px; text-align: left; }

</style>


<center> 
<div style="font-family: arial; font-size: 10px; text-align: justify; letter-spacing: 1px; width: 550px; border-top: olive 15px solid; border-bottom: olive 10px solid; padding: 15px; background-color: #f3efd9;">
<div id="alice" style="background-image: url(http://33.media.tumblr.com/6a0a5783731409d48897b4d6e784053c/tumblr_mxg80wBd6U1slf93ro1_500.gif);">
<div class="alicesig">
<div class="alicesname">Name Name</div>
<div style="height: 15px;"></div> 
<table cellpadding="0" cellspacing="0" width="500px">
<tbody><tr>
<td><div style="width: 10px;"></div></td>
<td width="90px">
<div class="alicegif"><div class="alicegif2" style="background-image: url(https://31.media.tumblr.com/5635be31815da5472c109b9ae4e1b51e/tumblr_n9t45kB0Xm1r00543o1_250.gif);"></div></div>
</td>
<td><div style="width: 5px;"></div></td>
<td width="210px">
<div class="alicetext">Пожелание заказчика или краткая информация о персонаже. Текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст</div>
</td>
<td><div style="width: 5px;"></div></td>
<td width="150px"><div class="alicelinks"><a href="http://">возраст</a>
<a href="http://">профессия</a>
<a href="http://">ориентация</a>
<a href="http://">внешность</a>
</div>
</td>
</tr>
</tbody></table> 
</div>
</div>
<div style="font-weight: extra-bold; color: #A82024;">Разыскивается</div>
</div>
</center></div></div></div>

            <div class="Myq_te_2"><div class="Myq_te_1"><div class="Myq_te_0"><div class="htmldemo">
<link href="http://fonts.googleapis.com/css?family=Oswald" rel="stylesheet" type="text/css">
<center>
<table><tbody><tr><td width="3%"><div style="font-family:oswald; font-size:50px; text-transform:upperase; line-height:100%; color: olive;text-align:justify;">“</div></td>
<td><div style="font-family:Impact; font-size:14px; text-transform:uppercase; line-height:100%; border-bottom: olive 4px solid !important; width:400px;text-align:justify; letter-spacing: 1px;">Как следует вести себя на форуме?</div></td></tr></tbody></table>
<div style="font-family: arial; font-size: 10px; text-align: justify; letter-spacing: 1px; width:450px; margin-bottom:10px;">Будьте вежливы, регистрируясь на форуме вы автоматически соглашаетесь принять правила проекта и вести себя корректно, и дружелюбно. Мат вне игровых постов, флуд (не предназначенных для этого темах), ругань, взаимные упрёки, скандалы, флэйм, мультипостинг, троллинг или любые другие действия, которые приводят к конфликтам и неуютному пребыванию на форуме, будут жестоко пресекаться администрацией.
</div><p>
</p></center>

<center>
<table><tbody><tr><td width="3%"><div style="font-family:oswald; font-size:50px; text-transform:upperase; line-height:100%; color: olive;text-align:justify;">“</div></td>
<td><div style="font-family:Impact; font-size:14px; text-transform:uppercase; line-height:100%; border-bottom: olive 4px solid !important; width:400px;text-align:justify; letter-spacing: 1px;">Как зарегистрировать и что нужно перед этим?</div></td></tr></tbody></table>
<div style="font-family: arial; font-size: 10px; text-align: justify; letter-spacing: 1px; width:450px; margin-bottom:10px;">Регистрация происходит исключительно на латинице под полным именем и фамилией вашего персонажа. <br>
Правильно: Robert Ethan; <br>
Не правильно: Bobby Ethan <br>
Перед регистрацией внимательно ознакомьтесь с занятыми внешностями, именами и профессиями. При регистрации персонажа, особое внимание стоит уделить выбранной внешности. Она должна соответствовать возрасту героя.
После регистрации у Вас три дня, чтобы подать анкету. Отписываться в организационных темах, до принятия в игру, запрещено.
</div><p>
</p></center>


<center>
<table><tbody><tr><td width="3%"><div style="font-family:oswald; font-size:50px; text-transform:upperase; line-height:100%; color: olive;text-align:justify;">“</div></td>
<td><div style="font-family:Impact; font-size:14px; text-transform:uppercase; line-height:100%; border-bottom: olive 4px solid !important; width:400px;text-align:justify; letter-spacing: 1px;">Я зарегистрировался, а что дальше?</div></td></tr></tbody></table>
<div style="font-family: arial; font-size: 10px; text-align: justify; letter-spacing: 1px; width:450px; margin-bottom:10px;">Дальше Вам нужно подать анкету. Для этого создаётся отдельная тема и заполняется по шаблону в подфоруме с регистрацией. Администрация будет игнорировать анкеты заполненные не до конца или не по шаблону. Проверка Вашей анкеты осуществляется в течении суток. Относитесь спокойно к комментариям и критике администрации, а на исправление анкеты даётся ровно 48 часов.
Администрация оставляет за собой право отказать в принятии, с объяснением причины.
Как только Вас приняли, Вам нужно заполнить профиль, посетить организационные темы и создать в теме с анкетой сообщения с хронологией и отношениями. 
</div><p>
</p></center>

<center>
<table><tbody><tr><td width="3%"><div style="font-family:oswald; font-size:50px; text-transform:upperase; line-height:100%; color: olive;text-align:justify;">“</div></td>
<td><div style="font-family:Impact; font-size:14px; text-transform:uppercase; line-height:100%; border-bottom: olive 4px solid !important; width:400px;text-align:justify; letter-spacing: 1px;">Можно я немного пошалю в игре?</div></td></tr></tbody></table>
<div style="font-family: arial; font-size: 10px; text-align: justify; letter-spacing: 1px; width:450px; margin-bottom:10px;">Можно, но помните, что посты пишутся от любого лица, по правилам русского языка и по системе птицы-тройки. Администрация имеет право попросить вас исправить игровой пост если в нём содержится множество орфографических, пунктуационных и смысловых ошибок. Запрещено отписываться за соигрока-соседа, угадывать его реакцию на действия, слова и внешние факторы, при условии, что это не было оговорено игроками заранее. Убийства персонажа не допустимо без согласования с администрацией.
</div><p>
</p></center>

<center>
<table><tbody><tr><td width="3%"><div style="font-family:oswald; font-size:50px; text-transform:upperase; line-height:100%; color: olive;text-align:justify;">“</div></td>
<td><div style="font-family:Impact; font-size:14px; text-transform:uppercase; line-height:100%; border-bottom: olive 4px solid !important; width:400px;text-align:justify; letter-spacing: 1px;">Какую внешность можно занять?</div></td></tr></tbody></table>
<div style="font-family: arial; font-size: 10px; text-align: justify; letter-spacing: 1px; width:450px; margin-bottom:10px;">Внешность считается не доступной для регистрации если она уже занята другим игроком и занесена в список занятых. Если желаемой внешности в писке занятых не наблюдается, но игрок с этой мордашкой присутствует на форуме, то регистрация разрешена. Администрация встанет на сторону того игрока, кто первым отпишется в теме с занятыми внешностями. К регистрации разрешены исключительно реальные внешности знаменитых людей: актёров, моделей, певцов и т.д.
</div><p>
</p></center>

<center>
<table><tbody><tr><td width="3%"><div style="font-family:oswald; font-size:50px; text-transform:upperase; line-height:100%; color: olive;text-align:justify;">“</div></td>
<td><div style="font-family:Impact; font-size:14px; text-transform:uppercase; line-height:100%; border-bottom: olive 4px solid !important; width:400px;text-align:justify; letter-spacing: 1px;">Меня приняли. Ура!</div></td></tr></tbody></table>
<div style="font-family: arial; font-size: 10px; text-align: justify; letter-spacing: 1px; width:450px; margin-bottom:10px;">Мы Вас искренне поздравляем. После регистрации Вы обязаны заполнить профиль. Аватар должен соответствовать выбранной внешности. Ваша подпись может содержать не более одной картинки, размер которой не должен превышать 500px по горизонтали и 200px по вертикале. Смайлы, плеер и картинки нарушающие вышеописанные правила, будут удаляться без оповещения пользователя.
</div><p>
</p></center>

<center>
<table><tbody><tr><td width="3%"><div style="font-family:oswald; font-size:50px; text-transform:upperase; line-height:100%; color: olive;text-align:justify;">“</div></td>
<td><div style="font-family:Impact; font-size:14px; text-transform:uppercase; line-height:100%; border-bottom: olive 4px solid !important; width:400px;text-align:justify; letter-spacing: 1px;">А если я не смогу отписаться со-игроку?</div></td></tr></tbody></table>
<div style="font-family: arial; font-size: 10px; text-align: justify; letter-spacing: 1px; width:450px; margin-bottom:10px;">При отсутствии игровой активности более 14 дней, без уведомления администрации в специальной теме, Ваш ник заносится в список на удаление. Игровые аккаунты не отреагировавшие и не начавшие игру, удаляются администрацией. 
</div><p>
</p></center>


<center>
<table><tbody><tr><td width="3%"><div style="font-family:oswald; font-size:50px; text-transform:upperase; line-height:100%; color: olive;text-align:justify;">“</div></td>
<td><div style="font-family:Impact; font-size:14px; text-transform:uppercase; line-height:100%; border-bottom: olive 4px solid !important; width:400px;text-align:justify; letter-spacing: 1px;">Хочу взять второго персонажа. Можно?</div></td></tr></tbody></table>
<div style="font-family: arial; font-size: 10px; text-align: justify; letter-spacing: 1px; width:450px; margin-bottom:10px;">Можно... и третьего и четвёртого, при условии, что вы очень активный игрок. Но перед этим вы должны посоветоваться с администрацией, без уведомления ваш последний зарегистрированный аккаунт отправится в корзину по-английски. <br>
У второго аккаунта будут те же права и обязанности, что и у основного, поэтому подумайте есть ли у вас достаточно времени. 
</div><p>
</p></center>

<center>
<table><tbody><tr><td width="3%"><div style="font-family:oswald; font-size:50px; text-transform:upperase; line-height:100%; color: olive;text-align:justify;">“</div></td>
<td><div style="font-family:Impact; font-size:14px; text-transform:uppercase; line-height:100%; border-bottom: olive 4px solid !important; width:400px;text-align:justify; letter-spacing: 1px;">Я хочу пропиарить свою ролевую</div></td></tr></tbody></table>
<div style="font-family: arial; font-size: 10px; text-align: justify; letter-spacing: 1px; width:450px; margin-bottom:10px;">Реклама разрешена только в специальной теме, взаимность и правила пиара должны строго соблюдаться. В иных местах: в подписе, в рассылке по ЛС, на аватаре, в статусе и т.д. реклама будет удалена, а нарушитель отправиться с мылом в баню. Срок пребывания там определяется непосредствено забанившим администратором. 
</div><p>
</p></center>

<center>
<table><tbody><tr><td width="3%"><div style="font-family:oswald; font-size:50px; text-transform:upperase; line-height:100%; color: olive;text-align:justify;">“</div></td>
<td><div style="font-family:Impact; font-size:14px; text-transform:uppercase; line-height:100%; border-bottom: olive 4px solid !important; width:400px;text-align:justify; letter-spacing: 1px;">Что-то вы филоните, дорогие АМС</div></td></tr></tbody></table>
<div style="font-family: arial; font-size: 10px; text-align: justify; letter-spacing: 1px; width:450px; margin-bottom:10px;">Вовсе нет)) Просто администрация не роботы и не боги, у них своя личная жизнь помимо ролевой, поэтому где-то могли ошибиться, не заметить или вовремя не отреагировать. Отнеситесь к этому с пониманием. Если Вы не согласны с действием АМС, то вы вправе указать на это, но только в корректной форме и в специально отведенной для этого теме.
</div><p>
</p></center>

<center>
<table><tbody><tr><td width="3%"><div style="font-family:oswald; font-size:50px; text-transform:upperase; line-height:100%; color: olive;text-align:justify;">“</div></td>
<td><div style="font-family:Impact; font-size:14px; text-transform:uppercase; line-height:100%; border-bottom: olive 4px solid !important; width:400px;text-align:justify; letter-spacing: 1px;">А сладости разадвать будут?</div></td></tr></tbody></table>
<div style="font-family: arial; font-size: 10px; text-align: justify; letter-spacing: 1px; width:450px; margin-bottom:10px;">Всё в своё время и каждому по мере достижений. Но ролевая система состоит не только из поощрений, но и наказаний игроков. В зависимости от масштабности проступка игрок может быть наказан, как предупреждением, так и баном. Администрация вправе банить игроков пожизненно, если нарушение серьёзное или игрок не понимает человеческих слов. Также администрация вправе поощрять игроков помимо прописанной балльной системы. 
</div><p>
</p></center></div></div></div></div>

            <div class="Myq_te_2"><div class="Myq_te_1"><div class="Myq_te_0"><div class="htmldemo">


<style>
#tabs
{
  overflow: auto;
  width: 100%;
  list-style: none;
  margin: 0;
  padding: 0;
padding-left: 25px;
padding-top: 25px;
}
 
#tabs li
{
    margin: 0;
    padding: 0;
  float: left;
}
 
#tabs a
{
padding: 10px;
background-color: transpanent;
}
 
#tabs a:hover
{
background-color: transpanent;
}
 
#tabs a:focus
{
    outline: 0;
}
 
#tabs #current a
{
  background-color: transpanent;
    color: #333;
}
 


#content
{
       background-color: transpanent;
    padding: 60px;
text-align: justify; 
overflow: auto;
 font-family: calibri; 
font-size: 10px;
 letter-spacing: 2px;
 line-height: 100%; 
text-transform: lowercase;
}
 
#content div
{
    height: 220px;
}

#content b {color: #783D0D; font-family: arvo; font-size: 15px; line-height: 100%; }
#content i {font-family: arial; font-weight: bold; font-size: 8px; display: inline;}

.reed { width: 275px; height: 1px; background-color: #eee; margin-bottom: 15px; }
.obrien { width: 275px; font-family: calibri; font-size: 9.5px; text-align: justify; line-height: 100%; text-transform: lowercase; letter-spacing: 2px; color: #333; }
.obrien b { font-family: arvo; font-size: 15px; letter-spacing: 0px; color: #F4DD51; line-height: 100%; }
</style>


<div style="width: 600px; padding: 15px;">
<div style="width: 550px; background-color: #fff; padding: 25px; border-top: 35px solid #D11E48; border-bottom: 35px solid #D11E48;">
<div style="font-family: arvo; font-weight: bold; font-size: 80px; text-transform: uppercase; line-height: 100%; text-align: center; color: #F4DD51;">GROUPS</div>

<ul id="tabs">
<li id="current"><a title="tab1" href="#">
<img src="http://sd.uploads.ru/L8BCd.png">
</a></li>

<li><a title="tab2" href="#">
<img src="http://sd.uploads.ru/peXvR.png">
</a></li>

<li><a title="tab3" href="#">
<img src="http://sd.uploads.ru/X391R.png">
</a></li>

<li><a title="tab4" href="#">
<img src="http://sd.uploads.ru/fmeZn.png">
</a></li>

<li><a title="tab5" href="#">
<img src="http://sd.uploads.ru/QpcNG.png">
</a></li>

<li><a title="tab6" href="#">
<img src="http://sd.uploads.ru/QibAU.png">
</a></li>

<li><a title="tab7" href="#">
<img src="http://sd.uploads.ru/kcuE4.png">
</a></li>

<li><a title="tab8" href="#">
<img src="http://sd.uploads.ru/bjSZL.png">
</a></li>

<li><a title="tab9" href="#">
<img src="http://sd.uploads.ru/RSAIu.png">
</a></li>

<li><a title="tab10" href="#">
<img src="http://sd.uploads.ru/uFnNZ.png">
</a></li>

<li><a title="tab11" href="#">
<img src="http://sd.uploads.ru/4HW6m.png">
</a></li>

<li><a title="tab12" href="#">
<img src="http://sd.uploads.ru/sbDEO.png">
</a></li>

<li><a title="tab13" href="#">
<img src="http://sd.uploads.ru/h8rWZ.png">
</a></li>

<li><a title="tab14" href="#">
<img src="http://sd.uploads.ru/cfRFw.png">
</a></li>
</ul>

<div id="content">
<div id="tab1" style="display: block;">
<b>Медведь</b><br>
<i>сильный, обязательный, защитник, спокойный, непринуждённый</i><br><br>
Большинство людей правильно делают, когда советуют не злить медведя. Они спокойные и тихие, но только до тех пор, пока беда не коснётся их близких и друзей. В мгновение ока медведь превращается настоящего воина и защитника. В большинстве своём "медведи" семейные люди, стремящиеся выйти замуж/жениться, завести детей, а будущем готовые заботиться о престарелых родителях. Медведи заинтересованы в долгосрочных отношениях, они не из тех, кто будет пользоваться человеком, а потом бросать. Они достаточно умны и хорошо разбираются в жизни, но никогда не станут хвастаться своими успехами.
</div>

<div id="tab2" style="display: none;">
<b><font color="#1B6671">Ворон</font></b><br>
<i>невозмутимый, невезучий, непонятый, умный, нагоняющий страх</i><br><br>
Ворон часто называют душегубами и это определение пожалуй самое точное. Но воронами невозможно родиться, у них, как и у всех была любящая семья, хорошая работа, счастливая жизнь. Но, к сожалению, вороны попали под полосу неудач: потеряли работу, пристрастились к выпивке, наркотикам, попали под дурное влияние и остались брошенными семьей. Но, как вы думаете, они унывают? Нет. Они принимают жизненный лимон и делают из неё лимонад, не смотря на то, что лимоны то давно протухли. Вы редко услышите, чтобы ворон жаловался на свою жизнь, не зависимости от того, насколько всё хреново. Также они достаточно умные - они знают как войти и выйти из сложных ситуаций.
</div>

<div id="tab3" style="display: none;">
<b><font color="#027529">Олень</font></b><br>
<i>ветреный, нежный, надменный, параноический, недоверчивый</i><br><br>
Красивый и величественный - так бы большинство описали оленя. Они грациозны и всегда, кажется, знают, что делают, даже если это и не так. Они гордятся своей внешностью и считают себя лучше других людей. Они всё делают ради комплиментов и стараются во чтобы то ни стало получить их. Но как правило оленей легко напугать, кажется, что они всегда настороже и ждут опасностей, возможно, они слишком параноидальны в каком-то плане. Олени такой вид людей, которых легко расстроить и оскорбить любой мелочью. Они недоверчиво относятся к людям, которых мало знают, чтобы довериться кому-то по-настоящему им нужно съесть пуд соли с этим человеком. Чтобы завоевать доверие оленя потребуется много время, но это того стоит.
</div>

<div id="tab4" style="display: none;">
<b><font color="#F5690A">Лиса</font></b><br>
<i>кокетливая, раскованная, эгоцентричная, тихая, уверенная</i><br><br>
Лисы подлые, коварные и хитрые существа и будет лучше, если вы про это никогда не станете забывать. Люсы точно знают как добиться своего и как подлизаться к вам, они могут солгать, если это будет в их интересах. Лисы мастера "преувеличивать правду", также они очень эгоцентричны, даже если вы этого не заметили. Они действительно умеют заботиться о других, при условии, что уже позаботились о себе в первую очередь. Это является основной причиной всех без долгосрочных отношений. Они любят острые ощущения в постели и чтобы не заскучать они меняют партнёров, как перчатки. Они живут флиртом и делают это даже тогда, когда цель их не особо интересует. Они любопытны и уверены в себе, часто находятся в поисках новых приключений - они искатели острых ощущений и смельчаки и часто делают всё, что им взбредёт в голову.
</div>

<div id="tab5" style="display: none;">
<b><font color="#408327">Лягушка</font></b><br>
<i>весёлый, музыкальный, удачливый, счастливый, дружелюбный </i><br><br>
Лягушки, как известно, приносят удачу любому, чем путь они пересекают. Лягушки на редкость удачливые и, кажется, что у них идёт всё как нужно. В большинстве случаев, кажется, что им не нужно прилагать никаких усилий, чтобы добиться желаемого. Но кто же может их за это обвинить? Лягушки очень доброжелательные и весёлые, все зависимости от ситуации. Они оптимисты по жизни, всегда видят стакан наполовину полным и никогда не замечают, что он наполовину пуст. На их лице часто можно увидеть улыбку, что заставляет людей тянуться к ним. Большинство из них люди музыкальные, они практически живут музыкой, что помогает им дарить радость окружающим. 
</div>

<div id="tab6" style="display: none;">
<b><font color="#6A0FFC">Черепаха</font></b><br>
<i>пугливые, застенчивые, не общительные, замкнутые, вечно чего-то опасаются</i><br><br>
Как подружиться с черепахой? В большинстве случаев это очень проблематично. В отличие от других, черепахи редко подпускают к себе людей, они защищают себя и свой внутренний мир, отталкивая окружающих и это делает их практически изгоями. Черепахи любят находиться в одиночестве, но это не означает, что им нравится полная изоляция от общества. Как правило черепахи имеют несколько близких друзей, проверенных временем, но их не слишком много. Они предпочитают провести своё время в компании хорошей книги или за просмотром любимого фильма. Также они имеют тенденцию готовиться к худшему, например к наводнению или зомби-апокалипсису. 
</div>

<div id="tab7" style="display: none;">
<b><font color="#3993D8">Выдра</font></b><br>
<i>игривая, весёлая, спонтанная, радостная, оптимистичная</i><br><br>
Милая, приятная и игривая - пожалуй там можно описать выдру несколькими словами. Они очень приятные существа и всегда в хорошем настроении. Выдры постоянно что-то делают, редко сидят на месте... просто очаровательны. Они любят играть и тем самым кажутся весьма незрелой личностью. Такие люди любят много шутить и шалить, чтобы только увидеть реакцию окружающих. Им нравится всё делать по своей прихоти - они очень редко думают, прежде, чем что-то сделать и большую часть времени отдаются веселью. Также они искатели острых ощущений и любители риска, но в то же время они очень дружелюбны и харизматичны. Они любят ласки и объятия, ну и если вам посчастливилось оказаться в компании выдры, то можете быть уверены, что хорошие шутки вам обеспечены. Выдру невозможно разозлить, она редко обижается и практически всегда находится в хорошем расположении духа. 
</div>

<div id="tab8" style="display: none;">
<b><font color="#520576">Сова</font></b><br>
<i>мудрая, рассудительная, таинственная, интроверт</i><br><br>
Книги и совы являются лучшими друзьями. Они очень любят читать, вне зависимости от жанра и тематики книги. Они любят знания и стремятся узнать как можно больше всего нового. У всех сов имеет высшее образование, но не обязательно все люди попадающие под эту категорию являются застенчивыми зубрилами. Наоборот большинство сов очень интересные собеседники и весьма общительные личности. Они не являются замкнутыми индивидуумами общества. Они далеко не прочь засесть где-нибудь с книжкой в руках, но только если рядом нет никакой компании. Совы это те люди, которые никогда не будут говорить больше, чем знают на самом деле, они любят наблюдать и анализировать. Они чрезвычайно организованные люди и любят планировать всё заранее, импровизация им чужда и очень часто теряются в ситуациях, когда всё идёт не так, как задумано. 
</div>

<div id="tab9" style="display: none;">
<b><font color="#B10F71">Колибри</font></b><br>
<i>шумные, эгоистичные, элегантные, яркие</i><br><br>
Колибри демонстрируют другим только то, что у них лучше всего получается, скрывая все свои недостатки. Они любят быть в центре внимания и жаждут его. Колибри заботиться только о самом себе, он не способен думать о ком-то другом и даже не утруждает себя подобными мыслями. Они красивы и грациозны и часто напоминают блестящий фантик от конфеты, а как личность они фальшивки. Колибри высокомерны и тщеславны, они слишком много беспокоятся о своей внешности и часто даже не выходят из дома, если у них неудачно уложены волосы или сломался ноготь. Они любят хвастаться и показывать себя, поэтому выбирают соответствующую работу: шоу-бизнес, стриптиз и т.д. Они считают, что они идеальны и мало кто достоин быть с ними рядом.
</div>

<div id="tab10" style="display: none;">
<b><font color="#3D471D">Муфлон</font></b><br>
<i>горячий, страстный, упрямый, своевольный, темпераментный</i><br><br>
Муфлон преисполнен страсти, но часто их эмоции отрицательные. Они эмоциональны, быстро раздражаются, но также быстро и остывают. Муфлоны довольно сварливы и могут пол дня возмущаться по пустяку. Таких людей очень редко можно увидеть в хорошем настроении. Однако не смотря на то, насколько сердит муфлон, он остаётся личностью страстной и надёжным семьянином. Они редко могут поладить с окружающими из-за своего упрямого нрава и взрывного характера, большинство их стараются остерегаться. Муфлоны видят свою и идут к ней, вне зависимости от того, насколько тернист и опасен путь, поэтому всегда добиваются своего.  
</div>

<div id="tab11" style="display: none;">
<b><font color="#173988">Акула</font></b><br>
<i>амбициозный, решительный, независимый, смелый</i><br><br>
Акулы играют жёстко. Они амбициозны и очень редко позволяют вставать на своём пути, когда идёт к своей цели, даже может пройтись по головам. Они очень требовательны к себе и другим, редко мирятся с неудачами и практически никогда не отступают от намеченного. Им трудно найти вторую половинку, так как их голова занята лишь жизненными задачами. И к тому же они слишком требовательны к кандидату руки и сердца, что несомненно отталкивает от них. Они очень сложные личности, стараются держать приличную дистанцию от других, поэтому практически всегда работают в одиночку и не просят помощи. Они храбрые и никогда не сдаются и не отказываются от борьбы. Они живут только ради того, чтобы достигать успеха и часто теряют голову, когда терпят неудачу. 
</div>

<div id="tab12" style="display: none;">
<b><font color="#E3890B">Тигр</font></b><br>
<i>уверенные, харизматические, социальные, властные, достойные</i><br><br>
Тигры прирождённые лидеры. Они точно знают, что сказать и, что сделать, чтобы получить то, чего они желают. Но не в плохом смысле этого слова. Они весьма уверены в себе, что делает их привлекательными в глазах других людей. Они хорошие друзья и надежные семьянины.  Они чрезвычайно харизматичны и владеют даром убеждения, прекрасные ораторы и дипломаты, и именно это помогает им выкарабкаться из многих ситуаций. Однако, они, как правило, немного властны, хотя это не всегда плохо. Тигры любят заражать других энтузиазмом, если дать им власть. И вам нужно несколько раз подумать прежде чем злить тигра, ведь он может стать вашим злейшим врагом до конца дней. Они преисполнены гордостью, что нередко может стать проблемой, но в целом тигры очень приятны и милы в общении.
</div>

<div id="tab13" style="display: none;">
<b><font color="#163523">Волк</font></b><br>
<i>уверенный, хладнокровный, верный, защитник, ассоциативный</i><br><br>
Часто, что у волка получается лучше всего - быть одиноким. Однако они очень любят большие группы людей, которые очень похожи на них и очень лояльно относятся к ним, как к друзьям, защищая их от любых бед. Они похожи на медведя и ворона одновременно. От них веет холодом, что отталкивает от них других людей, которых знают не слишком хорошо или к которым питают неприязнь на подсознательном уровне. Но любят они более искреннее и страстно, чем большинство, они действительно преданы своим друзьям и семье. Безотчётно могут рискнуть жизнью ради дорогого им человека. Волки идеальное сочетание интроверта и экстраверта.
На волка вы всегда можете положиться, с полной уверенностью, что он вас никогда не предаст.
</div>

<div id="tab14" style="display: none;">
<center><b><font color="#F4DD51">ЧТО ЭТО ТАКОЕ?</font></b></center><br>
Группы это своеобразная система, которая представляет собой волшебную сортировочную шляпу, в роли которой выступает администрация. Каждый игрок, при принятии в игру, будет отсортирован в ту или иную группу в зависимости от того, какие черты характера преобладают в нём. В некоторых трудных случаях, когда в анкете будет больше преобладать персонаж с многогранностью своего характера, администрация оставляет за собой право самостоятельно решить в какую группу отправить вас. Но если вы считаете, что всё же больше подходите для другой группы, то обращайтесь к администрации, если вы действительно правы, мы готовы это обсудить. 
</div>

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

            <div class="Myq_te_2"><div class="Myq_te_1"><div class="Myq_te_0"><link href="http://fonts.googleapis.com/css?family=Share+Tech" rel="stylesheet" type="text/css"><center>

<style>
textarea {font-family: 'courier new', sans-serif; font-size: 10px; color: #967d9a; border: 0px; width: 570px; border: 3px double #967d9a; padding:5px;}

.centertab {width: 570px;}
#outer { width: 280px; height: 600px; overflow: hidden; position: relative; }
.upper { width: 280px; height: 600px; position: absolute; top: 0; left: 0; }
#outer .upper { -moz-transition: all .7s ease-in-out; -webkit-transition: all .7s ease-in-out; -o-transition: all .7s ease-in-out; -ms-transition: all .7s ease-in-out; transition: all .7s ease-in-out; position: relative; }
#outer:hover .upper { left: 280px; }
.lower { width: 280px; height: 600px; overflow: hidden; position: absolute; top: 0; left: 0;}
.text {width: 255px; height: 560px; margin-left: -7px; overflow: auto; line-height: 100%; color: #5b4c65; text-align:center; font:8px arial; letter-spacing:1px; text-transform:uppercase; display: inline-block;}
.face {text-align:center; font:8px arial; letter-spacing:2px; text-transform:uppercase; display: inline-block;}
.face a:hover {text-decoration: line-through; color: #947da8;}
</style>

<div class="centertab">
<center>
<div style="font-size: 40px; text-align: center; font-weight: bold; letter-spacing: -2px; font-family: Arizonia; text-shadow: 1px 1px #d0cbbe; position: relative; top: -10px; font-style: italic; color: #856e94;">
Моськи с аватаров
</div><div style="font-family: arial; font-size: 7px; text-align: center; letter-spacing: 6px; text-transform: uppercase; padding: 1px; position: relative; top: -5px; position: relative; top: -20px;">
свет мой зеркальце скажи...                                         
</div>

<div style="font-family: arial; font-size: 10px; text-align: justify; letter-spacing: 1px;">
<div style="float: left; font-size: 20px; margin: 0px 10px -10px 0px; font-weight: bold; letter-spacing: -2px; font-family: Arizonia; position: relative; font-style: italic;">Н</div>е забываем, что девиз этой темы "кто первый почесался, того и внешность". Сразу же после регистрации не забываем отписаться здесь, чтобы кто-нибудь другой случайно не увёл вашу мордашку прямо из под носа. В противном случае администрация закрывает мешочек для сбора претензий и гневных од.<br><br>
<div style="float: left; font-size: 20px; margin: 0px 10px -10px 0px; font-weight: bold; letter-spacing: -2px; font-family: Arizonia; position: relative; font-style: italic;">С</div>вои хотелки и забивалки оформляем исключительно по шаблону, а его заключаем в тег кода, тот, что шестой справа. Игнорируете столь простую истину - администрация игнорирует ваше сообщение, всё взаимно и обоюдно. Ролевая допускает появление близнецов, но только после согласования этого нюанса с обладателем желаемой внешности, ну и в конечном итоге с администрацией. <br><br>
<div style="float: left; font-size: 20px; margin: 0px 10px -10px 0px; font-weight: bold; letter-spacing: -2px; font-family: Arizonia; position: relative; font-style: italic;">З</div>абивая себе внешность обязательно включайте режим "логика". Разница возраста звезды и игрового возраста вашего персонажа не должна сильно отличаться, исключения составляют звездульки, которые выглядят вечно молодыми, как, например, Кристина Риччи. 
</div><br>

<div style="font-size: 40px; text-align: center; font-weight: bold; letter-spacing: -2px; font-family: Arizonia; text-shadow: 1px 1px #d0cbbe; position: relative; top: -10px; font-style: italic; color: #856e94;">
Код
</div>
<div style="font-family: arial; font-size: 7px; text-align: center; letter-spacing: 6px; text-transform: uppercase; padding: 1px; position: relative; top: -5px; position: relative; top: -20px;">
копируй меня полностью</div><textarea readonly="" rows="1" cols="80">Имя звезды на англ.яз » &lt;b&gt;play by&lt;/b&gt; &lt;div class="face"&gt;&lt;a href="http://ссылка на профиль"&gt;Имя и фамилия на англ.яз&lt;/a&gt;&lt;/div&gt;&lt;br&gt;</textarea><br><br><br>

<div style=" width: 570px; margin: 0 auto; position: relative; background: #8b61a8; height: 40px;"></div>
<br><br>
<table>
<tbody><tr>
<td valign="top">

<div id="outer">
<div class="lower">
<div style="width: 240px; height: 560px; padding: 20px; background-color: #e3daea; -moz-box-shadow: inset 0 0 20px 5px #af98c1; -webkit-box-shadow: inset 0 0 20px 5px #af98c1; box-shadow: inset 0 0 20px 5px #af98c1; ">
<div class="text">
<!----------- A ----------->
Teresa Palmer » <b>play by</b> <div class="face"><a href="http://">Cora Freeman</a></div><br>

<!----------- B ----------->


<!----------- C ----------->


<!----------- D ----------->


<!----------- E ----------->


<!----------- F ----------->


<!----------- G ----------->


<!----------- H ----------->


<!----------- I ----------->


<!----------- J ----------->


<!----------- K ----------->


<!----------- L ----------->


<!----------- M ----------->


<!----------- O ----------->


<!----------- P ----------->


<!----------- Q ----------->


<!----------- R ----------->


<!----------- S ----------->


<!----------- T ----------->


<!----------- U ----------->


<!----------- V ----------->


<!----------- W ----------->


<!----------- X ----------->


<!----------- Y ----------->


<!----------- Z ----------->
</div>
</div>
</div>
<div class="upper" style="background-image: url(http://s8.uploads.ru/ORMu4.png);"></div>
</div>
</td>
<td valign="top">
<div id="outer">
<div class="lower">
<div style="width: 240px; height: 560px; padding: 20px; background-color: #e3daea; -moz-box-shadow: inset 0 0 20px 5px #af98c1; -webkit-box-shadow: inset 0 0 20px 5px #af98c1; box-shadow: inset 0 0 20px 5px #af98c1;">
<div class="text">
<!----------- A ----------->


<!----------- B ----------->


<!----------- C ----------->


<!----------- D ----------->


<!----------- E ----------->


<!----------- F ----------->


<!----------- G ----------->


<!----------- H ----------->


<!----------- I ----------->


<!----------- J ----------->


<!----------- K ----------->


<!----------- L ----------->


<!----------- M ----------->


<!----------- O ----------->


<!----------- P ----------->


<!----------- Q ----------->


<!----------- R ----------->


<!----------- S ----------->


<!----------- T ----------->


<!----------- U ----------->


<!----------- V ----------->


<!----------- W ----------->


<!----------- X ----------->


<!----------- Y ----------->


<!----------- Z ----------->
</div>
</div>
</div>
<div class="upper" style="background-image: url(http://s9.uploads.ru/R3hC8.png);"></div>
</div>
</td>
</tr>
</tbody></table>
</center>
</div></center></div></div></div>

<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Roboto:300' rel='stylesheet' type='text/css'>
<style>
.nametag {line-height: 20px; font-family: oswald; font-size: 20px; text-transform: uppercase; margin: 0px 0px 0px 20px; color: white; letter-spacing: -1px;}

.curry {width: 220px; height: 360px; overflow: hidden; position: relative;}
.chicken {position: absolute; top: 20px; right: 220px; transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out;} .chicken:hover { opacity: 1}
.curry:hover .chicken { right: 0px; }
.curry:hover .vindaloo { bottom: 20px; }
.vindaloo {margin-top: 20px; width: 147px; height: 260px; padding-right: 3px; margin-right: 20px; border: 15px solid #fff; background-color: #fff; text-align: justify; font-family: roboto; font-size: 9px; line-height: 11px; overflow: auto;}





</style>
<center>
<table cellspacing="2" cellpadding="0">
<tr><td><div class="curry", style="background-image: url(http://placehold.it/220x360);">
<div class="chicken">
<div class="vindaloo">

WORDS WORDS WORDS HERE


</div></div></div>
<div style="position: relative; margin: -10px 0px 0px 200px; width: 0px; height: 0px; border-style: solid; border-width: 0 5px 10px 5px; border-color: transparent transparent #MEMBERGROUPCOLOR transparent;"></div><div style="width: 220px; background-color: #MEMBERGROUPCOLOR; height: 50px;">

<div style="height: 20px;"></div>

<div class="nametag">FIRST LAST</div>


</div> </td>
<td><div class="curry", style="background-image: url(http://placehold.it/220x360);">
<div class="chicken">
<div class="vindaloo">

WORDS WORDS WORDS HERE

</div></div></div><div style="margin: -10px 0px 0px 200px; width: 0px; height: 0px; border-style: solid; border-width: 0 5px 10px 5px; border-color: transparent transparent #MEMBERGROUPCOLOR transparent; position: relative;"></div><div style="width: 220px; background-color: #MEMBERGROUPCOLOUR; height: 50px;"><div style="height: 20px;"></div><div class="nametag">FIRST LAST</div>
</td>
</tr>

<tr><td><div class="curry", style="background-image: url(http://placehold.it/220x360);">
<div class="chicken">
<div class="vindaloo">

WORDS WORDS WORDS HERE


</div></div></div>
<div style="position: relative; margin: -10px 0px 0px 200px; width: 0px; height: 0px; border-style: solid; border-width: 0 5px 10px 5px; border-color: transparent transparent #MEMBERGROUPCOLOR transparent;"></div><div style="width: 220px; background-color: #MEMBERGROUPCOLOR; height: 50px;">

<div style="height: 20px;"></div>

<div class="nametag">FIRST LAST</div>


</div> </td>
<td><div class="curry", style="background-image: url(http://placehold.it/220x360);">
<div class="chicken">
<div class="vindaloo">

WORDS WORDS WORDS HERE

</div></div></div><div style="margin: -10px 0px 0px 200px; width: 0px; height: 0px; border-style: solid; border-width: 0 5px 10px 5px; border-color: transparent transparent #MEMBERGROUPCOLOR transparent; position: relative;"></div><div style="width: 220px; background-color: #MEMBERGROUPCOLOUR; height: 50px;"><div style="height: 20px;"></div><div class="nametag">FIRST LAST</div>
</td>
</tr>
</table>

<link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600' rel='stylesheet' type='text/css'>
<style type="text/css">
.dv_container { width:500px; height:469px; background-image:url(http://sd.uploads.ru/uKi5y.jpg);  margin:auto; overflow:hidden;}
.dv_para { padding:20px; background-color:#fff; width:360px; height:360px;  margin-top:-400px; margin-left:50px; -moz-transition: all 0.9s ease-in-out; -webkit-transition: all 0.9s ease-in-out; -o-transition: all 0.9s ease-in-out;}
.dv_para h1 { font-family: source sans pro; font-weight:bold; font-size:30px; text-align:left;  line-height:10%; margin-bottom:5px;}
.dv_para span { font-family:source sans pro; font-size:8px; text-transform:uppercase; letter-spacing:1px; text-align:left; padding-left:15px; display:block; border-bottom:1px solid #000; }
.dv_para p { width:340px; margin:auto; padding:10px; height:360px; overflow:auto; margin-top:5px; text-align:justify; font-family:calibri; font-size:10px; line-height:110%; color:#000; }
.dv_container:hover .dv_para { margin:auto; margin-top:75px; }
.dv_para ::-webkit-scrollbar-thumb:vertical {
  border:2px solid #000;
  background-color:#fff;
  }
.dv_para ::-webkit-scrollbar-thumb:horizontal {
  background-color:#fff;
  }
.dv_para ::-webkit-scrollbar {
  width:4px;
  height:7px;
  border:1px solid #000;
  background-color:#fff;
  }
.creds { font-family:calibri; font-size:7px; text-transform:uppercase; letter-spacing:1px;  margin-auto; text-align:right; width:350px;}
.creds a { color:#cccccc; }
</style>

<div class="dv_container">
<div class="dv_para">
<h1>death valley.</h1>
<span>ravenclaw ■ sixteen ■ drug dealer </span>
<p>I wanna see your animal side Let it all out I wanna see the dirt Under your skin I need your broken promises I want the guts and glory, baby, baby This town is wasted and alone But we are alive Here in death valley But don’t take love off the table yet 'Cause tonight It’s just fire alarms and losing you We love a lot So we only lose a little But we are alive (we are alive) We are alive I wanna see your animal side Let it all out Oh there you go; undress to impress You can wear the crown but you’re no princess. <br /><br />

I wanna see your animal side Let it all out I wanna see the dirt Under your skin I need your broken promises I want the guts and glory, baby, baby This town is wasted and alone But we are alive Here in death valley But don’t take love off the table yet 'Cause tonight It’s just fire alarms and losing you We love a lot So we only lose a little But we are alive (we are alive) We are alive I wanna see your animal side Let it all out Oh there you go; undress to impress You can wear the crown but you’re no princess. <br /><br />

I wanna see your animal side Let it all out I wanna see the dirt Under your skin I need your broken promises I want the guts and glory, baby, baby This town is wasted and alone But we are alive Here in death valley But don’t take love off the table yet 'Cause tonight It’s just fire alarms and losing you We love a lot So we only lose a little But we are alive (we are alive) We are alive I wanna see your animal side Let it all out Oh there you go; undress to impress You can wear the crown but you’re no princess. <br /><br /></p>
</div>
</div>

<div class="fever"><div class="fools">

<div class="fool">
<input type="radio" id="tab-1" name="tab-group-1" checked>
<label for="tab-1">About</label>
<div class="content">


<div class="day dayy">
                   <img src="http://placehold.it/320x320">
                   <div class="mask">
                       <h2>Character Name</h2>
                       <p>[/dohtml] blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah [b]trait[/b] blah blah blah blah blah blah blah blah blah blah [b]trait[/b] blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah 

blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah [b]trait[/b] blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah [b]trait[/b] blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah 
[dohtml]</p></div>
               </div>


</div>
</div>

<div class="fool">
<input type="radio" id="tab-2" name="tab-group-1">
<label for="tab-2">Relationships</label>
<div class="content">

<h2>friend<span style="color:#da8c8c;">ships</span></h2>
<p>[/dohtml]blah blah blah blah blah blah blah blah blah blah [b]bestie[/b] blah blah blah blah blah [b]best guy friend[/b] blah blah blah blah blah [b]fangirling friend[/b] blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah [dohtml]
</p>

<h2>hate<span style="color:#da8c8c;">ships</span></h2>
<p>[/dohtml]blah blah blah blah blah [b]enemies[/b] blah blah blah blah blah blah blah blah blah blah [b]academic rivals[/b] blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah [dohtml]</p>

<h2>love<span style="color:#da8c8c;">ships</span></h2>
<p>[/dohtml]blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah [b]forbidden love[/b] blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah [b]hook up[/b] blah blah blah blah blah [b]with feelings[/b] blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah [dohtml]</p>

<h2>other<span style="color:#da8c8c;">ships</span></h2>
<p>[/dohtml]blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah [b]brother[/b] blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah [b]long lost cousin[/b]blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah 

blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah [b]long lost sister[/b] blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah [dohtml]</p>


</div>
</div>

<div class="fool">
<input type="radio" id="tab-3" name="tab-group-1">
<label for="tab-3">Threads</label>
<div class="content">

<h2><span style="color:#da8c8c;">ACTIVE THREADS</span></h2>
<div class="fool3">
<div class="fool-proof"><a>Thread Title</a>
Write a short description here of your thread. [b]tag[/b] Perhaps who it's with, who's turn it is, etc. Mayhap there's a plot, you can jot down ideas or where it's going here. It doesn't really matter. Btw, this also scrolls so have fun with that. <BR></div>

<div class="fool-proof"><a>Thread Title</a>
Write a short description here of your thread.  [b]tag[/b] Perhaps who it's with, who's turn it is, etc. Mayhap there's a plot, you can jot down ideas or where it's going here. It doesn't really matter. Btw, this also scrolls so have fun with that. <BR></div>

<div class="fool-proof"><a>Thread Title</a>
Write a short description here of your thread.  [b]tag[/b] Perhaps who it's with, who's turn it is, etc. Mayhap there's a plot, you can jot down ideas or where it's going here. It doesn't really matter. Btw, this also scrolls so have fun with that. <BR></div>



</div><h2><span style="color:#dacb8c;">INACTIVE THREADS</span></h2>
<div class="fool3">
<div class="fool-proof"><a>Thread Title</a> 
Write a short description here of your thread.  [b]tag[/b] Perhaps who it's with, who's turn it is, etc. Mayhap there's a plot, you can jot down ideas or where it's going here. It doesn't really matter. Btw, this also scrolls so have fun with that. <BR></div>

<div class="fool-proof"><a>Thread Title</a>
Write a short description here of your thread.  [b]tag[/b] Perhaps who it's with, who's turn it is, etc. Mayhap there's a plot, you can jot down ideas or where it's going here. It doesn't really matter. Btw, this also scrolls so have fun with that. <BR></div>

<div class="fool-proof"><a>Thread Title</a>
Write a short description here of your thread.  [b]tag[/b] Perhaps who it's with, who's turn it is, etc. Mayhap there's a plot, you can jot down ideas or where it's going here. It doesn't really matter. Btw, this also scrolls so have fun with that. <BR></div>



</div><h2><span style="color:#a3da8c;">COMPLETED THREADS</span></h2>
<div class="fool3">
<div class="foolproof"><a>Thread Title</a>
Write a short description here of your thread.  [b]tag[/b] Perhaps who it's with, who's turn it is, etc. Mayhap there's a plot, you can jot down ideas or where it's going here. It doesn't really matter. Btw, this also scrolls so have fun with that. <BR></div>

<div class="foolproof"><a>Thread Title</a>
Write a short description here of your thread.  [b]tag[/b] Perhaps who it's with, who's turn it is, etc. Mayhap there's a plot, you can jot down ideas or where it's going here. It doesn't really matter. Btw, this also scrolls so have fun with that. <BR></div>

<div class="foolproof"><a>Thread Title</a>
Write a short description here of your thread.  [b]tag[/b] Perhaps who it's with, who's turn it is, etc. Mayhap there's a plot, you can jot down ideas or where it's going here. It doesn't really matter. Btw, this also scrolls so have fun with that. <BR></div>

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

</div></div>

<style> .fools {position: relative; width: 400px;height: 400px;} .fool {float: left;} .fool label { display: block; width: 90px;text-align: center; font-family: times; color: #000; margin-right: 5px; font-size: 10px; letter-spacing: 1px;text-transform: uppercase; background: #fff; padding:  5px;border: 3px solid black; position: relative;top: -10px; left: 40px; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; transition: all 0.4s ease-out; } [type=radio]:checked ~ label {color: #919191;background-color: rgb(255, 255, 255);z-index: 2;} label:hover { background: black; color: white; } [type=radio]:checked ~ label ~ .content {z-index: 1;} .fool [type=radio] {display: none; } .content {position: absolute;background: white;border: 10px solid black;top: 40px;left: 30px;width: 320px;height: 320px; overflow:auto; line-height:100%; } .content h2 { text-transform: uppercase; color: #fff; text-align: center; font-family: times; position: relative; font-size: 17px; padding: 10px; background: rgba(0, 0, 0, 0.8); margin: 20px 0 0 0; } .fool3 { color:black; padding: 7px; line-height: 1.5em; font-size: 11px; font-family: georgia; letter-spacing: 1px; } .foolproof { padding-top:10px; } .content p { color:black; padding: 7px; line-height: 1.5em; font-size: 11px; font-family: georgia; letter-spacing: 1px; } .content a { padding: 1px; font-size: 14px; font-family: Georgia, "Times New Roman", Times, serif; letter-spacing: .10em; font-weight: 100; border-bottom: groove 2px #CCC; width: auto; line-height: 1em; font-variant: small-caps; text-transform: none; color:black; } .content a:hover { color:black; } .content b { background:black; color:white; padding:2px; } .day b { background:black; color:white; padding:2px; } .fever { margin:0 auto; background-image:url(http://i.imgur.com/WYGGwiP.jpg); padding:20px; width:400px; border:4px solid black; -webkit-box-shadow: 2px 2px 13px rgba(50, 50, 50, 0.75);-moz-box-shadow: 2px 2px 13px rgba(50, 50, 50, 0.75);box-shadow: 2px 2px 13px rgba(50, 50, 50, 0.75);} .dayy .mask { background-color: rgba(255, 255, 255, 0.7); top: -320px; opacity: 0; transition: all 0.3s ease-out 0.5s; } .dayy h2{ transform: translateY(-320px); transition: all 0.2s ease-in-out 0.1s; } .dayy p { color: #333; line-height:110%; overflow:auto; transform: translateY(-320px); transition: all 0.2s ease-in-out 0.2s; } .dayy a.info { transform: translateY(-320px); transition: all 0.2s ease-in-out 0.3s; } .dayy:hover .mask { opacity: 1; top: 0px; transition-delay: 0s; } .dayy:hover h2 { transition-delay: 0.4s; } .dayy:hover p { transition-delay: 0.2s; } .dayy:hover a.info { transition-delay: 0s; } .day {overflow: auto;position: relative;text-align: center; width:320px; height:320px; } .day .mask, .day .content { width: 320px; height: 320px; position: absolute; overflow: hidden; top: 0; left: 0 } .day img { display: block; position: relative } .day h2 { text-transform: uppercase; color: #fff; text-align: center; font-family: times; position: relative; font-size: 17px; padding: 10px; background: rgba(0, 0, 0, 0.8); margin: 20px 0 0 0; } .day p { padding: 7px; line-height: 1.5em; font-size: 11px; font-family: georgia; letter-spacing: 1px; position: relative; color: #000; padding: 10px 20px 20px; text-align: justify; height: 226px; } </style>

<link href='http://fonts.googleapis.com/css?family=Oswald:300' rel='stylesheet' type='text/css'>
<center>
<div style="width:300px; padding:25px; background-image:url(http://i.imgur.com/GlOIuuZ.png); background-position: center bottom;"><div style="color:#191919; font-size:38px; font-family:oswald; text-align:center; padding:15px; text-transform:uppercase; letter-spacing:2px; background-color:rgba(255,255,255,0.7); background-color:rgb(255,255,255,0.7);">NAME + NAME</div>

<div style="background-color:rgba(255,255,255,0.7); background-color:rgb(255,255,255,0.7); text-align:justify; font-family:calibri; font-size:11px; line-height:97%; padding-left:10px; padding-right:10px; padding-bottom:10px;">okay, so this is my character. </div>

</div>
</center>

<link href='http://fonts.googleapis.com/css?family=Fjalla+One' rel='stylesheet' type='text/css'>
<link rel="stylesheet" type="text/css" href="https://www.dropbox.com/s/qfwmv3a3rz6puty/lethergo.css?dl=1">
<center>
   <div class="nexus-petezahhutt"><div class="nexus-kylern">
WORDS WILL GO HERE
</div></div>
   <div class="nexus-turqmelon">
   <div style="padding-top:25px;"></div>
       <table cellspacing="2"><tr vAlign="top">
           <td><img src="http://placehold.it/100x100"></td>
               <td><div class="nexus-asfjerome">thread title</div>
                      <div class="nexus-bajancanadian">### words - for name - additional notes</div></td>
       </tr></table>
   </div>
<div class="codesbymerc" style="margin-top:0px;"><a href="http://z10.invisionfree.com/CAUTIONTOTHEWIND/index.php?showuser=37282">THANKS</a><a href="http://roux.jfbs.net/index.php?showuser=1">MERC</a></div>
</center>

<link href='http://fonts.googleapis.com/css?family=Playfair+Display:400,400italic' rel='stylesheet' type='text/css'>
<style type="text/css">
.hpdh-kreacher {
   width:400px;
   height:126px;
   background-image:url(http://i.imgur.com/kPzMhlL.png);
}
.hpdh-dobby {
   width:80px;
   height:80px;
   padding:10px;
   border:1px solid #fcfcfc;
}
.hpdh-winky {
   width:200px;
   font-family:playfair display;
   font-size:11px;
   font-style:italic;
   padding-bottom:4px;
   text-align:center;
   border-bottom:1px solid #fcfcfc;
   margin-left:26px;
   color:#fcfcfc;
}
.hpdh-griphook {
   background-color:#E8E8E8;
   width: 300px;
   padding-left:50px;
   padding-right:50px;
   padding-top:25px;
   padding-bottom:25px;
   font-family:playfair display;
   font-size:11px;
   text-align:justify;
   line-height:98%;
   columns:125px 2;
   -webkit-columns:125px 2;
   -moz-columns:125px 2;
   color:#191919;
}
.hpdh-griphook i {
   font-style:italic;
   font-size:30px;
   font-weight:bold;
   line-height:100%;
   float:left;
   padding-left:15px;
   padding-right:3px;
   color:#191919;
}</style>

<center>
   <div class="hpdh-kreacher">
       <div style="padding-top:10px;"></div>
       <table>
           <tr>
               <td>
                   <div class="hpdh-dobby">
                       <img src="http://placehold.it/80x80">
                   </div>
               </td>
               <td>
                   <div class="hpdh-winky">" morsmordre "</div>
               </td>
           </tr>
       </table>
   </div>
   <div class="hpdh-griphook">
       <i>N</i>othing but the first letter of each paragraph in italics unless you want your writing to look super funky!</div>
   <div class="hpdh-kreacher" style="height:50px;">
       <div class="hpdh-winky" style="padding-top:13px; margin-left:0px; font-size:9px;">for draco. 573 words. sorry it took so long!</div>
   </div>
   <div style="font-size:8px; text-transform:uppercase;"><a href="http://z10.invisionfree.com/CAUTIONTOTHEWIND/index.php?showuser=37282">THANKS</a> <a href="http://roux.jfbs.net/index.php?showuser=1">MERC</a>
   </div>
</center>

<link href='http://fonts.googleapis.com/css?family=Dosis:300' rel='stylesheet' type='text/css'>
<center>
<div style="width: 355px; border: 25px solid #fff; background-color: none;">
<a href="http://roux.b1.jcink.com/index.php?showuser=26"><div style="width: 355px; height: 1px; background-color: #B6C9B5;"></div></a>
<div style="text-align: center; text-transform: uppercase; font-family: dosis; font-size: 26px; line-height: 98%; color: #4D4038; margin-top: 23px;">FACE CLAIM</div>
<div style="font-family: calibri; font-size: 9px; text-align: justify; text-transform: uppercase; line-height: 100%; color: #4D4038;">The rules and procedures can go here, and any other misc. information.</div>
<table cellpadding="0" cellspacing="0">
<td><div style="width: 175px; text-align: center; text-transform: uppercase; font-family: dosis; font-size: 20px; line-height: 100%; color: #B6C9B5; border-bottom: 1px solid #333; margin-bottom: 5px;margin-right: 5px;">BOYS</div>
<div style="width: 175px; text-align: justify; font-family: tahoma; font-size: 10px; text-transform: uppercase; color: #B6C9B5; line-height: 100%;">NAME<br>NAME<br>NAME</div></td>

<td><div style="width: 175px; text-align: center; text-transform: uppercase; font-family: dosis; font-size: 20px; line-height: 100%; color: #F2A27F; border-bottom: 1px solid #333; margin-bottom: 5px;">GIRLS</div>
<div style="text-align: right; font-family: tahoma; font-size: 10px; text-transform: uppercase; color: #F2A27F;line-height: 100%;">NAME<br>NAME<br>NAME</div></td>
</table>
<div style="margin-top: 23px; width: 355px; height: 1px; background-color: #B6C9B5;"></div>
</div>
</div>
</center>

<link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300' rel='stylesheet' type='text/css'>
<style type="text/css">
/* Clean up the lists styles */
ul.accordion {
list-style: none;
margin: 0;
padding: 0;
}

/* Hide the radio buttons */
/* These are what allow us to toggle content panes */
ul.accordion label + input[type='radio'] {
display: none;
}

/* Give each content pane some styles */
ul.accordion li {
background-color: #FCFDF5;
       width: 450px;
text-align: justify;
font-size: 9.5px;
font-family: tahoma;
line-height: 95%;
color: #262422;
border-bottom: 2px solid #D1FBB3;
}

/* Make the main tab look more clickable */
ul.accordion label {
background-color: #00A4B7;
       width: 430px;
color: #FCFDF5;
display: block;
padding: 10px;
text-align: center;
text-transform: uppercase;
font-family: open sans condensed;
font-size: 16px;
letter-spacing: 1px;
border-bottom: 2px solid #D1FBB3;

}

ul.accordion label:hover {
cursor: pointer;
}

/* Set up the div that will show and hide */
ul.accordion div.content {
overflow: hidden;
padding: 0 10px;
display: none;
}

/* Show the content boxes when the radio buttons are checked */
ul.accordion label + input[type='radio']:checked + div.content {
display: block;
}

.apples {padding: 10px;}

.lemons {  background-color: #00A4B7;
       width: 430px;
color: #FCFDF5;
display: block;
padding: 10px;
text-align: center;
text-transform: uppercase;
font-family: open sans condensed;
font-size: 16px;
letter-spacing: 1px;
border-bottom: 2px solid #D1FBB3;}
</style>
<center>
<div class="lemons">character's full name</div>
<div style="width: 450px; height: 250px; background-image: url(http://colourlovers.com.s3.amazonaws.com/images/patterns/3510/3510892.png?1364677718);border-bottom: 2px solid #D1FBB3;"><div style="padding-top: 25px;"><div style="width: 400px; height: 200px; background-image: url(http://placehold.it/400x200); border: 2px solid #00A4B7;"></div></div></div>
<ul class='accordion'>
<li>
 <label for='cp-1'>section one</label>
 <input type='radio' name='a' id='cp-1'>
 <div class='content'><div class="apples">
 	

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras luctus sollicitudin est, in sagittis orci imperdiet ac. Aliquam erat volutpat. Sed suscipit scelerisque est non adipiscing. Phasellus urna justo, tempor sit amet ultrices in, ultrices in nisl. Vestibulum porta elementum urna eu vestibulum. Etiam dictum eros et tortor vulputate cursus. Mauris iaculis placerat nibh, nec rhoncus felis pretium ut. Sed nisi quam, hendrerit sit amet sollicitudin sit amet, ullamcorper ac dui. Donec ipsum nisi, accumsan vitae malesuada quis, luctus non mauris.
<p>
Maecenas posuere, justo eget consequat pellentesque, odio mi tristique diam, eget congue massa leo et massa. Etiam vehicula interdum mattis. Proin rhoncus ipsum non odio porta eget mollis sem ornare. Nam eget ipsum ac nisi viverra rhoncus posuere sit amet urna. Etiam iaculis, tortor in tincidunt ullamcorper, eros lorem tempus velit, varius ultricies purus neque id nisl. Nam eu blandit urna. Cras viverra laoreet quam, ac porttitor risus tincidunt ut. Vivamus tincidunt, nisl sed dignissim viverra, risus turpis vestibulum sem, sed consectetur turpis sem in risus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nullam tempus, nisl et congue gravida, libero augue consequat neque, et gravida justo libero in urna.
<p>
Suspendisse rhoncus tellus vel felis malesuada ut semper risus mattis. Vivamus mollis tincidunt mauris, sit amet elementum tortor dignissim eget. Sed suscipit magna venenatis purus fermentum non pulvinar magna fringilla. Quisque vehicula gravida pellentesque. Integer suscipit vulputate metus eget malesuada. Suspendisse sed sapien lacus, sit amet rhoncus orci. Cras tempor tortor vitae purus lobortis vehicula vitae nec tellus. Mauris posuere, lectus sit amet aliquam consequat, enim urna sagittis neque, in sollicitudin lectus velit lacinia libero. Fusce mauris augue, euismod a imperdiet vitae, convallis scelerisque justo. Cras rhoncus aliquam justo. Phasellus venenatis rutrum congue.
<p>
Nunc vestibulum euismod dapibus. Sed vitae neque quam. Duis placerat, mauris vel malesuada dictum, purus dolor consectetur diam, non vestibulum risus elit vitae turpis. Vivamus ac leo tellus, sed tincidunt ipsum. Nullam lorem dolor, aliquam ut consequat eu, ultricies ac lectus. Phasellus convallis tortor in elit consectetur bibendum. Donec condimentum aliquet ultrices. Quisque a velit neque, eu pellentesque urna.
<p>
Duis nec blandit nisi. Duis eget nisi nibh, vel elementum justo. Fusce malesuada dignissim accumsan. Sed porttitor volutpat mi at tristique. Vivamus consectetur massa ac arcu mollis semper. In hac habitasse platea dictumst. Ut porttitor urna et dolor faucibus elementum. 
 </div></div>
</li>

<li>
 <label for='cp-2'>section two</label>
 <input type='radio' name='a' id='cp-2'>
 <div class='content'><div class="apples">
 	

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras luctus sollicitudin est, in sagittis orci imperdiet ac. Aliquam erat volutpat. Sed suscipit scelerisque est non adipiscing. Phasellus urna justo, tempor sit amet ultrices in, ultrices in nisl. Vestibulum porta elementum urna eu vestibulum. Etiam dictum eros et tortor vulputate cursus. Mauris iaculis placerat nibh, nec rhoncus felis pretium ut. Sed nisi quam, hendrerit sit amet sollicitudin sit amet, ullamcorper ac dui. Donec ipsum nisi, accumsan vitae malesuada quis, luctus non mauris.
<p>
Maecenas posuere, justo eget consequat pellentesque, odio mi tristique diam, eget congue massa leo et massa. Etiam vehicula interdum mattis. Proin rhoncus ipsum non odio porta eget mollis sem ornare. Nam eget ipsum ac nisi viverra rhoncus posuere sit amet urna. Etiam iaculis, tortor in tincidunt ullamcorper, eros lorem tempus velit, varius ultricies purus neque id nisl. Nam eu blandit urna. Cras viverra laoreet quam, ac porttitor risus tincidunt ut. Vivamus tincidunt, nisl sed dignissim viverra, risus turpis vestibulum sem, sed consectetur turpis sem in risus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nullam tempus, nisl et congue gravida, libero augue consequat neque, et gravida justo libero in urna.
<p>
Suspendisse rhoncus tellus vel felis malesuada ut semper risus mattis. Vivamus mollis tincidunt mauris, sit amet elementum tortor dignissim eget. Sed suscipit magna venenatis purus fermentum non pulvinar magna fringilla. Quisque vehicula gravida pellentesque. Integer suscipit vulputate metus eget malesuada. Suspendisse sed sapien lacus, sit amet rhoncus orci. Cras tempor tortor vitae purus lobortis vehicula vitae nec tellus. Mauris posuere, lectus sit amet aliquam consequat, enim urna sagittis neque, in sollicitudin lectus velit lacinia libero. Fusce mauris augue, euismod a imperdiet vitae, convallis scelerisque justo. Cras rhoncus aliquam justo. Phasellus venenatis rutrum congue.
<p>
Nunc vestibulum euismod dapibus. Sed vitae neque quam. Duis placerat, mauris vel malesuada dictum, purus dolor consectetur diam, non vestibulum risus elit vitae turpis. Vivamus ac leo tellus, sed tincidunt ipsum. Nullam lorem dolor, aliquam ut consequat eu, ultricies ac lectus. Phasellus convallis tortor in elit consectetur bibendum. Donec condimentum aliquet ultrices. Quisque a velit neque, eu pellentesque urna.
<p>
Duis nec blandit nisi. Duis eget nisi nibh, vel elementum justo. Fusce malesuada dignissim accumsan. Sed porttitor volutpat mi at tristique. Vivamus consectetur massa ac arcu mollis semper. In hac habitasse platea dictumst. Ut porttitor urna et dolor faucibus elementum. 
 </div></div>
</li>

<li>
 <label for='cp-3'>section three</label>
 <input type='radio' name='a' id='cp-3'>
 <div class='content'><div class="apples">
 	

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras luctus sollicitudin est, in sagittis orci imperdiet ac. Aliquam erat volutpat. Sed suscipit scelerisque est non adipiscing. Phasellus urna justo, tempor sit amet ultrices in, ultrices in nisl. Vestibulum porta elementum urna eu vestibulum. Etiam dictum eros et tortor vulputate cursus. Mauris iaculis placerat nibh, nec rhoncus felis pretium ut. Sed nisi quam, hendrerit sit amet sollicitudin sit amet, ullamcorper ac dui. Donec ipsum nisi, accumsan vitae malesuada quis, luctus non mauris.
<p>
Maecenas posuere, justo eget consequat pellentesque, odio mi tristique diam, eget congue massa leo et massa. Etiam vehicula interdum mattis. Proin rhoncus ipsum non odio porta eget mollis sem ornare. Nam eget ipsum ac nisi viverra rhoncus posuere sit amet urna. Etiam iaculis, tortor in tincidunt ullamcorper, eros lorem tempus velit, varius ultricies purus neque id nisl. Nam eu blandit urna. Cras viverra laoreet quam, ac porttitor risus tincidunt ut. Vivamus tincidunt, nisl sed dignissim viverra, risus turpis vestibulum sem, sed consectetur turpis sem in risus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nullam tempus, nisl et congue gravida, libero augue consequat neque, et gravida justo libero in urna.
<p>
Suspendisse rhoncus tellus vel felis malesuada ut semper risus mattis. Vivamus mollis tincidunt mauris, sit amet elementum tortor dignissim eget. Sed suscipit magna venenatis purus fermentum non pulvinar magna fringilla. Quisque vehicula gravida pellentesque. Integer suscipit vulputate metus eget malesuada. Suspendisse sed sapien lacus, sit amet rhoncus orci. Cras tempor tortor vitae purus lobortis vehicula vitae nec tellus. Mauris posuere, lectus sit amet aliquam consequat, enim urna sagittis neque, in sollicitudin lectus velit lacinia libero. Fusce mauris augue, euismod a imperdiet vitae, convallis scelerisque justo. Cras rhoncus aliquam justo. Phasellus venenatis rutrum congue.
<p>
Nunc vestibulum euismod dapibus. Sed vitae neque quam. Duis placerat, mauris vel malesuada dictum, purus dolor consectetur diam, non vestibulum risus elit vitae turpis. Vivamus ac leo tellus, sed tincidunt ipsum. Nullam lorem dolor, aliquam ut consequat eu, ultricies ac lectus. Phasellus convallis tortor in elit consectetur bibendum. Donec condimentum aliquet ultrices. Quisque a velit neque, eu pellentesque urna.
<p>
Duis nec blandit nisi. Duis eget nisi nibh, vel elementum justo. Fusce malesuada dignissim accumsan. Sed porttitor volutpat mi at tristique. Vivamus consectetur massa ac arcu mollis semper. In hac habitasse platea dictumst. Ut porttitor urna et dolor faucibus elementum. 
 </div></div>
</li>
</ul>
<a href="http://z10.invisionfree.com/Shadowplay/index.php?showuser=5361">❤</a>

</center>