/*
Theme Name: WillowBrook Church
Theme URI: 
Description: Custom version for the WillowBrook Church website
Version: 1.0
Author: Matt Esau
Author URI: http://www.3lanternsstudio.com

*/


* { margin: 0; padding: 0; }

html { min-height: 100%; margin: 0 0 1px; font-size: 100.01%; }
body { background: #191919; font-size: 62.5%; }

@media only screen and (max-device-width: 480px) { html { -webkit-text-size-adjust: none; } }

body, textarea, input, select, option, button { color: #717171; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; line-height: 1.25; }
li, dt, dd, p, th, td, caption, pre { font-size: 1.2em; }
ul, ol, dl, p, table, pre, h1, h2, h3, h4, h5, h6 { margin-bottom: 15px; }

a { color: #800; text-decoration: none; }
a:hover, a:focus, a:active { text-decoration: underline; }

ul, ol, dd, blockquote { padding-left: 40px; }
ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; }
li *, li p, li li, dt *, dd *, p *, th *, td * { font-size: 1em; }

img { border: none; -ms-interpolation-mode: bicubic; }
pre { font-family: "Courier New",monospace; white-space: pre-wrap; }
table { border-collapse: collapse; border-spacing: 0; }
button { overflow: visible; padding: 0 10px; cursor: pointer; } button::-moz-focus-inner { padding: 0; border: none; }

hr { overflow: hidden; height: 1px; margin: 15px 0 !important; margin: -5px 0 8px; padding: 0; border: none; background-color: #ccc; color: #ccc; }
*:first-child+html hr { margin: -7px 0 8px !important; }

.offset { position: absolute !important; left: -10001px !important; overflow: hidden !important; }

/* LAYOUT
------------------------------------------- */

#top { position: relative; height: 110px; background: #fff; z-index: 100; }
 #top .secondary-nav { background: #191919;  }
  #top .secondary-nav ul { width: 940px; margin: 0 auto; padding: 0; list-style: none; text-align: right; } 
   #top .secondary-nav ul li { display: inline; margin: 0 0 0 20px; text-transform: uppercase; line-height: 1.8; letter-spacing: -1px; }
    #top .secondary-nav ul li a { color: #fff; letter-spacing: 1px;}
    #top .secondary-nav ul li a:hover, #top .secondary-nav ul li a:focus, #top .secondary-nav ul li a:active { text-decoration: underline; }

 #top .wrapper-a { position: absolute; top: 35px; left: 50%; width: 940px; margin: 0 0 0 -470px; }

  #top form.search { position: absolute; top: 20px; right: 0; display: block; width: 260px; padding: 3px; height: 22px; background: #dedede; }
   #top form.search p { width: 100%; overflow: hidden; margin: 0; }
    #top form.search label { position: absolute; left: -999em; }
    #top form.search input { float: left; width: 187px; padding: 3px 2px 2px; border: 1px solid #fff; color: #191919; }
    #top form.search button { float: right; height: 23px; background: #dedede; font-weight: bold; color: #191919; border: none; letter-spacing: -1px; text-transform: uppercase; }
  
 #logo { }
  #logo a { }
 #skip-links { position: absolute; top: 35px; left: -10001px; list-style: none; margin: 0; padding: 0; }
  #skip-links li a:focus, #skip-links li a:active { display: block; position: absolute; left: 10001px; top: 0; z-index: 10001; width: 200px; margin: 15px 0 0 15px; padding: 2px 0; background: #333; color: #fff; text-align: center; text-decoration: none; }

#nav { position: absolute; left: 540px; top: 20px; }
 #nav h2 { width: 100px; height: 27px; margin: 0; padding: 0 0 0 19px; background: url(images/menu-button.png) no-repeat; font: normal 1.2em/27px Helvetica,Arial,sans-serif; text-transform: uppercase; text-align: center; color: #fff; }
 #nav .wrap { position: absolute; right: 0; top: -999em; padding: 20px 0 0; }  
 #nav:hover .wrap { top: 27px; }
  #nav .wrap span.a { position: absolute; right: 88px; top: 8px; display: block; width: 26px; height: 13px; background: url(images/nav-arr.png) no-repeat; }
  #nav ul { background: #191919; list-style: none; margin: 0; padding: 0; overflow: hidden; padding: 15px; border: 1px solid #636363; }
   #nav ul li { color: #fff; width: 125px; float: left; text-transform: uppercase; line-height: 1.5; margin-right: 5px;}
   #nav .wrap .page_item {  }
    #nav ul li a { color: #fff; }
    #nav ul li ul { padding: 0; border: none; width: 100%; }
     #nav ul li ul li { float: none; }
      #nav ul li ul li a { color: #6a6a6a; }
	   #nav ul li ul li ul {margin-left: 6px; font-size: 7px;}
	    #nav ul li ul li ul li {margin-left: 6px; font-size: 10px;}

#content { background: #fff; padding: 0 0 15px; }
 #content .wrapper-a { width: 940px; margin: 0 auto; background: url(images/sep-a.png) repeat-x; padding: 30px 0 0; overflow: hidden; }
 body.home #content .wrapper-a { background: none; padding: 0; }
  #main { float: left; width: 700px; }
  #aside { float: right; width: 220px; }

#footer { width: 940px; margin: 0 auto; padding: 15px 0 0; }
 #footer .col-a { float: left; width: 460px; }
  #footer .col-a ul { width: 100%; padding: 0; list-style: none; margin: 0 0 5px; }
   #footer .col-a ul li { display: inline; margin: 0 20px 0 0; text-transform: uppercase; letter-spacing: -1px; }
    #footer .col-a ul li a { color: #fff; letter-spacing: 1px;}
    #footer .col-a ul li a:hover, #footer .col-a ul li a:focus, #footer .col-a ul li a:active { text-transform: uppercase; }
  #footer .col-a p { font-size: 1em; font-weight: bold; color: #737373; }
 #footer .col-b { float: right; width: 460px; text-align: right; }
  #footer .col-b h2 { display: inline; font: 1.2em/1.25 Helvetica,Arial,sans-serif; color: #fff; margin: 0 10px 0 0; text-transform: uppercase; letter-spacing: -1px; vertical-align: top; }
  #footer .col-b ul { display: inline; padding: 0; list-style: none; }
   #footer .col-b ul li { display: inline; margin: 0 5px 0 0; }
   
/* GENERAL
------------------------------------------- */

/* headers */

h1, h2, h3, h4, h5, h6 { }
h1 { font-size: 1.9em; color: #800; text-transform: uppercase; }
h2 { font-size: 1.7em; }
h3 { font-size: 1.5em; }
h4 { font-size: 1.3em; }
h5 { font-size: 1.2em; }
h6 { font-size: 1.0em; }

/* tables */

table { }
 table th, table td { padding: 5px 10px; border: 1px solid #ccc; }

/* lists */
.post-navigation { width: 100%; overflow: hidden; }
 .post-navigation .prev { float: left; }
 .post-navigation .next { float: right; }

/* links */

.featured-a { width: 100%; overflow: hidden; padding: 0; list-style: none; }
 .featured-a li { display: inline; float: left; width: 299px; margin: 0 0 0 20px; }
 .featured-a .first { margin: 0; }
 
/* SPECIFIC
------------------------------------------- */
#slideshow { position: relative; width: 937px; height: 392px; margin: 0 auto 15px; overflow: hidden;  }
 #slideshow .wrapper { position: absolute; width: 10000px; height: 392px; }
  #slideshow .slide { width: 937px; height: 392px; float: left; }
#slideshow .index { list-style: none; padding: 0; }
 #slideshow .index li { position: absolute; top: 170px; width: 31px; height: 40px; }
  #slideshow .index li a { display: block; width: 100%; height: 42px; text-indent: -999em; overflow: hidden;  }
 #slideshow .index li.prev { left: 12px; }
  #slideshow .index li.prev a { background: url(images/slideshow-prev.png) no-repeat; }
 #slideshow .index li.next { right: 12px; }
  #slideshow .index li.next a { background: url(images/slideshow-next.png) no-repeat; }

/**
 * Added by David Penner <pennedav@gmail.com> for the "Navigation" menu
 */
ul#navigation ul a.cat_ind {
    text-decoration: none;
}
ul#navigation ul a.cat_ind.closed {
    background: url(images/toggle-expand-dark.png) no-repeat;
}
ul#navigation ul a.cat_ind.open {
    background: url(images/toggle-collapse-dark.png) no-repeat;
}