/* Screen Styles for the Crazy Love Campaign - Coded by Eric Murrell */

html {
	margin: 0;
	padding: 0;
	height: 100%;
}

body {
	margin: 0;
	padding: 0;
	font-size: 62.5%; /* enables you to easily size text with ems */
	font-family: Arial, Helvetica, sans-serif;
	background-color: #fff;
	background: url('../images/structure/main_background.jpg');
	color: #3e281e;
	height: 100%;
	font-family: 'Trebuchet MS', Trebuchet, sans-serif;
}

h1, h2, h3, h4, h5, h6, h7, p, form, ul, ol, li, blockquote { /* resets most browser styles to enhance cross-browser compatibility */
	margin: 0;
	padding: 0;
}

a:link {color: #9e2307; text-decoration: underline;}
a:visited {color: #9e2307; text-decoration: underline;}
a:hover {color: #9e2307; text-decoration: none;}
a:active {color: #9e2307; text-decoration: underline;}

/* ---- Main Structure ---- */

#topsection { /* only for the sticky footer to work */
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -165px auto;
}


#container {
	width: 950px;
	margin: 0 auto;
}

#footer {
	width: 100%;
	height: 165px;
	background: url('../images/structure/footer_pattern.jpg') repeat-x;
}

#footer p {
	padding: 30px;
	text-align: center;
	font-size: 1.2em;
	color: #7b6e4f;
	font-style: italic;
}

#footer p a:link {color: #ccbd96; text-decoration: none;}
#footer p a:visited {color: #ccbd96; text-decoration: none;}
#footer p a:hover {color: #ccbd96; text-decoration: underline;}
#footer p a:active {color: #ccbd96; text-decoration: none;}

.footer-padding {
	height: 215px;
}



/* ---- Header ---- */

#header {
	height: 354px;
	background: url('../images/structure/header_background.jpg') repeat-x;
}

#inner-header {
	width: 950px;
	height: 354px;
	margin: 0 auto;
}

#inner-header h1 a:link {display: block; width: 269px; height: 299px; background: url('../images/structure/logo.jpg') no-repeat; text-indent: -9000px;}
#inner-header h1 a:visited {display: block; width: 269px; height: 299px; background: url('../images/structure/logo.jpg') no-repeat; text-indent: -9000px;}
#inner-header h1 a:hover {display: block; width: 269px; height: 299px; background: url('../images/structure/logo.jpg') no-repeat; background-position: 0 -299px; text-indent: -9000px;}
#inner-header h1 a:active {display: block; width: 269px; height: 299px; background: url('../images/structure/logo.jpg') no-repeat; background-position: 0 -299px; text-indent: -9000px;}

ul#nav {
	position: absolute;
	top: 0;
	margin: 0 0 0 323px;
	width: 628px;
	height: 78px;
	background: url('../images/structure/nav_background.jpg') no-repeat;
}

ul#nav li {
	list-style-type: none;
	float: left;
	text-indent: -9000px;
}

ul#nav li.campaign a:link {display: block; width: 98px; height: 78px; margin: 0 0 0 8px; background: url('../images/structure/nav/campaign.jpg') no-repeat;}
ul#nav li.campaign a:visited {display: block; width: 98px; height: 78px; margin: 0 0 0 8px; background: url('../images/structure/nav/campaign.jpg') no-repeat;}
ul#nav li.campaign a:hover {display: block; width: 98px; height: 78px; margin: 0 0 0 8px; background: url('../images/structure/nav/campaign.jpg') no-repeat; background-position: 0 -78px;}
ul#nav li.campaign a:active {display: block; width: 98px; height: 78px; margin: 0 0 0 8px; background: url('../images/structure/nav/campaign.jpg') no-repeat; background-position: 0 -78px;}

