/* @ BEGIN @ - EastWestChurch Homepage Stylesheet ----------------------------------------------------*/

/* @override http://eastwestchurch.org/css/homepage.css */

#feature {
	background: #f1ede0 url(../_images/feature-bg.jpg) no-repeat;
	height: 321px;
	padding: 16px 0 0 0;
	overflow: hidden;
	position: relative;
}

#welcome {
	width: 325px;
	float: left;
}

#welcome h3 {
	display: block;
	height: 66px;
}

#welcome p {
	font: 13px "Lucida Grande", Arial, sans-serif;
	line-height: 21px;
	color: #4d3923;
	padding: 0 40px 0 16px;
}

#welcome p a {
	display: block;
	font-weight: bold;
	margin-top: 14px;
}

#welcome p.welcome-buttons {
	overflow: hidden;
	position: absolute;
	top: 296px;
	left: 0; 
	padding:0;	
}

#welcome p a#new-to-eastwest {
	display: block;
	text-indent: -9999px;
	width: 156px;
	height: 30px;
	background: url(../_images/ne.gif) no-repeat 0 -30px;
	float: left;
	margin-right: 6px;
	margin-top:0;
	overflow: hidden;
}

#welcome p a:hover#new-to-eastwest, #welcome p a.current {
	background-position: 0px 0px !important;
}

#welcome p a#regular-attenders {
	display: block;
	text-indent: -9999px;
	width: 156px;
	height: 30px;
	background: url(../_images/ra.gif) no-repeat 0 -30px;
	float: left;
	margin-top:0;
	overflow: hidden;
}

#welcome p a:hover#regular-attenders, #welcome p a.current {
	background-position: 0px 0px !important;
}


/* @group ROTATOR CONTROLS */
#controls						{ 
								  height:29px; background:url(/_images/controls_container_bg.png) no-repeat left top; padding-left:2px; 
								  position:absolute; bottom:25px; z-index:2000; display: none;
								}
#controller						{ background:url(/_images/controls_bg.png) no-repeat right top; padding-right:3px; }							
#controls ul					{ margin:0; padding:3px 0; list-style:none; height:23px; position:relative; }
#controls li					{ display:inline; }
#controls li a					{ float:left; display:block; line-height:23px; font-size:11px; color:#bbb7b1; text-decoration:none; padding:0 9px;}
#controls li a.current			{ background:#fff; color:#000; }
#controls li#controls-previous	{ position:absolute; left:-34px; top:0 }
#controls li#controls-previous a{ 
								  display:block; width:29px; height:29px; background:url(/_images/controls_prev_btn.png) no-repeat; 
								  text-indent:-999em; padding:0;
								}
#controls li#controls-next		{ position:absolute; right:-35px; top:0;}
#controls li#controls-next a	{ 
								  display:block; width:29px; height:29px; background:url(/_images/controls_next_btn.png) no-repeat; 
								  text-indent:-999em; padding:0;
								}
#controls li a:focus			{ outline:none; }
/* @end */

#slideshow {
	position: relative;
	margin-left: 16px;
	width: 615px;
	float: left;
}

#rotator {
	width: 615px;
	height: 306px;
	overflow: hidden;
	position: relative;
}

#rotator p{
	margin:0;
}

#rotator img {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
}

#slideshow-overlay {
	position: absolute;
	top: 0;
	left: 0;
}

#main-content {
	background: url(../_images/home-content-bg.jpg) no-repeat;
	padding-top: 88px;
	margin-top: -1px;
}

#main-content .column {
	width: 271px;
	background: url(../_images/homepage-column-border.gif) no-repeat 100% 0%;
	padding-right: 25px;
	margin-left: 22px;
}

#main-content .column.news {
	margin-left: 0px;
}

#main-content .column.events {
	
}

#main-content .column.last {
	padding-right: 0px;
	background: none;
}

.news-block {
	padding-bottom: 16px;
	margin-bottom: 16px;
	border-bottom: 1px solid #efead8;
}

.news-block.last {
	border: none;
	padding: 0;
}

.news-block h2 a {
	text-decoration: none;
	color: #974936;
	font-size: 14px;
}

.news-block em {
	font-size: 11px;
	color: #908e87;
}

.news-block p {
	color: #625040;
	font-size: 13px;
}

.news-block p a {
	color: #a57c0e;
	font-size: 12px;
	font-weight: bold;
}

.news h3 {
	margin-top: 25px;
}

