body {
	font: .8em/1.5 Verdana, sans-serif;
    color: black;
	padding: 0;
	margin: 0 auto 1.5em;
}

code { font:  1em invalid, monospace }

#topOuter { 
	background-repeat: repeat-y;
	background-position: bottom center;
	padding-bottom: 56px;
	padding-top: 8px;
}
#top {
	background-repeat: repeat-x;
	background-position: bottom left;
	border-style: solid; border-width: 4px 0; border-color: white;
}
#topInner {
	width: 62em;
	margin: auto;
	position: relative;
}

#body {
	width: 62em;
/*
	push those 62ems to 68em and fit another columno aside #tresc (w: 60%)
*/
	position: relative;
	margin: 0 auto;
	border-top: 1px solid #FAFAFA;
	background-color: #FAFAFA;
}

h1 {
	position: relative;
	font-weight: bold;
	margin: 0;
	height: 2.7em;
	text-shadow: #222 2px 2px 3px;
}
h1 a {
	font: italic 1em/50px 'Trebuchet', 'Trebuchet Ms', Georgia, sans-serif;
	letter-spacing: 2px;
	display: block;
	width: 50%;
	text-decoration: none;
	color: #FFF;
	text-indent: 1em;
}

h1 q { 
	position: relative;
	top: -2em;
	left: 2em;
	font: .5em Verdana,  sans-serif;
	color: #ddd;
	quotes: "„" "”"; /* SmultronCharset=UTF-8 */
}

#menumini {
	padding: 0;
	margin: 0;
	position: absolute; 
	right: 1.5em; 
	top: 0em; 
	list-style-type: none;
}
#menumini li {
	float: left;
	margin-left: .5em;
	font-size: 1.2em;
}
#menumini li.yes a {
	font-style: italic;
}
#menumini a {
	display: block;
	text-decoration: none;
	padding: 3.4em .5em .1em;
	font-size: .9em;
	text-shadow: #333 2px 2px 4px;
	line-height: 1.5em;
}

ul#toc { 
	border: 1px solid silver;
	color: #112255;
	float: right;
	margin: 1.5em -1.5em 0.5em 0.5em;
	padding: 0.3em;
	width: 35%;
	list-style-type: none;
	position:relative; z-index: 2;
}

ul#toc li.up {
	line-height: 2em;
	border-bottom: 1px solid #ddd; 
}
ul#toc ul { margin-left: 1.5em; padding: 0; }
ul#toc li li { list-style-type: none; }
ul#toc a { color: #940; } ul#toc a:hover { background-color: #940; color: white; }
ul#nav {
	position: absolute;
	left: auto;
	right: 0;
	bottom: 0;
	top: 1em;
	width: 50%;
	
	overflow: hidden;
	color: #125;						
	list-style-type: none;
	margin: 0; padding: 0;
	line-height: 2em;
}
ul#nav p { display: inline; }

ul#nav li.next, ul#nav li.prev { width: 48%; text-align: center; }
ul#nav li.next { float: right; } ul#nav li.prev { float: left; }
ul#nav li.up { border-bottom: 1px solid #ddd; }

ul#nav a {
	text-decoration: none;
}



h2, h3, h4 {
	font-family: Trebuchet Ms, "Lucida Grande",Geneva,Arial,Verdana,sans-serif;
	font-size: 1.3em;
	margin: 1.5em 0 0.5em;
}

div#tresc {
	font: .94em/1.6  Verdana, 'Lucida Grande', Lucida, 'Lucida Sans Unicode', 'Lucida Sans', sans-serif;
	padding: 1.5em;
}

div#header {
	margin: 2em 1em 1em;
	border-bottom: .4em solid #ddd; 
	padding: 1.5em 1.5em 0;
	position: relative;
	font-size: .94em;
}
div#header.nav {
	padding-right: 50%;
}

div.date p {
	margin: .86em 0;
	font-size: .96em;
	color: #666;
}

div#header h2 { 
	margin: 0;
	font-weight: normal;
	font-size: 1.85em;
	line-height: 1.3;
}

