/*
Theme Name: NPC Default
Description: The default theme for Northpointe Community Church
Version: 1.0
Author: Justin Gable
Author URI: http://elementwebmedia.com

*******************************************************************************
 * COLOR KEY:
 *  
 *     dark green: 726d24
 *    light green: afa40e
 *      dark blue: 385962
 *     light blue: 889ba1
 *       
*******************************************************************************/
* {
  margin: 0;
  padding: 0; 
}

fieldset, img {
  border: 0;
}

br.clear {
  clear: both;
}

body {
  border-top: 5px solid #3c3e3f;
  font: 13px Helvetica, Arial;
}

#bg {
  width: 100%;
  height: 82px;
  background: url(images/bg_topmain_original.gif) top center no-repeat;
  border-top: 5px solid #5d5d5d;
}

#container {
  width: 954px;
  height: 800px;
  margin: 0 auto;
}

/*******************************************************************************
HEADER -----------------------------------------------------------------------*/

#hdr {
  position: relative;
  height: 146px;
}

#hdr h1 a {
  position: absolute;
  top: 27px;
  display: block;
  width: 248px;
  height: 45px;
  background: url(images/hdr_logo.gif) top center no-repeat;
  text-indent: -9000px;
}

/*- SEARCH -------------------------------------------------------------------*/

#search {
  position: absolute;
  top: 32px;
  right: 6px;
  width: 189px;
  height: 31px;
  background: url(images/bg_search.gif) top center no-repeat;
}

#search .itf {
  float: left;
  width: 140px;
  margin: 9px 0 0 12px;
  border: 0;
  font: 11px Helvetica, Arial;
  color: #555;
  text-transform: uppercase;
}

#search .isb {
  float: right;
  margin: 5px 5px 0 0;
  width: 20px;
  height: 20px;
  background: 0;
  border: 0;
  font: 1px Arial;
  color: #fff;
  cursor: pointer;
}

#altNav {
  position: absolute;
  top: 40px;
  right: 210px;
  font: 11px Helvetica, Helvetica CE, Arial;
  color: #777;
}

#altNav a {
  color: #555;
}

/*- NAVIGATION ---------------------------------------------------------------*/

#nav {
  position: absolute;
  top: 81px;
  width: 942px;
  height: 36px;
  padding: 0 12px 0 0;
  border-top: 1px solid #efefee;
  border-bottom: 1px solid #efefee;
}

#nav ul {
  list-style: none;
}

#nav ul.nL {
  float: left;
  margin: 0 0 0 0;
}

#nav ul.nR {
  float: right;
  margin: 0 70px 0 0;
}

#nav li {
  float: left;
  position: relative;
}

#nav li a {
  float: left;
  display: block;
  width: auto;
  height: 36px;
  padding: 0 9px;
  background: url(images/divider_nav.gif) center right no-repeat;
  font: bold 12px Helvetica, Arial;
  color: #889ba1;
  line-height: 36px;
  text-decoration: none;
  text-transform: uppercase;
}

#nav .nR li a {
  color: #726d24;
}

#nav .nR li a:hover {
  color: #afa40e;
}

#nav .nL li.first a {
  padding: 0 12px 0 0;
}

#nav li.last a {
  background: 0;
}

#nav .nL li a:hover {
  color: #385962;
}

#nav a.subscribe {
  position: absolute;
  top: 9px;
  right: 59px;
  display: block;
  width: 19px;
  height: 19px;
  background: url(images/icon_rss.gif) top center no-repeat;
  text-indent: -9000px;
}

#nav a.twitter {
  position: absolute;
  top: 9px;
  right: 34px;
  display: block;
  width: 19px;
  height: 19px;
  background: url(images/icon_twitter.gif) top center no-repeat;
  text-indent: -9000px;
}

#nav a.facebook {
  position: absolute;
  top: 9px;
  right: 9px;
  display: block;
  width: 19px;
  height: 19px;
  background: url(images/icon_facebook2.gif) top center no-repeat;
  text-indent: -9000px;
}



/*--- NEW DROP DOWN MENU ---*/
#nav li ul {
  display: none;
}

#nav li:hover ul, #nav li ul.hover {
  z-index: 1000;
  position: absolute;
  top: 35px;
  left: 0px;
  display: block;
}

#nav li ul li {
  float: none;
}

