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

/*=====
SITENAME: The Bridge DC
FILE: styles.css
CREATED: 9/5/2007
MODIFIED: 11/26/2007
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
IX.		MISCELLANEOUS

=====*/

/* @group GLOBALS */
body				{ 
					  background:#2a2113 url(/images/bg.jpg) repeat center top; margin:0; padding:0; 
					  font-size:62.5%; font-family:"Lucida Grande", arial, verdana, sans-serif;
					}
.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 */

#skip 				{ position:absolute; top:-999em; left:-999em; }
#container-outer	{ 
					  background:url(/images/container-outer.jpg) no-repeat center -10px; padding-left:38px; padding-top:33px; 						  margin-top:2px; margin-bottom:2em;
					}
#container			{ margin:0 auto; width:772px;  }
#mainContent		{ background:url(/images/maincontent_bg.gif) repeat-y; }
/* @end */

/* @group HEADER */
#header				{ position:relative; background:url(/mediafiles/home-header.jpg) no-repeat; height:318px; z-index:100;	}
#home #header		{ background:#fff; }
#header h1			{ 
					  position:absolute; top:18px; left:0; margin:32px; display:block; background:url(/images/logo.png) no-repeat; 
					  width:253px; height:59px; text-indent:-999em; z-index:2;
					}
#home #header h1	{ display:none; }
#header h1 a		{ display:block; width:253px; height:59px; }
/* @end */

/* @group NAVIGATION */
#nav, #nav li ul	{ list-style:none;margin:0;padding:0;}
#nav				{ 
					  position:absolute; top:269px; right:0; background:url(/images/nav_bg.gif) no-repeat; 
					  width:530px; height:49px; padding-left:22px; z-index:3;
					}
#nav li 			{ cursor:pointer;float:left; background:url(/images/nav_li_bg.gif) no-repeat right top; padding-right:2px; }
#nav li a 			{ 
					  display:block; font-size:1.2em; color:#fff; text-decoration:none; text-transform:uppercase; 
					  line-height:28px; padding:0 10px;
					}
#nav li a:hover,
#nav li:hover a		{ background:url(/images/nav_current_bg.gif) repeat-x; }
#nav li li			{ float:none; display:block; background:none; padding:0; }
#nav li:hover li a	{ background:none; }
#nav li li a:hover	{ background:#3c2f17; }
#nav li li a		{ text-transform:capitalize; }

/* --- POSITION ---*/
#nav li ul 			{ position:absolute;left:-5000px;z-index:1001; padding-top:1em; background:#60583e; width:150px; }
#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:-28px 0 0 140px;}
/* @end */

/* @group PRIMARY CONTENT */
#primaryContent 	{ 
					  position:relative; float:right; width:506px; padding:0 20px 20px;
					  background:#ded6bb url(/images/primarycontent_bg.gif) repeat-x; 
					}
#primaryContent p	{ font-size:1.2em; color:#010101; line-height:1.5em; }
#primaryContent a	{ color:#0a7ca5; }
#primaryContent a:hover	{ text-decoration:none; }
#primaryContent img	{ border:5px solid #a59b7c; }
#einvites img{
   width: 128px;
}
#primaryContent img.no-border	{ border:0; }
#primaryContent img.left-align	{ margin:14px 10px 10px 0; float:left; }
#primaryContent img.right-align { float:right; margin:14px 0 10px 10px; }
img.mcms_stats		{ display:none; }
	
	/* --- HEADINGS ---*/
	#primaryContent h2	{ background:url(/images/dotted_bg.gif) repeat-x left bottom; padding-bottom:0px; margin:0; }
	#home #primaryContent h2 { width:300px; }
	/* @group QUICKLINKS */
	#quicklinks 		{ margin:30px -2px 0; }
	#quicklinks ul		{ margin:0; padding:0; list-style:none; }
	#quicklinks li		{ float:left; display:block; width:155px; height:112px; border:4px solid #6f593b; margin-right:7px;  }
	#quicklinks li a	{ 
						  display:block; color:#fff; text-decoration:none; font-weight:bold; font-size:1.3em; text-align:right; 
						  padding-top:93px; margin-right:7px;
						}
	#quicklinks li a:hover	{ text-decoration:underline; }
	#quicklinks li#quick1	{ background:url(/mediafiles/quicklink1.jpg) no-repeat; }
	#quicklinks li#quick2	{ background:url(/mediafiles/quicklink2.jpg) no-repeat; }
	#quicklinks li#quick3	{ background:url(/mediafiles/quicklink3.jpg) no-repeat; margin-right:0; }
	/* @end */
