/* @override http://www.redeemersl.org/css/styles.css */
/*=====
SITE:Redeemer Sugarland
FILE: styles.css
CREATED: 12/27/2007
MODIFIED: 9/27/2008
AUTHOR: Ben Otero (ben@churchplantmedia.com)

=====*/

/* @group GLOBALS */
*					{ margin:0; padding:0; line-height:1; }
body				{ 
					  background:#51422e url(/images/body_bg.jpg) no-repeat center top; font-size:62.5%; margin:0; padding:0; 
					  font-family:arial, verdana, tahoma, sans-serif;
					}
#container			{ margin:48px auto; width:775px; }
#mainContent		{ background:url(/images/maincontent_bg.jpg) repeat-y; width:723px; padding:5px 29px 0; }
.show 				{ display:block; }
.hidden, hr			{ display:none; }

.clearfix:after 	{ content: ".";  display: block; height: 0; clear: both; visibility: hidden; }
.clearfix 			{ display: inline-block;}
.no-bold			{ font-weight:normal; }

/* @end */

/* @group HEADER */
#header				{ position:relative; z-index:1000; background:url(/images/header_bg.jpg) no-repeat; height:27px; }
#skip				{ position:absolute; top:-999em; }
#login				{ position:absolute; top:-30px; right:40px; }
#login a			{ color:#fff; }
#login a:hover		{ text-decoration:none; }
#login p			{ font-size:1.2em; color:#fff; }
/* @end */



/* @group NAVIGATION */
#nav, #nav * 				{ list-style:none;margin:0;padding:0;}
#nav						{ width:221px; }
#nav li 					{ margin-bottom:4px; width:221px; }
#nav li a		 			{ 
							  display:block; padding:10px 14px; height:12px; background:url(/images/nav_a_bg.gif) no-repeat; 
							  font-size:1.2em; font-weight:bold; color:#e5e2c8; text-decoration:none; text-transform:uppercase;
							}
#nav li:hover a,
#nav li a:hover				{ background-position:left -37px; padding-left:22px; color:#fff }
#nav li ul 					{ position:absolute;left:-5000px;z-index:1001; background:#d6d2b5; margin:-38px 0 0 160px; }
#nav li li					{ margin:0; border-bottom:1px solid #c9c5a7; width:160px; }

#nav li.current li a,
#nav li:hover li a			{ 
							  background:#d6d2b5; height:8px; font-size:1.1em; color:#484036; text-transform:none; font-weight:normal; 
							  padding-left:12px;
							}
#nav li li li 				{ height:auto; width:180px;  }
#nav li:hover li:hover li a	{ background:#d6d2b5; color:#484036; }

#nav li:hover li:hover li:hover a,
#nav li:hover li:hover li a:hover,
#nav li:hover li:hover a,
#nav li:hover li a:hover	{ background:#eae6cd; color:#842e17; padding-left:12px; }

#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; width:465px; margin-right:22px; padding-left:10px; }
#home #primaryContent	{ padding:0 0 125px 6px; width:474px; margin-right:18px; }
#primaryContent a		{ text-decoration:underline; color:#b65135; }
#primaryContent a:hover	{ text-decoration: none; }
#primaryContent p,
#primaryContent li		{ font-size:1.2em; line-height:1.5em; margin-bottom:1em; color:#62584b; }

