/* @override 
	http://crosspointechurch.cpmpreview1.com/css/home.css
	http://www.insidecrosspointe.com/css/home.css
*/

/*--------------------
CLIENT: CrossPointe Church
CREATED: 2/23/2009
UPDATED: 2/27/2009
AUTHOR: Ben Otero (ben@churchplantmedia.com)
-----------------------*/

body				{ background-image:url(/images/body_bg.jpg); }
#outer-container	{ background-image:url(/images/outer_container_bg.jpg); padding-bottom:0; }

/* @group BANNER */
#home #banner		{ 
					  display:block; width:985px; height:340px; margin:0 auto; background:url(/images/home_banner_bg.jpg) no-repeat; 
					  position:relative;
					}
#home #rotator		{ 
					  display:block; width:616px; height:284px; background:url(/mediafiles/home-header.jpg) no-repeat; 
					  margin:27px 0 0 30px; float:left; position:relative;

					}
#rotator .item		{ display:none; position:absolute; top:0; left:0; border:0; }
/* @end */


/* @group LATEST MESSAGE */
#latest-message				{ 
							  float:right; margin-top:50px; margin-right:39px; width:260px; 
							  background:url(/images/latest_message_bg.gif) no-repeat 2px top; 
							  padding-top:20px; position:relative; height:242px;
							}
#latest-message h3			{ font:normal 22px georgia, times, serif; margin:0; }
#latest-message h3 a		{ color:#a57c0e; text-decoration:none; }
#latest-message h3 a:hover	{ text-decoration:underline; }
#latest-message p			{ font-size:1.3em; color:#60563b; line-height:1.6em; margin-top: 14px;}
#latest-message p.date		{ font-size:1.2em; color:#988655; margin:2px 0 0; border-bottom:1px solid #e2dbca; padding-bottom:8px; }
#latest-message p a			{ font-size:12px; color:#b29f6e; }
#latest-message p a:hover	{ text-decoration:none; }

#latest-message ul				{ 
								  position:absolute; left:-4px; bottom:5px; background:url(/images/message_toolbar_btns.gif) no-repeat; 
								  height:31px; width:269px; margin:0; padding:0; list-style:none;
								}
#latest-message li a			{ display:block; float:left; text-indent:-999em; height:31px;}
#latest-message li a:focus		{ outline:none; }
#latest-message li.sl_listen a 	{ width:73px; }
#latest-message li.sl_download a{ width:100px;  }
#latest-message li#podcast a	{ width:90px; margin-left:6px; }

/* @end */

/* @group CONTENT */
#content						{ width:960px; padding:0; margin-top:8px; background:url(/images/home_content_bg.gif) no-repeat 1px 35px; }
#content .column				{ float:left; width:270px; padding:0 15px; position:relative; margin-right:26px; }
#content #blog.column			{ margin-right:-10px; }
#content .column .rss			{ 
								  display:block; width:11px; height:11px; background:url(/images/icon_rss.gif) no-repeat; text-indent:-999em; 
								  position:absolute; top:11px; right:150px;
								}
/* @end */

/* @group NEWS/ARTICLES */
#blog .post,
#news .article		{ background:url(/images/article_bg.gif) no-repeat left bottom; padding:12px 0; }
#news h3			{ background:url(/images/news_h3.gif) no-repeat; text-indent:-999em; }
#news .last			{ background:none; }
#news h4			{ font-size:14px; margin:0 0 6px; }
#news h4 a			{ color:#913b29; text-decoration:none; }
#news h4 a:hover	{ text-decoration:underline; }
#news p				{ font-size:1.2em; color:#5e5d57; line-height:17px; margin:0 0 0.2em }
#news p a			{ color:#b29f6e; }
#news p a:hover		{ text-decoration:none; }
/* @end */

/* @group EVENTS */
#events					{ background:none; position:relative;  } 
#events h3				{ background:url(/images/home_events_h3.gif) no-repeat; text-indent:-999em; }
#church-twitter-widget h3{
   background: url(/images/twitter_h3.gif) no-repeat; width: 182px; height: 11px;
}
#events table			{ 
						  border-collapse:collapse; width:279px; background:#ece8dc; border:3px solid #ece8dc; margin:25px 0 20px;
						  font-family:arial, verdana, sans-serif; position:relative; left:-3px;
						}
#events caption			{ 
						  text-align:left; color:#a57c0e; font-size:13px; height:12px; position:relative; padding:12px 0 0 15px;
						  font-weight:bold; margin-bottom:10px; background:url(/images/caption_bg.gif) no-repeat right -21px;					  
						}
#events caption span					{ 
										  text-indent:-999em; width:12px; height:12px; background:url(/images/caption_bg.gif) no-repeat; 
										  position:absolute; top:47px; 
										}
#events caption span.calendar-next    	{ position:absolute; right:10px; background-position:top right; }
#events caption span.calendar-prev    	{ position:absolute; right:28px; background-position:top left; }

#events span:focus						{ outline:none; }
#events th								{ font-size:11px; color:#96896b; line-height:24px; background:#f5f2ea; }
#events td								{ font-size:11px; color:#8a7c5b; text-align:center; height:22px; width:28px;}
#events td.linked-day					{ background:url(/images/date_bg.gif) no-repeat center; }
#events td a							{ color:#fff; text-decoration:none; font-weight:bold; }

/* traildiv */
 
#traildiv{
   position: absolute;
   top: 0px;
   left: 0px;
   z-index: 999;
   visibility: hidden;
   width: 150px;
   color: #FFF;
}
 
#traildiv ul{
   padding: .75em;
   list-style:none;
   padding: 10px;  
   margin:0;
   background: #d4c18b;
   font-size: 1.1em;
}
 
#traildiv li{
   color: #96896b;
   margin-left: 1em;
   margin-bottom: .75em;
}
 
#traildiv a{
   color: #fff;
   text-decoration: none;
}
 
/* @end */

/* @group BLOG */
#blog.column .rss		{ right:120px; text-indent:-999em;}
#blog h3				{ background:url(/images/blog_h3.gif) no-repeat; text-indent:-999em; }
#blog h4				{ font-size:1.4em; margin:0; }
#blog h4 a				{ color:#913b29; text-decoration:none; }
#blog h4 a:hover		{ text-decoration:underline; }
#blog p					{ font-size:1.2em; color:#5e5d57; margin-left:1px; line-height: 17px; margin:0 0 0.2em}
#blog p a				{ color:#b29f6e; }
#blog p a:hover			{ text-decoration:none; }
#blog p.date			{ font-size:11px; color:#908e87; margin-top:2px; margin-bottom: 7px;}
#blog p.date a			{ color:#378fc2; }
/* @end */

/* SAFARI hacks */

@media screen and (-webkit-min-device-pixel-ratio:0){
	#events caption						{ background-position:right -11px; padding-top:0; }
	#events caption span				{ top:0; }
	#events caption span.calendar-next	{ right:1px; }
	#events caption span.calendar-prev	{ right:20px; }
}