/* @end */

/* @group SECONDARY CONTENT */
#secondaryContent	{ float:left; width:220px; }
#secondaryContent h3{ font-size:1.2em; color:#f3ede4; margin-top:0;margin-bottom:4px; }
#secondaryContent a img {  border:0; }
#podcast 			{ margin:1em auto; padding-left:10px; }

	/* @group SERVICE TIMES */
	#service-times			{ background:#d7cfb5; padding:13px 20px 3px; }
	#service-times p		{ font-size:11px; color:#3e4a4e; margin:10px auto 0;  }	
	#service-times p a		{ 
							  display:block; background:url(/images/directions_bg.gif) no-repeat; height:21px; 
							  text-indent:-999em; margin:0; 
							}
	/* @end */
	
	/* @group SIDEBAR CALENDAR */
	#upcoming-events 							{  
												  margin-top:2.5em; margin-bottom:.5em; padding-bottom:2em; 
												  background:url(/images/sidebar_divider.gif) no-repeat right bottom;
												}
	#secondaryContent table.calendar			{
	   											  border-collapse: collapse;
	   											  background: #bfb596; width:194px; margin-left:14px;
												}	
	#secondaryContent table.calendar caption		{ 
													  color: #fff; font-size: 1em; text-align:center; text-transform:uppercase; 
													  padding-bottom:6px;
													}	
	#secondaryContent table.calendar caption span	{ color: #A6A763; }	
	#secondaryContent table.calendar th				{
	   background:url(/images/cal_th_bg.gif) repeat-x left bottom;
	   padding: 3px 0; color: #fff; height:16px;
	   font-size: 1em;
	   text-align: center;
	}
	
	#secondaryContent table.calendar td				{ 
													  width: 28px; height: 28px;  color: #493923; font-size: 1em; 
													  font-weight: normal; text-align: center;
													}	
	#secondaryContent table.calendar td.linked-day 	{ background:#d7cfb5; }	
	#secondaryContent table.calendar a				{ 
													  display: block; padding: 7px; background: #d7cfb5; color: #2b1e0b;
													  text-decoration: none;
													}
	#traildiv		{ 
					  position: absolute; top: 0px; left: 0px; z-index: 999; visibility: hidden; width: 100px; 
					  height: 100px; color: #FFF;
					}	
	#traildiv ul	{ padding: .75em; padding-bottom: 0; border: 3px solid #15130D; background: #2B271B; font-size: 1.1em; 	}
	#traildiv li	{ color: #FFF; margin-left: 1em; margin-bottom: .75em; 	}
	#traildiv a		{ color: #FFF; text-decoration: none; 	}	
	/* @end */
	
	/* @group SEARCH */
	#search				{ background:url(/images/sidebar_divider.gif) no-repeat right top; padding:18px; margin-top:.5em;}
	#search h3			{ font-size:1.2em; color:#f3ede4; margin-top:0;margin-bottom:4px;}
	#search form		{ margin:0; padding:0; }
	#search	fieldset	{ margin:0; padding:0; border:0; }
	#search input		{ float:left; width:112px; padding:2px; height:12px;}
	#search #search_go	{ 
						  display:block; float:right; background:url(/images/search_btn.gif) no-repeat; width:54px; height:20px; 
						  text-indent:-999em; margin-top:2px;
						}
	
	/* @end */
/* @end */

/* @group FOOTER */
#footer				{ background:#334247 url(/images/footer_bg.gif) repeat-x left top; padding:10px 20px; height:31px; }
#footer p			{ font-size:1.1em; color:#fdfefe; width:60%; }
#footer p#designed	{ float:right; text-align:right; margin-top:-27px; width:30%; }
#footer p a			{ color:#afa494; }
#footer p a:hover	{ text-decoration:none; }
/* @end */

