html { background:#fff url("/endpapers/reptiles.jpg") fixed; }
body {
	max-width:33em;
	margin:1em auto;
	padding:3em;
}
#cover {
	clear:both;
	background: url(cover.png) no-repeat top left;
	width:39em; /* 672px; */
	height:1008px;
	margin:-1em -3em;
	padding:-3em -3em -1em -3em;
}
.titlepage {
	clear:both;
	margin-top:1em;
	margin-bottom:1em;
	padding-bottom:1em;
}
.titlepage a { text-decoration:none; color:#000; border-bottom:1px dotted gray; }
#cover,
.halftitle,
.titleverso,
.dochead,
.frontmatter,
	.dedication,
	.contents,
	.foreword,
	.preface,
	.prologue,
	.introduction,
	.acknowledgments,
	.frontispiece,
	.plate,
.body,
	.page,
	.volume,
	.part,
	.book,
	.chapter,
.play,
	.act,
	.essay,
	.story,
	.canto,
.backmatter,
	.afterword,
	.postscript,
	.epilogue,
	.appendix,
	.notes,
	.glossary,
	.bibliography,
	.index {
		clear:both;
		margin-top:1em;
		margin-bottom:1em;
		border-bottom:1px dotted gray;
		padding-bottom:1em;
}
.colophon {
	margin-top:1em;
	margin-bottom:1em;
}
.screen-note { 
	font-size:.9em; text-indent:0;
	margin-left:1em; margin-right:1em;
	border:1pt solid gray; padding:2pt;
}
a.nr { color:#333; font-style:italic; font-size:80%; }

#controls { position:fixed;top:10%;right:20px;background-color:#fff!important;padding:10px;border:thin dashed gray; }
#controls a { border:none!important; }

/* iPhone */

@media screen and (max-device-width: 480px) { 
    html { background:#fff!important; }
    body {
	/* -webkit-text-size-adjust:300%; */
	background-image: none!important;
	width:100%!important;
	max-width:100%!important;
	font-family:Helvetica, Arial, Verdana, sans-serif;
        padding:0 1em!important;
    }
    div { float:none!important;width:100%!important;padding:0!important; margin-left:0!important; margin-right:0!important; }
    img { max-width:100%!important; }
}