#primaryContent ul,
#primaryContent ol		{ margin:1em; padding-left:2em; }
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; color:#60523e; }
	h2					{ 
						  display:block; background:url(/images/h2_bg.gif) no-repeat; padding:15px 0 0 16px; margin:8px 0 .5em -6px;
						  width:464px; height:30px; font-size:1.8em; font-weight:normal; color:#f2f1e3; position:relative;
						}
	#primaryContent h2 a{ font-size:11px; position:absolute; top:15px; right:30px; color:#f2f1e3; }	
	#home h2			{ margin-left:-4px; }
	#primaryContent h3	{ font-size:1.5em; }
	#primaryContent h4	{ font-size:1.4em; }
	#primaryContent h5	{ font-size:1.3em; }
	#primaryContent h6	{ font-size:1.2em; }
	.article h4			{ margin-bottom:2px; }
	/* @end */
	
	/* @group BANNER */		
	#banner				{ display:block; background:url(http://s3.amazonaws.com/churchplantmedia-cms/redeemersugarland/subpage-banner.jpg) no-repeat; width:480px; margin-left:-6px; margin-bottom: 8px;}
	#overlay			{ display:block; background:url(/images/sub-overlay.png) no-repeat; height:208px; }
	#home #banner		{ background:url(http://s3.amazonaws.com/churchplantmedia-cms/redeemersugarland/home-banner.jpg) no-repeat; height:319px; margin-left:-2px; }
	#home #overlay		{ display:block; background:url(/images/overlay.png) no-repeat; width:480px; height:319px; }
	/* @end */
	
	/* @group QUICKLINKS */
	#ql			{ position:absolute; top:-116px; left:261px; }
	#ql ul		{ margin:0; padding:0; list-style:none; }
	#ql li		{ 
						  float:left; width:120px; height:108px; 
						  background:url(/images/quicklinks_a_bg.gif) repeat-x left bottom;
						} 
	#ql li a	{  
						  font-size:1.1em; color:#191206; text-decoration:none; text-align:center;
						  display:block; width:120px; padding-top:92px; height:16px;
						}
	#ql li:hover	{ background-position:right bottom; }	
	#ql li a:hover	{ color:#fefefd; }
	#ql li#quick_1 a	{ background:url(http://s3.amazonaws.com/churchplantmedia-cms/redeemersugarland/quicklink1.jpg) no-repeat; }
	#ql li#quick_2 a	{ background:url(http://s3.amazonaws.com/churchplantmedia-cms/redeemersugarland/quicklink2.jpg) no-repeat; }
	#ql li#quick_3 a	{ background:url(http://s3.amazonaws.com/churchplantmedia-cms/redeemersugarland/quicklink3.jpg) no-repeat; }
	#ql li#quick_4 a	{ background:url(http://s3.amazonaws.com/churchplantmedia-cms/redeemersugarland/quicklink4.jpg) no-repeat; margin:0; width:116px; }
	#ql li#quick_4	{ width:116px; }
	/* @end */
/* @end */

/* @group SECONDARY CONTENT */
#secondaryContent		{ float:left; position:relative; width:221px; padding-bottom:6px; }
#secondaryContent h3	{ font-size:1.6em; font-weight:normal; color:#8d7b62; }
	
	/* @group LOGO */
	h1,
	h1 a				{ display:block; width:221px; height:208px; }
	h1					{ background:url(/images/logo.gif) no-repeat; text-indent:-999em; margin-bottom:4px; }
	h1 a:focus			{ outline:none; }
	/* @end */
	
	/* @group SERVICE TIMES */
	#service-times		{ 
						  background:url(/images/service_times_bg.jpg) no-repeat; padding:17px 0 17px 14px; margin-top:6px; 
						  margin-bottom:20px; width:207px; height:33px; position:relative; 
						}
	#service-times h2	{ font-size:1.6em; background:none; padding:0; margin:0; }
	#service-times h3	{ font-size:1.5em; color:#a44329; font-weight:normal; margin:0;}
	#service-times h4	{ font-size:1.4em; }
	#service-times h5	{ font-size:1.3em; }
	#service-times p	{ font-size:2.1em; color:#3f1214; width:140px; margin-top:-5px; }
	#service-times p a.map	
						{ 
						  display:block; width:74px; height:55px; background:url(/images/directions_btn.gif) no-repeat; 
						  text-indent:-999em; position:absolute; top:6px; right:6px;
						}
	#service-times p a.map:focus	{ outline:none; }
	#service-times a		{ color:#3f1214; text-decoration:none; }
	#service-times a:hover	{ text-decoration:underline; }
	#service-times a:focus	{ outline:none; }
	/* @end */
	
	/* @group UPCOMING EVENTS */
	#upcoming-events	{ padding:0 12px; margin-bottom:17px; }
	#upcoming-events h3	{ margin-bottom:8px; }
	.event				{ padding:7px 0 1px; background:url(/images/event_border.gif) repeat-x left bottom; }
	.last				{ background:none; } 
	.event p			{ font-size:1.1em; color:#b65135; }
	.event h4			{ font-size:1.2em; margin-top:5px; }
	.event h4 a			{ color:#483a27; text-decoration:none; }
	.event h4 a:hover	{ text-decoration:underline; }
	/* @end */
	
	/* @group SIGN UP */
	#signup				{ background:#e7e4cc; padding:10px 14px 12px; border:1px solid #d9d5b1; }
	#signup label		{ font-size:1.4em; font-weight:normal; color:#7b684e; }
	input#ea			{ width:120px; float:left; margin-top:6px; padding:2px; }
	input#btn			{ float:right; position:relative; top:6px;}
	#signup fieldset	{ border:0;  }
	/* @end */
	#secondaryContent img{
   border: none;
}
/* @end */

/* @group FOOTER */
#footer					{ 
						  position:relative; top:-1px; background:url(/images/footer_bg.jpg) no-repeat; height:22px;  
						  padding:40px 40px 0 30px;
						}
