/** LBIBLE CSS **/

body {
  margin: 0;
  background-color: #141414;
  font-family: /*'Lato',*/'Segoe UI','Lucida Grande',Arial,Helvetica,Sans-Serif;
}

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

a:hover {
  text-decoration: underline;
}

form { margin: 0; }
img { border: none; }

h1, h2, h3 { font-family: 'Playfair Display', serif; font-weight: 400; }





#debugInfo { display: none; position: fixed; z-index: 1501; width: 110px; background-color: #444; color: #ddd; font-size: 9pt; padding: 2px 5px; top: 0px; right:0; opacity: .8 }




/** MAIN / COMMON **/
.centered-div { width: 100%; max-width: 1062px; margin: 0 auto; position: relative; }


/** TOP **/
#topBay { width: 100%; line-height: 0; position: relative; background-color: #133460; z-index: 999; }
#topBay .logo { vertical-align: bottom; }
#topBay .logo img { width: 100%; max-width: 500px; }
#topBay .wav-bg { position: absolute; right: 0; }
#topBay .wav-bg.v3 { opacity: .75 }
#topBay .wav-bg.v4 { opacity: .4 }


/* Menu */
#menuBay { 
  height: 55px; background: url("/img/menu-back.png") repeat-x #eee; border-bottom: 3px solid #ccc; position: relative; 
}
#menuBay.v4 { height: auto; }
#menuBay ul { margin: 0; padding: 0; white-space: nowrap; overflow: hidden; }

#navmenu li { list-style: none; }
#navmenu > li { display: inline-block; }
#navmenu li ul { position: absolute; top: 0; }
#navmenu a { 
  display: block; height: 55px; font-size: 12pt; line-height: 40pt; padding: 0 18px; margin: 0; color: #1B232E;
  background: url("/img/menu-back.png") repeat-x #eee; text-decoration: none; 
}
#navmenu a.active { background: #e3e3e3; }
#navmenu li:hover > a { background: url("/img/menu-back.png") repeat-x 0 -60px #ddd; box-shadow: 0 0 11px #bbb inset; }
#navmenu.v3 a { padding: 0 14px; }
#navmenu.v4 > li { display: block; border-top: 2px solid #ccc; }
#navmenu.v4 a { background: #f3f3f3; }
#navmenu.v4 a:hover, #navmenu.v4 li:hover > a { background: #f3f3f3; box-shadow: none }
#navmenu .udrop { 
  display: none; top: 55px; border: 1px solid #ccc; border-width: 1px 0 1px 0; z-index: 2000;
  box-shadow: 0 3px 4px -1px rgba(0,0,0,.5);
}
#navmenu .udrop li { display: block; }
#navmenu .udrop a { border-top: 2px solid #ccc; white-space: nowrap; background: #f3f3f3; }
#navmenu .udrop a:hover { background: #ddd; box-shadow: none }
#navmenu.v4 .udrop { width: 100%; top: 0; }
#navmenu.v4 .cancel-li { background-color: #c66; color: #fff; display: none; }
#navmenu.v4 a.cancel-li:hover { background-color: #c44; }

#vertMenuBtn { display: none; }
#vertMenuBtn a { 
  display: block; height: 55px; font-size: 12pt; line-height: 40pt; padding: 0 18px; margin: 0; color: #1B232E; 
  text-decoration: none; border-top: 2px solid #ccc; background: url("/img/meni-icon.png") no-repeat 15px center #f3f3f3;
}


/** SEARCH FORM **/
.search-cont { 
  display: inline-block; position: relative; width: 26%; max-width: 350px; height: 36px; float: right; right: 0px; top: 7px;
  background: url(/img/search-icon.png) no-repeat left center;
}
.search-cont.v2 { right: 10px; }
.search-cont .ss {
  width: 85%; margin: 0; height: 36px; font-size: 11pt; padding: 0 0 0 14%; position: relative; right: 0;
  background: url(/img/search-icon.png) no-repeat left center #fff; border: 1px solid #ddd; border-radius: 3px;
}
.search-cont.v3 { width: 50px; max-width: none; height: 55px; top: 0; cursor: pointer; background-position: center center; }
.search-cont.v3.open { width: 80%; }
.search-cont.v3 .ss { display: none; background-color: #f3f3f3; }
.search-cont.v3 .ss, .search-cont.v4 .ss { height: 55px; border: none; width: 90%; padding: 0 0 0 10%; }
.search-cont.v4 { float: none; width: 100%; max-width: none; height: 55px; display: block; top: 0; }
#searchCancel { 
  width: 20%; height: 55px; position: absolute; background-color: #fbb; display: none; text-align: center;
  line-height: 40pt; font-size: 12pt; cursor: pointer;
}




