@media print
    {
    div#main a:after,
    body.printer a:after
        {
        content: " <" attr(href) ">";
        font-family: Courier new, Courier, monospace;
        text-decoration: none;
        }
    div#main a[href^="/"]:after,
    body.printer a[href^="/"]:after
        {
        content: " <http://JonathansCorner.com" attr(href) ">";
        text-decoration: none;
        }
    body
        {
        font-family: Times New Roman, Times, Serif;
        font-size: larger;
        }
    }
@media handheld, screen
    {
    div#main a[href^="http"]:after
        {
        background: url(/images/external.png);
        background-repeat: no-repeat;
        background-position: 3px 2px;
        content: "‍";
        padding: 0 15px 3px 0;
        text-decoration: none;
        }
    }
::selection, ::-moz-selection, ::-webkit-selection
    {
    background: #008000;
    color: #453000;
    }
a.books
    {
    font-weight: bold;
    }
a.books:after
    {
    font-style: normal;
    }
a.collapse
    {
    display: none;
    }
a.collapse, a.control, a.result, a.showall
    {
    font-weight: bold;
    }
aside, div.footnote
    {
    background-color: #c9bda5;
    float: right;
    width: 200px;
    margin-left: 10px;
    padding-left: 15px;
    padding-right: 10px;
    }
.background
    {
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
    opacity: .7;
    }
/*
.background:hover
    {
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    }
*/
blockquote.gothic
    {
    font-family: 'UnifrakturCook', cursive, Times, serif;
    font-size: larger;
    }
body.default a:link
    {
    color: #008000;
    }
body.default a:visited
    {
    color: #806000;
    }
body.default a:active
    {
    color: #000080;
    }
body.default a:hover
    {
    background-color: white;
    text-decoration: underline;
    }
body.default a.banner:hover
    {
    background-color: #e0dcde;
    } 
body.default a.left_menu:link,
body.default a.hovermenu:link,
body.default a.submenu:link,
body.default a.translation:link
    {
    color: #005800; 
    text-decoration: none;
    }
body.default a.left_menu:visited,
body.default a.hovermenu:visited,
body.default a.submenu:visited,
body.default a.translation:visited
    {
    color: #683800;
    text-decoration: none;
    }
body.default a.left_menu:active,
body.default a.hovermenu:active,
body.default a.submenu:active,
body.default a.translation:active
    {
    color: #000060;
    text-decoration: none;
    }
body.default a.left_menu:hover,
body.default a.submenu:hover,
body.default a.translation:hover
    {
    background-color: white;
    text-decoration: underline;
    }
body.default a.hovermenu:hover
    {
    background-image: url("/images/menu_background.jpg");
    text-decoration: underline;
    }
body
    {
    color: black;
    font-family: Verdana, sans-serif;
    }
body.default
    {
    background-color: #e0dcde;
    background-image: url("/images/background.jpg");
    color: #302000;
    font-family: Verdana, sans-serif;
    margin-top: .5in.
    margin-bottom: .5in;
    margin-left: .5in;
    margin-right: .5in;
    }
body.printer
    {
    background-color: white;
    color: black;
    padding: .4in;
    }
div.below_picture
    {
    margin-top: 530px;
    padding-left: .3in;
    padding-right: .3in;
    }
div.below_picture a
    {
    font-weight: bold;
    }
div#container
    {
    background-attachment: fixed;
    background-image:
      url("/images/menu_background.jpg");
    background-position: 15px 0px;
    background-repeat: repeat-y;
    width: 100%;
    margin: 0;
    }
div#left_hand_navigation
    {
    float: left;
    width: 200px;
    margin: 0 0 0 15px;
    padding: 13px;
    z-index: 10;
    }
div#main
    {
    margin-left: 255px;
    }
div#navigation_extras
    {
    position: absolute;
    margin-left: 28px;
    margin-top: 420px;
    }
div.biblequote a
    {
    text-decoration: none
    }
div.breadcrumb
    {
    text-align: center;
    }
div.commentary
    {
    background-color: #c9bda5;
    margin-left: 1cm;
    padding: 10px;
    }
