/*
Theme Name: Strange and Fascinating
Theme URI: http://strangeandfascinating.com/
Description: Custom theme based on Steampunk! preliminary cover art.
Version: 1.0
Author: Michael J. DeLuca
Author URI: http://michaeljdeluca.com/
Tags: fixed width

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

*/

* { border:0; margin:0; }
.hidden { display:none; }
.clear { clear:both; }

body 
{ 
	font: normal 16px "Times", "Times New Roman", serif; 
	color: #101; 
	background: #6E0E11 url(images/leather_bg.jpg);
}
a { text-decoration: underline; color: #670D0F; }
a:hover { text-decoration: none; }
a img { border:0; }
li { list-style-type:none; }

h1,h2,h3 { font-variant: small-caps; font-weight:normal; display:block; }
h1 { font-size: 23px; line-height:2.5em; text-align:center; }
h1 a { text-decoration: none; color: inherit; }
h2 { font-size: 18px; padding:15px 0 10px 0; }
h3 { font-size: 16px; line-height:1.5em; }

p { margin-bottom: 10px; line-height:1.2em; }
blockquote { margin: 5px; padding: 5px; font-size:90%; background-color:#ffe; opacity:0.9; filter:alpha(opacity=90); }
block

#marginalia 
{ 
	width:1024px; 
	margin: 0 auto; 	
}
#marginalia-top, #marginalia-foot { width:1024px; height:47px; margin: 0 auto; }

#marginalia-text { padding: 5px 15px; }
#marginalia-text ul { text-align:center; margin-left:-35px; }
#marginalia-top #marginalia-text ul li#quotes div#quotes-inside ul { padding-left:0px; }
#marginalia-foot #marginalia-text ul li#quotes div#quotes-inside ul { margin:0px 70px; }
#marginalia-text a { color: #FFF0C7; text-decoration:none; font-size:.9em; line-height:1.1em; }
#marginalia-text a:hover { text-decoration:underline; }
#marginalia-text li.left img { float: left; }
#marginalia-text li.right {float:right;}
#marginalia-text li.right img { float: right; }
#marginalia-text li { display:inline; width:80px; height: 47px; line-height:2.5em; float:left; }
#marginalia-text li#quotes { width: 829px; 
display: table; height: 47px; #position: relative; overflow: hidden;
}

#marginalia-text li#quotes #quotes-inside { 
//    float: right;
    left: -50%;
    text-align: left;	
	#position: absolute; 
	#top: 50%;
	display: table-cell; 
	vertical-align: middle;
}
#marginalia-text li#quotes #quotes-inside ul { 
    left: 50%;
    list-style: none outside none;
//    position: relative;
    margin: 0 10px;
	#position: relative; 
	#top: -50%
}

#marginalia-top a { font-style:italic; margin-top:5px; }

#marginalia-foot li.page_item { width:auto; }
#marginalia-foot li.page_item a { font-size: 15px; padding:0 5px; border-right: 1px solid #fff; }
#marginalia-foot li.page-item-4 a { border-left: 1px solid #fff; }

