/* @override http://www.reconnectbarrhaven.com/css/styles.css */

/*=====
SITE: Reconnect Barrhaven
FILE: styles.css
CREATED: 10/23/2007
MODIFIED: 4/9/2008
AUTHOR: Ben Otero (ben@churchplantmedia.com)

TOC
I.		GLOBALS
II. 	HEADER
III.	NAVIGATION
IV.		PRIMARY CONTENT
V.	 	SECONDARY CONTENT
VI. 	FOOTER
VII.	CALENDAR
VIII.	SERMON SECTION
XI.		MISCELLANEOUS

=====*/

/* @group GLOBALS */
body				{ 
					  background:#3e829a url(/images/body_bg.jpg) repeat-x left top; 
					  font-size:62.5%; font-family:"Lucida Grande", arial, verdana, sans-serif; color:#7d7d7d;
					  margin:0; padding:0;
					}
#container			{ margin:0 auto; width:791px; padding-top:38px; padding-bottom:20px; }
#mainContent		{ background:#fff; }
#home #mainContent	{ padding-bottom:6px; }
.show 				{ display:block; }
.hidden, hr			{ display:none; }

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

/* Hides from IE-mac \*/
* html .clearfix 	{ height: 1%;}
.clearfix 			{ display: block;}
/* End hide from IE-mac */

/* @end */

/* @group HEADER */
#header				{ position:relative; background:url(/images/header_bg.gif) no-repeat left bottom; height:79px; }
#header h1,
#header h1 a		{ display:block; width:248px; height:58px; }
#header h1			{ background:url(/images/logo.png) no-repeat; text-indent:-999em; margin:0 0 0 13px; padding:0; }
#header h1 a:focus	{ outline:none; }

#skip				{ position:absolute; top:-999em; left:-999em; }
/* @end */

/* @group NAVIGATION */
#nav, #nav * 		{ list-style:none;margin:0;padding:0;}
#nav				{ 
					  position:absolute; top:38px; right:-5px; display:block; width:448px; height:31px;
					  background:url(/images/nav_bg.gif) no-repeat; padding-left:10px;
					}
#nav li 			{ cursor:pointer;float:left;}
#nav li a 			{ 
					  display:block; line-height:31px; padding:0 8px; text-decoration:none; color:#fff; 
					  font-size:1.2em; 
					}
#nav li:hover,
#nav li.current 	{ background:url(/images/nav_li_bg.gif) no-repeat left top; padding-left:8px; }

#nav li:hover a,
#nav li.current a	{ background:url(/images/nav_a_bg.gif) no-repeat right top; color:#256a83; padding-left:0px;}

#nav li.current li,
#nav li:hover li	{ background:none; padding:0; margin-top:2px; }

#nav li:hover li a,
#nav li.current li a{ 
					  background:#fff; padding:0 15px; width:130px; line-height:20px; color:#141511; font-weight:normal; 
					  opacity:.75; MozOpacity:.75; kHtmlOpacity:.75;
					}

#nav li li a:hover	{ opacity:1; color:#175c75 }

#nav li li			{ float:none; }
#nav li ul 			{ position:absolute;left:-5000px;z-index:1001; width:140px; padding-top:10px; margin-left:-8px;  }
#nav li:hover ul 	{ left:auto;}
#nav li:hover ul ul, 
#nav li:hover ul ul ul, 
#nav li:hover ul ul ul ul 
					{ left:-5000px;}
#nav li:hover ul, 
#nav li li:hover ul, 
#nav li li li:hover ul, 
#nav li li li li:hover ul 
					{ left:auto;}
#nav li:hover ul li:hover ul 
					{ margin:-32px 0 0 160px;}
/* @end */

