@charset "UTF-8";
/* Desc: SPD Church Generic Theme Theme
(Based on Blue Clouds Theme)
Graphic Design: Jeanelle Isaacs
CSS Author: Dan Lewis

Stylesheet Contents
----------------------
1. General Properties and Font Styles
2. Header home layout
3. Header default layout
4. Header Search
5. Navigation - primary & secondary menu
6. Widget Layout (see widget.css for actual widget css)
7. Body Area
8. Footer
9. Calendar
10.Shopping cart
11.Media library
12.Store

User defined styles

13. Table row

Colour Scheme
----------------------
Background: #f2f1ed
Dark Green: #558619
Light Green: #d1dec1
Lighter Green: #e7f4d7
Widget Green: #dde7d2
Widget Green border: #f0f9e5;
Widget Blue: #bed4ff
Widget Blue border: #dfeaff;		
Widget link (dark blue): #00638d
Dark blue: #00638d (menu links)
Gray text: #333333
Green text: #317902
Blue text: #416bb9
Link text: #ffcc34



=== === === === === === === === === === */
/************************************************
*	HTML Elements								*
************************************************/
html{
	background: #f2f1ed url(../images/body_bg.jpg) repeat-x top;
}
body{
	text-align: left;
	margin:0px;
	padding:0px;
	font: normal 12px/1.5em "arial", sans-serif;
	background: url(../images/bg_plant.png) no-repeat center top; 
}
#wrapper{  
	background: url(../images/bg_plant.png) no-repeat center top;  
	margin: 0px auto;
}
ul{
	margin: 0px;
}
img{
	padding: 0px;
	margin: 10px 15px 5px 0px;
}
p {
	padding: 5px 0px 5px 0px;
	margin: 0px;
}
hr {
	color: #dddddd;
	background-color: #dddddd;
	height: 1px;
	border: 0;
}
blockquote {
	color: #999999;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 22px;
	line-height: 26px;
	margin: 0px 20px 0px 20px;
	padding: 0px 0px 0px 0px;
}
blockquote p {
	margin: 0px;
	padding: 10px 0px 10px 0px;
}
code {
	color: #333333;
	background: #EAEAEA;
	font-size: 11px;
	margin: 0px;
	padding: 10px;
	display: block;
	font-family: Verdana, Tahoma, Verdana;
}
/************************************************
*	Headers										*
************************************************/
h1,h2,h3,h4,h5,h6{
	font-weight:normal;
	margin: 5px 0px;
	padding: 0px;
}
h1,h2{
	color: #317902;
	background: url(../images/h1.png?1) no-repeat ;
	font-size:19px;
	text-align:left;
	padding:8px 0px 20px 15px;
}
h3{
	font-weight: bold;
	padding: 3px 0px 3px 0px;
	font-size: 14px;
	color: #416bb9;
}
h4{
	padding: 3px 0px 3px 0px;
	font-size: 14px;
	color: #416bb9;
	display:inline-block;
}
/************************************************
*	Links										*
************************************************/
a:link, a:visited {
	color: #DFAD29;
	font-weight:normal;
	text-decoration: none;
}
a:hover, a:active {
	color: #663300;
	text-decoration: underline;
}
a.edit:link, a.edit:visited {
	color: #595438;
	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;
}
a.edit:hover, a.edit:active {
	color: #FF0000;
	text-decoration: underline;
	font-weight: bold;
	text-transform: uppercase;
}
a.view_more_link {
	padding-left:0px;
}
#search-results a{
	color: #DFAD29;
}
/************************************************
*	General Theme								*
************************************************/
.bodywrapper{
	margin: 0px auto;
	padding: 0px;
	width: 990px;
	background:#FFF;
	-webkit-box-shadow: 0px 2px 6px 2px #999;
	-moz-box-shadow: 0px 2px 6px 2px #999;
	box-shadow: 0px 2px 6px 2px #999;
}
#bodyarea {
	padding: 15px 0px 40px;
}
#default_banner img{
	padding:0px;
	margin:0px;
	display:block;
}
.fullcontent{
	width: 100%;
	padding: 0px;
}
.bodywrapper > div {
	width:100%;
}
#bodyarea > div{
	float:left;
}
.small_content{
	width:220px;
}
.nav_content{
	width:_219px;
	width:214px; /* minus 1 for border width */
	padding-right:5px;
	border-right: 1px #c8c8c6 solid;
}
.medium_content{
	padding:0px 25px;
	width:500px;
	_width:550px;
}
.large_content {
	margin-left: 25px;
	width: 720px;
}
.clear {
	clear: both;
}
#notice_message, #error_message{
	padding: 10px;
	color: #FFFFFF;
	width: 610px;
	font-weight: bold;
	border: 4px solid #61A037;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
