/* @override http://www.bridgewaycc.com/_css/styles.css */
/* Site: Bridgeway Community Church */

/* =RESET MARGINS & PADDING
---------------------------------------------------------------------
*/

html, body, div, span,
p, blockquote, pre, code,
ul, ol, li,
h1, h2, h3, h4, h5, h6,
form, fieldset, legend, label, input, textarea,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
}

img {
  border: 0;
  margin: 0;
  padding: 0;
}

hr{
   display: none;
}

/* =RESET TYPOGRAPHY
---------------------------------------------------------------------
*/

body {
  background: url(/_img/body.jpg);
  font-family: Arial, Helvetica, sans-serif; /* web safe fonts */
  font-size: 62.5%;  /* Rest font to a 10px baseline when using ems */
  font-weight: normal;
  line-height: 140%;
  color: #999999;  
}

h1 {
  font-size: 2em; /* font-size doesn't matter since we hide this with a logo */
  font-weight: normal;
}

h2 {
  font-size: 2em;
  line-height: 1.1;
  font-weight: normal;
  margin-bottom: 25px;
  color: #224a68;
}

h3 {
  font-size: 1.6em;
  line-height: 1;
  font-weight: normal;
  color: #0099cc;
  margin-bottom: 10px;
}
h3 a{
  color: #6699cc;
}

h4 {
  font-size: 1.4em;
  line-height: 1.4;
  font-weight: bold;
}

h5 {
  font-size: 1.2em;
  font-weight: bold;
}

h6 {
  font-size: 0.8em;
  font-weight: bold;
}

p {
  font-size: 1.2em;  /* Sets content font at 12px */
  font-weight: normal;
  margin: 0 0 10px 0;
  line-height: 1.5;
}

/* =DEFAULT LINKS
---------------------------------------------------------------------
*/

a {
  margin: 0;
  padding: 0;
  text-decoration: none;
  overflow: hidden;
  color: #0099cc;
}

a:hover,
a:active {
  text-decoration: underline;
}

/* =Helper Classes
---------------------------------------------------------------------
*/

#skip{
   position: absolute;
   list-style: none;
   display: block;
   height: 0;
   overflow: hidden;
}

/* the clearfix rules make it possible to clear floated elements without additional structural markup. See http://www.positioniseverything.net/easyclearing.html */

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

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

div.sep{
  background: url(/_img/div_btm.jpg) repeat-x bottom left;
  padding-bottom: 1px;
  margin-bottom: 10px;
  
}

/* =Header
---------------------------------------------------------------------
*/

#headerWrap{
  background: url(/_img/header.png) no-repeat center top;
}

#header{
  margin: 0 auto;
  width: 960px;
}

#header h1 {
   float: left;
   height: 84px;
   margin-top: 18px;
   margin-left: 66px;
   width: 292px;
   font-size: 1px;
}

#header h1 a{
  background: url(/_img/logo.png);
  display: block;
  height: 0;
  padding-top: 84px;
  overflow: hidden;
}

#meta{
  float: right;
  margin-right: 63px ;
  width: 306px;
}

#search{
  float: left;
  margin-top: 8px;
}

#search fieldset{
  width: 157px;
}

#search input{
  background: url(/_img/search_input.gif) no-repeat;
  border: none;
  float: left;
  height: 14px;
  padding: 4px 0 2px 20px;
  width: 109px;
  font-size: 11px;
}

#search a#search_go{
  background: url(/_img/search_go.gif) no-repeat left top;
  display: block;
  float: left;
  height: 0;
  overflow: hidden;
  padding-top: 20px;
  width: 28px;
}

#meta p.myBridgeway{
  float: right;
  margin-bottom: 25px;
}
#meta p.myBridgeway a{
  background: url(/_img/myBridgeway.jpg) no-repeat left top;
  display: block;
  height: 0;
  padding-top: 36px;
  overflow: hidden;
  width: 118px;
}
#meta p.myBridgeway a:hover{
  background-position: left -37px;
}

#meta #info p.times{
  background: url(/_img/tagline.png) no-repeat left top;
  float: left;
  height: 0;
  padding-top: 16px;
  margin-right: 8px;
  overflow: hidden;
  width: 215px;
}

