/*  
Theme Name: Rad Geek People's Daily
Theme URI: http://radgeek.com/styles/
Description: state-mandated stylesheet for a secessionist republic of one
Version: 2008.05.16
Author: Charles Johnson
Author URI: http://radgeek.com/

	Rad Geek People's Daily 2008.03.10
	 http://radgeek.com/styles/

	This theme was designed and built by Charles Johnson,
	whose blog you will find at http://radgeek.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

@import url("http://radgeek.com/styles/core.css");

/************** BLOGADS FORMATTING *****************/
@import url("http://cache.blogads.com/283369237/feed.css"); 

#adsense {
	margin: 0; border: none;
	padding-left: 0; padding-right: 0; padding-top: 10px; padding-bottom: 0;
	/*position: absolute; width: 180px;
	top: 0; left: auto; right: 0; bottom: auto;*/ 
	text-align: center;
	background-color: #F0F0D8; color: black;
}
.adblock { margin-bottom: 10px; margin-left: 3px; margin-right: 3px; }
.text-ad { margin-top: 10px; font-size: 0.65em; border: 1px dotted black; padding: 2px; background-color: #FFFFE8; }
.adblock .adspot_link { font-size: 10pt !important; }

/************** MAIN LAYOUT ELEMENTS **************/

body {
	color: white; background-color: #101050;
	font-family: Georgia, Garamond, "Times New Roman", Times, serif;
	margin: 0px; padding: 0px;
}

*:lang(de), *:lang(es), *:lang(la), *:lang(el), *:lang(fr), *:lang(grc) { font-style: italic; }

a:link { color: #3030e8; font-weight: inherit; text-decoration: underline; }
a:visited { color: #6020a0; font-weight: inherit; text-decoration: none; border-bottom: 1px dotted; }

#header {
	margin: 0; padding: 0;
	border: 2px solid white;
	position: absolute;
	height: 150px; width: 100%;
	top: 10px; left: 10px; right: 10px; bottom: auto;
	z-index: 2;
	background-color: red;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Arial, sans-serif;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
html>body #header { width: auto; }

ul.navigation#tabs {
	margin: 0 0 0 0; padding: 0; border: none;
	display: block; list-style: none; position: absolute;
	height: 20px; top: 138px; left: 225px; right: auto; bottom: auto;
	text-align: left; background-color: black; color: white;
	z-index: 3;
}

#content {
	border-left: 2px solid #808090;
	border-right: 2px solid #808090;
	border-top: 1px solid #808090;
	border-bottom: 1px solid #808090;

	/*width: 100%;*/ height: auto;
	/*position: relative;*/
	/*top: 175px; left: 10px; right: 180px; bottom: auto;
	margin-left: 0px; margin-right: 0px;
	margin-top: 0px; margin-bottom: 0px;*/
	margin-top: 175px; margin-left: 194px; margin-right: 194px; margin-bottom: 10px;
	padding-left: 5px; padding-right: 5px;
	padding-top: 5px; padding-bottom: 5px;
	background-color: white; color: black;
	z-index: 1;
}
html>body #content { width: auto; /*right: 192px;*/ }

#navigation {
	border-right: 2px solid #808090; border-left: 2px solid #808090;
	border-top: 1px solid #808090; border-bottom: 1px solid #808090;
	position: absolute; width: 180px; height: auto;
	top: 175px; left: 10px; right: auto; bottom: auto;

	/***/
	margin-top: 0px; margin-bottom: 0px;
	margin-left: 0px; margin-right: 0px /*180px*/; 
	padding-left: 10px; padding-right: /*0*/ 10px;
	padding-top: 0; padding-bottom: 0;
	background-color: #F0F0D8; color: black; text-align: center;
	
	-moz-border-radius-topleft: 10px; -moz-border-radius-bottomleft: 10px;
	-webkit-border-top-left-radius: 10px; -webkit-border-bottom-left-radius: 10px;
}
/***/ html>body #navigation { width: 160px; } /***/

#ads {
	border-left: 2px solid #808090; border-right: 2px solid #808090;
	border-top: 1px solid #808090; border-bottom: 1px solid #808090;
	position: absolute; width: 180px; height: auto;
	top: 175px; left: auto; right: 10px; bottom: auto;

	/***/
	margin-top: 0px; margin-bottom: 0px;
	margin-left: 0px; margin-right: 0px /*180px*/; 
	padding-left: 10px; padding-right: /*0*/ 10px;
	padding-top: 0; padding-bottom: 0;
	background-color: #F0F0D8; color: black; text-align: center;
	
	-moz-border-radius-topright: 10px; -moz-border-radius-bottomright: 10px;
	-webkit-border-top-right-radius: 10px; -webkit-border-bottom-right-radius: 10px;
}
/***/ html>body #ads { width: 160px; } /***/

