/* @override http://www.chathamchurch.org/css/styles.css */
/* @group TOC */
/*=====
CLIENT: Chatham Community Church
FILE: styles.css
CREATED: 12/20/2007
MODIFIED: 1/16/2008
AUTHOR: Ben Otero (ben@churchplantmedia.com)

TOC
I.		GLOBALS
III. 	HEADER
IV.		NAVIGATION
V.		PRIMARY CONTENT
VI. 	SECONDARY CONTENT
VII. 	FOOTER
VIII.	CALENDAR
IX.		SERMON SECTION
X.		FORMS
XI.		TABLES
XII.	MISCELLANEOUS

=====*/
/* @end */

/* @group GLOBALS */
body				{ 
					  background:#423627 url(/images/body_bg.gif) repeat center top; margin:0; padding:0; font-size:62.5%; 
					  font-family:arial, "Lucida Grande", "Trebuchet MS", Verdana, sans-serif; 
					}
#container			{ margin:0 auto; width:770px; padding:31px 0 50px; }
#mainContent		{ background:url(/images/maincontent_bg.gif) repeat-y; padding:0; margin:0; }

.show 				{ display:block; }
.hidden, hr			{ display:none; }
#skip 				{ position:absolute; top:-999em; left:-999em;  }
.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 TOPBAR */
#topbar				{ background:url(/images/topbar_bg.gif) repeat-x; height:30px; }
#top-inner			{ width:770px; margin:0 auto; position:relative; }
#top-inner *		{ margin:0; padding:0; }
#top-inner p		{ font-size:1.1em; color:#c3bea2; float:right; margin:8px 185px 0 0; }
#top-inner form		{ width:180px; position:absolute; top:4px; right:0; height:22px; }
#top-inner fieldset	{ border:0; background:url(/images/input_btn.gif) no-repeat;}
#top-inner #search_term		{ 
							  display:block; float:left; width:110px; height:13px; border:1px solid #fff; 
							  position:relative; top:2px; left:4px;
							}
#top-inner #search_go		{ 
							  display:block; width:52px; height:20px; background:url(/images/search_btn.gif) no-repeat; 
							  text-indent:-999em; float:right;
							}
#search_go:focus			{ outline:none; }
/* @end */

/* @group HEADER */
#header				{ position:relative; background:url(/images/header_bg.gif) no-repeat; height:94px; }
#header h1 			{ position:absolute; top:18px; left:12px; background:url(/images/logo.gif) no-repeat; margin:0; padding:0; }
#header h1,
#header h1 a		{ display: block; text-indent:-999em; width:240px; height:50px; }
#header h1 a:focus	{ outline:none; }

	/* --- SERVICE TIMES ----*/
	#service-times 				{ position:absolute; top:13px; right:27px;  }
	#service-times p			{ font-size:1.3em; color:#2e261b; margin:0; text-align:right; }
	#service-times p.small		{ font-size:1.1em; }
	#service-times span.service	{ font-weight:bold; color:#bc4a12; font-size:14px; }
	
/* @end */

/* @group NAVIGATION */
#nav, #nav * 		{ list-style:none; margin:0; padding:0;  }
#nav li				{ padding-bottom:2px; background:url(/images/nav_li_bg.gif) no-repeat left bottom; }
#nav li a			{ 
					  display:block; background:url(/images/nav_a_bg.gif) no-repeat left bottom; padding:6px 0 12px 23px; height:10px;
					  text-decoration:none; font:bold 1.3em  arial, verdana, sans-serif; color:#433927; 
					  text-transform:lowercase;
					}
#nav li.current a,
#nav li a:hover		{ background-position:left -2px; color:#284655;  }

/* ---- POSITION -----*/
#nav li ul					{ position:absolute; left:-5000px; z-index:1001; margin:0; padding:0; list-style:none; border:1px solid #afad8f; }
#nav li 					{ cursor:pointer; }
#nav li li					{ background:none; padding-bottom:0; border-bottom:1px solid #afad8f; }
#nav li li a				{ background:#d7d2b9; padding:6px 10px; height:auto; font-weight:normal; font-size:1.2em; text-transform:none; } 
#nav li li a:hover			{ background:#ede9d5; color:#284655;  }
#nav li ul 					{ position:absolute;left:-5000px;z-index:1001; background:none; }
#nav li:hover ul 			{ width:150px;}
#nav li ul 					{ margin:-32px 0 0 140px; border:1px solid #a7a07a; }

#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;}

/* @end */

