.primaryContainer {
    height: auto;
    margin-left: auto;
    margin-right: auto;
    min-height: 100%;
    width: 100%;
    background-color: rgb(247, 144, 110);
    background-image:url("../images/mainbg.jpg");
    background-attachment: fixed;
    background-size: auto;
    background-position: 0% 0%;
    background-repeat: repeat no-repeat;
}
#contentDiv p, td, li {
	color: #5b5254;
	margin-bottom: 20px;
}

a { color: #5659d6;
}
a:visited { color: #551a8b; 
}
a:hover { color: #ee4864; 
}
h1 {
	color: #5659d6;
	font-size: 1.25em;
}
h2 {
	color: #ee4864;
	font-size: 1.25em;
}
h3 {
	color: #ec8360;
	font-size: 1.25em;
}
h4 {
	color: #5659d6;
	font-size: 1em;
}
h5 {
	color: #ee4864;
	font-size: 1em;
}
h6 {
	color: #ec8360;
	font-size: 1em;
	margin: 10px 0 20px 0;
}
.clearDiv {
    clear: both;
    padding: 10px 0px;
}
.socialicons {
	float: right;
	padding: 5px 10px 2px 0;	
	margin: 0 25px 0 0;
	width: auto;
}
.socialicons img {
	padding: 2px;
}
.facebookicon {
	background-image: url(../images/icon-facebook-white.png);
	background-repeat: no-repeat;
}
.facebookicon:hover {
	background-image: url(../images/icon-facebook-over.png);
	background-repeat: no-repeat;
}
.twittericon {
	background-image: url(../images/icon-twitter-white.png);
	background-repeat: no-repeat;
}
.twittericon:hover {
	background-image: url(../images/icon-twitter-over.png);
	background-repeat: no-repeat;
}
.pinteresticon {
	background-image: url(../images/icon-pinterest-white.png);
	background-repeat: no-repeat;
}
.pinteresticon:hover {
	background-image: url(../images/icon-pinterest-over.png);
	background-repeat: no-repeat;
}
.goodreadsicon {
	background-image: url(../images/icon-goodreads-white.png);
	background-repeat: no-repeat;
}
.goodreadsicon:hover {
	background-image: url(../images/icon-goodreads-over.png);
	background-repeat: no-repeat;
}
.instagramicon {
	background-image: url(../images/icon-instagram-white.png);
	background-repeat: no-repeat;
}
.instagramicon:hover {
	background-image: url(../images/icon-instagram-over.png);
	background-repeat: no-repeat;
}
.maillisticon {
	background-image: url(../images/icon-maillist-white.png);
	background-repeat: no-repeat;
}
.maillisticon:hover {
	background-image: url(../images/icon-maillist-over.png);
	background-repeat: no-repeat;
}
.tiktokicon {
	background-image: url(../images/icon-tiktok.png);
	background-repeat: no-repeat;
}
.tiktokicon:hover {
	background-image: url(../images/icon-tiktok-over.png);
	background-repeat: no-repeat;
}
.bookbubicon {
	background-image: url(../images/icon-bookbub.png);
	background-repeat: no-repeat;
}
.bookbubicon:hover {
	background-image: url(../images/icon-bookbub-over.png);
	background-repeat: no-repeat;
}
.amazonicon {
	background-image: url(../images/icon-amazon.png);
	background-repeat: no-repeat;
}
.amazonicon:hover {
	background-image: url(../images/icon-amazon-over.png);
	background-repeat: no-repeat;
}
#susanMallery:hover {
    color: rgb(251, 251, 60);
}

#susanMallery:active {
    background-color: rgb(99, 102, 249);
}

#currentBooks:hover {
    color: rgb(251, 251, 60);
}

#currentBooks:active {
    background-color: rgb(99, 102, 249);
}

#comingBooks:hover {
    color: rgb(251, 251, 60);
}

#comingBooks:active {
    background-color: rgb(99, 102, 249);
}

#membersOnly:hover {
    color: rgb(251, 251, 60);
}

#membersOnly:active {
    background-color: rgb(99, 102, 249);
}

#connect:hover {
    color: rgb(251, 251, 60);
}

#connect:active {
    background-color: rgb(99, 102, 249);
}

#home:hover {
    color: rgb(248, 88, 91);
    background-color: rgb(253, 217, 182);
    text-shadow: rgb(78, 70, 64) 0px 0px 0px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

#theBooks:hover {
    color: rgb(248, 88, 91);
    text-shadow: rgb(78, 70, 64) 0px 0px 0px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    background-color: rgb(253, 217, 182);
}

#recipes:hover {
    color: rgb(248, 88, 91);
    text-shadow: rgb(78, 70, 64) 0px 0px 0px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    background-color: rgb(253, 217, 182);
}

#aboutSusan:hover {
    color: rgb(248, 88, 91);
    text-shadow: rgb(78, 70, 64) 0px 0px 0px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    background-color: rgb(253, 217, 182);
}

#bookClubs:hover {
    color: rgb(248, 88, 91);
    text-shadow: rgb(78, 70, 64) 0px 0px 0px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    background-color: rgb(253, 217, 182);
}

#aboutMischief:hover {
    color: rgb(248, 88, 91);
    text-shadow: rgb(78, 70, 64) 0px 0px 0px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    background-color: rgb(253, 217, 182);
}

#home1:hover {
    color: rgb(248, 88, 91);
    text-shadow: rgb(78, 70, 64) 0px 0px 0px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    background-color: rgb(253, 217, 182);
}

#theBooks1:hover {
    color: rgb(248, 88, 91);
    text-shadow: rgb(78, 70, 64) 0px 0px 0px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    background-color: rgb(253, 217, 182);
}

#recipes1:hover {
    color: rgb(248, 88, 91);
    text-shadow: rgb(78, 70, 64) 0px 0px 0px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    background-color: rgb(253, 217, 182);
}

#aboutSusan1:hover {
    color: rgb(248, 88, 91);
    text-shadow: rgb(78, 70, 64) 0px 0px 0px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    background-color: rgb(253, 217, 182);
}

#bookClubs1:hover {
    color: rgb(248, 88, 91);
    text-shadow: rgb(78, 70, 64) 0px 0px 0px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    background-color: rgb(253, 217, 182);
}

#aboutMischief1:hover {
    color: rgb(248, 88, 91);
    text-shadow: rgb(78, 70, 64) 0px 0px 0px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    background-color: rgb(253, 217, 182);
}

#webcrafters:hover {
    color: rgb(248, 88, 91);
}

#mailingList:hover {
    background-color: rgb(248, 88, 91);
}

#textinput:active {
    background-color: rgb(255, 255, 255);
}

#textinput:focus {
    background-color: rgb(252, 169, 117);
    border: 1px solid rgb(255, 255, 255);
}
input[type=subscribe] {
    background-color: #e5e9e8;
    border: 1px solid #9daca9;
    border-radius: 4px;
    box-shadow: inset 0 1px #fff;
    font: inherit;
	text-align: center;
    letter-spacing: inherit;
    text-indent: inherit;
    color: inherit;
}

input[type=subscribe]:hover {
    background-color: #eff1f1;
}

input[type=subscribe]:active {
    background-color: #d2d6d6;
    border: 1px solid #9daca9;
    box-shadow: inset 0 1px rgba(0,0,0,0.1);
}

#gradientBox {
    float: none;
    height: auto;
    margin: 40px auto 0px;
    clear: none;
    width: 74.626866%;
    padding: 0px 0px 20px;
    max-width: 1050px;
    min-width: 1020px;
    background-image:-webkit-linear-gradient(270deg,rgba(247,144,110,0) 0%,rgb(252,169,117) 55%);
    background-attachment: scroll;
    background-size: auto;
    min-height: 0px;
    background-position: 0% 0%;
    background-repeat: repeat repeat;
}

#mainDiv {
    float: none;
    height: auto;
    clear: none;
    width: 996px;
    margin: 10px auto 0px;
}

#header {
    float: left;
    height: auto;
    margin: 2px 0px 0px;
    clear: none;
    width: 100%;
    min-width: 0px;
    display: block;
    padding: 10px 0px 0px;
    background-image:url("../images/headerbg.jpg");
    background-attachment: scroll;
    background-size: auto;
    max-width: 996px;
    background-position: 50% 0%;
    background-repeat: no-repeat no-repeat;
}

#susanMallery {
    float: right;
    font-size: 0.85em;
    width: auto;
    height: auto;
    text-align: left;
    font-weight: 600;
    line-height: 0.85em;
    margin: 0px 6.109375px 2px 0px;
    clear: none;
    min-height: 0px;
    color: rgb(255, 255, 255);
    font-family: open-sans;
    letter-spacing: normal;
    display: block;
}

