/* @override http://thearkcommunity.cpmpreview1.com/css/styles.css */
/*=====
SITE: Ark Community Church
FILE: styles.css
CREATED: 1/4/2008
MODIFIED:1/7/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				{ 
					  background:url(/images/body_bg.jpg) repeat; margin:0; padding:0; font-size:62.5%; 
					  font-family:Georgia, "Times New Roman", serif; 
					}
#container			{ margin:0 auto; width:765px; }
#mainContent		{ background:url(/images/sub_maincontent_bg.gif) repeat-y; padding:10px 39px 30px 62px; width:660px; }
#home #mainContent	{ background:url(/images/content_bg.gif) repeat-y; padding:10px 62px; width:637px;}
#skip 				{ position:absolute; top:-999em; }
.show 				{ display:block; }
.hidden, hr			{ display:none; }

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

/* Hides from IE-mac \*/
* html .clearfix 		{ height: 1%;}
.clearfix 				{ display: block;}
/* End hide from IE-mac */
/* @end */

/* @group HEADER */
#header				{ position:relative; background:url(/images/sub_header_bg.jpg) no-repeat; height:368px; margin:0; }
#home #header		{ background:url(/images/home_header_bg.jpg) no-repeat; }
#header h1			{ 
					  display:block; background:url(/images/logo.png) no-repeat; width:552px; height:283px; 
					  text-indent:-999em; position:absolute; top: 14px; left:95px; margin:0; 
					}
#header h1 a		{ display:block; width:552px;height:283px; }
#header h1 a:focus	{ outline:none; }
/* @end */

/* @group NAVIGATION */
#nav, #nav * 		{ list-style:none;margin:0;padding:0;}
#nav				{ 
					  padding-left:72px; margin-left:-6px; position:absolute; top:325px; 
					  width:691px; height:35px; 
					}
#nav li 			{ cursor:pointer;float:left; position:relative; }
#nav li a 			{ 
					  display:block; font-size:1.8em; color:#fff5e2; text-decoration:none; text-transform:lowercase; padding:0 12px; 
					  line-height:36px; 
					}
#nav li a:hover,
#nav li:hover a,
#nav li.current a	{ background:#000; }
#nav li li			{ float:none; display:block; }
#nav li li a:hover	{ background:#070500; }

#nav li ul 			{ position:absolute;left:-5000px;z-index:1001; width:140px; background:#000; margin-top:-1px;}
#nav li:hover ul 	{ left:auto; top:auto; display:block; }
#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:-36px 0 0 140px;}
/* @end */

/* @group PRIMARY CONTENT */
#primaryContent			{ float:left; padding:0 20px 20px; width:400px; }
#home #primaryContent	{ float:none; width:auto; }
#primaryContent p,
#primaryContent li		{ font-size:1.35em; line-height:1.6em; color:#302821; }
#primaryContent li p	{ font-size:1em; }
#primaryContent a		{ color:#302821; text-decoration:underline; }
#primaryContent a:hover	{ text-decoration:none; }
img.left-align			{ float:left; margin:10px 10px 10px 0; }
img.right-align			{ float:right; margin:10px 0 10px 10px }
blockquote				{ margin:1em 0; padding:0 2em; }

	/* -- HEADINGS --*/
	#primaryContent h2	{ 
		background:url(/images/heading_bg.gif) no-repeat center bottom; font-size:2.4em; height:40px; text-align:center;
		font-weight:normal; margin-top:0;
	}
	#primaryContent h3	{ font-size:1.6em; color:#8d411f; font-weight:normal; line-height:1.8em; margin-bottom:.5em; }
	#primaryContent h4	{ font-size:1.8em; color:#8d411f; font-weight:normal; margin-bottom:.5em;}
	#primaryContent h5	{ font-size:1.3em; color:#8d411f;}
	#primaryContent h6 	{ font-size:1.3em; color:#8d411f;}
	#primaryContent .article h4			
						{ margin-bottom:0; }
	.article p			{ margin-top:0; }
/* @end */

