.row { overflow: hidden; *zoom: 1; }

/* Generic mostly shared CSS */
html { min-height: 101%; }

body { background: #DACDB0; margin: 0; padding: 0; }

/* Heading Section */
#header-wrap { position: relative; top: 0; left: 0; width: 100%; height: 151px; background: url(http://imagescdn.ebiblefellowship.com/colored_bars.jpg) repeat-x left bottom; }

#header-wrap-home { position: relative; top: 0; left: 0; width: 100%; height: 440px; background: url(http://imagescdn.ebiblefellowship.com/colored_bars_home.jpg) repeat-x left bottom; }

#logo { margin-top: -139px; }

#logo-home { margin-top: -495px; }

#verse-home-wrap { float: right; position: relative; margin-right: 15px; z-index: 1; display: none; }

/* Begin Menu Bar */
#menu { height: 47px; margin-top: 13px; margin-left: 10px; position: relative; z-index: 1; }

/* line 107, content/stylesheets/screen.scss */
#menu-home, #menu { padding-top: 0px; padding-bottom: 0px; }

/* line 114, content/stylesheets/screen.scss */
#menu-home > ul, #menu > ul { cursor: pointer; margin: 0; padding: 0; border: 0; outline: 0; overflow: hidden; *zoom: 1; line-height: 44px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-size: 14pt; /* fixed size because the menu width is based on font size */ font-weight: bold; }

/* line 124, content/stylesheets/screen.scss */
#menu-home > ul > li, #menu > ul > li { list-style-image: none; list-style-type: none; margin-left: 0px; display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; vertical-align: middle; *display: inline; *vertical-align: auto; white-space: nowrap; vertical-align: middle; border: 1px solid #85A6B8; margin-right: -6px; /* why doesn't zero work? */ /*padding-left: 1.9em;
padding-right: 1.9em; */ background: url(http://imagescdn.ebiblefellowship.com/menu_gradient.png) repeat-x; }

/* line 139, content/stylesheets/screen.scss */
#menu-home > ul > li:hover, #menu > ul > li:hover { background-color: #46A4C3; background: url(http://imagescdn.ebiblefellowship.com/button_base1.png?1283907218) repeat-x top right; }

/* line 146, content/stylesheets/screen.scss */
#menu-home > ul > li a, #menu > ul > li a { color: #fff; display: block; width: 100%; }

/* line 148, content/stylesheets/screen.scss */
#menu-home > ul > li a:hover, #menu > ul > li a:hover { text-decoration: none; }

li.join { width: 140px; text-align: center; }

li.studies { width: 100px; text-align: center; }

li.devotionals { width: 150px; text-align: center; }

li.vids { width: 125px; text-align: center; }

li.questions { width: 138px; text-align: center; }

li.bible { width: 110px; text-align: center; }

li.free { width: 105px; text-align: center; }

/* End Menu Bar */
#scripture-thess { position: absolute; top: 0px; margin-left: 465px; z-index: 0; }

#scripture-revelation { position: absolute; top: -70px; margin-left: 445px; z-index: 0; }

#main { background-color: #ffffff; width: 875px; margin-left: 10px; margin-right: 17px; overflow: hidden; position: relative; }

#container { width: 900px; margin: 0 auto; }

#title { position: fixed; top: 0; left: 0; visibility: hidden; }

#shadow-left { background: url(http://imagescdn.ebiblefellowship.com/drop_shadow.png) repeat-y 0px 0; }

#shadow-right { background: url(http://imagescdn.ebiblefellowship.com/drop_shadow.png) repeat-y 870px 0; }

#shadow-bottom { background: url(http://imagescdn.ebiblefellowship.com/drop_shadow_bottom.png) no-repeat; padding-top: 5px; width: 894px; }

#footer-border { background: url(http://imagescdn.ebiblefellowship.com/footer_border_crop.png) no-repeat; padding-top: 40px; margin-top: -5px; margin-left: 10px; }

#footer-border-mid { background: url(http://imagescdn.ebiblefellowship.com/footer_mid.gif) repeat-y; margin-left: 10px; }

/* Subheading Section */
.container-top { color: #006699; font-size: 18pt; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; background-image: url(http://imagescdn.ebiblefellowship.com/homegradient_top.gif); margin: auto; padding: 10px 0 10px 20px; border-top: 1px solid #c0c0c0; border-right: 1px solid #c0c0c0; border-left: 1px solid #c0c0c0; -webkit-border-top-left-radius: 8px; -webkit-border-top-right-radius: 8px; -moz-border-radius-topleft: 8px; -moz-border-radius-topright: 8px; -o-border-radius: 8px; border-top-left-radius: 8px; border-top-right-radius: 8px; }

.container-mid { background-image: url(http://imagescdn.ebiblefellowship.com/homegradient_mid.gif); margin: auto; border-right: 1px solid #c0c0c0; border-left: 1px solid #c0c0c0; overflow: hidden; }

.container-bottom { background-image: url(http://imagescdn.ebiblefellowship.com/homegradient_bottom.gif); margin: auto; padding-bottom: 18px; border-right: 1px solid #c0c0c0; border-bottom: 1px solid #c0c0c0; border-left: 1px solid #c0c0c0; }

#translate-search { overflow: hidden; *zoom: 1; padding-left: 0.75em; }

#google_translate_element { float: left; width: 45%; margin: 0; padding-top: 0.5em; }

#search-form { float: right; width: 50%; margin: 0; padding: 0; }

div.gsc-control-cse { padding-bottom: 0; }

#social-container { overflow: auto; /* clear floats */ padding-left: 10px; padding-right: 10px; }

.follow-links { background-image: url(http://imagescdn.ebiblefellowship.com/breadcrumbs.png) repeat-x; width: 40%; float: left; margin-top: 3px; }

.follow-links a { margin-right: 5px; }

.share-links { width: 290px; float: right; margin: 5px 6px 5px 0; }

.breadcrumbs { background: url(http://imagescdn.ebiblefellowship.com/breadcrumbs.png) repeat-x; border-bottom: 1px solid #CCCCCC; }

.breadcrumbs p, .items-nav p { font-size: 10pt; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: normal; display: inline; padding-right: 10px; padding-left: 10px; margin: 0; }

.breadcrumbs a, .items-nav a { text-decoration: none; color: #006699; }

.breadcrumbs a:hover, .items-nav a:hover, .years a:hover, .months a:hover { color: #CCCCCC; text-decoration: none; }

.breadcrumbs img, .items-nav img { text-decoration: none; vertical-align: middle; }

.items-nav { margin-top: 1em; margin-bottom: 0; text-align: center; }

#date-bar { margin-top: 1em; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; text-align: center; }

#date-bar a { color: #006699; text-decoration: none; }

#date-bar .disabled { color: #bbb; }

#date-bar img { text-decoration: none; vertical-align: middle; }

#date-bar p { margin: 0; display: inline; }

#date-bar .years { background: url(http://imagescdn.ebiblefellowship.com/homegradient_top.gif) repeat-x; }

#date-bar .years p { font-size: 18pt; font-weight: bold; padding-right: 75px; padding-left: 75px; }

#date-bar .months, #date-bar .days { background: url(http://imagescdn.ebiblefellowship.com/homegradient_top.gif) repeat-x 0 -8px; border-top: 1px solid #CCCCCC; line-height: 35px; }

#date-bar .months p, #date-bar .days p { font-size: 10pt; font-weight: normal; padding-right: 10px; padding-left: 10px; }

#date-bar .days p { padding-right: 3px; padding-left: 3px; }

.contentbar-top { background: url(http://imagescdn.ebiblefellowship.com/roundframe_top.png) no-repeat; margin-left: 10px; position: relative; top: 15px; height: 33px; }

.contentbar-mid { background-image: url(http://imagescdn.ebiblefellowship.com/roundframe_mid.gif); margin: 15px 10px 0 10px; overflow: hidden; }

a.contentbar-mid { color: #006699; font-size: 10pt; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; text-decoration: none; }

.contentbar-mid h2 { color: #006699; padding-left: 15px; }

h2.large { font-size: 16pt; margin: 0 0 15px 30px; bottom: 0; }

.contentbar-mid > p, .media-bar p { margin: 0 45px 15px 45px; }

/* probably from prototype for question summary--use .question-summary below
.contentbar-mid ol li {  color: #666;  font-size: 10pt;  font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;  text-align: justify;  margin: 0 40px 12px 40px; 
}*/
/* probably from prototype for question summary timestamp--use .question-summary below
.contentbar-mid ol li .time {  color: #006699;  padding-bottom: 10px;
}*/
.contentbar-mid > ul > li, .media-bar ul > li { color: #666; font-size: 10pt; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; margin: 0 30px 7px 5px; list-style: none; }

.contentbar-bottom { background: url(http://imagescdn.ebiblefellowship.com/roundframe_bottom.png) no-repeat; margin: 0 0 30px 10px; height: 33px; }

.question-summary p { margin-left: 0; margin-top: 0; }

.question-summary .time { color: #069; }

/* Begin CSS Sprites */
/* Media Sprite Begin */
.media-sprite { height: 50px; position: relative; float: right; margin: 0 225px 0 0; padding: 0; }

.media-sprite li, .homemedia-sprite li { float: left; list-style: none; }

.media-sprite li a { position: absolute; height: 50px; background: url(http://imagescdn.ebiblefellowship.com/media_sprite.jpg) no-repeat; }

.homemedia-sprite { width: 126px; height: 50px; position: relative; float: right; margin: 6px 0 0 0; padding: 0; }

.homemedia-sprite li a { position: absolute; height: 50px; background: url(http://imagescdn.ebiblefellowship.com/media_sprite.jpg) no-repeat; }

li.hphones a { left: 0; width: 63px; background-position: 0 0; }

li.hphones a:hover { background-position: 0 -50px; }

li.download a { left: 63px; width: 63px; background-position: -63px 0; }

li.download a:hover { background-position: -63px -50px; }

li.transcript a { left: 126px; width: 63px; background-position: -126px 0; }

li.transcript a:hover { background-position: -126px -50px; }

li.video a { left: 189px; width: 63px; background-position: -189px 0; }

li.video a:hover { background-position: -189px -50px; }

/* Messages Sprite */
#icon-list { list-style: none; margin: 0; width: 800px; }

#icon-list li { margin: 0 0 35px 30px; height: 40px; padding-left: 65px; background: url(http://imagescdn.ebiblefellowship.com/messages_sprite.jpg) no-repeat; }

li#message { background-position: 0 -3px; }

li#study { background-position: 0 -75px; }

li#thought { background-position: 0 -145px; }

li#end { background-position: 0 -217px; }

li#conference { background-position: 0 -291px; }

li#numbers { background-position: 0 -363px; }

li#timeline { background-position: 0 -435px; }

/* Join Sprite */
#icon-list-join { list-style: none; margin: 0; width: 800px; }

#icon-list-join li { margin: 0 0 35px 20px; height: 40px; padding-left: 65px; background: url(http://imagescdn.ebiblefellowship.com/join_sprite.jpg) no-repeat; }

li#fellowship-schedule { background-position: 0 -1px; }

li#broadcasts { background-position: 0 -73px; }

li#live { background-position: 0 -145px; }

li#yahoo { background-position: 0 -217px; }

li#paltalk { background-position: 0 -289px; }

li#phone { background-position: 0 -361px; }

/* Q&A Sprite */
.icon-list-questions { list-style: none; margin: 0; width: 800px; }

.icon-list-questions li { margin: 0 0 35px 40px; height: 40px; padding-left: 65px; background: url(http://imagescdn.ebiblefellowship.com/questions_sprite.jpg) no-repeat; }

li.fellowship, li.people { background-position: 0 -1px; }

li.open-forum, li.microphone { background-position: 0 -73px; }

li.web, li.question-mark { background-position: 0 -145px; }

/* Outreach Sprite */
#icon-list-outreach { list-style: none; margin: 0; width: 800px; }

#icon-list-outreach li { margin: 0 0 35px 40px; height: 40px; padding-left: 65px; background: url(http://imagescdn.ebiblefellowship.com/outreach_sprite.jpg) no-repeat; }

li#tracts { background-position: 0 -4px; }

li#missions { background-position: 0 -73px; }

li#map { background-position: 0 -145px; }

li#rv { background-position: 0 -217px; }

li#plane { background-position: 0 -290px; }

/* Free Materials Sprite */
#icon-list-free { list-style: none; margin: 0; width: 800px; }

#icon-list-free li { margin: 0 0 35px 20px; height: 40px; padding-left: 65px; background: url(http://imagescdn.ebiblefellowship.com/free_materials_sprite.jpg) no-repeat; }

li#free-tracts { background-position: 0 0px; }

li#bible { background-position: 0 -73px; }

li#cd { background-position: 0 -145px; }

li#request { background-position: 0 -217px; }

/* More Button Sprite */
.more-sprite { width: 60px; height: 25px; position: relative; background: url(http://imagescdn.ebiblefellowship.com/more_sprite.png) no-repeat; margin-left: 115px; padding: 0; }

.more-sprite-margin { width: 60px; height: 25px; position: relative; background: url(http://imagescdn.ebiblefellowship.com/more_sprite.png) no-repeat; margin: 15px 0 0 75px; padding: 0; }

.more-sprite a, .more-sprite-margin a { position: absolute; background: url(http://imagescdn.ebiblefellowship.com/more_sprite.png) no-repeat; }

div.more-icon a { left: 0; width: 60px; height: 25px; background-position: 0 0; }

div.more-icon a:hover { background-position: 0 -25px; }

/* End CSS Sprites */
/* Landing Page Menu Items */
.menu-image { float: left; margin-left: 50px; margin-right: 10px; }

p.menu { margin: 0; font-size: 150%; font-weight: bold; }

p.menu-desc { margin: 0; font-size: 110%; font-weight: normal; font-style: italic; }

/* Transcripts overrides */
/* calculations by http://drewish.com/tools/vertical-rhythm using: base font: 12px; base line height: 18px */
h2.transcript { font-size: 1.3333em; /* 16px */ line-height: 1.125em; /* 18px */ margin-top: 1.125em; margin-bottom: 0em; margin-left: 55px; margin-right: 55px; }

/* Outreach Map */
#map-corner-top div { background: url(http://imagescdn.ebiblefellowship.com/map_rounded_corder_tl.png) no-repeat top left; }

#map-corner-top { background: url(http://imagescdn.ebiblefellowship.com/map_rounded_corder_tr.png) no-repeat top right; }

#map-corner-bottom div { background: url(http://imagescdn.ebiblefellowship.com/map_rounded_corder_bl.png) no-repeat bottom left; }

#map-corner-bottom { background: url(http://imagescdn.ebiblefellowship.com/map_rounded_corder_br.png) no-repeat bottom right; }

#map-corner-top div, #map-corner-top, #map-corner-bottom div, #map-corner-bottom { width: 100%; height: 20px; font-size: 1px; }

#map-container { width: 95%; background-color: #FFFFFF; height: 640px; }

#map-canvas-and-disclaimer { background-color: #FFFFFF; }

#map-canvas { height: 600px; margin: 0 20px; }

#map-disclaimer { margin-top: 16px; }

.schedule { font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; border-collapse: collapse; margin: 0.5em auto; }

.schedule td, .schedule th { font-size: 1em; border: 1px solid #3F5467; padding: 3px 7px 2px 7px; }

.schedule th { font-size: 1.2em; text-align: center; padding-top: 5px; padding-bottom: 4px; background-color: #6F889E; color: #fff; }

/* Google Fellowship Hour Schedule */
#iframe-fh { margin-left: 35px; height: 600px; border: 0; }

/* Bible reading page - Menu Box */
.menu-box { margin-left: 8%; margin-right: 5%; padding: 10px; }

.menu-box dt { font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; color: #666; font-size: 12pt; text-decoration: underline; }

.menu-box dd { margin: 5px 30px 15px 0; }

/* Live Programming Schedule */
.live-schedule dl { margin-top: 0em; margin-left: 45px; }

.live-schedule dt { margin-left: 1em; margin-top: 5px; color: #006699; font-size: 10pt; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; }

.live-schedule dd { font-style: italic; color: #666; }

/* Donate/Request Content */
.requestcomment { margin: 10px 0 20px 175px; }

.required { color: #f00; margin-left: 45px; }

.required_asterisk { color: #f00; margin-left: 0; }

/* For when a Bible language is (un)available */
.languages { margin: 20px 10%; text-align: center; font-weight: bold; color: brown; }

.nowrap { white-space: nowrap; }

/* Use for emphasized links on tract, foreign pages, etc.- jmg added */
.big { font-size: 120%; font-weight: bold; }

/* <iframe> dimensions default */
.tract-iframe { width: 89%; height: 300px; margin-left: 50px; border: 0; }

.summary { color: #666; font-size: 12pt; bottom: 30px; }

.donate { color: #666; text-align: justify; margin-right: 65px; margin-left: 60px; }

.donate a { color: #069; text-decoration: none; }

.donate a:hover { color: #c0c0c0; }

.disclaimer { color: #ff0000; }

/* Address boxes (contactus, donate)*/
.address { margin: 5px 30%; /* top/bottom left/right */ background: #EDF1F9; /* for non-css3 browsers */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EDF1F9', endColorstr='#D8E2F8'); /* for IE */ background: -webkit-gradient(linear, left top, left bottom, from(#EDF1F9), to(#D8E2F8)); /* for webkit browsers */ background: -moz-linear-gradient(top, #EDF1F9, #E2E9F9); /* for firefox 3.6+ */ padding: 7px; border-right: 1px solid #CCD3F9; border-bottom: 1px solid #CCD3F9; }

/* <p> tags within address boxes */
.address p { margin: 0; padding-left: 10px; font-size: 100%; font-weight: bold; text-align: left; color: #3366CC; }

.grey-gradient { background: #E6E6E6; /* for non-css3 browsers */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#E6E6E6'); /* for IE */ background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#E6E6E6)); /* for webkit browsers */ background: -moz-linear-gradient(top, #FFFFFF, #E6E6E6); /* for firefox 3.6+ */ }

.blue-gradient { background: #EDF1F9; /* for non-css3 browsers */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EDF1F9', endColorstr='#D8E2F8'); /* for IE */ background: -webkit-gradient(linear, left top, left bottom, from(#EDF1F9), to(#D8E2F8)); /* for webkit browsers */ background: -moz-linear-gradient(top, #EDF1F9, #E2E9F9); /* for firefox 3.6+ */ padding: 7px; border-right: 1px solid #CCD3F9; border-bottom: 1px solid #CCD3F9; color: #3366CC; }

.orange-gradient { background: #F9F0E9; /* for non-css3 browsers */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F9F0E9', endColorstr='#F8E9DE'); /* for IE */ background: -webkit-gradient(linear, left top, left bottom, from(#F9F0E9), to(#F8E9DE)); /* for webkit browsers */ background: -moz-linear-gradient(top, #F9F0E9, #F8E9DE); /* for firefox 3.6+ */ padding: 7px; border-right: 1px solid #F7E0CD; border-bottom: 1px solid #F7E0CD; color: #996633; }

.red-gradient { background: #F9B3B3; /* for non-css3 browsers */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F9F0E9', endColorstr='#F8E9DE'); /* for IE */ background: -webkit-gradient(linear, left top, left bottom, from(#F9F0E9), to(#F8E9DE)); /* for webkit browsers */ background: -moz-linear-gradient(top, #F9E1E1, #F9B3B3); /* for firefox 3.6+ */ padding: 7px; border-right: 1px solid #F99A9A; border-bottom: 1px solid #F99A9A; color: #993333; font-size: 100%; font-weight: bold; font-variant: small-caps; }

/* used in transcripts, etc. */
p.verse { margin-left: 7em; margin-right: 7em; font-weight: 500; font-style: normal; /*border: 1px solid #555;
border-right-width: 2px;
border-bottom-width: 2px;*/ padding: 0.25em 0.5em; background-color: #ddd; /*#D6D7D6;*/ }

p.verseref { margin-top: 0; margin-right: 7em; text-align: right; font-style: italic; font-weight: bold; }

span.verse { margin-top: 0; margin-bottom: 0; text-align: justify; font-style: normal; font-weight: bold; color: #000; }

/* used in numbers content */
span.verseref { margin-top: 0; margin-bottom: 1em; text-align: right; font-style: italic; font-weight: bold; }

/* used to highlight parts of verses in a transcript */
em.verse { font-style: italic; font-weight: bold; }

/* used to make a part of a verse stand out (bold) */
.verse strong { background-color: #ddd; color: #000; font-weight: bold; }

/* used for added words (italics in text) */
.verse em { color: #999; }

/* used in tracts, etc. */
blockquote.verse { margin-left: 2em; margin-right: 2em; font-weight: bold; }

/* Defaults for HTML elements */
html > body { font-size: 12px; }

body { font-size: 1em; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; }

h1 { color: #006699; font-size: 18pt; margin: 30px 0 0 30px; }

h1.center { text-align: center; margin-left: 0; }

h1.center-bottom { text-align: center; margin-left: 0; margin-bottom: 10px; }

h2 { color: #666; font-size: 14pt; margin-left: 30px; margin-top: 5px; }

h2.center { text-align: center; margin-left: 0; margin-right: 0; }

h3 { color: #666; font-size: 12pt; margin-right: 40px; margin-left: 40px; }

h4 { color: #006699; font-size: 10pt; margin-left: 10px; bottom: 0; }

p, ol, ul { color: #666; /*font-size: 10pt;*/ line-height: 1.5; /* unitless */ text-align: justify; }

p, ol, #main > ul { /* TODO: remove after fixing container padding */ margin-right: 55px; margin-left: 55px; }

a { color: #006699; text-decoration: none; }

a:hover { color: #006699; text-decoration: underline; }

table { background: white; margin-bottom: 1.25rem; border: solid 1px #dddddd; table-layout: auto; }

table caption { background: transparent; color: #222222; font-size: 1rem; font-weight: bold; }

table thead { background: whitesmoke; }

table thead tr th, table thead tr td { padding: 0.5rem 0.625rem 0.625rem; font-size: 0.875rem; font-weight: bold; color: #222222; }

table tfoot { background: whitesmoke; }

table tfoot tr th, table tfoot tr td { padding: 0.5rem 0.625rem 0.625rem; font-size: 0.875rem; font-weight: bold; color: #222222; }

table tr th, table tr td { padding: 0.5625rem 0.625rem; font-size: 0.875rem; color: #222222; text-align: left; }

table tr.even, table tr.alt, table tr:nth-of-type(even) { background: #f9f9f9; }

table thead tr th, table tfoot tr th, table tfoot tr td, table tbody tr th, table tbody tr td, table tr td { display: table-cell; line-height: 1.125rem; }

/* Home page main content */
.height { height: 250px; }

/* March of 2012 section */
#feature-container { margin: 1em 50px; padding: 0.5em; /* start www.css3.me generated code */ -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; /*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/ -moz-box-shadow: 3px 3px 3px #000000; -webkit-box-shadow: 3px 3px 3px #000000; box-shadow: 3px 3px 3px #000000; filter: progid:DXImageTransform.Microsoft.Shadow(strength=3, direction=135, color='#000000'); -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(strength=3, Direction=135, Color='#000000')"; /*Shadows look very different in IE (Only cardinal directions supported)*/ /*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/ /*Element should have a background-color*/ /*All filters must be placed together*/ /*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/ background-image: -moz-linear-gradient(top, #dddddd, #bbbbbb); background-image: -webkit-gradient(linear, center top, center bottom, from(#dddddd), to(#bbbbbb)); background-image: -o-linear-gradient(top, #dddddd, #bbbbbb); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dddddd', endColorstr='#bbbbbb'); /*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/ /*Element must have a height (not auto)*/ /*All filters must be placed together*/ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#dddddd', endColorstr='#bbbbbb')"; /*Element must have a height (not auto)*/ /*All filters must be placed together*/ background-image: linear-gradient(top, #dddddd, #bbbbbb); -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; /*Use "background-clip: padding-box" when using rounded corners to avoid the gradient bleeding through the corners*/ /*--IE9 WILL PLACE THE FILTER ON TOP OF THE ROUNDED CORNERS--*/ }

#feature-container h2 { margin-left: 0.4em; margin-bottom: 0; text-align: center; font-size: 280%; font-family: Georgia, Times, serif; font-variant: small-caps; letter-spacing: 0px; color: #069; }

#feature-container p, #feature-container p.verse { margin: 0.5em 1em; color: #444; font-weight: bold; }

#feature-container p.verse { background-color: #aaa; }

/* News Section */
#news-container { width: 72%; float: left; margin-top: 15px; margin-left: 10px; }

#recent-container { width: 72%; float: left; margin-top: 0; margin-left: 10px; }

.container-mid-news, .container-mid-recent { background-image: url(http://imagescdn.ebiblefellowship.com/homegradient_mid.gif); margin: auto; border-right: 1px solid #c0c0c0; border-left: 1px solid #c0c0c0; overflow: auto; }

.container-mid-news { height: 291px; }

.container-mid-recent { height: 500px; }

#news { padding-left: 1.5em; padding-right: 1em; float: left; }

#news .item { width: 100%; overflow: auto; /* clear floats */ margin-top: 1em; margin-bottom: 1em; }

#news .graphic { float: right; width: 150px; /* Gallery thumbnail default */ margin-left: 1em; }

#news h3 { color: #006699; margin-left: 0; margin-top: 0; }

#news p { margin: 0; }

/* Twitter Profile Section: Right Sidebar */
#twitter-container { width: 24%; float: right; margin-right: 10px; }

.twitter-timeline { height: 497px; }

.twtr-hd, .twtr-ft { display: none; }

.twtr-tweet-text p { text-align: left; }

/* Publications Section: Right Sidebar */
#pubs-container { width: 24%; float: right; margin-right: 10px; margin-top: 15px; }

#pubs { overflow: hidden; position: relative; }

#pubs img { margin-bottom: 15px; margin-left: 50px; position: relative; top: 15px; border-width: 2px; border-color: #696969; }

#pubs img:hover { border-width: 2px; border-color: #006699; }

#pub-display { position: relative; }

.pub { display: none; }

p.pub-id { margin: 2px 0 -22px 0; text-align: center; }

#first-pub { display: block; }

.pubs-sprite { width: 118px; height: 40px; position: relative; background: url(http://imagescdn.ebiblefellowship.com/pubs_arrows_sprite.png) no-repeat; margin: 30px 0 0 44px; padding: 0; }

.pubs-sprite li a { position: absolute; height: 40px; background: url(http://imagescdn.ebiblefellowship.com/pubs_arrows_sprite.png) no-repeat; }

.billboard-sprite li, .more-sprite li, .pubs-sprite li, .language-sprite li { float: left; list-style: none; }

li#back-arrow a { left: 0; width: 40px; background-position: 0 0; }

li#forward-arrow a { left: 78px; width: 40px; background-position: -78px 0; }

li#back-arrow a:hover { background-position: 0 -40px; }

li#forward-arrow a:hover { background-position: -78px -40px; }

/* Bible Study Section: Right Sidebar */
#study-container { width: 24%; height: 291px; float: right; margin-right: 10px; margin-top: 15px; }

.study img { margin-top: 20px; margin-left: 24px; border-width: 3px; border-color: #a9a9a9; }

.study img:hover { border-color: #069; }

.study h3 { color: #006699; font-size: 12pt; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; text-align: center; padding-right: 10px; }

.study p { margin: 0 0 0 17px; width: 80%; }

.study p.line { margin-left: 17px; margin-top: 0px; margin-bottom: 0px; width: 80%; border-bottom: 1px solid #c0c0c0; padding-bottom: 10px; }

/* Free Materials Section */
#materials-container { width: 72%; float: left; margin-left: 10px; margin-top: 15px; }

.materials-frame { margin-top: 10px; width: 33%; float: left; }

#materials-bible { margin-top: 10px; width: 33%; float: left; border-right: 1px solid #c0c0c0; border-left: 1px solid #c0c0c0; }

.mats img { margin-left: 26px; border: 3px solid; border-color: #a9a9a9; }

.mats h2 { color: #006699; margin: 0; padding: 25px 0 0 0; text-align: center; }

.mats p { text-align: justify; margin: 0; padding: 0 25px 0 25px; }

/* Home Footer Section */
#footer-container { width: 96%; margin: 20px 0 0 0px; float: left; }

.footer-content { float: left; margin-left: 10px; width: 310px; }

.site li, .fr li, .tba li { list-style: none; line-height: 2em; }

.site a, .fr a, .tba a { text-decoration: none; font-size: 12pt; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; color: #666; }

.site a:hover, .fr a:hover, .tba a:hover { color: #006699; text-decoration: underline; }

.site ul, .fr ul, .tba ul { float: left; }

/* Request Form CSS */
.inner { color: #666; font-size: 10pt; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; margin-left: 5%; margin-right: 5%; }

.input { font-family: Courier-New, Courier, monospace; font-size: 80%; }

/* Validation errors at the top of the page.  Can't show up when no errors. */
#errors { padding: 0; background-color: #fff; }

/* Individual error */
.error { margin: 0; padding: 5px; padding-left: 2em; color: red; background-color: #fff; text-align: left; font-weight: bold; }

/* Begin Bible Request Form  */
div.pullout { margin: 1em 0; /* T,R B,L */ border: 1px solid #799; padding: 3px 1em; font-weight: bold; text-align: justify; background-color: #c99; }

/* if javascript is enabled, these are used for the display of the appropriate language homepage */
#lang-page { margin-top: 1em; margin-bottom: 1em; }

#lang-page-iframe { width: 100%; height: 300px; border: 0; }

/* added on 8/18/09 - this is for the links that switch the language of the pullout message */
#lang-links { margin: 0; padding: 0; text-align: right; font-size: 75%; font-weight: normal; }

.link { color: blue; text-decoration: underline; cursor: pointer; }

/* End Bible Request Form */
/* Languages selection */
#languages { padding: 7px; height: auto; text-align: center; margin: auto; }

#languages p { font-size: 80%; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, san-serif; font-weight: normal; display: inline; margin: 0; }

#languages p.delim { font-size: 100%; color: #006699; padding-left: .2em; padding-right: .2em; }

#languages a { color: #006699; text-decoration: none; }

#languages a:hover { color: #c0c0c0; }

/* Obsolete JQuery transition & buttons sprite*/
#languages img { text-decoration: none; margin-right: 0.2em; vertical-align: middle; border: none; }

.language-sprite { width: 18px; height: 18px; position: relative; background: url(http://imagescdn.ebiblefellowship.com/language_icon_sprite.png) no-repeat; margin: 0; padding: 0; display: inline; }

.language-sprite li a { position: absolute; height: 18px; background: url(http://imagescdn.ebiblefellowship.com/language_icon_sprite.png) no-repeat; }

li#language-back a { left: 0; width: 18px; background-position: 0 0; margin: 15px 13px; }

li#language-forward a { left: 0; width: 18px; background-position: -18px 0; margin: 15px 0 15px 844px; }

li#language-back a:hover { background-position: 0 -18px; }

li#language-forward a:hover { background-position: -18px -18px; }

.lang { display: none; }

#langs { background: url(http://imagescdn.ebiblefellowship.com/homegradient_top.gif) repeat-x; border-top: 1px solid #c0c0c0; }

#lang-display { position: relative; }

#first-lang { display: block; }

/* Home page content area */
#wecanknow { background: url(http://imagescdn.ebiblefellowship.com/homegradient_top.gif) repeat-x; border-top: 1px solid #c0c0c0; padding: 10px 0 10px 20px; }

#wecanknow h1 { font-size: 18pt; font-weight: bold; margin: 0; padding: 0; }

#wecanknow a { color: #696969; font-size: 18pt; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; text-decoration: underline; margin-left: 10px; }

#wecanknow a:hover { color: #c0c0c0; }

/* Judgment Day Countdown*/
#jday { margin: 15px auto; text-align: center; font: bold 200%/100% "Lucida Grande"; bottom: 0; position: relative; }

#jday-gradient { background: url(http://imagescdn.ebiblefellowship.com/jday_gradient.png) repeat-x; position: absolute; width: 100%; height: 18px; }

#jday-link { color: #cc0000; text-decoration: none; }

#countdown { font-size: 75%; }

/* Feature photos for billboards, comments, etc. */
.billboard { width: 834px; height: 272px; margin-left: 10px; padding: 15px 20px 0 20px; display: none; opacity: 1; filter: alpha(opacity=100); }

#billboard-background { border-left: 1px solid #003366; border-right: 1px solid #003366; background: url(http://imagescdn.ebiblefellowship.com/billboard_bground.jpg) repeat-x; opacity: 0.7; filter: alpha(opacity=70); position: absolute; margin-left: 10px; height: 287px; width: 874px; }

#first-billboard { display: block; position: relative; }

.one-image-container { float: left; width: 720px; /* a little wider than the image at 680px */ margin: 0 0 0 60px; }

.one-image-container h2 { margin: 0; text-align: center; font-family: Georgia, Times, serif; font-size: 280%; font-variant: small-caps; color: #fff; }

.one-image-container img { margin: 1em 2em; }

.two-image-container { float: left; width: 45%; margin: 5px 0 0 30px; }

.three-image-container { float: left; width: 31%; margin: -3px 15px 0 0; }

.billboard img { border: 2px solid white; margin-right: 15px; margin-left: 20px; float: left; }

.billboard img.ribbon { border: none; margin-top: -211px; margin-left: 13px; }

.billboard img:hover.ribbon { border: none; }

.billboard img.flag { border: none; float: none; vertical-align: middle; }

.billboard img:hover.flag { border: none; }

.billboard img:hover { border: 2px solid #006699; }

.billboard img.three-image { margin: 0px 0 3px 20px; }

.billboard h1 { color: #dacdb0; text-align: center; margin: 70px 0 20px 5px; }

.billboard h1.comments { font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif; margin-top: 30px; }

.billboard h1.top { font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif; margin-top: 0; margin-bottom: 15px; }

.billboard h3 { font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif; color: white; margin: 0 25px 0 25px; }

.billboard h3.location { font-weight: bold; margin: 10px 30px 0 0; text-align: right; }

.billboard p { color: white; margin: 0; text-align: center; }

.billboard h3.left, .billboard h3.project { font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: normal; color: #dacdb0; margin: 0 0 0 20px; text-align: center; }

.billboard h3.project { margin: 0; padding-top: 10px; font-weight: bold; clear: both; }

.billboard a { font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; text-decoration: none; color: #dACDB0; }

.billboard a:hover { text-decoration: underline; color: #dACDB0; }

.billboard ul { text-align: left; }

.billboard li { list-style: none; font-size: 12pt; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; color: #dACDB0; display: inline; padding-left: 15px; }

.billboard li a { text-decoration: none; color: #dACDB0; }

.billboard li a:hover { text-decoration: underline; color: #dACDB0; }

/* Vertical Tabs Sprite */
div#tabs-wrap { position: absolute; top: 165px; z-index: 100; display: none; }

.tabs { position: relative; background: url(http://imagescdn.ebiblefellowship.com/billboard_tabs.png) no-repeat; margin-left: 11px; list-style: none; }

.tabs li a { position: absolute; height: 75px; width: 22px; background: url(http://imagescdn.ebiblefellowship.com/billboard_tabs.png) no-repeat; }

li#features a { top: 75px; left: 0; background-position: -7px -2px; }

li#comments a { top: -2px; left: 0; height: 78px; background-position: -7px -75px; }

li#billboards a { top: 150px; left: 0; background-position: -7px -152px; }

li#features a:hover { background-position: -32px -2px; }

li#comments a:hover { background-position: -32px -75px; }

li#billboards a:hover { background-position: -32px -152px; }

/* Control Box Sprite */
div#billboard-sprite-wrap { position: absolute; top: 405px; margin-left: 90px; z-index: 100; display: none; }

.billboard-sprite { position: relative; background: url(http://imagescdn.ebiblefellowship.com/billboard_sprite.png) no-repeat; margin: -247px 0 0 715px; }

.billboard-sprite li a { position: absolute; height: 22px; background: url(http://imagescdn.ebiblefellowship.com/billboard_sprite.png) no-repeat; }

li#back-button a { left: 0; width: 21px; background-position: 0 -1px; }

li#pause-button a { left: 26px; width: 22px; background-position: -22px -1px; }

li#forward-button a { left: 52px; width: 21px; background-position: -44px -1px; }

li#play-button a { left: 26px; width: 22px; background-position: -66px -1px; }

li#back-button a:hover { background-position: 0 -23px; }

li#pause-button a:hover { background-position: -22px -23px; }

li#forward-button a:hover { background-position: -44px -23px; }

li#play-button a:hover { background-position: -66px -23px; }

li#back-button a:active { background-position: 0 -45px; }

li#forward-button a:active { background-position: -44px -45px; }

/* Continents Location Bar Sprite */
.location-bar { /* margin: -15px 0 0 10px; all continents */ margin: -15px 0 0 180px; /* three continents */ padding-left: 0; list-style: none; width: 100%; }

.location-bar li { padding: 0; margin: 0 0 4px 0; height: 60px; float: left; background: transparent url(http://imagescdn.ebiblefellowship.com/location_bar.png) no-repeat; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE8 */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); /* IE6 & 7 */ zoom: 1; }

li.africa { background-position: 0px 0px; width: 150px; }

li.africa-glow { background-position: 0px -58px; width: 150px; }

li.americas { background-position: -150px 0px; width: 185px; }

li.americas-glow { background-position: -150px -58px; width: 185px; }

li.asia { background-position: -335px 0px; width: 125px; }

li.asia-glow { background-position: -335px -58px; width: 125px; }

li.europe { background-position: -460px 0px; width: 163px; }

li.europe-glow { background-position: -460px -58px; width: 163px; }

li.oceania { background-position: -623px 0px; width: 155px; }

li.oceania-glow { background-position: -623px -58px; width: 155px; }

/* Billboard countries/flags sprite */
.billboard-flags { list-style: none; margin: 0; padding: 0; width: 122px; float: left; }

.billboard-flags li { display: block; margin: 0 0 13px 0; padding: 0; width: 21px; height: 13px; background: url(http://imagescdn.ebiblefellowship.com/flags_sprite.png) no-repeat; }

.billboard-flags p { padding: 0 0 0 30px; white-space: nowrap; color: #dacdb0; }

#africa-sprite, #americas-sprite, #asia-sprite, #oceania-sprite { margin: 0px 0px 0px 30px; padding: 0; float: left; width: 245px; }

#africa-sprite h2, #americas-sprite h2, #asia-sprite h2, #oceania-sprite h2 { text-align: left; margin: -8px 0 15px 0; color: #99ccff; border-bottom: 1px solid #99ccff; }

#oceania-sprite h2 { margin-top: 0; }

/* Africa */
li#botswana { background-position: 0 0px; }

li#ethiopia { background-position: -24px 0px; }

li#ghana { background-position: -47px 0px; }

li#lesotho { background-position: -70px 0px; }

li#mozambique { background-position: -94px 0px; }

li#namibia { background-position: -117px 0px; }

li#nigeria { background-position: -141px 0px; }

li#swaziland { background-position: -165px 0px; }

li#tanzania { background-position: -187px 0px; }

li#zambia { background-position: -211px 0px; }

li#mauritius { background-position: -234px 0px; }

li#kenya { background-position: -258px 0px; }

li#uganda { background-position: -281px 0px; }

li#malawi { background-position: -304px 0px; }

/* Americas */
li#canada { background-position: 0px -17px; }

li#costa-rica { background-position: -24px -17px; }

li#dominican-republic { background-position: -47px -17px; }

li#dominican-republic p { position: relative; bottom: 7px; }

li#el-salvador { background-position: -70px -17px; }

li#guatemala { background-position: -93px -17px; }

li#honduras { background-position: -116px -17px; }

li#jamaica { background-position: -140px -17px; }

li#nicaragua { background-position: -164px -17px; }

li#panama { background-position: -187px -17px; }

li#puerto-rico { background-position: -211px -17px; }

li#usa { background-position: -234px -17px; }

li#trinidad { background-position: -257px -17px; }

li#ecuador { background-position: -280px -17px; }

li#chile { background-position: -303px -17px; }

li#brazil { background-position: -326px -17px; }

/* Asia */
li#india { background-position: 0px -34px; }

li#singapore { background-position: -24px -34px; }

li#taiwan { background-position: -47px -34px; }

li#turkey { background-position: -70px -34px; }

li#thailand { background-position: -93px -34px; }

li#philippines { background-position: -116px -34px; }

li#nepal { background-position: -139px -34px; }

li#bangladesh { background-position: -162px -34px; }

/* Oceania */
li#indonesia { background-position: 0px -51px; }

li#samoa { background-position: -24px -51px; }

li#vanuatu { background-position: -47px -51px; }

li#new-zealand { background-position: -70px -51px; }

li#papua { background-position: -93px -51px; }

li#papua p { position: relative; bottom: 7px; }

/* Europe */
li#uk { background-position: 0px -70px; }

li#ireland { background-position: -24px -70px; }

/* Adapted from http://codepen.io/Treehouse/pen/vEkit */
/* Color Themes - Variables */
/* Common Colors - Variables */
/* Mixins */
/* Button Global */
.btn-cta { display: inline-block; margin: 0.5rem; padding: .638em 1.275em; border: .094em solid; border-radius: .425em; box-shadow: 0 0.375em 0.313em -0.313em rgba(0, 0, 0, 0.8), inset 0 0.063em rgba(255, 255, 255, 0.4), inset 0 -0.188em rgba(0, 0, 0, 0.15); color: #FFF; font: bold 1.2rem sans-serif; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; text-transform: uppercase; text-decoration: none; text-shadow: 0 0.063em rgba(0, 0, 0, 0.3); cursor: pointer; }

/* Themes */
.btn-cta-theme { border-color: #db2e00; background-color: #FF6A42; }
.btn-cta-theme:hover { background-color: #ff5223; box-shadow: 0 0.125em rgba(255, 255, 255, 0.4), inset 0 0.063em rgba(255, 255, 255, 0.4), inset 0 -0.188em #ff724c; }
.btn-cta-theme:active { box-shadow: 0 0.063em rgba(255, 255, 255, 0.4), inset 0 0 1.094em #751900, inset 0 0.063em #db2e00, inset 0 -0.188em #db2e00; }