/* CSS Document */

/*----------Table of Contents -------
	
	1. global
	2. container & masthead
	3. top nav
	4. left col
	5. mid columns
	6. right col
	7. sidenav
	8. btb-columns
	9. sidebars
	10. img spacers
	11. font styles
	12. footer
	
-----------------------------------*/




body {
	background-color: #763652;
	padding: 0;
	margin: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-align: left;
	font-size: 12px;
	line-height: 1.5;
	color: #000;
}

a:link, a:visited, a:active  {
	color: #8c1176;
	text-decoration: none;
	border: 0;
	}

a:hover {
	color:	#8c1176;
	text-decoration: underline;
	border: 0;
	}

	
img {
	border: 0;
	padding: 0;
	display: block;
	text-decoration: none;
	}

.hide {
	display: none;
}

.inline {
	display: inline;
	}




/*---------------------------------------------- container & masthead --------------------------------------------------*/

#wrapper {
	background-color: #ffeded;
	top: 10px;
	width: 860px;
	position: relative;
	margin: 0 auto;
	padding: 0;
	border: 3px solid #330023;
	}


/* following allows container to wrap around floats */
#wrapper:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden; 
	}
	   #wrapper { display: inline; _height: 1%; }
	   /* Hides from IE-mac \*/
      #wrapper { display: block; }
      /* End hide from IE-mac */
	  

#masthead {
	background: url(../../images/global/masthead_bckgd.jpg) top left no-repeat;
	height: 162px;
	position: relative;
	margin: 0;
	padding: 0;
	}

#masthead h1 {
	display: none;
	}
	
	
/*---------------------------------------- TOP NAV ----------------------------------------------*/

#topnav, #topnav-home {
	top: 10px;
	position: relative;
	margin: 0 0 0 42px;
	padding: 0;
	display: inline;
	}
#topnav img, #topnav-home img {
	display: inline;
	}
#topnav-home {
	margin: 0 0 0 66px;
	}


/*----------------------------------------- left col ----------------------------------------------*/
#left-col {
	float: left;
	display: inline;
	width: 179px;
	background: #ffeded;
	margin: 0 0 0 10px;
	padding: 0;
	}

	
/*----------------------------------------- content ----------------------------------------------*/

#content-wrapper {
	float: right;
	display: inline;
	width: 660px;
	background: url(../../images/global/romance-author.jpg) 80px 0 no-repeat;
	margin: 0 0 80px 0px;
	padding: 0;
	}
#content-wrapper:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden; 
	}

	
/*--------------------------------------- mid columns --------------------------------------------*/

#mid-col-home {
	top: 100px;
	position: relative;
	float: left;
	width: 433px;
	background: #fffcfc;
	margin: 0 10px 0 10px;
	padding: 0;
	}
	#mid-col-home p{
		font-size: 13px;
		margin: 0 20px 0 20px;
		padding: 7px 0;
		line-height: 1.6;
		}

#mid-col-basic {
	top: 100px;
	position: relative;
	float: left;
	width: 433px;
	background: #fffcfc;
	margin: 0 10px 0 10px;
	padding: 0;
	}
	#mid-col-basic p{
		margin: 0 15px 0 15px;
		padding: 7px 0;
		}

#mid-col-narrow {
	width: 385px;
	background: #fffcfc;
	margin: 0;
	padding: 0;
	}


#wide-col, #wide-col2 {
	top: 100px;
	position: relative;
	float: left;
	width: 590px;
	background: #fffcfc;
	margin: 0 0px 10px 10px;
	padding: 0;
	}
	#wide-col p, #wide-col2 p{
		margin: 0 60px 0 20px;
		padding: 7px 0;
		}
#wide-col2 {
	top: 0px; }

#wide-col a:link, #wide-col a:visited, #wide-col a:active  {
	color: #8c1176;
	text-decoration: none;
	border: 0;
	}

#wide-col a:hover {
	color:	#8c1176;
	text-decoration: underline;
	border: 0;
	}


/*---------------------------------------- right col --------------------------------------------*/	

#right-col-basic {
	float: right;
	display: inline;
	width: 180px;
	background: #ffeded;
	margin: 0 20px 0px 0px;
	padding: 0;
	}
	
#right-col-basic:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden; 
	}

#right-col-wide {
	float: right;
	width: 210px;
	background: #ffeded;
	margin: 0;
	padding: 0;
	}

/*----------------------------------------- sidenav ----------------------------------------------*/
#sidenav {
	background: #fffcfc;
	width: 158px;
	margin: -7px 0 0 0;
	padding: 0;
	}
	#sidenav p {
		margin: 0;
		padding: 0 0 4px 9px;
		}
	*html #sidenav { margin: 0; }
	*+html #sidenav { margin: 0; }
	
