body {position: relative; background: black; margin: 0; padding: 0;}/*2005-08-17*/
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 img {height: 0; width: 0; border-width: 0;}
div#links a:hover img {position: absolute; top: 340px; left: 55px; height: 50px; width: 50px;}
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: #EDC; text-decoration: none;}
div#content a:link:hover {color: rgb(100%,82%,27%);text-decoration: underline;}
div#content a:visited:hover {color: rgb(100%,82%,27%); text-decoration: underline;}
code, pre {color: #EDC; font: 110% monospace;}
.small {font-size: .9em;}
/*slut body*/
div#footercop {clear: both; padding-top: 1em;
  font: 80% Verdana, sans-serif; color: #EDC;}
/* right float mainpage*/

#menufooter {margin-bottom:20px;}
#menusitelinks {font-size:11px;}

.menus h3 {margin: 0; padding:5px 0 0; font: bold 1em Arial, Verdana, sans-serif;
  background: #DBDBEF; text-align: center;
  border: 1px solid #B3B3B3; border-width: 2px 1px; border-bottom: none;}  
.menus h3 a {background: #F0F3FA; color: #424248; padding: 2px 0.5em 0; margin-right: -0.75em;
  border: 1px solid #BEBEBE; border-bottom-color: #DBDBDD;
  text-decoration: none;}
.menus h3 a:hover {background: #FFA850; color: #FFA; border-color: #AEAEAE;}
.menus {border-left:1px solid #000; border-bottom:1px solid #000; border-top:1px solid #000;
		border-right:10px solid #000; background:#667; color:#113; padding:0px;
		margin-bottom:10px; text-align:left; font-size:11px;}
#menu {width:240px; padding:0px;  margin-left:20px; margin-right:-3px; float:right;
		voice-family: "\"; clip:  rect( auto  )}\""; voice-family: inherit;}
div#img-menu{width: 150px; margin-left: 35px; margin-right: auto; margin-top: 20px;
          position: relative;}
div#img-menu img{border: 2px solid black;}
a.sitelinksred { color:#c00; }
a.sitelinksredorange { color:#f60; }
a.sitelinksorange { color:#f90; }
a.sitelinksyellow { color:#fc0; }
.links {margin-left:50px; margin-right:30px;}
#layouts {font-size:10px; margin-left:10px;}
/* end right floats*/
/* Floating tumbnails*/
div.float {float: left; padding: 10px;
}
div.float img{border: 2px solid rgb(73%,67%,53%); background: rgb(73%,67%,53%);}
div.float p {text-align: center;}
div.float b {text-align: center;}
div.container {background-color: #22232F; border: 2px dashed rgb(13%,14%,18%);}
div.spacer {clear: both;}
/*  Slut Floating tumbnails*/
/*  Kitten-navigation This is att the bottom and have lower boxes than the top. Sale-files*/
#tabs-kitten ul {margin-left: 0px; padding-left: 0px; padding-bottom: 10px; display: inline;} 
#tabs-kitten ul li {margin-left: 0; margin-bottom: 0px; padding: 2px 5px 0px; border: 0px solid #000;
					list-style: none; display: inline; background-color: rgb(13%,14%,18%);}
#tabs-kitten li a:hover {border-left: 10px solid #1c64d1; border-right: 10px solid #5ba3e0;
					background-color: #2586d7; color: white;}
#tabs-kitten ul li.here {border-bottom: 1px solid #ffc; list-style: none; display: inline;
					background-color: #667; color: white;}
/*  Slut Kitten-navigation*/
/*  Kittensale-images Images and parents text on  Sale-files*/

div#img-parents-left{width: 200px; margin-left: auto; margin-right: 75px; 
          position: relative; }
		
div#img-parents-right{width: 200px; margin-left: auto;  margin-right: 20px; border: 2px solid black;
          position: relative; }
div#card img{border: 2px solid black;}
div#card-two{width: 300px; margin-left: 140px; margin-right: auto;
          position: relative; }
div.notes {font-variant: small-caps; text-align: center;
           margin-right: 10px; padding: 0.125em 0; }
div.news { font: bold 20px sans-serif; height: 20px; text-align: center; letter-spacing: 0.5em; color: #EDC;
           margin-right: 40px; padding: 0.125em 0; }
/*  End Kittensale-images*/  
/*  Header-navigation*/
#tabs ul {margin-left: 0px; padding-left: 0px; display: inline;} 
#tabs ul li {margin-left: 0px; margin-bottom: 0px; padding: 2px 5px 5px; border: 0px solid #000;
			list-style: none; display: inline; background-color: rgb(13%,14%,18%);}
#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*/
/*  Footer-navigation in the gallery*/

#tabsfooter {text-align: center;}
#tabsfooter ul {margin-left: 0px; padding-left: 0px; display: inline; } 
#tabsfooter ul li {margin-left: 0; margin-bottom: 0px; padding: 2px 5px 5px; border: 0px solid #000;
			list-style: none; display: inline; background-color: rgb(13%,14%,18%); font-weight: bold; font: 110% monospace;}
