/*
-----------------------------------------------
Gateway
- - - - - - - - - - - - - - - - - - - - - - - -
Description:	Base Setup Styles
Filename:			gateway.base.css
Author:				Hamish Stevenson / Catch Design Limited (www.catchdesign.co.nz)
Date:					17 May 2008
Updated:			24 July 2008 (KAH)
Version:			v.1.3
----------------------------------------------- */

/*
GLOBAL
	- Clearfix
	- Generic
	- Typography
	- Forms
	- Lists
	- Tables

STRUCTURE
	- Masthead
	- Content
	- Footer
	- Primary Nav
	- Secondary Nav

DETAIL
	- Articles
	- **GUYS, this is where anything from Graphical headers, to section specific styles can go**

PLUGINS
	- **Plugin specific styles here**
	
*/


/* =GLOBAL
----------------------------------------------- */
body {background: url(../img/bg.jpg) top left repeat; font: 63.7%/1.4 Arial, Helvetica, sans-serif; }

/* =Clearfix */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-table; }
/* Hides from IE-mac \*/
.clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */


/* =Generic */
a { outline:none; text-decoration:none; background:url(../img/underline_light_blue.gif) left bottom repeat-x; color:#008ee8; }
a:hover { text-decoration:none; background:none;}
a img { border: none; }
.hide { display:none; }
.alignright { float:right; }
.alignleft { float:left; }
img.alignright { float:right; padding:3px; border:1px solid #ccc; margin:0 0 10px 10px; }
img.alignleft { float:left; padding:3px; border:1px solid #ccc; margin:0 10px 10px 0; }

/* =Typography */
p { font:1.3em/1.4 Arial, Helvetica, sans-serif; color:#484848; margin-bottom:14px; }
	.inside p.intro { font: 1.6em/1.4 Arial, Helvetica, sans-serif; }
strong { font-weight:bold; color:#3e3e3e; }
small { font:1.1em/1.3 Arial, Helvetica, sans-serif; color:#999; text-transform:uppercase; }
em {}
blockquote { font:1.6em/1.6 Georgia, "Times New Roman", Times, serif; color:#484848; background:url(../img/ico_quote.gif) top left no-repeat; padding:12px 20px 10px 50px; margin:10px 0; border-bottom:1px solid #eee; }
blockquote strong { font-family:Arial, Helvetica, sans-serif; }

h1 { float: left;}
h2 { color:#000; font:bold 3.0em/1 Arial, Helvetica, sans-serif; text-transform:uppercase; margin-bottom:10px;}
h3 { color:#1b1b1b; font:bold 1.6em/1.3 Arial, Helvetica, sans-serif; margin:0 0 10px 0; }
h4 { color: #1b1b1b; font-size: 1.3em; font-weight:bold; margin-bottom:5px;}
h5 { color: #274B54; font-size: 1.3em; font-weight: bold; } 

h3 a { color:#1b1b1b; background:url(../img/underline_light_grey.gif) left bottom repeat-x; }

/* =Forms */
fieldset {}
label {}
input { font:1.2em/1.4 Arial, Helvetica, sans-serif; padding:3px; border:1px solid #999; }
legend { color:#1b1b1b; font:italic 1.8em/1.6 Georgia, "Times New Roman", Times, serif; }
input.textbox {}
input.radio {}
input.checkbox {}
input.submit {}
textarea {}
select {}

/* =Lists */
ul { font: 1.3em/1.4 Arial, Helvetica, sans-serif; color:#484848; }
.inside #main_col ul { margin:10px 0 14px 15px; }
.inside #main_col ul li { list-style:disc; }
ol { color:#484848; padding:0 0 0 20px; margin:10px 0; font: italic 1.3em/1.5 Georgia, "Times New Roman", Times, serif; }
ol li { margin-bottom:4px; list-style:decimal; }

/* =Tables */
table {}
td {}


/* =STRUCTURE
----------------------------------------------- */
#page_wrap { background:url(../img/bg_grey_strip.jpg) center repeat-y; margin:0 auto; }
#container { width:960px; background:#1b1b1b; margin:0 auto; }

/* Masthead */
#masthead { width:960px; height:117px; background:url(../img/bg_masthead_swirl.png) 320px 0 no-repeat; position:relative; }
#masthead h1 a { display:block; width:300px; height:64px; background:url(../img/logo_gateway.png) no-repeat; margin:35px 0 0 20px; }

	/* Masthead Links */
	#masthead_links { float:right; margin:35px 20px 0 0; overflow:auto; }
	#masthead ul#links { color:#595959; list-style:none; font: italic 1.2em/1.4 Georgia, "Times New Roman", Times, serif; padding:0; }
	#masthead ul#links a { color:#adadad; background:url(../img/underline_grey.gif) left bottom repeat-x; }
	#masthead ul#links a:hover { color:#595959; background:none; }
	#masthead ul#links li { display:inline; margin-left:20px; }
	
	/* Hidden box styles below masthead */
	.box_styles { background:#eee; padding:20px; border-bottom:10px solid #1b1b1b; }
	.box_close { float:right; margin:0; }
	.box_styles h3 { font:italic 1.8em/1.6 Georgia, "Times New Roman", Times, serif; }
	
	/* Contact */
	.contact { background:#fafafa url(../img/ico_email.png) 15px 15px no-repeat; padding-left:125px; }
	.contact_one { width:200px; float:left; margin:0 20px 0 0; overflow:auto; }
	.contact_two { width:200px; float:left; margin:30px 0 0 0; overflow:auto; }
	
	/* Search */
	.search { background:#fafafa url(../img/ico_search.png) 15px 15px no-repeat; padding-left:125px; }
	.search input { padding:5px; font-size:2.0em; font-weight:bold; width:600px; }
	.search input#searchsubmit { background:#1b1b1b; color:#ccc; width:120px; }
	
	/* Sitemap */
	.sitemap { background:#fafafa url(../img/ico_sitemap.png) 15px 15px no-repeat; padding-left:125px; }
	.sitemap_list { width:140px; float:left; margin:0 20px 0 0; overflow:auto; }
	.sitemap_list ul { font:1.4em/1.4 Arial, Helvetica, sans-serif; }

	/* Primary nav */
	#prim_nav { position:absolute; top:80px; right:20px; list-style:none; }
	/*#prim_nav, #prim_nav a { background:url(../img/nav_primary_dual.png) top no-repeat; width:417px; height:19px; }*/
	#prim_nav li { float:left;}
	#prim_nav a { display:block; height:19px; background:url(../img/nav_primary_dual.png) top left no-repeat; outline: none; text-indent: -5000em;}
	
	.page-item-2 a { width:115px; background-position:0 0; }
	.page-item-2 a:hover, .page-item-2.current_page_item a, .page-item-2.current_page_ancestor a { background-position:0 -19px!important; }
	.page-item-3 a { width:132px; background-position:-116px 0!important;}
	.page-item-3 a:hover, .page-item-3.current_page_item a, .page-item-3.current_page_ancestor a { background-position:-116px -19px!important; }
	.page-item-4 a { width:121px; background-position:-248px 0!important;}
	.page-item-4 a:hover, .page-item-4.current_page_item a, .page-item-4.current_page_ancestor a { background-position:-248px -19px!important; }
	.page-item-5 a { width:48px; background-position:-369px 0!important;}
	.page-item-5 a:hover, .page-item-5.current_page_item a, .page-item-5.current_page_ancestor a { background-position:-369px -19px!important; }
	
	/* primary nav dropdowns */
	#prim_nav li ul {display:block; position:absolute; z-index:1; left: -999em; margin-left: 20px; padding-bottom: 10px;background-color:#1B1B1B;}
	.page-item-2 ul {margin-left:0 !important;}
	.page-item-5 ul {margin-left:-17px !important;}
	#prim_nav li:hover ul {left:auto;}
	#prim_nav li li {float:none; z-index:1;}
	#prim_nav li li a {padding:13px 35px 3px 10px; height:auto; z-index:1; background-image: none; width:auto; color:#CCCCCC; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; text-indent:0;display:block; font-size:.8em;}
	#prim_nav li li a:hover {color:#008EE8;}
	
/* Main content section */
#content { width:920px; padding:20px; background:#fafafa url(../img/div_grey_black.gif) left bottom repeat-x; }
#content .wrap { background:url(../img/div_vert_grey.gif) 625px 40px repeat-y !important; }

/* Main Col */
#main_col { width:620px; float:left; margin:20px 0 0 0; }
.inside #main_col { margin-top:0; }
	.col_1, .col_2 { width:310px; float:left; }

/* Sidebar */
#sidebar { width:280px; float:right; margin:20px 0 0 0; }
.inside #sidebar { margin-top:5px; }
.inside #sidebar h3 { border-bottom:1px solid #d7d7d7; margin-bottom:3px; }
#sidebar ul.sidebar_teasers { list-style:none; margin:0; padding:0; }
#sidebar ul.sidebar_teasers a { display:block; width:280px; margin:0 0 7px 0; }
#sidebar #our_location { height:130px; background:url(../img/img_our_location.png) no-repeat; margin:0 0 7px 0; }
#sidebar #contact_us a { height:72px; background:url(../img/img_contact_us.png) top no-repeat; }
#sidebar #itunes_subscribe a { height:72px; background:url(../img/img_itunes_subscribe.png) top no-repeat; }
#sidebar #contact_us a:hover, #sidebar #itunes_subscribe a:hover { background-position:bottom; }
#sidebar #gathering_times { height:120px; background:url(../img/img_gathering_times.png) no-repeat; }

/* Footer */
#footer { width: 920px; padding:20px; background:url(../img/bg_footer_swirl.png) left bottom no-repeat; position:relative; }
#footer h4 { color:#adadad; text-transform:uppercase; font: 1.1em/1.5 Georgia, "Times New Roman", Times, serif; }
#footer p { color:#adadad; font: 1.1em/1.5 Georgia, "Times New Roman", Times, serif; }
#footer a { color:#adadad; background:url(../img/underline_grey.gif) left bottom repeat-x; }
#footer a:hover { color:#595959; background:none; }
#footer .col_2 { padding:20px 0 0 0; }
#footer #gateway_logo { background:url(../img/logo_gateway_small.png) no-repeat; width:47px; height:57px; position:absolute; right:30px; top:30px; }
#footer #catch_logo a { background:url(../img/logo_catch.png) no-repeat; width:88px; height:13px; position:absolute; right:104px; top:74px; text-indent: -5000em; outline: none; display:block; }

/* Secondary Nav */
#sec_nav_holder { background:url(../img/bg_secnav_swirl.png) right bottom no-repeat; }
#sec_nav { font:italic 1.6em/1.8 Georgia, "Times New Roman", Times, serif; margin-bottom:10px; }
#sec_nav a { color:#666; background:url(../img/underline_light_grey.gif) left bottom repeat-x; }
ul#sec_nav li a:hover, ul#sec_nav li.current_page_item a, ul#sec_nav li.current_page_ancestor a { color:#008ee8; background:url(../img/underline_light_blue.gif) left bottom repeat-x; }
ul#sec_nav ul { font-size:0.8em; margin:3px 0 20px 10px; }
ul#sec_nav ul li a { color:#666 !important; background:url(../img/underline_light_grey.gif) left bottom repeat-x !important; }
ul#sec_nav ul li a:hover, ul#sec_nav ul li.current_page_item a { color:#008ee8 !important; background:url(../img/underline_light_blue.gif) left bottom repeat-x !important; }


/* =DETAIL
----------------------------------------------- */

/* Feature */
#feature_holder { width:960px; height:260px;}
#feature { width:960px; height:260px; background:url(../img/img_feature_home-1.jpg) no-repeat; }
#welcome_to_gateway { background:url(../img/img_welc_2_gateway.png) no-repeat; height:32px; width:920px; display:block; }

/* Tab widget */
#tab_widget { border-top:1px solid #dadada; background:url(../img/div_vert_grey.gif) 310px 0 repeat-y; }
#tab_widget ul.idTabs { list-style:none; width:310px; float:left; margin:0 !important; }
#tab_widget ul.idTabs li { margin:0; padding:0; display:block; }
#tab_widget ul.idTabs a { display:block; height:85px; width:310px; border-bottom:1px solid #dadada; border-right:1px solid #dadada; }
#tab_widget ul.idTabs a:hover { background-position:-310px 0px; }
#tab_widget ul.idTabs a.selected { background-position:right; border-right:1px solid #ebebeb; }
#tab_news { background:url(../img/btn_tab_news.png) left bottom no-repeat; }
#tab_events { background:url(../img/btn_tab_events.png) left bottom no-repeat; }
#tab_sermons { background:url(../img/btn_tab_sermons.png) left bottom no-repeat; }
#tab_widget .tab_content { width:308px; float:right; padding:20px 0 0; background:#ebebeb; border:1px solid #dadada; border-top:0; border-left:0; }

/* Feature */
#feature_inside { width:960px; height:170px; background:url(../img/img_feature_01a.jpg) no-repeat; }
#feature_inside.feature_go { background:url(../img/img_feature_inside_go.jpg) no-repeat; }
#feature_inside.feature_gather { background:url(../img/img_feature_inside_gather.jpg) no-repeat; }
#feature_inside.feature_connect { background:url(../img/img_feature_inside_connect.jpg) no-repeat; }


/* Article teasers */
.inside .article_teaser { padding:5px 10px; margin:0; }
.inside .article_teaser.alt { background:#eee; }
.tab_content .article_teaser { padding:0 20px; margin:0; }
.article_teaser h3 { margin:0 0 3px 0; }
.article_teaser .podPress_content { display:none; }

.article_meta { width:160px; float:right; margin:0 0 0 10px; text-align:right; }
.article_meta ul { color:#999; }
.article_meta ul li { list-style:none !important; }
.meta_author { margin-left:0 !important; }
.meta_author li { font-size:1.228em; color:#333; font-weight:bold; list-style:none !important; }
.meta_date { font-size:0.85em; text-transform:uppercase; }
.meta_tags { font-size:0.85em; text-transform:uppercase; }

/* Articles */
#article_functions { border-bottom:1px solid #d7d7d7; padding:0 0 6px 0; margin:15px 0 10px 0; }
#article_functions .meta_print { float:right; }

/* Section foot */
.section_foot { padding:4px 20px; background:#efefef url(../img/bg_section_foot.gif) repeat-x; border-top:1px solid #dadada; }
.section_foot p { margin:0; float:left; }
.section_foot .rss a { float:right; background:url(../img/ico_rss.png) no-repeat; display:block; height:16px; width:16px; }


/* =PLUGINS
----------------------------------------------- */
/* Breadcrumbs */
#bct p { color:#adadad; font:italic 1.1em/1.4 Georgia, "Times New Roman", Times, serif; }

/* Events plugin */
.ec3_events { margin:0 0 0 12px; padding:0; font-size:0.9em; }
.ec3_events h3 { font-size:16px; margin-bottom: 20px; }

/* People */
.person_list { float:left; margin:0 10px 20px 0; width:130px; height:200px; }
.person_list img { padding:3px; border:1px solid #ccc; }
.person_list img:hover { border:1px solid #999; }
.person_name p { margin:0; }
.person_name small { margin:0 }