body{
	color:					black;
	background-color:			#FFF; 
	margin: 0; padding: 0;
	font:					1em Georgia, 'Trebuchet Ms', Verdana, sans-serif;
}
h1{ position: absolute; left: 0; z-index:2; width: 100%; 
 background-color: #FFFFD9; 
 line-height: 2em; text-indent: 3em}
h1 a{ color: #009; text-decoration: none; }
h1 a:hover{ color: #900; }

.hatch{ 
 padding-bottom: 45px;
 border: 1px solid #900;
   border-top-color: transparent; border-bottom-width: 0;
 background: #fffff9 url( /i/notes/hatch2.png ) repeat-x bottom left;
}
div#archiwum{
 padding-top: 5em;
 position: absolute; left: 2em; width: 10em; top: 0;
}
div#archiwum h2{
  font-size: 1em; text-align: center; 
}
div#archiwum ul,div#archiwum ol{
 list-style-type: none; margin: 0; padding: 0;
}
div#archiwum li{ position: relative; }
div#archiwum div{
 display:none; position: absolute; left: 10em; top: 0;
 border: 2px solid #009; padding: 1.5em .5em .5em; width: 24em;
 background: url( /i/notes/blue-spot.png ) repeat center center;
}
div#archiwum div li{
 color: white; font-size: .8em; font-weight: bold; line-height: 1.5em;
}
div#archiwum div a{ color: #FFFFD9; }
div#archiwum div a:hover{ background-color: #FFFFD9; color: #009; }

div#archiwum div span{ position: absolute; top: .1em; right: .1em; 
 cursor: pointer; color: white; font-weight: bold; }
div#archiwum ol{ max-height: 15em; overflow: auto;}
div#archiwum div li{ padding-left: 1em; text-indent: -1em; }
div#archiwum h3{
  line-height: 1.6em; margin: 0; padding: 0 1em; cursor: pointer;
}
div#archiwum h3:hover{
 background-color: #00CFFF; background-color: #FFFFD9;
}
div#archiwum .active h3{
 background-color: #009; color: white;
 margin-right: -1px;
}
div#archiwum li.active div{ display: block; z-index: 4; }

div#tresc{
 padding: 5em 1em 45px;
 margin-left: 14em; width: 35em;
 line-height: 1.6em;
}
div#tresc h2{
  font-family: 'Trebuchet Ms', Trebuchet, Georgia, Arial, sans-serif;
  margin: 1em 0 0;
}
div#tresc p.notice{ color: #900; font-size: 1.2em; }
div#tresc #noteInfo { position: relative; height: 2em;
  font-size: .75em;  line-height: 1.5em; }
div#tresc #noteInfo dt{ 
  padding: 0 .5em; float: left; cursor: pointer;
  background-color: #FFFFD9; margin: 0 .5em -1px 0; 
  border: 1px solid #900; z-index: 2; position: relative; }
div#tresc #noteInfo dt.active{
 background-color: #FFFFF9; border-bottom-color: transparent; }
div#tresc #noteInfo dd{
  position: absolute; left: 0; top: 1.5em; z-index: 1;
  border: 1px solid #900;
  background-image: url( /i/notes/light-spot.png );
  margin: 1px 0 0; padding: .5em; width: 90%; 
  display: none; }
div#tresc #noteInfo dd.active{ display: block; }

div#tresc #noteInfo ul{ 
  list-style-type: none; min-height: 65px;
  margin-left: .5em; padding-left: .5em;
}
div#tresc #noteInfo ul.kat{ background: url(/i/notes/ico-drafty.png) no-repeat right top; }
div#tresc #noteInfo ul.humor{ background-image: url(/i/notes/ico-humor.png); }
div#tresc #noteInfo ul.projekty{ background-image: url(/i/notes/ico-projekty.png); }
div#tresc #noteInfo ul.porady{ background-image: url(/i/notes/ico-porady.png); }
div#tresc #noteInfo ul.varia{ background-image: url(/i/notes/ico-varia.png); }
div#tresc #noteInfo ul.drafty{ background-image: url(/i/notes/ico-drafty.png); }
div#tresc #noteInfo ul.related{ background-image: url(/i/notes/ico-info.png); padding-right: 65px;}

div#tresc a{ text-decoration: none; border-bottom: 1px dotted; color: #900; }
div#tresc a:hover{ background-color: #900; color: #FFFFD9; }
div#tresc blockquote{ padding-left: 1em; border-left: .3em solid #900; margin: 0}
div#tresc pre{	overflow: auto; max-height: 10em; font-size: .75em; 
 line-height: 1.3em; padding: .3em; background-color: #F9F9F9;
 border: 2px solid silver; border-width: 2px 0;}

#foot a{
  width: 67em; color: #ddd; font: bold .75em Verdana, sans-serif;
  text-align: right; margin: 1em 0; display: block; text-decoration: underline;
}


fieldset{ border: 4px double #900; }
label{ display: block; margin: .8em 0; position: relative; width: 100%; }
label:hover{ background-color: #FFFFD9; cursor: pointer; }
label select, label input{ width: 25em; position: absolute; right: 0; }
label textarea{ width: 100%; height: 17em;}
button{ background-color: #900; border: 1px solid #009; color: white; font-weight: bold; }