html { overflow: -moz-scrollbars-vertical; }
html { overflow-x: auto; }

body {
	margin: 0;
	background: #000;
	color: white;
	font: 12px normal Arial, Helvetica, sans-serif;
}
embed, object {
	outline: none
}
a img {
	border: 0;
}

a.activelink 
{
	text-decoration: none;
}
a.activelink:hover
{
	text-decoration: underline;
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
	_zoom:1
}

#Page{
	background: #000 url(../_images/bg-tile.png);
	margin: 0 auto;
	width: 972px;
}
#Wrapper { /* This is the big Shadow image. 122KB in size. 670px tall. */
	background: url(../_images/shadow.png) top center no-repeat;
}
h1 {
	text-align: center;
	margin: 0;
	background: url(../_images/shadow-header.png) top center no-repeat;
	padding: 17px 154px 21px 174px;
}
#Content {
	padding: 1px 0;
	min-height: 668px;
	background: url(../_images/shadow-repeater.png) 0px 670px no-repeat; /* prevents overlapping of the alpha-transparencies */
}

/*
 * Content Styles - Columns
 */
#Nav {
	float: left;
	min-height: 615px;
	width: 151px;
	padding: 9px;
	margin-left: 57px;
	margin-bottom: 7px;
	border: 1px solid #af52a0;
	background-color: #601453;
}
.pink {
	color: #f5b0ea;
}
#Nav h2 {
	color: #f5b0ea;
	font: normal 24px Georgia, "Times New Roman", Times, serif;
	letter-spacing: -2px;
	border-bottom: 1px solid #8a357c;
	margin-bottom: 6px;
}
#Nav h3 {
	color: #f5b0ea;
	font: normal 14px Georgia, "Times New Roman", Times, serif;
	letter-spacing: -1px;
	padding-top: 10px;
	padding-bottom: 3px;
	padding-left: 2px;
	border-top: 1px solid #8a357c;
	border-bottom: 1px solid #8a357c;
	margin-top: 6px;
}
#Nav .booklist {
	line-height: 24px;
	margin: 0
}
#Nav .booklist a {
	text-decoration: none;
	color: white;
	font: 12px normal Arial, Helvetica, sans-serif;
}
#Nav .booklist strong {
	color: #f5b0ea;
}

#Nav .booksublinks ul
{
	margin: 0px;
	padding-left: 15px;
}
#Nav .booksublinks li
{
	list-style-type: square;
}

#Nav .booksublinks a {
	text-decoration: none;
	color: white;
	font: 12px normal Arial, Helvetica, sans-serif;
}

#Nav .menu {
	border-top: 1px solid #8a357c;
	margin: 30px 0 0;
	padding: 5px 0 0 2px;
	list-style: none
}
#Nav .menu li {
	margin: 10px 0;
}
#Nav .menu a {
	color: white;
	text-decoration: none
}
#Nav .menu a:hover {
	text-decoration: underline
}
/* For #Nav h2.pink, color must be set in sifr-config.js */

