/* 
Theme Name: TheBlankVerse
Theme URI: http://unknowngodjournal.com/
Description: A custom theme straining towards the neo-classical.
Version: 1.0
Author: Cliff Mak
Author URI: http://unknowngodjournal.com/
Tags: neo-classical, em-based, three colums, widgets
.
You are free to use any of the code 
From this design as long as you credit
Those to whom credit is due: a small link
Should suffice in most cases, I believe.
.
*/

/* Uniform settings */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	}	
body {
	text-align: center;
	font-size: 1em;
	line-height: 1.25em;
	margin: 0;
	padding: 0; }
abbr {
	text-decoration: none;
	padding-bottom: 0;
	line-height: 1em !important; 
	border-bottom: 1px #996633 dotted;
	}
.wrap {
	}
	
/* Font Families */

#topmenu, #searchform #s, #header, #features h2, #features h3, #features h5, #features .postmetadata, #features .postmetadata2, #features a.footnote, #features .entry .footnotebox, #features .feature blockquote, #features .feature p a.more-link, #features ul li .tagline em, #features ul li .tagline strong, #features #leftbar ul, #features #rightbar ul, #features .commentmetadata, #features .postnavlink, #features .comments-template textarea, #footer h1 
	{
		font-family: 'Trebuchet MS', Trebuchet, Helvetica, Arial, sans-serif;
	}

#features 
	{
		font-family: Baskerville, 'Adobe Garamond Pro', Georgia, 'Book Antiqua', Times, serif;
	}

/* Navigation menu at the top */	
	
#topmenu {
	clear: both;
	display: block;
	background-color: white;
	position: relative;
	text-align: right;
	width: 56.25em;
	margin: 1.5em auto 0;
	padding: 0;
	}
#topmenu ul{
	background-color: black;
	float: left;
	font-size: .75em;
	margin: 0 auto;
	padding: 0;
	width: 100%;
	text-align: left;
	color: black;
	font-weight: lighter;
	letter-spacing: 0.5pt; 
	text-transform: uppercase;
	font-variant: normal; 
	line-height: 1em !important;
	}
#topmenu ul li{
	display: inline;
	padding: 0;
	height: 1.9em;
	}
#topmenu li a, #topmenu li a:link  {
	margin: 0;
	float: left;
	display: block;
	color: white;
	background-color: black;
	padding: .5em 0.75em 0.2em;
	text-decoration: none; 
	border-right: 0 solid white;
	border-bottom: 0.25em solid black;
	}
#topmenu li a:hover { 
	color: white; 
	background-color: #996633;
	border-bottom: 0.25em solid #996633;
	}
.current_page_item {
	}
.current_page_item a {
	border-bottom: 0.25em solid #900 !important;
	}
.current_page_item a:hover {
	}
.neon, .neon a {
	color: #cceeff !important;
	font-weight: 400;
	}
.neon a:hover {
	color: white !important;
	}
.widget_search {
	float: right;
	text-align: right;
	height: 1.9em;
	}
#search {}
#searchform {}
#searchform #s {
	width: 14em;
	height: 1.2em;
	padding: 0 0.75em 0 0.75em;
	margin: 0.4em 0 0.3em;
	font-size: 0.95em;
	color: #cceeff;
	text-align: right;
	background-color: black;
	border-left: 1px dotted white;
	border-top: 0;
	border-bottom: 0;
	border-right: 0;
	}

/* Title header */

#header {
	clear: both;
	background-color: white;
	position: relative;
	text-align: center;
	width: 56.25em;
	margin: 0 auto 1.5em;
	padding: 0 0 2.5em; 
	border-bottom: 0.125em solid black;
	}
#header img {
	clear: both;
	width: 56.25em;
	margin: 2.5em 0 1em 0;
	padding: 0;
	border: 0;
	}
#header .subtitle {
	font-size: 0.75em;
	text-align: center;
	color: black;
	font-weight: 400;
	letter-spacing: 2.5pt;
	word-spacing: 0.75pt;
	text-transform: uppercase;
	}
#header a {
	border: 0;
	}
	
/* Begin the main body */	
	
#features {
	clear: both;
	width: 56.25em;
	margin: 0 auto;
	padding: 0;
	font-size: 1em;
	}
#features .leftbox {
	float: left;
	width: 27em;
	margin-right: 0;
	text-align: left; 
	}
#features .rightbox {
	float: right;
	width: 27em;
	margin-left: 0;
	text-align: left; 
	x-background: transparent url(img/cathedral2.png) no-repeat scroll 50% 3em;
	}
