/* structure */

.container{
	position: relative;
	width:980px;
	padding:0 15px;
	margin:0 auto;
	overflow:hidden;
}
/*
.spacebox{
	clear:both;
	margin-bottom:30px;
}
*/
.fullwidth{
	clear:both;
	width:100%; /* 980 max */
}
.halfwidth{
	width:460px; /* x 2 = 920 */
}
.container .halfwidth{
	width:460px;
}
.container .quarterwidth{
	width:230px;
	padding-right:15px;
}
.container .halfwidth .quarterwidth{
	width:220px; /* x 2 = 440 */
	padding-right:0;
}
.container .one-third{
	width:300px;
}
.container .col520{
	width:520px;
}
.container ul.gallery{
	padding-top:30px;
	margin-right:-40px;
	overflow:hidden;
}
.container ul.gallery li{
	float:left;
	list-style:none;
	margin-right:40px;
	margin-bottom:25px; /* 15px comes from div.gallery-item */
}
.container .contentright ul.gallery{
	padding-top:0;
	margin-right:0;
}
.container .contentright ul.gallery li{
	margin-bottom:0;
	margin-right:0;
}

.contentleft{
	float:left;
}
.contentright{
	float:right;
}
.contentleft.cleared{
	clear:left;
}
.contentright.cleared{
	clear:right;
}
.transcriptionboxwrapper{
	background:#fff;
	padding:0 15px;
}
.transcriptionbox{
	overflow-x:auto;
	background:#fff;
	padding:15px 0;
}



@media only screen and (max-width: 1000px) {
	.panelcontainer{
		position:relative;
		padding:0 15px;
		margin:0 auto;
		overflow:hidden;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1000px) {
	.container,
	.panelcontainer{
		width:768px;
	}
	.container .halfwidth{
		width:364px;
	}
	.container .quarterwidth{
		width:182px;
		padding-right:10px;
	}
	.container .halfwidth .quarterwidth{
		width:172px;
		padding-right:0;
	}
	.container .one-third{
		width:236px;
	}
	.container .col520{
		width:450px;
	}
	.container ul.gallery{
		margin-right:-30px;
	}
	.container ul.gallery li{
		margin-right:30px;
		margin-bottom:15px;
	}
}
@media only screen and (max-width: 767px) {
	.container,
	.panelcontainer{
		width:420px;
	}
	.container .halfwidth{
		width:100%;
	}
	.container .quarterwidth{
		width:200px;
		padding-right:10px;
	}
	.container .halfwidth .quarterwidth{
		width:200px;
		padding-right:0;
	}
	.container .one-third{
		width:300px;
	}
	.container .threecolumns .one-third{
		width:200px;
	}
	.container .col520{
		width:100%;
	}
	.container .sideright,
	.container .paintingright{
		float:none;
		clear:both;
		width:100%;
		max-width:100%;
		padding-top:0 !important;
	}
	.container ul.gallery{
		margin-right:-20px;
	}
	.container ul.gallery li{
		margin-right:20px;
		margin-bottom:5px;
	}
}
@media only screen and (max-width: 480px){
	.container,
	.panelcontainer{
		width:auto;
		padding:0 10px;
	}
	.container .quarterwidth,
	.container .halfwidth .quarterwidth{
		width:100%;
	}
	.container .one-third,
	.container .threecolumns .one-third{
		width:100%;
		max-width:300px;
		margin-bottom:25px
	}
	.container .sideright,
	.container .paintingright{
		max-width:100%;
	}
	.container .col520{
		width:100%;
	}
	.container ul.gallery{
		margin-right:0;
	}
	.container ul.gallery li.one-third, /* merely to overwrite the float for one-third */
	.container ul.gallery li{
		float:none;
		margin-left:auto;
		margin-right:auto;
	}
}

@media only print{
	a,
	a:visited{
		color:#000000;
		text-decoration:underline;
	}
	.panelcontainer{
		position:relative;
		padding:0 15px;
		margin:0 auto;
		overflow:hidden;
	}
	.container .sideright,
	.container .paintingright{
		float:none;
		clear:both;
		width:100%;
		max-width:100%;
		padding-top:0 !important;
	}
	.container,
	.panelcontainer{
		width:auto;
		padding:0 10px;
	}
	.container .halfwidth,
	.container .col520,
	.container .quarterwidth{
		width:100%;
		padding-left:0;
		padding-right:0;
	}
	.container .one-third,
	.container .threecolumns .one-third{
		width:100%;
		max-width:300px;
		margin-bottom:25px
	}
	.container .col520{
		width:100%;
	}
	.container ul.gallery{
		margin-right:0;
	}
	.container ul.gallery li{
		float:none;
		margin-left:auto;
		margin-right:auto;
	}
}