/** 
 * 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,legend {
	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;}
fieldset {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #000000;
    padding: 0.35em 0.625em 0.75em;
}
legend {
    font-size: 18px;
}
label {
    display: inline-block;
    padding: 2px 0px;
}
#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 -2px;
	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 -2px;}
input[type=image].submit {
	vertical-align: bottom;
	border: 0;
	height: auto;
	padding: 0;	
}

input[type=button], input[type=submit] {
    background: none repeat scroll 0 0 #F5F5F0;
    cursor: pointer;
    height: auto;
}

input[type=button]:hover, input[type=submit]:hover {
    background-color:#EBEBD5;
}

input[type=button]:active, input[type=submit]:active {
    background-color:#965350;
    color: #ffffff;
}

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: 15px 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-noside {
padding: 0 20px 20px 30px;	
	float: left;	
}

#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; cursor: pointer; 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.edges7575 span.edges2 {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../img/edges7575.png) no-repeat scroll right top;
display:block;
height:75px;
position:absolute;
right:0;
top:0;
width:75px;
}

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;
	z-index: 1;
}
#comments .comment-content {
	background: url(../img/horizontal-line.png) no-repeat 0 100%;
	padding: 20px 0 10px;	
	position: relative;
}
#comments .comment-content .comment-content {
	background: none;
	padding:0;	
}
#comments .comment-content:first-child {
    /*padding-top: 0;*/
}
#comments .comment-content p {
	margin:0 0 10px;
	line-height: 1.5;	
}
.comment-content > div {
    width: 100%;
}
#comments .username {margin:0;}
#comments .good-standing, #comments .warned, #comments .banned {
    height: 16px;
    width: 16px;
}
#comments .good-standing .trigger, #comments .warned .trigger, #comments .banned .trigger, #comments .moderator .trigger {
    background-repeat: no-repeat;
    background-position: top left;
    display: inline-block;
    height: 16px;
    padding-right: 5px;
    width: 16px;
    vertical-align: middle;
}
#comments .good-standing .trigger {background-image: url("../img/Ball-green-16.png");}
#comments .warned .trigger {background-image: url("../img/Ball-yellow-16.png");}
#comments .banned .trigger {background-image: url("../img/Ball-red-16.png");}
#comments .moderator .trigger {background-image: url("../img/MOD.png"); width: 35px;}
#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: 100%;
	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;
}

#comments .comment-children .comment-content {
    background: none repeat scroll 0 0 transparent;
    margin: 20px 5px 10px;
    padding: 0;
}
#comments  .comment-children.level_0, #comments  .comment-children.level_2, #comments  .comment-children.level_4, #comments  .comment-children.level_6 {
    background-color: #F5F5F0 !important;
}
#comments .has_children .comment-content {
    background-image: none;
}
#comments .comment-children .comment-container {
    background-image: url("../img/horizontal-line.png");
    background-position: center bottom;
    background-repeat: repeat-x;
}
#comments .comment-children .comment-container.has_children {
    background-image: none;
}
#comments .comment-children .comment-container:first-child .comment-content {
    background-image: none;
}
#comments .comment-children .comment-container:last-child .comment-content {
    margin-bottom: 0;
}
#comments .comment-children .comment-container:last-child {
    background-image: none;
}
#comments .comment-children {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background-color: #FFFFFF;
    margin-left: 10px;
    padding: 5px;
}
#comments .closelink {
    position: absolute;
    top: 10px;
    right: 0px;
}
#comments .comment-children .closelink {
    top: -10px;
}
#comments .inline-reply {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background-color: #CECECE;
    margin-top: 10px;
    padding: 10px;
    position: relative;
    top: -10px;
}

#comments .inline-reply p {
    margin: 0px;
}

#comments .inline-reply .textarea, #comments .inline-reply textarea {
    margin: 0px;
    padding: 0px;
}

#comments .yours li, #comments .inline-reply li {
    background-image: none;
}

#comments .comment-page {
     position: relative;
}

#comments .comment-page .paginate-bottom {
     bottom: 0px;
     position: absolute;
     right: 20px;
}