#features a {
	color: black;
	text-decoration: none;}
#features a:hover {
	color: #900; 
	text-decoration: none;
	}
#features h2 { /* division titles */
	margin: 0 0 1.25em 0;
	padding: 0 0 0.625em 1em;
	color: #333;
	font-size: 1em;
	font-style: normal;
	font-weight: 600;
	letter-spacing: 0;
	word-spacing: 1pt;
	border-bottom: 1px solid #666;}
#features h3 { /* section header */
	margin: 0.625em 0 0.625em 0;
	padding: 0;
	color: #996633;
	font-size: 1em;
	font-style: none;
	font-weight: 400;
	letter-spacing: 0;
	word-spacing: 2pt;
	}
#features h3 cite { /* section header */
	color: black;
	font-style: italic;
	}
#features p + h3 {
	margin: 1.875em 0 0.625em 0; 
	}
#features h5 { /* sub-section header */
	margin: 0;
	padding: 0;
	color: #996633;
	font-size: 0.8em;
	font-style: normal;
	font-weight: 500;
	letter-spacing: 0;
	word-spacing: 2pt;
	}
#features p + h5 {
	margin: 0 0 0.625em 0; 
	}	
	

#features h1 { /* entry headline */
	margin: 0;
	padding: 0;
	color: #996633;
	font-size: 1.25em;
	font-style: none;
	font-weight: 400;}
	
#features h4 { /* byline */
	margin: 0;
	padding: 0;
	color: black;
	text-transform: lowercase;
	font-variant: small-caps;
	font-size: 1em;
	font-style: none;
	font-weight: 400;}
	
	
#features .entry {
	margin: 0 1em 1.25em;
	padding: 0 0 0.625em;
	border-bottom: 1px dotted #999;
	vertical-align: top;
	}
#features p { /* entry body */
	margin: 0.625em 0 0.625em;
	padding: 0;
	color: black;
	font-size: 1em;
	font-style: normal; 
	font-weight: 400;
	}
#features .entry blockquote {
	padding: 0 1.25em;
	margin: 0.625em 0 0.625em;
	border-top: 1px dotted #996633;
	border-bottom: 1px dotted #996633;
	}
#features .entry blockquote.verse {
	padding: 0 1.25em;
	margin: 0.625em 0 0.625em;
	border: 0;
	}
#features .entry blockquote.epigraph {
	color: #996633 !important;
	font-style: normal !important;
	padding: 0 1.25em;
	margin: 0.625em 0 0.625em;
	border: 0;
	}
#features .entry blockquote cite {
	font-style: normal;
	}
#features .entry blockquote em {
	font-style: normal;
	}
#features .entry blockquote p {
	font-style: italic;
	}
#features .entry blockquote.epigraph p {
	color: #996633 !important;
	font-style: normal !important;
	}
#features .entry ul, #features .entry ol {
	margin: 0.625em 0 0;
	padding: 0;
	border: 0;
	font-style: inherit;
	color: inherit;
	font-weight: inherit;
	}
#features .entry ol li {
	font-size: inherit;
	margin: 0 0 0.625em;
	padding: 0;
	border: 0;
	list-style-type: decimal;
	list-style-image: none;
	list-style-position: outside;
	}
#features .entry ul li {
	font-size: inherit;
	margin: 0 0 0.625em;
	padding: 0;
	border: 0;
	list-style-type: circle;
	list-style-image: none;
	list-style-position: inside;
	}
#features .entry ul.block {
	margin: 0.625em 0 0.625em;
	padding: 0;
	border-top: 1px dotted #996633;
	border-bottom: 0;
	font-style: inherit;
	color: inherit;
	font-weight: inherit;
	}
#features .entry ul.block li {
	font-size: 0.875em;
	margin: 0;
	padding: 0.71em 0;
	border-bottom: 1px dotted #996633;
	list-style-type: none;
	list-style-image: none;
	list-style-position: inside;
	}
#features .postmetadata { /* entry metadata */
	color: #996633;
	font-size: 0.75em;
	}
#features ul li .postmetadata { /* entry metadata adjusted for lists */
	font-size: 0.6em;
	margin: 0;
	padding: 0;
	}
#features .postmetadata2 { /* entry metadata */
	color: #666666;
	font-size: 0.75em;
	margin-bottom: 1.5em;
	}
#features p strong { 
	font-weight: 700;
	}
#features p a, #features .entry ul.block li a {
	color: #996633;
	text-decoration: none;
	font-weight: 400;
	}
