* { 	padding: 0px; 
	border-width: 0px; 
	margin: 0px; 
	}
html {
	overflow-y: scroll;
	font-family: 'Verdana', 'Arial', 'Helvetica', sans-serif; 	font-size: 8pt; 
	color: #847B67; 
	background-color: black;
	line-height: 20px; 
	background-image: url('../addons/design/t_body.gif'); 
	background-repeat: repeat-y; 
	}
body { 
	background-image: url('../addons/design/t_title.gif'); 
	background-repeat: repeat-x; 	}
h1 { 
	display: none; 
	}
h2.path { 
	font-family: 'Verdana', 'Arial', 'Helvetica', sans-serif;
	font-size: 9pt; 
	color: #403A25;
	margin: 0 0 3px 0;
	padding-left: 170px; 
	}
h2.path a { 
	color: #635937;
	}

h2 { 
	font-family: 'Verdana', 'Arial', 'Helvetica', sans-serif;	
	font-size: 10pt; 	
	font-weight: bold; 
	margin: 20px 0px 20px 0px;	
	}

p {
	text-align: justify;
	margin: 0px 50px 20px 50px;
	}
p.introduction {
	margin: 0;
}
h2.uninformative {
	display: none; 
	}
div#all {
	position: relative;
	margin: 0 auto; 
	width: 880px;
	background-repeat: no-repeat; 
	}
div#all p a {
	color: #847B67;
	text-decoration: none;
	}

div#all p a:hover {
	color: #fff;
	text-decoration: none;
	}
div#atop {
	position: relative; 
	}
div#top ul {
	position: absolute; 
	width: 500px;
	top: 67px;
	left: 400px; 
	list-style-type: none; 
	font-size: 10pt;
	color: #000;
	font-variant: small-caps; 
	}
div#top a, div#top a:hover {	text-decoration: none; 
	}
div#top a {
	color: #000;
	}	
div#top a:hover  {
	color: #fff;
	text-decoration: none;  
	}		
div#top li {	font-family: 'Arial', sans-serif; 
	display: inline; 
	padding-left: 20px; 
	letter-spacing: 1px;
	}
#footer a { 
	text-decoration: none; 
	color: #847B67; 
	}
#footer a:hover { 
	text-decoration: none; 
	color: #fff; 
	}
div#footer	{ 
	clear: both;
	padding: 25px 0 10px;
	}
#footer ul {
    width: 100%; 
	padding: 2px 10px;
	font-size: 8pt; 
	border-top: 1px solid #847B67;
	border-bottom: 1px solid #847B67; 
	background: #000; 
	}
#footer a img {
	opacity: 0.5;
	vertical-align: middle; 
	}
#footer a:hover img {
	opacity: 1;
	}		
#footer li {
	list-style-type: none; 
	display: inline;
	}
.ufleft { 
	left: 0; 
	}
.ufright { 
	left: 500px; 
	right: -2px; 
	}
#footer img { 
	padding: 1px 2px; 
	}
/*	Formatowanie treści artystycznej */

#menu {
	width: 172px;
	float: left;
	}
#comment, #comment p {
	width: 188px;	margin: 0; 
	float: right;	text-align: left;
	}
#comment h2 {
	font-size: 11px;
	text-align: left;
	margin: -4px 0 10px 0; 
	}

#image {
	width: 480px;
	padding: 10px;
	border: 3px solid #332E1D;
	margin: auto;
	position: relative;
	left: -10px;
	text-align: center;
	}
/*	Typy menu */

ul.image li {
	width: 50px;	height: 50px;
	float: left;
	overflow: hidden;
	margin: 5px;
	font-size: 6pt;
	text-align: center;
	}
ul.text li {
	line-height: 20px !important; 
	}
ul.image li.current {
	border: 1px solid #fff;
	margin: 4px;
	}
ul.image li a {
	display: block;
	width: 100%;
	height: 100%;	}
ul.image a img {
	opacity: 0.5;
	}
ul.image a:hover img {
	opacity: 1;
	}
/*	Cechy wspólne elementów zawartości artystycznej.
	Odnośniki zawarte w nagłówkach drugiego stopnia
	tak czy inaczej występują tylko przy jej okazji
	*/

#menu, #menu li {
	line-height: 16px;
	list-style-type: none;
	}
#menu a {
	color: #847B67;
	text-decoration: none;
	text-transform: none;
	}
h2 a {
	color: #847B67;
	font-size: 9px; 
	font-weight: normal;
	text-decoration: none;	}
#menu a:hover, h2 a:hover {
	color: #fff;	}

.w3c li {
	padding-left: 200px; 
	}

div#footer ul {
	position: relative;
}

div#footer ul li.w3c {
	position: absolute; right: 0;
}

#navigator { width: 120px; text-align: center; }
#navigator * { outline-width: 0; }
#navigator li { display: inline; }