/*

Created by:Mike Moreau, Jr.
of:harvestmedia.com
for:northlove.org

Section 1 - Default Styles and Global Classes

Section 2 - Container and Layout Boxes

Section 3 - Top Tab Navigation

Section 4 - Left Column

Section 5 - Right Column

Section 6 - Footer

Section 7 - Main Navigation

Section 8 - Google Map API

Section 9 - Ekklesia Presentation

*/




/*
Section 1 - Default Styles and Global Classes
________________________________________________________*/
body{
	background:#e7e7e7 url(/_img/background-tile.jpg) repeat-x;
	color:#313131;
	font-family:Calibri, "Trebuchet MS", "Lucida Grande", tahoma, Helvetica, Arial, sans-serif;
	font-size:14px;
	line-height:1;
	padding:0;
	margin:0;
}
img, a img{
	border:0px;
}
ul{
	list-style-type:none;
	display:block;
	margin:0;
	padding:0;
}
a:link, a:visited{
	text-decoration:none;
	color:#286ea0;
	outline:none;
}
a:hover, a:active{
	text-decoration:underline;
}
.hide{
	display:none;
}




/*
Section 2 - Top Tab Navigation
________________________________________________________*/
ul#top-nav{
	font-size:12px;
	left:50%;
	margin:0;
	padding:0;
	position:absolute;
	top:0;
	width:386px;
	z-index:2;
}
ul#top-nav li{
	color:#fff;
	display:block;
	float:left;
	line-height:1em;
	margin:0;
	padding:5px 10px 5px 10px;
	position:relative;
}
ul#top-nav li.member-login{
	color: #6a89b0;
	width:140px;
}
ul#top-nav li.other-ministries{
	background-color:#6a89b0;
	width:204px;
	border-radius: 0px 0px 5px 5px;
}
ul#top-nav li a:link, ul#top-nav li a:visited{
	color:#fff;
	display:block;
	height:1em;
	line-height:1em;
	text-decoration:none;
}
ul#top-nav li a:hover, ul#top-nav li a:active{
	color:#fff;
	text-decoration:none;
}
ul#top-nav li.member-login a{
	color: #6a89b0;
	text-align:right;
}
ul#top-nav li div{
	padding-bottom:5px;
}
ul#top-nav li ul{
	display:none;
	margin:0;
	padding:0;
	position:relative;
}
ul#top-nav li ul.show{
	display:block;
}
ul#top-nav li ul li{
	float:none;
	padding:5px 0 5px 0;
}
ul#top-nav li ul li a:link, ul#top-nav li ul li a:visited{
	padding: 5px;
}
ul#top-nav li ul li a:hover, ul#top-nav li ul li a:active{
}
/*
Section 3 - Container and Layout Boxes
________________________________________________________*/
#container{
	background:#fff;
	height:auto;
	left:50%;
	margin-left:-386px;
	position:absolute;
	top:166px;
	width:772px;
	z-index:1;
	border-radius: 5px 5px 0px 0px;
}