#currentBooks {
    float: right;
    font-size: 0.85em;
    width: auto;
    height: auto;
    text-align: left;
    font-weight: 600;
    line-height: 0.85em;
    margin-left: 0px;
    margin-top: 0px;
    clear: none;
    min-height: 0px;
    color: rgb(255, 255, 255);
    font-family: open-sans;
    letter-spacing: normal;
    margin-right: 3.012323%;
    display: block;
}

#comingBooks {
    float: right;
    font-size: 0.85em;
    width: auto;
    height: auto;
    text-align: left;
    font-weight: 600;
    line-height: 0.85em;
    margin-left: 0px;
    margin-top: 0px;
    clear: none;
    min-height: 0px;
    color: rgb(255, 255, 255);
    font-family: open-sans;
    letter-spacing: normal;
    margin-right: 3.009638%;
    display: block;
}

#membersOnly {
    float: right;
    font-size: 0.85em;
    width: auto;
    height: auto;
    text-align: left;
    font-weight: 600;
    line-height: 0.85em;
    margin-left: 0px;
    margin-top: 0px;
    clear: none;
    min-height: 0px;
    color: rgb(255, 255, 255);
    font-family: open-sans;
    letter-spacing: normal;
    margin-right: 3.439203%;
    display: block;
}

#connect {
    float: right;
    font-size: 0.85em;
    width: auto;
    height: auto;
    text-align: left;
    font-weight: 600;
    line-height: 0.85em;
    margin-left: 0px;
    margin-top: 0px;
    clear: none;
    min-height: 0px;
    color: rgb(255, 255, 255);
    font-family: open-sans;
    letter-spacing: normal;
    margin-right: 2.910302%;
    display: block;
}

#purpleBox {
    float: left;
    height: auto;
    clear: none;
    width: 100%;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 25px;
    border-bottom-left-radius: 25px;
    display: block;
    margin: 0px;
    padding-left: 22px;
    padding-right: 22px;
    background-image:url("../images/contentbg.gif");
    background-attachment: scroll;
    background-size: contain;
    padding-bottom: 0px;
    max-width: 996px;
    background-position: 50% 0%;
    background-repeat: no-repeat repeat;
}

#contentDiv {
    float: none;
    height: auto;
    margin: 0px auto;
    clear: none;
    width: 98%;
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
    min-width: 0px;
    min-height: 0px;
    padding: 30px;
    position: relative;
}

#whitebox {
    float: right;
    height: auto;
    margin-left: 0px;
    margin-top: 33px;
    clear: none;
    width: 44.999911%;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
    background-color: rgb(255, 255, 255);
    margin-right: 0%;
    padding-bottom: 15px;
}

#computers {
    float: none;
    width: auto;
    max-width: 100%;
    height: auto;
    margin-left: auto;
    margin-top: 11.5px;
    clear: none;
    color: rgb(0, 0, 0);
    margin-right: auto;
}

#membersonly {
    float: none;
    width: auto;
    max-width: 100%;
    height: auto;
    margin-left: auto;
    margin-top: 9px;
    clear: none;
    color: rgb(0, 0, 0);
    margin-right: auto;
    display: block;
}

#socialbox {
    float: left;
    height: 321px;
    margin: 60px 0% 0px 4.598257%;
    clear: none;
    width: 45%;
}

#facebook {
    float: left;
    width: auto;
    max-width: 100%;
    height: auto;
    margin: 0px 0px 0px 25%;
    clear: none;
    color: rgb(0, 0, 0);
    display: block;
    padding-left: 5px;
}

#twitter {
    float: left;
    width: auto;
    max-width: 100%;
    height: auto;
    margin: 0px 0px 0px 9%;
    clear: none;
    color: rgb(0, 0, 0);
    display: block;
}

#goodreads {
    float: right;
    width: auto;
    max-width: 100%;
    height: auto;
    margin: 0px 24.996981% 0px 0px;
    clear: none;
    color: rgb(0, 0, 0);
    display: block;
}

#bookNews {
    float: none;
    width: auto;
    max-width: 100%;
    height: auto;
    margin-left: auto;
    margin-top: 29.75px;
    clear: none;
    color: rgb(0, 0, 0);
    margin-right: auto;
}

#email {
    float: none;
    font-size: 1em;
    width: auto;
    height: auto;
    text-align: center;
    font-weight: normal;
    line-height: 1em;
    margin: 24px auto 0px;
    clear: none;
    min-height: 0px;
}

#textinput {
    float: none;
    height: auto;
    padding: 0px;
    font-size: 1em;
    display: block;
    width: 75%;
    margin-top: 13px;
    margin-left: auto;
    clear: none;
    margin-right: auto;
}

#mailingList {
    float: none;
    height: 26px;
    font-size: 0.75em;
    margin-left: auto;
    margin-top: 24px;
    clear: none;
    width: 50%;
    margin-right: auto;
    font-style: normal;
    color: rgb(255, 255, 255);
    font-weight: 400;
    font-family: open-sans;
    min-width: 0px;
    background-color: rgb(86, 89, 214);
	border: 1px solid #9daca9;
	border-radius: 4px;
    box-shadow: inset 0  #fff;
}

#highlightBox {
    float: left;
    height: auto;
    margin: 35px 0px 20px;
    clear: right;
    width: 99%;
    min-height: 300px;
    background-color: rgb(249, 205, 162);
    padding-left: 10px;
}

#text1 {
    float: none;
    font-size: 1.65em;
    width: auto;
    height: 6.824147%;
    text-align: center;
    font-weight: 700;
    line-height: 1em;
    margin-left: auto;
    margin-top: 27px;
    clear: none;
    min-height: 0px;
    margin-right: auto;
    color: rgb(248, 88, 91);
    letter-spacing: -0.05em;
}

#text2 {
    float: left;
    font-size: 1em;
    width: 45%;
    height: auto;
    text-align: left;
    font-weight: normal;
    line-height: 1em;
    margin: 20px;
    clear: none;
    min-height: 211px;
}

#textspan2 {
    float: none;
    font-size: 1em;
    line-height: 1.5em;
    color: rgb(91, 82, 84);
}

#text3 {
    float: right;
    font-size: 1.05em;
    width: 45%;
    height: auto;
    text-align: left;
    font-weight: normal;
    line-height: 1.85em;
    margin: 35px 30px 0 0;
    clear: none;
}

#textspan3 {
    float: none;
    font-size: 1em;
    line-height: 1.5em;
    color: rgb(91, 82, 84);
}

#footerNav {
    float: left;
    height: 40px;
    clear: left;
    width: 100%;
    min-width: 0px;
    position: static;
    top: 0px;
    left: 0px;
    margin: 20px 0px 0px -0.01789901%;
}

#home1 {
    float: left;
    font-size: 0.53em;
    width: auto;
    height: auto;
    text-align: left;
    font-weight: 600;
    line-height: 1em;
    margin: 0px 0px 0px 0.015625px;
    clear: none;
    min-height: 0px;
    color: rgb(97, 90, 85);
    font-family: open-sans;
    letter-spacing: 0.05em;
    padding: 5px 5px 5px 0px;
    display: block;
}

#theBooks1 {
    float: left;
    font-size: 0.53em;
    width: auto;
    height: auto;
    text-align: left;
    font-weight: 600;
    line-height: 1em;
    margin: 0px;
    clear: none;
    min-height: 0px;
    color: rgb(97, 90, 85);
    font-family: open-sans;
    letter-spacing: 0.05em;
    padding: 5px;
    display: block;
}

#recipes1 {
    float: left;
    font-size: 0.53em;
    width: auto;
    height: auto;
    text-align: left;
    font-weight: 600;
    line-height: 1em;
    margin: 0px;
    clear: none;
    min-height: 0px;
    color: rgb(97, 90, 85);
    font-family: open-sans;
    letter-spacing: 0.05em;
    padding: 5px;
    display: block;
}

#aboutSusan1 {
    float: left;
    font-size: 0.53em;
    width: auto;
    height: auto;
    text-align: left;
    font-weight: 600;
    line-height: 1em;
    margin: 0px;
    clear: none;
    min-height: 0px;
    color: rgb(97, 90, 85);
    font-family: open-sans;
    letter-spacing: 0.05em;
    padding: 5px;
    display: block;
}

#bookClubs1 {
    float: left;
    font-size: 0.53em;
    width: auto;
    height: auto;
    text-align: left;
    font-weight: 600;
    line-height: 1em;
    margin: 0px;
    clear: none;
    min-height: 0px;
    color: rgb(97, 90, 85);
    font-family: open-sans;
    letter-spacing: 0.05em;
    padding: 5px;
    display: block;
}

#aboutMischief1 {
    float: left;
    font-size: 0.53em;
    width: auto;
    height: auto;
    text-align: left;
    font-weight: 600;
    line-height: 1em;
    margin: 0px;
    clear: none;
    min-height: 0px;
    color: rgb(97, 90, 85);
    font-family: open-sans;
    letter-spacing: 0.05em;
    padding: 5px;
    display: block;
}