#nav li ul li a {
  float: none;
  width: 200px;
  background: #F0F0F0;
  border-bottom: 1px #ccc solid;
  color: #726d24;
}

#nav li ul li a:hover, #nav li ul li.current_page_item a {
  background: #DFDFDF;
  color: #385962;  
}

/*******************************************************************************
CONTENT ----------------------------------------------------------------------*/

#con {
  margin: 0 0 30px;  
}

#con #sidebar {
  float: left;
  width: 244px;
}

#main {
  width: 690px;
  float: right;
}

#con a {
  font-weight: bold;
  color: #726d24; 
}

#main a:hover {
  color: #afa40e; 
}

#main .post {
  float: left;
  width: 470px;
  margin: 0 0 30px;
}

#main .post a {
  color: #385962;
}

#main .post a:hover {
  color: #889ba1;
}

#con h2, #con h2 a {
  margin: 0 0 10px;
  padding: 0 0 6px;
  border-bottom: 1px solid #efefee;
  font: bold 19px Helvetica, Arial;
}

#con h2 span {
  color: #385962;
}

#con h3, #con h3 a {
  margin: 0 0 10px;
  font: bold 16px Helvetica, Arial;
}

#con p {
  margin: 0 0 10px;
  font: 12px Arial;
  line-height: 18px;
}

#con a img, #con img {
  margin: 0 0 10px;
  padding: 2px;
  border: 1px solid #e1e1e1;
}

#con .post img {
  border: 0;
  padding: 0;
}

#con .post img.showBorder {
  padding: 2px;
  border: 1px solid #e1e1e1;
}

#con .wp-caption {
  display: block;
  margin: 0 0 10px;
  padding: 0;
  border: 1px solid #e1e1e1;
}

#con .wp-caption.aligncenter {
  margin: 0 auto 10px;
}

#con .wp-caption a img, #con .wp-caption img {
  margin: 0;
  padding: 4px;
  border: 0;
}

#con p.wp-caption-text {
  margin: 5px;
  padding: 0;
  font-style: italic;
  text-align: center;
}

#con img.alignnone {
  display: block;
}

#con a img.aligncenter, #con img.aligncenter {
  display: block;
  margin: 0 auto 10px;
}

#con a img.alignleft, #con img.alignleft {
  float: left;
  clear: left;
  margin: 10px 10px 10px 0;
}

#con img.alignright {
  float: right;
  clear: right;
  margin: 10px 0 10px 10px;
}

#con .post ul {
  margin: 0 0 15px 25px;
  list-style: square;
}

#con .post ol {
  margin: 0 0 15px 30px;
}

#con .post ol li {
  padding: 0;
  background: 0;
}

#con .post ul ul {
  margin: 0 0 0 15px;
}

#con .post li {
  margin: 0 0 3px;
  padding: 0;
  line-height: 20px;
}

#con .breadcrumb {
  margin: 0 0 10px;
}

#con ol span, #con ul span {
  font: normal 13px Helvetica, Arial;
  color: #000;
}

#con div.navigation {
  clear: both;
  width: 470px;
}

#con div.navigation .alignright a, #con div.navigation .alignleft a {
  float: right;
  font: bold 15px Helvetica, Arial;
  color: #385962;
  text-decoration: none;
}

#con div.navigation a:hover {
  color: #889ba1;
}

#con div.navigation .alignleft a {
  float: left;
}

#con #main a.feedlink img {
  position: relative;
  width: 16px;
  height: 16px;
  top: 14px;
  border: 0;
}

#con #main input.inlinesearch {
  padding: 3px;
}

#con #blogheading {
  display: block;
  width: 689px;
  height: 90px;
  background: url(images/bnr_blog.gif) top center no-repeat;
  text-indent: -9000px;
}

#con a.more-link {
  display: block;
}
/*- SINGLE COLUMN ------------------------------------------------------------*/
#scol {
  padding: 0 10px;
}

/*- SEARCH PAGE --------------------------------------------------------------*/
#main .search_nav span a {
  display: block;
  float: left;
  margin: 0 3px 0 0;
  padding: 2px 5px;
  border: 1px solid #ccc;
}

/*- CONTACT PAGE -------------------------------------------------------------*/
#main.contact .post {
  width: 690px;
}