#meta #info p.directions a{
  background: url(/_img/tagline-a.png) no-repeat left top;	
  display: block;
  float: left;
  height: 0;
  overflow: hidden;
  padding-top: 16px;
  width:68px;
}

/* =Navigation
---------------------------------------------------------------------
*/

#nav{
   background: url(/_img/nav.png) no-repeat left top;
   float:left;
   clear: both;
   list-style: none;
   height: 52px;
   width: 883px;
   margin-top: -14px;
   padding-left: 77px;
   overflow: visible;
   position: relative;
   z-index: 650;
}

#nav li{
   float: left;
   margin: 0 7px;
   font-size: 1.2em;
   margin: 10px 0 0 0;
}

#nav li a{
   display: block;
   color: #336699;
   line-height: 32px;
   text-decoration: none;
   text-transform: uppercase;
   padding: 10px 10px 0;
}

#nav li.current,
#nav li:hover{
  background: url(/_img/nav_li-right.png) no-repeat right top;
}

#nav li a:hover,
#nav li.current a,
#nav li:hover a{
  background: url(/_img/nav_li-left.png) no-repeat left top;
  color: #ffffff;
}

#nav li ul{
   position: absolute;
   left: -999em;
   z-index: 999;
   width: 214px; /* Needs to be same as other 150px value */
   list-style: none;
   line-height: 1;
   padding-bottom:10px;
   background: url(/_img/nav_li-ul.png) no-repeat left bottom;
   padding: 9px 0;
}

#nav li li,
#nav li.current li{
   display: block;
   width: 194px;
   font-size: 1em;
   margin: 0;
   padding:0 10px;
   background: none;
}
#nav li li:hover{
   background: none; /* Change to more appropriate value */
}

#nav li ul ul{
   margin: -30px 0 0 194px; /* the -25px and 150px need to be adjusted until the sub-sub-menu sits in the right place */
}

#nav li:hover ul ul,
#nav li.sfhover ul ul{
   left: -999em;
}

#nav li:hover ul,
#nav li li:hover ul,
#nav li.sfhover ul,
#nav li li.sfhover ul{
   left: auto;
   overflow: visible;
}

#nav li#nav_our-friends{
  position: relative;
}

#nav li#nav_our-friends:hover ul{
  right: 0;
}

#nav li li li{
   font-size: 1em;
   padding-left: 20px;
   padding-right: 0;
}

#nav li li a{
   display: block;
   line-height:20px;
   padding: 0 0 0 10px;
   text-transform: none;
}
#nav li:hover li a,
#nav li li a:hover{
   background: url(/_img/li-a.jpg) no-repeat left center;
}
#nav li li a:hover{
   background: url(/_img/li-a-hover.jpg) no-repeat left center;
   color: #003366;
}
/* =Container
---------------------------------------------------------------------
*/
#wrapper{
  background: url(/_img/repeat.png);
  width: 100%;
  min-width: 960px;
}

#container{
  background: url(/_img/container.png) repeat-x center top;
  width: 100%;
  min-width: 960px;
}

/* =Container-Inner
---------------------------------------------------------------------
*/
#container-inner{
   background: url(/_img/container_inner.png) repeat-x bottom;
   clear: both;
   position: relative;
}


/* =Social Media
---------------------------------------------------------------------
*/

#socialMedia{
   background: url(/_img/social_media.png) no-repeat left top;
   position: absolute;
   margin-left: 50%;
   left: -482px;
   top: -15px;
   height: 338px;
   width: 62px;
}

#socialMedia ul{
  margin-top: 70px;
}
#socialMedia ul li{
  display: block;
  width: 34px;
  list-style-type: none;
  margin-left: 23px;
}

#socialMedia ul li a{
  background: url(/_img/social_media-icons2.jpg) no-repeat;
  display: block;
  height: 0;
  width: 34px;
}

#socialMedia ul li a.twitter{padding-top: 24px;margin-bottom: 26px;}
#socialMedia ul li a.twitter:hover{background-position: right top;}

