/*
THEME NAME: Devening Projects + Editions
THEME URI: http://www.plaintxt.org/themes/sandbox/
DESCRIPTION: Based on Sandbox
VERSION: 1.6.1
AUTHOR: Arlo Bryan Guthrie
AUTHOR URI: http://arlodesign.com
TAGS: sandbox, microformats, hcard, hatom, xoxo, widgets, blank slate, starter theme, minimalist, developer
*/

@import url('reset.css');

#wrapper {
	font-family: "Helvetica Neue", HelveticaNeue, Arial, Helvetica, sans-serif;
	margin: 0 auto;
	width: 820px;
	overflow: hidden;
	text-align: left;
}

h2, h3, h4 {
	font-weight: bold;
}
	h2 a:link, h2 a:visited,
	h3 a:link, h3 a:visited,
	h4 a:link, h4 a:visited,
	#footer a:link, #footer a:visited {
		color: black;
		text-decoration: none;
	}
	h2 a:hover, h2 a:active,
	h3 a:hover, h3 a:active,
	h4 a:hover, h4 a:active,
	#footer a:hover, #footer a:active {
		color: #333;
	}

p {}
	p a:link, p a:visited {
		color: #666;
		text-decoration: none;
		font-weight: bold;
	}
	p a:hover, p a:active {
		color: #333;
	}
em, strong {
	font-weight: bold;
}

.date {
	white-space: nowrap;
}
.more {
	text-align: right;
}
	.more p {
		margin-bottom: 0 !important;
		font-weight: bold;
	}
	.more a:link, .more a:visited, 
	#off-space-description a:link, #off-space-description a:visited {
		color: black;
		text-decoration: none;
		font-weight: bold;
	}
	.more a:hover, .more a:active,
	#off-space-description a:hover, #off-space-description a:active {
		color: #666;
	}
	body.page-id-7 .more a {
		text-transform: lowercase;
	}
.hover {
	color: #333 !important;
	cursor: pointer;
}
.hover a {
	color: #333 !important;
}
	
#header {
	border-bottom: 1px solid #ccc;
	margin-top: 35px;
	overflow: hidden;
	padding-bottom: 8px;
}
	body.home #header, body.home #header *, body.home #content #information, body.home #content #information * {
		height: 0;
		border: 0;
	}
	#header h1 {
		float: left;
		width: 147px;
	}
		#header h1 a {
			background: transparent url('img/DeveningProjects_logo.gif') no-repeat left top;
			display: block;
			height: 72px;
			text-indent: -9999px;
		}
	#header ul#menu {
		font-size: 1.6em;
		float: right;
	}
		ul#menu li {
			float: left;
			position: relative;
			text-transform: lowercase;
		}
			ul#menu li a {
				display: block;
				padding-left: 1em;
				padding-top: 58px;
				text-decoration: none;
			}
				ul#menu li a:link,
				ul#menu li a:visited {
					color: #999;
				}
				ul#menu li a:hover,
				ul#menu li a:active,
				ul#menu li.current_page_parent a,
				ul#menu li.current_page_item a,
				ul#menu li.current_page_ancestor a,
				body.s-category-main-event ul#menu li.page-item-5 a, 
				body.s-category-off-space ul#menu li.page-item-5 a {
					color: #333;
				}
			#header ul#menu li ul {
				display: none;
				font-size: .688em;
				left: 0;
				position: absolute;
				top: 0;
				z-index: 10;
			}
				#header ul#menu li:hover ul {
					display: block;
				}
				#header ul#menu li ul li {
					float: none;
				}
					#header ul#menu li ul li.artists-editions {
						padding-top: 1.7em;
					}
					#header ul#menu li ul li a {
						display: block;
						padding: 0 0 .7em 1.5em;
						width: 100%;
					}
						#header ul#menu li ul li a:link,
						#header ul#menu li ul li a:visited {
							color: #999;
						}
						#header ul#menu li ul li a:hover,
						#header ul#menu li ul li a:active,
						ul#menu li.current_page_parent ul li.current_page_item a,
						ul#menu li.current_page_ancestor ul li.current_page_parent a,
						body.s-category-main-event ul#menu li.page-item-5 ul li.page-item-11 a,
						body.s-category-off-space ul#menu li.page-item-5 ul li.page-item-11 a {
							color: #333 !important;
						}
						/* hide artist submenu in main navigation */
						#header ul#menu li.page-item-13 ul {
							display: none;
						}
						/* add space to "artist-editions" */
						#header ul#menu li ul li.page-item-16 {
							padding-top: 1.7em;
						}
						/* hide artist names from editions submenu */
						#header ul#menu li.page-item-15 ul li ul {
							display: none;
						}