/************** CONTAINED ELEMENTS **************/

/**** Header elemenets ****/
html>body #header h1 {
	position: absolute;
	left: 185px; top: auto; bottom: 60px; right: auto;
	margin: 0;
	padding: 8px;
	border-top: none; border-left: none;
	border-bottom: none; border-right: none;
	height: auto;
	text-align: left;
	background: transparent; color: white;
	z-index: 9;
	/*font-variant: small-caps;*/
}

	#header h1 span.volume {
		display: block;
		font-size: 0.65em;
		text-transform: uppercase;
	}
	#header h1 span.page {
		display: block;
		font-size: 1.0em;
	}
	#header h1 a:link, #header h1 a:visited { color: white; text-decoration: none; border-bottom: none; }
	#header h1 a:hover, #header h1 a:active, #header h1 a:focus { color: #00FFFF; text-decoration: underline; border-bottom: none; }

#header #tagline {
	position: absolute;
	right: 0px; top: 90px; bottom: 0px; left: 180px;
	padding-left: 8px; padding-right: 0px; padding-top: 4px; padding-bottom: 0px;
	height: 60px;
	border-top: 4px solid white; border-left: 4px solid white;
	vertical-align: top; text-align: left;
	background-color: black; color: inherit;
	text-transform: lowercase;
	font-style: italic; font-weight: bold;
	font-size: 14px;
	z-index: 10;
	
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-right-radius: 10px;
}
html>body #header #tagline { height: 52px; }

#header form#searchform {
	position: absolute; display: block;
	margin: 0; padding: 5px;
	top: auto; right: auto; bottom: 0px; left: 0px;
	width: 180px; height: 60px;
	border-top: none; border-left: none;
	background-color: red; color: white;
	text-align: right;
	
	-moz-border-radius-bottomleft: 10px;
	-webkit-border-bottom-left-radius: 10px;
}
html>body #header form#searchform { width: 170px; height: auto; }
#header form#searchform a { color: white; text-decoration: underline; font-size: smaller; text-transform: lowercase; }

/* Begin Form Elements */
#searchform {
	margin: 10px auto;
	padding: 5px 3px; 
}

#sidebar #searchform #s {
	width: 80px;
	padding: 2px;
	}

#sidebar #searchsubmit {
	padding: 1px;
	}

#header #standards {
	margin: 0; padding: 0.25em;
	border-top: none; border-right: 4px solid white;
	border-bottom: 4px solid white; border-left: none;
	position: absolute;
	height: 90px; width: 184px;
	top: 0; right: auto; bottom: 56px; left: 0px;
	text-align: left; font-size: 0.75em; font-weight: bold;
	background-color: black;
	z-index: 9;
	
	-moz-border-radius-topleft: 10px;
	-webkit-border-top-left-radius: 10px;
}
html>body #header #standards { width: 174px; height: auto; }

	#header #standards a:link, #header #standards a:visited { color: blue; }
	#header #standards a:hover,
	#header #standards a:active,
	#header #standards a:focus { color: yellow; }

/**** Content elements ****/
#content p, #content li {
	line-height: 135%;
}

#content h1, #content h2 {
	margin: 0.25em 0; padding: 0.25em;
	border: 2px solid black;
	font-weight: bold;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Arial, sans-serif;
}
html>body #content h1, html>body #content h2 {
	border-top-width: 2px; border-top-style: solid;
	border-left-width: 2px; border-left-style: solid;
	border-bottom: none; border-right: none;
}

/* only */ #content h1 { color: white; background-color: #903070; border-color: #F080D0; }
/* only */ #content h2 { color: white; background-color: #7020A0; border-color: #C060F0; }

#content h1 a:link, #content h2 a:link,
#content h1 a:visited, #content h2 a:visited { color: white; text-decoration: none; border-bottom: none; }

#content h1 a:hover, #content h2 a:hover,
#content h1 a:active, #content h2 a:active,
#content h1 a:focus, #content h2 a:focus { color: yellow; text-decoration: underline; border-bottom: none; }

#content h1 .subtitle, #content h2 .subtitle, #content h3 .subtitle {
	display: block; font-size: 0.80em; font-style: italic;
}

#content .epigraph p, #content blockquote p {
	line-height: 110%;
	font-size: 90%;
}

