/* @override http://lifehouse.dev/_css/events.css */

/* @group CONTENT */

#caltabs							{ position:absolute; top:0px; right:0; margin:0; padding:0; list-style:none; height:31px; }
#caltabs li							{ display:inline; padding-left:4px; float:left; }
#caltabs li a						{ 
									  float:left; display:block; font:15px georgia, times, serif; color:#582e1f; padding:0 8px 0 5px; 
									  line-height:31px;
									}
#caltabs li a:hover					{ text-decoration:none; }
#caltabs li.active					{ background:url(/_img/media/events_tab_li.gif) no-repeat left top; }
#caltabs li.active a				{ background:url(/_img/media/events_tab_a.gif) no-repeat right top; }

/* @end CONTENT */

/* @group FILTERS */
#cal-content						{ position:relative; margin-top: 50px;}
#filters							{ position:absolute; top:95px; right:20px; z-index:2000; }
#text #filters p					{ color:#34332f; margin:0;}
#text #filters p select				{
   width: 100px; font-size: .9em;
}
/* @end */


/* @group CALENDAR */

#events #text{
   padding: 10px;
}

#events #text h2{
   padding: 7px 10px;
}
#text table.calendar				{
								 	  margin-bottom:25px; border: 5px solid #e7e1bc; width:625px; border-collapse: separate;
								 	}
#text table.calendar caption		{ 
									  padding:2px 0 12px 55px; color:#8c4124; font-weight: bold;font-size:1.4em; text-align:left; 
									  background:url(/_img/media/caption_bg.gif) no-repeat left top; position:relative; 
									}
#text .calendar span				{ 
									  display:block; width:21px; height:18px; text-indent:-999em; position:absolute; 
									  background:url(/_img/media/caption_span_bg.gif) no-repeat;
									}
#text span.calendar-next			{ background-position:right top; top:0; left:22px;}
#text span.calendar-prev			{ background-position:lef top; top:0; left:0px; }
#text table.calendar th				{ 
									  padding:0;    background: url(/_img/bg_worship-times.gif); color:#582e1f; font-size: 1.2em; font-weight: normal; line-height:33px; border-bottom: 1px solid #e7e1bc;
									  text-transform:uppercase;
									}
#text table.calendar td				{ 
									  width: 68px; height:68px; padding: 2px; border:1px solid #e3e1d9; border-left:0; text-align:right;
									  border-top:0; background:#fefefe url(/_img/media/td_bg.gif) repeat-x; color:#898781; font-size:1.0em; 
									  vertical-align:top; 									  
									}
#text table.calendar td a			{ color:#898781; text-decoration: none; }
#text table.calendar td ul			{ margin: .7em 0 0 .4em; font-size: 100%; list-style: none; padding:6px;margin-right: -4px; }
#text table.calendar td li			{ margin-bottom: .95em; font-size: 1.1em; line-height: 1.3; text-align:left; }
#text table.calendar td li a		{ color: #575653; text-decoration:none; font-size:11px; }
#text table.calendar td li a:hover	{ text-decoration:underline; color: #8c4124; }
/* @end */

/* @group LISTING */
#listing 					{ width:380px; float:left; margin-top: 20px;}
#listing .row				{ clear:both; margin-bottom:15px; width: 380px;}
#text #listing h3			{ 
							  line-height:27px; color:#fff; text-transform:uppercase; background:#ee5a25; padding-left:10px; padding-top: 2px; clear:both; 
							  margin:0 0 5px;
							}
#text #listing .event		{ 
							  float:left; width:285px; border:0; border-bottom:1px solid #e9e8dd; background:none; padding:18px 0 15px 3px; 
							  margin-left:7px;
							}
#listing .event h4			{ font-size:15px; font-weight:normal; margin:0; }
#listing .event h4 a		{ color:#42413c; }
#listing .event h4 a:hover	{ color:#ae4026; }
#listing .event p			{ font-size:12px; color:#898781; margin:3px 0 0; }
/* @end */

/* @group CATEGORIES */
#categories					{ padding:8px 8px 0; width:224px; float:right; background:#F3F1DC; margin-top: 20px; }
#categories h3{
   margin-bottom: 10px;
   padding-left: 10px;
}
#categories label			{ display:block; padding-left:14px; font-size:12px; color:#70706c; margin:.5em 0 1em;  }
/* @end */

/* @group EVENT DETAIL */

.event-detail{
   margin-top: 30px;
}
#map			{ float:right; width:375px; height:310px; border:5px solid #e9e7de; display:block; margin:0 0 25px 25px; }
.event-detail h4{ font-size:15px; font-weight:normal; color:#95938a; }
#back			{ 
				  background:url(/_img/media/back_arrow.gif) no-repeat left center; padding-left:20px; font-size:14px;
				  position:absolute; top:22px; right:47px;
				  
				}
.events{
   margin-top: 30px;
}				
/* @end */