/* @override http://www.efcawest.org/css/west_styles.css */
/*============
CLIENT: EFCA
CREATED: 12/4/2008
MODIFIED: 12/30/2008
AUTHOR: Ben Otero (ben@churchplantmedia.com)
==============*/
 
/* @group GLOBALS */
html						{ height:100%; }
body						{ 
							  font-size:62.5%; font-family:helvetica, arial, verdana, sans-serif; color:#fdfdfc; 
							  background:#030405 url(/images/west_body_bg.jpg) repeat-x; margin:0; padding:0; height:100%;
							}
.clearfix:after 			{ content: ".";  display: block; height: 0; clear: both; visibility: hidden; }
.clearfix 					{ display: inline-block;}
#outer-container			{ background:url(/images/outer_container_bg.jpg) no-repeat center top; position:relative; min-height:100%; }
* html #outer-container		{ height:100%; }
#container					{ width:866px; margin:0 auto; padding:50px 0; }
#mainContent				{ padding:0 10px; width:846px; background:#191e26; }
hr							{ display:none; }
/* @end */

/* @group HEADER */
#header						{ position:relative; z-index:1000; height:100px; background:url(/images/west_header_bg.gif) no-repeat;}
#skip						{ position:absolute; top:-999em; }
#header h1 a,
#header h1					{ display:block; width:461px; height:85px; }
#header h1					{ 
							  background:url(/images/west_logo2.png) no-repeat; text-indent:-999em; margin:0; padding:0; 
							  position:absolute; top:-9px; left:20px;
							}
#header h1 a:focus			{ outline:none; }
#header #featured			{ position:absolute; top:21px; right:17px; }
#header #featured img		{ border:0; }
#header #login				{ position:absolute; right:20px; top:-30px; }
#header #login p			{ font-size:12px; color:#fdfdfc; }
#header #login a			{ color:#87bc5d; font-size:12px; }
#header #login a:hover		{ text-decoration:none; }
/* @end */

/* @group NAVIGATION */
#nav, #nav * 				{ list-style:none;margin:0;padding:0;}
#nav						{ float:left; width:228px; }
#nav li 					{ cursor:pointer;float:left;}
#nav li a 					{ 
							  display:block; padding:0 10px 0 18px; width:200px; line-height:44px; text-decoration:none; color:#fdfdfc; 
							  font-size:1.8em; background:#2d3541; margin-bottom:3px; font-weight:lighter;
							}

#nav li.current a,
#nav li.children:hover a,
#nav li:hover a				{ background:url(/images/west_nav_current.gif) no-repeat; }

#nav li.children.current a	{ background:url(/images/west_nav_down.gif) no-repeat; } 
#nav li ul					{ display:none; }

#nav li.current ul			{ display:block;}
/*
#nav li.current.children ul,
#nav li.children.current ul			{ display:block; width:228px; }
*/
#nav li.current li a,
#nav li.current.children li a		{ 
									  background:#12161c; margin:0; font-size:13px; line-height:20px; padding-bottom:5px; padding-top:5px; 
									  color:#87909d;
									}
#nav li.current li.current a,
#nav li.current.children li a:hover	{ color:#fbf8e9; }
/* @end */

/* @group CONTENT */
#primaryContent				{ float:right; width:611px; }
#text						{ padding:0 13px; }
#rotator					{ position:relative; width:611px; height:373px; overflow:hidden; background:#000; }
#rotator img				{ display:none; position:absolute; top:0; left:0; border:0; }
#primaryContent h2			{ color:#87bc5d; font-size:19px; margin:20px 0 1em; }
#primaryContent p,
#primaryContent li,
#primaryContent td			{ font-size:12px; color:#fdfdfc; line-height:1.5em; }

#primaryContent p *,
#primaryContent li *,
#primaryContent td *		{ font-size:1em; line-height:1; }

#primaryContent a			{ color:#87bc5d; } 
#primaryContent a:hover		{ text-decoration:none; }

