/*

Theme Name: Open Heart Ministries

Theme URI: http://www.openheartministries.com.au/

Description: Open Heart Ministries theme, designed and developed by <a href="http://www.engramdesign.com.au/">Engram Design</a>.

Version: 2.0

Author: Josh Crawford

Author URI: http://www.engramdesign.com.au/

Tags: red, custom header, fixed width, two column, corporate, sidebar

*/



/* some styles are reset or globals

==============================================================================*/



a { text-decoration: none; }

img { border: 0; }

*, ul, p, h1, h2, h3 { margin: 0px; padding: 0px; }

li { display: inline; list-style-type: none; }

p, li, h1, h2, h3, h4, span, a { text-shadow: #000 0 0 0; } /* safari font rendering */

a:active { outline: none; -moz-outline-style: none; } /* firefox link outline fix */

a:focus { outline: none; -moz-outline-style: none; } /* firefox link outline fix */

input::-moz-focus-inner { border: 0; } /* firefox button outline fix */



.button {

	float: left;

	height: 24px;

	display: block;

	padding: 4px 15px 0 15px;

	border: 1px #b7b7b7 solid;

	background: #fff url(images/general_btn_bg.png) repeat-x bottom;

	font: bold 12px/20px Helvetica, Arial, sans-serif;

	color: #6c6c6c;

	text-shadow: 0 1px 0 #fff;

	

	-moz-border-radius: 4px;

	border-radius: 4px;

}



.widget_button {

	float: left;

	height: 45px;

	display: inline-block;

	text-indent: -99999px;

	text-shadow: 0 -1px 0 #000;

}



div.left { float: left; } div.right { float: right; }

img.alignleft { float: left; margin: 15px 15px 15px 0; }
div.wp-caption.alignleft { float: left; margin-right: 10px; margin-left: 0; }

img.alignright { float: right; }



#clear { clear: both; }







/* container/wrapper

==============================================================================*/



html, body, #wrapper { height: 100%; }

body > #wrapper { height: auto; min-height: 100%; } /* IE hack */

body { background: #ededed url(images/body_bg.jpg); min-width: 960px; }



#wrapper { position: relative; z-index: 1; width: 960px; margin: 0 auto; }

#content_wrapper { padding-bottom: 68px; /* height of footer */ }



.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

* html .clearfix { zoom: 1; } /* IE6 */

*:first-child+html .clearfix { zoom: 1; } /* IE7 */







/* header

==============================================================================*/



#header { width: 100%; height: 208px; }

#header #logo { width: 425px; margin: 6px 0 7px 0; }



/*#header_bg { width: 100%; position: absolute; z-index: 1; overflow: hidden; top: 0; left: 0; }*/

/*#header_bg_img { margin: 0 auto 0 auto; height: 198px; background: url(images/header_bg.jpg) repeat-x center top; }*/

/*#header_top_bar_bg { width: 100%; position: absolute; top: 0; height: 31px; background: url(images/header_top_bar_bg.png) repeat-x center top; }*/



#header_bg { width: 100%; position: absolute; z-index: 1; overflow: hidden; top: 0; left: 0; }

#header_bg_img { margin: 0 auto; height: 197px; background: url(images/ohm_body_bg.png) repeat-x center top; }









/* top menu

==============================================================================*/



#top_bar { height: 31px; padding-top: 10px; }



#top_bar p.left { float: left; }

#top_bar p, #top_bar a { font: bold 9px Verdana, Geneva, sans-serif; color: #302C2E; }

#top_bar p.left { text-transform: uppercase; }

#top_bar p.left a { font-size: 8px; text-decoration: underline; }

#top_bar p.left a:hover { text-decoration: none; }



#top_bar #extra_links { float: right; margin-top: -5px; }

#top_bar #extra_links a { font: 10px Verdana, Geneva, sans-serif; margin: 0 5px 0 5px;  }

#top_bar #extra_links a:hover { text-decoration: underline;  }







/* main menu

==============================================================================*/



/*#header #main_menu {

	width: 960px;

	height: 49px;

	background: url(images/header_menu_bg.png) repeat-x;

	-webkit-border-radius: 6px 6px 0 0;

	-moz-border-radius: 6px 6px 0 0;

	border-radius: 6px 6px 0 0;

}*/



#header #main_menu {

	width: 960px;

	height: 49px;

}



#header #main_menu li { float: left; }



#header #main_menu li a {

	display: inline-block;

	color: #fff; 

	text-shadow: 0 1px 0 #000; 

	font: bold 13px Helvetica, Arial, sans-serif;

	padding: 16px 20px 18px 20px;

}



