/**
 * Theme Name: Outward Focus
 * Description: A child theme for hybrid
 * Author: Christopher Cox
 * Author URI: http://outwardfocusdesign.com
 * Template: hybrid
 *
 */

/*! normalize.css v1.0.1 | MIT License | git.io/normalize */

/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */

/*
 * Corrects `block` display not defined in IE 6/7/8/9 and Firefox 3.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
    display: block;
}

/*
 * Corrects `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */

audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

/*
 * Prevents modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
    display: none;
    height: 0;
}

/*
 * Addresses styling for `hidden` attribute not present in IE 7/8/9, Firefox 3,
 * and Safari 4.
 * Known issue: no IE 6 support.
 */

[hidden] {
    display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */

/*
 * 1. Corrects text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevents iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
    font-size: 100%; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
    -ms-text-size-adjust: 100%; /* 2 */
}

/*
 * Addresses `font-family` inconsistency between `textarea` and other form
 * elements.
 */

html,
button,
input,
select,
textarea {
    font-family: sans-serif;
}

/*
 * Addresses margins handled incorrectly in IE 6/7.
 */

body {
    margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */

/*
 * Addresses `outline` inconsistency between Chrome and other browsers.
 */

a:focus {
    outline: thin dotted;
}

/*
 * Improves readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
    outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */

/*
 * Addresses style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
 */

b,
strong {
    font-weight: bold;
}

blockquote {
    margin: 1em 40px;
}

/*
 * Addresses styling not present in Safari 5 and Chrome.
 */

dfn {
    font-style: italic;
}

/*
 * Addresses styling not present in IE 6/7/8/9.
 */

mark {
    background: #ff0;
    color: #000;
}

/*
 * Addresses margins set differently in IE 6/7.
 */

p,
pre {
    margin: 1em 0;
}

/*
 * Corrects font family set oddly in IE 6, Safari 4/5, and Chrome.
 */

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    _font-family: 'courier new', monospace;
    font-size: 1em;
}

/*
 * Improves readability of pre-formatted text in all browsers.
 */

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

/*
 * Addresses CSS quotes not supported in IE 6/7.
 */

q {
    quotes: none;
}

/*
 * Addresses `quotes` property not supported in Safari 4.
 */

q:before,
q:after {
    content: '';
    content: none;
}

/*
 * Addresses inconsistent and variable font size in all browsers.
 */

small {
    font-size: 80%;
}

/*
 * Prevents `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* ==========================================================================
   Lists
   ========================================================================== */

/*
 * Addresses margins set differently in IE 6/7.
 */

dl,
menu,
ol,
ul {
    margin: 1em 0;
    padding: 0;
}

dd {
    margin: 0 0 0 40px;
}

/*
 * Corrects list images handled incorrectly in IE 7.
 */

