body {position: relative; background: black; margin: 0; padding: 0;}

div#links {position: absolute; top: 81px; left: 0; width: 166px; height: 700px; font: 16px Verdana, sans-serif; z-index: 100;}
div#links a {display: block; text-align: center; font: bold 1em sans-serif; 
   padding: 5px 10px; margin: 0 0 1px; border-width: 0; 
   text-decoration: none; color: #FFC; background: #444;
   border-right: 5px solid #505050;}
div#links a:hover {color: #411; background: #AAA;
   border-right: 5px double white;}

div#links a span {display: none;}
div#links a:hover span {display: block;
   position: absolute; top: 240px; left: 0; width: 128px;
   padding: 5px; margin: 10px; z-index: 100;
   color: #AAA; background: black;
   font: 10px Verdana, sans-serif; text-align: center;}

div#content {position: absolute; top: 26px; left: 161px; right: 25px;
   color: #BAA; background: #22232F; 
   font: 13px Verdana, sans-serif; padding: 10px; 
   border: solid 5px #444;}
div#content p {margin: 0 1em 1em;}
div#content h3 {margin-bottom: 0.25em;}

h1 {margin: -9px -9px 0.5em; padding: 15px 0 5px; text-align: right; background: #333; color: #667; letter-spacing: 0.5em; text-transform: lowercase; font: bold 25px sans-serif; height: 28px; vertical-align: middle; white-space: nowrap;}
dt {font-weight: bold;}
dd {margin-bottom: 0.66em;}
div#content a:link {color: white;text-decoration: none;}
div#content a:visited {color: #BBC;text-decoration: none;}
div#content a:link:hover {color: #FF0;}
div#content a:visited:hover {color: #CC0;}
code, pre {color: #EDC; font: 110% monospace;}
codeb {color: #EDC; font: 100% monospace;}


/*slut body*/

/* Floating tumbnails*/

div.float {

  float: left;

	padding: 10px;

  }

  

div.float p {

   text-align: center;

   }

div.container {

  background-color: #22232F;

   border: 2px dashed #22232F;

  }

div.spacer {

clear: both;

  }

/*  Slut Floating tumbnails*/

/*  Header-navigation*/

#tabs ul {

	margin-left: 0;

	padding-left: 0;

	display: inline;

	} 



#tabs ul li {

	margin-left: 0;

	margin-bottom: 0;

	padding: 2px 5px 5px;

	border: 0px solid #000;

	list-style: none;

	display: inline;

	background-color: 22232F;

	}

#tabs li a:hover {

		border-left: 10px solid #1c64d1;

		border-right: 10px solid #5ba3e0;

		background-color: #2586d7;

		color: white;

		}

		

#tabs ul li.here {

	border-bottom: 1px solid #ffc;

	list-style: none;

	display: inline;

	background-color: #667;

	color: white;

	}





/*  Slut Header-navigation*/

/* show and pedigree*/

 table#breed td {vertical-align: middle; color: black; text-align: left;
   border: 1px solid gray;
   border-color: #BBB #EEE #EEE #BBB;}
tr#breed th {color: #CCE; background-color: #224;
font-weight: bold; text-align: left; 
padding: 1px 0.33em;}

tr#breed th {width: 10%; border: 1px solid gray;  0 0px 1px 1px;}
table#breed tr#title th {background: #AAC; color: black; border: 1px #242; font-size: 120%;}
table#breed a {font-weight: bold; display: block; margin: 0;}
table#breed a:link {color: navy;}
table#breed a:visited {color: purple;}
table#breed a:hover {background: #FF6;}

   /*end show and pedigree*/

/* All the content boxes belong to the content class. */



.content {

position:relative; /* Position is declared "relative" to gain control of stacking order (z-index). */

width:auto;

min-width:120px;

margin:0px 210px 20px 170px;

border:1px solid black;

background-color:#444;

padding:10px;

z-index:3; /* This allows the content to overlap the right menu in narrow windows in good browsers. */

}

#navAlpha {

position:absolute;

width:150px;

top:70px;

left:20px;