#primaryContent h3			{ font-size:19px; color:#87bc5d; margin-top:0; }
#primaryContent h4			{ font-size:14px; color:#fdfdfc; margin:1em 0; }
#primaryContent h5			{ font-size:15px; color:#bbd2df; margin:1em 0; }
#primaryContent h6			{ font-size:14px; color:#87bc5d; margin:1em 0; }

#primaryContent img			{ border:0; }
img.left-align				{ float:left; position:relative; left:-10px; margin:0 10px 10px 0; }
img.right-align				{ float:right; position:relative; right:-10px; margin:0 0 10px 10px; }
/* @end */

/* @group QUICKLINKS */
#quicklinks					{ width:855px; margin:4px 0 0 0; clear:both; }
#quicklinks div				{ float:left; position:relative; margin-right:8px; }
#quicklinks a				{ text-decoration:none; }
#quicklinks span,
#quicklinks div img			{ display:block; }
#quicklinks img				{ border:0; }
#quicklinks span			{ 
							  width:261px; height:35px; background:url(/images/ql_overlay.png) no-repeat; position:absolute; bottom:0; left:0; 
							  line-height:35px; padding-left:16px; font-size:15px; color:#fbfcfc; text-shadow:#000 2px 2px;
							}
#quicklinks div:hover span	{ border-bottom:4px solid #85ba5c; height:31px; }							
/* @end */

/* @group FOOTER */
#footer						{ background:url(/images/west_footer_bg.gif) no-repeat left top; padding:19px 20px 20px; margin-top:-11px;}
#footer p					{ margin:2px 0 0; font-size:11px; color:#525964; }
#footer a					{ color:#fdfdfc; }
#footer a:hover				{ text-decoration:none; }
/* @end */

/* @group SERMON STYLES */

/* @end */

/* @group CALENDAR */
#primaryContent table.calendar				{ 
											  margin-bottom: 25px; border: 1px solid #3A3E46; border-right: 0; border-bottom: 0; 
											  border-collapse: collapse; width:100%;
											}
#primaryContent table.calendar caption		{ padding-bottom: 10px; color: #FCFDFE; font-size: 1.4em; }
#primaryContent table.calendar caption span	{ color: #6a9745; }
#primaryContent table.calendar th			{ padding: 6px 0; background: #6a9745; color: #fdfdfc; font-size: 1.3em; font-weight: normal; }
#primaryContent table.calendar td			{ 
											  width: 68px; height: 68px; padding: 2px; border: 1px solid #3A3E46; border-left: 0;
											  border-top: 0; background: #484D56; color: #FCFDFE; font-size: 1em; vertical-align: top; 
											}
#primaryContent table.calendar td.empty		{ background: #484D56; }
#primaryContent table.calendar td a			{ color: #FCFDFE; text-decoration: none; }
#primaryContent table.calendar td ul		{ margin: .5em 0 0 .5em; 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: #FFF; text-decoration: underline; }
#primaryContent table.calendar td li a:hover{ text-decoration: none; }
/* @end */

/* @group MESSAGE BOARDS */
.category,
.board						{ position:relative; padding:10px 0; border-bottom:1px solid #2d3541; } 
#primaryContent #feed		{ 
							  background:url(/images/feed_icon.gif) no-repeat left center; padding-left:22px; 
							  position:absolute; top:20px; right:10px;
							}
#primaryContent 			{ position:relative; }
.category h5,
.board h3					{ margin-bottom:.2em; }
#primaryContent .category h5{ font-size:1.4em; } 
#boards .category p			{ margin-top:5px; }
#boards table				{ width:100%; margin:25px auto 0; } 
#boards table th			{ padding:5px 0; background:#6a9745; 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:#fdfdfc; border:1px solid #fdfdfc; border-width:0 1px 1px 0; }
#boards table td.title		{ width:120px; padding-left:5px;}
#boards .pagination			{ background:none; color:#6a9745; }
#boards table.pagination td	{ border:0; color:#6a9745; }

.comment						{ padding:10px; margin:25px 0 15px; border-bottom:1px solid #2d3541; }
#primaryContent .comment h5		{ margin:-10px -10px 1.5em; padding:10px; background:#6a9745; 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 */

@media screen and (-webkit-min-device-pixel-ratio:0) {
	#footer { margin-top:-2px; }
}