nav ul,
nav ol {
    list-style: none;
    list-style-image: none;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */

/*
 * 1. Removes border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improves image quality when scaled in IE 7.
 */

img {
    border: 0; /* 1 */
    -ms-interpolation-mode: bicubic; /* 2 */
}

/*
 * Corrects overflow displayed oddly in IE 9.
 */

svg:not(:root) {
    overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */

/*
 * Addresses margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */

figure {
    margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */

/*
 * Corrects margin displayed oddly in IE 6/7.
 */

form {
    margin: 0;
}

/*
 * Define consistent border, margin, and padding.
 */

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/*
 * 1. Corrects color not being inherited in IE 6/7/8/9.
 * 2. Corrects text not wrapping in Firefox 3.
 * 3. Corrects alignment displayed oddly in IE 6/7.
 */

legend {
    border: 0; /* 1 */
    padding: 0;
    white-space: normal; /* 2 */
    *margin-left: -7px; /* 3 */
}

/*
 * 1. Corrects font size not being inherited in all browsers.
 * 2. Addresses margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improves appearance and consistency in all browsers.
 */

button,
input,
select,
textarea {
    font-size: 100%; /* 1 */
    margin: 0; /* 2 */
    vertical-align: baseline; /* 3 */
    *vertical-align: middle; /* 3 */
}

/*
 * Addresses Firefox 3+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

button,
input {
    line-height: normal;
}

/*
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Corrects inability to style clickable `input` types in iOS.
 * 3. Improves usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Removes inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
    *overflow: visible;  /* 4 */
}

/*
 * Re-set default cursor for disabled elements.
 */

button[disabled],
input[disabled] {
    cursor: default;
}

/*
 * 1. Addresses box sizing set to content-box in IE 8/9.
 * 2. Removes excess padding in IE 8/9.
 * 3. Removes excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
    *height: 13px; /* 3 */
    *width: 13px; /* 3 */
}

/*
 * 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

/*
 * Removes inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/*
 * Removes inner padding and border in Firefox 3+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/*
 * 1. Removes default vertical scrollbar in IE 6/7/8/9.
 * 2. Improves readability and alignment in all browsers.
 */

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */

/*
 * Remove most spacing between table cells.
 */

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

body {
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Standup Economist CUSTOM STYLES
   ========================================================================== */


/**
* Body
************************************************/
html {
	/*bg will only be seen in monitors wider than 1800px
	  Essentially provides black bars at the sides of wide screens*/
	background: #000;
}
/* Contains everything */
body {
	position: relative;
	height: 100%;
	font-size: 16px;
	line-height: 1.5;
	font-family: "proxima-nova-alt-condensed",arial,sans-serif;
	/*loaded weights from Typekit include 300,400,600 */
	font-weight: 400;
	color: #310707;
}

/* Wrapper for everything inside of the body */
#body-container {
	position: relative;
	/*layer above bg*/
	z-index: 2;
}

/**
* Core layout
************************************************/
	
/* define all elements to have border-box sizing, with IE7 polyfill (htc) */	
*, *:after, *:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	*behavior: url(/boxsizing.htc);
}

#main-bg {
	position: fixed; 
	left: 0;
	top: 0;
	width: 100%;
	/*don't let bg image be expanded too far*/
	max-width: 1800px;
	height: 100%;
	background-image: url(images/bg-main.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	z-index: 1; 
	/*support background-size for IE8*/
	-ms-behavior: url(/backgroundsize.min.htc);
}

/**
* Elements
************************************************/

/* Headers */
h1, h2, h3, h4, h5, h6 {
	font-family: "proxima-nova-alt-condensed",sans-serif; 
	font-weight: 600;
	margin:0 0 1em;
	line-height:1.2;
}
	
h1{font-size:1.7em} 
h2{font-size:1.5em}
h3{font-size:1.3em}
h4{font-size:1.1em}
h5{font-size:1em}
h6{font-size:1em}

.page-title {
	text-align: center;
}
.archive-title {
	text-align: center;
}
.widget h1 {
	font-size: 1.2em;
	text-align: center;
}

p {	
	margin:0 0 1em;
}

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

a:hover, a:active {
	text-decoration:underline;
}

hr {
	display: block;
	height:1px;
	background:#d7d7d7;
	border:0;
	color:#d7d7d7;
}

table {
	border-collapse:collapse;
	width:100%;
}

td {
	vertical-align:top;
	padding-top:5px;
}
		
table caption {
	background: #f5f3ee;
	padding: 2px 0;
}			
a img, a:visited img {
	border:none
}
	
blockquote {
	color: #666;
	padding: 0 18px;
	margin: 25px 45px;
	border-left: 3px solid #DDD;
	font-style: italic;
	letter-spacing:0.02em;
}

pre {
	width:100%;
	overflow:auto;
}

.small {
	font-size:.8em;
}

input, 
button, 
textarea {
	font-family: "proxima-nova-alt-condensed",arial,sans-serif;
}
/* Tables */
table {
	margin: 0 0 20px;
}

/* ---------- @ Form Elements -----------*/

input[type="text"],
input[type="email"],
input[type="password"],
textarea {
	background: #fff;
	color: #666;
	border: 1px solid #999;
	padding:.25em;
	margin:0 0 .75em;
}	 
label {
	display:block;
	margin-bottom:.25em;
}

