/********************************************************************
 *
 * MAIN STYLE SHEET FOR THE TIGER HERON BOOKSTORE
 *
 ********************************************************************/

/********************************************************************
 * Default stylesheet used to try to enforce consistency among browsers
 ********************************************************************/

ADDRESS,
BLOCKQUOTE,
BODY, DD, DIV,
DL, DT,
FIELDSET, FORM,
FRAME, FRAMESET,
H1, H2, H3, H4,
H5, H6, IFRAME,
NOFRAMES,
OBJECT, OL, P,
UL, APPLET,
CENTER, DIR,
HR, MENU, PRE	{ display: block }
LI		{ display: list-item }
HEAD		{ display: none }
TABLE		{ display: table }
TR		{ display: table-row }
THEAD		{ display: table-header-group }
TBODY		{ display: table-row-group }
TFOOT		{ display: table-footer-group }
COL		{ display: table-column }
COLGROUP	{ display: table-column-group }
TD, TH		{ display: table-cell }
CAPTION		{ display: table-caption }
TH		{ font-weight: bolder; text-align: center }
CAPTION		{ text-align: center }
BODY		{ padding: 8px; line-height: 1.33 }
H1		{ font-size: 2em; margin: .67em 0 }
H2		{ font-size: 1.5em; margin: .83em 0 }
H3		{ font-size: 1.17em; margin: 1em 0 }
H4, P,
BLOCKQUOTE,
FIELDSET, FORM,
DL, DIR,
MENU		{ margin: 1.33em 0 }
/* Margin settings for lists screw up IE
   UL, OL	{ margin: 1.33em 0 } */
H5		{ font-size: .83em; line-height: 1.17em; margin: 1.67em 0 }
H6		{ font-size: .67em; margin: 2.33em 0 }
H1, H2, H3, H4,
H5, H6, B,
STRONG		{ font-weight: bolder }
BLOCKQUOTE	{ margin-left: 40px; margin-right: 40px }
I, CITE, EM,
VAR, ADDRESS	{ font-style: italic }
PRE, TT, CODE,
KBD, SAMP	{ font-family: monospace }
PRE		{ white-space: pre }
BIG		{ font-size: 1.17em }
SMALL, SUB, SUP { font-size: .83em }
SUB		{ vertical-align: sub }
SUP		{ vertical-align: super }
S, STRIKE, DEL	{ text-decoration: line-through }
HR		{ border: 1px inset }
DIR, MENU, DD	{ margin-left: 20px }
/* IE and Firefox disagree whether margin in/excludes bullet/number
   OL, UL	{ margin-left: 20px } */
OL		{ list-style-type: decimal }
OL UL, UL OL,
UL UL, OL OL	{ margin-top: 0; margin-bottom: 0 }
U, INS		{ text-decoration: underline }
CENTER		{ text-align: center }
BR:before	{ content: "\A" }

/* An example of style for HTML 4.0's ABBR/ACRONYM elements */

ABBR, ACRONYM	{ font-variant: small-caps; letter-spacing: 0.1em }
A[href]		{ text-decoration: underline }
:focus		{ outline: thin dotted invert }


/* Begin bidirectionality settings (do not change) */
BDO[DIR="ltr"]	{ direction: ltr; unicode-bidi: bidi-override }
BDO[DIR="rtl"]	{ direction: rtl; unicode-bidi: bidi-override }

/* This confuses IE 5.5
*[DIR="ltr"]	{ direction: ltr; unicode-bidi: embed }
*[DIR="rtl"]	{ direction: rtl; unicode-bidi: embed }
*/

/* Elements that are block-level in HTML4 */
ADDRESS, BLOCKQUOTE, BODY, DD, DIV, DL, DT, FIELDSET,
FORM, FRAME, FRAMESET, H1, H2, H3, H4, H5, H6, IFRAME,
NOSCRIPT, NOFRAMES, OBJECT, OL, P, UL, APPLET, CENTER,
DIR, HR, MENU, PRE, LI, TABLE, TR, THEAD, TBODY, TFOOT,
COL, COLGROUP, TD, TH, CAPTION
		{ unicode-bidi: embed }
/* End bidi settings */


@media print {
  /*@page		{ margin: 10% }*/
  H1, H2, H3,
  H4, H5, H6	{ page-break-after: avoid; page-break-inside: avoid }
  BLOCKQUOTE,
  PRE		{ page-break-inside: avoid }
  UL, OL, DL	{ page-break-before: avoid }
}

