/* @override http://www.redeemerlm.org/css/common.css */
/*===== 
FILE: common.css - styles common to all site pages
CREATED: 8/3/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
=======================*/


/* @group GLOBALS */
body { background:url(/images/body_bg.png) repeat; margin: 0; padding:0; font-size:62.5%; font-family:"Lucida Grande", "Trebuchet MS", Helvetica, Arial, sans-serif; }
#container { position:relative; background: url(/images/content_bg.png) repeat-y; margin:50px auto; padding:0 0 -24px; width:775px;}
#articles #container { margin-top:38px; }
#mainContent { background:url(/images/maincontent_bg.png) repeat-y 10px 0; margin-top:7px; padding:0; }
p { font-size:1.2em; line-height:1.5em; }
hr { display:none; }
#primaryContent li, #secondaryContent li { font-size:1.1em; color:#fff; }

.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 */

#primaryContent h2, #primaryContent h3  { font-size:1.4em; font-weight:normal; color:#fff; }
/*h3 { font-size:1.6em; color:#fff; margin:0 0 1em; padding:0; }*/
	#secondaryContent h3 { background:#120808; font-size:1.2em "Trebuchet MS", "Lucida Grande", Helvetica, Arial, sans-serif; color:#fff; text-transform: lowercase; padding-left:10px; margin:0 0 1em -6px; border-left:7px solid #4b0101; line-height:25px; font-weight:normal; }
h4 { font-size:1.4em; font-weight:normal; color:#fff; margin:0; padding:0; }
	#secondaryContent h4 { font-size:1.2em; font-weight: normal; color:#dbdbc3; border-bottom:1px solid #dbdbc3; margin:0.5em 0; padding:0; width:80%;}
h5 { font-size:1.2em; margin:0; padding:0; }
h6 { font-size:1.1em; font-weight:bold; margin:0; padding:0; }
/* @end */

/* @group Header */
#header 			{ 
					  position:relative; background: url(/images/header_bg.jpg) no-repeat; 
		  			  padding:9px 10px 0 9px; margin:0 auto; width:756px; height:142px; z-index:1; 
					}
h1 					{ margin:0; padding:0; }
#header h1 a,
#header h1  		{ behavior:url(/iepngfix.htc);  width:261px; height:63px; display: block; }
#header h1 			{ position:absolute; top:35px; left:25px; background: url(/images/logo.png) no-repeat; padding:0; text-indent:-999em; z-index:3}
#header h1 a:focus 	{ outline:none; }

#banner				{ 
					  display:block; position:absolute; top:11px; z-index:2; width:756px; height:140px; 
					  background:url(/mediafiles/home-header.jpg) no-repeat;
					}

#header_top 		{  
				  	  position:absolute; top:-5px; background:url(/images/header_top.png) no-repeat; 
					  display:block; width:775px; height:5px;  
					}
#skip				{ position: absolute; text-indent: -9999px; list-style: none; }
/* @end */

/* @group Navigation */
#navigation { position:relative; margin:-24px 0 0 221px; padding:0; z-index:100; }
#nav { background:url(/images/nav_bg.gif) no-repeat; margin:0; padding-left:32px; height:24px; width:534px; }
#nav * {list-style:none; padding:0; margin:0; }
#nav li {cursor:pointer; float:left;}
#nav li a { display:block; padding:0 18px; }
#nav a { font-size:1.1em; color:#fff; text-transform:lowercase; text-decoration:none; line-height:24px; 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:#cabdac; color:#000; }
#events #nav li.current a, #sermons #nav li.current a, #article #nav li.current a { background:none; color:#fff; }

#nav li li { clear:both; border-bottom:1px solid #b2a799; }
#nav li li a { background:#cabdac; color:#000; 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:#b2a799;  }


#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:-28px 0 0 140px;}
/* @end */


/* @group PRIMARY CONTENT */
#primaryContent { float:right; position:relative; background: url(/images/subpage_primarycontent_bg.jpg) no-repeat; margin-right:8px; padding:5px 5px 5px 20px; width:519px; min-height:353px; color:#fff; }
#primaryContent p { font-size:1.1em; line-height:1.5em; color:#fff; }
#primaryContent a { color:#dbdbc3; }
	#primaryContent a:hover { color:#b2a799; }
	
	
