/*
Theme Name: JR Woodward
Theme URI: http://jrwoodward.net
Description: A custom theme derived from Elliot Jay Stocks' Starkers Theme (http://starkerstheme.com/) and the 1140 CSS Grid (http://cssgrid.net/).
Version: 1.0
Author: John Chandler
Author URI: http://www.byjohnchandler.com
Tags: starkers, naked, clean, basic
*/


/* RESET */
/* ----------------------------------------- */

/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }
q:before, q:after { content:''}

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight:bold }
em { font-style:italic }
a img { border:none } /* Gets rid of IE's blue borders */



/* LAYOUT */
/* ----------------------------------------- */

body {
	font: 1em/1.4em 'EB Garamond',Georgia, serif;
	border-top: 8px solid #D79038;
	color: #555;
}
h1, h2, h3, h4, h5, h6 { 
	font-family: 'Oswald', sans-serif;
	font-weight: 300;
}
a {
	color: #6A9AA8;
	text-decoration: none;
}


/* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them. Edit as you see fit. More info: http://codex.wordpress.org/CSS */
.aligncenter { display:block; margin:0 auto }
.alignleft { 
	float:left;
	margin: 5px 3% 5px 0;
}
.alignright { 
	float:right; 
	margin: 5px 0 5px 3%;
}
.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }

p {
	margin-bottom: 1.4em;
}
iframe {
	max-width: 100%;
}
br.clear { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear your floated columns */


/* Header */

#header {
	padding: 2em 0 1em ;
}
.site-title {
	font-size: 2em;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: .3em;
	padding: .5em 0;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
#header .menu {
	font: .9em 'Oswald', sans-serif;
	font-weight: 300;
	margin: 2em auto;
}
#header .menu a {
	color: #777;
}
#menu-top-right,
#menu-top-left,
#menu-fivefold {
	text-align: center;
	margin: 1.2em 0 !important;
}
#header .menu li {
	display: inline-block;
	padding: 0 5px;
	border-right: 1px solid #ccc;
}
.menu li:last-child {
	border-right: none !important;
}
.orange a:hover {
	color: #D79038 !important;
}
.teal a:hover {
	color: #6A9AA8 !important;
}
.blue a:hover {
	color: #27428C !important;
}
.green a:hover {
	color: #688D36 !important;
}
.gold a:hover {
	color: #B69431 !important;
}
#description {
	text-align: center;
	padding: 1em 0;
	margin-bottom: em;
	color: #777;
}
#description p {
	font: 300 1.2em 'Oswald', sans-serif;
	text-transform: uppercase;
	letter-spacing: .2em;
	margin-bottom: 10px;	
}
#menu-fivefold li {
	display: inline-block;
	font: 0.9em 'Oswald', sans-serif;
	font-weight: 300;
	padding-top: 50px;	
}
#menu-fivefold a {
	padding: 50px 3px 0;
	background: url('images/5fold.png') no-repeat;
	padding: ;
	color: #fff;
	margin: 0 5px;
}
#menu-fivefold .orange a {
	background-position: -3px 0;
}
#menu-fivefold .teal a {
	background-position: -70px 0;
}
#menu-fivefold .blue a {
	background-position: -129px 0;
	margin: 0;
}
#menu-fivefold .green a {
	background-position: -197px 0;
}
#menu-fivefold .gold a {
	background-position: -261px 0;
}
#sub-header {
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	padding: 0;
	font: 300 0.9em/1.8em 'Oswald', sans-serif;
	margin-bottom: 1em;
}
#sub-header .bbp-breadcrumb p,
#breadcrumbs {
	margin: 0;
}
#sub-header .bbp-breadcrumb {
	font-size: 1.2em;
}
.social {
	padding-top: 3px;
	text-align: right;
}
.social a {
	display: inline-block;
	width: 24px;
	height: 24px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.social a:hover {
	background-position: bottom;
}
.social .twitter {
	background: url(images/twitter.png);
}
.social .facebook {
	background: url(images/facebook.png);
}
.social .gplus {
	background: url(images/gplus.png);
}
.social .flickr {
	background: url(images/flickr.png);
}
.social .rss {
	background: url(images/rss.png);
}
.social .linkedin {
	background: url(images/linkedin.png);
}
.social .vimeo {
	background: url(images/vimeo.png);
}
.social .youtube {
	background: url(images/youtube.png);
}
.social .email {
	background: url(images/email.png);
}
.social .goodreads {
	background: url(images/goodreads.png);
}
#searchform {
	float: right;
	margin: 0 0 0 3px;
	position: relative;
	bottom: 2px;
}
#searchform #s {
	border: 1px solid #ccc;
	background: #fff;
	height: 2.0em;
	border-radius: 4px;
	color: #555;
}
#searchform #searchsubmit {
	font: 300 0.9em 'EB Garamond',Georgia, serif;;
	padding: 0 5px;
	color: #505050;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.2);
	background: #DADADA;
	border: none;
	border-radius: 4px;
	height: 2em;
	box-shadow: inset 3px 3px 4px rgba(255,255,255,0.3);
}