/* @group PRIMARY CONTENT */
#primaryContent 		{ float:right; position:relative; top:-5px; width:566px; padding:0 15px 33px 7px; overflow:hidden; }
#home #primaryContent	{ padding:0; width:588px; }
#primaryContent li,
#primaryContent p		{ font-size:1.2em; color:#4e4b44; line-height:1.5em; }
#primaryContent td		{ font-size:1.1em; color:#4e4b44; line-height:1.5em; }
#primaryContent li p	{ font-size:1em; }
#primaryContent a:hover	{ text-decoration:none; }

#banner					{ 
						  display:block; width:588px; height:173px; background:url(/mediafiles/subpage-banner.jpg) no-repeat; 
						  margin-left:-7px; 
						}
#home #banner			{ background:none; height:343px; margin:0; }
#home #banner img		{ border:0;  }

	/* @group HEADINGS */
	h2, h3, h4, h5, h6,
	#primaryContent a	{ color:#1d3e56; }
	h2					{ background:url(/images/h2_bg.gif) repeat-x left 8px; font:bold 1.8em arial, verdana, sans-serif; color:#1d3e56;}
	h2 span				{ background:#fff; padding-right:10px; width:auto;}
	h3					{ font-size:1.6em; }
	h4					{ font-size:1.5em; }
	h5					{ font-size:1.4em; }
	h6					{ font-size:1.3em; }
	.article h4			{ margin-bottom:0; }
	.article p			{ margin:0 0 .5em; }
	/* @end */
	
	/* @group QUICKLINKS */
	.col				{ float:left; padding-top:10px; }
	.col h4				{ font:1.8em "Trebuchet MS", arial, verdana, san-serif; color:#363636; margin:0;}	
	#home #primaryContent .col p
						{ font-size:1.1em; }
	#home #primaryContent .col h4, 
	#home #primaryContent .col p, 
	#home #primaryContent .col p a
			 			{ color:#363636; }
	.col a				{ text-decoration:none; }
	.col img			{ float:left; margin-right:8px; border:0; }
	#primaryContent .col a:hover		
						{ text-decoration:underline; }
	#ns-video			{ padding:10px 13px 0 0; width:182px; }	
	#new-here			{ background:#e9e8da; padding:10px 13px 50px 10px; width:174px; }	
	#ns-podcast			{ width:174px; padding-left:10px; margin-right:-10px; }
	/* @end */
/* @end */

/* @group SECONDARY CONTENT */

#secondaryContent 			{ float:left; width:174px; position:relative; padding-bottom:50px; }

	/* @group MAP AND DIRECTIONS */
	#map-directions				{ 
								  display:block; background:url(/images/map_directions_bg.gif) no-repeat right top; width:174px; 
								  height:44px; margin:1px 0 0; position:relative;
								}
	#map-directions p			{ margin:0; padding:0; }
	#map-directions a			{ 
								  display:block; background:url(/images/map_btn.gif) no-repeat; width:148px; height:26px; 
								  text-indent:-999em; position:relative; top:10px; left:12px;
								}
	/* @end */
	
	/* @group Upcoming-Events */
	#upcoming-events			{ background:url(/images/upcoming_events_bg.gif) no-repeat right top; padding-top:22px; width:174px; }
	#upcoming-events h3			{ margin:0 0 0 50px; padding:0 0 5px 24px; font-size:1.4em; color:#fff; font-weight:normal; }
	#upcoming-events p			{ text-align:right; margin-right:10px; }
	#upcoming-events p a		{ text-align:right; font-size:1.1em; font-weight:bold; color:#9b3d0f; text-decoration:underline;  }
	#upcoming-events p a:hover	{ text-decoration:none; }
	#upcoming-events .event		{ background:url(/images/event_bg.gif) no-repeat right bottom; padding:10px; text-align:right; }
	#upcoming-events .last		{ background:none; }
	#upcoming-events .first		{ padding-top:20px; }
	#upcoming-events .event h4	{ margin:0; font:1.2em arial, verdana, sans-serif; font-weight:bold; text-transform:uppercase;}
	#upcoming-events .event h4 a{ color:#284655; text-decoration:none; }
	#upcoming-events .event h4 a:hover 	
								{ text-decoration:underline; }
	#upcoming-events .event p	{ margin-top:2px; color:#25221e; font-size:1.1em; margin:0;}	
	/* @end */
/* @end */

/* @group FOOTER */
#footer				{ 
					  background:url(/images/sub_footer_bg.gif) no-repeat left top; margin-top:-13px; height:40px; position:relative;
					  z-index:1; padding:10px 0;
					}
#home #footer		{ background:url(/images/footer_bg.gif) no-repeat; }
#footer p			{ width:40%; float:left; font:1em "Lucida Grande", arial, verdana, sans-serif; color:#aaa484; }
#footer p a			{ color:#aaa484; text-decoration:underline; }
#footer p a:hover	{ text-decoration:none; }
#footer p#design	{ float:right; width:auto; }

#eletter			{ margin:2em 0; }
#eletter img		{ border:0; }
#eletter a:focus	{ outline:none; }

#home #eletter a	{ 
					  display:block; width:174px; height:41px; background:url(/images/home_eletter_btn.gif) no-repeat; text-indent:-999em;
					}
