/* GENERAL PAGE FORMATS */

body { 
    background-image: url(/stories/images/webbkg.gif);      /* set the background image */
    background-color: #ffff99;                              /* set the background color if the image isn't there */
}

a {                                 /* General Rules */
    color: #333399;                     /* set the basic link color */
}

a:active {
    color: #cc0000;                     /* set the color of a link being clicked */
}

a:visited {
    color: #660066;                     /* set the color of a visited link */
}


p.header {
    font-size: xx-large;
    font-weight: bold;
    text-align: center;
}

p.footer {                          /* Footer Text */
    font-size: smaller;                 /* make the footer small */
}




/* GENERAL RULES */

.story-notes {
    font-size: small;
    text-indent: 1.5em;
    margin: 1em 1.5em;
}

.story {
    font-size: large;                  /* make the text bigger */
    text-indent: 2em;                   /* indent the first line of each paragraph */
}

.centered {
    text-align: center;
}

div.divider {
    text-align: center;
}



/* NAVIGATION BUTTONS */

p.row-of-buttons {                  /* Navigation Buttons */
    text-align: center;                 /* center each row of buttons */
    margin: 1.5em;                      /* put a bit of vertical space between rows */
}

span.button {                    /* Make The Links Look Like Buttons */
    background: #cccc99;                /* set the background color */
    font-family: Papyrus, Arial;               /* set the font */
    padding: .3em .5em .1em .5em;       /* make the colored area bigger */
    margin: 0 .3em;              /* add a little space between buttons */
    border: 3px ridge #333300;          /* put a border around the button */
}

span.button:hover {              /* Make The Button Light Up */
    background: #ffffaa;                /* set the rollover color */
}

span.dead:hover {
    background: #cccc99;
}




/* PARAGRAPH FORMATS */

p, ul, ol {                                 /* General Rules */
    color: #333300;                     /* set the basic text color */    
}



p.applause {
    font-size: large;
    text-align: justify;
    text-indent: 2em;
}

.attribution {
    font-size: medium;
    font-style: italic;
    text-align: right;
    margin: 1em 1.5em 1em 1.5em;
}

p.caption {
    font-size: small;
    margin: 0 20% 1em;
}

p.comment {
    font-size: large;
    text-align: center;
}
p.main-photo {
    text-align: center;
}

p.secondary-title {
    font-size: large;
    font-weight: bold;
    text-align: center;
}

p.story-title {
    color: #009900;
    font-family: Papyrus, Arial;               /* set the font */
    font-size: x-large;
    text-align: center;
    
    margin: 0;
}

p.story-quote {
    font-style: italic;
    margin-left: 3em;
    margin-right: 5em;
}

p.sub-item {
    text-indent: 0;
    font-size: large;
    margin-left: 4em;
    margin-right: 4em;
}







/* IMAGE FORMATS */

img.framed {                    /* Image Formats */
    border: 3px ridge #333300;          /* set the image border */
    margin: 1em;
    vertical-align: middle;
}






span.publisher {
    font-size: smaller;
}