/*
Theme Name: Donate to Family 4th
Theme URI: https://familyfourth.onereel.org/
Description: You can't handle this.
Version: 1.5
Author: Shaun Swick
*/

/*** RESETS ***/
hr {background: #e3e0cf; height: 10px;}
.invisible {visibility: hidden; margin: 0;}
.spacer {visibility: hidden;}
hr.divider {background: #d3c33c; height: 1px; margin: 20px 0;}
p, li {color: #222;}
#content p, #content h1 {margin-left: 0; margin-right: 0;}
h1 a, h2 a, h3 a, h4 a, h5 a {text-decoration: none;}
a {color: #056fbb;}
a:hover {color: #222;}
em {background: none;}
form {margin-bottom: 10px;}
label {font-weight: bold;}
ol, li {margin-bottom: .5em;}
ol li, ul li {margin-bottom: 0;}
li ul, li ol {margin-top: .5em;}
ol ul li, ol ol li, ul ul li, ul ol li {margin-bottom: .5em;}
span.attention {text-transform: uppercase; font-weight: bold; background: #ca9b08; color: #fff; padding: 3px;}
.alignr {text-align: right;}
.alignl {text-align: left;}
#content .xsm, .legalese {font-size: 1em;}
.xlg {font-size: 1.2em;}
sub {line-height: 0; vertical-align: baseline;}
/**/
div.cborder {border-color: #d3c33c;}
.append-half  { padding-right: 21px;}
.prepend-half  { padding-left: 21px;}
.push-half { margin: 0 -21px 1.5em 21px; float:right; position:relative;}
.span-6half {width: 269px;float:left;margin-right: 4px;}
.span-7half {width: 311px;float:left;margin-right: 4px;}
p img.break {float: none; margin: 10px 0 0;}
img.inline {display: inline; vertical-align: baseline; margin: 0 0 0 8px; padding: 0;}

/*** MAIN ***/
body {background: #fff; margin: 0; padding: 0;}
.wrapper {margin: 0; padding: 0; width: 100%;}
#bgwrap {background: #fff;}

/*** MASTHEAD ***/
#homelink {display: block; margin: 40px auto; width: 384px; height: 100px;}
#logo {display: block; margin: 0; padding: 0;}
#header {padding: 0; margin: 0; background: #114C8D;}
#branding {}
#branding #gohome {margin: 20px 0 20px 10px;}
#sponsbanner {text-align: right;}
#sponsbanner img {margin: 15px 10px 0 4px;}
#notes {padding-top: 20px;}
#notes li {margin-bottom: .25em;}

/** CONTENT **/
#content {background: 0;}
#content h3 {border-bottom: 1px solid #056fbb; color: #056fbb; padding-bottom: 4px; margin: 0 0 20px;}
#content td, #content th {border-color: #e3e0cf;}
.tsubhead {font-size: 1.4em;}
.tsubhead strong {color: #114c8d;}

/** SECONDARY **/
#secondary {background: #e3e0cf;}
#secondary table {margin: 0 21px 21px; width: 269px;}
#secondary #osumtable {width: 227px;}
#secondary p {margin: 0 21px 21px;}
#secondary h4 {padding: 15px 21px; background: #114C8D; color: #fff; margin-bottom: 21px;}
#secondary td, #secondary th {border-color: #cc0000;}
#secondary ul {margin: 0 21px 21px 42px; font-size: 1.1em;}
#secondary li {margin: 0;}
#secondary p + ul {margin-top: -16px;}

.dben {display: none;}
#db99 {display: block;}

/** SHOPHOME **/
input.qty {font-size: 1.4em; width: 32px;}
label {font-size: 1.4em;}
#cartlist ul {list-style: none; margin: 0; padding: 0;}
#cartlist li {width: 120px; height: 50px; float: left;}
#cartlist .variable {width: 400px; clear: left;}
table input[type="image"] {vertical-align: bottom; margin: 6px 21px -6px 0;}
#amt {font-sIze: 1.4em; margin-left: 6px;}

/*** BENEFITS ***/
#benefitspg h2+p {margin-bottom: 4px;}
#benefitspg li {margin-bottom: 4px;}
#content a img {margin-bottom: 1.5em;}

/** FOOTER **/
#footer {margin-top: 20px;}
#credits p {text-align: center; border-top: 2px solid #fedd45; padding-top: 10px;}

.sub_order {background: #cc0000; padding: 20px 20px 10px;}
#content .sub_order h3 {color: #fff; border: 0;}
.sub_order {border: none;}
.sub_order input {margin: -6px 0 0; font-size: 1.4em; padding: 6px;}
