/* @override http://thecrossings.cpmpreview1.com/css/styles.css */
/*=====
SITE: Crossings
FILE: styles.css
CREATED: 1/31/2008
MODIFIED:10/15/2008
AUTHOR: Ben Otero (ben@churchplantmedia.com)
=====*/

/* @group GLOBALS */
*					{ margin:0; padding:0; }
body				{ 
					  font-size:62.5%; margin:0; padding:0; background:url(../images/body_bg.gif) repeat center top;
					  font-family:"Lucida Grande", arial, verdana, sans-serif;
					}
#container			{ margin:0 auto; width:860px; position:relative; z-index:10;  }
#wrapper			{ background:url(../images/body_bg.jpg) repeat-x; }
#outer-container	{  }
#mainContent		{ padding:31px 0 53px; width:860px;}
.show				{ display:block; }
.hidden, hr			{ display:none; }

.clearfix:after 	{ content: ".";  display: block; height: 0; clear: both; visibility: hidden; }
.clearfix 			{ display: inline-block;} 
a:focus				{ outline:none; }

/* @end */

/* @group HEADER */
#header				{ position:relative; z-index:1000; height:287px; }
#header h1,
#header h1 a		{ display:block; width:380px; height:80px; }
#header h1 			{ background:url(../images/logo.png) no-repeat; position:absolute; top:44px; left:0; text-indent:-999em; }
#header h1 a:focus	{ outline:none; }
#welcome			{
	position:absolute;
	top:124px;
	left:-3px;
	width:458px;
}
#welcome p			{ 
					  font-family:Georgia, "Times New Roman", serif; font-size:1.5em; font-style:italic; color:#fae9a7; 
					  margin:0; padding:0; line-height:1.8em; font-weight:lighter;
					}
#gallery			{ 
					  display:block; position:absolute; top:28px; right:-17px;
					  width:363px; height:351px; background:url(../images/sub_gallery_bg.png) no-repeat;
					}
#photo				{ 
					  display:block; width:300px; height:285px; margin:38px 0 0 31px; 
					  
					}
#home #gallery		{ 
					  display:block; position:absolute; background:url(../images/gallery_bg.png) no-repeat; 
					  width:368px; height:361px; top:42px; right:-21px
					  
					}
#gallery-album		{ 
					  display:block; margin:26px 0 0 35px; position:relative;
					  width:300px; height:257px; overflow:hidden;
					}
#gallery-album img	{ position:absolute; top:0; display:none; border:0; }
#controls			{ margin:0; padding:0; list-style:none; width:373px; position:absolute; top:295px; right:-21px; }
#controls li a		{ display:block; width:23px; height:33px; text-indent:-999em; }
#controls li a:focus{ outline:none; }
#controls li a#prev	{ background:url(../images/left_arrow.png) no-repeat; }
#controls li a#next	{ background:url(../images/right_arrow.png) no-repeat; float:right; position:relative; top:-33px;}
#more-info			{ position:absolute; top:346px; right:20px; font-size:11px; color:#554e3f; width:285px; z-index:500; }
#more-info span		{ float:left; }
#more-info a		{ color:#8c5309; position:relative; }
#more-info a:hover	{ text-decoration:none; }
#skip				{ position:absolute; top:-999em; }
/* @end */

/* @group NAVIGATION */
#nav, #nav * 		{ list-style:none;margin:0;padding:0;}
#nav				{ position:absolute; top:253px; height:39px; }
#events #nav_home,
#sermons #nav_home,
#articles #nav_home,
#nav li 			{ float:left; padding-left:4px; background:url(../images/nav_li.gif) no-repeat left top; margin-right:4px;}

#sermons #nav_home a,
#events #nav_home a,
#articles #nav_home a,
#nav li a 			{ 
					  display:block; padding:0 13px 2px 9px; line-height:37px; font-size:1.2em; text-decoration:none;
					  color:#fff; background:url(../images/nav_a.gif) no-repeat right top;
					} 

#events #nav_events,
#articles #nav_resources,
#sermons #nav_resources,
#nav li:hover,
#nav li.current		{ background:url(../images/nav_li_current.gif) no-repeat left top; }