#content .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;
}
#content div.illustration em { text-decoration: underline; }

#content blockquote {
	border-left: thin solid #777;
	background: #EFEFFF url(/styles/illuminations/quote-i.png) 4px 4px no-repeat;
	color: black; padding: 0 1.0em;
}
html>body #content blockquote { background: #EFEFFF url(/styles/illuminations/quote.png) 4px 4px no-repeat; padding: 1px 20px; }
#content blockquote blockquote { background-color: #EFFFEF; border: thin solid #777777; }

#content .details { font-size: smaller; color: #505050; }

/*** Subscription icons (Who needs little orange PNGs?) ***/
#content ul.subscribe {
    display: block; list-style: none;
    margin: 0; padding: 0;
}

#content ul.subscribe li {
    display: block; float: right;
    background-color: #FF7000; color: white;
    padding: 0.2em; margin: 0 1px; border: thin outset;
    font-size: 0.60em; font-weight: bold; text-transform: uppercase;
    text-shadow: 0.2em 0.2em;
}

#content ul.subscribe a { text-decoration: none; color: white; }

/*** Search Form ***/
#content form.search { border: thin solid black; padding: 0.5em; margin: 0.5em 1.0em; background-color: #F0F0F0; }
#content form.search div { text-align: center; margin: 0.5em; }
#content form.search div.option { margin: 0.5em 2.0em; text-align: left }

/*** Copyright (Copyleft) Notice ***/
#content #copyright {
	border-top: thin solid black; margin: 0; padding: 0.5em;
	background-color: #E0E0E0; color: black; font-style: italic;
}
#content #copyright p { margin: 0.5em 0; }
#content #copyright .badge {
	float: left; border: none; padding: 0; margin: 0 0.5em 0 0;
	background: transparent; color: inherit;
}
#content #copyright .permissions { float: right; margin: 0 0 0 0.5em; }

/*** For two items running in parallel ***/
table.parallel {
    width: 90%; margin: 0.5em 5%; padding: 0.5em;
    border-collapse: collapse; border: thin solid black;
    background-color: #EEEEEE;
}
table.parallel th { width: 50%; color: white; background-color: #503050; border: thin solid black; }
table.parallel td { border: thin solid black; vertical-align: top; }

/****
 **** Content: mark hyperlinks based on target.
 **** The original idea and implementation were shamelessly ripped off of
 **** <http://www.kryogenix.org/days/2002/08/30/external> ... but since
 **** ... then I have implemented the trick differently, using CSS 3
 **** content replacement
 ****/

/** mailto: links marked: **/
#content a[href^="mailto:"]:after {
	content: url("/styles/illuminations/mailto"); padding-left: 2px;
}

/** Absolute links marked: **/
#content a[href^="http:"]:after {
	content: url("/styles/illuminations/remote"); padding-left: 2px;
}

/** ... but not within local domains: **/
#content a[href^="http://radgeek.com"]:after,
#content a[href^="http://www.radgeek.com"]:after,
#content a[href^="http://projects.radgeek.com"]:after,
#content a[href^="http://elsewhere.radgeek.com"]:after {
	display: none; padding-left: 0;
}
/** ... or within utility domains: **/
#content a[href^="http://profile.typekey.com"]:after {
	display: none; padding-left: 0;
}
#content #copyright a[href^="http:"]:after {
	display: none; padding-left: 0;
}

/****
 **** NAVIGATION SECTION: CONTAINED ELEMENTS
 ****/
ul.navigation#tabs li { display: inline; }
ul.navigation#tabs li a {
	display: inline;
	margin: 0 1px 0 0; padding: 0 0.25em;
	border: none; background-color: transparent; color: white;
	text-align: center; text-decoration: none; font-weight: bold;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif;
	font-size: smaller;
}
ul.navigation#tabs li a:hover {
	background-color: #D0D0D0; color: black;
}
ul.navigation#tabs li.current a {
	border: none; background-color: white; color: black;
}

