/* FOLIUM EDITS */

/* 5/24/10 edited to include book and author spans, pull-quotes, and new quotation span •••KKP
6/16/2010 edited to include "Golden Voice" award  ••• KKP */

#socialIcons_fixed {
  position:fixed;
  width:80px;
  top:65px;
  left: 0;
  margin: 0 auto;
  z-index: 1000;
}
#socialIcons_position {
  position:relative;
  width: 100%; 
  text-align: left;
}
.socialbuttonfixed {
  width: 32px; height: 32px;
  overflow: hidden;
  line-height: 120px;
  position: relative;
  z-index: 1002;
  cursor: pointer;
}
.socialbuttonfixed.facebook {
  background: url(http://blackstoneaudioapps.com/dixie/wp-content/uploads/images/facebook.png) no-repeat;
}
#fb_slider, #twit_slider {
  background: #f1f1f1;
  width: 60px;
  height: 25px;
  left: 28px;
  position:absolute;
  top:0;
  z-index: 1001; 
  display: none; 
  font-size: 10px;
  padding: 0px 0 2px 5px;
  
  -moz-border-radius-topright: 7px;
  -moz-border-radius-bottomright: 7px;
  -webkit-border-top-right-radius: 7px;
  -webkit-border-bottom-right-radius: 7px;
}
#fb_slider {border: solid 1px #334d8f;}
#twit_slider {
  border: solid 1px #67d9df;
  top: 33px;
}
.socialbuttonfixed.twitter {
  background: url(http://blackstoneaudioapps.com/dixie/wp-content/uploads/images/twitter.png) no-repeat;
}
.socialbuttonfixed.delicious {
  background: url(http://blackstoneaudioapps.com/dixie/wp-content/uploads/images/delicious.png) no-repeat;
}
.socialbuttonfixed.digg {
  background: url(http://blackstoneaudioapps.com/dixie/wp-content/uploads/images/digg.png) no-repeat;
}

@font-face {
	font-family: 'nevis';
	src: url('nevis-webfont.eot');
	src: local('nevis'), local('nevis-Bold'), url('nevis-webfont.woff') format('woff'), url('nevis-webfont.ttf') format('truetype'), url('nevis-webfont.svg#webfontYUd2fhWq') format('svg');
	font-weight: bold;
	font-style: normal;
}

h1.kern,h2.kern,h3.kern,h4.kern,p.kern { text-rendering: optimizeLegibility; }


/* -------------------------------------- AUDIO PREVIEW STYLING */
div.listen_btn {
 background:#767876;
 background-repeat:no-repeat;
 border:none;
 background-color:none;
 padding: 7px 10px 1px 5px;
 font-weight:bold;
 line-height: 160%;
 width: 294px;
 margin: 20px 0 7px 234px;
 border: solid 3px #767876;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
 text-decoration:none;
}
div.listen_btn p {margin: 1px 0 0 0;}
div.listen_btn img {float: left; margin: -4px 5px 2px -3px;}
div.listen_btn a {color:#fff; text-shadow: #000 0px 1px 1px; text-decoration:none;}
div.listen_btn a:hover {color:#f4d818; text-shadow: #000 0px 1px 1px; text-decoration:none;}

/* -------------------------------------- microAUDIO PLAYER ••• KJC */
.mAp {margin: 10px 5px 5px -2px;}

/* --------------------------PULLOUT BOX FOR QUOTES AND SUCH -WITH REVISIONS 5.24.10 •••KKP */
.book {
	font-style: italic;
	font-weight: bold;
}
span.author {
	font-variant: small-caps;
	font-style: italic;
	font-weight: bold;
	font-size:1.2em;
}



.quotation {
	float:right;
	width:200px;
	display:block;
	margin:5px 0px 10px 10px; 
	padding: 5px 5px 5px 10px; 
	border-left:solid #cccccc;
	font-family:Georgia, "Times New Roman", serif;
	font-style:italic;
	font-weight:normal; 
	color:#333;
}

.quotation p {padding:0px; margin:0px; }

.quotation p:not(.attr):before {
	content: '&ldquo;';
	line-height: 0px;
	margin: 0px .3em 0px 0px;
	vertical-align: middle;
}

.quotation p:not(.attr):after {
	content: '&rdquo;';
	line-height: 0px;
	margin: 0px 0px 0px .3em;
	vertical-align: middle;
}

.quotation p.attr {
	font-family:"Trebuchet MS", Arial, sans-serif;
	font-style:normal; 
	font-weight:lighter; 
	color:#c48a00;
	padding:0;
	margin:5px 0 0 0;
}
.pull-quote { 
	color:#ddd;
	font-family:Georgia, "Times New Roman", serif;
	font-style:italic;
	margin:0 0 1em 0;
	padding:15px 20px 0 20px;
	border:1px solid #333;
	background:#222; 
	-moz-border-radius:7px; 
	-webkit-border-radius:7px; 
	display: table;
}

.pull-quote p:not(.attr):before {
	content: 'ÃÂ¢ÃÂÃÂ';
	line-height: 0px;
	margin: 0px .3em 0px 0px;
}

.pull-quote p:not(.attr):after {
	content: 'ÃÂ¢ÃÂÃÂ';
	line-height: 0px;
	margin: 0px 0px 0px .3em;
}

.pull-quote p.attr {
	font-family:"Trebuchet MS", Arial, sans-serif;
	font-style:normal; 
	font-weight:lighter; 
	color:#cdcdcd;
	vertical-align: top;
}


.pullout, .blurb {
	padding:15px 32px;
	font-style:italic;
	font-size:1.3em;
	color:#444;
	text-shadow: #fff 0 1px 0;
	border:solid 1px #ccc;
	background:#f9f9f9;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	text-align: center;
}

.pullout:before, .blurb:before {
	content: attr(rel);
	font-size:4em;
	color:#ddd;
	position:relative;
	float:left;
	left:-32px;
	top:15px;
	margin: 0 0 -90px 0 ;
}

.blurb {
	text-align: left;
	font-size: 1.1em;
}

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


/* -------------------------------------- BOOK INFO <ul> PLACED AT END OF POST */
ul.bookInfo {margin:30px 0 0 0;}
ul.bookInfo li {
	list-style: none; 
	background: #fff; /*gets rid of gray dot (not sure why it shows up) */
	padding:0; margin:0;
}
ul.bookInfo li:first-child {
	font-weight:bold;
	border-bottom: solid 1px #ccc;
	display:inline;
	padding:0 100px 0 0 ;
}

/* -------------------------------------- FORM STYLINGS - mostly for contact form */
.frm_style input[type="text"],
.frm_style textarea {
	font-family: Arial, Verdana;
	font-size: 14px;
	border: solid 1px #ccc;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-box-shadow: 0px 0px 13px #ddd;
	-webkit-box-shadow: 0px 0px 13px #ddd;
	padding: 0 10px 0 10px;
}
.frm_style input[type="text"] {height:30px;}
.frm_style textarea {padding:10px;}
.frm_style input[type="submit"]{
	background:#ddaf44;
	border:solid 2px #d5a00f;
	color:#333;
	font-size:13px;
	padding: 2px 5px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
.frm_style input[type="submit"]:hover {text-decoration: underline;}


/* -------------------------------------- STYLING FOR COVER ART CAPTIONING ••• KJC */
.wp-caption a {
text-decoration:none;
font-size:10px;
color:#888;
}
.wp-caption a:hover {
color:#d5a00f;
}


/* -------------------------------------- STYLING FOR COVER ART <div> ••• JHL */
.flickr-gallery {  }
.image { ; }
.left { float:left; padding-right:10px; padding-bottom:5px; }
.right { float:right; padding-left:10px; padding-bottom:5px; }


/* -------------------------------------- STYLING FOR COVER ART <img> ••• JHL */
.flickr { border: gray 3px solid; }
.small { width:220px; height:220px; }


/* -------------------------------------- GENERIC <button> TAG STYLE. PREVIOUSLY USED ON afterRead PLUGIN ••• KJC */
button {
	background:#ddaf44;
	border:solid 1px #d5a00f;
	color:#94731a;
	font-size:13px;
	padding: 2px 5px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	margin:30px 0 0 0;
}
button:before {
	content:"«"; 
	font-family:arial; 
	padding:0 3px 0 0 ; 
	font-size:14px; 
	margin:-2px 0 0 0;
}
a button {
	text-decoration:none; 
	color:#94731a; 
	text-shadow:#fbd46a 0 1px 1px;
}
a:hover button {
	color:#775d17; 
	text-shadow:#fff 0 1px 1px;
}

/* makes blackstone logo a link to HOME */
.baaLogoClickable {
	width:370px;
	height:82px;
	margin: 40px 0 0 40px;
}

/* -------------------------------------- AWARDS STYLES */
/* (when adding, make sure to include :before on lines with content) */

span.award-audie {display:block; margin:10px 0 10px 0;}
span.award-audie:before {content: "Winner of the presitigous Audie® Award"; font-weight:bold; }
span.award-goldenvoice {display:block; margin:10px 0 10px 0; color: #996600; font-style: italic; text-align: center;}
span.award-goldenvoice:before {content: "One of AudioFile Magazine's Golden Voices"; font-weight:bold; }

span.award-summerdiscover {display:block; margin:10px 0 10px 0;}
span.award-summerdiscover:before {content: "Barnes & Noble Summer Discovery Pick"; font-weight:bold; }

span.award-amazon {display:block; margin:10px 0 10px 0;}
span.award-amazon:before {content: "Amazon Best Book of the Month"; font-weight:bold; }
span.award-audiofile:before {content: "Winner of the AudioFile Earphones® Award"; font-weight:bold; }
span.award-audiofile {display:block; margin:10px 0 10px 0;}
span.award-audiofile-mystery:before {content: "Winner of the AudioFile Best Mystery"; font-weight:bold; }
span.award-audiofile-mystery {display:block; margin:10px 0 10px 0;}
span.award-booklist {display:block; margin:10px 0 10px 0;}
span.award-booklist:before {content: "Booklist Editor's Pick"; font-weight:bold; }
span.award-caldecott {display:block; margin:10px 0 10px 0;}
span.award-caldecott:before {content: "Winner of the Caldecott Medal"; font-weight:bold; }
span.award-glasskey {display:block; margin:10px 0 10px 0;}
span.award-glasskey:before {content: "Winner of the Glass Key Award"; font-weight:bold; }
span.award-grammy {display:block; margin:10px 0 10px 0;}
span.award-grammy:before {content: "Nominated for the Grammy Award, Best Spoken Word"; font-weight:bold; }
span.award-hugo {display:block; margin:10px 0 10px 0;}
span.award-hugo:before {content: "Winner of the Hugo Award"; font-weight:bold; }
span.award-nyt {display:block; margin:10px 0 10px 0;}
span.award-nyt:before {content: "New York Times Bestseller List"; font-weight:bold; }
span.award-nationalbook {display:block; margin:10px 0 10px 0;}
span.award-nationalbook:before {content: "Winner of the National Book Award for Fiction"; font-weight:bold; }
span.award-nationalbookcritics {display:block; margin:10px 0 10px 0;}
span.award-nationalbookcritics:before {content: "Winner of the National Book Critics Circle Award"; font-weight:bold; }
span.award-nebulas {display:block; margin:10px 0 10px 0;}
span.award-nebula:before {content: "Winner of the Nebula Award"; font-weight:bold; }
span.award-pulitzer {display:block; margin:10px 0 10px 0;}
span.award-pulitzer:before {content: "Winner of the Pulitzer Prize for Literature"; font-weight:bold; }
span.award-pulitzer-nonfict {display:block; margin:10px 0 10px 0;}
span.award-pulitzer-nonfict:before {content: "Winner of the Pulitzer Prize for Non-fiction"; font-weight:bold; }

span.nominated-audie {display:block; margin:10px 0 10px 0;}
span.nominated-audie:before {content: "Nominated for the presitigous Audie® Award"; font-weight:bold; }
span.nominated-audiofile {display:block; margin:10px 0 10px 0;}
span.nominated-audiofile:before {content: "Nominated for an AudioFile Earphones® Award"; font-weight:bold; }
span.nominated-caldecott {display:block; margin:10px 0 10px 0;}
span.nominated-caldecott:before {content: "Nominated for the Caldecott Medal"; font-weight:bold; }
span.nominated-glasskey {display:block; margin:10px 0 10px 0;}
span.nominated-glasskey:before {content: "Nominated for the Glass Key Award"; font-weight:bold; }
span.nominated-grammy {display:block; margin:10px 0 10px 0;}
span.nominated-grammy:before {content: "Nominated for the Grammy Award, Best Spoken Word Album"; font-weight:bold; }
span.nominated-hugo {display:block; margin:10px 0 10px 0;}
span.nominated-hugo:before {content: "Nominated for the Hugo Award"; font-weight:bold; }
span.nominated-nationalbook {display:block; margin:10px 0 10px 0;}
span.nominated-nationalbook:before {content: "National Book Award Nominee"; font-weight:bold; }
span.nominated-nationalbookcritics {display:block; margin:10px 0 10px 0;}
span.nominated-nationalbookcritics:before {content: "Nominated for the National Book Critics Circle Award"; font-weight:bold; }
span.nominated-nebula {display:block; margin:10px 0 10px 0;}
span.nominated-nebula:before {content: "Nominated for the Nebula Award"; font-weight:bold; }
span.nominated-pulitzer {display:block; margin:10px 0 10px 0;}
span.nominated-pulitzer:before {content: "Pulitzer Prize for Literature Nominee"; font-weight:bold; }

span.finalist-nationalbookcritics {display:block; margin:10px 0 10px 0;}
span.finalist-nationalbookcritics:before {content: "A finalist for the National Book Critics Circle Award"; font-weight:bold; }




/*		Contains various edits to conform to new styling.
//			Search for ••• to find them.
*/

/* --------------------------------------BASIC STYLE EDITS */

body { margin:0; padding:0; background:url(../../themes/piano-black/img/back1.gif);
       font-family: Arial, Helvetica, sans-serif; 
       font-size:12px; color:#222; text-align:center; }
a img { border:none; }
a img bordered { border:1px solid #021a40; }
a, a:visited { color:#333; text-decoration:none; outline:none; }
a:hover { color:#ddaf44; text-decoration:underline; }
#right-col a:hover { color:#fff; text-decoration:underline; }
p { margin:0 0 1em 0; padding:0; line-height:160%; }
ul { list-style-type:none; margin:0 0 1em 0; padding:0; line-height:0%; }
ul li { margin:0; padding:0; line-height:normal; }
ol { margin:0 0 1em 19px; padding:0; }
* html ol { margin:0 0 1em 23px; padding:0; }
ol li { padding:0 0 5px 0; }
form,table,input,textarea,dl,dt,dd { margin:0; padding:0; }
table { border-collapse:collapse; border:0; width:100%; }
blockquote { color:#ddd; margin:0 0 1em 0; padding:15px 20px 0 20px; border:1px solid #333; background:#222; -moz-border-radius:7px; -webkit-border-radius:7px; }
blockquote a, blockquote a:visited { text-decoration:underline; color:#9b7b25; }
pre { border:1px solid #333; background:#222; padding:10px 20px; margin:0 0 1em 0; overflow:auto; }
object { display:block; margin:0 auto; }
/* ••• Font and spacing edits by JHL */
.wp-caption-text { text-align:center; line-height: .5em; color:#666; font-size:8px; font-style:oblique; padding: 0 5px; padding-bottom: .5em; margin: 0; }
/* ••• JHL added padding to alignments, below */
.alignright { float:right; padding-left:1em; }
.alignleft { float:left; padding-right:1em; }
.aligncenter { margin-left:auto; margin-right:auto; }
.centered { margin-left:auto; margin-right:auto; }
.clear { clear:both; }
.bordered { border:1px solid #021a40; }

/* ••• JHL edit for the sidebar sections */
.side-title { margin:2px 2px 10px 2px; font-size:1.1em; text-transform:uppercase; color:#222; font-weight:bold; line-height:110%; border-bottom: solid 2px #ddaf44; }

/* ••• JHL edit the copyright info block */
#copyrights { border-left:1px solid rgba(0,0,0,.1); padding-top:0px;/*not sure why this padding was set to 400px...? ••• KJC */ }

/* --------------------------------------POST PADDING ON LEFT/RIGHT ALIGNMENTS ••• JHL */
.post img.alignright, div.alignright { padding: 0px 0px 0px 20px;}
.post img.alignleft, div.alignleft { padding: 0px 20px 0px 0px; }



/* --------------------------------------SEARCH BOX EDITS ••• KJC */
#searchform label {display:none;}
#searchform input[type="text"] {
  	height:30px;
  	width:190px;
  	margin:0 -60px 0 0 ;
	background: #ddaf44;
	border: solid 1px #a18742;
 	font-size:14px;
	padding: 0 55px 0 3px;
	-moz-border-radius:10px;
  	-webkit-border-radius:10px;
  	outline: none;
}
#searchform input[type="text"]:focus {
	border: solid 1px #444;
}
#searchform #searchsubmit {
 	height:30px; 
 	position:relative; 
 	top:-1px; 
 	right:0px;
 	background: #322f31;
 	color:#fff;
 	border: none;
 	border-left: solid 1px #a18742;
 	width:56px;
 	-moz-border-radius-topright:10px;
 	-moz-border-radius-bottomright:10px;
  	-webkit-border-bottom-right-radius:10px;
  	-webkit-border-top-right-radius:10px;
  	margin:0;
  	outline: none;
}
#searchform #searchsubmit:active {
	background: #494648;
	outline: none;
}


/* ------------------------------------------------HOMEPAGE ••• KJC */
.post { margin:30px 0 5px 35px; }
.post-content { padding:0px 0 0px 0; clear: none; line-height:160%; }
.post.homepage h1 {font-size:18px;}
.post .artworkDiv img {width:160px; border: 0; background: 0;}
div.artworkDiv {
  float:left; 
  margin: 0 20px 20px 0;
  width: 160px;
  height:160px;
  position: relative;
}
div.artworkDiv:hover {border-bottom: solid 3px #ddaf44;} 
div.artworkDiv span.gloss {
	width: 160px;
	height: 160px;
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	background: url(http://blackstoneaudioapps.com/quicksand/roundedCorners.png) no-repeat;
}
div.artworkDiv h4 {
  margin: 10px 0 0 0 ;
  text-align:center;
}

div.artworkDiv a img {background: none;}

.post.right, .search.right { margin:30px 0 5px 35px; }
.post.right .post-content {text-align:right; }
.post.homepage.right h1, .search.right h3, .search.right p {text-align:right; margin: -5px 170px 10px 0 ;}
.post.right div.artworkDiv, .search.right div.artworkDiv {float:right; margin: 0 0 0 20px;}

/*
#left-col .homepage:first-child {
  background: url(http://blackstoneaudioapps.com/dixie/wp-content/themes/piano-black/img/introBGD.jpg) no-repeat #ece8dd; 
  width:597px; 
  margin:0 0 0 -2px; 
  padding: 5px 24px 0 0 ;
  border-right: solid 1px #ccc;
} 

.homepage h1 {margin: 20px 0 0 25px;}
.homepage h2 {margin: 20px 0 0 25px;}
.homepage p {margin: 20px 0 0 25px;}
.homepage h2.titleBar {border-bottom: solid 1px #ccc;}
#left-col .homepage:first-child p { padding-bottom:30px; font-size: 13px; text-shadow: #fff 0px 1px 1px; }
#left-col .homepage:first-child p a {color:#9b7b25; font-weight:bold; padding:1px 2px}
#left-col .homepage:first-child p a:hover {color:#fff; text-shadow:none; background: #ddaf44; text-decoration:none; -moz-border-radius:3px; -webkit-border-radius:3px}
#left-col .homepage:first-child h2 {text-shadow: #fff 0px 1px 1px;}
#left-col .homepage:first-child .itunes { color:#00D400; } */

ul.browseAuthor {list-style: none;}
ul.browseAuthor li {display: block;}
ul.browseAuthor li a:first-child {font-size: 15px;}

.post h1 span {font-size:14px; display:block;} /* ••• KJC did this so authors in post titles are smaller. ex: Book title <span>by Author</span> */

/* ••• KJC modified img <a> to not show border if no href */
.post a[href] img { border:none; background:none;}  /* only border if <a> has href */
/*.post img:not(.ajax-loader) { border: 2px solid #666; }*/
.post .main_view img{ border:none; padding:0; margin:0;  background:none;}  /* no border for jqImage slider */
.post a img.noBorder { border:none; padding:0; margin:0;  background:none;}  /* no border for images with noBorder class */
.post img.noBorder { border:none; background: none;}  /* no border for images with noBorder class */
.post ul.image-grid img { border:none; padding:0; margin:0;  background:none;}  /* no border for quicksand imgs */
.post a[href]:hover img { border:none; background:none; }
.post img.bordered { border:1px solid #021a40; }
.post a:hover img.noBorder { border:none; padding:0; margin:0;  background:none;}  /* no border for images with noBorder class */


/* -------------------------------------- APP STORE BADGE */
.post a img.appStoreBadge { padding:0px 0 6px 3px; display:block; float:right; margin: -9px 0 8px 8px;}
.post a:hover img.appStoreBadge { border-bottom: solid 2px #ddaf44; padding:0px 0 4px 0; display:block; float:right; margin: -9px 0 12px 3px;}

/* --------------------------------------------------Browse by Category */
#nonF-Children,
#nonF-Teen,
#nonF-YoungAdult,
#nonF-Adult,
#F-Children,
#F-Teen,
#F-YoungAdult,
#F-Adult {
  display: none;
}
p.categoryList {
  background:#f9f9f9;
  border: solid 2px #ddaf44;
  -moz-border-radius-bottomleft: 6px;
  -moz-border-radius-bottomright: 6px;
  -webkit-border-bottom-left-radius: 6px;
  -webkit-border-bottom-right-radius: 6px;
  padding: 10px;
  text-shadow: #fff 0 1px 1px;
  font-size:13px;
}
ul.categoryList {
  background:#fefef5;
  border: solid 2px #ddaf44;
  -moz-border-radius-bottomleft: 6px;
  -moz-border-radius-bottomright: 6px;
  -webkit-border-bottom-left-radius: 6px;
  -webkit-border-bottom-right-radius: 6px;
  padding: 0px;
  text-shadow: #fff 0 1px 1px;
}

ul.categoryList li {
  background:#f9f9f9;
  border-top: solid 1px #fff;
  border-bottom: solid 1px #eee;
}
ul.categoryList li:nth-child(odd) {
  background: #f1f1f1;
}
ul.categoryList li:last-child {
  -moz-border-radius-bottomleft: 6px;
  -moz-border-radius-bottomright: 6px;
  -webkit-border-bottom-left-radius: 6px;
  -webkit-border-bottom-right-radius: 6px;
}
ul.categoryList li a p {
  margin: 0; padding: 3px 3px 3px 8px ;
}
ul.categoryList li a:hover p {
  color:#fff;
  background: #888;
  text-shadow: #222 0px 1px 1px;
}
ul.categoryList li:last-child a:hover p {
  color:#fff;
  background: #888;
  text-shadow: #222 0px 1px 1px;
  -moz-border-radius-bottomleft: 3px;
  -moz-border-radius-bottomright: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;

}
ul.categoryList li a:hover p:after {
 content: attr(rel);
 float: right; margin: 0 5px 0 0;
}
#categoryLists input[type="button"]{
  background: #f4dc85;
  border:none;
  border-top:solid #f1f1f1 1px;
  width: 216px;
  padding: 4px 10px 4px 10px;
  margin: 10px 0 0px -10px;
  font-size: 16px;
  color: #444;
  text-shadow: #fff 0 1px 1px;
}

#categoryLists {
  width: 220px;
  float:left;
  padding: 30px; margin: 0 0 0 15px;
  font-size:16px;
}
#categoryLists form{
  margin: 0 0 0 0 ; 
  background: #f7e5a6; 
  padding: 10px 10px 0 10px;
  color:#444;
  text-shadow: #f1f1f1 0px 1px 1px;
  border: solid 2px #ddaf44;
  border-bottom: none;
  -moz-border-radius-topleft: 6px;
  -moz-border-radius-topright: 6px;
  -webkit-border-top-left-radius: 6px;
  -webkit-border-top-right-radius: 6px;
}

#categoryLists form span {
  float:left;
  position:relative;
  left:-32px;
  background: #555;
  width:20px; height:20px;
  margin: 0 -30px 0 0 ;
  text-align:center;
  color: #fff; text-shadow:none;
  -moz-border-radius-topleft:3px;
  -moz-border-radius-bottomleft:3px;
  -webkit-border-top-left-radius:3px;
  -webkit-border-bottom-left-radius:3px;
}

#categoryLists div.type{
  border-bottom:solid #ddaf44 1px;
  background: #f4dc85;
  width: 196px;
  margin: -10px 0 0 -10px;
  padding: 10px;
  font-weight:bold;

  -moz-border-radius-topleft: 6px;
  -moz-border-radius-topright: 6px;
  -webkit-border-top-left-radius: 6px;
  -webkit-border-top-right-radius: 6px;
}
#categoryLists div.audience{
  border-top:solid #f1f1f1 1px;
  border-bottom:solid #ddaf44 1px;
  width: 196px;
  margin: 0px 0 -10px -10px;
  padding: 10px 10px 10px 10px;
}

#bookList {
  width:580px;
  margin:20px 15px 0 0 ;
  float:right;
  padding: 30px;
}
#bookList p.breadCrumb {
  color:#fff;
  font-size:14px;
  margin:-10px 0 30px -69px; ;
  padding: 10px 30px;
  background: #ddaf44;
  text-shadow: #777 0px 1px 1px;
  border-left: none; 

  -moz-border-radius-topright: 6px;
  -moz-border-radius-bottomright: 6px;
  -webkit-border-top-right-radius: 6px;
  -webkit-border-bottom-right-radius: 6px;
}
#bookList p.pleaseSelect {
  background:#91ce83;
  border: solid 2px #5ab446;
  padding: 10px 20px;
  font-size: 16px;
  font-weight:bold;
  text-shadow: #fff 0 1px 1px;
  margin-left: -15px;
}
#bookList div.artworkDiv {
  float:left; 
  margin: 0 30px 60px 0;
  width: 160px;
  height:160px;
  position: relative;
  padding:0 0 3px 0;
}
#bookList div.artworkDiv:hover {
  padding:0;
}
#bookList div#ajaxLoader {
  position:relative;
  width:128px;
  margin: -18.5px auto 0 auto; padding: 0;
  display: none ;
  top:23px;
}
#countBadge{
  background: url('http://blackstoneaudioapps.com/dixie/wp-content/themes/piano-black/img/countBadge.png') no-repeat;
  width:100px; height:120px;
  font-size: 30px; font-weight:bold;
  color:#fff;
  text-align:center;
  padding: 24px 110px 0 0 ; // where the font will draw
  margin: 0 0 0px 0 ;
  position:relative;
  float:right;
  top:-20px; // how far down the page
}

p.drawingRules {
	background: #f7e5a6;
	color:#444;
	text-shadow: #f1f1f1 0px 1px 1px;
	text-align: center;
	padding:12px;
	font-weight: bold;
	margin:0 0 10px 0;
	border: #ddaf44 solid 2px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

/* --------------------------------------------------GET UPDATED email subscription*/
#getUpdated {margin: 30px 0 0 0;}
#getUpdated input {
  font-size:18px;
  width: 300px;
  margin: 20px 0 30px 120px;
  border: solid 1px #ccc;
  padding: 5px;
  -moz-box-shadow:#ccc 0 0 6px;
  -webkit-box-shadow:#ccc 0 0 6px;
}
#getUpdated p {
  text-align:center;
}

#getUpdated p a {
  font-size: 18px;
  background: #ddaf44;
  padding: 5px 15px;
  text-decoration: none;
  cursor:pointer;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  text-shadow: #f8e8af 0 1px 1px;
  border: solid 1px #888;
}
#getUpdated p a:hover {color:#000; background:#d7a328}
#getUpdated #validEmail{
  margin-top: 30px;
  margin-left: 9px;
  position: absolute;
  width: 16px;
  height: 16px;
}