#main.contact .text {
  float: right;
  width: 310px;
}

#main.contact input.itf, #main.contact textarea {
  width: 350px;
  padding: 3px;
  border: 1px solid #ddd;
  font: 13px Arial;
}

#main.contact textarea {
  overflow: auto;
}

#main.contact label {
  display: block;
  height: 5px;
  margin: 0;
  padding: 0;
  font: bold 14px Helvetica, Arial;
}

#cf div.msg {
  width: 350px;
  margin: 0 0 15px;
  padding: 4px;
  background: #385962;
  font: 13px Helvetica, Arial;
  color: #fff;
  text-align: center;
}

#cf div.msg div {
  padding: 5px;
  border: 1px solid #fff;
}

/*- SIDEBAR ------------------------------------------------------------------*/

#con #sidebar h3 {
  margin: 0 0 10px;
  padding: 5px 10px;
  background: #f0f0f0;
  border-bottom: 1px solid #ddd;
  font: bold 15px Helvetica, Arial;
  color: #676767;
}

#con #sidebar div {
  margin: 0 0 15px;
}

#con #sidebar .snav ul, 
#con #sidebar .scategory ul, #con #sidebar .srecent ul {
  list-style: none;
}

#con #sidebar .srecent img {
  margin: -10px 0 -5px 0;
}

#con #sidebar .snav ul ul, 
#con #sidebar .scategory ul ul {
  margin: 0 0 0 20px;
}

#con #sidebar .snav li a, 
#con #sidebar .scategory li a {
  display: block;
  height: 20px;
  line-height: 20px;
  padding: 5px 10px;
  border-bottom: 1px solid #efefee;
  text-decoration: none;
}

#con #sidebar .snav li li a, 
#con #sidebar .scategory li li a {
  padding: 5px 10px 5px 5px;
}

#con #sidebar .snav li a:hover, 
#con #sidebar .scategory li a:hover  {
  background: #efefee;
  border-bottom: 1px solid #ddd;
}

#con #sidebar .snav li.current_page_item a {
  background: #fafafa;
  color: #385962;
}

#con #sidebar .snav li.current_page_item ul li a {
  background: #fff;
  color: #726d24;
}
#con #sidebar .snav li.current_page_item ul li a:hover {
  background: #efefee;
  border-bottom: 1px solid #ddd;
}

#con #sidebar .snav li ul, 
#con #sidebar .snav li.current_page_item ul ul, 
#con #sidebar .snav li.current_page_ancestor ul ul {
  display: none;
}

#con #sidebar .snav li.current_page_item ul, 
#con #sidebar .snav li.current_page_ancestor ul, 
#con #sidebar .snav li.current_page_parent ul li.current_page_item ul,
#con #sidebar .snav li.current_page_ancestor ul li.current_page_item ul, 
#con #sidebar .snav li.current_page_ancestor ul li.current_page_item ul,
#con #sidebar .snav li.current_page_ancestor ul li.current_page_parent ul,
#con #sidebar .snav li.current_page_ancestor ul li.current_page_ancestor ul {
  display: block;
}

#con #sidebar .sbanner {
  width: 215px;
  height: 138px;
  margin: 0 auto;
  padding: 4px;
  background: url(images/bdr_small_home.gif) top center no-repeat;
}

#con #sidebar .sbanner img {
  margin: 0;
  padding: 0;
  border: 0;
}

#con #sidebar .srecent ul li {
  margin: 0 0 0;
  padding: 10px 10px 8px;
  border-bottom: 1px solid #efefee;
}

#con #sidebar .srecent small {
  font-size: 11px;
}

.ul_more {
  background: url(images/bg_ulmore.gif) top right no-repeat;
}

/*- META ---------------------------------------------------------------------*/

.meta {
  float: right;
  width: 190px;
  margin: 0 0 30px;
}

.meta div.wrap {
  padding: 4px 0 0 0;
  background: url(images/bg_homesidebar.gif) top right no-repeat;
}

#main .meta h2 {
  margin: 0 0 2px;
  padding: 0 0 1px;
  border: 0;
  font: bold 16px Helvetica, Arial;
  color: #726d24;
  line-height: 28px;
}

#main .meta h3 {
  margin: 0 0 5px;
  font: bold 14px Helvetica, Arial;
}

#main .meta ul {
  margin: 0 0 15px;
  list-style: none;
}