#content {
	margin-top: 20px;
	clear: both;
	font-size: 1.1em;
	line-height: 1.8182;
	overflow: hidden;
}
	body.home #content {
		margin-top: 45px;
	}
		body.home #content img {
			margin-bottom: .5em;
		}
	body.page-template-exhibition_current-php #content {
		background: transparent url('img/main-event_bg.gif') repeat-y right top;
	}
		body.page-template-exhibition_current-php #content.no-offspace {
			background: none;
		}
		#main-event {
			float: left;
			width: 540px;
		}
			a#main-event-images {
				display: block;
				margin-bottom: 1em;
				height: 430px;
				overflow: hidden;
				background: white url('img/loader.gif') no-repeat left .5em;
			}
			#content.no-offspace #main-event {
				width: 820px;
			}
			#main-event-information {
				width: 190px;
				float: left;
			}
				#main-event-information #main-event-information-1 .event,
				#main-event-information #main-event-information-1 .opening,
				#main-event-information #main-event-information-2 .dates {
					border-bottom: 1px solid #ccc;
					padding-bottom: 1.2em;
					margin-bottom: .5em;
				}
				#main-event.no-description #main-event-information,
				#content.no-offspace #main-event-information {
					width: 400px;
				}
					#main-event.no-description #main-event-information #main-event-information-1,
					#content.no-offspace #main-event-information #main-event-information-1 {
						width: 190px;
						float: left;
						margin-right: 20px;
					}
					#main-event.no-description #main-event-information #main-event-information-2,
					#content.no-offspace #main-event-information #main-event-information-2 {
						margin-left: 210px;
					}
					#main-event.no-description #main-event-information #main-event-information-1 .opening,
					#content.no-offspace #main-event-information #main-event-information-1 .opening {
						border-bottom: none;
					}
			#main-event-moreinfo {
				width: 330px;
				margin-left: 210px;
			}
				#content.no-offspace #main-event-moreinfo {
					width: 400px;
					margin-left: 420px;
				}
				#main-event-moreinfo p {
					margin-bottom: 1em;
				}
				#content.no-offspace.multiple-artists #main-event-description {
					float: left;
					margin-right: 20px;
					width: 190px;
				}
				p.press-release {
					padding-top: 1em;
				}
		#off-space {
			margin-left: 630px;
			width: 190px;
			position: relative;
			padding-bottom: 1.2em;
		}
			#off-space a#off-space-image {
				display: block;
				margin-bottom: 1em;
			}
			#off-space h2 {
				height: 50px;
				left: 10px;
				position: absolute;
				text-indent: -9999px;
				top: 10px;
				width: 74px;
			}
				#off-space h2.black {
					background-image: url('img/offspace_black.png');
				}
				#off-space h2.white {
					background-image: url('img/offspace_white.png');
				}
				#off-space h2.gray {
					background-image: url('img/offspace_gray.png');
				}
			#off-space h3 {
				margin: 0 10px;
			}
			#off-space p {
				margin: 0 10px;
			}
				#off-space p.exhibition-name {
					border-bottom: 1px solid #ccc;
					padding-bottom: 1.2em;
					margin-bottom: .5em;
				}
				#off-space-description {
					margin: 0 10px .5em;
				}
					#off-space-description p {
						margin: 0;
					}
				p#off-space-artists {
					border-top: 1px solid #ccc;
					padding-top: 1.2em;
				}
	body.page-template-exhibition-upcoming-php #content,
	body.page-template-exhibition-archives-php #content {
		width: 840px;
	}
		body.page-template-exhibition-upcoming-php #content ul {
			margin-left: 280px;
		}
		body.page-template-exhibition-upcoming-php #content h2,
		body.page-template-exhibition-upcoming-php #content li,
		body.page-template-exhibition-archives-php #content h2,
		body.page-template-exhibition-archives-php #content li {
			float: left;
			padding-right: 20px;
			position: relative;
		}
		body.page-template-exhibition-upcoming-php #content h2,
		body.page-template-exhibition-upcoming-php #content li {
			height: 25.455em;
			width: 260px;
		}
		body.page-template-exhibition-archives-php #content h2,
		body.page-template-exhibition-archives-php #content li {
			height: 18.5455em;
			width: 120px;
		}

		body.page-template-exhibition-upcoming-php #content li.off-space h3,
		body.page-template-exhibition-archives-php #content li.off-space h3 {
			height: 27px;
			left: 10px;
			position: absolute;
			text-indent: -9999px;
			top: 10px;
			width: 40px;
		}
			body.page-template-exhibition-upcoming-php #content li.off-space h3.black,
			body.page-template-exhibition-archives-php #content li.off-space h3.black {
				background-image: url('img/offspace_sm_black.png');
			}
			body.page-template-exhibition-upcoming-php #content li.off-space h3.white,
			body.page-template-exhibition-archives-php #content li.off-space h3.white {
				background-image: url('img/offspace_sm_white.png');
			}
			body.page-template-exhibition-upcoming-php #content li.off-space h3.gray,
			body.page-template-exhibition-archives-php #content li.off-space h3.gray {
				background-image: url('img/offspace_sm_gray.png');
			}

		body.page-template-exhibition-archives-php #content ul {
			margin-left: 140px;
		}
		body.page-template-exhibition-archives-php #content ul li {
			float: left;
			padding-right: 20px;
			position: relative;
		}
		body.page-template-exhibition-archives-php #content div.year {
			clear: both;
		}
			body.page-template-exhibition-archives-php #content div.year+div.year {
				border-top: 1px solid #ccc;
				padding-top: 2em;
			}

	
	#artist-menu,
	body.single #exhibition-menu {
		float: left;
		margin-right: 90px;
		overflow: hidden;
		width: 120px;
		position: relative;
	}
		#artist-menu {
			text-transform: lowercase;
		}
		#artist-menu div {
			position: absolute;
			width: 240px;
			top: 0;
			left: 0;
		}
		#artist-menu ul,
		body.single #exhibition-menu ul {
			width: 120px;
			float: left;
		}
		#artist-menu a:link,
		#artist-menu a:visited {
			color: #666;
			display: block;
			text-decoration: none;
		}
		#artist-menu a:hover,
		#artist-menu a:active {
			color: #333;
		}
		#artist-menu li.current_page_item a {
			color: black;
		}
		#artist-menu li.artist-menu-pager a {
			padding-top: 1em;
			font-weight: bold;
		}
		#exhibition-menu {
			color: #666;
		}
			#exhibition-menu h3 {
				text-transform: lowercase;
				color: black;
				margin-top: 1em;
			}
				#exhibition-menu h3.exhibition-menu-current {
					margin-top: 0;
				}
			#exhibition-menu .exhibition-listing {
				margin-bottom: 1em;
			}
				#exhibition-menu .current-listing {
					color: black;
					margin-left: 1em;
				}
				#exhibition-menu .exhibition-listing h4 a {
					color: #666;
					text-decoration: none;
				}
					#exhibition-menu .current-listing h4 a {
						color: black;
					}
				#exhibition-menu .exhibition-listing h4 a:hover {
					color: #333;
					text-decoration: none;
				}
				#exhibition-menu .exhibition-listing p.off-space {
					color: #999;
				}
