/* Generic indented style sheet by Robin Lionheart */

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

@media screen {
	body {
		margin-top: 0;
		margin-bottom: 0;
		line-height: 1.2;
		/* max-width: 8in; */
	}

	div.bodytext, div.annlist, div.notice, div.section,
	#foreword, #header, #footer,
	#css-zen-garden #container div,
	h1, h2, h3, h4, h5, h6 {
		margin-left: auto;
		margin-right: auto;
		max-width: 8in;
	}

	div.annlist ins.revdate {
		font-size: x-small;
		text-decoration: inherit;
	}
	div.annlist ins.revdate em { /* older */
		font-weight: lighter;
		font-style: normal;
	}
	div.annlist ins.revdate strong { /* recent */
		font-weight: bolder;
		font-style: normal;
	}

	a[rel~="help"],
	a[rel~="glossary"] { cursor: help; }
	a[rel~="home"] { cursor: n-resize; }
	a[rel~="prev"] { cursor: w-resize; }
	a[rel~="next"] { cursor: e-resize; }

	abbr[title].redundant,
	acronym[title].redundant,
	span[title].redundant,
	em[title].redundant,
	cite[title].redundant {
		border: none;
	}

	abbr[title],
	acronym[title],
	span[title],
	em[title],
	cite[title] {
		border-bottom: 1px dotted #666;
		cursor: help;
	}
	/* magic pop-up abbreviation expansions */
	/* Shifting text is annoying, so I'm commenting them out */
	/* 
	abbr[title]:hover:after { content: " (" attr(title) ")"; }
	acronym[title]:hover:after { content: " (" attr(title) ")"; }
	abbr[title]:after { content: "" }
	acronym[title]:after { content: "" }
	*/
	/* but not in a <pre> */
	/* 
	pre abbr[title]:hover:after { content: "" }
	pre acronym[title]:hover:after { content: "" }
	*/
	/* and not if their expansion is already in the text */
	/* 
	abbr[title].redundant:hover:after { content: "" }
	acronym[title].redundant:hover:after { content: "" }
	*/
}

@media tv {
	body {
		margin: 0 .5in 0 .5in;
		max-width: 544px;
	}
}

@media projection {
	body {
		margin: auto;
		max-width: 6.5in;
	}

	div.section, div.insidecover, div.foreword, div.chapter, div.appendix, div.glossary, div.notes {
		margin: auto;
	}

	div.insidecover, div.chapter, div.appendix, div.glossary, div.notes {
		page-break-before: always;
	}
}

html {
	line-height: 1.33;
	quotes: "\201C" "\201D" "\2018" "\2019";
}
html:lang(eo) {
	quotes: "\2039\2009" "\2009\203A" "\AB\2009" "\2009\BB";
}


h2, h3, h4, h5, h6 {
	margin-top: 1.667em;
	margin-bottom: 0;
	line-height: 1.1;
}
h1 + h2, h2 + h3, h3 + h4, h4 + h5, h5 + h6 {
	margin-top: .5em;
	margin-bottom: .5em;
}

h1 + p, h2 + p, h3 + p, h4 + p, h5 + p, h6 + p, ul + p, ol + p, dl + p, blockquote + p, div + p,
p.initial, #css-zen-garden p.p1 {
	/* margin-top: 1em; */
	text-indent: 0;
}

p {
	text-indent: 0;
	margin-top: 0;
	margin-bottom: 0;
}
p + p, ins + p, ins > p {
 	text-indent: 2em;
}
/*p ul, p ol, p dl, p table,
ul p, ul ul, ul ol, ul dl,
ol p, ol ul, ol ol, ol dl {
	margin: 1em 0;
	text-indent: 0;
}*/

ul, ol {
	margin-left: 2em; /* same as indent */
	margin-top: 0;
}
dl {
	margin-left: 2em; /* same as indent */
}
blockquote {
	margin-left: 4em; /* twice indent */
	margin-right: 4em;
}

/*dd ul, dd ol, dd blockquote {
	margin: 1em .25in;
	text-indent: 0;
}*/
ol.notes {
	font-size: smaller;
}

hr {
	clear: both;
}	

dfn, dt {
	font-style: normal;
	font-weight: bold;
}

em, cite {
	font-style: italic;
}

em em, em cite {
	font-style: normal;
}

cite.article, em cite.article,
cite.song, em cite.song,
cite.person, em cite.person,
cite.os, em cite.os {
	font-style: inherit;
}

span.filename {
	font-family: monospace;
	font-style: normal;
	-xv-interpret-as: net;
}

cite.person, span.person, span.place, span.name, .fn {
	-xv-interpret-as: name;
}
.adr, .street-address, .locality, .region, .country-name {
	-xv-interpret-as: address;
}
span.email, span.website {
	font-family: monospace;
	-xv-interpret-as: net;
}
.tel {
	-xv-interpret-as: telephone;
}


em span:lang(la), 
em span:lang(yi),
em span:lang(de),
em span:lang(fr),
em span:lang(ja) {
	font-style: normal;
}

span.foreign, span:lang(la), span:lang(yi), span:lang(de), span:lang(fr), span:lang(ja),
q:lang(la), q:lang(yi), q:lang(de), q:lang(fr), q:lang(ja) {
	font-style: italic;
}

q:before {
	content: open-quote;
}

q:after {
	content: close-quote;
}

address {
	font-style: normal;
}

blockquote.email, blockquote.xscript {
	font-family: monospace;
	quotes: '"' '"' "'" "'";
}

blockquote.xscript p {
	text-indent: 0;
	margin-bottom: 1em;
}

blockquote.xscript p.prompt {
	margin-bottom: 0;
}