#main .meta li {
  line-height: 18px;
}

#main h2.lgreen {
  color: #afa40e;
}

#main h2.dblue {
  color: #385962;
}

.meta ul.postmeta li, .meta ul.controls li {
  margin: 0 0 5px;
}

.meta li a.print {
  display: block;
  padding: 0 0 0 24px;
  background: url(images/btn-prn.gif) top left no-repeat;
}

.meta li.sizer {
  position: relative;
}

.meta a.increase, .meta a.decrease {
  position: absolute;
  top: 0;
  left: 60px;
  display: block;
  width: 15px;
  height: 15px;
  background: url(images/btn_plus.gif) top center no-repeat;
  text-indent: -9000px;
}

.meta a.decrease {
  left: 80px;
  background-image: url(images/btn_minus.gif);
}

.meta a.resetSize {
  position: absolute;
  top: 0;
  left: 100px;
  display: block;
  width: 80px;
  height: 15px;
  font-size: 11px;
}

/*- COMMENTS -----------------------------------------------------------------*/

#main ul.commentlist {
  width: 470px;
  margin: 0 0 20px 0;
  font: bold italic 17px Trebuchet MS;
  color: #385962;
  list-style: none;
}

#main ul.commentlist li {
  position: relative;
  margin: 0 0 8px;
  padding: 10px 20px 5px 0;
  background: url(images/bg_comment_alt.gif) top right no-repeat;
}

#main ul.commentlist li.alt {
  background: url(images/bg_comment_alt.gif) top right no-repeat;
}

#main ul.commentlist .comment_number {
  position: absolute;
  top: 5px;
  right: 10px;
  font: bold italic 30px Trebuchet MS;
  color: #ccc;
  letter-spacing: -2px;
  text-align: right;
}

#main ul.commentlist .alt .comment_number {
  color: #889ba1;
}

#main ul.commentlist li a {
  color: #889ba1;
}

#main ul.commentlist li a:hover {
  color: #385962;
}

#main p.comment_name {
  width: 420px;
  font: italic 17px Trebuchet MS;
  color: #000;
}

#main p.comment_meta {
  color: #000;
}

#main div.comment_content {
  color: #000;
}

#commentform .itf {
  width: 200px;
  padding: 3px;
  font: 12px Arial;  
}

#commentform textarea {
  width: 400px;
  height: 150px;
  padding: 3px;
  font: 12px Arial;
  overflow: auto;
}

/*******************************************************************************
HOME -------------------------------------------------------------------------*/

#home {
  margin-bottom: 20px;  
}

#imboxes {
  float: left;
  width: 708px;
}

#imboxes {
  width: 695px;
  margin: 0 0 15px;
}

#imboxes .big {
  width: 675px;
  height: 365px;
  margin: 0 0 15px;
  padding: 4px;
  background: url(images/bdr_large_home.gif) top center no-repeat;
}

#home ul.three {
  height: 144px;
  list-style: none;
}

#home .three li {
  float: left;
  width: 215px;
  height: 138px;
  margin: 0 7px 0 0;
  padding: 4px;
  background: url(images/bdr_small_home.gif) top center no-repeat;
}

#home .three li.last {
  margin: 0;
}

#sideBox {
  float: right;
  width: 250px;
  margin: 0;
}

#btnVisitor, #btnGive {
  display: block;
  width: 250px;
  height: 50px;
  margin: 0 0 15px;
  background: url() top center no-repeat;
  text-indent: -9000px;
}

#btnVisitor {
  background-image: url(images/link_visitors.gif) ;
}

#btnSermon {
  position: relative;
  width: 250px;
  height: 70px;
  margin: 0 0 15px;
  background: url(images/link_sermon.gif) top center no-repeat;
}

  #btnSermon #sermonPopup {
    position: absolute;
    bottom: 0;
    right: 10px;
    display: block;
    width:40px;
    height: 20px;
    font-size: 10px;
    color: #555;
    text-align: right;
  }

  #btnSermon #playerHide {
    position: absolute;
    bottom: 0;
    left: 10px;
    background: #fff;
    color:#fff;

  }

#btnGive {
  margin: 0 0 15px;
  background-image: url(images/link_donate.gif);
}