#notice_message{
	background: #8CC63F;
}
#error_message{
	background: #F6977B;
	border-color: #9A0C0B;
}
/************************************************
*	Header  									*
************************************************/
#header{
	margin:0 auto;
	width: 990px;
	height:76px;
	text-align:left;
}
.header_left{
	float:left;
}
#header h1{
	margin:0px;
	padding: 20px 0px 0px 15px;
	font-size: 21px;
	font-weight: bold;
	line-height: 110%;
	color:#06307E;
}
#header p{
	color:#06307E;
	padding:0px;
	margin: 3px 0px 0px 15px;;
	font-size: 17px;
	font-style:italic;
	font-weight: normal;
}
/************************************************
*	Search 					*
************************************************/
.sitesearch {
	float:right;
	width:194px;
	height: 35px;
	background: url(../images/search-bg.png?1) no-repeat; 
}
.sitesearch .textfield {
	width: 135px; 
	height:16px;
	border: solid 1px #4495cb;
	color: #444;
	font-size:12px;
	padding:2px;
	margin: 4px 0px 0px 10px;
	background-color: #cedffe;
}
.sitesearch .textfield:focus {
	color:#444444;
}
.sitesearch .submitbutton {
	height: 21px;
	width:22px;
	cursor: pointer;
	border: none;
	font-size: 0em; /*gets rid of search text for Firefox*/
	padding-left: 27px; /*gets rid of search text for IE, has to same as button width*/
	background:none;
}
.sitesearch form fieldset {
	background: url(../images/go.png) no-repeat; /*inserts image for search button*/
	background-position: 155px 5px; /*position image for search button*/
	border:0px;
}
/************************************************
*	Navigation
************************************************/
#navigation{ 
	padding: 0px 0px 0px 5px;
	text-align:left;
}
#navigation ul{
	list-style: none;
	margin:0px;
	padding:0px;
}
.menu_primary a,
.menu_primary a:visited{
	padding: 5px 0px 5px 22px;
	color: #fff; 
	border-bottom: 1px dotted #fff;
	border-left: 5px solid #558619;
	background-color:#a5d56b;
	text-decoration:none;
	display:block;
}
.menu_primary a:hover{ 
	color: #558619;
	border-left: 5px solid #d1dec1;
	background-color: #e7f4d7;
}
#navigation .menu_secondary ul{
	position: absolute;
	top: -9999px;
	width: 200px; /* left offset of submenus need to match (see below) */
	margin: -29px 0px 0px 210px;
}
#navigation .menu_primary li.hovering ul{
	left: auto;
	top:auto;
	z-index: 99;
}
#navigation .menu_primary li.hovering {
	visibility:	inherit;  /*fixes ie7 sticky bug*/
}
/************************************************
*	Footer
************************************************/
#footer {
	clear: both;
	text-align:center;
	margin: 0 auto;
}
#footer .logo{
	clear:both;
	margin-bottom:5px;
}
#footer p{
	color:#9bc56b;
}
#footer p.homelink{
	color:#9bc56b;
}
#footer a:link,
#footer a:visited{
	color: #416bb9;
	text-decoration:underline;
}
#footer a:hover,
#footer a:active{
	color: #ccc;
	text-decoration:underline;
}
/************************************************
*	Extensions       			*
************************************************/
/************
* Blogs
*************/
.post_footer{
	background:#EEEEEE;
	-moz-border-radius: 7px;
	-khtml-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	padding:8px;
	margin-top:5px;
}
/************
* Comments
*************/
#bodyarea #comments_wrap{
	width:720px;
	margin:0px;
}
#bodyarea #comment_header h2{
	line-height:1.7;
}
#bodyarea #comment_header a{
	line-height:3.4;
	margin-right:10px;
}
#all_comments .active_comment{
	width:610px;
	background:#F5F5F5;
	border:1px solid #EEEEEE;
	margin-bottom:15px;
}
#all_comments .active_comment .bcom_img{
	width:50px;
	margin-left:10px;
}
#all_comments .active_comment .bcom_img img{
	padding:2px;
	background:#FFF;
	margin:0px;
	border:1px solid #F1F1F1;
}
#all_comments .active_comment .bcom_rightside{
	width:500px;
}
#all_comments .active_comment .bcom_rightside span{
	display:block;
	font-style:italic;
}
#bodyarea #new_comment_wrapper h2{
	font-size:12px;
	text-transform:uppercase;
}
#bodyarea #new_comment_wrapper dd, #bodyarea #new_comment_wrapper dt{
	margin:0px;
	padding:0px;
}
#active_comment_comment{
	background:#EEEEEE;
	border:1px solid #E3E3E3;
	-moz-border-radius: 7px;
	-khtml-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	width:600px;
	padding:5px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}
