/* @override http://nlcf.net/site/wp-content/themes/nlcf/style.css */

/*
Theme Name: nlcf 2.0
Theme URI: http://nlcf.net/
Description: nlcf theme designed and developed by the one and only Todd Hiestand
Author: Todd Hiestand
Version: 1.0
*/


/* FONTS & OTHERS RESETS  .................... */

/* @group RESETS AND SUCH */


body {
	margin:0 auto;padding:0;
	font: 14px/133% "georgia";
	color: #000;
	background: url(images/bg.png) fixed #ccc ;
}

h1, h2, h3, h4, h5, h6, p, pre, blockquote, ol, dl, address{ 
	margin: .7em 0;
	padding: 0; 
	line-height:163%;
}

h1, h2, h3, h4 {
	color: #000;
	font-weight: normal;
	font-style: italic;
}

h1 {font-size:2em;}
h2 {font-size: 1.8em;}
h3 {font-size: 1.6em;}
h4 {font-size:1.4em;}
h5 {font-size: 1.2em;}

a {color: #660000;text-decoration: none;padding: 0;}

a:hover {color: #000;text-decoration:underline;padding:0;}

ul, ol {margin: 0px;padding: 0px 0 0 20px;line-height: 153%;}

li, dd { margin-left: 0em; }

form label{ cursor: pointer; }

fieldset{ border: none; }

blockquote {
	padding: 2px 10px 2px 10px ;
	margin: 5px 30px 5px 30px;
	border-left: 1px dotted #ccc;
}

.clearer{clear:both;}

/* ---
:after {
	content: "."; display: block;height: 0; 
	clear: both; visibility: hidden;
} --*/


/* @end */

/* @group MAIN FRAME */

#container {
	width: 960px;
	margin:  0px auto;
	-moz-box-shadow:0px 0px 11px #000003;
	-webkit-box-shadow:0px 0px 11px #000003;
	box-shadow:0px 0px 11px #000003;
}

#container::after {
	content: "."; display: block;height: 0; 
	clear: both; visibility: hidden;
	background: #fff;
}

#bottom {
	width: 960px;
	float: left;background: #fff;
	padding: 20px;
}

#main {
	width: 476px;
	float: left;
	margin: 0;padding: 0;
	background: #fff;
}

/* @end */

/* @group NAV */

/*** ESSENTIAL STYLES ***/

.menu, .menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}

.menu {
	line-height:	1.0;
}

.menu ul {
	position:		absolute;
	top:			-999em;
	width:			12em; /* left offset of submenus need to match (see below) */
}

.menu ul li {
	width:			100%;
}

.menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}

.menu li {
	float:			left;
	position:		relative;
}

.menu a {
	display:		block;
	position:		relative;
}

.menu li:hover ul,
.menu li.sfHover ul {
	left:			0;
	top:			2.25em; /* match top ul list item height */
	z-index:		99;
}

ul.menu li:hover li ul,
ul.menu li.sfHover li ul {
	top:			-999em;
}

ul.menu li li:hover ul,
ul.menu li li.sfHover ul {
	left:			12em; /* match ul width */
	top:			0;
}

ul.menu li li:hover li ul,
ul.menu li li.sfHover li ul {
	top:			-999em;
}

ul.menu li li li:hover ul,
ul.menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/

.menu-main-menu-container {
	float: left;
}

.menu {
	float:	left;
	margin:	0px;
	padding: 0 20px;
	width: 960px;
	background: url(images/nav_bg.png) repeat; 
	text-transform: uppercase;
	font-size: 1.2em;
	}

.menu a {
	padding: 10px 20px;
	text-decoration:none;
}

.menu a, .menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color: #fff;
}

.menu li {
	background: url(images/nav_bg.png) repeat;	
}

.menu li li a {
	padding: 5px 10px;
}

.menu li li {
	background:#888;
	border-bottom: 1px solid #fff;
	text-transform: capitalize;
}

.menu li li li {
	background:#888;
}