#logo{
	background:url(/_img/logo.png) top left no-repeat transparent;
	height:63px;
	left:10px;
	position:absolute;
	top:-83px;
	width:240px;
	z-index:10;
}
#logo a:link, #logo a:visited, #logo a:hover, #logo a:active{
	height:113px;
	display:block;
	text-indent:-9999em;
	width:237px;
	text-decoration:none;
}
#pnav{
	height:30px;
	right:0px;
	position:absolute;
	top:-40px;
	width:520px;
	z-index:20;
}
#banner{
	margin-top:38px;
	margin-bottom:20px;
	margin-left:38px;
	width:695px;
	z-index:1;
}
#content{
	float:left;
	height:auto;
	margin-left:38px;
	padding:20px 0 38px 0;
	width:452px;
	z-index:3;
}
#sidebar{
	height:auto;
	float:left;
	margin-left:38px;
	padding:20px 0 38px 0;
	width:208px;
	z-index:2;
}
#footer{
	background-color:#bbb;
	float:left;
	height:auto;
	margin-bottom:38px;
	margin-left:38px;
	width:695px;
	border-radius: 5px;
}
/*
	Home Page Styles and Overrides
*/
body#home #banner{
	background:#fff;
	height:222px;
	margin:38px 0 19px 38px;
}
#nivo-slider{
	height:222px;
	overflow:hidden;
	position:relative;
	width:695px;
}
#quick-links{
	height:81px;
	margin:0 0 20px 38px;
}
#quick-links div{
	background-color:#fff;
	height:81px;
	float:left;
	margin-right:19px;
	width:219px;
}
#quick-links div.live-video{
	margin:0;
}
#content div.verse-quote{
	color:#3e5b80;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size:16px;
	line-height:26px;
	margin:0 0 22px 0;
}
#content div.verse-quote a:link, #content div.verse-quote a:visited{
	color:#3e5b80;
}
#content div.verse-quote small{
	color:#444;
	font-size:11px;
	font-family:Calibri, "Trebuchet MS", "Lucida Grande", tahoma, Helvetica, Arial, sans-serif;
}
#content div.verse-quote small a:link, #content div.verse-quote small a:visited{
	color:#000;
}


/*
Section 4 - Sidebar Typography
________________________________________________________*/
#sidebar h3{
	border-bottom:1px solid #ddd;
	color:#3e5b80;
	font-size:18px;
	font-family:"trebuchet ms", "lucida sans", "lucida grande", Verdana, tahoma, Arial, Helvetica, sans-serif;
	font-weight:bold;
	line-height:120%;
	margin:17px 0 10px 0;
	padding:0 0 5px 0;
}
#sidebar h4{
	font-size:18px;
	font-family:"trebuchet ms", "lucida sans", "lucida grande", Verdana, tahoma, Arial, Helvetica, sans-serif;
	font-weight:bold;
	line-height:22px;
	margin:22px 0 10px 0;
}
#sidebar p{
	line-height:22px;
	margin:0 0 22px 0;
}
#sidebar ul{
	margin:0 0 22px 18px;
	list-style-position:outside;
	list-style-image:url(/_img/arrow-trans.gif);
}
#sidebar ul ul{
	margin-bottom:22px;
	margin-left:18px;
}

/*
	Sermon List in Sidebar
*/
.sidebar-sermon{
	margin-bottom:22px;
}
#sidebar .sidebar-sermon h4{
	font-size:14px;
	margin-bottom:0;
}
#sidebar .sidebar-sermon p{
	font-size:12px;
	line-height:18px;
	margin-bottom:0;
}
.sidebar-sermon p span.sbs-preacher{
	color:#555;
	font-size:10px;
}