#webcrafters {
    float: right;
    font-size: 0.53em;
    width: auto;
    height: auto;
    text-align: left;
    font-weight: 600;
    line-height: 1em;
    margin: 0px;
    clear: none;
    min-height: 0px;
    color: rgb(97, 90, 85);
    font-family: open-sans;
    letter-spacing: 0.05em;
    padding: 5px 5px 5px 0px;
    display: block;
}

#copyright {
    float: right;
    font-size: 0.53em;
    width: auto;
    height: auto;
    text-align: left;
    font-weight: 600;
    line-height: 1em;
    margin-left: 0px;
    margin-top: 0px;
    clear: none;
    min-height: 0px;
    color: rgb(97, 90, 85);
    font-family: open-sans;
    letter-spacing: 0.05em;
    padding: 5px 5px 5px 0px;
    margin-right: 0px;
}

#susanmallery:hover {
    color: rgb(248, 88, 91);
    text-shadow: rgb(78, 70, 64) 0px 0px 0px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    background-color: rgb(253, 217, 182);
}

#susanmallery {
    float: left;
    font-size: 0.53em;
    width: auto;
    height: auto;
    text-align: left;
    font-weight: 600;
    line-height: 1em;
    margin: 4px 0px 0px -0.984375px;
    clear: both;
    min-height: 0px;
    color: rgb(97, 90, 85);
    font-family: open-sans;
    letter-spacing: 0.05em;
    padding: 5px 5px 5px 0px;
    display: block;
}

#current:hover {
    color: rgb(248, 88, 91);
    text-shadow: rgb(78, 70, 64) 0px 0px 0px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    background-color: rgb(253, 217, 182);
}

#current {
    float: left;
    font-size: 0.53em;
    width: auto;
    height: auto;
    text-align: left;
    font-weight: 600;
    line-height: 1em;
    margin: 4px 0px 0px 5.15625px;
    clear: none;
    min-height: 0px;
    color: rgb(97, 90, 85);
    font-family: open-sans;
    letter-spacing: 0.05em;
    padding: 5px 5px 5px 0px;
    display: block;
}

#coming:hover {
    color: rgb(248, 88, 91);
    text-shadow: rgb(78, 70, 64) 0px 0px 0px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    background-color: rgb(253, 217, 182);
}

#coming {
    float: left;
    font-size: 0.53em;
    width: auto;
    height: auto;
    text-align: left;
    font-weight: 600;
    line-height: 1em;
    margin: 3px 0px 0px 3.6875px;
    clear: none;
    min-height: 0px;
    color: rgb(97, 90, 85);
    font-family: open-sans;
    letter-spacing: 0.05em;
    padding: 5px 5px 5px 0px;
    display: block;
}

#members:hover {
    color: rgb(248, 88, 91);
    text-shadow: rgb(78, 70, 64) 0px 0px 0px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    background-color: rgb(253, 217, 182);
}

#members {
    float: left;
    font-size: 0.53em;
    width: auto;
    height: auto;
    text-align: left;
    font-weight: 600;
    line-height: 1em;
    margin: 3px 0px 0px 4.0625px;
    clear: none;
    min-height: 0px;
    color: rgb(97, 90, 85);
    font-family: open-sans;
    letter-spacing: 0.05em;
    padding: 5px 5px 5px 0px;
    display: block;
}

#connect1:hover {
    color: rgb(248, 88, 91);
    text-shadow: rgb(78, 70, 64) 0px 0px 0px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    background-color: rgb(253, 217, 182);
}

#connect1 {
    float: left;
    font-size: 0.53em;
    width: auto;
    height: auto;
    text-align: left;
    font-weight: 600;
    line-height: 1em;
    margin: 3px 0px 0px 3px;
    clear: none;
    min-height: 0px;
    color: rgb(97, 90, 85);
    font-family: open-sans;
    letter-spacing: 0.05em;
    padding: 5px 5px 5px 0px;
    display: block;
}

#topNav {
    float: left;
    height: 22px;
    margin-left: 38.154179%;
    margin-top: 4px;
    clear: none;
    width: 58.432166%;
}
#logoBtn {
	height: 276px;
	 clear: both;
	 width: 94.998745%;
}
#mainNav {
    float: right;
    height: auto;
    margin: 0px 0.99930974% 0px 0px;
    clear: both;
    width: 94.998745%;
    padding: 0px 0px 0px 35px;
}

#bookClubs {
    float: left;
    font-size: 1em;
    width: auto;
    height: auto;
    text-align: left;
    font-weight: 600;
    line-height: 1em;
    margin: 0px 20px 0px -0.359375px;
    clear: none;
    min-height: 0px;
    color: rgb(255, 255, 255);
    font-family: open-sans;
    letter-spacing: 0.05em;
    text-shadow: rgb(78, 70, 64) 0px 0px 5px;
    padding: 5px;
    display: block;
}

#aboutMischief {
    float: left;
    font-size: 1em;
    width: auto;
    height: auto;
    text-align: left;
    font-weight: 600;
    line-height: 1em;
    margin: 0px;
    clear: none;
    min-height: 0px;
    color: rgb(255, 255, 255);
    font-family: open-sans;
    letter-spacing: 0.05em;
    text-shadow: rgb(78, 70, 64) 0px 0px 5px;
    padding: 5px;
    display: block;
}

#recipes {
    float: left;
    font-size: 1em;
    width: auto;
    height: auto;
    text-align: left;
    font-weight: 600;
    line-height: 1em;
    margin: 0px 20px 0px 13px;
    clear: none;
    min-height: 0px;
    color: rgb(255, 255, 255);
    font-family: open-sans;
    letter-spacing: 0.05em;
    text-shadow: rgb(78, 70, 64) 0px 0px 5px;
    padding: 5px;
    display: block;
}

#aboutSusan {
    float: left;
    font-size: 1em;
    width: auto;
    height: auto;
    text-align: left;
    font-weight: 600;
    line-height: 1em;
    margin: 0px 20px 0px 0px;
    clear: none;
    min-height: 0px;
    color: rgb(255, 255, 255);
    font-family: open-sans;
    letter-spacing: 0.05em;
    text-shadow: rgb(78, 70, 64) 0px 0px 5px;
    padding: 5px;
    display: block;
}

#home {
    float: left;
    font-size: 1em;
    width: auto;
    height: auto;
    text-align: left;
    font-weight: 600;
    line-height: 1em;
    margin: 0px 20px 0px 0px;
    clear: none;
    min-height: 0px;
    color: rgb(255, 255, 255);
    font-family: open-sans;
    letter-spacing: 0.05em;
    text-shadow: rgb(78, 70, 64) 0px 0px 5px;
    padding: 5px 10px;
    display: block;
}

#theBooks {
    float: left;
    font-size: 1em;
    width: auto;
    height: auto;
    text-align: left;
    font-weight: 600;
    line-height: 1em;
    margin: 0px 20px 0px 0px;
    clear: none;
    min-height: 0px;
    color: rgb(255, 255, 255);
    font-family: open-sans;
    letter-spacing: 0.05em;
    text-shadow: rgb(78, 70, 64) 0px 0px 5px;
    padding: 5px;
    display: block;
}

#image {
    float: left;
    width: auto;
    max-width: 100%;
    height: auto;
    margin-left: 74.688797%;
    margin-top: 8.5px;
    clear: none;
    color: rgb(0, 0, 0);
    display: none;
}
/*
#bookBox {
    float: none;
    height: auto;
    margin-left: auto;
    margin-top: 0.375px;
    clear: none;
    width: 95%;
    margin-right: auto;
}
*/
#bookCover {
	float: right;
    height: auto;
    margin-top: 0.375px;
    width: 40%;
}
#bookBox {
    float: left;
    height: auto;
    margin-left: auto;
    margin-top: 15px;
    clear: none;
    width: 55%;
    margin-right: auto;
}

#springCD {
    float: right;
    width: auto;
    max-width: 40%;
    height: auto;
    margin-left: 10px;
    margin-top: 0px;
    clear: none;
    color: rgb(0, 0, 0);
    margin-right: 0px;
}

#socialbuttons {
    float: none;
    height: auto;
    margin-left: auto;
    margin-top: 12.25px;
    clear: none;
    width: auto;
    margin-right: auto;
}
#socialbuttons img {
	padding: 0 5px;
}
#text {
    float: left;
    font-size: 1em;
    height: auto;
    text-align: left;
    font-weight: normal;
    line-height: 1em;
    margin: 0px 0px 20px 10px;
    clear: none;
    min-height: 211px;
}

#textspan1 {
    float: none;
    font-size: 1em;
    line-height: 1.5em;
    color: rgb(91, 82, 84);
}

#textspan {
    float: none;
    font-size: 1.25em;
    line-height: 1.5em;
    color: rgb(248, 88, 91);
    font-weight: 600;
    font-family: open-sans;
}

