@charset "utf-8";
/* @begin main styles*/
body {
    font-family: 'Source Sans Pro', sans-serif;
	margin: 25px 0 0 0;
    background-image: url(/images/small-bg.jpg);
	background-color: #000;
	background-position:top center;
	background-repeat: no-repeat;
	background-attachment: fixed;
    background-size: cover;
    font-size: 0.875em;
    line-height: 1.5;
    color: #333333;
}
@media only screen and (min-width: 481px) {
	body {
		background-image: url(/images/medium-bg.jpg);
		font-size: 0.9em;
	}
}
@media only screen and (min-width: 897px) {
	body {
		background-image: url(/images/large-bg.jpg);
		font-size: 1em;
		line-height: 1.55;
	}
}
.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 94%;
	clear: none;
	float: none;
}
@media only screen and (min-width: 481px) {
	.gridContainer {
		width: 90.675%;
		clear: none;
		float: none;
		margin-left: auto;
	}
}
@media only screen and (min-width: 769px) {
	.gridContainer {
		width: 88.5%;
		max-width: 1232px;
		margin: auto;
		clear: none;
		float: none;
		margin-left: auto;
	}
}
.topBar {
	display: block;
	padding: 5px 0;
	color: #fff;
	font-weight: 400;
}
/*@end main styles @begin header area*/
.headerBar {
	display: block;
	padding: 2%;
	color: #fff;
	font-weight: 400;
	background-image: url(/images/small-header-bg.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
@media only screen and (min-width: 610px) {
	.headerBar {
		background-image: url(/images/medium-header-bg.png);
		padding: 3% 2%;
	}
}
@media only screen and (min-width: 655px) {
	.headerBar {
		padding: 4% 3% 2% 3%;
	}
}
@media only screen and (min-width: 897px) {
	.headerBar {
		background-image: url(/images/large-header-bg.png);
		background-repeat: no-repeat;
		padding: 3% 2%;
	}
}
@media only screen and (min-width: 1200px) {
	.headerBar {
		padding: 2% 3% 1% 5%;
	}
}
.middleBar {
	background: rgba(251,251,251,.70);
	display: block;
}
.small-header {
    display: block;
}
@media only screen and (min-width: 481px) {
	.small-header {
		display: none;
	}
	.small-header p {
		margin: 0;
	}
}
.medium-header {
    display: none;
}
@media only screen and (min-width: 481px) {
	.medium-header {
		display: block;
	}
	.medium-header p {
		margin: 0;
	}
}
@media only screen and (min-width: 897px) {
	.medium-header {
		display: none;
	}
}
.large-header {
    display: none;
}
@media only screen and (min-width: 897px) {
	.large-header {
		display: block;
	}
	.large-header p {
		margin: 0;
	}
}
.logo {
	float: right;
	max-width: 50px;
	padding: 0 2%;
}
@media only screen and (min-width: 377px) {
	.logo {
		max-width: 60px;
	}
}
@media only screen and (min-width: 467px) {
	.logo {
		max-width: 65px;
		padding: 0 10% 0 2%;
	}		
}
@media only screen and (min-width: 610px) {
	.logo {
		max-width: 50px;
		padding: 1.5% 0 0 0;
	}		
}
@media only screen and (min-width: 745px) {
	.logo {
		max-width: 65px;
	}		
}
@media only screen and (min-width: 845px) {
	.logo {
		max-width: 75px;
	}		
}
@media only screen and (min-width: 897px) {
	.logo {
		padding: 1.5% 0 0 0;
	}		
}
@media only screen and (min-width: 1200px) {
	.logo {
		max-width: 100px;
	}		
}
.sitename {
	float: none;
	margin: 2% auto;
	font-size: 4em;
    line-height: 110%;
	text-transform: uppercase;
	font-family: 'Sorts Mill Goudy', serif;
	text-align: center;	
}
@media only screen and (min-width: 610px) {
	.sitename {
		float: left;
		font-size: 3.5em;
		margin: 2% 2% 0 0;
		text-align: left;
	}
}
@media only screen and (min-width: 625px) {
	.sitename {
		font-size: 3.55em;
		padding: 0 0 0 2%;
	}
}
@media only screen and (min-width: 698px) {
	.sitename {
		font-size: 3.75em;	
		padding: 0 0 0 3%;
	}
}
@media only screen and (min-width: 745px) {
	.sitename {
		font-size: 4.25em;	
		padding: 0 0 0 2%;
	}
}
@media only screen and (min-width: 800px) {
	.sitename {
		padding: 0 0 0 4%;
	}
}
@media only screen and (min-width: 1042px) {
	.sitename {
		font-size: 3.75em;
		margin: 2% 0 0 0;
    	padding: 1% 0 0 9%;
	}
}
@media only screen and (min-width: 1250px) {
	.sitename {
		font-size: 4.5em;
	}
}
@media only screen and (min-width: 1330px) {
	.sitename {
		font-size: 5.5em;	
	}
}
.sitename a {
	text-decoration: none;
}
.sitename a, .sitename a:visited {
	color: #452B85;
}
.firstLetter {
	font-size: 125%;
	color: #000;
}
.tagline {
	float: right;
    font-family: 'Yanone Kaffeesatz', sans-serif;
    font-weight: 600;
	font-size: 1.25em;	
	color: #000;
	text-transform: uppercase;
	padding-top: 6.5%;
    padding-right: 2%;
    letter-spacing: 2px;

}
@media only screen and (min-width: 347px) {
	.tagline {
		font-size: 1.35em;		
	}
}
@media only screen and (min-width: 377px) {
	.tagline {
		font-size: 1.45em;		
	}
}
@media only screen and (min-width: 467px) {
	.tagline {
		font-size: 1.55em;
		padding-top: 5%;
	}
}
@media only screen and (min-width: 610px) {
	.tagline {
		padding-top: 6.5%;
		padding-right: 2%;
		font-size: 1em;		
	}
}
@media only screen and (min-width: 698px) {
	.tagline {
		padding-top: 5.5%;
		font-size: 1.15em;
		padding-right: 2%;
	}
}
@media only screen and (min-width: 745px) {
	.tagline {
		padding-right: 1%;
	}
}
@media only screen and (min-width: 800px) {
	.tagline {
		padding-right: 4%;
	}
}
@media only screen and (min-width: 845px) {
	.tagline {
		font-size: 1.25em;
		padding-right: 3%;
	}
}
@media only screen and (min-width: 979px) {
	.tagline {

	}
}
@media only screen and (min-width: 1330px) {
	.tagline {
	   font-size: 1.75em;
	}
}
/*@end header area @begin menus*/
.js #menu, #menu {
		display:none;
	}
.slicknav_menu {
	display:none;
}
.slicknav_menu {
    font-size: 1em;
    background: rgba(0,0,0,.50);
    padding: 5px;
}
.slicknav_nav {
    clear: both;
	background: #6849b3;
    color: #fff;
    margin: 0;
    font-size: 1em;
}
.slicknav_btn {
	background: none;
}
.slicknav_nav a:hover {
	background: #452B85; 
	color: #fff;
}
.slicknav_nav a:visited {
	color: #fff;
}
.slicknav_nav .slicknav_row:hover, .slicknav_nav a:hover {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}
.slicknav_nav .slicknav_item:hover {
	background: #452B85; 
	color: #fff;
}
.slicknav_menu .slicknav_menutxt {
    text-shadow: none;
}
.slicknav_menu .slicknav_icon-bar {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
@media screen and (max-width: 896px) { /*display the mobile menu now up to 897px */	
	.js .slicknav_menu {
		display:block;
	}
}
.mainmenu {
	display:none;
}
@media only screen and (min-width: 897px) {
	.mainmenu {
		display: block;
		background: rgba(0,0,0,.50);
		padding: 3px;
	}
}
nav { 
	text-transform: uppercase;
	float: left;
}
nav ul {
  font-size: 0;
  margin: 0;
  padding: 0;
  font-weight: 600;
  z-index: 9999;
}
nav ul li {
  display: inline-block;
  position: relative;
  font-size: 16px;
}
nav ul li a {
  color: #fff;
  display: block;
  padding: 8px 14px;
  transition: 0.3s linear;
  text-decoration: none;
  letter-spacing: .85px;
}
nav ul li a:visited, nav ul li a:hover {
  color: #fff;
}
nav ul li:hover { 
	background: #452B85; 
	color: #fff;
}
nav ul li ul {
  display: none;
  position: absolute;
  width: 275px;
}
nav ul li ul li {
  display: block;
  font-size: 14px;
}
nav ul li ul li:first-child { 
	border-top: none; 
}
nav ul li ul li a {
  background: #6849b3;
  display: block;
  padding: 8px 10px 8px 15px;
}
nav ul li ul li a:hover { 
	background: #583b9e; 
}
/* @end menus @begin social media */
.topNavSocial {
	float: left;
	padding: 10px;
}
@media only screen and (min-width: 897px) {
	.topNavSocial {
		float: right;
		padding: 10px 5px 0 0;
	}
}
.topNavSocial img {
  width: 19px;
}
.topNavSocial a {
  padding: 10px 5px;
}
@media only screen and (min-width: 325px) {
	.topNavSocial img {
	  width: auto;
	}
}
@media only screen and (min-width: 897px) {
	.topNavSocial a  {
	padding: 5px;
	}
}
.facebook {
	background-image: url(/images/icon-facebook.png);
	background-repeat: no-repeat;
	background-position: center;
}
.facebook:hover {
	background-image: url(/images/icon-facebook-over.png);
	background-repeat: no-repeat;
	background-position: center;
}
.twitter {
	background-image: url(/images/icon-twitter.png);
	background-repeat: no-repeat;
	background-position: center;
}
.twitter:hover {
	background-image: url(/images/icon-twitter-over.png);
	background-repeat: no-repeat;
	background-position: center;
}
.pinterest {
	background-image: url(/images/icon-pinterest.png);
	background-repeat: no-repeat;
	background-position: center;
}
.pinterest:hover {
	background-image: url(/images/icon-pinterest-over.png);
	background-repeat: no-repeat;
	background-position: center;
}
.goodreads {
	background-image: url(/images/icon-goodreads.png);
	background-repeat: no-repeat;
	background-position: center;
}
.goodreads:hover {
	background-image: url(/images/icon-goodreads-over.png);
	background-repeat: no-repeat;
	background-position: center;
}
.instagram {
	background-image: url(/images/icon-instagram.png);
	background-repeat: no-repeat;
	background-position: center;
}
.instagram:hover {
	background-image: url(/images/icon-instagram-over.png);
	background-repeat: no-repeat;
	background-position: center;
}
.maillist {
	background-image: url(/images/icon-maillist.png);
	background-repeat: no-repeat;
	background-position: center;
}
.maillist:hover {
	background-image: url(/images/icon-maillist-over.png);
	background-repeat: no-repeat;
	background-position: center;
}
/* @end social media @begin main content area */ 
.main-content {
	background: rgba(251,251,251,.90);
    padding: 1% 5% 5%;
}
@media only screen and (min-width: 481px) {
	.main-content {
		padding: 1% 5%;
	}
}
@media only screen and (min-width: 897px) {
	.main-content {
		padding: 3% 5% 5%;
	}
}
.highlight-content {
    padding: 1% 5%;
    background-color: #fff;
}
@media only screen and (min-width: 481px) {
	.highlight-content {
		padding: 1% 5%;
	}
}
@media only screen and (min-width: 897px) {
	.highlight-content {
		margin-top: 0px;
	}
}
.main-footer {
    padding: 1% 2%;
    background: rgba(0,0,0,.50);
	font-size: 70%;
	color: #fff;
	line-height: 145%;
}
/*@end main content area @begin general*/
img, object, embed, video {
	max-width: 100%;
}
.ie6 img {
	width:100%;
}
.clearDiv {
	clear:both;
}
/*@end general @begin main styles */ 
h1, h2, h3, h4, h5, h6 {
    -webkit-margin-before: 0.67em;
    -webkit-margin-after: 0.5em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    font-weight: bold;
}
h1 {
	font-family: 'Yanone Kaffeesatz', sans-serif;
	font-size: 1.25em;
	letter-spacing: 1px;
	color: #342825;
	text-transform: uppercase;
}
h2 {
	font-size: 1.25em;
	color: #492083;
}
h3 {
     font-size: 1.2em;
     color: #000;
}
h4 {
	font-size: 1.2em;
	color: #342825;
}
h5 {
    font-size: 1.1em;
    color : #492083;
}
h6 {
    font-size: 1em;
    color : #000;
	line-height: 1.4;
}
@media only screen and (min-width: 897px) {
	h1 {
		font-size: 1.5em;
	}
	h2 {
		font-size: 1.4em;
	}
	h3 {
		 font-size: 1.3em;
	}
	h4 {
		font-size: 1.2em;
	}
}
a {
  color : #492083;
}
a:visited {
  color : #5e3697;
}
a:hover {
  color : #6633cc;
}
a.copyright {
	color:#fff;
}
a.copyright:visited {
	color:#fff;
}
a.copyright:hover {
	color:#504370;
}
ol li {
	padding-bottom: 20px;
}
/*@end main styles @begin columns */
.col2thirdleft {
	float: none;
	width: 98%;
	padding: 0 1%;
	margin: auto;
}
@media only screen and (min-width: 897px) {
	.col2thirdleft {
		float: left;
		width: 64%;	
		padding: 0;
	}
}
.col1thirdright {
	float: none;
	width: 98%;
	padding: 0 1%;
	margin: auto;
}
@media only screen and (min-width: 897px) {
	.col1thirdright {
		float: right;
		width: 29%;
		padding: 0 1.1666666666666667%;	
	}
}
.col2thirdright {
	float: none;
	width: 98%;
	padding: 0 1%;
	margin: auto;
}
@media only screen and (min-width: 897px) {
	.col2thirdright {
		float: right;
		width: 64%;	
		padding: 0;
	}
}
.col1thirdleft {
	float: none;
	width: 98%;
	padding: 0 1%;
	margin: auto;
}
@media only screen and (min-width: 897px) {
	.col1thirdleft {
		float: left;
		width: 29%;
		padding: 0 1.1666666666666667%;	
	}
}
.col1third {
	float: none;
	width: 98%;
	padding: 0 1%;
	margin: auto;
}
@media only screen and (min-width: 897px) {
	.col1third {
		float: left;
		width: 31%;
		padding: 0 1.1666666666666667%;
	}	
}
.col1half {
	float: none;
	width: 98%;
	padding: 0 1%;
	margin: auto;
}
@media only screen and (min-width: 655px) {
	.col1half {
		float: left;
		width: 45%;
		padding: 0 2.5%;
	}
}
.col1halfright {
	float: none;
	width: 98%;
	padding: 0 1%;
	margin: auto;
}
@media only screen and (min-width: 655px) {
	.col1halfright {
		float: right;
		width: 45%;
		padding: 0 2.5% 0 0;
	}
}
.col1halfleft {
	float: none;
	width: 98%;
	padding: 0 1%;
	margin: auto;
}
@media only screen and (min-width: 655px) {
	.col1halfleft {
		float: left;
		width: 45%;
		padding: 0 2.5% 0 0;
	}
}
.col3fourthleft {
	float: none;
	width: 98%;
	padding: 0 1%;
	margin: auto;
}
@media only screen and (min-width: 655px) {
	.col3fourthleft {
		float: left;
		width: 70%;
		padding: 0;
	}
}
.col3fourthright {
	float: none;
	width: 98%;
	padding: 0 1%;
	margin: auto;
}
@media only screen and (min-width: 655px) {
	.col3fourthright  {
		float: right;
		width: 70%;
		padding: 0;
	}
}
.col1fourth {
	float: none;
	width: 98%;
	padding: 0 1%;
	margin: 10px auto 25px auto;
}
@media only screen and (min-width: 941px) {
	.col1fourth {
		float: left;
		width: 22%;
		padding: 0 1.5%;
	}	
}
/*@end columns form @begin custom styles */
.colorBox {
	background-color: #fff;
	padding: 10px;
}
.colorBoxRound {
    width: 90%;
	padding: 15px;
    background-color: #fff;
	margin: 50px auto;
	border-radius: 10px;
	-moz-border-radius: 10px;
}
@media only screen and (min-width: 625px) {
	.colorBoxRound, .colorBox {
		padding: 25px 15px 25px 45px;
	}
}
.imgHPad {
	border: none;
	padding: 0 10px;
}
.imgVPad {
	border: none;
	padding: 10px 0;
}
.imgBPad {
	border: none;
	padding: 10px;
}
.imgHMPad {
	border: none;
	margin: 0 10px;
}
.imgVMPad {
	border: none;
	margin: 10px 0;
}
.imgBMPad {
	border: none;
	margin: 10px;
}
.imgShadow {
    background: #fff;
    padding: 7px;
    -moz-box-shadow: 0 0 15px #ccc;
    -webkit-box-shadow: 0 0 15px #ccc;
    box-shadow: 0 0 15px #ccc;
}
.imgRight {
	float: none;
	margin: 15px auto;
}
@media only screen and (min-width: 625px) {
	.imgRight {
		float: right;
		margin: 5px 0 25px 25px;
	}	
}
.imgLeft {
	float: none;
	margin: 15px auto;
}
@media only screen and (min-width: 625px) {
	.imgLeft  {
		float: left;
		margin: 5px 25px 25px  0;
	}	
}
.instafreebie {
    background: #fff;
	margin: 10px 0 25px 0;
    padding: 25px 45px;
}
.largecolor1 {
	font-family: 'Yanone Kaffeesatz', sans-serif;
	font-size: 1.5em;
	font-weight: bold;
    letter-spacing: 2px;
    color: #000;
	text-transform: uppercase;
}
.xlargecolor1 {
	font-size: 2em;
	color: #000;
}
.color1 {
	color: #000;
}
.centerText {
	text-align: center;
}
/* @end custom styles @begin buttons */
.redBtn {
    padding: 5px 15px;
    background:#BF3C44;
    border: none;
     -moz-border-radius: 8px;
    border-radius: 8px;
	font-size: 1em;
    text-transform: uppercase;
	text-align: center;
	font-weight: 400;
	margin: 10px 5px 10px 0;
	color: #fff;
}
.redBtn:hover {
	background:#FF504D;
}
/*@end buttons */
/*@begin mailing list sign up */
.joinBox {
	margin: 0;
	background: #F2EAE0;
	width: 95%;
	padding: 1% 2.5%;
	color: #3E1737;
	font-size: 1.15em;
}
@media only screen and (min-width: 897px) {
	.joinBox {
		margin: 0;
		background: #F2EAE0;
		width: 95%;
		padding: 1% 2.5%;
		color: #3E1737;
		font-size: 1.15em;
	}	
}
.joinBox input[type="submit"] {
    background: #3E4728;
     padding: 3px 10px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #fff;
    color: #fff;
	font-weight: normal;
}
.joinBox input[type="text"] {
    background: #fff;
    margin: 10px;
	border: 1px solid #ccc;
    color: #4C4C4C;
    padding: 5px 10px;
    font-size: 75%;
    text-transform: uppercase;
    -moz-border-radius: 3px;
    border-radius: 3px;
    max-width: 75%;
}
@media only screen and (min-width: 897px) {
	.joinBox input[type="text"] {
		max-width: 35%;
		margin: 0 10px 0 0;
	}
}
.joinList input[type="submit"] {
    background:#452B85;
	padding: 5px 15px;
    border: none;
     -moz-border-radius: 5px;
    border-radius: 5px;
	font-size: .9em;
    text-transform: uppercase;
	text-align: center;
	font-weight: 400;
	margin: 10px 5px 10px 0;
	color: #fff;
}
.joinList input[type="submit"]:hover {
    background:#000;
}
.joinList input[type="text"] {
    background: #fff;
    margin: 0 0 10px 5px;
	border: 1px solid #ccc;
    color: #4C4C4C;
    padding: 5px 10px;
    font-size: 75%;
    text-transform: uppercase;
    -moz-border-radius: 3px;
    border-radius: 3px;
    max-width: 55%;
}
@media only screen and (min-width: 897px) {
	.joinList input[type="text"] {
		max-width: 75%;
		margin: 0 0 10px 5px;
	}
}
.joinListHome {
	margin: 25px auto;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
}
.joinListHome input[type="text"] {
	max-width: 99%;
	margin: 10px 0;
}
@media only screen and (min-width: 897px) {
	.joinListHome input[type="text"] {
		max-width: 75%;
		margin: 0 0 10px 5px;
	}
} 
@media only screen and (min-width: 897px) {
	.joinListHome input[type="submit"] {	
		margin-left: 15px;	
	}	
	
}
/*@end mailing list sign up */
/*Home page */
.signature {
	font-size: 1.35em;
    letter-spacing: 1.25px;
	font-weight: bold;
	font-family: 'Sorts Mill Goudy', serif;
	color: #492083;
	text-align: right;
	margin: 0 50px 0 0;
}
.homeBox {
	background: none;
	padding: 0 2%;
}
@media only screen and (min-width: 897px) {
	.homeBox {
		padding: 10px 10%;
	}
}
hr.news {
    height: .5em;
    border: 1px solid #F7ECDA;
    background: #F7ECDA;
    margin: 2em 0;
}
/*@end Home page @begin Book Pages*/
.bookCover {
    float: none;
    background: #fff;
    padding: 5px;
    -webkit-box-shadow: 1px 1px 3px 1px #b5b4b4;
    -moz-box-shadow: 1px 1px 3px 1px #b5b4b4;
	box-shadow: 1px 1px 3px 1px #b5b4b4;
}
.bookPage {
	margin: 0 auto 15px auto;
}
.booksPage {
	margin: 0 auto;
	width: 90%;
	max-width: 250px;
}
.seriesPage {
	margin: 15px auto;
	width: 200px;
}
@media only screen and (min-width: 897px) {
	.seriesPage {
		margin: 0px 15px 20px 15px;
		width: 140px;
	}	
}
@media only screen and (min-width: 941px) {
	.booksPage {
		margin: 0;
	}	
}
.excerptPage {
	margin: 15px auto;
	width: 230px;	
}
@media only screen and (min-width: 897px) {
	.excerptPage {
		margin: 20px 15px;
		max-width: 200px;
	}	
}
.buyBox {
	margin: 25px 0;
	background: #fff;
	padding: 10px;
	font-size: 1.25em;
}
.buyBox img {
	padding: 5px 10px;
}
h1.bookTitle {
	text-align: center;
	text-transform: uppercase;
	color: #683A86;
}
#series img {
    float: none;
    background: #fff;
    padding: 5px;
    -webkit-box-shadow: 1px 1px 3px 1px #b5b4b4;
    -moz-box-shadow: 1px 1px 3px 1px #b5b4b4;
	box-shadow: 1px 1px 3px 1px #b5b4b4;
	width: 175px;
	margin: 15px auto;
}
@media only screen and (min-width: 897px) {
	#series img {
		width: 120px;
		margin: 15px;
	}
}
.bookReviewBox {
	background-color: #fff;
	padding: 10px 15px;
	font-size: 1.25em;
	font-weight: bold;
	text-align: center;
	font-style: italic;
	margin: auto;
}
.bookReviewer {
	color: #492083;
	font-style: normal;
}
@media only screen and (min-width: 625px) {
	.bookReviewBox {
		padding: 25px;
		width: 90%;
	}
}
@media only screen and (min-width: 1040px) {
	.triadBox {
		margin-top: 30px;
	}
}
@media only screen and (min-width: 1200px) {
	.triadBox {
		margin-top: 50px;
	}
}
@media only screen and (min-width: 1300px) {
	.triadBox {
		margin-top: 65px;
	}
}
@media only screen and (min-width: 1400px) {
	.triadBox {
		margin-top: 75px;
	}
}
@media only screen and (min-width: 1200px) {
	.randomBox {
		margin-top: 20px;
	}
}
@media only screen and (min-width: 1300px) {
	.randomBox {
		margin-top: 30px;
	}
}
@media only screen and (min-width: 1400px) {
	.randomBox {
		margin-top: 40px;
	}
}
@media only screen and (min-width: 1200px) {
	.matchmakerBox {
		margin-top: 15px;
	}
}
@media only screen and (min-width: 1300px) {
	.matchmakerBox {
		margin-top: 20px;
	}
}
@media only screen and (min-width: 1400px) {
	.matchmakerBox {
		margin-top: 25px;
	}
}
/*accrdian tabs*/
.r-tabs {
	position: relative;
	background: rgba(252,247,237,.75);
}
.r-tabs .r-tabs-nav {
    padding: 5px 0 0 20px;
}
.r-tabs .r-tabs-nav .r-tabs-tab {
	position: relative;
}
.r-tabs .r-tabs-nav .r-tabs-anchor {
	display: inline-block;
	text-decoration: none;
    padding: 5px 10px;
	font-size: 1.15em;
    background: #F8F2E3;
    margin: 0 5px;
    border-radius: 0px;
	text-transform: uppercase;
}
.r-tabs .r-tabs-nav .r-tabs-state-disabled {
	opacity: 0.5;
}
.r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor {
	color: #000;
	text-shadow: none;
	background-color: #F2E8D8;
    border-radius: 0px;
    margin-top: 5px;
}
.r-tabs .r-tabs-panel {
	background-color: none;
}
.r-tabs .r-tabs-panel.r-tabs-state-active {
    padding: 10px 25px 25px;
}
.r-tabs .r-tabs-accordion-title .r-tabs-anchor {
	display: block;
	padding: 10px;
	font-size: 1.25em;
	font-weight: bold;
	text-decoration: none;
}
.r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor {
	color: #000;
    text-shadow: none;
    background-color: #F2E8D8;
    margin-top: 5px;
	text-transform: uppercase;
	text-align: center;
}
.r-tabs .r-tabs-accordion-title {
    background: #F8F2E3;
	margin-top: 5px;
	text-transform: uppercase;
	text-align: center;;
}
.r-tabs .r-tabs-accordion-title.r-tabs-state-disabled {
	opacity: 0.5;
}
h1.summary {
	margin: 0;
}
.reviewcredit {
	color: #492083;
	padding: 0 0 20px 25px;
    font-weight: bold;
    border-bottom: 2px solid #F0E8D7;
}
/*Main Book Page */
.seriesbutton {
  width: 100%;
  color: #fff;
  background-color: #452B85;
  border: solid 2px #fff;
  text-align: left;
  margin: 15px 0 0 0;
  line-height: 1.4;
}
.seriesbutton:hover,
.seriesbutton.hover {
  background-color: #000;
}
.seriesbutton:active,
.seriesbutton.active {
  background-color: #6849b3;
}
.showSeries {
	padding: 15px;
	background: rgba(252,247,237,.75);
    display: none;
}
@media only screen and (min-width: 625px) {
	.showSeries {
		padding: 25px 45px;
	}
}
.toggle {
	float: right; 
	font-size: 65%; 
	padding: 3px 5px;
	color: #FAF2E5;	
}
.firstSeries {
	display: block;
}
/*Bio Styles */
.bioPic {
    max-width: 200px;
    float: none;
    background: #fff;
    padding: 10px;
    -moz-box-shadow: 0 0 15px #ccc;
    -webkit-box-shadow: 0 0 15px #ccc;
    box-shadow: 0 0 15px #ccc;
    margin: 10px auto 20px auto;
}
.faqPic {
	max-width: 175px;	
}
@media only screen and (min-width: 397px) {
	.faqPic {
		max-width: none;
	}	
}
/*@ end Book Pages*/
/*@ begin Bio Pages*/
@media only screen and (min-width: 342px) {
	.bioPic {	
		max-width: 250px;
	}
}
@media only screen and (min-width: 897px) {
	.bioPic {	
		max-width: 190px;
	}
}
@media only screen and (min-width: 1042px) {
	.bioPic {	
		max-width: 225px;
	}
}
@media only screen and (min-width: 1200px) {
	.bioPic {	
		max-width: 250px;
	}
}
/*Just for Fun */
.funBox {
    margin: 15px 0;
    padding: 15px;
}
@media only screen and (min-width: 897px) {
	.funBox {
		margin: 35px 20px 50px 20px;
		padding: 20px 35px;	
	}
}
@media only screen and (min-width: 897px) {
	.mapBox {
		margin-right: 10%;
		margin-left: 10%;
	}	
}
@media only screen and (min-width: 1040px) {
	.mapBox {
		margin-right: 15%;
		margin-left: 15%;
	}	
}
.answerBox {
    margin: 15px 0;
    padding: 15px;
}
@media only screen and (min-width: 897px) {
	.answerBox {
		margin: 35px 0;
		padding: 20px 25px;	
	}
}
.iframe-container {
	position:relative;
	padding-bottom:100%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}
