@charset "utf-8";
/* CSS Document */
/* Programmed by Nick Prince */
/* Designed by Jonny O */
/* March 2009 */


/* Reset Basic Tags */
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; }

/*

	#container
		#container-header
			#header
				#header-huntley-logo
				#header-breadcrumb
				#header-crossroads-logo
		#container-subheader
			.shadow-header-container
				#subheader
					#nav-orderby
		#container-main
			.shadow-container .shadow-container-left .shadow-container-right
				#main
					#main-content
					#main-sidebar
		#container-footer
			.shadow-container .shadow-container-left .shadow-container-right
				#footer

*/


/* Basic HTML Tags */
body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: transparent url(../images/huntley-patio/background.png) repeat-x scroll top left;
	text-align: center;
	background-color:#FFFFFF;
	background-position:top center;
	background-repeat:no-repeat;

}
img { border: none; }
a:link { text-decoration: none; color: #2f517a }
a:visited { text-decoration: none; color: #2f517a }
a:active { text-decoration: none; color: #2f517a }
a:hover { text-decoration: underline; color: #2f517a }
a.current { font-weight: bold; font-size:14px; }
#footer a { color:#FFFFFF; }
/* Layout Stuff */
#container, #container-header, #container-subheader, #container-main, #container-footer { margin: 0; padding: 0; width: 100% }
#header, #subheader, #subborder, #main, #footer { margin: 0 auto; padding: 0; width: 980px; text-align: left; }
#container {
	
	width: 1000px;
	margin: auto;
	/*background-color:#000000;
	background-image: url(../images/huntley-patio/shadow-full.png);
	
	background-repeat: no-repeat;*/


}
#header { height: 80px; /*background-color:#2A2A2A; background-image: url(../images/huntley-patio/header-background.png); background-repeat:repeat-x; background-position:bottom;*/ }
#subheader { background-color: #FFFFFF; padding-top: 5px; }
#main { /*background-color: #E5E5E5;*/ background-color:#FFFFFF; }
	/* main-content Width = 700 - padding-left - padding-right */
#main-content { /*background-color: #FFFFFF;*/ float: left; padding-left: 5px; width: 695px; min-height: 775px; }
#main-content p { margin: 10px 5px 10px 5px;}
#main-sidebar { /*background-color: #FFFFFF;*/ float: left; width: 280px; /*min-height: 600px;*/ }
#footer { color:#FFFFFF; background-color: #5E5E5E;; height:25px; padding-top:10px; }
#footer p { padding-left:10px; }


/* Header Stuff */
#header-huntley-logo { float:left; margin-left:10px;}
#header-crossroads-logo { float:right; margin-top:8px; }
#header-login { float:right; text-align:right; width: 200px; margin: 4px 12px 0 0; overflow:hidden; font-size:11px;}
#header-links { float:left; margin-left:77px; margin-top: 5px;}
#header-link-podcast {float:left; margin-top:0px;}
#header-links a { float:left; margin-top:5px; margin-left: 3px;}

#subborder { height: 10px; background-color:#E6E6E6; border-top: 3px solid #00ADEF; }
/* Navigation Stuff */
#nav-categories {float:left; display:block; }
#nav-categories ul{ float: left;  }
#nav-categories li { list-style: none; float: left; color: #FFFFFF; margin: 0 2px 0 0;}
#nav-categories ul li a{
	padding: 8px 8px 4px 8px;
	background-color: #5E5E5E;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	height: 18px;

	display: block;
	float: left;
	

	color: #FFFFFF;

	
}

#nav-categories ul li a:hover{ background-color: #00ADEF; text-decoration:none;}
#nav-categories a.active{ background-color: #00ADEF; }

#nav-orderby {width: 100%; height: 30px;}
#nav-orderby ul {float:right; margin:5px 50px 5px 0px; padding: 3px; border-bottom: solid 0px black;}
#nav-orderby li {list-style:none; float:left; margin-left: 10px;}
#nav-orderby a {}
#nav-orderby li .activated { font-weight:bold;}

.pipe ul li {
	margin-left: 0;
	padding: 3px 15px;
	list-style: none;
	display: inline;
}
#page-navigation { width: 430px; margin-left: 105px; text-align: center; padding: 5px;}
#nav-page { text-align: center; padding: 10px 5px 20px 5px; list-style:none; }
#nav-page li { float:left; color: #FFFFFF; font-size: 12px;}
#nav-page li a {
    color: #FFFFFF;
	background-color: #5E5E5E;
	height: 15px;
	text-align: center;
	padding:5px 10px 5px 10px;
}
#nav-page a:hover{ background-color: #00ADEF; text-decoration: none;}
#nav-page li.current {
	background-color: #00ADEF;
    margin: 0px 0px 5px 0px;
	padding: 5px 10px 5px 10px;

}
#nav-page li.previous { font-weight:bold; width:90px; margin-right: 40px;}
#nav-page li.previous a {  width: 90px; display:block; }
#nav-page li.inactive { background-color: #ACADB3; padding:5px 10px 5px 10px; }
#nav-page li.next { font-weight: bold; float:right; width: 90px;}
#nav-page li.next a {  width: 90px; display:block; }
a.nav-page-num { width:15px; }

