/*
	On-screen specific CSS
*/
body { 
		max-width: 900px; min-width: 840px; background-color: white;
		background: url(../interface/ghost.jpg) no-repeat;
	}
.topbar	{ 
		z-index: 0;
		position: absolute; left: 162px;
	}
.sidebar { 
		position: absolute; left: 20px; top: 120px; width: 160px;
		z-index: 2;
	}
.mainbody {
		position: absolute; left: 165px; top: 120px; max-width: 700px; width: 100%;
		margin-top: 5px; margin-left: 20px;
		z-index: 1;
	}

.navmenu_list {
	list-style: none;
	padding: 0; margin: 0;
}
.menuheader {
		font-size: 16px; font-weight: bold;
		font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
		color: #4D3945; padding-top: 5px
	}
.menuheader a {
		color: #4D3945;	
}
.menuitem { 
		font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif; font-size: 11px;
		text-indent: -20px; padding-left: 40px;
		width: 110px; margin-bottom: 5px;
		text-decoration: none;
		color: black 
	}
.menuitem a {
		color: black;	
}
.menuitem:hover { 
		text-decoration: underline; 
		background-image: url(../interface/block.gif);
		background-repeat: no-repeat;
		background-position: 10px 50%;
	}
.adminCommand {
		font-family: Arial; font-weight: bold; font-size: 11px;
	}
.adminCommand a {
		color: gray;
		text-decoration: none;
	}
.adminCommand a:hover {
		text-decoration: underline;
	}

.pdf_download_para {
	border: 1px solid #4D3945;
	background-color: #fefafa;
	padding: 10px;
	margin-top: 20px;
	margin-bottom: 20px;
	float: none; clear: both;
	text-indent: 10px;
}

.toplink {
	display: none;
}

/*
	tablet size site
*/
@media screen and (max-width: 790px) {
	body {
		min-width: 0px;
	}
	.mainbody {
		width: 70%;
	}
	.topbar img {
		width: 100%; max-width: 589px;
		height: auto;
	}
	
	.toplink {
		display: block;
		margin-top: 20px;
		text-align: right;
		font-family: Arial, sans-serif;
		font-size: 12px;
		font-weight: bold;
	}
	.toplink a {
		text-decoration: none;
	}
	.pageinfo {
		margin-top: 20px;
	}
	
	.kofi_notice {
		margin-top: 10px; padding-bottom: 20px; 
		font-size: 10px;
		line-height: 160%;
	}
}

/*
	mobile phone size site
*/
@media screen and (max-width: 500px) {
	body {
		min-width: 0px;
	}
	p {
		font-size: 16px;
	}
	a {
		text-decoration: underline;
	}
	td {
		font-size: 16px;
	}
	.navsummoner {
		display: block;
		text-align: right;
		font-family: Verdana, Arial;
		font-size: 18px;
		font-variant: small-caps;
		font-weight: bold;
		color: #4D3945;
		background-color: #fefafa;
		border: 1px solid #4D3945;
		padding: 7px;
		margin-top: 4px; margin-bottom: 4px;
	}
	.navdismisser {
		display: block;
		text-align: right;
		font-family: Verdana, Arial;
		font-size: 18px;
		font-variant: small-caps;
		font-weight: bold;
		color: #4D3945;
		border: 1px solid #4D3945;
		padding: 7px;
		margin-top: 4px; margin-bottom: 4px;
	}
	.topbar {
		position: relative; left: 0;
	}
	.topbar img {
		width: 90%;
		height: auto;
	}
	.sidebar {
		display: none;
		width: 90%;
		background-color: #fefafa;
		border: 1px solid #4D3945;
		padding: 5px;
		top: 120px; left: 10px;
	}
	.menuheader {
		font-size: 18px;
		line-height: 150%;
		width: 100%;
	}
	.menuitem {
		font-size: 16px;
		line-height: 150%;
		width: 90%;
	}
	.mainbody {
		left: 20px; width: 80%;
		top: 140px;
		margin-left: 5px;
	}
	.right_image_box,
	.picbox_right {
		float: none; clear: both;
		width: 100%; text-align: center;
		margin: 20px auto;
	}
	.pic_sidestrip {
		display: none;
	}
	.edition {
		font-size: 16px;
	}
	.romannumerals {
		font-size: 12px;
	}
	.picbox_caption {
		font-size: 14px;
	}
	.edition_coverimage {
		float: none;
		margin: 0 auto; 
	}
	.edition_infoitem {
		font-size: 16px;
	}
	.edition_country {
		font-size: 14px;
	}
	.edition_ISBN {
		font-size: 14px;
	}
	.intextreference {
		font-size: 14px;
	}

	.pageinfo {
		font-size: 10px;
	}

	.pagescan { 
		width: 90%;
		text-align: center;
		padding: 40px 
	}
	.pagescan_img {
		width: 90%;
	}

}