ul#nav li.expanding a:link {display: block; width: 86px; height: 78px; margin: 0 0 0 25px; background: url('../images/structure/nav/expanding.jpg') no-repeat;}
ul#nav li.expanding a:visited {display: block; width: 86px; height: 78px; margin: 0 0 0 25px; background: url('../images/structure/nav/expanding.jpg') no-repeat;}
ul#nav li.expanding a:hover {display: block; width: 86px; height: 78px; margin: 0 0 0 25px; background: url('../images/structure/nav/expanding.jpg') no-repeat; background-position: 0 -78px;}
ul#nav li.expanding a:active {display: block; width: 86px; height: 78px; margin: 0 0 0 25px; background: url('../images/structure/nav/expanding.jpg') no-repeat; background-position: 0 -78px;}

ul#nav li.orphans a:link {display: block; width: 90px; height: 78px; margin: 0 0 0 26px; background: url('../images/structure/nav/orphans.jpg') no-repeat;}
ul#nav li.orphans a:visited {display: block; width: 90px; height: 78px; margin: 0 0 0 26px; background: url('../images/structure/nav/orphans.jpg') no-repeat;}
ul#nav li.orphans a:hover {display: block; width: 90px; height: 78px; margin: 0 0 0 26px; background: url('../images/structure/nav/orphans.jpg') no-repeat; background-position: 0 -78px;}
ul#nav li.orphans a:active {display: block; width: 90px; height: 78px; margin: 0 0 0 26px; background: url('../images/structure/nav/orphans.jpg') no-repeat; background-position: 0 -78px;}

ul#nav li.adoption a:link {display: block; width: 103px; height: 78px; margin: 0 0 0 25px; background: url('../images/structure/nav/adoption.jpg') no-repeat;}
ul#nav li.adoption a:visited {display: block; width: 103px; height: 78px; margin: 0 0 0 25px; background: url('../images/structure/nav/adoption.jpg') no-repeat;}
ul#nav li.adoption a:hover {display: block; width: 103px; height: 78px; margin: 0 0 0 25px; background: url('../images/structure/nav/adoption.jpg') no-repeat; background-position: 0 -78px;}
ul#nav li.adoption a:active {display: block; width: 103px; height: 78px; margin: 0 0 0 25px; background: url('../images/structure/nav/adoption.jpg') no-repeat; background-position: 0 -78px;}

ul#nav li.partnerships a:link {display: block; width: 136px; height: 78px; margin: 0 0 0 23px; background: url('../images/structure/nav/partnerships.jpg') no-repeat;}
ul#nav li.partnerships a:visited {display: block; width: 136px; height: 78px; margin: 0 0 0 23px; background: url('../images/structure/nav/partnerships.jpg') no-repeat;}
ul#nav li.partnerships a:hover {display: block; width: 136px; height: 78px; margin: 0 0 0 23px; background: url('../images/structure/nav/partnerships.jpg') no-repeat; background-position: 0 -78px;}
ul#nav li.partnerships a:active {display: block; width: 136px; height: 78px; margin: 0 0 0 23px; background: url('../images/structure/nav/partnerships.jpg') no-repeat; background-position: 0 -78px;}

/* ---- Side Bar ---- */

h3.live-news-feed {
	display: block;
	width: 279px;
	height: 39px;
	background: url('../images/structure/live_news_feed.jpg');
	text-indent: -9000px;
	margin: 12px 0 15px 0;
}

h3.campaign-videos {
	display: block;
	width: 279px;
	height: 39px;
	background: url('../images/structure/campaign_videos.jpg');
	text-indent: -9000px;
	margin: 12px 0 15px 0;
}

h3.your-thoughts {
	display: block;
	width: 279px;
	height: 39px;
	background: url('../images/structure/your_thoughts.jpg');
	text-indent: -9000px;
	margin: 12px 0 15px 0;
}

h3.campaign-title {
	display: block;
	width: 279px;
	height: 39px;
	background: url('../images/structure/about_the_campaign.jpg');
	text-indent: -9000px;
	margin: 12px 0 15px 0;
}

h3.expanding-title {
	display: block;
	width: 279px;
	height: 39px;
	background: url('../images/structure/expanding_locally.jpg');
	text-indent: -9000px;
	margin: 12px 0 15px 0;
}

h3.orphans-title {
	display: block;
	width: 279px;
	height: 39px;
	background: url('../images/structure/caring_for_orphans.jpg');
	text-indent: -9000px;
	margin: 12px 0 15px 0;
}

