/* @override 
	http://christumc.cpmpreview.com/css/styles.css
	http://www.christumcdeerfield.org/css/styles.css
*/

/*--------------------
CLIENT: Christ United Methodist Church
DATE:   3/23/2009
AUTHOR: Ben Otero (ben@churchplantmedia.com)
--------------------*/

/* @group GLOBALS */
body				{ 
					  font-family:helvetica, arial, verdana,sans-serif; font-size:62.5%; color:#626362; 
					  background:#1c1c1c url(/images/body_bg.gif) repeat-x; 
					}
.clearfix:after		{ content: ".";  display: block; height: 0; clear: both; visibility: hidden; }
.clearfix			{ display: inline-block;}
/* @end */

/* @group CONTAINERS */
#outer-container	{ background:url(/images/outer_container_bg.jpg) no-repeat center top; min-height:900px;}
#container			{ width:860px; margin:0 auto; }
#content-wrap		{ background:#fff; padding:26px 23px; width:814px; }
#home #content-wrap	{ padding-bottom:0; }
/* @end */

/* @group HEADER */
#skip				{ position:absolute; top:-999em; }
#header				{ position:relative; z-index:2000; height:178px; }
#header h1,	
#header h1 a		{ display:block; width:113px; height:113px; }
#header h1			{ background:url(/images/logo.png) no-repeat; text-indent:-999em; position:absolute; top:6px; left:24px; }
/* @end */

/* @group INTRO */
#intro				{ position:absolute; top:48px; right:18px; width:425px; }
#intro p			{ font-size:1.6em; font-weight:bold; color:#b1b1b1; text-align:right; line-height:23px;}
#intro a			{ color:#32cdd3; }
#intro a:hover		{ text-decoration:none; }
/* @end */

/* @group SUBMENU */
#submenu			{ position:absolute; bottom:0; right:12px; height:46px; list-style:none; }
#submenu li			{ float:left; }
#submenu li a		{ display:block; line-height:46px; font-size:1.3em; color:#7c7c7c; text-decoration:none; padding:0 10px; font-weight:bold; }
#submenu a:hover	{ color:#fff; }
/* @end */

/* @group NAVIGATION */
#nav						{ position:absolute; bottom:0; height:46px; background:url(/images/nav_bg.gif) repeat-x; width:860px; }
#nav, #nav *				{ list-style:none; }
#nav li						{ float:left; }
#nav li a					{ 
							  display:block; line-height:46px; padding:0 20px; font-size:1.7em; font-weight:bold; color:#fff; 
							  text-decoration:none; 
							}
#nav li:hover a				{ background:#141414; }
#nav li ul					{ position:absolute; left:-999em; width:180px; background:#141414; z-index:3000; }

#nav li.current li a,
#nav li li a,
#nav li:hover li a			{ 
							  color:#fff; text-transform:capitalize; font-size:12px; line-height:13px;
							  width:140px; position:relative; left:0; border:0; padding:8px 20px 10px;
							}
#nav li.current li			{ left:0; margin-bottom:0; background: 0; height:auto; }
#nav li.current li a:hover,
#nav li li a:hover			{ background:#35a8ad;  }

#nav li:hover ul 			{ left:auto; }
#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;}
#nav li:hover ul li:hover ul{ margin:-30px 0 0 180px;}

/* @end */

/* @group CONTENT */
#content					{ float:left; width:560px; }
#header-image				{ margin-bottom:1.5em; }
#home #header-image			{ margin:0; }

#content p,
#content li,
#content td					{ font-size:1.3em; color:#626362; line-height:1.5em; margin:.5em 0 1em; }

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

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

#content a					{ color:#e63c4c; }
#content a:hover			{ text-decoration:none; }

img.left-align				{ float:left; margin-right:15px; }
img.right-align				{ float:right; margin-left:15px; }

/* HEADINGS
--------------*/
#content h3					{ font-size:1.8em; color:#35a8ad; }
#content h4					{ font-size:1.6em; color:#35a8ad; }
#content h5					{ font-size:1.5em; color:#626362; }
#content h6					{ font-size:1.5em; color:#e63c4c; }
#content h3, #content h4,
#content h5, #content h6	{ margin-bottom:.5em; }

