/* @override http://www.thecrossingchurch.org/css/styles.css */

/*=====
SITE: The Crossing Wired
FILE: styles.css
CREATED: 11/29/2007
MODIFIED: 11/30/2007
AUTHOR: Ben Otero (ben@churchplantmedia.com)

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

=====*/

/* @group GLOBALS */
body				{ 
					  font-size:62.5%; margin:0; padding:0; background:url(/images/body_bg.jpg) repeat; 
					  font-family:"Trebuchet MS", arial, verdana, sans-serif;
					}
#container			{ margin:48px auto; width:911px; position:relative; }
#mainContent		{ padding:0 28px 20px; background:url(/images/maincontent_bg.gif) repeat-y; position:relative; z-index:2; }
.show 				{ display:block; }
.hidden, hr			{ display:none; }

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

/* @end */

/* @group HEADER */
#header				{ position:relative; height:140px; background:url(/images/header_bg.gif) no-repeat; z-index:10; }
#header h1,
#header h1 a		{ display:block; width:244px; height:64px; }
#header	h1			{ 
					  position:absolute; top:30px; left:38px; background:url(/images/logo.gif) no-repeat; text-indent:-999em; 
					  margin:0; padding:0;
					}
#header h1 a:focus	{ outline:none; }

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




/* @group NAVIGATION */
#nav 				{ position:absolute; top:111px; left:28px; height:29px; width:616px; background:#11171b; z-index:2000; }
#nav, #nav * 		{ list-style:none; margin:0; padding:0;}
#nav li 			{ cursor:pointer;float:left;}
#nav li a 			{ 
					  display:block; padding:0 12px; line-height:29px;
					  font-size:1.3em; color:#8d9ba6; text-decoration:none;
					}

#nav li.current,
#nav li:hover a		{ background:url(/images/nav_a_current.gif) repeat-x; color:#fdfdfc; }

#nav li.current a	{ color:#fdfdfc; }

#nav li.current li a,
#nav li:hover li a,
#nav li li a		{ background:#11171b; width:126px; line-height:22px; font-size:12px;  }

#nav li li a:hover 	{ background:#4f6b81; }

/* MENU POSITION */
#nav li ul 			{ position:absolute;left:-5000px; z-index:1001; width:140px; background:#c4b871; }
#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 li			{ float:none; display:block; }
#nav li:hover ul, 
#nav li li:hover ul, 
#nav li li li:hover ul, 
#nav li li li li:hover ul 
					{ left:auto; width:140px; }

#nav li:hover ul li:hover ul 
					{ margin:-22px 0 0 140px;}
/* @end */


/* @group PRIMARY CONTENT */
#primaryContent 		{ float:left; width:616px; z-index:0; position:relative; min-height:550px; height:auto !important; height:550px; }
#primaryContent li,
#primaryContent p		{ font-size:1.2em; line-height:1.5em; color:#fff; }
#primaryContent li p	{ font-size:1em; }
#primaryContent a		{ color:#afd3ef; }
#primaryContent a:hover	{ text-decoration:none; }
#banner					{ display:block; width:616px; height:182px; background:url(/mediafiles/subpage-header.jpg) no-repeat; margin-bottom:22px; }
#home #banner			{ height:361px; background:url(/mediafiles/home-header.jpg); }
#content				{ padding:0 8px; }

	/* @group HEADINGS */
	h2						{ padding-bottom:6px; margin:0; background:url(/images/dotted_bg.gif) repeat-x left bottom; }
	#primaryContent h3,
	#primaryContent h4		{ color:#afd3ef; }
	#primaryContent h3		{ font-size:1.6em; color:#afd3ef; }
	#primaryContent h4		{ font-size:1.5em; }	
	#primaryContent h5		{ font-size:1.4em; color:#fff; }
	#primaryContent h6		{ font-size:1.3em; color:#fff; }
	.article h4				{ margin:0; }
	.article p				{ margin-top:0; }
	/* @end */
	
	/* @group QUICKLINKS */
	#quicklinks				{ margin-top:12px; width:620px; margin-right:-30px; }
	#quicklinks	ul			{ margin:0; padding:0; list-style:none; }
	
	#quicklinks li			{ float:left; display:block; width:150px; height:119px; background:#11171b; margin-right:5px; }
	#quicklinks li a		{ text-decoration:none; font-size:1.1em; color:#fbfdfe; }
	#quicklinks li img		{ border:none; }
	#quicklinks li span		{ display:block; text-align:center; }
	#quicklinks li:hover	{ background:#070a0c; }
	#quicklinks li a:hover	{ color:#afd3ef; }
	/* @end */