#events #nav_events a,
#articles #nav_resources a,
#sermons #nav_resources a,
#nav li:hover a, 
#nav li.current a	{ background:url(../images/nav_a_current.gif) no-repeat right top; color:#422313;  }

#nav li li				{ display:block; background:none; margin-right:0; }

#nav li li a,
#nav li.current li a,
#nav li:hover li a						{ font-size:11px; color:#211814; padding:0 8px; line-height:20px; }
#nav li li a:hover,
#nav li li.current a					{ text-decoration:underline; color:#5b2a14; }

#sermons li#nav_resources.current li a,
#events li#nav_events.current li a,
#articles li#nav_resources.current li a,
#articles #nav_resources:hover li a,
#sermons #nav_resources:hover li a,
#nav li:hover li a,
#nav li li:hover,
#nav li.current li a,
#nav li li.current 						{ background:none;  }

#nav li ul 								{
	position:absolute;
	left:-5000px;
	z-index:1001;
	width:515px;
}
#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.current ul						{ left:0; top:32px; padding-top:18px;}

/* @end */

/* @group PRIMARY CONTENT */
#home #primaryContent	{  }
#primaryContent			{ float:left; position:relative; width:484px; padding-left:9px; margin-top:44px;}
#primaryContent .link		{ text-decoration:underline; color:#8a4629; }
#primaryContent a:hover	{ text-decoration: none; }
#primaryContent p,
#primaryContent li		{ font-size:1.3em; line-height:1.5em; margin-bottom:1em; color:#382b26; }
#primaryContent li p	{ font-size:1em; margin:0; }
#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:#32231c; }
	h2					{ font-size:2.3em; color:#32231c; font-weight:normal; margin-top:4px;}
	#primaryContent h3	{ font-size:1.8em; }
	#primaryContent h4	{ font-size:1.6em; }
	#primaryContent h5	{ font-size:1.5em; }
	#primaryContent h6	{ font-size:1.4em; }
	.article h4			{ margin:0; font-weight:normal; }
	.article p			{ margin-top:2px; }
	/* @end */	
	
	/* @group INTRO */
	#primaryContent #intro		{ 
								  background:url(../images/maincontent_bg.gif) no-repeat center bottom; width:487px; padding:0 40px 0px 0; 
								  margin-bottom:30px;
 								}
 	#primaryContent #intro h2	{ font:30px Georgia, "Times New Roman", serif; font-size:30px; color:#643d2b; }
	#primaryContent #intro	p	{ font-size:1.3em; color:#464134; line-height:1.7em;  position:relative; top:-37px; }
						
	/* @end */
	
	/* @group RESOURCES */
	#resources			{ position:relative; width:484px; }
	.col				{ float:left; width:228px; background:url(../images/quicklink_bg.jpg) no-repeat 0 0px; position:relative; }
	.col img			{ margin:7px 5px 15px 7px; border:0; }
	#column1 img		{ margin-bottom:13px; }
	/* @end */
	
	/* @group COLUMN 1 (HOME PAGE UPCOMING EVENTS) */
	#column1					{ margin-right:20px; position:relative; left:-5px;}
	#upcoming-events			{ margin-right:16px; }
	#column1 h3					{ 
								  display:block; height:26px; width:121px; background:url(../images/upcoming_events_h3.gif) no-repeat; 
								  text-indent:-999em; margin:0;
								}
	a#all-events				{ 
								  position:absolute; top:5px; right:16px; background:url(../images/calendar_icon.gif) no-repeat right center; 
								  padding:4px 20px 4px 0; font-size:1em; color:#8a4629; text-decoration:none; cursor:pointer;
								}	
	#upcoming-events #all-events{ position:relative; top:-12px; left:200px; color:#8a4629; }
	a#all-events:hover			{ text-decoration:underline; }
	#column1 .event,		
	#upcoming-events .event		{ clear:both; padding:7px 0; background:url(../images/event_bg.gif) no-repeat center bottom; }
	#column1 .last,
	#upcoming-events .event		{ background:none; }
	#column1 .date,
	#upcoming-events .date		{  
								  display:block; width:33px; height:35px; background:url(../images/date_bg.gif) no-repeat; 
								  font-size:1em; color:#87734b; text-align:center; padding-top:5px; float:left;
								  font-family:arial, verdana, sans-serif;
								}
	#column1 .date span,
	#upcoming-events .date span	{ display:block; font-size:16px; color:#482b1c; }
	#column1 h4,
	#upcoming-events h4			{ font:bold 1.3em Georgia, "Times New Roman", serif; margin:7px 0 0 46px; }
	#column1 h5		{ font:bold italic 14px Georgia, "Times New Roman", serif; margin:5px 0 13px 5px; width:208px; text-decoration:none }
	#column1 h4					{ margin-top:2px; font-size:1.2em; }
	#upcoming-events h4 span	{ font:normal 11px "Lucida Grande", arial, verdana, sans-serif; color:#585348; margin-left:10px; }
	#column1 h4 a,
	#upcoming-events h4 a		{ color:#3d4a44; text-decoration:none; }
	#column1 h4 a:hover,
	#upcoming-events h4 a:hover	{ text-decoration:underline; }
	#column1 p,
	#upcoming-events p			{ margin:0 0 0 46px; font-size:1.1em; line-height:1.7em; color:#585348; }
	/* @end */
	
	/* @group COLUMN 2 (ARTICLES ) */
	#column2			{ position:relative; left:-2px }
	#column2 h3			{ display:block; width:100px; height:26px; background:url(../images/latest_article_tab.gif) no-repeat; text-indent:-999em; margin:0; }
	#column2 h4			{ font:bold italic 14px Georgia, "Times New Roman", serif; margin:5px 0 13px 5px; width:208px; }
	#column2 h4 a		{ color:#9a5132; text-decoration:none; }
	#column2 h4 a:hover	{ text-decoration:underline; }
	#column2 p			{ font-size:1.2em; color:#666050; line-height:1.5em; margin-left:5px; width:200px;  }	
	#column2 a#latest	{  
						  background:url(../images/article_icon.gif) no-repeat right center; padding:4px 20px 4px 0; 
						  font-size:1em; color:#905033; text-decoration:none; cursor:pointer;
						  text-transform:lowercase; position:absolute; top:3px; right:16px; 
						}
	#column2 a#latest:hover		{ text-decoration:underline; }

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

