/*
Theme Name: InFocus
Theme URI: http://dialect.ca/?wp
Description: Another bright design by <a href="http://dialect.ca/?wp">Dialect</a>.
Version: 1.0
Author: Dialect
Author URI: http://dialect.ca/?wp
Tags: infocus, bright, awesome

$Package: Dialect_ca $
$Date$
$Rev$

Copyright (c) 2008 Dialect Communications Group (dialect.ca)
*/

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,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}:focus{outline:0}body{line-height:1;color:black;background:white}ol,ul{list-style:none}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: "" ""}

/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.6.0
*/
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

/************ Frame ************/
.container{ width:960px; margin:0 auto; padding-left: 20px; }

#header { width: 100%; height: 214px; position: relative; top: 0; }

#header .badge { position: absolute; width: 106; height: 93px; left: 0; }

#header h1 {
	z-index: 1;
	float: left;
	width: 300px;
	height: 159px;
	margin-top: 54px;
	margin-left: -5px;
	padding-right: 25px;
}

#header .nav {
	float: left;
	width:  640px; /* 620px - 5px */
	height: 40px;
	margin: 174px 0 0;
	/*padding: 0 5px 0 0; /* allow for bg shadow */
}

#content, #sidebar {
	float: left;
	padding-bottom: 3em;
}

#content {
	clear: left;
	width:620px;/*span-8*/
	margin-right: 20px;
	padding-top: 40px;
	
}

.back-issue { float: left; width:300px margin-right: 20px; }

.back-issue.last { margin-right: 0; }


#sidebar {
	width: 300px;
	margin-right: 20px;
	padding-top: 65px;
}

#footer {
	clear: left;
	width: 100%;
	padding-top: 30px;
}


.clearfix:after,.features .post:after,.archives .post:after{ content:"."; display:block; height:0; clear:both; visibility:hidden}
/*.clearfix,.features .post,.archives .post  {display:inline-block}
* html .features .post,* html .archives .post {height:1%}*/

.clear{clear:both}


/************ General ************/
body {
	margin: 0;
	font-family: "Georgia", serif;
	background: #fff url("inc/header_bg.png") repeat-x 0 0;
	color: #321E14;
}


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

b, strong { font-weight: bold; }

i, em { font-style: italic; }

h2 { margin-bottom: .5em; font: bold 160% "Arial", sans-serif; color: #be1e2d; }

h3 { margin-bottom: .5em; font: bold 130% "Arial", sans-serif; }

p { margin-bottom: 1em; line-height: 1.4;  }

blockquote {
	display: block;
	color: #a00000;
	font-size: 210%;
	font-style: italic;
	text-align: center;
	margin: auto 1.5em;
}

div.hr {
	width: 100%;
	height: 3px;
	background: transparent url("inc/dots.gif") repeat-x 0 50%;
	margin: 30px auto;
}

div.hr hr { display: none; }


/************ Header ************/
#header h1 a {
	display: block;
	width: 325px;
	height: 100%;
	text-indent: -9999em;
	background: transparent url("inc/header_logo.png") no-repeat 0 0;
}

#header .badge h4, #header .badge h4 a {
	display: block;
	width: 106px;
	height: 93px;
}

#header .badge h4 { position: relative; margin-left: -30px; z-index: 2; }

#header .badge h4 a { text-indent: -9999em; background: transparent url("inc/issue_badge_bg.png") no-repeat 0 0; }

/************ Navigation ************/

.nav ul { height: 40px; padding-left: 31px; }

.nav li {
	float: left;
	text-align: center;
	font: bold 75% "Verdana", sans-serif;
	list-style: none;
	text-transform: uppercase;
}


.nav .page_item a { 
	display: block;
	width: 100px;
	/* total h= 38 */
	margin-top: 5px;
	height: 23px;
	padding: 10px 10px 0;
	border: 1px solid #ccc5b6;
	border-width: 1px;
	color: #231f20;
	background: #ebe6dc none;
}

.nav a:hover {
	color: #fff;
	background: #a00000 none;
	border-color: #a00000;
	
}

.nav .current_page_item a:hover,
.nav .current_page_ancestor a:hover {
	border-color: #ccc5b6;
	border-bottom-color: #fff;
}

.nav .first a { width: 99px; }

.nav  .current_page_item a,
 .current_page_ancestor a {
	margin-top: 0;
	padding-top: 13px;
	height: 25px;
	color: #be1e2d;
	background: #fff;
	border-bottom-color: #fff;
}


/************ General frame ************/


/* TODO: deal with images before first p */
/*#content .feature p:first-child:first-letter {*/

.feature p .dropcap {
	float: left;
	display: block;
	margin: .1em .1em 0 0;
	padding: 0;
	color: #be1e2d;
	font-size: 385% !important;
	line-height: .9;
}




/************ Issue Table of Contents ************/
#issue-image {
	margin: 0 0 27px;
}

