/* @override http://thedowntownchurch.cpmpreview1.com/css/styles.css */

/* @override http://downtown/css/styles.css */

/*=====
CLIENT:The Downtown Church
CREATED: 12/18/2008
MODIFIED:12/23/2008
=====*/
/* @group RESET */


/* remember to define focus styles! */
:focus 						{ outline: 0; }

/* remember to highlight inserts somehow! */
ins 						{ text-decoration: none; }
del 						{ text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table 						{ border-collapse: collapse; border-spacing: 0; }
/* @end */

/* @group GLOBAL */
body 						{ 
							  background:#5f6870 url(/images/body_bg.gif) repeat-x center top; margin:0; padding:0; font-size:62.5%; 
							  font-family: helvetica, arial, verdana, sans-serif; color:#d0c3aa; 
							}
hr 							{ display: none; }

#skip 						{ position: absolute; text-indent: -9999px; list-style: none; overflow-x:hidden; }
#container 					{ margin:0 auto; width:973px; }
#mainContent 				{ position: relative; top:-7px;}

a 							{ overflow: hidden; }

.hidden						{ display:none; }
.show						{ display:block; }
.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; height:137px; width:973px; z-index:1000; }
#header h1,
#header h1 a			{ display:block; width:370px; height:104px; margin:0; padding:0; }
#header h1				{ background:url(/images/logo.gif) no-repeat; text-indent:-999em; position:absolute; left:28px; top:37px; }

#nav, #nav *			{ margin:0; padding:0; list-style:none; } 
#nav					{ position:absolute; top:0; right:15px; z-index:5000; height:28px; }
#nav li					{ float:left; display:inline; }
#nav li a				{ 
						  display:block; padding:0 13px; margin-right:5px;margin-left: 5px; font:1.2em Helvetica, arial, verdana sans-serif; color:#fdfeff; 
						  text-decoration:none; line-height:28px;
						}
#nav li.more a			{ background:url(/images/down_arrow.gif) no-repeat right center; margin-right: 7px; }
#nav li.more li a		{ background:none; padding-right:12px; }

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

#nav li ul				{ position:absolute; left:-999em; z-index:1001; width:160px; background: #60666a; padding-top:5px; 	}
#nav li:hover ul		{ left:auto; }
#nav li:hover li		{ float:none; background:none; }
#nav li:hover li a,
#nav li li a			{ line-height:20px; color:#fdfeff; background:none; margin:0; padding:5px 12px}
#nav li li a:hover		{ background:#a83a2a; }

#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; display:block;}
#nav li:hover ul li:hover ul 
						{ margin:-28px 0 0 160px;}

/* @end */
/* @group SUBMENU */
#submenu					{ margin:0; padding:0; list-style:none; }
#submenu 					{ position:absolute; right:-16px; top:63px; height:49px; }
#submenu li					{ float:left; display:inline; border-left:2px solid #dee1e3; }
#submenu li.current,
#submenu li:hover			{ border-color:#c05c4d; }
#submenu li a				{ 
							  display:block; font-size:19px; color:#525254; text-decoration:none; padding:7px 0 0 12px; 
							  width:148px; height:42px; font-family:"Myriad Pro", helvetica, arial, verdana, sans-serif;
							}
#submenu li:hover a			{ color:#a13625; }
#submenu li.current a span,
#submenu li:hover a span,
#submenu li a span			{ font-size:14px; display:block; color:#9f9f9f; }
/* @end */


/* @group PRIMARY CONTENT */
#primaryContent				{ float:left; padding:24px 18px; width:650px; position:relative; }
#primaryContent.wide		{ width:930px; position:relative; padding:24px 18px; }
#primaryContent li,
#primaryContent td,
#primaryContent p			{ font-size:1.3em; color:#fdfeff; line-height:1.5em; }

#primaryContent p *,
#primaryContent li *,
#primaryContent td *		{ font-size:1em; line-height:1; }

#primaryContent .article p	{ margin-top:1em; }
#primaryContent p.date		{ margin:0; }

#primaryContent a			{ color:#aaddfe; }
#primaryContent a:hover		{ text-decoration:none; }  

