html {
	font-size: 86%;
	background: #e8e3df;
	color: #1f0e02;
}

a:link,
a:visited {
	color: #1d436f;
	text-decoration: none;
	transition: all 0.4s ease-in-out;
}
a:hover {
	color: #2c5215;
	text-decoration: underline;
}

form input[type=text],
form input[type=password],
form select,
form textarea {
	width: 98%;
}
form textarea {
	display: block;
	min-height: 4em;
}
form dd.error {
	color: #911;
	font-size: 0.9em;
}
form dd input.error,
form dd select.error,
form dd textarea.error {
	background: #fff5e3;
}
form .submit {
	text-align: right;
}
	form .submit a {
		font-size: 0.9em;
	}
	form .submit .cancel,
	form .submit .delete {
		float: left;
	}

div.top {
	margin-top: 1.9em;
	padding-top: 1em;
	border-top: solid 1px #d8cec7;
}

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

.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }
.justify { text-align: justify; }

.curly {
	color: #403024;
	font-family: Dancing Script OT, Dancing Script, Georiga, serif;
	text-transform: lowercase;
	font-weight: normal;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}
h1.curly, h2.curly, h3.curly, h4.curly, h5.curly, h6.curly {
	padding-left: 0.1em;
	padding-top: 0.4em;
	border-top: solid 1px #d8cec7;
}
h1.top, h2.top, h3.top, h4.top, h5.top, h6.top {
	padding-top: 0;
	border-top: none;
}

.edit h1 input {
	width: 96.7%;
}
.edit h2 input,
.edit h3 input {
	width: 95.3%;
}
a.admin {
	display: block;
	float: right;
	padding: 0.2em 0.6em;
	margin: 0.4em 0.2em;
	font-family: Helvetica, Arial, sans-serif;
	color: #822;
	font-size: 0.6em;
	opacity: 0.4;
	background: #f5f0ec;
	border-radius: 0.2em;
	transition: all 0.4s ease-in-out;
}
a.admin:hover {
	opacity: 1;
}
.center a.admin {
	float: none;
	display: inline-block;
}
.ie6 .center a.admin {
	/* http://blog.mozilla.com/webdev/2009/02/20/cross-browser-inline-block/ */
	display: inline;
	zoom: 1;
}

img.box {
	padding: 0.2em;
	background: #f5f0ec;
	border-radius: 0.2em;
}

.gallery {}
	.gallery .images {
		display: block;
		overflow: auto;
		list-style: none;
		margin: 0;
		padding: 0;
		text-align: center;
	}
		.gallery .images li {
			float: left;
			width: 30%;
			margin: 0;
			margin-right: 4.8%;
			margin-bottom: 2em;
			padding: 0;
			border-top: solid 1px #d8cec7;
			/* thanks to http://blog.fakedarren.com/2010/01/cross-browser-css-gradients/ */
			/* fallback (Opera) */
			background: #f5f0ec;
			/* Mozilla: */
			background: -moz-linear-gradient(top, #f5f0ec, #e8e3df);
			/* Chrome, Safari:*/
			background: -webkit-gradient(linear, left top, left bottom, from(#f5f0ec), to(#e8e3df));
			/* MSIE */
			filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr = '#dddddd', EndColorStr='#e8e3df', GradientType=0);
		}
		.gallery .images li.last {
			margin-right: 0;
		}
		.gallery .images a {
			display: block;
			padding: 1em 0;
			height: 110px;
			line-height: 110px;
		}
			.gallery .images a img {
				vertical-align: middle;
			}
	.gallery .fullsize {
		padding: 1em;
		margin-bottom: 1em;
		margin-left: -1em;
		margin-right: -1em;
		background: #1f0e02;
		background: rgba(31, 13, 2, 0.4);
	}
		.gallery .fullsize img {
			display: block;
			margin: 0 auto;
		}
	.gallery .lightbox {
		margin: 0 auto;
	}
	.gallery .description {
		text-align: center;
	}
	.gallery .paging {
		clear: both;
		padding: 0;
		vertical-align: middle;
		font-size: 1.2em;
	}
		#content .gallery .paging {
			height: 4em;
			line-height: 4em;
		}
		.gallery .paging span {
			vertical-align: middle;
		}
		.gallery .paging .total {
			font-size: 1.6em;
		}
			.gallery .paging .total span {
				font-size: 2.2em;
			}
		.gallery .paging .prev,
		.gallery .paging .next {
			float: left;
		}
		.gallery .paging .next {
			float: right;
		}
		.gallery .paging .off {
			color: #c9c5c2;
		}

#logo {
	font-size: 3em;
	text-align: center;
	border-top: 0;
}
#logo a {
	padding: 0.2em;
	color: #403024;
	text-decoration: none;
}

