BODY
{
	font-family: Georgia, Palatino, "Times New Roman", Times, serif;
	color: black;
	background-color: #FFFFFF;
	text-align: left;
	padding: 0px;
	margin: 0px;
}

div#head
{
	width: 98%;
	padding: 10px 0 10px 10px;
	margin: 0px;
	border-style: double;
	border-width: medium;
	border-color: black;
	background-color: #30238E;
	color: #EEEEEE;
}

div#body
{
	position: relative;
	padding: 0px;
	margin: 0px;
}

div#bio
{
	font-size: 75%;
	line-height: 1.3em;
	padding: 10px 10px 0px 10px;
	background-color: #EEEEEE;
}

div#pending
{
	padding: 0px 0px 10px 0px;
	background-color: #EEEEEE;
}

div#credits
{
	font-size: 75%;
	line-height: 1.3em;
	width: 33%;
	padding: 10px 10px 0px 10px;
	background-color: #FFFFFF;
}

div#intro
{
	position: relative;
	padding: 10px 10px 2em 10px;
	background-color: #EEEEEE;
}

div#bibliography
{
	padding: 10px;
}

@media all and (min-width: 600px) and (min-device-width: 600px)
{
	BODY
	{
		font-size: 100%;
	}
	
	div#intro
	{
		width: 60%;
		margin: 0px 20px 0 0;
	}
	
	div#bibliography
	{
		width: 60%;
		margin: 0px 20px 0 0;
	}
	
	div#marginalia
	{
		width: 33%;
		position: absolute;
		top: 10px;
		bottom: auto;
		left: auto;
		right: 10px;
	}
	
	div#credits
	{
		position: absolute;
		top: auto;
		bottom: 0;
		left: auto;
		right: 0;
	}
	
	p.storyLink
	{
		font-size: 80%;
	}
	
	a.pdf:after
	{
		content: url(pdficon_small.gif);
	}
	
	a.epub:after
	{
		content: url(EPUB_small.jpeg);
	}

	a.audio:after
	{
		content: url(audio_icon.gif);
	}
}

@media all and (max-width: 599px), (max-device-width: 599px)
{
	BODY
	{
		font-size: 100%;
	}
	
	div#marginalia
	{
		width: 100%;
	}
	
	div#credits
	{
		display: none;
	}
	
	p.storyLink
	{
		font-size: 80%;
	}
	
	a.pdf:after
	{
		content: url(pdficon_small.gif);
	}

	a.epub:after
	{
		content: url(EPUB_small.jpeg);
	}

	a.audio:after
	{
		content: url(audio_icon.gif);
	}
}

@media all and (max-device-width: 499px)
{
	BODY
	{
		font-size: 200%;
	}
	
	p.storyLink
	{
		font-size: 100%;
	}
	
	a.pdf:after
	{
		content: url(pdficon_large.gif);
	}

	a.epub:after
	{
		content: url(EPUB_large.jpeg);
	}

	a.audio:after
	{
		content: url(audio_icon_large.jpg);
	}
}

div.story
{
	position: relative;
	width: 100%;
	margin-top: 10px;
	margin-right: 0;
	padding-top: 10px;
	padding-bottom: 1em;
}

p.head
{
	font-weight: bold;
	font-size: 150%;
	padding: 0px;
	margin: 0px;
}

p.subhead
{
	font-weight: normal;
	font-size: 110%;
	padding: 0 0 0 1em;
	margin: 0;
}

p.intro
{
	font-size: 100%;
	padding: 0 0 10px 0;
	margin: 0 10px 0 0;
}

p.intro-buttons
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	margin: 1em 10px 0 0;
	line-height: 2em;
	position: absolute;
	bottom: 2px;
	right: 10px;
}

p.legalese
{
	font-size: 80%;
	padding: 0;
	margin: 0 15% 10px 10%;
}

p.pending-head
{
	font-weight: normal;
	font-size: 125%;
	padding: 5px 5px 5px 5px;
	background-color: #30238E;
	color: #EEEEEE;
}

p.pending-story
{
	color: #30238E;
	font-size: 100%;
	margin: 1em 0 0 1em;
}

p.pending-publication
{
	font-style: italic;
	margin: 0 0 0 2em;
}

p.story
{
	font-size: 100%;
	font-weight: bold;
	margin: 0;
	padding: 0.5em 0 0.5em 0.5em;
	width: 100%;
	background-color: #CCCCCC;
	color: #30238E;
}

p.citation
{
	font-size: 80%;
	margin: 0.8em 0 0 1.5em;
	width: 85%;
}

p.blurb
{
	font-size: 80%;
	margin: 0.8em 0 0 1.5em;
	width: 85%;
}

p.storyLink
{
	font-family: Arial, Helvetica, sans-serif;
	margin: 0.8em 0 0 1.5em;
	width: 85%;
}

p.storyLink a,
p.storyLink a.pdf
p.storyLink a.epub
p.storyLink a.audio
{
	display: inline-block;
	text-decoration: none;
	color: #FFFFFF;
	padding: 2px 8px 0px 8px;
	margin: 12px 12px 2px 12px;
	background-color: #999999;
	text-align: center;
	border-style: none;
	line-height: 1.8em;
}

p.storyLink a:hover,
p.storyLink a.pdf:hover
p.storyLink a.epub:hover
p.storyLink a.audio:hover
{
	text-decoration: none;
	background-color: #30238E;
}

