@import url('https://fonts.googleapis.com/css2?family=Mochiy+Pop+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Fraunces:wght@200..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,wght@1,200..900&display=swap');

/* FORCE 1px SCROLLBAR ON SHORT PAGES */

html
	{
	height: 100%;
	margin-bottom: 1px;
	text-rendering: optimizeLegibility;
	}


/* SMOOTH CLIENT-SIDE IMAGE RESIZING FOR IE */

img
	{
	-ms-interpolation-mode:bicubic;
	}


/* CSS COLOUR VARIABLES */

:root
	{
	--DSD-black: #000000;
	--DSD-white: #FFFFFF;
	--DSD-light-grey: #E7DED5;
	--DSD-dark-blue: #2C246C;
	--DSD-light-blue: #66C8C9;
	--DSD-light-tan: #CDC6B3;	}


/* PAGE BODY */

body
	{
	background-color: var(--DSD-dark-blue);
	background-image: url("images/pawprints-bg.png");
	background-position: center top;
	background-repeat: repeat;
	background-attachment: fixed;
	}


/* LAYOUT AND POSITIONING */

#maincontent
	{
	margin-top: 40px;
	max-width: 800px;
	padding-left: 50px;
	padding-right: 50px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	}
	
#blurb
	{
	border-radius: 30px;
	margin-top: 40px;
	padding-left: 30px;
	padding-right: 30px;
	border: 10px double var(--DSD-black);
	background-color: var(--DSD-light-tan);
	}

#infobox
	{
	margin-top: 40px;
	padding-left: 30px;
	padding-right: 30px;
	border: 1px solid var(--DSD-white);
	background-color: none;
	}

#actionbuttons
	{
	margin-top: 40px;
	}


/* LINK STYLES */

a:link,
a:visited
	{
	color: var(--DSD-light-blue);
	text-decoration: underline;
	}

.blurb a:link,
.blurb a:visited,
.infoboxbody a:link,
.infoboxbody a:visited
	{
	color: var(--DSD-light-blue);
	text-decoration: underline;
	}

a:hover,
.blurb a:hover,
.infoboxbody a:hover
	{
	color: var(--DSD-light-tan);
	}



/* BODY TEXT STYLES */


.mainbody
	{
	font-family:'Fraunces',Times,serif;
	font-size: 25px;
	font-weight: 300;
	color: var(--DSD-light-grey);
	text-align: left;
	line-height: 150%;
	text-decoration: none;
	}

.mainbodycolour
	{
	font-family:'Fraunces',Times,serif;
	font-size: 25px;
	font-weight: 300;
	color: var(--DSD-light-grey);
	text-align: left;
	line-height: 150%;
	text-decoration: none;
	}

.mainbodycentered
	{
	font-family:'Fraunces',Times,serif;
	font-size: 25px;
	font-weight: 300;
	color: var(--DSD-light-grey);
	text-align: center;
	line-height: 150%;
	text-decoration: none;
	}

h1
	{
	font-family:'Mochiy Pop One',Times,serif;
	font-size: 40px;
	letter-spacing: -0.02em;
	font-weight: 700;
	color: var(--DSD-light-blue);
	margin-top: 50px;
	text-align: center;
	text-transform: none;
	}

h2
	{
	font-family:'Mochiy Pop One',Times,serif;
	font-size: 35px;
	letter-spacing: -0.02em;
	font-weight: 700;
	color: var(--DSD-light-blue);
	margin-top: 30px;
	text-align: left;
	text-transform: none;
	}

.subhead
	{
	font-family:'Fraunces',Times,serif;
	font-size: 24px;
	font-weight: 400;
	line-height: 150%;
	text-align: center;
	color: var(--DSD-light-grey);
	text-decoration: none;
	}

.subheadbold
	{
	font-family:'Fraunces',Times,serif;
	font-size: 24px;
	font-weight: 600;
	line-height: 150%;
	text-align: center;
	color: var(--DSD-light-grey);
	text-decoration: none;
	}

.subheadsmall
	{
	font-family:'Fraunces',Times,serif;
	font-size: 18px;
	font-weight: 300;
	line-height: 150%;
	text-align: center;
	color: var(--DSD-light-grey);
	text-decoration: none;
	}

.booktitle
	{
	font-family:'Mochiy Pop One',Times,serif;
	font-size: 40px;
	letter-spacing: -0.02em;
	font-weight: 700;
	line-height: 150%;
	text-align: left;
	color: var(--DSD-white);
	text-decoration: none;
	}

.infoboxbody
	{
	font-family:'Fraunces',Times,serif;
	font-style: normal;
	font-size: 22px;
	font-weight: 400;
	line-height: 140%;
	text-align: center;
	color: var(--DSD-white);
	text-decoration: none;
	}

.blurb
	{
	font-family:'Fraunces',Times,serif;
	font-style: italic;
	font-size: 25px;
	font-weight: 500;
	line-height: 140%;
	text-align: center;
	color: var(--DSD-black);
	text-decoration: none;
	}

.blurber
	{
	font-family:'Mochiy Pop One',Times,serif;
	font-style: normal;
	font-size: 30px;
	letter-spacing: -0.03em;
	font-weight: 700;
	line-height: 150%;
	text-align: right;
	color: var(--DSD-dark-blue);
	text-decoration: none;
	}

.infoboxhead
	{
	font-family:'Mochiy Pop One',Times,serif;
	font-style: normal;
	font-size: 30px;
	letter-spacing: -0.02em;
	font-weight: 700;
	line-height: 150%;
	text-align: right;
	color: var(--DSD-light-tan);
	text-decoration: none;
	}

.footer
	{
	font-family:'Fraunces',Times,serif;
	font-weight: 300;
	font-size: 13px;
	text-align: left;
	color: var(--DSD-light-blue);
	margin-top: 50px;
	}
	

/* IMG STYLES */

img
	{
	border:none;
	}

img.headerbanner
	{
	width: 800px;
	height: 300px;
	margin-top: 30px;
	border: 1px solid var(--DSD-white);
	}

img.pagedivider
	{
	width: 800px;
	margin-top: 30px;
	border: none;
	}

img.bookcover
	{
	float: right;
	width: 338px;
	margin-left: 20px;
	margin-bottom: 20px;
	border: 6px double var(--DSD-white);
	}

img.authorpic
	{
	float: right;
	width: 338px;
	margin-left: 20px;
	margin-bottom: 20px;
	border: 6px double var(--DSD-white);
	}

img.actionbutton
	{
	width: 180px;
	border: none;
	}

img.actionbuttontemp
	{
	width: 350px;
	border: none;
	}

img.awardlogo
	{
	width: 750px;
	border: none;
	}


hr
	{
	background-color: var(--DSD-light-blue);
	height: 2px;
	width: 400px;
	border: none;
	margin-bottom: 3em;
	}