/*HEADER*/

#container:after	{
	/*width: 82%;*/
}	

header	{
	/*width: 18%;*/
}

#title	{
	width: 50%;
	
}	
	
#figures	{
	margin-top: 1.2rem;
}	

/*NAVIGATION*/

nav {
	font-size: 1.2rem;
	margin-top: 2rem;
	
}

nav > ul	{
	padding-left: 2rem;
	
}

nav li ul	{
	/*text-align: right;*/
}	

#local_nav	{
	border: 1px dotted #e19d52;
}	

/*CONTENT*/

h2	{
	font-size: 2.5rem;
	
}


h2 span, h3	{
	font-size: 1.8rem;
}

h4	{
	font-size: 1.3rem;
}	

#content	{
	/*margin-left: calc(18% + 1px);*/
	padding: 1rem 3rem 0;
}

#whole	{
	min-height: calc(100vh - 6rem);
}

main	{
	float: left;
	width: calc(75% - 5rem);
	min-height: calc(100vh - 9rem);
}

aside	{
	clear: none;
	margin-top: 0;
	padding-top: 6.3rem;
	width: 25%;
	float: right;
}	

main.self + aside, main.catalog + aside, main#resources + aside	{
	padding-top: 3rem;
}

.self .full	{
	margin-top: 1rem;
}	

aside div, aside .pair	{
	margin-left: auto;
	margin-right: auto;
}	

aside .pair	{
	width: auto;
	margin-right: 0;
	
}	

aside .pair:first-child	{
	margin-bottom: 2rem;
}

aside .pair:last-child	{
	margin-bottom: 2rem;
}

aside	{
	display: block;
}

	

/*IMAGES*/

figure.left	{
	float: left;
	margin: 0 2rem 1rem 0;
}

figure.right	{
	float: right;
	margin: 0 0 1rem 2rem;
}	
	
figure.wide	{
	width: 60%;
	
}

figure.narrow	{
	width: 30%;

}

figure.medium	{
	width: 45%;
	
}

figure.full	{
	width: 100%;
	margin: 0 0 2rem 0;
}	

.half	{
	width: auto;
}

/*figure.four 	{
	width: 22%;
	float: left;
	margin-right: 4%;
}

.series figure	{
	float: left;
	margin-bottom: 2rem;
}

.two figure	{
	width: 45%;
	margin-right: 10%;
}

.series figure:last-child	{
	margin-right: 0;
}	*/

#paintings	{
	width: 70%;
	
}	



/*GRAFFITI*/

figure.thumbnail	{
	margin-top: 2rem;
	margin-bottom: 2rem;
	margin-left: 2rem;
	margin-right: 2rem;
	height: 14rem;
}	

#next	{
	width: auto;
	margin: 0;
}