#header-nav { height: 53px; padding-top:10px; }
#header-nav ul { margin-left:-23px; }
#header-nav li { display:inline; float:left; padding: 0 3px; }
#header-nav li a { display:block; color:transparent; height:53px; filter:alpha(opacity=0); }
/* navbar mouseovers */
#header-nav ul li.current_page_item a, #header-nav ul li.current_page_parent a { background:transparent; }
#header-nav li.page-item-4 a, #header-nav li.page-item-4 a:visited { width: 138px; background: url(images/menu/home.jpg) no-repeat center top; }
#header-nav li.page-item-4, #header-nav li.page-item-4 a:hover, #header-nav li.page-item-4 a:active { background: url(images/menu/home-gold.jpg) no-repeat center top; }
#header-nav li.page-item-8 a, #header-nav li.page-item-8 a:visited { width: 120px; background: url(images/menu/the-authors.jpg) no-repeat center top; }
#header-nav li.page-item-8, #header-nav li.page-item-8 a:hover, #header-nav li.page-item-8 a:active { background: url(images/menu/the-authors-gold.jpg) no-repeat center top; }
#header-nav li.page-item-10 a, #header-nav li.page-item-10 a:visited { width: 113px; background: url(images/menu/the-editors.jpg) no-repeat center top; }
#header-nav li.page-item-10, #header-nav li.page-item-10 a:hover, #header-nav li.page-item-10 a:active { background: url(images/menu/the-editors-gold.jpg) no-repeat center top; }
#header-nav li.page-item-12 a, #header-nav li.page-item-12 a:visited { width: 102px; background: url(images/menu/news.jpg) no-repeat center top; }
#header-nav li.page-item-12, #header-nav li.page-item-12 a:hover, #header-nav li.page-item-12 a:active { background: url(images/menu/news-gold.jpg) no-repeat center top; }
#header-nav li.page-item-14 a, #header-nav li.page-item-14 a:visited { width: 149px; background: url(images/menu/whats-inside.jpg) no-repeat center top; }
#header-nav li.page-item-14, #header-nav li.page-item-14 a:hover, #header-nav li.page-item-14 a:active { background: url(images/menu/whats-inside-gold.jpg) no-repeat center top; }
#header-nav li.page-item-20 a, #header-nav li.page-item-20 a:visited { width: 149px; background: url(images/menu/where-to-buy.jpg) no-repeat center top; }
#header-nav li.page-item-20, #header-nav li.page-item-20 a:hover, #header-nav li.page-item-20 a:active { background: url(images/menu/where-to-buy-gold.jpg) no-repeat center top; }
#header-nav li.page-item-17 a, #header-nav li.page-item-17 a:visited { width: 107px; background: url(images/menu/recommended-reads.jpg) no-repeat center top; }
#header-nav li.page-item-17, #header-nav li.page-item-17 a:hover, #header-nav li.page-item-17 a:active { background: url(images/menu/recommended-reads-gold.jpg) no-repeat center top; }

#container-top { width: 960px; background: url(images/container-mid.jpg) center repeat-y; margin: 0 auto; }
#container-mid { background: url(images/container-top.jpg) center top no-repeat;  }
#container-foot {background: url(images/container-foot.jpg) center bottom no-repeat; }

#splash { height:287px; }

#content { width:922px; padding: 9px 17px; }
#content .entry p.ellipsis a { text-decoration:none; }
#content .entry p.ellipsis a:hover { text-decoration:underline; }

#left-column, #right-column { padding-top:10px; }
#left-column { width:455px; padding-left: 5px; text-align:justify; }
#right-column { float:right; width:455px; }

#left-column p.author { text-align:center; }

#content ul, #content ol { padding:0 0 20px 15px; }

.edit-link { font-size: 12px; font-variant:normal; display:inline; }
.edit-link a { text-decoration: underline; color: #670D0F; }

p.meta { font-style:italic; margin-top:-5px; }

.post { border-bottom: 2px dotted #110011; }

.bio { border-top: 2px dotted #670D0F; }

#float-top { background: url(images/float-mid.jpg) center top repeat-y; 
	margin-bottom: 20px;
}
#float-mid { background: url(images/float-top.jpg) center top no-repeat; 
	padding: 5px 5px 20px 5px;
}
#float-mid h2 { padding: 7px 0 0 0; }
#float-mid h2,#float-mid h3 {text-align:center; }
#float-mid img { padding: 2px; }
#float-mid p { padding:2px 15px; font-size:90%; text-align:justify; }
#float-mid p.meta { margin-top:0; display:inline; }

#float-mid #toc h3 { display:inline; text-align:left; }
#float-mid #toc p { float:right; padding: 2px 0; margin-bottom:0px; }
#float-mid ul#toc li { border-bottom: 2px dotted #110011; padding: 2px 0; margin-right:15px; }
#float-mid #toc a { text-decoration:none; }
#float-mid #toc a:hover, #float-mid #toc a:active { text-decoration:underline; }

#float-foot { background: url(images/float-foot.jpg) center bottom no-repeat; }

.flickr { margin: 0 15px; }
img.randombutton { float:left; height: 126px; margin: 5px 15px; }


//default wordpress functionality
.aligncenter, div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.alignleft {
	float: left;
	padding-right:0px 20px 20px 0px;
}
.alignright {
	float: right;
	padding:0px 0px 20px 20px;
}