#socialMedia ul li a.facebook{padding-top:26px ;margin-bottom: 24px;background-position: left -50px;}
#socialMedia ul li a.facebook:hover{background-position: right -50px;}

#socialMedia ul li a.calendar{padding-top: 38px; margin-bottom: 10px;background-position: left -102px;}
#socialMedia ul li a.calendar:hover{background-position: right -102px;}

#socialMedia ul li a.itunes{padding-top: 45px ;background-position: left -160px;}
#socialMedia ul li a.itunes:hover{background-position: right -160px;}
/* =Content-Wrap
---------------------------------------------------------------------
*/
#content-wrap{
   background: url(/_img/content_bg.png) repeat-y left top;
   margin: 0 auto;
   padding-top: 25px;
   width: 960px;
   min-height:600px;
   height:auto !important;
   height:600px;
}

/* =Header Images
---------------------------------------------------------------------
*/

#content-wrap img#subpage_header{
  margin: -25px 0 25px 62px;
  padding: 0;
}

/* =Content
---------------------------------------------------------------------
*/


#content{
  clear: both;
  width: 491px;
  float: left;
  background: url(/_img/content.jpg) repeat-y right top;	
  padding-right: 20px;
  margin-left: 88px;
  /* This is for embedded items to force them behind the nav */
}

#content.fullWidth{
  background: none;
  width: 784px;
  padding-right: 0;
}


#content h3{
  text-transform: uppercase;
}

#content .text p{
  margin-bottom: 30px;
}

#content li{
   margin-bottom: 1em;
   color: #999999;
   font-size: 1.2em;
   line-height: 1.5;
}

#content ul,
#content ol{
   margin: 0 0 1em 3em;
}

#content li{
   margin: 0;
}

#content li li{
   font-size: 1em;
}

#content blockquote{
   margin-left: 3em;
}

#content hr,
#sidebar hr{
   display: block;
   margin-bottom: 1em;
}

#content a{
  color: #0099cc;
}

#content a:hover{
   text-decoration: underline;
}

#content img{
   float: left;
   margin: 0 10px 5px 0;
}

#content #text{
   clear: both;
}

#content table.orderHistory{
  font-size: 1.2em;
}

/* =Sidebar
---------------------------------------------------------------------
*/

#sidebar{
   width: 240px;
   float: right;
   margin-right: 88px;
   background: #fff;
   position: relative;
}

#sidebar h4{
  font-size: 2.0em;
  line-height: 1;
  text-transform: lowercase;
  color: #0099cc;
  font-weight: normal;
  margin: 20px 0 15px;
}

#sidebar h4.first{
  margin-top: 0;
}

#sidebar h5,
#sidebar h5 a{
  color:#666666;
}

#sidebar #events p{
  margin-bottom: 0;
}

#sidebar a.more{
  color: #999999;
}
#homeSB #newsletter label,
#sidebar #newsletter label{
  width: 65px;
  float: left;
  font-size: 1.2em;
  line-height: 20px;
  clear: both;
}
#homeSB #newsletter input,
#sidebar #newsletter input{
  float: left;
  margin-bottom: 8px;
  background: none;
  border: 1px solid #cccccc;
  height: 15px;
  width: 165px;
  padding: 2px 4px;
  color: #999999;
  font-size: 11px;
}

#homeSB #newsletter input#newsletter_submit,
#sidebar #newsletter input#newsletter_submit{
  border: none;
  float: right;
  height: 16px;
  width: 61px;
}

ul#sbNav{
  list-style-type: none;
  font-size: 1.4em;
  margin-bottom: 25px;
}
ul#sbNav li{
  margin-bottom: 5px;
}

ul#sbNav li a{
  display: block;
  padding: 5px 0;
  color: #0099cc;
}

/* Sidebar - Sermons */
#sidebar p#side-podcastlink{
   position: absolute;
   width: 49px;
   height: 40px;
   top: 0;
   right: 0;
   margin: 0;
}

#sidebar p#side-podcastlink a{
   display: block;
   height: 0;
   overflow: hidden;
   padding-top: 40px;
   background: url(/_img/bg_sidebar_podcastlink.png) no-repeat;   
}

