/* @override 
	http://somaaustin.cpmpreview1.com/css/styles.css
	http://www.somaaustin.org/css/styles.css
*/

/*=====
SITE: Soma Austin
FILE: styles.css
CREATED: 2/7/2008
MODIFIED: 3/18/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 */ 
*					{ margin:0; padding:0; line-height:1; }
body				{
					  background:url(../images/body_bg.gif) repeat-x left top; 
					  font-size:62.5%; margin:0; padding:0; font-family:"Trebuchet MS", arial, verdana, sans-serif; color:#262626; 
					}
#container			{ margin:0 auto; width:858px; }
#mainContent		{ width:100%; margin-top:31px; }
#home #mainContent	{ margin-top:10px; }
.show 				{ display:block; }
.hidden, hr			{ display:none; }

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

/* @end */

/* @group HEADER */
#header				{ position:relative; z-index:1000; height:165px; width:100%; margin-bottom:33px; }
#header h1,
#header h1 a		{ display:block; width:292px; height:73px; }
#header h1			{ margin:0; padding:0; background:url(../images/logo.png) no-repeat; text-indent:-999em; position:absolute; top:35px;}
#header h1 a:focus	{ outline:none; }

#header a#header-give { position:absolute; right:7px; top:54px; }

#searchForm			{ position:absolute; top:14px; right:4px; margin:0; padding:0; }
#searchForm fieldset{ position:relative; margin:0; padding:0; border:0; background:url(../images/search_input.gif) no-repeat; width:226px; height:28px;}
#searchForm input	{ 
					  position:relative; top:3px; left:13px; border:0; padding:3px; font-size:1.3em; color:#747474; 
					  background:#dad9d9; float:left; 
					}
#searchForm a		{ 
					  position:absolute; top:3px; right:3px; display:block; width:27px; height:21px; 
					  background:url(../images/search_btn.gif) no-repeat; text-indent:-999em; float:left; 
					}

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

/* @group NAVIGATION */
#nav, #nav * 		{ list-style:none;margin:0;padding:0;}
#nav				{ height:28px; position:absolute; top:137px; left:0; border-bottom:3px solid #d4d3de; width: 100%; }
#nav li 			{ cursor:pointer;float:left; display:inline; margin-left:80px; }
#nav li#nav_about			{ float: right; }
#nav li#nav_home	{ margin-left:0; }
#nav li a 			{ display:block; padding:0 0 13px 0; font-size:15px; font-weight:bold; color:#373737; text-decoration:none; text-transform: uppercase; }
#nav li.current a,
#nav li:hover a		{ color:#b41014; border-bottom:3px solid #130d0d; } 

/* SUBMENU */
#nav li ul 			{ 
					  display:block; position:absolute;left:-5000px;z-index:1001; width:170px; 
					  background:#f4f4f4 url(../images/dropdown_bg.gif) repeat-x left top; padding-top:7px;
					}
#nav li li			{ float:none; display:block; margin-left:0; }
#nav li li a,
#nav li:hover li a	{ border:0; padding:8px 5px 5px 8px; height:13px; font-size:13px; font-weight:normal; color:#757575; text-transform: none; }
#nav li li a:hover	{ background:#dedede url(../images/dropdown_a_bg.gif) repeat-x left bottom; color:#130d0d; }
#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; padding-top:0; }
#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:-25px 0 0 140px;}
/* @end */

