/* Chronology of Quendor style sheet by Robin Lionheart */

@media screen, tv, projection {
	/* only color media */
	a { text-decoration: inherit; }

	a:link.spell,
	a:visited.spell {
		color: purple;
		background: transparent;
	}

	a:link {
		color: red;
		background: transparent;
	}

	a:visited {
		color: navy;
		background: transparent;
	}

	a:active {
		color: green;
		background: #FFD700 none;
	}

	a:hover {
		text-decoration: underline;
		background: transparent;
	}

	body {
		padding: 1.5em 4pt 0 4pt; /* make room for navbar */
		height: 100%; /* workaround IE/Win brokenness */
	}

	blockquote {
		color: black;
		background-color: white;
	}
	blockquote.news {
		color: black;
		background-color: #F4F4F4;
	}
	blockquote.xscript {
		color: lime;
		background-color: black;
	}
}

@media screen, tv {
	html, body {
		color: black;
		background-color: #FBDEB3; /* khaki */
	}

	#navbar, #navbar ul.nl, #navbar a:link, #navbar a:visited {
		color: white;
		background-color: #343;
	}
	#navbar a:hover {
		color: yellow;
		background-color: #343;
	}
}

@media projection {
	html, body {
		color: black;
		background-color: #FBDEB3; /* khaki */
		margin: auto;
	}
}

@media print, projection {
	#navbar, #contents, #buttons {
		display: none;
	}
}

body {
	font-family: "Korinna BT", Bembo, "Aldine401 BT", Aetna, "Cheltenhm BT", "Palatino Linotype", "Book Antiqua", Georgia, Palatino, serif;
	font-size: 12pt;
	line-height: 1.33;
	quotes: "\201C" "\201D" "\2018" "\2019";
}

#revdate {
	margin: 0 auto;
	text-indent: 0;
	font-weight: bold;
	font-size: x-small;
}

#disclaimer  {
	margin-left: 0;
	font-size: x-small;
	-xv-voice-rate: x-fast;
}

#dehanced {
	margin: 0;
	font-style: italic;
	font-size: x-small;
}

/* Navigation link bar */
#navbar {
	clear: both;
	margin: 0;
	padding: 1ex;
	font-size: small;
	min-height: 16px;
	position: absolute;
	top: 0;
	left: 0;
	height: auto;
	width: 99%;
}
#navbar * {
	display: inline;
}

#navbar #breadcrumbs {
	/* crumbs on left side of navbar */
	float: left;
	text-align: left;
	font-size: inherit;
	font-family: inherit;
	font-style: inherit;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	/*width: 59%; */
}

#navbar ul, #navbar li {
	margin: 0;
	padding: 0;
}
#navbar li ul:before {
	content: "\2009\2192\2009";
}
ul.nl {
	list-style-type: none;
}
#navbar ul.nl {
	/* other links on right side of navbar */
	float: right;
	text-align: right;
	font-size: inherit;
	font-weight: bold;
	width: auto; /* 23em; 28ex; Home|<First <Prev Next> */
	margin-right: 0.5em;
}
#navbar li a strong {
	/* accesskey highlight */
	text-decoration: underline;
}

/* hyperlinks */
dfn, 
a:link.dfn,
a:visited.dfn {
	font-style: inherit;
	font-weight: bold; /* #8B4513 saddlebrown */
}

h1 {
	font-family: "Penumbra Serif Web", "Perpetua Titling MT", Perpetua, Harrington, Georgia, Palatino, serif;
}
h2, h3 {
	font-family: Perpetua, Harrington, Georgia, Palatino, serif;
}
h1 {
	margin: 0.5em 0 0.5em 0;
}
h2, h3, h4, h5, h6 {
	margin: 1.5em 0 0.5em 0;
	line-height: 1.1;
}
h1 + h2, h2 + h3, h3 + h4, h4 + h5, h5 + h6 {
	margin: 0.5em 0;
}

/* paragraphs */
p, ul + p, ol + p, dl + p, blockquote + p, div + p {
	margin-top: auto;
	margin-bottom: 0;
	text-indent: 0;
}

h1 + p, h2 + p, h3 + p, h4 + p, h5 + p, h6 + p {
	margin-top: 0.5em;
	margin-bottom: 0;
	text-indent: 0;
}

p + p {
	margin-top: 0;
	margin-bottom: 0;
	text-indent: 2em;
}

p.lh {
	margin-top: 1em;
	text-indent: 0;
}

p.credit {
	margin-top: 1ex;
	text-indent: 0;
}

