body{
	min-width: 900px;
}

/* GENERAL RULES */

/* main title element that says "in feedmode" */
h1 em.feedmode{
	color: darkorchid;
}

/* navigation */
div#nav{
	position: fixed;
	width: calc(100% - 1em);
	top: 0;
	left: 0;
	margin: 0;
	padding: 0 0.5em;
}
	div#nav h1{
		position: absolute;
		width: auto;
		line-height: 0;
		margin: 0.75em 15px;
		float: left;
		font-size: 24px;
	}
	div#nav div#buttons{
		margin: 0.5em 15px;
		float: right;
	}
	div#nav input{
		min-width: 300px;
	}
	div#nav input#html{
		min-width: unset;
	}
	div#nav form#update{
		float: left;
		margin: 0.5em 15px 0 300px;
	}

/* iframe rules */
iframe{
	width: 100%;
	height: 100%;
	border: none;
}

/* main content area */
div#wrapper{
	/* pages with an iframe are on fixed mode */
	position: fixed;
	top: 50px;
	left: 25px;
	width: calc(100vw - 25px - 25px);
	height: calc(100vh - 50px - 25px);
}
div#wrapper.scroll{
	/* the HTML page is on scroll mode */
	position: relative;
	top: 0;
	left: 0;
	margin: 5em 0 0 0;
}

/* Z-INDEX */

div#wrapper,
div.pagedjs_pages{
	z-index: 1;
}
div#nav{
	z-index: 11;
}