/* @group SECONDARY CONTENT */
#secondaryContent			{ 
							  float:right; position:relative; width:305px; margin:69px 0 0 0; right:-21px; 
							  background:url(../images/sub_featured_sermon.gif) no-repeat; padding:18px 16px; 
							}
#home #secondaryContent		{ margin-top:92px; background:none; padding:0; position:relative; left:-21px;}
#secondaryContent h3		{ border-bottom:1px solid #d4ceb3; }
#home #secondaryContent h3	{ border:0; }
#secondaryContent a			{ color:#5c3a2b; }
	
	/* @group NEW HERE */
	#new-here			{  
						  display:block;  width:203px; height:56px; background:url(../images/new_here_bg.gif) no-repeat;
						  padding:24px 33px 24px 63px; position:relative; left:11px;
				 		}	
	#new-here h3		{ 
						  margin:0; display:block; width:197px; height:24px; 
						  background:url(../images/new_here_h3.gif) no-repeat; text-indent:-999em; 
						}
	#new-here p			{ font-size:1.2em; color:#564738; line-height:16px; }
	#new-here a			{ color:#564738; text-decoration: none; }
	#new-here a:hover	{ text-decoration:underline; }
	#new-here a.stamp	{ 
						  position:absolute; top:11px; left:-16px; display:block; background:url(../images/new_here_btn.gif) no-repeat; 
						  width:70px; height:70px; text-indent:-999em;
						}
	a.stamp:focus		{ outline:none; }
	/* @end */
	
	/* @group SERVICE TIMES */
	#service-times			{ margin:7px 0 16px; position:relative; left:10px; }
	#service-times a		{ 
							  display:block; width:305px; height:60px; 
							  background:url(../images/times_btn.gif) no-repeat; text-indent:-999em;
							}
	#service-times a:focus	{ outline:none; }
	/* @end */
	
	/* @group FEATURED SERMON */	
	#featured-sermon				{ position:relative; margin-bottom:32px; margin-right:11px;	}
	#home #featured-sermon			{ 
									  background:url(../images/recent_sermon_bg.png) no-repeat; padding:18px 16px; margin:0; left:13px; 
									  width:266px; 
									}
	#featured-sermon a.play			{ 
									  display:block; width:70px; height:20px; background:url(../images/play_btn.gif) no-repeat; 
									  text-indent:-999em; position:absolute; top:0; right:0; cursor:pointer;
									} 
	#home #featured-sermon a.play	{ top:14px; right:13px; cursor:pointer; }
	#featured-sermon a.play:focus	{ outline:none; }
	#featured-sermon h3,
	#home #featured-sermon h3		{ color:#9a5132; font-size:1.5em; font-weight:normal; border-bottom:1px solid #d4ceb3; margin-bottom:12px;}
	#featured-sermon h4				{ font-size:1.5em; margin:0;  }
	#featured-sermon h4 a			{ color:#5c3a2b; text-decoration:none; }
	#featured-sermon a              {font-size:12px; text-decoration:none; }
	#featured-sermon a:hover		{ text-decoration:underline; }
	#featured-sermon h4 span		{ font-size:11px; color:#8a8671; font-weight:normal; margin-left:15px;}	
	#featured-sermon p				{ font:italic 12px Georgia, "Times New Roman", serif; color:#666050; line-height:1.5em; margin-top:5px;}
	#featured-sermon .img { width:auto; height:auto; margin-right:14px; margin-bottom:8px; margin-top:5px; float:left; border:solid 2px #FFFFFF; }	
	/* @end */
	
	/* @group ELETTER */
	#eletter						{ margin-top:29px; clear:both; }
	.e2ma_signup_form_required_footnote,
	#e2ma_signup_reset_button,
	#e2ma_signup_message			{ display:none; }
	#home #eletter h3				{ margin:0 0 10px; }
	#eletter form, #eletter fieldset{ margin:0; padding:0; border:0; }
	#eletter fieldset				{ background:url(../images/input_bg.gif) no-repeat left top; }
	#home #eletter fieldset			{ position:relative; }
	#eletter .e2ma_signup_form_element input	{ width:147px;height:17px; border:0; padding:2px 10px 2px 5px; margin-bottom:.5em; }
	#eletter .e2ma_signup_form_label			{ font-size:1.3em; text-transform:capitalize; margin-bottom:.5em;}
	#eletter #ea					{ 
									  padding:2px 10px 2px 5px; width:147px; height:17px; font-size:1em; color:#6f6b5a; border:0;
									  margin-left:5px; position:relative; top:-9px;
									} 
	#eletter #signup-btn			{ position:relative; left:27px;}
	/* @end */
	
	
	