#Nav .main-nav, #Nav .main-nav a {
	color: #f5b0ea;
	text-decoration: none;
}
#Nav .main-nav a:hover {
	text-decoration: underline;
}
#Main-Content {
	float: left;
	margin: 0 0 7px 4px;
	min-height: 631px;
	border: 2px solid #f2d098;
	color: #3e1903;
	font-size: 9pt;
	line-height: 13pt;
}
#Main-Content p {
	margin: .5em 0;
}
#Main-Content a {
	color: black;
}
.center-column {
	width: 480px;
	background: #f2d098 url(../_images/main-content-bg.png) no-repeat center top;
	padding: 0 11px 0 15px;
}
.double-column {
	width: 589px;
	padding: 0 51px 0 44px;
	background: #f2d098 url(../_images/main-content-bg-wide.png) no-repeat center top;
}
#Main-Content .section01 h2 {
	font: normal 18pt/18pt Georgia, "Times New Roman", Times, serif;
	color: #601453;
	margin-top: 1em;
}
#Main-Content .double-column .section01 h2 {
}
#Main-Content .center-column .section01 h2 {
	margin-left: 242px;
	text-indent: -42px;
}
#Main-Content.center-column .orderBookP {
	margin: 1.5em 20px 1.5em 0px;
	text-align: center
}
#Main-Content.double-column .orderBookP {
	margin: 1.5em 20px 1.5em 0;
	text-align: left
}
.orderBookBtn {
	height: 30px;
	width: 120px;
	display: block;
	overflow: hidden;
	text-indent: -9000em;
	text-align: center;
	background-image: url(/_images/orderBookBtn.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}
.orderBookBtn:hover {
	background-position: center top;
}

.submitBtn {
	height: 30px;
	width: 41px;
	display: inline;
	overflow: hidden;
	text-indent: -9000em;
	text-align: center;
	background-image: url(/_images/submitBtn.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}
.submitBtn:hover {
	background-position: center top;
}
#Main-Content .section02 {
	border-top: 1px solid #c2a67a;
	padding: 13px 0px 17px 11px;
	clear: both
}
#Main-Content .section03 {
	border-top: 1px solid #c2a67a;
	padding: 13px 140px 17px 11px;
	clear: both
}
#Main-Content .section02 a {
	text-decoration: none;
	font-weight: bold;
	color: #601453
}
#Main-Content.double-column .section02 a {
	text-decoration: none;
	font-weight: normal;
	color: #601453
}
#Main-Content .section02 a:hover {
	text-decoration: underline;
}
#Main-Content .section03 a {
	text-decoration: none;
	font-weight: bold;
	color: #601453
}
#Main-Content.double-column .section03 a {
	text-decoration: none;
	font-weight: normal;
	color: #601453
}
#Main-Content .section03 a:hover {
	text-decoration: underline;
}
#Main-Content.center-column .section02 h2 {
	color: #601453;
	letter-spacing: -2px;
	margin:0;
	font: normal 29pt/26.5pt Georgia, "Times New Roman", Times, serif;
	width: 170px;
	text-align: center;
}
#Main-Content.double-column .section02 h2 {
	color: #601453;
	letter-spacing: -2px;
	margin:0;
	/*font: normal 29pt/26.5pt Georgia, "Times New Roman", Times, serif;*/
}
#Main-Content .section03 h2 {
	color: #601453;
	letter-spacing: -2px;
	margin:0 0px 0 0;
	font: normal 29pt/26.5pt Georgia, "Times New Roman", Times, serif;
	text-align: center;
}
#Main-Content.double-column .section02 h2 {
	font: normal 18pt/20pt Georgia, "Times New Roman", Times, serif;
	text-align: left;
}
#Main-Content.double-column .section03 h2 {
	font: normal 18pt/20pt Georgia, "Times New Roman", Times, serif;
	width: auto;
	text-align: left;
}
#Main-Content.center-column .section02 h2{
	font: normal 29pt/26.5pt Georgia, "Times New Roman", Times, serif;
	width: 170px;
	text-align: center;
	display: block;
}
#Main-Content.center-column .section02 h2 .first-lline{
	/*color: #601453;
	text-align: center;
	letter-spacing: -2px;*/
	font: normal 18pt/20pt Georgia, "Times New Roman", Times, serif;
	font-size: 18pt;
	display: block;
}
#Main-Content .image-float-right {
	float: right; 
	margin: 0 0 20px 8px;
}
#Main-Content .image-float-left {
	float: left; 
	margin: 0;
}
#RightColumn {
	float: left;
	margin-left: 8px;
	width: 210px;	
}
#RightColumn #Characters p {
	margin-bottom: 4px;
	margin-right: 5px;
	margin-top: 0;
	line-height: 13pt;
	font-size: 9pt;
}
#RightColumn h2 {
	color: #f5b0ea;
	background: #601453;
	border: 1px solid #af52a0;
	padding: 4px 8px 0;
	margin: 0 0 5px 0;
	font: normal 17pt Verdana, Geneva, sans-serif;
	letter-spacing: -3px;
}
#RightColumn h3 {
	color: #601453;
	font-size: 16pt;
	margin: 8px 0px 0px;
}
#RightColumn #QuestionBox {
	padding: 8px 9px 8px 9px;
	background: #000;
	background: rgba(0,0,0,.7);
	margin: 0 0 5px 0;
	font-size: 9pt;
}
#RightColumn #QuestionBox textarea.answer {
	background: #FFF;
	background: rgba(255,255,255,.77);
	width: 142px;
	height: 32px;
	padding: 6px 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	border: 0;
	vertical-align: middle;
	overflow: hidden;
}
#RightColumn #QuestionBox label.question {
	padding-bottom: 8px;
	display: block;
}
#RightColumn #QuestionBox .submitActivityAnswerBtn {
	vertical-align: middle;	
}