h3.adoption-title {
	display: block;
	width: 279px;
	height: 39px;
	background: url('../images/structure/aiding_adoption.jpg');
	text-indent: -9000px;
	margin: 12px 0 15px 0;
}

h3.partnership-title {
	display: block;
	width: 279px;
	height: 39px;
	background: url('../images/structure/supporting_partnerships.jpg');
	text-indent: -9000px;
	margin: 12px 0 15px 0;
}

/* Sub Nav */

ul#subnav li {
	list-style-type: none;
	font-size: 1.5em;
	font-weight: 700;
	margin: 0 0 7px 0;
}

ul#subnav li a:link {color: #D0BEAA; text-decoration: none; padding: 3px;}
ul#subnav li a:visited {color: #D0BEAA; text-decoration: none; padding: 3px;}
ul#subnav li a:hover {color: #D0BEAA; text-decoration: none; background: url('../images/structure/subnav_background.jpg'); padding: 3px;}
ul#subnav li a:active {color: #D0BEAA; text-decoration: none; padding: 3px;}

blockquote#quote {
	width: 260px;
	text-align: center;
	font-family: Georgia;
	font-style: italic;
	color: #fff;
	line-height: 120%;
	font-size: 3.2em;
	-webkit-transform:rotate(-1.5deg);
	-moz-transform: rotate(-1.5deg);
	padding: 40px 0 0 0;
	opacity: 0.3;
}


/* Twitter Feeds */

#twitter_update_list li {
	width: 279px;
	list-style-type: none;
	font-size: 1.3em;
	color: #fff5e9;
	line-height: 130%;
	margin: 0 0 10px 0;
}

#twitter_update_list li a {color: #ccbd96; text-decoration: none;}

p.follow {
	margin: 0 0 20px 0;
}

