/* Stylesheet for Greek Myths site
    Michael Wiik 2003 */

/* media all defines everything except font sizes */
@media all {
	BODY {
			margin : 2% 2% 5% 2%;
			color: black;
			background-color: #fffffc;
	}

/* Headers */
	H1,H2,H3,H4,H5,H6,H7 {
		font-family: Georgia, Helvetica, serif;
		font-weight: bold;
		font-style: normal;
		color: #800000;
	}
	H2 { margin-bottom: 0.5em; }
	H3 {
		font-variant: small-caps;
		text-transform: lowercase;
		display: run-in;
	}
	H3:after { content: ". " }
	
/* Content */
	P, BLOCKQUOTE { margin-top: 0.3em; margin-bottom: 0.8em; font-family: Georgia, Helvetica, serif; }

	CITE {
				font-family: Verdana, Arial, sans-serif;
				font-style: normal;
				color: #800000;
				font-weight: normal;
	}
	ACRONYM {
		font-variant: small-caps;
		text-transform: lowercase;
	}
	LI { font-family: Verdana, Arial, sans-serif; }
	Q { color: #ff0000; font-weight: bold;}

/* Special Text Classes */
	.Pronounciation { color: #FF0000; font-weight: bold; font-family: Verdana, Arial, sans-serif; }
	.BookAndLine { font-family: Verdana, Arial, sans-serif; }
	.CiteThisPageText { font-family: Verdana, Arial, sans-serif; }
	.Copyright { font-family: Verdana, Arial, sans-serif;}
	.ZeusKids TH,TD { font-family: Verdana, Arial, sans-serif; }
	.ZeusNames LI { font-variant : small-caps; font-style : normal; font-weight: bold; color:purple;}
	.narrative { text-indent: 2.0em; }
	.FinePrint { font-family: Verdana, Arial, sans-serif; }
	.AtoZ{ font-family: Verdana, Arial, sans-serif; font-size: 1.0em; font-weight: bold;}
	A.AtoZ { font-family: Verdana, Arial, sans-serif; text-decoration: none;}
		A.AtoZ:link { color:#800000; text-decoration: none;}
		A.AtoZ:visited { color:#800000; text-decoration: none;}
		A.AtoZ:active { color:#800000; text-decoration: none;}
		A.AtoZ:hover {color:#996600; text-decoration: underline;}

/* for The Immortals table */
	#i-header-name { font-family: Verdana, Arial, sans-serif; }
	#i-header-description { font-family: Verdana, Arial, sans-serif; }
	#i-header-roman { font-family: Verdana, Arial, sans-serif; }
	.i-name { font-family: Verdana, Arial, sans-serif; font-variant : small-caps; font-style : normal; font-weight: bold;}
	.i-description { font-family: Verdana, Arial, sans-serif; }
	.i-roman { font-family: Verdana, Arial, sans-serif; font-weight: bold;}
	A.i-name { font-family: Verdana, Arial, sans-serif; text-decoration: none;}
		A.i-name:link { color:#800000; text-decoration: none;}
		A.i-name:visited { color:#800000; text-decoration: none;}
		A.i-name:active { color:#800000; text-decoration: none;}
		A.i-name:hover {color:#996600; text-decoration: underline;}

/* Bios Types. not sure what to do with these yet */
	.Name, .Titan, .Immortal, .Roman, .Historian, .Person, .Tribe, .Place, .Thing, .Beast, .Nymph, .Event { font-variant : small-caps; font-style : normal; font-weight: normal;}
	.AKA { font-variant: normal; }

/*
	.Name { font-variant : small-caps; font-style : normal; font-weight: bold; color:#333333;}	
	.Titan { font-variant : small-caps; font-style : normal; font-weight: bold; color:#9400d3;}
	.Immortal { font-variant : small-caps; font-style : normal; font-weight: bold; color:#800080;}
	.Roman { font-variant : small-caps; font-style : normal; font-weight: bold; color:#b22222;}	
	.Historian { font-variant : small-caps; font-style : normal; font-weight: bold; color:#333333;}
	.Person { font-variant : small-caps; font-style : normal; font-weight: bold; color:#483d8b;}
	.Tribe { font-variant : small-caps; font-style : normal; font-weight: bold; color:#483d8b;}
	.Place { font-variant : small-caps; font-style : normal; font-weight: bold; color:#228b22;}
	.Thing { font-variant : small-caps; font-style : normal; font-weight: bold; color:#8b0000;}
	.Event { font-variant : small-caps; font-style : normal; font-weight: bold; color:#8b0000;}	
	.AKA { font-variant: normal; } 
*/

/* Bios Types Navigation (may be obsolete) */
	A.ImmortalLink { font-variant : small-caps; font-style : normal; font-weight: bold; color:#800080; text-decoration: none;}
		A.ImmortalLink:link { color:#800080; text-decoration: none;}
		A.ImmortalLink:visited { color:#800080; text-decoration: none;}
		A.ImmortalLink:active { color:#800080; text-decoration: none;}
		A.ImmortalLink:hover {color:#800080; text-decoration: underline;}
		
	A.TitanLink { font-variant : small-caps; font-style : normal; font-weight: bold; color:#800080; text-decoration: none;}
		A.TitanLink:link { color:#9400d3; text-decoration: none;}
		A.TitanLink:visited { color:#9400d3; text-decoration: none;}
		A.TitanLink:active { color:#9400d3; text-decoration: none;}
		A.TitanLink:hover {color:#9400d3; text-decoration: underline;}

/* Navigation */

/* NavTrail is used for top breadcrumb navi */
	.NavTrail { text-indent: 0; }
	.NavTrail { font-family: Verdana, Arial, sans-serif;  text-decoration: none;}
	A.NavTrail { font-family: Verdana, Arial, sans-serif;  text-decoration: none;}
		A.NavTrail:link { color:#800000; text-decoration: none;}
		A.NavTrail:visited { color:#800000; text-decoration: none;}
		A.NavTrail:active { color:#800000; text-decoration: none;}
		A.NavTrail:hover {color:#996600; text-decoration: underline;}

/* IndexMenu is for home page primary navi */
	.homepage { background-color: #fbfafa; }
/* dt's are bolded in xhtml for backward compatibility */
	.IndexMenu DT { color: #000000; font-family: Georgia, sans-serif }
	.IndexMenu DD { color: #800000; font-weight: bold; font-family: Georgia, sans-serif }
	A.IndexMenu { text-decoration: none; }
		A.IndexMenu:link { color: #663300 }
		A.IndexMenu:visited { color: #663300 }
		A.IndexMenu:active { color: #663300 }
		A.IndexMenu:hover { color: #996600; text-decoration: underline; }

/* pptMenu is for home page primary navi */
/* dt's are bolded in xhtml for backward compatibility */
	.pptMenu DT { color: #800000; font-family: Georgia, sans-serif; margin-bottom: 0.3em;}
	.pptMenu DD { font-family: Verdana, Arial, sans-serif; margin-bottom: 0.7em; }
	A.pptClickdown { font-family: Verdana, Arial, sans-serif;  text-decoration: none;}
		A.pptClickdown:link { color:#800000;  text-decoration: none;}
		A.pptClickdown:visited {color:#800000;  text-decoration: none;}
		A.pptClickdown:active {color:#800000;  text-decoration: none;}		
		A.pptClickdown:hover {color:#996600; text-decoration: underline;}
		
/* InPageNav is used for top clickdown menus */
	A.InPageNav { font-family: Garamond, Georgia, Helvetica, serif;  text-decoration: none;}
		A.InPageNav:link { color:#800000;  text-decoration: none;}
		A.InPageNav:visited {color:#800000;  text-decoration: none;}
		A.InPageNav:active {color:#800000;  text-decoration: none;}		
		A.InPageNav:hover {color:#996600; text-decoration: underline;}

/* InPageTopNav is used for links back to top of page */
	A.InPageTopNav { font-family: Verdana, Arial, sans-serif; text-decoration: none;}
		A.InPageTopNav:link { color:#800000; text-decoration: none;}
		A.InPageTopNav:visited { color:#800000; text-decoration: none;}
		A.InPageTopNav:active { color:#800000; text-decoration: none;}
		A.InPageTopNav:hover {color:#996600; text-decoration: underline;}

/* PrimaryNav is used for global navi */
	#PrimaryNav { font-family: Georgia, serif; font-weight: bold; }
	A.PrimaryNav { font-family: Verdana, Arial, sans-serif;  text-decoration: none;}
		A.PrimaryNav:link { color:#800000; text-decoration: none;}
		A.PrimaryNav:visited { color:#800000; text-decoration: none;}
		A.PrimaryNav:active { color:#800000; text-decoration: none;}
		A.PrimaryNav:hover {color:#996600; text-decoration: underline;}
		
		.SummaryPP { font-family: Verdana, Arial, sans-serif; font-size: 10pt; }
		A.SummaryPP { text-decoration: none; }
		A.SummaryPP:link { color: #000000; }
		A.SummaryPP:visited { color: #000000; }
		A.SummaryPP:active { color: #000000; }
		A.SummaryPP:hover { color: #000000; }
		
		.InPrevPP { font-family: Verdana, Arial, sans-serif; font-size: 10pt; }
		A.InPrevPP { text-decoration: none; }
		A.InPrevPP:link { color: #000000; }
		A.InPrevPP:visited { color: #000000; }
		A.InPrevPP:active { color: #000000; }
		A.InPrevPP:hover { color: #000000; }

/* BookNav is used for links to books */
	.BookList { margin-bottom: 0.5em; }
	.BookList STRONG { font-weight: normal; }
	.ISBN { font-family: Verdana, Arial, sans-serif; }
	A.Book { font-family: Verdana, Arial, sans-serif; text-decoration: none;}
		A.Book:link { color:#800000; text-decoration: none;}
		A.Book:visited { color:#800000; text-decoration: none;}
		A.Book:active { color:#800000; text-decoration: none;}
		A.Book:hover {color:#996600; text-decoration: underline;}

/* Quiz */		
	A.Quiz { font-family: Verdana, Arial, sans-serif; text-decoration: none;}
		A.Quiz:link { color:#800000; text-decoration: none;}
		A.Quiz:visited { color:#800000; text-decoration: none;}
		A.Quiz:active { color:#800000; text-decoration: none;}
		A.Quiz:hover {color:#996600; text-decoration: underline;}
	
	#Breadcrumb { font-family: Verdana, Arial, Helvetica, sans-serif; }
		
}

/* media screen defines normal browsers on a monitor */

@media screen {

	H1 { font-size: x-large; }
	H2 { font-size: medium; }
	H3,H4,H5,H6,H7 { font-size: small; }
	
	P { font-size: 12pt; }
	BLOCKQUOTE { font-size: 10pt; }
	CITE { font-size: 8pt; }
	LI { font-size: 10pt; }
	Q { font-size: 10pt; }
	
	.InPageNav { font-size: 12pt;}
	.InPageTopNav { font-size: 8pt;}
	.Pronounciation { font-size: 12pt; }
	.BookAndLine { font-size: 10pt; }
	.CiteThisPageText { font-size: 8pt; }
	.Copyright { font-size: 8pt; }
	.PrimaryNav { font-size: 10pt; }
	.NavTrail { font-size: 8pt; }
	.AKA { font-size: 10pt; }
	.ISBN { font-size: 8pt; }
	.FinePrint { font-size: 8pt; }
	
	#i-header-name { font-size: 10pt; }
	#i-header-description { font-size: 10pt; }
	#i-header-roman { font-size: 10pt; }
	.i-name { font-size: 10pt; }
	.i-description { font-size: 8pt; }
	.i-roman { font-size: 10pt; }
	
	.ZeusNames LI { font-size: 11pt; }
	.ZeusKids TH { font-size: 11pt; }
	.ZeusKids TD { font-size: 10pt; }

	.IndexMenu DT { font-size: medium; }
	.IndexMenu DD { font-size: x-small; margin-bottom: 0.6em  }

	.pptMenu DT { font-size: 10pt; }
	.pptMenu DD { font-size: 8pt;  }
	.pptClickdown { font-size: 8pt; line-height:0.8em }

	DIV.screen { display: block; }
	DIV.projection { display: none; }

	.Copyright { font-size: 8pt; }

	#Breadcrumb { font-size: 8pt; }

}

@media projection {

DIV.screen { display: none; }
DIV.projection { display: block; }

.slide { page-break-before : always;	background-color: #fbfafa; }

}