<!--HTML-->
<center><div class="gostfon">
  <div class="gostfon2">
  <div class="gostname"><t>нужные</t>

</div>
  <div class="gostface">
<br><br><t>до 29.05</t>
<br>мир » <b>Evan Rachel Wood</b>
<br><br><t>до 30.05</t>
<br>немимокрокодил » <b>Matt Lanter</b>
<br>campbell price » <b>anton yelchin</b>
<br>campbell price »  <b>matthew gray gubler</b>
<br>танго смерти » <b>luke newberry</b>
<br>Небо » <b>crystal reed </b>
</div>
  <div class="gostlink"><a href="http://marvelwood.rusff.me/viewtopic.php?id=2#p2">правила</a>
  <a href="http://marvelwood.rusff.me/viewtopic.php?id=11#p11">faq</a>
  <a href="http://marvelwood.rusff.me/viewtopic.php?id=6#p6">о школе</a>
  <a href="http://marvelwood.rusff.me/viewtopic.php?id=7#p7">внешности и имена</a>
  <a href="http://marvelwood.rusff.me/viewtopic.php?id=26">список персонажей</a>
  <a href="http://marvelwood.rusff.me/viewtopic.php?id=44#p61">Список предметов</a></div>
  <div class="gostinf"><b>Рейтинг:</b> NC-17<br>
    <b>Тематика:</b> реальная жизнь, школа<br>
    <b>Организация:</b> эпизоды<br>
    <b>Место:</b> США, Уилмингтон<br>
    <b>Игровое время:</b> 2015 год, сентябрь</div>
  <div class="gostprivet">Здравствуй, дорогой гость! <br>
Мы рады приветствовать тебя в нашей цитадели знаний - старшей школе Марвелвуд. Может быть, ты хочешь присоединиться к нашей дружной братии и вспомнить былые деньки в качестве студента или же преподавателя? Знаешь, мы будем очень рады принять тебя в свою дружную и веселую семью. Здесь ты не соскучишься, ведь тебя ждет море приключений, забав и романтики, которая так присуща школьному времени.</div>
  </div>
    <img src="http://savepic.su/5650612.png" border="0"/>
</div>
</center>

<style>
  .gostfon {background: url() #a4a087;
    box-shadow: 0 0 0 3px #8b8a7e, 0 0 0 6px #dad5bf;
  width:550px;
    height: 500px;
    margin-top:20px;
  position:relative; overflow:hidden;}
  .gostprivet {background-color: rgba(223,215,204,0.8); padding: 10px; margin-top:20px; position: absolute; margin-left:19px; box-shadow: 0 0 0 3px rgba(195,181,161,0.7), 0 0 0 7px rgba(223,215,204,0.8); font-family: sans-serif;
    position: absolute; font-size:10px; width: 295px; text-align: justify; line-height:10px; word-spacing: -1px;
  transition: all 0.5s linear; transform: translate(0, -150px)}
  
  .gostinf {background-color: rgba(223,215,204,0.8); box-shadow: 0 0 0 3px rgba(195,181,161,0.7), 0 0 0 7px rgba(223,215,204,0.8);height: 103px; line-height: 13px; margin-left: 360px; margin-top: 20px; padding: 7px 10px 10px; margin-top:20px; position: absolute; margin-left:360px; position: absolute; font-size:10px; width: 150px; text-align: left; word-spacing: -1px; transition: all 0.5s linear; transform: translate(200px)}
  .gostlink {discplay: inline; width: 500px; background-color: rgba(223,215,204,0.8); box-shadow: 0 0 0 3px rgba(195,181,161,0.7), 0 0 0 7px rgba(223,215,204,0.8); padding: 8px 10px 12px 0px; margin-top:165px; position: absolute; margin-left:19px; transition: all 0.5s linear; transform: scale(3)}
  .gostlink a {display: inline-block; width: 135px; background-color: rgba(236,229,218,1); margin-left: 10px; margin-top:5px; padding:3px; font-size:9px; text-transform: uppercase; text-decoration: none; color: #70693e; font-family: sans-serif; transition: all 0.3s linear 0.1s; letter-spacing: 0}
  .gostlink a:hover {display: inline-block; color: #a4a087; background: #fcf7ef; transition: all 0.3s linear 0.1s; transform: scale(1.1); letter-spacing: 1px}
  .gostface {background-color: rgba(223,215,204,0.8); box-shadow: 0 0 0 3px rgba(195,181,161,0.7), 0 0 0 7px rgba(223,215,204,0.8); padding: 10px; margin-top:260px; position: absolute; margin-left:19px; position: absolute; font-size:10px; width: 225px; height: 200px; text-align: left; line-height:10px; word-spacing: -1px; overflow-y: auto; transition: all 0.5s linear; transform: translate(-270px)}
  .gostname {background-color: rgba(223,215,204,0.8); box-shadow: 0 0 0 3px rgba(195,181,161,0.7), 0 0 0 7px rgba(223,215,204,0.8); padding: 10px; margin-top:260px; position: absolute; margin-left:285px; position: absolute; font-size:10px; width: 225px; height: 200px; text-align: left; line-height:10px; word-spacing: -1px; overflow-y: auto; transition: all 0.5s linear; transform: translate(0, 250px)}
  t {font-size:12px; font-weight: bold}
  .gostfon2 {opacity: 0; transition: all 0.5s linear;}

  .gostfon:hover .gostfon2, .gostfon:active .gostfon2 {opacity: 1; transition: all 0.5s linear;}
  .gostfon:hover .gostprivet, .gostfon:active .gostprivet {transition: all 0.5s linear; transform: translate(0)}
    .gostfon:hover .gostinf, .gostfon:active .gostinf {transition: all 0.5s linear; transform: translate(0)}
      .gostfon:hover .gostlink, .gostfon:active .gostlink {transition: all 0.5s linear; transform: scale(1)}
      .gostfon:hover .gostface, .gostfon:active .gostface {transition: all 0.5s linear; transform: translate(0)}
        .gostfon:hover .gostname, .gostfon:active .gostname {transition: all 0.5s linear; transform: translate(0)}


</style>

<br>ник » <b>внешность</b>

<br>ник » <a href="заявка"> <b>внешность</b></a>