#sidenav ul{
	list-style: none;
	text-align: left;
	line-height: 22px;
	border: 0;
	vertical-align: top;
	display: block;
	margin: 3px 0 5px 9px;
	padding: 0;
	}
#sidenav ul li a{
	font-size: 13px;
	background: #fffcfc;
	color: #5b7214;
	margin: 3px 0;
	padding: 0;
	text-decoration: none;
	}
#sidenav ul li a:hover{
	font-style: italic;
	color: #d31f7b;
	text-decoration: none;
	}
	


/*----------------------------------------- btb-columns ----------------------------------------------*/

#btb-column {
	clear: both;
	position: relative;
	float: left;
	width: 670px;
	top: 140px;
	background: #fffcfc;
	margin: 0px 0 60px -99px;
	padding: 0;
	}
	#btb-column p {
		margin: 0 60px 0 20px;
		padding: 7px 0;
		}
*html #btb-column { 
	margin: 0 0 90px -60px;
	 }
*+html #btb-column { 
	margin: 0 0 200px -95px;
	}

/*----------------------------------------------- sidebars --------------------------------------------------*/

#sidebar-basic {
	float: right;
	background: #f3e8ec;
	width: 150px;
	padding: 8px;
	margin: 5px 15px 5px 20px;
	}
	
	#sidebar-basic p {
	margin: 0;
	padding: 0;
}

#tell-a-friend, #tell-friend-home, #tell-friend-btb {
	width: 153px;
	background: #fdf6f6;
	text-align: center;
	horizontal-align: center;
	margin: 20px 0 5px 0px;
	padding: 7px 0 7px 7px;
	}
#tell-friend-home {
	margin: 30px 0 5px 10px;
	}
#tell-friend-btb {
	float: right;
	margin: 5px 13px 5px 20px;
	}


/*----------------------------------------- page-specific ----------------------------------------------*/

#blog-call {
	margin: 3px 20px 0px 20px;
	}
	#blog-call p {
		font-size: 13px;
		}
.blog-excerpt {
	font-size: 14px;
	line-height: 1.6;
	}
.blog-title {
	font-size: 18px;
	color: #c44a88;
	}

#web-box {
	width: 153px;
	background: url(../../images/home/web-box/web-box-backgrd.gif) top left repeat-y;
	margin: 15px 0 0 14px;
	padding: 0;
	}
	#web-box p {
		margin: 0;
		padding: 0;
		}

.bookshelf-left {
	float: left;
	margin: 15px 10px 4px 50px;
	text-align: center;
	width: 180px;
	}
.bookshelf-right {
	float: left;
	margin: 55px 0px 4px 70px;
	text-align: center;
	width: 180px;
	}
p.bookshelf {
	margin: 0;
	padding: 0;
	}

.bookshelf-below {
	float: left;
	margin: 10px 10px 4px 50px;
	text-align: left;
	width: 275px;
	}	


/*----------------------------------------- list styles -------------------------------------------*/

dl.faq {
	margin: 0 100px 0 20px;
	padding: 0;
	list-style: none;
	}
dl.faq a:link, dl.faq a:visited, dl.faq a:active{
	color: #8c1176;
	text-decoration: none;
	border: 0;
	}
dl.faq a:hover{
	text-decoration: underline;
	}

dl.faq dt.question {
	font-weight: bold;
	font-size: 14px;
	color: #330023;
	
	display:inline;
	margin: 10px 0px 0 0;
	}
dl.faq dd.purple {
	color: #763652;
	font-size: 12px;
	font-weight: bold;
	display:inline;
	margin: 10px 0px 0 0;
	padding: 0;
	}
dl.faq dt.answer {
	font-weight: bold;
	color: #330023;
	font-size: 14px;
	font-style: italic;
	margin: 20px 0px 3px 0px;
	padding: 0;
}
dl.faq dd.text {
	color: #000;
	margin: 0 0px 0 0;
	padding: 0;
}

ol {
	margin: 0 0 3px 50px;
	padding: 0;
	}


/*----------------FORMS--------------------------------*/
div.form {
	background: #f1e9ce;
	position: relative;
	clear: left;
	height: 360px;
	width: 360px; 
	padding: 5px 30px 0 0;
	margin: 0px 50px 10px 0px;
	border: 1px solid #e5dbbd;
}


div.row {
  clear: left;
  padding-top: 15px;
  }

div.row span.label {
  float: left;
  width: 95px;
  font-size: 10px;
  text-align: right;
  margin: 0px 0px 0px 30px;
  }

div.row span.formw {
  float: right;
  width: 220px;
  margin: 0px 5px 0px 0px;
  padding: 0px;
  text-align: left;
  } 
 
div.row span.radio {
	float: right;
	width: 130px;
	font-size: 10px;
	text-align: left;
	margin: 0 10px 0 10px;
	padding: 0;
	}