/* Main */

article {
	margin-bottom: 1em;
}
article p {
	margin-bottom: 1em;
}
.post-title {
	border-bottom: 1px solid #ddd;	
	margin-bottom: 4px;
	color: #D79038;
	font-size: 1.3em;
	line-height: 1.6em;
}
.post-title a {
	color: #D79038;
}
.page-title {
	font-size: 1.3em;
	line-height: 1.6em;
	color: #D79038;
	margin-bottom: 4px;
}
.more,
.sub-meta,
.post-meta {
	font: 300 0.9em Oswald;
	color: #888;
}
.post-meta.above,
.post-meta.below {
	margin-bottom: 1.4em;
	clear: both;
}
.sub-meta a {
	color: #888;
}
.more,
.post-meta {
	text-transform: uppercase;
}
.more {
	color: #6A9AA8;
}
.post-meta a {
	padding-left: 5px;
}
.entry-date {
	padding-right: 5px;
}

.attachment-home-thumb {
	float: left;
	margin: 0 10px 5px 0;
}
.post-nav {
	font: .8em/1.4em 'Oswald' sans-serif;
	font-weight: 300;
	line-height: 1.4em;
}
.prev {
	float: left;
	width: 45%;
	margin: 0 10% 0 0;
}
.next {
	width: 45%;
	float: right;
	text-align: right;
	margin: 0;
}
#main ol,
#main ul {
	padding-left: 20px;
	margin-bottom: 1.4em;
}
#main ul li {
	list-style-type: disc;
}
#main ol li {
	list-style-type: decimal;
}

/* Special Page Styles */
.wp-table-reloaded td {
	padding: 5px;
	background: #fafafa;
}
.wp-table-reloaded tr {
	border-bottom: 5px solid #fff;
}
.column-1 {
	margin-right: 3px !important;
	width: 20%;
	border-right: 5px solid #fff;
}
.apostle .column-1 {
	background-color: #f7e6cc;
}
.apostle .page-title {
	padding-left: 42px;
	line-height: 40px;
	background: url(images/apostle.png) left no-repeat;	
}
.prophet .column-1 {
	background-color: #ccdde1;
}
.prophet .page-title {
	padding-left: 52px;
	line-height: 40px;
	color: #6296A4;
	background: url(images/prophet.png) left no-repeat;	
}