#menu {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0.4em 0;
	text-align: center;
}
	#menu li {
		display: inline-block;
		padding: 0;
		margin: 0 0 0.6em;
		margin-right: 0.6em;
		font-size: 1.2em;
	}
	.ie6 #menu li {
		display: inline;
		zoom: 1;
	}
	#menu li.last {
		margin-right: 0;
	}
		#menu li a {
			display: block;
			padding: 0.2em 0.4em;
			background: #f5f0ec;
			background: rgba(245, 240, 236, 0.4);
			transition: all 0.4s ease-in-out;
		}
		#menu li a:hover {
			background: rgba(245, 240, 236, 1.0);
		}
		#menu li.admin a {
			background: #fae5c8;
			background: rgba(250, 229, 200, 0.4);
		}
		#menu li.admin a:hover {
			background: rgba(250, 229, 200, 1.0);
		}
		#menu li.active a {
			color: #2c5215;
		}

#contact {
	overflow: auto;
}

#login,
#logout {
	width: 18em;
	margin: 0 auto;
}

#events h4 {
	padding: 0.2em 10px 0.2em;
	margin-left: -10px;
	margin-right: -10px;
	background: #f5f0ec;
	background: rgba(245, 240, 236, 0.4);
}
	#events .exhibitions h4 {
		font-size: 1.2em;
	}

#locations {}
	#locations dt {
		font-weight: normal;
	}
	#locations dt {
		padding: 0.2em 10px 0.2em;
		margin-left: -10px;
		margin-right: -10px;
		background: #f5f0ec;
		background: rgba(245, 240, 236, 0.4);
	}
	#locations address {
		margin-bottom: 0;
		font-style: normal;
		vertical-align: middle;
	}
	#locations a.map {
		display: block;
		float: right;
		margin: 0 1em 0.4em 1.2em;
		width: 32px;
		height: 32px;
		/* http://www.iconfinder.com/search/?q=iconset%3APixeloPhilia_2 */
		background: transparent url(../img/map.png) center center no-repeat;
		text-indent: -3000em;
	}

#footer {
	color: #888;
	font-size: 0.8em;
	line-height: 1.6em;
	margin-top: 1em;
}
	#footer .row {
		padding-top: 1em;
		border-top: solid 1px #d8cec7;
	}
	#footer a {
		color: #888;
		text-decoration: underline;
	}
	#footer a:hover {
		color: #666;
	}
	#footer p {
		margin: 0 0 0.1em;
		padding: 0;
	}
	#footer .last {
		text-align: right;
	}

#fancybox-close {
	padding: 0;
}
#fancybox-title {
	line-height: 1.4em;
}
	#fancybox-title h6 {
		margin: 0 0 0.4em; padding: 0;
	}
	#fancybox-title p {
		padding: 0 0 0.6em; margin: 0 0 0 6em;
	}
#fancybox-wrap .fancybox-title-over {
	text-align: right;
}
	#fancybox-wrap .fancybox-title-over p.copyright {
		color: #ddd;
	}

@media handheld, only screen and (max-width: 767px) { 

	#menu li {
		font-size: 1em;
	}

	#contact p,
	#contact address {
		float: left;
		width: 48%;
	}
	#contact p {
		float: right;
		text-align: right;
	}

	#footer .sixcol {
		text-align: center;
	}

}