#features p a:hover, #features .entry ul.block li a:hover {
	color: #900; 
	text-decoration: underline;
	}
#features .entry .size-full, #features .entry .size-medium {
	width: 25em;
	}
#features .entry .noborder {
	border: 0 !important;
	}

/* Footnotes */

#features span.footnote {
	color: #996633;
}
#features a.footnote {
	color: #996633;
	vertical-align: super;
	font-style: normal;
	text-decoration: underline;
	font-size: 0.6em;
	font-weight: 400;
	line-height: 1em;
	margin-top: 0;
	padding-top: 0;
	}
#features .entry .footnotebox {
	border-top: 1px dotted #996633;
	margin: 1.25em 0 0;
	padding: 1.25em 0 0 0;
}
#features .entry .footnotebox ol  {
	padding: 0;
	margin: 0;
	}
#features .entry .footnotebox ol li {
	color: #444 !important;
	font-size: 0.75em !important;
	padding: 0 !important;
	margin: 0 0 0.833em !important;
	list-style-type: decimal !important;
	list-style-position: inside !important;
}




/* Featured Blog Post and Recent Posts */

#features .feature {
	margin: 0 1em 2.5em;
	padding: 0 0 1em;
	border-bottom: 1px dotted #999;
	}
#features .feature h1 { /* blurb headline */
	color: black;
	font-size: 1.5em;
	}
#features .feature p { /* blurb */
	margin: 0.625em 0 0;
	color: #996633;
	font-size: 1.2em;
	line-height: 1.2em;
	}
#features .feature blockquote {
	padding: 0 1.25em;
	margin: 0.3125em 0 0.3125em;
	border: 0;
	font-size: 0.875em;
	}
#features .feature p strong { 
	font-weight: 400;
	}
#features .feature p cite, #features .feature p em  { 
	color: black;
	}
#features .feature p a {
	color: #666; 
	}
#features .feature p a.more-link {
	color: black; 
	font-variant: small-caps;
	letter-spacing: 0.5pt;
	}
#features .feature p a:hover {
	color: #900; 
	text-decoration: underline;
	}	
	
#features ul {
	padding: 0 0 0 0;
	margin: 0 1em 2.5em;
	border-bottom: 1px dotted #999;
	font-style: normal;
	color: black;
	font-weight: 400;
	list-style-type: none;
	list-style-image: none;
	list-style-position: outside;}
#features ul li{
	font-size: 1.25em;
	margin: 0 0 1em 0;
	list-style-type: none;
	list-style-image: none;
	list-style-position: outside;}
#features ul li .tagline {
	color: #666;
	width: 100%;
	text-indent: 0em;
	margin: 0;
	font-size: 0.8em;
	font-style: normal; 
	font-weight: 400;
	}
#features ul li .tagline p {
	margin: 0;
	padding: 0;
	color: #666;
	font-size: 1em;
	font-style: normal; 
	font-weight: 400;
	}
	
#features ul li .tagline em {
	color: #996633;
	text-transform: lowercase;
	font-variant: small-caps;
	font-style: normal; 
	font-weight: 400;
	letter-spacing: 0pt;
	padding-right: 0.25em;
	}
#features ul li .tagline em a {
	color: #996633;
	text-decoration: none;
	}
#features ul li .tagline em a:hover {
	color: #900;
	text-decoration: underline;
	}
#features ul li .tagline strong { /* Article Bylines for Print ToC */
	color: #996633;
	font-style: normal; 
	font-weight: 400;
	letter-spacing: 0pt;
	padding-right: 0.25em;
	}

.coverthumb {
	float: left;
	clear: both;
	width: 25em;
	border: 0 none;
	margin: 0 0 1.25em;
	padding: 0 1em;}
	
#features img {
	border: 1px solid black;
	}
#features .leftthumb {
	margin: 0 0 1.25em 0;
	width: 11.25em;
	float: left;}
#features .rightthumb {
	margin: 0 0 1.25em 0;
	width: 11.25em;
	float: right;
	}
#features .entry .issuebox {
	height: 9.25em;
	margin: 0;
	padding: 0;
	}
#features .entry .issuethumb {
	float: left;
	width: 6em;
	height: 8em; 
	margin: 0 1em 1.25em 0;
	padding: 0;
	}


/* The Two Sidebars */
	
#features #leftbar {
	width: 12.375em;
	margin: 0 0 1.25em 0;
	float: left;
	}
#features #rightbar {
	width: 12.375em;
	margin: 0 0 1.25em 0;
	float: right;
	}
