/*! normalize.css v1.0.1 | MIT License | git.io/normalize */

/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */

/*
 * Corrects `block` display not defined in IE 6/7/8/9 and Firefox 3.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
    display: block;
}

/*
 * Corrects `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */

audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

/*
 * Prevents modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
    display: none;
    height: 0;
}

/*
 * Addresses styling for `hidden` attribute not present in IE 7/8/9, Firefox 3,
 * and Safari 4.
 * Known issue: no IE 6 support.
 */

[hidden] {
    display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */

/*
 * 1. Corrects text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevents iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
    font-size: 100%; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
    -ms-text-size-adjust: 100%; /* 2 */
}

/*
 * Addresses `font-family` inconsistency between `textarea` and other form
 * elements.
 */

html,
button,
input,
select,
textarea {
    font-family: sans-serif;
}

/*
 * Addresses margins handled incorrectly in IE 6/7.
 */

body {
    margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */

/*
 * Addresses `outline` inconsistency between Chrome and other browsers.
 */

a:focus {
    outline: thin dotted;
}

/*
 * Improves readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
    outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */

/*
 * Addresses font sizes and margins set differently in IE 6/7.
 * Addresses font sizes within `section` and `article` in Firefox 4+, Safari 5,
 * and Chrome.
 */

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

h2 {
    font-size: 1.5em;
    margin: 0.83em 0;
}

h3 {
    font-size: 1.17em;
    margin: 1em 0;
}

h4 {
    font-size: 1em;
    margin: 1.33em 0;
}

h5 {
    font-size: 0.83em;
    margin: 1.67em 0;
}

h6 {
    font-size: 0.75em;
    margin: 2.33em 0;
}

/*
 * Addresses styling not present in IE 7/8/9, Safari 5, and Chrome.
 */

abbr[title] {
    border-bottom: 1px dotted;
}

/*
 * Addresses style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
 */

b,
strong {
    font-weight: bold;
}

blockquote {
    margin: 1em 40px;
}

/*
 * Addresses styling not present in Safari 5 and Chrome.
 */

dfn {
    font-style: italic;
}

/*
 * Addresses styling not present in IE 6/7/8/9.
 */

mark {
    background: #ff0;
    color: #000;
}

/*
 * Addresses margins set differently in IE 6/7.
 */

p,
pre {
    margin: 1em 0;
}

/*
 * Corrects font family set oddly in IE 6, Safari 4/5, and Chrome.
 */

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    _font-family: 'courier new', monospace;
    font-size: 1em;
}

/*
 * Improves readability of pre-formatted text in all browsers.
 */

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

/*
 * Addresses CSS quotes not supported in IE 6/7.
 */

q {
    quotes: none;
}

/*
 * Addresses `quotes` property not supported in Safari 4.
 */

q:before,
q:after {
    content: '';
    content: none;
}

/*
 * Addresses inconsistent and variable font size in all browsers.
 */

small {
    font-size: 80%;
}

/*
 * Prevents `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* ==========================================================================
   Lists
   ========================================================================== */

/*
 * Addresses margins set differently in IE 6/7.
 */

dl,
menu,
ol,
ul {
    margin: 1em 0;
}

dd {
    margin: 0 0 0 40px;
}

/*
 * Addresses paddings set differently in IE 6/7.
 */

menu,
ol,
ul {
    padding: 0 0 0 40px;
}

/*
 * Corrects list images handled incorrectly in IE 7.
 */