/* @group CALENDAR */
#primaryContent table.calendar 				{ margin-top:20px; margin-bottom: 25px; border-collapse: collapse; background: #bfb596;}
#primaryContent table.calendar caption		{ padding-bottom: 10px; color: #3b2910; font-size: 1.4em; }
#primaryContent table.calendar th			{ 
											  background:#6a5839 url(/images/cal_th_bg.gif) repeat-x left bottom; padding: 6px 0; 
											  color: #fff; font-size: 1.3em; 
											}
#primaryContent table.calendar td			{
											  width: 68px; height: 68px; padding: 2px; color: #493923; font-size: 1em; 
											  vertical-align: top; 
											}
#primaryContent table.calendar td.linked-day{ background:#d7cfb5; }
#primaryContent table.calendar td a			{ color: #493923; 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 */

/* @group SERMON SECTIONS */
.sermonlist						{ border-top:8px solid #3c2f17; margin-bottom:1.5em; }
.sermonbox 						{ position:relative; background:#d7cfb5; padding:10px; }
#primaryContent .sermonlist h4	{ background:#d7cfb5; padding:10px; margin:0; }
.sermonbox:hover				{ background:#bfb596; }
.sermonbox h5, .sermonbox p		{ margin:0; color:#010101;  }
.sermonbox h5					{ font-size:1.2em; }
#primaryContent .sermonbox p	{ font-size:1.1em; }
.sermonbox a					{ color:#0a7ca5; }
.sermonbox a:hover				{ text-decoration:none; }
.sermonbox ul					{ position:absolute; top:10px; right:30px; margin:0; padding:0; list-style:none; }
.sermonbox li 					{ float:left; margin-right:5px; }
.sermonbox li a					{ display:block; width:16px; height:16px; text-indent:-999em; }
.sermonbox li a:focus			{ outline:none; }
.sermonbox:hover ul li a		{ background-position:left bottom; }
.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; }

/* --- HOW IT WORKS ----*/
#how-it-works 				{ padding:20px;  }
#how-it-works ul			{ margin:0; padding:0; list-style:none; }
#how-it-works li			{ margin-bottom:2em; padding:4px 0 4px 20px; color:#fff; }
#how-it-works li span		{ font-weight:bold; font-size:1.2em;}
li#play						{ background:url(/images/play_icon_side.gif) no-repeat 0 4px; }
li#save						{ background:url(/images/download_icon_side.gif) no-repeat 0 4px; }
li#notes					{ background:url(/images/notes_icon_side.gif) no-repeat 0 4px; }
li#video					{ background:url(/images/video_icon_side.gif) no-repeat 0 4px; }

/* --- SORTING ---*/
#sorting					{ padding:20px; }
#sorting ul					{ margin:0; padding:0; list-style:none; }
#sorting li					{ margin-bottom:.5em; }
#sorting li a				{ font-size:1.2em; color:#f3ede4; }

/* --- MEDIA LINKS ---*/
ul#byline					{ margin:0 0 2em; padding:4px 0; list-style:none; float:left; width:300px; }
ul#byline li				{ float:left; margin-right:10px; font-size:1.1em; color:#010101; }
#mediabox					{ 
							  float:right; width:125px; margin:0; padding:10px; list-style:none; border:1px solid #6a5839; 
							  background:#d7cfb5; 
							}
#mediabox li				{ font-size:1.1em; padding-left:20px; height:15px; margin-bottom:0.5em;}
#mediabox li#mb_links		{ padding:10px; margin:-10px -10px 20px; background:#6a5839; color:#fff;}
#mediabox li#mb_video		{ background:url(/images/video_icon.gif) no-repeat; }
#mediabox li#mb_jukebox		{ background:url(/images/play_icon.gif) no-repeat; }
#mediabox li#mb_download	{ background:url(/images/download_icon.gif) no-repeat; }
#mediabox li#mb_notes		{ background:url(/images/notes_icon.gif) no-repeat; }
#mediabox li#mb_podcast		{ background:url(/images/feed_icon.gif) no-repeat; }
#text						{ clear:left; width:300px;  }

/* -- ARTICLES --*/
.article 					{ padding:10px 0;  }
.article h4					{ margin:0; font-size:1.4em; }
.article p					{ margin:0 0 .5em; }
/* @end */