/* @end */

/* @group SECONDARY CONTENT */
#secondaryContent			{ width:225px; position:absolute; top:51px; right:30px; z-index:1001; margin:0;}
#secondaryContent div		{ width:199px; padding:5px 13px; background:url(/images/sidebar_div_bg.gif) no-repeat left top; }
#secondaryContent h3		{ color:#fff; font-size:1.2em; }
#secondaryContent a:hover	{ text-decoration:none; }
#secondaryContent p			{ font-size:1.1em; color:#f2f1eb; line-height:1.5em; }

	/* @group CURRENT SERIES */	
	#secondaryContent #current-series		
						{ background:#141b20; padding:5px; position:relative; width:215px;}
	#current-series h4	{ 
						  font-size:1.2em; color:#fff; font-weight:normal; display:block; width:131px; height:15px; text-align:center; 
						  position:absolute; top:-26px; right:0; background:url(/images/current_series_h4.gif) no-repeat; margin:0;
						  padding-top:11px;
						}
	a#podcast			{ 
						  display:block; background:url(/images/podcast_a.gif) no-repeat; width:24px; height:24px; text-indent:-999em; 
						  position:absolute; top:-26px; left:0; 
						}
	a#podcast:focus		{ outline:none; }
	/* @end */

	/* @group RECENT MESSAGE */
	#recent-message				{ margin-top:2em; }
	#recent-message	h4			{ font-size:1.2em; margin:2em 0 0; text-transform:uppercase; position:relative; }
	#recent-message h4 a		{ color:#fff; text-decoration:none; }
	#recent-message h4 a:hover	{ text-decoration:underline; }
	#recent-message h4 span		{ font-size:11px; color:#8d9ba6;  position:absolute; right:10px; }
	#recent-message ul			{ margin:0; padding:1em 0 0; list-style:none; }
	#recent-message li			{ display:inline; float:left; }
	#recent-message li a		{ display:block; text-indent:-999em; height:22px; }
	#recent-message li a:focus	{ outline:none; }
	#recent-message li#play		{ margin-right:5px; }
	#recent-message li#play	a	{ background:url(/images/play_btn.gif) no-repeat; width:69px; }
	#recent-message li#download a{ background:url(/images/download_btn.gif) no-repeat; width:110px; }
	/* @end */
	
	/* @group UPCOMING EVENTS */
	#upcoming-events			{ margin:4em 0 2em; position:relative; }
	#upcoming-events #cal		{ 
								  position:absolute; display:block; width:14px; height:14px; background:url(/images/cal_icon.gif) no-repeat; 
								  top:15px; left:140px; text-indent:-999em;
								}
	#upcoming-events h4			{ font-size:1.3em; margin-bottom:0; }
	#upcoming-events h4 span	{ margin-left:5px; font-size:12px; color:#768e97; }
	#upcoming-events p			{ margin-top:3px; }
	#upcoming-events h4 a		{ color:#aacce3; }	
	#view-events				{ 
								  display:block; width:114px; height:21px; background:url(/images/view_events.gif) no-repeat; 
								  text-indent:-999em; margin:20px 0 0 90px;
								}
	#view-events:focus			{ outline:none; }	
	/* @end */
	
	/* @group SERVICE TIME */
	#service-time p				{ font-size:1.3em; color:#fefefe; }
	#service-time p.map			{ margin-top:-32px; }
	#service-time p.map a		{ 
								  display:block; background:url(/images/map_bg.gif) no-repeat; width:204px; height:53px; text-indent:-999em; 
								  
								}
	#service-time p.map a:focus	{ outline:none; }

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