/* Basic Classes */
.clearfloat { clear: both;	font-size: 1px; height: 0;	line-height: 0px; }
.left { float: left; }
.right { float: right; }
.white-space { white-space: pre-wrap; }

 /* Sidebar Stuff */
 .sidebar-section {
	margin: 0px;
	padding: 0px; /* padding must stay 0 for width to work properly */
	padding-top: 5px;
	padding-bottom: 5px;
	/*background: #E5E5E5 url(../images/huntley-green/sidebar-border-bottom.gif) repeat-x 0 100%;*/
	width: 100%;
}
.sidebar-section p { text-align: center; }
.sidebar-section .sidebar-link { display: block; margin: 5px 0px 2px 8px; font-weight:bold;}
.sidebar-section img { margin: 8px 3px 0px 3px; }
.sidebar-section h1 {
	font-family: Arial;
	font-size: 12px;
	color:#FFFFFF;
	display: block;
	padding: 5px 5px 2px 5px;
	background-color: #00ADEF;
	width: 130px;
	overflow: hidden;

}
.sidebar-section .border {
	height: 3px;
	width: 100%;
	background-color: #00ADEF;

}

.sidebar-section #tags li {
	list-style: none;
	float:left;
}

.sidebar-section #tags li a{
	
	/*background-color: #A3A3A3;*/
	padding:3px;
	margin: 2px 5px 2px 2px;
	font-size: 12px;
	display: block;
	float: left;
}
.sidebar-section #tags li a:hover{ background-color: #00ADEF; text-decoration:none; color:#FFFFFF;}

.sidebar-button-wide { width:260px; height:30px; color:#FFFFFF; background-color:#2A2A2A; text-align:center;}
.sidebar-button-wide a { color:#FFFFFF; }

#nav-topics {padding-left: 70px; margin-bottom:10px; float:left;}
#nav-topics ul{ float: left; list-style-type: none; margin-left: 5px; width: 127px; }
#nav-topics ul li a{
	background: #fdfdfd url(../images/huntley-patio/button-bg.png) repeat-x 0 100%;
	border: 1px solid #bbbbbb;
	color: #232323;
	display: list-item;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	height: 14px;
	letter-spacing: -0.05em;
	padding: 3px 20px 2px 20px;
	text-decoration: none;
	text-transform: uppercase;
	text-align: center;
}
#nav-topics ul li a:hover{ background: #eeeeee url(../images/huntley-patio/button-bg-hover.png) repeat-x 0 100%; color: #232323; }


#nav-special {padding-left: 70px; margin-bottom:10px; float:left;}
#nav-special ul{ float: left; list-style-type: none; margin-left: 5px; width: 140px; }
#nav-special ul li a{
	background: #fdfdfd url(../images/huntley-patio/button-bg.png) repeat-x 0 100%;
	border: 1px solid #bbbbbb;
	color: #232323;
	display: list-item;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	height: 14px;
	letter-spacing: -0.05em;
	padding:3px 20px 2px 20px;
	text-decoration: none;
	text-transform: uppercase;
	text-align: center;
}
#nav-special ul li a:hover{ background: #eeeeee url(../images/huntley-patio/button-bg-hover.png) repeat-x 0 100%; color: #232323; }

