/*  
Theme Name: WFC-1
Theme URI: http://weirdfortunecookies.com/
Description: Meets the needs of the weirdfortunecookies.com website.
Version: 1.0
Author: the Curator
Author URI: http://weirdfortunecookies.com/
*/

body {
	background-color: black;
	color: whitesmoke;
	text-align: center; 
	font-family: Verdana, sans-serif;
	font-size: 0.8em;
}


h1, h2, h3, h4, h5, h6   {
	color: #FFFF80; 
}

h1	{ font-size: 2em; }
h2	{ font-size: 1.7em; }
h3	{ font-size: 1.4em; }	
h4	{ font-size: 1.1em; }	
h5	{ font-size: 0.9em; }	
h6	{ font-size: 0.8em; }	


img {
	border: 0;
}

blockquote {
	margin-left: 2em;
	margin-right: 2em;
}

a, a:visited {
	color: aqua;
	text-decoration:	none;
}

a:active, a:hover	{	
	text-decoration: underline;
}	

a img {
	border: 0;
}

small {	
	font-size:	smaller;
}	

big {	
	font-size:	  large;
}	


pre {	
	font-family: "Courier New", Courier, monospace;
	font-size: 1em;
}	

ul {
	list-style: square;
}	

ol {
	list-style-type:	decimal;
}	


.center {
	vertical-align: middle;
	text-align: center;
}

.form_field {
	margin-top: 0.6em;
	margin-bottom: 0.5em;
}

.small {
 	font-size: smaller;
}

.img_inline {
	vertical-align: middle;
}

.alignright {
	text-align: right;
}

.alignleft {
	text-align: left;
}

.nav {
	font-size: smaller;
}

.hide {
	color: black;
}

.muted {
	color: gray;
}

.muted a, .muted a:visited {
	color: gray;
	text-decoration: underline;
}

.strikeout {
	text-decoration: line-through;
}

.imgborder {
	border: solid 1px;
}


.mail  {
	margin-right: 4em;
	margin-left: 4em;
	padding: 1.5em;
	border: 3px double black;
	background-color: whitesmoke;
	color: black;
	font-family: monospace;
	font-size: 1em;
}


div#wrapper {
	width: 61em;
	margin: 0 auto; 
	padding: 0.4em 0 1em 0;  
	/*background-color: black;*/
	text-align: left;
}

div#site-header {
	/*background-color: black;*/
	margin: 0 0 2.5em 0;
	padding: 0.8em 0 1em 0;
 	border-top: solid 1px gray;  
	border-bottom: solid 1px gray; 
	text-align: center;
}

div#main {
	margin: 0;
	padding: 0;
	text-align: left;
}

div#content {
	margin: 0;  
	margin-right: 14em;
	padding: 0px;
}

div#sidebar {
	float: right;
	width: 14em;
	margin: 0 0 0 2em;
	padding: 0 0 0 1.5em;
	border-left: solid 1px gray;
	font-size: smaller;
}

div#footer {
	clear: both;
	/*background-color: black;*/
	margin: 0 auto;  
	text-align: center;
	font-size: smaller;
	margin-top: 30px;
	padding-top: 10px;
}



div#site-header h1, 
div#site-header h1 a {
	margin: 0;
	padding: 0;
	font-family: Garamond, serif;
	font-size: 36pt;
	/*font-variant: small-caps;*/
	font-weight: normal;
	color: #FFFF80;
	text-decoration: none;
}

div#site-header h2 {
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: Sylfaen, Palatino, Georgia, serif;
	font-size: 18pt;
	font-weight: normal;
	color: white;
}

div#sidebar h2 {
	font-size: 1.2em;
	font-weight: bold;
	margin: 0;
	margin-bottom: 1em;
	margin-top: 2.2em;
	padding: 0;
}

div#sidebar h2 a, div#sidebar h2 a:visited {
	color: yellow;
	text-decoration: none;
}