#tabsfooter li a:hover {border-left: 10px solid #1c64d1; border-right: 10px solid #5ba3e0;
				background-color: #2586d7; color: white;}
#tabsfooter ul li.here {border-bottom: 1px solid #ffc;list-style: none; display: inline;
				background-color: #667; color: white;}
/*  Slut Footer-navigation*/
/* table pedigree breed*/
table#breed td {vertical-align: middle; color: black; text-align: left;
         border: 1px solid gray; background-color:#FFC; border-color: #BBB #EEE #EEE #BBB;}
tr#breed-head th {color: #CCE; background-color: #224;
         font-weight: bold; text-align: left; padding: 1px 0.33em;}
tr#breed-end th {color: #CCE; background-color: #224;
         font-weight: bold; text-align: left; padding: 1px 0.33em;}
tr#breed th {width: 10%; border: 0px 0px 1px 1px solid gray;}
tr#breed-end th {width: 10%; border: 0px 0px 1px 1px solid gray;}
table#breed tr#title-breed th {background: #AAC; color: black; border: 1px #242; font-size: 120%;}
table#breed a:link {color: navy;}
table#breed a:visited {color: purple;}
table#breed a:hover {background: #224;}
/*end table pedigree breed*/
/* table show*/
table#show td {vertical-align: middle; color: black; text-align: left;
			border: 1px solid gray; background-color:#FFC; border-color: #BBB #EEE #EEE #BBB;}
tr#show-head th {color: #CCE; background-color: #224; font-weight: bold; text-align: left; 
			padding: 1px 0.33em;}
tr#show th {width: 10%; border: 0px 0px 1px 1px solid gray;}
span.time {font-weight: bold;}
table#show tr#title-show th {background: #AAC; color: black; border: 1px #242; font-size: 120%;}
table#show a:link {color: navy;}
table#show a:visited {color: purple;}
table#show a:hover {background: #224;}
/*end tableshow*/
/* presentation of cats*/
.container {width: 800px; margin: 0px 0px 0px 25px; line-height: 140%; border: 8px double rgb(73%,67%,53%); background: rgb(73%,67%,53%);}
.col1{float: left; width: 200px; margin: 10px 30px 20px 0; }
.col1 p { margin-top: .5em;}
.col1 h4 {text-align: left; line-height: 1em; font-size: 1em; letter-spacing: -1px; color: #ABC;
  margin: 1.5em 0 0 -1px;}
.clearboth { clear: both;}
/*end cats*/
/*The litter page */
.content {position:relative; /* Position is declared "relative" to gain control of stacking order (z-index). */
			top:30px; 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:90px; left:20px; border:0px dashed rgb(13%,14%,18%);
			background-color:rgb(13%,14%,18%); 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:110px; right:20px; border:1px dashed white;
			background-color:rgb(13%,14%,18%); 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:rgb(13%,14%,18%); 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:90px; left:20px;
		border:0px dashed rgb(13%,14%,18%); background-color:rgb(13%,14%,18%); padding:10px; z-index:2;
		voice-family: "\"}\"";
		voice-family:inherit;
		width:128px;}
body>#navAlpha {width:128px;}
#navRight {position:absolute; width:190px; top:90px; right:20px; border:1px dashed white;
		background-color:rgb(13%,14%,18%); padding:10px; z-index:1;
		voice-family: "\"}\"";
		voice-family:inherit;
		width:168px;}
body>#navBeta {width:168px;}
/*End The litter page */

/*The about-cat page */
.contentcat {position:relative; /* Position is declared "relative" to gain control of stacking order (z-index). */
			top:30px; width:auto; min-width:120px; margin:0px 210px 20px 70px; border:1px solid black;
			 border:0px solid black; padding:10px;  color: #BAA; background: #22232F; font: 13px Verdana, sans-serif; padding: 10px; 
			border: solid 5px #444;
			z-index:3; /* This allows the content to overlap the right menu in narrow windows in good browsers. */
			}
#navAlphacat {position:absolute; width:250px; top:90px; left:20px; border:0px dashed rgb(13%,14%,18%);
			background-color:rgb(13%,14%,18%); 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>#navAlphacat {width:30px;}
#navBetacat {position:absolute; width:190px; top:110px; 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>#navBetacat {width:168px;}
/* All the content boxes belong to the content class. */
.centercat {position:relative; /* Position is declared "relative" to gain control of stacking order (z-index). */
			width:auto; min-width:120px; margin:0px 210px 20px 170px;
			z-index:3;}
			 /* This allows the content to overlap the right menu in narrow windows in good browsers. */}
