/* @override http://dash/css/styles.css */
/*=====
SITE: DASH
FILE: styles.css
CREATED: 12/12/2007
MODIFIED: 1/31/2008
AUTHOR: Ben Otero (ben@churchplantmedia.com)

TOC
I.		GLOBALS
II. 	HEADER
III.	NAVIGATION
IV.		PRIMARY CONTENT
V.	 	SECONDARY CONTENT
VI. 	FOOTER
VII.	CALENDAR
VIII.	SERMON SECTION
XI.		MISCELLANEOUS

=====*/

/* @group GLOBALS */
body				{ font-size:62.5%; background:url(/images/body_bg.jpg) repeat-x; font-family:arial, verdana, sans-serif; margin:0; padding:0; height:100%; }
html				{ height:100%; }
#content			{ margin-top:20px; }
#container			{ width:780px; margin:0 auto; }
* html #container	{ height:100%; }
#container-outer	{ background:url(/images/outer_container_bg.jpg) no-repeat center top; position:relative; min-height:100%; }
.show				{ display:block; }
.hidden, hr			{ display:none; }

.clear:after	 	{ content: ".";  display: block; height: 0; clear: both; visibility: hidden; }
.clear 				{ display: inline-block;}

/* @end */


/* @group HEADER */
#header				{ position:relative; height:200px; }
#header h1,
#header h1 a		{ display:block; width:554px; height:40px; }
#header h1			{ 
					  position:absolute; top:54px; left:0; background:url(/images/logo.png) no-repeat; text-indent:-999em; 
					  margin:0; padding:0;
					}
#header h1 a:focus	{ outline:none; }

	/* @group SEARCH */
	#search					{ position:absolute; top:0; right:0; width:233px; height:41px; background:url(/images/search_bg.gif) no-repeat; }
	#search label			{ float:left; position:relative; margin:13px 0 0 15px; font-size:1.2em; }
	#search form			{ margin:0; padding:0; border:0; position:relative; }
	#search fieldset		{ border:0; margin:0; padding:0; }
	#search input.search	{ border:0; padding:4px; font-size:1.2em; position:relative; top:6px; left:0; width:115px;  }
	#search input#search-btn{ position:relative; top:8px; left:15px;}
	/* @end */

/* @end */

/* @group NAVIGATION */
#nav, #nav * 		{ list-style:none;margin:0;padding:0;}
#nav				{ position:absolute; top:148px; left:0; }
#nav				{ height:40px; }
#nav li 			{ cursor:pointer;float:left;}
#nav li a 			{ 
					  display:block; padding:0 12px; font-size:1.2em; line-height:40px; color:#666; text-decoration:none; 
					  text-transform:uppercase; font-weight:bold;
					}
#nav li a:hover		{ background:#6600cc; color:#fff; }
#nav li.current a,
#nav li.current a:hover	{ line-height:52px; background:url(/images/nav_a_current.gif) no-repeat right top; padding-left:5px; }
#nav li.current a:hover	{ color:#666; }
#nav li.current		{ background:url(/images/nav_li_current.gif) no-repeat left top; margin-top:-6px; padding-left:7px; }
#nav li ul 			{ position:absolute;left:-5000px;z-index:1001;}
#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:-28px 0 0 140px;}

/* @end */