/* Book Details - Characters*/
#BookDetailsCharacters {
	/*width: 210px;*/
}

#BookDetailsCharacters #Characters .character, #BookDetailsCharacters #Div1 .character, #BookDetailsCharacters #Div2 .character {
	line-height: 13pt;
	font-size: 9pt;
	border: 1px solid #af52a0;
}
#BookDetailsCharacters #Characters p, #BookDetailsCharacters #Div1 p, #BookDetailsCharacters #Div2 p {
	margin-top: 0px;
	margin-right: 0px ;
	margin-bottom: 4px;
	line-height: 13pt;
	font-size: 9pt;
}
#BookDetailsCharacters h2 {
	color: #f5b0ea;
	/*background: #601453;*/
	padding: 4px 8px 0;
	margin: 25px 0 5px 0;
	font: normal 17pt Verdana, Geneva, sans-serif;
	letter-spacing: -3px;
}
#BookDetailsCharacters h3 {
	color: #601453;
	font-size: 16pt;
	margin: 8px 0px 0px;
}

/* Character bios */
.extra-panel {
	border: 1px solid #f0cd93;
	background: #f0cd93 url(../_images/characterBG.gif) top repeat-x;
	margin-bottom: 8px;
	color: #3e0903;	
}
.extra-panel h3 {
	color: #601453;
	font-size: 16pt;
	margin: 8px 0px 0px 10px;
}

.extra-panel p {
	margin-left: 10px;
	margin-top: 0;
	line-height: 13pt;
}

#Characters .character, #Div1 .character, #Div2 .character {
	border: 1px solid #f0cd93;
	background: #f0cd93 url(../_images/characterBG.gif) top repeat-x;
	margin-bottom: 8px;
	color: #3e0903;	
	zoom:1;
}
#Characters .character h3, #Characters .character p, #Div1 .character h3, #Div1 .character p, #Div2 .character h3, #Div2 .character p {
	margin-left: 110px;
}
#Characters .not h3, #Characters .not p {
	margin-left: 10px;
	line-height: 13pt;
}
#Characters .not {
	margin-bottom: 3px;
}
#Characters .portrait, #Div1 .portrait, #Div2 .portrait {
	float: left;
}
#Characters .character:after, #Div1 .character:after, #Div2 .character:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
	zoom:1;
}
/* Footer Styles */
#Footer {
	clear: both;
	width: 847px;
	height: 27px;
	padding: 1px 65px;
	margin: 0px 0 10px 0px;
	background: black;
	line-height: 27px;
	color: #959595;
}
#Footer a {
	text-decoration: none;
	color: #959595;
}
#Footer a:hover {
	text-decoration: underline;
}
#Footer .left {
	float: left;
}
#Footer .right {
	float: right;
}

/* 		Chest Elements.
 * The Chest image is broken up into two images, 
 * so we need two elements, hence top and bottom.
 */
#Chest-top {
	height: 538px;
	background: url(../_images/chest-top.png) top no-repeat;
}
#Chest-bottom {
	height: 536px;
	padding: 1px 0;
	background: url(../_images/chest-bottom.jpg) bottom no-repeat;
}
#Chest-bottom div {
	margin: 100px; /* originally 230px */
	font-size: 36px;
	text-align: center;
}
.bubbleText {
	background: url(../_images/bubble.png) no-repeat top left;
	height: 66px;
	width: 444px;
	text-align:center;
	padding: 40px 30px;
	margin-left:43px;
	font: normal 14px/18px Arial, Helvetica, sans-serif;
}

/*
#checkout fieldset 
{
  padding: 1em;
}

#checkout label 
{
  float:left;
  width:25%;
  margin-right:0.5em;
  padding-top:0.2em;
  text-align:right;
  font-weight:bold;
}

#checkout #radiobuttonlist 
{
	width:460px;
	float: left;
	display: inline;
}

#checkout #radiobuttonlist td 
{
}

#checkout #checkbox
{
	padding: 0;
	margin: 0;	
}
*/
#activityBook
{
	width: 400px;
	border: 1px solid #dcdcdc;
}

