html, body { height: 100%; }
a {color: #8c0000; text-decoration: none;}
body { background: url('http://blog.pl/nimg/blue2/back.gif') center top repeat-y; margin: 0; padding: 0; text-align: center; font-family: verdana, arial, sans-serif; font-size: 11px; }
#page {  width: 660px; margin: 0 auto; text-align: left; position: relative; height: 100%; clear: both; }
#header { height: 180px; background: url('http://blog.pl/nimg/blue2/top.jpg') center top no-repeat;  }
#blog { width: 380px; float: left; position: relative; left: 30px;  }
#linki { width: 200px; line-height: 18px; position: relative; left: 50px; float: left;  clear: right;  padding-bottom: 20px; }
#footer { clear: both; height: 60px; width: 100%;
 }

#linki a { color: #080f1f; text-decoration: none; line-height: 18px; float: left; margin: 0 10px 0 0;}
#linki br { clear: left; }
#blog { padding: 10px; padding-bottom: 20px;  }
#header h1 { color: #f6cd00; font-family: arial, sans-serif; font-size: 18px; display: block; padding: 65px 0 0 40px; margin: 0;  }


.wpis h2, #blog h2 { font-size: 12px; display: block; width: 380px; height: 25px; margin-top: 15px; }
.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 #ccc; padding-bottom: 25px; margin-bottom: 5px; color: #333; }
.komentarze  { float: right; color: #6C5920; margin-bottom: 20px; }
.komentarze a { color: #6C5920; text-decoration: none; }
.wpis img { border: solid 8px #F0F0F0; margin: 20px 0; clear: both; max-width: 370px; }
.lista, .archiwum { width: 170px; clear: both; padding: 0  0 20px 0; margin-top: 20px; background: url('http://blog.pl/nimg/blue2/kreska2.gif') center bottom no-repeat;    }
#linki a.xs { font-weight: bold; display: block;  width: 170px; line-height: 50px;  clear: both; background: url('http://blog.pl/nimg/blue2/kreska2.gif') center bottom no-repeat;  }
#linki div a.xs { background: none; padding: 0; margin: 0; line-height: 1em; }


.wpis ul { clear: both; float: left; list-style: none; margin: 0; padding: 0; display: block; background-color: #f5f5f5; padding: 5px 0 5px 5px; }
.wpis li { display: block; }
li.wautor { font-weight: bold; float: left; }
li.wautor a { color: #000; 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 { margin: 5px 0; clear: both; margin-bottom: 20px; }
div.wtresc { width: 90%; 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; }