nav ul,
nav ol {
    list-style: none;
    list-style-image: none;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */

/*
 * 1. Removes border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improves image quality when scaled in IE 7.
 */

img {
    border: 0; /* 1 */
    -ms-interpolation-mode: bicubic; /* 2 */
}

/*
 * Corrects overflow displayed oddly in IE 9.
 */

svg:not(:root) {
    overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */

/*
 * Addresses margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */

figure {
    margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */

/*
 * Corrects margin displayed oddly in IE 6/7.
 */

form {
    margin: 0;
}

/*
 * Define consistent border, margin, and padding.
 */

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/*
 * 1. Corrects color not being inherited in IE 6/7/8/9.
 * 2. Corrects text not wrapping in Firefox 3.
 * 3. Corrects alignment displayed oddly in IE 6/7.
 */

legend {
    border: 0; /* 1 */
    padding: 0;
    white-space: normal; /* 2 */
    *margin-left: -7px; /* 3 */
}

/*
 * 1. Corrects font size not being inherited in all browsers.
 * 2. Addresses margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improves appearance and consistency in all browsers.
 */

button,
input,
select,
textarea {
    font-size: 100%; /* 1 */
    margin: 0; /* 2 */
    vertical-align: baseline; /* 3 */
    *vertical-align: middle; /* 3 */
}

/*
 * Addresses Firefox 3+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

button,
input {
    line-height: normal;
}

/*
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Corrects inability to style clickable `input` types in iOS.
 * 3. Improves usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Removes inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
    *overflow: visible;  /* 4 */
}

/*
 * Re-set default cursor for disabled elements.
 */

button[disabled],
input[disabled] {
    cursor: default;
}

/*
 * 1. Addresses box sizing set to content-box in IE 8/9.
 * 2. Removes excess padding in IE 8/9.
 * 3. Removes excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
    *height: 13px; /* 3 */
    *width: 13px; /* 3 */
}

/*
 * 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

/*
 * Removes inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/*
 * Removes inner padding and border in Firefox 3+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/*
 * 1. Removes default vertical scrollbar in IE 6/7/8/9.
 * 2. Improves readability and alignment in all browsers.
 */

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */

/*
 * Remove most spacing between table cells.
 */

table {
    border-collapse: collapse;
    border-spacing: 0;
}
/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

body {
    line-height: 1.1;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

















/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 100%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   Theses examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min-resolution: 144dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}
/*
@font-face
    {
    font-family: 'Neo-Byzantine';
    src: url('neobyzantine.eot');
    src: url('neobyzantine.eot?#iefix') format('embedded-opentype'),
         url('neobyzantine.woff') format('woff'),
         url('neobyzantine.ttf') format('truetype'),
         url('neobyzantine.svg#neobyzantineregular') format('svg');
    font-weight: normal;
    font-style: normal;
    }
*/

@media print
    {
    div#main a:after, body.printer a:after
        {
        content: " <" attr(href) ">";
        text-decoration: none;
        }
    body.printer a[href^="/"]:after, div#main a[href^="/"]:after
        {
        content: " <http://CJSH.name" attr(href) ">";
        text-decoration: none;
        }
    body
        {
        font-family: Times New Roman, Times, Serif;
        font-size: larger;
        margin: 0 !important;
        max-width: 100% !important;
        padding: 0 !important;
        }
    div#main_navigation
      {
      display: none;
      }
    /*
    div#main
        {
        margin-left: 40px !important;
        }
        */
    h2.mobile
        {
        display: none;
        }
    img#submit_top_right, input#query, ul#left_links, ul#navigation
        {
        display: none !important;
        }
    p.breadcrumb
        {
        display: none;
        }
    p.url a:after
        {
        content: "";
        }
    }
@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;
        */
        }
    }