/* @group PRIMARY CONTENT */
#primaryContent			{ float:left; width:465px;  }
#content p, #content li	{ font-size:1.2em; line-height:1.5em; color:#000 }
#primaryContent a		{ color:#415688; }
#primaryContent a:hover	{ text-decoration: none;}
.column					{ float:left; margin-right:20px; margin-top:20px; }
	
	/* @group HEADINGS */
	#primaryContent h2	{ font-size:1.8em; color:#000; margin-top:0; }
	h3					{ font-size:1.7em; color:#000; margin-top:0; }
	h4					{ font-size:1.5em; }
	h5					{ font-size:1.4em; }
	h6					{ font-size:1.3em; padding-bottom:3px; border-bottom:1px solid; }
	/* @end */
	
	/* @group ABOUT */
	#about					{ background:#ffecb7; padding:20px 12px 40px; margin-left:-15px; border:5px solid #e5d4a4; }
	#about h2				{ color:#666; font-size:1.8em; margin:0; padding:0; border-bottom:1px solid #d1d1c8; width:40%; }
	#about p				{ color:#333; font-size:1.2em; font-style:italic;  }
	#about a.more			{ 
							  float:right; display:block; background:url(/images/learn_more_btn.gif) no-repeat; 
							  width:156px; height:34px; text-indent:-999em; margin-top:0;
							}
	#about a.more:focus		{ outline:none; }
	/* @end */
	
	/* @group RESOURCES */
	#resources				{ width:47%; }
	#resources h3			{ font-size:1.8em; color:#333; background:url(/images/resource_bank_icon.gif) no-repeat; padding-left:20px; }
	/* @end */
	
	/* @group TA */
	#tech-assistance		{ width:47%; margin-right:0; }
	#tech-assistance h3		{ font-size:1.8em; color:#333; background:url(/images/ta_icon.gif) no-repeat; padding-left:20px; }
	/* @end */
	
	/* @group PUBLICATIONS & LINKS */
	#publications, #links			{ position:relative; width:45%;}
	#publications ul, #links ul		{ margin:0; padding:0; list-style:none; }
	#publications h3, #links h3		{ font:normal 18px Georgia, "Times New Roman", serif; color:#333; padding-left:21px; }
	#publications li,
	#links li						{ padding:0 2px; }
	#publications li.alt,
	#links li.alt					{ background:#f5f5f5; }
	#publications li a				{ display:block; background:url(/images/pub_icon.gif) no-repeat left center; padding:6px 0 6px 20px; }
	a.pdf							{ background:url(/images/pub_icon.gif) no-repeat right center; padding:2px 20px 2px 0; }
	#publications li a:hover,
	#links li a:hover				{ text-decoration:none; }
	#links li a						{ display:block; background:url(/images/link_icon.gif) no-repeat left center; padding:6px 0 6px 20px; }
	p.more							{ margin-left:22px; }
	/* @end */
	
	/* @group EVENTS */
	.event p						{ margin:0; }
	.event #description	p			{ margin:1em 0; }
	/* @end */
	
	/* @group BLOG POSTS */
	.post							{ padding:1em 0; border-bottom:1px solid #999; }
	.last							{ border:0; }
	/* @end */

/* @end */

/* @group SECONDARY CONTENT */
#secondaryContent			{ float:right; width:255px; padding-left:20px; }
#secondaryContent p			{ color:#000; }
#secondaryContent a			{ color:#425789; }
#secondaryContent a:hover	{ text-decoration:none; }
#secondaryContent ul		{ margin:0; padding:.5em; }
#secondaryContent li ul li	{ font-size:1em; }


	/* @group HEADINGS */
	#secondaryContent h3	{ font-size:1.8em; color:#333; }
	/* @end */

	/* @group LISTSERVE */
	#listserv				{ 
							  /*background:#ccc url(/images/listserv_bg.gif) no-repeat left bottom; */
							  padding:10px 20px; width:245px; 
							}
	#listserv h3			{ margin-top:0; }
	#listserv p				{ font-size:1.2em; line-height:1.5em; }
	/* @end */
	
	/* @group UPCOMING EVENTS */
	#upcoming-events 				{ position:relative; margin-top:33px; width:245px; padding:0 20px; }
	#upcoming-events .event			{ padding:10px 0; border-bottom:1px solid #ccc; }
	#upcoming-events h3				{ padding-bottom:8px; border-bottom:1px solid #e5e5e5; }
	#upcoming-events a#all-events	{ 
									  background:url(/images/events_icon.gif) no-repeat; padding:4px 0 4px 24px; 
									  position:absolute; top:0; right:0;									  
									}
	#upcoming-events h4				{ font-size:1.2em; text-transform: uppercase; font-weight:normal; margin-bottom:0; }
	#upcoming-events p				{ margin-top:4px; color:#000; font-size:1.2em; margin:0; }
	/* @end */
/* @end */

/* @group FOOTER */
#footer				{ background:url(/images/footer_bg.gif) repeat-x; padding-top:94px; height:206px; position:relative; margin-top:-0em; }
#footer-inner		{ width:800px; margin:0 auto; position:relative; }
#footer p			{ float:left; width:60%; font-size:1.2em; color:#fff; margin-top:0; }
#footer #powered	{ float:right; width:auto; }
#footer a			{ color:#fff; }
#footer a:hover		{ text-decoration: none; }
#footer #contact-info	{float:right; width:auto; }
#footer #contact-info p	{ float:none; }
#footer #contact-info h3{ font-size:1.3em; color:#fff; margin-bottom:3px; }
/* @end */

/* @group FORMS	*/
#formbody			{ margin:0; padding:20px 20px 20px 90px; background:url(/images/form_bg.gif) no-repeat left top; }
#formbody h2		{ margin:50px 0 70px 135px; }
label				{ display:block; font-size:1.4em; font-weight:normal; }
label.error			{ color:red; }
textarea,
input.text			{ display:block; padding:2px; margin-bottom:1.5em; width:95%; }
textarea			{ height:100px; }
fieldset			{ border:0; padding:0; margin:1.5em 0;}
fieldset.radio input,
fieldset.radio label{ display:inline; }
/* @end */