/** 
 * Screen Styles 
 * 
 * Primary screen styles for Biologos.org 
 * @project   BioLogos 
 * @author    nclud, LLC, hello@nclud.com 
 * @see       http://nclud.com
 */ 

/* external resource/project classes */
@import "resource_classes.css";

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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
body {
	font: 12px/1.5 Helvetica, Arial, "Liberation Sans", Sans-Serif;
	background: #f5f5f0 url(../img/header-top.png) repeat-x 0 0;
	color: #090807;
}
h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
	color: #66221f;
	font-family: Georgia, "free serif", Serif;
}
h3,h4,h5,h6 {margin: 0 0 5px;}
h1 {
	font-size: 21px;
	padding: 0 0 5px;
	background: url(../img/heading-line-left.png) no-repeat 0 100%;
	margin: 0 0 20px;
	clear: left;
}
h2 {
	font-size: 18px;
	padding: 0 0 5px;
	background: url(../img/heading-line-left.png) no-repeat 0 100%;
	margin: 0 0 20px;
	clear: left;
	position:relative;
}
h2 span.all {font-size:12px;margin-left:1em;font-family:helvetica, Arial, "Liberation Sans", sans-serif;position:absolute;right:0.25em;top:-.4em;display:block;padding:1px 5px 0;}
h3 {font-size: 16px;}
h4 {font-size: 14px;}
h5 {
	font-size: 12px;
	font-weight: bold;	
}
h1 a, h2 a, h3 a {color:#66221f;}
h2 span.all a {color:#069;}
p {margin: 0 0 15px 0;}
a {
	color: #069;
	text-decoration: none;	
}
a:hover {text-decoration: underline;}
sup {vertical-align:text-top;font-size:75%;font-style:normal !important;}
cite{ font-style:normal !important;}
#main-content {position:relative;}
#main-content ul,
#main-content ol,
#mission ul {
	padding: 10px 0 20px 30px;
	line-height: 1.8;
}
#main-content ol {
	padding-left: 42px;
}
#main-content ul li,
#mission ul li {
	background: url(../img/bullet.png) no-repeat 0 6px;
	padding: 0 0 0 12px;
	list-style: none;
}
#main-content blockquote {
	padding: 0 10px;
	font-style: italic;
	border-left: 2px solid #fdfdfc;
	margin-left:10px;
}
blockquote.pull {
	background: #fffef9 url(../img/box-bg-left.png) no-repeat 0 0;
	padding: 1px 0 0 1px;
}
blockquote.pull p {
	color: #9b6d3d;
	background: #fffef9 url(../img/box-bg-right.png) no-repeat 100% 100%;
	padding: 20px;
	font-family: Georgia, Serif;
	margin: 0 0 20px;
}
abbr {border-bottom:1px dotted #888;}
#tooltip {position:absolute;background:#faf8f5;border:1px solid #dbd2c7;width:300px;padding:15px;-mozilla-box-shadow:0 0 10px #ddd;-webkit-box-shadow:0 0 10px #ddd;box-shadow:0 0 10px #ddd;z-index:999;}

/* form styles */
input, textarea {
	background:#fff url(../img/form-input-bg.png) repeat-x 0 0;
	margin: 0 3px 0 0;
	color: #2e2e2e;
	padding: 4px;
	border: 1px solid #b19f87;
	font: 12px Helvetica, Arial, Sans-Serif;
}
input {height: 14px;}

input:focus,
textarea:focus {background: #fff7da url(../img/form-input-bg-hover.png) repeat-x 0 0;}
.submit {
	vertical-align: bottom;
	border: 0;
	height: auto;
	padding: 0;	
}
form#freeform ul{padding-left:0;}
form#freeform ul li{
    list-style:none;
    background:none;
    margin:0 0 10px 0;
}
form#freeform label {display:block;}
form#freeform input, form#freeform select, form#freeform textarea {width:390px;}
form#freeform textarea {height:200px;}

/* Advanced Search */
#advanced-search fieldset {margin: 0 0 20px;}
#advanced-search .input {width: 71%;}
#advanced-search div.default{margin: 20px 0 0;}
#advanced-search .select1,
#advanced-search .select2 {
	float: left;
	width: 260px;	
}
#advanced-search div.multiple-select {
	width: 280px;
	float: left;
	margin: 0 0 20px;
}
#advanced-search .multiselect {width: 280px;}
#advanced-search label {
	display: block;
	margin: 0 0 5px;
	font-size: 14px;
	color: #2c0706;	
}
#advanced-search .checkbox,
#advanced-search .radio {float: left;}
#advanced-search #search-author {margin-bottom: 10px;}
#advanced-search div.exact-match {margin-bottom: 20px;}
#advanced-search .exact-match label,
#advanced-search .radio label {
	font-size: 12px;
	color: #5f554a;
	float: left;
	padding-top: 2px;
	margin: 0 10px 0 0;
}
#advanced-search div.radio {margin-top: 10px;}
article.result, article.news-item {background:transparent url(../img/horizontal-line.png) repeat-x 0 100%;width:100%;}
article.news-item {margin-bottom: 20px;}
article.result p.meta {padding-bottom: 10px;padding-right:90px;}
article.result p.section-label {
	position: absolute;
	background: #f1ede4 url(../img/nav-hover-stroke.png) no-repeat 0 0;
	border-right: 1px solid #dcd4c5;
	border-bottom: 1px solid #dcd4c5;
	padding: 3px 6px 1px;
	right: 0;
	bottom: -5px;
	color: #090807;
	font-size: 11px;
	font-style: italic;
	text-shadow: 0px 0px 3px #aca496;
}