/** BODY **/
.rel-to-top { position: relative; top: 0px; }

#bodyBay { background-color: #fcfcfc; overflow: hidden; }
#bodyBay .centered-div { background-color: #fff; overflow: hidden; }


/** COMMON **/
.com-header { margin: 0 15px; }

.com-btn { 
  display: inline-block; height: 25px; padding: 3% 10%; text-align: center; line-height: 21pt;
  background-color: #0B49A8; color: #e7e7e7; border-radius: 6px; font-weight: bold;
}
.com-btn.light { background-color: #BDD6FB; color: #34628F; }
.com-btn.red { background-color: #c33; color: #eee; }
.com-btn.red:hover { background-color: #d55; color: #eee; }
.com-btn:hover, .com-btn.light:hover { text-decoration: none; background-color: #0D59CC; color: #fff; }
.com-btn.full { width: 80%; }
.com-btn.v4 { height: 30px; }



.greek { 
  font-size: 20pt; font-family: Georgia, serif; font-weight: 400; padding: 10px; background-color: #f2f2f2; display: inline-block;
  border-radius: 5px; box-shadow: 0px 2px 2px #999;
}


#versePopupCont h1 { margin: 0; padding: 5px; }
#versePopupCont #vpInfoBar { padding: 5px 7px; background-color: #2383C9; color: #fff; border-radius: 3px; overflow: hidden; }
#versePopupCont #vpInfoBar div { display: inline-block; margin: 2px 0; }
#versePopupCont .trans { float: right; white-space: nowrap; }
#versePopupCont #vpInfoBar.v4 div { display: block; }
#versePopupCont #vpInfoBar.v4 div.trans { float: none; }
#versePopupCont #vpVerseCont { 
  padding: 5px; font-family: 'Playfair Display', serif; font-weight: 400; text-align: justify; font-size: 14pt; 
  max-height: 280px; overflow: auto; border-bottom: 2px solid #f2f2f2;
}




/** PAGING **/
.pager-cont { width: 98%; margin: 10px auto; font-size: 10pt; white-space: nowrap; overflow: hidden; }
.pager-cont div { display: inline-block; padding: 5px 1%; vertical-align: middle; }
.pager-cont.v3 div, .pager-cont.v4 div { display: block; font-size: 12pt; }
.pager-cont .page { width: 100px; }
.pager-cont .xtra { display: block; }
.pager-cont.v3 .xtra, .pager-cont.v4 .xtra { display: inline; margin-left: 20px; }
.pager-cont .links { width: 77%; white-space: normal; font-size: 12pt; }
.pager-cont.v3 .links, .pager-cont.v4 .links { width: 98%; }
.pager-cont .links a { 
  display: inline-block; background-color: #CBE1EF; border-radius: 4px; padding: 1px 5px; margin: 1px;
}
.pager-cont .links a:hover { background-color: #4794C7; color: #fff; text-decoration: none; }
.pager-cont .curr { font-weight: bold; }
.pager-cont.v4 .links a { font-size: 16pt; margin: 3px; }




/** COMMON MAIN SPLIT **/
.com-split-div { width: 100%; }
.com-split-div img { width:auto; max-width: 100% !important; height: auto !important; }
.com-split-div .left-split { width: 61%; padding: 0 2%; display: inline-block; vertical-align: top; }
.com-split-div.v3 .left-split, .com-split-div.v4 .left-split { display: block; width: 96%; }
.com-split-div .right-split { 
  width: 31%; min-width: 230px; padding: 0 2% 2% 2%; display: inline-block; vertical-align: top; margin: 35px 0 0 0;
}
.com-split-div.v3 .right-split, .com-split-div.v4 .right-split { display: block; width: 96%; }


/** COMMON NO-SPLIT **/
.com-full-page { width: 100%; }
.com-full-page img { width:auto; max-width: 100% !important; height: auto !important; }



#homeHeader { width: 100%; overflow: hidden; }

.shelf-shad { opacity: .4; line-height: 0; }


/** POST LIST ITEMS **/
.post-items { overflow: hidden; }
.post-items .pitem { padding: 10px 4px 0 4px; margin: 5px 0 0 0; border-top: 1px solid #eee; background-color: #f7f7f7; }
.post-items .pbody { margin: 0 0 0 100px; padding: 5px 5px 12px 5px; min-height: 120px; }
.post-items.v4 .pbody { margin: 0; }
.post-items .pbody h2 { margin: 3px 0 9px 0; font-family: 'Playfair Display', serif; font-weight: 700; }
.post-items .pbody h2 a { color: #000; }
.post-items .pbody h2 a:hover { color: #0B49A8; }
.post-items .pbody .snip { font-family: 'Lato', sans-serif; font-weight: 300; }


.info-float { position: absolute; font-size: 9pt; margin: 13px 0 0 5px;}
.date-box { 
  background-color: #fcfcfc; border-radius: 6px; box-shadow: 0 0 3px -1px rgba(0,0,0,.6); 
  width: 80px; text-align: center; 
}
.date-box .db-month { background-color: #093982; color: white; font-size: 10pt; padding: 2px 0 4px 0; border-radius: 6px 6px 0 0 }
.date-box .db-day { padding: 4px 0; }
.date-box .day { font-size: 16pt; font-family: Arial; }
.date-box .dow { display: block; color: #0B49A8; }
.cat-box { 
  margin: 8px 0 0 0; text-align: center; padding: 1px 0; border-radius: 3px; 
}
.cat-box.ser-cat1 { background-color: #D7E6FD; }
.cat-box.ser-cat2 { background-color: #C7E3C6; }
.cat-box.ser-cat3 { background-color: #FFE4D5; }

.info-float.v4 { position: static; margin: 0; }
.info-float.v4 div, .info-float.v4 span { 
  width: auto; display: inline-block; font-size: 10pt; padding: 0;
}
.info-float.v4 .date-box { 
  padding-right: 6px; text-align: left; white-space: nowrap; border-radius: 3px; box-shadow: none; background-color: #e6e6e6;  
}
.info-float.v4 .db-month { border-radius: 3px 0 0 3px; padding: 3px 10px; text-align: center; }
.info-float.v4 span { padding: 3px 0 3px 8px; }
.info-float.v4 .cat-box { margin: 0 0 0 4px; padding: 3px 5px; }


/** POST BODY **/
.post-body {
  padding-bottom: 30px;
  font-size: 13pt;
}
.post-body h1, .post-body h2 {
  font-weight: 700;
}
.post-body h2 { color: #033C81; }

/** SUB POST CONTAINER **/
.sub-post-cont {
  margin: 20px 0; background-color: #f0f0f0; border: 1px solid #ddd; padding: 12px;
}



/** SCABS **/
.scabs-cont { max-width: 270px; margin: 0 auto; }
.scabs-cont.v3, .scabs-cont.v4 { max-width: none; }
.scab { display: inline-block; margin: 0 auto 15px auto; vertical-align: top; }



/** TITLE PAGE **/
#titleViewCont .links { border-top: 1px solid #ccc; margin-top: 10px; }
#titleViewCont .links a { 
  display: block; height: 38px; padding: 6px; line-height: 28pt;
  border-width: 0px 1px 1px 1px; border-color: #ccc; border-style: solid;
  text-decoration: none; font-size: 14pt; font-weight: normal; 
}
#titleViewCont .links a:hover { background-color: #D0DBE6; }
#titleViewCont .title2 { color: #777; font-size: 10pt; }
 
.util-tbl { margin: 10px 0 0 0; }


/** PREP SCHOOL **/
.ps-tbl { margin-top: 10px; width: 100%; }
.ps-tbl a { 
  /*display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;*/
}
.ps-tbl .link { width: 75%; padding: 10px 5% 15px 0;  }
.ps-tbl .info { width: 20%; padding: 10px 0 15px 0; }
.ps-tbl .cat { font-size: .7em; color: #888; }



/** OLB **/
.verse { margin: 10px 0; font-family: 'Playfair Display', serif; font-weight: 400; text-align: justify; font-size: 14pt;  }
.olb.v4 .verse { padding: 10px; }
.verse-error { margin: 10px 0; color: #CE0000; }
.olb-frm { border-spacing: 0; width: 80%; max-width: 300px; }
.olb-frm td { padding: 5px 5px 0 0;  }
.olb.v4 .olb-frm, .olb.v4 .olb-frm input, .olb.v4 .olb-frm select { font-size: 14pt; }
.olb-frm #tran { width: 100%; overflow: hidden; text-overflow: ellipsis; }


/** VERSE POPUP **/
#versePopupCont h1 { margin: 0; padding: 5px; }
#versePopupCont #vpInfoBar { padding: 5px 7px; background-color: #2383C9; color: #fff; border-radius: 3px; overflow: hidden; }
#versePopupCont #vpInfoBar div { display: inline-block; margin: 2px 0; }
#versePopupCont .trans { float: right; white-space: nowrap; }
#versePopupCont #vpInfoBar.v4 div { display: block; }
#versePopupCont #vpInfoBar.v4 div.trans { float: none; }
#versePopupCont #vpVerseCont { 
  padding: 5px; font-family: 'Playfair Display', serif; font-weight: 400; text-align: justify; font-size: 14pt; 
  max-height: 280px; overflow: auto; border-bottom: 2px solid #f2f2f2;
}


/** LINKS **/
.link-tbl { width: 80%; margin-top: 12px; }
.link-tbl td { padding: 0 5px 10px 5px }
.com-split-div.v4 .link-tbl td { display: block; padding: 10px 5px; }
.com-split-div.v4 .link-tbl tr td+td { border-bottom: 1px solid #ccc; }


/** Prayer Requests **/
.pry-req-frm { text-align: center; }
.pry-req-frm h1 { font-size: 2.5em; }
.pry-req-frm .req-area { background-color: #BDD6FB; border-radius: 9px; padding: 15px; }
.pry-req-frm table { border-spacing: 0; }
.pry-req-frm td { text-align: left; padding: 6px; }
.pry-req-frm td input { font-size: 11pt; }

.invalid-text-input {
  box-shadow: 0px 0px 4px 2px #f00; 
}



/** COMMON FLOATING BOX **/
.floatbox { display: none; position: absolute; z-index: 9000; background-color: #fff; color: #000; padding: 15px; border-radius: 8px; box-shadow: 0 0 10px 1px #000; margin: 10px auto; }


.com-close { 
  right: -10px; top: -10px; width: 25px; height: 25px; position: absolute; cursor: pointer;
  background: url("/img/close-button.png") no-repeat;
}


/* window mask */
#mask {
  position:absolute;
  top: 0;
  z-index:8000;
  background-color:#000;
  height: 0;
  opacity: .75;
  display:none;
}




#help {
  text-align: left;
  padding: 10px 10px 10px 40px;
  background: white url('/img/bulb.gif') no-repeat;
  background-position: -2px 10px;
  border: 1px dashed #999;
  margin: 8px 0px 0px 0px;
  color: #1F3487;
}


/**
* 
*   BOTTOM FOOTER
*
*/

#bottomBay { position: relative; width: 100%; overflow: hidden; }

.bottom-Separator { height: 45px; background-color: #262626; border-bottom: 1px solid #000; }

#bottomCont { width: 100%; max-width: 1024px; margin: 20px auto; font-size: 9pt; overflow: hidden; }
#bottomCont a { color: #888; white-space: nowrap; }
#bottomCont a:hover { color: #eee; }
#bottomCont h5 { margin: 0 0 9px 0; color: #eee; font-size: 12pt; }
#bottomCont .sect { 
  float: left; width: 31%; min-width: 160px; min-height:125px; margin: 0 0 40px 15px ; vertical-align: top; 
  color: #bbb; font-size: 10pt;
}
#bottomCont.v2, #bottomCont.v3 { max-width: 650px; }
#bottomCont.v2 .sect { width: 47%; min-width: 200px; }
#bottomCont.v2 .sect.legal, #bottomCont.v3 .sect.legal { width: 90%; }
#bottomCont.v3 .sect { width: 47%; }
#bottomCont.v4 { max-width: 381px; }
#bottomCont.v4 .sect { height: auto; float: none; width: auto; }
#bottomCont.v3 a { font-size: 12pt; }
#bottomCont.v4 a { font-size: 14pt; }


.footer-tbl { border-spacing: 0; }
.footer-tbl .hdr { padding: 0; }
.footer-tbl td { padding: 5px 5px 8px 8px; }
.footer-tbl .icon { line-height: 0; padding: 5px 5px 8px 0; opacity: .6 }