/* @override http://embrace.dev:8888/assets/css/embrace.css */

/* @group Grouping Info
======================= */

/* elements are grouped by the type of *tag* 
 (example Lists, links, blockquotes)  */

/* classes are grouped by the *effect*
	(example NotiÞcations, pagination, content modules)  */

/* ID's are grouped by the individual page component they affect 
	(example the Header, toolbar, nav) */

/* @end Grouping Info */

/* @group General
	contains the body styles, our reset and default element styles
=================================================================== */

/* @group Body, HTML styles */

body
{
	background-color: #231f20; /* almost black */
	background-position: top left;
	background-repeat: repeat-x;
	color: #ededed; /* whitesmoke */
	font-size: 14px;
	font-family: Palatino, "Palatino Linotype", Georgia, Times, "Times New Roman", serif;
	line-height: 1.5;
	text-align: center;
}


/* @end Body, HTML styles */

/* @group Links */
a
{
	color: #bdd73c; /* mustard */
	text-decoration: none;
}

a:hover
{
	text-decoration: underline;
}


/* @end Links */

/* @group Headers */

h2
{
	color: #bdd73b; /* mustard */
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 0.5em;
}

/* @end Headers */

blockquote
{
	background-image: url("../img/design/bkg_quotes.gif");
	background-position: top left;
	background-repeat: no-repeat;
	color: #bfbfbf; /* light grey */
	padding-left: 40px;
	padding-right: 40px;
}

/* @group Other Styling */
p
{
	margin-bottom: 1em;
}

/* @end Other Styling */

/* @end General */



/* @group Helper Styles
	Generally a class or a few classes with elements 
	(eg notiÞcation styles, pagination and forms)
===================================================== */

/* @group Clearing & Accessibility */

/* for things that are helpful to screen readers 
but don't need to show up visually */	
.accessibility
{
	font-size: 0;
	left: -1000px;
	position: absolute;
}
	
/* Easy Clearing of Floats
http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}

/* @end Clearing & Accessibility */

/* @end Helper Styles */



/* @group Page Structure
	refers to the header, footer, and the generic layout blocks 
	that make up a basis for the components to Þt snugly into.
================================================================ */

/* @group Page Setup */
div#page
{
	text-align: left;
}

/* @end Page Setup */


/* @group Header */
div#header
{
	background-color: #383637; /* dark grey */	
	background-image: url("../img/design/bkg_header.jpg");
	background-position: top left;
	background-repeat: repeat-x;	
	height: 146px;
	padding-left: 10px;
	padding-right: 10px;
}

div#header div.inner
{
	background-image: url("../img/design/global-smileys.jpg");
	background-position: top right;
	background-repeat: no-repeat;
	margin: 0 auto;
	width: 960px;
}
/* @end Header */

/* @group Navigation */
div#primary_nav_bar
{
	background-color: #69a496; /* teal */
	background-image: url("../img/design/bkg_nav.gif");
	background-repeat: repeat-x;
	background-position: left top;
	border-top: 1px solid #75c1af; /* light teal */
	border-bottom: 1px solid #75c1af;
	padding-left: 10px;
	padding-right: 10px;
}

div#primary_nav_bar div.inner
{
	margin: 0 auto;
	width: 960px;
}

/* @end Navigation */

/* @group Primary */
div#content
{
	background:url("../img/design/black-top.jpg") top repeat-x;
	padding-left: 10px;
	padding-right: 10px;
}

div#content div.inner
{
	background:url("../img/design/black-back.jpg") top center no-repeat;
	margin: 0 auto;
	padding-top: 35px;
	padding-bottom: 85px;
	position: relative;
	width: 960px;
}

div#features
{
	background-color: #4f6756; /* sea green */
	clear: both;
	padding-left: 10px;
	padding-right: 10px;
	position: relative;
}

div#features div.inner
{
	margin: 0 auto;
	width: 960px;
	padding-top: 30px;
	padding-bottom: 50px;
	position: relative;
}

div#content_primary
{
	display: inline;
	float: right;
	width: 710px;
}
/* @end Primary */

/* @group Secondary */

div#content_secondary
{
	display: inline;
	float: left;
	width: 230px;
}

/* @end Secondary */


/* @group Footer */
div#footer
{
	background-color: #475f4e; /* moss green */
	clear: both;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif ;
	padding-top: 25px;
	padding-bottom: 25px;
	padding-left: 10px;
	padding-right: 10px;
}

div#footer div.inner
{
	margin: 0 auto;
	width: 960px;
}

/* @end Footer */

/* @end Page Structure */



/* @group Page Components
	Most of the styles will happen here
======================================= */

