/* @override http://www.wayofgracechurch.com/css/common.css */

/* @group TOC */
/*===== 
FILE: common.css - styles common to all site pages
CREATED: 8/14/2007
MODIFIED: 9/20/2007
AUTHOR: Ben Otero (ben@churchplantmedia.com)

TOC
I.		GLOBAL STYLES
II. 	HEADINGS
III. 	HEADER
IV. 	NAVIGATION
V. 		PRIMARY CONTENT
VI. 	SECONDARY CONTENT
VIII.	FOOTER
IX.		FORMS
X.		TABLES
XI.		DEFINITIONS
XII.	MISCELLANEOUS
=======================*/
/* @end */

/* @group GLOBALS */
body 					{ 
		  				  background:#3a2b21 url(/images/body_bg.jpg) repeat-x; margin: 0; padding:0; 
		  				  font-size:62.5%; font-family:"Lucida Grande", "Trebuchet MS", Helvetica, Arial, sans-serif; 
						}
#container 				{ position:relative; margin:40px auto; width:790px; }
#mainContent 			{ background:url(/images/maincontent_bg.gif) repeat-y 11px 0; margin-top:0px; padding:0; }
p 						{ font-size:1.2em; line-height:1.5em; }
hr 						{ display:none; }
#primaryContent li, 
#secondaryContent li 	{ font-size:1.1em; color:#fff; }
#home a img				{ border:0 }
.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 HEADINGS */
h1 					{ margin:0; padding:0; }
h1 a#logo 			{ 
					  position:absolute; top:25px; left:11px; behavior:url(/iepngfix.htc); 
					  background: url(/images/logo.png) no-repeat; padding:0; width:219px; height:67px; 
					  display: block; text-indent: -9999px; 
					}
h1 a#logo:focus 	{ outline:none; }
/* @end */

/* @group Header */
#header 		{ 
		  	  	  position:relative; background:url(/mediafiles/subpage-header.gif) no-repeat 11px 13px; 
		  	  	  padding:9px 10px 0 9px; margin:0 auto; 
		  	  	  width:790px; height:169px; z-index:1;	 
				}
#home #header	{ background:url(/mediafiles/home-header.gif) no-repeat 11px 13px; }
#header-cover 	{  
				  position:absolute; top:13px; left:11px; display:block; width:771px; height:150px;
				  background:url(/images/header_overlay_bg.png) no-repeat;
				  
				}
#skip			{ position: absolute; text-indent: -9999px; list-style: none; }
/* @end */

/* @group Navigation */
#navigation 		{ 
					  position:relative; background:url(/images/nav_bg.png) no-repeat; 
					  margin:-39px 0 0 231px; padding-left:28px; z-index:100; 
					}
#nav 				{ background:#682417; padding:0; margin:0; height:30px; width:524px; }
#nav * 				{ list-style:none; padding:0; margin:0; }
#nav li 			{ cursor:pointer; float:left;}
#nav li a 			{ display:block; background:#682417; padding:0 18px; }
#nav a 				{ 
					  font-size:1.1em; color:#fff; text-transform:lowercase; text-decoration:none; 
					  line-height:30px; padding:0 10px; 
					}