/* @end */

/* @group FOOTER */
#footer-wrap			{ background:url(../images/footer_bg.jpg) no-repeat center top; height:94px; position:relative; z-index:1; margin-top:-120px; }
#home #footer-wrap		{ margin-top:-105px; }
#footer					{ position:relative; z-index:2; height:150px; background:#b9b296 url(../images/footer_wrap_bg.gif) repeat-x left top; }
#footer-inner			{ width:835px; margin:0 auto; padding:30px 12px 0 13px; position:relative; }
#footer p				{ font-size:1.1em; color:#726b5d; }
#footer a				{ color:#554e3f }
#footer a:hover			{ text-decoration:none; }
#footer #feeds			{ 
						  position:absolute; right:14px; top:30px; background:url(../images/footer_feeds.gif) no-repeat;
						  display:block; width:66px; height:23px; text-indent:-999em;
						}
/* @end */

/* @group SERMONS */
#filter							{ padding-bottom:1.5em; }
#filter select					{ width:150px; margin-left:10px; }
#filter a						{ margin-left:20px; }
.sermonlist 					{ border-top:8px solid #3c1c0a; }
#primaryContent .sermonlist h4	{ margin:0; padding:10px 10px 0; background:#eee9d6; }
.sermonbox						{ position:relative; padding:10px; background:#eee9d6; }
.sermonbox a					{ text-decoration:underline; }
.sermonbox a:hover				{ text-decoration:none; }
#primaryContent .sermonbox h5	{ margin:0 0 3px; font-size:1.3em;}
#primaryContent .sermonbox h5 span	
								{ font:italic 11px Georgia, serif; margin-left:10px; color:#554e3f;}
#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						{ float:left; margin-top:1em; }
	#primaryContent #byline		{ margin:10px 0 0; padding:0; list-style:none; clear:both; float:none; }
	#byline li					{ margin:0; }
	#primaryContent #mediabox	{ clear:both; margin-left:0; padding:10px; height:16px; list-style:none; border:1px solid #e3dcc3; background:#eee9d6; margin-right:-30px; }
	#mediabox li 				{ padding:2px 4px 0px 18px; margin-right:3px; float:left; display:inline; font-size:11px; }
	#mediabox li#mb_links		{ background:#3c1c0a; color:#19140d; margin:-10px 5px -10px -20px; padding:10px; color:#fff; }
	#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_app.gif) no-repeat left 2px; }
	/* @end */


	/* @group HOW IT WORKS */
	#how-it-works				{ margin-right:16px; }
	#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; color:#78705f; line-height:1.5em;}
	#how-it-works li span		{ font-size:13px; font-weight:bold; color:#413c30; }
	#how-it-works li#play		{ background:url(../images/play_icon_app.gif) no-repeat left 3px; }
	#how-it-works li#notes		{ background:url(../images/notes_icon_app.gif) no-repeat left 3px; }
	#how-it-works li#video		{ background:url(../images/video_icon_app.gif) no-repeat left 3px; }
	#how-it-works li#save		{ background:url(../images/download_icon_app.gif) no-repeat left 3px; }
	/* @end */
	
	/* @group SORTING */
	#sorting					{ margin-bottom:2.5em; margin-right:16px;}
	#sorting ul					{ margin-top:1.5em; padding:0; list-style:none; }
	#sorting li					{ margin-bottom:1em; }
	#sorting li a				{ font-size:1.2em;  }
	#sorting li a:hover			{ text-decoration:none; }
	/* @end */

/* @end */

/* @group CALENDAR */
#primaryContent table.calendar				{ margin-bottom: 25px; border: 1px solid #e3dcc3; border-right: 0; border-bottom: 0; border-collapse: collapse; }
#primaryContent table.calendar caption		{ padding-bottom: 10px; color:#32231c; font-size: 1.4em; }
#primaryContent table.calendar th			{ padding: 6px 0; background:#32231c; color:#fff; font-size: 1.3em; font-weight: normal; }
#primaryContent table.calendar td			{ 
											  width: 68px; height: 68px; padding: 2px; border: 1px solid #e3dcc3; border-left: 0;
											  border-top: 0; background: #efeadb; color: #78705f; 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; padding:0; }
#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 */


.more-link{
	font-size:1.2em;
	display:block;
	background-image: url(../images/pnt.gif);
	background-repeat: no-repeat;
	background-position: left 2px;
	padding-left:14px;
	text-decoration:none;
	color:#32231c;
	margin-bottom:9px;
}

.more-link:hover{
background-image: url(../images/pnt2.gif);
}

.head-1{
font-size:1.5em;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
}


.list-one{

	background-image: url(../images/pnt.gif);
	background-repeat: no-repeat;
	background-position: left 5px;
	padding-left:14px;
	text-decoration:none;
	margin-bottom:9px;
}

.quote{
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
line-height:18px;
}


.img-wrap{
width:463px;
height:auto;
float:left;
margin-bottom:20px;
}


.img-wrap .img-left{
width:213px;
height:195px;
float:left;
background: url(../images/img-bg-2.jpg) no-repeat left top;
padding:6px 0 0 6px;
margin-right:25px;
}


.img-wrap .img-right{
width:213px;
height:195px;
float:left;
background: url(../images/img-bg-2.jpg) no-repeat left top;
padding:6px 0 0 6px;

}

.paginate{
width:465px;;
height:auto;
float:right;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;

}


.paginate a{
padding: 5px 8px;
background-color:#32231c;
color:#FFFFFF;
text-decoration:none;
margin-right:10px;

}

.paginate a:hover{

background-color:#ffffff;
color:#32231c;
text-decoration:none;
}