/* @override 
	http://hillcountry.dev/css/styles.css
	http://hcbcrrn.cpmpreview.com/css/styles.css
*/

/*=====
CLIENT: Hill Country Bible Round Rock North
FILE: styles.css - main CSS styles for staging site
CREATED: 8/8/2008
MODIFIED: 1/14/2009
AUTHOR: Ben Otero (ben@churchplantmedia.com)
=====*/

/* @group RESET */


/* remember to define focus styles! */
:focus 				{ outline: 0; }

/* remember to highlight inserts somehow! */
ins 				{ text-decoration: none; }
del 				{ text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table 				{ border-collapse: collapse; border-spacing: 0; }
/* @end */

/* @group GLOBAL */
body 						{ background:#32241b url(/images/bg.jpg) repeat-x center top; margin:0; padding:0; font-size:62.5%; font-family:arial, helvetica, sans-serif; color:#d0c3aa; }
hr 							{ display: none; }

#skip 						{ position: absolute; text-indent: -9999px; list-style: none; overflow-x:hidden; }
#home #outer-container		{ background:url(/images/bg.jpg) no-repeat center top}
#outer-container			{ background:url(/images/bg.jpg) no-repeat center top }
#container 					{ margin:0 auto; width:899px; }
#mainContent 				{  }
a 							{ overflow: hidden; }

.hidden						{ display:none; }
.show						{ display:block; }
.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; height:100px; width:899px; z-index:1000; }
#header h1,
#header h1 a			{ display:block; width:357px; height:70px; margin:0; }
#header h1				{ background:url(/images/logo.png) no-repeat; text-indent:-999em; position:absolute; left:0; top:10px; }

#topbar					{ position:absolute; top:6px; right:0px; z-index:5000; }
#topbar ul				{ margin:0; padding:0; list-style:none;  }
#topbar li				{ float:left; }
#topbar li a			{ display:block; padding:0 12px 8px; margin-right:4px; font:1.2em Helvetica, arial, verdana sans-serif; color:#a3b14e; text-decoration:none; }
#topbar li.more a		{ background:url(/images/down_arrow.gif) no-repeat right 4px; }
#topbar li.more li a	{ background:none; padding-right:12px; }
#topbar li a:hover		{ color:#eeeadd; }

#topbar li ul			{ position:absolute; left:-999em; z-index:1001; width:150px; background: #291a11; padding-top:8px; border-top:1px solid #262015; }
#topbar li:hover ul		{ left:auto; }
#topbar li li			{ float:none; }
#topbar li li a			{ line-height:20px; color:#a79f86; }
#topbar li li a:hover	{ color:#8c8277; text-decoration:underline; }

#topbar li:hover ul ul, 
#topbar li:hover ul ul ul, 
#topbar li:hover ul ul ul ul 
						{ left:-5000px;}
#topbar li:hover ul, 
#topbar li li:hover ul, 
#topbar li li li:hover ul, 
#topbar li li li li:hover ul
						{ left:auto; display:block;}
#topbar li:hover ul li:hover ul 
						{ margin:-28px 0 0 140px;}

/* @end */

/* @group NAV */
#nav 					{ position:absolute; right:-5px; top:30px; height:35px; width: 525px;}
#nav ul					{ margin:0; padding:0; list-style:none; }
#nav li					{ float:left; display:inline; }
#nav li a				{ display:block; line-height:34px; font-size:18px; color:#fff; text-decoration:none; padding:0; margin:0 17px; }
#nav li#nav_home		{ display:none; }
#nav li.current a,
#nav li:hover a			{ border-bottom:8px solid #a5b24f; }
#nav li a.toplinkselected{ border-bottom:8px solid #a5b24f; }

#nav li ul 				{ position:absolute;left:-5000px;z-index:10001; background:#a5b24f; width:150px; padding:10px 0 0;  }

#nav li li				{ float:none; display:block; }
#nav li li a			{ font-size:12px; margin:0; width:130px; padding:5px 10px; line-height:1; color:#443328; }
#nav li li a:hover		{ background:#000; color:#fff; }


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


/* @group PRIMARY CONTENT */
#primaryContent			{ float:left; padding:0 15px; width:605px; position: relative;}
#home #primaryContent	{ float:none; margin-bottom:14px; padding:0; }
#primaryContent.wide	{ width:879px; }
#primaryContent li,
#primaryContent td,
#primaryContent p		{ font-size:1.3em; color:#e2d8c7; line-height:1.5em; }
#primaryContent .article p	{  margin-top:1em; }
#primaryContent p.date	{ margin:0; }
#primaryContent p *,
#primaryContent li *,
#primaryContent td *	{ font-size:1em; }
#primaryContent a		{ color:#a3b14e; }
#primaryContent a:hover	{ text-decoration:none; }
#primaryContent img		{ border:none; }
img.left-align			{ float:left; position:relative; left:-10px; }
img.right-align			{ float:right; position:relative; right:-10px; }

	/* @group HEADINGS */
	#primaryContent h2	{ font-size:2em; margin:28px 0 0; padding:0; color:#a3b14e; text-transform:uppercase; font-weight:normal; }
	h3, h4, h5, h6		{ color:#e2d8c7; }
	#primaryContent h3	{ font-size:1.6em; color:#a3b14e; }
	#primaryContent h4	{ font-size:1.5em; }
	#primaryContent .article h4	{ margin-bottom:8px; }
	#primaryContent h5	{ font-size:1.4em; color:#a3b14e; }
	#primaryContent h6	{ font-size:1.3em; }
	/* @end */

/* @group BANNER */
#banner					{ 
						  position:relative; display:block; width:880px; height:201px; border:10px solid #fdfeff; 
						  background:url(/images/subpage-header.jpg) no-repeat; margin-bottom:29px;
						}
#home #banner			{ width:879px; height:463px; background:none; margin-bottom:15px; position:relative; }
#home #img				{ position:absolute; top:0; left:0; z-index:1; }
#home #img p			{ margin:0; padding:0; }
#home #img img			{ border:0; }
#overlay				{ 
						  display:block; height:43px; width:851px; position:absolute; top:0; left:0; z-index:5;
						  background:url(/images/overlay_strip_bg.png) no-repeat; padding:0 14px;
						}