/* ------------------------------------------Limited Time Offer */
#limitedTimeOffer * {margin: 0; padding: 0; font-family: Arial}

#limitedTimeOffer {
  width: 300px;
  background: #f6ecce;
  border: solid 2px #d39e03;
  overflow: hidden;
  margin: 0 0 20px 14px;
  
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
}

#limitedTimeOffer h1,h2,h3 {text-align: center;}

#limitedTimeOffer h1 {
  background: #41403e;
  color: #fff;
  font-weight: normal;
  font-size: 25px;
  padding: 12px 0;
  
  -moz-border-radius-topleft: 20px;
  -moz-border-radius-topright: 20px;
  -webkit-border-top-left-radius: 20px;
  -webkit-border-top-right-radius: 20px;
}

#limitedTimeOffer h3 {
  font-weight: normal;
  margin: 3px 0;
}

#limitedTimeOffer hr {
  background-color: #d39e03;
  border: 0;
  height: 2px;
  margin: 0 7px;
}

#limitedTimeOffer p {
  margin: 7px 25px 7px 25px;
  line-height: 20px;
  font-family: 14px;
  font-style: normal;
}

#limitedTimeOffer a {
  background: #d2232a;
  border: solid 4px #fff;
  color: #fff;
  display: block;
  width: 270px;
  margin: 15px auto 5px auto;
  text-align: center;
  padding: 10px 0;
  text-decoration: none;
  font-size: 16px;
  
  -moz-border-radius:18px;
  -webkit-border-radius: 18px;
  -moz-box-shadow: #ab9d73 0 3px 5px;
  -webkit-box-shadow: #ab9d73 0 3px 5px;
}