#sideBox div.box {
  margin: 0 0 10px;
  padding: 13px 20px 13px 10px;
  background: url(images/bg_homesidebar.gif) top right no-repeat;
  color: #555;
}

#sideBox div.box a {
  color: #726d24;
}

#sideBox div.box a:hover {
  color: #afa40e;
}

#sideBox h2 {
  margin: 0 0 10px;
  font: bold 18px Helvetica, Arial;
}

#home .sbIntro h2 {
  color: #726d24;
}

#home .sbSpecialServices h2 {
  color: #afa40e;
}

#sideBox .box p {
  line-height: 18px;
}

#homeContact {
  clear: both;
  width: 930px;
  height: 40px;
  margin: 0 0 30px;
  padding: 0 12px;
  font: 12px/18px Helvetica, Helvetica CE, Arial;
  color: #555;
}

#homeContact a {
  font-size: 11px;
  color: #726d24;
}

#homeContact strong, #homeContact b {

}

#homeContact .left {
  float: left;
}

#homeContact .right {
  float: right;
  text-align: right;
}

/**********************/


/*******************************************************************************
FOOTER -----------------------------------------------------------------------*/

#ftr {
  height: 100px;
}

#cr {
  float: left;
  padding: 0 0 0 12px;
  font: bold 12px Helvetica, Arial;
  color: #726d24;
  line-height: 36px;
  text-decoration: none;
  text-transform: uppercase;
}

#ewm {
  float: right;
  padding: 0;
  line-height: 36px;
  text-transform: uppercase;
}

#ewm a {
  display: block;
  width: 122px;
  height: 36px;
  background: url(images/ewm.gif) center center no-repeat;
  text-indent: -9000px;
}

#cr span {
  color: #afa40e;
}

#fnav {
  position: relative;
  clear: left;
  float: left;
  width: 930px;
  height: 36px;
  padding: 0 12px;
  border-top: 1px solid #efefee;
  border-bottom: 1px solid #efefee;
}

#fnav ul {
  float: left;
  list-style: none;
}

#fnav li {
  float: left;
}

#fnav li a {
  float: left;
  display: block;
  width: auto;
  height: 36px;
  padding: 0 12px;
  background: url(images/divider_nav.gif) center right no-repeat;
  font: bold 12px Helvetica, Arial;
  color: #889ba1;
  line-height: 36px;
  text-decoration: none;
  text-transform: uppercase;
}

#fnav li.first a {
  padding: 0 12px 0 0px;
}

#fnav li.last a {
  background: none;
}

#fnav li a:hover {
  color: #385962;
}
/*
#subscribe {
  float: right;
  display: block;
  height: 36px;
  padding: 0 0 0 24px;
  background: url(images/icon_rss.gif) center left no-repeat;
  font: bold 12px Helvetica, Arial;
  color: #ababab;
  line-height: 36px;
  text-decoration: none;
  text-transform: uppercase;
}
*/
#ftr a.subscribe {
  position: absolute;
  top: 9px;
  right: 59px;
  display: block;
  width: 19px;
  height: 19px;
  background: url(images/icon_rss.gif) top center no-repeat;
  text-indent: -9000px;
}

#ftr a.twitter {
  position: absolute;
  top: 9px;
  right: 34px;
  display: block;
  width: 19px;
  height: 19px;
  background: url(images/icon_twitter.gif) top center no-repeat;
  text-indent: -9000px;
}

#ftr a.facebook {
  position: absolute;
  top: 9px;
  right: 9px;
  display: block;
  width: 19px;
  height: 19px;
  background: url(images/icon_facebook2.gif) top center no-repeat;
  text-indent: -9000px;
}

a#subscribe:hover {
  color: #777;
}

/*******************************************************************************
PLUGINS ----------------------------------------------------------------------*/

#con .wp-calendarLarge tbody tr td span a {
  font: 11px Verdana;
}

#con .wp-calendarLarge .todayLarge {
  background: #FFFCDF;
}

#con .wp-calendarLarge .todayLarge .dayHead {
  background: #385962;
  font-weight: bold;
  color: #fff;
}

#con .calendar_wrapLarge img {
  margin: 0;
  padding: 0;
  border: 0;
}

#con #main .post ul#archiveList {
  margin: 0 0 15px;
  list-style: none;
}

#con #main .post ul#archiveList li {
  clear: both;
}