#features #leftbar, #features #rightbar {
	list-style-type: none;
	list-style-image: none;
	list-style-position: outside;
	}
#features #leftbar li, #features #rightbar li, #features #leftbar ul li, #features #rightbar ul li {
	list-style-type: none;
	list-style-image: none;
	list-style-position: outside;
	}	
#features #leftbar ul, #features #rightbar ul {
	list-style-type: none;
	list-style-image: none;
	list-style-position: outside;
	padding: 0 0 0.5em 0;
	margin: 0 1.6em 4em;
	color: #000;
	font-size: 0.625em;
	text-transform: none;
	font-variant: normal;
	font-weight: 400;
	letter-spacing: 0pt;
	word-spacing: 0pt;
	line-height: 1.25em;
	}		
#features #leftbar ul a, #features #rightbar ul a {
	font-style: normal;
	text-decoration: none;
	font-variant: normal;
	}
#features #leftbar ul a{
	color: #664400;
	}
#features #rightbar ul a{
	color: #996633;
	}
#features #leftbar ul a:hover, #features #rightbar ul a:hover {
	color: #900;
	text-decoration: none;
	}
.bluemod {
	padding: 0 !important;
	margin: 0 1.6em 3em !important;
	border-bottom: 0 !important;
	}
.bluebox {
	margin-bottom: 2px !important;
	width: 100%;
	display: block;
	text-align: center;
	line-height: 1em;
	}
.bluebox a {
	display: block;
	clear: both;
	color: black !important;
	margin: 0;
	width: 100%;
	padding: 0.7em 0 0.6em;
	background-color: #dfe7ee;
	}
.bluebox a:hover {
	color: white !important;
	background-color: #900;
	}				
#features #leftbar li #thumbs {
	clear: both;
	width: 100%;
	height: 8em;
	margin: 0 0 1.6em;
	display: block;
	}	
#features #leftbar li .barthumbl, #features #leftbar li .barthumbr {
	margin: 0;
	padding: 0;
	width: 6em;
	}
#features #leftbar li .barthumbl {
	float: left;
	}
#features #leftbar li .barthumbr {
	float: right;
	}

#features #rightbar .stat {
	text-align: center;
	}
#features #rightbar .stat img {
	border: 0;
	}
	
/* Post navigation */

#features .postnav { /* Container for Next/Prev links*/
	margin: 0 1em 2.5em;
	padding: 1.25em 0 2.5em;
	border-bottom: 1px dotted #999;
	}
#features .archnav { /* Container for Next/Prev links*/
	margin: 0 1em 2.5em;
	padding: 0 0 2.5em;
	border-bottom: 1px dotted #999;
	}
#features .postnavlink {
	color: black;
	font-size: 0.75em;
	}
#features .postnavlink a{
	color: #996633;
	text-decoration: none;
	font-weight: 400;
	}
#features .postnavlink a:hover {
	color: #900; 
	text-decoration: underline;
	}

/* Comments (w/in Features) */

#features .comments-template {
	margin: 0 1em 1.25em;
	padding: 0 0 1.25em;
	border-bottom: 1px dotted #999;
	}
#features .comments-template ol {
	padding: 0;
	margin: 0;
	list-style-position: inside;
	}
#features .comments-template li {
	padding: 0 0 0.625em;
	margin: 0 0 1.25em;
	border-bottom: 1px dotted #996633;
	}
#features .commentmetadata { /* comment metadata */
	color: black;
	font-size: 0.75em;
	}
#features .comments-template textarea {
	font-size: 0.75em;
	width: 100%;
	}
#features .comments-template a {
	color: #996633;
	text-decoration: none;
	font-weight: 400;
	}
#features .comments-template a:hover {
	color: #900; 
	text-decoration: underline;
	}

/* The Bottom */

#footer {
	clear: both;
	background-color: white;
	position: relative;
	width: 56.25em;
	height: 1.5em;
	margin: 0 auto 1.25em;
	padding: 0;
 	border-top: 0.125em solid black;
 	text-align: right;
	}
	
#footer h1 {
	margin: 0.25em 0 0 0;
	padding: 0;
 	font-size: 0.75em;
 	font-weight: 400;
 	color: black;
 	text-transform: lowercase;
 	font-variant: small-caps;
 	word-spacing: 1pt;
	}
#footer h1 strong {
	font-weight: 400;
	color: red;
	}
#footer h1 a {
	color: inherit;
	text-decoration: none;
	}
#footer h1 a:hover {
	color: #900;
	text-decoration: underline;
	}