.evangelist .column-1 {
	background-color: #d8def0;
}
.evangelist .page-title {
	color: #284595;
	padding-left: 38px;
	line-height: 40px;
	background: url(images/evangelist.png) left no-repeat;	
}
.pastor .column-1 {
	background-color: #d1e4b2;
}
.pastor .page-title {
	padding-left: 40px;
	color: #688E2B;
	line-height: 40px;
	background: url(images/pastor.png) left no-repeat;	
}
.teacher .column-1 {
	background-color: #f3ebcb;
}
.teacher .page-title {
	color: #B6961D;
	padding-left: 50px;
	line-height: 40px;
	background: url(images/teacher.png) left no-repeat;	
}
.gce-list {
	padding-left: 0 !important;
}
.gce-page-list li {
	list-style-type: none !important;
}
.speaking-event.event-title {
	font-weight: 300 !important;
	font: 1em Oswald;
}

.rec-reading {
	padding: 0 0 18px 0 !important;
	
}
.book-cat {
	clear: left;
	margin-bottom: 18px;
}
.rec-reading li {
	list-style-type: none !important;
	clear: left;
}
.rec-reading h3 {
	margin-bottom: 10px;
}
.book-title {
	float: left;
	margin-right: 12px;
}
.download-button {
	margin: 0 0 12px 18px;
	float: right;
	color: #fff;
	font: 1em Oswald, sans-serif;
	font-weight: 300;
	text-shadow: 0 -1px 0 #000;
	box-shadow: inset 2px 3px 5px rgba(255,255,255,0.7);
	width: 200px;
	padding: 10px;
	text-align: center;
	background: #284595;
}
.availability-button {
	margin: 0 18px 12px 0;
	float: left;
	color: #fff;
	font: 1em Oswald, sans-serif;
	font-weight: 300;
	text-shadow: 0 -1px 0 #000;
	box-shadow: inset 2px 3px 5px rgba(255,255,255,0.7);
	width: 150px;
	padding: 10px;
	text-align: center;
	background: #688D36;
}
#field_2_6 ,
#field_2_7{
	width: 48%;
	display: block;
}
#field_2_7 {
	float: left;
}
#input_2_6,
#input_2_7 {
	width: 98%;
}

/* Comments */

#comments {
	clear: both;
}

.form-allowed-tags {
	display: none;
}

#comments-title,
#reply-title {
	margin-top: 32px;
	font-size: 16px !important;
	clear: both;
	color: #D79038;
}

.vcard {
	margin-top: 10px;
	clear: both;
}

.avatar {
	float: left;
	margin-right: 10px;
}
.fn {
	display: block;	
}
.commentmetadata {
	font-style: italic;
	font-size: 12px;
	display: block;
	margin-bottom: 12px;
}
.comment-meta a{
}
.says {
	display: none;
}
.comment-body {
	margin: 0 60px 1em 50px;
}
.comment-reply-login {
	float: right;
	position: relative;
	bottom: 10px;
	font-size: 12px;
	padding: 1px 8px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	background: #eee;
	color: #999;
	text-shadow: 1px 1px 0 #fff;
}
.comment-reply-link {
	float: right;
	position: relative;
	bottom: 10px;
	font-size: 12px;
	padding: 1px 8px;
	border-radius: 3px;
	-moz-border-radius: 3px;
}
.depth-2,
.depth-3,
.depth-4,
.depth-5 {
	margin-left: 25px;
}
.logged-in-as {
	margin-right: 30px;
	font-size: 12px;
	color: #888;
}

.logged-in-as a {
	color: #888;
}
#comment {
	width: 98%;
	padding: 5px;
	border: #aaa 1px solid;
	background: #fff;
}
.comment {
	padding: 10px 0;
	border-bottom: 1px solid #eee;
}
.comment-notes {
	font-size: .8em;
	display: block;
	margin-bottom: 12px;
}
.gform_body input,
#commentform input {
	background: #fff;
	height: 18px;
	border: 1px solid rgba(0,0,0,0.4);	
}
#submit {
	float: right;
	position: relative;
	bottom: 10px;
	font-size: 12px;
	padding: 1px 8px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	background: #6A9AA8 !important;
	color: #fff;
	border: 0 !important;
	text-shadow: 0 1px 0 #777;
}
#author,
#email {
	margin-left: 20px;
}