#header #main_menu li:last-child a { padding-right: 0; }



#header #main_menu li a:hover, #header #main_menu li.active a {

	text-shadow: #fff 0 0 30px;

	-webkit-transition: text-shadow 0.2s ease-in;

	-moz-transition:, text-shadow 0.2s ease-in;

	-0-transition: text-shadow 0.2s ease-in;

	transition: text-shadow 0.2s ease-in;

}



/* search form */

#header #searchform { position: absolute; right: 13px; top: 157px; }

#header #searchform input.field { border: 0 none; display: block; width: 122px; height: 31px; background: url(images/menu_search_bg.png) no-repeat; padding-left: 35px; font:bold 12px Helvetica, Arial, sans-serif; color: #fff; }







/* homepage content

==============================================================================*/



#home_content, #sub_content {

	clear: both;

	height: auto;

	width: 940px;

	margin-top: 23px;

	padding: 10px;

	font: 11px/18px Verdana, Helvetica, sans-serif;

	color: #5d5d5d;

	background-color: #fff;

	border: 1px #dbdbdb solid;

	

	-webkit-border-radius: 4px; /* Saf3-4, iOS 1-3.2, Android <e;1.6 */

	-moz-border-radius: 4px; /* FF1-3.6 */

	border-radius: 4px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */

	

	-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.05); /* Saf3-4, iOS 4.0.2 - 4.2, Android 2.3+ */

	-moz-box-shadow: 0 0 10px rgba(0,0,0,0.05); /* FF3.5 - 3.6 */

	box-shadow: 0 0 10px rgba(0,0,0,0.05); /* Opera 10.5, IE9, FF4+, Chrome 6+, iOS 5 */

}



#home_content #content { float: left; padding: 26px 20px 20px 20px; width: 570px; }



#content h2 { font: bold 18px Helvetica, Arial, sans-serif; color: #555; }

#content h2 span { font: bold italic 14px Helvetica, Arial, sans-serif; color: #a8a8a8; }

#content p { margin-bottom: 15px; }

#content li { display: list-item; list-style-type: disc; margin-left: 17px; }

#content ul { margin-bottom: 15px; }



#home_sidebar { float: left; width: 320px; }



/* homepage slideshow */

#slideshow { height: 210px; }

/*#slideshow { height: 300px; }*/

#slideshow .ngg-slideshow img { position: relative !important; top: -150px !important; left: auto !important;  text-align: center; display: block; margin: 0 auto 0 auto; }

#slideshow .ngg-slideshow img { width: 940px !important; height: auto !important;  }



#slideshow .ngg-slideshow-loader img { position: relative !important; top: auto !important; left: auto !important;  text-align: center; display: block; margin: 0 auto 0 auto; }

#slideshow .ngg-slideshow-loader img { width: auto !important; height: auto !important; }







/* footer

==============================================================================*/



#footer {

	position: relative;

	width: 100%;

	height: 68px;  /* height of footer */

	margin-top: -68px;  /* negative height of footer */

	clear: both;

	font: 11px/16px Arial, Helvetica, Arial, sans-serif;

	color: #c1c1c1;

	z-index: 1;

}



#footer #footer_container { width: 960px; margin: 0 auto; color: #6b6b6b; }