.menu li li li {
	background:#888;
}
.menu li:hover, .menu li.sfHover,
.menu a:focus, .menu a:hover, .menu a:active {
	background: url(images/nav_bg_hover.png) repeat;
	outline:		0;
}

.menu li li:hover, .menu li li.sfHover,
.menu li li a:focus, .menu li li a:hover, .menu li li a:active {
	background: #660000;
	outline:		0;
}

/*** arrows **/

.menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}

.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url(images/arrows-ffffff.png) no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}

a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
	
}

ul.menu li.current_page_ancestor, ul.menu li.current_page_item  {
	background:url(images/nav_bg_hover.png);
}


/* @end */


/* @group HEADER */

#header {
	float: left;
	width: 960px;
	margin: 20px 0 0px 0;
	padding: 20px;
	background: #fff;
}

#header-image {
	float: left;
	height: 215px;
	width: 960px;
	margin: 0;
	padding: 20px 20px 0 20px;
	background: #fff;

}

#header h1 {
	float: left;
	width: 155px;
	height: 113px;
	margin: 0;padding: 0;
}

#header h1 a {
	float: left;
	width: 155px;
	height: 113px;
	background: url(images/logo.jpg);
	text-indent: -9999px;
}

#header h2 {
	display: none;
}

p#site-desc {
	font-size: 1.8em;
	width: 770px;
	float: right;
	text-align: left;
	line-height: 150%;
	padding: 15px 0 0 20px;
	margin: 0 0 10px 0;
	font-family: georgia;
	font-style: italic;
}

#welcome {
	float: left;
	width: 100%;
	margin: 0 0 0px 0;
	padding: 20px;
	background: #fff ;
}

#intro {
	width: 420px;
	float: left;
	background: #f0f0f0;
	color: #000;
	padding: 20px 20px 0 20px;
	margin: 0 20px 0px 0;
	font-size: 1.1em;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	height: 220px;
}

/* @end */

/* @group NEWS */


ul#news {
	margin: 0px 0;
	padding: 0 0 20px 0;
	list-style: none;
	float: left;
	width: 100%;
}

ul#news li {
	margin: 0;
	padding: 0 0 10px 0;
	float: left;
}

ul#news li h4{
	margin: 10px 0 0 0;
	padding: 0;
}

a.read-more {
	float: right;
	padding: 1px 10px;
	margin: 0 0 10px 0;
	background: url(images/head_bg.png) #ccc;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	font-size: .7em;
	font-family: verdana;
}


a.read-more:hover {
	background: #e0e0e0;
}



/* @end */

/* @group LOCATIONS */

#locations {
	float: left;
	width: 480px;
	margin: 0 0 30px 0;
}

#downtown {
	float: left;
	width: 229px;
	margin: 0 10px 0 0;
	padding: 0;
}

#campus {
	float: left;
	width: 229px;
	margin: 0 0 0 10px;
	padding: 0;
}

#downtown .front-location h4, #campus .front-location h4 {	
	margin: 0;padding: 0;
	color: #fff;
}

.front-location {
	float: left;
	width: 208px;
	padding: 10px;
	margin: 0px 0 0px 0;
	background: #660000;
	color: #fff;
}

ul.more-links {
	float: left;
	list-style: none;
	padding: 0;
	margin: 0px 0;
}

ul.more-links li {
display: block;
	margin: 0 0px 0 0;
	padding: 0;
}

ul.more-links li a:link, ul.more-links li a:visited {
	width: 215px;
	display: block;
	margin: 3px 0;
	padding: 3px 7px;
	background: url(images/head_bg.png) #ccc;
	font-size: .9em;
}


/* @end */

/* @group PHOTOS */

#photos {
	width: 480px;
	float: left;
	margin:20px 0 0 0;
}

#photos ul {
	width: 480px;
	border-top: 1px solid #ccc;
	float: left;
	margin: 0;
	padding: 10px 0 10px 0;
	list-style: none;
}

#photos ul li {
	float: left;
	margin: 0;
	padding: 0;
}