#primaryContent #overlay h3
						{ float:right; text-align:right; font:italic 1.5em Georgia, "Times New Roman", serif; color:#000; margin:11px 0 0 14px; font-weight: normal;}
#overlay p				{ float:right; text-align:right; margin:14px 0 15px 19px; font:12px arial, verdana, sans-serif; color:#000; }
#overlay a				{ font:10px arial, verdana, sans-serif; color:#763203; margin-left:20px; text-transform: uppercase; }
#overlay a:hover		{ text-decoration:none; }
/* @end */
/* @end */


/* @group SECONDARY CONTENT */
#secondaryContent		{ float:left; width:227px; margin:0 0 0 25px; } 
#home #secondaryContent	{ float:none; width:899px; margin:0; }
	
	/* @group SUBNAV */
	#sorting, .box	{ background:#291e16; margin:0; padding:15px 17px; border:6px solid #201711; width:174px; }
	#subnav							{ margin:-17px; padding:15px 17px; list-style:none; border:1px solid #30221a; clear: both;}
	#events li#subnav_home,
	#articles #subnav li#subnav_home,
	#subnav li						{ display:none; }
	#subnav li ul					{ margin:0; padding:0; list-style:none; } 
	
	#events li#subnav_events,
	#articles #subnav li#subnav_resources,
	#articles #subnav li#subnav_resources *,
	#subnav li.current,	
	#subnav li.current *			{ display:block; }  
	
	#events #subnav_events a,
	#articles #subnav_resources a,
	#sorting h3, #how-it-works h3,
	#subnav li.current a			{ 
									  color:#fff; text-transform:uppercase; font-size:1.4em; font-weight:bold; text-decoration:none; 
									  padding-bottom:8px; border-bottom:1px solid #1f1913; margin-bottom:3px; 
									  font-family:helvetica, arial, sans-serif;
									}
									
	#articles #subnav_resources li a,
	#subnav li.current li a			{ 
									  line-height:32px; padding:0; font-size:1.3em; text-transform:capitalize; color:#a3b14e; 
									  font-weight:normal; border:0; margin:0; padding-left:7px; 
									}
	#articles #subnav_resources a:hover,
	#subnav li.current li a:hover	{ color:#fdfeff; }
	
	#articles #subnav_resources #subnav_resources_articles a,
	#subnav li li.current a			{ 
									  color:#fff; background:url(/images/subnav_current.gif) no-repeat; position:relative; left:-12px; 
									  padding-left:20px; width:173px; line-height:27px; margin-bottom:5px;
									} 
	/* @end */

	/* @group QUICKLINKS */	
	.quicklink				{ 
							  float:left; width:224px; height:100px;  
							  background:url(/images/ql_bg.gif) no-repeat right top; 
							}

	.quicklink img			{ float:left; border:2px solid #564337; margin-right:10px; }
	.quicklink h4			{ font-size:1.3em; margin:11px 0 4px; color:#a3b14e; }
	.quicklink h4 a			{ color:#a3b14e; text-decoration:none; /*a1aa9c*/ }
	.quicklink h4 a:hover	{ text-decoration:underline; }
	.quicklink p			{ font-size:1.1em; color:#d0c3aa; margin:0; line-height:1.2; }	
	.quicklink:hover		{ background-position:right bottom; }
	.quicklink:hover img	{ border-color:#6e574a; }
	.last					{ margin-right:-30px; background:url(/images/ql_last_bg.gif) repeat-x; width:212px; }
	.last:hover				{ background-position:left bottom; }
	/* @end */
/* @end */

/* @group FOOTER */
#footer						{ margin-top:18px; padding-top:18px; padding-bottom:100px; position:relative; }
#footer p					{ margin-top:-10px; font-size:1.1em; color:#7c6657; }
#footer a					{ color:#6e6754; }
#footer a:hover				{ text-decoration:none; }
#footer #cpm				{ 
							  display:block; width:141px; height:21px; background:url(/images/cpm_logo.gif) no-repeat; text-indent:-999em; 
							  position:absolute; right:27px; top:8px;
							}
#footer #cpm:hover			{ background-position:left bottom; } 
/* @end */


/* @group SERMONS */
#filter								{ margin-bottom:3.5em; }
#filter select						{ width:250px; margin-left:25px; }
#filter a							{ margin-left:80px; }
.sermonlist 						{ clear:both; }
#primaryContent .sermonlist h4		{ margin:0 0 1em; padding:0; clear:both; }
#primaryContent h4#current			{ clear:both }
.sermonbox							{ position:relative; border-top:1px solid #1f1811; padding:10px 0; }
.sermonbox a						{ text-decoration:underline; }
.sermonbox a:hover					{ text-decoration:none; }

#primaryContent .sermonbox h5		{ margin:0;}
#primaryContent .sermonbox h5 span	{ font-size:10px; margin-left:10px; }
.sermonbox h5 a 					{ font-weight:bold; color:#027cc9;}
.sermonbox h5 a:hover 				{ color:#556c6b }
#primaryContent .sermonbox p		{ margin:0;}


.sermonbox ul					{ position:absolute; top:10px; right:10px; margin:0; padding:0; list-style: none;}
.sermonbox li					{ float:left; display:inline; margin-right:5px; }
.sermonbox li a					{ display:block; width:16px; height:16px; text-indent:-999em; }
.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_notes a		{ background:url(/images/notes_icon.gif) no-repeat; }
.sermonbox li.sl_video a		{ background:url(/images/video_icon.gif) no-repeat; }
.sermonbox li a:focus			{ outline:none; }

	/* @group MEDIA BOX */
	#byline						{ margin:10px 0 0; padding:0; list-style:none; float: left; }
	/* @end */


	/* @group HOW IT WORKS */
	#how-it-works				{ margin:1.5em 0; padding:10px; height:13px; border:0; background:#291e16; clear:both; }
	#how-it-works h3			{ 
								  float:left; font-size:1.2em; text-transform: capitalize; 
								  margin:0 20px 0 0; border:0;  
								}
	#how-it-works ul			{ margin:0; padding:0; list-style:none; position:relative; top:0;}
	#how-it-works li			{ padding: 0 20px 10px; margin-bottom:1.5em; font-size:1.2em; float:left; list-style-type: none;   }
	#how-it-works li span		{ font-weight:bold; }
	#how {padding-left: 0 !important;}
	#how-it-works li#play		{ background:url(/images/play_icon.gif) no-repeat; }
	#how-it-works li#notes		{ background:url(/images/notes_icon.gif) no-repeat; }
	#how-it-works li#video		{ background:url(/images/video_icon.gif) no-repeat; }
	#how-it-works li#save		{ background:url(/images/download_icon.gif) no-repeat; }
	#how-it-works li#loading	{ background:url(/images/ajax-loader.gif) no-repeat; display:none; }
	/* @end */
	
	/* @group SORTING */
	#sorting					{ margin-bottom:2.5em; float: right;  }
	#sorting h3					{ margin-top:0; }
	#sorting label				{ display:block; font-size:1.3em; font-weight:bold; margin-bottom:.5em; } 
	#sorting select				{ width:180px; margin-bottom:2em; }
	#sorting a					{ font-size:1.2em; color:#a3b14e; }
	#sorting a:hover			{ text-decoration: none; }
	
	#sorting ul					{ margin:0; padding:0; list-style:none; }
	#sorting li a				{ padding:2px 0 2px 20px; line-height:2.5em; display:block; }
	#sorting li#mb_video a		{ background:url(/images/video_icon.gif) no-repeat left center; }
	#sorting li#mb_jukebox a	{ background:url(/images/play_icon.gif) no-repeat left center; }
	#sorting li#mb_download a	{ background:url(/images/download_icon.gif) no-repeat left center; }
	#sorting li#mb_notes a		{ background:url(/images/notes_icon.gif) no-repeat left center; }
	#sorting li#mb_podcast a	{ background:url(/images/feed_icon.gif) no-repeat left center; } 
	/* @end */

/* @end */

/* @group CALENDAR */
#primaryContent table.calendar				{ margin-bottom: 25px; border-collapse: collapse; width:100%; }
#primaryContent table.calendar caption		{ padding-bottom: 10px; color: #e2d8c7; font-size: 1.4em; }
#primaryContent table.calendar th			{ padding: 6px 0; background:#a3b14e; color:#291e16;  font-size: 1.3em; font-weight: normal; }
#primaryContent table.calendar td			{ 
											  width: 68px; height: 68px; padding: 2px; border: 1px solid #32241b; border-left: 0;
											  border-top: 0; background:#1f1811; color:#e2d8c7; font-size: 1em; vertical-align: top; 
											}
#primaryContent table.calendar td a			{ text-decoration: none; }
#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; font-size: 1.1em; line-height: 1.2; }
#primaryContent table.calendar td li a		{ text-decoration: underline; }
#primaryContent table.calendar td li a:hover{ text-decoration: none; }
/* @end */

iframe { border: none; width: 580px; }

#pagination {
	overflow: hidden;
	margin-bottom: 20px;
	width: 550px;
	padding-top: 5px;
}

#pagination span { display: none; }

p.pagination {
	float: left;
	margin-top: -5px;
}

.pagination a {
	display: block;
	float: left;
	padding: 2.5px 5px;
	font-size: 11px !important;
	font-weight: bold;
	text-decoration: none;
	border: 1px solid #32241b;
}

.pagination a:hover {
	border: 1px solid #a3b14e;
}

a.current {
	border: 1px solid #a3b14e;
}

#controls {
	height: 29px;
	background: url(/images/controls_container_bg.png) no-repeat left top;
	padding-left: 2px; 
	position: absolute;
	bottom: 25px;
	z-index: 2000;
}

#controller {
	background: url(/images/controls_bg.png) no-repeat right top;
	padding-right: 3px;
}
					
#controls ul {
	margin: 0;
	padding: 3px 0;
	list-style: none;
	height: 23px;
	position: relative;
}

#controls li {
	display: inline;
}