.col 						{ position:relative; float:left; background:#120808; width:152px; height:117px; margin:0 2px; padding:9px 8px 31px; }
.col:hover 					{ background:#cabdac }
.col img					{ border:0; }
#primaryContent .col:hover a,
#primaryContent .col:hover p{ color:#000; }
#quicklinks 				{ position:absolute; bottom:10px; }

	/* @group SERMON PAGE */
	.sermonlist {  margin-top:1em; border-top:8px solid #120808 }
	.sermonlist h4 { margin-top:1em; }
	.sermonbox {  background:#fff; position:relative; padding:10px;  }	
	#primaryContent .sermonbox h5 a, #primaryContent .sermonbox p a { color:#120808;   }
	#primaryContent .sermonbox h5 a:hover { color:#260b0b; text-decoration:none; }
	.sermonbox h5 span { font-size:0.8em; margin-left:10px; }
	#primaryContent .sermonlist .sermonbox p { color:#120808; 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; behavior:url(/iepngfix.htc); }
	.sermonbox li.sl_listen a { background:url(/images/listen_bg.png) no-repeat; }
	.sermonbox li.sl_download a { background:url(/images/download_bg.png) no-repeat; }
	.sermonbox li.sl_download-notes { background:url(/images/download-notes.png) no-repeat; }
	.sermonbox li.sl_watch-video { background:url(/images/watch-video.png) no-repeat; }
	
	/*-----SERMON SIDEBAR -----*/
	#sermon-sidebar ul {  margin:0 5px 0 0; padding:0; list-style:none; }
	#sermon-sidebar li#play { background:url(/images/listen_bg.png) no-repeat; }
	#sermon-sidebar li#notes { background:url(/images/download-notes.png) no-repeat; }
	#sermon-sidebar li#save {  background:url(/images/download_bg.png) no-repeat }
	#sermon-sidebar li#video { background:url(/images/watch-video.png) 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:-2em 1em 0; padding:0; list-style:none }
	#mediabox li { padding:4px 0 4px 20px; }
	#mediabox li a { line-height: 1.5em; }
	#mediabox li#mb_download { background:url(/images/download_bg.png) no-repeat 0 4px; }
	#mediabox li#mb_podcast { background:url(/images/podcast_bg.png) no-repeat 0 4px; }
	#mediabox li#mb_jukebox { background: url(/images/listen_bg.png) no-repeat 0 4px; }
	#mediabox li#mb_video { background:url(/images/watch-video.png) 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: #fff; font-size: 1.4em;}
	#primaryContent table.calendar caption span{ color: #fff;}
	#primaryContent table.calendar th { padding: 6px 0; background: #120808; color: #fff; font-size: 1.3em; font-weight: normal;}
	#primaryContent table.calendar td { width: 68px; height: 68px; padding: 2px; border: 1px solid #e2dfd7; border-left: 0; border-top: 0; background: #d4d1c9; color: #120808; font-size: 1em; vertical-align: top; }
	#primaryContent table.calendar td.empty{ background: #d4d1c9; }
	#primaryContent table.calendar td ul { margin: .5em 0 0 .5em; padding:0; font-size: 100%; list-style: none; }
	#primaryContent table a { color:#120808; }
	#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:#120808;  text-decoration: none; }	
	/* @end */
	
/* @end */

/* @group SECONDARY CONTENT */
#secondaryContent { float:left; padding-left:7px; margin-left:10px; width:200px; }
#secondaryContent p { 
	font-size:1.1em; line-height:1.5em; margin:0 0 0.5em; padding:0; color:#dbdbc3; 
}
#secondaryContent p a, #secondaryContent li a { color:#dbdbc3; text-decoration:none; }
	#secondaryContent p a:hover, #secondaryContent li a:hover { color:#b2a799 }
	
#secondaryContent #side-events p { margin-left:10px; }

#secondaryContent ul { margin-bottom:1em; padding:5px 0 0 10px; list-style:none; }
#secondaryContent li { font-size:1.1em; color:#fff; }
/* @end */

/* @group FOOTER */
#footer { position:relative; top:5px; background: url(/images/footer_bg.png) no-repeat bottom left; margin:0; padding:0 10px 5px; }
#footer p { margin:0; padding:0; font-size:1.1em; }
#footer a { color:#120808; }
	#footer a:hover { color:#baae9e }
/* @end */