#navigation .navigation, #ads .navigation { font-size: smaller; margin-top: 0px; margin-bottom: 1.0em; }

	#navigation .navigation h1, #ads h1,
	#navigation .navigation h2, #ads h2,
	#navigation .navigation h3, #ads h3
	.adblock .adspot_head {
		font-size: 1.10em; font-weight: bold;
		margin: 0; padding: 0.3em;
		border-top: none; border-bottom: 1px solid #777777;
		color: black; background: transparent;
		text-align: center;
	}
	#navigation .navigation .adspot_head {
		font-family: inherit;
		font-size: 1.35em;
	}
	
	#navigation .navigation h1 a:link, #ads h1 a:link,
	#navigation .navigation h2 a:link, #ads h2 a:link,
	#navigation .navigation h3 a:link, #ads h3 a:link {
		color: #202020; background: transparent; text-decoration: none; border-bottom: none;
	}
	#navigation .navigation h1 a:visited, #ads h1 a:visited,
	#navigation .navigation h2 a:visited, #ads h2 a:visited,
	#navigation .navigation h3 a:visited, #ads h3 a:visited {
		color: #505050; background: transparent; text-decoration: none; border-bottom: none;
	}

	#navigation .navigation h1 a:hover, #ads h1 a:hover,
	#navigation .navigation h2 a:hover, #ads h2 a:hover,
	#navigation .navigation h3 a:hover, #ads h3 a:hover,
	#navigation .navigation h1 a:active, #ads h1 a:active,
	#navigation .navigation h2 a:active, #ads h2 a:active,
	#navigation .navigation h3 a:active, #ads h3 a:active,
	#navigation .navigation h1 a:focus, #ads h1 a:focus,
	#navigation .navigation h2 a:focus, #ads h2 a:focus,
	#navigation .navigation h3 a:focus, #ads h3 a:focus {
		text-decoration: underline; border-bottom: none;
	}

	#navigation .navigation ul, #navigation .navigation ol,
	#ads .navigation ul, #ads .navigation ol {
		list-style: none; margin: 0; padding: 0;
	}

	#navigation .navigation ul li, #navigation .navigation ol li,
	#ads .navigation ul li, #ads .navigation ol li {
		display: block;
		padding: 0.3em; margin: 0;
		color: black; background: transparent;
		text-align: center;
	}

/************* HOT TOPIC *************/
	#navigation .navigation .hot_topic { font-size: smaller; }
	#navigation .navigation .hot_topic li { text-align: left; margin-bottom: 1.0em; }
	#navigation .navigation .hot_topic h3 { text-align: left; }
	#navigation .navigation .hot_topic li { display: list-item; /*list-style-type: none;*/ margin-bottom: 0.25em; }
	
	#navigation .navigation .hot_topic ol { list-style: inside; }
	
	#navigation .navigation .hot_topic ol li.comment,
	#navigation .navigation .hot_topic ol li.Comment { list-style-image: url(http://radgeek.com/styles/illuminations/note.png); /* FIXME */ }
	
	#navigation .navigation .hot_topic ol li.ping,
	#navigation .navigation .hot_topic ol li.Pingback,
	#navigation .navigation .hot_topic ol li.Trackback { list-style-image: url(http://radgeek.com/styles/illuminations/remote.png); }

/************* WEBLOG ELEMENTS *************/
.weblog { margin: 0; padding: 0; }
.weblog .node { margin: 0.5em 0; padding: 0; }

.weblog .node h2, .weblog .node h1 {
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
}
.weblog .node h2 span.date, .weblog .node h1 span.date {
	display: block;
	font-size: 60%;
	border-top: 1px dotted white;
}

.weblog .node ul.headers, .weblog .node ul.footer { list-style: none; margin: 0; padding: 0; }
.weblog .node ul.headers li, .weblog .node ul.footer li { display: block; margin: 0.5em 0.2em; padding: 0; }
.weblog .node ul.headers li label, .weblog .node ul.footer li label { font-weight: bold; font-style: italic; }