p.caption {
	margin-top: 0;
	margin-bottom: 1ex;
	text-indent: 0;
	font-size: smaller;
}

/* - mail */
p.headerlines, p.maildate, p.salutation {
	margin-bottom: 1ex;
	text-indent: 0;
}

p.closing, p.signature {
	margin-top: 1ex;
	text-indent: 0;
}

/* - news */
p.newsdate {
	font-size: xx-small;
	text-indent: 0;
}

p.headline {
	font-family: "Cheltenhm BT", "Cheltenham ITC", inherit;
	font-size: larger;
	font-weight: bold;
	text-indent: 0;
}

p.subhead {
	font-style: italic;
	text-indent: 0;
}

p.newswire {
	font-size: smaller;
	text-indent: 0;
}

p.footnote {
	font-size: smaller;
}

/* - books */

body.book {
	max-width: 640px;
	margin-left: auto;
	margin-right: auto;
}
body.book div.illo {
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
}

#cover, #insidecover {
	text-align: center;
	margin: auto auto 1em auto;
}

p.bookauthor {
  	margin-bottom: 1em;
	text-indent: 0;
}
p.bookcopyright, p.bookpublisher { 
	text-indent: 0;
}

@media projection {
	div.insidecover, div.chapter { 
		page-break-before: always;
	}

	div.bodytext, div.illo { 
		page-break-after: always;
	}
}

/* - transcript */

p.roomdesc {
	text-indent: 0;
}

/* lists */
li ul {
	font-size: inherit;
}

ul {
	font-size: smaller;
}

dd {
	margin-left: 3em;
	font-size: smaller;
}

/* quotes */
blockquote {
	padding: 1em;
	font-size: smaller;
	width: 80%;
	border: solid thin #808080;
	/*border-left: solid thin #333;
	border-bottom: solid thick #BBB;
	border-right: solid thick #BBB;*/
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	margin-left: 3em;
	margin-right: 1em;
}

td blockquote {
	margin-left: 1.5em;
	padding: 0.5em;
}

blockquote blockquote {
	border-top: solid thin #000;
	border-bottom: solid thin #000;
	border-left: none;
	border-right: none;
	font-size: inherit;
}

blockquote.letter,
blockquote.diary {
	font-family: "Lucida Handwriting", Script, cursive;
}

blockquote.memo {
	font-family: "Courier New", Courier, serif;
}

blockquote.news {
	font-family: "Times New Roman", Times, serif;
}

blockquote.xscript {
	font-family: Monotype, Courier, serif;
	border-right: none;
	border-bottom: none;
	quotes: '"' '"' "'" "'";
}

blockquote.email {
    font-size: medium;
	-xv-voice-balance: left;
}

span.email, span.website {
	font-family: monospace;
}

blockquote.pullquote {
	clear: both;
	margin-left: 1em;
	margin-right: 0;
	width: 33%;
	padding: 8px;
	float: right;
	border: 1pt solid;
	font-size: larger;
}

div.quote {
	margin-top: 1em;
	font-size: smaller;
}

div.quote p.credit {
	margin-top: 0;
}

/* other divisions */

div.response  {
	color: black;
	background-color: #FAF;
	padding: 1em;
	font-size: medium;
	width: 80%;
	border: solid thin #808080;
	/*border-right: solid thick #BBB;
	border-bottom: solid thick #BBB;*/
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	margin-left: 6em;
	-xv-voice-balance: right;
}

div.box {
	margin-left: 0;
	margin-right: auto;
	border: thin solid;
}

div.sidebar {
	margin-left: auto;
	margin-right: 0;
	padding: 8px;
	float: right;
	border: thin solid;
}

div.illo {
	margin-left: auto;
	margin-right: auto;
	padding: 8px;
}

div.illo object {
	text-align: center;
}


div.illo table {
	width: 100%;
}

/*div.illoleft {
	margin-left: 0;
	margin-top: 0;
	margin-right: auto;
	padding-right: 8px;
	float: right;
}*/

.illoright {
	float: right;
	clear: right;
	margin-left: 8px;
	margin-top: 0;
	margin-right: 0;
}

#beg {
	float: right;
	clear: right;
	width: 33%;
	padding: .5em;
	margin-top: 1em;
	margin-left: auto;
	margin-right: auto;
	border: thin solid;
	color: black;
	background-color: white;
	font-size: 70%;
}