#primaryContent #feed		{ 
							  position:absolute; top:20px; right:0; background:url(/images/feed_icon.gif) no-repeat;
							  font-size:1.2em; padding:2px 0 2px 20px; color:#fff
							}

#primaryContent img			{ border:none; }
img.left-align				{ float:left; position:relative; left:-10px; }
img.right-align				{ float:right; position:relative; right:-10px; }


	/* @group HEADINGS */
	#primaryContent h2			{ font-size:2em; margin:28px 0 0; padding:0; color:#a3b14e; text-transform:uppercase; font-weight:normal; }
	h3, h4, h5, h6				{ color:#aaddfe; }
	#primaryContent h3			{ font-size:1.6em; color:#202326; }
	#primaryContent h4			{ font-size:1.5em; }
	#primaryContent .article h4	{ margin-bottom:8px; }
	#primaryContent h5			{ font-size:1.5em; color:#fdfeff; padding-bottom: 3px; }
	#primaryContent h6			{ font-size:1.3em; color:#202326; }
	/* @end */

/* @group BANNER */
#banner		{ position:relative; display:block; width:973px; height:303px; background:url(/images/sub_banner_bg.gif) no-repeat; overflow:hidden; } 
#banner img	{ position:relative; top:14px; left:13px; border:0; }
#banner p	{ display:block; width:958px; height:290px; margin:0; background:url(/mediafiles/subpage-header.jpg) no-repeat 15px 13px; }
#events #banner p { background:url(/mediafiles/events-banner.jpg) no-repeat 15px 13px; }
/* @end */

/* @end */


/* @group SECONDARY CONTENT */
#secondaryContent		{ float:left; width:258px; margin:-1px 0 0 28px; background:url(/images/sidebar_bg.gif) no-repeat; min-height:324px; } 
	
	/* @group SUBNAV */
	#subnav							{padding:10px 0 0 30px; margin:0; list-style:none;margin-top: }
	#events li#subnav_home,
	#articles #subnav li#subnav_home,
	#subnav li						{ display:none; }
	#subnav li ul					{ margin:0; padding:0; list-style:none; } 
	
	#events li#subnav_events,
	#articles #subnav li#subnav_resources,
	#articles #subnav li#subnav_resources *,
	#subnav li.current,	
	#subnav li.current *			{ display:block; }  
	
	#events #subnav_events a,
	#articles #subnav_resources a,
	#sorting h3, #how-it-works h3,
	#media-links h3,
	#subnav li.current a			{ 
									  color:#fff; text-transform:uppercase; font-size:1.4em; font-weight:bold; text-decoration:none; 
									  margin-bottom:13px; line-height:40px; 
									}
									
	#articles #subnav_resources li a,
	#subnav li.current li a			{ 
									  line-height:38px; padding:0; font-size:14px; text-transform:capitalize; color:#dee0e2; 
									  font-weight:normal; border:0; margin:0; 
									}
	#articles #subnav_resources a:hover,
	#subnav li.current li a:hover	{ color:#fdfeff; }
	
	#articles #subnav_resources #subnav_resources_articles a, 
	#subnav li li.current a			{ 
									  color:#fff; background:url(/images/subnav_current.gif) no-repeat; 
									  position:relative; left:-15px; top:2px;
									  padding-left:15px; width:200px; line-height:34px; padding-bottom:4px; 
									} 
	/* @end */

/* @end */

/* @group FOOTER */
#footer						{ margin-top:23px; padding:0 15px 100px; position:relative; border-top:1px solid #4e565d}
#service-times				{ float:left; width:50%; margin-top: 10px; }
#service-times p			{ font-size:12px; color:#d0d5d9; margin:0; margin-top: -5px; }
#service-times p.address	{ font-size:11px; line-height:1.0em;margin-top: 7px;}
#service-times strong,
#service-times b			{ color:#fdfeff; }
#service-times a			{ color:#fdfeff; }
#service-times img			{ border:0; position:relative; top:9px; }

#footer-links				{ float:right; margin-top: -2px; }
#footer-links a				{ color:#fdfeff; }
#footer-links a:hover		{ text-decoration:none; }
#footer-links p				{ font-size:11px; color:#d0d5d9; text-align:right; margin:0;line-height:1.5em;}
/* @end */


