/*
  color: #9999ff medium blue
  color: #cccccc light blue (text)
  color: #ffcc33 yellow
  color: #ffcc00 yellow on children's pages
  color: #330033 dark blue (background)
*/
/* GENERAL */
body {text-align:center;}
#page-border { /* holds all content */
  width:825px;
  color: #cccccc;
  background-color: #330033;
  font-family: verdana, ariel, sans-serif;
  font-size:10pt;
  margin-left: auto; 
  margin-right: auto;
  padding:0;
  border:0px dashed red;
}

img {margin:0; padding:0; border:0px dashed white;}
img.link       {border:1px solid #330033;}
img.link:hover {border:1px solid #ffcc33;}
table {border-collapse: collapse}
td {text-align:left; vertical-align:top}
.right {text-align: right;}

input:hover {background-color: #ffc;}

/* MAIN PAGE CONTENT CONTAINER */
#content { 
	margin-left: 0px; 
	border: 0px dashed white;
	padding:10px;
	text-align:left;
}

/*----------------------------------------------*/
/*  FOOTER  */
/*----------------------------------------------*/
#footer {
	width:100%;
  background-color:white;
  clear:left;
  color: #32527a;
  font-size:0.75em;
  text-align: center;
  padding:0.5em 0;
  border:0px dashed orange;
}
#footer a, footer a:visited {color:#e1771e;}
#footer a:hover {color:#cccccc;}
#footer p {}
#footer hr {width: 100%; background-color:#0066ff; color:#0066ff; }

/*----------------------------------------------*/
/*  MAIN NAV MENU  */
/*----------------------------------------------*/
table#nav-main    {width:100%;}
table#nav-main td {text-align:center; width:20%;}

/*----------------------------------------------*/
/*  HOME PAGE (3-COLUMN)  */
/*----------------------------------------------*/
#home-table {width:100%; margin:0; padding:0; text-align:left;}
#home-col1  {width:192px; height:430px; background-color:#32527A; padding-left:6px; padding-top:1.0em;}
#home-col2  {width:100%; padding-left:1.0em; padding-right:1.0em;}
/*#home-col3  {width:225px;}*/

/* the 3-pane table on the home page */
#home-img-container {}
#home-img-container td  {border:1px solid #ffcc33; padding:20px;}
#home-img-container img {height:93px; margin:0; padding:0}

#home a, #home a:visited {color:#e1771e; text-decoration:none;}
#home a:hover {color:#32527a;}

#home-link {text-align:left;}
#home-link a {text-decoration:none;}
#home-link img {border:1px solid #330033;}
#home-link img:hover {border:1px solid #e1771e;}

p.home-photo-credit {width:100%; text-align:right; font-size:0.9em; margin-top:-0.5em; font-style:italic;}

/*----------------------------------------------*/
/*  IMAGES  */
/*----------------------------------------------*/
/* top bar */
img.topbar { width:825px;}

/* heading graphics */
img.head1 {margin-left: -5px; border:0px solid yellow}
img.head2 {margin-bottom: 7px;}

/* Floats an image to the left side of the container */
img.floatleft { 
  float: left;
  margin: 0 10px 10px 2px;
}

/*--------------------------------------------------*/
/*  FLOATING BOXES WITH IMAGES, USED ON BOOK PAGES  */
/*--------------------------------------------------*/
/* colored block holding bookcovers and credits */
div.bookcover {
  float: left;
  padding: 1em;
  margin: 0 0.5em 1.0em 0;
  color: #330033;
  font-size: 0.85em;
}
.bg-adultbook     {background: #cccccc;} /* light gray */
.bg-childrensbook {background: #ffcc33;} /* yellow */
.bg-picturebook   {background: #ffe4c4;} /* tan */

/* Big first letters */
span.cap { 
  float: left;
  font-size: 1.6em;
  padding: 0 0.15em;
  margin: 0 0.15em -0.5em 0; /* negative bottom margin */
  color: #330033;
  background: #ffcc33;
  border: 3px outset #ffcc33;
}

/*----------------------------------------------*/
/* LINKS */
/*----------------------------------------------*/
a:link    { text-decoration:underline; color: #9999FF;} /* med-blue */
a:visited { text-decoration:underline; color: #CCCCFF;} /* same as text */
a:active  { text-decoration:underline; color: #FFCC00;} /* dark-blue */
a:hover   { text-decoration:underline; color: #FFCC33;} /* yellow */


/*----------------------------------------------*/
/*  COLORS  */
/*----------------------------------------------*/
.highlight {color: #ffcc33;} /* Any text that gets highlighted (yellow) */
.tan {color: #993366;}

/*----------------------------------------------*/
/*  TYPOGRAPHY  */
/*----------------------------------------------*/
p.byline {  /* Reviewer bylines */
  color: #ffcc33;
}
p.signature {  /* Terry's signature on Earnest author notes page */
  color: #ffcc33;
  font-style:italic;
  font-size:110%;
}
p.designed-by {  /* Vicky's byline; was size 1 */
  font-size: 80%;
}
p.indent {  /* indented paragraphs on excerpt pages */
  text-indent: 20px;
}

/* interview q&a */
p.q {color:#ffcc33}
p.a {font-style:italic}
span.ul {text-decoration: underline}

/* OTHER */
div.narrow p, hr { /* Used to keep text narrow on Flower Shadows excerpt page */
  margin-right: 100px;
}


/*----------------------------------------------*/
/*  Headings  */
/*----------------------------------------------*/
h1 {font-size: 170%;}
h2 {font-size: 145%;}
h3 {font-size: 125%;}
h4 {font-size: 110%;}
h5 {font-size: 106%;}
h6 {font-size: 100%;}
h1, h2, h3, h4, h5, h6 {
  margin: 0.8em 0 0.1em 0;
  font-weight:600;
}

/*----------------------------------------------*/
/*  BOOK PAGE NAV MENUS  */
/*----------------------------------------------*/
ul#navlist-books {
  margin-left: 0;
  padding-left: 0;
  white-space: nowrap;
}
#navlist-books li {
  display: inline;
  list-style-type: none;
  font-size: 0.85em;
}
#navlist-books a { 
  padding: 3px 10px; 
}
#navlist-books a:link, #navlist-books a:visited {
  text-decoration: none;
  background-color: #036; /* box color */
  color: #fff; /* text color */
}
#navlist-books a:hover {
  text-decoration: none;
  background-color: #369; /* box highlight color */
  color: #fff; /* text color; same as above */
}
#uberlink-books a:link, #uberlink a:visited,
  #uberlink a:hover, #uberlink a:active {
  background-color: #CCCCFF;
  color: #330033;
}
/*----------------------------------------------*/
/*  PHOTOS PAGE  */
/*----------------------------------------------*/
 td.photos-thumb     {padding-bottom:5px;}
 td.photos-thumb img {width:60px; height:60px}