@media aural {
  H1, H2, H3,
  H4, H5, H6	{ voice-family: paul, male; stress: 20; richness: 90 }
  H1		{ pitch: x-low; pitch-range: 90 }
  H2		{ pitch: x-low; pitch-range: 80 }
  H3		{ pitch: low; pitch-range: 70 }
  H4		{ pitch: medium; pitch-range: 60 }
  H5		{ pitch: medium; pitch-range: 50 }
  H6		{ pitch: medium; pitch-range: 40 }
  LI, DT, DD	{ pitch: medium; richness: 60 }
  DT		{ stress: 80 }
  PRE, CODE, TT { pitch: medium; pitch-range: 0; stress: 0; richness: 80 }
  EM		{ pitch: medium; pitch-range: 60; stress: 60; richness: 50 }
  STRONG	{ pitch: medium; pitch-range: 60; stress: 90; richness: 90 }
  DFN		{ pitch: high; pitch-range: 60; stress: 60 }
  S, STRIKE	{ richness: 0 }
  I		{ pitch: medium; pitch-range: 60; stress: 60; richness: 50 }
  B		{ pitch: medium; pitch-range: 60; stress: 90; richness: 90 }
  U		{ richness: 0 }
  A:link	{ voice-family: harry, male }
  A:visited	{ voice-family: betty, female }
  A:active	{ voice-family: betty, female; pitch-range: 80; pitch: x-high }
}

/********************************************************************
 * Our defaults
 ********************************************************************/

/* Default fonts, colors, etc. */

html, body {
  margin: 0;
  padding: 0;
  border: 0;
}

body, td {
  font: 16px/1.2 Verdana, Arial, Helvetica, sans-serif;
  color: black;
  background-color: transparent;
}

/* Headers */

h1 {
  font-family: Arial, Helvetica, sans-serif;
  margin: 1.5em 0 .6em 0;
  padding: 0;
  font-weight: bold;
  font-size: 150%;
  color: #000099;
  text-align: left;
  border-bottom: 1px solid #000099;
}

h2 {
  font-family: Arial, Helvetica, sans-serif;
  margin: 1em 0 .6em 0;
  font-size: 120%;
  font-weight: bold;
  color: #5555BB;
  text-align: left;
}

/* Link colors */

a:link {
  color: #0066FF;
  text-decoration: none;
}

a:visited {
  color: #6666AA;
  text-decoration: none;
}

a:active {
  color: #33CCCC;
  text-decoration: underline;
}

a:hover {
  text-decoration: underline;
}

/* Consistent font sizes */

.fontnormal {
  font-size: 100%;
}

.fontsmall {
  font-size: 90%;
}

.fontlarge {
  font-size: 125%;
}

.fontxsmall {
  font-size: 80%;
}

.fontxlarge {
  font-size: 150%;
}

/* For warnings */

.warning {
  font-style: italic;
}

/* Consistent paragraph spacing */

p {
  margin: .5em 0 .5em 0;
  padding: 0;
}

/* Paragraph intro highlight */

.pintro {
  font-size: 180%;
  font-weight: bold;
  font-style: italic;
  font-family: "Times New Roman", Times, serif;
  line-height: 90%;
}

/* Consistent lists */

ul {
  margin-top: .5em;
  margin-bottom: .5em;
}

ul li {
  display: list-item;
  list-style-type: disc;
}

li {
  margin: .5em 0;
}

/* Block quotes */

blockquote {
  font-style: italic;
}

/* HR tag replacement */

.hr {
  border-top: 2px solid;
  padding: 0;
  margin: 0;
}

/* List of items with descriptions */

.itemList {
  margin-bottom: 1em;
}

.itemName {
  display: block;
  margin-bottom: .3em;
  font-weight: bold;
}

.itemDescr {
  font-weight: normal;
  font-size: 90%;
}

/* Detailed tables */

.detailedTable * td {
  font-size: 80%;
}

/* Forms */

.formItem {
  font-size: 90%;
  font-weight: bold;
}

.formError {
  font-size: 80%;
  font-weight: bold;
}

.submitButton {
  background-color: #CCCCCC;
  color: #000068;
  cursor: pointer;
  font-weight: bold;
  font-size: 90%;
  margin: 0;
  padding: 2px;
}

/* Right-floated thumbnail images */

.rFloatThumb {
  float: right;
  margin: .3em 0 .3em .3em;
}