#footer #footer_container .copyright { float: left; padding-top: 25px; text-shadow: 0 1px 0 #fff; }



#footer .twitter {

	float: left;

	text-indent: -9999px;

	overflow: hidden;

	height: 32px;

	width: 33px;

	margin: 16px 12px 0 14px;

	display: inline-block; /* ie6 double margin hack */

	background: url(images/footer_icons.png);

}

#footer .facebook {

	float: left;

	text-indent: -9999px;

	overflow: hidden;

	height: 32px;

	width: 32px;

	margin: 16px 0 0 0;

	display: inline-block; /* ie6 double margin hack */

	background: url(images/footer_icons.png) 32px 0;

}



/* newsletter form override */

.wpmlwidget input {

	border: 0 none !important;

	width: auto !important;

	-moz-border-radius: 0 !important;

	-khtml-border-radius: 0 !important;

	-webkit-border-radius: 0 !important;

	border-radius: 0 !important;

	padding: 0 !important;

	margin: 0 0 0 0 !important;

}



/* newsletter form */

.wpmlwidget { position: relative; width: 305px; float: right; margin: 16px 0 0 0 !important; }

.wpmlwidget input.input.wpml.widefat { float: left !important; width: 209px !important; height: 28px; font: bold 12px Helvetica, Arial, sans-serif; color: #a1a1a1; padding-left: 10px !important; background: url(images/widget_newsletter_bg.png) repeat-x; border: 1px #ccc solid !important }



.wpmlwidget .wpmlbutton input { float: left; width: 80px !important; height: 30px; background: url(images/widget_newsletter_btn.png) no-repeat; border: 0 none; cursor: pointer; text-indent: -9999px; }

.wpmlwidget .wpmlbutton input:hover { background-position: 0 -30px; }

.wpmlwidget .wpmlbutton input:active { background-position: 0 -60px; }



.wpmlwidget .wpmlloading { position: absolute; left: -25px; top: 8px; }





















/* widgets

==============================================================================*/



#home_widget {

	position: relative;

	-webkit-border-radius: 4px; /* Saf3-4, iOS 1-3.2, Android <e;1.6 */

	-moz-border-radius: 4px; /* FF1-3.6 */

	border-radius: 4px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */

}







/* latest sermon widget

==============================================================================*/



#home_widget.latest_sermon { width: 960px; height: 64px; background: url(images/widget_sermon_bg.jpg) repeat-x; margin: 22px 0 0 0; }



#home_widget.latest_sermon span#widget_title { display: block; float: left; width: 172px; height: 64px; background: url(images/widget_sermon_left_bg.jpg) repeat-x;

	-webkit-border-radius: 6px; /* Saf3-4, iOS 1-3.2, Android <e;1.6 */

	-moz-border-radius: 6px; /* FF1-3.6 */

	border-radius: 6px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */

}



#home_widget.latest_sermon .details { float: left; font: bold 16px Helvetica, Arial, sans-serif; color: #ebeeec; text-shadow: 0 1px 0 #000; margin: 23px 0 0 14px;  }

#home_widget.latest_sermon .details span { text-transform: uppercase; font: bold 10px verdana, Arial, sans-serif; color: #87af93; text-shadow: 0 1px 0 #284133;  }



.btn_container { float: right; margin: 10px 17px 0 0; }

#download_btn { width: 141px; background: url(images/widget_sermon_dwn_btn.png) no-repeat; }

#archive_btn { width: 155px; background: url(images/widget_sermon_arc_btn.png) no-repeat; }



#download_btn:hover { background-position: 0 -45px; }

#archive_btn:hover { background-position: 0 -45px; }



#download_btn:active { background-position: 0 -90px; }

#archive_btn:active { background-position: 0 -90px; }









/* upcoming events widget

==============================================================================*/



#home_widget.calendar_events { width: 320px; height: 264px; background: #2f5c8b url(images/widget_events_head_bg.jpg) repeat-x; margin: 22px 0 0 0; }