/*EMAIL SIGNUP FORMS*/
#email-list-subscribe {
	display: none;
}
#colorbox #email-list-subscribe {
	display: block;
}
.email_signup { 
	margin:0 100px 20px;
}
#colorbox .email_signup {
	margin: 0 0 20px;
}
.email_signup .result {
	display: none;
}
.ajax-loader {
	display: none;
	width: 100%;
	min-height: 50px;
	background: url(images/ajax-loader.gif) center center no-repeat;
}
.email_signup label.error {
	float:none;
	display:block;
	clear:left;
	padding:2px 0;
	color: red;
	font-size: .9em;
}

.email_signup input { 
	display: block;
}
.email_signup input[type="email"] { 
	width: 60%;
}
.email_signup select { 
	display: block;
	margin: 0 0 10px;
	padding:2px;
}
#register-videos .email_signup { 
	margin:3em 100px;
}

#register-videos .email_signup h2 { 
	display:none;
}
/*end email signup*/

fieldset {
	border:none;
	margin:.5em 0;
	padding:0;
}
legend {
	margin:0 0 .25em;
}

form, 
form li, 
form ul {
	margin:0; 
	padding:0;
}

form li,
form ul {
	list-style:none;
}
		
.button,
button,
input[type="submit"] {
	display: inline-block;
	padding: 4px 8px;
	background:#db7a2b;
	border: none;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	box-shadow:0 1px 3px #666; 
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,.25), 0 1px 1px rgba(255,255,255,.3) inset;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.25), 0 1px 1px rgba(255,255,255,.3) inset;
	box-shadow: 0 1px 3px rgba(0,0,0,.25), 0 1px 1px rgba(255,255,255,.3) inset;
	color:#fff;
	line-height:1;
	cursor:pointer;
}
.button:visited {
	color: #fff;
}
.button:hover {
	background:#c72a26;
	text-decoration:none;
}

.button:active {
	background:#000;
}
	
.wpcf7-form .required { color:red }


/* Alignment */
.clearleft { clear:left }
.clearright { clear:right }
.clearboth { clear:both }
.alignright { float:right; margin:0 0 1em 1em }
.alignleft { float:left; margin:0 1em 1em 0 }
.aligncenter { margin:1em auto; text-align:center }

/**
* Images
************************************************/

/* WP Smilies */
img.wp-smiley {}

/* Thumbnails */
.thumbnail {}

/* WP Captions [caption] */
.wp-caption {}
.wp-caption img {}
.wp-caption-text {
	color: #999;
	font-size: .9em;
	font-style: italic;
	text-align: center; 
}

/* Avatars */
.avatar {}

/**
* Header
************************************************/

/* Contains entire header */
#header-container {
	/*height includes padding (border-box sizing model)*/
	height: 176px;
	/*padding for the abs position primary menu*/
	padding: 70px 0 0;
	/*layer below navbar*/
	z-index: 1;
	background: url(images/lights.png) no-repeat center top;
}

/* Contains site title and tagline */
#header {
	position: relative;
	width: 960px;
	margin: 0 auto;
}

/* Site title */
#site-title {
	position: absolute;
	left: 120px;
	top: 0;
	width: 407px;
	height: 96px;
}
#site-title a {
	position: absolute;
	left: 0;
	top: 0;
	width: 407px;
	height: 96px;
}
#site-title a span {
	position: absolute;
	left: 0;
	top: 0;
	width: 407px;
	height: 96px;
	background: url(images/sprite.png) left -60px no-repeat;
	text-indent: -9999px
}
#site-description {
	position: absolute;
	left: 570px;
	top: 0;
	width: 240px;
	height: 81px;
	background: url(images/sprite.png) left -156px no-repeat;
	/*
	 * Image replacement
	 */
	background-color: transparent;
	border: 0;
	overflow: hidden;
	/* IE 6/7 fallback */
	*text-indent: -9999px;
}
#site-description:before {
	/*support image replacement*/
    content: "";
    display: block;
    width: 0;
    height: 100%;
}
/* ==========================================================================
   Primary menu
   ========================================================================== */

/* Wrapper for entire menu area */
#primary-menu {
	position: fixed;
	top: 0; 
	left: 0;
	width: 100%;
	height: 50px;
	background: rgba(0,0,0,.2);
	/*layer above all other containers for scrolling effect*/
	z-index: 5;
}
.admin-bar #primary-menu {
	top: 28px;
}
.navbar-fixed #primary-menu {
	background: #000;
	background: rgba(0,0,0,.8);
}
#primary-menu div.menu {
	width: 960px;
	margin: 0 auto;
}