#issue-image img {
	display: block;
	float: none;
	width: 620px;
	margin: 0;
	padding: 0 0 1px;
	background: transparent url("inc/dots.gif") repeat-x 0 100%;
}


.toc .post {
	padding-bottom: 1em;
	background: transparent url("inc/dots.gif") repeat-x 0 100%;
}


.post-categories {
	margin: 0 0 5px;
	padding: 0;
	font: bold 10px/1 "Verdana", sans-serif;
	text-transform: uppercase;
 }
 
.post-categories, .post-categories a { color: #321E14; }
 
 #below_the_fold { position: relative; float: left; overflow: hidden; }
 
 #below_the_fold .secondary, #below_the_fold .extras { position: relative; margin-top: 0 !important; margin-bottom: -1000px; padding-bottom: 1000px; }
 
.toc .featured { padding-right: 20px; min-height: 200px; }

.toc .featured h3, .toc .featured p { margin-left: 320px; }

.toc .secondary h3, .toc .secondary p { margin-left: 148px; }

.toc .secondary .noimage h3, .toc .secondary .noimage p { margin-left: auto; }

.toc .secondary { margin-left: 221px; }

.toc .featured.noimage * { margin-left: 0; }

.toc .featured h3 {
	margin-bottom: .05em;
	font: bold 300%/1 "Georgia", serif;
}

.toc .secondary .post, .toc .extras .post  {

	padding: 17px 23px 17px 17px; 
}

/*.toc .secondary .post { min-height: 120px; }   REMOVED but not tested in IE */

.toc .secondary h3 {
	margin-top: .2em;
	margin-bottom: .2em;
	font: bold 130%/1.15 "Georgia", serif;
}


.toc .extras { 
	
	clear: left;
	float: left;
	width: 220px;
	border-right: 1px solid #dbd8d5;
}
/* this class is set by javascript */
.toc .post.hover { background-color: #f2ede6; }

.toc .extras h3 {
	margin: 0 0 .4em;
	font: bold 110%/1.35 "Georgia", serif;
}

.toc img, .archives img {
	float: left;
	margin: 0 13px 1em 0;
	padding: 6px;
	background: #ebe6dc;
}

.toc p a {
	color: #321E14;
	font-weight: bold;
}


/****** archives */
.archives .post {
	clear: left;
	padding: 1em;
	background: transparent url("inc/dots.gif") repeat-x 0 100%;
}

.archives .post img {

}


.back-issue h3 { color: #3B2314; }

.back-issue ul { margin-bottom: 20px; width: 300px; }

.back-issue li { width: 200px; font: bold 110%/1.35 "Georgia", sans-serif; }

.back-issue a { color: #3B2314; }

.back-issue a:hover { color: #A00000; text-decoration: underline; }





/* article deck */
.deck {
	padding-bottom: 25px;
	margin-bottom: 20px;
	background: transparent url("inc/dots.gif") repeat-x 0 100%;
}



.lede { font: bold 135% "Arial", sans-serif; color: #3b2314; }

.lede p { margin-bottom: .5em; }

.byline { margin-bottom: 0; font-size: 85%; color: #3b2314; }






#content .feature, #commentform, .commentlist {
	padding-bottom: 3em;
	margin-bottom: 1em;
}

#content ul  {
	list-style: disc;
	margin-left: 20px;
}

/* images */
.wp-caption {
	clear: left;
	display: block;
	margin-bottom: 2em;
	padding-bottom: 10px;
	color: #3b2314;
	background: transparent url("inc/dots.gif") repeat-x 0 100%;
}

.wp-caption.alignleft {
	float: left;
	margin-right: 20px;
	width: 320px;
}

.wp-caption.alignright {
	float: right;
	margin-left: 20px;
	width: 320px;
}


.wp-caption .wp-caption-text {
	margin: 0 6px 0;
	padding-top: 10px;
	font: italic 85%/1.6 "Georgia", serif;
	color: #3b2314;
}

.wp-caption .credit, .wp-caption .credit a {
	color: #5a4a42;
}

.wp-caption .credit {
	margin: 1em 6px 0;
	font: normal 88% "Arial", sans-serif;
	color: #5a4a42;
}

.wp-caption img  {
	display: block;
	padding: 10px;
	background: #ebe6dc;
}



img.aligncenter { display: block; margin: 1em auto; }

img.alignleft { float: left; margin: 0 2.25em 1em 0; }

img.aligncenter, img.alignleft {
	padding: 10px;
	background: #ebe6dc;
}







/* comments */
.minor_head {
	color: #716558;
	text-transform: uppercase;
	background: #ebe6dc url("inc/dots.gif") repeat-x 0 0;
	
}

.minor_head h3 {
	padding: 1em;
	font: bold 85%/100% "Verdana", sans-serif;
	background: transparent url("inc/dots.gif") repeat-x 0 100%;
}


.commentlist li {
	padding: 1em;
	background: #fffaf0 url("inc/dots.gif") repeat-x 0 100%;
}



.commentlist .commentmetadata { color: #5A4A42; font: normal 90% "Verdana", sans-serif; margin-bottom: .6em; }


#commentform { padding: 1em; }

#commentform textarea {
	width: 578px;
	margin-top: 1em;
	padding: 5px;
}

#commentform input[type=text] {
	margin-right: 2em;
	padding: 3px 5px;
}

#commentform textarea, #commentform input {
	font: normal 90%/1.7 "Georgia", serif;
	color: #5a4a42;
}



.pagination { margin-top: 4em; font-size: 120%; text-align: center; }

.pagination, .pagination a { color: #3b2314; }

.pagination { font-weight: bold; }
.pagination .prev  a {
	padding-right: 1em;
}

.pagination .next  a {
	padding-left: 1em;
}

.pagination .numbers a { padding: 0 .3em; }

.pagination a {
	text-align: center;
	font-weight: normal;
}


#sidebar .article_nav,
#sidebar .sponsors,
#sidebar .newsletter {
	margin-bottom: 1.5em;
}


#sidebar a, .article_nav a { color: #3B2314; }



#sidebar .tag {
	font-size: 200%;
	line-height: 118%;
	font-weight: bold;
	letter-spacing: -0.01em;
}

#sidebar .sponsors {
	margin: 2.5em 0 1.5em;
	width: 100%;
	height: 250px;
	border: 1px solid #3B2314;
}




.article_nav { width: 100%; text-align: center; overflow: hidden;}

.feature .article_nav { margin-top: 4em; padding-left: 160px;}

.article_nav .prev, .article_nav .next {
	float: left;
	height: 100%;
	margin-bottom: -500px;
	padding: 0 20px 500px;
}

.article_nav .next { width: 110px; }

.article_nav .prev { width: 109px; border-right: 1px solid #716558; }

.article_nav .icon { margin: 0 auto 10px; }

.article_nav .label { font: normal 80%/200% "Georgia", serif; }

.article_nav .title { padding: 10px 0; font-size: 120%; }

.icon {
	display: block;
	background-image: url("inc/icons.png");
	background-repeat: no-repeat;
	text-indent: -9999em;
	text-align: left;
}

.icon.larr, .icon.rarr {
	width: 10px;
	height: 14px;

}

.icon.larr { background-position: 0 0; }

a:hover .icon.larr { background-position: 0 -15px; }

.icon.rarr { background-position: 0 -30px; }

a:hover .icon.rarr { background-position: 0 -45px; }

.icon.rarr { background-position: 0 -30px; }


.article_nav a:hover *, .pagination a:hover { color: #be1e2d; }


#sidebar .newsletter { background: transparent url("inc/sidebar_news_bg.png") no-repeat 0 100%; }

#sidebar .newsletter form { padding: 22px 30px; background: transparent url("inc/dots.gif") repeat-x 0 0; }

#sidebar .newsletter h5 { margin-bottom: .5em; font: bold 11px "Verdana", sans-serif; text-transform: uppercase; }

#sidebar .newsletter p { width: 180px; font-size: 11px; }

#sidebar .newsletter input.text { margin-bottom: 1em; font-size: 11px; padding: 2px; }

#sidebar .newsletter input.button { font-size: 11px; }


#footer {
	border-top: 1px solid #ccc;
	font-size: 80%;
}

#footer .legal, #footer .credits {
	float: left;
	width:460px;
}

#footer .legal { margin-right: 20px; }

#footer a { color: #5A4A42; }

#footer .credits { text-align: right; }




/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.
Copyright 2006-2008 Mark Wubben, <http://novemberborn.net/>
*****************************************************************************/
@media screen{ .sIFR-flash{ visibility:visible !important; margin:0; padding:0}  .sIFR-replaced,.sIFR-ignore{ visibility:visible !important}  .sIFR-alternate{ position:absolute; left:0; top:0; width:0; height:0; display:block; overflow:hidden}  .sIFR-replaced div.sIFR-fixfocus{ margin:0pt; padding:0pt; overflow:auto; letter-spacing:0px; float:none}}@media print{ .sIFR-flash{ display :none !important; height :0; width :0; position :absolute; overflow :hidden}  .sIFR-alternate{ visibility:visible !important; display :block !important; position :static !important; left :auto !important; top :auto !important; width :auto !important; height :auto !important}}

@media screen {
	.sIFR-active h2 {
		visibility: hidden;
		font-family: Verdana;
		line-height: 1em;
		font-size: 44px;
		margin-bottom: 0;
		font-weight: bold;
	}

	.sIFR-active .toc h3 {
		clear: none;
		float: none;
		margin-top: 0;
		display: block;
		visibility: hidden;
		font-family: Verdana;
		line-height: 1em;
		margin-bottom: 0;
		font-weight: bold;
	}

	.sIFR-active .toc .featured h3 { font-size: 45px; }

	.sIFR-active .toc .secondary h3 { font-size: 20px; line-height: .5em; padding-bottom: 0; }

	.sIFR-active .toc .extras h3 { font-size: 16px; line-height: 1em ;}

}