/* @override 
	http://churchoftheincarnation.cpmpreview.com/_css/styles.css
	http://www.cotinyc.com/_css/styles.css
*/

/*-----------------
Partner:		Church of the Incarnation
Date:			5/1/2009
Author:			Ben Otero (ben@churchplantmedia.com)
-------------------*/

/* @group GLOBALS */
html			{ font-size:62.5%; }
body			{ background:url(/_img/body_bg.gif) repeat; font-family:"Lucida Grande", arial, verdana, sans-serif; }
#outer-container{ background:url(/_img/outer_container_bg.jpg) no-repeat top center; } 
#container		{ width:960px; margin:0 auto; } 
/* @end GLOBALS */

/* @group HEADER */
#header			{ position:relative; background:url(/_img/header_bg.gif) repeat-x; z-index:4000; }
#header-inner	{ width:960px; margin:0 auto; position:relative; height:146px; z-index:3000; }
#header h1,
#header h1 a	{ display:block; width:311px; height:62px; }
#header h1 		{ background:url(/_img/logo.png) no-repeat; text-indent:-999em; position:absolute; top:63px; left:10px; }

#skip			{ position:absolute; top:-999em; }
/* @end HEADER */

/* @group SERVICE TIME */
#service-times			{ position:absolute; top:2px; right:7px; }
#service-times p		{ font-size:1.2em; color:#f4f4f4; }
#service-times strong,
#service-times b		{ font-size:13px; color:#fff; }
#service-times a		{ color:#fff; }
#service-times a:hover	{ text-decoration:none; }
#service-times img		{ border:0; position:relative; left:5px; top:5px; }
/* @end SERVICE TIME */

/* @group NAVIGATION */
#nav					{ position:absolute; top:87px; right:0; } 
#nav li					{ float:left;}
#nav li a				{ font-family:georgia, times, serif; display:block; font-size:1.7em; color:#424242; text-decoration:none; padding:0 20px; }
#nav li a:hover			{ color:#c91d1d; }

#nav li ul				{ position:absolute; left:-999em; width:160px; background:#f4f4f4; z-index:3000; padding-bottom: 13px; margin-left: 7px; }
#nav li li a			{ 
						  font-family: "lucida grande", arial, sans-serif; width:130px; font-size:12px; padding:10px 15px; line-height:12px; 
						  margin-top:0px;  
						}
#nav li li a:hover		{ color:#fff; background:  #c91d1d;}

#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 li:hover ul, 
#nav li li li:hover ul, 
#nav li li li li:hover ul 	{ left:auto; display:block; }
#nav li:hover ul li:hover ul{ margin:-32px 0 0 160px; padding: 0 15px; }

/* @end NAVIGATION */

/* @group BANNER */
#banner						{ 
							  display:block; width:978px; height:242px; background:url(/_img/banner_bg.gif) no-repeat; margin-left:-9px; 
							  position:relative; margin-bottom:10px; z-index:1;
							}
#banner img					{ position:absolute; top:8px; left:7px; z-index:2; }							
#banner p#overlay			{ 
							  position:absolute; top:8px; left:7px; z-index:10; display:block; width:960px; height:224px; 
							  background:url(/_img/sub_overlay.png) no-repeat; 
							}
/* @end BANNER */

/* @group CONTENT */
#content					{ width:960px; padding-bottom:25px; }
#main						{ float:left; position:relative; padding-left:11px; width:675px; }
#main #subscribe			{ 
							  position:absolute; top:10px; right:20px; font-size:1.3em; padding:4px 0 4px 22px; 
							  background:url(/_img/icons.gif) no-repeat left -98px; 
							}

#main a						{ color:#c91d1d; }
#main a:hover				{ text-decoration:none; }
#content a:focus			{ outline:none; }

#content p, 
#content li,
#content td					{ font-size:1.3em; line-height:20px; color:#3b3b3b; margin-bottom:1em;}

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

#content p.date				{ font-family:georgia, times, serif; font-size:11px; margin:0; }
#content p.meta				{ margin:1em 0; padding-bottom:11px; border-bottom:1px solid #fff; }
#content p.byline			{ margin-bottom:1.5em; }

#content ol,
#content ul,
#content blockquote			{ padding:20px; }

#main h2					{ font:normal 2.5em georgia, times, serif; color:#2d2d2d; margin-top:0; margin-bottom:.5em; }
#main h3					{ font:normal 2em georgia, times, serif; color:#2d2d2d; } 
#main h4					{ font-size:1.8em; color:#3b3b3b; margin-bottom:.5em; }
#main h5					{ font-size:1.8em; color:#c91d1d; margin-bottom:.5em; }
#main h6					{ font-size:1.6em; color:#3b3b3b; font-family:georgia, times, serif; }

#content .post				{ padding:10px 0; }

#main img					{ padding:4px; background:#fff; border:1px solid #e1e1e1; }
#main img.mcms_stats,
#main img.no-border			{ border:0; padding:0; background:none; }
#main img.left-align		{ float:left; margin:0 10px 0 0; }
#main img.right-align		{ float:right; margin-left:10px; }

/* @end CONTENT */

/* @group SIDEBAR */
#sidebar					{ float:right; width:237px; position:relative; }
#content .box ul			{ margin:0 0 1.5em; padding:0; list-style:none; }
#sidebar .box li			{ font-size:11px; margin-bottom:1em; }
.box a:hover				{ text-decoration:underline; }
/* @group SUBNAV */
#subnav						{ background:#fff; padding:23px 20px; }
#content #subnav li			{ margin-bottom:0; font-weight:normal;} 
#content #subnav li	a		{ font-weight:normal;} 
#subnav li.current a		{ 
							  font-size:13px; font-weight:bold; color:#c91d1d; text-decoration:none; text-transform:uppercase; 
							  padding-bottom:11px; padding-left:2px; border-bottom:1px solid #e5e5e5; margin-bottom:10px; display:block;
							}