#home #footer			{ top:-10px; }
#footer p				{ width:40%; float:left; color:#fefefd; font-size:1.1em; }
#footer p#designed		{ float:right; width:auto; }
#footer a				{ color:#fefefd; }
#footer a:hover			{ text-decoration:none; }
/* @end */

/* @group SERMONS */
#filter							{ margin-top:2em; }
#filter select					{ width:200px; margin-left:10px; }
#filter a						{ margin-left:20px; }
.sermonlist 					{ border-top:8px solid #60523e; }
#primaryContent .sermonlist h4	{ margin:0; padding:10px 10px 0; }
.sermonbox						{ position:relative; padding:10px; border-bottom:1px solid #d9d5b1; }
.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:10px; 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; padding-right:5px; }
	#primaryContent #byline		{ margin:10px 0 0; padding:0; list-style:none; width:300px; }
	#byline li					{ margin:0; padding:0; }
	#primaryContent #mediabox	{ margin:5px 0 2em; padding:0;  width:470px; list-style:none; border:1px solid #d9d5b1; height:36px; }
	#mediabox li				{ float:left; display:inline; padding:10px 8px 8px 20px;  }
	#mediabox li a				{ display:block; float:left; }
	#mediabox li#mb_links		{ color:#7b684e; padding-left:8px; background:#d9d5b1; margin-right:5px;   }
	#mediabox li#mb_jukebox		{ background:url(/images/play_icon.gif) no-repeat left 8px; }
	#mediabox li#mb_download	{ background:url(/images/download_icon.gif) no-repeat left 8px; }
	#mediabox li#mb_notes		{ background:url(/images/notes_icon.gif) no-repeat left 8px; }
	#mediabox li#mb_video		{ background:url(/images/video_icon.gif) no-repeat left 8px; }
	#mediabox li#mb_podcast		{ background:url(/images/feed_icon.gif) no-repeat left 8px; }
	#text						{ margin-right:10px;}
	/* @end */


	/* @group HOW IT WORKS */
	#how-it-works				{ margin-bottom:2.6em; }
	#how-it-works h3			{ }
	#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:#62584b; }
	#how-it-works li span		{ font-weight:bold; color:#483a27; }
	#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-bottom:1.6em; }
	#sorting h3					{  }
	#sorting ul					{ margin-top:2em; padding:0 0 0 2em; list-style:none; }
	#sorting li a				{ font-size:1.2em; color:#b65135; }
	#sorting li a:hover			{ text-decoration:none; }
	/* @end */

/* @end */

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


#einvite #primaryContent form,
#einvite #primaryContent fieldset			{ margin:0; padding:0; border:0; }
#einvite #primaryContent form				{ margin-bottom:50px; }
#einvite #invite-a-friend					{ margin:0; padding:0; list-style:none; }
#invite-a-friend li							{ display:block; }
#einvite #invite-a-friend label				{ display:block; }
#invite-a-friend input						{ width:60%; }
#invite-a-friend textarea					{ height:100px; width:60%; }

/* @group MESSAGE BOARDS */
.category,
.board						{ position:relative; padding:10px 0; border-bottom:1px solid #d9d5b1; }
#primaryContent #feed		{ background:url(/images/feed_icon.gif) no-repeat left center; padding-left:22px; }
.category h5,
.board h3					{ margin-bottom:.2em; }
#primaryContent .category h5{ font-size:1.4em; } 

#boards table				{ background:#fff; width:100%;  }
#boards table th			{ padding:5px 0; background:#b65135; color:#fefefd; font-size:1.1em; text-align:left; }
#boards th.title			{ padding-left:5px; }
#boards table td			{ padding:10px 5px; font-size:1.2em; color:#7b684e; border:1px solid #d9d5b1; border-width:0 1px 1px 0; }
#boards table td.title		{ width:120px; padding-left:5px;}
#boards .pagination			{ background:none; color:#666; }
#boards table.pagination td	{ border:0; color:#666; }

.comment						{ background:#fff; padding:10px; margin:25px 0 15px; border-bottom:1px solid #d9d5b1; }
.comment h5						{ margin:-10px -10px 1.5em; padding:10px; background:#842e17; color:#fff; }
#primaryContent .comment h5 a	{ color:#fff; margin-left:25px; }

#boards fieldset	{ margin:0; padding:0; border:0; } 
#boards label		{ display:block; font-size:1.3em; margin-bottom:.5em; font-weight:bold; }
#boards input,
#boards textarea	{ margin-bottom:1.5em; }
/* @end */


/* @group CALENDAR */

#primaryContent table.calendar {
	margin-bottom: 25px;
	border-collapse: collapse;
	width: 100%;
}

#primaryContent table.calendar caption {
	padding-bottom: 10px;
	color: #666;
	font-size: 1.4em;
}


/* @group TABS */

#events-calendar {
	padding-top: 56px;
}

#event-wrap ul#tabs {
	margin: 0;
	top: 6px;
	padding: 0;
	list-style: none !important;
	position: absolute;
	right: 0px;
	z-index: 1000;
}

