body {
	font-family: "comenia-sans-web-1", "comenia-sans-web-2", "comenia sans", helvetica, sans-serif;
	font-size: 83%;
	line-height: 1.6em;
	color: rgb(128,128,128);
	-webkit-text-size-adjust: none;
	word-wrap: break-word;
}

@media print {
	header, footer {
		display: none !important;
	}
	body {
		font-size: 100%;
	}
}

/* ios fix */
button {
	padding: 0;
}

input {
	border-radius: 0;
}

.grid_12 {
	display: block;
	float: none;
}

img {
	display: block;
}

em {
	font-style: italic;
}

strong {
	font-weight: bold;
}

p {
	font-family: "skolar-1", "skolar-2", "skolar", georgia, serif;
	color: rgb(51,51,51);
	margin-bottom: 1em;
	text-align: left !important;
}

p a {
	color: rgb(51,51,51);
	text-decoration: underline;
}

p a:hover {
	color: rgb(102,102,102);
}

blockquote {
	margin-left: 2em;
}

form.multi-part {
	background-color: rgb(230,230,230);
	color: rgb(77,77,77);
	border: solid rgb(230,230,230) 1px;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e6e6e6', endColorstr='#ffffff');
	background: -webkit-gradient(linear, left top, left bottom, from(rgb(230,230,230)), to(white));
	background: -moz-linear-gradient(top,  rgb(230,230,230),  white);
	margin: 0 0 3em -8px;
	padding: 8px;
}

form.multi-part legend {
	display: block;
	padding-bottom: 20px;
	color: rgb(102,102,102);
	font-size: 1.35em;
}

form.multi-part fieldset {
	margin-top: 8px;
	padding-top: 8px;
}

form.multi-part fieldset:first-child {
	padding-top: 0;
}

form.multi-part li {
	margin: 0 0 1em 0;
}

form.multi-part li label {
	display: block;
	float: left;
	width: 160px;
	margin-right: 1em;
}

form.multi-part fieldset#fieldset-submission  {
	border-top: solid rgb(204,204,204) 1px;
}

form.multi-part fieldset#fieldset-submission label {
	width: auto;
}

form.multi-part fieldset#fieldset-submission li {
	display: inline;
}

form.multi-part li input[type="text"], form.multi-part li input[type="password"] {
	width: 308px;
}

form.multi-part li textarea {
	width: 440px;
}

form.multi-part input[name="captcha"] {
	display: none;
}

form.multi-part table#recaptcha_table {
	background-color: white;
}

form.multi-part input[type="submit"] {
	float: right;
}

.form-error {
	list-style: disc outside;
	color: rgb(179,102,102);
	margin: 1em 0 1em 0;
}

ol {
	color: rgb(153,153,153);
	list-style-type: decimal;
	margin-left: 2em;
}

ol li {
	margin-bottom: 1em;
}

a {
	text-decoration: none;
	color: rgb(102,102,102);
}

a:hover {
	color: rgb(0,0,0);
}

nav, header, footer, section, figure, figcaption {
	display: block;
}

.double-nav nav {
    float: left;
}

nav {
	color: rgb(204,204,204);
}

nav a {
	color: rgb(153,153,153);
}

nav a:hover {
	color: rgb(102,102,102);
}

nav li {
	display: inline;
}

nav li:before {
	content: " | ";
	position: relative;
	margin: 0 1px 0 2px;
}

nav li:first-child:before {
	content: none;
}

nav.contextual {
	display: block;
	min-height: 1.5em;
	margin: 0.5em 0 1.5em 0;
	line-height: 1.5em;
}

nav.contextual .carousel-h {
	width: 864px;
	float: left;
}

nav.contextual .carousel-buttons {
	float: right;
}

nav.contextual .carousel-button {
	background-image: url(../static/images/ui/contextual-nav-buttons.png);
	height: 12px;
	width: 10px;
	margin: 2px 2px 0 0;
	vertical-align: top;
}

nav.contextual .carousel-button.next {
	background-position: -12px;
}

nav.contextual li.active a {
	color: rgb(77,77,77);
}

nav.search-pagination {
	margin: 2em 0 0 1.6em;
}

nav.search-pagination ul {
	margin: 0 8px 0 8px;
	float: left;
}

nav.search-pagination .search-nav-link {
	float: left;
}

header, footer, section {
	display: block;
}

.attribution {
	font-style: italic;
	margin-left: 2em;
}