#home #eletter		{ position:absolute; left:0; top:-27px; margin:0; z-index:1000; }
/* @end */

/* @group CALENDAR */
#primaryContent table.calendar				{ 
											  margin:0 auto 25px; border: 1px solid #afad8f; border-right: 1px solid #afad8f; 
											  border-bottom: 0; border-collapse: collapse; 
											}
#primaryContent table.calendar caption		{ padding-bottom: 10px; color: #296373; font-size: 1.4em; }
#primaryContent table.calendar caption span	{ color: #296373; }
#primaryContent table.calendar th			{ padding: 6px 0; background: #afad8f; color: #15161C; font-size: 1.3em; font-weight: normal; border-bottom:1px solid #afad8f; }
#primaryContent table.calendar td			{ 
											  width: 68px; height: 68px; padding: 2px; border: 1px solid #afad8f; border-left: 0;
											  border-top: 0; background: #e9e8da; color: #242424; font-size: 1em; vertical-align: top; 
											}
#primaryContent table.calendar td ul		{ margin: .5em 0 0 .5em; padding:0; font-size: 100%; list-style: none; }
#primaryContent table.calendar td li		{ margin-bottom: .75em; font-size: 1.1em; line-height: 1.2; }
/* @end */


/* @group SERMONS */
#filter a						{ margin-left:20px; }
#filter select					{ width:200px; margin-left:10px; }
.sermonlist 					{ border-top:8px solid #e4e3d2; }
#primaryContent .sermonlist h4	{ margin:0; padding:10px 10px 0; }
.sermonbox						{ position:relative; padding:10px; }
.sermonbox a					{ text-decoration:underline; }
.sermonbox a:hover				{ text-decoration:none; }
#primaryContent .sermonbox h5	{ margin:0;}
h5 span							{ font-size:12px; margin-left:10px; }
#primaryContent .sermonbox p	{ margin:0;}


.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 a:focus			{ outline:none; }

	/* @group MEDIA BOX */
	#byline						{ margin:10px 0 0; padding:0; list-style:none; width:400px; }
	#mediabox					{ 
								  float:right; background:#afad8f; border:1px solid #322d27; padding:10px; margin:-65px 10px 0 10px; 
								  list-style:none; 
								}
	#mediabox li 				{ padding:2px 0 0px 20px; }
	#mediabox li#mb_links		{ background:#322d27; color:#fff; margin:-10px -10px 10px; padding:10px; }
	#mediabox li#mb_jukebox		{ background:url(/images/play_icon_app.gif) no-repeat left 2px; }
	#mediabox li#mb_download	{ background:url(/images/download_icon_app.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_app.gif) no-repeat left 2px; }
	#mediabox li#mb_podcast		{ background:url(/images/feed_icon_app.gif) no-repeat left 2px; }
	#text						{ margin-right:10px;}
	/* @end */


	/* @group HOW IT WORKS */
	#secondaryContent .sidebar-section,
	#how-it-works,
	#sorting					{ 
								  margin:0 0 0 -3px; padding:3px 0 0; width:177px; 
								  background:url(/images/map_directions_bg.gif) no-repeat right top; 
								}
	#how-it-works ul			{ margin:2.5em 0 0; padding:0 0 0 13px; list-style:none; width:150px; }
	#how-it-works li			{ padding-left:20px; margin-bottom:1.5em; font-size:1.1em; color:#fefefd;}
	#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; }
	/* @end */
	
	/* @group SORTING */
	#sorting h3					{ }
	#sorting ul					{ margin-top:2.5em; padding:0 0 0 23px; list-style:none; }
	#sorting li a				{ font-size:1.2em; color:#296373;  }
	#sorting li a:hover			{ text-decoration:none; }
	/* @end */

/* @end */

/*---- sIFR ---*/
.sIFR-flash 						{ visibility: visible !important; margin: 0; padding: 0; }
.sIFR-replaced, .sIFR-ignore 		{ visibility: visible !important; }
.sIFR-alternate 					{ position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; }

/*---- Header styling ---*/
.sIFR-active #secondaryContent h3 	{ letter-spacing: -.05em; margin: 10px 0 0 20px; padding: 0; line-height: 1; }
.sIFR-active #upcoming-events h3 	{ letter-spacing: -.05em; margin: -10px 0 0 50px; padding: 0; line-height: 1; }