/*
	$Author: SweetTale Books $
        $Revision: 1 $
*/
 @import url('https://fonts.googleapis.com/css?family=Alice');
 @import url('https://fonts.googleapis.com/css?family=Love Ya Like A Sister');
@import url('https://fonts.googleapis.com/css?family=Cookie');

.topbackground {
	width: 100%;
	padding: 0;
	vertical-align: top;
	background-image: linear-gradient(180deg, #FFF5DD, #ffffff, #FFF5DD); 	
	height: auto;
}

.tiny_url {font-size: 10pt;text-align: left;color: #000000;padding-bottom: 10px;}
.booksandhearts{background: url(pics/bookhearts.png) 50% 20% no-repeat; height: 337px;}
.top_title_name{font-size: 50pt;font-family: 'Alice';text-align: center;font-weight: 700; padding-top: 90px;color: #9E0000;}
.brand_blurb{display:block-inline; font-size: 40pt; font-family: 'Cookie';padding-top:0px;color: #5B0000;border: 0px solid #3F0303; text-align: center;}
.stb_name_right{font-size: 16pt;font-family:'Love Ya Like A Sister';text-align: center;padding-top: 0px;padding-bottom: 0px;}
/* .shelfwidth {width:500px; height: 200px;} */

img.shelfwidth{ max-width: 96%;height: auto;}
.stb_divider{display: block; background: url(pics/heart_divider.png) no-repeat; text-align: center;width: 355px; height: 28px;margin: 10px;}
.bellsimage{width: 119px; height: 126px;}
#outliner{
	-webkit-text-stroke-width: .1px;
    -webkit-text-stroke-color: #5B0000;
}
.p_author_stb {color:#000000;padding: 0 1rem 0.8rem 1rem;text-align: left;font-size: 1rem;}
.ind_table {width: 1%; border: 0px solid #000000;}	
.table_ent {text-align: center; border: 0px solid #550000;}
.title_ent {width: 1%; text-align: left;border: 0px solid #ff0000;}

.book_box{width: 95%;padding: 0;background: #FFFFFF;border: 2px solid #000000;text-align: center;}

/* **************************************** book buttons ************************************************ */
.book_button{display: block;width: 220px;height: 239px; color: #FFFFFF;}
.book_container {display: block;width: 333px;height: 239px;color: #FFFFFF;position: relative;border: 1px #000000 solid;}
.book_overlay {position: absolute;top: 0;bottom: 0;left: 0;right: 0;max-width: 333px;height: 239px; opacity: 0;transition: .5s ease;background-color: #FFFFFF;}
.open_book{background-image: url(pics/open_book.png);display: block;max-width: 333px;height: 239px;}
.book_container:hover .book_overlay {opacity: 1;}
.book_sites{font-size: 16pt;padding-bottom: 5px;text-align: left; padding-left: 60px;}

a.button_book_red:link, a.button_book_red:visited, a.button_book_red:active {color: #000000;background: transparent; text-decoration: underline;text-align: center;}
a.button_book_red:hover {color: #FF0000; background: transparent;text-align: center;text-decoration: underline;}

a.button_book_black:link, a.button_book_black:visited, a.button_book_black:active {color: #000000; background: transparent;text-decoration: underline;text-align: center;}
a.button_book_black:hover {color: #000000; background: transparent;text-align: center;text-decoration: underline;}

a.button_book_white:link, a.button_book_white:visited, a.button_book_white:active {color: #FFFFFF; background: transparent;text-decoration: underline;text-align: center;}
a.button_book_white:hover {color: #FFFFFF; background: transparent;text-align: center;text-decoration: underline;}

/* .book_image {  display: block;  width: 333px;  height: 239px;} */

/* **************************************** Featured ************************************************ */
.featured_title {text-align: center;font-size: 1.8rem;font-weight: bold;padding-top: 30px;padding-bottom: 30px;color: #000000;}
.featured_font {font-size: 1rem;font-weight: normal;color: #000000;background-color: #ffffff;width: 95%;}
.book_font {font-size: 1rem;font-weight: normal;color: #000000;}

/****************************** Phones and tablets ***********************************/
@media only screen and (max-width: 1160px) {			
	.featured_title {font-size: 1.5rem;padding-top: 30px;padding-bottom: 30px;}
	.featured_font {font-size: 1rem;}
	.booksandhearts{background: url(pics/bookhearts400.png) 50% 20% no-repeat; height: 270px;}
	.top_title_name{font-size: 45pt;font-family: 'Alice';text-align: center;font-weight: 600; padding-top: 75px;color: #6A0202;}
	.stb_name_right{font-size: 25pt;padding-top: 8px;}
	.brand_blurb{font-size: 38pt;}
	
	.book_container{width: 200px;height: 217px;}
	.book_button {width: 200px;height: 217px;}
	.book_overlay{width: 300px;height: 215px;}
	.open_book {background-image: url(pics/open_book.png);display: block;width: 300px;height: 215px;}
	.book_sites{font-size: 14pt;padding-bottom: 5px;padding-left: 50px;}
	.bellsimage{width: 100px; height: 106px;}
	.tiny_url {font-size: 9pt;}
}
@media only screen and (max-width: 900px) {
	.brand_blurb{font-size: 34pt;}
	.shelfwidth {width:420px; height: 168px;}
}
@media only screen and (max-width: 800px) {
	.brand_blurb{font-size: 32pt;}
	.book_container{width: 180px;height: 195px;}
	.book_button {width: 180px;height: 195px;}
	.book_overlay{width: 280px;height: 201px}
	.open_book {background-image: url(pics/open_book.png);display: block;width: 280px;height: 201px}
	.book_sites{font-size: 14pt;padding-bottom: 5px;padding-left: 40px;}
	/* .shelfwidth {width:350px; height: 140px;} */
	.stb_divider{background: #85161B;width:200px; height: 5px;margin-top: 10px;margin-bottom: 30px;}
	.bellsimage{width: 70px; height: 79px;}
	.tiny_url {font-size: 8pt;}
}

@media only screen and (max-width: 768px) {
	.featured_title {font-size: 1.3rem;padding: 20px;}
	.featured_font {font-size: .9rem;}
	.book_font {font-size: .9rem;}
	.booksandhearts{background: url(pics/bookhearts300.png) 50% 20% no-repeat; height: 203px;}
	.top_title_name{font-size: 35pt;font-family: 'Alice';text-align: center;font-weight: 600; padding-top: 55px;color: #6A0202;}
	.brand_blurb{font-size: 28pt;}
}
@media only screen and (max-width: 700px) {
	.brand_blurb{font-size: 26pt;}
	.book_container{width: 160px;height: 174px}
	.book_button {width: 160px;height: 174px}
	.book_overlay{width: 260px;height: 187px;}
	.open_book {background-image: url(pics/open_book.png);display: block;width: 260px;height: 187px;}
	.book_sites{font-size: 12pt;padding-bottom: 0px;padding-left: 20px;}
	/* .shelfwidth {width:300px; height: 120px;} */
	.stb_divider{background: #85161B;width:200px; height: 5px;margin-top: 10px;margin-bottom: 20px;}
	.bellsimage{width: 50px; height: 53px;}
}
@media only screen and (max-width: 600px) {
	.brand_blurb{font-size: 24pt;}
	.shelfwidth {width:250px; height: 100px;}
}
@media only screen and (max-width: 500px) {
	.featured_title {font-size: .9rem;padding: 10px;}
	.featured_font {font-size: .8rem;}
	.book_font {font-size: .8rem;}
	.booksandhearts{background: url(pics/bookhearts200.png) 50% 20% no-repeat; height: 135px;}
	.top_title_name{font-size: 25pt;font-family: 'Alice';text-align: center;font-weight: 600; padding-top: 35px;color: #6A0202;}
	.stb_name_right{font-size: 20pt;padding-top: 5px;}
	.brand_blurb{font-size: 22pt;}
	.book_container{width: 140px;height: 152px;}
	.book_button {width: 140px;height: 152px;}
	.book_overlay{width: 240px;height: 172px;}
	.open_book {background-image: url(pics/open_book.png);display: block;width: 240px;height: 172px;}
	/* .shelfwidth {width:200px; height: 80px;} */
	.stb_divider{background: #85161B;width:100px; height: 3px; margin-top: 7px;margin-bottom: 15px;}
	.tiny_url {font-size: 7pt;}
}

@media only screen and (max-width: 426px) {
	.featured_title {font-size: .8rem;padding: 5px;}
	.featured_font {font-size: .7rem;}
	.book_font {font-size: .7rem;}
	.brand_blurb{font-size: 20pt;}
	.book_container{width: 120px;height: 130px;}
	.book_button {width: 120px;height: 130px;}
	.book_overlay{width: 220px;height: 158px;}
	.open_book {background-image: url(pics/open_book.png);display: block;width: 220px;height: 158px;}
	.bellsimage{width: 30px; height: 32px;}
}

@media only screen and (max-width: 350px) {
	.featured_title {font-size: .8rem;padding: 5px;}
	.featured_font {font-size: .7rem;}
	.book_font {font-size: .7rem;}
	.booksandhearts{background: url(pics/bookhearts150.png) 50% 20% no-repeat; height: 101px;}
	.top_title_name{font-size: 18pt;font-family: 'Alice';text-align: center;font-weight: 600; padding-top: 23px;color: #6A0202;}
	.stb_name_right{font-size: 18pt;padding-top: 5px;}
	.brand_blurb{font-size: 18pt;}
	.book_container{width: 110px;height: 119px}
	.book_button {width: 110px;height: 119px}
	.book_overlay{width: 210px;height: 151px;}
	.open_book {background-image: url(pics/open_book.png);display: block;width: 210px;height: 151px;}
	.tiny_url {font-size: 6pt;}
}
@media only screen and (max-width: 300px) {
	.brand_blurb{font-size: 16pt;}
}