div.preview
    {
    background-color: #c9bda5;
    height: 100%;
    padding: 40px;
    }
div.translations
    {
    margin-top: 6px;
    }
.highlight, div.jonathan, div.odd
    {
    background-color: #d7cebb;
    padding: 10px;
    border: 2px solid #f0efed;
    }
.highlight:hover
    {
    background-color: white;
    border: 2px solid #c9bda5;
    }
.highlight:hover strong.clock_face
    {
    background-color: #d7cebb;
    }
div.hreview:hover
    {
    background-color: white;
    }
div.introduction
    {
    background-color: #c9bda5;
    padding: 10px;
    }
.indented_highlight
    {
    background-color: #c9bda5;
    border: 2px solid #f0efed;
    margin-left: 1cm;
    padding: 10px
    }
.indented_highlight:hover
    {
    background-color: white;
    border: 2px solid #c9bda5;
    margin-left: 1cm;
    }

.deprecated
    {
    color: #736e52;
    /*
    font-size: .8em;
    */
    }

a.deprecated:active, .deprecated a:active
    {
    color: #64df12;
    }

body.default a.deprecated:link, body.default .deprecated a:link
    {
    color: #649e52;
    }

a.deprecated:visited, .deprecated a:visited
    {
    color: #a48e52;
    }

h1.deprecated, h2.deprecated, h3.deprecated, h4.deprecated, h5.deprecated, h6.deprecated
    {
    color: #645e52;
    }

div.jonathan
    {
    margin-bottom: 20px;
    margin-top: 20px;
    }
div.left_menu
    {
    background-image: url("/images/menu_background.jpg");
    width: 180px;
    position: absolute;
    height: 100%;
    top: 0;
    bottom: 0;
    margin-left: 14px;
    margin-right: 1%;
    padding-left: 1%;
    padding-right: 1%;
    }
div.main
    {
    height: 100%;
    padding-left: 280px;
    padding-top: 50px;
    padding-bottom: 50px;
    position: absolute;
    }
div.mobile_notice
    {
    display: none
    }
div.quotation
    {
    margin-left: 40px;
    margin-right: 40px;
    }
div.reader_notice
    {
    display: none
    }
div.search
    {
    line-height: 2em;
    }
div.search_results
    {
    font-size: larger !important;
    }
form#search_form
    {
    margin-top: 12px;
    }
h1, h2, h3, h4, h5, h6
    {
    color: black;
    font-family: Verdana, sans-serif;
    }
h2.prayer
    {
    font-size: 1.2em;
    }
div.bookmarks
    {
    margin-left: auto;
    margin-right: auto;
    padding-top: 10px;
    }
div#main
    {
    margin-right: 50px;
    }
div.search_bar input#query
    {
    font-size: 2em;
    }
div.search_form
    {
    line-height: 2em;
    }
form#search_top_right
    {
    position: absolute;
    right: 25px;
    top: 25px;
    }
form#search_top_right input#query, form#search_top_right input#right_query
    {
    position: absolute;
    font-size: 2em;
    right: 100px;
    width: 100px;
    top: 40px;
    }
/*
h1:first-letter, h2:first-letter, h3:first-letter, h4:first-letter,
h5:first-letter, h6:first-letter, li:first-letter, p:first-letter
    {
    font-size: larger;
    }
*/
h2.related_links, h3.related_links
    {
    /*
    font-size: 1.2em;
    */
    margin-top: .5in;
    }
h2.related_links:before
    {
    /*
    content: "ℵ ☦ Ω";
    content: "☙ ☦ ❧";
    */
    content: "☦";
    display: block;
    font-size: 3em;
    /*
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
    filter: alpha(opacity=75);
    opacity: .75;
    */
    text-align: center;
    }
input#submit_top_right
    {
    position: absolute;
    top: 30px;
    right: 30px;
    }
body.default ht.related:links:before
    {
    color: #302000;
    }
img
    {
    border-color: #333333;
    border: 0px;
    }
img#header
    {
    margin-top: 40px;
    margin-left: -200px;
    }
img#footer
    {
    margin-bottom: 30px;
    margin-top: 30px;
    margin-left: -200px;
    }