/* Menu list. */
#primary-menu ul {
	margin: 0;
	padding: 0;
}
#primary-menu li {
	float: left; 
	margin: 0 18px 0 0;
	padding: 0;
	list-style-type: none;
}
#primary-menu li:last-child {
	margin: 0;
}
#primary-menu li a {
	display: block;
	height: 50px;
	line-height: 50px;
	color: #fff;
	font-size: 1.4em;
	font-weight: 300;
	text-decoration: none;
}
#primary-menu li.current-menu-item {}

/* ==========================================================================
   Content and sidebars
   ========================================================================== */

/* Wrapper for the content and primary/secondary widget sections */
#container {
	width: 960px;
	margin: 0 auto;
	/*layer below navbar*/
	z-index: 1;
}

/*Content 'boxes' -- main content and sidebar boxes*/
#content,
#primary .widget,
#secondary .widget {
	margin: 0 0 30px;
	padding: 15px;
	background: #f0ebcd;
	border: 3px solid #000;
	box-shadow: 0 10px 20px #333333; /* if no support for rgba */
	-moz-box-shadow: 0 10px 20px rgba(0,0,0,.7);
	-webkit-box-shadow: 0 10px 20px rgba(0,0,0,.7);
	box-shadow: 0 10px 20px rgba(0,0,0,.7);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
#content {
	float: left;
	width: 640px;
	padding: 20px;
}
.home #content {
	float: none;
	width: 100%;
	padding: 0;
	background: none;
	border: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
#primary,
#secondary {
	float:right;
	width: 295px;
	margin:0 0 30px;
	font-size: .9em;
}
.home #primary,
.home #secondary{
	display: none;
}
#secondary {
	clear: right;
}

/*Archives*/
.archive #content .post {
	margin: 0 0 15px;
	padding: 10px;
	background: #ebe5c2;
	border: 1px solid #dad4b2;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.archive #content .thumbnail {
	float: left;
	margin: 0 1em 1em 0;
}
.archive #content .entry-title {
	font-size: 1.4em;
}

/* Author and date byline */
.taxonomy-category-books #content .byline {
	display: none;
}

/* Navigation links */
.navigation-links {
	clear: both;
	margin: 20px 0;
}
.navigation-links .previous { 
	float: left; 
}
.navigation-links .next { 
	float: right; 
}


/* ---------- @ Post Styles -----------*/

.hentry {
	width:100%;
	padding-bottom:10px;
}

.postmetadata {
	padding: 7px 0;
	margin:0 0 20px 0;
	color:#7a7a7a;
	font-size:.8em;
}	

.post code {
	background:#f5f3ee;
	padding:3px;
	font-size:1.2em;
	}
	
.post ul, .post ol {
	margin:1em 0;
}

.post ul ul {
	margin:1em;
}
			
.post ul li { 
	margin:1em 2em;
	line-height:1.3;
	list-style:disc;
}

.post ol li {
	margin:0 0 5px 48px;
	line-height:1.3;
}

/**
* Comments template
************************************************/
#comments-template {
	max-width: 500px;
}
.comment-subscription-form {
	/*jetpack subscription checkboxes*/
	float: left;
	clear: left;
	margin: 0;
}
.comment-subscription-form label {
	text-transform: none;
}

#commentform .form-submit {
	/*accommodate jetpack subscription options*/
	float: right;
	margin: 10px 0 0;
}

/* Comments section headers/titles */
.comments-header {}
#comments-number {}

/* Comments closed paragraph */
p.comments-closed {}

/* Main comments section */
#comments {}
#comments ol {
	padding: 0 0 0 30px;
}

/* Individual comments (note that WordPress has even/odd backwards) */
#comments li.bypostauthor {
	padding: 8px; 
	background:#F1E7B0;
}

/* Comment avatars */
#comments .avatar {}

/* Comment metadata */
#comments .comment-meta {}
#comments .comment-meta cite {}

/* Comment text */
#comments .comment-text {}

/* Main comment form div */
#respond {}

/* Comment form title */
#reply {}

