<!--HTML-->

<style>
.gbook {width: 600px; padding: 0; background: url(https://i.imgur.com/kpawx5r.png) no-repeat; height: 250px; margin-top: 10px!important; margin-left: 20px;}

.menug {position: absolute;
    margin-top: 10px;
    margin-left: 23px;
    display: inline;
    font-family: ColumbiaPrint;
    font-size: 12px;}

.gbookface {position: absolute; margin-top: 38px; margin-left: 18px; width: 290px; height: 193px; overflow: auto;  color: #2d2d2d;}

.datap {color: #f6f0ee!important; letter-spacing: 2px; width: 282px; background-color: #d39382; height: 14px; font-size: 10px;  margin-bottom: 3px; padding-top: 3px; text-align: center;}
.fwg {color: #2d2d2d!important; letter-spacing: 2px; width: 282px; background-color: #d39a9a; height: 14px; font-size: 9px;  margin-bottom: 3px; padding-top: 3px;}
.fmg {color: #2d2d2d!important; letter-spacing: 2px; width: 282px; background-color: #9ba2b2; height: 14px; font-size: 9px;  margin-bottom: 3px; padding-top: 3px;}
.fwg:hover {color: #2d2d2d!important; letter-spacing: 2px; width: 282px; background-color: #c3c3c3; height: 14px; font-size: 9px;  padding-top: 3px;}
.fmg:hover {color: #2d2d2d!important; letter-spacing: 2px; width: 282px; background-color: #c3c3c3; height: 14px; font-size: 9px; padding-top: 3px;}
.fwg a {color: #2d2d2d!important;}
.fmg a {color: #2d2d2d!important;}
.lfgw {display: inline; color: #a50721; padding-left: 5px;}
.lfgm {display: inline; color: #0c4864; padding-left: 5px;}

</style>

<div class="gbook">

<div class="menug">
<a href="http://comein.rolbb.ru/viewtopic.php?id=8">гид по городу - </a>
<a href="http://comein.rolbb.ru/viewtopic.php?id=4">внешности - </a>
<a href="http://comein.rolbb.ru/viewtopic.php?id=6">f.a.q. - </a>
<a href="http://comein.rolbb.ru/viewtopic.php?id=7">биржа труда</a></div>

<div class="gbookface">


<div class="datap">до 26.04 включительно</div>

<div class="fwg"><div class="lfgw">Lydia Graham</div> -- <a href="http://comein.rolbb.ru/profile.php?id=147">lili oswald</a></div>
</div>