#mobileSocial {
    float: left;
    height: 66px;
    margin-left: 6.339753%;
    margin-top: 20.3125px;
    clear: none;
    width: 86.60058%;
    display: none;
}

#image1 {
    float: left;
    width: auto;
    max-width: 100%;
    height: auto;
    margin: 0px 0px 0px 25%;
    clear: none;
    color: rgb(0, 0, 0);
    display: block;
}

#image2 {
    float: left;
    width: auto;
    max-width: 100%;
    height: auto;
    margin: 0px 10%;
    clear: none;
    color: rgb(0, 0, 0);
    display: block;
    padding: 0px;
}

#image3 {
    float: left;
    width: auto;
    max-width: 100%;
    height: auto;
    margin: 0px 25% 0px 0px;
    clear: none;
    color: rgb(0, 0, 0);
    display: block;
}
.clearspan {
	clear: both;
}

.slicknav_menu {
	display:none;
}
    #mobilemenu {
        display: none;
    }
	#mobile-header {
	display: none;
}
#mainFooter {
	font-size: 0.55em;
	line-height: 165%;
	margin: 1em 5px;
}

.purpletext {
	color: #5659d6;
	font-weight: bold;
}
.pinktext {
	color: #ee4864;
	font-weight: bold;
}
#contentDiv p.pinktext {
	color: #ee4864;
	font-weight: bold;
}
/*the books */

#booksimage {
	float: right;
	width: 35%;
	margin: 0px 10px;
}

img.books {
	background-color:#FFF;
	padding: 15px;
  		box-shadow: 0 0 15px #ccc;
	  -moz-box-shadow: 0 0 15px #ccc;
	  -webkit-box-shadow: 0 0 15px #ccc;
}
#bookstext {
	float: left;
	width: 60%;
	margin-right: 10px;
}
#bonusHeader {
	clear: both;
	padding: 15px 0;
	text-align: center;
	width: 100%;
	float:none;
}
/* bookclubs */

#bookcimage {
	float: right;
	width: 35%;
	margin: 0px 10px;
}

img.bookc {
	background-color:#FFF;
	padding: 15px;
  		box-shadow: 0 0 15px #ccc;
	  -moz-box-shadow: 0 0 15px #ccc;
	  -webkit-box-shadow: 0 0 15px #ccc;
}
#bookctext {
	float: left;
	width: 60%;
	margin-right: 10px;
}
#discussionbox {
	width: 95%;
	margin: 15px auto;
	padding: 15px;
    background-color: rgb(249, 205, 162);
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
}
#clubWhiteBox {
    height: auto;
    clear: both;
    width: 97%;
	margin: auto;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
    background-color: rgb(255, 255, 255);
	padding: 25px;
}
#discussionbtn {
	padding: 8px;
	margin: 25px auto;
	width: auto;
	max-width: 250px;
	background-color: #ee4864;
	font-size : 15px;
	color: #fff;
	text-align:center;
	-moz-border-radius: 1em 1em 1em 1em;
	border-radius: 1em 1em 1em 1em;
}
#discussionbtn a {
	color: #fff;
	text-decoration: none;
}
#discussionbtn:hover {
	background-color: #5659d6;
}
/*recipes */

#recipeimage {
	float: right;
	width: auto;
	margin: 0px 10px;
}

img.recipe {
	background-color:#FFF;
	padding: 15px;
  		box-shadow: 0 0 15px #ccc;
	  -moz-box-shadow: 0 0 15px #ccc;
	  -webkit-box-shadow: 0 0 15px #ccc;
}
#recipetext {
	float: left;
	width: 50%;
	margin-right: 10px;
}
hr.recipe {
	height: 10px;
	color: #f9bc80;
	background-color: #f9bc80;
	border: 0 none;
	margin: 35px 0;
}
#recipetext ul {
	margin-top: 0;	
}
#recipetext ul li {
	margin: 0 0 0 15px;	
}
#recipediv {
	float:none;
	clear:both;
	width: 100%;
	margin: 15px 0;
	background-color: #f9bc80;
	height: 2px;
}
#recipebtn {
	padding: 8px;
	margin: 35px auto 0 auto;
	width: auto;
	max-width: 275px;
	background-color: #5659d6;
	font-size : 15px;
	color: #fff;
	text-align:center;
	-moz-border-radius: 1em 1em 1em 1em;
	border-radius: 1em 1em 1em 1em;
}
#recipebtn a {
	color: #fff;
	text-decoration: none;
}
#recipebtn:hover {
	background-color: #ee4864;
}
#recipeprintbtn {
	float: right;
	margin: 0 0 15px 25px;
	padding: 10px;
	max-width: 150px;
	background-color: #5659d6;
	font-size : 15px;
	color: #fff;
	text-align:center;
	-moz-border-radius: 1em 1em 1em 1em;
	border-radius: 1em 1em 1em 1em;
}
#subcontent2 {
	position:absolute; 
	margin-top: -300px;
	margin-left: -25px;
	visibility: hidden; 
	border: 5px solid #ee4864; 
	background-color: white; 
	max-width: 575px; 
	height: 275px; 
	padding: 10px 5px;
	font-size: 85%;
}

#recipetoc {
	width: 49%; 
	float: left;
}

#recipetoc ul li {
	margin-bottom: 10px;
	
}
#hmrecipebtn {
	padding: 8px;
	margin: 35px auto;
	width: auto;
	max-width: 175px;
	background-color: #5659d6;
	font-size : 15px;
	color: #fff;
	text-align:center;
	-moz-border-radius: 1em 1em 1em 1em;
	border-radius: 1em 1em 1em 1em;
}
#hmrecipebtn a {
	color: #fff;
	text-decoration: none;
}
#hmrecipebtn:hover {
	background-color: #ee4864;
}

/*about Mischief Bay */

#aboutIntro {
    float: left;
    height: auto;
    margin: 0px 0 20px 0;
    width: 45%;
	line-height: 1.9em;
}

#aboutOrangeBox {
    float: right;
    height: auto;
    margin: 0 10px 20px 20px;
    width: 45%;
    background-color: rgb(249, 205, 162);
    padding: 20px;
	font-size: 14px;
	font-size: .875em;
}

#aboutIntro .orangeTxt {
	color: #d58469;
	font-weight:bold;
}
#arrowAboutMain {
	width: 73px;
	height: 65px;
	margin: 15px auto;
	background-image: url(../images/arrow-pink-left.gif);
}
#aboutWhiteBox {
    float: left;
    height: auto;
    clear: both;
    width: 99%;
	margin: auto;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
    background-color: rgb(255, 255, 255);
	padding: 15px;
}
#aboutimage {
	float: right;
	width: 45%;
	margin: 10px 20px;
}

img.about {
	width: 100%;
	background-color:#FFF;
	padding: 15px;
  		box-shadow: 0 0 15px #ccc;
	  -moz-box-shadow: 0 0 15px #ccc;
	  -webkit-box-shadow: 0 0 15px #ccc;
}
#aboutText {
	float: left;
	width: 45%;
	margin: 10px 20px;
	font-size: .95em;
	line-height: 1.55em;
}
.caption {
	font-size: 75%;
	margin: 15px 15px 10px 15px;
}

#namesleft {
	float: left;
	line-height: 1.55em;
	font-size: 73%;
	width: 45%;
	margin: 10px 5px;
	color: #5659d6;
}
#namesright {
	float: right;
	line-height: 1.55em;
	font-size: 73%;
	width: 45%;
	margin: 10px 5px;
	color: #ee4864;
}

#businessIntro {
    float: right;
    height: auto;
    margin: 25px 0px 0 0;
    width: 39%;
	line-height: 1.9em;
}

