/* @group notes */
/* ============================================================
The Foundry Blog - Screen CSS
---
*  Created by Viget Labs on 2009-07-28.
*  Copyright (c) 2009 The Heritage Foundation. All rights reserved.
	================================================ */
/* @end */

/* @group -reset */
/* This area resets many existing styles that browsers have, and makes the whole stylesheet easier to work with */

* { margin:0; padding:0 }

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, .btn 
{ margin: 0; padding :0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align:baseline; }

a img, frameset { border:0 }
q:before, q:after { content:"" }
q { quotes:"" " "}
a img, frameset { border:0 }
/* @end */

/* @group -utility */
/* Utility styles, like clearfix, that are useful and re-useable */

/* ---- Clearing Floats ---- */
/* Basic   */ .clearfix:after, .col:after, .wrapper:after,
/* Forms   */ form:after, form .form-field:after, form .form-field .multi-field:after, form .wide-label:after,
/* Nav     */ .nav:after, .nav ul:after, .nav ol:after,
/* General */ .section:after,
/* Footer  */ #footer .nav:after
{ content:"."; display:block; height:0; clear:both; visibility:hidden; }

.clear { clear:both }
.left { float:left !important }
img.left, a.left img { margin:0 16px 16px 0 }
.right { float:right !important }
img.right, a.right img { margin:0 0 16px 16px }
.center { float:none !important;text-align:center !important; }
img.border { border: 1px solid #6e6e6e;}
.small { font-size:.8em;margin-bottom:1.875em;line-height:1.875em }
.large { font-size:1.2em;line-height:2.5em;margin-bottom:1.25em }
.caption { font-size: .833em; margin: 10px 0 0 0 }
.highlight { background: #fef5c6; padding: 2px; }
.break { display:block; }

.margin-bottom { margin-bottom: 2em; }
.nomargin { margin: 0 !important; }
.noborder{ border: none !important; }
.nobg { background-image: none !important; }

/* ---- Hidden Bits ---- */
/* Basic   */ .hide, .hidden, hr.divide, h6.note, .skip-nav 
{ display:none }

/* @group base */
	
	/* @group -utility */
  /* Utility styles, like clearfix, that are useful and re-useable */
  
  /* Clearfix */
  /* General  */ #page:after, .tags:after, #search:after, #book-form li:after
	/* Archive  */ 
	{ content:"."; display:block; height:0; clear:both; visibility:hidden; }

  /* Hidden Bits */
  /* Home    */  
	/* Post    */ 
	/* Archive */
	/* General */ #header .tagline
  { display:none }
  
  /* Background Replacement Technique Common Bits */
  /* Home    */ .page-home #header h1,
	/* Post    */ .enhanced .post .captionized a.enlarge, #comment-submit .button-primary,
	/* Archive */
	/* General */  #header h1 a, .nav-pagination li a,
	/* Content */  
	/* Aside   */ #aside .header, #search button.primary, #follow .nav-follow li a
  {
    display: block;
    text-indent: -99999px;
    background-color: transparent;
    background-position: 0 0;
    background-repeat: no-repeat;
    line-height: 0;
  }
	/* @end */

	/* @group -fonts */
		
		/* ----- Helvetica ----- */
		/* Heads     */  
		/* General   */  body, h1, h2, h3, h4, h5, h6, textarea
		{ font-family: Helvetica, Arial, sans-serif; }

		/* ---- Georgia Georgia Constantia Times New Roman serif ----- */
		/* Heads   */ 
		/* General*/

	/* @end */

	/* @group -background images */
	/* @end */

	/* @group -headers */
	  /* @group --aside headers */
	  	#aside .header {
	  	  margin: 0 0 8px 0;
	  	  width: 225px;
	  	}
			#aside ul li .widget {
				list-style: none;
			}
  	/* @end */
	/* @end */

	/* @group -links */

		/* There are the standard colors and styles for links */
		a { color: #226094; text-decoration: underline; }
		a:focus, a:hover { color: #dc851e; cursor: pointer !important; }
	/* @end */

	/* @group -tables */
	/* @end */

	/* @group -lists */
	/* @end */

	/* @group -text markup */
	
	blockquote {
		line-height: 120%;
		font-style: italic;
		font-size: 1.3em;
		color: #777;
	}
	blockquote cite {
		color: #555553;
		font-style: normal;
		font-size: .7em;
		padding-left: 25px;
	}
	em {font-style: italic;}
	/* @end */

	/* @group -forms */

		/* @group --basic form styles */
		input.text {
			border: 1px solid #a8a1a1;
			color: #85826b;
			padding: 4px;
			font-style: italic;
			background: url(../images/struct/bg-field-input.png) 0 0 no-repeat;
		}
    /* @end */
    
	/* @end */

	/* @group -buttons */
	button {
		border: 0;
	}
	/* @end */

/* @end */

/* @group structure */
	/* Here's where we set the basics of the site: The body, wrappers, title div, and etc. */
	
	/* @group -wrappers */
	#wrapper-outer {
	  background: #816f5b url("../images/struct/bg-wrapper-outer.png") 0 0 repeat-x;
	  width: 100%;
	}
	#wrapper-inner {
	  background: url("../images/struct/bg-wrapper-inner.jpg") top center no-repeat;
	  width: 100%;
	}
	/* @end */
  
	/* @group -header */
	#header {
	   background: url("../images/struct/bg-header.jpg") 0 0 no-repeat;
	   height: 211px;
	   width: 975px;
	   position: relative;
	}
	#header h1 {
		position: relative;
		top: 55px;
		left: 15px;
	}
	#header h1, #header h1 a {
		height: 104px;
		width: 365px;
		background: url(../images/struct/logo-socialJustice.png) 0 0 no-repeat;
		outline: none;
	}
	/* @end */
	
	/* @group -nav */
	  .nav ul, .nav ol, ol.nav, ul.nav {
	    list-style: none;
	    padding: 0;
	  }
	  #nav {
		position: absolute;
		left: 472px;
		top: 0;
		width: 488px;
		list-style: none;	
	  }
	#nav li {
		position: absolute;
	}
	#nav a { display: block; text-indent: -9999px; outline: none;}	  
	#nav-home { top: 9px; }
	/* Left side of the nav */
	#nav-home a, #nav-01 a, #nav-02 a, #nav-03 a, #nav-04 a { width: 267px; }
	#nav-home a { height: 35px; background: url(../images/struct/nav.jpg) 0 0 no-repeat; }
	#nav-home a:hover { background-position: 0 -35px; }
	#nav-home a:active, #nav-home a.selected, .post-52 #nav-home a { background-position: 0 -70px; }
	
	#nav-01 { top: 44px; }
	#nav-01 a { height: 31px; background: url(../images/struct/nav.jpg) 0 -105px no-repeat; }
	#nav-01 a:hover { background-position: 0 -138px; }
	#nav-01 a:active, #nav-01 a.selected, .post-3 #nav-01 a { background-position: 0 -171px;}
	
	#nav-02 { top: 75px; }
	#nav-02 a { height: 44px; background: url(../images/struct/nav.jpg) 0 -204px no-repeat; }
	#nav-02 a:hover { background-position: 0 -246px; }
	#nav-02 a:active, #nav-02 a.selected, .post-23 #nav-02 a { background-position: 0 -288px;}
	
	#nav-03 { top: 117px; }
	#nav-03 a { height: 30px; background: url(../images/struct/nav.jpg) 0 -330px no-repeat; }
	#nav-03 a:hover { background-position: 0 -360px; }
	#nav-03 a:active, #nav-03 a.selected, .post-26 #nav-03 a { background-position: 0 -390px;}
	
	#nav-04 { top: 149px; }
	#nav-04 a { height: 28px; background: url(../images/struct/nav.jpg) 0 -420px no-repeat; }
	#nav-04 a:hover { background-position: 0 -448px; }
	#nav-04 a:active, #nav-04 a.selected, .post-35 #nav-04 a { background-position: 0 -476px;}
	
	/* Right side of the nav */
	#nav-05 a, #nav-06 a, #nav-featured a, #nav-bonus a { width: 220px; }
	#nav-05 { top: 47px; left: 267px; }
	#nav-05 a { height: 46px; background: url(../images/struct/nav.jpg) 0 -504px no-repeat; }
	#nav-05 a:hover { background-position: 0 -550px; }
	#nav-05 a:active, #nav-05 a.selected, .post-40 #nav-05 a { background-position: 0 -596px;}
	
	#nav-06 { top: 93px; left: 267px; }
	#nav-06 a { height: 28px; background: url(../images/struct/nav.jpg) 0 -642px no-repeat; }
	#nav-06 a:hover { background-position: 0 -670px; }
	#nav-06 a:active, #nav-06 a.selected, .post-43 #nav-06 a { background-position: 0 -698px;}
	
	#nav-featured { top: 121px; left: 267px; }
	#nav-featured a { height: 28px; background: url(../images/struct/nav.jpg) 0 -810px no-repeat; }
	#nav-featured a:hover { background-position: 0 -838px; }
	#nav-featured a:active, #nav-featured a.selected, .post-79 #nav-featured a { background-position: 0 -866px;}
	
	#nav-bonus { top: 149px; left: 267px; }
	#nav-bonus a { height: 28px; background: url(../images/struct/nav.jpg) 0 -726px no-repeat; }
	#nav-bonus a:hover { background-position: 0 -754px; }
	#nav-bonus a:active, #nav-bonus a.selected, .post-86 #nav-bonus a { background-position: 0 -782px;}
	  /* @group --nav-pagination */
  	/* @end */
	/* @end */

	/* @group -footer */
			#wrapper-footer {
	    	background: #544432;
		  	width: 100%;
		  	padding: 0;
		  	position: relative;
		}
		
		#footer {
		   background: transparent url("../images/struct/bg-footer.png") top center no-repeat;
	      margin: 0 auto;
	      padding: 50px 0;
	      text-align: center;
		  width: 975px;
		  position: relative;
		}
	  
	    #footer .header {
	      color: #fff;
	      font-style: italic;
	      margin-bottom: 30px;
	      padding-top: 31px;
	    }
	    
	    #footer .nav {
	      list-style: none;
	      margin: 0 auto;
	      padding: 0;
	      text-align: center;
	    }
	    
	      #footer .nav li {
	        border-right: 1px solid #8e8c82;
	        display: inline;
	        margin: 0 14px 0 0;
	        padding: 4px 14px 4px 0;
	      }
	      
	        #footer .nav li.last {
	          border: none;
            margin-right: 0;
	          padding-right: 0;
	        }
	      
	        #footer .nav li a {
	          color: #fff;
	        }
	        
	    #nav-footer {
	      font-size: 0.75em;
	      margin-bottom: 35px !important;
	    }
	    
	    #nav-legal {
        font-size: 0.6875em;
	    }
	#btn-worldMagazine {
		width: 175px;
		height: 79px;
		background: url(../images/struct/btn-worldMagazine.png) 0 0 no-repeat;
		position: absolute;
		top: 25px;
		left: 25px;
		display: block;
		text-indent: -9999px;
	}
	#btn-compassCinema {
		width: 90px;
		height: 97px;
		background: url(../images/struct/btn-compassCinema.png) 0 0 no-repeat;
		position: absolute;
		top: 25px;
		left: 860px;
		display: block;
		text-indent: -9999px;
	}	
	/* @end */
