html, body {
	background-color: white;
	color: black;
	font-family: georgia,sans-serif;
	font-size: 13px;
	margin:0;
	padding:0;
	line-height:100%;
	background-color: #21242b;
}

#maincontainer {
	width: 50em;
	max-width:96%;
	background-image: url(/gfx/ubaku.gif);
	background-position: top left;
	background-repeat: no-repeat;
	margin: 0 auto;
	padding: 10px 0 0 0;
	background-color:white;
}

#top {
	background:#323742 url(/gfx/ubaky.gif) repeat-y top left;
	color:white;
	position: relative;
}

#skiper {
	position: absolute;
	background-color: black;
	color: yellow;
	text-decoration: none;
	line-height:100%;
	padding:0.1em;
	left:-2000px;
	top:3px;
	border: solid #AAA 1px;
	z-index:2;
	outline:none;
}

#skiper:focus,
#skiper:active,
#skiper.focus {
	left: 3px;
}
#top h1 {
	position: absolute;
	left:15px;
	top:10px;
	line-height:100%;
	color:white;
	font-weight:bold;
	font-size:144%;
	margin:0;
	padding:0;
}

#top ul {
	margin:0;
	padding:0 0 10px 0;
	list-style:none;
	min-height:142px;
	background-image: url(/gfx/ubakd.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
	
}

#top li {
	margin:0;
	padding:0 0 0 465px;
}

#top li a {
	color: white;
	text-decoration: none;
	display:block;
	padding:5px 0 5px 20px;
	background-image: url(/gfx/notatnik.gif);
	background-repeat:no-repeat;
	background-position: 0 0;
	min-height:20px;
	
}

#top li a:hover,
#top li a:focus,
#top li a:active {
	text-decoration: underline;
	background-position: 0 -200px;
}

#textcontainer {
	color: black;
	background-color: white;
	font-family: georgia,sans-serif;
	font-size: 13px;
	margin:0;
	padding:1em 1em 1.5em 1em;
	line-height:160%;
	background-image: url(/gfx/ubakd.gif);
	background-repeat:no-repeat;
	background-position: left bottom;
}

#footer {
	background:#323742 url(/gfx/ubaky.gif) repeat-y top left;
}

#footer h2 {
	float:right;
	margin: 0 2em 0 0;
	padding:0;
	line-height:100%;
	font-size:100%;
	font-weight:normal;
	color:white;
}

#footer ul {
	margin:0;
	padding:0;
}
/* rozne */

.auraltext {
	display:block;
	overflow:hidden;
	position:absolute;
	left: -2000px;
	width:1px;
	height:1px;
}


a.external {
	padding-right:11px;
	background-image: url(ex.gif);
	background-position: right 0.1em;
	background-repeat: no-repeat;
}

#ethdate {
	text-align: right;
	color: #004400;
	
}

h2 {
	margin:10px 0 10px 1em;
}
/* espeak form */
.espeakdemo {
	display:block;
	margin: 0.5em 0;
	padding:0.5em;
	background-color: #EEEEEE;
	border: solid #DDDDDD 1px;
}

#espeak_txt {
	width:100%;
}

/* pager */

.pager {
	margin: 0.3em auto;
	padding:0;
	list-style:none;
	width:auto;
	text-align:center;
}

.pager li {
	margin: 0 0.1em;
	padding:0;
	color: black;
	display:inline;
}

.pager a {
	text-decoration: none;
	color: #0000AA;
}
.gocomments,
#mainbody a {
	color: #0000AA;
	
}

.pager a:visited,
.gocomments:visited,
#mainbody a:visited {
	color: #4444AA;
}

.pager a:focus,
.pager a:active,
.gocomments:focus,
.gocomments:active,
#mainbody a:focus,
#mainbody a:active {
	color: black;
	background-color: #DDDDFF
}

/* komentarze */

.commentlist {
	margin:0;
	padding:0;
	list-style:none;
}

.commentlist p {
	margin: 0.2em 0 0 0;
}

.commentlist li {
	margin:0;
	padding: 0.5em;
}

.commentlist li.odd {
	background-color:#F8F8F8;
}
.commentlist li.even {
	background-color:#F0F0F0;
}

.commentlist li.byadm {
	background-color:#d9d0b8;
}

.commentlist div {
	font-style:italic;
	text-align:right;
}

pre {
	white-space:pre;
	font-family: courier,monospace;
	color: black;
	background-color: #F8F8F8;
	padding:0.5em;
	display:block;
	line-height:100%;
}

code {
	font-family: courier,monospace;
}

ol.ola {
	list-style: lower-alpha;
}