#businessOrangeBox {
    float: left;
    height: auto;
    margin: 25px 10px 20px 0;
    width: 57%;
    background-color: rgb(249, 205, 162);
    padding: 15px;
	font-size: 11px;
	line-height: 1.85em;
}
img.boat {
	width: 90%;
	background-color:#FFF;
	padding: 15px;
  		box-shadow: 0 0 15px #ccc;
	  -moz-box-shadow: 0 0 15px #ccc;
	  -webkit-box-shadow: 0 0 15px #ccc;
}
img.map {
	width: 90%;
	background-color:#FFF;
	padding: 15px;
  		box-shadow: 0 0 15px #ccc;
	  -moz-box-shadow: 0 0 15px #ccc;
	  -webkit-box-shadow: 0 0 15px #ccc;
	  margin-top: 15px;
}
#mapmobile {
	display: none;
}
img.hmrecipe {
	width: 90%;
	margin: 10px 0 30px 0;
	background-color:#FFF;
	padding: 15px;
  		box-shadow: 0 0 15px #ccc;
	  -moz-box-shadow: 0 0 15px #ccc;
	  -webkit-box-shadow: 0 0 15px #ccc;
}
img.maphome {
	width: 90%;
	background-color:#FFF;
	padding: 15px;
  		box-shadow: 0 0 15px #ccc;
	  -moz-box-shadow: 0 0 15px #ccc;
	  -webkit-box-shadow: 0 0 15px #ccc;
	  margin-top: 15px;
}
@media only screen and (max-width: 997px) {
    #gradientBox {
        min-width: 0px;
        width: 100%;
        max-width: none;
    }

    #purpleBox {
        padding: 0px;
        background-image:url("../images/contentbg.gif");
        background-attachment: scroll;
        background-size: contain;
        margin-left: auto;
        margin-right: auto;
        float: none;
        clear: none;
        background-position: 50% 0%;
        background-repeat: no-repeat repeat;
    }

    #mainDiv {
        width: 100%;
    }

    #header {
        background-image:url("../images/headerbg.jpg");
        background-attachment: scroll;
        background-size: cover;
        min-width: 0px;
        width: 100%;
        max-width: 996px;
        margin-left: auto;
        margin-right: auto;
        float: none;
        clear: none;
        padding: 10px 0px 0px;
        min-height: 335px;
        background-position: 50% 0%;
        background-repeat: no-repeat no-repeat;
		margin-top: 40px;
    }

    #contentDiv {
        margin-top: 0px;
        clear: none;
    }

    #susanMallery {
        margin-top: 0px;
        margin-left: 0px;
        clear: none;
        margin-right: 2.000213%;
        float: right;
    }

    #currentBooks {
        margin-top: 0px;
        margin-left: 0px;
        clear: none;
        margin-right: 2.000213%;
        float: right;
    }

    #comingBooks {
        margin-top: 0px;
        margin-left: 0px;
        clear: none;
        margin-right: 1.997546%;
        float: right;
    }

    #membersOnly {
        margin-top: 0px;
        margin-left: 0px;
        clear: none;
        margin-right: 2.000213%;
        float: right;
    }

    #connect {
        margin: 0px 2% 0px 0px;
        clear: none;
        padding: 0px 10px;
        float: right;
    }

    #whitebox {
        width: 44.999915%;
        height: auto;
        margin-right: 3.493152%;
        margin-top: 30px;
        clear: none;
    }

    #socialbox {
        width: 44.999915%;
        margin: 30px 0% 0px 27px;
        clear: none;
        height: 307px;
    }

    #highlightBox {
        width: 98.495625%;
        margin-top: 48px;
        margin-left: 1px;
        clear: right;
    }

    #topNav {
        margin-top: 4px;
        margin-left: 37.390464%;
        clear: none;
        width: 60.399485%;
    }
    #mainNav {
        position: relative;
        top: 0px;
        left: 0px;
        width: 90%;
        margin-top: 4px;
        clear: none;
        padding: 0px 0px 0px 35px;
        margin-left: auto;
        float: none;
        margin-right: auto;
    }

    #bookClubs {
        font-size: 0.85em;
		margin-right: 20px;
        padding: 0px 5px;
    }

    #aboutMischief {
        font-size: 0.85em;
		margin-right: 20px;
        padding: 0px 5px;
    }

    #recipes {
        font-size: 0.85em;
		margin-right: 20px;
        padding: 0px 5px;
    }

    #aboutSusan {
        font-size: 0.85em;
		margin-right: 20px;
        padding: 0px 5px;
    }

    #home {
        font-size: 0.85em;
		margin-right: 20px;
        padding: 0px 10px;
    }

    #theBooks {
        font-size: 0.85em;
		margin-right: 20px;
        padding: 0px 5px;
    }

    #mobileSocial {
        display: none;
    }
}

@media only screen and (max-width: 941px) {
    #header {
        min-height: 345px;
        max-width: 941px;
        width: 100%;
        background-image:url("../images/headerbg.jpg");
        background-attachment: scroll;
        background-size: 100%;
        padding: 0px 0px 0px;
        background-position: 0% 0%;
        background-repeat: no-repeat no-repeat;
    }

    #purpleBox {
        background-image:url("../images/contentbg.gif");
        background-attachment: scroll;
        background-size: contain;
        background-position: 50% 50%;
        background-repeat: no-repeat repeat;
    }

    #susanMallery {
        font-size: 0.75em;
    }

    #currentBooks {
        font-size: 0.75em;
    }

    #comingBooks {
        font-size: 0.75em;
    }

    #membersOnly {
        font-size: 0.75em;
    }

    #connect {
        font-size: 0.75em;
    }

    #whitebox {
        margin: 22px 18px 0px 0px;
        clear: none;
        width: 44.999003%;
        height: auto;
    }

    #socialbox {
        width: 44.999003%;
        height: auto;
        margin: 22px 0px 0px 24px;
        clear: none;
    }

    #highlightBox {
        width: 98.495805%;
        margin-top: 32.6875px;
        margin-left: 0.34795846%;
        clear: right;
    }
    #twitter {
        margin-left: 8%;
    }

    #goodreads {
        margin: 0px 25% 0px 0px;
    }

    #facebook {
        margin-left: 25%;
    }

    #text2 {
        margin: 2.355149%;
    }

    #text3 {
        margin: 2.355149%;
    }

    #topNav {
        clear: none;
        width: 65.338855%;
        height: 10px;
        margin-left: 34.381642%;
    }

    #mainDiv {
        margin: 15px auto 0px;
    }
#logoBtn {
		height: 299px;
		 clear: both;
		 width: 94.998672%;
}
    #mainNav {
        margin-top: 0px;
        clear: none;
        width: 94.998672%;
        padding: 0px;
    }

    #bookClubs {
        text-align: left;
        margin-left: 0px;
        margin-right: 10px;
        float: right;
        margin-top: 0px;
        clear: none;
    }

    #aboutMischief {
        text-align: left;
        margin-left: 0px;
        margin-right: 10px;
        float: right;
        margin-top: 0px;
        clear: none;
    }

    #recipes {
        text-align: left;
        margin-left: 0px;
        margin-right: 10px;
        float: right;
        margin-top: 0px;
        clear: none;
    }

    #aboutSusan {
        text-align: left;
        margin-left: 0px;
        margin-right: 10px;
        float: right;
        margin-top: 0px;
        clear: none;
    }

    #home {
        text-align: left;
        margin-left: 0px;
        margin-right: 10px;
        float: right;
        margin-top: 0px;
        clear: none;
    }

    #theBooks {
        text-align: left;
        margin-left: 0px;
        margin-right: 10px;
        float: right;
        margin-top: 0px;
        clear: none;
    }

    #image {
        display: none;
    }
#bookCover {
    width: 35%;
}
#bookBox {
    width: 60%;
}
#bookBox img {
    width: 100%;
}
#springCD {
    max-width: 35%;
}

    #mobileSocial {
        display: none;
    }
}
@media only screen and (max-width: 965px) {
#namesleft {
	float: left;
	line-height: 1.55em;
	font-size: 71%;
	width: 45%;
	margin: 0px;
	color: #5659d6;
}
#namesright {
	float: right;
	line-height: 1.55em;
	font-size: 71%;
	width: 45%;
	margin: 0px;
	color: #ee4864;
}
}
@media only screen and (max-width: 933px) {
	#aboutimage {
	float: right;
	width: 45%;
	margin: 10px 15px;
}

img.about {
	width: 100%;
	background-color:#FFF;
	padding: 15px;
  		box-shadow: 0 0 15px #ccc;
	  -moz-box-shadow: 0 0 15px #ccc;
	  -webkit-box-shadow: 0 0 15px #ccc;
}
#aboutText {
	float: left;
	width: 44%;
	margin: 10px 15px;
	font-size: .90em;
	line-height: 1.55em;
}
/*the books */

#booksimage {
	float: right;
	width: 35%;
	margin: 0px 30px 0 0;
}
#bookCover img.books {
	width: 80%;
	background-color:#FFF;
	padding: 15px;
  		box-shadow: 0 0 15px #ccc;
	  -moz-box-shadow: 0 0 15px #ccc;
	  -webkit-box-shadow: 0 0 15px #ccc;
}
img.books {
	background-color:#FFF;
	padding: 15px;
  		box-shadow: 0 0 15px #ccc;
	  -moz-box-shadow: 0 0 15px #ccc;
	  -webkit-box-shadow: 0 0 15px #ccc;
}
#bookstext {
	float: left;
	width: 55%;
	margin-right: 10px;
}