#container {
	width: 940px;
	margin: 0 auto;	
	padding: 110px 10px 0;
	background: url(../img/header-bg.png) no-repeat 0 0;
	position: relative;
}
header {
	margin: 0 0 20px;
	height: 50px;
	position: absolute;
	top: 40px;
	left: 10px;
}
#logo {
	background: url(../img/logo.png) no-repeat 0 0;
	width: 152px;
	height: 57px;
	position: relative;
	z-index: 100;
	top: -7px;
	left: -7px;
}
#logo a {
	display: block;
	height: 57px;	
}
#logo img {
	position: absolute;
	left: -9999px;
}
nav {
	position: absolute;
	top: 40px;
}
nav ul {
	width: 940px;
	list-style: none;
	text-align: right;
	margin: 25px 0 0;
	padding: 0 0 7px;
	background: url(../img/nav-line-stroke.png) no-repeat 100% 100%;
}
nav ul li {
	display: inline;
	letter-spacing: .5px;
	background: url(../img/nav-separator.png) no-repeat 100% 100%;
	padding: 8px 14px 5px 10px;
	position: relative;
}
nav ul ul {
	text-align: center;
	margin: 0;
	padding: 7px 0 5px;
	background: none;
	position: absolute;
	top: 30px;
	background: url(../img/nav-line-stroke.png) repeat-x 100% 100%;

}
* html nav ul ul {left: -393px; top: 40px;}
*+html nav ul ul {left: -393px; top: 40px;}

nav li a {
	text-decoration: none;
	color: #5f5449;
	outline:none;
}
nav li a:hover {color: #621817;}
nav li.current {
	padding: 8px 1px 5px 0;
	left: -4px;
}
nav li.current li {
	padding:0;
	left:0;	
}
nav li.current a {
	color: #621817;	
	font-weight:  bold;
	padding: 8px 10px 8px 10px;
	background: #f1ede4 url(../img/nav-hover-stroke.png) no-repeat 0 0;
}
nav li.current a:hover {text-decoration: none;}
nav li.current li a {
	font-weight: normal;
	background: none;
	color: #069;
}
nav li.current li.selected a {
	font-weight: bold;
	color: #5f554a;
}
#main-search {
	position: absolute;
	top: 20px;
	right: 10px;
}
#search_again {margin-bottom:20px;}
#main-search label,label.screenreader {	
	position: absolute;
	left: -9999px;
}
#main-search #input-box {
	width: 175px;
	margin: 0 6px 0 0;
}
#content-wrap {
	background: url(../img/interior-body-top.png) no-repeat 0 0;
	padding: 5px 0 0;
}
#container.subnav {padding: 140px 10px 0;}
#content {background: transparent url(../img/home-body-bg.png) repeat-y 10px 0;}
.interior #content {
	background: transparent url(../img/interior-body-bg.png) repeat-y 0 0;
	padding: 20px 0 0;
}
#breadcrumb {position:relative;top:-8px;}
#main-content {
	padding: 0 20px 20px 30px;
	width: 569px;
	float: left;
	background: url(../img/vertical-line.png) repeat-y 100% 0;
}
#main-content article {position: relative; display: block;}