div#header .date abbr {
	margin-left: 1em;
}
div#header .alterlink {
	position: absolute;
	bottom: 0; right: 1em;	
}
div#header.draft {
	background: url(../img/draft.png) repeat 0%;	
}

p.notfound {
	text-align: center;
	font: italic bold 1.5em/1.5 Trebuchet Ms, Georgia, sans-serif;
	color: #999;
}


div#intro {
	margin-bottom: 4em;
}

div#intro img {
	margin: 0 0 1em;
	width: 97%;
	padding: 1%;
}

div#tresc img.onlight {
	border: 2px solid #ccc;
	background-color: #fff;
}
div#tresc img.onshadow {
	border: 2px solid #666;
	background-color: #999;
}
div#tresc img.ondark {
	border: 2px solid #000;
	background-color: #000;
}

div#tresc a img { border: none; }
div#tresc img {
	display: block;
	margin: auto;	
}

div#tresc .message {
	font-size: 1.2em;
	border: .2em solid; 
}
div#tresc .warning {
	background-color: #eee;
}
div#tresc .warning img {
	float: right;
	margin: .5em 1em;	
}
div#tresc .message strong {
	padding: .2em 1em;
	display: block;
	color: white;
	text-shadow: #333 1px 1px 2px;
}

div#tresc .message p {
	font-size: 1.1em;
	margin: 1em;
}
div#tresc .message p.hint {
	font-size: .9em;
}

div#tresc .figure { font-size: .85em; font-style: italic; letter-spacing: .3px; margin: 1em; color: #333;}
div#tresc .figure img { display: block; }
div#tresc .figure.left { float: left; margin-right: 2em; }
div#tresc .figure.right { float: right; margin-left: 2em; }
div#tresc .figure.w180 { width: 180px; }
div#tresc .figure.w250 { width: 250px; }
div#tresc .figure.w500 { width: 500px; }
div#tresc .figure.center { text-align: center; clear: both; }
div#tresc .figure.image { text-align: center; clear: both; margin: 2em auto 3em; }
div#tresc .figure object, div#tresc .figure embed { display: inline; }

div#tresc pre {
	padding: .5em;
	background-color: #eee;
	border: 1px solid #ddd;
	font-size: 1.2em;	
}
strong {
	background-color: #FFC;
	color: black;
}
/**/
div#tresc h3:first-child { margin-top: 0 ;}

div#tresc a {
	text-decoration: none;
	border-bottom: 1px dotted;
}

div#tresc h3 {
    clear: both;
	margin: 2em 0 1em;	
	font-size: 1.5em;
}

/**/ 

[title~="(side)"], .sidenote {
	float: right;
	clear: right;
	text-align: justify;
	font-size: .9em;
	width: 18em;
	/*padding: .5em;*/

	border: 1.2em solid white;
	margin: -1em -4.2em 0em 1em;
	background-color: #ddd;
}

.sidenote p {
	margin: 1em;	
}

p.sidenote img {
	margin: .5em auto;
	max-width: 100%;
	display: block;
}

.sidenote h3 {
	color: white;
	text-shadow: #999 2px 2px 2px;
	font-size: 1.7em;
	font-weight: bold;
	font-family: arial black, sans-serif;
	margin: -.45em 0 0 !important;
	margin: 0 .3em !important;
	text-indent: -2px;
}

#tresc ul {
	margin: 0 0 0 2.5em;
	padding: 0;
}

div#commentBlock {
	margin: 4em 0 2em;	
}
ul#comments { margin: 0; }
#comments li.comment{
	list-style-type: none;
	width: 70%;
	padding-left: 4em;
	margin: 0 0 2em;
}
#comments .anhor {
	margin-left: -1em;
	font-size: 3em;
	float: left;
	line-height: 1em;
	font-family: Apple Symbols, Arial Unicode, serif;
	color: #bbb;
	border: none;	
}
#comments .anhor:hover {
	background-color: transparent;
}

#comments .entry {
	min-height: 1.4em;
	color: #333;
}
#comments :target .entry {
	color: #000;
}

#comments .meta {
	text-align: right;
	font-style: italic;
	font-size: .9em;
	color: rgb(102, 102, 102);
}