#sidebar p#filter{
   margin: 20px 0 25px;
   font-size: 1.2em;
   color: #233257;
   font-weight: bold;
}

#sidebar p#filter select{
   width: 130px;
   margin-left: 8px;
}

#sermons #sidebar ul,
#blogs #sidebar ul{
   list-style: none;
   padding-left: 10px;
   margin-bottom: 20px;
}

#sermons #sidebar ul li,
#blogs #sidebar ul li{
   font-size: 1.2em;
   margin-bottom: .5em;
   line-height: 1.1;
   color:#666666;
}

#sermons #sidebar ul li a,
#blogs #sidebar ul li a{
   color:#666666;
   font-weight: bold;
}

/* = Sermons  
---------------------------------------------------------------------
*/
#sermons #content{
   margin-bottom: 15px;
}

#content #current-sermon h5{
   line-height: 20px;
   width: 62px;
   text-align: center;
   margin-bottom: 0;
   background: #224a68;
   padding:0 8px;
   color: #ffffff;
}

#sermons #content h3{
   font-size: 1.3em;
   font-weight: bold;
   line-height: 1.4;
}

#sermons #content h3 a{
}

#sermons h3.sermongroup{
   margin: 24px 0 10px;
}

#content h3 a:hover{
   text-decoration: underline;
}

#sermons #content #current-sermon{
   padding: 20px 0 40px;
}
#sermons #content #current-sermon .sermon-meta {
   border-top:2px solid #224a68;
   padding-top: 10px;
}

#sermons #content #current-sermon .sermon-meta p{
   width: 233px;
}
#sermons #content #current-sermon .sermon-meta p.summary{
   width: 491px;
   clear: both;
}

#sermons #content #current-sermon p{
   margin: 0;
}

#sermons #content #current-sermon p.series,
#sermons #content #current-sermon p.category{
   font-weight: bold;
   line-height: 1.5;
   margin-bottom: 5px;
}

#sermons #content #current-sermon p.series a,
#sermons #content #current-sermon p.category a{
   font-weight: normal;
   text-decoration: none;
}

#sermons #content #current-sermon p.series a:hover,
#sermons #content #current-sermon p.category a:hover{
   text-decoration: underline;
}

#sermons #content #current-sermon p.byline{
   margin-bottom: 1em;
   line-height: 1.2;
}

#content ul#mediabox{ /* #mediabox controls "feature" sermon and sermon detail */
   float: right;
   display: inline;
   padding: 5px 5px 4px;
   list-style: none;
   border: 1px solid #e3dfda;
   background: #EDEBE8;
   margin: 0 0 20px 20px;
   width: 228px;
}

#sermons #content ul#mediabox{
  margin-top: 10px;
}

#sermons #content ul#mediabox li{
   margin: 0 0 2px;
   padding: 0;
   background: url(/_img/bg_mediabox_li.png);
   font-size: 1.1em;
   float: left;
}

#sermons #content #mediabox li a{
   display: block;
   width: 78px;
   height: 23px;
   padding: 7px 0 0 36px;
   color: #545454;
   background-position: 18px 9px;
   background-repeat: no-repeat;
   font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
}

#sermons #content li#mb_listen a{
   background-image: url(/_img/bg_mb_listen.png);
}

#sermons #content li#mb_download a{
   background-image: url(/_img/bg_mb_download.png);
}

#sermons #content li#mb_video a{
   background-image: url(/_img/bg_mb_watch.png);
}

#sermons #content li#mb_notes a{
   background-image: url(/_img/bg_mb_notes.png);
}

#content .sermonbox{
   position: relative;
   clear: both;
   padding: 10px 15px 8px;
   border-top: 1px solid #e3dfda;
   background: #EDEBE8;
}

#content .sermonbox.alt{
   background: #f6f5f3;
}

#content .sermonbox:hover{
   background: #F6F3CA;
}

#sermons #content .sermonbox h4{
   margin: 0 0 5px;
   font-size: 1.2em;
   font-family: Verdana, Arial, Tahoma, sans-serif;
   line-height: 1.3;
   text-transform: none;
}

#sermons #content .sermonbox h4 a{
   text-decoration: none;
}

