@import url("/style/footnote-voodoo.css");

@namespace rdf url(http://www.w3.org/1999/02/22-rdf-syntax-ns#);
@namespace dc url(http://purl.org/dc/elements/1.1/);
@namespace cc url(http://web.resource.org/cc/);

/*** HTML 5 powers--activate! ***/
article, hgroup, section { display: block; }

/*** RDF meta-information ***/
rdf|RDF { display: none; }

body {
	margin-left: 10px; margin-top: 65px; margin-right: 180px;
	line-height: 140%;
}
#content, div.chapter {
	padding-left: 1.0em; padding-right: 1.0em;
}
	#header, #biblio {
		position: absolute;
		height: 55px; width: 100%; /* IE 6 must die. */
		top: 5px; left: 5px; right: auto; bottom: auto;
		margin-bottom: 5px;
		background-image: url(//fair-use.org/style/OEDBookshelves);
		background-repeat: repeat-x;
		color: white; background-color: black;
		border-bottom: 1px solid #777; border-right: 1px solid #777;
	}
	html>body #header, html>body #biblio {
		height: 50px; width: auto; right: 5px;
	}
	#header h1, #biblio h1 {
		margin-top: 0; margin-left: 10px; margin-bottom: 0; margin-right: 0;
		padding-top: 0px; padding-left: 1.0em; padding-bottom: 5px;
		padding-right: 0;
		font-size: 24px; /*font-style:italic;*/
		border-bottom:1px solid white;
	}

	#header .biblio, #biblio .biblio {
		display: block; list-style: none; margin: 0; padding: 0;
		position: absolute; left: 5px; bottom: auto; right: 0;
		top: 35px; width: 100%; /* IE 6 must die. */
	}
	html>body #header .biblio, html>body #biblio .biblio { background: transparent; top: 30px; width: auto; }

	#header ul.biblio li, #biblio ul.biblio li {
		display: block; list-style: none; margin: 0; padding: 0;
		font-size: 14px; font-weight: bold;
	}
	#header .biblio .source, #header .biblio .tagline,
	#biblio .biblio .source, #biblio .biblio .tagline {
		position: absolute; top: 0; left: auto; bottom: auto; right: 20px;
		margin: 0; padding: 0;
	}
	#header .biblio .author, #biblio .biblio .author {
		position: absolute; top: 0; left: 20px; bottom: auto; right: auto;
		margin: 0; padding: 0;
	}
	#header .biblio .editor, #biblio .biblio .editor {
		position: absolute; top: 0; left: auto; bottom: auto; right: 20px;
		margin: 0; padding: 0;
	}
	
	#header a:link, #header a:visited,
	#biblio a:link, #biblio a:visited { color: white; text-decoration: none; border: none; }
	#header a:hover, #header a:focus, #header abbr:hover,
	#biblio a:hover, #biblio a:focus, #biblio abbr:hover { color: #f0f030; text-decoration: none; background: transparent; border: none; }

	#adsense, #navigation {
		position: absolute; top: 60px; right: 0; left: auto; bottom: auto;
		width: 170px; height: auto;
		text-align: center;
	}
	#navigation #adsense {
		position: relative; width: auto; top: auto; right: auto; left: auto; bottom: auto; margin-top: 1.0em;
	}
	#navigation h1 { font-size: 110%; margin-bottom: 5px; }
	#navigation h2 { font-size: 100%; margin-bottom: 5px; }
	#navigation ul { display: block; margin: 0; padding: 0; text-align: left; border-top: 1px solid black; border-bottom: 1px solid black; }
	#navigation ul li { display: block; margin: 0; padding: 0; list-style: none; text-transform: lowercase; font-weight: bold; font-size: smaller; }

	.donation { margin: 1.0em 0.25em; padding: 1.0em; background-color: #fefece; font-size: 80%; }
	.donation p { line-height: 110%; text-align: left; }

	.adblock { margin-bottom: 10px; margin-left: 5px; }
	.text-ad { margin-top: 10px; margin-bottom: 10px; font-size: smaller; border: 1px dotted black; padding: 3px; background-color: #FFFFE8; }

	@media print {
		body { margin: 1.0em; }
		#navigation { display: none; }
	}

	ol.toc.roman { list-style: inside upper-roman; }
	.toc ol, #toc ol, ol.toc, ol.toc ol { list-style: none; margin: 0; padding: 0; }
	.toc ol ol, ol.toc ol { padding-left: 1.0em; }
	.toc ol li, #toc ol li, ol.toc li { margin-left: 0; margin-bottom: 1.0em; padding: 0; padding-left: 4.0em; text-indent: -3.0em; }
	
	/* .toc ol li .book, .toc ol li .part, */
	.toc ol li h1, .toc ol li h2, .toc ol li h3,
	.toc ol li h4, .toc ol li h5, .toc ol li h6,
	#toc ol li h1, #toc ol li h2, #toc ol li h3,
	#toc ol li h4, #toc ol li h5, #toc ol li h6 { display: block; text-align: center; margin-top: 0; margin-bottom: 1.0em; }
	.toc ol li li, #toc ol li li, ol.toc li li { padding-left: 0; }

	.navheader, .navfooter { background-color: #E4E8E0; margin: 0.5em; }
	#copyright {
		clear: both;
		border-top: thin solid black; margin: 0; padding: 0.5em;
		background-color: #E0E0E0; color: black;
	}
	#copyright p { margin: 0.5em 0; font-size: smaller; font-style: italic; vertical-align: middle; }
	#copyright .badge {
		border: none; padding: 0; margin: 0; vertical-align: middle;
		background: transparent; color: inherit;
	}
	#copyright .permissions { float: right; margin: 0 0 0 0.5em; }

	ul.sources { list-style: none; margin-left: 0; padding-left: 0; }
	ul.sources h1, ul.sources h2, ul.sources h3, ul.sources h4, ul.sources h5, ul.sources h6 { margin-bottom: 0; }
	ul.sources ul { list-style: none; border-left: 2px solid #777;margin-bottom: 0.5em; padding-top: 0.5em; padding-bottom: 0.5em; margin-left: 0; padding-left: 1.0em; }
	ul.sources li { margin: 0; padding-bottom: 0.5em; }

	.index-column ul.sources h2, .index-column ul.sources h3, .index-column ul.sources h4, .index-column ul.sources h5, .index-column ul.sources h6 {
		text-decoration: underline;
	}
	.index-column ul, .index-column ul.sources, index-column ul.sources ul {
		border: none;
	}

	.navi { margin-top: 1.0em; margin-bottom: 1.0em; margin-left: 4.0em; }
	
	.footnote {
		font-size: 0.8em; line-height: 120%;
		margin-left: 5.0em; margin-right: 5.0em;
		margin-bottom: 1.0em;
		border: 1px dotted #777;
		padding-left: 0.5em; padding-right: 0.5em;
		padding-top: 15px; padding-bottom: 0;
		background-color: #F3F3F3;
		background-image: url(/style/note);
		background-repeat: repeat-x;
	}
	.footnote p { margin-top: 0; padding-top: 0; }

	#content .first:first-letter {
		display: block;
		float: left;
		font-size: 300%;
		padding: 0;
		vertical-align: bottom;
		margin-top: 10pt; margin-right: 5pt; margin-bottom: 5pt;
	}

	.illustration {
		clear: right; float: right;
		margin-left: 1.5em; margin-bottom: 1.5em; margin-top: 0; margin-right: 0;
		padding: 10px; border: thin dashed black;
		color: black; background-color: white;
		text-align: center; font-size: 0.8em;
		font-weight: bold; font-style: italic;
		line-height: 100%;
	}
	.illustration .source {
		font-size: smaller; margin: 0; padding: 0; font-weight: normal;
	}

	.letter-date { text-align: right; }
	.signature {
		text-align: right;
		font-variant: small-caps;
	}
	.finis {
		text-align: center;
		text-transform: uppercase;
	}

	a:link {
		color: #4F6B7E; text-decoration: none; border-bottom: 1px dotted #4F6B7E;
	}
	a:visited {
		color: #2F4B5E; text-decoration: none; border-bottom: 1px dotted #8FABBE;
	}
	a:hover, abbr:hover, acronym:hover, .tip:hover, .note:hover {
		background-color: #ffc; border-bottom: 1px dashed; /*border-top: 1px dashed;*/
	}
	a.editorial:link {
		color: #6B7E4F;
	}
	a.editorial:visited {
		color: #4b5e2f;
	}


	h3.section-number, .text-section h1, .text-section h2, .text-section h3,
	.text-section h4, .text-section h5, .text-section h6 {
		float: left;
		padding: 0;
		margin-left: 0; margin-right: 0.5em;
		margin-top: 0; margin-bottom: 0;
		font-size: 1.0em; font-weight: normal;
		line-height: 130%;
	}
	a.purplenumber, a.section-number, h3.section-number a,
	.text-section h1 a, .text-section h2 a, .text-section h3 a,
	.text-section h4 a, .text-section h5 a, .text-section h6 a {
		font-size: larger;
		text-decoration: none; color: #a040e0;
		border: none;
	}
	a.to-note { vertical-align: super; }
	a.note-number {
		font-size: smaller;
		text-decoration: none; color: #B868DF;
		border: none;
	}
	a.purplenumber:hover, a.section-number:hover, a.note-number:hover {
		border-bottom: 1px dashed #a040e0;
		border-top: 1px dashed #a040e0;
	}

	/* Magic for cool browsers */
	/*html>body p {
		margin-right: 1.0em;
	}
	html>body a.hid, html>body a.nid {
		position: absolute; z-index: 100000;
		top: auto; bottom: auto; left: auto; right: 90px;
		background-color: #F070F0; color: black;
		opacity: 0.80;
		border: thin solid #777777;
	}*/
	html>body a.hid, html>body a.nid {
		visibility: hidden;
	}
	/*html>body p {
		padding-right: 5px; margin-right: 1px;
	}
	html>body p:hover {
		padding-right: 5px; border-right: 1px dotted #D888FF; margin-right: 0;
	}*/

	html>body p:hover a.hid, html>body li:hover a.hid,
	html>body p:hover a.nid, html>body li:hover a.nid {
		visibility: visible;
	}
	
	a.hid, a.nid, a.lid {
		font-family: "Helvetica", "Arial", sans-serif;
		font-size: x-small;
		font-style: italic;
		font-weight: bold;
		text-decoration: none;
		margin-left: 0.5em;
		border: none;
		color: #D888FF;
		white-space: nowrap;
	}

	/*** Oh, the things you can cite! ***/
	cite.person { font-style: inherit; }
	html>body cite.essay, html>body cite.poem, html>body cite.article { font-style: inherit; }
	cite.article:before, cite.essay:before, cite.poem:before { content: "\201C"; }
	cite.article:after, cite.essay:after, cite.poem:after { content: "\201D"; }
	cite.journal.self, cite.book.self { font-style: inherit; font-variant: small-caps; }
	em cite.journal.self, em cite.book.self { font-style: normal; text-transform: uppercase; }
	
	.cited-by {
		display: block;
		float: right; clear: right;
		font-size: smaller;
		color: #700000;
		margin-left: 1.0em;
		margin-bottom: 1.0em;
	}
	.cited-by h2 {
		font-size: 1.0em;
		margin: 0; padding: 0; border-bottom: thin solid #700000;
	}
	.cited-by ul, .cited-by li {
		list-style: none; margin: 0; padding: 0;
	}
	.cited-by a {
		color: #700000; text-decoration: none;
	}
	.cited-by a:hover, .cited-by a:focus {
		color: #707000; text-decoration: underline; border: none;
	}

	.uncited {
		visibility: hidden; background-color: #ccc;
	}

	.temporary { color: #606060; font-style: italic; }

	table.balance-sheet {
	border-collapse: none;
}
table.balance-sheet tr {
	vertical-align: top;
}
table.balance-sheet th {
	text-align: left;
}
table.balance-sheet td.figure {
	width: 33%;
	text-align: right;
}

table.balance-sheet tr.total {
	border-top: 1px solid black;
}
table.balance-sheet tr.total td, table.balance-sheet tr.total th {
	background-color: #d0d0d0;
}
.explanation {
	font-size: 0.60em;
	color: #777777;
	background-color: inherit;
	font-style: italic;
	line-height: 110%;
}

/***
 *** Core CSS elements for Rad Geek webpages
 *** Licensed for reproduction and derivative use under GPL.
 ***/

*:lang(la), *:lang(de), *:lang(fr) { font-style: italic; }

/**** For browser compliance issues... ****/
.legacy { display: none; } /* for browsers that don't know (or don't use) CSS */
html>body .internetexploder { display: none; } /* for non-CSS browsers and Internet Explorer */

/**** Accessibility considerations... ****/
.for-context { display: none; } /* provides context for screen-readers */

/**** <FORM> elements... ****/
label { font-weight: bold; }

div.form_row { clear: left; padding-top: 0.25em; }
div.form_row label { float: left; width: 20%; text-align: left; }

/**** Text elements ****/ 
.notice { color: #005000; }
.notice.warning { color: black; background-color: #C0A0A0; padding: 10px; border-radius: 5px;  }
.linkroll { font-weight: bold; }
abbr, acronym, .tip, .note { border-bottom: 1px dotted #087808; cursor: help; }

/**** Curly quotes for real browsers ****/
q { quotes: "\201C" "\201D" "\2018" "\2019" }
q.implicit { quotes: "" ""; }
q.poetry { quotes: "" ""; display: block; margin: 1.0em 4.0em; }

/**** Navigational elements ****/
h1.breadcrumb, h2.breadcrumb, h3.breadcrumb {
	display: inline !important; border-style: none !important;
	padding: 0 !important; margin: 0 !important;
	background: transparent !important; color: black !important;
	font-weight: bold; font-style: italic; font-size: smaller !important;
}
ol.breadcrumb { margin: 0; padding: 0; list-style-type: none; display: inline; font-size: smaller; }
ol.breadcrumb li { display: inline; font-weight: bold; }

/**** Image links have a border only when hovered or focused... ****/
a img { border-width: 2px; border-style: solid; border-color: transparent; }
a:hover img,
a:active img,
a:focus img { border-width: 2px; border-style: solid; border-color: yellow; }

/**** (D) links for images with LONGDESC ****/
.dlink { background-color: #E0F0FF; color: black; border: thin dotted black; text-transform: uppercase; padding: 1px; font-weight: bold; font-size: smaller; vertical-align: middle; }

/**** For a list of badges or other icons ****/
ul.iconic_information { display: block; list-style: none; margin: 0; border: none; padding: 5px; }
ul.iconic_information li { display: block; margin: 0; border: none; padding: 0; font-size: 0.70em; }
ul.iconic_information li p { margin: 0; border: none; padding: 0; }
ul.iconic_information li img { vertical-align: middle; }

.highlight {
	background-color: #a0ffa0;
	border: 1px dashed #305030; border-right: none;
	padding-left: 5px;
	padding-right: 5px;
	border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
}

.verse .line { display: block; }
.verse .line.even { padding-left: 2.0em; }

#content .comments, #content .sequence, #content .related {
	margin-top: 1.0em; margin-bottom: 1.0em;
	margin-left: 5%; margin-right: 5%;
	text-align: center;
	background-color: #F0F0D8;
	padding: 5px 35px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	font-size: 9pt;
}
#content .sequence.thread {
	text-align: left;
}
.sequence.thread .current {
	font-weight: bold;
}

#content .comments h3 {
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 10.5pt;
	color: black;
}
#content .commentlist {
	border: none;
	padding-top: 0.5em; padding-bottom: 0.5em; padding-left: 1.0em;
	margin-top: 0;
	text-align: left;
}

#content .commentlist q { font-weight: normal; }
#content .commentlist li { display: list-item; list-style-type: none; margin-bottom: 0.25em; }
#content .commentlist li.comment { list-style-image: url(http://radgeek.com/styles/illuminations/note.png); /* FIXME */ }
#content .commentlist .addyourown { text-align: center; border-top: 1px dotted #777; }

#content .navigation, .from-here {
	display: block;	position: relative; list-style: none;
	text-align: center;
	margin-top: 10px; margin-bottom: 60px; margin-left: 0px; margin-right: 0px;
	padding: 0;
}

#content .navigation .prev {
	display: block; position: relative; list-style: none;
	top: 0; bottom: auto; left: 0; right: auto; width: 45%;
	margin: 0; padding: 0;
	text-align: left;
}

#content .navigation .next {
	display: block; position: absolute; list-style: none;
	top: 0; bottom: auto; left: auto; right: 0; width: 45%;
	margin: 0; padding: 0;
	text-align: right;
}
.from-here .prev {
	float: left; width: 46%; padding: 0.5em 0 !important;
}
.from-here .next {
	float: right;
	width: 48%;
	padding: 0.5em 0 !important;
}

.icon {
	clear: left;
	float: left;
	vertical-align: middle;
	border: none;
	width: 20px; height: 20px;
	padding-right: 3px;
}
a:hover .icon { border: none; } 
