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

	Rad Geek People's Daily
	 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");
@import url("http://radgeek.com/styles/navigation.css");
@import url("http://radgeek.com/styles/comments.css");

#adsense {
	margin: 0; border: none; padding: 10px 0 0 0;
	text-align: center; background-color: #F0F0D8; color: black;
}
.adblock { margin-bottom: 10px; margin-left: 3px; margin-right: 3px; }
#content .adblock { border: 1px dotted black; text-align: center; background-color: #ffff30; }
#content .adblock h2 { font-size: 12px; color: inherit; background: transparent; border: none; }
#content .adblock p { color: black; font-size: 9px; font-weight: bold; }

#adspot_283369237 { width: auto !important; }
#adspot_283369237 .adspot_head { display: none; }
#adspot_283369237 .adspot_adhead { width: auto !important; }
#adspot_283369237 .adspot_content ul { margin-left: 36px; margin-right: 36px; }
#adspot_283369237 .adspot_link { width: auto !important; }

.text-ad, #navigation .info, #ads .info { margin-top: 10px; border: 1px dotted black; padding: 2px; background-color: #FFFFE8; font-size: 0.80em; }

/************** MAIN LAYOUT ELEMENTS **************/
body {
color: black; background-color: #101050;
font-family: Georgia, Garamond, serif;
margin: 0; padding: 0; position: absolute;
}

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

a:link { color: #3030e8; text-decoration: underline; }
a:visited { color: #6020a0; text-decoration: underline; }

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

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

#content {
border-width: 1px 2px;
border-color: #808090;
border-style: solid;
height: auto; width: auto;
margin: 175px 265px 10px 10px; padding: 5px;
background-color: white; color: black;
z-index: 1;
border-top-left-radius: 10px; border-bottom-left-radius: 10px;
}

.page {
	position: relative;
	min-height: 1000px;
}
.sidebar {
border-color: #808090;border-style: solid;border-width: 1px 2px;
position: absolute; width:232px; height: auto;
top: 0px; left: auto; right: 10px; bottom: 0px;
background-color: #F0F0D8; color: black; 
border-top-right-radius: 10px; border-bottom-right-radius: 10px;
margin: 0; padding: 0 10px 0 10px;
}
.sidebar-text {
	/* override some styling from .sidebar; this is written
	 * over a sidebar element in the margin. */
	border-style: none !important; border-width: 0px !important;
	top: 175px; left: auto; right: 10px; bottom: auto;
	background: transparent !important; color: black;
	text-align: center;
	min-height: 1000px;
}

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

/**** Header elemenets ****/
#header h1 {
position: absolute;
left: 0px; top: auto; bottom: 60px; right: 250px;
margin: 0; padding: 8px 8px 4px 8px;
border:none;
height:auto;
text-align:center;
background:transparent; color:white;
z-index: 9;
}

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

#tagline {
position: absolute;
right: 250px; top: 90px; bottom: 0px; left: 0px;
padding: 4px 8px 0px 0px;
height: 52px;
border-top: 4px solid white; border-right: 4px solid white;
vertical-align: top; text-align: right;
background-color: black; color: inherit;
text-transform: lowercase;
font-style: italic; font-weight: bold;
font-size: 14px; z-index: 10;
overflow: hidden;
border-bottom-left-radius: 10px;
}
#tagline p {
	text-align: center;
	margin: 0 0 0 0;
	padding: 0;
}

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

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

#searchform {margin:10px auto; padding:5px 3px;}
#sidebar #searchform #s {width: 80px; padding: 2px;}
#sidebar #searchsubmit {padding: 1px;}

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

#content h1 {
margin: 16pt 0 16pt 0;
font-weight: bold;
font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Arial, sans-serif;
text-align: center;
font-size: 20pt;
}

#content h2 {
margin: 16pt 0 0 0;
font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Arial, sans-serif;
text-align: center;
font-size: 20pt;
}

.post:after, .epigraph+.post:before {
display: block; content: "❦";
text-align: center;
font-size: 24pt; font-weight: normal; font-family: serif;
}
.post:after, .epigraph+.post:before {
margin-left: 0px; margin-right: 0px;
margin-top: 24pt; margin-bottom: 36pt;
}

#content h2 a:link, #content h2 a:visited { color: #400000; text-decoration: none; border-bottom: none; }
#content h2 a:hover, #content h2 a:focus, #content h2 a:active { color: #FF0000; text-decoration: underline; border-bottom: none; }

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