/* @end */


/* @group content & columns */
  
  /* @group -page */
  #page {
    color: #555553;
    margin: 0 auto;
    width: 975px;
  }
  
    /* @group --content */
    #wrapper-content {
		background: url("../images/struct/bg-wrapper-content.jpg") 0 0 no-repeat;
		padding: 15px 0 0 0;
	}
    #content-main, #content-featured {
		background: #fff;
		padding: 30px 0px 30px 15px;
	}
	#content-main { background: #fff; }
	#content-featured {
		background: #fff url("../images/struct/bg-content-featured.png") bottom no-repeat;
		padding-bottom: 23px;
	}
	 #content-featured .nobg {
	background: none !important;
	}
    #content-featured .section, #content-main .section{
      float: left;
      font-size: 0.75em;
      width: 600px;
      padding: 0px 15px;
    }
    /* @end */
  	
  	/* @group --aside */
    #content-featured .aside, #content-main .aside {
      float: right;
      font-size: 0.6875em;
      width: 310px;
    }
     #content-featured .aside { width: 306px; }
    #content-featured .aside ul, #content-featured .aside ol, #content-main .aside ul, #content-main .aside ol{ list-style: none; }
        
    #content-featured .aside ul li a, #content-featured .aside ol li a, #content-main .aside ul li a, #content-main .aside ol li a { 
			font-weight: bold; 
			margin: 0 0 6px 0;
		}
    #content-featured .aside li, #content-main .aside li, #content-featured .aside p, #content-main .aside p { 
			margin: 0 0 12px 0;
		}

