<style type="text/css">
.info {width: 370px; height: 430px; background-color: white; transition-duration: 0.8s;-moz-transition-duration: 0.8s;-webkit-transition-duration: 0.8s;-o-transition-duration: 0.8s; opacity: 0;}
.info:hover {opacity: 0.9}
</style>

<link href='http://fonts.googleapis.com/css?family=Monkey Snake' rel='stylesheet' type='text/css'>


<style type="text/css"> 
.canonhov { opacity: 0.0; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; background: #e2feff; color: black; font-family: Tahoma; text-align: justify; width: 175px; height: 130px; padding: 5px; } 
.canonhov:hover { opacity: .90 }
</style>

<style type="text/css">

#canon-list { width: 350px; padding: 10px; }
#canon-list .canonname { width: 175px; padding: 2px; background-color: #c9f8fc; text-align: center; font-family: georgia; font-size: 13px; color: #20908e; text-shadow: 1px 1px 0px white; font-style: italic; }
.canonquick { width: 175px; height: 5px; background-color: #c9f8fc; text-align: center; font-family: georgia; font-size: 10px; color: #eee; }
#canon-list .canoninfo { width: 175px; font-family: Tahoma; font-size: 11px; line-height: 11px; color: black; text-align: justify; margin-bottom: 5px; }

</style>


<style type="text/css">
.hl { opacity:0; margin-top: -50px; transition-duration: 0.6s;  -moz-transition-duration: 0.6s;  -webkit-transition-duration: 0.6s;  -o-transition-duration: 0.6s; width: 340px; height:60px; padding:15px; text-align: justify; background-color:white; font-family:calibri; line-height:90%; overflow: auto;}
.hl:hover {opacity:0.9; margin-top:10px;}
.dpim {width: 370px; height: 90px;background-color: #e2fdff; border: 3px double #96d3ff; background-image: url(http://funkyimg.com/i/J86N.png);}
.dpim:hover .hl {opacity:0.9; margin-top:-10px;}

.etp::-webkit-scrollbar { width: 5px; height: 5px; }
.etp::-webkit-scrollbar-track { background-color: #def0ff; }
.etp::-webkit-scrollbar-thumb { background-color: #00538f; }
</style>


<center><div style="text-align: center;font-family: 'Monkey Snake'; font-size: 85px; color: #00538f; text-shadow: 1px 0px 0px black; margin-bottom: -27px; font-weight: normal;">guestbook</div></center>
<center>
<div style="width: 470px; border: 5px solid #167cc6;">
<div style="border: 2px solid #3eaefe;">
<div style="border: 3px double #96d3ff;">
<div style="background-color: #def0ff; text-align: justify; padding: 10px; letter-spacing: 1px;">
<center><b>DECADANCE</b><br>
<b>тематика</b>: реал-лайф<br>
<b>система игры</b>: эпизодическая<br>
<b>время и место нашего действа</b>:<br> параллельно с реальностью, <br>пригород денвера, колорадо, сша<br></center>
<center><div style="margin-top: 5px; width: 350px; border-top: 1px dashed black;"></div>
<div style="margin-bottom: 5px; width: 350px; border-top: 2px solid #3eaefe;"></div></center>
<b>1.</b> внешности держим всего три дня.<br>
<b>2.</b> имена и фамилии подаются вместе и холодными. это пункт необязательный. кому очень уж хочется, что отпишитесь. <br>
<b>3. имена могут повторяться! фамилии тоже.</b> пусть только без патологии, но однофамильцы вполне реальная история. только в одном маленьком городке их немного, серьезно.

</div></div></div></div>
</center>
<p>


<center>
<div style="width: 420px; height: 480px; border: 5px solid #167cc6;">
<div style="border: 2px solid #3eaefe; height: 477px;">
<div style="border: 3px double #96d3ff; height: 472px; background-color: #def0ff;">
<div style="text-align: justify; padding: 10px; letter-spacing: 1px;">
<center>
<div style="width: 390px; height: 450px; background-image: url(http://funkyimg.com/i/J7RG.png); ">
<p>
<div class="info">
<div class="dpim"><div style="padding-top:10px;"></div>
<div class="hl">
<center><div style="font-family: georgia; font-size: 17px; color: #00a7eb; text-align: center; font-style: italic; font-weight: bold; letter-spacing: -2px; word-spacing: 3px; margin-bottom: 2px;">нехватка нашего кислорода</div></center>
мы ищем тебя, человек. [нужные, которых пока что нет]
</div>
</div>
<center><div style="margin-top: 5px; width: 350px; border-top: 1px dashed black;"></div>
<div style="margin-bottom: 5px; width: 350px; border-top: 2px solid #3eaefe;"></div></center>
<center><div style="width: 320px; text-align: justify; font-style: normal; height: 100px; overflow: auto; padding-right: 5px;" class="etp">вы сами строите свой рай. если вам хочется чего-то, то воплотите мечты в реальность. лучше места, чем денвер, вы не найдете. даже не пытайтесь.
<br>
если душа просит уюта, то ваше место здесь.
если окружающий мир разочаровывает вас, будь то счета за электричество, злая соседка снизу или удушливые испарения от радиоактивных грибов, что проросли на клумбе, то ваше место здесь.<br>
если вы сбились с ног, ища место, где нет мордобоя-каждый-божий-день-час-минуту, то ваше место здесь.<br>
если вы просто хотите проводить вечера с бокалом терпкого вина, смотря новую серию гриффинов, то ваше место <b>здесь</b>.</div></center>
<center><div style="margin-top: 5px; width: 350px; border-top: 2px solid #3eaefe;"></div>
<div style="margin-bottom: 5px; width: 350px; border-top: 1px dashed black;"></div>
</center>


<div id="canon-list">

<table>
<tr>
<td>
<div class="canonname">внешности</div>
<div style="width: 175px; height: 80px; background-image: url(http://funkyimg.com/i/J87v.png); "><div class="canonhov">

<div style="width: 155px; height: 80px; padding: 5px; text-align: justify; font-family: Tahoma; font-size: 10px; line-height: 11px; color: black; overflow: auto;"><center><b>бессрочно</b></center><br>
alysha nett за <b>администрацией</b><br>
••••••••••••<br>
<b>до 30.06</b><br>
<b>michael fassbender</b> за джо
<br>
<br>
<br>

</div>

</div></div>
<div class="canonquick"></div>
</td>

<td>
<div class="canonname">имена//фамилии</div>
<div style="width: 175px; height: 80px; background-image: url(http://funkyimg.com/i/J87w.png);"><div class="canonhov">

<div style="width: 155px; height: 80px; padding: 5px; text-align: justify; font-family: Tahoma; font-size: 10px; line-height: 11px; color: black; overflow: auto;">
tobias & ruby graham для <b>зевс и минерва</b><br>
<br>
<br>
<br>

</div>

</div></div>
<div class="canonquick"></div>
</td>

</tr>
</table>

</div>

<img src="http://funkyimg.com/i/J87S.png">

</div></div>
</center>
</div></div></div></div>
</center>