#sermons #content .sermonbox h4 a:hover{
   text-decoration: underline;
}

.sermonmeta{
   width: 310px;
}

#content .sermonbox p{
   font-size: 1.2em;
   margin-bottom: 8px;
}

#content .sermonbox p.comments{
   height: 15px;
   margin: 0;
   padding-left: 19px;
   background: url(/_img/bg_comments.gif) no-repeat left center;
}

#content .sermonbox.alt p.comments{
   background-position: left bottom;
}

#content .sermonbox:hover p.comments{
   background-position: left top;
}

#content .sermonbox p.comments a{
   color: #0F6131;
}

#content .sermonbox ul{
   position: absolute;
   top: 12px;
   right: 13px;
   _right:43px;
   list-style: none;
   margin: 0;
   padding: 0;
   z-index: 999;
}

#content .sermonbox li{
   float: left;
   padding: 0;
   background: none;
   text-indent: -9999px;
}

#content .sermonbox li a{
   display: block;
   width: 36px;
   height: 29px;
   background-repeat: no-repeat;
}

#content .sermonbox:hover li a{
   background-position: left top;
}

#content .sermonbox li.sl_listen a{
   background-image: url(/_img/bg_sermonlist_listen.png);
}

#content .sermonbox li.sl_download a{
   background-image: url(/_img/bg_sermonlist_download.png);
}

#content .sermonbox li.sl_video a{
   background-image: url(/_img/bg_sermonlist_video.png);
}

#content .sermonbox li.sl_notes a{
   background-image: url(/_img/bg_sermonlist_notes.png);
}

#content .sermonbox a{
}

#pagination span.paginate_label{
   display: block;
   float: left;
   margin-right: 5px;
}

#pagination a#off{
   display: none;
}

p#pagination{
   float: left;
   display: block;
   margin: 20px 0 0;
   line-height: 14px;
   height: 14px;
}

#pagination a#current{
   font-weight: bold;
   display: block;
   color: #464646;
   float: left;
   margin: 0 8px;
   text-decoration: none;
}

#pagination a{
   margin: 0 8px;
   text-decoration: underline;
   display: block;
   float: left;
}

#pagination a:hover{
   text-decoration: none;
}

#pagination a#next{
	width: 14px;
	text-indent: -9999px;
	height: 14px;
	margin-top: 1px;
	margin-left: 4px;
	background: url(/_img/bg_paginate_next.png) no-repeat;
}

#pagination a#previous{
   width: 14px;
   height: 14px;
   text-indent: -9999px;
   margin: 1px 4px 0;
   background: url(/_img/bg_paginate_prev.png);
}

#sermons p#backtoarchive{
   margin-top: 20px;
   float: left;
}

#sermons p#backtoarchive a{
   display: block;
   padding: 3px 10px;
   border: 1px solid #e3dfda;
   background: #EDEBE8;
   line-height: 1.5;
}

#content ul#byline{
   float: left;
   display: inline;
   padding: 5px 5px 4px;
   list-style: none;
   margin: 0 0 20px;
   max-width: 380px; /* keeps byline from overflowing into ul#mediabox */
   _width: 380px;
}

/* = Events  
---------------------------------------------------------------------
*/

#content #calendar-outer{
   position: relative;
}

#content table.calendar{
   margin-bottom: 25px;
   border: 1px solid #e3dfda;
   border-right: 0;
   border-bottom: 0;
   border-collapse: collapse;
}

#content table.calendar caption{
   padding-bottom: 10px;
   font-size: 1.8em;
   font-weight: normal;
   color: #26365d;
   text-align: left;
}

#content table.calendar caption span{
   position: absolute;
   top: 0;
   width: 18px;
   height: 0;
   padding-top: 19px;
   overflow: hidden;
   color: #8A4700;
}

#content table.calendar caption span.calendar-prev{
  right: 25px;
   background-image: url(/_img/bigcal_previous.png);
}

#content table.calendar caption span.calendar-next{
   right: 0px;
   background-image: url(/_img/bigcal_next.png);
}

#content table.calendar th{
   padding: 6px 0;
   background: #EDEBE8;
   color: #545454;
   font-size: 1.3em;
   font-weight: normal;
   text-align: center;
}