#comments .comment-loading {
    text-align: center;
    font-size: 18px;
    display: none;
}

.comment-paginate {
  margin-top: 1em;
}

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 select {	
	margin: 0 0 0 25px;
		
}
.donate-box button {
	font-weight: bold;
	font-size: 14px;
	padding: 10px 0px 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/conversations_ad.jpg) no-repeat 100%;
	border-right: 1px solid #d8d5ca;
	text-align: center;
	z-index: 2;
}
#featured h1 em {
	color: #2c0706;
	font-size: 32px;
	display: block;
}
#featured h4 {
	float:right;
	font-size:21px;
	color: #753834;
	width: 329px;
	height:215px;
	padding: 25px 25px 0;
	position: relative;
	margin:0;
	line-height: 1.3;
	font-style: italic;
	background: url("../img/from_the_dust_ad.png") no-repeat scroll left top transparent;
	border-right: 1px solid #d8d5ca;
	text-align: center;
}
#featured h4 a {
    display: block;
    height: 100%;
    left: 0px;
    position: absolute;
    top: 0px;
    width: 100%;
    z-index: 2;
}
#featured h4 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 {z-index: 0;}
.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 #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 #spotlight ul.next-prev li.prev a {right: 21px;}

.home #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, div.comment-paginate {
	text-align:right;
	background:transparent url(../img/horizontal-line.png) repeat-x 100% 100%;
	padding-bottom:10px;
	margin-bottom:10px;
}
div.paginate a, div.comment-paginate  a {
	border: 1px solid #e2dbce;
	padding: 3px 5px;
}
div.paginate a:hover, div.comment-paginate a:hover {
	color: #621817;
	text-decoration: none;
	background: #f8f4f0;
}
div.paginate strong, div.comment-paginate strong {
	background: #f8f4f0;
	border: 1px solid #e2dbce;
	padding: 3px 5px;
	color: #2e2e2e;
} 
div.comment-paginate {
	background-image: none;
}
#weever-comments {
    margin-bottom: 20px;
}
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:590px;
    width:279px;
    background: transparent url(../img/sidebar-pull-bottom.png) no-repeat right bottom;
    z-index: 1;
}
.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: 61px;
	margin: 0 0 0 0;
	background: #5f1414 url(../img/footer-bg.png) no-repeat 0 0;
	display: block;
	padding: 9px 20px 10px;
	font-size: 11px;
}
footer p {
	color: #f9f5f0;
	float: left;
}
footer ul {
	padding-top:21px;
	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;}

.copyright_new {
	margin-bottom:30px;
	color:#66221F;
	text-align:center;
}

#blanket {
background-color:#111;
opacity: 0.65;
filter:alpha(opacity=65);
position:absolute;
z-index: 9001;
top:0px;
left:0px;
width:100%;
}

#popUpDiv {
position:absolute;
background-color:#eeeeee;
width:540px;
height:400px;
z-index: 9002;
}

/* 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;}

/* added by howard dc for new header */

.new_header {
	background:url('/_base/img/new_logo_2.gif') no-repeat top center;
}

.new_logo {
	text-align:center;
}

.new_header_links {
	text-align:right;
	color:#5f5449;
}

.new_header_links a {
	letter-spacing:0.5px;
	color:#5f5449;
	text-decoration:none;
}

.new_header_links a:hover {
	text-decoration:underline;
}

.new_nav {
	background: url(../img/nav-line-stroke.png) repeat-x top left;
	padding-top:7px;
	margin-top:3px;
}

.new_nav_bottom {
	background: url(../img/nav-line-stroke.png) repeat-x bottom left;
	padding-bottom:1px;
	margin-bottom:29px;
}

.new_nav ul {
	/* width: 928px; */
	float:left;
	list-style: none;
	text-align: left;
	margin: 0 0 0;
	padding: 6px 0 7px 12px;
}
.new_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;
}