/* @group get the book */

#get-book {
		background: #dddbcc url(../images/struct/bg-getBook.jpg) 0 0 no-repeat;
		padding: 300px 20px 20px 20px;
		position: relative;
	}
	#get-book h2 {
		color: #89400e;
		text-transform: uppercase;
		font: bold 2.8em Helvetica, Arial, Geneva, sans-serif;
	}
	#get-book p {
		color: #48473f;
		line-height: 1.4em;
	}
	#get-book p span {
		color: #456e8a;
		font-style: italic;
		font-weight: bold;
		display: block;
	}
	#book-form { margin: 20px 0 10px 0; }
	#book-form ul { margin-bottom: 20px; }
	#book-form li {
		margin-bottom: 10px;
		clear: both;
		width: 100%;
	}
	#book-form #first-name { width: 120px; float: left; }
	#book-form #last-name { width: 120px; float: right; }
	#book-form #email { width: 160px; float: left; }
	#book-form #zip { width: 80px; float: right; }
	#book-form #org { width: 255px; }
	#btn-next {
		width: 257px;
		height: 46px;
		background: url(../images/struct/btn-next.png) 0 0 no-repeat;
		text-indent: -9999px;
		position: absolute;
		left: 33px;
		clear: both;
	}
	.aside-box {
		margin-bottom: 40px;
		font-family: Helvetica, Arial, Geneva, sans-serif;
		line-height: 1.4em;
		width: 310px;
	}
	.aside-box, .aside-box a { font-family: Helvetica, Arial, Geneva, sans-serif; }
	.aside-box .body { padding: 20px 20px 0px 30px; }
	.aside-box h2 {
		border-bottom: 7px solid #dddbcc;
		margin-left: 20px;
		padding-bottom: 5px;
	}
	.aside-box h2 span{
		background: url(../images/struct/hd-featuredMinistry.png) 0 0 no-repeat;
		/*width: 131px;*/
		/*height: 18px;*/
		text-indent: -9999px;
		position: relative;
		display: block;
		width: 290px;
		margin-left: 10px;
	}
	#featured-ministry .body {
		background: url(../images/struct/bg-featuredMinistry.png) 0 0 no-repeat;
		padding: 30px 0px 0px 40px;
	}
	#featured-ministry h2 {
		border: none;
		padding-bottom: 0;
	}
	#featured-ministry h2 span{
		background: url(../images/struct/hd-featuredMinistry.png) 0 0 no-repeat;
		height: 17px;
	}		
	#featured-commentary h2 span{
		background: url(../images/struct/hd-featuredCommentary.png) 0 0 no-repeat;
		height: 17px;
	}
	#suggested-readings h2 span{
		background: url(../images/struct/hd-suggestedReadings.png) 0 0 no-repeat;
		height: 17px;
	}		
	#featured-organization h2 span{
		background: url(../images/struct/hd-featuredOrganization.png) 0 0 no-repeat;
		height: 17px;
	}
	#feedback h2 span{
		background: url(../images/struct/hd-feedback.png) 0 0 no-repeat;
		height: 17px;
	}
	#ministry-spotlight h2 span{
		background: url(../images/struct/hd-ministrySpotlight.png) 0 0 no-repeat;
		height: 17px;
	}
	#bonus-footage h2 span{
		background: url(../images/struct/hd-bonusFootage.png) 0 0 no-repeat;
		height: 17px;
	}
	#ministry-photo, #ministry-logo { text-align: center; }
	#ministry-logo { margin-bottom: 10px; }

