<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: #E08E79; width: 10px } .scroll::-webkit-scrollbar-corner { background: #494949; } </style>

<style type="text/css">#cappy3 {width: 100px; height: 100px; border: 2px dashed #104a6f; 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: 100px; height: 100px;}

#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: 100px; height: 100px; border: 2px dashed #104a6f; 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: 100px; height: 100px;}

#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: 100px; height: 100px; border: 2px dashed #104a6f; 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: 100px; height: 100px;}

#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>

<center>

<div style="width: 350px; height: 360px; background-color: #d0caba; background-image: url(http://se.uploads.ru/0xtpr.png); background-repeat: repeat; border: solid 10px #104a6f; padding: 25px;"><div style="width: 350px; height: 360px; background-color: #d0caba;">

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

<div class="page"><img src="100 x 100 IMAGE"></div>
<div style="width: 100px; height: 100px; background-color: #d0caba; padding: 0px; font-family: georgia; font-size: 10px; text-transform: uppercase; color: #353535; text-align: center; font-weight: bold;"><br><br><br>

kylie

</div>
</div>
<br>
<div id="cappy1">
<div class="page"><img src="100 x 100 IMAGE"></div>
<div style="width: 100px; height: 100px; background-color: #d0caba; padding: 0px; font-family: georgia; font-size: 10px; text-transform: uppercase; color: #353535; text-align: center; font-weight: bold;"><br><br><br>

sam

</div>
</div>
<br>
<div id="cappy2">
<div class="page"><img src="100 x 100 IMAGE"></div>
<div style="width: 100px; height: 100px; background-color: #d0caba; padding: 0px; font-family: georgia; font-size: 10px; text-transform: uppercase; color: #353535; text-align: center; font-weight: bold;"><br><br><br>

dean

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

<td>
<div style="width: 220px; height: 30px; text-align: center; font-family: Lily Script One; font-size: 30px; color: #104a6f; padding-bottom: 5px; text-shadow: 1px 1px 0px #774f38;">

амс

</div>

<div style="width: 230px; 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: 173px; height: 290px; background-color: #fff; font-family: georgia; font-size: 11px; line-height: 10px; color: #353535; text-align: justify; padding: 5px; overflow: auto;" class="scroll">

<br>
Всегда и везде эти ребята готовы помочь всем и каждому. Дать совет, наводку и бутылку. Наказать провинившихся и наградить отличившихся.<br>
Их Всевидящее Око неустанно приглядывает за каждой плюшечкой на этом форуме.<br>
Их внутренний Шелдон с радостью готов дать подсказку по миру Сверхъестественного.<br>
Их внутренний Дали творит регулярно, но с перерывами на сон, еду и сериалы. <br>
Их внутренний доктор Лектер готов поговорить на любую тему, но иногда может покусать.<br>
Они - Малдер и Скалли, они - Терк и Джей Ди.<br>
В общем, шоколадный пудинг, а не АМС-состав.

</div>
</td>
</tr></table>

</div></div>


</center>