@font-face { font-family: 'HEAD'; src: url('fonts/MYRIADPRO-REGULAR.OTF') format('opentype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'HEADB'; src: url('fonts/MYRIADPRO-BOLD.OTF') format('opentype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'HEADC'; src: url('fonts/Cabin-Regular.ttf') format('opentype'); font-weight: normal; font-style: normal; } table { border-collapse: collapse; border: 0; padding: 0; } input { vertical-align: bottom; background: #ffffff; margin: 0; } select { margin: 0; padding: 0; margin-left: 1; } form { margin: 0; padding: 0; font-size: 11px; vertical-align: top; } img { border: 0; max-width: 100%; height: auto; } hr { vertical-align: bottom; height: 20; border: 0; border-top: 1px solid #666666; } .head2 { font-family: HEADB; font-size: 24px; line-height: 30px; margin-bottom: 24; } .head3 { font-family: HEADB; font-size: 22px; line-height: 27px; margin-bottom: 22; } .subhead3 { font-family: HEAD; font-size: 20px; line-height: 27px; } .head4 { font-family: HEADB; font-size: 20px; line-height: 26px; margin-bottom: 20; } .subhead4 { font-family: HEAD; font-size: 19px; line-height: 26px; } .head5 { font-family: HEADB; font-size: 19px; line-height: 25px; margin-bottom: 19; } i { font-weight: normal; font-style: italic; } blockquote { margin-left: 40; margin-right: 0; } /*-------------------------------------------------------------------*/ a { color: #000000; margin: 0; } a:link { text-decoration: none; color: #dd0000; background: transparent; } a:visited { text-decoration: none; color: #dd0000; background: transparent; } a:hover { text-decoration: underline; color: #dd0000; background: transparent; } a:active { text-decoration: none; color: #dd0000; background: transparent; } /*-------------------------------------------------------------------*/ ul { margin-left: 18; margin-right: 0; margin-top: 0; margin-bottom: 12; padding: 0; vertical-align: top; list-style-type: square; } ul li { margin-left: 0; margin-top: 0; margin-bottom: 0; padding: 0; padding-left: 0; vertical-align: bottom; } ol { margin-left: 18; margin-right: 0; margin-top: 0; padding: 0; vertical-align: top; } ol li { margin-left: 0; margin-top: 0; margin-bottom: 0; padding: 0; padding-left: 0; vertical-align: bottom; } .ul { color: black; } a:link.ul { text-decoration: none; color: #000000; background: transparent; } a:visited.ul { text-decoration: none; color: #000000; background: transparent; } a:hover.ul { text-decoration: underline; color: #000000; background: transparent; } a:active.ul { text-decoration: underline; color: #000000; background: transparent; } .ar { } a:link.ar { text-decoration: none; color: #000000; background: transparent; } a:visited.ar { text-decoration: none; color: #000000; background: transparent; } a:hover.ar { text-decoration: underline; color: #000000; background: #ffff99; } a:active.ar { text-decoration: underline; color: #000000; background: #ffff99; } /*-------------------------------------------------------------------*/ .background { background: #FFFFFF; color: black; margin-top: 6; margin-left: 0; margin-right: 0; margin-bottom: 0; } .topcolor { text-align: left; width: 870; } .topcenter { width: 600; text-align: left; } .adcol { width: 250; padding-left: 20; vertical-align: top; padding-top: 0; text-align: left; } .toplinks { height: 35; } .topphoto { width: 600; vertical-align: top; text-align: left; } .booklinks { text-align: left; margin-top: 3; } .maincol { padding-top: 0; vertical-align: top; width: 600; text-align: left; } .botcenter { width: 600; height: 700; vertical-align: top; text-align: left; } /*-------------------------------------------------------------------*/ .topmenubox { vertical-align: bottom; text-align: left; } .spacer { width: 44; } .topmenu, .topmenua, .topmenux, .topmenuy { font-family: HEAD; font-size: 19px; line-height: 26px; text-align: left; padding-bottom: 3; } .topmenux { border-bottom: 2px solid #000000; padding-bottom: 1; } a.topmenuy { border-bottom: 2px solid #ff0000; padding-bottom: 1; text-decoration: none; } a:link.topmenu { text-decoration: none; padding-bottom: 3; } a:visited.topmenu { text-decoration: none; padding-bottom: 3; } a:hover.topmenu { text-decoration: none; border-bottom: 2px solid #ff0000; padding-bottom: 1; } a:active.topmenu { text-decoration: none; border-bottom: 2px solid #ff0000; padding-bottom: 1; } a:link.topmenua { text-decoration: none; color: #0000ff; padding-bottom: 3; } a:visited.topmenua{ text-decoration: none; color: #0000ff; padding-bottom: 3; } a:hover.topmenua { text-decoration: none; color: #0000ff; border-bottom: 2px solid #0000ff; padding-bottom: 1; } a:active.topmenua { text-decoration: none; color: #0000ff; border-bottom: 2px solid #0000ff; padding-bottom: 1; } /*-------------------------------------------------------------------*/ .middlecolor { text-align: left; width: 870; } .titlebox { vertical-align: bottom; width: 540; text-align: left; padding-top: 5; padding-bottom: 5; } .title { font-family: HEADB; font-size: 28px; line-height: 41px; } .subtitle { font-family: HEAD; font-size: 28px; line-height: 39px; color: #666666; } .artitle { font-family: HEADB; font-size: 28px; line-height: 41px; } .subartitle { font-family: HEAD; font-size: 28px; line-height: 41px; } .bookname { font-family: HEADB; font-size: 25px; line-height: 30px; text-align: left; width: 480; vertical-align: bottom; } .chapname { font-family: HEADB; font-size: 25px; line-height: 30px; width: 480; vertical-align: bottom; } .sectdesc { font-family: Arial Narrow, HEAD; font-size: 25px; line-height: 30px; font-weight: bold; padding-top: 12; padding-bottom: 24; } .chapverse { font-family: HEAD; font-size: 25px; line-height: 28px; } /*-------------------------------------------------------------------*/ .nametable { width: 600; padding-left: 20; } .searchtable { width: 600; margin-top: 0; margin-bottom: 8; } .searchbox { padding-bottom: 0; padding-top: 0; width: 600; font-size: 1px; text-align: left; vertical-align: bottom; } .searchresults { width: 600; vertical-align: top; margin-top: 20; margin-bottom: 0; } .devotable { width: 100%; padding-top: 10; vertical-align: top; } /*-------------------------------------------------------------------*/ .ulred { margin: 0; padding: 0; padding-left: 17; color: #CC0000; } /*-------------------------------------------------------------------*/ .imglink { display: block; float: left; /* border: 1px solid #666666; */ } .imgborder { display: block; float: left; border: 1px solid #666666; } a:visited.imglink { /*border: 1px solid #666666; */ } a:link.imglink { /*border: 1px solid #666666; */ } a:hover.imglink { /*border: 1px solid #666666; */ } a:active.imglink { /*border: 1px solid #666666; */ } .border { border: 1px solid #666666; } /*-------------------------------------------------------------------*/ .large { font-family: Times New Roman; font-size: 21px; line-height: 28px; text-align: left; } .mediumlarge { font-family: Times New Roman; font-size: 18px; line-height: 24px; text-align: left; } .medium { font-family: Times New Roman; font-size: 16px; line-height: 21px; text-align: left; } .label { font-family: arial, helvetica; font-size: 16px; line-height: 21px; text-align: left; } .smalltext { font-family: Times New Roman; font-size: 15px; line-height: 20px; text-align: left; } .minitext { font-family: Times New Roman; font-size: 13px; line-height: 16px; text-align: left; margin-bottom: 6; } .tiny { font-family: Times New Roman; font-size: 16px; line-height: 20px; margin: 0; } /* Bible book names */ .b, a.b { font-family: HEADC; font-size: 18px; line-height: 24px; } a.b { width: 100%; text-align: left; display: block; } a:link.b { text-decoration: none; color: #000000; background: transparent; } a:visited.b { text-decoration: none; color: #000000; background: transparent; } a:hover.b { text-decoration: underline; color: #000000; background: #ffff66; } a:active.b { text-decoration: underline; color: #000000; background: #ffff66; } /* Index words */ .i, a.i { font-family: HEADC; font-size: 17px; line-height: 24px; } a.i { width: 150; text-align: left; display: block; } a:link.i { text-decoration: none; color: #000000; background: transparent; } a:visited.i { text-decoration: none; color: #000000; background: transparent; } a:hover.i { text-decoration: underline; color: #000000; background: #ffff66; } a:active.i { text-decoration: underline; color: #000000; background: #ffff66; } /*-------------------------------------------------------------------*/ .section { font-family: HEADB; font-size: 19px; line-height: 26px; text-align: left; margin-top: 10; margin-bottom: 0; } .olinks { font-family: HEAD; font-size: 18px; line-height: 25px; } /*-------------------------------------------------------------------*/ .desc { font-family: Times New Roman; font-size: 22px; line-height: 30px; font-style: italic; text-align: left; margin-top: 11; margin-bottom: -2; } .vn { font-family: HEADB; font-size: 21px; color: #ff0000; } a:link.vn { text-decoration: none; color: #ff0000; } a:visited.vn { text-decoration: none; color: #ff0000; } a:hover.vn { text-decoration: underline; color: #ffffff; background: #cc0000; } a:active.vn { text-decoration: underline; color: #ffffff; background: #cc0000; } p, .note, .latin, .verse, .word { font-family: Times New Roman; font-size: 21px; line-height: 28px; text-align: justify; margin-bottom: 20; } u { font-weight: bold; font-style: italic; text-decoration: underline; } .note { font-style: italic; line-height: 27px; padding-left: 30; } .latin { font-style: italic; line-height: 27px; } .k888 { font-family: HEAD; font-size: 25px; line-height: 29px; text-align: center; margin-bottom: 0; } .k999 { font-family: HEADB; font-size: 25px; line-height: 29px; } /*-------------------------------------------------------------------*/ .verse { line-height: 28px; } .word { font-weight: bold; line-height: 28px; font-style: italic; text-decoration: underline; background: #f3ffbb; } .rank { font-family: Arial Narrow, trebuchet ms; font-size: 18px; line-height: 28px; font-weight: normal; width: 38; padding-top: 1; vertical-align: top; text-align: right; padding-right: 10; } .notjust { text-align: left; } .nomar { margin: 0; } /* Article text fonts */ .artext, .artexti, .artextb, .artextbr, .artextbi, .artexth { font-family: Times New Roman; font-size: 21px; line-height: 28px; margin-bottom: 20; } .artexti { line-height: 27px; font-style: italic; } .artextb { font-weight: bold; } .artextbr { font-weight: bold; color: #dd0000; } .artextbi { font-weight: bold; font-style: italic; } .artexth { font-family: HEADB; } /* Catechism of the Bible */ .contents { font-family: HEADB; font-size: 20px; line-height: 28px; text-align: left; margin-bottom: 25; } .question { font-family: HEADB; font-size: 20px; line-height: 23px; text-align: left; margin-bottom: -15; } .answer { font-family: Times New Roman; font-size: 21px; line-height: 27px; text-align: left; margin-bottom: 23; } .highlight { background: #f3ffbb; } .w250 { width: 250; font-style: italic; } .it { font-style: italic; } .author { padding-bottom: 10; padding-top: 3; } .authortext { font-family: Times New Roman; font-size: 19px; line-height: 23px; margin-bottom: 18; } .toptable { width: 600; vertical-align: top; margin-top: 3; margin-bottom: 0; } .texttable { width: 600; vertical-align: top; text-align: left; } .article { padding-top: 0; padding-left: 0; padding-bottom: 20; vertical-align: top; text-align: left; width: 600; } .booknametable { margin-top: 0; margin-bottom: 6; width: 600; } .prev { font-family: HEAD; font-size: 18px; line-height: 19px; color: #666666; padding-bottom: 3; width: 60; vertical-align: bottom; } .next { font-family: HEAD; font-size: 18px; line-height: 19px; color: #666666; padding-bottom: 3; text-align: left; vertical-align: bottom; } .chapnumtable { width: 600; margin-top: 13; margin-bottom: 13; } .form { font-family: arial, helvetica; font-size: 17px; line-height: 23px; } .input { font-family: Times New Roman; font-size: 19px; line-height: 23px; padding-left: 5; padding-bottom: 3; height: 30; width: 440; background: #ffffff; border: 1px solid #666666; } .input2, .input3 { font-family: Times New Roman; font-size: 19px; line-height: 23px; padding-left: 5; padding-bottom: 2; height: 30; background: #ffffff; border: 1px solid #666666; } .input2 { height: 23; width: 38; } .input3 { height: 23; width: 268; } .textbox { font-family: Times New Roman; font-size: 17px; line-height: 23px; padding-top: 5; padding-left: 8; width: 598; background: #ffffff; border: 1px solid #666666; } .msgtext { font-family: Times New Roman; font-size: 19px; line-height: 23px; padding-top: 5; padding-left: 8; width: 548; background: #ffffff; border: 1px solid #666666; } /*-------------------------------------------------------------------*/ /* search form */ .search { font-family: Times New Roman; padding: 0; margin: 0; } .button { font-family: Times New Roman; font-size: 17px; line-height: 22px; padding-left: 3; padding-bottom: 2; text-align: center; cursor: hand; background: #dfdfdf; color: #000000; border: 1px solid #666666; width: 69; height: 33; margin-bottom: 1; } .button:hover { background-color: #ffdd00; cursor: hand; } /* Report Error button */ .button2 { font-family: Times New Roman; font-size: 17px; line-height: 22px; padding-left: 4; padding-bottom: 0; text-align: center; cursor: pointer; cursor: hand; background: #E3DE6F; border: 1px solid #666666; width: 170; height: 25; padding-bottom: 1; } .button2:hover { background-color: #ffff66; cursor: hand; } /* Search query box */ .query { font-family: Times New Roman; font-size: 21px; line-height: 23px; height: 33; width: 564; vertical-align: top; padding-left: 6; padding-bottom: 1; margin-right: 1; border: 1px solid #666666; } .radiobox { width: 595; text-align: left; height: 33; background: #dfdfdf; border: 1px solid #ffffff; } .radio, .radio2 { font-family: arial, helvetica; font-size: 15px; line-height: 12px; text-align: right; width: 130; padding-left: 20; padding-bottom: 0; } .radio2 { width: 70; } /*-------------------------------------------------------------------*/ .bookphoto { padding-top: 5; text-align: left; padding-bottom: 2; } .OT1, .OT2, .NT { padding-top: 0; } .AP { font-family: arial, helvetica; font-size: 15px; line-height: 20px; padding-top: 15; padding-bottom: 10; color: #000000; text-align: left; vertical-align: bottom; } .books0 { text-align: left; padding-top: 20; } .books1 { width: 133; /* 128 */ text-align: left; padding-top: 18; } .books2 { padding-left: 4; /* 108 */ width: 104; text-align: left; padding-top: 18; } .books3 { padding-left: 10; /* 133 */ width: 119; text-align: left; border-left: 1px solid #666666; } .books4 { padding-left: 3; /* 98 */ width: 90; text-align: left; } .books5 { padding-left: 10; /* 133 */ width: 125; text-align: left; border-left: 1px solid #666666; padding-right: 0; } .ast { color: #ff0000; } /*-------------------------------------------------------------------*/ .bottomtable { width: 870; padding-left: 20; padding-right: 20; vertical-align: middle; text-align: left; background: #ffffff; } .copyrightbox { font-family: arial, helvetica; font-size: 15px; line-height: 20px; padding-top: 20; width: 600; } .copyright { text-align: left; } .bottombar { width: 600; padding-left: 20; height: 35; } .bottomspace { width: 870; height: 1000; } /*-------------------------------------------------------------------*/ .report { font-family: Times New Roman; font-size: 16px; line-height: 23px; } /* for index search results */ .words { vertical-align: top; width: 150; text-align: left; } /*----------------------------------------------------------------------------*/ .searchlinks { width: 600; padding-left: 20; vertical-align: top; margin-top: 10; margin-bottom: 0; } /* page numbers for search results */ .pagenumb { text-align: right; width: 30; } /* for rank and percentage in search results */ .rowht { height: 20px; vertical-align: top; } .articles_left { padding-top: 17; } .articles_right { padding-top: 17; } .chapnum { font-family: Arial Narrow; font-size: 18px; line-height: 30px; border-radius: 7px; height: 32; width: 28; padding-right: 1; margin-left: 1; margin-right: 0; margin-bottom: 2; text-align: center; color: #000000; background: #ffdd00; display: block; } a:link.chapnum { color: #000000; text-decoration: none; background: #dfdfdf; } a:visited.chapnum { color: #000000; text-decoration: none; background: #dfdfdf; } a:hover.chapnum { color: #000000; text-decoration: none; background: #ffdd00; } a:active.chapnum { color: #000000; text-decoration: none; background: #dfdfdf; } .sidelinks { vertical-align: bottom; padding-bottom: 5; } .booktitle { font-family: HEADB; font-size: 22px; line-height: 26px; } .videotitle { font-family: HEADB; font-size: 19px; line-height: 21px; } .bookimg { padding-top: 6; width: 200; } .videoimg { padding-top: 6; width: 200; } .videocomments { font-family: HEAD; font-size: 16px; line-height: 22px; vertical-align: top; text-align: left; padding-left: 10; } .photo { text-align: center; padding-top: 10; } /* ===== DRBO Store Button Override ===== */ .drbo-btn, a.drbo-btn, a:link.drbo-btn, a:visited.drbo-btn { display: inline-block; margin-top: 10px; padding: 10px 18px; background-color: #b00000; color: #ffffff !important; text-decoration: none !important; font-weight: bold; border: 2px solid #900; border-radius: 4px; } a:hover.drbo-btn { background-color: #8e0000; color: #ffffff !important; } a:active.drbo-btn { background-color: #8e0000; color: #ffffff !important; } /* ===== DRBO Audio Bible Homepage Callout — approved final test ===== */ .drbo-audio-callout { clear: both; width: 600px; padding: 4px 0 9px; } .drbo-audio-callout-link, a:link.drbo-audio-callout-link, a:visited.drbo-audio-callout-link { display: flex; align-items: center; box-sizing: border-box; width: 100%; min-height: 42px; padding: 8px 12px; border-top: 1px solid #c9c0b4; border-bottom: 1px solid #c9c0b4; border-left: 4px solid #900; background: #f3f0e9; color: #333; cursor: pointer; font-family: "Times New Roman", Times, serif; text-decoration: none; } a:hover.drbo-audio-callout-link { background: #fffaf0; color: #333; text-decoration: none; } a:focus.drbo-audio-callout-link { outline: 3px solid #900; outline-offset: 2px; } .drbo-audio-callout-icon { flex: 0 0 24px; width: 24px; margin-right: 7px; color: #900; font-size: 17px; line-height: 1; text-align: center; } .drbo-audio-callout-text { display: block; font-size: 15px; line-height: 1.2; white-space: nowrap; } .drbo-audio-callout-action { margin-left: 8px; color: #900; font-weight: bold; text-decoration: underline; } @media screen and (max-width: 640px) { .drbo-audio-callout { width: 100%; } .drbo-audio-callout-link, a:link.drbo-audio-callout-link, a:visited.drbo-audio-callout-link { min-height: 42px; } .drbo-audio-callout-text { white-space: normal; } }