div#sidebar h3 {
	margin: 0;
	margin-left: 0;
	margin-top: 1.5em;
	margin-bottom: 0.5em;
	padding: 0;
	font-size: 1em;
	font-weight: bold;
	color: whitesmoke;
}

div#sidebar ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style-image: none;
}

div#sidebar li {
	margin: 0;
	padding: 0;
	margin-bottom: 0.3em;   /* line spacing */
}

div#sidebar ul.indent li {
	text-indent: -1em;
	margin-left: 1em;
}

div#sidebar ul.list_links li {
	margin-bottom: 1.2em;
}

div#sidebar ul.logos {
	margin-top: 3em;
}

div.search_form {
	margin: 2.5em 0 0 0;
	padding: 0;
}

div.search_form input.textbox {
	margin: 0;
	padding: 0.1em;
 	border: solid 1px gray;
	background-color: black;
	color: white;
	font-family: monospace;
	width: 11em; 
	font-size: 1.2em;
}

div.search_form input.button {
	margin: 0;
	margin-top: 0.5em;
	padding: 0.1em 0.5em 0.1em 0.5em;
	font-size: 1.1em; 
}


div.post {
	/*padding: 0.8em;*/
	/*border: ridge 3px gray;*/
	margin: 0;
	margin-bottom: 3em;
	text-align: left;
}

div.post_single {
	margin: 0;
	margin-bottom: 2em;
	padding: 0;
	/*padding-bottom: 2em;*/
	/*padding-top: 2px;*/
	text-align: center;
	/*border: dashed 1px red;*/
}

div.entry_single {
	width: 43em;
	margin: 0em auto 2em auto;
	padding: 0;
	text-align: left;
	/*border: dashed 1px green;*/
}

.post_single .postmetadata {
	text-align: center;
}

div.post h3 h4 h5 {
	padding: 0;
	margin: 0;
	/* font-size: 90%; */
}

div.post_single h3 {
	margin-top: 0.5em;
	text-align: center;
	/*font-variant: small-caps;*/
}

div.post_single .f_img {
	margin-top: 3em;
	margin-bottom: 3em;
	text-align: center;
}

div#comments {
	margin-top: 5em;
	/*border-top: dotted 1px gray;*/
}

div#comment_form {
	margin-top: 3em;
}


input.textbox, textarea {
	background-color: black;
	border: solid 1px gray;
	font-family: monospace;
	font-size: 1.2em;
	color: #F5F5F5;
}

input.textbox {
	padding: 0.1em;
}

textarea {
	padding: 0.3em;
}

textarea#comment {
	width: 30em;
	height: 9em;
}

div#comment_form h5 {
	/*font-size: smaller;*/
}

ol.commentlist {
	font-size: smaller;
	list-style: decimal;
	/*margin-left: 1.5em;*/
	margin-left: 0;
	margin-right: 2em;
	padding: 0;
	list-style-type: none;
}

ol.commentlist li {
	border-bottom: dashed 1px gray;
	/*padding-top: 0.5em;*/
	padding-bottom: 0.5em;
	margin-bottom: 1em;
	/*margin-left: 1.5em;*/
}

ol.commentlist li p {
	margin-left: 1.5em;
}

ol.commentlist li blockquote {
	border-left: solid 1px gray;
	margin-left: 3em;
	margin-right: 3em;
	color: #9D9D9D;
}

.comment_metadata {
	color: gray;
	margin-left: 0;
}

.comment_metadata a, .comment_metadata a:visited {
	color: gray;
	text-decoration: underline;
}

.comment_metadata a:active, .comment_metadata a:hover {
	color: aqua;
	text-decoration: underline;
}


/*.comment_text {
	font-family: Georgia, serif;
} */

cite {
	font-style: italic;
	font-weight: bold;
}

input.button {
	font-size: 0.8em; 
}


div.navigation {
	margin: 0 auto;
	padding: 0;
	margin-bottom: 2em;
	/*text-align: center;*/
	/*font-style: italic;*/

	/*font-size: smaller;*/
	/*border-top: dotted 1px gray;*/
	/* border-bottom: double 1px gray; */
}