#content table.calendar td{
   width: 100px;
   height: 68px;
   padding: 2px;
   border: 1px solid #e3dfda;
   border-left: 0;
   border-top: 0;
   background: #FFF;
   color: #626262;
   font-size: 1em;
   vertical-align: top;
}

#content table.calendar td.empty{
   background: #f6f5f3;
}

#content table.calendar td a{
   text-decoration: none;
}

#content table.calendar td ul{
   margin: .5em 0 0 .5em;
   font-size: 100%;
   list-style: none;
   padding: 0;
}

#content table.calendar td li{
   padding-left: 8px;
   margin-left: 0;
   margin-bottom: .75em;
   font-size: 1.1em;
   line-height: 1.2;
   background: none;
}

#content table.calendar td li a{
   text-decoration: underline;
}

#content table.calendar td li a:hover{
   text-decoration: none;
}

/* =Forms
---------------------------------------------------------------------
*/

#content .monkForm legend{
  font-size: 1.4em;
  line-height: 1.4;
  font-weight: bold;
}

#content .memberForm p,
#content .monkForm p{
  margin-bottom: 10px;
}

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

#content .monkForm p.data {_display: inline-block;}
#content .monkForm div#w18471.text label{
  width: 491px;
  line-height: 25px;
}

#content .monkForm fieldset{
  clear: both;
}

#content .memberForm label,
#content .monkForm .text label{
  width: 75px;
  float: left;
  line-height: 20px;
  clear: both;
}
#content .memberForm input#acctPassword,
#content .memberForm input#acctPasswordConfirm,
#content .monkForm .text input{
  float: left;
  margin-bottom: 8px;
  background: none;
  border: 1px solid #cccccc;
  font-size: 11px;
  padding: 4px;
  width: 165px;
  color: #999999;
}
#content .memberForm p.submit{
  float: left;
  clear: both;
}

#content .monkForm .checkbox p,
#content .monkForm .radio p{
  margin-bottom: 5px;
}

#content .monkForm div.checkbox,
#content .monkForm div.radio,
#content .monkForm div.select{
  margin-bottom: 20px;
}

#content .monkForm textarea{
  width: 491px;
  border: 1px solid #cccccc;
}

#content .monkForm .textarea label{
  clear: both;
  margin-bottom: 5px;
}
#content .monkForm .captcha input{
  margin-top: 5px;
  font-size: 12px;
  padding: 5px;
  border: 1px solid #cccccc;
}

#content .monkForm p#formsubmit{
  clear: both;
  margin-top: 10px;
  float: left;
}

/* =Blogs
---------------------------------------------------------------------
*/
#content #comments label{
  font-size: 1.4em;
  line-height: 1.4;
  font-weight: bold;
  margin-bottom: 8px;
  display: block;
}

#content #comments textarea{
  width: 491px;
  margin-bottom: 8px;
}

/* =Gallery
---------------------------------------------------------------------
*/
#content a img{
  border: none;
}

#content div.gallery-thumbnail img{
  width: 120px;
  height: auto;
}

/* =Footer
---------------------------------------------------------------------
*/

#footerWrap{
   background: url(/_img/footer.jpg) repeat-x top;
   clear: both;
}

#footer{
   background: url(/_img/footer_inner.png) no-repeat center top;
   height: 119px;
   color: #ffffff;
   width: 784px;
   margin: 0 auto;
   padding: 0 88px 25px;
}

#footer p{
   margin-bottom: 5px;
   color: #999999;
}

#footer p.first{
  background: url(/_img/div_btm.jpg) repeat-x left 22px;
  color: #6699cc;
  font-size: 1.4em;
  padding-top: 45px;
}
#footer p.first a{
  font-size: .9em;
}

#footer a{
  color: #999999;
  text-decoration: underline;
}

#footer ul.links{
  float:right
}

#footer ul.links li{
  float: left;
  margin-left: 8px;
  font-size: 1.2em;
  line-height: 1.5;
  list-style-type: none;
}

#footer ul.links li a.logout{
  margin-left: 8px;
}

#footer ul.links li.memberInfo{
  color: #999999;
}