<style type="text/css">
@import url(http://fonts.googleapis.com/css?family=Oswald);
/*START OF CSS FOR CLAIMS SITE TEMPLATE*/
.chtemplatebound{background-image: url(http://funkyimg.com/i/Jfbz.png); width:590px; height:600px;  position:relative; left:0px; top:0px; margin-bottom:10px; border:10px solid #95e6ff;}
/*TITLE FOR CLAIMS*/
.chclaimstitle{width: 620px; height: 60px; text-align: center; font-family: 'Lobster', sans-serif; font-size: 30px; line-height: 100%; color: #c4e1fa; text-transform: lowercase;  -webkit-box-shadow: 1px 1px 13px 0px rgba(50, 50, 50, 0.4); -moz-box-shadow: 1px 1px 13px 0px rgba(50, 50, 50, 0.4); box-shadow:  1px 1px 13px 0px rgba(50, 50, 50, 0.4); background-color: #c4e1fa; position:absolute; left:50px; top:0px}
/*DESCRIPTION FOR CLAIMS*/
.chclaimsdesc{background:#c4e1fa; width:580px; min-height:15px; padding:25px 25px 25px 25px; position:absolute; top:-45px; font-family:arial; font-size:10px; color:#444; line-height:11px; text-align:justify; text-transform:lowercase; opacity:0; z-index:5; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease; -webkit-box-shadow: 1px 1px 13px 0px rgba(50, 50, 50, 0.4); -moz-box-shadow: 1px 1px 13px 0px rgba(50, 50, 50, 0.4); box-shadow:  1px 1px 13px 0px rgba(50, 50, 50, 0.4); }
.chclaimstitle:hover{cursor:help}
.chclaimstitle:hover .chclaimsdesc{top:45px; cursor:help; opacity:1; -webkit-transition:top 1.3s ease,opacity 1s ease; -moz-transition:top 1.3s ease,opacity 1s ease; -o-transition:top 1.3s ease,opacity 1s ease; transition:top 1.3s ease,opacity 1s ease; -webkit-box-shadow: 1px 1px 13px 0px rgba(50, 50, 50, 0.4); -moz-box-shadow: 1px 1px 13px 0px rgba(50, 50, 50, 0.4); box-shadow:  1px 1px 13px 0px rgba(50, 50, 50, 0.4); }
/*BOX FOR TEXT*/ 
.chch {background:#c4e1fa; width:570px; height:830px; padding-bottom:20px; position:absolute; top:110px; -webkit-box-shadow: 1px 1px 13px 0px rgba(50, 50, 50, 0.4); -moz-box-shadow: 1px 1px 13px 0px rgba(50, 50, 50, 0.4); box-shadow:  1px 1px 13px 0px rgba(50, 50, 50, 0.4); }
.chfemale {background:#c4e1fa; width:570px; height:440px; padding-bottom:20px; -webkit-box-shadow: 1px 1px 13px 0px rgba(50, 50, 50, 0.4); -moz-box-shadow: 1px 1px 13px 0px rgba(50, 50, 50, 0.4); box-shadow:  1px 1px 13px 0px rgba(50, 50, 50, 0.4); position:absolute; top:420px; overflow-y:auto; overflow-x:hidden}
.chmale {background:#c4e1fa; width:570px; height:300px; padding-bottom:20px; -webkit-box-shadow: 1px 1px 13px 0px rgba(50, 50, 50, 0.4); -moz-box-shadow: 1px 1px 13px 0px rgba(50, 50, 50, 0.4); box-shadow:  1px 1px 13px 0px rgba(50, 50, 50, 0.4); position:absolute; top:180px; overflow-y:auto; overflow-x:hidden}
/*TEXT THAT HOVER CHANGES*/
.chcharname, .chchardesc{font-family:arial; font-size:8px; line-height:22px;letter-spacing:2pt; text-transform:uppercase}
.chcharname{background:#5ac8dc; color:#222; width:60px; height:20px; text-align:center; display:block;position:relative; margin:10px 20px 10px 20px; opacity:1}
.chchardesc{background:#5ac8dc; color:#222; width:205px; height:20px; text-align:center; display:block; position:absolute; top:0px; left:0px; opacity:0; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease}
.chcharname:hover .chchardesc{cursor:default; color:#444; opacity:1; -webkit-transition:opacity 0.2s ease,color 1.5s ease; -moz-transition:opacity 0.2s ease,color 1.5s ease; -o-transition:opacity 0.2s ease,color 1.5s ease; transition:opacity 0.2s ease,color 1.5s ease}
.chtitle { width: 620px; height: 40px; text-align: center; font-family: 'Lobster', sans-serif; font-size: 30px; line-height: 100%; color: #c4f3fa; text-transform: lowercase;  -webkit-box-shadow: 1px 1px 13px 0px rgba(50, 50, 50, 0.4); -moz-box-shadow: 1px 1px 13px 0px rgba(50, 50, 50, 0.4); box-shadow:  1px 1px 13px 0px rgba(50, 50, 50, 0.4); background-color: #017d7e;}
.chtitle2 { width: 620px; height: 30px; text-align: center; font-family: 'Lobster', sans-serif; font-size: 30px; line-height: 100%; color: #c4f3fa; text-transform: lowercase;  -webkit-box-shadow: 1px 1px 13px 0px rgba(50, 50, 50, 0.4); -moz-box-shadow: 1px 1px 13px 0px rgba(50, 50, 50, 0.4); box-shadow:  1px 1px 13px 0px rgba(50, 50, 50, 0.4); background-color: #017d7e;}
/*END OF CSS FOR CLAIMS SITE TEMPLATE*/
.tooltip {
position: relative;
}
.tooltip em {
display: none;
}
.tooltip:hover em {
font-style: normal;
display: block;
position: absolute;
background: #017d7e;
color: #FFF;
padding: 10px 10px;
bottom: 13px;
right: 5;
box-shadow: 0 0 5px #ccc;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-webkit-box-shadow: 0 0 5px #000000;
-moz-box-shadow: 0 0 5px #000000;
}
.tooltip:hover em i {
position: absolute;
bottom: -7px;
right: 5px;
border-top: 7px solid #000;
border-left: 7px solid transparent;
display: block;
}
</style>
<center>
<div class="chtemplatebound">
<div style="margin-left: -65px;" class="chclaimstitle">
<h1><div style="font-family: Lobster;font-size:30px; line-height:15px;letter-spacing:2pt; padding:5px;color:#017d7e;">МЫ ХОТИМ РЕАЛ!
<br>*сюда нужно навести*</div></h1>
<div class="chclaimsdesc">
о, так здорово, что теперь ты можешь узрить то, что в нашей закладочке заготовлено специально для тебя! <br>
идея наша, увы, не голливуд, но, ура!, реальная жизнь. без примесей [наши люди не смогут летать_исполнять <br>
то, чего не умеет никто_колдовать_пить кровь], без криминала [отложите пистолет, товарищ, у нас все строго!], <br> никаких маленьких городов европы [скучно же, ну, привет, огни нью_йорка, к примеру], настоящее время <br>
[телепорты не изобрели, жалко, ну и ладно]. если вы приобрели улыбку до ушей, вникая в смысл данного <br>
бреда, то мы рады видеть вас, вы то, что мы так долго искали. а пока мы ищем ленточку, вы придерживайте <br>
внешность и регистрируйтесь. так_то просто, верно?
</div></div>
<div class="chch"><div style="margin-top: -25px; margin-left: -15px;" class="chtitle">кто мы есть и какого хрена нам надо?</div>
<div style="font-family: Tahoma;font-size:12px; line-height:10px;letter-spacing:2pt; padding:5px;color:#017d7e;">ответ очень прост: свежего! и, если сейчас вы покрутите пальцем у виска, то совершите неверный поступок. погуляв по ролевым, я осознала всю горечь и грусть от того, что на хороших проектах давно поселились замечательные ребята, занявшие все внешности, а что делать нам? ждать у моря погоды? глупо, кажется. вот поэтому мы решили подуть на вас своей свежестью. пока что тут есть Я, заведующая всем. мне помогает еще одна дама, но, увы, она с нами не отправится в дальнейшее плавание, а плавать очень хочется! :с теперь мы, опять же только Я, ищем ответственных и ненормально_креативных людей, которые также, как и я, не могут найти себе достойное пристанище, которое станет не только местом для игры, но и местом для отдыха души_тела. так что, артистичны ли вы? если смелое "да", то сразу же, свободно и неограниченно, пишите сюда. будем_буду рады_рада принять вас в команду корабля, а пассажиров обещаем любить, пока дышим.</div>
<div class="chmale"><div style="margin-left: -15px;" class="chtitle2">массовая миграция</div>
<center><b>итак, ниже вы сможете просмотреть списки занятых внешностей. придержать их [актеров_актрис], разумеется, весьма просто. для этого не надо применять знания из высшей математики_ядерной физики, однако для гостей они, увы, не придерживаются. как бы это прискорбно не звучало, но мы тоже должны иметь гарантию того, что вы не пропадете. придерживаете для партнера? нельзя, тот сам заявиться должен. хотите много? не больше двух, пожалуйста. на раздумье будет даваться всего два дня, иначе сотрем обе. и, кстати, если пропадаете на срок, более чем на три дня, то внешность может перейти к кому_то другому. вам оно надо? нет. просто зайти и отметиться, мол, не пропал я и с вами, не так уж и сложно.</b>
<center><table>
<tr>
<td><center><div style="font-family: times new roman;font-size:20px; line-height:22px;letter-spacing:2pt; padding:10px;color:#017d7e;">женские внешности:</div>
<div style="padding: 5px; text-align: center;">
<b>за амс:</b><br>
holland roden_холланд роден - бананчиха.<br>
_______________<br>
<b>за игроками:</b>
...
<div></center></td>
<td><center><div style="font-family: times new roman;font-size:20px; line-height:22px;letter-spacing:2pt; padding:10px;color:#017d7e;">мужские внешности:</div>
<div style="padding: 5px; text-align: center;">
<b>за амс:</b><br>
_______________<br>
<b>за игроками:</b>
...
<div></center></td></tr></table>
</div>
</div>
</center>