/*  
Theme Name: 	Northpointe Church Theme
Theme URI: 		http://template-help.com/
Description:	A theme from Template-Help.com Collection
Version: 		2.9
Author: 		Template_Help.com 
Author URL: 	http://www.Template-Help.com/ 
*/
* { padding:0; margin:0;}

html { font-size:100.01%; }

body { background: #ecf1f2; font-size:62.5%; color:#787878;}

.clear { clear: both;}

table, td, div, img { border:0; border-collapse:collapse;}
td {vertical-align:top;}
ul { list-style: none;}
p { padding:0px 0px 18px 0px; line-height: 1.5em;}

a {text-decoration: underline; color:#30b4f2; outline:none;}
a:hover {text-decoration: none;}

input, select, textarea, html body textarea { vertical-align:middle; font-size:12px; color:#464545; font-family:Arial;}
input.text, select, textarea { padding:2px 0px 3px 6px; border:1px solid #e8e8e7; background: #fff;}


/***** Font Styles & Formatting *****/

/* Headers */

h1, h2, h3 {
font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
}





/*** Main ***/
.main { overflow:hidden; height:100%;/* width:expression(((document.documentElement.clientWidth || document.body.clientWidth) < 990px)? "990px" : "100%");*/ min-width:990px;}

/*	.tail-right {
position:absolute;
float:right; right:0; 
isplay:block;
width:50%; height:395px;
background:url(images/tail-right.gif) repeat-x 0 0;
}*/

.main {}

.main-bg { overflow:hidden; height:100%; padding:0px 0px 13px 0px;}

.main-width { width:939px; margin:0 auto; height:100%;}

.header {
height: 250px;
overflow:hidden;
padding:0px 0px 0px 0px;
}

.header2 { height:470px; overflow:hidden; padding:0px 0px 0px 0px;}

.headerImg { float:right; height:158px; overflow: hidden; background:#fff;}


/*** Menu ***/
.header .main-menu, .header2 .main-menu {
clear:both;
height:48px;
background:url(images/menu.gif) no-repeat 0 0 #d9e2e3;
position:relative;
margin: 10px 0px 15px 0px;
}

.header .menu, .header2 .menu {
overflow:hidden;
height:48px;
margin:0px 0px 0px 0px;
background:url(images/menu.gif) no-repeat right 0;
}

.header .menu ul, .header2 .menu ul {
/*float:left;*/ /*overflow:hidden;*/
margin:0px 0px 0px 0px;
list-style:none;
}

.header .menu ul li, .header2 .menu ul li {
float:left; /*height:100%;*/
padding:0px 0px 0px 0px;
}

.header .menu ul li a, .header2 .menu ul li a {
font-family: Calibri, Arial, Helvetica, sans-serif;
font-size: 15px;
text-decoration: none;
display:block;
height:100%;
line-height:1em;
cursor: pointer;
color:#728082;
padding:15px 28px 21px 29px;
margin:0px 0px 9px 0px;
}

.header .menu ul li a:hover, .header2 .menu ul li a:hover {
text-decoration:none;
color:#fff;
background:#84d73f;
}

.header .menu ul li.current_page_item a, .header2 .menu ul li.current_page_item a {
color:#fff;
background:#37cef9;
text-decoration:none;
}

/* drop menu */
#dropmenu ul ul {
position:absolute;
z-index:300;
float:left;
width:150px;
line-height:1.2em;
/*border:1px solid #ccc; */
background:#d9e2e3;
margin:-20px 0px 0px 0px;
}

#dropmenu ul ul li {
float: none;
position:relative;
background: none;
padding:0;
}
#dropmenu ul ul a { padding:6px 10px 9px 29px;  text-align:left; margin:0px 0px 0px 0px;}

#dropmenu ul ul ul { background:#e2edee; float:left; left:120px;}

/******/
.header .left { overflow:hidden; height:100%;}


/*** Logo ***/
.logo {
width:313px;
height:158px;
background:url(images/logo-bg.gif) no-repeat 0 0;
}

.logo .indent {
overflow:hidden;
height:100%;
padding: 19px 0px 0px 16px;
}

.logo h1 {
display:block;
overflow:hidden;
width:281px;
height:119px;
background:url(images/logo.gif) no-repeat 0 0;
font-size:2.1em;
color:#fff;
text-indent:-1000em;
cursor:pointer;
}

.logo h1:hover { text-decoration:none;}

.description { font-size:17px; color:#fff; padding:0px 0px 0px 0px; margin:-3px 0px 0px -1px;}

/*** follow ***/
.follow { padding:25px 0px 10px 0px;}
.follow p { padding:0px 0px 0px 0px;}
.follow img { margin:0px 6px 0px 0px;}	


/*** Slogan ***/
.slogan { overflow:hidden; height:100%; border-bottom:2px solid #e5e5e5; padding:24px 0px 12px 0px; margin:0px 0px 18px 0px;}
.slogan h2 { font-size:35px; color:#b1b1b1;}
.slogan h2 cufon { margin:0px 0px 4px 0px;}

/*** Search ***/
.search { float:right; height:48px;}
.search .indent { /*overflow:hidden; height:100%; */ padding:11px 0px 0px 0px;}
.search form { float:right;}

.search .text { width:180px; padding:4px 2px 5px 6px; border:0; background:url(images/search-input-bg.gif) no-repeat 0px 0px; color:#000;  margin:0px 2px 0px 0px;}
.search .but { cursor: pointer; margin:0px 0px 0px 0px;}

/*** Flash ***/
.flash { float:right; height:375px; overflow: hidden; background:#fff;}

/*** Custom ***/
.custom { background:#8fa5a8; width:312px; height:214px; margin:3px 0px 0px 0px;}
.custom .indent { padding:18px 10px 0px 16px; overflow:hidden; font-size:12px; color:#fff;}
.custom h2 { height:31px; overflow:hidden; background:url(images/custom.gif) no-repeat 0 0; text-indent:-1000em; margin:0px 0px 8px 0px;}
.custom p { font-family: Arial; padding:0px 0px 7px 0px;}
.custom .fleft { margin:1px 12px 0px 0px;}

.more {
display:block; clear: both; float:left; font-family:Georgia;
width:100px; height:28px; line-height:27px;
background:url(images/more.gif) no-repeat 0 0;
text-align:center; font-size:12px; color:#fff;
text-decoration:none;
}


/*** Rss ***/
.rss {}

/*** Column ***/
.content { clear:both; overflow:hidden; height:100%; padding:0px 0px 16px 0px;}
.content-bg {overflow:hidden; height:100%; background:url(images/line.gif) repeat-y 183px #fff; padding:0px 16px 5px 17px;}

.column-left { float:left; width:150px; margin:0px 34px 0px 0px;}
.column-right { float:right; width:150px; margin:0px 0px 0px 40px;}

/*** Widgets  ***/
.widget { clear:both;
overflow:hidden; height:100%;
padding:0px 0px 14px 0px;
}

.widget .widget-bg {
overflow:hidden; height:100%;
}

.widget .indent {
overflow:hidden; height:100%;
color:#5a6c6f;
}

.widget .title {
overflow:hidden; height:100%;
margin:0px 0px 6px 0px;
}

.widget .title div {}
.widget .title div div {}



.widget ul {
clear:both; line-height:1.4em;
font-size:12px; /*overflow:hidden; height:100%;*/
color:#5a6c6f; font-family: arial;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 1px;

}

.widget ul li {
overflow:hidden; height:100%;
background:url(images/marker.gif) no-repeat 0 5px;
padding:0px 0px 6px 19px;
margin:0px 0px 0px 0px;
}

.widget ul li a {
font-size:12px; color:#5a6c6f;
}

/*.widget ul li a { text-decoration:none;}
.widget ul li a:hover { text-decoration:underline;}*/

.widget ul ul { font-size:100%; margin:4px 0px -7px 0px;}
.widget ul ul li { border:0;}

/**/

/*** widget_categories ***/

/*** .widget_archives ***/

/*** widget_meta ***/
.widget_meta { padding:0px 0px 13px 0px;}
.widget_meta h2 { margin:0px 0px 0px 0px;}

/*** widget_links  ***/
.widget_links h2 { margin:0px 0px 0px 0px;}

/*** widget_page ***/
.widget_pages {}
.widget_pages ul ul { margin:0px 0px 0px 0px;}

.widget_pages ul ul li {}

/*** widget_recent_entries  ***/

/*** widget_recent_comments  ***/
.widget_recent_comments ul li { font-weight: bold; background: none; color:#000; padding:0px 0px 10px 0px;}
.widget_recent_comments ul li a { background: none;  font-weight: normal;}

/*** widget_tag_cloud ***/
.widget_tag_cloud .indent div { padding:0px 10px 15px 7px;}

.widget_tag_cloud a { padding:0px 6px 0 0;  font-size:12px; line-height:1.6em;}

.widget_tag_cloud .indent .title { padding:0px 0px 0px 0px;}
.widget_tag_cloud .indent .title h2 { padding:0px 0px 14px 1px;}
.widget_tag_cloud .indent .title div { padding:0px 0px 0px 0px;}
.widget_tag_cloud .indent .title div div { padding:0px 0px 0px 0px;}

.widget_tag_cloud a { text-decoration:none;}
.widget_tag_cloud a:hover { text-decoration: underline;}

/*** widget_text ***/
.widget_text .widget-bg { padding-bottom:22px;}
.widget_text h2 { padding:24px 0px 20px 0px;}
.textwidget { font-size:1.4em; line-height:1.45em; padding:0px 0px 0px 1px;}
.textwidget p { padding:0px 0px 10px 0px;}
.textwidget a {}

/*** widget_other ***/
.content #wp-calendar * { color:#000; font-size:12px;}

.widget_calendar .widget-bg { padding-bottom:10px;}

#search form { padding:10px 0px 20px 0px;}

#search form .text { display:block; margin:0px 0px 8px 0px; padding:2px 0px 3px 6px; width:120px;}
	
#search form .but { margin:0px 0px 0px -3px;}



.search_page .text {  width:170px; padding:2px 0px 3px 5px; margin:0px 10px 0px 0px;}

.widget_calendar table { margin:10px 0px 0px 0px;}

/*** Content  ***/
.column-center { overflow:hidden; height:100%;}

.center-indent { overflow:hidden; height:100%; padding:0px 0px 0px 0px;}

.column-center .indent { clear:both; overflow:hidden; height:100%; padding:0px 0px 20px 0px;}

.column-center .bgnone { background: none;}

/*** Title wrapper ***/
.column-center .title {
overflow:hidden; height:100%;
padding:0px 0px 4px 0px;
}

.column-center .title h2 {
overflow:hidden; height:100%;
font-size:2.3em; font-weight: normal;
color:#4f5f61; line-height:1.2em;
padding:10px 0px 1px 1px;
}

.column-center .title h3 {
overflow:hidden; height:100%;
font-size:2em; font-weight: normal;
color:#4f5f61; line-height:1.2em;
padding:10px 0px 1px 1px;
}
	
.column-center .title h2 a,
.column-center .title h3 a { color:#4f5f61; text-decoration:none;}

.column-center .title h2 a:hover,
.column-center .title h3 a:hover { text-decoration: underline;}

/******/
.title-page01 { padding:20px 0px 0px 0px;}

.title-page02 { padding:20px 0px 0px 0px;}
.title-page03 { padding:0px 0px 0px 0px;}


.title-page01 *, .title-page02 *,.title-page03 *, .pagetitle { color:#676767;}
.title-page01 * {  font-size:2em; font-weight: normal; }
.title-page02 * {  font-size:2em; font-weight: normal;}
.title-page03 * {  font-size:1.7em; font-weight: normal;}

/*** Date ***/
.column-center .date { font-family: Arial;
/*float:right;*/ margin:-3px 0px -3px 0px;
font-size: 1em; color:#5a6c6f;
padding:0px 0px 0px 0px;
}
.column-center .date span {}

/*** author ***/
.column-center .author {
/*float: left;*/ font-family: Arial;
font-size: 1em; color:#5a6c6f;
padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;
}

.column-center .author span {}


/*** Text box ***/
.text-box {
clear:both;
overflow:hidden; height:100%; font-family: Arial;
font-size:1.2em; line-height:1.3em;
padding:5px 0px 0px 0px;
}


.text-box p { padding:0px 0px 15px 0px;}

.fleft {
float:left; /*display: inline;*/
overflow:hidden; height:100%;
padding:0; margin:4px 19px 0px 1px;
}

.fleft img { margin:0px 0px 0px 0px;}

.text-box img { border:1px solid #657779;}

.text-box p.img { padding:0px 0px 14px 0px;}
.text-box p.img img { margin:0px 24px 0px 0px;}

/******/
.more-link {
	display:block; clear:both; 
	width:100px; height:28px; line-height:27px;
	background:url(images/more-link.gif) no-repeat 0 0;
 	font-family:Georgia; font-size:12px;
 	color:#fff;	text-align:center;
	text-decoration:none;
	margin:7px 0px 0px 0px;
	}

.more-link { text-decoration:none;}
.more-link:hover { text-decoration: underline;}


/******/
.comments {
	float:right;
	}

.comments a {
	font-size: 1.1em; color:#4f5f61; display:block;
	padding:4px 2px 0px 0px;
	}
	
/*.comments a { text-decoration:none;}
.comments a:hover { text-decoration: underline;}*/

/******/
.postmetadata { clear:both; font-size:1.5em; line-height:1.4em; padding:0px 0px 8px 0px;}
.postmetadata a { padding:0px 1px 0px 5px;}

/******/
.link-edit { float:right; padding:12px 0px 0px 0px; margin:0px 0px 0px 0px;}
.link-edit a { font-size:13px; font-weight: bold; color:#fff;}

/******/
.navigation { overflow:hidden; height:100%; color:#000; padding:6px 0px 6px 0px;}
.navigation a {
	font-size:12px; color:#000;
	}

.nav-top { margin:-11px 0px 0px 0px; padding:1px 0px 15px 0px;}

.nav-top a {
	display:block;
	width:117px; height:28px; line-height:27px;
	background:url(images/nav.gif) no-repeat 0 0;
 	font-family:Georgia; font-size:12px;
 	color:#fff;	text-align:center;
	text-decoration:none;}

.nav-top a { text-decoration:none;}
.nav-top a:hover { text-decoration: underline;}

/*******/
.block { clear:both; padding:0px 0px 24px 0px;}
.block .indent { overflow:hidden; height:100%; background:url(images/ver-line.gif) no-repeat 469px 0; padding:0px 0px 6px 15px; font-size:12px; color:#5a6c6f;}

.block h2 { font-size:20px; color:#6f7a7b; font-weight: normal; padding:10px 0px 14px 1px;}


.block p { font-family: arial; padding:0px 0px 7px 2px;}

.block p.fleft { padding:0px 0px 7px 0px;}

.block .more { margin:0px 0px 0px -2px;}

.block .more2 {
display:block; clear: both; float:left; font-family:Georgia;
width:140px; height:28px; line-height:27px;
background:url(images/more3.gif) no-repeat 0 0;
text-align:center; font-size:12px; color:#fff;
text-decoration:none; margin:15px 0px 0px -2px;
}

.block .fleft { margin:1px 10px 0px 0px;}

.block .left { float:left; width:436px; margin:0px 36px 0px 0px;}
.block .right { float:left; width:445px;}

/*******/
.text-box h1, .text-box h2, .text-box h3, .text-box h4, .text-box h5, .text-box h6 { color:#000; font-family:Arial; line-height:1.5em; margin-top: 25px;}
.text-box h1 { font-size:22px; font-weight: normal; line-height:1.2em; display:block; height:100%; padding:0px 0px 13px 0px;}
.text-box h2 { font-size:20px; font-weight: normal;}
.text-box h3 { font-size:15px; color: #84d73f;}
.text-box h4 { font-size:16px;}
.text-box h5 { font-size:14px;}
.text-box h6 { font-size:12px;}

/*** OL UL style***/
.text-box ul { padding:5px 0px 5px 1px; margin:0px 0px 0px 0px; overflow:hidden; height:100%;line-height:1.4em;}
.text-box ul li {background:url(images/marker.gif) no-repeat 0 6px; padding:0px 0px 9px 18px; list-style-image:none; list-style:none; font-weight:normal;}
.text-box ul li ul { margin-left:10px;}
.text-box ul li ol { margin-left:15px;}
.text-box ul li ol li { list-style-type:decimal;}

.text-box ol { padding-left:2px;}
.text-box ol li { padding:0px; margin-left:13px;  font-weight:normal;list-style-type:decimal;}
.text-box ol li ul { padding:2px 0px 5px 2px;}
.text-box ol li ul li { font-weight:normal; background:url(images/marker.gif) no-repeat 0 3px; padding:0px 0px 8px 25px;}

.text-box ul li { list-style-image:none; list-style:none;}

.text-box ul li a { /*text-decoration:none;*/}
/*.text-box ul li a:hover { text-decoration:underline;}*/

.text-box ul li ul { margin-left:15px;}
.text-box ul li ol {margin-left:20px;}
.text-box ul li ol li { list-style-type:decimal;background:none;}
.text-box ul li ol li a {}

.text-box ol { padding:5px 0px 5px 2px;}
.text-box ol li{ padding:0px; margin-left:20px;}
.text-box ol li a { padding-left:0px; text-decoration:none; font-weight:normal;}
.text-box ol li a:hover{ text-decoration:underline; }
.text-box ol li ul li a { font-weight:normal; text-decoration:underline;}
.text-box ol li ul li a:hover {text-decoration:none;}


/*** Footer ****/
.footer {
clear:both;
overflow:hidden; height:48px;
font-size:1.2em; line-height:1.5em; background:url(images/footer.gif) no-repeat 0 0 #d9e2e3;
color:#5a6c6f; font-family: arial;
}

/*.footer .width { width:741px; overflow:hidden; margin: 0 auto;}*/

.footer .corner-left {}
.footer .corner-right {}

.footer .indent {
overflow:hidden; height:100%;
padding:6px 0px 10px 16px;
}

.footer span {}

.footer a { color:#5a6c6f;}

/*.footer a { text-decoration:none; }
.footer a:hover { text-decoration: underline;}*/




/* -----------------------------------------------------------------
---------------------------- WP ------------------------------------
----------------------------------------------------------------- */
.info-sidebar { overflow:hidden; padding:30px 10px 27px 20px; color:#000; width: auto; font-size:1.5em; line-height:1.4em;}
.info-sidebar a { text-transform:none; color:#000;}

.pagetitle { font-size:2.1em; font-weight: normal; overflow:hidden; text-align:center; padding:20px 12px 5px 12px; *padding:20px 12px 0px 12px;}

/*--- Navigations ---*/
.navigation { /*clear:both;*/ overflow:hidden; /*line-height:13px;*/}
.navigation .alignleft { float: left; width:45%; text-align:left;}
.navigation .alignright { float: right; width:45%; text-align:right;}
.nav-top .alignright a { float: right; }


.pd-nav { padding:0; margin:0;}
.pd-nav .alignleft { padding:0; margin:0;}
.pd-nav .alignright { padding:0; margin:0;}

.pd-title {padding-bottom:0;}

.marg { margin-bottom:10px;}

/*--- Begin Images ---*/
p img {
padding: 0;
max-width: 100%;}

img.centered {
display: block;
margin-left: auto;
margin-right: auto;}

img.alignright { float: right;display:inline;
padding: 0;
margin: 3px 0px 10px 20px;}

img.alignleft {	padding: 0;	margin: 3px 25px 5px 0; float:left; display:inline;}

/*------*/
#tag_cloud .widget-bottom-left { padding-bottom:15px;}
#tag_cloud .widget-heading { margin-bottom:15px;}
#tag_cloud a { padding-left:3px;}

/*--- Popup styles ---*/
#commentspopup {}
#commentspopup #header {background:#2F3F99 url(images/popup_header_bg.gif) top repeat-x;}
#commentspopup .page-padding {padding:0 5px;}
#commentspopup .page-width {width:538px; margin:0 auto;}
#commentspopup .header-top {background:url(images/popup_header_bg_top.jpg) top repeat-x;}
#commentspopup .header-top-right {background:url(images/popup_header_bg_top_right.jpg) top right no-repeat;}
#commentspopup .header-top-left {background:url(images/popup_header_bg_top_left.jpg) top left no-repeat; width:100%; height:160px;}
#commentspopup .header-padding {padding:39px 0 0 89px;}
#commentspopup h1 {font-size:1em; margin:0; padding:0; color:#E1E7EC; text-indent:-1000em; width:141px; height:27px;}
#commentspopup h1:hover {text-decoration: none; cursor:pointer;}
#commentspopup .description {width:141px; height:9px; text-indent:-1000em; margin-top:2px;}
#commentspopup .description2 {width:249px; height:27px; text-indent:-1000em; margin-top:19px;}
#commentspopup .border-bottom-left {padding:17px 37px 10px;}
#commentspopup p {font-size:12px;}


/*--- Begin Typography & Colors ---*/
small {	font-size: 1em; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;}
small * {font-size: 0.9em;}
small p {font-size: 0.9em;}

select { width: 130px;}

#commentform { font-size:1.2em; overflow:hidden; height:100%; padding:0px 0px 0px 0px;}

/*.commentform {float:left;}*/

#commentform input {
margin: 5px 5px 1px 0;}

#commentform {
margin: 5px 0px 0 0;}

#commentform textarea {
width: 99%;
padding: 2px;}

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

#commentform #submit {
/*margin: 0 0 10px auto;
float: right;*/ /*margin:0px 0px 0px 319px;*/}

#respond p { padding:0px 0px 10px 0px; text-indent:0;}
#respond form p { padding:0px 0px 10px 0px; text-indent:0;}

/*--- Begin Calendar ---*/
#wp-calendar { empty-cells:show; width: 155px;}

#wp-calendar th { padding:3px 0; text-align:center; color:#fff;}
#wp-calendar td { padding:3px 0; text-align:center; color:#fff;}

#wp-calendar a { display: block; font-weight:bold; color:#fff;}
#wp-calendar #next a { padding-right: 10px;	text-align: right; font-weight: normal;}
#wp-calendar #prev a { padding-left: 10px; text-align: left; font-weight: normal;}

#wp-calendar caption { text-align: center; color:#fff; font-weight:bold; font-size:1.3em; padding:0px 0px 6px 0px;}


/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
cursor: help;
}

acronym, abbr {
border-bottom:1px dashed #1001;
}

blockquote {
border:1px solid #1a1a1a; color:#fff;
background:#8fa5a8; padding:15px 10px 10px 20px; margin:5px 0;
}

blockquote cite {
margin: 5px 0 0;
display: block;
}


/* Captions */
.aligncenter,
div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;}

.wp-caption {
border: 1px solid #ddd;
text-align: center;
background-color: #f3f3f3;
padding-top: 4px;
margin: 10px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;}

.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;}

.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;}


/* Begin Comments*/
.alt { clear:both; padding-bottom:20px; font-weight: normal;}

.alt a { padding:0px 0px 0px 0px; text-decoration:underline;}
.alt a:hover { padding:0px 0px 0px 0px; text-decoration: none;}

.commentlist { color:#fff;
text-align: justify;
}
.commentlist a { color:#fff}
.commentlist span { color:#fff; font-weight: bold;}

ol.commentlist  li { list-style: none; font-size:12px;
margin:6px 0px 6px 0px;
padding: 5px 10px 3px;
/*list-style: none;*/
border:1px solid #1a1a1a; color:#fff;
background:#8fa5a8;
}

.commentlist li .avatar { 
float: right;
border: 1px solid #000;
padding: 2px;
background: #fff; /*margin:0px 20px 15px 0px;*/
}

.commentlist p {
margin: 10px 5px 10px 0;
}

#commentform p {
margin: 5px 0;
padding-left:15px;
}

.nocomments {
text-align: center;
margin: 0;
padding: 0;
}

.commentmetadata {
margin: 0;
display: block;
}

p.quote {
margin: 0 15px;
padding: 0;
font-style: italic;
}