/* @group PRIMARY CONTENT */
#primaryContent			{ float:left; position:relative; width:600px; }
#home #primaryContent	{ width:640px; }
#primaryContent a		{ text-decoration:underline; color:#3c9bb3; }
#primaryContent a:hover	{ text-decoration: none; }
#primaryContent p,
#primaryContent li		{ font-size:1.3em; line-height:1.5em; margin-bottom:1em; color: #262626; }
#primaryContent li p	{ font-size:1em; }
#primaryContent ul,
#primaryContent ol		{ margin:1em; padding-left:2em; }
#primaryContent img		{ padding:5px; background:#fcfcfc; border:1e2e1e1; }
img.left-align			{ float:left; margin:10px 10px 10px 0; }
img.right-align			{ float:right; margin:10px 0 10px 10px; }
img.no-border,
img.mcms_stats			{ border:0; }

	/* @group HEADINGS */
	h2, h3, h4, h5, h6	{ margin-bottom:1em; }
	h2					{ font-size:2em; color:#b41014; }
	#primaryContent h3	{ font-size:1.8em; color:#b41014; }
	#primaryContent h4	{ font-size:1.6em; color:#262626; }
	#primaryContent h4 b{ color:#b41014; }
	#primaryContent h5	{ font-size:1.5em; color:#262626}
	#primaryContent h6	{ font-size:1.4em; color:#262626; }
	.article h4			{ margin-bottom:0; } 
	/* @end */
	
	/* @group CAL SWITCHER */
	ul#main-switcher		{ margin:0; padding:0; list-style:none; position:absolute; top:0px; right:0; }
	#main-switcher li		{ float:left; display:inline; }
	#main-switcher li a		{ padding:4px 8px; }
	#main-switcher li a.active	{ background:#3c9bb3; color:#fff; text-decoration:none; }
	/* @end */	
/* @end */

/* @group INTRO */
#intro				{ width:394px; position:relative; height:240px; }
#intro p			{ font-size:1.7em; color:#000; line-height:1.3em; font-weight:normal; }
#quicklinks			{ margin-top:28px; position:relative; margin-right:-23px; position:absolute; bottom:0; }
#quicklinks img		{ border:0; }
#quicklinks a		{ float:left; display:block; width:186px; height:79px; margin-right:22px; }
/* @end */

/* @group BANNER */
#banner				{ display:block; width:855px; height:155px; background:url(/mediafiles/subpage-banner.jpg) no-repeat; }
#home #banner		{ float:left; margin-left:36px; position:relative; background:none; width:428px;}
#home #banner p		{ 
					  position:absolute; top:199px; left:0; display:block; z-index:1001;
					  padding:8px 0 0 21px; margin:0; width:346px; height:25px; 
					  background:url(../images/banner_tagline.png) no-repeat; font-size:1.5em; font-style:italic; color:#727272;  
					}
/* @end */