.wordMatch
{
}

.wordMatchItem
{
	border: 1px solid #000;
	margin: 1px 1px 1px 1px;
}

.wordMatchTableCell
{
	vertical-align: top;
}

/* Update cart button */
.updateCartBtn {
	height: 30px;
	width: 120px;
	display: block;
	overflow: hidden;
	text-indent: -9000em;
	text-align: center;
	background-image: url(/_images/button_updateCart.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}
.updateCartBtn:hover {
	background-position: center top;
}

/* Add band button */
.addBandBtn {
	height: 30px;
	width: 150px;
	display: block;
	overflow: hidden;
	text-indent: -9000em;
	text-align: center;
	background-image: url(/_images/button_addBand.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}
.addBandBtn:hover {
	background-position: center top;
}

/* Continue Shopping button */
.continueShoppingBtn {
	height: 30px;
	width: 150px;
	display: block;
	overflow: hidden;
	text-indent: -9000em;
	text-align: center;
	background-image: url(/_images/button_continueShopping.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}
.continueShoppingBtn:hover {
	background-position: center top;
}

/* Check Out button */
.checkOutBtn {
	height: 30px;
	width: 120px;
	display: block;
	overflow: hidden;
	text-indent: -9000em;
	text-align: center;
	background-image: url(/_images/button_checkout.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}
.checkOutBtn:hover {
	background-position: center top;
}

/* Confirm Order button */
.confirmOrderBtn {
	height: 30px;
	width: 120px;
	display: block;
	overflow: hidden;
	text-indent: -9000em;
	text-align: center;
	background-image: url(/_images/button_confirmOrder.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}
.confirmOrderBtn:hover {
	background-position: center top;
}

/* Submit Order button */
.submitOrderBtn {
	height: 30px;
	width: 120px;
	display: block;
	overflow: hidden;
	text-indent: -9000em;
	text-align: center;
	background-image: url(/_images/button_submitOrder.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}
.submitOrderBtn:hover {
	background-position: center top;
}

/* Book page */
.coverImageLink img
{
	width: 150px;
	float: left;
	margin: 20px 10px 5px 0;
}

.sectionImage img
{
	width: 240px;
	float: right; 
	margin: 0 0 20px 8px;
}

/* Image header */
.imageHeader
{
	margin-top: 15px;
	margin-bottom: 15px;
}

.albums td
{
	width: 200px;
}

.albumimage
{
	height: 140px;
	clear: both;
	display: block;
	text-align: center;
}

.albumtitle
{
	clear: both;
	display: block;
	min-height: 40px;
	padding: 0 2px 0 5px;
}

.albumcount
{
	clear: both;
	display: block;
	font-weight: bold;
	padding: 0 2px 0 5px;
}

/* Short Story Submissions */
#shortstory
{
	width: 400px;
	border: 1px solid #000;
	margin: 0;
	padding: 0;
}

#shortstory th
{
	background-color: #601453;	
	color: #f5b0ea;
	font-size: 14px;
	margin: 0;
	padding: 0;
	width: 200px;
}

#shortstory td
{
	font-size: 14px;
	margin: 0;
	padding: 0;
	width: 200px;
}

#shortstorylist
{
	width: 500px;
	border: 1px solid #000;
	margin: 0;
	padding: 0;
}

#shortstorylist th
{
	background-color: #601453;	
	color: #f5b0ea;
	font-size: 14px;
	margin: 0;
	padding: 0;
}

#shortstorylist td
{
	font-size: 14px;
	margin: 0;
	padding: 0;
	width: 100px;
	text-align: center;
}

.shortstorylisttitle
{
	width: 300px;
}

.shortstorylistlink
{
	width: 300px;
}


#reviewlist
{
	width: 500px;
	border: 1px solid #000;
	margin: 0;
	padding: 0;
}

#reviewlist th
{
	background-color: #601453;	
	color: #f5b0ea;
	font-size: 14px;
	margin: 0;
	padding: 0;
}

#reviewlist td
{
	font-size: 14px;
	font-weight: bold;
	margin: 0;
	padding: 0;
	width: 100px;
	text-align: center;
	border-bottom: 1px dotted #000;
}