p.storyLink a:active,
p.storyLink a.pdf:active
p.storyLink a.epub:active
p.storyLink a.audio:active
{
	text-decoration: none;
	background-color: red;
}

p.availableNowStatic
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	margin: 0.8em auto 0 auto;
	width: 65%;
	color: #FFFFFF;
	padding: 5px 10px 5px 10px;
	background-color: #999999;
	text-align: center;
}

p.availableNow
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	margin: 0.8em 0 0 1.5em;
	width: 85%;
	text-align: center;
}

p.availableNow a
{
	display: inline;
	text-decoration: none;
	color: #FFFFFF;
	padding: 5px 10px 5px 10px;
	margin: 2px auto 2px auto;
	width: 50%;
	background-color: #999999;
	text-align: center;
	border-style: none;
}

p.availableNow a:hover
{
	text-decoration: none;
	background-color: #30238E;
}

p.availableNow a:active
{
	text-decoration: none;
	background-color: red;
}

p.credits
{
	font-size: 80%;
	padding: 0;
	text-align: right;
}

a:link
{
	text-decoration: underline;
}

a.pdf:after
{
	display: inline;
	vertical-align: middle;
}

a.epub:after
{
	display: inline;
	vertical-align: middle;
}

a.audio:after
{
	display: inline;
	vertical-align: middle;
}

a:link,
a.pdf:link
a.epub:link
a.audio:link
{
	color: purple;
}

a:visited,
a.pdf:visited
a.epub:visited
a.audio:visited
{
	color: blue;
}

a:hover,
a.pdf:hover
a.epub:hover
a.audio:hover
{
	color: red;
}

a:active,
a.pdf:active
a.epub:active
a.audio:active
{
	color: orange;
}

a.intro-buttons img
{
	border-style: none;
}

img.cover
{
	width: 10%;
	margin-top: -1.75em;
	border: none;
	height: auto;
	float: right;
}

img.wide-cover
{
	width: 25%;
	margin-top: -1.75em;
	border: none;
	height: auto;
	float: right;
}

img.inline
{
	border: none;
	vertical-align: middle;
}

/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

div#story-navigation
{
	position: fixed;
	bottom: 0;
	right: 0;
}

div#story-container
{
	margin: 5% 10% 5% 10%;
}

div#story-legalese
{
	border-style: solid;
	margin: 0 10% 0 10%;
	background-color: #EEEEEE;
}

div#story-final
{
	margin-top: 1em;
	text-align: center;
}

a.story-pdf:before
{
	content: url(pdficon_small.gif);
	vertical-align: middle;
}

a.story-epub:before
{
	content: url(EPUB_small.jpeg);
	vertical-align: middle;
}

a.story-audio:before
{
	content: url(audio_icon.gif);
	vertical-align: middle;
}

p.story-fixed-link
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	line-height: 2.5em;
	text-align: right;
}

p.story-fixed-link a,
p.story-fixed-link a.pdf
p.story-fixed-link a.epub
p.story-fixed-link a.audio
{
	display: inline;
	text-decoration: none;
	color: #FFFFFF;
	padding: 5px 10px 5px 10px;
	margin: 0 0 0 0;
	background-color: #999999;
	border-style: none;
}

p.story-fixed-link a:hover,
p.story-fixed-link a.pdf:hover
p.story-fixed-link a.epub:hover
p.story-fixed-link a.audio:hover
{
	text-decoration: none;
	background-color: #30238E;
}

p.story-fixed-link a:active,
p.story-fixed-link a.pdf:active
p.story-fixed-link a.epub:active
p.story-fixed-link a.audio:active
{
	text-decoration: none;
	background-color: red;
}

p.story-legalese
{
	font-size: 80%;
	padding: 5px;
}

p.story-legalese-human
{
	font-size: 80%;
	font-weight: bold;
	padding: 5px;
}

p.story-citation
{
	font-size: 80%;
	margin: 0;
	padding: 0;
	line-height: 1.3em;
	margin: 0;
	padding: 3em 0 0 0;
	text-align: right;
}

p.story-title
{
	font-size: 150%;
	font-weight: bold;
	text-align: center;
	margin: 0;
	padding: 2em 0 0 0;
}

p.story-byline
{
	font-size: 125%;
	font-weight: bold;
	text-align: center;
}

p.story-body-first
{
	margin: 0;
	padding: 0;
	line-height: 1.4em;
}

p.story-body
{
	margin: 0;
	padding: 0;
	line-height: 1.4em;
	text-indent: 2em;
}

p.story-break
{
	text-align: center;
}

p.story-subtitle
{
	text-indent: 0;
	text-align: center;
	font-weight: bold;
}

p.story-subtitle-plus
{
	text-indent: 0;
	text-align: center;
	font-weight: bold;
	margin-top: 1em;
}

span.drop-cap
 {
	float: left;
	font-size: 300%;
	line-height: 0.85em;
	margin-right: 0.04em;
	margin-bottom:-0.25em;
	text-indent: 0.5em;
} 

span.small-caps
{
	font-variant:small-caps;
}

@media all and (max-device-width: 499px)
{
	div#story-container
	{
		margin: 5% 2% 5% 2%;
	}
	
	div#story-legalese
	{
		margin: 0;
	}

	p.story-fixed-link
	{
		display: none;
	}

	span.drop-cap
	{
		font-size: 400%;
	}
}

