/* ===================================================================== */
/* Styles used by the webpages that contain T.S. Eliot's "London Letters" */
/* to The Dial magazine.                                                  */

body {
    margin-left: 3.0cm;
    margin-right: 3.0cm;
    margin-bottom: 30.0em;
    background-color: #FFFFFF;
    color: black;
    /* Note: If this color changes then others will have to change too. */
}


/* ===================================================================== */
/* Used for the main ("London Letter") headings */
h1 {
    text-align: center;
    font-weight: bold;
    font-size: 2em;
}


/* ===================================================================== */
/* Mainly used for Eliot's sub-headings but see "xxx" for a variant */
/* used in the introductions.                                       */
/* See also class ".ll_cap"                                         */

h2 {
    text-align: left;
    font-weight: bold;
    font-size: 1.2em;
    margin-top: 2.0em;
    margin-bottom: 0.2em;
    font-variant: small-caps;
}


/* ===================================================================== */
/* xxx */
h3 {
    text-align: left;
    font-weight: bold;
    font-size: 1.2em;
    margin-top: 2.0em;
    margin-bottom: 0.2em;
/* xxx    font-variant: small-caps; */
    text-decoration: underline ;

}


/* ===================================================================== */
/* Typical paragraphs are indented.  See "xxx" and "xxx" for variants */
/* for the first paragraph of the essay.  */
/* Note: In the letters there was no blank spacing between paragraphs. */
/* Let's take a bit of liberty for this and seperate them some. */

p {
    text-indent: 1.5em;
    margin-top: 1.2em;
    margin-bottom: 0.0em;
    text-align: justify;
}


/* ===================================================================== */
/* xxx */
dt {
    margin-top: 0.5em;
}


/* ===================================================================== */
/* This "cite" is used in the introduction to the pages.                 */
/* Eliot's letters do not normally show titles (e.g., books) in any      */
/* special way, not even in quotes.  The HTML should show cite tags      */
/* though, even if the CSS does not.                                     */
/* See the "ll_no_cite" class below to see how the letters' citations    */
/* are handled.                                                          */

cite {
    font-style: italic ;
}


/* ===================================================================== */
/* START DEFINING CLASSES                                                */
/* ===================================================================== */


/* ===================================================================== */
/* xxx is this used? */
.ll_blockquote {
text-indent: 1.5em;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    margin-left: 0.0em;
    margin-right: 0.0em;
}


/* ===================================================================== */
/* This is the style for writing the date of the letter.                 */
/* This makes it look similar to how it was originally published.        */
/* This is the date that Eliot wrote the letter, not the published date. */

.ll_date {
    text-align: right;
    font-style: italic;
    margin-right: 2.0em;
}


/* ==================================================================== */
/* Each letter ends with Eliot's name.  Sort of like a signature (sig)  */

.ll_sig {
    /* This makes it look similar to how it was originally published.   */
    text-align: right;
    font-style: normal;
    margin-right: 2.0em;
    font-size: 1.3em;
}
.ll_sig2 {
    /* This is used to get the last part of Eliot's name looking right. */
    font-size: 0.8em;
    text-transform: uppercase;
}



/* ==================================================================== */
/* Used for the navigation section where we have links to parts of the  */
/* webpage or to other webpages at the site.                            */

.ll_link_list {
    text-indent: 0.0em;
    text-align: center ;
    font-weight: bold ;
    margin-top: 1.0em;
    margin-bottom: 1.0em;
    padding-top: 1.0em;
    padding-bottom: 1.0em;
    font-size: 0.8em;
    line-height: 120%;
}


/* ====================================================================== */
/* First paragraphs are of two forms.  One is just like the all the other */
/* paragraphs and the other has no indent but a large first letter and/or */
/* first word combination.  While technically we don't need a class to    */
/* handle the first one is being created so the text of each letter shows */
/* that we really what something looking normal and that we didn't leave  */
/* the paragraph marked normal though oversight.                          */

.ll_para1_normal {
    background-color: #FFFFFF;
    color: black;
}
.ll_para1_special {
    text-indent: 0.0em;
    background-color: #FFFFFF;
    color: black;
}


/* ====================================================================== */
/* Some of the letters have special formatting for the first word.        */
/* Even then the first letter of the word is even different from that.    */
/* It is bigger and is a dropped letter (but I can't do that yet.)        */

.ll_word1 {
    font-size: 1.3em;
    font-weight: bold;
    text-transform: uppercase;
}
.ll_letter1 {
    font-size: 1.7em;
        /* This should actually be a dropped letter. */
}


/* ====================================================================== */
/* The Dial didn't markup citations (titles of works) in any special way  */
/* except for its own name.  Never-the-less "cite" tags have been put     */
/* into the text.  These citations are being designated to show up as     */
/* slightly lighter color text.                                           */

.ll_no_cite {
    background-color: #FFFFFF;
    color: #666666;
    font-style: normal;
}
.ll_the_dial {
    background-color: #FFFFFF;
    color: #666666;
    font-style: normal;
    font-variant: small-caps;
}


/* ====================================================================== */
/* Words in a foreign language show up this way:                          */

.ll_foreign {
    font-style: italic;
}


/* ====================================================================== */
/* Eliot's sub-headers (h2) have somewhat bigger uppercase letters        */
/* than a small-caps would give alone so this is used for the             */
/* upper-case letters in the headers.                                     */

.ll_cap {
    font-size: 110%;
}



/* ====================================================================== */
/* Horizontal ellipses are going to be handled with a HTML &hellip tag.   */
/* To make them stand out better the tag has been surrounded with a       */
/* "span" tag of this class.                                              */

.ll_hellip {
    background-color: #FFFFFF;
    color: black;
}



/* ====================================================================== */
/* In the introductions to the letters we want slightly different         */
/* formatting.                                                            */

.ll_intro_h2 {
    margin-left: 0.0em;
    font-size: 1.5em;
}
.ll_intro_h3 {
    margin-left: 1.0em;
    font-size: 1.2em;
}
.ll_intro_p {
    margin-left: 2.0em;
    margin-right: 2.0em;
    text-indent: 0em;
}
.ll_intro_cite {
    text-decoration: underline ;
}


/* xxx */
.ll_nav {
    margin-top: 2.0em;
    margin-bottom: 2.0em;
    text-align: center;
}