ul.pagination{padding:0 !important;margin:0 !important;}
ul.pagination li{background:none !important;margin:0 4px 0 0 !important;padding:0 !important;float:left;}
ul.pagination li.here{}
ul.pagination li a{background:none;}
ul.pagination li.here a{}
p.intro {
	color: #9b6d3d;
	background: url(../img/horizontal-line.png) no-repeat 0 100%;
	padding: 0 0 20px;
}
article .main-image {margin: 0 0 20px;}

article img.thumbnail {margin-right:20px;float:left;}
img.photo {float:left;margin-right:20px;margin-bottom:6px;}

div.inline-img-wrapper {
	background: #f8f4f0 url(../img/box-bg-right.png) no-repeat 100% 100%;
	border-top: 1px solid #e2dbce;
	border-left: 1px solid #e2dbce;
	padding: 10px;
	margin: 0 20px 10px 0;
}
div.inline-img-wrapper img {margin-bottom:5px;}
div.img-both {text-align:center; margin: 20px 0; padding: 20px;}
div.img-both small {text-align:left;}
div.img-right {float:right; margin: 20px 0 10px 20px;}
div.img-left {float:left;}
div.inline-img-wrapper small {
    font-size:10px;
    color:#000;
    display:block;
}
div.question,
div.news-item,
div.member,
div.summary {
	background: url(../img/horizontal-line.png) no-repeat 0 100%;
	padding: 0 0 5px;
	position: relative;
	margin: 0 0 20px;
	min-height:140px;
	_height:140px;
	width: 570px;
}
section#response_notes h2 {margin-top:2em;}
p.date {
	font-size: 10px;
	color: #98918a;
	margin: 0 0 10px;
}
.home section#news-events p.date {margin:0 0 10px;padding:0;line-height:1;}
div.member p.role,
div.summary p.role {
	font-weight: bold;
	font-size: 11px;
}

div.member h3,
div.summary h3 {margin:0;}
div.question h3 {margin: 0 0 10px;}
div.question h3 a,
div.summary h3 a,
article h3 a {color: #66221f; display: block;}

div.news-item h3 a,
div.member h3 a,
div.summary h3 a {display: block;}

div.question h3 a:hover,
div.news-item h3 a:hover,
div.member h3 a:hover,
article h3 a:hover,
div.summary h3 a:hover {color: #069; text-decoration: none;}

div.question h3,
div.question p{
	float: left;
	width: 430px;	
}
div.no-img p,
div.no-img h3 {width: 100%;}
div.member h3,
div.member p,
div.summary h3,
div.summary p {
/*  width: 430px;*/
	padding: 0;
/*  float: left;*/
}
.more {
	display: block;
	margin: 10px 0 0;
	background: url(../img/bullet.png) no-repeat 0 5px;
	padding: 0 0 0 12px;
	font-weight: bold;
}
div.question a.question_thumb {
	position: absolute;
	top: 0;
	right: 0;
	width: 120px;
	height: 130px;
	display: block;
}
div.question a.question_thumb:hover {
	text-decoration: none;
}
#main-content div.sticky {
	background: #fffef9 url(../img/box-bg-left.png) no-repeat 0 0;
	padding: 1px 0 0 1px;
	margin: 0 0 20px;
}
#main-content div.sticky img {
	right: 20px;
	top: 20px;
}
div.sticky div.question {
	background: #fffef9 url(../img/box-bg-right.png) no-repeat 100% 100%;
	padding: 20px 0;
	margin: 0;
}
#main-content div.sticky p,
#main-content div.sticky h3 {
	width: 410px;
	margin-left: 20px;
}
div.member img,
div.summary img {
	border: 1px solid #d0c5b6;
	float:left;
	width:100px;
	margin-right:20px;
	margin-bottom:12px;
}
div.member a.more, div.summary a.more {display:block;float:left;}
div.member ul,
div.summary ul {
    clear:left;
/*    float:left;*/
}
img.thumb {float:left;position:relative;z-index:2;margin-left:20px;margin-right:20px;max-width:150px;}