/*			#exhibition-menu {
				width: 140px;
				margin-right: 70px;
			}*/
	#artist-content,
	body.single #exhibition-content {
		float: right;
		width: 610px;
	}
		#artist-content h2 {
			text-transform: lowercase;
		}
			body.parent-pageid-19 #artist-content h2 {
				text-transform: none !important;
			}
		#artist-content .description,
		body.single #exhibition-content .description {
			float: right;
			width: 190px;
			overflow: hidden;
		}
			ul#artist-files li a:link, ul#artist-files li a:visited {
				color: #666;
				text-decoration: none;
			}
			ul#artist-files li a:hover, ul#artist-files li a:active {
				color: #333;
			}
			.description div.full-content {
				border-top: 1px solid #ccc;
				margin-top: 1.2em;
				padding-top: .5em;
				margin-bottom: 1em;
			}
				.js div.description div.full-content p {
					display: none;
				}
				.description div.full-content p+p {
					margin-top: 1em;
				}
			ul.slideshow {
				width: 400px;
			}
			.js ul.slideshow {
				background: white url('img/loader.gif') no-repeat left .5em;
				min-height: 16px;
			}
			ul.slideshow li {
				margin-bottom: 1em;
				padding-top: .5em;
				width: 400px;
			}
			ul.slideshow p.title {
				font-weight: bold;
			}
				ul.slideshow p.title .year {
					font-weight: normal;
				}
				/* PREVENT CONTENT FLASH */
				.js ul.slideshow li {
					display: none;
				}
				.js body.page-template-artist-php ul.slideshow a.image-link img {
					opacity: 0;
					-moz-opacity: 0;
					filter:alpha(opacity=0);
				}
	/*	for rollovers on editions pages */
	body.parent-pageid-15 #artist-menu {
		padding-bottom: 5em;
	}
	body.parent-pageid-15 #artist-menu,
	body.parent-pageid-16 #artist-menu,
	body.parent-pageid-19 #artist-menu {
		position: relative;
		width: 210px;
		margin-right: 0;
		overflow: visible;
	}
	body.parent-pageid-15 #artist-menu ul li a,
	body.parent-pageid-16 #artist-menu ul li a,
	body.parent-pageid-19 #artist-menu ul li a {
		position: relative;
	}
		body.parent-pageid-15 #artist-menu ul li a img,
		body.parent-pageid-16 #artist-menu ul li a img,
		body.parent-pageid-19 #artist-menu ul li a img {
			display: none;
		}
		body.parent-pageid-15 #artist-menu ul li a:hover img,
		body.parent-pageid-16 #artist-menu ul li a:hover img,
		body.parent-pageid-19 #artist-menu ul li a:hover img {
			display: block;
			left: 140px;
			padding-top: .5em;
			position: absolute;
			top: 0;
			z-index: 100;
		}
	/* remove leading from publication information */
	body.parent-pageid-19 div.full-content p {
		margin-top: 0 !important;
	}
	
	div#image-thumbs {
		height: 260px;
		margin-bottom: 10px;
		overflow: hidden;
		position: relative;
		width: 210px;
		display: none;
	}
		.js div#image-thumbs {
			display: none;
		}
		div#image-thumbs ul {
			width: 9999px;
			height: 260px;
			position: absolute;
			overflow: hidden;
		}
			div#image-thumbs ul li {
				float: left;
				width: 210px;
				height: 260px;
			} 
		div#image-thumbs ul li a img {
			margin: 0 20px 15px 0;
			opacity: 0.5;
  			-moz-opacity: 0.5;
	 		filter:alpha(opacity=50);
	   	}
	 		div#image-thumbs ul li a:hover img {
				opacity: .75;
  				-moz-opacity: .75;
  				filter:alpha(opacity=75);
			}
			div#image-thumbs ul li a.activeSlide img {
				opacity: 1;
				-moz-opacity: 1;
				filter:alpha(opacity=100);
			}
		 p.pager {
			display: none;
		}
			 p.pager a {
				font-size: 1.2em;
				padding: 1em 0 0 .25em;
			}
				 p.pager a.hidden {
					color: white;
					cursor: default;
				}
				 p.pager a.activePage:link,
				 p.pager a.activePage:visited,
				 p.pager a.activePage:hover,
				 p.pager a.activePage:active, {
					color: black;
				}					
	div#loading {
		padding-top: .2em;
	}
		 div#loading div {
			background-color: #666;
			height: 1px;
			margin-top: .4em;
			width: 0;
		}
	#full-content-reveal {
		display: none;
		width: 330px;
		padding-right: 70px;
	}
		#full-content-reveal p {
			margin-bottom: 1em;
		}
		
	body.page-template-justcontent-php #content,
	body.page-id-23 #content #contact-info {
		margin-left: 210px;
		width: 190px;
	}
		body.page-id-23 #content #contact-info {
			float: left;
			margin-right: 20px;
		}
		body.page-template-justcontent-php #content p+h2,
		body.page-id-23 #content #contact-info p+h2 {
			border-top: 1px solid #ccc;
			margin-top: 1.2em;
			padding-top: .5em;
		}
		body.page-id-23 small {
			display: block;
			float: right;
		}
		
	
	body.page-template-editions-php #publications {
		width: 400px;
		float: left;
	}
	body.page-template-editions-php #artists-editions {
		width: 400px;
		margin-left: 420px;
	}
	body.page-template-editions-php div.thumbnails h2 {
		margin-bottom: 1em;
	}
	body.page-template-editions-php div.thumbnails ul {
		overflow: hidden;
	}
		body.page-template-editions-php div.thumbnails li {
			float: left;
/*			height: 14.5em;*/
			width: 120px;
		}
		body.page-template-editions-php #publications li.publication-1, 
		body.page-template-editions-php #artists-editions li.artists-edition-1 {