#photos img {
	width: 83px;
	border: 1px solid #000;
}

#photos ul li a {
	display: block;
	margin: 5px 5px 0 0px;
	padding: 2px 2px 0px 2px;
	border: 1px solid #ccc;
	background: #fff;
}

#photos ul li a:hover {
  background: #ccc; 
  }

/* @end */

/* @group SIDEBAR */


#sidebar {
	float: left;
	width: 460px;
	margin: 0px 20px 0 0px;
	padding: 0;
}

.date {
	margin:0px 0 0 0;
	padding: 0;
	line-height: normal;
	font-family: verdana;
	font-size: .8em;
	text-align: ;
}

a.comments {
	text-align: left;
}

#sidebar-top {
	float: left;
	width: 455px;
	margin: 0 0px 0 0;
}

#sidebar-second {
	width: 440px;
	float: left;
	margin: 0;
	padding: 0;
}

.section {
	float: left;
	width: 100%;
	margin: 0;
	padding: 0 0 30px 0;
}

.section h3, #locations h3 {
	font-size: 1.5em;
	padding: 4px 0 0 0px;margin: 0;
	border-top: 1px solid #ccc;
	font-style: normal;
	text-transform: uppercase;
}

.section ul {
	margin: 0;padding: 0 0 0 20px;
}

.section ul li {
	margin: 5px 0;
}

#sidebar-right p, #sidebar-left p {
	float: left;
	margin: 0;
	padding: 10px 0 ;
}

#sidebar ul#link-list {
	list-style: none;
	margin: 0 0 20px 0;padding: 0;
}

#sidebar ul#link-list li {
	margin: 0 0 10px 0;
	padding: 0;
}

#sidebar ul#link-list li img {
	width: 220px;
}

/* @end */


/* @group SINGLES */

#single-sidebar {
	width: 230px;
	float: left;
}

#single-sidebar ul {
	margin: 0;padding: 0;
	list-style: none;
}

#subpages {
	float: left;
	width: 230px;
}

#subpages ul {
	background: #e0e0e0;
	padding: 15px;
	margin: 10px 0 0 0;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
}

#subpages ul li {
	padding: 5px 0 ;
	border-bottom: 1px solid #fff;
}

#subpages ul li ul {
	padding: 0 0 0 20px;
	list-style: disc;
	border-bottom: none;
}

#subpages ul li ul li {
	padding: 0;
	border-bottom: none;
}

#subpages ul li a {
	display: block;
}

#page {
	float: left;
	margin: 0 20px 0 0;
}

#page.two-col {
	width: 700px;
}

#page h2 {
	margin: 15px 0 15px 0;
	padding: 0;
	font-size: 2.4em;	
}

#single-sidebar-right {
	width: 230px;
	float: left;
}


/* @end */



/* @group EXTRAS */

.multi-column input {
	margin: 0 10px 0 0px;
}

#crumbs {
	padding: 5px 10px;
	margin: 0 0 10px 0;
	background: url(images/head_bg.png) #ccc;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	font-family: verdana;
	text-transform: uppercase;
}

.prev-next {
	text-align: center;
	float: left;
	width: 260px;
}

.prev-next a {
	width: 100px;
	float: left;
	padding: 5px 10px;
	margin: 0 10px 10px 0;
	background: url(images/head_bg.png) #ccc;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	font-size: .8em;
	font-family: verdana;
}

/* @end */

/* @group SERMONS */


ul.archive-list {
	list-style: none;
	margin: 0;padding: 0;
}

ul.archive-list li {
	float: left;
	width: 700px;
	margin: 0 0 0px 0;
	padding: 10px 0;
}

ul.archive-list li h4 {
	margin: 10px 0 0 0;
}

.current-sermon {
	float: left;
	width: 100%;
	margin: 20px 0;
	padding: 0;
}

.current-sermon h3 {
	margin: 10px 0 0 0;
}

#caticons-5 h3 {
	border: none;
}

#caticons-5 ul li {
}

