/* Default CSS stylesheet for top-level XHTML documents.
 * $Id: default.css,v 1.51 2012/02/10 04:23:26 peterson Exp $ 
 * $Log: default.css,v $
 * Revision 1.51  2012/02/10 04:23:26  peterson
 * bug
 *
 * Revision 1.50  2012/02/09 14:09:45  peterson
 * Do not underline links
 *
 * Revision 1.49  2012/02/09 10:26:03  peterson
 * fonts
 *
 * Revision 1.48  2012/01/01 05:40:31  peterson
 * news
 *
 * -------------------------------------------------------
 * Revision 1.1  1999/03/08 17:48:04  glp
 * Initial revision
 */

/* Main colors and margins. Leave body font to clients. */

body { background-color: #fff; color: #000; margin: 12px 24px 48px 24px; 
       font-family: 'DejaVu Serif', 'Droid Serif', 'Bitstream Vera Serif', 
       Century, 'Liberation Serif', serif; }

dt, h1, h2, h3, h4, h5, h6 { 
       font-family: 'DejaVu Sans', 'Droid Sans', 'Bitstream Vera Sans', 
       'Lucida Grande', verdana, Arial, sans-serif; }

code, kbd, pre, .monospace, .transcript { 
        font-family: 'DejaVu Sans Mono', 'Droid Sans Mono', 'Liberation Mono', monospace; }

/* Top-level (h1) black on white, other headers brown on white. */

/* Try tetradic colors: slide:ology page 131 and dicimal input
   form for colors (http://www.psyclops.com/tools/rgb/)
   Tetradic colors in book:
    1. 0,82.149    #005296 (blue - dark aqua)
    2. 27,125,55   #1b7d37 (greenish)
    3. 138,13,16   #8a0d10 (red - rust/wine)
    4. 202,103,32  #ca6720 (brown - dark salmon)
h1 { background: #ffffff; color: #005296; }
*/
  
h1 { background: #ffffff; color: #000000; }
h2 { background: #ffffff; color: #1b7d37; }
h3 { background: #ffffff; color: #8a0d10; }


/* In IE7 text after button disappears when font size is increased. 
 * Use span.afterbutton and display:inline-block with a left margin. 
 * Firefox 2 seems fine with or without inline-block.
 */
button { margin: 0 6px 0 12px; }
span.afterbutton { display: inline-block; margin-left: 6px; }

/* Clear at start main page content after photos, other breaks. */

br, hr                 { clear: both; }

#main-content          { clear: both; margin-top: 36px; }

div.navpanel           { background-color: #fff; color: #030; 
			 border-color: #060; border-width: 0 0 3px 0; }

div.pagefooter         { background-color: #fff; color: #000; }

div.pagefooter-address { float: left; }

div.pagefooter-icons   { float: left; margin-left: 12px; }

div.timestamp          { background-color: #fff; color: #633;
			 font-family: monospace; font-size: smaller; }

div.transcript         {background-color: #efe; color: #300;
			font-family: monospace; margin:  0ex 0em 0ex 0em; 
			padding: 1ex 2em 1ex 2em; }

/* No img borders. Thumbnail images float left with right margins. */

img       { border-width: 0; }
.img-left { float: left; margin-right: 12px; }
.left     { float: left; margin-right: 12px; }
.right    { float: right; margin-left: 12px; }

/* Hypertext link anchors sequence: ordinary, hover, and active */

a:link           { background-color: #fff; color: #00c; text-decoration: none; }
a:visited        { background-color: #fff; color: #609; text-decoration: none; }
a:focus, a:hover { background-color: #eef; color: #000; text-decoration: underline; }
a:link:active    { background-color: #f00; color: #fff; text-decoration: underline; }
a:visited:active { background-color: #f00; color: #fff; text-decoration: underline; }

/* Link padding ideas from CSS Tricks:
   Pad links and then remove extra horizontal padding from image links.
   http://css-tricks.com/fix-padded-image-links-with-negative-margins/

   His idea failed: a img { margin: 0 -6px; }
*/

/*
a { padding: 2px 6px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
a img { padding: 0; -moz-border-radius: 0; -webkit-border-radius: 0; }
*/

/* Forms */

form { margin: 3px 24px; }
span.search-prompt { 
    font-family: monospace; font-weight: bold; font-size: smaller; }

/* General classes, block or inline */

.foreignlang  { font-style: italic; } 
.nav-selected { background-color: #fff; color: #999; }
.keypoint     { background-color: #fff; color: #360; font-weight: bold;}
.new          { background-color: #fff; color: #c00; font-weight: bold;}
.promise      { background-color: #fff; color: #060; font-weight: bold;}
.warning      { background-color: #fff; color: #900; font-weight: bold;}

/* END */