.caps, .exhib-legend, #main-nav, #artist-nav {
	text-transform: uppercase;
	letter-spacing: 1.5px;
}

.inset-left {
	padding-left: 8px;
}

.inset-top {
	padding-top: 8px;
}

.inset-top-double {
	padding-top: 16px;
}

.outset-left {
	margin-left: -4px;
}

.outset-right {
	margin-right: -4px;
}

.rule-below {
	border-bottom: solid rgb(179,179,179) 1px;
	padding-bottom: 0.3em;
}

.rule-above {
	border-top: solid rgb(179,179,179) 1px;
	padding-top: 0.3em;
}

.break-below {
	margin-bottom: 1em !important;
}

.break-above {
	margin-top: 2em !important;
}

.no-break-above {
	margin-top: 0;
}

.exhib-legend {
	color: rgb(179,179,179);
	font-size: 0.75em;
	margin-bottom: -1.75em;
}

.sub, .sub a {
	color: rgb(179,179,179) !important;
}

.sub a:hover {
	color: rgb(128,128,128) !important;
}

.fade {
	opacity: 0.6;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	filter: alpha(opacity=60);
}

h2, h3, h4 {
	margin-top: 1em;
	padding-bottom: 0.3em;
}

h2 {
	font-size: 1.35em;
	line-height: 1.5em;
	color: rgb(77,77,77);
}

h3, h4 {
	color: rgb(102,102,102);
}

.small h3, .small h4 {
	font-size: 0.85em;
}

h3 {
	font-size: 1.15em;
}

h3:first-child, h4:first-child {
	margin-top: 0;
}

h2 .sub {
	font-size: 0.8em;
}

.small {
	font-size: 0.85em;
	line-height: 1.5em;
}

#listings {
	overflow: auto;
	margin: 4em 0 2em 0;
	font-size: 0.9em;
	line-height: 1.6em;
}

#listings h3, #listings h4 {
	color: rgb(77,77,77);
}

#calendar-link {
	display: block;
	font-size: 0.9em;
	border-top: solid rgb(230,230,230) 1px;
	margin-bottom: 5em;
}

#calendar-link span {
	background-color: rgb(204,204,204);
	color: white;
	margin-top: 0;
	float: right;
	background-image: url(../static/images/ui/more-arrow.png);
	background-repeat: no-repeat;
	background-position: 6px 4px;
	padding: 2px 6px 1px 28px;
}

#calendar-link span:hover {
	background-color: rgb(179,179,179);
}

.listing li {
	border-top: solid rgb(230,230,230) 1px;
	padding: 0.6em 0 0.5em 8px;
}

.listing li:first-child {
	border: none;
}

.listing.titled h3 {
	float: left;
	margin: 0.6em 0 0 8px;
}

.listing.titled li {
	margin-left: 160px;
}

.listing .thumbnail {
    float: right;
    margin-top: -8px;
}

.listing.with-thumbnails li {
    min-height: 72px;
}

.calendar, .listing.year {
	margin-bottom: 3em;
}

.calendar ul, .listing.year ul, .listing.titled ul {
	border-top: solid rgb(179,179,179) 1px;
}

.calendar ul:first-child, .listing.year ul:first-child, .listing.titled ul:first-child {
	border-top: none;
}

.calendar li {
	margin-left: 160px;
	overflow: auto;
}

.calendar li span {
	display: block;
	float: left;
	max-width: 624px;
}

.calendar h3, .listing.year h3 {
	float: left;
	width: 152px;
	margin: 0.5em 0 0 8px;
	color: rgb(153,153,153);
}

.listing.year li {
	margin-left: 160px;
}

.calendar .months {
	color: rgb(179,179,179);
	width: 152px;
	margin-right: 8px;
}

.tabular {
	font-family: "droid-sans-mono-1", "droid-sans-mono-2", "droid sans mono", "courier", "monospace";
	letter-spacing: -1px;
}

/* Fix Firefox button outlines */
button::-moz-focus-inner { 
	border: 0; 
}

.hidden { 
	visibility: hidden
}

.carousel-button {
	background-color: transparent;
	background-repeat: no-repeat;
	border: none;
	opacity: 0.3;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	cursor: pointer;
}

.carousel-button span {
	display: none;
}

.carousel-buttons button[disabled], .carousel-buttons button[disabled]:hover {
	opacity: 0.1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
	filter: alpha(opacity=10);
	cursor: default;
}

.carousel-buttons button:hover {
	opacity: 0.7;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
}
