/*  
Theme Name: Working Author - Webzine Layout
Theme URI: http://www.workingauthor.com/
Description: Taking <em>Working Author</em> to new webzine levels!
Version: 4.0
Author: Ren&#233; Garcia, Jr.
Author URI: http://www.workingauthor.com/

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

.preloader {
	background:url(images/wa_aux_logo.jpg)
	background:url(images/header_bg.jpg)
	background:url(images/bg_metal.jpg)
	background:url(images/bg_metal2.jpg)
	}

/* Slider Style */

.sliderwrapper { position:absolute; /*leave as is*/ overflow:hidden; /*leave as is*/ background:#fff; width:612px; /*width of featured content slider*/ height:376px; float:left; display:inline; }

.sliderwrapper .contentdiv { visibility:hidden; /*leave as is*/ position:absolute; /*leave as is*/ left:0;  /*leave as is*/ top:0; /*leave as is*/ width:285px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */ height:358px; filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);-moz-opacity: 1;opacity: 1; float:left; font-size:1.05em; line-height:1.5em; margin:0; color:#fff; padding:10px; }

.sliderwrapper .contentdiv a img { border:1px solid #bbb; }

.pagination { width: 296px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/ margin: 5px 10px 5px 0; float:right; display:inline; }

.pagination p { margin:0; }

.pagination u { font-size:12px; }

.pagination img { border: 1px solid #bbb; }

.pagination .clearfloat a { text-decoration:none; color:#999; display:block; height:54px; padding:3px; border-bottom: 1px dotted #bbb; }

.pagination a:hover, .pagination a.selected{ text-decoration: none; color: #000; background:#ccc; }

.toc { height 54px; }


/* HTML Elements */
* { margin:0; padding:0; }

body { font: 100% Arial, Helvetica;	background: url(images/bg_metal.jpg) fixed top left repeat #555; color: #fff; }

p {	margin: 15px 0;	}

a:link, a:visited { color: #3c57a7;	text-decoration:none; }

a:hover, a:active {	color: #3c57a7;	text-decoration:underline; }

a img {	border:0; }

code { font: 1.0em 'Courier New', Courier, Fixed; }	

acronym, abbr, span.caps { font-size: 0.9em; letter-spacing: .07em;	cursor: help; }			

acronym, abbr {	border-bottom: 1px dashed #999;	}

blockquote { padding: 10px 10px 0 10px;	border-top: 1px solid #ddd;	border-bottom: 1px solid #ddd; background: #eee; font:1.0em Arial; line-height:1.5em; margin:10px 0px; }

select { width: 130px; }	

.wp-smiley { vertical-align: middle; }

a:active, a:focus {	outline:none; }
	
.moreinfo {	display:none; float: right; margin: 0 0 5px 5px; width: 200px; color: black; background-color: #ececec; border: 1px solid #bbb; padding: 0 5px 0 5px;	list-style: none; }


/* Structure */

#head {	width:960px; margin:0px auto; padding:0 0 0 0; font-size:0.7em; }

#head_top {	width:960px; margin:0px auto; padding:5px 0 5px 0; font-size:12px; color:#FBEC5D; }

#head_top a { color:#fff; font-weight:normal; font-size:12px; }

#head_top a:hover { color:#000; }

#headmain { height:155px; padding:10px 10px 5px 10px; background:url(images/header_bg.jpg) black; }

#logo { width:318px; height:130px; display:block; }


#page {	width:940px; margin:0px auto; padding:0 10px 10px 10px;	background:url() center bottom fixed no-repeat #000; font-size:0.7em; }

.left {	float:left;	display:inline;	}

.alignleft { float:left; display:inline; }		

.right { float:right; display:inline; }
	
.alignright { float:right; display:inline; }

img.left {	float:left;	display:inline; margin:0 5px 5px 0;	}

img.alignleft { float:left; display:inline; margin:0 5px 5px 0; }		

img.right { float:right; display:inline; margin:0 0 5px 5px; }
	
img.alignright { float:right; display:inline; margin:0 0 5px 5px; }		

img.center { margin: 0 auto; }

.large_text { font-size:1.05em; }

.left_column { width:295px; float:left; }

.right_column { width:295px; float:right; }



#navbar { margin:0 auto; text-transform:uppercase; text-align: center; background:#000; }

#navbar a:hover, #subnavbar a:hover { color:red; text-decoration:none; display:block; }

#navbar a:hover { background:url(images/nav_bg2.jpg) top left repeat-x; }

#navbar ul.left_nav li { width:89px; }

#navbar ul.right_nav li { width:109px; }

#navbar ul { list-style: none; }

#navbar li { float:left; list-style:none; cursor: pointer; display:block; border-right:1px solid #333; border-bottom:1px solid #333; border-top:1px solid #333; background:url(images/nav_bg.jpg) repeat-x; display:inline; }

#navbar a { margin: 0px; padding:10px 16px; font-weight:bold; color:#FFF; display:block;	}



#subnavbar { margin:0 auto; text-transform:uppercase; text-align: center; background:#000;  }

#subnavbar ul { float:right; display:inline; margin:0; padding:0; }

#subnavbar ul li { float:left; list-style:none; cursor: pointer; display:block; border-right:0px; }

#subnavbar a { margin: 0px; padding:10px 10px; font-weight:bold; color:#999; display:block;	}

#subnavbar a:hover { text-decoration:none; display:block; }

#subnavbar img {vertical-align: middle; }

#searchform { width:320px; float:right;	text-align:left; padding-top:8px; margin:0 10px 0 10px; display:inline; }



/* Text*/

h1 { font:3.5em Arial; font-weight:bold; letter-spacing:-0.08em; }

h2 { font:2.3em Arial; font-weight:bold; letter-spacing:-0.08em; }

h3 { font:1.3em Arial; margin-bottom:3px; color:#000; font-weight:bold;	}

h4 { font:1.0em Arial; }

h3.cat_title, h3.cat_title a { color:#333; letter-spacing:-0.05em; }

h3#respond { margin-top:0px; padding-top:20px; }

h3#comments { margin-top:32px; padding-left:0px; }

h3.authors { margin-top:15px; }

.title_large { font-size:15px; font-weight:bold; line-height:16px;}

.title { font-weight:bold; }

.red { color:red; }

.white { color:white; }


/* Index Page*/



#tagline { margin:5px 0 0 5px; font-size:1em; color:#777; }

#top { background: blue; padding:0; width:612px; height: 376px; margin-bottom:10px; }


	
#headline_content { width:285px; margin-top:5px; color:#999; }

#headline_content span.subtitle { color:#555; }



#headline1 { position: ; width:283px; height: 283px; float:left; margin:0; border:1px solid #bbb; }

#headline_content div.title { font:1.3em Arial; font-weight: bold; letter-spacing:-0.02em; display:block; padding-bottom:; }

#headline_content div.title a, #headline div.title a:visited { color: #000; }

#headline_content div.meta { color:#000; display:block;	padding-bottom:2px;	}

#headline_content div.meta a, #headline div.meta a:visited { color:#000; }
	
#featured_side_top { width:320px; float:right; color:#999; font-size:11px; }
	
#featured_side_top ul { margin-bottom:0px;}	
	
#featured_side_top li, #sidebar #featured_side_top li { list-style:none; border-bottom:1px dotted #bbb; display:block; }	

#featured_side_top .info { margin-top:5px; padding-top:5px; float:right; width:185px; }

#featured_side_top .title, #featured_side_top .title_large { font-weight:bold; }

#featured_side_top .title_large { font-size: 15px; padding-top:5px; }

#sidebar #featured_side_top a img, #featured_side_top a img { border:1px solid #bbb; padding:0px; }
	
#featured_side_top a { color:#ff0000; }


#middle {
	width: 592px;
	background:#fff;
	float:left;
	padding:10px;
	margin-bottom:10px;
	color:#333;
	}
	
#middle h3 {
	font:2em Arial;
	font-weight:bold;
	letter-spacing:-0.03em;
	background:url(images/nav_bg.jpg) repeat-x;
	color:#fff;
	margin:0px 0px 5px 0px;
	padding:3px 7px;
	}
	

	
#middle_sec_1 { width:340px; float:left; display:inline; padding-right:5px; margin-right:5px;border-right:1px dotted #bbb; }

#middle_sec_1a { width: 240px; float:right;}

#middle_sec_2 { width:280px; float:left; display:inline; padding:0 5px 0 5px; border-right:1px dotted #bbb; }

#middle_sec_3 { width:258px; float: left; display:inline; padding-left:5px; }
	
#middle_sec_1 ul, #middle_sec_2 ul, #middle_sec_3 ul { margin-bottom:0px; padding-bottom:0px; }	
	
#middle_sec_1 li, #middle_sec_2 li, #middle_sec_3 li { list-style:none; display:block; margin-bottom:0px; }	

#middle_sec_1 .info, #middle_sec_2 .info, #middle_sec_3 .info { margin-top:5px; padding-top:5px; float:right; width:185px; }

#middle_sec_1 .title, #middle_sec_1 .title_large, #middle_sec_2 .title_large, #middle_sec_3 .title_large, #front-list .title, #front-list .title_large, #wide_content .title_large { font-weight:bold; margin-bottom:0px; padding-bottom:0px; }

#middle_sec_1 .title_large, #middle_sec_2 .title_large, #middle_sec_3 .title_large, #front-list .title_large { font-size: 15px; padding-top:5px; }

#middle_sec_1 p, #middle_sec_2 p, #middle_sec_3 p { margin:0px; }

#middle_sec_1 a img, #middle_sec_2 a img, #middle_sec_3 a img { border:1px solid #bbb; padding:0px; }
	
#middle_sec_1 a, #middle_sec_2 a, #middle_sec_3 a { color:#3c57a7; }



#bottom {
	width: 940px;
	}

#bottom a img {
	border:1px solid #bbb;
	display:inline;
	}
	
#ad_left { margin-right:10px; display:inline; }	

#bottom_wrapper, #wrapper { width:480px; float:left; display:inline; }

#front-list {
	width:460px;
	background:#fff;
	padding:10px;
	color:#333;
	float:left;

	
	}
	
#front-list p, .excerpt p { margin:0px; }

#front-list li { list-style:none; }
	


.see_all {
	float:right;
	display:inline;
	font-weight:bold;
	}		
		
#front-list.section_header span {
	float:right;
	}		

#front-list blockquote {
	padding: 0px 10px 0 10px;
	}
	
.main_item { width: 280px; float:left; padding-right:5px; margin-right:5px; border-right:1px dotted #bbb; }	

.sub_item { width:190px; float:left; display:inline; margin-top:5px; padding: 5px 0 0 0; border-top:1px dotted #bbb; }

ul.sub_item li { padding:0 0 5px 0; margin-bottom:5px; border-bottom:1px dotted #bbb; }


#sec-1, #sec-2 { width:225px; float:left; display:inline; padding-bottom:5px; color:#333; background:#fff; }

#sec-1 { padding-right:5px; }

#sec-2 { margin-left:5px; }
	
#sec-1 a img, #sec-2 a img {
	margin:0 0 3px 0; 
	}
 	
#bottom_list { float:left; display:inline; width:480px; padding-top:5px; background:#000; color:#fff; }

#bottom_list h3 { color:#fff; }

#bottom_list ul { margin-bottom:10px; }

#bottom_list ul li { margin-left:15px; }

#bottom_list a, #bottom_list a:visited { color:red; }

#sec-3 { float:left; display:inline; width:155px; margin-right:5px; }

#sec-4 { float:left; display:inline; width:160px; margin-right:5px; }

#sec-5 { float:left; display:inline; width:155px; }
	

.author { font-size:0.8em; font-weight:bold; }

.meta {	line-height:1.2em; margin-top:0; padding:5px 0 10px 0; font-size:0.9em; color:#333; display:block; border-top:1px solid #eae9e4; }

.meta a { color:#333; }

#headline1 p, #featured_side_top p { margin:0; }


/* Category Page */

#top_cat { background: blue; padding:0; width:612px; height: 419px; }

.cat_header { width:592px; height:33px; padding:10px 10px 0 10px; background:#fff; }

.cat_header h3 {
	font:2em Arial;
	font-weight:bold;
	letter-spacing:-0.03em;
	background:url(images/nav_bg.jpg) repeat-x;
	color:#fff;
	margin:0px 0px 5px 0px;
	padding:3px 7px;
	}


/* Content Page */

#content {
	width:460px;
	background:#fff;
	padding:10px;
	color:#333;
	font-size:1.05em;
	line-height:1.75em;
	float:left;
	}
	
#wide_content {
	width:592px;
	background:#fff;
	padding:10px;
	color:#333;
	font-size:1.05em;
	line-height:1.75em;
	float:left;
	}
	
#superwide_content {
	width:920px;
	background:#fff;
	padding:10px;
	color:#333;
	font-size:1.05em;
	line-height:1.75em;
	float:left;
	}	
	
.cat_headline {
	font-size:1.8em;
	margin:0px; 
	line-height:1.5em;	
	}
	
#post-info { width:105px; float:left; margin-right:5px; font-size:.85em; line-height:1.10em; padding-bottom:5px; border-bottom:1px dotted #bbb; }

.post {
	font-size:1.05em;
	line-height:1.55em;
	}

.post p {
	margin-top:0px;
	}
	
.post a { font-weight:bold; }	

.post .clearfloat {
	border-bottom:1px dotted #333;
	margin:10px 0px;
	}

.post ul, .post ol {
	margin-bottom:10px;
	}

#content h2.title {
	font:2em Arial;
	
	letter-spacing:-0.05em;
	margin:0px;
	}
	
#content span.subtitle { font:1.25em Arial; font-weight:bold; font-style:italic; color:#888; display:block; margin:0; }

#content .title {
	font:1.5em Arial;
	}

.post ul li {	
	list-style:square;
	margin-left:30px;
	}	
	
.post ol li {	
	list-style:decimal;
	margin-left:30px;
	}

.post ol li ul li {	
	list-style:square;
	margin-left:20px;
	}

.wp-caption {
	border: 1px solid #bbb;
	padding:0;
	margin-bottom: 5px;
	font-weight: bold;
	text-align: center;
	}
	
.wp-caption.left, .wp-caption.alignleft {
	margin-right:10px;
	}
	
.wp-caption.right, .wp-caption.alignright {
	margin-left:10px;
	}	

.wp-caption-text {
	margin: 0;
	padding:0;
	}
	
.wp-caption img {
	margin: 5px 5px 0 5px;
	
	}		
	
.post img.right, .post a img.right, #front-list img.right {
	border: 1px solid #bbb;
	margin:0 0px 5px 10px;
	}

.post img.left, .post a img.left, #front-list img.left {
	border: 1px solid #bbb;
	margin:0 10px 5px 0;
	}

.post .ads {
	margin-top:10px;
	}

#writer {
	background:url(images/bg_metal2.jpg) left center repeat-x #000;
	width:440px;
	margin:25px 0 15px 0;
	padding:10px;
	border: none;
	}

#writer img {
	padding:1px;
	border:1px solid #bbb;
	float:left;
	
	}

#writer span {
	display:block;
	padding-top:4px;
	border-top:1px solid #333;
	margin-top:10px;
	}

#writer p {
	margin:0;
	
	}