div.panel {
	float: right;
	margin-right: -16em;
	width: 14em;
}
div.panel a {
	display: block;
	width: 12.5em;	
}

#comments blockquote.abstract {
	border-left: 3px solid #E9D3A1;
	font-size: .9em;
	padding: 1px 15em 1px 1em;
	margin: 0 0 2.5em 1em;
	text-align:	justify;
	line-height: 1.4em;
	color: #666;
}


																				/** comment form **/

#reply { width: 81%; }																				
form dl {
	margin:	0;
	padding: 1em;
	overflow: hidden;
}
form dt, form dd {
	float: left;
	width: 27em;
	margin: 0;
	height: 3em;
	padding: .4em;
	border-top: 1px solid #999;
}

form dt{
	clear: left;
	width: 20em;
	border-right: 1px solid #999;
	font-weight: normal;
}
form dl label {
	cursor: pointer;	
}
label em {
	display: block;
	font-weight: bold;
	color: #C00;
}
form dl dd samp {
	border: none;
	background-color: transparent;
	text-align: center;
	font-style: italic;
	display: block;
	font-family: Verdana, Georgia, sans-serif;
	color: #555;
}

form dd input, form dd textarea {
	width: 100%;
	border: 1px solid black;
	background-color: #EEE;
	color: black;
	_width: 85%; /** :o od kiedy to ja stosuje hacki dla IE? <confused> **/
}

form dt.text {
	border-right: none;
}
form dd.text {
	width: 47em;
	padding-right: 1.2em;
	height:	auto;
}
form dd.help { 
	text-align: right;
	font-size: .9em;
	width: 30em; /** text is smaller, width measured in em-s enlarges **/
}

form textarea {
	height: 12em;
	max-width: 100%;
	color: black;
}
.honeypot { display: none; }

button { /** to i tak idzie do piachu na rzecz .possitive buttons */
	clear: both;
	border: 1px solid black;
	border-width: 0 1px 1px 0;
	background-color: white;
	color: black;
	font-weight: bold;
}


																				/** end of comment form **/

dl#arch{
	font-size: 1.3em;
	margin:	.5em 0 0 6em;
}

dl#arch dd { margin: 0; padding: 0; }

dl#arch dt{
	font:			1.2em Georgia, Times new Roman, serif;
	margin:			1.5em 0 .5em;
}
dl#arch span.data{
 	float: left;
	width: 4em;
	text-align: center;
	margin-left: -5em;
	color: #999;
	padding: 0 .2em;
	font-weight: bold;
}
dl#arch span.data span { display: block; }

dl#arch dt a{
	font-size: 1.2em;
	padding: 0 2px;
}
dl#arch blockquote {
	border-left: 3px solid #E9D3A1;
	font-size: .75em;
	padding: 1px .5em 1px 1em;
	margin-left: 1em;
	text-align:	justify;
	line-height: 1.4em;
	color: #666;
}

dl#arch p {	margin: .3em 0; }

dl#arch dd{
	font-style: italic;
}



blockquote {
	padding: 0 1em; 	
	margin: 0 2em;
	position: relative;
	letter-spacing: 0.5px;
	font-family: Verdana, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Lucida, sans-serif;
	font-style: italic;
}
blockquote.little, blockquote.little cite {font-size: .9em; }

blockquote span.quote {
	color: #004080;
	font-size: 3em;
	display: none;
	position: absolute;
}

blockquote span.before { top: -.4em; left: -.7em; }
blockquote span.after { bottom: -.5em; right: -.7em; }
blockquote cite, blockquote .cite { text-align: right; color: black; font-size: smaller; display: block; }

blockquote li:before,
blockquote p.dialog:before {
	content: ' — ';
	color: #999;
}

blockquote li,
blockquote p.dialog {
	text-indent: -1.5em;
	margin-left: -2em;
	margin-left: -.5em;;
	list-style-type: none;
}

#changes li {
	list-style-type: none;
	margin: 1em 0 2em 3em ;
	padding: .6em .3em .3em;
	padding-right: 40%;
	position: relative;
}
address {
	background-color: #fff;
	padding: 1em 0;	
}
address, address a {
	clear: both;
	text-align: center;
	color: #666;
	font: status-bar;
}
address a { 
	text-decoration: none;
	border-bottom: 1px dotted;
}
address a:hover {
	color: white;
	background-color: #999;
}