#limitedTimeOffer a:hover {
  background: #c02126;
}
#limitedTimeOffer a span {font-size: 18px; font-weight: bold; }
#limitedTimeOffer a img {
  width:18px;
  float: left;
  margin: -5px -10px -18px 8px;
}

#limitedTimeOffer .theCatch {
  float: right;
  color: #888372;
  font-size: 12px;
  margin: 5px 15px 10px 15px;
}

/* -------------------------------------- SEARCH - AutoSuggest */
.lookup {
  margin: 0 0 0px 650px;
  padding: 3px;
  position:absolute;
  top:268px;
  border: solid 1px #c9c9c9;
  background: #e4e4e4;

  -moz-border-radius:7px;
  -webkit-border-radius:7px;
}
.lookup input[type="text"] {
  font-size:16px;
  width:200px;
  margin: 0 0 0px 0;
}

.lookup ul {list-style:none; padding:0; margin:0;}
.lookup ul li img {
  position:relative;
  top: 8px;
  margin: 0 3px 0 0 ;
}


/* style for autocomplete */
.suggestionsBox {
  position: absolute;
  left: 5px;
  top: -7px;
  margin: 10px 0px 0px 0px;
  width: 190px;
  background-color: #555;
  text-shadow: #000 px 1px 1px;
  -moz-border-radius-bottomleft: 10px;
  -moz-border-radius-bottomright: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
  border: 2px solid #9a9c9f;	
  border-top:none;
  color: #fff;
  z-index: 999;
}

