/*
 * This is the style sheet shared by all the pages on www.jantar.org.
 * It's never actually included directly in any HTML documents, but,
 * rather, incorporated into one of the specific style sheets such
 * as "default.css" or "home.css".
 */
 
/*
 * First, the entire page. Not much to do here.
 * We reset all margins and padding, and prepare
 * the default text size:
 */
 
body {
        margin: 0px;
        padding: 0px;
        font: normal normal normal 16px/20px Times, Times-New-Roman, Serif;
}

/*
 * Next, we define a utility class to reset an arbitrary element's
 * font size to the base size of the entire document:
 */

sub.text-size {
        font-size: 100%;
}

/*
 * Links are not underlined by default, except when they're hovered over.
 */

a {
        text-decoration: none;
        cursor: pointer;
}

a:hover, a:active {
        text-decoration: underline;
}

a.selected:hover {
        text-decoration: none;
        cursor: default;
}

/*
 * Now, the main content box. It's position is fixed at 150px to
 * the left and 24px from the bottom, to allow for the left-side
 * menu and bottom status bar. Also, we provide 15px of padding
 * all around. The vertical scroll bar is always visible, while
 * the horizontal one is left on 'auto'.
 */
 
div#body {
        position: fixed;
        top: 0px;
        bottom: 24px;
        left: 150px;
        right: 0px;
        margin: 0px;
        padding: 15px;
        overflow: auto;
}

/*
 * OK, now to the few special page elements. First comes the left-side menu.
 * It's always placed in the top-left corner of the page and fixed to
 * 165x236px in size. There's also a standard padding of 20px above and
 * 15px to the left. I use a sans-serif (Helvetica or Arial) font for
 * all menu items, at the default text size and line height.
 * Individual anchors are generated as plain block elements.
 */

div#menu {
        position: fixed;
        left: 0px;
        top: 0px;
        width: 170px;
        height: 226px;
        z-index: 99;
        margin: 0px;
        padding: 20px 0px 0px 15px;
        font: normal normal normal 16px/20px Helvetica, Arial, Sans-Serif;
        text-align: left;
        white-space: nowrap;
        z-index:100;
}

div#menu a {
        display: block;
        margin: 0px;
        padding: 0px;
}

/*
 * The footer list appears at the bottom of every page, spanning the
 * entire page width and floating above all other elements. To make it
 * opaque, the background color is inherited from the main page.
 * It's height is set at 24px and it's content is also styled in 14px
 * sans-serif font.
 *
 * All anchors (there should be no more than two!) are assigned fixed
 * positions within the box, 5px from the bottom edge of the page and 8px
 * from the left or right margin. The first item is flushed left, the other
 * one is flushed right and italicised. Neither is allowed to wrap.
 */

div#footer {
        position: fixed;
        left: 0px;
        bottom: 0px;
        width: 100%;
        height: 24px;
        z-index: 101;
        margin: 0px;
        padding: 0px;
        background-color: inherit;
        font: normal normal normal 14px/14px Helvetica, Arial, Sans-Serif;
        text-align: left;
        white-space: nowrap;
}

div#footer a {
        position: fixed;
        right: 8px;
        bottom: 5px;
        display: block;
        margin: 0px;
        padding: 0px;
        font-style: italic;
}

div#footer a:first-child {
        left: 8px;
        font-style: normal;
}

/*
 * Main image, positioned floating in the top-right corner of the page.
 * We also shift it right a little to adjust visually for the drop shadow.
 */
 
img#corner {
        position: relative;
        left: 5px;
        display: block;
        float: right;
        padding: 0px 0px 10px 10px;
}

/*
 * Next, the six levels of HTML headings. All of them are styled in the
 * normal-weight sans-serif (Helvetica or Arial) font, with a small
 * amount of padding above and below the heading. The first level of
 * heading is reserved for the main page title, so that it comes
 * automatically with an appropriately-generous amount of padding
 * above it.
 */

h1, h2, h3, h4, h5, h6 {
        margin: 0px;
        text-align: left;
}        

h1 {
        padding: 100px 0px 0px 0px;
        font: normal normal normal 40px/44px Helvetica, Arial, Sans-Serif;
        text-transform: uppercase;
}