.news h3 a {
	color: #a5a383;
	font-size: 14px;
}

.cal-block {
	overflow: hidden;
	padding-bottom: 8px;
	margin-bottom: 8px;
	border-bottom: 1px solid #efead8;
	font-size: 11px;
	color: #ae9d77;
}

.cal-block.last {
	border: none;
	margin: 0;
	padding: 0;
}

.cal-block .date {
	float: left;
	font-size: 11px;
	font-weight: bold;
	color: #bea462;
	text-transform: uppercase;
}

.cal-block .info {
	float: left;
	margin-left: 14px;
}

.cal-block .info h2 {
	font-weight: normal;
	font-size: 13px;
	color: #625040;
}

.sermon-block {
	overflow: hidden;
	margin-bottom: 8px;
	padding-bottom: 8px;
	border-bottom: 1px solid #ece7d3;
	font: 13px Helvetica, Arial, sans-serif;
	color: #908e87;
}

.sermon-block .info {
	float: left;
	line-height: 20px;
}

.sermon-block .info a {
	display: block;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}

.sermon-block .watch {
	float: right;
	padding-top: 15px;
}

.sermon-block .watch a {
	display: block;
	width: 80px;
	height: 31px;
	overflow: hidden;
	background: url(../_images/watch-button.gif) no-repeat;
	text-indent: -9999px;
}

.sermon-block .watch a:hover {
	background-position: 0 -31px;
}

#sermon-buttons {
	margin-top: 16px;
}

#sermon-buttons a {
	display: block;
	background: url(../_images/sermon-button-bg.gif) no-repeat;
	width: 266px;
	height: 22px;
	margin-bottom: 3px;
	font: bold 13px Helvetica, Arial, sans-serif;
	color: #bea462;
	text-decoration: none;
	padding: 7px 0 0 10px;
}

#sermon-buttons a:hover {
	color: #974936;
}


/* @ BEGIN @ - Mini Calendar Styles ----------------------------------------------------*/

#mini-cal {
	font: 11px Arial, sans-serif;
	color: #8a7c5b;
	padding: 30px 8px 8px 8px;
	background: #ebe4cf;
	position: relative;
	margin-bottom: 14px;
	width: 252px;
}

#mini-cal table {
	border-collapse: collapse; 
	width:100%;
}

#mini-cal caption {
	background: #f4f0e2;
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
	width: 268px;
}

#mini-cal .currentMonth {
	font: bold 13px "Lucida Grande", Arial, sans-serif;
	color: #a88b47;
	float: left;
	padding: 8px 0 6px;
	width: 172px;
	text-align: center;
}

#pmonth {
	float: left;
	display: block;
	height: 11px;
	text-indent: -9999px;
	background: url(../_images/cal-arrow-left.gif) no-repeat 14px 50%;
	border-right: 1px solid #e5e1d4;
	width: 37px;
	padding: 9px 0;
}

#nmonth {
	float: right;
	display: block;
	width: 8px;
	height: 11px;
	text-indent: -9999px;
	background: url(../_images/cal-arrow-right.gif) no-repeat 14px 50%;
	border-left: 1px solid #e5e1d4;
	width: 37px;
	padding: 9px 0;
}

#mini-cal thead tr {
	border: none;
}

#mini-cal th {
	font-weight: bold;
	text-align: center;
	padding: 8px 0;
}

#mini-cal tr {
	border-top: 1px solid #e1d6b7;
	border-bottom: 1px solid #e1d6b7;
}

#mini-cal td {
	text-align: center;
	border-right: 1px solid #e1d6b7;
	height:18px;
	padding:2px;
}

#mini-cal td em {
	font-style: normal;
	padding: 6px 8px;
	display: block;
}

#mini-cal tr.last, #mini-cal td.last {
	border: none;
}

#mini-cal td a {
	display: block;
	background: #bebc9a;
	color: #fff;
	text-decoration: none;
	width:100%; 
	height:13px; 
	padding:5px 0;
}

#mini-cal td a em {
	background: #bebc9a;
	border: 1px solid #ebe4cf;
}

#mini-cal td ul{	
	position: absolute;
	left: -999em;
	text-align: left;
	padding: 10px 10px 20px;
	background:#bebc9a;
	min-width:125px;
	z-index:10000;	
}

#mini-cal td ul a {
	background:none;
	width:80%;
}

#mini-cal td ul a:hover{ 
	text-decoration:underline
}

/* @ END @ -----------------------------------------------------*/