/* @group FOOTER */
#footer							{ background:url(/images/footer_bg.gif) no-repeat left top; width:891px; padding:20px; position:relative; }
#footer p						{ float:left; font-size:1.1em; color:#fff; width:40%; }
#footer p#designed				{ float:right; text-align:right; margin-right:30px;}
#footer p a						{ color:#1e272e }
#footer p a:hover				{ text-decoration:none; }
/* @end */

/* @group SERMONS */
#filter a						{ margin-left:110px; }
#filter select					{ width:40%; margin-left:20px;}
#primaryContent .sermonlist h4	{ margin:0; padding:10px 0 ;  }
.sermonbox						{ position:relative; padding:10px 0; border-bottom:1px solid #11171b; }
.sermonbox a					{ text-decoration:underline; }
.sermonbox a:hover				{ text-decoration:none; }
#primaryContent .sermonbox h5	{ margin:0;}
.sermonbox h5 span				{ font-size:10px; 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; padding:0 5px;}
.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; }
	#mediabox					{ float:right; border:1px solid #11171b; padding:10px; margin:-35px 0 0 10px;; list-style:none; }
	#mediabox li 				{ padding:2px 0 0px 20px; }
	#mediabox li#mb_links		{ background:#11171b; 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; }
	#text						{ margin-right:10px;} 
	/* @end */


	/* @group HOW IT WORKS */
	#how-it-works				{ margin:2em 0; }
	#how-it-works ul			{ margin:2.5em 0 0; padding:0; list-style:none; }
	#how-it-works li			{ padding-left:20px; margin-bottom:1.5em; font-size:1.2em; color:#fefefd;}
	#how-it-works li span		{ font-weight:bold; }
	#how-it-works li#play		{ background:url(/images/play_icon.gif) no-repeat; }
	#how-it-works li#notes		{ background:url(/images/notes_icon.gif) no-repeat; }
	#how-it-works li#video		{ background:url(/images/video_icon.gif) no-repeat; }
	#how-it-works li#save		{ background:url(/images/download_icon.gif) no-repeat; }
	/* @end */
	
	/* @group SORTING */
	#sorting					{ margin:2em 0; }
	#sorting ul					{ margin:2.5em 0 0; padding:0; list-style:none; }
	#sorting li a				{ font-size:1.2em; color:#afd3ef  }
	/* @end */

/* @end */

/* @group CALENDAR */
#primaryContent table.calendar				{ margin:10px auto 25px; border-collapse: collapse; }
#primaryContent table.calendar caption		{ padding-bottom: 10px; color: #FCFDFE; font-size: 1.4em; }
#primaryContent table.calendar th			{ padding: 6px 0; background: #11171b; color: #8d9ba6; font-size: 1.3em; font-weight: normal; }
#primaryContent table.calendar td			{ 
											  width: 68px; height: 68px; padding: 2px; border: 1px solid #3A3E46; border-left: 0;
											  border-top: 0; background: #484D56; color: #FCFDFE; font-size: 1em; vertical-align: top; 
											}
#primaryContent table.calendar td.empty		{ background: #484D56; }
#primaryContent table.calendar td a			{ color: #FCFDFE; text-decoration: none; }
#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; }
#primaryContent table.calendar td li a		{ color: #FFF; text-decoration: underline; }
#primaryContent table.calendar td li a:hover{ text-decoration: none; }
/* @end */


/* @group SWIRLS */
#right-ornament,
#left-ornament	{ display:block; position:absolute;  } 
#left-ornament	{ top:-40px; left:-56px; background:url(/images/top_swirl_bg.png) no-repeat; width:101px; height:372px; }
#right-ornament	{ bottom:-48px; right:-66px;; background:url(/images/bottom_swirl_bg.png) no-repeat; width:103px; height:367px; }
/* @end */