/*
** Common layout elements.  Whether to put stuff here or in classes.css is a judgetment call.  The thought is that (mostly) static stuff goes here,
** while dynamic content is from classes.css.
*/

/*
** text in top box on home and landing pages
*/

body#HOME #welcome, body#TOURS #welcome, body#ARTISTS #welcome, body#COLLECTION #welcome, body#RESOURCES #welcome {
	float: left;
	width: 190px;
}

body#HOME #welcome h2, body#TOURS #welcome h2, body#ARTISTS #welcome h2, body#COLLECTION #welcome h2, body#RESOURCES #welcome h2 {
	margin-top: -6px;
	font-size: 20px;
	border-bottom: 27px solid #e3dfc6;
}

body#HOME #welcome h3, body#TOURS #welcome h3, body#ARTISTS #welcome h3, body#COLLECTION #welcome h3, body#RESOURCES #welcome h3 {
	margin-bottom: 0px;
}

body#HOME #welcome p, body#TOURS #welcome p, body#ARTISTS #welcome p, body#COLLECTION #welcome p, body#RESOURCES #welcome p {
	font-size: 14px;
}


/*
** The three images on the landing pages
*/

body#HOME #images-col div, body#TOURS #images-col div, body#ARTISTS #images-col div, body#COLLECTION #images-col div, body#RESOURCES #images-col div {
	float: right;
	margin-left: 15px;
	width: 232px;
}

body#HOME #images-col div a, body#TOURS #images-col div a, body#ARTISTS #images-col div a, body#COLLECTION #images-col div a {
	display: block;
	color: #72a6bb;
	font-size: 20px;
	text-transform: uppercase;
}

body#COLLECTION #images-col div a {
	font-size: 14px;
	text-transform: none;
}

body#HOME #images-col div a img, body#TOURS #images-col div a img, body#ARTISTS #images-col div a img, body#COLLECTION #images-col div a img {
	display: block;
}

/*
** Filter by on the landing pages
*/

body#ARTISTS .filter-by, body#COLLECTION .filter-by {
	margin: 2px 0;
	font-size: 12px;
}

body#ARTISTS .filter-by a, body#COLLECTION .filter-by a {
	font-weight: normal;
	color: #636363;
}

body#ARTISTS #subfilter-name, body#COLLECTION #subfilter-name, body#COLLECTION #subfilter-title {
	word-spacing: 0.3em;
}

/*
** Image boxes on the detail pages
*/

body#ARTIST #image-box, body#ARTWORK #image-box, body#ZOOM #image-box,
body#TOUR #image-box, body#LOCATION #image-box {
}

body#ARTIST #image-box li, body#ARTWORK #image-box li, body#ZOOM #image-box li,
body#TOUR #image-box li, body#LOCATION #image-box li {
	display: none;
}

body#ARTIST #image-box ul.stat-list li, body#ARTWORK #image-box ul.stat-list li, body#ZOOM #image-box ul.stat-list li,
body#TOUR #image-box ul.stat-list li, body#LOCATION #image-box ul.stat-list li {
	display: block;
}

body#ARTIST #image-box li#image-box-li-1, body#ARTWORK #image-box li#image-box-li-1, body#ZOOM #image-box li#image-box-li-1,
body#TOUR #image-box li#image-box-li-1, body#LOCATION #image-box li#image-box-li-1 {
	display: block;
}

body#ARTIST #image-box img.image-box-img, body#ARTWORK #image-box img.image-box-img, body#ZOOM #image-box img.image-box-img,
body#TOUR #image-box img.image-box-img, body#LOCATION #image-box img.image-box-img {
	display: block;
}

body#ARTIST #image-box .stat-list, body#ARTWORK #image-box .stat-list, body#ZOOM #image-box .stat-list,
body#TOUR #image-box .stat-list, body#LOCATION #image-box .stat-list {
	margin-top: 1em;
}

body#ARTIST #image-box .image-caption, body#ARTWORK #image-box .image-caption, body#ZOOM #image-box .image-caption,
body#TOUR #image-box .image-caption, body#LOCATION #image-box .image-caption {
	margin-top: 1em;
/*	min-height: 4em; */
}

body#ARTIST #image-box .image-nav, body#ARTWORK #image-box .image-nav, body#ZOOM #image-box .image-nav,
body#TOUR #image-box .image-nav, body#LOCATION #image-box .image-nav {
	text-align: right;
}

body#ARTIST #image-box .image-nav a, body#ARTWORK #image-box .image-nav a, body#ZOOM #image-box .image-nav a,
body#TOUR #image-box .image-nav a, body#LOCATION #image-box .image-nav a {
	color: #4f93ae;
}