#namesleft {
	float: left;
	clear: both;
	text-align:center;
	line-height: 1.55em;
	font-size: 75%;
	width: 100%;
	margin: 5px 0;
	color: #5659d6;
}
#namesright {
	float: left;
	clear: both;
	text-align:center;
	line-height: 1.55em;
	font-size: 75%;
	width: 100%;
	margin: 5px 0px;
	color: #ee4864;
}
}
@media only screen and (max-width: 806px) {
    #header {
        background-image:url("../images/headerbg.jpg");
        background-attachment: scroll;
        background-size: cover;
        min-height: 255px;
        height: auto;
        padding: 0px;
        background-position: 55.5% -0.4%;
        background-repeat: no-repeat no-repeat;
    }

    #susanMallery {
        margin: 7px 2.001953% 0px 0px;
        clear: none;
        font-size: 0.7em;
        float: right;
    }

    #currentBooks {
        margin: 7px 2% 0px 0px;
        clear: none;
        font-size: 0.7em;
        height: auto;
        min-height: 0px;
        float: right;
    }

    #comingBooks {
        margin-top: 7px;
        margin-left: 0px;
        clear: none;
        font-size: 0.7em;
        margin-right: 2%;
        float: right;
    }

    #membersOnly {
        margin-top: 7px;
        margin-left: 0px;
        clear: none;
        font-size: 0.7em;
        margin-right: 2%;
        float: right;
    }

    #connect {
        margin: 7px 0px 0px;
        clear: none;
        font-size: 0.7em;
        float: right;
    }

    #whitebox {
        width: 42%;
        height: auto;
        margin: 33px 25px 33px 0px;
        clear: none;
    }

    #membersonly {
        width: 78.672486%;
        max-width: none;
        margin-top: 8px;
        clear: none;
        height: auto;
        margin-left: auto;
        margin-right: auto;
    }

    #socialbox {
        width: 44.999568%;
        margin: 39px 0px 0px 4.829938%;
        clear: none;
        height: auto;
    }

    #highlightBox {
        margin-top: 1.875px;
        margin-left: 0.09495856%;
        clear: right;
        width: 98.49577%;
    }
    #text2 {
        width: 90%;
        margin-left: auto;
        margin-right: auto;
        float: none;
        clear: none;
    }

    #gradientBox {
        max-width: 800px;
        width: 100%;
    }

    #text3 {
        width: 90%;
        margin: 27px auto 15px;
        float: none;
        clear: none;
    }

img.maphome {
	width: auto;
}
img.hmrecipe {
	width: auto;
}
    #topNav {
        width: 100%;
        height: 22px;
        margin: 0px 0px 0px;
        float: right;
        clear: none;
    }

    #mainDiv {
        margin: 15px auto 0px;
    }
#logoBtn {
	clear: both;
    float: left;
	width: 37.25%;
	height: 200px;
}
    #mainNav {
        float: left;
        width: 48%;
        padding: 5px 5px 5px 20px;
        height: auto;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px;
        border-bottom-left-radius: 10px;
        margin-top: 41px;
        background-color: rgba(117, 26, 185, 0.498039);
    }

    #bookClubs {
        font-size: 0.75em;
        padding: 5px;
        margin-left: 10px;
        margin-right: 0px;
        float: left;
        margin-top: 0px;
        clear: none;
    }

    #aboutMischief {
        font-size: 0.75em;
        padding: 5px;
        margin-left: 20px;
        margin-right: 0px;
        float: left;
        margin-top: 0px;
        clear: none;
        text-align: left;
    }

    #recipes {
        font-size: 0.75em;
        padding: 5px;
        margin-left: 10px;
        margin-right: 0px;
        float: left;
        margin-top: 0px;
        clear: both;
        text-align: left;
    }

    #aboutSusan {
        font-size: 0.75em;
        padding: 5px;
        margin-left: 20px;
        margin-right: 0px;
        float: left;
        margin-top: 0px;
        clear: none;
        text-align: left;
    }

    #home {
        font-size: 0.75em;
        padding: 5px;
        margin-right: 0px;
        margin-top: 0px;
        margin-left: 10px;
        float: left;
        text-align: left;
    }

    #theBooks {
        font-size: 0.75em;
        padding: 5px;
        margin-left: 10px;
        margin-right: 0px;
        float: left;
        margin-top: 0px;
        clear: none;
        text-align: left;
    }

    #image {
        display: none;
    }
    #springCD {
        margin-right: 0.00110915%;
        margin-top: 0px;
        clear: none;
        height: auto;
        width: auto;
        max-width: 41.472831%;
    }

    #text1 {
        height: 4.854709%;
    }

    #twitter {
        margin-left: 5%;
    }

    #mobileSocial {
        display: none;
    }
	#booksimage {
	float: right;
	width: 37%;
	margin: 0px 20px 0 0;
}

img.books {
	width: 100%;
	background-color:#FFF;
	padding: 15px;
  		box-shadow: 0 0 15px #ccc;
	  -moz-box-shadow: 0 0 15px #ccc;
	  -webkit-box-shadow: 0 0 15px #ccc;
}
#bookstext {
	float: left;
	width: 52%;
	margin-right: 10px;
}
}


@media only screen and (max-width: 695px) {
    #header {
        min-height: 225px;
        background-image:url("../images/headerbg.jpg");
        background-attachment: scroll;
        background-size: 100%;
        background-position: 50% 0%;
        background-repeat: no-repeat no-repeat;
    }
    #susanMallery {
        margin: 0px;
        clear: none;
        height: auto;
        min-height: 0px;
        font-size: 0.55em;
        text-align: center;
        padding-left: 2%;
    }

    #currentBooks {
        margin: 0px;
        clear: none;
        height: auto;
        min-height: 0px;
        font-size: 0.55em;
        text-align: center;
        padding-left: 2%;
    }

    #comingBooks {
        margin: 0px;
        clear: none;
        height: auto;
        min-height: 0px;
        font-size: 0.55em;
        text-align: center;
        padding-left: 2%;
    }

    #membersOnly {
        margin: 0px;
        clear: none;
        height: auto;
        min-height: 0px;
        font-size: 0.55em;
        text-align: center;
        padding-left: 2%;
    }

    #connect {
        margin: 0px;
        clear: none;
        height: auto;
        min-height: 0px;
        font-size: 0.55em;
        text-align: center;
        padding-left: 2%;
    }

    #contentDiv {
        height: auto;
    }

    #mainDiv {
        margin: 0px auto 20px;
        width: 100%;
        clear: none;
    }

    #gradientBox {
        margin: 0px auto 0px;
        clear: none;
        width: 100%;
        padding: 0px 0px 10px;
    }

    #topNav {
        float: right;
        height: 17px;
        margin-left: 0px;
		margin-right: 5px;
        margin-top: 3px;
        clear: none;
        width: 80%;
        display: block;
    }

    #mainNav {
		display: none;
    }

    #image {
        display: none;
    }

    #bookBox {
        display: block;
        width: 100%;
    }

    #whitebox {
        width: 44.998742%;
        margin-left: 0px;
        margin-right: 1.849057%;
        float: right;
        margin-top: 19px;
        clear: none;
        height: 316px;
    }

    #highlightBox {
        margin: 38px 0px 20px 0.74968553%;
        clear: right;
        width: 98.495597%;
        float: left;
    }

    #socialbox {
        width: 44.998742%;
        margin: 19px 0px 0px 0%;
        height: auto;
        clear: none;
    }

    #textinput {
        margin-top: 33.5px;
        clear: none;
        width: 89.992732%;
    }

    #mailingList {
        width: 100%;
        height: 26px;
    }

    #goodreads {
        margin-top: 9.5px;
        margin-right: 0%;
        margin-left: 4.28244%;
        clear: none;
    }

    #twitter {
        margin-top: 11.5px;
        margin-right: 0%;
        margin-left: 8.576061%;
        clear: none;
    }

    #facebook {
        margin-top: 12.5px;
        margin-right: 0%;
        margin-left: 23.950355%;
        clear: none;
    }

    #text {
        width: 95%;
        margin-left: 0%;
        margin-right: 0px;
        float: left;
        margin-top: 0%;
        clear: none;
    }
	#bookCover {
	float: none;
    height: auto;
    margin-top: 0.375px;
    width: 100%;
}
#bookCover img {
    width: auto;
}
#bookCover img.books {
	width: 65%;
	background-color:#FFF;
	padding: 15px;
  		box-shadow: 0 0 15px #ccc;
	  -moz-box-shadow: 0 0 15px #ccc;
	  -webkit-box-shadow: 0 0 15px #ccc;
}
    #springCD {
        margin-right: 0.12327044%;
        margin-top: 13px;
        clear: none;
    }

    #mobileSocial {
        display: none;
    }
		.js #mobilemenu {
		display:none;
	}
	
	.js .slicknav_menu {
		display:block;
	}

	/*About Mischief Bay */
	
#aboutIntro {
    float: left;
    height: auto;
    margin: 20px auto;
    width: 99%;
	line-height: 1.5em;
}

#aboutOrangeBox {
    float: left;
    height: auto;
    margin: 0 auto 30px auto;
    width: 99%;
    padding: 10px;
	font-size: 12px;
	font-size: .75em;
}
#aboutWhiteBox {
    float: left;
    height: auto;
    clear: both;
    width: 99%;
	padding: 25px;
}
#aboutimage {
	float: left;
	width: 100%;
	margin: 0;
}