/* @group SERMONS */
#filter								{ margin-bottom:3.5em; }
#filter select						{ width:250px; margin-left:25px; }
#filter a							{ margin-left:80px; }
.sermonlist 						{ clear:both; }
#primaryContent .sermonlist h4		{ margin:0 0 1em; padding:0; clear:both; }
#primaryContent h4#current			{ clear:both }
.sermonbox							{ position:relative; border-top:1px solid #63696e; padding:10px 0; }
.sermonbox a						{ text-decoration:underline; }
.sermonbox a:hover					{ text-decoration:none; }

#primaryContent .sermonbox h5		{ margin:0;}
#primaryContent .sermonbox h5 span	{ font-size:10px; margin-left:10px; }
.sermonbox h5 a 					{ font-weight:bold; color:#027cc9;}
.sermonbox h5 a:hover 				{ color:#556c6b }
#primaryContent .sermonbox p		{ margin:0;}

.sermonbox ul					{ position:absolute; top:10px; right:10px; margin:0; padding:0; list-style: none;} 
.sermonbox li					{ float:left; display:inline; margin-right:9px; }
.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; }
	/* @end */


	/* @group HOW IT WORKS */
	#how-it-works				{ margin:0 0 2.5em; padding:0; list-style:none; background:#666d74; border:4px solid #63696e; height:30px; }
	#how-it-works li			{ padding: 0 20px; margin-right:1em; font-size:1.2em; float:left; line-height:30px; color:#fff; }
	#how-it-works li span		{ font-weight:bold; }
	#how-it-works li#how		{ padding-left:10px; font-size: 14px; }
	#how-it-works li#play		{ background:url(/images/play_icon.gif) no-repeat left center; }
	#how-it-works li#notes		{ background:url(/images/notes_icon.gif) no-repeat left center; }
	#how-it-works li#video		{ background:url(/images/video_icon.gif) no-repeat left center; }
	#how-it-works li#save		{ background:url(/images/download_icon.gif) no-repeat left center; }
	/* @end */
	
	/* @group SORTING */
	#sorting					{ margin-bottom:2.5em; padding:30px 30px; }
	#sorting h3, #media-links h3{ margin-top:0; }
	#sorting label				{ display:block; font-size:1.3em; font-weight:bold; margin-bottom:.2em; color:#fff; } 
	#sorting select				{ width:180px; margin-bottom:1.4em; }
	#media-links a,
	#sorting a					{ font-size:1.2em; color:#aaddfe; }
	#media-links a:hover,
	#sorting a:hover			{ text-decoration: none; }
	
	#media-links					{ padding:10px 30px; }
	#media-links ul					{ margin:0; padding:0; list-style:none; }
	#media-links li a				{ padding:2px 0 2px 20px; line-height:2.5em; display:block; }
	#media-links li#mb_video a		{ background:url(/images/video_icon.gif) no-repeat left center; }
	#media-links li#mb_jukebox a	{ background:url(/images/play_icon.gif) no-repeat left center; }
	#media-links li#mb_download a	{ background:url(/images/download_icon.gif) no-repeat left center; }
	#media-links li#mb_notes a		{ background:url(/images/notes_icon.gif) no-repeat left center; }
	#media-links li#mb_podcast a	{ background:url(/images/feed_icon.gif) no-repeat left center; } 
	/* @end */

/* @end */

/* @group CALENDAR */
#primaryContent table.calendar				{ margin-bottom: 25px; border-collapse: collapse; width:100%; border:1px solid #4c5156}
#primaryContent table.calendar caption		{ padding-bottom: 10px; color: #fff; font-size: 1.4em; }
#primaryContent table.calendar th			{ padding: 6px 0; background:#4c5156; color:#fff;  font-size: 1.3em; font-weight: normal; }
#primaryContent table.calendar td			{ 
											  width: 68px; height: 68px; padding: 2px; border: 1px solid #4c5156; border-left: 0;
											  border-top: 0; background:#6a7178; color:#fff; font-size: 1em; vertical-align: top; 
											}
#primaryContent table.calendar td a			{ 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		{ text-decoration: underline; }
#primaryContent table.calendar td li a:hover{ text-decoration: none; }
/* @end */