#nav li:hover a, 
#nav li.current a, 
#events #nav li#nav_events a, 
#sermons #nav li#nav_resources a,
#article #nav li#nav_resources a, 
#sermons #nav li.current a:hover, 
#article #nav li.current a:hover, 
#events #nav li.current a:hover
					{ background:#511017 }
#events #nav li.current a, 
#sermons #nav li.current a, 
#article #nav li.current a 
					{  }

#nav li li 			{ clear:both; border-bottom:1px solid #470917; }
#nav li li a 		{ background:#511017; color:#fff; display:block; width:100px; }
#nav li li a:hover, 
#article #nav li#nav_resources li a:hover, 
#sermons #nav li#nav_resources li a:hover
					{ background:#470917;  }


#nav li ul 					{ position:absolute; left:-5000px; width:200px; }
#nav li.current:hover ul 	{ background: none }
#nav li:hover ul, 
#nav li.sfhover ul 			{ left:auto; margin:0; padding:0; }
#nav li:hover ul ul, 
#nav li:hover ul ul ul, 
#nav li:hover ul ul ul ul,
#nav li.sfhover ul ul, 
#nav li.sfhover ul ul ul, 
#nav li.sfhover 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,
#nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul, #nav li li li li.sfhover ul
							{ left:auto;}
#nav li:hover ul li:hover ul, #nav li.sfhover ul li.sfhover ul
							{ margin:-30px 0 0 200px; }
/* @end */


/* @group PRIMARY CONTENT */
#primaryContent 		{ 
						  float:right; display:inline; position:relative; 
						  margin:21px 8px 0 0; padding:10px 18px; width:514px;
						}
#primaryContent h2 		{ 
						  background:#2c281f; padding:10px 18px; margin:-2.1em -18px 1em; height:20px; 
						  font-size:1.5em; font-weight:normal;
						  font-family:Georgia, "Times New Roman", serif; color:#bfba9c; 
						}
#primaryContent h3		{ font-size:1.5em; color:#682417; }
#primaryContent h4		{ font-size:1.4em; color:#2c281f; }
#primaryContent h4,
#primaryContent h5,
#primaryContent h6		{ color:#2c281f; }
#primaryContent h5		{ font-size:1.3em; }
#primaryContent h6		{ font-size:1.2em; }
#primaryContent p 		{ font-size:1.15em; line-height:1.6em; color:#2c281f; }
#primaryContent a 		{ color:#682417; font-weight:bold; }
#primaryContent a:hover { text-decoration:none;}

.col					{ 
						  float:left; margin-right:3px; padding:0; 
						}	
.last					{ margin-right:0; }
.col p					{ margin:0; padding-bottom:3px; text-align:center; }
#primaryContent .col p a{ 
						  display:block; width:125px; height:21px; color:#3d392f; 
						  text-decoration:none; 
						  background:url(/images/quicklinks_bg.gif) no-repeat left bottom;
						}