div.publisher {float:left;border:1px solid #d5cbbb;padding:20px;background: #fffef9 url(../img/box-bg-right.png) no-repeat right bottom;}
br.clear {display:block;clear:both;margin-bottom:20px;}
#main-content.single-question h1 {
	background: none;
	margin: 0 0 10px;	
}
#main-content.single-question ul.tab-nav {
	list-style: none;
	background: url(../img/heading-line-left.png) no-repeat 0 100%;
	margin: 0 0 20px 4px;
	padding: 0 0 4px;
	line-height: 1.5;
	position: relative;
}
#main-content.single-question ul.tab-nav li {
	display: inline;
	letter-spacing: .5px;
	background: url(../img/nav-separator.png) no-repeat 100% 100%;
	padding: 5px 14px 5px 10px;
	position: relative;
	font-size: 11px;
}
#main-content.single-question ul.tab-nav li a {outline:none;}
#main-content.single-question ul.tab-nav li.ui-tabs-selected {
	padding: 4px 1px 5px 0;
	left: -4px;
}
#main-content.single-question ul.tab-nav li.ui-tabs-selected a {
	color: #2e2e2e;	
	font-weight:  bold;
	padding: 4px 10px 5px 10px;
	background: #f1ede4 url(../img/nav-hover-stroke.png) no-repeat 0 0;
}
#main-content.single-question ul.tab-nav li.ui-tabs-selected span {
	background: #f1ede4 url(../img/nav-hover-stroke.png) no-repeat 100% 0;
	padding: 4px 10px 5px 0;
	margin-left: -10px;	
}
#main-content ul.options {
	position: absolute;
	right: 0;
	top: 0;
}
h1.newsletter {
	padding-right: 120px;
	width: 450px;
}
#main-content.single-question ul.tab-nav li.print,
#main-content ul.options li.print,
#main-content.single-question ul.tab-nav li.pdf,
#main-content ul.options li.pdf {
	background: none;;
	position: absolute;
	padding-right: 0;
	bottom: 0;
}
#main-content.single-question ul.tab-nav li.print,
#main-content ul.options li.print {right: 0;}
#main-content.single-question ul.tab-nav li.pdf,
#main-content ul.options li.pdf {right: 50px;}

#main-content.single-question ul.tab-nav li.print a,
#main-content ul.options li.print a {
	background: url(../img/icon-print.png) no-repeat 0 0;
	padding: 0 0 0 13px;
}
#main-content.single-question ul.tab-nav li.pdf a,
#main-content ul.options li.pdf a {
	background: url(../img/icon-pdf.png) no-repeat 0 0;
	padding: 0 0 0 13px;	
}

#main-content ul.thumbnails {padding: 0;}
#main-content ul.thumbnails li {
	background: 0;
	padding: 0 10px 20px;
	float: left;
	width: 165px;
	height:200px;
	text-align:center;
}
#main-content ul.thumbnails h3 {
	font-size: 12px;
}
#main-content .list {padding: 0 0 20px;}