/*
Section 5 - Content Typography
________________________________________________________*/
div#content > h3:first-child, div#sermon-content > h3:first-child{
	margin-top:0px;
}
#content h3{
	border-bottom:1px solid #ddd;
	color:#000;
	font-size:31px;
	font-family:"trebuchet ms", "lucida sans", "lucida grande", Verdana, tahoma, Arial, Helvetica, sans-serif;
	font-weight:normal;
	line-height:38px;
	letter-spacing:-0.01em;
	margin:38px 0 22px 0;
	padding:0 0 6px 0;
}
#content h4{
	font-size:22px;
	font-weight:bold;
	line-height:22px;
}
#content h5{
	font-size:17px;
	font-weight:bold;
	line-height:22px;
}
#content p{
	line-height:22px;
	margin-bottom:22px;
}
#content ul{
	line-height:22px;
	margin-bottom:22px;
	margin-left:30px;
	list-style-position:outside;
	list-style-type:disc;
}
#content ul ul{
	line-height:22px;
	margin-bottom:22px;
	margin-left:30px;
	list-style-position:outside;
	list-style-type:disc;
}
#content ul#mediabox{
	list-style-type:none;
	list-style-position:inherit;
	margin:0;
	padding:0;
}
#content ol{
	line-height:22px;
	margin:0 0 22px 18px;
	padding:0 0 0 18px;
	list-style-type:decimal;
	list-style-position:outside;
}
/* Contact Form on Request Info Page */
form.contact h4{
	margin-bottom:22px;
}
form.contact label{
	display:block;
	font-weight:bold;
}
form.contact input, form.contact textarea, form.contact select{
	display:block;
	padding:.1em;
	border:1px solid #cccccc;
	margin-bottom:22px;
}
form.contact input.submit-form{
	background-color:#339900;
	color:#FFFFFF;
}
/*
Section 6 - Footer Typography
________________________________________________________*/
#footer ul{
	font-size:12px;
	line-height:18px;
	padding:14px;
}
/*
Section 7 - Navigation
________________________________________________________*/
ul#nav{
	float:right;
	height:30px;
	position:relative;
}
ul#nav li{
	display:block;
	height:30px;
	float:left;
	margin:0;
	padding:0;
	position:relative;
	width:auto;
}
ul#nav li a:link, ul#nav li a:visited{
	color:#3e5b80;
	display:block;
	float:left;
	font-size:14px;
	height:1em;
	line-height:1em;
	margin-right:5px;
	padding-right:5px;
	border-right:1px solid #bbb;
}
ul#nav li a:hover, ul#nav li a:active, ul#nav li.current a:link, ul#nav li.current a:visited{
	color:#6a89b0;
	text-decoration:none;
}
ul#nav li#nav_contact a:link, ul#nav li#nav_contact a:visited{
	border-right:none;
}
/*Drop-down Subnav*/
ul#nav li ul{
	background-color:#fff;
	display:none;
	left:0;
	line-height:1em;
	padding:0 .5em .5em .5em;
	position:absolute;
	top:20px;
	width:10em;
	box-shadow: 0px 0px 20px rgba(0,0,0,.2);
}
ul#nav li ul.show{
	display:block;
}
ul#nav li ul li{
	border-bottom:1px solid #fff;
	height:auto;
	float:none;
}
ul#nav li ul li a:link, ul#nav li ul li a:visited, ul#nav li.current ul li a:link, ul#nav li.current ul li a:visited{
	border:none;
	color:#3e5b80;
	float:none;
	font-size:11px;
	line-height:1.2em;
	padding:.5em 0 .5em 0;
	position:relative;
}
ul#nav li ul li a:hover, ul#nav li ul li a:active, ul#nav li.current ul li a:hover, ul#nav li.current ul li a:active, ul#nav li.current ul li.current a:link, ul#nav li.current ul li.current a:visited{
	color:#000;
}


/*
	Sidebar Navigation
*/
ul#snav{
	list-style:none;
	margin:0 0 22px 0;
	padding:0;
}
ul#snav li{
	margin:0;
	padding:0;
}
ul#snav li a:link, ul#snav li a:visited{
	background:url(/_img/arrow-trans.gif) 5px center no-repeat transparent;
	display:block;
	height:1em;
	line-height:1em;
	padding:10px 10px 10px 30px;
	text-decoration:none;
}
ul#snav li a:hover, ul#snav li a:active, ul#snav li.current a:link, ul#snav li.current a:visited{
	background:url(/_img/arrow-trans.gif) 5px center no-repeat #fff;
	text-decoration:none;
}


/*
	Pagination
*/
p#pagination{
	overflow:auto;
	width:474px;
}
p#pagination a:link, p#pagination a:visited{
	display:block;
	font-family:Calibri, "Lucida Grande", "Lucida Sans", tahoma, "Trebuchet MS", Arial, sans-serif;
	float:left;
	padding:5px;
}
p#pagination a#off:link, p#pagination a#off:visited{
	display:none;
}
p#pagination a#current:link, p#pagination a#current:visited{
	font-weight:bold;
	text-decoration:none;
}




/*
Section 8 - Google Map API
________________________________________________________*/
#gmap{
	width:450px;
	height:300px;
}
/*
Section 9 - Ekklesia360
________________________________________________________*/
img.mcms_stats  /* Hide all stats images */{
	display:none;
}

