html, body { height: 100%; }
a {color: #757091; text-decoration: none; }
body { background: url('http://blog.pl/nimg/sky/back.gif') center top; margin: 0; padding: 0; text-align: center; font-family: verdana, arial, sans-serif; font-size: 11px; }
#page {  width: 740px; margin: 0 auto; text-align: left; position: relative; height: 100%; clear: both; }
#header { height: 217px; background: url('http://blog.pl/nimg/sky/gora.gif') center top no-repeat;  }
#blog { width: 469px;  border-top: solid 12px #BA9936; float: left; position: relative; left: 19px;  }
#linki { width: 212px;  border-top: solid 12px #BA9936; position: relative; left: 18px; float: left;  clear: right;  padding-bottom: 20px; line-height: 18px;}
#footer { clear: both; position: relative;  background: url('http://blog.pl/nimg/sky/end.gif') center top no-repeat; height: 60px; width: 100%;
 }

#linki a { color: #000000; text-decoration: none;  float: left; margin: 0 10px 0 0;}
#linki br { clear: left; }
#blog { padding: 10px; padding-bottom: 20px;  }
#header h1 { color: #fff; font-family: arial, sans-serif; background: url('http://blog.pl/nimg/sky/gora2.jpg') bottom center no-repeat; height: 42px; font-size: 24px; display: block; padding: 175px 0 0 40px; margin: 0;  }


.wpis h2, #blog h2 { font-size: 12px; display: block; width: 460px; height: 25px; margin-top: 25px; }
.wpis h2 a, #blog h2 a { color: #000000; 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; }
.wpis a {color: #000000; text-decoration: none;}
.komentarze  { float: right; color: #6C5920; }
.komentarze a { color: #6C5920; text-decoration: none; }
.wpis img { border: solid 8px #F0F0F0; 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;
background: url('http://blog.pl/nimg/sky/przycisk.gif') left no-repeat; border-bottom: solid 1px #ccc; }
#linki div a.xs { background: none; padding: 0; margin: 0; border: none; line-height: 1em; }
.lista { clear: both; background: url('http://blog.pl/nimg/sky/przycisk.gif') top left no-repeat; padding: 0  0 20px 30px; margin-top: 20px;  border-bottom: solid 1px #ccc;  }
.archiwum { clear: both; background: url('http://blog.pl/nimg/sky/przycisk.gif') left top no-repeat; padding: 0  0 20px 30px; border-bottom: solid 1px #ccc; }

.wpis ul { clear: both; float: left; list-style: none; margin: 0; padding: 0; display: block; width: 100%; 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: 50px 0; }
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; }