/* 
stoneLight		#b59c86
stone			#9c8064
stoneDark		#846448
stucco			#dfdad8
egyptian teal	#336666
dark red		#550000
gold			#ffd700
old tan			#ffeecc
darker tan		#ddccaa
*/

HTML,
BODY { margin: 0; padding: 0; width: 100%; }

BODY {  color: #550000; background-color: #ffeecc; font: normal 100% Georgia, Garamond, 'Palatino Linotype', Palatino, 'Bitstream Vera Serif','Century Schoolbook', 'Times New Roman', serif; }

A:link { color: #0000cc; }
A:visited {color: #990099; }
A:hover { color: #008000; }
A:active { color: #ff0000; }

ADDRESS { clear: both; border-top: 5px double #550000; font-style: normal; text-align: center; }
ADDRESS SPAN { display: block; font-size: .8em; }

#splash { margin: 0; padding: 8px 0; background: #ffeecc url(../parts/fenixrun3.jpg) no-repeat; text-align: center; }
#splash IMG { border: 0; }

/* sans-serif items */
#nav, 
#categorybar,
.pixbox { font-family: Arial, Helvetica, Tahoma, Geneva, "Lucida Sans", "Centery Gothic", "AvantGuarde Bk Bt", "Lucidux Sans", Gothic, sans-serif; }


#nav { float: right; margin: 10px; border: 0; padding: 0; }
#nav IMG { border: 0; display: block; }
#nav #inner { margin: 0; border: 1px solid #550000; padding: 4px; color: #336666; background: #b59c86 url(../parts/stoneLight.jpg); font-size: 12px; width: 110px; }

#nav #inner A:link,
#nav #inner A:visited 	{ font-weight: bold; text-decoration: none; color: #336666; background-color: transparent; }
#nav #inner A:hover,
#nav #inner A:active 	{ color: #550000; background-color: transparent; }

#nav #inner UL { margin: 10px 5px; border: 2px solid #336666; padding: 0; background: #dfdad8 url(../parts/stucco2.jpg); 

/* use background image now more consistant results xbrowser
list-style-position: inside; 
*/

list-style: none;
}

 /* use background image now more consistant results xbrowser
#nav #inner LI {  margin: 0; border: 0; padding: 0; list-style-image: url(../parts/eye0.gif); }
#nav #inner LI.selected { list-style-image: url(../parts/eye2.gif); }
*/

#nav #inner LI {  margin: 0; border: 0; padding: 0 0 0 20px; }
#nav #inner LI.selected { background: transparent url(../parts/eye2.gif) no-repeat; }



#nav #inner DIV { width: 100px; height: 88px; }
#nav #inner DIV a SPAN { display: block; position: absolute; left: -999em; }
#nav #inner DIV a:hover { border: 0; } /* to make MSIE happy and trigger hover */
#nav #inner DIV a:hover SPAN { left: auto; }

#content { margin: 1em; }	

#categorybar { margin: 0; border: 1px solid #550000; padding: .5em; color: #ffd700; background-color: #550000; font-size: .8em; font-weight: 900; height: 1.3em; text-align: center; white-space: nowrap; overflow: hidden; }
	
DIV.submenu { margin: 0; border: 1px solid #550000; padding: .5em; float: left; color: #550000; background-color: #ddccaa; font-size: .8em; }
	
DIV.submenu UL { position: absolute; left: -999em; margin: 1em 0; border: 1px solid #550000; padding: .5em; color: #550000; background-color: #ffffff; width: 20em; }

/* NOTE because of URL parsing need to ref for document root */
DIV.submenu { behavior: url(../styles/IEFixes.htc); } /* IE hover attachment */

DIV.submenu:hover UL,
DIV.submenu.hover UL { left: 0em; }

DIV.submenu UL LI { list-style: none; }

/* Article Specific Styles */
.quoted { font-weight: bold; margin: 1em 3em; }

.toc SPAN { display: block; font-size: .8em; }

.photocredit { font-size: .8em; text-align: right; }

.pixbox { margin: .5em auto; border: 1px solid #550000; padding: 10px; color: #000000; background-color: #ddccaa; font-size: .8em; text-align: center; }
.pixbox IMG { display: block; margin: .5em auto; border: 0; padding: 0; }

/* puts 2 pictures in one box */
.pixbox DIV.weld { display: block; margin: .5em auto; }
.pixbox DIV.weld IMG { display: inline;	padding: 0; margin: 0; }


.pushleft { float: left; margin-left: 0; margin-right: .5em; }
.pushright { float: right; margin-left: .5em; margin-right: 0; }

.author { clear: both; text-align: center; }


/* special effects */
DIV.hov { behavior: url(/Amberlithe/styles/IEFixes.htc); } 	/* IE hover attachment */

DIV.hov:hover UL,
DIV.hov.hover UL { left: .1em; }

DIV.hov { cursor: help; }
DIV.hov IMG { display: block;  margin: 0; }
DIV.hov IMG.overlay { position: absolute; left: -999em; }
DIV.hov:hover IMG.overlay,
DIV.hov.hover IMG.overlay { left: auto; }

/* popup definition box */
DFN.dfnbox { behavior: url(/Amberlithe/styles/IEFixes.htc); } /* IE hover attachment */

/* must define separate else MSIE ingores because of param rule */
DFN[title] { cursor: help; border-bottom: 1px dashed #00f; }
DFN.dfnbox { cursor: help;  border-bottom: 1px dashed #00f; position: relative; }
DFN.dfnbox SPAN.dfnbox { display: block; position: absolute; left: -999em; top: 1em; width: 20em; margin: 0; border: 1px solid #550000; padding: .5em; color: #000000; background-color: #ffffff; font-style: normal; font-weight: 300; }

DFN.dfnbox:hover SPAN.dfnbox,
DFN.dfnbox.hover SPAN.dfnbox { left: 0; }

SPAN.pronounce { display: block; color: #ff0000; } 
SPAN.pronounce STRONG { font-weight: 900; } 

/* Pedigree style */

LI.m { list-style-image: url(../parts/male.gif); }
LI.f { list-style-image: url(../parts/female.gif); }

TABLE.pedigree { border-collapse: collapse; width: 100%; color: #550000; background: #b59c86 url(../parts/stoneLight.jpg); margin: 0; border: 5px solid #550000; padding: 0; }

TABLE.pedigree TD { border: 0; padding: .2em; width: 23%; }

TABLE.pedigree TD.parent { border: 2px solid #550000; background-color: #dfdad8; }

TABLE.pedigree TD.dog {  border: 2px solid #550000; color: #550000;	background-color: #ddccaa; }

TABLE.pedigree TD.link { background: transparent url(../parts/link.gif) no-repeat 0% 50%; }

TABLE.pedigree TD.join { background: transparent url(../parts/join.gif) no-repeat 0% 50%; }

/* pedigree join indicators for text only browsers */
TABLE.pedigree TD.link PRE, 
TD.join PRE { display: inline; visibility: hidden;	font-family:   monospace; }


TABLE.pedigree TD.icon { vertical-align: top; }

TABLE.pedigree TD.icon IMG { border: 2px solid #550000; }	

TABLE.pedigree TD.date { vertical-align: bottom; }	

#stats TH { text-align: right; }

#webring { width: 30em; margin: 1em auto; padding: 0; border: 2px solid #500; overflow: auto; background: #dfdad8 url(../parts/stucco2.jpg);}
#webring DIV.wrlogo { float: left; font-size: .75em; margin: .5em;  padding: 0; width: 8em; min-width: 120px; font-family: Arial, Helvetica, Tahoma, Geneva, "Lucida Sans", "Centery Gothic", "AvantGuarde Bk Bt", "Lucidux Sans", Gothic, sans-serif; }
#webring DIV.wrlogo A IMG { border: 0; display: block; }
#webring DIV.wrnav {  margin-left: 9em; }
#webring DIV.wrnav DIV { margin: .25em; }
#webring DIV.wrnav A { white-space: nowrap; }
#webring DIV.wrring { font-size: 1.3em; font-weight: bold; }