img.about {
	width: auto;
	background-color:#FFF;
	text-align: center;
	padding: 10px;
  		box-shadow: 0 0 10px #ccc;
	  -moz-box-shadow: 0 0 10px #ccc;
	  -webkit-box-shadow: 0 0 10px #ccc;
}
#aboutText {
	float: left;
	width: 99%;
	margin: 0 auto 10px auto;
	font-size: .95em;
	line-height: 1.35em;
	border-top: 3px solid #f7906e; 
	padding-top: 15px;
}
#businessIntro {
    float: left;
    height: auto;
    margin:10px 0px 15px 0;
    width: 99%;
	line-height: 1.9em;
}

#businessOrangeBox {
    float: left;
    height: auto;
    margin: 10px 0;
    width: 99%;
    background-color: rgb(249, 205, 162);
    padding: 15px;
	font-size: 11px;
	line-height: 1.85em;
}
img.boat {
	width: auto;
	background-color:#FFF;
	padding: 10px;
  		box-shadow: 0 0 15px #ccc;
	  -moz-box-shadow: 0 0 15px #ccc;
	  -webkit-box-shadow: 0 0 15px #ccc;
	  margin-top: 25px;
	  margin-bottom: 25px;
}
img.map {
display: none;
}
#mapmobile {
	display:block;
}
img.mapmobile {
	width: auto;
	background-color:#FFF;
	padding: 10px;
  		box-shadow: 0 0 15px #ccc;
	  -moz-box-shadow: 0 0 15px #ccc;
	  -webkit-box-shadow: 0 0 15px #ccc;
	  margin-top: 15px;
}
#arrowAboutMain {
	width: 73px;
	height: 65px;
	margin: 15px auto;
	background-image: url(../images/arrow-pink-down.gif);
}
/*the books */

#booksimage {
	float: none;
	width: auto;
	margin: 15px;
}
img.books {
	width: 50%;
	margin: 15px auto;
	background-color:#FFF;
	padding: 15px;
  		box-shadow: 0 0 15px #ccc;
	  -moz-box-shadow: 0 0 15px #ccc;
	  -webkit-box-shadow: 0 0 15px #ccc;
}
#bookstext {
	float: left;
	width: 95%;
	margin: 0 20px 10px 10px;
}
/*bookclubs */

#bookcimage {
	float: none;
	width: auto;
	margin: 15px;
}
img.bookc {
	width: 50%;
	margin: 15px auto 0 auto;
	background-color:#FFF;
	padding: 15px;
  		box-shadow: 0 0 15px #ccc;
	  -moz-box-shadow: 0 0 15px #ccc;
	  -webkit-box-shadow: 0 0 15px #ccc;
}
#bookctext {
	float: left;
	width: 100%;
	margin: 10px;
}
#discussionbox {
	width: 93%;
	float:left;
	margin: 0 auto 15px auto;
	padding: 15px;
    background-color: rgb(249, 205, 162);
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
}
#clubWhiteBox ol {
	padding-left: 15px;
}

}

@media only screen and (max-width: 631px) {
    #header {
        min-height: 200px;
		
    }

    #gradientBox {
        margin-top: 0px;
        clear: none;
        width: 100%;
    }

    #mainDiv {
        margin: 0px auto 20px;
		}
#logoBtn {
	clear: both;
    float: left;
	width: 50%;
	max-height: 185px;
}
    #mobileNav {
        float: none;
        height: 38px;
        margin-left: auto;
        margin-top: 5px;
        clear: none;
        width: 100%;
        margin-right: auto;
    }

    #image {
        display: none;
    }

    #facebook {
        margin: 0px 0px 0px 15%;
        clear: none;
        padding-left: 0%;
    }

    #bookNews {
        margin-top: 32px;
        clear: none;
        height: auto;
        width: auto;
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    #twitter {
        margin-top: 2px;
        margin-left: 10%;
        clear: none;
    }

    #goodreads {
        margin: 0px 15% 0px 0px;
        clear: none;
    }

    #mailingList {
        width: 100%;
        height: 26px;
        margin-top: 16px;
        clear: none;
    }

    #webcrafters {
        margin-top: 0px;
        margin-right: 2px;
        margin-left: 0px;
        clear: none;
    }

    #susanmallery {
        margin-top: 4px;
        margin-left: -0.984375px;
        clear: both;
    }

    #bookBox {
        display: block;
        margin-top: -0.5px;
        clear: none;
        width: 100%;
    }
