html, body { height: 100%; }
body { background: url('obrazki/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 { 	background: url('http://strona3.psotka.net/obrazki/gora.jpg') center top no-repeat; margin-left: 19px; margin-right: 19px; width: 700px; height: 180px; border-bottom: 10px solid #CCCCCC;}
#lewy { width: 469px; float: left; position: relative; left: 19px;  }
#prawy { width: 212px;  position: relative; left: 18px; float: left;  clear: right;  padding-bottom: 20px; line-height: 18px; margin-top: 40px; text-align: center;}

#footer {
	clear: both;
	position: relative; 
	margin-left: 19px;
	margin-right: 19px;
	width: 685px;
	height: 30px;
	border-top: 10px solid #CCCCCC;
	text-align: right;
	padding-right: 15px;
}

#prawy a { color: #757D91; text-decoration: none;}
#prawy br { clear: left; }
#lewy { padding: 10px; padding-bottom: 20px; text-align: center; }

#header h1 {
	color: #000000;
	font-family: "Monotype Corsiva", times, sans-serif;
	font-style: italic;
	font-size: 90px;
	display: block;
	text-align: left;
	padding: 45px 0 0 120px;
	margin: 0 auto;
}

#header h1 span {
	font-size: 22px;
	color: #000000;
	font-weight: normal;
	float: right;
	padding-right: 40px;
}

.wpis h2, #lewy h2 { font-size: 14px; display: block; width: 469px; height: 25px; }
.wpis h2 a, #lewy h2 a { color: #757D91; text-decoration: none; float: left; }
.wpis h2 span, #lewy h2 span { font-size: 10px; color: #999; font-weight: normal; float: right; }
.wpis p { padding-bottom: 15px; margin-bottom: 5px; color: #333; }
.wpis p span { color: #757D91; font-weight: bold; }
.wpis a { color: #757D91; text-decoration: none;}

.wpis h3, #blog h3 { font-size: 10px; display: block; width: 469px; height: 25px; }
.wpis h3 a, #blog h3 a { color: #757D91; text-decoration: none; float: left; }
.wpis h3 span, #blog h3 span { font-size: 10px; color: #999; font-weight: normal; float: right; }

.komentarze  { float: right; color: #6C5920; }
.komentarze a { color: #6C5920; text-decoration: none; }
.wpis img { margin: 10px; clear: both; border: 4px double #999999; padding: 3px; }
#linki a.xs { color: #000; font-weight: bold; display: block; width: 182px; line-height: 50px;  clear: both; }
#linki div a.xs { background: none; padding: 0; margin: 0; border: none; line-height: 1em; }

.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-left: 5px; font-size: 9px; }
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; text-align: justify;}

#rsslink { clear: both; display: block; padding: 30px; }