#primaryContent .col:hover p a { background-position:left top; color:#2b2821; }

	/* @group SERMON PAGE */
	.sermonlist 								{ margin-top:1em; border-top:8px solid #868064 }
	.sermonbox 									{ position:relative; padding:10px; background:#afaa93; }	
	.sermonbox h5								{ font-size:1.2em; margin:0;}
	#primaryContent .sermonlist h4				{ padding:10px; margin:0; background:#afaa93; }
	#primaryContent .sermonbox h5 a, 
	#primaryContent .sermonbox p a 				{ color:#682417;   }
	#primaryContent .sermonbox h5 a:hover 		{ color:#2b2821; text-decoration:none; }
	.sermonbox h5 span 							{ font-size:0.8em; margin-left:10px; }
	#primaryContent .sermonlist .sermonbox p 	{ color:#3d392f; margin:0; }
	
	.sermonbox ul 				{ position:absolute; top:10px; right:25px; margin:0; padding:0; list-style:none}
	.sermonbox li 				{ float:left; margin:0 3px }
	.sermonbox li a 			{ 
								  display:block; float:left; text-indent:-9999px; width:16px; height:16px; 
								}
								
	.sermonbox li.sl_listen a 		{ background:url(/images/play_icon.gif) no-repeat; }
	.sermonbox li.sl_download a 	{ background:url(/images/download_icon.gif) no-repeat; }
	.sermonbox li.sl_download-notes { background:url(/images/notes_icon.gif) no-repeat; }
	.sermonbox li.sl_watch-video 	{ background:url(/images/video_icon.gif) no-repeat; }
	.sermonbox li a:focus			{ outline:none; }
	
	#byline 					{ margin:0; padding:10px; background:#afaa92; border:1px solid #868064; list-style:none; width:65%; }
	#byline li					{ display:inline; margin-right:5px; color:#2b2b21; }
	/*-----SERMON SIDEBAR -----*/
	#sermon-sidebar ul 			{ margin:0 5px 0 0; padding:0; list-style:none; }
	#sermon-sidebar li#play 	{ background:url(/images/play_icon2.gif) 2px 4px  no-repeat; }
	#sermon-sidebar li#notes 	{ background:url(/images/notes_icon2.gif) 0 4px no-repeat; }
	#sermon-sidebar li#save 	{  background:url(/images/download_icon2.gif) 0 4px no-repeat }
	#sermon-sidebar li#video 	{ background:url(/images/video_icon2.gif) 0 4px no-repeat; }
	#sermon-sidebar li 			{ padding:0 0 6px 20px; }
	#sermon-sidebar li span 	{ font-weight:bold; }	

	.meta 						{ 
								  font-size:0.9em; margin:-1em 0 0; padding:0; font-style: italic; 
								  line-height:1em; 
								}
	#mediabox 					{ float:right; margin-top:-3.5em; padding:10px; list-style:none; background:#afaa93; border:1px solid #868064 } 
	#mediabox li 				{ padding:4px 0 4px 20px; }
	#mediabox li a 				{ line-height: 1.5em; }
	#mediabox li#mb_download 	{ background:url(/images/download_icon.gif) no-repeat 0 4px; }
	#mediabox li#mb_podcast 	{ background:url(/images/feed_icon.gif) no-repeat 0 4px; }
	#mediabox li#mb_jukebox 	{ background: url(/images/play_icon.gif) no-repeat 0 4px; }
	#mediabox li#mb_video 		{ background:url(/images/vido_icon.gif) no-repeat 0 4px; }	
	/* @end */
	
	/* @group Calendar */
	#primaryContent table.calendar { margin-left:10px; margin-bottom: 25px; border-collapse: collapse; }
	#primaryContent table.calendar caption { padding-bottom: 10px; color: #2b2821; font-size: 1.4em; }
	#primaryContent table.calendar caption span{ color: #2b2821;}
	#primaryContent table.calendar th { 
		padding: 6px 0; background: #868064; color: #2b2821; font-size: 1.3em; font-weight: normal; border-right:1px solid #868064
	}
	#primaryContent table.calendar td { 
		width: 68px; height: 68px; padding: 2px; border: 1px solid #868064; border-left: 0; border-top: 0; 
		background: #afaa93; color: #682417; font-size: 1em; vertical-align: top; 
	}
	#primaryContent table.calendar td.empty{ background: #afaa93; }
	#primaryContent table.calendar td ul { margin: .5em 0 0 .5em; padding:0; font-size: 100%; list-style: none; }
	#primaryContent table a { color:#682417; }
	#primaryContent table.calendar td li { margin-bottom: .75em; font-size: 1.1em; line-height: 1.2; }
	#primaryContent table.calendar td li a { text-decoration: underline; }
	#primaryContent table.calendar td li a:hover { color:#682417;  text-decoration: none; }	
	/* @end */
	
/* @end */

/* @group SECONDARY CONTENT */
#secondaryContent 		{ float:left; padding:0 10px 10px; margin:0 0 0 10px; width:200px; }
#secondaryContent p 	{ font-size:1.1em; line-height:1.5em; margin:0 0 0.5em; padding:0; color:#f9fafb; }
#secondaryContent p a, 
#secondaryContent li a 	{ color:#f9fafb; text-decoration:none; }
	