#controls li a {
	float: left;
	display:block;
	line-height: 23px;
	font-size: 11px;
	color: #bbb7b1;
	text-decoration: none;
	padding:0 9px;
}

#controls li a.current {
	background: #fff;
	color: #000;
}

#controls li#controls-previous {
	position: absolute;
	left: -34px;
	top: 0 
}

#controls li#controls-previous a { 
	display: block;
	width: 29px;
	height: 29px; 
	background: url(/images/controls_prev_btn.png) no-repeat; 
	text-indent: -9999px;
	padding: 0;
}

#controls li#controls-next {
	position: absolute;
	right: -35px;
	top: 0;
}

#controls li#controls-next a { 
	display: block;
	width: 29px;
	height: 29px;
	background: url(/images/controls_next_btn.png) no-repeat; 
	text-indent: -9999px;
	padding:0;
}

#controls li a:focus {
	outline: none;
}

#rotator {
	display: block;
	width: 880px;
	height: 463px;
	position: relative;
	overflow: hidden;
}

#rotator p	{
	margin: 0;
	display: none;
}

#rotator img {
	width: 880px;
	height: 463px;
	border: 0;
	position: absolute;
	top: 0;
	left: 0;
}

.vimeo-embed:hover {
	cursor: pointer;
}

#embed { display: none; }