/* Search Box */
#search-box { background-color:#00ADEF; float:right; width: 280px; min-height:30px; height: 30px; border:none;}
label{ display:block; float:left; }
#search-text{ width: 230px; margin: 5px 5px 5px 5px; padding: 3px 2px 3px 2px; display:block; border:none; background-color: #FFFFFF;}
#search-submit { /*background:#00ADEF url(../images/huntley-green/search.png) no-repeat; border: none;*/ padding: 2px; margin: 3px 0px 5px 0px; width: 30px; height:25px;}

/* Search Page Stuff */
#search-terms {margin-top: 8px;}
#search-total-results{}
#search-count{}

/* Video Info Stuff */
#main-video-section { margin-left: 10px;}
#video-player { margin: 8px 0 8px 0; }
#video-title {	font-family:sans-serif;	font-size:16px; font-weight:bold; margin: 5px 0 0 0;}
#video-date { margin: 0; }
#video-views {	margin-bottom:5px; }
#video-rating { width: 150px; }
a #toggle-description{margin: 8px 0 8px 0;}
#video-description {	background-color:#E6E6E6; margin:10px 0 10px 0; width: 620px; padding: 10px; border:0px solid #5E5E5E;  white-space:pre-wrap;  }
#video-add-comment {margin: 10px 0 10px 0; width:620px; padding: 10px;}
.video-related { float: left; }
#video-responses {width:600px;}
#video-share {margin: 8px 0 8px 0;}