/* @group PRIMARY CONTENT */
#primaryContent 	{ float:left; width:495px; margin-left:22px;  }
#banner				{ display:block; width:770px; height:169px; background:url(/mediafiles/subpage-banner.jpg) no-repeat; margin-left:10px; margin-bottom:2.2em; clear:left;}
#home #banner		{ height:217px; background:url(/mediafiles/home-header.jpg) no-repeat; }
#primaryContent li,
#primaryContent p	{ font-size:1.2em; line-height:1.5em; }
#primaryContent a	{ color:#3688a5; text-decoration:underline }
#primaryContent a:hover	{ text-decoration:none; }
.article p			{ margin:0 0 .5em; }

	/* @group HEADERS */
	#primaryContent h2	{ margin:0; }
	h3, h4, h5, h6		{ color:#3688a5; }
	h3					{ font-size:1.6em; }
	h4					{ font-size:1.5em; }
	h5					{ font-size:1.4em; }
	h6					{ font-size:1.3em; }
	h4.title			{ font-size:1.3em; margin-bottom:0; }
	/* @end */
	
#primaryContent .darker				{ color:#333; }
#primaryContent .black				{ color:#000; }

	
	/* @group QUICKLINKS */
	#quicklinks				{ clear:both; }
	#quicklinks ul			{ margin:0 0 0 10px; padding:0; list-style:0; }
	#quicklinks li			{ float:left; display:inline; background:url(/images/quicklink_li_bg.jpg) no-repeat; margin-right:11px;}
	#quicklinks li:hover	{ background-position:right top }
	#quicklinks li a		{ 
							  display:block; padding:5px 0 0 11px; width:173px; height:146px; background-position:5px 24px; 
							  font-size:1.3em; font-weight:bold; text-decoration:none; color:#616161;
							}
	#quicklinks li a:hover	{ color:#fff; }
	#quicklinks li#quick4	{ margin-right:0; }
	#quicklinks li#quick1 a	{ background:url(/mediafiles/quicklink1.jpg) no-repeat 5px 24px; }
	#quicklinks li#quick2 a	{ background:url(/mediafiles/quicklink2.jpg) no-repeat 5px 24px; }
	#quicklinks li#quick3 a	{ background:url(/mediafiles/quicklink3.jpg) no-repeat 5px 24px; }
	#quicklinks li#quick4 a	{ background:url(/mediafiles/quicklink4.jpg) no-repeat 5px 24px; }
	/* @end */
	
/* @end */

/* @group SECONDARY CONTENT */
#secondaryContent 		{ 
					  	  float:right; background:url(/images/secondarycontent_bg.jpg) repeat-x; padding:16px 12px; width:219px; 
					  	  margin-right:12px; margin-top:-12px;
					  	}
#secondaryContent a img	{ display:inherit; border:0; }
#buttons				{ margin-left:-6px; text-align:center; }
#buttons a img			{ display:block; }
	
	/* @group SERVICE-TIMES */
	#service-times			{ position:relative; margin-bottom:0; padding-left:4px; }
	#service-times h3		{ margin-bottom:0; }
	#service-times a		{ 
							  position:absolute; top:-5px; right:0;display:block; width:75px; height:43px; 
							  background:url(/images/map_btn.gif) no-repeat; text-indent:-999em; 	
							}
	#service-times a:focus	{ outline:none; }	
	#service-times p		{ font-size:1.3em; margin-top:-8px; }
	/* @end */
	
	/* @group CURRENT-SERIES */
	#current-series 		{ 
							  position:relative; margin-bottom:.7em; background:none; 
							  padding:19px 12px 0; margin:20px -12px .7em;
							}
	#current-series h3		{ font-size:13px; color:#64acbb; }
	#current-series a		{ color:#64acbb; }
	#current-series a:hover	{ text-decoration:none }
	#current-series a:hover	{ border:0; }
	/* @end */
/* @end */

/* @group FOOTER */
#footer				{ background:url(/images/footer_bg.gif) no-repeat; padding:25px 10px 0; height:22px; }
#footer p			{ margin:0; color:#a2d7ea; font-size:1.1em; float:left; }
#footer p#designed	{ float:right; }
#footer p a			{ color:#fff; }
#footer p a:hover	{ text-decoration:none; }
/* @end */

