/***
 *** Core CSS elements for Rad Geek webpages
 *** Licensed for reproduction and derivative use under GPL.
 ***/

/**** HTML 5 powers, activate. ****/
hgroup, article, figure, figcaption, nav { display: block; }
time { display: inline }

/**** 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 */
.for-print-out { display: none; }

@media print {
	.for-print-out { display: block; }
}

/**** <FORM> elements... ****/
label { font-weight: bold; }

.form_row { clear: left; display: block; list-style: none; margin: 0px; padding-left: 0px; padding-right: 0px; padding-bottom: 0px; padding-top: 0.25em; }
.form_row label { float: left; width: 20%; text-align: left; }

ul.form_fields { list-style: none; margin: 0px; padding: 0.5em 0px; }
ul.form_fields li.form_row label { width: 5.0em; text-align: right; padding-right: 0.5em; }
ul.form_fields li.form_row.unlabeled { margin-left: 5.0em; padding-left: 0.5em; }

.stale-text { color: #777777; font-style: italic; }

/**** Typographical elements. ****/
.three-dot { position: static; border: none; color: inherit; display: block; height: auto; width: auto; }
.three-dot:before { display: block; content: "∙ ∙ ∙"; color: inherit; font-weight: bold; font-size: 130%; text-align: center; padding-top: 0.5em; padding-bottom: 0.5em; }
/*.three-dot:after {
	display: block; content: '∙ ∙ ∙'; border: none; height: auto; width: auto;
	text-align: center; margin-top: 1.0em; margin-bottom: 1.0em;
}*/

/**** Text elements ****/ 
.notice { color: #005000; }
.notice.thanks { background-color: #c0ffc0; border: 1px solid black; margin: 1.0em; color: black; padding: 1.0em; }

.linkroll { font-weight: bold; font-size: 80%; margin-left: 1em; margin-right: 1em; }
.ratequote { font-style: italic; margin: 1.0em 2.0em; }
abbr, acronym, .tip { border-bottom: 1px dotted #087808; cursor: help; }

abbr.initialism { speak: spell-out; }

.ellipsis.editorial { text-decoration: inherit; color: #855; }

/**** Scholarly paraphenalia ****/
em.term { font-style: normal; font-weight: bold; }

.to-footnote { vertical-align: super; font-size: smaller; }

cite.person { font-style: normal; }
cite.essay, cite.article, cite.poem { font-style: normal; }
cite.essay:before, cite.article:before, cite.poem:before { content: "\201C"; }
cite.essay:after, cite.article:after, cite.poem:after { content: "\201D"; }

ul.references li { margin-bottom: 1.0em; }

/**** Curly quotes for real browsers ****/
q { quotes: "\201C" "\201D" "\2018" "\2019" }
q.term { quotes: "\2018" "\2019" "\201C" "\201D" }

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

/**** Purple numbers ****/

      	a:link.hid, a:visited.hid {
		font-family: "Helvetica", "Arial", sans-serif;
		font-size: x-small;
		font-style: italic;
		font-weight: bold;
		text-decoration: none;
		color: #B868FF;
		margin-left: 0.5em;
	}

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

figure, .figure { text-align: center; }
figure figcaption, .figure p { font-weight: bold; font-style: italic; font-size: smaller; }

/**** Footnote voodoo ****/

	.note, .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(/styles/note.png);
		background-repeat: repeat-x;
	}
	.note p, .footnote p { margin-top: 0; padding-top: 0; }

	#content a.note-number, a.note-number {
		font-size: smaller;
		text-decoration: none; color: #B868DF;
		border: none;
	}
	a.note-number:hover {
		border-bottom: 1px dashed #a040e0;
		border-top: 1px dashed #a040e0;
	}