#main-video-list { width: 100%; }
/* Comment Stuff */
/* I like this color: background-color:#E4ECF6;  */
#comments { margin: 10px 0 0 10px; }
.comment-header { width:484px; background-color:#E6E6E6; padding:8px 8px 8px 8px;}
.comment-entry { display:block; width:500px; border:1px solid #E6E6E6; margin: 15px;}
.comment-date {float:right; margin-left: 5px;}
.comment-reply { display:block; padding:5px; margin-top:5px; padding-left:15px; width:500px; }
.comment-author {	display:block;	float:left; font-weight: bold;}
.comment-text { padding:10px 5px 10px 8px;}

/* Video Cell Stuff */
.video-cell {
	float: left;
	width: 136px;
	height: 165px;
	margin: 5px 10px 5px 10px;
	padding: 10px 5px 5px 5px;
	text-align: left;
	font-family: Verdana, Arial;
	background-color: #FFFFFF;
}
.video-cell:hover { background-color: #CAF3FC}
.video-cell-category { font-size: 11px; text-align: center; padding: 3px 0 3px 0; display:none; }

#index .video-cell .video-cell-views { display:none; }
#index .video-cell .video-cell-rating { display:none; }
#index .video-cell .video-cell-title {	max-height: 45px;	overflow:hidden;	width: 125px; }
#index .video-cell { height: 155px;}

#program h2 { color:#00ADEF; margin: 5px; }
#program .video-cell-category { display: block; }
#program .video-cell { height: 165px; }
#program .video-cell .video-cell-title {	max-height: 45px;	overflow:hidden;	width: 125px; }
#program .video-cell .video-cell-date {display:none; }
#program .video-cell .video-cell-views {display:none; }
#program .video-cell .video-cell-rating {display:none; }
#program .program-title { display:block; margin: 5px; padding:5px; float:left; color:#00ADEF; width:660px; border-bottom:1px solid #00ADEF; }


.video-cell-thumbnail { text-align: center; }
.video-cell-title {
	font-family:Arial, Verdana;
	font-size:12px;
	font-weight:bold;
	max-height: 30px;
	margin-left:8px;
	overflow:hidden;
	width: 125px;
}
.video-cell-date {
	color: #777D88;
	font-family: Verdana, Courier, monospace;
	font-size: 9px;
	margin-left: 8px;
	text-align: left;
}
.video-cell-views {
	color: #777D88;
	font-family: Verdana, Courier, monospace;
	font-size: 9px;
	margin-left: 8px;
	text-align: left;
 }
 .video-cell-length {
	color: #777D88;
	font-family: Verdana, Courier, monospace;
	font-size: 9px;
	margin-left: 8px;
	text-align: left;
 }
.video-cell-rating {
	color: #777D88;
	font-family: Verdana, Courier, monospace;
	font-size: 9px;
	margin-left: 8px;
	text-align: left;
 }

/* Featured Video Sutff */
#featured-videos {
	border: 1px solid #000000;
	height: 170px;
	margin: 10px 0 0 0;
	padding: 5px;
	width: 665px;
	overflow: hidden;
}
#featured-videos .featured-cell {
	float: left;
	font-family: Verdana, Courier, monospace;
	font-size: 11px;
	height: 135px;
	margin: 4px;
	padding: 5px 3px 10px 3px;
	text-align: left;
	width: 150px;
}
.featured-cell .category { text-align: center; padding: 3px; }
.featured-cell .thumbnail { text-align: center; }
.featured-cell .title {	
		font-family:Arial, Verdana;
		font-size:11px;
		font-weight:bold;
		max-height: 28px;
		margin-left:15px;
		overflow:hidden;
		width: 125px;
}
.featured-cell .date { color:#777D88; margin-left:12px; }
.featured-cell .views { color:#777D88; margin-left:12px; }
.featured-cell .rating {	color:#777D88;	margin-left: 12px; }

/* Search Cell Stuff */
.search-cell {
	float: left;
	width: 625px;
	height: auto;
	margin: 5px 10px 0px 5px;
	text-align: left;
	padding:5px;
	
	/*background-color: #E6E6E6;*/
	border: 0px solid #564b47;
}
.search-cell .category { display: none; }
.search-cell .thumbnail { float: left; margin-right: 5px; }
.search-cell .title { float: left; width: 500px; font-weight:bold; overflow:hidden;}
.search-cell .title a { float: left; width: 500px; overflow:hidden;}
.search-cell .description { color: #848587; float: left; width: 490px; max-height: 30px; margin: 5px 0 12px 1px; overflow: hidden;}
.search-cell .date {float:left; margin: 3px 5px 3px 15px;}
.search-cell .views {float:left; margin: 3px;}
.search-cell .rating { float:left; margin: 3px 5px 3px 15px;}

.related-cell {
	float: left;
	font-family: Arial, Verdana;
	font-size: 11px;
	height: 80px;
	margin: 0px;
	margin-top:5px;
	margin-left: 5px;
	padding: 0px;
	text-align: left;
	width: 250px;
}
.related-cell .thumbnail {	float:left;	margin-right: 5px;}
.related-cell .title { font-family:Arial, Verdana;	font-weight: bold; max-height:28px; overflow: hidden;}
.related-cell .views {}
.related-cell .rating {}
.related-cell .date {}



#video-share { background-color:#E6E6E6; width: 620px; padding: 10px; border:0px solid #00ADEF;}
#video-share ul { display:block; float:left; }
#video-share ul li {
	margin: 3px 5px 3px 0;
	list-style: none;
	display: block;
	float: left;
	
}
#full-program a{
	background-color:#2A2A2A;
	color:#FFFFFF;
	display:block;
	font-weight:bold;
	height:20px;
	margin-left:10px;
	margin-top:2px;
	padding-top:6px;
	text-align:center;
	text-decoration: none;
	width:260px;
}
#full-program a:hover { background-color:#00ADEF; }

/* Facebook */
 /* .fb_share_link { padding:2px 0 0 20px; height:16px; background:url(http://b.static.ak.fbcdn.net/images/share/facebook_share_icon.gif?8:26981) no-repeat top left; }  */

#blip {padding: 5px 0 0 8px;}

#comment-success {font-weight:bold; color:green;}
#comment-error {font-weight:bold; color:red;}

.error { white-space: pre-wrap;}

#main-content h3 { color: #00ADEF; font-weight:bold; }
#playlist-title { color: #00ADEF; font-weight:bold; font-size:16px; margin-top: 5px; }
#program-dates { float: left; margin: 15px 10px 10px 40px; padding-top: 10px;}
#upcoming-guests { float: left; width: 420px; margin: 15px 0 0 10px;  padding: 10px 5px 15px 5px;}
#upcoming-guests h4 { color:#00ADEF; }
#upcoming-guests h3 { font-size: 16px; color:#000000; }
#program-dates h3 { font-size: 16px; color:#000000; font-weight: bold; margin-left: -15px; }
#main-content h2 { color:#00ADEF; margin: 5px; }
#prayer-lines { float: right; margin-right: 44px;}


#atffc { display: none; } /* Bug Fix for randomly displaying div on the video page */