#comments ol, #comments ul {
	padding:0;	
	list-style: none;
}
#comments li {
	background: url(../img/horizontal-line.png) no-repeat 0 100%;
	padding: 20px 0 10px;	
}
#comments li li {
	background: none;
	padding:0;	
}
#comments li:first-child {padding-top: 0;}
#comments li p {
	margin:0 0 10px;
	line-height: 1.5;	
}
#comments .username {margin:0;}
#comments .avatar {
	width: 32px;
	height: 32px;
	float: left;
	padding: 2px;
	border: 1px solid #dacebb;
	margin: 0 10px 0 0;	
}
#comments .body {padding: 0 0 0 47px;}
#comments .textarea textarea {	
	width: 550px;
	padding: 8px 4px;
}
#comments label {display: block;}
#comments input {width: 300px;}
#comments input, #comments textarea {margin: 0 0 10px;}
#comments .checkbox {width: auto;}
#comments button, 
form#freeform button {
	background: #671f1f;
	color: #fff;
	border:0;
	padding: 4px 6px;
	border-right: 1px solid #3d0a04;
	border-bottom: 1px solid #3d0a04;
	-moz-border-radius:3px 4px;
	-webkit-border-radius:3px 4px;
	border-radius:2px 3px;
	text-shadow:#3d0a04 1px 1px 1px;
	margin: 10px 0 0;
}
aside {
	width: 270px;
	float: left;
	padding: 5px 30px 20px 20px;
}
aside h2, aside h3, aside h4, aside h5, aside h6 {
	padding-left: 20px;
	margin-left: -20px;
}
aside ul {
	list-style: none;
	background: url(../img/horizontal-line.png) no-repeat 0 0;
	margin: 0 0 20px;
}
aside ul.events,
aside ul.news {background:none;margin-top:0;}
aside ul.news h4,
aside ul.events h4 {margin-bottom:0; font: 12px Helvetica, Arial, Sans-Serif;}
aside ul.events li,
aside ul.news li {margin:0 0 5px;}
aside ul.events li.last,
aside ul.news li.last {background:none;}
aside ul.events li p.date,
aside ul.news li p.date {font-size: 11px; margin: 5px 0;}
aside ul.events li p,
aside ul.news li p {margin-bottom:5px;}
aside ul li {
	background: url(../img/horizontal-line.png) no-repeat 0 100%;
	padding: 5px 0 7px;
}
aside a#newsletter {display:block;margin-bottom:10px;}
aside #mailinglist_form {position:relative;background: url(../img/horizontal-line.png) no-repeat 0 0; padding:12px 0 0 0;margin-bottom:18px;}
aside #mailinglist_form label {position:absolute;left:6px;top:16px;color:#98918a;}
aside #mailinglist_form label.alt {left:-9999px;}
ul.browse, ul.related {background: none;}
ul.browse li {padding: 0 0 1px;	}
ul.browse a {padding: 5px 0;}
ul.browse a, ul.related a {
	background: url(../img/bullet.png) no-repeat 0 5px;	
	padding-left: 12px;
	display: block;
}
ul.browse a {background-position: 0 10px;}
ul.browse a span {color: #5f554a;}
ul.browse a:hover {
	text-decoration: none;
	background-color: #f9f6eb;	
}
ul.browse li.selected {background: url(../img/box-bg-right.png) no-repeat 100% 100%;}
ul.browse li.selected a {
	color: #2e2e2e;
	text-decoration: none;
	font-weight: bold;
}
ul.browse li.selected ul {
	padding: 0 0 0 28px;
	margin: 0;
}
ul.browse li.selected ul li {
	background: none;
	list-style: circle;
	padding: 0;
}
ul.browse li.selected ul li a {
	color: #666;
	font-weight: normal;
	background: none;
	padding-left: 0;
}
ul.browse li.selected ul li a:hover {background-color: transparent;}
aside #searchform {
	width: auto;
	position: relative;
	margin: 0 0 20px;	
}
aside #searchform label {
	position: absolute;
	left: -9999px;	
}
aside #searchform #search-box,
aside #searchform #search-box-section {
	width: 203px;
	margin: 0 4px 0 0;
	padding: 4px;
	border: 1px solid #b19f87;
}
aside li strong {
	margin: 0 10px 0 0;
	min-width: 80px;
	display: block;
	float: left;
}

/* Donate Button */
.donate-box {
	background: #f8f4f0 url(../img/box-bg-right.png) no-repeat 100% 100%;
	text-align: center;
	width: 270px;
	border-top: 1px solid #e2dbce;
	border-left: 1px solid #e2dbce;
	margin: 0 0 20px;
}
.donate-box button {
	font-weight: bold;
	font-size: 14px;
	padding: 10px 0 10px 12px;
	margin: 0 auto;
	border: 0;
	color: #069;
	width: 270px;
	background-position: 68px 18px;
}
.donate-box button:hover {
	text-decoration: underline;
	cursor: pointer;
}

