/* -----------------------------------
container
----------------------------------- */

.container
{
	max-width: 900px;
	margin: 0 auto;
}

.row-nav .container
{
	padding-right: 0;
	padding-left: 0;
}

/* -----------------------------------
rows
----------------------------------- */

.row
{
	clear: both;
	overflow: hidden;
}

.lt-ie8 .row { zoom: 1; }
.lt-ie7 .row { overflow: visible; }
.row-content,.row-credits,.row-footer { padding: 20px 20px;}

.row-header { padding: 0; }
.row-header .container { max-width: 100%; }
.row-nav { background-color: #E2DED5; }
.row-content { background-color: #fff; }
.row-credits { background-color: #d3c8c2; }
.row-footer { background-color: #000; }

/* -----------------------------------
cols   [edited by RTropea July 2017]
----------------------------------- */

.main,.aside,.col2 { margin-bottom: 1em; }
.col-last { margin-bottom: 0; }

@media (min-width:37.5em)
{
	.row-nav .container
	{
		padding-right: 20px;
		padding-left: 0px;
	}	

	.row-header { padding: 0; }
	.row-content,.row-credits,.row-footer { padding: 50px 20px; }
	.main,.aside,.col2 { margin-bottom: 0; }
	
	.aside,.col2
	{
		float: left;
		margin-right: 5%;
	}
	
	.main
	{
		float: right;
		width: 65%;
	}
	
	.aside { width: 30%; }
	.col2 { width: 47.5%; }
	.col-last { margin-right: 0; }
	#arc .main,#pub .main,#dobject .main { float: left; }
	#about .wide { width: 75%; }
}