#share { margin:5px 0 0 0; text-transform:uppercase; line-height:1.85em; display:block;	}



.meta a:hover { background:none; }

.meta img { border:0px; margin:0px; vertical-align:middle;	}

#tools {
	width:460px;
	height:25px;
	font-size:0.95em;
	}

#tools a:hover {
	background:none;
	}

.toolicons img {
	margin-right: 10px;
	}

	
	
.archive_entry { width: 460px; margin-bottom: 10px; }

.archive_entry a img { border:1px solid #bbb; margin-right: 5px; }

.archive_entry p { margin:0; }

.archive_entry .meta { border:0; }


/* Sidebar */

#sidebar {
	width:320px;
	float:right;
	margin:0;
	color:#333;
	background:#000; 
	}
	
#sidebar a img { border:0; }	
	
.widget h3 { display:none; }	
	
#sidebar h3, #front-list h3, #footer-stories h3 {
	font:1.5em Arial;
	font-weight:bold;
	letter-spacing:-0.05em;
	background:url(images/nav_bg.jpg) repeat-x;
	color:#fff;
	margin:0px 0px 5px 0px;
	padding:3px 7px;
	}

#sidebar-top, #sidebar-bottom {
	width:300px;
	float:right;
	padding:10px 10px 10px 10px;
	background:#fff;
	}

