/* Tuning Subdirectory Stylesheet. Copyright © 2007 X. J. Scott. All rights reserved. */
  BODY {
    margin: 0;
    padding: 0;
    background-image: url(../img/honey3.jpg);
    background-color: #FFE736;
    color: #003100;
    }
  A:hover  { color: #C20000 }
  A:active { color: #E8D22C }

  /* Navigation Bar */
  TABLE.breadcrumbs {
    /* At default mag, these settings with border-spacing: 2px 1px makes a bar that matches the safari tab height.
       1px more matches the nicer detached bar sizing on the site and also might anchor the site bar in safari in weight. */
    border-spacing: 2px 2px; /* <- table, not td level */  /* Safari default = 2,2. 2.0 is nice, thinner. ry used: 8 4 */
    padding-left: 6px;
    /* Safari padding default: 1,2,0,2 ? - B&T not the same? */
    margin: 0; /* already 0 by default */
    width: 100%;
    }
  TABLE.breadcrumbs TD { 
    font-family: Arial, Helvetica;
    font-weight: bold;
    /* padding: 1 1; default for td it seems. td's don't have margins */
    }
  .rednav {
    background-color: #9C0021;
    color: #EFDEAE;
    } 
  .rednav a:link    { color: #FFFFFF; } 
  .rednav a:visited { color: #FFFFFF; } 
  .rednav a:hover   { color: #EFDEAE; } 
  .rednav a:active  { color: #B31A31; } 

  .small  { font-size: small }
  .xsmall { font-size: x-small }
  .middle * {
    vertical-align: middle;
    }

  /* this section is obsolete compared to next one, don't use anymore */
  INPUT.field {
    background-color: #FFF4F7;
    color: #A50021;
/*    height: 21px; /* makes bar align as with those taller square ones. 22 is size of other method with borderspacing */
    }
  INPUT {
    font: normal 10px Tahoma, Verdana, sans-serif;
    text-indent: 2px;
    }

  /* 2011 - adapted from message2.css when search rewired */
  FORM { margin-top: 0; margin-bottom: 0; }
  FORM.search INPUT[type="text"] {
    background-color: #FFF4F7;
    color: #A50021;
    }
  FORM.search INPUT {
    font: normal 10px Tahoma, Verdana, sans-serif;
    text-indent: 2px; /* this makes left side of button wider */
    }

  /* Sidebar Menu */
  TD.menu { /* Rename left-sidebar? */
    font: normal 11px/125% Helvetica, Arial; /* 11 same in ic,saf. small is bgr in ic */
    padding: 3px 0px 0 6px;
    /* In faq was: 2px 2px 0 6px. CDs & book reviews were: 2px 1px 0 6px
       Cellspacing=5 of content table encompassing article is now a padding factor. Maybe that should be made a class.
       Top could be 0 to be flush with article table, but loks better starting nearer article's title.
     */
    }
  TD.menu LI {
    margin: 0 0 8px -1em;
    }

  /* Articles */
  TABLE.article {
    border: solid 1px #9C0021;
    background-color: #ADE742;
    margin: 0 auto 1em auto;
    width: 100%;
    }

  TABLE.article TH { /* One way to do article title */
    padding: 5px; /* 1px smaller to compensate for larger font */
    background-color: #9C0021;
    color: #EFDEAE;
    font: normal 1em Tahoma, Georgia, Times, 'Times New Roman', serif;
    text-align: center;
    }
  TABLE.article H2, TABLE.article H1 { /* Another way to do article title. If just one article on a page, can be H1 */
   /* -6 here is trouble because it has to match the TD padding, which might be made 8 in the local overrides.
      Using TH instead of H2/H1 avoids that. */
	margin: -6px -6px 6px -6px; /* Why not -5 */
	padding: 5px;
	background-color: #9C0021;
	color: #EFDEAE;
	font: normal 1.3em Tahoma, Georgia, Times, 'Times New Roman', serif;
	text-align: center;
	}

  /* 'TABLE.article TD' is handled in individual html pages as it differs in margins and text size.
     'TABLE.article TH' will specify letter spacing.
   */

  TABLE.article /* optional since that floatLeft is generally useful */
  IMG.floatLeft { 
    float: left;  
    margin-right: 8px; 
    margin-bottom: 4px; 
    } 
  TABLE.article HR { border: 0; height: 1px; background-color: #003100; } /* CD reviews uses as spacer */
/*  LI {
    margin-bottom: 8px;
    margin-left: -1em;
    }
*/
  /* Footer */
  P#copyright
     {
     border-top: dotted 1px #003100;
     padding-top: .325em;
     font-style: italic;
     font-size: 12px;
     text-align: center;
     }