/* @group SERMONS */
.sermonlist 					{ border-top:8px solid #3688a5; }
#primaryContent .sermonlist h4	{ margin:0; padding:10px 10px 0; color:#7d7d7d; background:#d5e3e4}
.sermonbox						{ position:relative; padding:10px; background:#d5e3e4; }
.sermonbox a					{ text-decoration:underline; }
.sermonbox a:hover				{ text-decoration:none; }
#primaryContent .sermonbox h5	{ font-size:1.3em; margin:0;}
#primaryContent .sermonbox h5 a	{ }
#primaryContent .sermonbox h5 span	{ margin-left:10px; font-size:10px; color:#7d7d7d; }
#primaryContent .sermonbox p	{ color:#19140d; margin:0;}
#primaryContent .sermonbox p a	{ }


.sermonbox ul					{ position:absolute; top:20px; right:10px; }
.sermonbox li					{ float:left; display:inline; margin-right:5px; }
.sermonbox li a					{ display:block; width:16px; height:16px; text-indent:-999em; }
.sermonbox li.sl_listen a		{ background:url(/images/play_icon.gif) no-repeat; }
.sermonbox li.sl_download a		{ background:url(/images/download_icon.gif) no-repeat; }
.sermonbox li.sl_notes a		{ background:url(/images/notes_icon.gif) no-repeat; }
.sermonbox li.sl_video a		{ background:url(/images/video_icon.gif) no-repeat; }
.sermonbox li.sl_image a		{ background:url(/images/image_icon.gif) no-repeat; padding:2px 0; }
.sermonbox li a:focus			{ outline:none; }

	/* @group MEDIA BOX */
	#byline						{ margin:10px 0 0; padding:0; list-style:none; }
	#mediabox					{ float:right; background:#d5e3e4; border:1px solid #7d7d7d; padding:10px; margin:-55px 0 0 10px;; list-style:none; }
	#mediabox li 				{ padding:2px 0 0px 20px; }
	#mediabox li#mb_links		{ background:#3688a5; color:#fff; margin:-10px -10px 10px; padding:10px; }
	#mediabox li#mb_jukebox		{ background:url(/images/play_icon.gif) no-repeat left 2px; }
	#mediabox li#mb_download	{ background:url(/images/download_icon.gif) no-repeat left 2px; }
	#mediabox li#mb_notes		{ background:url(/images/notes_icon.gif) no-repeat left 2px; }
	#mediabox li#mb_video		{ background:url(/images/video_icon.gif) no-repeat left 2px; }
	#mediabox li#mb_podcast		{ background:url(/images/feed_icon.gif) no-repeat left 2px; }
	#mediabox li#mb_image		{ background:url(/images/image_icon.gif) no-repeat left 2px; }
	
	#text						{ margin-right:10px;}
	/* @end */


	/* @group HOW IT WORKS */
	#how-it-works h3			{ margin:0; }
	#how-it-works ul			{ margin:2.5em 0; padding:0; list-style:none; }
	#how-it-works li			{ padding-left:20px; margin-bottom:1.5em; font-size:1.2em; color:#7d7d7d;}
	#how-it-works li span		{ font-weight:bold; }
	#how-it-works li#play		{ background:url(/images/play_icon_app.gif) no-repeat; }
	#how-it-works li#notes		{ background:url(/images/notes_icon_app.gif) no-repeat; }
	#how-it-works li#video		{ background:url(/images/video_icon_app.gif) no-repeat; }
	#how-it-works li#save		{ background:url(/images/download_icon_app.gif) no-repeat; }
	#how-it-works li#image		{ background:url(/images/image_icon.gif) no-repeat; }
	/* @end */
	
	/* @group SORTING */
	#sorting					{ margin:0; }
	#sorting h3					{ margin:0; }
	#sorting ul					{ margin:0 0 2.5em; padding:0; list-style:none; }
	#sorting li a				{ padding-left:10px; background:url(/images/sorting-arrow.gif) no-repeat left center; font-size:1.2em; color:#3688a5;  }
	#sorting li a:hover			{ text-decoration:none; }
	/* @end */

/* @end */

/* @group CALENDAR */
#primaryContent table.calendar				{ 
											  margin-bottom: 25px; border-left:1px solid #ccc; border-collapse: collapse; 
											}
#primaryContent table.calendar caption		{ padding-bottom: 10px; color: #3688a5; font-size: 1.4em; }
#primaryContent table.calendar caption span	{ color: #ec9445; }
#primaryContent table.calendar th			{ 
											  padding: 6px 0; background: #3688a5; color: #fff; font-size: 1.3em; 
											  font-weight: normal; border-left:1px solid #3688a5; border-right:1px solid #3688a5
											}
#primaryContent table.calendar td			{ 
											  width: 68px; height: 68px; padding: 2px; border: 1px solid #ccc; border-left: 0;
											  border-top: 0; background: #d6e2e3; color: #7d7d7d; font-size: 1em; 
											  vertical-align: top; 
											}
#primaryContent table.calendar td a			{ text-decoration: underline; }
#primaryContent table.calendar td ul		{ margin: .5em 0 0 .5em; font-size: 100%; list-style: none; padding:0; }
#primaryContent table.calendar td li		{ margin-bottom: .75em; font-size: 1.1em; line-height: 1.2; }
#primaryContent table.calendar td li a:hover{ text-decoration: none; }
/* @end */