/* Comment form elements */
#respond input,
#respond textarea {
	width: 100%;
}
#respond form p {
	margin: 0;
}

/**
* Utility widget sections (see other widget code below)
************************************************/

/* All utility widget sections (except widgets template) */
.utility {}

#utility-header {
	position: relative;
	width: 960px;
	margin: 0 auto;
}
#utility-header .search,
#utility-header .widget {
	float: right;
}
#utility-header br {
	/*don't show WP-inserted br tags*/
	display: none;
}
#utility-header .rss,
#utility-header .facebook,
#utility-header .twitter {
	margin: 0 10px 0 0;
}
#utility-header a {
	/*prevent outline showing after closing Email list popup box*/
	outline: 0;
}
#utility-header .rss a,
#utility-header .facebook a,
#utility-header .twitter a {
	width: 30px;
	height: 30px;
	margin: 10px 0;
	background: url(images/sprite.png) no-repeat;
	text-indent: -9999px;
}
#utility-header .twitter a {
	background-position: -30px 0;
}
#utility-header .rss a {
	background-position: -60px 0;
}
#utility-header input[type="text"] {
	position: relative;
	width: 0;
	height: 30px;
	margin: 10px 10px 10px 0;
	padding: 0 0 0 30px;
	background-color: #fff;
	background-image: url("images/sprite.png");
	background-position: 0 -30px;
	background-repeat: no-repeat;
	border: none;
	cursor: pointer;
	line-height: 30px;
	-webkit-transition: width 400ms ease;
	-moz-transition-: width 400ms ease;
	transition: width 400ms ease;
}
#utility-header input[type="text"]:focus {
	cursor: text;
	outline: 0;
	width: 200px;
	padding: 0 5px 0 35px;
}
#nav-top {
	display: none;
	position: absolute;
	top: 10px;
	right: -50px;
	width: 30px;
	height: 30px;
	line-height: 30px;
	color: #fff;
	text-decoration: none;
	text-align: center;
	cursor: pointer;
}
.navbar-fixed #nav-top {
	display: block;
}

/*widgets in general*/
.widget ul li { 
	margin:0 2em .5em;
	line-height:1.25;
	list-style:disc;
}
.widget .entry-title {
	margin: 0 0 .25em;
	font-size: 1.2em;
}
.widget .byline,
.widget .entry-meta {
	margin: 0 0 0 1em;
}

					
/* ==========================================================================
   Homepage
   ========================================================================== */
#home-slider {
	width: 960px;
	max-height: 500px;
	margin: 0 0 40px;
	font-size: 1.1em;
}  
#home-slider h1,
#home-slider h2,
#home-slider h3 {
	margin: 10px 0 1em;
	text-align: center;
}

.home #utility-after-content .widget {
	float: left;
	width: 30%;
	margin: 0 5% 30px 0;
	padding: 10px;
	background: #f0ebcd;
	border: 3px solid #000;
	box-shadow: 0 10px 20px #333333; /* if no support for rgba */
	-moz-box-shadow: 0 10px 20px rgba(0,0,0,.7);
	-webkit-box-shadow: 0 10px 20px rgba(0,0,0,.7);
	box-shadow: 0 10px 20px rgba(0,0,0,.7);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	font-size: .9em;
}
.home #utility-after-content .widget:last-child {
	margin: 0 0 30px;
}
#utility-after-content .widget-posts .post {
	margin: 0 0 5px;
	padding: 10px;
	background: rgba(49,7,7,.05);
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	overflow: hidden;
}
#utility-after-content .widget-posts .thumbnail {
	float: right; 
	max-width: 50px;
	height: auto;
	margin: 0 0 0 .5em;
}
#utility-after-content .widget-posts .entry-title {
	font-size: 1.1em;
}
#utility-after-content .widget-posts .entry-title a {
	color: #310707;
}
.home .navigation-links {
	display: none;
}

/* ==========================================================================
   Events
   ========================================================================== */