/* @end */
       /* @end */
	/* @end */
  
	/* @group -misc. content styles */
	/* @end */

	/* @group -sections - specific page areas */
	.section .title { position: relative; }
	.title-tab {
		background: url("../images/struct/bg-tab.png") 0 0 no-repeat;
		position: absolute;
		left: -50px;
		top: 5px;
		width: 20px;
		height: 39px;
		display: block;
		text-indent: -9999px;
	}
	#content-featured .title-tab {
		background: url("../images/struct/bg-tab-chapter.png") 0 0 no-repeat;
		width: 30px;
		left: -60px;
	}
	.post-3 #content-featured .title-tab  {
		background: url("../images/struct/bg-tab-chapter.png") -30px 0 no-repeat;
	}
	.post-23 #content-featured .title-tab  {
		background: url("../images/struct/bg-tab-chapter.png") -60px 0 no-repeat;
	}
	.post-26 #content-featured .title-tab  {
		background: url("../images/struct/bg-tab-chapter.png") -90px 0 no-repeat;
	}
	.post-35 #content-featured .title-tab  {
		background: url("../images/struct/bg-tab-chapter.png") -120px 0 no-repeat;
	}
	.post-40 #content-featured .title-tab  {
		background: url("../images/struct/bg-tab-chapter.png") -150px 0 no-repeat;
	}
	.post-43 #content-featured .title-tab  {
		background: url("../images/struct/bg-tab-chapter.png") -180px 0 no-repeat;
	}
	.post-79 #content-featured .title-tab  {
		background: url("../images/struct/bg-tab-chapter.png") -210px 0 no-repeat;
	}
	.post-86 #content-featured .title-tab  {
		background: url("../images/struct/bg-tab-chapter.png") -240px 0 no-repeat;
	}
	
	#homepage-lessons {margin-bottom: 20px;}
	#homepage-lessons li {padding-left: 0; width: 600px;}
	#homepage-lessons h3, #homepage-lessons p {float: left; width: 430px;}
	#homepage-lessons .lesson-thumb-small {height: 90px; width: 150px; float: left; margin-right: 20px;}
	
	#study-guide {margin-bottom: 40px;}
	
	#download-guide {margin: 50px 0 0 33px; font-weight: bold; text-transform: uppercase;}
	
  	/* @end */
	  
	  /* @group --features */
	  	#content-featured .section h2 {
			font: bold 3.2em/1em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
			text-transform: uppercase;
		}

  	/* @end */
	  
	  /* @group --individual post */
	  	#content-main .section h2 {
			font: bold 2.6em/1em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
			text-transform: uppercase;
			background: url("../images/struct/bg-tab.png") 0 0 no-repeat;
			position: relative;
			left: -50px;
			top: 5px;
			min-height: 39px;
			display: block;
			padding: 0 0 0 50px;
		}
	  	.content .section h2 { margin-bottom: 20px; }
	  	.content .section h2, .content .section h2 a {
			color: #d8ab31;
			text-decoration: none;
		}
		#content-main .listings-chapter h2.title {
			background: none;
        }
		.content .section .title h3.sub-headline, #content-featured .entry-summary h3 {
			color: #6f4c2f;
			font-style: italic;
			font-size: 19px;
			margin: 30px 0 5px 0;
		}
		.content .section .title h4, #content-featured .entry-summary h4 {
			color: #6f4c2f;
			font-weight: bold;
			font-size: 14px;
		}
		
	  	.content .section a { color: #1c5382; }
	  	.listings-summarize ul { list-style: disc; margin-left: 15px;}
	  	.content .section p {
			margin-bottom: 10px;
			line-height: 1.4em;
		}
		.content .section .body ul, .content .section ul {  line-height: 1.4em;  /*list-style: disc;*/ }
		.content .section .body ul li, .content .section ul li {
			border-bottom: 1px solid #ccc;
			padding: 0 0 10px 0;
			margin: 0 0 10px 0;
		}
		.content .section .body ul li.last, .content .section ul li.last {
			border-bottom: none;
		}
		.content .section .body ul li ul li, .content .section ul li ul li {
			border-bottom: none;
			margin: 10px 0 0 20px;
			list-style-type: disc;
		}		
		.post { margin-bottom: 40px; }
		li.post.hentry {list-style: none;}
	  
	    /* @group --individual post content */
  	    /* @end */
    	
    	 /* @group --individual post footer */
    	 
  	/* @end */
  	
 	.content .listings-chapter ul {
	float: left;
	}
 	.content .listings-chapter ul li {
	padding-left: 110px;
	list-style: none;
	border-bottom: none;
	clear: both;
	width: 490px;
	}
	.content .listings-chapter h3 {
		margin-bottom: 10px;
		font-size: 16px;
	}
	.content .listings-chapter h3 a {
		font-weight: bold;
	}
	.content .listings-chapter img.alignleft {
		float: left;
		display: inline-block;
		margin-left: -110px;
	}
	.content .listings-chapter p {
		line-height: 1.4em;
	}
	/* @end */