html, body { height: 100%; }
a {color: #4598dc; text-decoration: none; }
body { background: #DDECF9 url('http://blog.pl/nimg/kittie/bgtop.gif') top left repeat-x; margin: 0; padding: 0; text-align: center; font-family: verdana, arial, sans-serif; font-size: 11px; }
#page {  width: 760px; margin: 0 auto; text-align: left; position: relative; height: 100%; clear: both; }
#header { height: 190px; background: url('');  }
#blog { width: 495px;  background-color: #CDE3F5; float: left;  }
#linki { width: 200px; float: right;  padding-bottom: 20px; border-right: solid 1px #CDE3F5; line-height: 18px; }
#footer { clear: both; position: relative; background: none; }

#linki a { color: #4598DC; text-decoration: none;  float: left; margin: 0 10px 0 0;}
#linki br { clear: left; }
#blog { padding: 10px; padding-bottom: 20px;  }
#header h1 { color: #000; font-family: geogia, 'times new roman', serif; font-size: 20px; display: block; width: 700px; background: url('http://blog.pl/nimg/kittie/oka.jpg') center top no-repeat; padding: 100px 0 0 0; text-align: right; margin: 0;  }

.wpis h2, #blog h2 { font-size: 12px; display: block; width: auto; margin: 0 10px; height: 25px; padding-top: 10px; }
.wpis h2 a, #blog h2 a { color: #8C0000; text-decoration: none; float: left; }
.wpis h2 span, #blog h2 span { font-size: 10px; color: #999; font-weight: normal; float: right; }
.wpis p { border-bottom: solid 1px #93C0EA; padding-bottom: 5px; color: #333; margin: 0 10px; }
.komentarze  { display: block; width: auto; margin: 0 10px; text-align: right; color: #000; border-top: solid 1px #fff; }
.komentarze a { color: #000; text-decoration: none; }
.wpis img { margin: 20px 0; clear: both; }
#linki a.xs { color: #000; font-weight: bold; display: block; padding-left: 30px;  width: 182px; line-height: 50px;  clear: both; }
.lista { clear: both; background: url('http://blog.pl/nimg/kittie/przycisk.gif') top left no-repeat; padding: 0  0 20px 30px; margin-top: 20px;   }
.archiwum { clear: both; background: url('http://blog.pl/nimg/kittie/przycisk.gif') left top no-repeat; padding: 0  0 20px 30px; }

.wpis ul { border-top: solid 1px #aaa; clear: both; float: left; list-style: none; margin: 0; padding: 0; display: block; width: 100%; background-color: transparent; padding-left: 5px; }
.wpis li { display: block; }
li.wautor { font-weight: bold; float: left; }
li.wautor a { color: #339; text-decoration: none; }
li.wemail { float: left; padding: 0 10px; font-size: 12px; }
li.wdata { float: right; margin:0 10px; }
li.wczas { float: right;  }
li.whost { float: right; clear: right; font-size: 8px; padding-right: 5px; }
li.wkontakt { clear: both; display: block; margin: 0; padding: 0; width: 100%; border: none; }
.wpis ul ul { margin: 0; padding: 0; padding-bottom: 5px; border: none; }
.wpis ul ul li { float: left; padding-right: 10px;  }

div.wpis { background: #E6F1FA url('http://blog.pl/nimg/kittie/wpisbg.gif') bottom repeat-x;  padding-bottom: 50px; }
div.wtresc { width: 100%; float: none; clear: both; padding-top: 10px; padding-bottom: 30px; padding-left: 5px; padding-right: 5px; position: relative; }

#rsslink { clear: both; display: block; float: right; margin-right: 30px; }
#rsslink a { display: block; width: 36px; height: 14px; background: url('http://blog.pl/nimg/rss.gif') center no-repeat; }
#rsslink a span { display: none; }
