/* ********************* Tag definitions ********************************* */


body	{background-color:#222; color:white; margin:0; padding:0; font-family: "book antiqua", sans-serif;}
a	{text-decoration:none;}
a:hover	{text-decoration:underline; position:relative; top: -1px;}
#menu a:hover, .galeryjka a:hover {top:0;}
a img {border:none;}
p	{text-indent: 1.5em; margin: 0 0 .3ex 0;}
.codeblock {margin: .5ex 1.5em; border-left:.5em solid #aaa; padding:.3em .3em .3em .6em;
		color:#333; background-color:#eee; display:block; font-size:smaller; white-space: nowrap; overflow:auto;}
.codeblock code { font-family: courier, monospace; padding:0;margin:0;}
blockquote {margin: .7ex 1.5em; border:.2ex solid #555; border-left: 1ex solid #656565;
				padding:.3em .3em .3em .6em; background-color: #3d3d3d; color:#eee;}
/*blockquote p {text-indent: 0;}*/
input, textarea, select {color:white; margin:4px; padding:3px;
				border: 1px solid #888; background-color: #222; font-family: "book antiqua", sans-serif;}
#comments-fieldset input, #comments-fieldset textarea, #comments-fieldset select {width: 30em; font-family: "book antiqua", sans-serif;}
textarea {overflow: auto;}
fieldset {border: 3px solid #555; padding: 8px;}
input:hover, textarea:hover, select:hover {background-color:#333;}
input.guzik {border: 3px outset #555;}
input.guzik:hover {border: 3px outset #555;}
input.guzik:active {border-style: inset;}

ul {list-style-type: square;}


/* ********************* Site layout ********************************* */

h1 {background-color:#000; width:100%; height:5.6em; position:relative; font-weight: normal; font-size:1em;
           margin:0; padding-left:0; border-bottom: .8ex solid #aaa; margin-bottom: 2ex;}
           /* position: absolute; left: 3.9em; top: 0; */
h1 div.title { font-size:4em;position: absolute; left: 1.89em; top: 0;}
h1 .sub {position:relative; left:-.3em; top:0.6em; font-size:.65em;}
h1 .sub-sub {font-size:.5em; color: #ccc; white-space: nowrap;}
h1 .dot {font-weight:bold;}

#motto {position: absolute; right: 0; top: 0; margin: 1px 3px 0 0;
		  color: #777; text-align: right; font-size: smaller;}

#stopka {width:100%; text-align:center; font-size: smaller; clear:both;
         border-top: 1px solid #888; margin:0; color:#888;}
         
#menu	{position:absolute; left:0; top:0; vertical-align: bottom; white-space: nowrap;}
#menu-guide {width:1px; height: 5.6em;}
.menuitem {width:3.75em; height:1.4em; background-color: #555; margin: 0 .15em;}

#menu-texts {position:absolute; left:0; top: 4.25em; z-index:2;}
.menu-text {width: 4em; text-align:center; float:left; color:#111;}
.menu-text span {font-size:1.8ex; color: black;}

#em-ex {position:absolute; left:10em; top:10ex;}





/* ********************* Classes ********************************* */

.layout-table {width: 100%;}
.layout-table td {padding:0; margin:0; border-spacing: 0; vertical-align:top;}
.grey {color:#777;}
.small {font-size: smaller;}

.content {margin: 0 .5em 1.5ex; padding: 0 5px;}

.notka {margin: 0 .7em 1.8ex; background-color:#444; padding: 3px 10px 5px; border:1px solid #eee;}

.content h2 {margin:0 0 .5ex; padding:0; border-bottom: 3px solid #eee;}

.notka h2 {position: relative; left:6px; top:-4px; margin:0 -5px .5ex; padding-left: .5em;
			  border-bottom: 3px solid #eee; border-left: 20px ridge #eee;
			  background-color: #222; }
				
.notka h3, .content h3 {margin:0 0 .5ex; padding:0; border-bottom: 1px solid #eee;
		 text-indent:1.3em; margin-top:2ex;}
		 
.notka .stopka {background-color: #3d3d3d; color: #888; margin: 1ex -10px -5px; padding: .3ex 10px 5px; clear:both;}

.notka .date {margin:0; font-size:1ex; padding:0; display:block; text-align:right; color: #ddd;
		 position:relative; top:-1ex;; font-weight:normal; line-height: 0;}

.notka p img.c {max-width: 100%; margin-left: -1.5em;}
		 
.noborder {border: none !important;}
.nomargin {margin: 0 !important;}
.nopadding {padding: 0 !important;}
.clearer {clear: both}