border:0px dashed #22232;

background-color:#22232;

padding:10px;

z-index:2;



/* Here is the ugly brilliant hack that protects IE5/Win from its own stupidity. Thanks to Tantek Celik for the hack and to Eric Costello for publicizing it. 

IE5/Win incorrectly parses the "\"}"" value, prematurely closing the style 

declaration. The incorrect IE5/Win value is above, while the correct value is 

below. See http://glish.com/css/hacks.asp for details. */

voice-family: "\"}\"";

voice-family:inherit;

width:128px;

}



/* I've heard this called the "be nice to Opera 5" rule. Basically, it feeds correct 

length values to user agents that exhibit the parsing error exploited above yet get 

the CSS box model right and understand the CSS2 parent-child selector. ALWAYS include

a "be nice to Opera 5" rule every time you use the Tantek Celik hack (above). */

body>#navAlpha {width:128px;}

#navBeta {

position:absolute;

width:190px;

top:70px;

right:20px;

border:1px dashed white;

background-color:#22232F;

padding:10px;

z-index:1;



/* Again, the ugly brilliant hack. */

voice-family: "\"}\"";

voice-family:inherit;

width:168px;

}



/* Again, "be nice to Opera 5". */



body>#navBeta {width:168px;}

/* All the content boxes belong to the content class. */

.center {

position:relative; /* Position is declared "relative" to gain control of stacking order (z-index). */

width:auto;

min-width:120px;

margin:0px 210px 20px 170px;

border:0px solid black;

background-color:#22232;

padding:10px;

z-index:3; /* This allows the content to overlap the right menu in narrow windows in good browsers. */

}

#navLeft {

position:absolute;

width:150px;

top:70px;

left:20px;

border:0px dashed #22232;

background-color:#22232;

padding:10px;

z-index:2;



/* Here is the ugly brilliant hack that protects IE5/Win from its own stupidity. 



Thanks to Tantek Celik for the hack and to Eric Costello for publicizing it. 

IE5/Win incorrectly parses the "\"}"" value, prematurely closing the style 

declaration. The incorrect IE5/Win value is above, while the correct value is 

below. See http://glish.com/css/hacks.asp for details. */

voice-family: "\"}\"";

voice-family:inherit;

width:128px;

}



/* I've heard this called the "be nice to Opera 5" rule. Basically, it feeds correct 

length values to user agents that exhibit the parsing error exploited above yet get 

the CSS box model right and understand the CSS2 parent-child selector. ALWAYS include

a "be nice to Opera 5" rule every time you use the Tantek Celik hack (above). */



body>#navAlpha {width:128px;}

#navRight {

position:absolute;

width:190px;

top:70px;

right:20px;

border:1px dashed white;

background-color:#22232F;

padding:10px;

z-index:1;



/* Again, the ugly brilliant hack. */

voice-family: "\"}\"";

voice-family:inherit;

width:168px;

}



/* Again, "be nice to Opera 5". */

body>#navBeta {width:168px;}





/*vykort*/

div#card {width: 478px; margin-left: auto; margin-right: auto;
   position: relative; }
div#card img {border: 2px solid black;}
div#sentiment {position: absolute; top: 30px; right: 25px; width: 50%;
   text-align: right; font: italic bold 25px Arial, sans-serif;
   color: white; padding: 5px;
   background: transparent url(halfscreen-black.gif) center repeat;}
div#signature {font-weight: bold; font-size: 14px;
   color: black;
   border: 1px solid black; background: silver; 
   width: 275px; margin: 0 auto; padding: 0.25em;
   position: absolute; top: 665px; left: 150px; right: 150px;}
 div#signaturebottom {font-weight: bold; font-size: 14px;
   color: black;
   border: 1px solid black; background: silver; 
   width: 275px; margin: 0 auto; padding: 0.25em;
   position: absolute; top:770px; left: 110px; right: 150px;}
div#credit {font: 11px Arial, sans-serif; text-align: right; 
   position: absolute; top: -13px; left: 0; right: 0; width: 100%;
   color: #999;}