/* @group Featured Items */
div#features h3
{
	background-repeat: no-repeat;
	background-position: left top;
	color: d5d5d5;
	font-size: 12px;
	font-weight: normal;
	margin-bottom: 0.8em;
	text-transform: uppercase;
}

	div#features h3#donate_blankets
	{
		background-image: url('../img/design/header-donate-blankets.gif');
		height: 15px;
		text-indent: -5000px;
	}
	
	div#features h3#featured_family_small
	{
		background-image: url('../img/design/header-featured-family-small.gif');
		height: 15px;
		text-indent: -5000px;
	}
	
	div#features h3#anyone_volunteer
	{
		background-image: url('../img/design/header-anyone-volunteer.gif');
		height: 15px;
		text-indent: -5000px;
	}

div.featured_items
{
	display: inline;
	float: left;
	padding-right: 18px;
	width: 220px;
}

div.featured_items.last
{
	border-right: 1px dotted white;
}

div.featured_items img
{
	border: 1px solid #bfbfbf; /* medium grey */
}

div#contact_info
{
	background-image: url("../img/design/watermark-trans.png");
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 132px;
	position: absolute;
	left: 733px;
	top: -100px;
	width:  210px;
}

div#contact_info p
{
	font-family: Palatino, "Palatino Linotype", Georgia, Times, "Times New Roman", serif ;
	line-height: 1.3;
}

div#contact_info p span.fn
{
	font-size: 16px;
}

div#contact_info p.contact_details
{
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 13px;
}

/* @end Featured Items */

/* @group Logo */

div#logo
{
	display: inline;
	float: left;
	width: 604px;
}

div#logo h1 a
{
	background-image: url("../img/design/logo-trans.png");
	background-repeat: no-repeat;
	display: block;
	font-size: 32px;
	height: 123px;
	text-indent: -5000px;
}

div#logo p
{
	font-size: 24px;
	text-indent: -5000px;
	line-height: 1;
	margin-bottom: 0em;
}

/* @end Logo */


/* @group Primary Navigation */
ul#primary_nav
{
	display: inline;
	float: left;
}


ul#primary_nav li
{
	display: inline;
	float: left;
}

ul#primary_nav li a
{	
	background-position: 0 0;
	color: white;
	display: block;
	height: 67px;
	text-indent: -5000px;
}

ul#primary_nav li a:hover,
	ul#primary_nav li a:focus,
	ul#primary_nav li.current a
{
	color: #458575; /* yellowish */
	background-position: 0 -67px;
}

	a#welcome
	{
		background-image: url("../img/design/btn_welcome.jpg");
		background-repeat: no-repeat;
		width: 82px;		
	}
	
	a#events
	{
		background-image: url("../img/design/btn_events.jpg");
		background-repeat: no-repeat;
		width: 63px;
	}
	
	a#adoption
	{
		background-image: url("../img/design/btn_adoption.jpg");
		background-repeat: no-repeat;
		width: 83px;
	}
	
	a#foster
	{
		background-image: url("../img/design/btn_foster.jpg");
		background-repeat: no-repeat;
		width: 104px;
	}
		
	a#resources
	{
		background-image: url("../img/design/btn_resources.jpg");
		background-repeat: no-repeat;
		width: 192px;
	}
		
	a#get_involved
	{
		background-image: url("../img/design/btn_get-involved.jpg");
		background-repeat: no-repeat;
		width: 109px;
	}
	
	a#contact
	{
		background-image: url("../img/design/btn_contact.jpg");
		background-repeat: no-repeat;
		width: 109px;
	}

/* @end Primary Navigation */

/* @group Page Level Navigation */

ul#page_level_nav li
{
	border-bottom: 1px dotted #333333;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 16px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-transform: uppercase;
}

ul#page_level_nav li li
{
	background-image: url("../img/design/bullet_angle-arrow.gif");
	background-repeat: no-repeat;
	background-position: 1px 0px;
	border-bottom: none;
	font-size: 12px;
	padding-top: 6px;
	padding-bottom: 3px;
	padding-left: 30px;
}

ul#page_level_nav li a,
	ul#page_level_nav li.current li a
{
	color: #ededed; /* whitesmoke */
}

ul#page_level_nav li.current a,
	ul#page_level_nav li a:hover,
	ul#page_level_nav li.current li a:hover
{
	color: #bdd73b; /* mustard */
}

div.upcoming h3
{
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 16px;
	color:#999;
	padding-top:20px;
}

div.upcoming .upb_event
{
	padding-bottom: 10px;
}

div.upcoming .upb_date
{
	font-size: 18px;
	font-weight: bold;
	line-height: 1.2;
	padding-top: 10px;
	padding-bottom: 5px;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}

div.upcoming .upb_date a
{
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	text-decoration: underline;	
}

/* @end Page Level Navigation */



/* @group Search Form */

form#search_form
{
	display: inline;
	float: right;
	margin-top: 20px;
}

form#search_form input
{
	border: 0;
	background-color: #315a50;
	color: white;
	padding: 5px;
}

/* @end Search Form */