#sidebar-bottom, #sidebar-middle {
	margin-top:10px;
	}

#sidebar-middle {
	background: url(images/side_mid_bg.jpg) top center repeat-y;
	width:320px;
	float:right;
	padding-top:10px;
	}

#sidebar-left {
	width:135px;
	padding:0px 10px 10px 10px;
	float:left;
	background:#fff;
	}

#sidebar-right {
	width:135px;
	padding:0px 10px 10px 10px;
	float:right;
	background:#fff;
	}
	
#sidebar li {
	list-style:none;
	border-bottom:1px dotted #bbb;
	display:block;
	padding:2px 0px 2px 5px;
	
	}

#sidebar-ads {
	width:300px;
	float:right;
	margin: 0 0 10px 0;
	padding:10px;
	background:#fff;
	}


/* Form Elements */

select {
	border:1px solid #333;
	width:100%
	}
		
#search input.field {
	padding: 2px;
	border:1px solid #333;
	background:#fff;
	font-size:1.0em;
	width: 255px;
	float:left;
	display:inline;
	}	
	
/*
.field {
	padding: 2px;
	border:1px solid #333;
	background:#fff;
	font-size:1.0em;
	width: 200px;
	}
	
	*/


#search .searchbutton {
	margin-left:3px;
	float:left;
	display:inline;
	}