@media screen
    {
    h2.mobile, p.url
        {
        display: 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: #dddddd;
    float: right;
    width: 200px;
    margin-left: 10px;
    margin-right: 15px;
    padding-left: 15px;
    padding-right: 10px;
    }
/*
aside, div.footnote
    {
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#e0e0e0));
    background: -webkit-linear-gradient(top, #e0e0e0, #ffffff);
    background: -moz-linear-gradient(top, #e0e0e0, #ffffff);
    background: -ms-linear-gradient(top, #e0e0e0, #ffffff);
    background: -o-linear-gradient(top, #e0e0e0, #ffffff);
    border: 1px solid silver;
    border-radius: 7px;
    float: right;
    width: 200px;
    margin-left: 10px;
    margin-right: 15px;
    padding-left: 15px;
    padding-right: 10px;
    }
    */

aside.martian
    {
    padding: 0px;
    width: 300px;
    }
.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
    {
    min-width: 1010px;
    }
body.default a.left_menu:link,
body.default a.hovermenu:link,
body.default a.submenu:link,
body.default a.translation:link
    {
    text-decoration: none;
    }
body.default a.left_menu:visited,
body.default a.hovermenu:visited,
body.default a.submenu:visited,
body.default a.translation:visited
    {
    text-decoration: none;
    }
body.default a.left_menu:active,
body.default a.hovermenu:active,
body.default a.submenu:active,
body.default a.translation:active
    {
    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;
    /*
    background-image: url('/images/marble_texture.png');
    */
    }
body.default
    {
    /*
    background-image: url("/images/background.jpg");
    */
    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;
    }
.citation, .cite
    {
    margin-left: 100px;
    margin-right: 100px;
    }
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;
    border: 1px solid #a0a0a0;
    padding: 13px;
    z-index: 10;
    }
div#main
    {
    background-color: white;
    border-radius: 10px;
    /*
    border-top: 1px solid silver;
    border: 1px solid #a0a0a0;
    */
    margin: 0px;
    margin-top: 40px;
    padding: 40px;
    padding-top: 30px;
    -webkit-box-shadow:0 0 10px #808080;
    -moz-box-shadow:0 0 10px #808080;
    box-shadow:0 0 10px #808080;
    }
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: #silver;
    margin-left: 1cm;
    padding: 10px;
    }
div.preview
    {
    background-color: #silver;
    height: 100%;
    padding: 40px;
    }
div.portraits
    {
    /*
    float: left;
    */
    display: inline-block;
    margin-right: 60px;
    margin-bottom: 60px;
    position: relative;
    text-align: center;
    vertical-align: top;
    }
div.translations
    {
    margin-top: 6px;
    }
.highlight
    {
    margin-bottom: 30px;
    margin-top: 30px;
    }
.highlight h2
    {
    margin-top: 0;
    }
