#container:after	{
	content: "";
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	width: calc(100% - 19rem);
	border-left: 1px solid #e19d52;
	z-index: -1;
}	


/*HEADER*/
header	{
	width: 19rem;
	/*float: left;*/
	border-bottom: none;
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	overflow-y: auto;
}


/*NAVIGATION*/

#skip	{
	border: 0; 
    clip: rect(0 0 0 0); 
    height: 1px; 
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}


nav {
	/*font-size: 95%;*/
	line-height: 1.3;
	border-bottom: none;
	margin-bottom: 1rem;
}

.extra	{
	display: none; /*shorten long navigation items*/
}	

#menu	{
	display: none;
}	

/*CONTENT*/

h2	{
	font-size: 1.6rem;
	line-height: 1.3;
	
	/*padding-top: calc(.5rem - 2px);*/
}

h3, h4	{
	font-size: 1.3rem;
	text-align: left;
}

#content	{
	margin-left: calc(19rem + 1px);
	padding-top: 1rem;
}

aside section	{
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}