blockquote.xscript kbd {
	font-weight: bold;
}

h1, #header, #css-zen-garden #pageHeader {
	text-align: center;
	margin-top: 0;
	margin-bottom: 1em;
}

#css-zen-garden #pageHeader h1 {
	margin-bottom: 0;
}

#header p.slogan, #css-zen-garden #pageHeader h2 {
	margin-top: 0;
}

div.chapter {
	max-width: none;
}

ins[datetime] {
	/* used in journal to markup new entries */
	color: inherit;
	background-color: inherit;
	font-weight: inherit;
	text-decoration: inherit;
}

/* contents */
@media interactive, screen, tv {
	#navbar {
		clear: both;
		margin: 0;
		padding: 1ex;
		display: block; /* for non-@media-aware browsers */
		font-size: small;
		height: 1.25em;
	}
	#navbar ul, #navbar li {
		display: inline;
		margin: 0;
		padding: 0;
	}

	#contents, #css-zen-garden #linkList {
		float: right;
		clear: right;
		font-size: smaller; 
		margin: 1em 0 1em 1em;
		padding: 0.5em;
		border: thin solid;
		display: block; /* for non-@media-aware browsers */
	}

	#css-zen-garden #linkList {
		position: absolute; 
		top: 0; right: 0;
		margin-left: 5em;
		width: auto;
	}

	/* I was doing it the dl/dt way */
	#contents dl {
		margin: 0;
	}

	#contents dt {
		font-size: 14px;
		font-weight: bold;
		margin-left: 0;
		margin-right: 0;
	}

	#contents dd {
		margin-left: 1.5em;
		margin-right: 0;
	}

	/* but next I'll use ul to make the transition to nl easier */
	#contents h2, #contents li.label, #css-zen-garden #linkList h2 {
		font-size: 1.25em;
		font-weight: bold;
		margin: 0;
	}

	#contents ul, #css-zen-garden #linkList ul {
		list-style: none;
		text-indent: -1em;
		padding-left: 1em;
		margin: 0;
	}

	#contents ul ul {
		margin: 0 0 0 0.5em;
		padding-left: 1.5em;
	}

	#contents li, #css-zen-garden #linkList li {
		margin: 0;
	}

	#footer {
		display: block;
	}
}

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

	#contents dt {
		font-weight: bold;
	}*/

	/*#header,*/ #footer { display: none; }
}

@media static, print, projection {
	#navbar, #contents, #linkList { display: none }
}

@media static, grid, print, projection {
	#buttons { display: none }
}

div.notice {
	border: thin solid;
}

div.notice p {
	margin-left: 1em;
	margin-right: 1em;
}

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

div.sidebar, div.pullquote {
	float: right;
	clear: right;
	margin-left: 1em;
	margin-right: 0;
	padding: 8px;
	border: 1pt solid;
	width: 33%;
}

div.sidebar blockquote {
	margin-left: 2em;
	margin-right: 0;
}

blockquote.pullquote {
	margin-left: 0;
	margin-right: 0;
	font-size: larger;
}

div table {
	margin-left: auto;
	margin-right: auto;
}

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

div.figure {
	float: right;
	clear: right;
	margin-left: 2em;
	margin-right: 0;
	margin-bottom: 1ex;
}

#footer {
	clear: both;
	margin-top: 0.5em;
	margin-bottom: 0;
	font-size: x-small;
	border-top: 2pt solid;
	padding-top: .5em;
	-xv-voice-volume: softer;
	-xv-voice-rate: fast;
}

#footer p, #footer address {
	text-indent: 0;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: .5em;
}

div.glossary p {
	font-size: smaller;
	text-indent: 0;
	margin-bottom: .5em;
}

div.annlist h2,
div.annlist h3,
div.annlist h4 {
	font-family: inherit;
	font-weight: 500;
	font-size: 100%;
	margin-left: 2em;
	margin-bottom: 0.2em;
	margin-top: 0.9em;
	color: inherit;
}

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

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

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

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

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

p.note {
	margin-top: 1em;
	text-indent: 0;
	font-size: smaller;
}

em.note {
	font-size: smaller;
}

em.mail_header {
	font-style: normal;
	font-weight: bold;
}

#buttons img,
#buttons object {
	display: block;
	border-style: none;
	width: 80px;
	height: 15px;
}
object[type="image/svg+xml"].smiley {
	width: 0.9em;
	height: 0.9em;
}
.smiley {
	vertical-align: baseline;
	display: inline;
	border-style: none;
	width: 15px;
	height: 15px;
	font-family: monospace;
}

a[accesskey].navlink strong {
	font-weight: bolder;
}
strong.accesskey, span.accesskey {
	text-decoration: underline;
}

em.lead-in, 
strong.lead-in { 
	font-variant: small-caps;
	font-style: normal;
}

em.revdate {
	font-size: smaller;
}

#banner {
	margin: 0;
	text-align: center;
}
#title, #css-zen-garden #pageHeader h1 {
	margin-top: 0;
}
#subtitle, #css-zen-garden #pageHeader h2 {
	font-size: smaller;
}
#revdate {
	text-indent: 0;
	font-weight: bold;
	font-size: smaller;
	margin-bottom: 1em;
}
#disclaimer {
	margin-left: 0;
	font-size: xx-small;
}
#dehanced {
	margin-top: 0.5em;
	font-style: italic;
	font-size: smaller;
}
#buttons {
	float: right;
	width: 80px;
	font-size: xx-small;
	margin: 0 0 0 0.5em;
	border: 0;
	padding: 0;
	speak: none;
}
#buttons a {
	border: 0;
}
#buttons h2 {
	display: none;
}
#upgrade-notice {
	display: none;
}