#subnav li.current ul		{ margin:0; padding:0; }							
#subnav li.current li a		{ font-size:12px; border:0; margin:0; padding:0 2px; text-transform:none; color:#767676; line-height:29px;	}
#subnav li li a:hover		{ color:#3b3b3b; } 
#subnav li li.current a		{ 
							 background:#f7f7f7; border:1px solid #e2e2e2; margin:0 -13px; padding:0 14px; -webkit-border-radius:.5em; 
							 -moz-border-radius:.5em; color:#2d2d2d 
							}														
/* @end SUBNAV */

/* @group RECENT SERMON */
.box,
#featured-events,
#recent-sermon				{ background:#f9f9f9; padding:20px 20px 10px; margin-top:9px; }
.box h3,
#featured-events h3,
#recent-sermon h3			{ 
							  font-size:1.1em; font-weight:bold; color:#404040; text-transform:uppercase; margin:0 -5px 9px; padding:0 7px 9px; 
						  	  border-bottom:1px solid #e4e4e4; 
						  	}
#recent-sermon h4			{ font-size:1.5em; }
.box a,
#featured-events a,
#recent-sermon a			{ color:#c91d1d; text-decoration:none; }
#featured-events a:hover,
#recent-sermon a:hover		{ text-decoration:underline; }
#sidebar #recent-sermon p	{ font-size:1.1em; color:#919090; margin-bottom:0; }
#sidebar #recent-sermon ul	{ 
							  width:191px; height:24px; background:url(/_img/sidebar_sermon_btns.gif) no-repeat; margin:10px 0 0 -5px; 
							  padding:3px 0 0; 
							}
#recent-sermon li a			{ display:block; float:left; text-indent:-999em; }
#recent-sermon .sl_listen a	{ width:78px; }
#recent-sermon .sl_download a{ width:113px; }
/* @end RECENT SERMON */

/* @group FEATURED EVENTS */
#featured-events .event		{ padding-bottom:10px;border-bottom:1px solid #e4e4e4; }
#featured-events .last		{ border:0; padding:13px 0 0; }
#featured-events h4			{ font-size:1.2em; margin-bottom:3px;}
#featured-events p			{ font-size:1.1em; color:#919090; margin:0;}
/* @end FEATURED EVENTS */

/* @end SIDEBAR */

/* @group FOOTER */
#footer						{ width:960px; margin:0 auto 0; position:relative; padding-top:20px; padding-bottom:50px; background:url(/_img/footer_bg.gif) repeat-x;}
#footer p					{ font-size:1.2em; color:#757575; line-height:2em; }
#footer a					{ color:#c91d1d; text-decoration:none; }
#footer a:hover				{ text-decoration:underline; }
#footer .Facebook,
#footer .Twitter			{ 
							  display:inline-block; height:21px; position:relative; left:10px; 
							  background:url(/_img/footer_buttons.gif) no-repeat; text-indent:-999em;
							}
#footer .Facebook			{ width:68px; height:21px; background-position:left top; overflow:hidden;  position:absolute; top:20px; left:210px;}
#footer .Facebook:hover		{ background-position:left bottom; }
#footer .Twitter			{ width:67px; background-position:right top; position:absolute; top:20px; left:282px; }
#footer .Twitter:hover		{ background-position:right bottom; }

#footer form				{ 
							  position:absolute; top:12px; right:-7px; background:url(/_img/footer_search_bg.gif) no-repeat; display:block; width:252px; 
							  height:36px; 
							}
#footer input				{ 
							  background:none; border:none; padding-left:18px; width:175px; float:left; position:relative; top:9px; 
							  font-size:1.1em; color:#aeaeae;
							}
#footer input:focus			{ outline:none; }					
#footer form a				{ display:block; float:left; margin-left:12px; width:35px; height:25px; text-indent:-999em; }

#footer #cpm				{  
							  display:block; width:140px; height:21px; background:url(/_img/cpm_logo.gif) no-repeat; text-indent:-999em; 
							  position:absolute; right:1px; top:59px;
							}
#footer #cpm:hover			{ background-position:left bottom; }					
/* @end FOOTER */


/* @group BLOG */
#comments					{ margin:5em 0; }
#comments h3				{ margin-bottom:1em; }
#comments h4				{ padding:10px; font-size:14px; background:#fff; border:1px solid #f3f3f3; }
#comments label				{ font:bold 1.4em georgia, times, serif; display:block; margin-bottom:.5em; }
#comments textarea			{ margin-bottom:1em; width:75%; height:100px; }
#comments .comment			{ padding:20px 0; }
#comments h5				{ font-size:1.3em; }
#comments .commenter		{ font-weight:bold; font-family:georgia, times, serif; font-size:15px; color:#3b3b3b; }
/* @end BLOG */

.book img	{ float:left; margin-right:10px; }


/* @group ROTATOR CONTROLS */
#rotator { position: relative; z-index: 4; }
#controls					{ 
							  height:29px; background:url(/_img/controls_container_bg.png) no-repeat left top; padding-left:2px; 
							  position:absolute; top:452px; z-index: 5;
							}
#controller					{ background:url(/_img/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:#567c93; color:#fff; }
#controls li#controls-previous	{ position:absolute; left:-34px; top:0 }
#controls li#controls-previous a{ 
								  display:block; width:29px; height:29px; background:url(/_img/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(/_img/controls_next_btn.png) no-repeat; 
								  text-indent:-999em; padding:0;
								}
#controls li a:focus			{ outline:none; }
/* @end */