img.main
    {
    border: 3px;
    border-style: solid;
    margin-top: 24px;
    margin-bottom: 24px;
    }
input#query
    {
    font-size: 1.7em;
    width: 162px;
    }

input#search
    {
    background-image: url(/images/search_background.jpg);
    border: none;
    color: #0000c0;
    font-size: 1.5em;
    font-weight: bold;
    margin-left: 1px;
    }

li.pick
    {
    font-weight: bold;
    margin-bottom: 25px;
    }
li.pick a:after, a.books:after
    {
    color: black;
    content: "  ✯ Author's Pick";
    font-size: smaller;
    }
div.preview_container
    {
    background-color: #c9bda5;
    }
div.preview_links
    {
    display: table-cell;
    padding-top: 50px;
    width: 45%;
    }
div.preview_links p
    {
    padding-left: 10px;
    }
div.preview_links p:hover
    {
    background-color: #c9bda5;
    }
span#search_bar_contents input#search
    {
    background-color: white;
    border: 2px solid #504000;
    color: black;
    font-size: 2em;
    }
p
    {
    line-height: 2em;
    }
p.centered_image
    {
    text-align: center;
    }
p.first
    {
    margin-left: 42px;
    margin-right: 42px;
    text-indent: -42px;
    }
p.indent
    {
    margin-left: 84px;
    margin-right: 84px;
    }
p.pick, span.pick
    {
    font-weight: bold;
    }
h2.pick:hover, p.pick:hover, span.pick:hover
    {
    background-color: white;
    }
h2.pick:after, p.pick:after, span.pick:after
    {
    color: black;
    content: "   ✯ Author's Pick";
    font-size: larger;
    }
p.kindle
    {
    float: right;
    margin-left: 20px;
    text-align: center;
    }
p.subsequent
    {
    margin-left: 42px;
    margin-right: 42px;
    }
span.menu_section_name
    {
    font-size: larger;
    }
span#search_bar_contents input#query
    {
    background-color: white;
    border: 2px solid black;
    color: black;
    font-size: 3em;
    }
.signature
    {
    color: black;
    font-family: 'Nothing You Could Do', cursive;
    font-size: larger;
    font-weight: bold;
    }
strong.clock_face
    {
    background-color: white;
    color: black;
    font-size: larger;
    padding-left: 5px;
    padding-right: 5px;
    }
td
    {
    line-height: 2em;
    }
td.odd
    {
    background-color: white;
    }
tr.additional
    {
    display: none;
    }
ul#menu
    {
    width:170px;
    margin-top: 160px;
    }

/* Adapted from Peter Ned: */

ul.hovermenu, li.hovermenu, a.hovermenu, a.submenu, li.folder
    {
    display:block;
    margin:0;
    padding:0;
    border:0;
    }
ul.hovermenu
    {
    width:300px;
    border:0px solid #9d9da1;
    background-image:url("/images/proper_menu_background.jpg");
    list-style:none;
    }
li.hovermenu
    {
    background-image:url("/images/leaf_node_menu_background.jpg");
    }
li.hovermenu, li.folder
    {
    position:relative;
    padding-top:1px;
    padding-bottom:1px;
    padding-left:5px;
    padding-right:1px;
    z-index:9;
    }
li.folder
    {
    background-position: 5px center;
    padding-bottom: 7px;
    padding-left: 5px;
    padding-top: 7px;
    }		
li.folder ul
    {
    position:absolute;
    left:120px; /* IE */
    top:0px;
    }		
li.folder>ul { left:170px; } /* others */
a.hovermenu, a.submenu
    {
    padding:2px;
    border:0px solid #008000;
    text-decoration:none;
    width:100%; /* IE */
    }
li>a.hovermenu, li>a.submenu { width:auto; } /* others */
li a.submenu
    {
    background-image:url("/images/sub.gif") right no-repeat;
    }
li.folder a:hover { background-color: white; }
li.folder:hover { z-index:10; }		
ul ul.hovermenu, li.folder:hover ul ul { display:none; }
li:hover ul, li:hover li:hover ul { display:block; }