.iframe-container iframe, .iframe-container object, .iframe-container embed {
	position:absolute;
	top:0;
	left:0;
	width:105%;
	height:100%;
}
.showMobile {
	display: block;
}
	.showDesktop {
		display: none;
	}	
@media only screen and (min-width: 897px) {
	.showMobile {
		display: none;
	}	
	.showDesktop {
		display: block;
	}		
}
.recipeBox {
	background: #FCF7F0;
	padding: 15px;
}
@media only screen and (min-width: 897px) {
	.recipeBox {
		background: #FCF7F0;
		padding: 10px 30px 25px 30px;
	}		
}
ul.recipes {
	margin-left: 5%;
}
@media only screen and (min-width: 897px) {
	ul.recipes {
		margin-left: 10%;
	}	
}
/*Flora Contact Form */
.floraforms .field-icon i { 
	color:#452B85; 
}
.floraforms .field-label em{ 
	color:#452B85;
}
.floraforms .flo-input:hover,
.floraforms .flo-textarea:hover,
.floraforms .flo-select > select:hover,
.floraforms .flo-selectmulti select:hover, 
.floraforms .flo-input:hover ~ .flo-hint,
.floraforms .flo-file .file-input:hover + .flo-input,
.floraforms .flo-textarea:hover ~ .flo-hint{
	border-color: #452B85;
}
.floraforms .flo-input,
.floraforms .flo-select,
.floraforms .flo-textarea,
.floraforms .flo-select > select,
.floraforms .flo-selectmulti select{
	border: 2px solid #4D3532;
}
.floraforms .btn-themed {  background-color: #452B85;  }
.floraforms .btn-themed:hover,
.floraforms .btn-themed:focus { background-color: #452B85; }
.floraforms .btn-themed:active{ background-color: #452B85; }
.floraforms .alert-info { color:#FF504D; background-color: #fff; }
.floraforms .alert-success { color:#fff; background-color: #6A5C52; }
.floraforms .alert-warning { color: #fff; background-color: #FF504D; }
.floraforms .alert-error { color:#FF504D; background-color: #fff; }

.floraforms .flo-input:focus,
.floraforms .flo-textarea:focus,
.floraforms .flo-select > select:focus,
.floraforms .flo-selectmulti select:focus{ border-color: #452B85; color: #333333; }
.floraforms .flo-selectmulti select:focus, 
.floraforms .flo-input:focus ~ .flo-hint,
.floraforms .flo-textarea:focus ~ .flo-hint, 
.floraforms .flo-file .file-input:focus + .flo-input{ border-color: #452B85; }
.floraforms .flo-select > select:focus + .arrow{ color:#452B85; }

.floraforms .state-error .flo-input,
.floraforms .state-error .flo-textarea,
.floraforms .state-error.flo-select > select,
.floraforms .state-error.flo-selectmulti > select,
.floraforms .state-error input:hover + .flo-checkbox, 
.floraforms .state-error input:hover + .flo-radio,
.floraforms .state-error input:focus + .flo-checkbox, 
.floraforms .state-error input:focus + .flo-radio,
.floraforms .state-error .flo-checkbox, 
.floraforms .state-error .flo-radio{
	background: rgba(255, 231, 192, 0.35);
	border-color:#452B85;
}
.floraforms .captcode {
	background: #fff;
    border-color: #4D3532;
}
.floraforms .refresh-captcha i { 
	color: #4D3532; 
}
/*end of floraforms*/
/*bx slider on home page */
.bx-wrapper {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    background: none;
}
.bx-wrapper img {
    display: inline-block;
}
.bx-wrapper .bx-controls-direction a {
    top: 100%;
 }