@charset "utf-8";
/* CSS Document for Fantasy Magazine */
/*
Theme Name: Fantasy Magazine
Theme URI: ??
Description: Custom Theme for Fantasy Magazine
Version: 1 (WP2.8.4)
Author: Jeremiah Tolbert, design by Matthew Kressel
Author URI: http://www.clockpunkstudios.com/
Tags: fantasy, fiction, magazine
*/


/* RESET RELOADED by Eric Meyer */
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,  font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
/* remember to define focus styles! */
:focus {outline: 0;}
body {line-height: 1;color: black;background: white;}
ol, ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

/* Fantasy Magazine Main Layout Code */
/* Basic Tag Styles */
body {background-color:#142540;font-family:Arial, Helvetica, sans-serif;font-size:12px;}
 p {margin-bottom:16px;line-height:16px;}
 a, a:visited {color:#005D89;text-decoration:none;}
 a:hover {text-decoration:underline;}
/* Header */ 
#wrapper {width:960px;padding:0 5px;margin:0 auto;}
#header {width:950px;margin:10px 0 10px 0;position:relative;height:250px;}
	#header h1 {display:block;height:250px;width:625px;background:url(images/header_graphic.jpg) no-repeat;text-indent:-9999px;float:left;margin-right:25px;}
		#header h1 a {display:block;height:250px;width:625px;}
		#header h2 {text-indent:-9999px;position:absolute;}
	#top_ad_box, .sidebar_box_ads {float:left;background-color:#FFF;min-height:250px;width:300px;}
	#top_ad_box p, #sidebar .sidebar_box_ads p {font-size:16px;margin:100px 50px;line-height:22px;text-align:center;color:#fff;}

/* Navigation */
	ul#navigation {width:915px;background-image:url(images/navigation_background.png);height:35px;clear:left;padding:0 10px 0 25px;margin-bottom:25px;overflow:hidden;}
		#navigation li {display:inline;float:left;height:35px;font-family:Georgia, "Times New Roman", Times, serif;}
		#navigation li.current_page_item, #navigation li.active_page_parent {font-weight:bold;}
		#navigation li a {color:#142540;text-decoration:none;font-size:16px;display:block;height:32px;line-height:32px;margin-top:1px;padding:0 16px;}
		#navigation li a:hover {background-color:#0d1829;color:#FFF;}
/* Main Column.  This is where most CSS will be*/		
#main_column {float:left;width:625px;margin-right:25px;}
	#main_column .box_top {background-image:url(images/main_box_top.png);width:625px;height:10px;font-size:1px;}
	#main_column .box_bottom {background-image:url(images/main_box_bottom.png);width:625px;height:10px;font-size:1px;}
	#main_column .box_inner {padding: 5px 10px;background-color:#fff;}
	#featured_slider {background-color:#FFF;position:relative;margin-bottom:25px;}
		.jcarousel-clip {height:200px;width:570px;margin:25px;overflow:hidden;border:1px solid #CCC;}
			#slider_container {background-color:#fff;}
			#slide_container li {height:200px;width:570px;}
			#slide_container h3 {font-family:Georgia, "Times New Roman", Times, serif;font-size:14px; font-weight:bold;color:#3F3F3F;margin-bottom:4px;}
			#slide_container h4 {font-family:Georgia, "Times New Roman", Times, serif;font-size:12px;color:#3F3F3F;margin-bottom:12px;font-style:italic;}
			#slide_container .illustration {float:left;width:100px;height:170px;background-color:#E5E5E5;padding:15px;}
				#slide_container .illustration img {border:1px solid #CCC;}
				#slide_container .excerpt {float:left;width:410px;height:180px;overflow:hidden;padding:10px;}
				#slide_container .excerpt h2 {font-size:18px;font-family:Georgia, "Times New Roman", Times, serif;margin-bottom:10px;line-height:1.2;}
				#slide_container .excerpt .continued {background-image:url(images/continue.png);padding-left:20px;line-height:18px;background-repeat:no-repeat;margin-left:220px;}
				#slide_container .excerpt p {font-size:13px;line-height:17px;margin-bottom:12px;}
				#slide_container .featured_fiction {}
		a#next_slide_btn {display:block;position:absolute;right:0;top:100px;height:25px;width:25px;text-indent:-9999px;background-image:url(images/next_slide_btn_background.png);background-position:top;}
		a#prev_slide_btn {display:block;position:absolute;left:0;top:100px;height:25px;width:25px;text-indent:-9999px;background-image:url(images/prev_slide_btn_background.png);background-position:top;}
			a#next_slide_btn:hover, a#prev_slide_btn:hover {background-position:25px;}
			a#next_slide_btn.inactive, a#prev_slide_btn.inactive {background-position:50px;}
	.main_area_container {background-color:#FFF;position:relative;margin-bottom:25px;}
		#main_column .fancy_header, .fancy_header {font-size:28px;margin-left:30px;margin-bottom:20px;}
		#featured_slider .fancy_header {margin-bottom:-15px;}
		#banner_ad {margin-bottom:25px;width:625px;text-align:center;display:none;}
		.post {margin-left:10px;position:relative;width:575px;margin-bottom:20px;font-family:Arial, Helvetica, sans-serif;font-size:12px;margin-right:25px;}
			.illo {float:left;width:100px;padding-left:20px;padding-right:10px;}
			.post_body {float:left;width:425px;}
			.post h2  {font-family:Georgia, "Times New Roman", Times, serif;font-size:18px;font-weight:bold;margin-bottom:4px;line-height:24px;}
			.post a {color:#005D89;text-decoration:none;}
			.post a:hover {text-decoration:underline;}
			.post .post_body h3 {font-family:Georgia, "Times New Roman", Times, serif;font-size:14px; font-weight:bold;color:#3F3F3F;margin-bottom:8px;}
			.post .meta {margin:18px 0;}
			.post .meta span {border-bottom:2px solid #ABABAB;border-top:2px solid #ABABAB;padding:7px 10px;color:#3F3F3F;font-family:Georgia,Times Roman,serif;font-size:11px;margin-top:8px;line-height:30px;}
			.post .continued {background-image:url(images/continue.png);padding-left:20px;line-height:18px;background-repeat:no-repeat;}
			.post .comments_link {margin-left:190px;}
			.post p {margin-bottom:11px;line-height:16px;}
			.clear {clear:both;}
			.post ul {list-style-type:disc;margin:12px 35px;}
			.post ul li {padding-left:5px;margin-bottom:6px;}
			.post blockquote {margin:10px 25px;}
			.post ol {list-style-type:decimal;margin:12px 35px;}
			.post h3 {font-size:16px;font-weight:bold;margin-bottom:4px;line-height:22px;}
			.post h4 {font-size:14px;font-weight:bold;margin-bottom:4px;line-height:20px;}
			.post h5 {font-size:12px;font-weight:bold;margin-bottom:4px;line-height:18px;}
			
	#footer {clear:both;margin-bottom:10px;}
	.copyright {color:#fff;font-size:10px;text-align:center;}
	h3.sidebar_header {font-size:28px !important;margin-bottom:20px;}

/* Sidebar CSS */	
#sidebar {float:left;width:300px;}
	#sidebar .fancy_header {font-size:16px;margin-left:0;margin-bottom:10px;}
	#sidebar p {font-size:12px;margin-bottom:11px;line-height:16px;}
	.sidebar_box ul {margin-left:20px;margin-bottom:20px;}
	.sidebar_box ul li {margin-bottom:5px;list-style-image:url(images/star-bullet.png);padding-left:5px;line-height:14px;}
	.sidebar_box li.rss {list-style-image:url(images/rss_small.png);}
.sidebar_area {margin-bottom:25px;}
	.sidebar_area .box_top_sidebar{background-image:url(images/sidebar_tabbed_top.png);height:10px;width:300px;clear:both;font-size:1px;}
	.sidebar_area .box_top{background-image:url(images/sidebar_top.png);height:10px;width:300px;clear:both;font-size:1px;}
	.sidebar_area .box_bottom {background-image:url(images/sidebar_bottom.png);height:10px;width:300px;font-size:1px;}
	.sidebar_box {background-color:#fff;padding:10px;width:280px;}
	.tab_box {background-color:#fff;width:280px;}
	#sidebar #tab_list ul {margin:0;}
	#sidebar #tab_list ul li {list-style-image:none;margin:0;padding:0;}
	#sidebar #tabs_list ul li a {display:block;height:25px;}
	#mast_header {text-align:center;;font-weight:bold;font-size:12px;margin-bottom:12px;}
	#masthead {font-size:11px;}
	#masthead dt {clear:both;float:left;width:130px;padding-right:10px;text-align:right;margin-bottom:10px;display:block;}
	#masthead dd {float:left;width:140px;text-align:left;margin-bottom:10px;font-weight:bold;display:block;line-height:14px;}
	#about_list {margin-left:20px;}
	#about_list li {margin-bottom:10px;}
.sidebar_box_ads {margin-bottom:25px;}
.sidebar_ads {margin-bottom:25px;}

.sidebar_box_ads p {margin-bottom:11px;line-height:16px;}
.sidebar_box_ads ul {list-style-type:disc;margin:12px 35px;}
.sidebar_box_ads li {padding-left:10px;margin-bottom:6px;display:}
#the_store_sidebar .sidebar_box {}
.sociable_tagline {margin-bottom:5px;}
.bhaheadlines {font-size:14px;margin-bottom:15px;margin-left:10px;}
.privacy {margin-left:10px;}
/*Search Form */
#searchform {margin:15px auto 0 auto;width:220px;}
	.search_text {width:150px;font-size:10px;color:#666;}
	.search_button {font-size:10px;border:1px solid black;outline:none;position:relative;top:1px;}
	
/* Single Page code */	
.post_tools {text-align:right;font-size:12px;}	
.inner_meta {border-bottom:2px solid #ABABAB;border-top:2px solid #ABABAB;padding:7px 10px;color:#3F3F3F;font-family:Georgia,Times Roman,serif;font-size:11px;margin-top:8px;margin-bottom:0px !important;}
.post_links {font-size:10px;text-align:right;}
.story_text {font-family:Verdana, Geneva, sans-serif;font-size:14px;margin-left:20px;margin-right:20px;padding-top:20px;clear:left;line-height:1.5;}
.story_text p {line-height:1.5;}
/* Need a lot of styles right here. */
#authorbox {line-height:1.5;border-bottom:2px solid #375E2F;border-top:2px solid #375E2F;clear:both;font-size:10pt;font-style:italic;margin-top:5px;padding:10px 0;text-align:justify;}
.alignleft {float:left;margin-right:10px;margin-bottom:10px;}
.alignright {float:right;margin-left:10px;margin-bottom:10px;}
#related-posts {margin:15px 0;}
#related-posts h4 {font-size:14px;margin-bottom:25px;font-weight:bold;}


/* Comments Area Styles */
.subscribe_link{font-weight:bold;}
	.subscribe_link a {padding-left:15px;background-image:url(images/rss_small.png);background-repeat:no-repeat;}
.comment_header {display:block;background-color:#ACC2E9;padding:5px;}
	.comment_header small {font-size:10px;padding-left:10px;}
	.comments_area h3 {font-size:14px;font-weight:bold;margin-bottom:0 !important;}
	.jump_box {font-size:10px;margin-bottom:10px;display:block;}
#comments_list {margin-bottom:15px;list-style-type:none !important;}
	#comments_list li {margin-bottom:25px;font-size:14px;}
#commentform {margin-top:15px;}

#older {float:left;padding-bottom:15px;}
#newer {float:right;padding-bottom:15px;}


/* jQuery Related Code */
/* Accordions */
.accordion {border:1px solid #CCC; -moz-border-radius:10px 10px;}
#sidebar .accordion h3 {display:block;background-color:#142540;width:280px;height:10px;color:#fff;padding:10px 0px;border-bottom:3px solid #CCC;font-size:13px; margin-bottom:0px;}
#sidebar .accordion h3:first-child {-moz-border-radius-topleft:10px 10px;-moz-border-radius-topright:10px 10px;}
.accordion h3 a {color:#fff;display:block;padding-left:10px;}
.accordion div {padding:10px;}
.accordion h3 a:hover {text-decoration:none !important;}
/* Tabs */
.ui-tabs { zoom: 1; }
	.ui-tabs .ui-tabs-nav { list-style: none; position: relative;}
	.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important;margin-right:5px; }
	.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; }
	.ui-tabs .ui-tabs-nav li.ui-tabs-selected {  border-bottom-width: 0; }
	.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
	.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
	.ui-tabs .ui-tabs-panel {display: block; border-width: 0;}
	.ui-tabs .ui-tabs-hide { display: none !important; }
/* Main Sidebar Tab styles */
	#contents_tab a {width:70px;height:25px;background-image:url(images/contents-tab-background.png);text-indent:-9999px;}
		#contents_tab.ui-state-active a {background-image:url(images/conents-tab-active.png);}
	#about_tab a {width:53px;height:25px;background-image:url(images/about-tab-background.png);text-indent:-9999px;}
		#about_tab.ui-state-active a {background-image:url(images/about-tab-active.png);}
	#you_tab a {width:53px;height:25px;background-image:url(images/you-tab-background.png);text-indent:-9999px;}
		#you_tab.ui-state-active a {background-image:url(images/you-tab-active.png);}
/*This is CSS required for the Carousel on the front page. */
.jcarousel-container {position: relative;}
.jcarousel-clip { z-index: 2;overflow: hidden;position: relative;}
.jcarousel-list {z-index: 1;overflow: hidden;position: relative;top: 0;left: 0;margin: 0;padding: 0;}
.jcarousel-list li, .jcarousel-item {float: left; list-style: none;width: 75px; height: 75px;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 4px solid #525252;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}

/* User Profiles */

.user_date {text-align:right;}
.profile_list tr {margin-bottom: 6px;}
.profile_list td {padding-right:15px;}
.profile_list th {background-color:#006;color:#fff;text-align:center;}
.page-numbers {border:1px solid #006 !important;}
.pager .current {background-color:#006 !important;}