p.follow a:link {text-transform: uppercase; font-size: 1.3em; color: #b07e0d; text-decoration: none; font-weight: 700;}
p.follow a:visited {text-transform: uppercase; font-size: 1.3em; color: #b07e0d; text-decoration: none; font-weight: 700;}
p.follow a:hover {text-transform: uppercase; font-size: 1.3em; color: #b07e0d; text-decoration: none; font-weight: 700;}
p.follow a:active {text-transform: uppercase; font-size: 1.3em; color: #b07e0d; text-decoration: none; font-weight: 700;}

ul.twittList li {	
	width: 279px;
	list-style-type: none;
	font-size: 1.3em;
	color: #fff5e9;
	line-height: 130%;
	margin: 0 0 10px 0;
	clear: left;
	}
	
ul.twittList li img {
	float: left;
	margin: 0 10px 30px 0;
	border: 2px solid #3d1c09;
}

ul.twittList li a {color: #ccbd96; text-decoration: none;}

/* ---- Main Content in the Middle ---- */

#main-content-top {
	width: 625px;
	padding: 31px 0 0 0;
	background: url('../images/structure/main_content_top.jpg') no-repeat;
	float: right;
	margin: -246px 0 0 0;
}

#main-content-bottom {
	width: 625px;
	padding: 0 0 16px 0;
	background: url('../images/structure/main_content_bottom.jpg') no-repeat;
	background-position: bottom;
}

#main-content {
	width: 579px;
	padding: 0 23px 0 23px;
	background: url('../images/structure/main_content_middle.jpg') repeat-y;
	background-position: bottom;
	min-height: 600px;
}

/* ---- Blog Posts ---- */

.blog-post {
	background: url('../images/structure/post_divider.jpg') no-repeat;
	background-position: bottom center;
	padding: 0 0 39px 0;
	margin: 0 0 30px 0;
}

/* right post header */

.blog-header-normal {
	width: 143px;
	border-left: 2px solid #dcccb9;
	float: right;
	padding: 0 0 0 11px;
	height: 330px;
	margin: 0 0 0 16px;
}

.blog-post .blog-header-normal p, .blog-post .blog-header p {
	clear: both;
	color: #ac937b;
	font-size: 1.1em;
	line-height: 130%;
	padding: 8px 0 0 0;
}

.blog-post .blog-header-normal p a:link, .blog-post .blog-header p a:link {text-decoration: none; color: #6a5b4c;}
.blog-post .blog-header-normal p a:visited, .blog-post .blog-header p a:visited {text-decoration: none; color: #6a5b4c;}
.blog-post .blog-header-normal p a:hover, .blog-post .blog-header p a:hover {text-decoration: underline; color: #6a5b4c;}
.blog-post .blog-header-normal p a:active, .blog-post .blog-header p a:active {text-decoration: none; color: #6a5b4c;}


.blog-post .blog-header-normal h2, .blog-post  .blog-header h2 {
	font-size: 2.8em;
	margin: 0 0 10px 0;
}

.blog-post .blog-header-normal h2 a:link , .blog-post .blog-header h2 a:link {color: #9e2307; text-decoration: none;}
.blog-post .blog-header-normal h2 a:visited, .blog-post .blog-header h2 a:visited {color: #9e2307; text-decoration: none;}
.blog-post .blog-header-normal h2 a:hover, .blog-post .blog-header h2 a:hover {color: #7b1c06; text-decoration: none;}
.blog-post .blog-header-normal h2 a:active, .blog-post .blog-header h2 a:active {color: #9e2307; text-decoration: none;}

.blog-post .blog-header-normal h4, .blog-post .blog-header h4 {
	color: #ac937b;
	font-size: 1.7em;
	font-weight: 300;
	margin: 0 0 50px 0;
	font-style: italic;
}

.blog-post .blog-header-normal h3 a strong, .blog-post .blog-header h3 a strong {
	display: block;
	width: 46px;
	height: 35px;
	background: url('../images/structure/comments_bubble.jpg') no-repeat;
	font-size: 1.1em;
	padding: 5px 0 0 0;
	color: #fff;
	float: left;
	margin: -6px 4px 0 0;
	text-align: center;
}

.blog-post .blog-header-normal h3 a, .blog-post .blog-header h3 a {display: block; color: #61351d; text-decoration: none; font-size: 0.7em; text-transform: uppercase; font-weight: 300; padding: 6px 0 0 0;}


/* left post header */

.blog-header {
	width: 143px;
	border-right: 2px solid #dcccb9;
	float: left;
	padding: 0 11px 0 0;
	height: 330px;
	margin: 0 16px 0 0;
}

/* ---- Blog Post Styles ---- */

/* Post Header */

.blog-post .full-post-header h2 {
	margin: 0 0 0 0;
}

.blog-post .full-post-header h2 a:link {text-decoration: none;}
.blog-post .full-post-header h2 a:visited {text-decoration: none;}
.blog-post .full-post-header h2 a:hover {text-decoration: none; color: #7b1c06;}
.blog-post .full-post-header h2 a:active {text-decoration: none;}

.blog-post .full-post-header h4 {
	color: #ac937b; 
	font-size: 1.7em;
	font-weight: 300;
	margin: 0 0 20px 0;
	font-style: italic;
}

.blog-post .post-content .postimage {
	float: right;
	margin: 0 0 10px 15px;
}

.blog-post .postimage {
	margin: 0 0 10px 0;
}

.blog-post p {
	line-height: 170%;
	font-size: 1.3em;
	padding: 0 0 20px 0;
}

.blog-post blockquote {
	font-family: Georgia;
	line-height: 170%;
	font-size: 1.3em;
	padding: 0 50px 0 10px;
	margin: 0 0 20px 36px;
	border-left: 4px solid #dcccb9;
	font-style: italic;
	color: #000;
}

.blog-post blockquote p {
	font-size: 1.1em;
	margin: 0;
	padding: 0;
}

.blog-post ol, .blog-post ul {
	margin: 0 0 20px 0;
}
	
.blog-post ol li {
	margin: 0 0 10px 50px;
	font-size: 1.3em;
	line-height: 160%;
}

.blog-post ul li {
	margin: 0 0 10px 50px;
	font-size: 1.3em;
	line-height: 160%;
}

.blog-post h1 {
	color: #9e2307;
	font-size: 3.2em;
	margin: 0 0 20px 0;
}

.blog-post h2 {
	color: #9e2307;
	font-size: 2.8em;
	margin: 0 0 20px 0;
}

.blog-post h3 {
	color: #9e2307;
	font-size: 2.4em;
	margin: 0 0 20px 0;
}

.blog-post h4 {
	color: #9e2307;
	font-size: 2em;
	margin: 0 0 20px 0;
}

.blog-post h5 {
	color: #3d1c09;
	font-size: 1.6em;
	margin: 0 0 20px 0;
}

.blog-post h6 {
	color: #3d1c09;
	font-size: 1.2em;
	margin: 0 0 20px 0;
}

.blog-post .postright {
	float: right;
	margin: 0 0 10px 15px;
}

.blog-post .postleft {
	float: left;
	margin: 0 15px 10px 0;
}


h3#comments a strong {
	display: block;
	width: 46px;
	height: 35px;
	background: url('../images/structure/comments_bubble.jpg') no-repeat;
	font-size: 1.1em;
	padding: 5px 0 0 0;
	color: #fff;
	float: left;
	margin: -6px 4px 0 0;
	text-align: center;
}

h3#comments a {display: block; color: #61351d; text-decoration: none; font-size: 1.3em; text-transform: uppercase; font-weight: 300; padding: 6px 0 0 0;}

.join-in {
	margin: -20px 0 50px 0;
}

.join-in p {
	color: #ac937b;
	font-size: 1.1em;
	line-height: 130%;
	padding: 8px 0 0 0;
	text-align: right;
	margin: -24px 0 0 0;
}

.join-in p a:link {text-decoration: none; color: #6a5b4c;}
.join-in p a:visited {text-decoration: none; color: #6a5b4c;}
.join-in p a:hover {text-decoration: underline; color: #6a5b4c;}
.join-in p a:active {text-decoration: none; color: #6a5b4c;}

/* ---- Individual Comments ---- */

.comment {
	margin: 0 0 25px 0;
	clear: both;
	padding: 0 30px 0 30px;
}

.comment a:link {color: #3d1c09;}
.comment a:visited {color: #3d1c09;}
.comment a:hover {color: #3d1c09;}
.comment a:active {color: #3d1c09;}

.comment img {
	border: 3px solid #3d1c09;
}

.comment img.wp-smiley {
	border: none;
}

.comment .avatar {
	width: 50px;
	border: 3px solid #3d1c09;
}

.comment .text {
	width: 445px;
	float: right;
}

.comment .text h3 {
	margin: -3px 0 10px 0;
	color: #9f8f84;
	font-weight: 300;
	font-size: 1em;
}

.comment .text h3 strong {
	font-weight: 700; 
	font-size: 1.3em;
	color: #3d1c09;
}

.comment .text h3 a:link {text-decoration: none;}
.comment .text h3 a:visited {text-decoration: none;}
.comment .text h3 a:hover {text-decoration: underline;}
.comment .text h3 a:active {text-decoration: none;}

.comment .text p {
	color: #64534b;
	line-height: 160%;
	font-size: 1.2em;
	margin: 0 0 15px 0;
}

img.divider {
	margin: -20px 0 20px 0;
}

/* Comment Form */

h3#respond {
	color: #9e2307;
	font-size: 2.4em;
	margin: 0 0 20px 0;
}

#commentform input {
	border: 1px solid #3d1c09;
	font-size: 1em;
	padding: 3px;
	color: #64534b;
	background-color: #fffcf9;
}

#commentform #submit, #commentform input.fbcbutton {
	font-size: 1em;
	padding: 3px;
	color: #fff5e9;
	background-color: #3d1c09;
}

#commentform input#submit:hover, #commentform input.fbcbutton:hover {
	background-color: #492510;
}

#commentform {
	color: #64534b;
	padding: 0 0 0 40px;
}

#commentform p {
	font-size: 1.3em;
	margin: 0 0 10px 0;
}

#commentform textarea {
	width: 500px;
	border: 1px solid #3d1c09;
	font-size: 1.1em;
	padding: 3px;
    color: #64534b;
	font-family: 'Trebuchet MS', Trebuchet, sans-serif;
	background-color: #fffcf9;
}

.navigation {
	font-size: 1.4em;
	text-align: center;
	padding: 10px 0 20px 0;
}

/* ---- Page Specific Styles ---- */

h2.page-title {
	display: inline-block;
	color: #fffcf9;
	background: url('../images/structure/page_title_background.jpg');
	padding: 5px;
	font-size: 3.4em;
	margin: 0 0 30px 0;
	-webkit-transform:rotate(1deg);
	-moz-transform: rotate(1deg);
}

/* ---- Facebook Connect ---- */

#fbc_login {
	width: 200px;
	float: right;
}

#fbc_login small {
	color: #9f8f84;
	font-size: 1.1em;
	display: block;
	margin: -10px 0 -8px 0;
}

#fbc_profile {
	display: none;
}

/* Other Fixes */

p.spacingfix {
	margin: -30px 0 0 0;
}

p.hashtag {
	clear: left;
	color: #ccbd96;
	padding: 0 0 0 0;
	font-size: 1.3em;
	width: 260px;
	font-style: italic;
	line-height: 130%;
}

p.hashtag strong {
	color: #fff5e9;
}

p.hashtag a:link {color: #fff5e9;}
p.hashtag a:visited {color: #fff5e9;}
p.hashtag a:hover {color: #fff5e9;}
p.hashtag a:active {color: #fff5e9;}

.blog-post p.nomargin {
	margin: 0;
	padding: 0;
}

/* Vimeo Badge */
.vimeoBadge {zoom: 1; margin: 0; padding: 0; font: normal 11px verdana,sans-serif; width:240px; }
.vimeoBadge img { border: 2px solid #3d1c09; float: left; width: 100px;}
.vimeoBadge a {color: #ccbd96; text-decoration: none;}
.vimeoBadge #vimeo_badge_logo { display:none; }
.vimeoBadge .credit { font: normal 13px verdana,sans-serif; }
.vimeoBadge .clip { padding:10px; margin:8px 0px 0px 0px; width:240px; height: 70px;}
.vimeoBadge .caption { float: right; display: block; font-size: 1.3em; width:120px; margin: 0; }

/* Give Now Button */

h3#givenow {
	width: 90px;
	height: 90px;
	position: absolute;
	top: 80px;
	margin: 0 0 0 888px;
	display: none;
}

h3#givenow a {
	display: block;
	text-indent: -9000px;
	background: url('../images/structure/givenow2.png');
	width: 90px;
	height: 90px;
}


/* Prayer Guide Table */

#prayer-guide {
	font-size: 1.2em;
}

#prayer-guide th {
	text-align: left;
	font-size: 1.4em;
	padding: 0 0 10px 0;
}

#prayer-guide tr.odd {
	background-color: #fffbf7;
}

#prayer-guide td {
	vertical-align: top;
	padding: 10px 0 10px 0;
}

#prayer-guide td.day {
	width: 50px;
	padding: 10px 0 10px 10px;
}

#prayer-guide td.verse {
	width: 150px;
}

#prayer-guide td.text {
	width: 370px;
	padding: 10px 10px 10px 0;
}

/* LOTs */

#lottable input {
	border: 1px solid #381406;
	background-color: #fff;
	font-size: 1.2em;
	padding: 3px;
}

#lottable label {
	color: #381406;
	font-size: 1.2em;
	font-weight: 700;
}

#lottable td {
	padding: 0 0 3px 0;
}

#lottable td.label-cell {
	text-align: right;
	width: 100px;
	padding: 0 6px 0 0;
}

#lottable input {
	width: 150px;
}

#lottable input#lot_residential, #lottable input#lot_school {
	width: 15px;
	font-size: 1em;
}

#lottable input#submit {
	width: 180px;
	background-color: #9E2307;
	color: #fff;
	margin: 0 0 0 200px;
}

#errors {
	color: #9E2307;
}