.browse_description {
	margin: 0;
	padding: 0;
	text-align: center;
	/*font-style: italic;*/
	/*font-size: 110%;*/
}

.border-top {
	border-top: solid 1px gray;
}

.browselinks {
	margin: 0;
	margin-top: 0.1em;
	padding: 0;
	line-height: 150%;
}

.nav_backward {
	display: inline;
	/* text-align: left;*/
}

.nav_forward {
	display: inline;
	/*text-align: right;*/
}

.nav_separator {
	display: inline;
}

.search_querystring {
	/*font-style: italic;*/
}

.edit_link {
	font-size: smaller;
	text-align: right;
}

.faq_q {
	font-size: 95%;
	font-weight: bold;
	color: #FFFF80;
	margin-top: 2.5em;
}

.faq_a {
/*	margin-left: 1em;
	margin-right: 1em; */
}

.post_title, a.post_title, a.post_title:active, a.post_title:visited, a.post_title:hover {
	color: #FFFF80;
	margin: 0;
	/* padding-top: 10px; */
	/* border-top: solid 1px gray; */
	/*text-align: center;*/
}

.boxaround {
	padding-top: 1em;
	padding-bottom: 1em;
	padding-left: 1em;
	padding-right: 1em;
	border: dotted 1px gray;
}

.entry {
	padding: 0;
	margin: 0;
	margin-top: 2em;
	margin-bottom: 1em;
	/*text-align: left;*/
}

.entry_single {
	margin-bottom: 3em;
}

.byline {
	color: gray;
	font-size: smaller;
	margin-bottom: 1em;
}

.postmetadata {
	font-size: smaller;
	color: gray;
	padding: 0;
	margin: 0;
	text-align: right;
}

.postmetadata a, .postmetadata a:visited, .postmetadata a:active, .postmetadata a:hover {
	color: gray;
	text-decoration: underline;
}

.postmetadata_single {
	font-size: smaller;
	color: gray;
	padding: 0;
	margin: 0;
	text-align: center;
}

.postmetadata_single a, .postmetadata_single a:visited, .postmetadata_single a:active, .postmetadata_single a:hover {
	color: gray;
	text-decoration: underline;
}


.f_img {
	border: 0;
	font-size: smaller;
	margin-top: 2em;
	margin-bottom: 3em;
	/*text-align: left;*/
}

.post_single .f_img {
	/*text-align: left;*/
}


.f_credit {
	font-size: smaller;
	color: gray;
}


.logo_button {
	margin-bottom: 2px;
	vertical-align: middle;
}


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

	h1, h2, h3, h4, h5, h6   {
		color: black;
		page-break-after: avoid; 
		page-break-inside: avoid;
	}

	a, a:visited {
		color: navy;
		text-decoration: underline;
	}

	img { 
		page-break-inside: avoid; 
		page-break-after: avoid; 
	}
	
	blockquote, table, pre { 
		page-break-inside: avoid; 
	}
	
	ul, ol, dl  { 
		page-break-before: avoid; 
	}
	
	div#site-header h1, 
	div#site-header h1 a {
		color: black;
		font-size: 26pt;
	}

	div#site-header h2 {
		color: black;
	}

	div#wrapper {
		width: 100%;
	}
	
	div#sidebar {
		display: none;
	}
	
	div#content {
		margin: 0;
	}
	
	div#comment_form {
		display: none;
	}
	
	div#footer {
		display: none;
	}

	.faq_q {
		color: black;
	}
	
	.post_title, a.post_title, a.post_title:visited {
		color: black;
		text-decoration: none;
	}

}


ul.linklist {
	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style-image: none;
}

ul.linklist li {
	margin: 0;
	padding: 0;
	margin-bottom: 0.3em;   /* line spacing */
	text-indent: -1em;
	margin-left: 1em;
}

ul.linklist li a:visited {
	color: teal;
}

ul.linklist li a:active, ul.linklist li a:hover {
	color: aqua;
	text-decoration: underline;
}