#events_container { 
	margin:20px 10px;
}
#events_container br { 
	/*hide br tags added by wordpress*/
	display:none;
}
.event-list td {
	padding:.5em 1% .5em 0;
}
#home-slider .event-list td {
	padding: 0 1% .5em 0;
}
.event-date { 
	width:22%; 
}
.event-loc {
	width:22%;
}
.event-title { 
	width:50%;
}
.event-list .hover { 
	background:#F1E7B0; 
	cursor: pointer;
}
.event-list .event-desc { 
	 /*hide descriptions - will be shown w jQuery */
	 display:none;
}
.event-list .event-desc td { 
	padding:.25em 4em 1em;
}
.event-list .details { 
	padding:.5em 1% .5em .5%; 
	color:#bb211d; font-size:.9em; 
	cursor:pointer;
}
.event_archive_list {
	margin:0 0 1em;
	padding:0;
}
.event_archive_list + br {
	/*hide br tags inserted by Wordpress*/
	display:none; 
}
.event_archive_list li {
	margin:.4em 0;
	padding:0;
	list-style:none;
}
.event_list .event_title {
	font-weight:bold;
	font-size:1.2em;
	padding:0 20px;
}
.event_list .event_desc {
	margin:5px 0 20px;
	padding:0 20px 0 0;
	font-size:.9em;
	text-indent:0;
}
.sidebar-events-list {
	margin: 0;
	padding: 0;
}
.sidebar-events-list li,
.widget .sidebar-events-list li {
	margin: 0 0 .5em;
	padding:0 0 0 10px;
	text-indent:-10px; /*creates hangining indent in case listing wraps to a second line*/
	list-style-type: none;
}
/*Events on homepage slider*/
#home-slider .event-list {
	font-size: 14px;
}
#home-slider .event-list .details {
	display: none;
}
/* ==========================================================================
   Misc content
   ========================================================================== */
   
.asterisk {
	font-size:.8em;
    margin-top:30px;
}

.book_tour {
	padding:.75em;
	border:1px solid #db7a2b;
	background:#f1e7b0;
	overflow:auto;
}

#featured-cats ul {
	margin:3px 0 22px 0;
	}

#featured-cats li {
	list-style:none;
	border-bottom:1px dotted #B6B6B6;
	padding:5px 0 8px 6px;
	margin:4px 0;
	line-height:135%;
	}
		
.lead {
	margin:0 0 20px;
	overflow:auto;
	}

.lead-text {
	padding:13px 15px 16px 0;
	}

.lead-img {
	float:left;
	margin:0 20px 20px 0;
	border:1px solid #999;
	padding:2px;
	}
			
.commentcount {
	padding-right: 19px;
	background:url(images/bubble.gif) no-repeat right;
	font:.8em Arial, Helvetica, sans-serif;
	}

#lead h2 .commentcount {
	font-size:0.4em;
	}

.postmetadata .commentcount {
	font-size:1em;
	}
		
.date {
	font: 0.85em Georgia, "Times New Roman", Times, serif;
	color:#737373;
	letter-spacing:0.03em;
	}

#featured-cats .date {
	margin: 2px 3px 0 0;
	}

#resumes {/*on academic bio page*/
	float:right;
	background:url(images/bg-black-20percent.png);
	width:30%;
	margin:0 0 1.5em 1.5em;
	padding:1em;
}

	#resumes h3 {
		margin-top:0;
		font-size:1.2em;
	}
	
.sharethis a:link, .sharethis a:visited {
	color:#7a7a7a;
}
.single-2246 .amazon-button,
.single-34 .amazon-button,
.single-1606 .amazon-button {
	display: block;
	text-align: center;
}
.testimonial {
	background:url(images/openquote.gif) no-repeat;
	padding:15px 0 0 15px;
	margin:0 0 1.5em;
}

.testimonial span {
	background: url(images/closequote.gif) no-repeat bottom right;
	padding:0 15px 15px 0;
}

.testimonial_author {
	margin:1.5em 0 2em;
	padding: 0 0 0 2em;
	font-style:italic;
	color: #666;
}

.youtube {
	display:block;
	text-align:center;
}

/*Single Posts*/

#writer {
	background:#ededed;
	margin:-10px 0 22px 0;
	padding:3px 20px 16px 20px;
	border-bottom:1px solid #dadada;
	border-top:1px solid #dadada;
	}
	
#writer img {
	padding:1px;
	border:1px solid #b2afa4;
	float:left;
	margin:18px 15px 6px 0;
	}