#url {
	margin-left: 15px;
}
/* Forms */

.gform_body {
	width: 100%;
}
.gform_body ul {
	padding: 0 !important;
	width: 100%;
}
.gfield_label {
	font-weight: normal !important;
}
.ginput_container textarea {
	border: 1px solid rgba(0,0,0,0.4);
}
.gform_button {
		float: right;
		position: relative;
		bottom: 20px;
		right: 6px;
		font-size: 12px;
		padding: 4px 8px;
		border-radius: 3px;
		-moz-border-radius: 3px;
		background: #6A9AA8 !important;
		color: #fff;
		border: 0 !important;
		text-shadow: 0 1px 0 #777;
}
.wp-table-reloaded {
	clear: both;
}
/* Sidebar */
.fourcol.sidebar.last {
	margin-right: 3.8%;
}
#main .eightcol {
	margin: 20px 0;
	float: right !important;
}
.sidebar ul {
	padding: 0;
	margin: 0;
}
.sidebar li {
	list-style-type: none !important;
}
.sidebar .xoxo,
.sidebar .menu {
	padding: 0 !important;
}
#menu-boxes li {
	display: inline-block;
	width: 47%;
	max-width:  420px;
	margin: 0 3% 10px 0;
	float: left;
}
#menu-boxes li a {
	display: block;
	width: 100%;
	color: #aaa;
	height:0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background-size:100%;
	padding-bottom: 68%;
	box-shadow: 0 0 3px rgba(0,0,0,0.1);
}
.box-about a {
	background:url(images/about-jr.jpg) no-repeat;
}
.box-book a {
	background:url(images/my-book.jpg) no-repeat;
}
.box-sample a {
	background:url(images/sample-chapter.jpg) no-repeat;
}
.box-blog a {
	background:url(images/blog.jpg) no-repeat;	
}
.box-forum a {
	background:url(images/forum.jpg) no-repeat;	
}
.box-assess a {
	background:url(images/church-assess.jpg) no-repeat;	
}
.box-topics a {
	background:url(images/speaking.jpg) no-repeat;	
}
.box-equipper a {
	background:url(images/equip-assess.jpg) no-repeat;	
}
.box-missio a {
	background:url(images/missio-alliance.png) no-repeat;	
}
.box-v3 a {
	background:url(images/v3.png) no-repeat;	
}
.box-ca a {
	background:url(images/cq.jpg) no-repeat;	
}
/* Footer */

#footer {
	padding-top: 2em;
	background: #fcfcfc;
	color: #333;
	margin-top: 2em;
	box-shadow: inset 0 3px 9px #fff;
	border-top: 8px solid #D79038;
}
#footer .widget-title {
	margin-bottom: 10px;
}
.widget-container {
	margin-bottom: 20px;
}
.textwidget,
.miniloops ul,
.widget_twitter ul,
.widget_recent_entries ul {
	border-top: 1px solid #ccc;
	box-shadow: 0 1px 0 #fff;
	margin-bottom: 8px;
}
.textwidget,
.miniloops li,
.widget_twitter li,
.widget_recent_entries li {
	padding: 8px 0;
	border-bottom: 1px solid #ccc;
	box-shadow: 0 1px 0 #fff;	
}
.miniloops li {
	min-height: 50px;
	clear: left;
}
.miniloops img {
	float: left;
	margin-right: 10px;
}
.intent-meta a {
	width: 16px;
	height: 16px;
	display: inline-block;
	background: url(images/twitter-intents.png) top left no-repeat;
	text-indent: -5000px;
}
.time-meta a {
	font-style: italic;
	color: #888;
}
a.in-reply-to:hover {
	background-position: -16px top;
}
a.retweet {
	background-position: -80px top;
}
a.retweet:hover {
	background-position: -96px top;
}
a.favorite {
	background-position: -32px top;
}
a.favorite:hover {
	background-position: -48px top;
}
.sub-footer {
	margin: 1em auto;
	font: 0.8em Oswald;
	font-weight: 300;
	color: #888;
}
.sub-footer .last {
	text-align: right;
}