.suggestionList {
  margin: 0px;
  padding: 0px;
}

.suggestionList li {
  margin: 0px 0px 0px 0px;
  padding: 5px;
  cursor: pointer;
  list-style:none;
  border-top: solid 1px #666;
  border-bottom: solid 1px #444;
  font-weight: bold;
}
.suggestionList li:last-child {border-bottom: none}

.suggestionList li:hover {
  background-color: #DDAF44;
}


/* -------------------------------------- SEARCH - AUTHORS */
#no-side.margin {padding: 30px 50px;}
#no-side.margin #globalSearch {position:relative;top: -30px; left:-46px; width: 950px;}
#no-side.margin .globalSearch_button {top:60px; right: -250px;}
.search.author h3 {
  text-align:left;
  margin: 0;
}
.search.author.right h3 {
  text-align:right;
  margin-bottom: 5px;
}

.search.author{overflow: hidden;}

.search.author h1.author {
  color: #D5A00F;
  text-shadow: #333 0 0 4px;
}

.search.author + img {margin: 0px 0 20px 200px;}



.homepageSearch {
  background: #d5a00f;
  margin: 0px 0 0 -1px;
  padding:0;
  width: 950px;
  
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0.24, rgb(255, 207, 77)),
    color-stop(0.88, rgb(213, 160, 15))
  );
  background:-moz-linear-gradient(
    top center,
    rgb(255, 207, 77) 24%,
    rgb(213, 160, 15) 88%
  );
  border-top:solid 3px #fab700;
  border-bottom:solid 3px #fab700;
  
  -moz-box-shadow: #946f0a 0 3px 4px;
  -webkit-box-shadow: #946f0a 0 3px 4px;
}