#content h1 a:hover, #content h1 a:active,
#content h1 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 blockquote.epigraph {
margin-top: 2.0em;
margin-right: 3.0em;
margin-left: 3.0em;
background-color: #eee;
border-radius: 10px;
}
.epigraph p, #content blockquote p {line-height: 110%;font-size: 90%;}

.illustration {
clear: right; float: right;
margin: 0 0 1.5em 1.5em;
padding: 10px; border: none;
color: black; background-color: white;
text-align: center; font-size: 0.8em;
font-weight: bold; font-style: italic;
}
.illustration em {text-decoration: underline;}

.gallery {
	position: relative;
}

.gallery-item {
	display: inline-block;
	position: relative;
	vertical-align: top;
}
.gallery-columns-3 .gallery-item {
	width: 33%;
	margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0;
}
.gallery-item figcaption {
	font-size: smaller;
	font-weight: normal;
}

#content blockquote {
margin: 0px;
background: url(/styles/illuminations/quote-i.png) 4px 4px no-repeat;
color: black; padding: 0 1.0em;
}
html>body #content blockquote {
	background: url(/styles/illuminations/quote.png) 4px 4px no-repeat; padding: 5px 30px;
}

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

#content .search { border: thin solid black; padding: 0.5em; margin: 0.5em 1.0em; background-color: #F0F0F0; }
#content .search div { text-align: center; margin: 0.5em; }
#content .search .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;
	min-height: 32px;
}
#copyright p { margin: 0.5em 0; }
#copyright .badge {
float: left; border: none; padding: 0; margin: 0 0.5em 0 0;
background: transparent; color: inherit;
}
#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; }