address .atom { 
	padding-left: 20px !important;
	background: url(../img/feedicons-standard/feed-icon-14x14.png) no-repeat left center !important; 
}


address a.login {
	float: right;
	margin: -1.3em 1em 0 0 ;
	border: none;
}
address a.login img {border: none; }

address #brandof {
	vertical-align: middle;
	height: 2.6em;
	margin: -0.8em 2em -0.8em;

}






/**																			********
 * Buttons
 **/

#tresc .buttons {
/*	overflow: auto;*/
}
#tresc .buttons a, #tresc .buttons button{
    display: block;
    float: left;
    margin: 0 7px 0 0;
    padding: 5px 10px 6px 7px; /* Links */

    background-color: #eaeaea;
    color: #565656;
    border: 1px solid #dedede;
    border-color: #eee #dedede #dedede #eee;

    font: bold .9em/130% "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    text-decoration:none;
    cursor: pointer;
}

#tresc .buttons button{
    width: auto; 
    overflow: visible;
    padding: 4px 10px 3px 7px; /* IE6 */
}
#tresc .buttons button[type]{
    padding: 5px 10px 5px 7px; /* Firefox */
    line-height: 17px; /* Safari */
}
*:first-child+html #tresc button[type]{
    padding: 4px 10px 3px 7px; /* IE7 */
}

#tresc .buttons button img, .buttons a img{
    margin: 0 3px -3px 0 !important;
    display: inline !important;
    padding: 0;
    border: none;
    width: 16px;
    height: 16px;
}
/* STANDARD */

#tresc button:hover, #tresc .buttons a:hover{
    background-color: #dff4ff;
    border: 1px solid #c2e1ef;
    color: #336699;
}
#tresc .buttons a:active, #tresc .buttons button:active{
    background-color: #6299c5;
    border: 1px solid #6299c5;
    color: #fff;
}

/* POSITIVE */

#tresc button.positive, #tresc .buttons a.positive{
    color: #529214;
}
#tresc .buttons a.positive:hover, #tresc button.positive:hover{
    background-color: #E6EFC2;
    border: 1px solid #C6D880;
    color: #529214;
}
#tresc .buttons a.positive:active, #tresc .buttons button.positive:active{
    background-color: #529214;
    border: 1px solid #529214;
    color: #fff;
}

/* NEGATIVE */

#tresc .buttons a.negative, #tresc button.negative{
    color: #d12f19;
}
#tresc .buttons a.negative:hover, #tresc button.negative:hover{
    background: #fbe3e4;
    border: 1px solid #fbc2c4;
    color: #d12f19;
}
#tresc .buttons a.negative:active, #tresc .buttons button.negative:active{
    background-color: #d12f19;
    border: 1px solid #d12f19;
    color: #fff;
}

/* DISABLED */

#tresc .buttons a.disabled, #tresc button.disabled {
	color: #999;
	font-style: italic;	
}
#tresc .buttons a.disabled:hover, #tresc button.disabled:hover {
	color: #999;
	font-style: italic;	
	background-color: #F5F5F5;
	border-color: #EEEEEE #DEDEDE #DEDEDE #EEEEEE;
	cursor: default;
}




div.pages {
	font: .85em/2 Verdana, sans-serif;
	text-align: center;
	margin: 1em 0;
}
div.pages ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
div.pages li {
	display: inline;
	margin: 0 2px;
}
div.pages a {
	text-decoration: none;
	border: 1px solid silver ;
	padding: 2px 6px; color: #004080; color: #940;
}
div.pages li.active, div.pages li.spacer {
	color: black;
	font-weight: bold;
	margin: 0 7px;
}
div.pages a:hover {
	border-color: black;
	background-color: #08F; background-color: #940;
	color: white;
}
div.pages li.button a {
	border-width: 2px;
	padding: 1px 6px;
}
div.pages li.button {
	margin: 0 13px;
	color: #999;
}
div.pages p {
	color: #999;
	margin: 0;
}