html, body { height: 100%;  }
div { position: relative; }
a {color: #fff; text-decoration: none; }
body { background-color:  #333; margin: 0; padding: 0; text-align: center; font-family: verdana, arial, sans-serif; font-size: 11px; }
#page {  background: url('http://blog.pl/nimg/skate/back.gif') top center repeat-y;  width: 765px; margin: 0 auto; text-align: left; position: relative; clear: both; }
#header { height: 185px; background: url('http://blog.pl/nimg/skate/gora.jpg') top center no-repeat; border-top: solid 10px #333; border-bottom: solid 20px #ECE9D8; }
#blog { width: 480px; float: left; background: url('http://blog.pl/nimg/skate/drop.gif') top repeat-x; padding-bottom: 40px; }
#linki { width: 264px; float: right; background: url('http://blog.pl/nimg/skate/drop2.gif') top repeat-x;  padding-bottom: 40px; line-height: 18px; }
#footer { clear: both; width: 100%; margin-top: -25px; height: 50px; position: relative; background: url('http://blog.pl/nimg/skate/foot.gif') top center no-repeat; }

#linki a { color: #fff; text-decoration: none; margin: 0 10px 0 0}
#linki br { clear: left; }
#blog { padding: 10px; padding-bottom: 20px; }
#header h1 { color: #fff; font-family: geogia, 'times new roman', serif; font-size: 20px; display: block; width: 700px; background: url('http://blog.pl/nimg/skate/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; border-bottom: solid 1px #45633A; }
.wpis h2 a, #blog h2 a { color: #fff; text-decoration: none; float: left; }
.wpis h2 span, #blog h2 span { font-size: 10px; color: #999; font-weight: normal; float: right; }
.wpis p { padding: 5px 0; color: #D9E6D5; margin: 0 10px; }
.komentarze  { display: block; width: 100px; line-height: 30px; margin: 0 10px; text-align: center; color: #fff; position: absolute; right: 0; background-color: #2B3E24; }
.komentarze a { color: #fff; text-decoration: none;  }
.wpis img { margin: 20px 0; clear: both; }
#linki a.xs { color: #000; font-weight: bold; display: block; background: url('http://blog.pl/nimg/skate/x.gif') left no-repeat; line-height: 50px; padding-left: 30px; clear: both; border-bottom: solid 1px #A89D73; width: 234px; margin-bottom: 10px; }
#linki div a.xs { background: none; padding: 0; margin: 0; border: none; line-height: 1em; }
.lista, .archiwum { clear: both; background: url('http://blog.pl/nimg/skate/x.gif') top no-repeat; padding: 0 0 20px 30px; border-bottom: solid 1px #A89D73;  }


.wpis ul { clear: both; float: left; list-style: none; margin: 0; padding: 0; display: block; width: 100%; background-color: #333; color: #eee; padding-left: 5px; }
.wpis li { display: block; }
li.wautor { font-weight: bold; float: left; }
li.wautor a { color: #990; 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 {  padding-bottom: 50px; position: relative; }
div.wtresc { width: 100%; float: none; clear: both; padding-top: 10px; padding-bottom: 30px; padding-left: 5px; padding-right: 5px; position: relative; color: #eee; }

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