.homepageSearch ul {
  padding: 30px 0 45px 0;
}

.homepageSearch ul li {	
  list-style:none;
}

.homepageSearch h2 {
  text-shadow: #ffe8a8 0 1px 1px;
  color: #523c00;
  font-size:25px;
  text-align:left;
  margin:20px 0 10px 50px;
}

.homepageSearch ul li input {
  padding: 10px;
  margin: 0 0 0 50px;
  font-size: 18px;
  border: solid 1px #fab700;
  width: 480px;
  outline: none;
  
  -moz-border-radius: 22px;
  -webkit-border-radius: 22px;

  -moz-box-shadow: #7a6e4d 0 0 4px;
  -webkit-box-shadow: #7a6e4d 0 0 4px;
  
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0.24, rgb(221, 221, 221)),
    color-stop(0.86, rgb(255, 255, 255))
  );
  background:-moz-linear-gradient(
    center top,
    rgb(221, 221, 221) 24%,
    rgb(255, 255, 255) 86%
  );
}
.homepageSearch ul li input.helpText {color: #999;}

/* style for autocomplete */
.homepageSearch .suggestionsBox {
  position: absolute;
  left: 70px;
  top: -67px;
  margin: 10px 0px 0px 0px;
  width: 460px;
  background-color: #555;
  text-shadow: #000 px 1px 1px;
  -moz-border-radius-bottomleft: 10px;
  -moz-border-radius-bottomright: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
  border: 2px solid #7a6e4d;	
  border-top:none;
  color: #fff;
  z-index: 999;
}

.homepageSearch .suggestionList {
  margin: 0px;
  padding: 0px;
}

.homepageSearch .suggestionList li {
  margin: 0px 0px 0px 0px;
  padding: 5px;
  cursor: pointer;
  list-style:none;
  border-top: solid 1px #666;
  border-bottom: solid 1px #444;
  font-weight: bold;
}
.homepageSearch .suggestionList li:last-child {border-bottom: none;
  -moz-border-radius-bottomleft: 10px;
  -moz-border-radius-bottomright: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
}

.homepageSearch .suggestionList li:hover {
  background-color: #DDAF44;
  text-shadow: #54492c 0 1px 1px;
}

#right-col.homepageSidebar {margin-top: 9px}
.homepageSidebar h2 {
  text-shadow: #ffe8a8 0 1px 1px;
  color: #523c00;
  font-size:25px;
  margin-left: 10px;
  text-align:left;
}
.homepageSidebar button {
  margin: -10px 0 0 0px;
  width:300px;
  font-size:18px;
  padding:10px;
  color: #222;
  text-shadow: #fff 0 1px 1px;
  
  border: solid 1px #fab700;
  
  -moz-border-radius: 22px;
  -webkit-border-radius: 22px;

  -moz-box-shadow: #7a6e4d 0 0 4px;
  -webkit-box-shadow: #7a6e4d 0 0 4px;

  background: rgb(229, 222, 205);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0.24, rgb(251, 251, 248)),
    color-stop(0.88, rgb(229, 222, 205))
  );
  background:-moz-linear-gradient(
    center top,
    rgb(251, 251, 248) 24%,
    rgb(229, 222, 205) 88%
  );
}
.homepageSidebar button:before {content: '';}
.homepageSidebar a:hover {text-decoration: none; border: none;}
.homepageSidebar button:hover {color: green; text-decoration: none; cursor: pointer;}

