/*
 * site.css
 *
 * Rule of thumb for when to use id's (#name) and when to use class (.name):
 * Elements that are singular in nature (headers, footers etc) are candidates
 * for id's. Those that will occur multiple times should be classes.
 *
 * 20may05 - changed from x-small style sizes to px
 *           I know px are not adjustable in IE but at least they're consistent
 *           across browsers otherwise (I think). For me that's more important.
 */

/*
 * Size mapping from
 * http://webmonkey.wired.com/webmonkey/99/41/index3a_page3.html?tw=design
 *
 * xx-small - 10px
 *  x-small - 13px
 *    small - 16px
 *   medium - 18px
 *    large - 24px
 *  x-large - 32px
 */

/* Make this the default font for the site */
html { font-family: Verdana, Arial, Helvetica, sans-serif }

/*
h1 { font-family: "Times New Roman", Georgia, serif }
h2 { font-family: "Times New Roman", Georgia, serif }
h3 { font-family: "Times New Roman", Georgia, serif }
*/

p { font-size: 13px }
td { font-size: 13px }

p.click { font-size: 16px; font-style: italic;
          font-family: "Times New Roman", Georgia, serif }

.ingredient { margin-left: 4em; }

.extract { text-indent: 2em; text-align: justify; }
p.cg-extract { text-indent: 2em; text-align: justify; font-size: 12px }
p.footnote { font-size: 10px }

p.az-letter { font-size: 16px; font-weight: bold; margin-top: 50px }
p.az-word   { font-size: 13px; font-weight: bold }
p.az-defn   { font-size: 13px; margin-left: 2em }
p.az-defn-indent { font-size: 13px; margin-left: 4em }

#banner {
           text-align: center;
           font-size: 30px;
           }

#attribution {
           text-align: right;
           font-size: 8px;
           }

.caption {
           text-align: center;
           font-size: 13px;
           margin-top: 5px;
           }

.small  { font-size: 10px }

.onthisday { font-size: 13px; color: blue }

a { font-size: 13px; text-decoration: none }	/* normally underline */
a:visited { color: blue }	/* normally purple */
a:hover { text-decoration: underline }
/*a:active { text-decoration: underline }*/

a.noborder img { border: none }

.footer { text-align: left; font-size: 10px }