#home_widget.calendar_events h2.widget_title { font: bold 14px Helvetica, Arial, sans-serif; color: #eef1f4; text-shadow: 0 1px 0 #415b73; padding: 12px 0 11px 20px; }

#home_widget.calendar_events h2.widget_title span { font: bold italic 11px Helvetica, Arial, sans-serif; color: #93c7f4; text-shadow: 0 1px 0 #415b73; }



#event_items li { display: block; height: 42px; padding: 10px 15px 0 15px; border-top: 1px #558fb5 solid; border-bottom: 1px #284c6d solid; }

#event_items li:first-child { border-top: 0 none; }

#event_items li:last-child { border-bottom: 0 none; }



#event_items span { display: block; }

#event_items span.day_name { float: left; color: #113c60; text-shadow: 0 1px 0 #5e9bbd; font: bold 30px/28px Helvetica, Arial, sans-serif; text-transform: uppercase; margin: 0 15px 0 0; }

#event_items span.event_name { color: #eef2f7; text-shadow: 0 1px 0 #415b73; font: bold 13px Helvetica, Arial, sans-serif; }

#event_items span.event_details { color: #82c1f6; text-shadow: 0 1px 0 #415b73; font: bold 10px Verdana, Arial, sans-serif; text-transform: uppercase;  }



#events_btn { position: absolute; bottom: 12px; right: 10px; width: 171px; height: 41px; background: url(images/widget_events_btn.png) no-repeat; }

#events_btn:hover { background-position: 0 -41px; }

#events_btn:active { background-position: 0 -82px; }







/* maps widget

==============================================================================*/



#home_widget.map_directions { width: 320px; height: 340px; background: #691e2d url(images/widget_map_head_bg.jpg) repeat-x; margin: 22px 0 0 0; }



#home_widget.map_directions h2.widget_title { font: bold 14px Helvetica, Arial, sans-serif; color: #f2edee; text-shadow: 0 1px 0 #663841; padding: 12px 0 11px 20px; }

#home_widget.map_directions h2.widget_title span { font: bold italic 11px Helvetica, Arial, sans-serif; color: #f192aa; text-shadow: 0 1px 0 #663841; }



#home_widget.map_directions .map_link { display: block; margin: 13px 0 0 20px; background: url(images/widget_map_img.jpg); width: 282px; height: 159px; }

#home_widget.map_directions .map_link:hover {

	box-shadow: inset 0 0 100px rgba(0,0,0,0.3);

	-webkit-transition: box-shadow 0.4s ease;

	-moz-transition:, box-shadow 0.4s ease;

	-0-transition: box-shadow 0.4s ease;

	transition: box-shadow 0.4s ease;

}





#maps_btn { position: absolute; bottom: 12px; right: 10px; width: 162px; height: 41px; background: url(images/widget_map_btn.png) no-repeat; }

#maps_btn:hover { background-position: 0 -41px; }

#maps_btn:active { background-position: 0 -82px; }







/* sticky note widget

==============================================================================*/



#home_widget.quick_note { display: block; width: 328px; margin-top: -40px; z-index: 999999; }

#home_widget.quick_note .sticky-top { background: url(images/sticky_top.png) no-repeat 50% 0; width: 324px; height: 42px; }

#home_widget.quick_note .sticky-mid { background: url(images/sticky_mid.png) repeat-y 50% 0; width: 314px; padding-right: 10px; }

#home_widget.quick_note .sticky-bot { background: url(images/sticky_bot.png) no-repeat 50% 0; width: 324px; height: 42px; }

#home_widget.quick_note .sticky_content { margin: 0 0 0 27px; color: #686a6b; font: 12px/21px Helvetica, Arial, sans-serif; }

#home_widget.quick_note .sticky_content .heading { font-weight: bold; }

#home_widget.quick_note .sticky_content .verse { position: absolute; right: 20px; display: block; font-style: italic; line-height: 30px; }