#commentform input {
	width: 140px;
	margin: 5px 5px 1px 0;
	}

#commentform textarea {
	width: 99%;
	margin-top:5px;
	}



/* Comments*/

.commentlist cite {
	font-style:normal;
	margin-bottom:4px;
	display:block
	}	

.commentlist blockquote {
	background:#ededed;
	}
			
.commentlist li {
	color:#4d4d4d;
	padding: 10px 14px 10px 14px;
	background:#f2f2f2;
	border-bottom: 1px solid #dcdbd7;
	list-style:none;
	margin-bottom:3px;
	}

.commentlist li li {
	background:none;
	border:none;
	list-style:square;
	margin:3px 0 3px 20px;
	padding:3px 0;
	}

.commenttext {
	width:375px;
	float:right
	}
		
.commentlist cite strong {
	font-size:1.1em;
	}
	
li.my_comment {
	background: #FFF;
	border:none
	}

li.my_comment cite strong {
	font-size: 1.3em;
	color:#313228;
	}
	
#commentform small {
	background:#FFF;
	font-weight:bold;
	padding:0;
	}
	
.commentmetadata {
	color:#4d4d4d;
	display: block;
	margin-top:3px;
	text-align:right
	}

.commentmetadata a, .commentmetadata a:visited {
	color:#959382;
	}
	
