ogłoszenie ver.2.0

<style type="text/css">
    .chmur {
position: absolute;
display: none;
left: 15px;
top: 20px;
background-color: #323131;
border-left: 5px solid #5f5e5e;
border-right: 5px solid #5f5e5e;
font-family: Candara !important;
font-size: 10px;
z-index: 1000;
height: 40px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-transform: lowercase;
width: 80px;
padding: 5px;
color: #EEEEEE;
}   </style>
<script type="text/javascript">
function Chmur(T,t){
T.title=''
T.parentNode.lastChild.style.display=t?'block':'none'
}
</script><link href="http://fonts.googleapis.com/css?family=Sofia" rel="stylesheet" type="text/css"><link href="http://fonts.googleapis.com/css?family=Fjalla+One&amp;subset=latin,latin-ext" rel="stylesheet" type="text/css"><link href="http://fonts.googleapis.com/css?family=Lobster+Two" rel="stylesheet" type="text/css"><link href="http://fonts.googleapis.com/css?family=BenchNine&amp;subset=latin,latin-ext" rel="stylesheet" type="text/css"><link href="http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300&amp;subset=latin,latin-ext,cyrillic-ext,cyrillic,greek-ext,greek,vietnamese" rel="stylesheet" type="text/css"><link href="http://fonts.googleapis.com/css?family=Cutive&amp;subset=latin,latin-ext" rel="stylesheet" type="text/css">
<style>.og1 {
font-family: century gothic;
font-size: 10px;
letter-spacing: -1px;
text-transform: uppercase;
margin-top: -20px;
position: relative;
top: -9px;
}
a.og1{color:rgb(99, 100, 107);}
a.og1:hover{color:black;}
</style>
<center><div style="text-decoration: none;text-transform: lowercase;letter-spacing: -3px;font-family: lobster two;font-style: normal;font-weight: normal;font-size: 47px;color:  #6d6d6d;line-height: 23px;text-align: center;text-shadow:  #0e0e0e 0px 0px 5px;padding-top: 6px;">Sunnyside Hospital</div>
<div style="text-decoration: none;text-transform: lowercase;letter-spacing: 2px;font-family: lobster two;font-style: normal;font-weight: normal;font-size: 18px;color:  #0e0e0e;line-height: 23px;text-align: center;text-shadow: black 0px 0px 5px;border-bottom: 2px dotted #323131;width: 558px;">welcome to your beautiful nightmare!</div><br>
<center><a href="http://www.asylum.czo.pl/topics1/16.htm" class="og1">regulamin</a> <a href="http://www.asylum.czo.pl/topics2/23.htm#26" class="og1">zajęte wizerunki</a>
 <a href="http://www.asylum.czo.pl/topics2/21.htm#24" class="og1">rezerwacje</a>
 <a href="http://www.asylum.czo.pl/topics2/22.htm#25" class="og1">nieobecności</a>
 <a href="http://www.asylum.czo.pl/forum29.htm" class="og1">poszukiwania</a>
</center>
<center><div style="margin-left: 30px;padding-top: 10px;"><table><tbody><tr><td style="
    position: relative;
    left: -23px;
"><div style="margin-bottom: -14px;position:relative;font-family: 'Lobster Two', sans-serif; font-size:25px; color:#0e0e0e; text-shadow: 1px 1px 0px black;width:300px;text-align: left;padding-left: 10px;margin-top: -62px;">Fabuła</div><div style="width:300px; height:90px; background-color: #323131;margin-bottom:-4px;top: -70px;border: 1px solid #5f5e5e"><div style="width: 278px; height: 69px;padding: 11px; overflow:auto; font-family: segoe ui;text-align:justify;color: #0e0e0e;"> <br>Czy potrafisz wyobrazić sobie ciszę? Potrafisz? Doskonale. No to, powiedzmy, że masz jedyną taką okazję w swoim życiu, aby przekonać się na własnej skórze, co właściwie oznacza cisza. Przeklęta cisza. Taka, która zapiera dech w piersiach, a jednocześnie nic nie znaczy. Witamy w świecie pełnym fobii i paranoi. <a href="http://www.asylum.czo.pl/topics2/19.htm#22">więcej...</a> </div></div></td>
<td><table style="
    position: relative;
    left: -21px;
    top: -10px;
