body{ margin:10px 0px; text-align:center; height:101%; font-family:"Times New Roman",times,serif; font-size:.9em; background-color:#300; }
a:link { color: #300; font-weight:bold; }
a:visited { color: #746B5D; font-weight:bold; }
a:hover { color: #900; }
h1,h2,h3{ margin-left:25px; margin-right:25px; }
h1{ font-size: 130%; }
h2{ font-size:115%; margin:25px 25px 15px; }
h3{ text-align:left; margin:25px 33px 15px; }
p,blockquote { text-align:justify; margin: 7px 33px 19px 33px; }
#article #links p:first-letter, .normal:first-letter{ font-size:1em !important; font-weight: normal; margin-left: 0px !important; }
#links p{ margin:0px 25px; }
#article p:first-letter, blockquote:first-letter { font-size:1.2em; font-weight: bold; margin-left: 15px; }
ul{ text-align:justify; margin-right:25px; }
ol{ text-align:left; padding:0; margin: 7px 33px 19px 52px; }
hr{ width:93%; }

#header, #container, #footer{ width:777px; margin:0px auto; }
#header{ height:96px; background-image:url(/images/header.gif); background-repeat:no-repeat; position:relative; }
#container{ overflow:hidden; background:#D2CEC7 url(/images/bg.gif) repeat-y; }
#content{ width:646px; float:left; padding-bottom:12px; line-height:1.4; }
#clear{ height:1px; clear:both; }
#footer{ height:27px; background:transparent url(/images/footer.gif) no-repeat; margin-top:-1px; }
#footer p{ text-indent:-777em; height:27px; margin:0; }

#home{ height:37px; width:450px; cursor:pointer; position:absolute; left:12px; top:33px; text-indent:-100em; overflow:hidden; }

#nav{ position:absolute; height:17px; left:491px; top:51px; }
#nav a{ background:transparent url(/images/nav.gif) no-repeat; display: block; float:left; text-indent:-100em; overflow:hidden; }
#nav a:hover{ background-color:#524C42; }
a#events{ height:17px; width:52px; }
a#symbols{ height:17px; width:65px; background-position: -52px 0px; }
a#numerology{ height:17px; width:81px; background-position: -117px 0px; }
a#news{ height:17px; width:76px; background-position: -198px 0px; }

#subnav{ position:absolute; height:17px; left:490px; /*left:390px;*/ top:31px; }
#subnav a{ background:transparent url(/images/subnav.gif) no-repeat; display: block; float:left; text-indent:-100em; overflow:hidden; }
#subnav a:hover{  }
a#resources{ height:17px; width:80px; }
a#search{ height:17px; width:62px; background-position: -80px 0px; }
a#options{ height:17px; width:65px; background-position: -142px 0px; }
a#help{ height:17px; width:49px; background-position: -207px 0px; }

#comment-result { margin:10px 25px; padding:15px 20px; background-color:#EFEFEF; border:2px solid #746B5D; text-align:left; border-radius:5px; }
#comment-result h2 { margin:0; }
#comment-result h3 { margin:7px 0 2px; font:100% normal inherit; }

#comments { margin:0 25px; text-align:left; overflow:hidden; }
#comments .thread { margin-bottom:10px; padding:0 10px 10px; border:1px solid #BBB; background-color:#DBD8D2; border-radius:5px; _zoom:1; }
#comments .comment { padding:0 0 10px 10px; border-left:2px solid #CECAC2; _zoom:1; }
#comments .first { margin:0; padding:0; border-left:0px; }
#comments .last { padding-bottom:0px; border-bottom:0px; }
#comments .error { color: #900; }

#comments h2 { margin:25px 0 10px; }
#comments h3 { margin:10px 0 2px; font-size:100%; }
#comments .first h3 { font-size:140%; }
#comments cite { font:normal 85% inherit; }
#comments blockquote { margin:10px 0 0; background-color:#EBE8E4; padding:5px 7px; border-radius:2px; }
#comments blockquote:first-letter { font:100% normal inherit; margin:0; }
#comments .replies { margin:10px 0 0; padding:5px 7px; background-color:#D2CEC7; border-top:1px solid #777; text-align:right; }
#comments .replies span { float:left; font-style:italic; }
#comments hr { display:none; }

#comments .full { display:block; text-align:right; margin:7px -7px -5px; padding:3px 7px 5px; border-radius:0 0 2px 2px; }
#comments .full:hover { background-color:#f7f7f7; _zoom:1; }
#comments .loading { background:url(/images/load-comment.gif) no-repeat 540px 7px; text-align: left; text-indent: -100em; outline:0; }

#comments .more { margin: 10px 0 5px; padding:0 0 0px 10px; border-left:2px solid #CECAC2; }

#comments .all { margin:0; }
#comments .all a { display:block; margin:0 0 10px; border:1px solid #BFB8AC; padding:12px 20px 15px; background-color:#DBD8D2; border-radius:5px; }
#comments .all a:hover { background:#eee; }

#comments #comment-box { text-align:center; padding:5px 0 12px; _zoom:1; }
#comment-box:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
#comment-box .msg { float:none; margin:0px 17px 10px 20px; padding:7px 9px; background-color:#D2CEC7; border:1px solid #777; border-radius:3px; }
#comment-box h3 { margin:10px 20px 12px; }
#comment-box label { float:left; margin:0 20px; _display:inline; }
#comment-box label span { font-size:77%; }
#comment-box input.text, #comments textarea { clear:left; width:94%; margin-bottom:10px; }
#comment-box p { margin:-5px 0px 0px 20px; float:left; }
#comment-box input.submit { float:right; margin:-7px 17px 0px 0px; }

#comments-bottom { height:16px; }
#comments-bottom.loading { background:url(/images/load-thread.gif) no-repeat right top; }

#comment-now { display:block; width:55px; height:52px; *height:62px; padding-top:10px; margin:10px 0 0 40px; text-decoration:none; background:url(/images/comment.png) no-repeat; }
#comment-now.fixed { position:fixed; top:0px; }

#sidebar{ position:relative; overflow:hidden; width:127px; float:left; margin-top:7px; background-color:#300; }
#sidebar img, #sidebar .spaced{ margin-bottom:7px; margin-left:7px; text-align:left; border-radius:5px; }
#sidebar a[target=_blank] img{ border-radius:3px; }
#sidebar img#share{ margin:7px 0 15px 8px; }
#sidebox { width:180px; float:right; padding:10px; border: 1px solid #746B5D; border-radius: 3px; font-size:.8em; text-align:justify; background-color: #DBD8D2; margin: 7px 25px 5px 10px; }

.scripture{ text-align:left; padding: 0 50px; font-style: italic; }
.scripture cite{ display:block; font-weight:bold; font-style:normal; }
.after cite{ display:inline; font-style:italic; font-size:100%; white-space:nowrap; }
.scripture ol{ margin: 0px 15px 15px 15px; padding: 12px 25px 0px 25px; text-align:justify; }
div.scripture{ margin: 7px 25px 12px 25px; }
div.scripture cite .verse, p.verses cite .verse{ visibility:hidden; }
p.verse, p.verses { text-align:justify; margin:10px 14px; max-width:370px; _width:370px; }
p.verse:first-letter, p.verses:first-letter{ margin-left: -5px !important; }
p.verse cite, p.verses cite{ font-weight:bold; font-style:normal; }
ol.passagetip { margin: 5px 24px 0px 25px; padding: 5px 0px 0px 30px; text-align:justify; max-width:370px; _width:328px; }

.caption { border-radius:5px; }
.caption cite { display: block; font-size:100%; margin-top:5px; }
.centered{ text-align:center; }
.left{ float:left; margin-right:10px; margin-top:7px; }
.right{ float:right; margin-left:10px; margin-top:7px; }
.clr{ zoom:1; }
.clr:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }

.subhead { color: #000; font-size: 90%; font-weight: bold; margin-bottom:3px; margin-top:10px; }
.nmlink, .nmlink a:link{ font-weight:normal; }
.inline { text-decoration: underline; cursor:help; }
.navtext {
    position:absolute; top:0px; left:0px; visibility:hidden; padding:5px; text-align:left; color:#FFF;
    border:1px solid black; background-color:#756C5E;
}
.navtext .woj, .passagetip .woj { color: #700; /* color: #C30000; */ }
.woj { color: #CC0000; }
.emph { font-weight:bold; }
.searchword { background-color:yellow; }
a.tip{ text-decoration:none; }
a.tip:hover{ text-decoration:underline; }

.term{ padding:12px 17px; margin:7px 25px; border:1px solid #BFB8AC; border-radius:5px; background-color:#E0E0DA; }

.series-nav { margin:7px 33px 10px 27px; padding:10px 10px 10px; border:1px solid #BBB; background-color:#DBD8D2; border-radius:5px; _display:inline; }
.series-nav h3 { margin:0 10px 10px; }
.series-nav li { text-align:left; padding:0px 0px 5px 10px; list-style-type:none; }
.series-nav li.selected { background:transparent url(/images/blt.png) no-repeat 0 .5em; }
.series-nav li.selected a { text-decoration:none; color:#303030; cursor:default; }

#toolTip { position:absolute;z-index:1000;float:left;background:#000;border:1px solid #fff;text-align:left;padding:4px 7px;min-height:1em; }
#toolTip p { margin:0;padding:0;color:#fff;font:11px/12px verdana,arial,sans-serif; }
#toolTip p em { display:block;margin-top:3px;color:#f60;font-style:normal; }

@media (max-width: 600px) {
    body { background:#fff; }
    p, blockquote, #footer p { margin: 10px 2%; line-height:2; text-align:left; }
    #header, #home, #container, #content, #footer{ width:auto; height:auto; background:none; float:none; }
    #home, #nav, #subnav{ position:static; height:auto; margin: 0; padding:0; text-indent:0; }
    #header { border-bottom: 1px solid #ccc; padding-bottom: 10px; margin: 5px 20px; }
    #nav a, #subnav a{ background:none; display: inline; float:none; padding:3px; line-height:1.5em; }
    #subnav #options { display:none; }
    #nav a:hover{ background-color:#fff; }
    img[src="/images/arise.gif"],
    .centered img[usemap] { display: none; }
    #sidebar{ width:auto; float:none; background:#fff; margin:10px 0 0; }
    #sidebar br,
    #comment-now { display:none; }
    #sidebar img { vertical-align: middle; }
    #header h2 { margin: 0 0 5px; }
    #footer p { width:auto; text-indent:0; }
    #content .caption .lt { float:none; width: auto !important; }
    #content .caption .rt { float:none; width: auto !important; margin: 0px auto !important; }
    #content .caption img { max-width: 100%; }
    .scripture { padding: 0 25px; }
    div.scripture { margin: auto 0px; }
    .navtext { background-color: #aaa; left:3px !important; right:3px !important; width: auto !important; border-radius:3px; }
    
    #comments .thread,
    #comments .all a,
    .series-nav,
    #sidebox,
    #content .caption,
    #notice { background-color: #eee; }
    #comments blockquote { background-color: #fefefe; }
    #comment-box .msg,
    #comments .replies { background-color: #ddd; }
}