@font-face {
	font-family: Pfennig;
	font-weight: bold;
	src: url('PfennigBold.otf');
}
@font-face {
	font-family: Travelogue;
	src: url('Travelogue.otf');
}

@media all {
	* {
		padding: 0;
		margin: 0;
		box-sizing: border-box;
	}
	
	body {
		font-family: "Luxi Sans", "Verdana", sans;
		font-size: 10pt;
		background-color: #1a1a3c;
		background-image: url('bg/page_corner.jpg');
		background-position: bottom right;
		background-repeat: no-repeat;
		background-attachment: fixed;
		padding: 0;
		
	}
	
	div {
		overflow: auto;
	}
	
	
	p {
		margin: 0.5em 0;
		max-width: 45em;
	}
	
	a {
		text-decoration: none;
		/*background-color: rgba(255, 255, 255, 0.8);*/
		color: #00f;
	}
	
	ul {
		list-style-type: square;
		padding-left: 1.5em;
	}
	
	a:hover {
		text-decoration: underline;
	}
	a:visited {
		color: #66c;
	}
	a:active {
		text-decoration: underline;
		background-color: #000;
		color: #fff;
	}
	
	#contents {
		font-family: "Verdana", sans;
		padding: 8px 6px;
		-moz-border-radius: 8px;
		border: 1px solid #222;
		background-color: rgba(253, 253, 253, 0.8);
		background-image: url("bg/contents.png");
		background-position: left;
		background-repeat: repeat-y;
		/*position: relative;*/
		/*top: 7em;
		bottom: 5em;
		left: 1em;
		right: 1em;*/
		/*top: 6em;*/
		overflow: auto;
		margin: 8px 8px;
	}

	
	#top-hdr {
		position: static;
		margin: 0;
		height: 79px;
		background-color: #010101;
		/*background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACCAYAAACZgbYnAAAAAXNSR0IArs4c6QAAABJJREFUCNdjYGBgMGNgYGBgAAABTgA3q6vZ7QAAAABJRU5ErkJggg==");*/
		background-image: url("bg/hdr_right.jpg");
		background-position: right;
		background-repeat: no-repeat;
		color: #fff;
		padding: 0.5em;
		text-shadow: 0px 0px 5px #0c0, 0px -2px 5px #0cc, 0px -4px 5px #00c, 12em 1em 1px #555;
		/*-moz-border-radius-bottomleft: 20px;
		-moz-border-radius-bottomright: 20px;*/
		border-bottom: 1px solid rgba(255,255,255,0.5);
		box-sizing: border-box;
	}
	#top-hdr .hdr-title {
		font-family: Pfennig, sans-serif;
		font-weight: bold;
		font-size: 22pt;
		letter-spacing: 0.2em;
		text-transform: uppercase;
	}
	#top-hdr .hdr-slogan {
		padding-left: 0.6em;
		opacity: 0.5;
	}
	
	#bottom-ftr {
		position: relative;
		bottom: 0;
		left: 0;
		right: 0;
		min-height: 4em;
		background: rgba(20, 20, 20, 0.9);
		color: #fff;
		padding: 0.4em;
	}
	#img-server {
		display: block;
		background-image: url('http://static.adiblol.bee.pl/img/server_base.jpg');
		/*background-image: url('./img/server_led.gif');*/
		background-size: 100%;
		width: 600px;
		margin: auto;
		float:left;
		margin-right: 1em;
	}
	
	#sidebar {
		float:right;
		margin: 4px 4px 4px 8px;
		border: 2px dotted #888;
		color: #eee;
		background-color: rgba(8,8,8,0.1);
		/*overflow: auto;*/
		min-width: 10em;
		max-width: 20em;
		/*width: 20%;*/
	}
	#sidebar * {
		background: none;
	}
	#sidebar > * {
		padding: 3px 2px;
		margin: 2px;
		border: 1px solid #fff;
		background-color: rgba(20, 20, 20, 0.7);
		color: #fff;
	}
	.quote {
		border: 1px solid #666;
		padding: 0.4em;
		margin: 0.5em 1em;
		background-color: rgba(200, 200, 200, 0.8);
		color: #000;
	}
	.error {
		background-color: #800;
		color: #fff;
		padding: 1em;
	}
	.error-message {
		font-style: italic;
		font-weight: bold;
		color: #ff0;
	}
	.menu-root {
	}
	.menu-l1 ul, .menu-l2 ul {
		padding: 0;
	}
	.menu-hdr {
		font-weight: bold;
		text-decoration: underline;
	}
	.menu-l2 {
		padding: 1px;
		border-bottom: 1px solid #000;
		margin: 1px;
	}
	.menu-l1 .menu-hdr {
		font-size: 14pt;
	}
	.menu-l2 .menu-hdr {
		font-size: 12pt;
	}
	.menu-l2 li {
		display: block;
		border-left: 2px solid rgba(255,255,255,0.5);
		padding: 0 0 0 2px;
		margin: 2px 0 2px 2px;
	}
	#sidebar a {
		text-shadow: 1px 1px 0px #000, -1px 1px 0px #000, -1px -1px 0px #000, 1px -1px 0px #000;
	}
	#sidebar a:hover {
		text-shadow: 1px 1px 0px #000, -1px 1px 0px #000, -1px -1px 0px #000, 1px -1px 0px #000, 0px 0px 4px rgba(255,255,255,0.6);
		
	}

	legend {
		margin: 0 0.5em;
		padding: 0 0.2em;
	}
	fieldset {
		padding: 0.5em;
	}
	.formtable {
		box-sizing: border-box;
		width: 100%;
	}
	button {
		border: 2px outset #ccc;
		background: #ccc;
		color: #002;
		-moz-border-radius: 0.6em;
		/*-moz-box-shadow: 4px 2px 0px #111;*/
		min-width: 6em;
		min-height: 2em;
	}
	button:hover {
		-moz-box-shadow: /*4px 2px 1px #111,*/ inset 0px 0px 3px #00f;
	}
	button:active {
		/*margin: 2px 0 0 4px;*/
		-moz-box-shadow: none;
		border: 2px inset #888;
	}
	
	.opow_entry:hover {
		background: rgba(240, 240, 180, 0.5);
	}
	
	.demot {
		background: #000;
		color: #fff;
		text-align: center;
		padding: 30px;
		width: 600px;
		margin: 1em auto;
		font-family: serif;
	}
	.demot img {
		border: 1px solid #fff;
		outline-offset: 1px;
		outline: 1px solid #fff;
		width: 500px;
		margin: 20px 20px 10px 20px;
	}
	.demot .demot_title {
		font-size: 20pt;
	}
	.demot .demot_subtitle {
		font-size: 12pt;
	}
	#ssl-switch .c_on {
		color: #0f0;
	}
	#ssl-switch .c_off {
		color: #f00;
	}
	
}
@media screen {
	.source-info {
		display: none;
	}
}
@media print {
	#top-hdr, #bottom-ftr, #sidebar {
		display: none;
	}
	body {
		background: #fff;
	}
	.quote {
		background: #fff;
		border: 0.05em dashed #888;
	}
	#contents {
		font-family: "Century Schoolbook L", serif;
		font-size: 9pt;
		color: #000;
		background: #fff;
		border-color: #888;
		border-style: solid none;
		border-width: 1px;
		padding: 0;
		margin: 2em 0;
		padding: 0.6em 0.3em;
	}
	a {
		color: #222;
		text-decoration: underline;
	}
	a:visited {
		color: #222;
	}
	p {
		max-width: 100%;
	}
}