.new_nav li a {
	text-decoration: none;
	color: #5f5449;
	outline:none;
}
.new_nav li a:hover {color: #621817;}
.new_nav li.current {
	padding: 8px 1px 5px 0;
	left: -4px;
}
.new_nav li.current li {
	padding:0;
	left:0;	
}
.new_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;
}
.new_nav li.current a:hover {text-decoration: none;}

.new_search {
	float:right;
}

#new-search {

}

.hidden { display: none; }
.unhidden { display: block; }




/* Tooltips */        
.bubbleInfo {
    position: relative;
    display: inline-block;
}
.trigger {
    position: relative;
}

/* Bubble pop-up */

.popup-info {
    display: none;
}

.popup {
        position: absolute;
        display: none;
        z-index: 50;
        border-collapse: collapse;
}

.popup td.corner {
        height: 15px;
        width: 19px;
}

.popup td#topleft { background-image: url(../img/bubble-1.png); }
.popup td.top { background-image: url(../img/bubble-2.png); }
.popup td#topright { background-image: url(../img/bubble-3.png); }
.popup td.left { background-image: url(../img/bubble-4.png); min-width: 19px; }
.popup td.right { background-image: url(../img/bubble-5.png); min-width: 19px; }
.popup td#bottomleft { background-image: url(../img/bubble-6.png); }
.popup td.bottom { background-image: url(../img/bubble-7.png); text-align: center;}
.popup td.bottom img { display: block; margin: 0 auto; }
.popup td#bottomright { background-image: url(../img/bubble-8.png); }

.popup table.popup-contents {
        font-size: 12px;
        line-height: 1.2em;
        background-color: #fff;
        color: #666;
        font-familyily: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif;
        }

table.popup-contents th {
        text-align: right;
        text-transform: lowercase;
        }

table.popup-contents td {
        text-align: left;
        }

tr#release-notes th {
        text-align: left;
        text-indent: -9999px;
        background: url(../img/starburst.gif) no-repeat top right;
        height: 17px;
        }

tr#release-notes td a {
        color: #333;
}

a.rpxnow{
	background-image:url(../img/Socialee-Login-Button.png);
	width: 116px;
	height: 52px;
	color: transparent;
	display: block;
	background-repeat: no-repeat;
	background-position: 0 0;
}

a.rpxnow:hover {
	background-position: 0 -52px;
}

a.rpxnow:active {
	background-position: 0 -104px;
}


/**********************************
*            JWYSIWYG             *
**********************************/


#comments div.wysiwyg { border: 1px solid #999; padding: 6px; background: #fff url("../img/jquery.wysiwyg.bg.png") repeat-x top; position: relative; width: 100%;}
#comments div.wysiwyg * { margin: 0; padding: 0px; }

#comments div.wysiwyg ul.toolbar li.jwysiwyg-custom-command { overflow: hidden; }

#comments div.wysiwyg ul.toolbar { border-bottom: 1px solid #ccc; float: left; width: 100%; padding: 0; }
#comments div.wysiwyg ul.toolbar li { list-style: none; float: left; margin: 1px 2px 3px 0;  background: rgb(240, 240, 240); -moz-user-select: none; -webkit-user-select: none; user-select: none;}
#comments div.wysiwyg ul.toolbar li.separator { width: 1px; height: 16px; margin: 0 4px; border-left: 1px solid #ccc; }
#comments div.wysiwyg ul.toolbar li { text-indent: -5000px; opacity: 0.85; filter: alpha(opacity=85); display: block; width: 16px; height: 16px; background: url('../img/jquery.wysiwyg.gif') no-repeat -64px -80px; border: 1px dotted rgb(240, 240, 240); cursor: pointer; margin: 0px; }
#comments div.wysiwyg ul.toolbar li.wysiwyg-button-hover, #comments div.wysiwyg ul.toolbar li.active { opacity: 1.00; filter:alpha(opacity=100); border: 1px outset rgb(224, 224, 224); }
#comments div.wysiwyg ul.toolbar li.active { background-color: rgb(255, 255, 64); border: 1px solid rgb(208, 208, 208); border-left-color: #aaa; border-top-color: #aaa; margin: 0; }