/* @group SERMON SECTION */
.sermonlist						{ border-top:6px solid #000; margin-bottom:2em; }
#primaryContent .sermonlist h4	{ background:#fff; margin:0; padding:10px; }
.sermonbox						{ position:relative; background:#fff; padding:10px; }
.sermonbox h5,
.sermonbox p					{ margin:0; }
.sermonbox h5					{ font-size:1.35em;  }
.sermonbox h5 a					{ color:#2b0000; }

	/*@ group SERMONBOX ICONS*/
	.sermonbox ul					{ position:absolute; top:20px; right:20px; margin:0; padding:0; list-style:none; }
	.sermonbox li					{ float:left; margin-right:5px; }
	.sermonbox li a					{ display:block; width:16px; height:16px; text-indent:-999em; }
	.sermonbox li a:focus			{ outline:none; }
	.sermonbox li.sl_listen a		{ background:url(/images/play_icon.gif) left top no-repeat }
	.sermonbox li.sl_download a		{ background:url(/images/download_icon.gif) left top no-repeat; }
	.sermonbox li.sl_notes a		{ background:url(/images/notes_icon.gif) left top no-repeat; }
	.sermonbox li.sl_video a		{ background:url(/images/video_icon.gif) left top no-repeat; }
	/* @end */
	
	/* @group MEDIABOX */
	ul#byline						{ margin:0; padding:0; list-style:none; float:left;  width:60%; }
	#mediabox						{ float:right; width:125px; margin:0; padding:10px; list-style:none; background:#f3e2c4; border:1px solid #ebd8c1 }
	#mediabox li					{ font-size:1.3em; padding:5px;}
	#mediabox li a					{ padding:0 0 1px 20px;  }
	#mediabox li#mb_jukebox a		{ background:url(/images/play_icon_app.gif) no-repeat; }
	#mediabox li#mb_video a			{ background:url(/images/video_icon_app.gif) no-repeat; }
	#mediabox li#mb_download a		{ background:url(/images/download_icon_app.gif) no-repeat; }
	#mediabox li#mb_notes a			{ background:url(/images/notes_icon_app.gif) no-repeat; }
	#mediabox li#mb_podcast a		{ background:url(/images/feed_icon_app.gif) no-repeat;  }
	#mediabox li#mb_links			{ padding:10px; background:#000; color:#fff; margin:-10px -10px 5px}
	#text							{ padding-top:10px; float:left; width:240px; }
	/* @end */

	/* @group HOW IT WORKS */
	#how-it-works				{ }
	#how-it-works h3			{ }
	#how-it-works ul			{ margin:1.5em 0; padding:0; list-style:none; }
	#how-it-works li			{ padding-left:20px; margin-bottom:1.5em; font-size:1.2em; color:#2c2316; }
	#how-it-works li span		{ font-weight:bold; }
	#how-it-works li#play		{ background:url(/images/play_icon_app.gif) no-repeat; }
	#how-it-works li#notes		{ background:url(/images/notes_icon_app.gif) no-repeat; }
	#how-it-works li#video		{ background:url(/images/video_icon_app.gif) no-repeat; }
	#how-it-works li#save		{ background:url(/images/download_icon_app.gif) no-repeat; }
	/* @end */
	
	/* @group SORTING */
	#sorting					{  }
	#sorting h3					{  }
	#sorting ul					{ margin:1.5em 0; padding:0 0 0 2em; list-style:none; }
	#sorting li a				{ font-size:1.3em; color:#302821; }
	#sorting li a:hover			{ text-decoration:none; }
	/* @end */

/* @end */

/* @group CALENDAR */
#primaryContent table.calendar{
   margin-bottom: 25px;   
   border-collapse: collapse;
   margin:0 auto 25px;
}

#primaryContent table.calendar caption 		{ padding-bottom: 10px; color: #000; font-size: 1.8em; text-align:center; }
#primaryContent table.calendar caption span	{ color: #2b0000; }
#primaryContent table.calendar th			{ padding: 6px 0; background:#2b0000; color:#fff; font-size: 1.4em; font-weight: normal;}
#primaryContent table.calendar td			{
											  width: 68px; height: 68px; padding: 2px; border: 1px solid #e9d5b2; border-left: 0;
											  border-top: 0; background: #fff; color: #2b0000; font-size: 1em; vertical-align: top;
											}
#primaryContent table.calendar td a			{ color: #2b0000; }
#primaryContent table.calendar td ul		{ margin: .5em 0 0 .5em; padding:0; font-size: 100%; list-style: none; }
#primaryContent table.calendar td li		{ margin-bottom: .75em; line-height: 1.2; }
#primaryContent table.calendar td.linked-day{ background:#e9d5b2; }
/* @end */

/* @group MISCELLANEOUS */
.article h4		{ margin:0; }
.article p		{ margin-top:0;  }
/* @end */