/* QUICKLINKS
--------------*/
#content #quicklinks		{ margin:16px -30px 0 -1px; padding:0; list-style:none; }
#quicklinks li				{ float:left; margin-right:12px; position:relative; }
#quicklinks img				{ display:block; border:0; margin-bottom:6px;}
#quicklinks a				{ font-size:13px; color:#b8b8b8; font-weight:bold; text-decoration:none; }
#quicklinks span			{ padding:0 16px 0 6px; position:relative; }
#quicklinks li:hover span	{ color:#35a8ad; background:url(/images/right_arrow.png) no-repeat right center; }
#quicklinks strong			{ 
							  display:none; width:178px; height:100px; background:url(/images/ql_overlay.png) no-repeat; 
							  position:absolute; top:0; left:0; 
							}
#quicklinks li:hover strong	{ display:block; }
/* @end */

/* @group SIDEBAR */
#sidebar					{ float:right; width:230px; padding-top:16px; }

/* @group UPCOMING */
#upcoming					{ margin-bottom:37px; }
#upcoming .event			{ padding:0 10px 11px; width:211px;  }
#upcoming .event:hover		{ background:#f3f3f3 url(/images/event_bg.gif) no-repeat left bottom; }
#upcoming .event p			{ font-size:1.1em; color:#a7a7a7; text-transform:uppercase; padding:12px 10px 0; margin:0 -10px; }
#upcoming .event:hover p	{ background:url(/images/event_top_bg.gif) no-repeat; }
#upcoming .event h4			{ font-size:1.4em; margin-top:3px;}
#upcoming .event h4 a		{ color:#626362; text-decoration:none; }
#upcoming .event:hover h4 a,
#upcoming .event h4 a:hover	{ color:#e63c4c; }
#sidebar .more				{ font-size:10px; color:#e3282c; text-decoration:none; margin:10px 0 0 10px; display:block;}
#sidebar .more:hover		{ text-decoration:underline; }
/* @end */

/* @group MESSAGE */
#featured					{ position:relative; }
#featured h4				{ margin:17px 0 4px 10px; font-size:1.6em; }
#featured h4 a				{ color:#e63c4c; text-decoration:none; }
#featured h4 a:hover		{ text-decoration:underline; }
#featured p					{ font-size:1.1em; color:#a5a5a5; margin:0 0 3px 10px }
#featured .play				{ 
							  display:block; width:65px; height:19px; background:url(/images/listen_btn.gif) no-repeat; text-indent:-999em; 
							  position:absolute; right:0; bottom:18px;
							}
/* @end */

/* @group SUBMENU */
#subnav						{ width: 230px; float: left; margin-top:38px; padding:0; list-style:none;}
#subnav li					{ border-top:1px solid #e7e6e6; width: 230px;
							  float: left;}
#subnav a					{ 
							  display:block; line-height:32px; text-align:right; font-size:1.6em; color:#bbb; text-decoration:none; 
							  padding-right:6px; width: 224px; float: left;

							}
#subnav a:hover				{ background:url(/images/sidebar_link_bg.gif) no-repeat; color:#1c1c1c; }

#subnav li.donate a{
   padding-top: 5px;
   padding-bottom: 1px;
}
#subnav li.donate span{
   display: block;
   width: 87px;
   height: 30px;
   background: url(/images/bg_donate.png) no-repeat;
   float: right;
   text-indent: -9999px;
   text-align: left;
   margin-top: -4px;
}
/* @end */

/* @end */

/* @group FOOTER */
#footer						{ width:860px; margin:0 auto; padding:25px 0 50px; }
#footer p					{ float:left; width:70%; font-size:1.1em; color:#6d6d6d; }
#footer strong				{ font-weight:normal; }
#footer span				{ margin-left:30px; }
#footer a					{ color:#6d6d6d; margin:0 7px; }
#footer a:hover				{ text-decoration:none; }
#footer .external			{ 
							  float:right; width:138px; height:19px; display:block; background:url(/images/cpm_logo.gif) no-repeat; 
							  text-indent:-999em; margin-top:-5px;
							}
#footer .external:hover		{ background-position:left bottom; }
/* @end */