/* Left-floated thumbnail images */

.lFloatThumb {
  float: left;
  margin: 0 .5em .3em 0;
}

.learnMoreThumb {
  float: right;
  margin: 0 0 .3em .3em;
  border-style: none;
}

/* Errors */

.error {
  margin: 10px 0 10px 0;
  font-size: 100%;
  font-weight: bold;
  color: red;
}

.announcement {
  padding: .5em;
  background-color: #EEEEFF;
  border: 2px solid #3344AA;
}

.announcement2 {
  padding: .5em;
  font-size: 90%;
  background-color: #FFEEEE;
  border: 2px solid #FF0000;
}

/* For transparent PNG's on IE 5.5 - 6 */

img {
   behavior: url("/support/pngbehavior.htc");
}

/********************************************************************
 *			   Page Background
 ********************************************************************/

/*#pageBackground {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
} */

#bannerCell {
  text-align: left;
  vertical-align: top;
  width: 100%;
  height: 89px;
  background-color: black;
  background-image: url(../images/stars.jpg);
}

/********************************************************************
 *				 Body
 ********************************************************************/

/* Sidebar */

#sidebar-cell {
  background-color: black;
  background-image: url(../images/stars.jpg);
}

#sidebar {
  position: static;
  width: 200px; /*12.5em;*/
  height: 100%;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: white;
  background-color: black;
  background-image: url(../images/stars.jpg);
  border: 1px solid black;
  z-index: 20;
}

/* Link colors */

#sidebar a:link {
  color: white;
  text-decoration: none;
}

#sidebar a:visited {
  color: white;
  text-decoration: none;
}

#sidebar a:active {
  color: white;
  text-decoration: underline;
}

#sidebar a:hover {
  text-decoration: underline;
}

#sidebar * form {
  padding: 0 0 .5em 0;
  margin: 0;
}

#sidebar * input, #sidebar * select {
  padding: 0;
  margin: 1px;
  font-size: 14px;
}

.sidebartitle {
  margin: 0 0 .5em 0;
  padding: 0;
  text-align: center;
  font-weight: bold;
  font-size: 80%;
  background-image: url(../images/gray-stars.jpg);
  /*background-color: #777777;*/
}

.sidebarsearchform {
  margin: 0 0 0 .5em;
}

#RSS {
  margin: .5em 0 .5em .5em;
  font-size: 70%;
}

#RSS img {
  vertical-align: bottom;
  border: 0;
}

#storedirectory {
  white-space: nowrap;
  margin: 0;
}

.sidebartext1 {
  margin-top: .8em;
  margin-bottom: .5em;
  padding: 0 .5em 0 .5em;
  font-size: 100%;
  font-weight: bold;
}

.sidebartext2 {
  margin-top: .5em;
  margin-bottom: .4em;
  padding: 0 .5em 0 1.5em;
  font-size: 90%;
  font-weight: bold;
}

.sidebartext3 {
  margin-top: .4em;
  margin-bottom: .3em;
  padding: 0 .5em 0 2.5em;
  font-size: 80%;
  font-weight: normal;
}

.sidebarlocation {
  background-image: url(../images/blue-stars.jpg);
  /*background-color: #330099;*/
}

/********************************************************************
 *			       Content
 ********************************************************************/

#content {
  margin: .5em 0 0 .8em;
  padding: 0;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 90%;
}

/********************************************************************
 *			      Google ads
 ********************************************************************/

#google {
  margin: .8em .4em 0 .8em;
  width: 160px;
  height: 600px;
}

/* Tips */

.tip {
  width: 160px;
  margin: 1em .4em 1em .8em;
  padding: .1em;
  text-align: center;
  font-size: 80% !important;
  color: black !important;
  font-weight: normal;
  background: #DDEEFF;
  background-image: url(../images/blue-stars.jpg);
  border: 1px solid #DDDDDD;
}

.tip p {
  color: white;
}

.tip a:link {
  color: #CCCCFF !important;
  text-decoration: none;
}

.tip a:visited {
  color: #DDCCFF !important;
  text-decoration: none;
}

.tip a:active {
  color: #FF9999 !important;
  text-decoration: underline;
}

.tip a:hover {
  text-decoration: underline;
}

/********************************************************************
 *				Footer
 ********************************************************************/

#footer p {
  margin-top: 0;
  padding-top: 0;
}

.bottominfo {
  font-size: 60%;
}