#new_comment_wrapper .comment_button_wrapper{
	text-align:left;
}
#new_comment_wrapper dl.com-field input{
	background:#EEE;
	border:1px solid #E3E3E3;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
#comment_form dl.com-field dt{
	display:block;
	width:100%;
}
#comment_form dl.com-field dt label{
	float:left;
}
#comment_form dl.com-field dt span{
	display:block;
	float:left;
	margin-left:10px;
}
#comment_form dl.com-field dd {
	display:block;
	margin-left:-10px;
}
#bodyarea #comments_tnc{
	width:580px;
	border:1px solid #E8E8E8;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
#comment_message_box{
	width:590px;
}
/************
* Directory
*************/
.directory_filter{
	margin:10px 0px;
}
/************
* Events
*************/
#event #searchcontent{
	margin:10px 0px;
}
#bodyarea ul.subscribe_nav{
	background: #BED4FF;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	margin:0px;
	padding:10px;
	width:590px;
}
#bodyarea ul.subscribe_nav a{
	color:#558644;
}
#bodyarea ul.subscribe_nav li img{
	margin:2px 5px 0px 0px;
	padding:0px;
}
#color_key ul{
	margin:20px 0px 0px 0px;
}
#color_key .calendar-checkbox{
	-moz-border-radius: 2px;
	-khtml-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	padding:5px 0px;
	margin-right:5px;
}
ul#calendar-views, #event .sort ul{
	padding:0px;
}
ul#calendar-views li, #event .sort ul li{
	background: none;
	display:inline;
	margin: 0px;
	padding: 0px;
}
ul#calendar-views li a, #event .sort ul li a {
	background: #F5F5F5;
	color: #333333;
	font-weight: bold;
	padding: 3px 6px 3px 6px;
	margin: 1px 0px;
	border: 1px solid #F5F5F5;
	overflow: hidden;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