.homepageSidebar .submenu {
  margin: 70px 0 30px 0;
}

.homepageSidebar .submenu h2 {
  padding: 5px 0 5px 15px;
  margin:0 15px 0 0;
  -moz-border-radius-topright:22px;
  -moz-border-radius-bottomright:22px;
  -webkit-border-top-right-radius:22px;
  -webkit-border-bottom-right-radius:22px;
}
.homepageSidebar .submenu h2.active {
  background:#fff;
  text-shadow:none;
  
  border: solid 1px #fab700;
  border-left: none;

  -moz-box-shadow: #7a6e4d 3px 0 3px;
  -webkit-box-shadow: #7a6e4d 3px 0 3px;
}
.homepageSidebar .submenu a:hover h2:not(.active) {
  background: #fab700;
}

.badgeCount {
  width:289px;
  height:139px;
  background: url(http://blackstoneaudioapps.com/dixie/wp-content/themes/piano-black/img/badge_roset.png) no-repeat;
  margin: 20px 0 -30px 20px;
  color: #fff;
  padding: 20px 20px 20px 5px;
  font-size:14px;
}

.badgeCount span {
  float:right;
  font-size: 26px;
  font-weight:bold;
  text-align:center;
  margin:33px 26px 0 0 ;
  color:#222;
  text-shadow: #fff 1px 1px 1px;
}

.badgeCount p {
  margin: 10px 0 0 10px;
}
.badgeCount H4 {
  margin: 5px 0 0 10px;
  font-size:18px;
}

.homepageSidebar a {text-decoration: none; border-bottom: none;}
.homepageSidebar a:hover {text-decoration: none; border-bottom: none;}
a:hover .badgeCount {color:#92c817; text-decoration: none;}
a:hover .badgeCount span {text-shadow:#92c817 1px 1px 1px;}

.mc-field-group { padding: 2px 2px 2px 2px; }



/* RELATED BOOKS - article posts */
.relatedBooks img {
  width: 60px;
  margin: 10px 10px 0 0 ;
}
.relatedBooks h3 {
  margin: 10px 0 0px 0;
  text-shadow: #fff 0 0 1px;
}

.relatedBooks .artworkDiv img {width:80px;}
.relatedBooks .artworkDiv {text-align:center; height: 200px;}
.relatedBooks .artworkDiv {padding: 0 0 0px 0;}
.relatedBooks .artworkDiv:hover {padding: 0 0 0px 0; border: none;}
.relatedBooks .artworkDiv strong {
  position:relative;
  top:6px;
  line-height: 16px;
  margin: 0 0 30px 0;
}


.priceTag {
  background: url(http://blackstoneaudioapps.com/dixie/wp-content/themes/piano-black/img/priceTag_roset_red.png) no-repeat;
  height: 64px;
  width: 63px;
  position:absolute;
  top:-15px;
  left: -15px;

  text-align:center;
  font-weight:bold;
  color:#fff;
  font-size: 15px;
  text-shadow: #651518 0 0 1px;
  padding-top:22px;
}
.right .priceTag {left: 111px;}


/* +=======================================+
   | Browse All Authors - simple list	   |
   +=======================================+  */
.browseAllAuthors{
  margin: 0 0 0 20px;
  width:260px;
  float: left;
}
.browseAllAuthors h2 {text-align: left; cursor: pointer;}
.browseAllAuthors h2.active a {color:#ddaf44;}

.browse.author div {
  display: none;
  background: #f1f1f1;
  margin: -10px 0 0 -10px;
  border: solid 1px #ddd;
  border-top: solid 2px #ddaf44;
  overflow:hidden;
  padding: 3px 3px 20px 3px;
  position:relative;
}
.browse.author div img {
  margin: 7px;
  border: solid 1px #ccc;
}
.browse.author div a:hover img {
  -moz-box-shadow: #444 0 0 5px;
  -webkit-box-shadow: #444 0 0 5px;

 /* -moz-transform: scale(1.2);
  -webkit-transform: scale(1.2); */
}
.browse.author div a.previewAll {
  position:absolute;
  bottom:0;
  right:0;
  margin: 0px 5px 5px 0;
}

/* +=======================================+
   | Browse All Authors - expanding list   |
   +=======================================+  */
.browseAuthor{
  -moz-column-count: 3;
  -moz-column-gap: 10px;
  -webkit-column-count: 3;
  -webkit-column-gap: 20px;
  column-count: 3;
  column-gap: 10px;
}

.browseAuthor .artworkDiv img {
 
}

/* +======================================================================+
   | PRICE TAGS															  |
   +======================================================================+ */
.price {
  float:right;
  margin: -10px 0 0 0 ;

  background: url(http://blackstoneaudioapps.com/dixie/wp-content/themes/piano-black/img/priceTag_roset_red.png) no-repeat;
  height: 64px;
  width: 63px;

  text-align:center;
  font-weight:bold;
  color:#fff;
  font-size: 15px;
  text-shadow: #651518 0 0 1px;
  padding-top:22px;
}
.green {
  background: #6cbd47;
  background:-webkit-gradient(linear, 0% 0%, 0% 50%, from(#6cbd47), to(#8eb983));
  background:-moz-linear-gradient(0% 50% 90deg,#6cbd47, #8eb983);

  border: solid 1px #729b5f;

  text-shadow: #729b5f 0 -1px 1px;
}


/* +======================================================================+
   | GLOBAL SEARCH BAR													  |
   +======================================================================+ */

.globalSearch_button {
  color:#fff;
  position:absolute;
  left: 420px;
  top:55px;
  cursor: pointer;
  background: #888;
  background:-webkit-gradient(linear, 0% 50%, 0% 0%, from(#888), to(#aaa));
  background:-moz-linear-gradient(0% 50% 90deg, #888, #aaa);
  width: 180px;

  font-size: 18px;
  text-align:center;
  padding: 4px 0;
  margin: -55px auto 30px auto;
  text-shadow: #444 0 1px 1px;

  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;

  border: solid 1px #555;
}

.globalSearch_button img {
  position:absolute;
  right:13px;
  top: 5px;
}

.profile + .globalSearch_button {left:710px; top: 80px;}

#globalSearch {
  background: #f5f5f5;
  background:-webkit-gradient(linear, 0% 90%, 0% 100%, from(#f5f5f5), to(#ddd));
  background:-moz-linear-gradient(0% 90% 270deg,#f5f5f5, #ddd);
  width: 99%;
  margin: 0 auto 0 auto;
  border-bottom: solid 1px #ccc;
  display: none;
}
#globalSearch > div {width:500px; margin: 0 auto; padding: 10px 0 0 0;}

#globalSearch h2 {font-size: 16px; margin:0; color: #222; display:inline;}

#globalSearch input {
  font-size: 16px;
  padding: 4px;
}

#globalSearch .suggestionsBox {width:485px; margin-top:9px;}


/* +======================================================================+
   | HOW TO SEARCH														  |
   +======================================================================+ */

#howToSearch * {margin:0; padding:0;}
#howToSearch {
  position:absolute;
  background: #fff;
  z-index:1020;
  
  width:640px;
  margin: 0 0 0px 120px;
  top:-50px;

  border: solid 3px #e8a90d;
  -moz-border-radius: 22px;
  -webkit-border-radius: 22px;
  
  -moz-box-shadow: #000 0 0 20px;
  -webkit-box-shadow: #000 0 0 20px;
  
  display: none;
}
#howToSearch .close {
  position:absolute;
  right: 10px;
  top: 10px;

  background: #666;
  border: solid 2px #888;
  color: #888;
  height: 20px;
  width: 20px;
  text-align:center;
  text-shadow: #555 0 1px 1px;

  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
}
#howToSearch .close:hover {
  background: #888; 
  cursor: pointer;
  color: #444;
  text-shadow: #ccc 0 1px 1px;
}

#howToSearch h1 {
  background: #231f20;
  text-align:center;
  color: #fff;
  padding: 15px 0;
  border-bottom: solid 3px #e8a90d;

  -moz-border-radius-topleft: 19px;
  -moz-border-radius-topright: 19px;
  -webkit-border-top-left-radius: 19px;
  -webkit-border-top-right-radius: 19px;
}
#howToSearch div {
  margin: 20px 20px 0 20px;
  padding: 0 0 20px 0;
  border-bottom: solid 2px #e8a90d;
  overflow: hidden;
}
#howToSearch div img {border:none;}
#howToSearch div img.number {float:left; margin: 0 20px 0 0;}

#howToSearch div h3 {text-align:left; font-size: 22px; font-style:italic;}
#howToSearch div p {font-size: 18px; margin: 0 0 0 125px; line-height: 24px;}

#howToSearch h2 {
  background: #231f20;
  text-align:left;
  color: #fff;
  padding: 15px 0 15px 30px;
  border-top: solid 3px #e8a90d;

  -moz-border-radius-bottomleft: 19px;
  -moz-border-radius-bottomright: 19px;
  -webkit-border-bottom-left-radius: 19px;
  -webkit-border-bottom-right-radius: 19px;
}
#howToSearch h2 span {font-size: 23px;}

#howToSearch img.searchButton {float:right; border: 0; margin: 11px 25px 0 0; }

#openHowToSearch {
  position:absolute;
  top:-40px;
  right:50px;
}

#howToSearch_overlay {
  position:fixed;
  display: none;
  top:0;
  left:0;
  width: 100%;
  height: 100%;
  z-index:1019;   

  background: #fff;
  opacity: .5;
}




/* +======================================================================+
   | BOOK ARTICLE POST														  |
   +======================================================================+ */
/*body {background: #444;}
#no-side {background: #fff }*/



#no-side.bookArticle {margin-top:-18px; padding-top: 20px;}
#no-side.bookArticle #back-top {display: none;}

.bookArticle #leftCol{
  overflow:hidden;
  float:left;
  width: 300px;
  
  margin: -10px 20px 20px -36px;
}
.bookArticle #leftCol_black{
  background: #333;
  background:-webkit-gradient(linear, 5% 0%, 0% 0%, from(#333), to(#555));
  background:-moz-linear-gradient(5% 0% 180deg, #333, #555);
  overflow:hidden;
  width: 230px;
  
  padding: 20px 30px 20px 30px;

  -moz-border-radius-topright: 20px;
  -moz-border-radius-bottomright: 20px;
  -webkit-border-top-right-radius: 20px;
  -webkit-border-bottom-right-radius: 20px;

  -moz-box-shadow: #222 0 0 4px;
  border: solid 1px #333;
}

#leftCol .flickr-gallery img {
  border: solid 1px #999;
  -moz-box-shadow: #000 0 0 4px;
  -webkit-box-shadow: #000 0 0 4px;
  margin: 0 0 0 3px;
}

#leftCol ul.bookInfo {margin:30px 0 0 0; padding: 5px;}
#leftCol ul.bookInfo li {
	list-style: none; 
	background: #333; /*gets rid of gray dot (not sure why it shows up) */
	padding:0; margin:0;
	color: #f1f1f1;
        margin: 0 0 2px 0;
}
#leftCol ul.bookInfo li:first-child {
	font-weight:bold;
	border-bottom: solid 1px #ccc;
	display:block;
        margin: 0 0 5px 0;
}

.bookArticle #leftCol .appStoreBadge {
  float:left;
  margin: 20px 0 25px 10px;

  background: url(http://blackstoneaudioapps.com/dixie/wp-content/themes/piano-black/img/appStoreBadge_withExtraEdge.gif) no-repeat;
  height: 51px;
  width: 220px;
}
.bookArticle #leftCol .appStoreBadge .price {margin-top:-7px; margin-right: 5px;}

.bookArticle #leftCol .relatedBooks.series {
  padding: 22px;
}
.bookArticle #leftCol .relatedBooks.series img {
  margin: 10px;
  border: solid 1px #888;
  -moz-box-shadow: #666 0 0 4px;
  -webkit-box-shadow: #ccc 0 0 4px;
}

.bookArticle #leftCol .relatedBooks.series a:hover img {
  -moz-transform: scale(1.2);
  -webkit-transform: scale(1.2);
}

