.mobiletitle {
	display: block;
}
.desktoptitle {
	display: none;
}
#index {
	display: none;
}
body {
	font-family: 		Tahoma, Geneva, sans-serif;
}
a:active, a:link, a:visited , span.loadpage {
	outline: 			none;
	text-decoration: 	none;
	color: 				black;
	font-size:			18px;
	font-family: 		Tahoma, Geneva, sans-serif;
}
#frontcover .wrapperfront h1 a:active, #frontcover .wrapperfront h1 a:visited, #frontcover .wrapperfront h1 a:link {
	font-family: 		TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif;
	font-size: 			36px;
}
#frontcover .wrapperfront h2 a:active, #frontcover .wrapperfront h2 a:visited, #frontcover .wrapperfront h2 a:link {
	font-family: 		TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif;
	font-size: 			30px;
}
.wrapperfront .big {
	display: none;
}
h1 {
	font-size: 			44px;
	font-family: 		TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif;
}
h2 {
	font-style: 		italic;
	font-family: 		TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif;
	font-size: 			26px;
}
h3 {
	font-size: 			22px;
	font-style: 		italic;
	font-family: 		TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif;
}
h4 {
	font-size: 			18px;
	font-style: 		italic;
	font-family: 		TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif;
}
.backtotopmobile {
	background-color: #DBBE93;
	margin: 5px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding-top: 15px;
	padding-bottom: 15px;
}
.backtotop {
	display: none;
}
#page {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 14px;
}
.wrapper {
	background-color: #DBBE93 !important;
	background-image: none !important;
	padding: 5px;
	margin: 5px;
}
.sketches {
	margin-top: 5px;
	float: left;
}
.sketch {
	//position: static;
	float: left;
	margin-bottom: 5px;
	margin-left: 5px;
}
.comments {
	overflow: hidden;
	border: 0px solid #000;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	display:none;
}
.comment {
	float: left;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	padding: 5px;
	background-color: #DBBE93;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.afterword  .comments{
	display: block;
}
.afterword .comments #comment_1, .afterword .comments #comment_2, .afterword .comments #comment_3, .afterword .comments #comment_4 {
	position: static !important;
	float: none !important;
}
#notes {
	position: static;
}
.note, #notes {
	float: left;
}
#finish {
	height: 80px;
}
.navigation {
	padding: 5px;
	background-color: #DBBE93;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin: 5px;
	text-align: center;
}
.sketch {
	padding: 5px;
	background-color: #DBBE93;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	float: none;
}
#bookindex {
	display: block;
	position: static;
}
#bookindex h3 {
	text-decoration: underline;
}
.blood {
display: none;
}

.styleswitcher {
	
	padding-bottom:	40px;
}
.styleswitcher li a {
	float: left;
	margin-left:5px;
}

.styleswitcher li a::before {
	 content: "~";
	
}

/* END @media (max-width: 767px) */


	@media (min-width: 768px) {
	.bookindex {
	//float: left;
	}
	.backtotopmobile {
	//float: left;
	}