.gce-list {
	border-bottom: 1px solid #ddd;
}
.gce-list li {
	margin-bottom: 0;
	padding: 5px 0;
	border-top: 1px solid #ddd;
}
.gce-list-event {
	background: none !important;
	text-transform: capitalize;
	font-weight: bold;
}
.gce-link {
	text-align: right;
}

#bbpress-forums  {
	font-size: 1em !important;
}
#bbpress-forums .bbp-breadcrumb {
	display: none;
}
.bbp-topics li,
.bbp-forums li  {
	list-style-type: none !important;
	font-size: 1.2em;
}
.topic.hentry p {
	font-size: 1.3em;
	line-height: 1.5;
}
.bbp-template-notice {
	display: none !important;
}
.bbp-submit-wrapper button {
	font-size: 12px;
	padding: 3px 6px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	background: #6A9AA8 !important;
	color: #fff;
	border: 0 !important;
	text-shadow: 0 1px 0 #777;
}
.statcounter {
	display: none;
}
#forum-login {
	float: right;
	margin: 0 0 30px 30px;
	background: #EAEAEA;
	padding: 10px;
	text-shadow: 0 -1px 0 #fff;
}
#forum-login h2 {
	margin-bottom: 8px;
}
#forum-login p {
	margin: 0 0 4px 0;
}
#forum-login .login-remember {
	display: none;
}
#forum-login .login-submit {
	text-align: right;
}
#forum-login input {
	border: 1px solid #ccc;
	height: 22px;
}
#forum-login .login-username,
#forum-login .login-password {
	text-align: right;
}
#forum-login .button-primary {
	font-size: 12px;
	padding: 3px 6px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	background: #6A9AA8 !important;
	color: #fff;
	border: 0 !important;
	text-shadow: 0 1px 0 #777;
}
#forum-login {
	text-align
}
#forum-login label {
	color: #888 !important;
}
.sidebarlogin_otherlinks {
	padding: 0 !important;
	margin: 0 !important;
}
.sidebarlogin_otherlinks li {
	float: left;
	font-size: 13px;
	margin: 0 12px !important;
	padding: 0 !important;
	text-align: left;
	list-style-type: none !important;
}

.left {
	float: left;
	width: 44%;
	margin-right: 4%;
	background: #eee;
	padding: 10px 2%;
}
.right {
	background: #eee;
	padding: 10px 2%;	
	float: left;
	width: 44%;
}
.left h3,
.right h3,
.left p {
	margin-bottom: 12px;
}
#gform_fields_3 label {
	display: none;
}
.left .clearit {
	width: 100%;
	float: left;
}
.left input,
.right input {
	width: 98% !important;
	padding: 5px 1% !important;
	border: 1px solid #ccc;
	height: 15px;
	margin-bottom: 12px;
	font-family: Helvetica !important;
}
.left .gform_wrapper {
	margin: 0;
}
.left .gform_button,
.right .sub-button {
		font-size: 12px !important;
		padding: 4px 8px;
		height: 24px;
		margin-bottom: 0;
		border-radius: 3px;
		-moz-border-radius: 3px;
		background: #6A9AA8 !important;
		color: #fff;
		border: 0 !important;
		text-shadow: 0 1px 0 #777;
}
.sub-button {
	margin-bottom: 20px !important;
}
/* ============================== */
/* ! Layout for desktop version   */
/* ============================== */

	body {
		
	}
	

/* ============================= */
/* ! Layout for mobile version   */
/* ============================= */

@media handheld, only screen and (max-width: 599px) {

	#searchform {
		clear: both;

	}
	.site-title {
		font-size: 1.8em
	}
	.social4i {
		display: none;
	}
	#menu-top-left,
	#menu-top-right {
		margin: 10px 0 !important;
	}
	#header {
		padding: 10px 0;
	}
}