.highlight, div.jonathan, div.odd
    {
    border-radius: 7px;
    padding: 10px;
    padding-left: 20px;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e0e0e0), to(#f8f8f8));
    background: -webkit-linear-gradient(top, #f8f8f8, #e0e0e0);
    background: -moz-linear-gradient(top, #f8f8f8, #e0e0e0);
    background: -ms-linear-gradient(top, #f8f8f8, #e0e0e0);
    background: -o-linear-gradient(top, #f8f8f8, #e0e0e0);
    border: 1px solid #808080;
    }
.highlight:hover
    {
    background-color: #f0f0f0;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d0d0d0), to(#e8e8e8));
    background: -webkit-linear-gradient(top, #e8e8e8, #d0d0d0);
    background: -moz-linear-gradient(top, #e8e8e8, #d0d0d0);
    background: -ms-linear-gradient(top, #e8e8e8, #d0d0d0);
    background: -o-linear-gradient(top, #f8f8f8, #e0e0e0);
    }

.highlight:hover strong.clock_face
    {
    background-color: #cdb168;
    }
div.hreview:hover
    {
    background-color: white;
    }
img#portrait
    {
    float: right;
    margin-bottom: 10px;
    }
img#signature
    {
    width: 550px;
    margin: 0px;
    margin-top: 40px;
    }
div.introduction
    {
    background-color: #cdb168;
    padding: 10px;
    }
.indented_highlight
    {
    background-color: #cdb168;
    border: 2px solid #cdb168;
    margin-left: 1cm;
    padding: 10px
    }
.indented_highlight:hover
    {
    background-color: white;
    border: 2px solid #cdb168;
    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: #a0a0dd;
    }

a.deprecated:visited, .deprecated a:visited
    {
    color: lavender;
    }

blockquote.related_links
    {
    max-width: 400px;
    }

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

dt.deprecated, dd.deprecated
    {
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; // first!
    filter: alpha(opacity=50);
    opacity: .5;
    }

h1.first
    {
    margin-bottom: 0;
    }

h2.first
    {
    font-style: italic;
    margin-top: 0;
    }

hr
    {
    clear: both;
    }

div.jonathan
    {
    margin-bottom: 20px;
    margin-top: 20px;
    }
div.left_menu
    {
    /*
    background-image: url("/images/menu_background.jpg");
    */
    border-radius: 10px;
    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.quotation
    {
    margin-left: 40px;
    margin-right: 40px;
    }
div.reader_notice
    {
    display: none
    }
div.search
    {
    line-height: 1.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, Arial, sans;
    }

/*
h1
    {
    font-size: 48px;
    }

h2
    {
    font-size: 36px;
    }
*/

h2.mobile
    {
    font-family: Verdana, Arial, sans;
    }

/*
h3
    {
    font-size: 32px;
    }
*/

    }
h2.prayer
    {
    font-size: 1.2em;
    }
div.bookmarks
    {
    margin-left: auto;
    margin-right: auto;
    padding-top: 10px;
    }
div.links
    {
    font-family: Verdana;
    margin-top: 330px;
    margin-left: 10px;
    }
div.links a
    {
    text-decoration: none;
    }
div#main
    {
    }
div.search_bar input#query
    {
    font-size: 2em;
    }
div.search_form
    {
    line-height: 1.2em;
    }
form#search_top_right
    {
    float: right;
    font-size: 1.2em;
    /*
    position: absolute;
    right: 25px;
    top: 25px;
    */
    }
form#search_top_right input#query, form#search_top_right input#right_query
    {
    /*
    position: absolute;
    */
    font-size: 1.4em;
    /*
    right: 150px;
    width: 100px;
    top: 64px;
    */
    }
/*
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: 50px;
    right: 90px;
    */
    }
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;
    }
img.martian
    {
    width: 300px;
    }
input#query
    {
    border-width: 5px;
    font-size: 1.7em;
    width: 162px;
    border: 1px solid black;
    }

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: #cdb168;
    }
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: #cdb168;
    }
span#search_bar_contents input#search
    {
    background-color: white;
    border: 2px solid #504000;
    color: black;
    font-size: 2em;
    }
p
    {
    line-height: 1.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;
    }
div.kindle, p.kindle
    {
    float: right;
    margin-left: 20px;
    text-align: center;
    }
div.kindle
    {
    margin: 40px;
    /*
    max-width: 200px;
    width: 200px;
    */
    }
div.kindle img
    {
    /*
    max-width: 200px;
    width: 200px;
    */
    }
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: 1.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; }		

#navigation
    {
    width: 38em;
    /*
    margin-left: 100px !important;
    margin-top: -19px !important;
    */
    /* fallback */
    background-color: rgba(255, 255, 255, 0.5);
  
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(208, 208, 208, .5)), to(rgba(255, 255, 255, .5)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, .5), rgba(208, 208, 208, .5));
    background: -moz-linear-gradient(top, rgba(255, 255, 255, .5), rgba(208, 208, 208, .5));
    background: -ms-linear-gradient(top, rgba(255, 255, 255, .5), rgba(208, 208, 208, .5));
    background: -o-linear-gradient(top, rgba(255, 255, 255, .5), rgba(208, 208, 208, .5));
    margin: 0;

    }

#navigation, #navigation ul
    {
    padding: 0;
    list-style: none;
    /*
    background-image: url('/images/menu_background.jpg');
    */
    }

#navigation
    {
    /*
    margin-left: 1em !important;
    */
    border: 1px solid #808080;
    padding: 4px;
    margin-top: 40px;
    }

#navigation a
    {
    display: block;
    text-decoration: none;
    /*
    width: 10em;
    */
    }

#navigation a#link_orthodox_books_online_and_more
    {
    /*
    width: 21em;
    */
    }

#navigation li
    {
    display: block;
    /*
    float: left;
    width: 21em;
    */
    padding: 5px;
    /* background-color: #ffffff; */
    }

#navigation li#li_about
    {
    /*
    width: 10em;
    */
    }

#navigation li#li_about:hover ul
    {
    left: 53em;
    }

#navigation li#li_books
    {
    float: left;
    }
#navigation li#li_books:hover ul
    {
    left: 49em;
    }

#navigation li#li_et_cetera
    {
    float: left;
    }

#navigation li li
    {
    min-width: 20em;
    border-bottom: 1px solid #d8d8d8;
    border-left: 1px solid #d8d8d8;
    border-right: 1px solid #d8d8d8;
    background-color: #eeeeee;
    /*
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#cccccc), to(#dddddd));
    background: -webkit-linear-gradient(top, #dddddd, #cccccc);
    background: -moz-linear-gradient(top, #dddddd, #cccccc);
    background: -ms-linear-gradient(top, #dddddd, #cccccc);
    background: -o-linear-gradient(top, #dddddd, #cccccc);
    */
    }

#navigation li li:first-child
    {
    border-top: 1px solid #d8d8d8;
    }

#navigation li li li
    {
    border-right: 1px solid #808080;
    border-left: 1px solid #808080;
    border-bottom: 1px solid #808080;
    background-color: #dddddd;
    /*
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#cccccc));
    background: -webkit-linear-gradient(top, #cccccc, #bbbbbb);
    background: -moz-linear-gradient(top, #cccccc, #bbbbbb);
    background: -ms-linear-gradient(top, #cccccc, #bbbbbb);
    background: -o-linear-gradient(top, #cccccc, #bbbbbb);
    */
    }

#navigation li li li:first-child
    {
    border-top: 1px solid #808080;
    }

#navigation li li li li
    {
    background-color: #bbbbbb;
    border-bottom: 1px solid black;
    border-left: 1px solid black;
    border-right: 1px solid black;
    /*
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#999999), to(#bbbbbb));
    background: -webkit-linear-gradient(top, #bbbbbb, #999999);
    background: -moz-linear-gradient(top, #bbbbbb, #999999);
    background: -ms-linear-gradient(top, #bbbbbb, #999999);
    background: -o-linear-gradient(top, #bbbbbb, #999999);
    */
    }

#navigation li li li li:first-child
    {
    border-top: 1px solid black;
    }

#navigation li#inner_inner_library, li#inner_library, li#li_library,
#navigation ul#library
    {
    /*
    width: 21em;
    */
    float: left;
    }

#navigation li ul,
#navigation li ul li#inner_library ul li#library_orthodox_theology li
    {
    position: absolute;
    /*
    width: 10em;
    */
    left: -999em;
    }

#navigation li ul#library_orthodox_theology
    {
    /*
    width: 10em;
    */
    }

#navigation li:hover ul
    {
    /*
    left: 10em;
    */
    }

#navigation li.menupick a, #navigation a.menupick
    {
    font-weight: bold;
    }

#navigation li:hover ul#library_orthodox_theology
    {
    left: 0;
    }

#navigation li:hover ul, #navigation li.sfhover ul
    {
    left: auto;
    }

#navigation li:hover ul#about
    {
    left: 61.6em;
    }

#navigation li ul ul
    {
    margin: -1em 0 0 10em;
    }

#navigation, #navigation ul
    {
    padding: 0;
    margin: 0;
    list-style: none; 
    line-height: 1;
    }

#navigation li:hover ul ul, #navigation li.sfhover ul ul
    {
    left: -999em;
    }

#navigation li:hover ul, #navigation li li:hover ul, #navigation li.sfhover ul,
#navigation li li.sfhover ul
    {
    left: auto;
    }

#navigation li:hover ul ul, #navigation li:hover ul ul ul, #navigation
li.sfhover ul ul, #navigation li.sfhover ul ul ul
    {
    left: -999em;
    }

#navigation li:hover ul, #navigation li li:hover ul, #navigation li li li:hover
ul, #navigation li.sfhover ul, #navigation li li.sfhover ul, #navigation li li
li.sfhover ul
    {
    left: auto;
    }

#navigation li:hover ul#et_cetera
    {
    left: 54.44em;
    }

#navigation li#cork
    {
    background-image: url('/images/background.jpg');
    }

#navigation #library_orthodox_theology li
    {
    background-color: #ffffc0;
    }

#navigation li > a:hover
    {
    background-color: #ffffff;
    }
#navigation #library_orthodox_theology li li
    {
    background-color: #cccccc;
    }

body.default
    {
    /*
    background-color: silver;
    */
    background-attachment: fixed;
    background-image: url('/images/wade-center-background.jpg');
    background-position: center;
    max-width: 1054px;
    margin-left: auto;
    margin-right: auto;
    }

div.dual_header
    {
    margin-bottom: 30px;
    }
div.dual_header h1, div.dual_header h2, div.dual_header h3
    {
    margin-top: 0;
    margin-bottom: 6px;
    }

div.dual_header h2
    {
    font-style: italic;
    }


div#main_body
    {
    margin: 0;
    background-color: white;
    padding: 80px;
    background-image: url(/images/post.jpg);
    background-position: center top;
    background-repeat: no-repeat;
    margin-top: 20px;
    /*
    background-image: url(/images/post.png);
    background-image: url('/images/tagline_background.png');
    background-repeat: no-repeat;
    margin: 50px;
    padding: 15px;
    padding-top: 35px;
    background-color: #f0f0f0;
    border: 1px solid #808080;
    border-radius: 15px;
    -webkit-box-shadow:0 0 20px #000000;
    -moz-box-shadow:0 0 20px #000000;
    box-shadow:0 0 20px #000000;
    min-width: 980px;
    */
    }

div#main_navigation
    {
    }

div#navigation_extras
    {
    float: left;
    }

h2, h3, h4, h5, h6
    {
    border-radius: 7px;
    margin-right: 40px;
    padding-left: 10px;
    }

h2
    {
    }

h3, h4, h5, h6
    {
    }

div.dual_header h2, h2.related_links /* , h1.exempt, h2.exempt, h3.exempt, h4.exempt, h5.exempt,
h6.exempt */
    {
    /*
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#ffffff));
    background: -webkit-linear-gradient(top, #ffffff, #ffffff);
    background: -moz-linear-gradient(top, #ffffff, #ffffff);
    background: -ms-linear-gradient(top, #ffffff, #ffffff);
    background: -o-linear-gradient(top, #ffffff, #ffffff);
    border: 0;
    margin-right: 0px;
    padding-left: 0px;
    */
    border-left: 0 !important;
    }

div#homepage_coat_of_arms
    {
    float: left;
    margin-right: 50px;
    padding-left: 10px;
    }

div#homepage_portrait
    {
    float: right;
    margin-left: 50px;
    padding-right: 10px;
    }

div#todays_pick, p.intro
    {
    /*
    margin-left: 263px;
    margin-right: 280px;
    */
    }

p#home
    {
    float: left;
    font-size: 44px;
    position: absolute;
    left: 95px;
    top: 30px;
    }

p#home a
    {
    text-decoration: none;
    }

p.links
    {
    float: left;
    width: 200px;
    }

p.tagline
    {
    font-family: 'Tangerine', cursive;
    font-size: 30px;
    }

ul#left_links
    {
    background-color: white;
    border-radius: 10px;
    border: 1px solid #808080;
    list-style-type: none;
    float: left;
    margin-left: 30px;
    margin-top: 61px;
    padding-left: 0;
    width: 200px;
    -webkit-box-shadow:0 0 10px #808080;
    -moz-box-shadow:0 0 10px #808080;
    box-shadow:0 0 10px #808080;
    }

ul#left_links a
    {
    text-decoration: none;
    }

ul#left_links li
    {
    padding: 10px;
    border-bottom: 1px solid silver;
    /* border-right: 1px solid #808080; */
    border-left: 1px solid silver;
    }

/*
ul#site_contents
    {
    margin-left: 400px;
    }
    */

#navigation
    {
    border-radius: 5px;
    /*
    margin-left: 100px !important;
    */
    }

#margin
    {
    /*
    max-width: 600px;
    */
    }

#slideshow
    {
    height: 424px;
    position: fixed;
    top: 240px;
    right: 190px;
    width: 318px;
    }

p
    {
    line-height: 1.7em;
    font-size: 16pt;
    font-family: Verdana, Arial, sans;
    }

body.deprecated
    {
    background-color: black;
    background-image: url(/images/marble_texture_inverse.png);
    color: white;
    }

body.deprecated #main
    {
    background-color: #404040;
    }

body.deprecated #main_body
    {
    background-color: #202020;
    background-image: url(/images/tagline_background_inverse.png);
    }

body.deprecated .highlight, div.jonathan, div.odd
    {
    border-radius: 7px;
    padding: 10px;
    padding-left: 20px;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#101010),
    to(#202020));
    background: -webkit-linear-gradient(top, #202020, #101010);
    background: -moz-linear-gradient(top, #202020, #101010);
    background: -ms-linear-gradient(top, #202020, #101010);
    background: -o-linear-gradient(top, #202020, #101010);
    border: 1px solid #808080;
    }

body.deprecated .highlight:hover
    {
    background-color: #f0f0f0;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#404040), to(#202020));
    background: -webkit-linear-gradient(top, #202020, #404040);
    background: -moz-linear-gradient(top, #202020, #404040);
    background: -ms-linear-gradient(top, #202020, #404040);
    background: -o-linear-gradient(top, #202020, #404040);
    }

body.deprecated h1, body.deprecated h2, body.deprecated h3, body.deprecated h4,
body.deprecated h5, body.deprecated h6
    {
    color: white;
    }

body.deprecated a:link
    {
    color: #8080ff;
    }

body.deprecated a:visited
    {
    color: #ff80ff;
    }

body.deprecated ul#left_links
    {
    background-color: #303030;
    }

@media handheld, screen only and max-width: 1024px
    {
    body.default
        {
        margin: 0;
        min-width: 0;
        padding: 0;
        }
    div.featured img
        {
        height: 50%;
        width: 50%;
        }
    div.featured p
        {
        margin-left: 365px !important;
        }
    div#main, div#main_body
        {
        background-color: white;
        border: 0px;
        border-radius: 0px;
        margin: 0;
        min-width: 0;
        padding: 20px !important;
        margin-top: 0px !important;
        }
    div#main_body
        {
        background-image: url(/white.jpg) !important;
        }
    div#main_navigation
        {
        display: none;
        }
    div#margin
        {
        margin: 0;
        padding: 10px;
        min-width: 0;
        }
    div#todays_pick, p#summary
        {
        margin-left: 0 !important;
        }
    iframe#slideshow
        {
        display: none;
        }
    input#query, input#submit_top_right, p#home, ul#left_links, ul#navigation
        {
        display: none;
        }
    p#crest
        {
        display: none;
        }
    }

@media handheld, screen only and max-width: 512px
    {
    p.breadcrumb
        {
        display: none;
        }
    ul#navigation
        {
        display: none;
        }
    }

div#blurb
    {
    font-size: 20px;
    margin-bottom: 50px;
    }

div#blurb a
    {
    font-weight: bold;
    }

div#blurb strong
    {
    font-family: Verdana, Arial, sans;
    font-size: 36px;
    }

hr.separator
    {
    color: #808080;
    border-top: 1px solid #808080;
    width: 50%;
    margin-top: 2em;
    margin-bottom: 2em;
    margin-left: 25%;
    margin-right: 25%;
    }

table.search
    {
    font-family: Verdana, Arial, sans;
    }

table.search td
    {
    height: 2em;
    }

form.search
    {
    float: right;
    }