/*	

	Less+ by Jimmy Rosén, http://www.angrycreative.se/projekt/less-framework
	Based on Less Framework 4 by Joni Korpi, http://lessframework.com
	
*/

/*		Desktop layout: 992px. 
		Gutters: 24px.
		Outer margins: 48px.
		Leftover space for scrollbars @1024px: 32px.
-------------------------------------------------------------------------------
cols    1     2      3      4      5      6      7      8      9      10
px      68    160    252    344    436    528    620    712    804    896    */

	
body {
	width: 896px;
	padding: 72px 48px 84px;
}
	
#example {
	height: 498px;
	/*background: #0F0;*/
}

header.exhibition #example {background-image:url('/images/assets/exhibition-banner_lg.jpg');
	background-size:896px 300px;}


article {width:620px; float:right;}
aside {width:252px; float:left}


/*for homepage*/
#what {
/*	padding-right: 24px;
	width: 920px;*/
}

	#what .opening {
		margin-bottom: 48px;
		width: 620px;
	}

	#desktop, #tablet, #mobile, #wide {
		position: relative;
		width: 40%;
		float: left;
		padding: 24px;
		/*height: 252px;*/
	}
	
		#what section h2 {}
	
		#what figure {
			background: rgb(218,218,218);
			width: 160px;
			height: 252px;
			position: absolute;
			left: -1px; top: -1px;
			border: 1px solid rgb(241,241,241);
			overflow: hidden;
			-webkit-box-shadow: inset 0 0 12px rgba(0,0,0, 0.235);
			   -moz-box-shadow: inset 0 0 12px rgba(0,0,0, 0.235);
					box-shadow: inset 0 0 12px rgba(0,0,0, 0.235);
		}
			
			figure div {
				position: absolute; 
				left: 0; top: 0;
				background-color: rgb(60,97,158);
				background-color: rgba(60,97,158, 0.854);
			}