/* @group SECONDARY CONTENT */
#secondaryContent		{ float:right; position:relative; width:206px; }

	/* @group SUBNAV */
	#sub,
	#blog-sidebar,
	#how-it-works,
	#sorting			{ border:1px solid #f5f5f5; padding:4px; clear:both; margin-bottom:20px; }
	#snav,
	#how-it-works ul,
	#sorting ul,
	#blog-sidebar ul	{ margin:0; padding:16px 11px; background:#f4f4f4; }	
	#snav, #snav *		{ list-style:none; margin:0; padding:0; }
	#snav				{ padding:16px 11px; }
	
	#articles #snav li#snav_home,
	#snav li,
	#snav li.current li ul		
						{ display:none; }
	
	#articles #snav li#snav_resources,
	#articles #snav li#snav_resources *,
	#snav li.current,
	#snav li.current li,
	#snav li li.current ul	{ display:block; }	
	#snav li li ul		{ margin-left:13px;}
	
	#articles #snav li#snav_resources a,
	#snav li.current a		{ 
							  font-size:1.6em; font-weight:bold; color:#130d0d; border-bottom:1px solid #dedede; 
							  padding-left:8px; padding-bottom:4px; margin-bottom:4px; display:block; text-decoration:none; 
							} 

	#articles #snav li#snav_resources li a,
	#snav li.current li a	{ 
							  font-size:1.4em; font-weight:normal; color:#888; border:0; display:inline; line-height:28px; 
							  padding-right:10px; margin-bottom:0;
							}
	
	#snav li li a:hover		{ text-decoration:underline; color:#b41014;  }
	#snav li li.current a	{
							  background:url(../images/snav_li_li_bg.gif) no-repeat; color:#130d0d; display:block; width:175px;
							  margin-left:-23px; padding-left:33px; padding-right:0; text-decoration:none;   
							}
	#snav li li.current li a		{ 
							 	   	  font-size:13px; font-weight:normal; color:#888; border:0; display:inline; line-height:28px; 
							 	 	  background:none; margin:0; padding-left:13px;
									} 	
	#snav li li.active a,
	#snav li li.active a:hover		{ 
									  background:url(../images/right_arrow.gif) no-repeat right center; color:#888; display:inline;
									  padding-right:10px;
									}	 
	#snav li li.active li a,
	#snav li li.active li a:hover	{ background:none; font-size:13px; }
	
	#snav li li.active a:hover		{ color:#b41014; text-decoration:underline; }
	
	#articles #snav li li#snav_resources_articles a,
	#articles #snav li li#snav_resources_articles a:hover,
	#snav li li.active li.current a,
	#snav li li.active li.current a:hover	
									{ 
							  		  background:url(../images/snav_li_li_bg.gif) no-repeat; color:#130d0d; display:block; width:159px;
							  		  margin-left:-36px; padding-left:49px; padding-right:0; text-decoration:none;  	
									} 
	
	#snav li li.current li a:hover,
	#snav li li.active li a:hover	{ 
									  color:#b41014; text-decoration:underline; 
									}

	/* @end */
	/* @group TAB SWITCHER */
	#tab-switcher			{ background:url(../images/switcher_bg.gif) repeat-x; position:relative; top:-2px; }
	#switcher				{ margin:0; padding:0; list-style:none; background:#fff; height:32px; }
	#switcher li			{ float:left; display:inline; font-weight:bold; }
	#switcher li a			{ 
							  display:block; background:url(../images/off_tab.gif) repeat-x; padding:11px 12px 0; height:21px; 
							  font-size:10px; color:#969696; text-decoration:none; text-transform:uppercase;
							}
	#switcher li a.active	{ background:#e9e9e9; color:#262626; }
	#cal-tab a.active		{ margin-right:2px; }
	#eventlist-tab a.active	{ margin-left:2px; }
	/* @end */

	/* @group CAL */
	#cal							{ padding-top:19px; }
	#cal table.calendar				{ 
									  border-collapse: collapse; background: #fff; 
									  font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif; width:186px; 
									  margin:0 auto; clear:both;
									}	
	#cal table.calendar caption		{ 
									  color: #7a7a7a; font-size: 1.2em; margin:0; padding:0;
									  text-transform:uppercase; padding-bottom:13px;
									}	
	#cal table.calendar th			{ 
									  padding: 0; height:32px; color: #444444; font-size: 10px; font-weight: normal; text-align: center; 
									  font-family:"Trebuchet MS", arial, verdana, sans-serif; border-bottom:3px solid #efefef;
									}
	#cal table.calendar td			{ 
									  width: 28px; height: 28px; 
									  color: #969696; font-size: 1em; font-weight: normal; text-align: center; 
									}		
	#cal table.calendar a			{ 
									  display: block; padding: 7px; background:url(../images/cal_link.gif) no-repeat 3px 2px; 
									  color: #444; text-decoration: none; 
									}	
	#traildiv						{ 
									  position: absolute; top: 0px; left: 0px; z-index: 999; visibility: hidden; width: 150px; 
									  height: 100px; color: #FFF;
									} 	
	#traildiv ul					{ 
									  padding: .75em; padding-bottom: 0; border: 3px solid #f4f4f4; background: #fff; 
									  font-size: 1.1em;
									} 	
	#traildiv li					{ color: #444; margin-left: 1em; margin-bottom: .75em; }
	#traildiv a						{ color: #444; text-decoration: none; }
	/* @end */
	
	/* @group EVENTLIST */
	#eventlist-wrap			{ background: url(../images/bg_sidebar_feature.png) repeat-x; position:relative; top:-2px; padding: 15px 10px 0; }
	#eventlist-wrap	 h3				{ font-size:1.8em; color:#444; letter-spacing:-.5px; margin:0 0 10px 0; padding:0; text-transform: uppercase; }
	#eventlist						{ padding-bottom:15px; position:relative; padding-top:15px;}
	#listing .event					{ padding:0 12px; margin-bottom:24px; display:block; }
	.event .date					{ display:block; height:35px; width:28px; border:1px solid #c6c6c6; background:#fff; float:left; }
	.date span						{ display:block; text-align:center;  }
	.date span.month				{ height:11px; font-size:9px; background:#666; color:#fff; text-transform:uppercase; }
	.date span.day					{ font-size:18px; color:#000; margin-top:1px; }
	.event h4						{ margin:0 0 5px 40px; font-size:13px; font-weight:normal; }
	.event h4 a						{ color:#262626; text-decoration:none; }
	.event h4 a:hover				{ text-decoration:underline; }
	.event p						{ margin:0 0 2px 40px; font-size:1.2em; color:#7b7b7b; }
	#eventlist-wrap	 .more				{ text-align:right; margin-top:10px; font-size:1.2em; }
	#eventlist-wrap	 .more a			{ 
									  background:url(../images/cal_icon.gif) no-repeat right center; padding:2px 20px 2px 0; 
									  color:#444;
									} 
	#eventlist-wrap .more a:hover		{ text-decoration:none; }
	/* @end */
	
/* @end */

/* @group FOOTER */
#footer					{ position:relative; margin-top:25px; background:#f2f2f2 url(../images/footer_bg.gif) repeat-x;   }
#footer-inner			{ width:858px; margin:2px auto 0; padding:20px 0 50px 0; overflow: hidden;  }
#footer p				{ font-size:1.2em; color:#6c6c6c; margin:0; padding:0; text-align: right; line-height: 1.4; }
#footer p.copyright 	{ clear:both; }
#footer a				{ color:#49a2b8; text-decoration:underline; }
#footer a:hover			{ text-decoration:none; }
#footer .links		{ float: left; width: 130px; list-style: none;	margin: 0 10px 0 0; padding: 0; }
#footer .links ul 	{ float: none;	width: auto;	list-style: none;	margin: 0; }
#footer .links li 		{ list-style: none;	margin: 0; 	padding: 0; }
#footer .links li a 	{ text-decoration: none; display: block; color: #444444; font-family: Arial, Helvetica, sans-serif;	font-weight: bold;	font-size: 12px;	margin: 0 0 8px 0; text-transform: capitalize; }
#footer .links li a:hover 	{ color:#49a2b8 }
#footer .links li li a 	{	font-weight: normal; margin-bottom: 4px; }
#footer .connect 		{ float: right; width: 240px; }
#footer .social 		{ float:right; margin:0 0 15px 0; padding: 0; list-style: none; overflow: hidden;}
#footer .social li 		{ float:left; margin:0; padding: 0; list-style: none;}
#footer .social li a 	{ text-decoration: none; text-indent: -9996em; background:url(../images/bg_social_footer.png) no-repeat 0 0; width: 100px; height: 28px; display: block; }
#footer .social li a:hover { background-position: 0 100%;}
#footer .social li.twitter a { background-position: -100px 0;}
#footer .social li.twitter a:hover { background-position: -100px 100%;}
.poweredby 		{ width: 120px; float: right;  text-indent: -9999em; margin-top: 15px; }
.poweredby span 	{ display: none;}
.poweredby a 	{ display: block; width: 120px;	height: 31px; text-indent: -9999em;	background:url(../images/ekklesia_logo_white.png) no-repeat left 0;}
.poweredby a:hover		{ background-position: left 100%;}
/* @end */

/* @group SERMONS */
#filter							{ margin-top:2em; }
#filter select					{ width:200px; margin-left:10px; }
#filter a						{ margin-left:20px; }
.sermonlist 					{ border-top:2px solid #e1e1e1; }
#primaryContent .sermonlist h4	{ margin:0; padding:10px 10px 0; }
.sermonbox						{ position:relative; padding:10px; border-bottom:1px solid #e1e1e1}
.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; }
#primaryContent .sermonbox p	{ margin:0;}


.sermonbox ul					{ position:absolute; top:20px; right:10px; margin:0; padding:0; list-style: none;}
.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 */
	#text						{ margin-top:2em; }	
	#primaryContent #byline		{ margin:10px 0 0; padding:0; list-style:none; }
	#primaryContent #mediabox li,
	#primaryContent #byline li	{ margin:0; }	
	#primaryContent #mediabox	{ padding:10px; margin:5px 0 0 0; list-style:none; height:19px; border:1px solid #f4f4f4; width:95%;}
	#mediabox li 				{ padding:2px 8px 0px 20px; float:left; display:inline;  }
	#mediabox li#mb_links		{ background:#f4f4f4; color:#444; margin:-10px 4px -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 h3,
	#sorting h3,
	#blog-sidebar h3			{ background:#f4f4f4; font-size:1.8em; color:#444; letter-spacing:-.5px; margin:0; padding:5px;}
	#how-it-works ul,
	#blog-sidebar ul			{ list-style:none; }
	#how-it-works li			{ padding-left:20px; margin-bottom:1.5em; font-size:1.2em; color:#444; }
	#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 ul					{ list-style:none; }
	#sorting li,
	#blog-sidebar li			{ margin-bottom:1em; }
	#sorting li a,
	#blog-sidebar li a			{ font-size:1.2em; color:#b41014; }
	#sorting li a:hover,
	#blog-sidebar li a:hover	{ text-decoration:none; }
	/* @end */

/* @end */
 
/* @group CALENDAR */
#primaryContent table.calendar				{ margin-bottom: 25px; border-collapse: collapse; width:600px; border:1px solid #f4f4f4; }
#primaryContent table.calendar caption		{ padding-bottom: 10px; color: #444; font-size: 1.4em; }
#primaryContent table.calendar th			{ padding: 6px 0; background: #f4f4f4; color: #444; font-size: 1.3em; font-weight: normal; }
#primaryContent table.calendar td			{ 
											  width: 68px; height: 68px; padding: 2px; border: 1px solid #f4f4f4; border-left: 0;
											  border-top: 0; color: #262626; font-size: 1em; vertical-align: top; 
											}
#primaryContent table.calendar td a			{ text-decoration: none; }
#primaryContent table.calendar td ul		{ margin: .5em 0 0 .5em; 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 BLOG */
#subscribe 		{ float:right; margin-top:-35px; background:url(../images/feed_icon.gif) no-repeat left center; padding-left:20px; } 
p.comments		{ background:url(../images/comments_icon.gif) no-repeat left center; padding:4px 4px 4px 20px; }
p.send			{ padding-left:20px; background:url(../images/email.gif) no-repeat left center; }
#comments form	{ margin-top:5em } 
form fieldset	{ border:0; }
#email-a-friend label,
#blog label		{ display:block; font-size:1.4em; margin-bottom:.5em; }
#email-a-friend textarea,
#blog textarea	{ width:75%; height:200px; margin-bottom:1.5em; }
#email-a-friend input	{ width:75%; padding:2px;}
input#send		{ width:auto; }

#blog #blog-content{
   padding-top: 32px;
   position: relative;
}

#blog #paginationwrap {
   position: absolute;
   right: 10px;
   top: 0px;
   z-index: 999;
}

#blog #paginationwrap span {
	display: inline;
	float: left;
	padding-top: 4px;
	font-size: 12px;
	color: #877457;
	padding-right: 10px;
}

#blog p#pagination {
	display: inline-block;
	position: relative;
	font-size: 13px;
	padding-right: 55px;
	margin: 0;
	background: url(../images/blog_pagination_btns.png) no-repeat right top;
}

#blog #pagination a {
	display: inline-block;
	width: 16px;
	height: 18px;
	line-height: 1.6;
	text-align: center;
	padding: 0px 1px 1px;
}

#blog #pagination a#current {
	background: #b41014;
	color: #fefefe;
	text-decoration: none;
}

#blog #pagination a#next, 
#blog #pagination a#previous {
	width: 20px;
	height: 15px;
	display: block;
	background: url(../images/blog_pagination_btns.png) no-repeat;
	text-indent: -999em;
	line-height: 1;
	padding-bottom: 3px;
}

#blog #pagination a#next {
	position: absolute;
	right: 0;
	top: 0;
	background-position: right -28px;
}

#blog #pagination #next:hover {
	background-position: right bottom;
}

#blog #pagination a#previous {
	position: absolute;
	right: 22px;
	top: 0;
	background-position: 0 -28px;
}

#blog a#off{
   display: none;
}

#blog #pagination #previous:hover {
	background-position: left bottom;
}

/* @end */