#tags {
	padding:3px;
	border-bottom:1px solid #DDD;
	border-top:1px solid #DDD;
	}	

#tags a, #tags a:visited {
	text-decoration: none
	}

#post-2 blockquote { /*styles the NYTimes quote on about page*/
	border:none;
	margin:.5em 0 2em;
	padding:0;
    font-size:1.2em;
}

.pageid-116 .post ul li { /*styles list of media appearances*/
	list-style:none;
	margin:0 3em 2em;
	padding:0;
}

/* ==========================================================================
   Tooltips
   --------
   manually include 'tip' class on elements to receive tooltip treatment;
   titleTip is the class applied by aToolTip plugin
   ========================================================================== */
  
.tip { 
	cursor:pointer;
}

/* ---------- Tipsy plugin CSS ---------- */

.tipsy { 
	position: absolute; 
	padding: 5px 10px; 
	z-index: 100000; 
}
.tipsy-inner { 
	background-color: #000; 
	border: 2px solid #666;
	color: #fff; 
	max-width: 200px; 
	padding: 5px 8px 4px 8px; 
	text-align: center;
	box-shadow: 0 2px 4px #333333; /* if no support for rgba */
	-moz-box-shadow: 0 2px 4px rgba(0,0,0,.3);
	-webkit-box-shadow: 0 2px 4px rgba(0,0,0,.3);
	box-shadow: 0 2px 4px rgba(0,0,0,.3);
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	    
}
.tipsy-arrow { position: absolute; width: 0; height: 0; line-height: 0; border: 5px dashed #555; }

/* Rules to colour arrows */
.tipsy-arrow-n { border-bottom-color: #666; }
.tipsy-arrow-s { border-top-color: #666; }
.tipsy-arrow-e { border-left-color: #666; }
.tipsy-arrow-w { border-right-color: #666; }

.tipsy-n .tipsy-arrow { top: 0px; left: 50%; margin-left: -5px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent; }
.tipsy-nw .tipsy-arrow { top: 0; left: 10px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent;}
.tipsy-ne .tipsy-arrow { top: 0; right: 10px; border-bottom-style: solid; border-top: none;  border-left-color: transparent; border-right-color: transparent;}
.tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -5px; border-top-style: solid; border-bottom: none;  border-left-color: transparent; border-right-color: transparent; }
.tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; border-top-style: solid; border-bottom: none;  border-left-color: transparent; border-right-color: transparent; }
.tipsy-se .tipsy-arrow { bottom: 0; right: 10px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; }
.tipsy-e .tipsy-arrow { right: 0; top: 50%; margin-top: -5px; border-left-style: solid; border-right: none; border-top-color: transparent; border-bottom-color: transparent; }
.tipsy-w .tipsy-arrow { left: 0; top: 50%; margin-top: -5px; border-right-style: solid; border-left: none; border-top-color: transparent; border-bottom-color: transparent; }
   					

/* ==========================================================================
   Footer
   ========================================================================== */

/* Wrapper for the entire footer */
#footer-container {
	padding: 20px 0;
	background: #000;
	/*layer below navbar*/
	z-index: 1;
}

/* Subsidiary widget section */
#subsidiary {}
#subsidiary .widget {}
#subsidiary .widget-inside {}
#subsidiary .widget-title {}

/* Footer section */
#footer {
	width: 960px;
	margin: 0 auto;
	color: #fff;
}

/* Footer extra */
#footer .copyright {}
#footer .credit {}
		
/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 100%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   Media Queries for Responsive Design
   ========================================================================== */
@media only screen and (min-width: 1280px) {
    /* bump up width of major content areas to 1160px total width */
	#header,
	#primary-menu div.menu,
	#container,
	#utility-header,
	#home-slider,
	#footer {
		width: 1160px;
	} 
	#site-title {
		left: 220px;
	} 
	#site-description {
		left: 670px;
	}
	#content,
	#primary .widget,
	#secondary .widget {
		padding: 25px;
	}
	#content {
		width: 780px;
		padding: 25px 55px;
	}
	#primary,
	#secondary {
		width: 325px;
		font-size: 1em;
	}
	.home #utility-after-content .widget {
		padding: 15px 25px;
	}
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}