#caticons-5 ul li.cat-item {
	float: left;
	margin: 5px 0 0 5px;
	padding:0;
}

#caticons-5 img {
	margin:0;
	padding: 0 10px 0 0;
	float: left;
}

#caticons-5 ul li.cat-item a {
	float: left;
	margin: 0;
	text-decoration: none;
}

#caticons-5 ul {
	width: 470px;
	float: left;
	list-style: none;
	margin: 15px 0 10px 0;padding: 0;
	border-top: none;
}

ul#talk-links {
	float: left;
	list-style: none;
	margin: 10px 0 ;
	padding: 0;
}

ul#talk-links li {
	float: left;
	display: block;
	margin: 0 10px 0 0 ;
	padding: 0px;
}

ul#talk-links li a {
	padding: 10px;
	display: block;
	width: 200px;
	background: #e0e0e0;
}

/* @end */

/* @group GOOGLE CALENDAR  */

#wpng-cal-widget-events {
	float: left;
}

#wpng-cal-widget-events a {
}

.wpng-widget-date-title {
	font-weight: bold;
}

#wpng-cal-widget-events ul {
	margin: 0;
	padding: 0 0 0 0px;

}

#wpng-cal-widget-events ul li {
	margin: 10px 0;
	padding: 0px;
}


/* @end */

/* @group TWITTER */

#twitter {
	float: left;
}


#twitter h4 {
	color: #0070C9;
	background: url(images/twitter-logo.png) no-repeat;
	padding: 2px 0 2px 30px;
	margin: 0;
}

#twitter li.aktt_more_updates {
	font-style: normal;
	line-height: 100%;
	font-size: 1em;
	text-align: right;
}

#twitter li.aktt_more_updates a {
	color: #0070C9;	
}

.aktt_tweets ul {
	margin: 0;padding: 0;
	list-style: none;
}

.aktt_tweets ul li {
	margin: 15px 0 0 0;
	padding: 0;
	line-height: 125%;
	color: #666;
}

.aktt_tweets ul li:first-child {
	font-size: 1.2em;
	color: #000;
}



/* @end */

/* @group IMAGES */

a img {
	border: 0;
}

img.alignright {float:right; margin:0 0 1.1em 1.1em}
img.alignleft {float:left; margin:0 1.1em 1.1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1.1em 1.1em}
a img.alignleft {float:left; margin:0 1.1em 1.1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

/* @end */

/* @group FOOTER */

#footer {
	width: 960px;
	float: left;	
	background: #f0f0f0;
	margin:0px 0;
	padding: 20px;	
	clear: both;
	border-top: 1px solid #ccc;
}

#footer p {
	margin: 0;padding: 0;
	font-family: verdana;
	font-size: .8em;
}

/* @end */

/* @group COMMENTS */

#commentdiv {
	margin: 0px;
	padding: 0;
}

p.avatar {margin: 0;padding: 0px 0 0 10px;float: left;}
p.avatar img {margin: 0px 7px 7px 0;padding: 2px;}

#commentdiv ul.commentlist li {
	border: none;
	padding: 15px;
	margin: 15px 0px 15px 0;
	list-style: none;
		-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;	
	-moz-border-radius: 4px;
	border-radius: 4px;
	background: #f7f7f7;
}

#commentdiv ul.commentlist {	
	padding: 0;margin: 0px 0 ;
}

.author-name {
	margin: 0px 0 0 20px;
	padding: 0;
	font-weight: bold;
	text-transform: capitalize;
}

p.commentdate {
	font-size: .8em;
	padding: 0px ;margin: 0;
}

.commentnumber {
	padding: 5px;
	margin: -20px 0px;
	padding:0px 20px 0 0px;
	float: right;
	font-weight: bold;
}

#reply {
	margin:20px 0 20px 0;
	padding: 0px;
}

textarea#comment {
	font-size:13px;
}

#reply ul.sidelist {
	margin: 0;
	padding: 0;
	list-style: none;
}

#reply ul.sidelist li {
	margin: 0;padding: 5px 0 ;
}

/* @end */