.font-monospace {
	font-family: "Lucida Console",monospace;
}

.font-serif {
	font-family: "Georgia",serif;
}

body,
.font-sanserif {
	font-family: "Verdana",sans-serif;
}


body {
	margin: 0px;
	padding: 0px;
	font-size: 1.0em;
}

.textcontent {
	max-width: 60ch;
	margin: 0px auto;
}

div.imageholder {
	position: relative;
}
div.imageholder img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
	padding: 0px;
	margin: 0px;
}

.font-small {
	font-size: 0.8em;
}

.font-tiny {
	font-size: 0.6em;
}

.defaultmargin {
	margin-left: 10%;
	width: 80%;
}


.inline-desktop {
	display: inline-block;
}
.fullblock-desktop {
	display: block;
}

.inline-mobile {
	display: unset;
}
.fullblock-mobile {
	display: unset;
}
.inline-desktop-only {
	display: inline-block;
}

.fullblock-desktop-only {
	display: block;
}


.inline-mobile-only,
.fullblock-mobile-only {
	display: none;
}

/*
@media screen and (max-width: 800px ) {
}
*/

/* Mobile/Portraitn with min width (Soft Keyboard) */
@media (max-width: 500px), screen and (orientation:portrait) {

	.defaultmargin {
		margin-left: 5%;
		width: 90%;
	}


	.inline-desktop {
		display: unset;
	}
	.fullblock-desktop {
		display: unset;
	}

	.inline-mobile {
		display: inline-block;
	}
	.fullblock-mobile {
		display: block;
	}

	.inline-desktop-only,
	.fullblock-desktop-only {
		display: none;
	}

	.inline-mobile-only {
		display: inline-block;
	}

	.fullblock-mobile-only {
		display: block;
	}

}