/* @group Primary Content */

div#content h1
{
	background-repeat: no-repeat;
	background-position: 0 0;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 54px;
	line-height: 1;
	margin-bottom: 0.2em;
	text-transform: uppercase;
}

div#content h1 em
{
	color: #969696;
	font-style: normal;
}

/* @group Heading Image Replacements */

h1#featured_family
{
	background-image: url('../img/design/header-featured-family.gif');
	height: 43px;
	text-indent: -5000px;
}

h1#adoption_faqs
{
	background-image: url('../img/design/header-adoption-faqs.gif');
	height: 45px;
	text-indent: -5000px;
}

/* @end Heading Image Replacements */



div#intro
{
	font-size: 16px;
	line-height: 1.6;
}

/* @group FAQs */

dl#faqs dt
{
	color: #bdd73b; /* mustard */
	cursor: pointer;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 0.5em;
}

dl#faqs dt small
{
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	padding-left: 8px;
}

dl#faqs dt small a
{
	color: white;
	text-decoration: underline;
}

dl#faqs dt small a:hover
{
	text-decoration: none;
}

dl#faqs dt.closed + dd
{
	display: none;
}

dl#faqs dt.child{
	margin-left:20px;
	color:#fff;
	}

dl#faqs dd.child{
	margin-left:20px;
	margin-bottom:0.5em;
	color:#fff;
	}
	
/* @end FAQs */


/* @end Primary Content */




/* @group Footer */

div#footer p
{
	margin-bottom: 0em;	
}

/* @end Footer */


/* @end Page Components */



/* @group Overrides
	any overrides for page specific styles
	avoid putting things in here as much as possible, 
	concentrating more on the helper styles and page components
=============================================================== */

/* @group Homepage */

body.home-section div#content_primary
{
	display: inline;
	float: left;
	width: 710px;
}

body.home-section div#content_primary h2
{
	font-size: 30px;
}

body.home-section div#content_primary p
{
	font-size: 18px;
}

body.home-section div#features
{
	background-image: url("../img/design/bkg_home_features.gif");
	background-repeat: repeat-x;
	background-position: left top;
}

p#scripture,
	p#scripture span
{ 
 	background-image: url("../img/design/scripture.jpg"); 
 	height: 361px; 
	width: 250px;
}

p#scripture
{	
	margin: 0px; 
	padding: 0px; 
	position: absolute;
	right: 0px;
	overflow: hidden;
}

p#scripture span
{ 
	display: block; 
	position: absolute; 
	top: 0px; 
	left: 0px; 
	z-index:1;  
}

body.home-section div#content_secondary
{
	background-color: #869e8e; /* Moss green */
	background-image: url("../img/design/bkg_home_secondary.jpg");
	background-position: 0 0;
	display: block;
	float: none;
	padding-left: 10px;
	padding-right: 10px;
	width: auto;
	
}

body.home-section div#content_secondary div.inner
{
	margin: 0 auto;
	height: 437px;
	width: 960px;
}

div.section_header
{
	background-color: #e37f37; /* orange */
	background-image: url("../img/design/bkg_section_header.gif");
	background-repeat: no-repeat;
	background-position: 0 0;
	color: white;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	height: 79px;
	line-height: 1.2;
	position: relative;
	top: -22px;
	width: 161px;
}

div.section_header h3
{
	font-size: 14px;
	text-transform: uppercase;
	margin-bottom: 5px;
	padding-top: 8px;
	padding-bottom: 2px;
	padding-left: 12px;
	padding-right: 12px;
}

div.section_header p
{
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 0em;
	padding-bottom: 8px;
	padding-left: 12px;
	padding-right: 12px;
}

div.section_header a
{
	color: white;
	text-decoration: underline;
}

div#video
{
	display: inline;
	float: left;
	width: 470px;
}

div#video div.section_header p
{
	background-color: transparent;
	color: white;
	opacity: 1;
	padding-top: 0px;
}

div#video p
{
	background-color: #39453d; /* dark green */
	clear: both;
	color: #bdd73b; /* mustard */
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 12px;
	opacity: 0.75;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 15px;
	padding-right: 15px;
}

div#events
{
	display: inline;
	float: right;
	width: 470px;
}

div#events .upb_event
{
	background-color: #39453d; /* dark green */
	clear: both;
	opacity: 0.75;
	padding-bottom: 10px;
	padding-left: 15px;
	padding-right: 15px;
}

div#events .upb_date
{
	font-size: 18px;
	font-weight: bold;
	line-height: 1.2;
	background-color: #39453d; /* dark green */
	clear: both;
	opacity: 0.75;
	padding-top: 10px;
	padding-bottom: 5px;
	padding-left: 15px;
	padding-right: 15px;
}

div#events .upb_date a
{
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	text-decoration: underline;	
}

/* @end Homepage */

/* @end Overrides */