.commentlist small {
	background:#e9e9e9
	}

.avatar {
	border:1px solid #56562c;
	margin:15px 8px 6px 0;
	float:left;
	padding:1px;
	width:45px;
	height:45px;
	}	

#comment {
	width:590px;
	background:#fff;
	}

/* Footer */

#footer-recent {
	font-size:0.7em;
	color:#333;
	width: 940px;
	background:#fff;
	margin: 0 auto;
	padding:10px;
	}
	
#footer-ads {
	width:300px;
	float:left;
	display:inline;
	margin-right:10px;
	
	}	

#footer-stories {
	width:630px;
	float:right;
	display:inline;
	}

#footer-stories .title { font-weight:bold; margin-bottom:0px; padding-bottom:0px; }

#footer-stories p { margin:0; }

#footer-stories a img { border:1px solid #bbb; }
	
.footer-post { float:left; display:inline; width:100px; margin-right:6px; }

#menu-bottom { float:left; width:225px; font-size:12px; list-style:none; }

#menu-bottom a { font-weight:bold; }



#footer {
	margin: 0 auto;
	background: ;
	width: 940px;
	font-size:0.6em;
	padding:10px 10px 20px 10px;
	padding-bottom:20px;
	}

#bottom-navbar { width:940px; height:25px; }	
		
#bottom-navbar ul { margin: 0 auto; text-align:center; width:615px; }

#bottom-navbar ul li { float:left; display:inline; border-right:1px solid #fff; list-style:none; text-align:center; padding:3px 5px; text-transform:uppercase; }

#footer a { color:#fff; }

#footer a:hover { color:#000; }

/* Float Properties*/

.clearfloat:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}

.clearfloat {
	display: inline-block;
	}


/* Hides from IE-mac \*/
* html .clearfloat {
	height:1%;
	}

*+html .clearfloat {
	height:1%;
	}

.clearfloat {
	display:block;
	}
	

/* Film & Music */

#film_reviews, #film_interviews, #music_reviews, #music_live_shows, #game_reviews, #game_articles {
	width:291px;
	padding-right:5px;
	float:left;
	}
	
#film_news, #film_articles, #video_reviews, #music_news, #game_news {
	width:291px;
	padding-left:5px;
	float:right;
	}
	

/* Contact */
		
.left_contact { width:140px; padding-right:10px; float:left; }

.right_contact {width: 421px; padding-left:10px; border-left:1px solid #bbb; float:left; }