/*
    #text {
        width: 47.699799%;
        margin-left: -0.17349452%;
        margin-right: 0px;
        float: left;
        margin-top: 0.04477278%;
        clear: none;
        height: auto;
    }
*/
#bookCover img.books {
	width: 80%;
	background-color:#FFF;
	padding: 15px;
  		box-shadow: 0 0 15px #ccc;
	  -moz-box-shadow: 0 0 15px #ccc;
	  -webkit-box-shadow: 0 0 15px #ccc;
}
    #springCD {
        margin-right: 0.83948959%;
        margin-top: 23.34375px;
        clear: none;
    }

    #socialbox {
        margin-top: 20.875px;
        margin-left: 0.89545556%;
        clear: none;
        width: 44.996642%;
        height: auto;
    }

    #whitebox {
        margin-right: 0.51208865%;
        margin-top: 14.21875px;
        clear: none;
        width: 44.99944%;
        height: 316px;
        margin-left: 0px;
    }

    #highlightBox {
        margin: 15px 0px 20px 0%;
        clear: right;
        width: 98.494515%;
    }

    #textinput {
        width: 89.987562%;
        margin-top: 23px;
        clear: none;
    }

    #email {
        margin-top: 34px;
        clear: none;
    }

    #mobileSocial {
        display: none;
    }

    #contentDiv {
        height: auto;
    }
	.slicknav_menu {
	display:none;
}
}
@media only screen and (max-width: 593px) {
    #topNav {
        width: 70%;
    }	
	#logoBtn {
	clear: both;
    float: left;
	width: 50%;
	max-height: 175px;
}
	#susanMallery {
        margin: 0px;
        clear: none;
        height: auto;
        min-height: 0px;
        font-size: 0.5em;
        text-align: center;
        padding-left: 1%;
    }

    #currentBooks {
        margin: 0px;
        clear: none;
        height: auto;
        min-height: 0px;
        font-size: 0.5em;
        text-align: center;
        padding-left: 1%;
    }

    #comingBooks {
        margin: 0px;
        clear: none;
        height: auto;
        min-height: 0px;
        font-size: 0.5em;
        text-align: center;
        padding-left: 1%;
    }

    #membersOnly {
        margin: 0px;
        clear: none;
        height: auto;
        min-height: 0px;
        font-size: 0.5em;
        text-align: center;
        padding-left: 1%;
    }

    #connect {
        margin: 0px;
        clear: none;
        height: auto;
        min-height: 0px;
        font-size: 0.5em;
        text-align: center;
        padding-left: 1%;
    }
		img.hmrecipe {
	width: 90%;

}
img.maphome {
	width: 90%;
}
}
@media only screen and (max-width: 482px) {
    #gradientBox {
        display: block;
        clear: none;
        width: auto;
        max-width: none;
        min-width: 0px;
        margin-top: 2px;
    }

    #mobileNav {
        margin: 0px auto;
        clear: none;
        height: 48px;
        background-color: rgb(86, 89, 214);
        display: block;
        width: 100%;
        float: none;
    }
	.socialicons {
	float: none;
	margin: 0 auto;
	padding: 15px 0 2px 0;
	}
    .primaryContainer {
        width: 100%;
    }

    #mainNav {
        display: none;
    }
	#header {
	display: none;
	}
    #mobile-header {
		display:block;
        margin: 0px 0px 0px 0%;
        background-image:url("../images/mobile-header.jpg");
    	background-attachment: scroll;
    	background-size: 100%;
		width: 100%;
    	min-width: 0px;
    	max-width: 480px;
		min-height: 175px;
        float: left;
        clear: none;
        background-position: 0% 0%;
        background-repeat: no-repeat no-repeat;
    }

    #mainDiv {
        margin: 5px auto 20px;
        width: auto;
    }

    #purpleBox {
        background-color: rgb(253, 217, 182);
        width: auto;
        max-width: none;
        margin-top: 0px;
        clear: both;
        margin-left: 0%;
        margin-right: 0px;
        float: none;
    }

    #contentDiv {
        width: 90%;
        background-color: rgb(253, 217, 182);
        height: auto;
        padding: 2%;
    }

    #image {
        float: none;
        width: auto;
        max-width: 100%;
        height: auto;
        margin-left: auto;
        margin-top: 8px;
        clear: none;
        color: rgb(0, 0, 0);
        display: block;
        margin-right: auto;
    }

    #socialbox {
        width: 84.998681%;
        height: auto;
        margin-top: 10.875px;
        margin-left: 7.50066%;
        clear: none;
        margin-right: 0px;
        float: left;
    }

    #twitter {
        margin-top: 0px;
        margin-left: 20.897512%;
        clear: none;
        display: none;
    }

    #mailingList {
        width: 89.994936%;
        height: 26px;
        margin-top: 10px;
        clear: none;
    }

    #facebook {
        margin-top: -294px;
        margin-right: 0%;
        margin-left: -25.282764%;
        clear: none;
        display: none;
    }

    #goodreads {
        display: none;
    }

    #email {
        margin-top: 16px;
        clear: none;
    }

    #bookNews {
        margin-top: 7px;
        clear: none;
    }

    #textinput {
        margin-top: 13.75px;
        margin-right: 0%;
        margin-left: 9.286137%;
        width: 82.583985%;
        clear: none;
    }

    #highlightBox {
        margin: 21.875px 0px 20px 0.75760431%;
        clear: both;
        width: 98.481022%;
        float: left;
    }

    #whitebox {
        width: 100%;
        height: 357px;
        margin-top: 723px;
        margin-left: -15.190194%;
        clear: none;
        float: none;
        display: none;
    }

    #membersonly {
        margin-top: 18px;
        clear: none;
        height: auto;
        width: 35.034064%;
        margin-left: 5.490966%;
        margin-right: 0px;
        float: left;
    }

    #computers {
        margin-top: 18px;
        clear: none;
        margin-left: 9.001037%;
        margin-right: 0px;
        float: left;
        height: auto;
        width: auto;
        max-width: 100%;
    }

    #text1 {
        font-size: 1.15em;
        width: 89.996478%;
        height: 2.128603%;
    }

    #text3 {
        margin-top: 18px;
        clear: none;
    }

    #text2 {
        width: 90%;
    }

    #susanmallery {
        font-size: 0.45em;
        margin: 4px 0px 0px 3.9993%;
        clear: both;
    }

    #coming {
        font-size: 0.45em;
        margin-top: 3px;
        margin-left: 3.6875px;
        clear: none;
    }

    #members {
        font-size: 0.45em;
        margin-top: 3px;
        margin-left: 4.0625px;
        clear: none;
    }

    #connect1 {
        font-size: 0.45em;
        margin-top: 3px;
        margin-left: 3px;
        clear: none;
    }

    #copyright {
        font-size: 0.45em;
        margin-left: 0%;
        margin-right: 0px;
        float: left;
        clear: both;
        margin-top: 3px;
        text-align: center;
    }

    #current {
        font-size: 0.45em;
        margin-top: 4px;
        margin-left: 5.15625px;
        clear: none;
    }

    #webcrafters {
        font-size: 0.45em;
        text-align: center;
        margin-left: 0px;
        float: right;
        clear: left;
        margin-top: 2px;
        margin-right: 52.113416%;
    }

    #home1 {
        font-size: 0.45em;
    }

    #theBooks1 {
        font-size: 0.45em;
    }

    #recipes1 {
        font-size: 0.45em;
    }

    #aboutSusan1 {
        font-size: 0.45em;
    }

    #bookClubs1 {
        font-size: 0.45em;
    }

    #aboutMischief1 {
        font-size: 0.45em;
    }

    #bookBox {
        float: none;
        height: auto;
        margin-left: auto;
        margin-top: 10px;
        clear: none;
        width: 100%;
        margin-right: auto;
        display: block;
    }
	#bookCover {
		margin-top: 20px;
	}

    #springCD {
        float: none;
        width: auto;
        max-width: 46.918699%;
        height: auto;
        margin-left: auto;
        margin-top: 0.671875px;
        clear: none;
        color: rgb(0, 0, 0);
        display: none;
        margin-right: auto;
    }

    #text {
        width: 89.992839%;
        margin-left: auto;
        float: none;
        clear: none;
        margin-right: auto;
        margin-top: 2.340658%;
        text-align: left;
    }

    #mobileSocial {
        float: none;
        height: auto;
        margin-left: auto;
        margin-top: 20.3125px;
        clear: none;
        width: 100%;
        display: block;
        margin-right: auto;
    }

    #image1 {
        float: left;
        width: auto;
        max-width: 100%;
        height: auto;
        margin: 0px 0px 0px 25%;
        clear: none;
        color: rgb(0, 0, 0);
        display: block;
    }

    #image2 {
        float: left;
        width: auto;
        max-width: 100%;
        height: auto;
        margin: 0px 5%;
        clear: none;
        color: rgb(0, 0, 0);
        display: block;
        padding: 0px;
    }

    #image3 {
        float: left;
        width: auto;
        max-width: 100%;
        height: auto;
        margin: 0px 0% 0px 0px;
        clear: none;
        color: rgb(0, 0, 0);
        display: block;
    }
	#mobileFooter {
		font-size: 0.55em;
		line-height: 165%;
	}

/*recipes */

#recipeimage {
	float: none;
	width: auto;
	margin: 20px 0;
}

#recipetext {
	float: none;
	width: auto;
	margin: 20px 0;
}
img.recipe {
	background-color:#FFF;
	max-width: 95%;
	padding: 15px;
  		box-shadow: 0 0 15px #ccc;
	  -moz-box-shadow: 0 0 15px #ccc;
	  -webkit-box-shadow: 0 0 15px #ccc;
}
hr.recipe {
	height: 10px;
	width: 95%;
	color: #f9bc80;
	background-color: #f9bc80;
	border: 0 none;
	margin: 35px auto;
}

#recipediv {
	float:none;
	clear:both;
	width: 90%;
	margin: 15px auto;
	background-color: #f9bc80;
	height: 2px;
}
#recipebtn {
	padding: 6px;
	margin: 25px auto 0 auto;
	width: auto;
	max-width: 275px;
	background-color: #5659d6;
	font-size : 14px;
	color: #fff;
	text-align:center;
	-moz-border-radius: 1em 1em 1em 1em;
	border-radius: 1em 1em 1em 1em;
}
#subcontent2 {
	position:absolute; 
	margin-top: 10px;
	margin-left: 0px;
	visibility: hidden; 
	border: 5px solid #ee4864; 
	background-color: white; 
	width: 90%;
	max-width: 475px; 
	height: auto; 
	padding: 10px 5px;
	font-size: 85%;
}

#recipetoc {
	width: 100%; 
	float: left;
}

#recipetoc ul li {
	margin-bottom: 10px;
	
}
/*the books */

img.books {
	width: 75%;
	margin: 15px auto;
	background-color:#FFF;
	padding: 15px;
  		box-shadow: 0 0 15px #ccc;
	  -moz-box-shadow: 0 0 15px #ccc;
	  -webkit-box-shadow: 0 0 15px #ccc;
}
img.about {
	width: 100%;
}
img.boat {
	width: 100%;
}
img.map {
	width: 100%;
}
img.mapmobile {
	width: 100%;
}
}
@media only screen and (max-width: 388px) {
#socialbuttons img {
	width: 18%;
	padding: 0 5px;
}
}
@media only screen and (max-width: 380px) {
body {	font-size: 90%;
}
    #mobile-header {
        margin: 0px 0px 05px 0%;
        background-image:url("../images/mobile-header.jpg");
    	background-attachment: scroll;
    	background-size: 100%;
		width: 99.79248%;
    	min-width: 0px;
    	max-width: 380px;
		min-height: 130px;
        float: left;
        clear: none;
        background-position: 0% 0%;
        background-repeat: no-repeat no-repeat;
    }
/*recipes */

img.recipe {
	padding: 10px;
}

#recipebtn {
	padding: 6px;
	margin: 25px auto 0 auto;
	width: auto;
	max-width: 250px;
	background-color: #5659d6;
	font-size : 14px;
	color: #fff;
	text-align:center;
	-moz-border-radius: 1em 1em 1em 1em;
	border-radius: 1em 1em 1em 1em;
}
#subcontent2 {
	position:absolute; 
	visibility: hidden; 
	border: 5px solid #ee4864; 
	background-color: white; 
	width: 90%;
	height: auto; 
	padding: 10px 5px;
	font-size: 85%;
}
}

hr {
    height: .5em;
    border: 1px solid #f7b693;
    background: #f7b693;
    margin: 2em 0;
}
.pinkBtn {
	font-family: 'Oswald', sans-serif;
    padding: 5px 15px;
	color: #fff;
    background:#ef4864;
    border: none;
     -moz-border-radius: 8px;
    border-radius: 8px;
	font-size: 1em;
    text-transform: uppercase;
	text-align: center;
	font-weight: 400;
	margin: 10px auto;
}
@media only screen and (min-width: 1290px) {
	.pinkBtn {
		font-size: 1.35em;
	}
}
.pinkBtn:hover {
	background:#e38c36;
}
.pinkBtn a {
	text-decoration: none;
	color: #fff;
}