.balance-sheet {border-collapse: none;}
.balance-sheet tr {vertical-align: top;}
.balance-sheet th {text-align: left;}
.balance-sheet .figure {width: 33%; text-align: right;}
.balance-sheet .total {border-top: 1px solid black;}
.balance-sheet .total td, .balance-sheet .total th {background-color: #d0d0d0;}

/****
 **** 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: **/
article .body a[href^="mailto:"]:after {
content: url("/styles/illuminations/mailto"); padding-left: 2px;
text-decoration: none; border-bottom: none;
}

/** Absolute links marked: **/
article .body a[href^="http:"]:after {
content: url("/styles/illuminations/remote"); padding-left: 2px;
text-decoration: none; border-bottom: none !important;
}

/** ... but not within local domains: **/
article .body a[href^="http://radgeek.com/"]:after,
article .body a[href^="http://www.radgeek.com/"]:after,
article .body a[href^="http://projects.radgeek.com/"]:after,
article .body a[href^="http://elsewhere.radgeek.com/"]:after,
article .body a[href^="http://feedwordpress.radgeek.com/"]:after,
article .body a[href^="http://shared.radgeek.com/"]:after,
article .body a[href^="http://everything.radgeek.com/"]:after,
article .body .no-borders-zone a[href^="http:"]:after {
	display: none;
	padding-left: 0;
}

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

.post h2 .title:before {content: "— ";}
.post h2 .title:after {content: " —";}

h2 .avatar { float: left; margin-right: 10px; }

.post.format-status .content-card { background-color: #f0f0d8; margin-left: -20px; margin-right: -20px; padding: 10px 20px; border-radius: 10px; }
.post.format-status .content-card h2 { margin-top: 0px !important; margin-bottom: 10px !important; min-height: 48px !important; }
.post.format-status h2 .title:before {content: "";}
.post.format-status h2 .title:after {content: "";}

.post.format-status h2 { font-size: inherit !important; text-align: left !important; border-bottom: 1px dotted black; }
.post.format-status h2 .title { display: block; margin-bottom: 0px; }
.post.format-status h2 time { display: block; margin-top: 0px; }
.post.format-status h2:after {content:"";}
.post.format-status .footer { text-align: left !important; }
.post.format-status .footer .comments { display: inline-block; margin: 0; padding: 0; border-radius: 0; background: transparent; font-size: inherit; }
.post.format-status .footer .interactive { display: inline-block; margin-left: 20px; }

article h2:after, #content h1:after {
display: block;
font-size: 10.5pt;
content: "∙ ∙ ∙";
margin: 0.5em 0 1.0em 0;
}
article .headline h2:after {
	display: none;
}
article .headline {
	text-align: center;
}
.single .headline:after {
	display: block;
	font-size: 35px;
	content: "∙ ∙ ∙";
	margin: 5px 0 10px 0;
}
h1 time, h2 time, .post .headline h3 {
display: block;
font-size: 9pt;
font-weight: normal;
font-style: italic;
margin-top: 5px;
margin-bottom: 0px;
}
time .revised {
font-size: smaller;
}

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

.weblog .body { margin: 5px 0 5px 0; line-height: 130%; text-align: justify; }
.weblog .single .body { margin: 5px 0px; }

article .footnotes:before {
	content: "Notes.";
	display: block;
	font-weight: bold;
	text-transform: uppercase;
	text-align:center;
}
article .footnotes .footnote {
	background: transparent;
	border: none;
	padding: 0px;
	margin-bottom: 1.0em;
}
article .footnotes .footnote+.footnote:before {
	display: block;
	font-size: 10.5pt;
	content: "∙ ∙ ∙";
	margin: 1.0em 0 0 0;
	text-align: center;
}

.weblog .footer {
clear:both;
font-size:smaller;
color:#666;
font-weight:bold;
text-align:center;
}

.tags { font-variant: small-caps; } 
.tags h3 { margin: 0; padding: 0; }
.tags .minor-tags { font-size: 85%; }
.tags a { white-space: nowrap; }

.hashtags { list-style: none; display: block; }
.hastags li { display: inline; }

#navigation .tags { font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Arial, sans-serif; }
#navigation .tags a:link, #navigation .tags a:visited { font-weight: bold; border-bottom: none; text-decoration: none; color: #002050; position: relative; }
#navigation .tags a:hover:after { position: absolute; font-size: 300%; content: "*"; color: blue; top: 0; right: 0; }

.post .footer .comments {
margin: 16pt 0 16pt 0;
text-align: center;
background-color: #F0F0D8;
padding: 20px 20px;
border-radius: 10px;
font-size: 9pt;
}
.post .footer .comments h3 {
margin-top: 0px; margin-bottom: 0px; font-size: 14pt; color: black;
}
.post .footer .comments .addyourown { text-align: left;  }
.post .footer .comments .commenter-avatar {
	vertical-align: top;
	margin-right: 5px;
}
.post .footer .comments .avatar {
	vertical-align: top;
}
.post .footer .comments .commenter-signature {
	display: inline-block;
	margin-right: 5px;
}
.post .footer .comments .commenter-signature input {
	width: 12.0em;
}
.post .footer .comments .comment-popup-link {
	display: inline-block;
	margin-right: 5px;
	vertical-align: middle;
}
.post .footer .comments .comment-popup-form {
	display: none;
}
.post .footer .comments textarea {
	display: inline-block;
	height: 32px; width: 60%;
}
.post .footer .comments .form-submit {
	display: block;
	margin-top: 10px;
}
.post .footer .comments .logged-in-as {
	display: inline-block;
	vertical-align: top;
	margin-left: 5px;
	height: 28px;
}

/*.post .footer .comments .addyourown ::-webkit-input-placeholder,
.post .footer .comments .addyourown :-moz-placeholder,
.post .footer .comments .addyourown ::-moz-placeholder,
.post .footer .comments .addyourown ::-ms-placeholder*/

.post .footer .comments ::-moz-placeholder {
	font-family: @font-primary;
	color: #333;	
}
.post .footer .comments ::-webkit-input-placeholder {
	font-family: @font-primary;
	color: #333;
}

.commentlist.compact {
border: none;
padding-top: 0.5em; padding-bottom: 0.5em; padding-left: 1.0em;
margin-top: 0;
text-align: left;
}
.commentlist.compact q { font-weight: normal; }
.commentlist.compact li { display: list-item; list-style-type: none; margin-bottom: 0.25em; }
.commentlist.compact .comment { list-style-image: url(http://radgeek.com/styles/illuminations/note.png); /* FIXME */ }
.commentlist.compact .trackback,
.commentlist.compact li.ping,
.commentlist.compact li.pingback,
.hot_topic .ping, .hot_topic .Pingback, .hot_topic .Trackback {
list-style-image: url(http://radgeek.com/styles/illuminations/remote.png);
}

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

/******* TYPOGRAPHY *******/
p.first:first-letter, .drop-caps {	
	float: left;
	font-size: 75px;
	line-height: 50px;
	font-weight: bold;
	margin-right: 5px; margin-bottom: 5px;
}
p.first:after {
	display: block;
	height: 1px;
	content: "";
	clear: left;
}
.attribution {
	text-align: right;
	padding-left: 30%; /* width would make right margin come over toward left */
	padding-right: 3%;
}
.attribution .name {
	font-variant: small-caps;
}

article .footer .byline  {
color: black;
text-align: left;
font-weight: bold;
font-size: 11pt;
}
article .footer .byline .component {
	margin-right: 20px;
}
.signature {
text-align: right;
font-variant: small-caps;
}
article .signature {
font-size: 12pt; margin-top: 1.0em;
}
article .footer .signature {
	color: inherit;
	text-align: left;
	/*font-variant: inherit;*/
}
.essay .signature {
font-variant: small-caps;
}
acronym, abbr, span.caps {
font-size: 0.9em; letter-spacing: .07em;
}

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

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

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

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

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

#comments h2 .widgets {
	display: block;
	font-size: 8pt;
	margin-bottom: 10px;
}

#wpadminbar {
	opacity: 0.70;
}
#wpadminbar:hover {
	opacity: 1.0;
}

.facebook-message {
}
.facebook-link-attachment {
	padding: 20px; margin: 1.0em 10.0em;
	background-color: #eee;
	border-radius: 10px;
	font-style: italic; text-align: center;
}
.facebook-link {
	margin-top: 0; font-style: normal; text-align: justify;
}
.facebook-link-description {
	margin-bottom: 1.0em; font-style: normal; text-align: justify;
}

@media print {
	body {
		color: black; background-color: white;
	}

	/*
	 * Interactive, navigational, etc. elements.
	 * Not relevant to a print-out.
	 */
	#respond, #tabs, #navigation, #searchform, #ads, .adblock, nav {
		display: none !important;
	}
	#header {
		position: static;
		border: none;
		top: auto; left: auto; right: auto; bottom: auto;
		margin-left: 3%;
		margin-right: 3%;
	}
	#header h1 {
		position: static !important;
		top: auto !important;
		left: auto !important;
		right: auto !important;
		bottom: auto !important;
		border: none !important;
		height: auto !important;
		width: auto !important;
	}
	#header h1 a:link, #header h1 a:visited { color: black !important; }
	#tagline {
		position: static !important;
		top: auto !important;
		bottom: auto !important;
		left: auto !important;
		right: auto !important;
		height: auto !important;
		width: auto !important;
		border: none !important;
	}
	#standards {
		position: static !important;
		top: auto !important;
		bottom: auto !important;
		left: auto !important;
		right: auto !important;
		margin-top: 0.5em;
		padding-top: 0.5em;
		border-top: 1px dotted black !important;
		margin-bottom: 0.5em;
		padding-bottom: 0.5em;
		border-bottom: 1px dotted black !important;
		border-left: none !important;
		border-right: none !important;
		height: auto !important;
		width: auto !important;
	}
	
	/* Focus on the content. Make some nice margins. */
	#content {
		border: none;
		margin-top: 1.0em;
		margin-left: 3%;
		margin-right: 3%;
		padding-left: 0;
		padding-right: 0;
		font-size: 10.5pt !important;
	}
	
	#content h2 a:link, #content h2 a:visited {
		color: black !important;
	}
	.weblog .node.single .body {
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
	
#talkback .commentlist li.comment .body:before {
content: none !important;
}

#talkback .commentlist li .body {
border-radius: 0px;
background-color: #eee !important;
border-top: none;
border-bottom: 1px dotted black;
border-left: none;
border-right: none;
}



	/* Interactive elements to squarsh. */
	#talkback .commentlist li .reply,
	#comments h2 .widgets,
	.comments .addyourown,
	.interactive {
		display: none !important;
	}
	.comments .no-comments {
		display: none;
	}
	
	/****
	 **** Content kung-fu: note hyperlink targets
	 ****/
	 a:link, a:visited { font-weight: bold !important; color: #101050 !important; }
	 article .body a:link:after, article .body a:visited:after {
	 	content: " {" attr(href) "}" !important;
	 	text-decoration: none; font-size: 60%;
	 	font-family: monospace;
		display: inline;
	 }

	/* But not when it's a footnote-related internal anchor link. */
	article .body sup a:link:after, article .body sup a:visited:after {
		content: "" !important;
		display: none !important;
	}
	.footnote-indicator, .note-return {
		display: none;
	}
}