#primaryContent #tabs li {
	float: left;
	list-style: none;
}

#months {
	position: absolute;
	right: 0px;
	top: 56px;
}

#tabs li a {
	padding: 10px;
	padding-top: 11px;
	text-decoration: none;
	display: block;
	float: left;
	color: #333;
}

#tabs li a:hover {
	text-decoration: underline;
}

#tabs li.current a {
	background: #705a3f;
	color: #fff;
	text-decoration: none;
}

/* @end TABS */
#event-wrap{
   position: relative;
   padding-top: 20px;
}

/* @group PREV/NEXT LIST VIEW */

.cal-controls {
	margin: -10px 0 10px !important;
	padding: 0 !important;
	list-style: none;
	display: block;
	overflow: hidden;
	height: 17px;
}

.cal-controls li {
	float: left;
	margin-right: 4px;
	list-style: none;
}

.cal-controls li.month {
	margin-left: 5px;
	font-size: 19px !important;
	color: #808080;
	position: relative;
   top: -5px;
padding-bottom: 4px;
}

.cal-controls li a {
	display: block;
	width: 16px;
	height: 18px;
	background: #705a3f;
	color: #fff !important;
	text-align: center;
	text-decoration: none !important;
	line-height: 17px;
	font-size: 13px;
	vertical-align: middle;
	font-weight: bold;
}
dt, dd {
	font-size: 1.3em;
	color: #705a3f;
}

dd {
	margin-bottom: 10px;
}

dd.title{
   font-size: 1.5em;
}

#list-view dt {
	margin-top: 35px;
	margin-bottom: 10px;
	color: #333;
}

/* @end */