#navLeftcat {position:absolute; width:150px; top:90px; left:20px;
		border:0px dashed rgb(13%,14%,18%); background-color:rgb(13%,14%,18%); padding:10px; z-index:2;
		voice-family: "\"}\"";
		voice-family:inherit;
		width:128px;}
body>#navAlphacat {width:30px; background-color:rgb(13%,14%,18%);}
#navRightcat {position:absolute; width:250px; top:90px; right:20px; 
		background-color:rgb(13%,14%,18%); padding:10px; z-index:1;
		voice-family: "\"}\"";
		voice-family:inherit;
		width:168px;}
body>#navBetacat {width:168px;}
/*End The about-cat page */
/*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;}
/*End litterpage */
/*Here start link */
#linksbox {margin-right: 0.5em;}
#linksbox h3 {text-align: left; line-height: 1em;
  margin: 2.5em 0 0 -1px; border-bottom: 1px dotted gray;}
#linksbox ul {margin: 1px 0 0; padding: 1.25em 0 0 0;}
#linksbox li {padding: 0 0 1.5em; list-style: none;}
#linksbox h4 {font-size: 1em; letter-spacing: -1px; color: #FFC;
  margin: 0 33% 0 0; padding: 0 0 0 0.75em;
  border-left: 1.25em solid #667;}
#linksbox h5 {margin: -1.33em 0 0 0; padding: 0; color: #667;
  border-bottom: 1px dotted silver;
  font-size: smaller; font-weight: normal; font-style: italic;
  text-align: right;}
#linksbox p {margin: 0.25em 0 0 2em; padding-left: 1px;}
/*Here end link */
/* Here starts the blog page */
#weblog {width: 82%;}
#weblog h3 {font-size: 150%; text-align: center;
  color: #FFC;
  border: 1px solid #EDC; border-width: 1px 0;
  margin-bottom: 1.5em; height: 45px;}
#weblog h3 span {position: absolute; left: -50em;}
#weblog .entry {margin: 0 0 2em; letter-spacing: -1px;}
#weblog h4.title, #weblog h5.date {margin: 0; padding: 0;
  font-family: Arial, Verdana, sans-serif; line-height: 1em;
  letter-spacing: 0; font: 110% monospace;}
#weblog h4.title {font-size: 1.25em; text-align: right;
  padding: 5px 35px 25px 0; margin: 0 45% -1px 0;
  background: url(/jane/katteri/images/site/domcatleftsmall.gif) 100% 0  no-repeat;
  border-bottom:1px dashed #667; color: #EDC;}
#weblog h4.title a {text-decoration: none;
  color: #EDC;}
#weblog h5.date {font-size: 0.9em; text-align: left; 
  padding: 12px 5px 5px 30px; margin: 0 0 0 45%; 
  background: url(/jane/katteri/images/site/domcatrightsmall.gif) 0 100% no-repeat;
  border-top: 1px dashed #667; color: #EDC;}
#weblog .moreinfo {margin: 0; padding: 0;
  text-align: right; font-style: italic;
  border-right: 1px solid #FFC;
  color: #EDC;}
#weblog .moreinfo li {display: inline; list-style: none;
  border-left: 1px solid #FFC;
  padding: 0 0.5em;}
#weblog .moreinfo a {color: #EDC; font-style: normal;}
#weblog .moreinfo .categories {font-weight: bold;}
#weblog p {line-height: 1.4;}
#weblog .pic {float: right; margin: 1em 0 1em 2em;}
#weblog .border {border: 3px double #666; background: #ABA;}
/* End blog page. */
/*sale box*/
 .salebox {position:relative; /* Position is declared "relative" to gain control of stacking order (z-index). */
			top:30px; width:auto; min-width:120px; margin:0px 210px 20px 170px; border:1px solid black;
			background-color:#224; padding:10px;
			z-index:3; /* This allows the content to overlap the right menu in narrow windows in good browsers. */
			}

/*end sale box*/
/*cats presentation*/
.container{width: 770px; margin: 0 0 0 25px; line-height: 140%;}
.col1{float: left; width: 200px; margin: 10px 30px 20px 0;}
.col1 p { margin-top: .5em;}
.col1 h4 {text-align: left; line-height: 1em; font-size: 1em; letter-spacing: -1px; color: #ABC;
  margin: 1.5em 0 0 -1px;}
.clearboth { clear: both;}
/*end cats*/
 .floatrightthb
{
float: right;
margin: 8px 0 10px 10px;
clear: right;
border: 1px solid black;
}
.containingbox p { margin-top: 0;}

p { margin-top: 0; }