#updates {
	font-size: smaller;
}
#updates ins {
	text-decoration: inherit;
}
#updates p {
	font-size: smaller;
	text-indent: 0;
}
#updates span.person {
	color: #550;
}

div.annlist h2,
div.annlist h3 {
	font-family: inherit;
	font-weight: normal;
	font-size: 100%;
	margin-left: 0;
	margin-bottom: 0.2em;
	margin-top: 0.4em;
	color: inherit;
}

div.annlist p {
	margin-left: 2em;
	margin-top: 0.2em;
	margin-bottom: 0.2em;
}

/* Roman numerals */
span.roman {
	font-family: Caslon, "MS Mincho", MingLiU, inherit;
}
 
/* images */
.icon {
	font-style: normal;
	font-family: Webdings, fantasy;
}

img, object {
	border: thin solid;
}

img.transparent, object.transparent {
	border: none;
}

img.expandable {
	border-width: thin;
	border-color: #8B4513;	/* saddlebrown */
	cursor: pointer;
}

.dropcap {
	float: left;
}

object[type="image/svg+xml"].smiley {
	width: 0.8em;
	height: 0.8em;
}
.smiley {
	vertical-align: baseline;
	display: inline;
	border-style: none;
	width: 15px;
	height: 15px;
}


/* tables */
#chronology table {
	margin-left: 3em;
	font-size: smaller;
}

tr { 
	vertical-align: text-top; 
}

th {
	font-style: normal;
	text-align: center;
}

table[rules] {
	border-top: thin solid;
	border-bottom: medium solid;
	margin-top: 0.5em;
}

table.key, table.gameography {
	border-spacing: 0;
	border-style: solid;
	empty-cells: show;
}

table.key {
	float: right;
	clear: right;
	font-size: smaller;
	speak: none;
}

table.gameography {
	width: 90%;
	margin-bottom: 0.5em;
}

table.wide {
	font-size: smaller;
}

#library_slip {
	margin-left: auto;
	margin-right: auto;
}

caption {
	margin-top: 0.5em;
}

/* non-visual properties */
@media aural, braille {					  
	table.key {
		display: none;
	}
}

table.key {
	speak: none;
}
span.person, span.place,
td.person {
	-xv-interpret-as: name;
}
span.email, span.website {
	-xv-interpret-as: net;
}
span.phone {
	-xv-interpret-as: telephone;
}

/* - columns */
.gencolumn {
	color: black;
	background-color: #FCA; /* #FBDEB3 wheat */
}

.author {
	width: 20%;
	color: black;
	background-color: #FCA;
}

.year {
	width: 5ex;
	font-weight: bold;
	color: black;
	background-color: #FCA;
}

.date {
	font-weight: normal;
	color: black;
	background-color: #FCA;
}

.gametitle,
td.vagueyear,
td.vaguedate {
	font-style: italic;
	font-weight: normal;
	color: black;
	background-color: #FCA;
}

.source {
	font-size: xx-small;
}

/* - rows */
tr {
	border-color: #999;
}

tr.header {
	border-top: medium solid #808080;
	border-bottom: thin solid #808080;
}

tr.header, tr.era {
	color: black;
	background: #FAEBD7 none;
}

td.pol, td.mil,
td.hist, td.geol {
	color: black;
	background: #F0E68C none; /* khaki */
}

td.arts,
td.arch,
td.music {
	color: black;
	background: #AFEEEE none; /* paleturquoise */
}


td.lit {
	color: black;
	background: #FAF0E6 none; /* linen */
}

td.lore,
td.relig {
	color: black;
	background: #D8BFD8 none; /* thistle */
}

td.tech {
	color: black;
	background: #FFA07A none; /* lightsalmon */
}

td.biz {
	color: black;
	background: #98FB98 none; /* palegreen */
}

td.sport,
td.life {
	color: black;
	background: #D2B48C none; /* tan */
}

td.zorktril, td.zork1, td.zork2, td.zork3,
td.enchtril, td.enchanter, td.sorcerer, td.spellbreaker {
	color: black;
	background: #B0C4DE none; /* lightsteelblue */
}

td.wishbringer {
	color: black;
	background: #E6E6FA none; /* lavender */
}

td.beyondzork,
td.zorkquest1, td.zorkquest2,
td.zork0  {
	color: black;
	background: #ADD8E6 none; /* lightblue */
}

td.rtz  {
	color: black;
	background-color: #7FFFD4; /* aquamarine */
}

td.nemesis  {
	color: black;
	background-color: #FFD700; /* gold */
}