.small-center-pad {
	font-size: 10px;
	line-height: 16px;
	text-align: center;
	margin: 5px 0px 5px 0px;
	}

		
/*----------------------------------------- img spacers -------------------------------------------*/

.read-order {
	display: inline;
	margin: 5px 5px 0 25px;
	padding: 0;
	}
.home-photo {
	margin: 73px 0 0 20px;
	}
.home-cover {
	margin: 60px 0 0 0;
	}

.left-30 {
	margin: 25px 0 25px 30px;
	}
.left-20 {
	margin: 0 0 0 20px;
	}
.left-50 {
	margin: 0 0px 0 50px;
	}
.left-50-inline {
	margin: 20px 0px 17px 50px;
	display: inline;
	}

.header {
	margin: 5px 0 10px 0;
	}

.btb-header {
	margin: 0px 0 5px 0;
	}
.btb-header-top {
	margin: 25px 0 5px 0;
	}
.dots {
	margin: 3px 0 3px 7px;
	}

.btb-dots {
	margin: 50px 0 50px 5px;
	}

.left-cover {
	margin: 500px 0 300px 30px;
	padding: 0;
	}
.left-cover-2 {
	margin: 200px 0 300px 30px;
	padding: 0;
	}

.right-cover {
	margin: 10px 15px 10px 30px;
	padding: 0;
	}

.clear-spacer {
	clear: both;
	margin: 5px 0;
	}

.illustration-flip {
	margin: 5px 35px -7px -5px;
	}
	

		
/*----------------------------------------- font styles -------------------------------------------*/
.bodytext {
	font-size: 12px;
	color: #000;
	}

.booktitle {
	font-weight: bold;
	font-style: italic;
	}

.greenItalic {
	color: #5b7214;
	font-size: 13px;
	font-style: italic;
	font-weight: bold;
	}

.hotpink {
	color: #d31f7b;
	}
.hotpink-bold {
	font-weight: bold;
	color: #d31f7b;
	}
.hotpink-headers {
	text-transform: uppercase;
	font-size: 15px;
	letter-spacing: .08em;
	font-weight: bold;
	color: #d31f7b;
	}
.bright-purple-headers {
	color: #8c1176;
	
	font-size: 15px;
	
	font-weight: bold;
	}
	
.hotpink-caps-small {
	text-transform: uppercase;
	font-size: 12px;
	letter-spacing: .08em;
	font-weight: bold;
	color: #d31f7b;
	}
.hotpink-tiny {
	text-transform: uppercase;
	font-size: 11px;
	letter-spacing: .09em;
	color: #d31f7b;
	}
.hotpink-caps-center {
	text-transform: uppercase;
	font-size: 13px;
	letter-spacing: .08em;
	font-weight: bold;
	color: #d31f7b;
	text-align: center;
	}
.hotpink-italic {
	font-style: italic;
	font-size: 15px;
	font-weight: bold;
	color: #d31f7b;
	}
.green-headers {
	text-transform: uppercase;
	font-size: 14px;
	letter-spacing: .08em;
	font-weight: bold;
	color: #5b7214;
	}
.green-caps-small {
	text-transform: uppercase;
	font-size: 12px;
	letter-spacing: .08em;
	font-weight: bold;
	color: #5b7214;
	}
.greentext {
	
	color: #5b7214;
	}
	

.darkpurple {
	color: #330023;
	}
.darkpurple-bold {
	font-weight: bold;
	color: #330023;
	}
	
.bigPurple {
	color: #763652;
	line-height: 1.3;
	font-size: 18px;
	font-style: italic;
	}

.captions {
	color: #5c1e39;
	font-style: italic;
	font-size: 11px;
	}
.captions-left {
	color: #5c1e39;
	font-style: italic;
	font-size: 11px;
	padding: 0 0 0 20px;
	margin: -10px 0 0 0;
	}
*+html .captions-left { margin-top: 5px; }
*html .captions-left { margin-top: 5px; }

.small {
	font-size: 10px;
	}
	
	
	

/*------------------------------------------- footer -----------------------------------------------*/
#footer-wrapper {
	clear: both;
	float: right;
	height: 120px;
	margin: 15px auto 5px auto;
	}
*+html #footer-wrapper {
	height: 150px;
	float:none;
	}
*html #footer-wrapper {
	height: 120px;
	float:none;
	}

	
#footer {
	clear: both;
	background: url(../../images/global/footer/footer.gif) 290px 10px no-repeat;
	top: 13px;
	width: 860px;
	height: 120px;
	vertical-align: bottom;
	margin: 5px auto 0px auto;
	padding: 0;
	}
*+html #footer {
	top: 20px;
	height: 150px;
	margin: 50px auto 0px auto;
	}
*html #footer {
	top: 20px;
	height: 120px;
	margin: 50px auto 0px auto;
	}