ul#calendar-views li a:hover, ul#calendar-views li.current a, #event .sort ul li a:hover, #event .sort ul li.current a{
	background: #FFFFFF;
	color: #669900;
	text-decoration: none;
	border: 1px solid #DDDDDD;
}
.past_events{
	border-top:1px solid #CCCCCC;
}
.past_events h3{
	font-size:14px;
	text-transform:uppercase;
}
#event p.pages{
	background:#EEE;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding:5px;
	color:#AAAAAA;
}
/** Calendar **/
table.calendar{
	width:100%;
	border:1px solid #CCCCCC;
	border-width:  0 0 1px 1px;
	border-collapse: collapse;
}
#current_events table.calendar thead .monthName th{
	border:1px solid #FFFFFF;
	text-align:center; 
	font-size:20px;
	padding-bottom:20px;
}
table.calendar thead .dayName{
	border:1px solid #FFFFFF;
}
.calendar td{
	border:1px solid #CCC;
	border-width: 1px 1px 0px 0px;
	vertical-align:top;
	padding:2px;
	width:14.2%;
	text-align:right;
}
.calendar td.specialDay{
	height:80px; 
}
#current_events .calendar td a.calendar_000000, #current_events .calendar td span a{
	font-size:11px;
	line-height:120%;
	display:block;
	height:auto;
	text-align:left;
}
.calendar td span a{
	display:inline;
}
.calendar td br{
	display:block;
	margin:2px;
}
/************
* Forms
*************/
#forms ul li{
	list-style:none;
}
#forms .sub-label{
	color:#333333
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
}
#bodyarea input, #bodyarea select, #bodyarea textarea, #bodyarea input.scal_input{
	background:#ECECEC;
	border: 1px solid #DDDDDD;
	padding:5px;
}
#bodyarea input:hover, #bodyarea select:hover, #bodyarea textarea:hover{
	background:#DDDDDD;
}
#form_submit{
	padding:8px;
	font-weight:bold;
	font-size:16px;
	color:#666666;
}
/************
* News
*************/
#bodyarea #news .view_more_link{
	text-align:right;
	display:block;
}
#news ul.subscribe_nav {
	background: none repeat scroll 0% 0% #BED4FF;
	border-radius: 3px 3px 3px 3px;
	margin: 0px;
	padding: 10px;
	width: 590px;
}
#news ul.subscribe_nav a{
	color:#558644;
}
#bodyarea ul.news_list{
	margin:0px;
	padding:0px;
}
ul.news_list p.meta{
	padding:0px;
	margin:0px;
}
ul.news_list li{
	padding:5px 0px;
	border-bottom:1px solid #CCC;
}
/************
* News Desk
*************/
#newsdesk_items_index ul.articles{
	margin-top:10px;
	padding:0px;
}
.article_details h4{
	padding:0px;
}
#newsdesk_items_index li{
	padding-bottom:10px;
}
#newsdesk_items_index li img{
	border:1px solid #CCC;
	padding:3px;
}
#newsdesk_show .article_author{
	float:left;
}
#newsdesk_show ul.article_social_icons{
	margin-top:-15px;
	float:right;
}
#newsdesk_show ul.article_social_icons img{
	margin:0px;
}
#newsdesk_show .article_body{
	margin-bottom:10px;
}
#newsdesk_show #item_comments{
	margin-top:20px;
}
#newsdesk_show .related_articles{
	background:#EEE;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding:0 5px;
	color:#AAA;
}
#bodyarea ul.issue_info li .article_details h4{
	padding-bottom:3px;
}
/* News Desk - Authors */
#newsdesk_author h2{
	padding:0px 0px 10px 0px;
}
#newsdesk_author .summary{
	padding-bottom:0px;
}
#newsdesk_author ul.articles li .article_details{
	border-bottom:1px solid #CCC;
	padding:4px 0px;
}
/************
* Podcasts
*************/
#bodyarea p.submit_content{
	display:block;
	position:relative;
	top:0px;
	right:0px;
}
.view_links p a img{
	margin-right:10px;
}
p.backToIndexLink{
	padding:0px;
}
#podcast table{
	width:100%;
}
/************
* Projects
*************/
.project-right-pane h2{
	padding-top:0px;
}
.project_options_link{
	margin-bottom:10px;
}
#project-inner-pane .project-donate a{
	background:none;
}
/************
* Recipes
*************/
.recipe_details ul{
	margin:5px 0px;
}
.recipe_details h1{
	padding:0px 0px 0px 20px;
}
/************
* Store
*************/
.store_sidebar{
	width:200px;
	float:left;
}
.store_main_inner{
	width:500px;
	padding-right:20px;
	float:left;
}
ul.products_list li{
	border-top:0px;
	border-bottom:1px solid #CCCCCC;
	padding:10px 0px 0px 0px;
}
li .product_desc, li .product_img img{
	float:left;
}
li .product_desc, li .product_img img{
	float:left;
}
ul.products_list .product_img img {
	padding:0 5px 5px 0;
	margin:0;
}
#bodyarea ul.products_list .product_desc p{
	padding:0px;
	margin:0px;
}
html #bodyarea .store_main p.price{
	display:block;
	margin:10px;
}
#bodyarea p.price a{
	background:#E8E8E8;
	padding:5px;
	border:1px solid #CCCCCC;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
