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

<style type="text/css"> .scroll::-webkit-scrollbar { background: #494949; width: 10px; } .scroll::-webkit-scrollbar-thumb { background: #494949; width: 10px } .scroll::-webkit-scrollbar-corner { background: #2e1600; } </style>

<style type="text/css">#cappy3 {width: 70px; height: 70px; border: 2px dashed #cc9a01; position: relative; overflow: hidden;}

#cappy3 .page { transition-duration: .6s; -webkit-transition-duration: .6s; -moz-transition-duration: .6s; -ms-transition-duration: .6s; -o-transition-duration: .6s; position: absolute; left: 0px; bottom: 0px; width: 70px; height: 70px;}

#cappy3:hover .page {transition-duration: .6s; -webkit-transition-duration: .6s; -moz-transition-duration: .6s; -ms-transition-duration: .6s; -o-transition-duration: .6s; left: -100px;}</style>

<style type="text/css">#cappy1 {width: 70px; height: 70px; border: 2px dashed #4e331a; position: relative; overflow: hidden;}

#cappy1 .page { transition-duration: .6s; -webkit-transition-duration: .6s; -moz-transition-duration: .6s; -ms-transition-duration: .6s; -o-transition-duration: .6s; position: absolute; right: 0px; bottom: 0px; width: 70px; height: 70px;}

#cappy1:hover .page {transition-duration: .6s; -webkit-transition-duration: .6s; -moz-transition-duration: .6s; -ms-transition-duration: .6s; -o-transition-duration: .6s; right: -100px;}</style>

<style type="text/css">#cappy2 {width: 70px; height: 70px; border: 2px dashed #cc9a01; position: relative; overflow: hidden;}

#cappy2 .page {transition-duration: .6s; -webkit-transition-duration: .6s; -moz-transition-duration: .6s; -ms-transition-duration: .6s; -o-transition-duration: .6s; position: absolute; left: 0px; bottom: 0px; width: 70px; height: 70px;}

#cappy2:hover .page {transition-duration: .6s; -webkit-transition-duration: .6s; -moz-transition-duration: .6s; -ms-transition-duration: .6s; -o-transition-duration: .6s; left: -100px;}</style>

<style type="text/css">#cappy4 {width: 70px; height: 70px; border: 2px dashed #4e331a; position: relative; overflow: hidden;}

#cappy4 .page { transition-duration: .6s; -webkit-transition-duration: .6s; -moz-transition-duration: .6s; -ms-transition-duration: .6s; -o-transition-duration: .6s; position: absolute; right: 0px; bottom: 0px; width: 70px; height: 70px;}

#cappy4:hover .page {transition-duration: .6s; -webkit-transition-duration: .6s; -moz-transition-duration: .6s; -ms-transition-duration: .6s; -o-transition-duration: .6s; right: -100px;}</style>

<center>

<div style="width: 460px; height: 450px; background-color: #f3ebe1; background-image: url(http://savepic.ru/5551762.png); background-repeat: repeat; border: solid 10px #2e1600; padding: 13px;"><div style="width: 460px; height: 430px; background-color: #f3ebe1;">

<table><tr>
<td style="width: 150px; height: 350px; padding: 5px;">
<div id="cappy3">

<div class="page"><img src="http://sd.uploads.ru/V3HlJ.png"></div>
<div style="width: 70px; height: 70px; background-color: #80664f; padding: 0px; font-family: georgia; font-size: 5px; text-transform: uppercase; color: #353535; text-align: center; font-weight: bold;"><br><br><br>

нужные

</div>
</div>
<br>
<div id="cappy1">
<div class="page"><img src="http://sd.uploads.ru/V3HlJ.png"></div>
<div style="width: 70px; height: 70px; background-color: #b7a56f; padding: 0px; font-family: georgia; font-size: 5px; text-transform: uppercase; color: #353535; text-align: center; font-weight: bold;"><br><br><br>

нужные

</div>
</div>
<br>
<div id="cappy2">
<div class="page"><img src="http://sd.uploads.ru/V3HlJ.png"></div>
<div style="width: 70px; height: 70px; background-color: #80664f; padding: 0px; font-family: georgia; font-size: 5px; text-transform: uppercase; color: #353535; text-align: center; font-weight: bold;"><br><br><br>

нужные

</div>
</div>
<br>
<div id="cappy4">
<div class="page"><img src="http://sd.uploads.ru/V3HlJ.png"></div>
<div style="width: 70px; height: 70px; background-color: #b7a56f; padding: 0px; font-family: georgia; font-size: 5px; text-transform: uppercase; color: #353535; text-align: center; font-weight: bold;"><br><br><br>

нужные

</div>
</div>
<br>
</div></td>

<td>
<div style="width: 280px; height: 30px; text-align: center; font-family: Lily Script One; font-size: 28px; color: #2e1600; padding-bottom: 3px; text-shadow: 1px 1px 0px #774f38;">

<b>истории у костра</b>

</div>

<div style="width: 285px; height: 10px; background-color: #494949; padding-bottom: 5px; font-family: times new roman; font-size: 8px; color: white; text-transform: uppercase; text-align: center; padding-top: 2px; padding-bottom: 2px;">

добро пожаловать домой

</div>

<div style="width:255px; height: 328px; background-color: #fff; font-family: georgia; font-size: 10px; line-height: 10px; color: #353535; text-align: justify; padding: 15px; overflow: auto;" class="scroll">
Когда я был молод и полон сил, помнится мне, в доме моем гостей всегда было столько, что и яблоку негде упасть. Мы пели, танцевали и рассказывали друг другу истории из наших жизней. Вот и ты, заходи в мой дом, найди место себе по душе в городе, который я так люблю. Вот только одна проблема есть у меня: я стар уже, не мог запомнить всех лиц своих дорогих гостей. Поэтому, если ты, путник, хочешь чтобы я тебя запомнил, напиши об этом в моей гостевой книге. Не забудь написать, как ты выглядишь, запомнить тебя <b> на три дня</b> я уж точно смогу. Но если ты попросишь на больший срок, мы можем договориться. Может быть, ты захочешь прийти к кому - то? Будет очень славно, если один из наших жителей найдет близкого человека в твоем лице. Я и сам буду счастлив. Главное напиши об этом, я обязательно забронирую тебе место и позову этого человека сюда. Правда, давай договоримся сразу, что внешность твоих будущих друзей, братьев или сестре я не запоминаю, а то я уже не так молод и могу позабыть всё на свете. Правда, если они идут в наш город с тобой за руку, я постараюсь помочь.  Так что приходи ко мне и ни чуть не пожалеешь, ведь у меня дома всегда очень тепло и весело.<br><center>-------------------</center><br><center><b>полезные ссылки</b></center><br><a href="http://bonfire.hutt.ru/viewtopic.php?id=8"><b>Сюжет</b></a> ♦ <a href="http://bonfire.hutt.ru/viewtopic.php?id=14#p17"><b>F.A.Q</b></a> ♦ <a href="http://bonfire.hutt.ru/viewtopic.php?id=12"><b>Нужные персонажи</b></a> ♦ <a href="http://bonfire.hutt.ru/viewtopic.php?id=14#p17"><b>Хочу быть нужным</b></a> ♦ <a href="http://bonfire.hutt.ru/viewtopic.php?id=7"><b>Занятые внешности</b></a> ♦ <a href="http://bonfire.hutt.ru/viewtopic.php?id=9"><b>Занятые имена и фамилии</b></a> <br>
</div>
</td>
</tr></table></div></div></center>