@charset "utf-8";
/* CSS Document */
.clr{clear:both}
*{margin:0; padding:0; list-style:none; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; font-family:Verdana,Arial,Helvetica,sans-serif;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, select, input, option {margin:0; padding:0; border:0; outline:0; font-size:100%;}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary {display:block}

audio, canvas, video{display:inline-block}
audio:not([controls]) {display:none; height:0}
.audio {display: none; opacity: 0.7; background-color: rgb(162, 48, 33); width: 200px; height: 25px; margin-top: 10px;}
pre {white-space:pre; white-space:pre-wrap; word-wrap:break-word}
q {quotes:none}
q:before, q:after {content:'';}
small {font-size:80%}
sub, sup {font-size:75%; line-height:0; position:relative; vertical-align:baseline;}
sup{top:-0.5em;}
sub{bottom:-0.25em;}

button, input, select, textarea {font-size:100%; margin:0; vertical-align:baseline;}
textarea {overflow:auto; vertical-align:top;}
button, input[type="submit"] {-webkit-appearance:none; cursor:pointer;}
.form input[type="text"] {border: 1px solid #ccc; padding:11px;margin-right:10px;}
/* pink background:#ffddc7; */
:focus{outline:0;}

/* removes ugly border on buttons */
button {padding: 0;border: none;background: none;}

ol, ul{list-style:none;}
caption, th, td{text-align:left; font-weight:normal;}
.gototop {color:#ddb96d;font-size:80%;margin-top:-7px;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}

td {vertical-align:top;}
a {outline:none; cursor:pointer;text-decoration:none;color: inherit;}

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {display:block;}
.clear {clear:both;}
.adsense {text-align:center;margin-left: auto;margin-right: auto;max-width: 730px; max-height: 95px;}
.adsensevert {text-align:center;margin-left: auto;margin-right: auto;max-width: 245px; max-height: 650px;}
.center {text-align:center;}
p {line-height:120%; padding-bottom:25px; color:#000;}
.f_left {float:left;}
.f_right {float:right;}
.underline{text-decoration:underline;}
.textright{text-align:right;}
.white, .white a {color:white;}
.tan, .tan a {color:#ffddc7;font-size:14px;}
.tan a:hover {color:#fff;}
.pad30 {margin-top:30px;}
/* for drop cap for future paragraph view */
.paragraphview:first-child:first-letter {float:left; color:#a23021; font-size:420%; line-height:100%; padding:4px 8px 0 3px;font-family: Georgia;}

/* hack to fix dropcap alignment for Firefox only */
body:not(:-moz-handler-blocked) .paragraphview:first-child:first-letter {
    margin-top: 0.15em;
  }

.paragraphs {line-height: 2.3;}
#div sup {font-size:60%;color:#999;}
h1 {font-size:32px;}
h2 {font-size:26px;}
h3 {font-size:20px;font-weight:normal;}
h4 {font-size:16px;font-weight:normal;}
h5 {font-size:12px;}
@font-face
	{
	    font-family: 'cinzel';
    src: url('../fonts/cinzel.eot');
    src: url('../fonts/cinzel.eot?#iefix') format('embedded-opentype'),
         url('../fonts/cinzel.woff2') format('woff2'),
         url('../fonts/cinzel.woff') format('woff'),
         url('../fonts/cinzel.ttf') format('truetype'),
         url('../fonts/cinzel.svg#cinzel') format('svg');
	font-weight:normal;
	font-style:normal
	}

	




	
	
.bkcol {background:#ffe96c;}
	
body {background:url(../images/gradient.jpg) no-repeat center center fixed; background-repeat:repeat; text-size-adjust: 100%; -webkit-text-size-adjust: 100%;}

.hidebooks {display:none;} /* I'm temporarily disabling all prev and next book navigation to minimize mysql queries */

.stickyhide {display:none;}
/*
input.styled { display: none; } 
select.styled { position: relative; width: 190px; opacity: 0.0; filter: alpha(opacity=0); z-index: 5; } 
.disabled { opacity: 0.5; filter: alpha(opacity=50); }
*/

#div *{font-size: inherit;} /*might be used for font sizer script*/

.colon {color:#dd8d84; width:20px; position:relative; top:8px; float:left; text-align:right;}
.imgfull {width:100%;}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button {opacity:1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100);
 -moz-opacity: 1; -khtml-opacity: 1;}

.fieldpad:not(*:root) {-webkit-appearance:none;} /*safari hack to get pink color on select box, removes arrow though, affects chrome too*/

 
/*** ======================== common ============================= ***/
body, html {height:100%}
header:before, header:after,
.below_header:after, .below_header:before, 
.headertitle:before, .headertitle:after, 
.kjv_image:before, .kjv_image:after, 
#header-main:before, #header-main:after,
.footer_up:before, .footer_up:after, 
.footer_low:before, .footer_low:after, 
.wrapper:before, .wrapper:after {display:table; clear:both; content:"";}

header:after,
.below_header:after, 
.headertitle:after, 
.kjv_image:after, 
#header-main:after, 
.wrapper:before, .wrapper:after {clear:both;}

.wrapper {min-height:100%; margin:0 auto;}
footer, .push {height:70px}
.push2 {padding-bottom:30px;}
.height-20 {height: 20px; width: 100%;}

::-webkit-input-placeholder {color:#655f4a;}
:-moz-placeholder {color:#655f4a;}
::-moz-placeholder {color:#655f4a;}
:-ms-input-placeholder {color:#655f4a;}


/*** ================================ header ================================ ***/
.und:hover {text-decoration:underline;color:white;}
.center {text-align:center;}
.cinzel {font-family:"cinzel",Georgia,"Times New Roman",Times,serif;}
.main {width:1009px; margin:0 auto;}
/*.header {background:url(../images/kjv-bible.jpg) no-repeat center -127px; background-position:top 63px center;}*/
/*.right-arrow {background: url("../images/images.png") no-repeat scroll -124px -74px; display:inline-block; height:17px; width:11px;}*/
.trivia {padding-bottom:20px;}
/*.fontsize {font-size:130%;}*/
.bk {background:url(../images/kjv-bible.jpg) center top; height:187px;background-position: center -64px;}
/*#header-main p {padding:30px 0; text-align:center; color:#fff; font-size:26px;}*/
#header-main h2, #header-main h3 {margin-bottom:0}
#mid-container {width:100%; color:#000;}
#header-main .top_header {position:absolute; width:1009px;}
#header-main .kjv_logo {float:left;}
#header-main .kjv_logo a {background:url(../images/king-james-bible-online.png) no-repeat; width:147px; height:139px; display:block; text-indent:-999999px;}
#header-main .header_menus {float:left; margin-left:80px}
#header-main .header_menus li {float:left}
#header-main .header_menus li a {color:#ddb96d; padding:0px 19px; margin:22px 0px; float:left; background:url(../images/right_border.png) right no-repeat; font-size:15px; font-weight:bold;}
/* Safari 2 - 3.1 */
@media screen and (-webkit-min-device-pixel-ratio:0) {
::i-block-chrome, #header-main .header_menus li a, .check_boxes .my_options h4, .right_panel .bible_options .title {font-weight: normal;}
::i-block-chrome, .big_select select {line-height:31px !important;}
}

#header-main .header_menus li a:hover {color: #ffddc7; transition: all 0.35s ease 0s;}
#header-main .header_menus li a#nav5 {background:none;}

#header-main .size11 {font-size:11px;}
#header-main .size12 {font-size:12px;font-weight:bold;}
#header-main .right_image {background:url(../images/images.png) 0px 0px no-repeat; width:85px; height:53px; overflow:hidden; float:right;  padding-left:3px;padding-top:14px; padding-right:14px; text-align:center; position:relative; top:-6px; color:#ffffff;}
#header-main .right_image a {line-height: 12px; text-decoration:none; color:#fff;}
#header-main .right_image a:hover {color: #ddb96d;}




.headertitle {color:#52111e; display:inline-block; vertical-align:middle; text-align:left;position:absolute; margin:99px 0 0 245px; z-index:1;}
.headertitle h1{font-weight:900; font-size:42px;margin-bottom:0px;text-shadow: 2px 2px #ccc;}
.headertitle h2{font-size:16px; font-weight:normal;margin-top:-5px;}

/* this is because some book names are short and this fills it out more*/
.letterspace1 {letter-spacing:5px;}
.letterspace2 {letter-spacing:10px;}
.letterspace3 {letter-spacing:20px;}

#header-main .kjv_image {float:right;  margin-top:65px; margin-left:15px; width:264px; height:136px;}
.kjv_image > img {width:100%;height: auto;}
/*** ================================ search ================================ ***/
.inline {display:inline;}
.input_wrapped {float:left; position:relative; width:392px;}
form .submit_me {font-size:17px; border:none; padding:4px 16px 4px; background-color:#830c0c; color:#fff;
text-align:center; border-bottom:solid 3px #640000; position:relative; border-radius:4px; padding-top:8px;}
.left_search form .submit_me {margin-left: 10px;}
.right-arrow {background: url("../images/images.png") no-repeat scroll -124px -74px; display:inline-block; height:17px; width:11px;}

/* verse page */
.versemain {text-align:center;font-size:28px;color:#333;padding:0 40px 0 40px;}
small {font-size:18px;font-family: "cinzel", Georgia,"Times New Roman",Times,serif;}
.georgia, .georgia em {font-family:Georgia,"Times New Roman",Times,serif;}
.subhead, .subhead a {font-size:18px;font-family: "cinzel", Georgia,"Times New Roman",Times,serif;color:#a10004;}

.linebelow {border-bottom: thin dotted #a10004;}
.spacing{letter-spacing:6px;}

#fontsizehide {display:none;}

/* search area */
.tancolor {color:#e9afa7;letter-spacing:1px;font-size:16px;}
.smallitalics, .chapverse {color:#e9afa7; font-size:11px;}



.search_options .left_search {float:left; width:48%; margin:0 0 0 10px;}
.search_options .right_search {float:right; width:50%;}
.search_options {background:#a23021; padding:15px 0px 20px 0px; border-style:solid; border-top-color:#996633; border-top-width:1px; border-bottom-color:#7d0000; border-bottom-width:2px;}

/*can change color of search field */
.search_options input[type=text] {background-color:#ffddc7; padding:0px 10px 0px 10px; height:36px; width:100%; color:#655f4a; font-size:17px; border-radius:5px;}
.search_options input[type="number"] {width: 43px;}/*width of chapterverseinput fields*/

input[type="radio"] {height:1.7em;}/*makes radio buttons larger*/

.right_search form {float:right; width:453px;}
form .big_select {width: 245px;}

.sticky {left: 0; position: fixed; top: 0; width: 100%;z-index: 9;}
.left_search input {text-indent: 30px;}/*indent to start text to the right of search icon*/
.search_icon::before {background: url("../images/images.png") no-repeat scroll -6px -64px; bottom: 9px; content: ""; display: block; height: 22px; left: 8px; position: absolute; width: 22px;}

/*can change color of book select field */
/*
.big_select select {background-color: #ffddc7; border-radius: 4px; color: #655f4a; font-size: 16px; font-weight: 300; height: 36px;
margin: 0; outline: medium none; padding: 8px; position: relative; width: 100%;}
*/

.big_select select, #chapters, #verses {background-color: #ffddc7; border-radius: 4px; color: #655f4a; font-size: 16px; font-weight: 300; height: 36px; margin: 0; outline: medium none; padding-left: 5px; /*changes spacing by arrow*/ position: relative; width: 100%;padding-right: 10px;
background: #ffddc7 url("../images/arrow.gif") no-repeat 95% 50%;-webkit-appearance:none;
    -moz-appearance: none;
    appearance: none;
}

.big_select select::-ms-expand, .chapterz select::-ms-expand {
    display: none; /*this removes the default arrow on IE10*/
}

#chapters, #verses {margin-top: 7px;width:55px;background-position: 88% 50%;/*this overrides the previous setting- so keep this below*/}













.chapterverseinput {background:#ffddc7; border-radius:4px; cursor:pointer; float:left; height:36px; margin-left:5px; padding:0; text-align:center;}
.right_search form .submit_me:hover, .left_search form .submit_me:hover{background:#cf870d; border-bottom:solid 3px #333; transition:all 0.4s;}
.right_search form .submit_me {margin-left:10px;}
.lt-margin {margin: 0 0 0 10px;}


.search_options .fieldpad {
    margin-top:8px;/* was 5, changed to work with google pagespeed*/
}





/*** firefox **
@-moz-document url-prefix() { 
.chapterverseinput, .big_select select, .search_options input[type=text]  {
	height:39px;
  }
}*/

/*** ./ firefox ***/
/*.search_options input[type=text].chapterverseinput {width:20px; background-image:none;}*/
.commment_form input {border: 1px solid #a23021; float: left; margin-right: 1%; padding: 4px 7px; width: 48%;}
.commment_form input.full-width {margin-top:10px; width:100%;}
.commment_form input.no-margin {float:right; margin-bottom:0; margin-right:0;}

.dottedborder {border: 1px dotted #a23021;background-color:#fff;padding:30px;border-radius:10px;}
/*.dottedborder2 {border: 1px dotted #a23021;border-radius:10px;}*/
.no-margin {margin-bottom: 20px; margin-top: 0;}
.main .left-panel {float:left; width:750px;}
.book_reader {background-color:#fff;}
.left-panel .book_reader {position: relative;}
.book_reader .previous {cursor: pointer; height: 100%; left: 0; position: absolute; top: 0; width: 30px;}
.book_reader .previous {float: left;}
.book_reader .next {cursor: pointer;height: 100%;position: absolute;right: 0;top: 0;width: 30px;}
.book_reader .next {float:right;}
.book_reader .previous:hover .previous_btn {background: url("../images/images.png") no-repeat scroll -174px 217px #d6d2cb;}
.book_reader .previous .previous_btn {display: block; height: 100%; width: 30px;}
.book_reader .next:hover .next_btn {background: url("../images/images.png") no-repeat scroll -144px 217px #d6d2cb;}
.book_reader .next a.next_btn {display: block; height: 100%; width: 30px;}
.main .left-panel .chapters_div {background:#e8e4dc; padding: 0 30px;}
.chapters_div_in .header_div {background:#a23021; border-radius: 5px; padding: 14px 13px; text-align:center;}
/*.chapters_div_in .header_div .title, .chapters_div_in .header_div .left_buttons {float: left; }*/
.chapters_div_in .header_div .left_buttons {line-height:normal; position:relative; top:9px;}
.chapters_div_in .header_div .right_buttons {line-height:normal; position:relative; top:9px;}

/* this changes navigation button background */
.chapters_div_in .header_div a, .footer_div a.btn, .con_footer_div a.btn {background:#fff5e2; border:1px solid #e6dac0; border-radius:3px; color:#655f4a; display:inline-block; font-size:14px;padding:7px;}
.social_share .share_button {background-color: #f4f2ed;border: 1px solid #eae7de;display: inline-block;font-size: 19px;padding: 4px 6px 5px;}
.right_buttons a:hover, .middle_buttons a:hover, .left_buttons a:hover, .header_div a:hover {background:#7d0000; color:#fff; border:1px solid #7d0000; transition:all 0.35s;}





.chapter {font-size: 28px;position:relative;top:-5px;}

.bx-wrapper {background:#fff; margin:0 auto; padding:5px; position:relative;}


.bxslider .in_slider {color:#000000; padding:30px 40px;}
.bxslider .in_slider #div {margin-left:23px; padding-bottom:15px; position:relative;}
.bxslider .in_slider #div .versehover {left: -21px; position: absolute;}
.bxslider .in_slider #div p {margin-left:21px;/*font-family:Georgia,"Times New Roman",Times,serif;*/font-size:110%;}/*affects body text*/
.bxslider .in_slider #div p .versehover {color:#a23021; font-weight:bold; padding-right:10px;}

/*
.bxslider .in_slider {color:#000000; padding:30px 40px;}
.bxslider .in_slider #div {margin-left:20px; padding-bottom:15px; position:relative;}
.bxslider .in_slider #div span {left: -18px; position: absolute;}
.bxslider .in_slider #div p {margin-left:18px;font-size:110%;}
.bxslider .in_slider #div p span {color:#a23021; font-weight:bold; padding-right:7px;}
*/

/*this makes the verse number link hover effect on the chapter.php page */
.versehover a {color: #fff; text-decoration: none; transition: all 0.35s ease 0s;}
.versehover:hover {color: #333 !important;text-decoration:underline;}

.jesustoggle:hover{text-decoration:underline;cursor:pointer;}
.red {color:#a10004;}
.jesus, .bred{color:#be1718;}/*was: #be1718 */
.bold {font-weight:bold;}
.highlight {background:#fff9da;color:#a23021;}
.help {cursor: help;}

.footer_div {background:#ffffff; padding:40px 30px 15px;}
.left_buttons {float: left;}
.right_buttons {float: right;}

.social_share {border-top:1px solid #f4f2ed; clear:both; margin-top:25px; padding-top:20px; text-align:center; width:100%;}
.chapters_div_in .social_share a.share_button {background-color:#f4f2ed; border:1px solid #eae7de; display:inline-block; font-size:19px; padding:4px 6px 5px;}
.chapters_div_in .social_share a.share_button:hover {background-color: #eae7de;border: 1px solid #eae7de;}
.iconshare {background:url("../images/images.png") no-repeat scroll -212px -38px; float:left; height:20px; width:20px;}
.social_share span {position:relative; top:-9px;}

.left-panel .red_sections {background:#a23021; border-radius:4px; color:#ffffff; font-size:18px; margin-bottom:6px; padding:20px 40px;}
.red_sections.less-padd {padding: 15px 40px;}
.left-panel .red_sections .greater {font-size: 24px;}
.red_sections .text {font-size:100%; font-weight:normal; margin-bottom:0;}
.red_sections .button {float: right;}
a.click_here {transition:all 0.35s ease-in-out; background:#7d0000; color:#ffffff; font-size:12px; border:0; padding:9px 15px; border-radius:4px; border-bottom:solid 3px #640000; position:relative; top:2px;}

#showcomments, #showcommentstwo, #showdiscussion {background:#ffffff; color: #897878; display: none; font-size: 14px; padding:10px 0; margin-bottom: 10px;}

/*below is experiment to get user preference to show visible as default, delete code if doesn't work*/
#showcommentsvisible, #showcommentstwovisible, #showdiscussionvisible {background:#ffffff; color: #897878; font-size: 14px; padding:10px 0; margin-bottom: 10px;}

#showcomments, #showcommentstwo, #showcommentsvisible, #showcommentstwovisible {padding:40px;}
.main .comments_sections {padding:15px;}
.main .comments_sections {background:#ffffff;}
.main .comments_sections li {border-bottom: 1px solid #dadada; padding: 15px 20px;}
.main .comments_sections li .left {float:left; width:10%;}

.rounded {border-radius:100px; color:#ffffff; display: inline-block; font-size: 8px; font-weight: bold; height: 48px; line-height: 1; min-width: 10px; padding: 6px 8px; text-align: center; vertical-align: baseline; white-space: nowrap; width: 48px;}
.rounded .number {font-size: 15px;margin-bottom: 4px;}
.rounded span {display: block; margin-bottom: 0;}

.main .comments_sections li .right {float:left; width:90%;}
.main .comments_sections li:hover {background:#fff5e2; cursor: pointer;}
.que, .que a {font-size:14px;font-weight:bold;color: #7c6b46;}
.ans {font-size:14px;color: #897878;}
.commment_form {display: none; margin-top: 10px;}

.reply_flag {color: #999; font-size: 12px; margin-top: 10px; text-align: right; visibility: hidden;}
.main .comments_sections li:hover .reply_flag {visibility: visible;}
.reply_flag span {background:#333333; border-radius: 3px;color: #ffffff; margin-left: 10px; padding: 3px 10px;}
.reply_flag span a {color: #ffffff;}

.second_level .inner-margin {margin-left: 87px;}
.third_level .inner-margin {margin-left: 150px;}
.orange {background:orange;}
.brightred {background:red;}
.darkred {background:#8c3639;}
.lightred {background:#835e58;}
.bronze {background:#837558;}
.gray {background:#848079;}
.gray2{background:#999;}
.lightgray {background:#aaa;}
.graytxt{color:#999;}

.contact_form {margin: 30px auto; width: 95%;}
.form_inputs {margin-bottom: 15px;}

/*
.form_inputs span input.username {background-image: url("../images/images.png"); background-position: -204px 0px; background-repeat: no-repeat; padding-left: 40px;}
/*these weird heights and positions are for android- sprite gets messed up easily and this seems to work on all currently. don't change values*/
/*.form_inputs span input.user_email {background-image: url("../images/images.png"); background-position:-204px -68px; background-repeat:no-repeat; padding-left:40px; text-align:left;}
*/
.form_inputs span input.username {background-image: url("../images/images.png"); background-position: -204px 2px; background-repeat: no-repeat; padding:8px 3px 7px 40px;}
/*these weird heights and positions are for android- sprite gets messed up easily and this seems to work on all currently. don't change values*/
.form_inputs span input.user_email {background-image: url("../images/images.png"); background-position:-204px -68px; background-repeat:no-repeat; padding:8px 3px 6px 40px; text-align:left;}


.form_inputs span input {background-color: #ffffff; border: 1px solid #e4dcce; font-size: 14px; padding: 14px 10px 14px 0; width: 100%;}
.form_inputs textarea {border: 1px solid #e4dcce; font-size: 14px; height: 100px;padding: 13px; resize: none; width: 100%;}
textarea {overflow: auto; vertical-align: top;}
#contact-form .error.meme {color: #900;display: block;font-size: 12px;margin-top: 3px;}
.dib {display: inline-block;}
.fix_width {vertical-align:baseline; width:90%;}
.form_inputs_submit span.img {background:#9c0000; border-bottom: 3px solid #5a0f0f; border-radius: 4px 0 0 4px; cursor: pointer; padding: 9px 12px;}
.form_inputs_submit span.input {background:#7d0000; border-bottom: 3px solid #5e0000; border-radius: 0 4px 4px 0; padding: 11px 30px;}
.form_inputs_submit span.input input {background:#7d0000; color: #ffffff; font-size: 15px;}
.form_inputs_submit span {display: table-cell;}
.con_footer_div{padding:20px 0px; border:dashed 2px #dcd7cd; border-left:0px; border-right:0px; margin:0px auto; width:95%;}
a.click_here:hover{background:#fff5e2;border:0;border-bottom:solid 3px #655f4a;color:#655f4a}
.form_inputs_submit span.input:hover > input{background:#9c0000;color:#ffffff;transition:all 0.35s;cursor: pointer;}
.form_inputs_submit span.input:hover {background:#9c0000;border:0;border-left:0px;border-bottom:solid 3px #5a0f0f;color:#655f4a;transition:all 0.35s;
cursor:pointer;}

/*** right col ***/
.main .right_panel {width:245px; float:right;}
.right_panel .bible_options {background:#a23021; border-radius: 4px; padding: 15px 20px;margin-bottom:30px;}
.right_panel .bible_options .title {color: #ffffff; font-size: 16px; margin-bottom: 10px;}
.right_panel .bible_options li {border-bottom: 1px solid #cf870d; padding: 10px 0;color: #fff;font-size: 13px;}
.right_panel .bible_options li:last-child {border-bottom: 0 none;margin-bottom: 0;padding-bottom: 0;}
.right_panel .bible_options li span {float:left; height:19px; margin-right:10px; text-align:center; width: 30px;}
.right_panel .bible_options li a {border-radius: 3px; color: #fff; text-decoration: none; padding: 3px 10px;transition: all 0.35s ease 0s;}
.right_panel .bible_options li a:hover {background:#ffddc7; color: #88630f;}

.bible_ic {height: 17px;}
.printicon {background: url("../images/images.png") no-repeat scroll -112px -3px;}
.bible_ic2 {background: url("../images/images.png") no-repeat scroll -85px -22px;}
.shareicon {background: url("../images/images.png") no-repeat scroll -113px -23px;}

/*.bible_options li span.sharee {display: inline-block; text-align: left; width: auto;}*/
.bible_options ul.social-sec li a {padding:3px 4px;}
.bible_options ul.social-sec li a.fb, .bible_options ul.social-sec li a.tw, .bible_options ul.social-sec li a.gp {padding:8px 2px 0;}



.f {background: url("../images/images.png") no-repeat scroll -37px -60px;}
.f:hover {background: url("../images/images.png") no-repeat scroll -37px -77px; cursor: pointer;}
.t {background: url("../images/images.png") no-repeat scroll -64px -60px;}
.t:hover {background: url("../images/images.png") no-repeat scroll -64px -77px; cursor: pointer;}
/*.p {background: url("../images/images.png") no-repeat scroll -92px -59px;}
.p:hover {background: url("../images/images.png") no-repeat scroll -92px -76px; cursor: pointer;}
*/
.g {background: url("../images/images.png") no-repeat scroll -42px -100px;}
.g:hover {background: url("../images/images.png") no-repeat scroll -59px -100px; cursor: pointer;}


.icon_p {background: url("../images/images.png") no-repeat scroll -84px -98px;}
.icon_j {background: url("../images/images.png") no-repeat scroll -113px -98px;}
.icon_pll {background: url("../images/images.png") no-repeat scroll -5px -98px;}

.social_ic {display: inline-block; height: 17px; width: 17px;}

.bible_ic4 {background: url("../images/images.png") no-repeat scroll -107px -40px;}
.bible_ic5 {background: url("../images/images.png") no-repeat scroll -84px -2px;}

.sidebar_image {margin-bottom:30px;width:245px;text-align:center;}
.sidebar_image .txt {color: #b4a892;font-size: 16px; font-style: italic;text-align:center;}

.check_boxes .my_options {background:#a23021; border-radius: 4px; padding: 25px 20px; margin-bottom:30px; color:#ffffff;}
.check_boxes .my_options .Questions {font-size:16px; margin-bottom:20px;}
.check_boxes .my_options .answers {margin:30px 0px; display:table;}
.answers ul {margin-bottom: 33px;} 
.answers li {float: left; font-size: 13px; line-height: normal; margin-bottom: 18px; width: 100%;}
.radio {clear:left; display:inline-block; height:14px; vertical-align:bottom; width:20px;}
.red_btn span.img {background:#841616; border-bottom: 3px solid #5a0f0f; border-radius: 4px 0 0 4px; padding: 9px 12px;}
.red_btn span {display: table-cell;}
.red_btn span.txt {background:#7d0000; border-bottom: 3px solid #550000; border-radius: 0 4px 4px 0; color: #ffffff; font-size: 13px; font-weight: bold;padding: 9px 15px;}
.red_btn span.txt:hover{background:#841616; border:0; border-bottom:solid 3px #5a0f0f; transition:all 0.35s;}
.radio_sel_error span {color: #ff0;font-size: 12px;}

.footer_up
	{
	background:#a23021;
	background:-moz-linear-gradient(top, #a23021 0%, #430000 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #a23021), color-stop(100%, #430000));
	background:-webkit-linear-gradient(top, #a23021 0%, #430000 100%);
	background:-o-linear-gradient(top, #a23021 0%, #430000 100%);
	background:-ms-linear-gradient(top, #a23021 0%, #430000 100%);
	background:linear-gradient(to bottom, #a23021 0%, #430000 100%);
	/*filter:progid:DXImageTransform.Mic.social_icrosoft.gradient(startColorstr='#a23021', endColorstr='#430000', GradientType=0);*/
	}
	

.footer_up .main {padding-bottom: 50px; padding-top: 80px;background: url("../images/right_border.png") repeat-y scroll center;position: relative; }
/*.footer_up .main {background: url("../images/vertical_border.png") no-repeat scroll center 110px;padding-bottom: 50px; padding-top: 80px; position: relative;}
*/
/*{background:url(../images/kjv-bible.jpg) center top -64px; height:187px;}*/


.footer_up .footer_logo {/*background: url(../images/images.png) no-repeat scroll 0px -122px;*/width: 115px;height:104px;background-color:red;left:50%; margin-left: -57.4px; position: absolute; text-align: center; top: -7px;  background: url(../images/images.png) no-repeat scroll 0px -122px;}
.footer_up .footer_right, .footer_up .footer_left {float: left;}
.footer_left .menus, .footer_left .inspirational {float: left;}
.footer_left .inspirational {width: 173px;}
.footer_left .menus {margin-right: 50px; width: 220px;}
.footer_left .inspirational .my_image {text-align: center;}
.footer_right .menus .title, .inspirational .title, .footer_left .title {background: url("../images/below_border.png") no-repeat scroll left bottom; color: #ffffff; font-size: 16px; margin-bottom: 10px; padding-bottom: 10px;}
.footer_right ul li::before, .footer_left ul li::before {color: #98552b;content: "\25B8";font-size: 18px; left: 0; position: absolute;}
.footer_right ul li, .footer_left ul li {color: #98552b; content: "\25B8"; font-size: 18px; padding-left: 15px; position: relative;margin-top: 10px;}
.footer_right ul li a, .footer_left ul li a {color: #ddb96d; font-size: 14px;}
.footer_right ul li a:hover, .footer_left ul li a:hover {color:#ffddc7;}

/*.inspirational .yellow_btn {margin-top: 10px;}
.yellow_btn a{display:block; width:166px; margin:7px 0 0 4px; background: url(../images/images.png) no-repeat scroll -204px -103px; background-color:#f3ab0b; font-weight:bold; height:24px; border:none; border-radius:4px; box-shadow:0px 3px 0px #a57407; padding:5px 15px 8px 31px; font-size:12px; color:#000; text-decoration:none;}
.inspirational .yellow_btn span.txt {float:left; font-size:11px; line-height:16px; text-align:center;text-shadow:0 1px #ccc; width:134px;}
.yellow_btn a > .img{display:none}*/

.footer_up .footer_right {background:none; float:right; padding-right:0;}
.footer_right .menus {float: left; width: 215px;}
.footer_right .menus.right {float:left; margin-left:10px;}

/*#header-main {background:url(../images/kjv-bible.jpg) center top -64px; height:187px;}*/
footer {background-color:black;margin-bottom:0;padding-bottom:0;}
.footer_low {background:url(../images/kjv-bible.jpg) repeat-x center top 0px; margin:0px; display:block;height:42px;background-color:black;padding-top: 39px;padding-bottom:24px;border-bottom: 5px solid #210102;}




.footer_low .right, .footer_low .left {color: #ddb96d;font-size: 11px;}
.footer_low .right {float: right;margin-top:-5px;}
.footer_low .right div, .footer_low .right ul {float: left;}
.footer_low .right ul {line-height:0; margin-bottom:0; padding:0 20px;}
.footer_low .right ul li {display: inline-block;}
.footer_low .right ul li a {color:#e64f5a; font-size:17px; padding:4px;}
.footer_low .left {float: left;margin-top:-5px;}

@media screen and (max-width:1030px) {
#header-main .header_menus {margin:0px;}
.main {width:100%; padding:0px 10px;}
.main .left-panel {float:none; width:100%;}
.main .right_panel {float:none; width:100%;} 
.footer_up .footer_right, .footer_up .footer_left {margin-top:30px; width:50%;}
.footer_left .menus {width: 50%; margin-right:0px;}
.footer_right .menus {margin-left:6%; width:46%;}
.footer_right .menus.right {margin-left:2%;}
#header-main .top_header {width:98%;}
.chapters_div_in .header_div {text-align:center;}
.right_panel .bible_options, .sidebar_image, .check_boxes {float: left; margin-top: 20px; padding: 0 10px; width: 33.3333%;}
.right_panel .bible_options {padding:25px 20px;}
.sidebar_image {padding: 0 0 0 10px;}
.image, .image > img {max-width: 100%;}
.con_footer_div {margin-bottom:20px;}
#nav1, #nav2, #nav3, #nav4, #nav5 {display:block;}
#fontsizehide {display:block;}
}

@media screen and (max-width:1000px) {
.input_wrapped {width:80%;}
.right_search form, .left_search > form {width:100%;}
form .big_select {width:50%;}
.footer_right ul li, .footer_left ul li {margin-top: 15px;}
}

@media screen and (max-width:990px) {
.headertitle {margin:99px 0 0 24%;}
}

@media screen and (max-width:900px) {
.headertitle h1 {font-size:34px;}
#nav5 {display:none;}
#header-main .header_menus li a#nav4 {background:none;}
}

@media screen and (max-width:850px) {

.left-panel .red_sections {padding: 20px;}
/*.headertitle {margin:103px 0 0 26%;}*/
.hide {display:none;}
form .big_select {width:35%;}
}

@media screen and (max-width:800px) {
#header-main .kjv_logo a {
    background-size: contain;
    height: 100px;
    max-height: 100px;
    max-width: 100px;
}

#nav4  {display:none;}
#header-main .header_menus li a#nav3 {background:none;}
.kjv_image > img {width:80%; position:relative; top:10px;}
#header-main .kjv_image {height:auto; margin:60px 0 0; text-align:right;}

.headertitle h1 {font-size:32px;}
.headertitle h2 {font-size: 14px;}
.chapters_div_in .header_div a, .footer_div a.btn, .con_footer_div a.btn {padding:7px 5px;}
#header-main {height:auto;min-height: 170px;}
}

@media screen and (max-width:767px) {

.header {background-position:center 63px;}
.headertitle {margin: 103px 0 0 0px; width:75%; text-align:center;}






.input_wrapped {width:78%;}
.chapters_div_in .header_div .left_buttons, .right_buttons, .left_buttons {text-align:center;}
.chapters_div_in .header_div a, .footer_div a.btn, .con_footer_div a.btn {margin-bottom:10px;}
.social_share span {top: -22px;}

.book_reader .next, .book_reader .previous, .book_reader .next, .book_reader .previous {display:none;}
.main .left-panel .chapters_div {padding:0px;}
.main .comments_sections li {padding: 15px 6px;}
.main .comments_sections li .left {width:50px;}
.main .comments_sections li .right {width:90%; float:right;}
.comments_sections li.second_level .inner-margin,
.comments_sections li.third_level .inner-margin {margin-left:0px;}
.bxslider .in_slider {padding:30px 10px;}
.bxslider .in_slider #div p {margin-left:10px;}



.right_panel .bible_options, .sidebar_image, .check_boxes {float:none; padding:15px 10px; width:100%;}
.check_boxes .my_options {padding:20px;}
/*.image > img {width:auto;}*/
.footer_low {padding-bottom: 22px; padding-top: 38px;}
.footer_up .main {background:none;}
.footer_up .main {padding-top:120px;}
.footer_right .menus .title, .inspirational .title, .footer_left .title {margin-top:20px; background-repeat: repeat-x;}
.footer_up .footer_right, .footer_up .footer_left {float:left;}
.footer_right .menus, .footer_left .inspirational, .footer_right .menus, .footer_left .menus {width:96%; margin:0px; min-height:300px;}
.footer_left .inspirational .my_image {text-align:left;}
.google_adds, .con_footer_div {margin-bottom: 20px;}

.btn.pre_chap > span, .btn.next_chap > span {display:inline-block;}
}

@media screen and (max-width:750px) {
/*.headertitle {margin:103px 0 0 31%;}
*/
body {background:none;background-color:#f3f2ed;}
.footer_right ul li, .footer_left ul li {margin-top: 20px;}

}
@media screen and (max-width:700px){

.search_options .left_search, .search_options .right_search, .right_search form {float:none; width:100%; margin:0px;}
.search_options .left_search {margin-bottom: 20px;}
/*trent*/
.search_options .right_search form .big_select {width: 58%;}
/*form .big_select {width:49%;}*/
.input_wrapped {width:78%;}
.sticky{position: static;}
.scrollhide{display:none;}

}

@media screen and (max-width:640px){
.headertitle h1 {font-size: 27px;}
.kjv_image > img {width:65%;margin-top:15px;}
/*.headertitle {margin: 103px 0 0 20%;}*/
#header-main {min-height: 170px;}
}

@media screen and (max-width:600px) {
.main .comments_sections li .right {width: 88%;}
.headertitle h2 {overflow:hidden;}

.search_options .right_search form .big_select {width: 54%;}



/*.red_btn span.img {float:left;}
.red_btn span.txt {padding: 11px 15px;}*/
.btn.pre_chap > span, .btn.next_chap > span, .btn > span {display:none;}
.btn.pre_chap {margin-left: 10px;}
.btn.next_chap {margin-right: 10px;}
.chapters_div_in .header_div a, .footer_div a.btn, .con_footer_div a.btn {padding:7px 10px;}
#nav3  {display:none;}
#header-main .header_menus li a#nav2 {background:none;}
}
@media screen and (max-width:530px) {
/*.chapters_div_in .header_div .left_buttons, .chapters_div_in .header_div .title {float:left;}
.chapters_div_in .header_div .right_buttons {float:right;}
.chapters_div_in .header_div .title {width:50%; text-align:center;}
.chapters_div_in .header_div .left_buttons, .chapters_div_in .header_div .right_buttons {width:25%;}
.chapters_div_in .header_div .left_buttons {text-align:left;}
.chapters_div_in .header_div .right_buttons {text-align:right;}*/
.kjv_image > img {width:50%;margin-top:25px;}

}

@media screen and (max-width:500px) {
.versemain {font-size:24px;padding:0 25px 0 25px;}

.red_sections .button {width:100%; text-align:center;}
.footer_up .footer_right, .footer_up .footer_left {width:100%;}
.footer_right .menus, .footer_left .inspirational, .footer_right .menus, .footer_left .menus, .footer_right .menus.right {width:100%; margin:0px; min-height:inherit;}
.menus li {display:block;}
.main .comments_sections li .right {width: 80%;}

/*.headertitle {margin: 103px 0 0 0px; text-align:right; width:54%;}*/
}
@media screen and (max-width:480px) {
.search_options .right_search form .big_select {width: 42%;}

.headertitle h1 {font-size: 24px;text-shadow:none;}
.headertitle {margin: 20px 0 0 20%; text-align:center; line-height:23px;}
#header-main {height:auto;min-height: 70px;}
#header-main .kjv_logo a {height:60px; margin-bottom:4px;}
#header-main .header_menus li a#nav1 {background:none;}

.kjv_image > img {width:50%;}
.hidebooks {display:none;}
#nav2, #nav1 {display:none;}

.footer_low .right, .footer_low .left {float: none; text-align: center; width: 100%;}
.footer_low .right ul {display:inline-block; text-align:center; float:none;}
.footer_low .right div {display:none;}
.footer_low .right ul {float:none;}

/*hide to prevent load time of slow mobile devices*/
.kjv_image {display:none;}
.bk {background:none;
background:#fff;
	background:-moz-linear-gradient(top, #fff 0%, #ffddc7 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #ffddc7));
	background:-webkit-linear-gradient(top, #fff 0%, #ffddc7 100%);
	background:-o-linear-gradient(top, #fff 0%, #ffddc7 100%);
	background:-ms-linear-gradient(top, #fff 0%, #ffddc7 100%);
	background:linear-gradient(to bottom, #fff 0%, #ffddc7 100%);}
.footer_low {background:none;background-color:#210102;}/*removes texture footer*/

}

@media screen and (max-width:420px) {
.versemain {font-size:20px;padding:0 15px 0 15px;}
.main .comments_sections li .right {width: 76%;}
#header-main .kjv_logo a {height:50px; margin-bottom:4px;}
h3, h3 .chapter  {font-size:16px;line-height:22px;}

.dottedborder {padding:30px 15px 30px 15px;}
.lt-margin {margin-left:4px;}
.btn.pre_chap {margin-left:0px;}
.btn.next_chap {margin-right:0px;}
#header-main .header_menus {margin-left:-40px;}
#header-main .header_menus li a {background:none;}
#header-main .header_menus li a {font-size:12px;margin-right:0;padding-right:0;}
.headertitle {line-height:22px;}
.headertitle h1 {font-size: 19px;}
.headertitle h2 {font-size: 12px;}
.kjv_image > img {width:35%;}
.search_options .right_search form .big_select {width: 36%;}

}

@media screen and (max-width:335px) {
#header-main .right_image {display:none;}
.headertitle {width:100%;margin-left:10px;}
.versehide {display:none;}
.search_options .right_search form .big_select {width: 42%;}
}


@media screen and (max-width:319px) {
.input_wrapped {width:70%;}

.chapverse {font-size:9px;}
.chapters_div_in .header_div .left_buttons, .chapters_div_in .header_div .right_buttons {top:4px;}


/*.main {padding:0;} for template, not for verse or chapter */

.image > img {width:100%;}
.red_btn span.txt {padding:11px 8px;}
.form_inputs_submit span.input {padding: 11px 15px;}
.left-panel .red_sections .greater {font-size: 16px;}
.reply_flag span {padding: 3px 6px;}
.right_panel .bible_options li span {margin-right:2px;}
/*#header-main .right_image {right:-16px; width:auto;}*/
/*#header-main .top_header {position:relative; width:96%;}
#header-main {height:auto;min-height:0px;}*/
/*.below_header {display:none;}
.header {background:none;}*/
.hide300 {display:none;}

.smallitalics {font-size:10px;letter-spacing:0px;}




}
@media screen and (max-width:300px) {
/*#header-main .right_image {display:none;}*/
/*form .big_select {width:45%;}*/
.f_left a {display:none;}

}
@media (max-height: 600px) and (max-width:676px){
/*.left_search{display:none;}*/
.search_options .left_search, .search_options .right_search, .right_search form {float:none; width:100%;}
form .big_select {width:50%;}
body {background:none;background-color:#f3f2ed;}
}
@media (max-height: 600px) {
.sticky{position: static;}
}