td.magicwartril, td.zgi, td.ztuu  {
	color: black;
	background-color: #90EE90; /* lightgreen */
}

td.nzt  {
	color: black;
	background-color: white;
}

td.unofficial, tr.unofficial td, tbody.unofficial td  {
	color: black;
	background-color: #BBB;
}

td.gnustoable  {
	color: black;
	background-color: #FFE4B5; /* moccasin */
}

td.ungnustoable  {
	color: black;
	background-color: #D2B48C;
}

/* colors */
.amber { background-color: goldenrod; }
.aqua { background-color: aqua; }
.indigo { color: white; background-color: indigo; }
.ochre { background-color: lightyellow; }
.orange { background-color: orange; }
.yellow-green { background-color: yellowgreen; }

/* notes */
div.indent  {
	margin-left: 3em;
}

div.errata, p.errata,
div.apologia, p.apologia  {
	color: red;
	background-color: inherit;
	font: italic small sans-serif;
	margin-top: 1em;
}

span.errata, ins.errata {
	color: red;
	background-color: inherit;
}

.notes {
	font: italic small sans-serif;
}

div.notes {
	margin-top: 1em;
}

p.notes, p.errata, p.apologia {
	margin-top: 1em;
	text-indent: 0;
}

td.errata  {
	color: black;
	background-color: red;
	font: italic small sans-serif;
}
td.errata .errata, td.errata .apologia {
	/* avoid red on red */
	color: inherit;
}

/* text */
cite  {
	font-style: italic;
}

cite cite,
.errata cite, .notes cite,
.errata em, .notes em  {
	font-style: normal;
}

.spell, .potion  {
	font-style: normal;
	font-family: Harrington, "Zapf Chancery", cursive;
}

blockquote .spell,
blockquote .potion {
	font-family: inherit;
}

span.rune {
	font-family: "Futhark AOE", Futhark, fantasy;
}

sup {
	vertical-align: text-top;
	font-size: xx-small;
}

/* contents */
@media screen, tv {
	#contents {
		clear: right;
		float: right;
		color: black;
		background-color: #CCC;
		border: thin solid;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: smaller;
		padding: 0.5em;
		margin: 0 0 1em 1em;
	}

	#contents ul.nl {
		margin: 0;
		padding: 0;
	}

	#contents ul.nl ul.nl {
		margin: 0 0 0 0.5em;
	}

	#contents li {
		margin: 0;
		padding-left: 1em;
		text-indent: -1em;
	}

	#contents span.label {
		font-size: larger;
		font-weight: bold;
	}
}

@media projection {
	#contents {
		page-break-after: always;
	}

	#contents dt {
		font-weight: bold;
	}

	div.insidecover, #footer { display: none; }
}

/* footer */
#footer {
	margin: 0.5em 0 0 0;
	font-size: smaller;
	border-top: thin solid;
	padding-top: .5em;
	clear: both;
	-xv-voice-volume: softer;
	-xv-voice-rate: fast;
}

#footer p {
	text-indent: 0;
}

#buttons {
	font-size: xx-small;
	float: right;
	clear: right;
	margin-left: 1em;
	line-height: 1;
	width: 80px;
}

#buttons img,
#buttons object	{
	display: block;
	border-style: none;
	width: 80px;
	height: 15px;
}

#buttons h2 {
	display: none;
}

#buttons div {
	margin: 0;
	padding: 0;
}

/* ink fading on sites that link to my old URLs
 * how nice to have my own permanent domain name now
 */
/* 2000: http://www.robinlionheart.com/quendor/ 
 * permanent redirect so this is OK, only a little gray.
 */
div.subdir { color: #555 }
div.subdir a { color: #333 }
/* spring 2000: woodstock.uplink.net/~robinl/quendor/ */
div.uplink { color: #999 }
div.uplink a { color: #666 }
/* 1999: mars.superlink.net/~robinl/quendor/ */
div.superlink { color: #aaa }
div.superlink a,
#updates div.superlink span { color: #999 }
/* 1997: home.eclipse.net/~lionheart/quendor/ */
div.eclipse,
div.eclipse a,
#updates div.eclipse span { color: #bbb }

/* XML */
year {
	display: block;
	font-size: x-large;	
}
date {
	display: block;
	font-size: large;	
}
event {
	margin-left: 3em;
}
desc, source {
	display: block;
}
errata, notes, apologia {
	display: block;
	font-size: smaller;
	display: list-item;
	list-style-type: circle;
}
source {
	margin-bottom: 1em;
	font-style: italic;
}