/* This CSS is just for presentational purposes. */
body {
	outline: 1px dotted red;  /** DEBUG **/
	top: 0;
	left: 0;
	padding: 0px;
	font-family: "Maiandra GD", Verdana, Arial, Sans;
	font-size: 100%;
/*	line-height: 120%; */
	background: moccasin; } /* url(Images/constitution.jpg) no-repeat fixed top left; } */
h1 {
	font-family: "Maiandra GD", Verdana, Arial, Sans;
	font-size: 2.5em; 
	margin: 0; }
h2 {
	font-family: "Maiandra GD", Verdana, Arial, Sans;
	font-size: 1.875em; 
	margin: 0; }
p { 
	font-size: 1em;
	margin-top: 0px;
	margin-bottom: 0.5em;
	text-indent: 2em; }
p.FirstPara, p.noident {	text-indent: 0; }
p.FirstPara:first-letter { font-size: 150%;}

a:hover {color:red; }

/*** Welcome Screen CSS ***/
div#welcome {
	font-size: 120%;
	padding: 0;
	margin: 0; }

div#blood {
/**	font-size: 120%;  /* Part of Welcome DIV */
	padding: 0;
	margin: 0;
	background: floralwhite url(Images/bloodflow2.gif) no-repeat right; }
div#blood-show { background: moccasin; }
p.moccasin { text-indent: 0; background: moccasin; padding:0; margin:0;}

table#blooddrips {
/*	width: 100%;   /* use width in TABLE element - fluke fix for IE8/9 not Chrome */
	margin: 0;
	padding: 0;
	border : 0;
	border-spacing: 0;
	border-collapse:collapse;
	background: moccasin;}
/*** Special Effects for MARQUEE Text ***/
a#bloodyhell {
	line-height: 110%;
	text-decoration: none;
	color: black; }
a#bloodyhell:hover {
	line-height: 45%;
	color:red; }
a#bloodyhell:visited {
	color:black; }
#bloodnguts {
	font-family: "Viner Hand ITC", "Maiandra GD", Verdana, Arial, Sans;
	font-size: 1.875em;
	font-weight: bolder;
	line-height: 100%;
	color: Black; }
span.blinking {
font-size: 150%;
color: red;
text-decoration: blink; }
span.mightier {font-size: 150%; }
/*** End of Welcome Screen ***/

img.nopad { border:0; padding:0;}

/*** Styles for BOOK Promo Content  ***/
img.tb_book{
  border: 2px solid grey;
  margin-left: 0px;
  margin-right: 8px;
  box-shadow: 10 10 15 inset; }
.hollycow {
	font-weight: bold;
	text-decoration: underline;
	font-style: italic; }
ul.extra_indent {
	text-indent: 1em;
	list-style-position: inside;
	list-style-type: disc; }

div.book_promo {
	font: 0.875em Arial, Helvetica, sans-serif;
	margin: 5;
	padding: 1em;
	background-color: floralwhite;
	border-bottom: 1px dotted black;
	border-radius:20px;
	border-top-left-radius: 0;
	-moz-border-radius:25px; /* Firefox 3.6 and earlier */
	-moz-box-shadow: 10px 10px 15px darkgoldenrod; /* Firefox 3.6 and earlier */
	box-shadow: 10px 10px 15px darkgoldenrod;
}
span.subtitle {
	font-size: 80%; }
p.series {
	font-size: 150%;
	text-indent: 0;
	margin: 0; }

/**** This is great BUT not in Chrome ***
	a.fullpage:before {
	display: block;
	content: "Click for Full 'Read-Inside' Product Page " } ***/

/***** This CSS is used for the Show/Hide functionality. *****/
.more {
	display: none;
	width: 100%; /* Same as main box */
	margin-right: 10px;
	padding-right: 10px;
	background: floralwhite;
/*		position: absolute; Use for type-over type display */
/*      border-top: 1px solid #666;   /* Separates Synopsis from the MORE sections */
/*      border-bottom: 2px solid #666;  /* Separates the Elements in the Item List */
	}
a.showLink, a.hideLink {
      text-decoration: none;
      color: #0000FF;
      padding-left: 20px;  /** Padding for GIF background - if used */
      background: transparent url(Images/DownShowMore.gif) no-repeat left; }
a.hideLink {
      background: transparent url(Images/UpShowLess.gif) no-repeat left; }
a.showLink:hover, a.hideLink:hover {
      border-bottom: 1px dotted #0000ff; }