/*			height: 29em;*/
			margin-right: 20px;
			width: 200px;
		}
		body.page-template-editions-php #publications li.publication-2, 
		body.page-template-editions-php #artists-editions li.artists-edition-4, 
		body.page-template-editions-php #artists-editions li.artists-edition-5 {
			margin-right: 20px;
		}
		body.page-template-editions-php div.thumbnails ul li p a:link,
		body.page-template-editions-php div.thumbnails ul li p a:visited {
			color: black;
			font-weight: normal;
		}
		body.page-template-editions-php div.thumbnails ul li p a:hover, 
		body.page-template-editions-php div.thumbnails ul li p a:active {
			color: #666;
			font-weight: normal;
		}
		body.page-template-editions-php #publications ul li p.publication-title a:link, 
		body.page-template-editions-php #publications ul li p.publication-title a:visited, 
		body.page-template-editions-php #publications ul li p.publication-title a:hover, 
		body.page-template-editions-php #publications ul li p.publication-title a:active, 
		body.page-template-editions-php #artists-editions ul li p.artists-edition-title a:link,
		body.page-template-editions-php #artists-editions ul li p.artists-edition-title a:visited,
		body.page-template-editions-php #artists-editions ul li p.artists-edition-title a:hover, 
		body.page-template-editions-php #artists-editions ul li p.artists-edition-title a:active {
			font-weight: bold;
		}

#footer {
	border-top: 1px solid #ccc;
	clear: both;
	color: #666;
	font-size: 1.1em;
	line-height: 1.8182;
	margin-bottom: 2em;
	margin-top: 40px;
	overflow: hidden;
	padding-top: .3em;
}
	body.home #footer {
		border-top: 0;
		padding-top: 0;
		margin-top: 0;
		text-align: right;
	}
	#footer ul#menu {
		font-weight: bold;
	}
		#footer ul#menu li a {
			display: block;
			padding-left: 0;
			padding-right: 1em;
			padding-top: 0;
			text-decoration: none;
		}
		#footer ul#menu li.current_page_parent a {
			color: #999;
		}
			#footer ul#menu li.current_page_parent a:hover {
				color: black;
			}
		#footer ul#menu ul {
			display: none;
		}