/* Slide Show Pro */
#slideshowpro{
	height:510px;
	margin:38px 0 19px 38px;
	width:696px;
}

/* @group SERMONS */
#filter								{ margin-top:1em; }
#filter select						{ width:100px; margin-left:10px; }
#filter a							{ margin-left:20px; }
#content #sermon-content h4		{ margin:0; padding:10px 0; }
.sermonbox							{ position:relative; padding:10px 0; border-top:1px solid #fff; }
.sermonbox a						{ text-decoration:underline; }
.sermonbox a:hover					{ text-decoration:none; }

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


.sermonbox ul					{ position:absolute; top:20px; 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(/_img/play_icon.gif) no-repeat; }
.sermonbox li.sl_download a		{ background:url(/_img/download_icon.gif) no-repeat; }
.sermonbox li.sl_notes a		{ background:url(/_img/notes_icon.gif) no-repeat; }
.sermonbox li.sl_video a		{ background:url(/_img/video_icon.gif) no-repeat; }
.sermonbox li a:focus			{ outline:none; }

	/* @group MEDIA BOX */
	#byline						{ margin:10px 0 0; padding:0; list-style:none; }
	#mediabox					{ padding:10px; margin:0 10px 0 10px; list-style:none; border:1px solid #f4f4f4; }
	#mediabox li 				{ padding:2px 0 2px 35px; }
	#mediabox li#mb_links		{ background:#f4f4f4; color:#19140d; margin:0 0 10px 0; padding:10px; }
	#mediabox li#mb_jukebox		{ background:url(/_img/play_icon.gif) no-repeat 10px 2px; }
	#mediabox li#mb_download	{ background:url(/_img/download_icon.gif) no-repeat 10px 2px; }
	#mediabox li#mb_notes		{ background:url(/_img/notes_icon.gif) no-repeat 10px 2px; }
	#mediabox li#mb_video		{ background:url(/_img/video_icon.gif) no-repeat 10px 2px; }
	#mediabox li#mb_podcast		{ background:url(/_img/feed_icon.gif) no-repeat 10px 2px; }
	/* @end */


	/* @group HOW IT WORKS */
	#how-it-works				{ float:left; }
	#how-it-works h3			{ }
	#how-it-works ul			{ margin:2.5em 0 0; padding:0; list-style:none; }
	#how-it-works li			{ padding-left:20px; margin-bottom:1.5em; font-size:1.2em; }
	#how-it-works li span		{ font-weight:bold; }
	#how-it-works li#play		{ background:url(/_img/play_icon.gif) no-repeat; }
	#how-it-works li#notes		{ background:url(/_img/notes_icon.gif) no-repeat; }
	#how-it-works li#video		{ background:url(/_img/video_icon.gif) no-repeat; }
	#how-it-works li#save		{ background:url(/_img/download_icon.gif) no-repeat; }
	/* @end */
	
	/* @group SORTING */
	#sorting					{ padding:0 10px; }
	#sorting h3					{ font-size:inherit; }
	#sorting label,
	#sorting select				{ display:block; }
	#sorting label				{ font-size:inherit; margin-bottom:.5em; }
	#sorting select				{ width:100%; margin-bottom:1.5em; }
	#sorting a					{ font-size:inherit; }
	#sorting a:hover			{ text-decoration: none; }
	/* @end */

/* @end */




/*
Section 9 - Nivo Slider
________________________________________________________*/
.nivoSlider {
    position:relative;
    width:618px; /* Change this to your images width */
    height:246px; /* Change this to your images height */
    background:url(images/loading.gif) no-repeat 50% 50%;
}
.nivoSlider img {
    position:absolute;
    top:0px;
    left:0px;
    display:none;
}
.nivoSlider a {
    border:0;
    display:block;
}

.nivo-caption{
display:none;
}
.nivo-caption p{
display:none;
margin:0;
}