.weblog .node .body { margin: 0.1em 1.0em; line-height: 130%; }
.weblog .node .footer { clear: both; font-size: smaller; color: #666; font-weight: bold; text-align: center; margin-left: 10%; }

.weblog .node .footer .signature { text-align: right; }
.weblog .node .footer .tags { font-variant: small-caps; } 

.weblog .node .footer .tags h3 { margin: 0; padding: 0; }
.weblog .node .footer .tags .minor-tags { font-size: smaller; }

.weblog .node .footer ol.commentlist { border-top: thin solid #777; border-bottom: thin solid #777; padding-top: 0.5em; padding-bottom: 0.5em; padding-left: 1.0em; margin-top: 0; text-align: left; }
.weblog .node .footer ol.commentlist q { font-weight: normal; }
.weblog .node .footer ol.commentlist li { display: list-item; list-style-type: none; margin-bottom: 0.25em; }
.weblog .node .footer ol.commentlist li.comment { list-style-image: url(http://radgeek.com/styles/illuminations/note.png); /* FIXME */ }

li.comment+li.addyourown, li.ping+li.addyourown, li.trackback+li.addyourown { border-top: 1px dotted #777; }
.weblog .node .footer ol.commentlist li.addyourown { text-align: center; }

.weblog .node .footer ol.commentlist li.trackback,
.weblog .node .footer ol.commentlist li.ping,
.weblog .node .footer ol.commentlist li.pingback,
.hot_topic li.ping, .hot_topic li.Pingback, .hot_topic li.Trackback {
	list-style-image: url(http://radgeek.com/styles/illuminations/remote.png);
}

.weblog div.menu { text-align: center; margin: 1.0em 0; }
.weblog div.menu label { display: block; }

/****** Archive pages elements ******/
ul.archives, ol.archives { list-style: disc; }
ul.archives li, ol.archives li { margin: 0.5em 0.5em; }

/****** TalkBack section elements ******/
#talkback h3, #talkback h4 {
	color: white; background-color: #503050;
	font-size: 1.05em; font-weight: bold;
	text-transform: uppercase; margin: 0.5em 0 0 0; padding: 0.25em;
	text-align: left;
}

#talkback #comments .commentlist { display: block; margin: 0; padding: 0; list-style: none; }

#talkback #comments .node { border-top: thin solid black; padding: 0.5em 1.0em; margin: 0.5em 0; background-color: #F0F0FF; }

#talkback #comments .node h3 {
	margin: 0.5em 0; padding: 0;
	border-top: none; border-left: none; border-right: none; border-bottom: thin solid black;
	background: transparent; color: black;
	text-transform: none; font-weight: bold;
}

#talkback #comments .node .body { font-weight: normal; margin: 0; }
#talkback #comments .node .footer { font-weight: bold; font-style: italic; margin: 0.5em 0; text-align: right; }
.trackback-url, .trackback-uri { font-size: 0.70em; font-weight: bold; text-align: center; color: #666; }

#talkback #comments { background-color: white; }

#talkback #respond { clear: both; }

#talkback #respond .explanans { font-size: smaller; margin: 0.25em; padding: 0.25em; width: 40%; float: right; border: thin dashed #333; background-color: #EEE; color: black; }

#talkback #respond .explanans h3,
#talkback #respond .explanans h4 { border-top: none; border-left: none; border-right: none; border-bottom: thin solid black; padding: 0; margin: 0 0 0.25em 0; background-color: inherit; color: inherit; } 

#talkback #respond .explanans p,
#talkback #respond .explanans ul { padding: 0; margin: 0 0 0.5em 0; }

#talkback form { border-top: thin solid black; padding: 0px 0px; margin: 0.5em 0; background-color: #F0F0FF; }
#talkback form .fields { margin: 0.5em 1.0em; }

/**** FIXME: WORDPRESS: INTEGRATE INTO ABOVE SOON ***/
.alt {
	background-color: #f8f8f8;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

acronym, abbr, span.caps
{
	font-size: 0.9em;
	letter-spacing: .07em;
	}

/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

/* End Comments */

#content .navigation {
	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;
}

/*** Site Map elements ***/
#sitemap .section { float: left; width: 48%; padding: 1%; font-size: small; }
#sitemap #copyright { clear: both; }
#sitemap #content h3 { padding: 0.25em; margin: 0.5em; border: thin solid black; background-color: #EF80FF; color: black; }

form#respond input.idbox { width: 79%; border: 1px solid #999999; }
form#respond input.idbox:focus { border: 1px solid #303030; }
.openid_url {
	background: #FFFFFF url(http://radgeek.com/styles/openid) no-repeat scroll 99% center;
}
#respond input.signon, #respond input#submit {
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	background-color: #E0E0E0;
	border-width: 2px;
	border-style: outset;
}
#respond input.signon:focus,
#respond input.signon:hover,
#respond input.signon.openid:focus,
#respond input.signon.openid:hover,
#respond input#submit:focus,
#respond input#submit:hover {
	background-color: #FFFFE0;
}
#respond input.signon:active,
#respond input#submit:active {
	border-style: inset;
}
#respond input.signon.openid {
	background: #E0E0E0 url(http://radgeek.com/styles/openid) no-repeat scroll 3px center;
	padding-left: 19px;
}
#respond #comment { width: 55%; }
#respond fieldset { padding: 0.5em 1.0em; }
#respond fieldset #comment { width: 100%; }

#respond fieldset .buttons { margin-top: 0.5em; text-align: right; }

.explanation {
	font-size: 0.60em;
	color: #777777;
	background-color: inherit;
	font-style: italic;
}