#comments div.wysiwyg ul.toolbar li.bold { background-position: 0 -16px; }
#comments div.wysiwyg ul.toolbar li.italic { background-position: -16px -16px; }
#comments div.wysiwyg ul.toolbar li.strikeThrough { background-position: -32px -16px; }
#comments div.wysiwyg ul.toolbar li.underline { background-position: -48px -16px; }

#comments div.wysiwyg ul.toolbar li.justifyLeft { background-position: 0 0; }
#comments div.wysiwyg ul.toolbar li.justifyCenter { background-position: -16px 0; }
#comments div.wysiwyg ul.toolbar li.justifyRight { background-position: -32px 0; }
#comments div.wysiwyg ul.toolbar li.justifyFull { background-position: -48px 0; }

#comments div.wysiwyg ul.toolbar li.indent { background-position: -64px 0; }
#comments div.wysiwyg ul.toolbar li.outdent { background-position: -80px 0; }

#comments div.wysiwyg ul.toolbar li.subscript { background-position: -64px -16px; }
#comments div.wysiwyg ul.toolbar li.superscript { background-position: -80px -16px; }

#comments div.wysiwyg ul.toolbar li.undo { background-position: 0 -64px; }
#comments div.wysiwyg ul.toolbar li.redo { background-position: -16px -64px; }

#comments div.wysiwyg ul.toolbar li.insertOrderedList { background-position: -32px -48px; }
#comments div.wysiwyg ul.toolbar li.insertUnorderedList { background-position: -16px -48px; }
#comments div.wysiwyg ul.toolbar li.insertHorizontalRule { background-position: 0 -48px; }

#comments div.wysiwyg ul.toolbar li.h1 { background-position: 0 -32px; }
#comments div.wysiwyg ul.toolbar li.h2 { background-position: -16px -32px; }
#comments div.wysiwyg ul.toolbar li.h3 { background-position: -32px -32px; }
#comments div.wysiwyg ul.toolbar li.h4 { background-position: -48px -32px; }
#comments div.wysiwyg ul.toolbar li.h5 { background-position: -64px -32px; }
#comments div.wysiwyg ul.toolbar li.h6 { background-position: -80px -32px; }

#comments div.wysiwyg ul.toolbar li.paragraph { background-position: 0px -96px; }
#comments div.wysiwyg ul.toolbar li.colorpicker { background-position: -16px -96px; }
#comments div.wysiwyg ul.toolbar li.fullscreen { background-position: -32px -96px; }

#comments div.wysiwyg ul.toolbar li.cut { background-position: -32px -64px; }
#comments div.wysiwyg ul.toolbar li.copy { background-position: -48px -64px; }
#comments div.wysiwyg ul.toolbar li.paste { background-position: -64px -64px; }
#comments div.wysiwyg ul.toolbar li.insertTable { background-position: -64px -48px; }

#comments div.wysiwyg ul.toolbar li.increaseFontSize { background-position: -16px -80px; }
#comments div.wysiwyg ul.toolbar li.decreaseFontSize { background-position: -32px -80px; }

#comments div.wysiwyg ul.toolbar li.createLink { background-position: -80px -48px; }
#comments div.wysiwyg ul.toolbar li.insertImage { background-position: -80px -80px; }

#comments div.wysiwyg ul.toolbar li.html { background-position: -47px -46px; }
#comments div.wysiwyg ul.toolbar li.removeFormat { background-position: -80px -63px; }

#comments div.wysiwyg ul.toolbar li.empty { background-position: -64px -80px; }

#comments div.wysiwyg iframe { border: 1px solid #999; clear: left;
-moz-box-shadow    :inset 0 0 10px rgba(0, 0, 0, 0.4);
-webkit-box-shadow :inset 0 0 10px rgba(0, 0, 0, 0.4);
box-shadow         :inset 0 0 10px rgba(0, 0, 0, 0.4);
background-color:white; padding:3px; margin:2px 0px 0px -4px;
width: 100%;
}

#comments .inline-reply .wysiwyg {margin-left: -7px;}