#explore {
	position: relative;
	display: block;
}
#explore h2 {
	color: #fff;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: .5px;
	background: url(../img/featured-nav-sep.png) no-repeat 100% 100%;
	padding: 12px 0 10px 0;
	position: absolute;
	left: 20px;
	width: 205px;
}
#explore h2 a {text-decoration:none;color:#fff;}
#explore h2 a:hover {color:#efefef;}
#explore ul {
	background: #5f1414 url(../img/explore-nav-bg.png) no-repeat 0 0;
	height: 39px;
	list-style: none;
	border-bottom: 1px solid #4a1711;
	padding: 0 0 0 220px;
}
#explore ul li {
	float: left;
	letter-spacing: .5px;
	background: url(../img/featured-nav-sep.png) no-repeat 100% 100%;
	height: 39px;
}
#explore ul li a {
	color: #fff;
	text-decoration: none;	
	padding: 13px 15px 10px;
	display: block;
}
#explore ul li a:hover {text-decoration:underline;}
#explore form {
	position: absolute;
	right: 10px;
	top: 3px;
}
#explore form label {
	visibility: hidden;
	position: absolute;
	left:-9999px;
}
#explore form #search-box {
	border: 1px solid #8f6d54;
	padding: 4px;
}
* html #explore form #search-box {margin-top: 5px;}
*+html #explore form #search-box {margin-top: 5px;}
#explore form .submit {margin: 5px 0 0;}
* html #explore form .submit {margin-right: 10px;}
#featured {
    position:relative;
	height: 260px;
	background: url(../img/featured-bottom-shadow.png) no-repeat 11px 100%;
	width:940px;
}
#featured h1 {
	float:right;
	font-size:21px;
	color: #753834;
	width: 329px;
	height:215px;
	padding: 25px 25px 0;
	margin:0;
	line-height: 1.3;
	font-style: italic;
	background: url(../img/gordon_cccu_ad.jpg) no-repeat 100%;
	border-right: 1px solid #d8d5ca;
	text-align: center;
}
#featured h1 em {
	color: #2c0706;
	font-size: 32px;
	display: block;
}
#featured h1.original{
  float:right;
	font-size:22px;
	color: #753834;
	width: 329px;
	height:215px;
	padding: 25px 25px 0;
	line-height: 1.3;
	font-style: italic;
	background: #fff;
	background-image:none;
	border-right: 1px solid #d8d5ca;
	text-align:left;
}
#featured h1.original em{
  color: #2c0706;
	font-size: 32px;
  display:inline;
}
.featured-question{
    width:940px;
    position: absolute;
}
.featured-question img {
	float: left;
	display:block;
	width:559px;
	height:240px;
	margin:0 0 -1px 0px;
	border-left:solid 1px #d8d5ca;
	border-bottom:solid 1px #d8d5ca;
	background-color:#fff;
}
.featured-question .description {
	width: 329px;
	height:146px;
	margin-top:94px;
	float: left;
	padding: 0 25px;
	border-right: 1px solid #d8d5ca;
	border-bottom: 1px solid #d8d5ca;
	text-align: center;
}
.cycle .featured-question .description{
  text-align:left;
  margin-top:114px;
  height:126px;
}
.featured-question h3 {
	font-family: Helvetica, Arial, Sans-Serif;
	font-weight: bold;
	font-size: 16px;
	color: #2c0706;
	margin: 10px 0 0;
}
.cycle .featured-question h3{font-size:13px;}
.featured-question h3 a {
	display: block;
	color: #069;
}
.cycle .featured-question h3 a{color:#2c0706;}
.cycle .featured-question h3 a:hover{text-decoration:none;}
.featured-question p {margin:0;}
#featured ol#pager {
    position:absolute;
    right:42%;
    bottom:36px;
    list-style:none outside;
    z-index:999;
}
#featured ol#pager li {
    display:block;
    float:left;
    width:10px;
    height:10px;
    text-indent:-9999px;
    background:#fff;
    margin-left:10px;
    border:1px solid #c7bba9;
    -moz-box-shadow:0 0 2px #666;
    -webkit-box-shadow:0 0 2px #666;
    box-shadow:0 0 2px #666;
}
#featured ol#pager li a {display:block;height:10px;outline:none;}
#featured ol#pager li.current {background:#069;border:1px solid #6b9bb3;}
#mission {
	padding: 0 0 20px 30px;
	width: 589px;
	float: left;
	background: url(../img/vertical-line.png) no-repeat 100% 0;
}
#mission p {padding: 0 20px 0 0;}
.content-box {
	background: #fffef9 url(../img/box-bg-left.png) no-repeat 0 0;
	padding: 1px 0 0 1px;
}
.content-box div {background: #fffef9 url(../img/box-bg-right.png) no-repeat 100% 100%;}
#mission .content-box {
	width: 269px;
	float:left;
	margin: 0 20px 0 0;	
}
#mission p.callout {
	font-size: 18px;
	color: #9b6d3d;
	font-style: italic;	
	line-height: 1.3;
	text-align: center;
	background: #fffef9 url(../img/box-bg-right.png) no-repeat 100% 100%;
	padding: 20px;
	font-family: Georgia, Serif;
	margin: 0;
}
p.callout strong {
	font-size: 12px;
	color: #472622;	
	font-family: Helvetica, Arial, Sans-Serif;
}
#resources {
	width: 290px;
	float: left;
	padding: 0 30px 10px 0;
}
.home #resources, #spotlight {position:relative;padding-right:0;display:block;}
div.slide {width:280px;padding-right:10px;background-color: #fefefe;}
#spotlight div.slide {width:270px;}
.home #resources .next-prev, aside #spotlight ul.next-prev {background:none; width: 50px;}
.home #resources ul.next-prev li, #spotlight ul.next-prev li {list-style:none;display:inline;background:none;}
.home #resources ul.next-prev li a, #spotlight ul.next-prev li a {position:absolute;right:0;top:8px;z-index:99;background:transparent url(../img/cycle_next_prev.png) no-repeat left top;width:15px;height:15px;margin-left:6px;display:block;text-indent:-9999px;outline:none;}

.home #resources ul.next-prev li.prev a, #spotlight ul.next-prev li.prev a {right: 21px;}

.home #resources ul.next-prev li.next a, #spotlight ul.next-prev li.next a {background-position:right top;}
.home #resources ul.next-prev li a:hover, #spotlight ul.next-prev li a:hover {background-position:left bottom;}
.home #resources ul.next-prev li.next a:hover, #spotlight ul.next-prev li.next a:hover {background-position:right bottom;}
#resources h2 {padding-left: 20px;}
.resource {padding: 0 0 0 20px;}
aside .resource {padding:0;}
.resource img {
	float:left;
	margin: 0 10px 10px 0;
	max-width:100px;
	_width:90px;
}
.resource h3 {
	font: bold 12px Helvetica, Arial, Sans-Serif;
	padding: 10px 0 3px 0;
}
.resource h3 a {color: #069;}
hr {
	border: 0;
	width: 880px;
	background: url(../img/horizontal-line.png) no-repeat 0 0;
	height: 1px;
	margin: 0 0 30px 30px;
}
article hr {width:560px;margin-left:0;}
* html hr {margin: 0 auto 20px;}
*+html hr {margin: 0 auto 20px;}

#questions, #beliefnet {
	width: 408px;
	float: left;
	margin: 0 20px 20px 30px;
}
#questions h2, #beliefnet h2 {
	margin: 0 20px 15px;
	padding: 20px 0 5px 0;	
}
#questions p, #beliefnet p {padding: 0 20px;}
#questions ul, #beliefnet ul {
	list-style: none;
	padding: 0 20px 20px;
	background: url(../img/double-helix.png) no-repeat 90% 0;
}
#questions ul li, #beliefnet ul li {
	padding: 0 0 10px 0;
	background: url(../img/horizontal-line.png) no-repeat 0 0;
}
#questions ul li a, #beliefnet ul li a {
	background: url(../img/bullet.png) no-repeat 0 15px;
	padding: 10px 0 0 12px;
	display: block;
}
#beliefnet ul li a {position:relative;}
#beliefnet ul li a em {
    color:#666;
    font-style:normal;
}
#beliefnet ul li a:hover em {
    color:#069;
}
#questions .more, #beliefnet .more {
	background: #f8f4f0;
	text-align: center;
	border: 1px solid #e2dbce;
}
#questions .more:hover, #beliefnet .more:hover {
	background: #f2eee4;
	border: 1px solid #c7b9a2;	
}
#questions .more a, #beliefnet .more a {
	font-weight: bold;
	font-size: 14px;
	background-position: 110px 16px;
}
#questions .more a:hover, #beliefnet .more a:hover {
	text-decoration: none;	
}
div.paginate {
	text-align:right;
	background:transparent url(../img/horizontal-line.png) repeat-x 100% 100%;
	padding-bottom:10px;
	margin-bottom:10px;
}
div.paginate a {
	border: 1px solid #e2dbce;
	padding: 3px 5px;
}
div.paginate a:hover {
	color: #621817;
	text-decoration: none;
	background: #f8f4f0;
}
div.paginate strong {
	background: #f8f4f0;
	border: 1px solid #e2dbce;
	padding: 3px 5px;
	color: #2e2e2e;
} 
div.paginate span.pagecount {padding-right: 5px;}
div.paginate .first,
div.paginate .last {display: none;}
div.paginate-top {position:absolute;right:20px;top:8px;background:none;}
div.paginate-bottom {background:none;}
div.question span.edges {display:block;position:absolute;right:0;top:0;width:120px;height:130px;background:transparent url(../img/edges1.png) no-repeat right top;}
span.edges-large {display:block;position:absolute;left:0;top:0;width:570px;height:244px;background:transparent url(../img/edges-large.png) no-repeat right top;}
* html div.question span.edges,
* html span.edges-large {display: none;}
div.sticky div.question span.edges {top:20px;right:20px;background-image:url(../img/edges2.png);}
.single-question div.see-also {
    position:absolute;
    left:588px;
    width:300px;
    background: transparent url(../img/sidebar-pull-bottom.png) no-repeat right bottom;
}
.single-question div.see-also div{
    background:transparent url(../img/sidebar-pull-top.png) no-repeat right top;
    padding:20px 20px 0 40px;
}
.single-question div.see-also img {
    float:left;
    margin-right:20px;
    padding:0;
}
#news-events {
	width: 440px;
	float: left;
	padding: 0 30px 0 0;
	margin: 0 0 20px;
}
#news-events ul {list-style: none;}
#news-events ul li {
	background: url(../img/horizontal-line.png) no-repeat 0 100%;
	padding: 0 20px 0 0;
}
#news-events ul li h5 {font-family: Helvetica, Arial, Sans-Serif;}
#news-events ul li p {padding: 0 0 10px;}
#news-events .more {
	background: url(../img/bullet.png) no-repeat 0 5px;
	padding: 0 0 0 12px;	
}
#donation {
	width: 880px;
	margin: 0 0 20px 30px;
}
#donation p {
	padding: 10px 20px;
	margin: 0;
	text-align: center;
}
footer {
	height: 40px;
	margin: 0 0 30px 0;
	background: #5f1414 url(../img/footer-bg.png) no-repeat 0 0;
	display: block;
	padding: 30px 20px 10px;
	font-size: 11px;
}
footer p {
	color: #f9f5f0;
	float: left;
}
footer ul {
	list-style: none;
	float: right;
}
footer ul li {
	display: inline;
	padding: 0 5px 0 10px;
	background: url(../img/featured-nav-sep.png) no-repeat 0 0;
}
footer ul li:first-child {background: none;}
footer a {color: #f9f5f0;}

/* clear fix */
.clear:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;margin-bottom:0; }
.clear { display: inline-block; }
html[xmlns] .clear { display: block; }
* html .clear { height: 1%; }

/* tabs */
.ui-tabs-hide {display:none !important;}