#secondaryContent ul 	{ margin-bottom:1em; padding:5px 0 0 10px; list-style:none; }
#secondaryContent li 	{ font-size:1.1em; color:#f9fafb; }
	
	/* @group Search */
	#search				{ background:#716b4f; margin:0 -11px 13px -9px; padding:10px; height:20px;}
	#search #searchForm { margin:0; padding:0; }
	#search fieldset 	{ border:0; padding:0; margin:0; }
	#search input		{ float:left; width:55%; padding:4px; border:0; font-size:1.1em; color:#595959}
	#search_go			{ 
						  display:block; background:url(/images/search_btn.jpg) no-repeat; width:62px; height:23px;  
						  float:left; margin-left:10px; text-indent:-999em;
						}
	/* @end */
	
	/* @group Service Times */
	#service-times 		{ background:url(/images/service_times_bg.gif) no-repeat 3px top; padding-left:50px; margin:0; }
	#service-times h3 	{ margin:0; }
	#service-times p	{ margin:0; }
	#service-times a#map{	 
						  display:block; background:url(/images/map_bg.gif) no-repeat; 
						  width:194px; height:25px; text-indent:-999em; margin-top:1em; margin-left:-50px;
						}
	a#map:focus			{ outline:none; }
	/* @end */

	/* @group Upcoming-Events */
	#upcoming-events 	{ 
						  background:url(/images/divider_bg.gif) repeat-x left top; 
						  margin:0 -11px 0 -9px; padding:20px 20px 15px 15px;
						}
	#upcoming-events h3 { 
						  display:block; background:url(/images/upcoming_events_h3_bg.gif) no-repeat;  
						  width:131px; height:18px; text-indent:-999em; margin:0 0 4px -2px;
						}
	#upcoming-events div				{ margin-left:-2px; }
	#upcoming-events div a small		{ 
										  float:right; font-size:10px; 
										  margin-top:2px; text-decoration: none;
										}
	#upcoming-events div a span 		{ float:left; width:55%; font-size:1.1em; margin-bottom:9px; }
	#upcoming-events div a:hover  		{ background:#9a957c; }
	#upcoming-events div a:hover span	{ color:#5e1e12; }
	#upcoming-events div:hover			{ background:#9a957c; }
	#upcoming-events div a 				{ 
										  display:block; padding: 5px 5px 20px; color:#f9fafb; 
										  text-decoration:none; margin-left:-2px; 
										}
	#upcoming-events div.top 			{ background:url(/images/dotted_bg.gif) repeat-x left top; padding-top:10px}

	/* @end */
	
	/* @group Recent Sermon */
	#recent-sermon			{ 
							  background:url(/images/divider_bg.gif) repeat-x left top; margin:0 -11px 0 -9px; 
							  padding:20px 20px 10px 15px;
							}
	#recent-sermon h3 		{ 
							  display:block; background:url(/images/recent_sermon_h3_bg.gif) no-repeat;
							  width:105px; height:13px; text-indent:-999em; margin:0 0 4px 1px;
							}
	#recent-sermon h4		{ font-size:1.2em; width:70%;font-weight:bold; margin:0; }
	#recent-sermon h4 a		{ color:#f9fafb; text-decoration:none; }
	#recent-sermon div p	{ color:#d1ccb2; text-transform:uppercase; }
	#recent-sermon div		{ 
							  position:relative; padding-top:10px;
							  background:url(/images/dotted_bg.gif) repeat-x left top;  
							}
	#recent-sermon div ul			{ position:absolute; top:-5px; right:-10px; }
	#recent-sermon div ul li		{ float:left; margin-right:5px; }
	#recent-sermon div ul li a 		{ display:block; float:left; width:25px; height:23px; text-indent:-999em; }
	#recent-sermon div li.play a	{ background:url(/images/recent_play_icon.gif) no-repeat; }
	#recent-sermon div li.download a{ background:url(/images/recent_download_icon.gif) no-repeat; }
	#recent-sermon div li a:focus	{ outline:none; }
	/* @end */
	
	#secondaryContent a img	{ border:0; }
	#sidebar-podcast		{ margin-left:20px; }
	
/* @end */

/* @group FOOTER */
#footer			{ 
				  background: url(/images/footer_bg.gif) no-repeat 11px top; 
				  margin:0; padding:25px 25px 5px; 
				}
#footer p 		{ margin:0; padding:0; font-size:1.1em; color:#868064}
#footer a 		{ color:#c9c5b1; text-decoration:none}
#footer a:hover { text-decoration:underline}
/* @end */