#comments div.wysiwyg ul.toolbar li.quote {
  background-image: url('/_base/img/quote.gif');
  background-position: center center;
  background-repeat: no-repeat;
}

.ui-dialog {
background-color: white;
border: 1px solid gray;
border-radius: 10px;
}

.ui-dialog-overlay {
background: gray;
opacity: .5;
}

.ui-dialog-titlebar-close {
font-size: 2em;
font-weight: bold;
}



form.wysiwyg {
	background:#fff;
	padding:1em;
	border:1px solid #eee;
	margin:2px;
	width:25em;
}

form.wysiwyg fieldset div {
	margin:0.3em 0;
	clear:both;
	margin-bottom:5px;
}

form.wysiwyg label {
	display: block;
	text-align:right;
	margin-right:1em;
}

form.wysiwyg legend {
	color:#0b77b7;
	font-size:1.2em;
}

form.wysiwyg legend span {
	width:10em;
	text-align:right;
}

form.wysiwyg input {
	padding:0.15em;
	width:10em;
	border:1px solid #ddd;
	background:#fafafa;
	font:bold 0.95em arial, sans-serif;
	margin-bottom:5px;
	-moz-border-radius:0.4em;
	-khtml-border-radius:0.4em;
}

form.wysiwyg input.width, form.wysiwyg input.height {
	width: 4em;
}

form.wysiwyg input:hover, form.wysiwyg input:focus {
	border-color:#c5c5c5;
	background:#f6f6f6;
}

form.wysiwyg .button{
	margin-top:8px;
}

form.wysiwyg fieldset {
	border:1px solid #ddd;
	padding:0 0.5em 0.5em;
}

form.wysiwyg input.default {
	color:#bbb;
}


.events-link {
  -webkit-border-radius: 1em;
  -moz-border-radius: 1em;
  border-radius: 1em;
  display: block;
  padding: 5px;
  margin: 3px;
  background-color: lightGrey;
  font-size: 1.5em;
  text-align: center;
  vertical-align: middle;
}
.events-link:hover {
  text-decoration: none;
  color: #ffffff;
  background-color: grey;
}
.events-link img {
  display:inline-block;
  vertical-align:middle;
  margin: 0 5px;
}

.entry_type {
    background: none repeat scroll 0 0 #F5F5F0;
    border: 1px solid #66221F;
    color: #66221F;
    display: block;
    font-size: 10px;
    padding: 1px 3px;
    position: absolute;
    right: 0;
    top: 0;
}


h3.letter-header {
    color: black;
    font-weight: bold;
    border-bottom: 2px dotted black;
}

a.letter-nav {
    padding: .4em;
    font-weight: bold;
}

#A {
    margin-top: 1em;
}


#media {
  text-align: center;
}


#mobile-text-size {
    display: none;
}


.addthis_toolbox {
    background-color: #F0F0F0;
    border: 0 none #C8C8C8;
    border-radius: 8px 8px 8px 8px;
    margin-bottom: 14px;
    padding: 10px 0 2px 20px;
}


@media screen and (max-device-width: 440px){

#main-content {
    font-size: 1.4em;
    width: 890px;
}

#mobile-text-size {
    background-color: #FFFFFF;
    border-color: gray;
    -webkit-border-top-right-radius: 16px;
    -webkit-border-bottom-right-radius: 16px;
    -moz-border-radius-topright: 16px;
    -moz-border-radius-bottomright: 16px;
    border-top-right-radius: 16px;
    border-bottom-right-radius: 16px;
    border-style: solid solid solid none;
    border-width: 6px 6px 6px 0;
    color: #66221F;
    display: block;
    font-size: 36px;
    font-weight: bold;
    left: 0;
    line-height: 1.2em;
    position: absolute;
    text-align: center;
    top: 480px;
    vertical-align: middle;
    width: 48px;
}

#mobile-text-size a {
    cursor: pointer;
    display: block;
    padding: 6px 0;
    text-decoration: none;
}

#mobile-text-size a:first-child {
    border-bottom: 4px solid gray;
}


}