﻿#panel1 {
	float: left;
	width: 500px; 
	padding-left: 20px;
}
@media print, handheld, only screen and (max-device-width: 240px) {
#panel1 {
  float: none;
  width: auto;
  padding: 0;
  margin: 0;
  margin-top: 2em;
}
}
.panelInfo {
	margin-bottom: 2em;
}
.artistInfo ul {
	margin-left: 1em;
	font-size: 0.85em;
	margin-bottom: 1em;
}

#artistTitle {
	margin-right: 4em;
}
.artistInfo h1 {font-size: 1.4em;}
.artistInfo h2 {font-size: 1.2em;}
.artistInfo h3 {font-size: 1em;}
.galleryListing td {padding-bottom: 0.7em; padding-right: 1em; vertical-align: top;}
.eventListing td {padding-bottom: 0.7em; padding-right: 1em; vertical-align: top;}
.eventListing span {white-space: nowrap;}

#imagesGallery {
	float: right;
	width: 320px;
	text-align: center;
	background-color: black;
	min-height: 550px;
	color: white;
	margin: 0 20px;
	border: 5px solid tan;
}
@media print, handheld, only screen and (max-device-width: 240px) {
#imagesGallery {
  float: none;
  min-height: auto;
  background-color: White;
  color: black;
  border-color: Gray;
}
}
.imagesGalleryDetail {
	margin-top: 10px;
	margin-bottom: 2em;
	display: none;
}
.imagesGalleryDetail.current {
	display: block;
}
#galleryThumbsTable {
	width: 100%;
}
#galleryThumbsTable td {
	padding-bottom: 3px;
	padding-top: 10px;
}
#galleryThumbsTable a {
	border-bottom: 2px solid #000000;
}
@media print, handheld, only screen and (max-device-width: 240px) {
#galleryThumbsTable a {
	border-bottom: none;
}
}
#galleryThumbsTable a.current, #galleryThumbsTable a:hover.current {
	border-bottom: 2px solid #aaaaaa;
}
#galleryThumbsTable a:hover {
	border-bottom: 2px solid #eeeeff;
}
#galleryThumbsTable img {
	padding-bottom: 3px;
}
#galleryThumbsTable img.Portrait {height: 50px;}
#galleryThumbsTable img.Landscape {width: 50px;}

#galleryThumbs {width: 100%; margin-bottom: 15px;}
#galleryThumbs td {width: 60px;}
#galleryThumbs.cellsPerRow5 td {width: 20%;}
#galleryThumbs.cellsPerRow4 td {width: 25%;}
#galleryThumbs.cellsPerRow3 td {width: 33%;}
#galleryThumbs.cellsPerRow2 td {width: 50%;}

.imagesGalleryDetail p {
	margin: 0 1.5em;
	margin-bottom: 0.7em;
	padding: 0;
	font-size: 0.8em;
}
.imagesGalleryDetail p.title {
	margin-bottom: 1em;
	font-size: 1em;
	font-weight: bold;
}
.imagesGalleryDetail p.photoCredit {
	margin-top: 4em;
	font-size: 0.65em;
	color: #888888;
}

.imagesGalleryDetail img {
	margin-bottom: 10px;
}
.imagesGalleryDetail .Portrait {
	height: 300px;
}
.imagesGalleryDetail .Landscape {
	width: 300px;
}
.copyrightArtistFooter {clear: both; width: 100%; text-align: center; margin-top: 2em;}