#bodyarea ul.product_description{
	margin:0px;
	padding:0px;
}
ul.product_description li{
	overflow:visible;
	border:0px;
}
/* Checkout Cart */
#buysteps{
	background: #F5F5F5;
	color: #333333;
	padding: 3px 6px 3px 6px;
	border: 1px solid #E3E3E3;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	margin-bottom:20px;
}
#buysteps li.current{
	font-weight:bold;
}
table.products_list{
	border-collapse:collapse;
	width:100%;
}
table.products_list thead tr{
	background: #F5F5F5;
	color: #333333;
	padding: 3px 6px 3px 6px;
	border: 1px solid #E3E3E3;
}
table.products_list th, #cart_list table.products_list td{
	padding:4px;
}
table.products_list tr:nth-child(even){
	background:#FAFAFA;
}
table.products_list tr.product_actions{
	background:none;
}
#cart_summary table{
	width:60%;
	border-collapse:collapse;
}
#cart_summary table tr{
	border-bottom:1px solid #CCCCCC;
}
.store_main .cart_actions p{
	margin:10px;
	text-align:right;
}
#payment_info table{
	clear:both;
}
#bodyarea .cart_actions{
	margin:10px 0px;
	padding:0px;
}
/* Customer Service */
#show_more_countries, #hide_more_countries{
	list-style:none;
}
#bodyarea .store-content{
	padding:0px;
	margin:0px;
}
/*Accounts*/
#bodyarea #account_orders{
	width:100%;
}
#bodyarea #account_orders th{
	background: #F5F5F5;
	color: #333333;
	padding: 3px 6px 3px 6px;
	margin: 1px 0px;
	border: 1px solid #CCCCCC;
}
#bodyarea #account_orders tr:nth-child(odd){
	background:#F5F5F5;
}
#status_description table{
	width:100%;
}
/*Update Account Details*/
#store_account .edit_user div{
	margin:10px 0px;
}
#user_shipping_same_as_billing{
	margin:0px;
}
#bodyarea .form_field{
	padding-left:0px;
}
/************
* Media Hub
*************/
/** Prensenters Page **/
.presenters_panel .presenter_image{
	text-align:center;
}
.presenters_panel .presenter_info{
	width:460px;
}
/** Media Asset **/
#mediahub .media_asset .media-facets{
	width:110px;
}
.media_asset .media-presenter{
	font-style:italic;
}
#mediahub .media_presenter,  .media_channel{
	font-weight:bold;
}
#mediahub .media_presenter a, .media_asset .media-presenter a, .media_channel a{
	font-weight:normal;
}
div.mediahub_info{
	margin-bottom:20px;
}
/** Channel page **/
.channel_header{
}
.channel_header h2{
	display:inline-block;
}
#bodyarea ul.channel_actions{
	margin:0px;
	padding:0px;
	display:inline-block;
	float:right;
}
ul.channel_actions li{
	display:inline-block;
	border:1px solid #DDD;
	padding:3px 10px;
	border-radius:3px;
	background:#EEE;
}
ul.channel_actions li a{
	font-weight:bold;
}
ul.channel_actions li a:hover{
	text-decoration:none;
	color:#333;
}
.featured_image_box{
	display:inline-block;
	vertical-align:top;
}
.featured_content{
	vertical-align:top;
	display:inline-block;
	width:390px;
}
.featured_content .media_title{
	font-size:18px;
	margin:8px 0px;
}
.featured_content span{
	display:block;
}
.channels_panel ul.media_assets_list{
	display:block;
}
.channels_panel ul.media_assets_list li{
	display:inline-block;
	float:none;
	vertical-align:top;
}
/** Pagination **/
#bodyarea .pagination{
	width:600px;
	text-align:center;
	margin:20px 0px;
}
#bodyarea .pagination *{
	background:#EEE;
	padding:5px 10px;
	border-radius:3px;
	border:1px solid #DDD;
}
/** Hubs **/
#bodyarea ul.hub-window{
	margin:0px;
	padding:0px;
	display:inline-block;
}
#bodyarea #mediahub_hubs_list{
	padding:0px;
	margin:0px;
}
#bodyarea .hub-viewer{
	margin-bottom:20px;
}
/** Channel Player Hub **/
#bodyarea .channel_listings{
	background:#EEE;
	width:170px;
	margin-right:15px;
}
#bodyarea #mediahub .channel_listings h5{
	padding:5px 10px;
	border-bottom:2px solid #DDD;
}
#bodyarea .channel_listings li{
	padding:4px 10px;
	border-bottom:1px solid #DDD;
}
#bodyarea .channel_videos{
	padding:0px 10px;
	width:400px;
}
#bodyarea .channel_videos h4{
	margin:0px 0px 0px 20px;
}
#bodyarea .channel_videos .more{
	text-align:center;
	margin:10px 0px;
}
.channel_videos .more a{
	background:#EEE;
	padding:5px;
	border-radius:3px;
	border:1px solid #DDD;
}