@import url("http://code.radgeek.net/magic-boxes/styles");

body {
	margin-left: 10px; margin-top: 105px; margin-right: 210px;
	line-height: 140%;
	font-family: "Helvetica", sans-serif;
}
#content {
	padding-left: 1.0em; padding-right: 1.0em;
}

#content #here {
	padding-right: 75px; padding-top: 0.5em;
	margin-right: 34%;
}
#content #linkroll {
	position: absolute;
	top: 105px; right: 210px; left: auto;
	width: 33%;
	border-left: 1px dotted #777777;
	border-right: 1px dotted #777777;
	padding-left: 5px; padding-top: 0.5em;
	background-color: #eeeeee;
}
#content h2 { margin-top: 0; margin-bottom: 0px; border-bottom: 1px solid black; }
#content p { margin-top: 0px; }
#linkroll h2 { margin-top: 0; }
#linkroll h3 { margin: 0; border-bottom: 1px solid black; }
#linkroll ul { display: block; margin: 0; margin-bottom: 1.0em; padding: 0; list-style: none; }
#linkroll li { display: block; margin: 0; padding: 0; list-style: none; }
#linkroll #library { font-size: 0.80em; }

	#header, #banner {
		position: absolute;
		height: 65px; width: 100%; /* IE 6 must die. */
		top: 5px; left: 5px; right: auto; bottom: auto;
		margin-bottom: 5px;
		padding-left: 75px;
		background-image: url(http://sonv.libertarianleft.org/style/ALL);
		background-repeat: no-repeat;
		background-position: 10px 0px;
		color: white; background-color: #308080;
		border-bottom: 1px solid #777; border-right: 1px solid #777;
	}
	html>body #header, html>body #banner {
		height: 60px; width: auto; right: 5px;
	}
	#header h1, #banner 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 .meta, #banner .meta {
		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 .meta, html>body #banner .meta { background: transparent; top: 30px; width: auto; }

	#header ul.meta li, #banner ul.meta li {
		display: block; list-style: none; margin: 0; padding: 0;
		font-size: 14px; font-weight: bold;
	}
	#header .meta .source, #header .meta .tagline,
	#banner .meta .source, #banner .meta .tagline {
		position: absolute; top: 0; left: 100px; bottom: auto; right: auto;
		margin: 0; padding: 0;
	}
	#header .meta .author, #banner .meta .author {
		position: absolute; top: 0; left: 20px; bottom: auto; right: auto;
		margin: 0; padding: 0;
	}
	#header .meta .editor, #banner .meta .editor {
		position: absolute; top: 0; left: auto; bottom: auto; right: 20px;
		margin: 0; padding: 0;
	}
	
	#header a:link, #header a:visited,
	#banner a:link, #banner a:visited { color: white; text-decoration: none; border: none; }
	#header a:hover, #header a:focus, #header abbr:hover,
	#banner a:hover, #banner a:focus, #banner abbr:hover { color: #f0f030; text-decoration: none; background: transparent; border: none; }

#ribbon {
	position: absolute; top: 65px; height: 18px; left: 5px; right: 5px;
	width: auto; padding-left: 10px; padding-top: 6px;
	background-color: #106060; color: white;
}
#ribbon ul {
	list-style: none; margin: 0; padding: 0;
 	font-size: 11px; font-weight: bold; line-height: 100%;
	font-variant: small-caps;
}
#ribbon ul li { list-style: none; display: inline; padding-right: 2.0em; }
#ribbon ul li a, #ribbon ul li a:link, #ribbon ul li a:visited { color: white; }

#ribbon ul li a:hover,
#ribbon ul li a:focus,
#ribbon ul li a.current,
#ribbon ul:hover li a.current:hover,
#ribbon ul:hover li a.current:focus { background-color: white; color: black; }
#ribbon ul:hover li a.current { background-color: inherit; color: inherit; }

	#navigation {
		position: absolute; top: 90px; right: 5px; left: auto; bottom: auto;
		width: 200px; height: auto;
		text-align: center;
		background-color: #dedea0;
	}
	#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; font-size: 0.80em; text-align: center; }
	
	#navigation .donate p { margin: 0.5em; font-size: 95%; line-height: 100%; }

	.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; }
	}

	.contact-container {
		position: relative;
	}
	.contact-cards {
		position: absolute; width: 45%;
		margin-right: 5px;
	}
	.contact-cards h3 {
		margin-top: 0px; margin-bottom: 0px; border-bottom: 1px solid black;
	}
	.contact-cards h4 {
		margin-top: 0px; margin-bottom: 0px; padding-left: 5px;
		font-weight: bold; border-bottom: 1px dotted black;
	}
	.contact-cards ul {
		margin: 0px; padding: 0px; list-style: none;
		font-size: 90%;
	}
	.contact-cards li.card { margin-top: 5px; border: 1px solid black; padding: 0; background-color: #eeeeee; }
	.contact-cards ul.cards ul { margin: 0px 5px; font-weight: 80% }

	form.contact-form {
		position: absolute; right: 0px; top: 5px; width: 52%;
		font-size: 80%;
		background-color: #eeeeee;
		border: 1px dotted black;
		padding: 0px 5px;
	}
	form.contact-form h3 { margin: 0px; border-bottom: 1px solid black; }
	form.contact-form p { margin-top: 0px; }

	.from-here {
		float: right; width: 40%; padding: 5px; margin: 10px;
		border: 1px solid black;
		font-size: 70%;
		background-color: #eeeeee;
	}
	.from-here ul {
		list-style: square inside; margin: 0; padding: 0;
	}
	.from-here strong {
		font-weight: bold;
		font-variant: small-caps;
	}
	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 { border-top: 1px solid black; border-bottom: 1px solid black; 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: 0; }

	.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;
	}

	/*** 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; }

	.post h3 {
		margin-bottom: 0px;
		border-bottom: 1px solid black;
	}
	.post .byline {
		font-size: 0.80em;
		font-style: italic;
	}
	.entry.syndicated {
		font-size: 0.90em;
		line-height: 100%;
		border-left: 4px solid #777777;
		padding-left: 0.5em;
		margin-left: 0.5em;
	}

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;
}
/***
 *** 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 ****/ 
.announcement {
	background-color:#E0E030;
	border:1px solid black;
	line-height:100%;
	margin:0 0.5em 1em 0.5em;
	padding:0.5em 1em 0;
}
.notice { color: #005000; }
.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; }

ul.gallery { display: block; list-style: none; margin: 0; border: none; padding: 0; text-align: center; clear: both; }
ul.gallery li { padding: 0.5em; margin: 0; border: none; display: block; list-style: none; float: left; width: 210px; }
ul.gallery li a img { border: 1px dotted #4F6B7E; }
ul.gallery li a:hover img,
ul.gallery li a:focus img,
ul.gallery li a:active img { border: 1px solid #ffff00; }

ul.gallery li p { margin-bottom: 0.25em; }

ul.gallery ul.meta { display: block; list-style: none; margin: 0; padding: 0; }
ul.gallery ul.meta li { display: block; float: none; margin: 0; padding: 0; text-align: left; }