<center><link href='http://fonts.googleapis.com/css?family=Dancing+Script' rel='stylesheet' type='text/css'>

<style type="text/css">
.cazzette { width: 70px; height: 20px; line-height: 20px; text-align: center; font-size: 8px; background-color: #FFE7BA; transition-duration: 1s; -webkit-transition-duration: 1s; -moz-transition-duration: 1s; -o-transition-duration: 1s; color: #fff; font-family: calibri; letter-spacing: 2px; }
.cazzette:hover { width: 70px; height: 20px; line-height: 20px; text-align: center; font-size: 8px;background-color: #FFE7BA; transition-duration: 1s; -webkit-transition-duration: 1s; -moz-transition-duration: 1s; -o-transition-duration: 1s; color: #ffffff; font-family: calibri; font-style: italic; letter-spacing: 2px; }   
.beam { width: 70px; height: 20px; line-height: 20px; text-align: center; font-size: 8px; background-color: #CDAA7D; transition-duration: 1s; -webkit-transition-duration: 1s; -moz-transition-duration: 1s; -o-transition-duration: 1s; color: #ffffff; font-family: calibri; letter-spacing: 2px; }
.beam:hover { width: 70px; height: 20px; line-height: 20px; text-align: center; font-size: 8px; background-color: #CDAA7D; transition-duration: 1s; -webkit-transition-duration: 1s; -moz-transition-duration: 1s; -o-transition-duration: 1s; color: #fff; font-family: calibri; font-style: italic; letter-spacing: 2px; }   
</style>


<style type="text/css">.character { width: 60px; height: 60px; -webkit-transition: 0.5s ease-out;-moz-transition: 0.5s ease-out;-o-transition: 0.5s ease-out; -moz-border-radius:100px; -webkit-border-radius: 100px; } .character:hover { -moz-border-radius:100px; -webkit-border-radius: 100px; opacity: 0; -webkit-transition: 0.5s ease-out;-moz-transition: 0.5s ease-out;-o-transition: 0.5s ease-out; }.charactername { width:60px; background-color: #000; line-height:0%; font-family:yanone kaffeesatz; text-transform:uppercase; font-size:1px; letter-spacing:1px; text-align:center; padding-top:30px; -webkit-transition: 0.2s ease-out;-moz-transition: 0.2s ease-out;-o-transition: 0.2s ease-out;; opacity: 0; color:none; }.charactername:hover { width:60px; height: 35px; background-color:#000; color:#fff; line-height:100%; font-family:yanone kaffeesatz; text-transform:uppercase; font-size:9px; letter-spacing:1px; padding-top:25px; text-align:center; opacity:0.8; -moz-border-radius:100px; -webkit-border-radius: 100px; -webkit-transition: 0.2s ease-out;-moz-transition: 0.2s ease-out;-o-transition: 0.2s ease-out; }.lyrical { width:400px; font-family:megrim, cursive; font-size:33px; text-align:center; line-height:80% }.links { width:380px; background-color:#898989; padding-top:2px; padding-bottom:2px; padding-left:2px; padding-right:2px; color:#fff; font-family:yanone kaffeesatz, sans-serif; font-size:8px; letter-spacing: 4px; text-transform:uppercase}.notes { width:360px; background-color:#898989; padding-top:2px; padding-bottom:2px; padding-left:10px; padding-right:10px; color:#000; font-family:yanone kaffeesatz, sans serif; font-size:8px; text-align:center; text-transform:uppercase;line-height:90%; letter-spacing:2px }</style> <link href='http://fonts.googleapis.com/css?family=Pathway+Gothic+One' rel='stylesheet' type='text/css'>

<style type="text/css">
.cazzette { width: 70px; height: 20px; line-height: 20px; text-align: center; font-size: 8px; text-transform: uppercase; background-color: #FFE7BA; transition-duration: 1s; -webkit-transition-duration: 1s; -moz-transition-duration: 1s; -o-transition-duration: 1s; color: #000; font-family: calibri; letter-spacing: 2px; }
.cazzette:hover { width: 70px; height: 20px; line-height: 20px; text-align: center; font-size: 8px; text-transform: uppercase; background-color: #FFE7BA; transition-duration: 1s; -webkit-transition-duration: 1s; -moz-transition-duration: 1s; -o-transition-duration: 1s; color: #bfde9e; font-family: calibri; font-style: italic; letter-spacing: 2px; }   
.beam { width: 70px; height: 20px; line-height: 20px; text-align: center; font-size: 8px; text-transform: uppercase; background-color: #CDAA7D; transition-duration: 1s; -webkit-transition-duration: 1s; -moz-transition-duration: 1s; -o-transition-duration: 1s; color: #000; font-family: calibri; letter-spacing: 2px; }
.beam:hover { width: 70px; height: 20px; line-height: 20px; text-align: center; font-size: 8px; text-transform: uppercase; background-color: #CDAA7D; transition-duration: 1s; -webkit-transition-duration: 1s; -moz-transition-duration: 1s; -o-transition-duration: 1s; color: #000; font-family: calibri; font-style: italic; letter-spacing: 2px; }   
</style>



<div style="width: 478px; font-family: arial; font-size: 10px; line-height: 100%; text-align: justify; background-color: #faedd2; padding: 10px; border: 3px double #493211; -moz-border-radius: 50px 0px 50px 0px; -webkit-border-radius: 50px 0px 50px 0px; color: #ffffff;">


<div style="width: 390px; font-family: 'Dancing Script'; font-size: 55px; text-align: center; line-height: 70%; text-transform: lowercase; letter-spacing: -2px; color: #8B4513; text-shadow: 1px 1px 0px #000">WELCOME TO MY SOUL</div><div style="height: 30px"></div>
<div style="font: 11px arial; text-align: justify; color: #000; line-height: 100%"><p>мы ради предведствовать вас, на нашей ролевой, посвещённой тематике <b>«the vampire diaries»</b>. игра у нас ведётся в 2012 году, по началу третьего сезона с альтернативной веткой. идеи для сюжета, частично, были взять из книги и фильма <b>«прекрасные создания»</b> 
<p>хочется сказать о том, что роли мы держим два дня; внешности три. канонам обезателен пост от лица персонажа. просьба заполнять шаблон для придерживания.
<p> если у вас есть какие-то притенжии к ролевой или её администрации, то просьба оставлять их под скрытым текстом, во избежания каких-либо конфликтов.
<br/><br/><br/><br/>

<center><table>
<tr><td><div class="cazzette"><a href="ссылка"><span style="color: #ffffff;">имена</span></a></div></td>
<td><div class="beam"><a href="ссылка"><span style="color: #ffffff;">внехи</span></a></div></td>
<td><div class="cazzette"><a href="ссылка"><span style="color: #ffffff;">биржа</span></a></div></td>
<td><div class="beam"><a href="ссылка"><span style="color: #ffffff;">ищу, м</span></a></div></td>
<td><div class="cazzette"><a href="ссылка"><span style="color: #ffffff;">ищу, ж</span></a></div></td>
<td><div class="beam"><center><a href="ссылка"><span style="color: #ffffff;">анкета</span></a></center></div></td></tr></table>
<table border="0">
<td><center>
<div class="spoil" ;>
<div class="smallfont"><input type="button" value="роли" class="input-button" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Свернуть'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'роли'; }"/>
</div>
<div class="alt2">
<div style="display: none; style="text-transform: lowercase"">
<br /><br />
</div>
</div>
</div>
</center>
</td>
<td><center><div class="spoil">
<div class="smallfont"><input type="button" value="внешности" class="input-button" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Свернуть'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'внешности'; }"/>
</div>
<div class="alt2">
<div style="display: none; style="text-transform: lowercase"">
<p>
<br/><br/></div>
</div>
</div>
</center></div></div>