"><tbody><tr><td><div style="width:300px; height: 110px; background-color:#323131; border-bottom: transparent; border: 1px solid #5f5e5e;position: relative;"><div style="border-bottom: transparent; margin-bottom:-8px;position:relative;font-family: 'Lobster Two', sans-serif; font-size:25px; color:#0e0e0e; text-shadow: 1px 1px 0px black;width:300px;text-align: left;margin-top: -20px;margin-left: 22px;">Administracja</div>
<center><table>
<td><span style="position:relative">
    <a href="http://" onmouseover="Chmur(this,1)" onmouseout="Chmur(this,0)" title="">
     <img src="http://placehold.it/60x90" style="border-top: 3px solid #5f5e5e;border-bottom: 3px solid #5f5e5e;width:60px;height:90px;"></a>
		 <div class="chmur" style="display: none;">blalala balabal
    </div></span>
</td>
<td>
<span style="position:relative">
    <a href="http://" onmouseover="Chmur(this,1)" onmouseout="Chmur(this,0)" title="">
     <img src="http://placehold.it/60x90" style="border-top: 3px solid #5f5e5e;border-bottom: 3px solid #5f5e5e;width:60px;height:90px;"></a>
		 <div class="chmur" style="display: none;">blalala balabal
    </div></span>
</td>
<td><span style="position:relative">
    <a href="http://" onmouseover="Chmur(this,1)" onmouseout="Chmur(this,0)" title="">
     <img src="http://placehold.it/60x90" style="border-top: 3px solid #5f5e5e;border-bottom: 3px solid #5f5e5e;width:60px;height:90px;"></a>
		 <div class="chmur" style="display: none;">blalala balabal
    </div></span></td>
<td>
<span style="position:relative">
    <a href="http://" onmouseover="Chmur(this,1)" onmouseout="Chmur(this,0)" title="">
     <img src="http://placehold.it/60x90" style="border-top: 3px solid #5f5e5e;border-bottom: 3px solid #5f5e5e;width:60px;height:90px;"></a>
		 <div class="chmur" style="display: none;">blalala balabal
    </div></span></td>
</table>
</center>
</div></td></tr></tbody></table></td></tr></tbody></table>
<table><tbody><tr><td style="
    position: relative;
    left: -19px;
    padding-top: 31px;
"><div style="margin-bottom:-8px;position:relative;font-family: 'Lobster Two', sans-serif; font-size:25px; color:#0e0e0e; text-shadow: 1px 1px 0px black;width:300px;text-align: right;margin-top: -70px;margin-left: -28px;">Ogłoszenia</div><div style="width:300px; height:90px; background-color: #323131;margin-bottom:-4px;margin-left: -14px;border: 1px solid #5f5e5e;"><div style="width: 278px; height: 69px;padding: 11px; overflow:auto; font-family: segoe ui;text-align:justify;color: #0e0e0e;">
? <b>Otwarcie forum:</b> październik 2013 r.
<br>? <b>Czas akcji:</b> październik 2010 r.<br>
? <b>Miejsce akcji:</b> Nowa Zelandia
<br>
</div></div></td><td style="position: relative;left: -4px;top: 20px;"><div style="margin-bottom: -14px;position:relative;font-family: 'Lobster Two', sans-serif; font-size:25px; color:#0e0e0e; text-shadow: 1px 1px 0px black;width:300px;text-align: left;padding-left: 10px;margin-top: -62px;">Eventy</div>
<div style="width:300px; height: 81px; background-color: #323131;margin-bottom:-4px;top: -70px;border: 1px solid #5f5e5e;"><div style="width: 278px; height: 60px;padding: 11px; overflow:auto; font-family: segoe ui;text-align:justify;color: #0e0e0e;"><b>Co:</b> Halloween Party
<br><b>Gdzie:</b> Christchurch
<br><b>Kiedy:</b> 02/03.11.2013 r.<br>
W fabule przypominam jest rok 2010!</div></div></td></tr></tbody></table></div>
</center></center>