h2 {
        padding: 20px 0px 0px 0px;
        font: normal normal normal 24px/30px Helvetica, Arial, Sans-Serif;
        text-transform: uppercase;
}

h3 {
        padding: 15px 0px 0px 0px;
        font: normal normal normal 20px/24px Helvetica, Arial, Sans-Serif;
        text-transform: uppercase;
}

h4 {
        padding: 15px 0px 0px 0px;
        font: normal normal bold 16px/20px Times, Times-New-Roman, Serif;
        text-transform: uppercase;
}

h5 {
        padding: 15px 0px 0px 0px;
        font: italic normal bold 16px/20px Times, Times-New-Roman, Serif;
        text-transform: uppercase;
}

h6 {
        padding: 15px 0px 0px 0px;
        font: italic normal bold 16px/20px Times, Times-New-Roman, Serif;
}

.preserve-case {
        text-transform: none;
}

/*
 * Definition headings.
 */
 
span.heading {
        padding-right: 5px;
        font: normal small-caps bold 16px/20px Times, Times-New-Roman, Serif;
        text-transform: uppercase;
}

/*
 * Paragraphs are justified, spaced 7px apart and indented by 40px,
 * except that the spacing and indentation is suppressed in a first paragraph
 * following a heading, blockquote or a list. There's also an explicit "first"
 * class to unindent and unspace such paragraphs explicitly.
 */
 
p {
        margin: 0px;
        padding: 7px 0px 0px 0px;
        text-indent: 40px;
        text-align: justify;
}

li {
        text-align: justify;
}

li.par {
        padding-top: 7px;
}

h1+p, h2+p, h3+p, h4+p, h5+p, h6+p, blockquote+p, pre+p, ol+p, ul+p,
  blockquote p:first-child,
  p.first {
        text-indent: 0px;
        padding-top: 0px;
}

h1+p {
        padding-top: 5px;
}

p.noindent {
        text-indent: 0px;
}

/*
 * Block quotes are padded 14px above and below and 40px on either side.
 */
 
blockquote, pre {
        margin: 14px 40px 14px 40px;
        padding: 0px;
}

/*
 * Citations are typeset in italic:
 */
 
blockquote.citation, p.citation, span.citation {
        font-style: italic;
}

/*
 * Code is typeset in monospaced font, with 
 */
 
code, pre, .code {
        font: normal normal normal 14px/20px Courier, Courier-New, Monospace;
}

blockquote.code {
        white-space: nowrap;
}

pre {
        white-space: pre;
}

/*
 * Displays get borders.
 */
 
.display {
        display: block;
        margin: 14px 0px 14px 0px;
        padding: 6px;
        border: solid 1px;
}

/*
 * Credits are flushed right, and unitalicised.
 * The padding above is decreased to 3px.
 */
 
p.credit {
        padding-top: 3px;
        font-style: normal;
        text-align: right;
}

/*
 * Verse is typeset flushed left and obeying natural line breaks.
 * The credit line will be indented 150px and flushed left.
 */

p.verse {
        text-align: left;
}

p.verse+p.credit {
        text-indent: 150px;
        text-align: left;
}

/*
 * Centered figures.
 */
 
div.center, p.center, img.center {
        display: block;
        text-indent: 0px;
        text-align: center;
}

/*
 * Change History
 */
 
dl.history {
        padding: 0px;
        margin: 0px;
}

dl.history dt {
        float: left;
        clear: left;
        width: 90px;
        text-align: left;
        font-weight: bold;
}

dl.history dd, dl.history p {
        margin: 0px 0px 0px 100px;
        text-align: justify;
        text-indent: 0px;
        padding: 0px;
}

dl.history blockquote, dl.history pre {
        margin-left: 114px;
        padding: 0px;
}

dl.history .display {
        margin-left: 114px;
        padding: 6px;
}

/*
 * Floating elements.
 */

div.float-left, img.float-left {
        display: block;
        float: left;
        padding: 0px 5px 0px 0px;
}

div.float-right, img.float-right {
        display: block;
        float: right;
        padding: 0px 0px 0px 10px;
}