/*********************************************************************
Style sheet for scrapsayings.com.
This defines color and font for the body, headers, and links.
Only h2 and h3 are used.
I believe header, paragraph, etc inherits from body, so I only give
the attributes that are different, like centering.
You should be able to change font in the body, and have it change everywhere.
Almost...
Unfortunately, td does not inherit font attributes,
so I have to spell them out again in td and th.
So if you change the font in body, you have to change it in td as well.
But td does inherit colors, so that's ok.
*********************************************************************/

/* divider lines of various colors */
/* First is the default. */
/* White is tweaked since it is against a white background. */
hr {border-style: solid; color: green; height: 8px}
hr.black {border-style: solid; color: black; height: 8px}
hr.blue {border-style: solid; color: blue; height: 8px}
hr.brown {border-style: solid; color: saddlebrown; height: 8px}
hr.green {border-style: solid; color: green; height: 8px}
hr.red {border-style: solid; color: red; height: 8px}
hr.yellow {border-style: solid; color: yellow; height: 8px}
hr.orange {border-style: solid; color: orange; height: 8px}
hr.pink {border-style: solid; color: pink; height: 8px}
hr.purple {border-style: solid; color: purple; height: 8px}
hr.silver {border-style: solid; color: silver; height: 8px}
hr.gold {border-style: solid; color: gold; height: 8px}
hr.white {border-style: dotted; color: black; height: 8px}

body {
background: white;
color: black;
font-family: Arial,Helvetica,sans-serif;
font-size: 1.0em;
}

body.content {
background: lightskyblue;
color: black;
font-family: Arial,Helvetica,sans-serif;
font-size: 1.0em;
}

body.dir {
background-image: url(/img/multi073.jpg);
color: black;
font-family: Arial,Helvetica,sans-serif;
font-size: 1.0em;
}

body {
background: white;
color: black;
font-family: Arial,Helvetica,sans-serif;
font-size: 1.0em;
}

table.content {
background: white;
color: black;
}

table.spexp {
color: black;
}

/* login panel, at the top of scrapsayings.info home page */
table.loginmain {
background: lightskyblue;
color: black;
}

table.loginsay {
background: black;
color: white;
font-size: 1.2em;
}

td {
font-family: Arial,Helvetica,sans-serif;
font-size: 1.0em;
}

th {
font-family: Arial,Helvetica,sans-serif;
font-size: 1.0em;
text-align: left;
}

pre {
font-family: Arial,Helvetica,sans-serif;
font-size: 1.0em;
}

h2 {
text-align: center;
color: navy;
font-size: 1.6em;
}

h3 {
text-align: center;
color: darkslateblue;
font-size: 1.3em;
}

a:link { color: deeppink; }
a:active { color: green; }
a:visited { color: deeppink; }
a:hover { color: green; }

span.sub {
        position: relative;
        top: 0.3em;
        font-size: 0.7em;
}

span.sup {
        position: relative;
        bottom: 0.5em;
        font-size: 0.7em;
}

/* outside link in orange angle brackets */
span.outlink {
color: tomato;
}

/* reference, who said the quote */
span.ref {
        font-size: 0.6em;
}

/* explain what is going on here, what to put on the page */
span.exp {
        font-size: 0.75em;
}

span.act {
color: purple;
}

p.login {
text-align: center;
font-size: 1.2em;
color: red;
}

p.copy {
text-align: right;
font-size: 0.5em;
}