.bookArticle #midCol{
  width: 390px;
  margin: -20px 0 0 280px;
  position: relative;
}

.bookArticle #midCol .pullout{
  position: absolute;
  width: 180px;
  left:420px;
  top: 65px;

  font-size:12px;
  text-align:left;
  border:none;
  border-left: solid 2px #ccc;

  background: none;
  padding: 10px;
  
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
}

.bookArticle #midCol div.listen_btn {
 background:#767876;
 background-repeat:no-repeat;
 border:none;
 padding: 5px 10px 1px 5px;
 font-weight:bold;
 line-height: 10px;
 width: 355px;
 margin: 10px 0 12px 0;
 -moz-border-radius: 12px;
 -webkit-border-radius: 12px;
 border-radius: 12px;
 text-decoration:none;
 overflow: hidden;
}
.bookArticle #midCol div.listen_btn p {line-height:100%; padding-top:7px; margin-bottom:12px}
.bookArticle #midCol div.listen_btn a {
  color: #fff;
  text-shadow: #31280f 0 1px 1px;
  font-size: 18px;
}
.bookArticle #midCol div.listen_btn a + span {float:right; display:none;}
.bookArticle #midCol div.listen_btn a.microAudio-download {font-size: 12px;}
.bookArticle #midCol div.listen_btn .mAp {margin: -7px 0 5px 40px;}

.bookArticle #rightCol {
  float: right;
  position:relative;
  top: 60px;
  width: 180px;
}
.bookArticle #rightCol .relatedBooks.suggested {
  margin: 30px 0 0 0 ;
  padding: 0 12px 12px 12px;
  border: solid 1px #ccc;
  
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
}
.bookArticle #rightCol .relatedBooks.suggested img {
  margin: 6px;
  border: solid 1px #888;
  -moz-box-shadow: #666 0 0 4px;
  -webkit-box-shadow: #ccc 0 0 4px;
}

.bookArticle #rightCol .relatedBooks.suggested a:hover img {
  -moz-transform: scale(1.2);
  -webkit-transform: scale(1.2);
}

.post:not(.homepage) {padding-top:40px;}


#starRating {
  height: 50px;
  width: 110%;
}

#starRating h4 {
  margin:0 0 5px 0;;
}
#ratingTitle {font-style:bold; font-size: 1.2em; color: #ee5321;}