/* Bert Gallery CSS Version 2.0 */
/* Danny Chapman, May 2009 */
/* www.dannychapman.com */

/*** 1. Reset CSS - Eric Meyer ***/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, tt, var,dl, dt, dd, ol, ul, li, fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0;font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
body {line-height: 1;color: black; background: #fff;}
ol, ul {list-style: none;}
table {border-collapse: separate; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

/*** 2. Clearing Floats - Dan Cederholm ***/

.group:after, #mainContent:after {
	content: ".";
	display: block;
	height: 0;
	clear:both;
	visibility: hidden;
}

.groupleft:after {
	content: ".";
	display: block;
	height: 0;
	clear:left;
	visibility: hidden;
}

.groupright:after {
	content: ".";
	display: block;
	height: 0;
	clear:right;
	visibility: hidden;
}

/*** General Page Styles ***/

body {
	background: #E8D497 url(../images/site/parchmentbody.jpg) repeat;
	font-family: "Times New Roman", Georgia, serif;
	font-size: 85%;
	margin: 0;
	padding: 0;
	text-align: center;
}

table {text-align: left;}

#pageContainer {
	margin: 0 auto;
	text-align: left;
	width: 960px; 
}

/*** Link Styles ***/

a {color: #612910; text-decoration: none;}
a:hover {color: #3385B4; text-decoration: underline;}
a:active {color: #BEBEAA; text-decoration: underline;}

h2 {font-family: "Times New Roman", Georgia, serif; letter-spacing: normal; font-size: 1.7em; color: #592B18; text-align: left; font-weight: normal; letter-spacing: .15em; text-shadow: 0 1px 0 rgba(255,255,255,.8); float: left;  text-transform: uppercase; padding: 0em 1.3em .7em .25em; }

h2 em {font-weight: bold; font-style: normal;}

.contentArea h2 {margin: 1em 0 .6em 1em; }

* html .contentArea h2 {margin-left: .45em;}
*+html .contentArea h2 {padding-left: 1.65em;}

/*** Header ***/

#header {
	height: 100px;
	width: 968px;
	text-align: left;
	margin: 0 auto;
	padding: 0;
}

#pageContainer.home #header {
	height: 100px;
	width: 968px;
	text-align: left;
	margin: 0 auto;
}

#pageContainer.home .handwriting {position: absolute; top: 0; height: 210px; width: 356px; left: 670px; z-index: -10; background: url(../images/site/handwriting.png) 100% 80% no-repeat;}
* html #pageContainer.home .handwriting {display: none;}

.content.providence {background: url(../images/site/providence.png) bottom left no-repeat; margin-bottom: 0; padding-bottom: 0;}
* html .content.providence {background: none; background-image: none;}

#header h1 {margin: 0;}
#header h1 a {
	background: url(../images/site/h1.gif) top left no-repeat;
	text-indent: -9999px; 
	display: block; 
	height: 92px; 
	width: 300px;
	margin: 5px 0 0 10px;
	float: left;
	-webkit-transition: opacity .2s ease;
	-o-transition: opacity .2s ease;
	transition: opacity .2s ease;
}

#header h1 a:hover {opacity: .85;}

#pageContainer.home #header h1 a {background: url(../images/site/home/h1_home.gif) top left no-repeat; width: 334px;}


/*** Navigation ***/

ul#navigation {
	font-family: 'Times New Roman', Georgia, palatino, sans-serif;
	text-align: right;
	float: right;	
	font-size: 1.2em;
	color: #E3B573;
	margin: 0px 6px 0 0;
	padding: 75px 0 0 0;
}

ul#navigation li {display: inline; list-style-type: none; margin: 0; padding: 0;}

ul#navigation li a {
	color: #54472D;
	text-decoration: none;
	line-height: 2.3em;
	text-align: left;
	padding: .7em .8em .7em .8em;
	margin: 0;
	font-weight: normal;
	-webkit-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
	/*
	-webkit-border-top-left-radius: .3em;
	-webkit-border-top-right-radius: .3em;
	-moz-border-radius-topleft: .3em;
	-moz-border-radius-topright: .3em;
	*/
}

#navigation a:hover {
	background: rgba(255,255,255,.3);
}

#pageContainer.gallery li.gallery a,
#pageContainer.gallerycollection li.gallerycollection a,
#pageContainer.onexhibit li.onexhibit a,
#pageContainer.resources li.research a,
#pageContainer.blog li.blog a,
#pageContainer.contact li.contact a
 {
	
	background: url(../images/site/whitebackground.png) top left repeat;
	background: rgba(255,255,255,.38);
}


#logo {
	float: left;
}

.photoblock {
	float: left;
	width: 140px;
	height: 140px;
	background: #eee;
	margin: 0 15px 15px 0px;
}

#wrap {
	float: left; 
	width: 100%;
	margin-top: 0;
	padding-bottom: 1em;
	background: rgba(255,255,255,.18);
	background: url(../images/site/whitebackground.png) top left repeat;	
}

ul#subnavigation {
	width: 100%;
	border-top: 1px solid #E4BF83;
	border-top: 1px solid rgba(227,181,115,.5);
	
	display: block;
	margin: 0 1em; 
	padding: 10px 0 0px 0; 
	height: 1.2em;
	margin: 0 auto;
	color: #333;
}

ul#subnavigation li {float: right; list-style-type: none; padding: 0 1em 0 0; margin: 0;}
#pageContainer ul#subnavigation li a {padding: .4em; color: #444; font-family: Helvetica, Arial, sans-serif; font-size: .95em;}
ul#subnavigation li a:hover {background: rgba(255,255,255,.3); text-decoration: none;}

/* IE 7 & 8 Subnav Hover */
*+html ul#subnavigation li a:hover {text-decoration: underline;}


#pageContainer.gallery.mainexhibit ul#subnavigation li.main a, 
#pageContainer.gallery.pastexhibits ul#subnavigation li.past a,
#pageContainer.gallery.danalevin ul#subnavigation li.pocketshows a,

#pageContainer.gallery.artgossip ul#subnavigation li.main a,

#pageContainer.gallerycollection.general ul#subnavigation li.general a,
#pageContainer.gallerycollection.estate ul#subnavigation li.estate a,
#pageContainer.gallerycollection.online ul#subnavigation li.online a,
#pageContainer.gallerycollection.contemporary ul#subnavigation li.contemporary a,
#pageContainer.dimeo ul#subnavigation li.contemporary a,
#pageContainer.gasbarro ul#subnavigation li.contemporary a,
#pageContainer.hodge ul#subnavigation li.contemporary a,
#pageContainer.levin ul#subnavigation li.contemporary a,
#pageContainer.martiesian ul#subnavigation li.contemporary a,
#pageContainer.speiser ul#subnavigation li.contemporary a,
#pageContainer.thornton ul#subnavigation li.contemporary a,
#pageContainer.vitullo ul#subnavigation li.contemporary a,

#pageContainer.albee ul#subnavigation li.estate a,
#pageContainer.cady ul#subnavigation li.estate a,
#pageContainer.corbridge ul#subnavigation li.estate a,
#pageContainer.herbert ul#subnavigation li.estate a,
#pageContainer.leif ul#subnavigation li.estate a,
#pageContainer.martin ul#subnavigation li.estate a,
#pageContainer.peers ul#subnavigation li.estate a,

#pageContainer.research.bios ul#subnavigation li.bios a,
#pageContainer.research.podcasts ul#subnavigation li.podcasts a,
#pageContainer.research.publications ul#subnavigation li.publications a,
#pageContainer.research.video ul#subnavigation li.video a,

#pageContainer.gallery.price ul#subnavigation li.price a {/* background: rgba(255,255,255,.18); */ color: #2958A8;}

.contentArea {
	border-top: 0px solid #fff;
	text-align: left;
	color: #222;
	margin: 0;
	font-family: 'Times New Roman', Times, serif;
	padding: 0 1em 1em 1em; 
}



.related {
	float: right; 
	width: 210px;
	margin: 0; 
	min-height: 680px;
	overflow: hidden;
}


.related a:hover {text-decoration: none; color: #3385B4;}

.related.pocketshow {margin-top: 4em; width: 210px; margin-left: 2em; min-height: 400px;}

.article {background: url(../images/site/brush.png) 98% -10% no-repeat; float: left; width: 100%; }

* html .article {background: none;}

.content .article ul {margin-bottom: 1em;}
.content .article ul li {list-style-type: square; margin-left: 1em;}

.slides {margin-bottom: 0em; padding: 5px; margin-top: 10px; }
.related img {text-align: center; margin: .5em auto .2em auto; width: 90%; max-width: 95%; text-align: center; border: 2px solid #ccc; -moz-box-shadow: 0 0 10px rgba(0,0,0,.2); -webkit-box-shadow: 0 0 10px rgba(0,0,0,.2); }
.related.pocket img {margin-top: 9em; }
.related object {margin: .4em 0;}
.related a.slides em{padding: 0 .2em 0 1.1em;  }

.related img.nomargin {margin: 1em 0;}

.related .slidelist a {position: absolute; left: -9999em; float: left; display: inline;}


#pageContainer .related h3 {font-size: 1.5em; padding: .2em 0 .1em .7em; margin-top: 2em;}
#pageContainer .related h4 {margin: 0em 0 0 0; padding: .2em 0 .5em .2em;}
#pageContainer.gallerycollection .related h4 {margin: 2em 0 0 1em;}


.article .related ul {margin: 0 0 1em 1em; width: 100%; }
.article .related ul li {padding: 0 0 1em .6em; margin: 0; width: 12em; list-style-type: none; background: url(../images/site/articlebullet.gif) center left no-repeat;}

.article .related ul.relatedexhibits li {background: none;}

.article .related ul.relatedexhibits li img {margin-top: 1em; border: 1px solid #ccc; padding: .2em; background: #eee; margin-bottom: .6em;}
.article .related ul.relatedexhibits li a {border-bottom: none; display: inline;}

.article .related ul li a {border-bottom: 1px solid #BB7935; padding: 0; display: block; line-height: 1.4em; padding-top: 1.3em;}

#pageContainer .related a {padding: .4em;}

#pageContainer .article .related a.slideshow img, #pageContainer .pictureframe img {
	border: none;
	padding:0 0 1em 0;
	margin: 0 auto;
	width: 100%;
	background: none;
	-moz-box-shadow: none; 
	-webkit-box-shadow: none; 
}

#pageContainer .related a.slideshow, .pictureframe {
	background: rgba(255,255,255,.7);
	padding: 1.2em 1em .3em 1.4em;
	display: block; 
	width: 85%;
	border: 1px solid #ddd;
	font-family: Helvetica, Arial, sans-serif;
	font-size: .9em;
	margin-bottom: 1em;
	opacity: .9; 
	-moz-box-shadow: 0 0 10px rgba(0,0,0,.2); 
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.2); 
}

.pictureframe {width: 91.5%; font-family: 'Times New Roman', Georgia, serif; font-size: 1em;}

#pageContainer .related a.slideshow:hover {
	opacity: 1;
	-moz-box-shadow: 0 0 10px rgba(0,0,0,.3); 
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.3); 
}


#pageContainer .related a img:hover {opacity: 1;}
.related ul li a.last {border-bottom: none;}

.contentArea .content .related p { margin: 0; padding: 0 0 1em 0; text-align: left;}
.related object {max-width: 200px; margin-bottom: 1em;}

.contentArea p {
	padding-bottom: .5em;
	padding-left: 0;
}

.contentArea p.last {background-image: url(../images/site/endstop.gif) bottom left no-repeat}

.contentAreaRight .content ul {
	padding-left: 0;
	margin-top: 5px;
}

.contentAreaRight {
	text-align: left;
	font-size: 12px;
	margin: 0px 35px 0px 195px;
}

.contentAreaLeft {
	text-align: left;
	font-size: 12px;
	width: 140px;
	padding-left: 30px;
	float: left;
	padding-top: 10px;
}

.contentAreaRight ul li {
	text-align: left;
	list-style-type: circle;
	color: #A3A37E;
	margin-left: 0;
	padding-left: 0;
}

.contentAreaRight ul {
	margin-left: 0;
}

.contentArea .content, .contentArea .atthegallery {
	margin: 0 2em 0 2em;
	clear: both;
}

/*** General ***/

#pageContainer.home ul#navigation {display: none;}
.secondary {margin: .3em;}
.secondary img {margin-right: 8px;}
.contentArea .content p, .contentArea .content ul {padding: 0 300px 1.3em 0; font-size: 1em; line-height: 1.3em;}
.contentArea .content p, .contentArea .content .article ul {font-family: Helvetica, Arial, sans-serif; line-height: 1.65em;}
.contentArea .content .article ul li {padding-bottom: 1em;}
.contentArea .content .article .related ul li {padding-bottom: 0; font-family: 'Times New Roman', Georgia, serif;}
.contentArea .atthegallery p {line-height: 1.3em; font-family: Helvetica, Arial, sans-serif; }

.contentArea .content p em {font-style: italic; }

.contentArea h3 {
	font-size: 1.85em;
	color: #333;
	font-weight: normal;
	line-height: 1.1em;
	padding: 0;
	margin: .3em 0 .4em 0;
	text-shadow: 0 1px 0 rgba(255,255,255,.8);
}

/*** Home ***/

#pageContainer.home .contentArea {padding-bottom: 5em;}
#pageContainer.home .contentArea .content {width: 35%; float: left; background: url(../images/site/home/welcomestroke.png) top left no-repeat; padding: 0 0 3em 0; margin: 0; position: absolute; top: 27em;}
#pageContainer.home .contentArea .content h2 {color: #2958A8; text-align: left;  font-family: Zapfino, 'Times New Roman', serif; font-size: 1.6em; display: block; padding: 2em 0 0em 2em; margin: .4em 0 0 0; text-transform: none; display: block; float: none;	}
#pageContainer.home p { text-align: center; padding-top: 0;}

/*** At the Gallery ***/

.contentArea h4 {font-weight: normal; color: #603913; font-size: 20px; line-height: 1.3em;  padding: 0; margin: .4em 0 1em 0;}
.contentArea h5 {font-size: 14px; margin: 2em 4em .2em 0; font-weight: bold; color: #333; padding: 0 0 .6em 0;}
.contentArea h4 span.date {color: #4F6239; font-weight: normal; margin: 0; padding: 0;}

p.showdates {color: #592B18;  margin: 0; padding: 0; font-size: .6em;}
p.showdates span {display: block;}


ul.otherexhibits {margin: 0; padding: 0;}

ul.otherexhibits li {
list-style-type: none;
float: left;
display: block;

}

ul.otherexhibits li a {
	display: block;
	padding: 2em 0;
	background: #BAAD90;
	color: #fff;
	width: 385px;
	text-decoration: none;
	padding: 1em .4em;
	border: 2px solid #ACA084;
	font-size: 1.2em;
}

ul.otherexhibits li a.past {margin: 0 2.8em 0 .6em;}
ul.otherexhibits li a.cathy {margin: 0 1em 2em 1.7em; padding-bottom: 1em;}

ul.otherexhibits li a:hover {background: #50432B;}

/*** Pocket Show ***/

.contentArea .headline.alternate {
	float: left;
	width: 40%;
	margin-top: 1em;
}

.contentArea.pocketshow .headline {
	width: 100%;
	margin-top: 1em;
}

#pageContainer.pocketshow .headline img {height: 160px;}

.contentArea.pocketshow .headline img {padding: .2em; border: 1px solid #888; background: #894B31; -moz-box-shadow: 0 0 10px rgba(0,0,0,.2); -webkit-box-shadow: 0 0 10px rgba(0,0,0,.2);}
.contentArea.pocketshow .related a.slides em {display: block; padding: 3em; margin: 2em 0 0 2em; text-align: left;}
.contentArea .article.alternate {margin-left: 44%; padding-top: .2em; background: none;}
.contentArea.pocketshow .article {padding-top: .2em; background: none;}
.contentArea.pocketshow .related, .contentArea.pocketshow .pocketslides {background: url(../images/site/brush_pocket.png) -0% 0% no-repeat;}
.contentArea.pocketshow .pocketslides a {padding: 3em;}
.contentArea.pocketshow .pocketslides a:hover {text-decoration: none; color: #222;}

.contentArea.pocketshow .article p {padding-right: 300px; font-family: Helvetica, Arial, sans-serif; font-size: .95em; line-height: 1.6em;}

#pageContainer .slidelist {position: absolute; top: -9999em; left: -9999em; display: block; width: 1em; height: 1em;}

/*** Bios ***/

#pageContainer.bios .contentArea p {width: 70%;}

dl.biographylist {background: url(../images/biographies/biolist.jpg) top left no-repeat; padding: 0 0 2.3em 125px; width: 40%; float: left;}
dl.biographylist dt {display: block; float: left; position: absolute; left: -9999em;}
dl.biographylistcolumntwo {float: right; width: 30%; background: url(../images/biographies/biolist2.jpg) top left no-repeat; padding: 0 0 3em 125px;}

/*** Price of a Picture ***/

.summary {clear: both; padding-top: 2em; border-top: 1px solid #E4BF83;}

.summary h4 {color: #003B00; text-transform: uppercase; }

.summary h4 em {font-style: italic; color: #2F8C43; font-size: 1.4em; text-transform: lowercase;}

.pictureleft {float: left; width: 41%; margin-top: 3em; margin-bottom: 2em; padding-right: 6%: }
.pictureright {float: right; width: 42%; margin-top: 3em; border-left: 1px solid #E4BF83; padding-left: 8%;}

.pictureleft img, .pictureright img {width: 100%; max-width: 100%; -moz-box-shadow: 0 0 3px rgba(0,0,0,.3); -webkit-box-shadow: 0 0 10px rgba(0,0,0,.3);}

#pageContainer.gallery.price p {padding-right: 0;}

#pageContainer.gallery.price h3.title {margin: 0; padding: .1em 0 .2em 0; font-size: 1.4em; }
#pageContainer.gallery.price h4.artist {margin: 0; padding: .3em 0 .2em 0; font-size: 1em; font-family: "Times New Roman", Georgia, serif; color: #67AC8D;}
#pageContainer.gallery.price h5.price {margin: 0; padding: .2em 0 1em 0; font-size: 1.2em; font-weight: normal; color: #444;}

#pageContainer.gallery.price h3.research {margin-top: 2em; font-size: 1.5em;}

#pageContainer.gallery h4.versus {color: green; border-bottom: 1px solid #006000; line-height: 1.6em; text-transform: uppercase; 
letter-spacing: .05em;}

#pageContainer.gallery h4.versus .vs {text-transform: lowercase; font-family: Baskerville, Palatino, "Book Antiqua", serif;
  font-style: italic; color: #592B18; opacity: .8; font-size: 2.1em; padding: 0 .2em;}

/*** Pretty Ampersands - Thank you Dan Cederholm ***/

span.amp, #pageContainer #header ul#navigation li a .amp {
 font-family: Baskerville, Palatino, "Book Antiqua", serif;
  font-style: italic;
  font-weight: normal;
  color: #3385B4;
}

/*** Page Heading Flourishes ***/

/* #pageContainer.blog h2 {background: url(../images/site/flourish.png) 95% 8% no-repeat;} */
#pageContainer.gallery h2 {background: url(../images/site/flourish.png) 100% 8% no-repeat;}
#pageContainer.research h2 {background: url(../images/site/flourish4.png) 100% 8% no-repeat;}
#pageContainer.contact h2 {background: url(../images/site/flourish3.png) 100% 8% no-repeat;}
#pageContainer.gallerycollection h2 {background: url(../images/site/flourish5.png) 100% 8% no-repeat;}



/*** Home Page  ***/

#pageContainer .pocket img, 
#pageContainer .onexhibit img {
	border: none; 
	margin: 0; 
	padding: 0; 
	max-width: 100%; 
	width: 100%;}



#pageContainer.home ul.homepagenav {padding: 1em 0 0 0; margin: 1em 0 0 0; }

#pageContainer.home p {font-family: Helvetica, Arial, sans-serif; font-size: .95em; padding: .3em 0;}

#pageContainer.home p span {}

#pageContainer.home ul.homepagenav a {display: block; color: #FFEACA; font-size: 1.3em; font-weight: normal; position: relative;}
#pageContainer.home .contentArea ul.homepagenav a:hover {text-decoration: none; color: #FFC585;}
ul.homepagenav a span {margin: 0; padding: 0; font-size: 1em; font-weight: normal;}


ul.homepagenav li a span {padding: 0; margin: 0; display: block; font-size: .75em; font-weight: normal;}

ul.homepagenav li.atthegallery {
	width: 554px;
	float: left;
	height: 250px;
	margin: 0;
	position: relative;
	border-width: 1px 0 1px 1px;
	border-color: #ccc;
	border-style: solid;
}

ul.homepagenav li.atthegallery a, ul.homepagenav li.gallerycollection a {color: #fff;}

ul.homepagenav li.atthegallery img, ul.homepagenav li.gallerycollection img {width: 100%; height: 250px; border: none; padding: 0; margin: 0;}  

ul.homepagenav li h3 {
	background: url(../images/home/headlinebackground.png) top left repeat;
	display: block;
	position: absolute;
	bottom: 0px;
	width: 100%;
	font-size: 1.2em;
	font-weight: bold;
	margin: 0;
	color: #fff;
	padding: .5em 0 .5em 0;
	z-index: 200;

}

ul.homepagenav li h3 a {padding: 0 0 0 1em; display: block;}

#pageContainer.home ul.homepagenav li a:hover {color: #ccc;} 

ul.homepagenav li.gallerycollection {
	float: right;
	width: 375px;
	margin-bottom: .5em;
	height: 250px;
	position: relative;
	border-width: 1px 1px 1px 0;
	border-color: #ccc;
	border-style: solid;
}

ul.homepagenav li.atthegallery h3 a span, ul.homepagenav li.gallerycollection h3 a span {font-size: .65em; padding-top: .4em;}

#pageContainer.home .contentArea ul.homepagenav li.research a {
	clear: both;
	float: right; 
	font-family: 'Times New Roman', Georgia, serif; letter-spacing: normal;
	padding-left: 1.6em;
	font-style: normal;
	background: transparent url(../images/site/flourish4.gif) 0% 6% no-repeat;
	margin-top: 1em;
	height: 4em;
	color: #B12F16;
	cursor: pointer;
	display: block;
	font-weight: normal;
}


#pageContainer.home .contentArea ul.homepagenav li.blog a {
	float: right;
	width: 19%;
	margin-left: 0;
	margin-top: 1em;
	font-weight: normal;
	height: 4em;
	font-style: normal;
	color: #B12F16;
	cursor: pointer;
	background: url(../images/site/flourish2.gif) 0% 6% no-repeat;
	padding-left: 1.6em;
}

#pageContainer.home .contentArea ul.homepagenav li.blog a:hover,
#pageContainer.home .contentArea ul.homepagenav li.research a:hover
{color: #47270A;}

*+html ul.homepagenav li.blog a {margin-top: 0;}

ul.homepagenav li.contactus a {
	float: right;
	background: url(../images/site/flourish3.gif) 0% 10% no-repeat;
	padding-left: 1.35em;
	height: 80px;
	margin-top: 2em;
	height: 4em;
	width: 20.5%;
}

ul.homepagenav li.research a span,
ul.homepagenav li.research a span,
ul.homepagenav li.blog a span,
ul.homepagenav li.contactus a span {
	color: rgba(89,43,59,.8);
}


strong {font-weight: bold;}
cite {font-family: Helvetica, Arial, sans-serif; clear: both; display: block; padding: .5em 0; font-size: .8em;  opacity: .9;}
ol li {list-style-type: decimal; list-style-position: inside; padding: .5em 0; font-family: Helvetica, Arial, sans-serif;}

img.right {float: right; margin: 0 0 0 2em;}


#pageContainer .contentArea .newsletter h3 {
	margin: 5px 0 -10px 0;
}

.artist { font-size: 12px; font-family: Helvetica, Arial, sans-serif; color: #6e6e3d; line-height: 115%; font-weight: bold;}
.header2 { font-size: 12px; font-family: Helvetica, Arial, sans-serif; color: #996600; font-weight: bold}

/*** About Us ***/

#pageContainer ul.indentedlist {margin-left: 165px;}

#pageContainer ul.indentedlist li {font-family: Helvetica, arial, sans-serif; padding: .3em 0; list-style-type:  square; list-style-position: inside;}

#pageContainer ul.indentedlist li em {font-style: italic;}

#pageContainer.about .contentArea {background: url(../images/site/artclub.png) 90% 90% no-repeat;}
#pageContainer.research .contentArea {background: url(../images/site/students.png) 30% 90% no-repeat;}

#pageContainer.about .contentArea.aboutus img {float: left;}
#pageContainer.about .contentArea.aboutus p, #pageContainer.about .contentArea.aboutus cite {padding-left: 12em;}

#pageContainer.about .contentArea.aboutus img.inline {float: none; margin-left: 12em;}
#pageContainer.about .contentArea.aboutus cite {width: 320px; line-height: 1.4em; font-size: .85em; padding-left: 15em;}

#pageContainer.about .contentArea.aboutus ul.leftlist {float: left; margin-left: .5em; padding: 0; clear: left; overflow: hidden;}

#pageContainer.about .contentArea.aboutus ul.leftlist li {border-bottom: 1px solid #888888; width: 120px; padding: .5em 0;}

#pageContainer.about .contentArea.aboutus ul.leftlist li a {display: inline-block; }

/*** Archives and Research ***/

#pageContainer.resources .contentArea .content p {padding: 0 0 1em 0; margin: 0;}
#pageContainer.resources .contentArea .content .primary {padding-right: 2em; }

#pageContainer.resources .contentArea.podcast .content p {padding: 0 300px 2em 0;}


#pageContainer.resources .content ul {width: 100%; padding: 0;}

#pageContainer .content ul.videolist li {float: left; width: 132px; margin-right: .5em; margin-bottom: 1em; border: 1px solid #ccc; 
display: block; background: rgba(255,255,255,.5);}

#pageContainer .content ul.videolist li a span {display: inline-block; padding: .6em;}

#pageContainer .content ul.videolist li a {opacity: .92;}
#pageContainer .content ul.videolist li a:hover {opacity: 1; color: #721828; }

#pageContainer .content ul.videolist li img {margin: 0 auto; border: none; background: none;}

#pageContainer ul.videolist li object {width: 100%; overflow: hidden;}
#pageContainer .contentArea .content ul.videolist li p {padding: 1em; display: block;}
#pageContainer ul.videolist li em {font-style: normal; font-weight: bold;}

#pageContainer.video ul.videolist {margin-bottom: 1em; display: block; padding: 0 0 1em 0;}

#pageContainer.video h4 {padding: .5em 0 0 0; border-top: 1px solid rgba(0,0,0,.1); margin-top: 2em;}


/** Blog ***/

#rap #content {text-align: left; padding-left: 0; }

#rap h2 {font-family: 'Times New Roman', georgia, times, serif; padding: 1em 0 .5em 0; font-size: 2.2em; }

.post {text-align: left; margin: 0 2em 1em 0; padding: 0 1.5em 2em 1.5em; color: #222;  background: rgba(255,255,255,.18); line-height: 1.3em; border-top: 1px solid #D7B384;}

.post img {border: 1px solid #ccc; background: #ffffee; clear: right; padding: 1%;  margin: 0 -15em 2em 2em; width: 15em; float: right;}

.post h3 {margin-bottom: 0; padding-bottom: 1em; font-size: 1.3em; line-height: 1.4em; text-align: center; text-transform: uppercase; font-weight: normal; letter-spacing: .1em;}

.post p img {margin: 2.2em 0 2em 2em; -moz-box-shadow: 0 0 3px rgba(0,0,0,.3); -webkit-box-shadow: 0 0 10px rgba(0,0,0,.3);}


#pageContainer.blog .contentArea, #pageContainer.sale .contentArea {padding: 0;}

#pageContainer.blog #wrap, #pageContainer.sale #wrap {background: none; padding: 0; margin: 0;} 

#pageContainer.blog #content, #pageContainer.sale #content {float: left; width: 610px; margin: 1.5em 0 1em 0;  padding-top: 0; }

#pageContainer.blog #sidebar, #pageContainer.sale #sidebar {border-left: none; margin: 1.5em 0 0 0em;  background: rgba(255,255,255,.18);}

#pageContainer.blog #sidebar ul li.current-cat a, #pageContainer.sale #sidebar ul li.current-cat a {font-weight: bold;}

#pageContainer #content p.current {color: #592B18; font-weight: bold;}

.contentArea .post p {padding: 0 0 2em 0; line-height: 1.65em;}

#pageContainer.blog #sidebar label, #pageContainer.sale #sidebar label {display: none;} 

#pageContainer.blog #sidebar input#s, #pageContainer.sale #sidebar input#s {float: left; border: 1px solid #DCB485; padding: .4em; background: rgba(255,255,255,.3); width: 65%;  }

#pageContainer.blog #sidebar input#s:focus, #pageContainer.sale #sidebar input#s:focus {-moz-box-shadow: 0 0 6px rgba(138,103,55,.5); -webkit-box-shadow: 0 0 8px rgba(138,103,55,.6); outline: none; color: #444;}

#pageContainer.blog #sidebar input[type=submit], #pageContainer.sale #sidebar input[type=submit] {-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; border: 1px solid #DCB485; float: right; padding: .4em .2em; background: #8A6737; color: #F1E6CA; }

#pageContainer.blog #sidebar input[type=submit]:hover, #pageContainer.sale #sidebar input[type=submit]:hover {opacity: .85; cursor: pointer;}


#pageContainer.blog h3.results, #pageContainer.sale h3.results {font-size: 1.5em; color: #8A6737; border-bottom: 1px solid #8A6737; width: 96%; line-height: 1.4em; margin-bottom: 1em; } 

#pageContainer.blog h3.results em, #pageContainer.sale h3.results em {font-style: italic;}


#pageContainer.blog #sidebar .blogsearch, #pageContainer.sale #sidebar .blogsearch {border-bottom: 1px solid #D9B283;}

#pageContainer.blog #sidebar h4.search, #pageContainer.sale #sidebar h4.search {margin-bottom: .5em;}

#pageContainer.blog .contentArea .content p.description, #pageContainer.sale .contentArea .content p.description {padding-right: 0; padding-bottom: 0; width: 580px; opacity: .8; }

h3.storytitle {font-size: 1.6em; padding: 0 .3em 0; font-weight: normal; color: #846436; line-height: 1.4em; }
h3.storytitle a {color: #846436;}
.post h3 a:hover {text-decoration: none;}
p.date {padding: 0; margin: 0; font-size: .8em; color: #555;}

#sidebar {float: right; width: 20%; padding: 0 5%; border-left: 1px solid #D7B384; margin-left: 2em;}
#sidebar a {color: #444;  display: block; width: 100%;}
#pageContainer  #sidebar ul {margin: 0; padding: 0;}
#pageContainer  #sidebar ul li a {display: block; border-bottom: 1px solid #888; padding: .5em 0; line-height: 1.2em; margin: 0;}
#sidebar ul li.selected a {font-weight: bold; color: #8B662A;}
#sidebar h3 {font-size: 1.4em; padding-bottom: .5em;}
#sidebar .block {margin-bottom: 2em;}

#pageContainer.blog #sidebar .block img, #pageContainer.sale #sidebar .block img {padding: none; border: none; background: none;}

#pageContainer.blog #sidebar .block a.fb:hover, #pageContainer.sale #sidebar .block a.fb:hover {opacity: .9;}

/*** Attic Sale ***/

#pageContainer.sale h2.saletitle img {opacity: .9; background: none; border: none; padding: 0; position: absolute; top: 2.4em; margin-left: 0em;}
#pageContainer.sale h2.saletitle img:hover {opacity: 1;}

#pageContainersale .contentArea .content {border: 1px solid #ccc;}

#pageContainer.sale h2.saletitle em {display: block; margin-top: 2em;}

/*** Blog ***/

#pageContainer.blog h2.blogtitle img {opacity: .9; background: none; border: none; padding: 0; position: absolute; top: 2.4em; margin-left: 0em;}
#pageContainer.sale h2.blogtitle img:hover {opacity: 1;}

#sidebar.blog {float: left; width: 100%; padding: 0; margin: 0 0 1em 0; border-left: 0px solid #fff;}
#pageContainer #sidebar.blog ul {width: 100%:}
#pageContainer #sidebar.blog ul li {float: left; width: 10em; border-left: 1px solid #D7B384;}
#pageContainer #sidebar.blog ul li a {display: inline; width: inherit; line-height: 2.2em; display: block; border-bottom: 0px; padding: .1em; margin: 0 1.3em;} 

/*** Misc ***/

.columnone {float: left; width: 190px;}
.columntwo {float: right; width: 190px; margin: 90px 45px 0 0;}

.galleryitem {width: 180px; padding: 4px; margin-bottom: 18px;}
.galleryitem img {margin: 0px 4px 4px 0;}
.galleryitem h3 {font-size: 13px; color: #6E6E3D; padding: 0; margin: 0;}
.galleryitem p {padding: 0; margin: 0;}

#pageContainer.contact iframe {width: 85%; margin-bottom: 1.8em; }


/*** Home page styles ***/

.contentArea.home .headline {
	height: 360px;
}

.welcomebanner {
	width: 275px;
	background: url(../images/home/welcomebanner.png) top left repeat; 
	float: right;
	color: #fff;
	font-style: italic;
	font-size: 1.6em;
	text-align: right;
	padding: .5em;
	margin-top: 1px;
}

.welcome {font-size: 26px;}
.location {color: #ccc;}

.exhibittitle {
	background: url(../images/home/headlinebackground.png) top left repeat; 
	font-family: 'Times New Roman', Georgia, serif;
	font-style: italic;
	position: absolute;
	top: 200px;
	float: left; 
	width: 928px;
	margin-left: 1.2em;
	margin-right: 1em;
	z-index: 50;
}

.pocket, .onexhibit {position: relative;}

#pageContainer .onexhibit h2, 
#pageContainer .onexhibit h3,
#pageContainer .pocket h2, 
#pageContainer .pocket h3
 {
	background: url(../images/home/headlinebackground.png) top left repeat;
	position: absolute; 
	bottom: 5px;
	z-index: 50;
	font-family: 'Times New Roman', Georgia, serif;
	font-style: normal;
	font-weight: normal;
	letter-spacing: normal;
	font-size: 1em;
	text-shadow: 1px 1px 2px rgba(0,0,0,.5);
	line-height: .9em;
	width: 100%;
	margin: 1em 0 0 .4em;
	padding: .7em 0 0 0;
	display: block;
}

#pageContainer .pocket h2 a, #pageContainer.onexhibit h2 a, .pocket h3 a, #pageContainer .onexhibit h2 a {color: #fff; padding: .75em 1em 0 1em;}
#pageContainer .pocket h2 a:hover, #pageContainer .atthegallery h2 a:hover {text-decoration: none; color: #E6CF97;}

#pageContainer .onexhibit h3, 
#pageContainer .pocket h3 {
	position: absolute;
	top: 420px; 
	font-size: 1.4em;
	padding: 1em .4em 1em 1em;
	color: #fff;
	text-shadow: 1px 1px 2px rgba(0,0,0,.5);
	background: none;
}

#pageContainer .onexhibit img, #pageContainer .pocket img {background: #eee; padding: .3em; border: 1px solid #ccc;}

#pageContainer .onexhibit h2 em, #pageContainer .pocket h2 em, #pageContainer .gallery h2 em {display: block; font-weight: normal; font-size: .55em; line-height: 1.3em; text-transform: none; font-size: 1.85em; padding-left: .55em;}

#pageContainer.gallery h3 a {color: #fff; text-transform: none; font-size: .8em;}

.exhibittitle a {color: #fff;}
.exhibittitle a:hover {text-decoration: none; color: #2958A8;}
.exhibittitle h2 {font-size: 48px; letter-spacing: normal; color: #fff; letter-spacing: .08em; padding-bottom: 0; }
body .exhibittitle h3 {color: #fff; padding: 0 1em 1em 2em; color: #ddd; font-weight: normal; font-style: normal; font-size: 1.7em; margin-top: 0; letter-spacing: .1em;}

/*** Secondary Menus ***/

.secondary {margin: 1.6em .1em 1.6em .7em;}
.secondary h4 {font-size: 19px; border-bottom: 1px solid #ccc; margin: 0em .6em 1em .2em; padding: .5em 0; }

.secondary ul {margin: 0; padding: 0;}
.secondary h4 {letter-spacing: .1em;}

.secondary ul li {list-style-type: none; margin: 0; padding: 0; }
.secondary ul li a {width: 230px; height: 92px; display: block; text-indent: -9999px; float: left; margin-right: 6px; margin-bottom: 10px;}
.secondary ul li a.exhibitone {background: url(../images/home/secondary/one.jpg) top left;}
.secondary ul li a.exhibitone:hover {background: url(../images/home/secondary/one_hover.jpg) top left;}
.secondary ul li a.exhibittwo {background: url(../images/home/secondary/two.jpg) top left;}
.secondary ul li a.exhibittwo:hover {background: url(../images/home/secondary/two_hover.jpg) top left;}
.secondary ul li a.exhibitthree {background: url(../images/home/secondary/three.jpg) top left;}
.secondary ul li a.exhibitthree:hover {background: url(../images/home/secondary/three_hover.jpg) top left;}
.secondary ul li a.resources {background: url(../images/home/secondary/archives.gif) top left;}
.secondary ul li a.research:hover {background: url(../images/home/secondary/archives_hover.gif) top left;}

/*** Content Layouts ***/

.primary {float: left; width: 60%; border-right: 1px solid #ccc;}
.sidebar {float: right; width: 270px;  margin: 0; padding: 0 1em 1em 0;}
.sidebar dt {color: #3D1C0D;}
.firstcolumn, .secondcolumn {float: left; width: 280px;}

/*** Definition Lists ***/

dl, dt, dd {margin: 0; padding: 0;}
dd {line-height: 1.3em;}
dl {margin-bottom: 1em;}
dt {font-weight: bold; font-size: 1.2em; padding-bottom: .3em; padding-top: .3em;}
dd a {color: #333;}

/** Secondary List items ***/

ul.other {}
#pageContainer.gallery ul.other li { width: 20em;}
ul.other li a span {font-size: .8em; color: #333;}
ul.other li a:hover {text-decoration: none;} 

li a.past, li a.cathy {margin: 0; display: block; padding: .5em 0 .5em 2em; font-size: 1.2em; margin-top: 1em;}

li a.past {background: url(../images/site/flourish.gif) 0 30% no-repeat; margin-bottom: 1em;}
li a.cathy {background: url(../images/site/flourish2.gif) 0 30% no-repeat; display: block;}


/*** Layout Grid ***/

#pageContainer .contentArea .contentbox p {padding: 0 0 1em 0; line-height: 1.55em;}
.contentArea .content.atthegallery {}
#pageContainer .contentArea .content.atthegallery p {padding: 0; margin: 0;}
#pageContainer .contentArea .content.atthegallery img {overflow: hidden; width: 100%;}
.seventy {width: 68%;}
.sixty {width: 58%;}
*+html .sixty {width: 48%;}
.fifty {width: 48%;}
.thirty {width: 30%;}
.thirtyfive {width: 33%}
.fourty {width: 38%; }
*+html .fourty {width: 20%;}
.thirtyfive {width: 34%;}
.twentyfive {width: 25%;}
.left {float: left;}
.right {float: right;}
.clear {clear: both;}
.bottom {margin-bottom: 1em;}
.top {margin-top: 1em;}


#pageContainer .contentArea .contentbox.bottom {margin-top: 1em;}

/*** Misc ContentArea styles ***/

.contentArea img {border: 1px solid #ccc; background: #eee; padding: 5px; margin-bottom: 1em;}
#pageContainer.gallerycollection img {border: none; background: #eee; padding: 0; margin-bottom: 0;}
.contentArea img.endstop {border: none; padding: 0; background: #fff; margin-left: 5px; margin-bottom: 0; }
.contentArea .headline img{border: none; background: none; padding: 0; width: 875px;}
.contentArea .headline img {border: 1px solid #ccc; -moz-box-shadow: 0 0 3px rgba(0,0,0,.2); -webkit-box-shadow: 0 0 2px rgba(0,0,0,.2);}
#pageContainer.estate .contentArea ul li {list-style-type: square; padding: .2em; list-style-position: inside;}



/*** Online Exhibits Collection ***/

#pageContainer.gallerycollection ul.gallerycollection.onlineexhibits li {
border: 1px solid #ccc; 
}

#pageContainer.gallerycollection ul.gallerycollection.onlineexhibits {margin-bottom: 1.5em;}

#pageContainer.gallerycollection ul.gallerycollection.onlineexhibits li {position: relative;}
#pageContainer.gallerycollection ul.gallerycollection.onlineexhibits li span.clip {
	background: url(../images/site/paperclip.png) top left no-repeat; 
	width: 49px;
	height: 72px; 
	position: absolute; 
	top: -9px;
	left: 10px;
	z-index: 50;
	
}

#pageContainer.gallerycollection ul.gallerycollection.onlineexhibits li a span {
	background: rgba(219,209,188,.7); 
	color: #592A9E; 
	display: block; 
	border-top: 1px solid rgba(255,255,255,.3);
	margin-bottom: 0;
	bottom: 2px;
	width: 150px;
	text-shadow: 0 1px 0 rgba(255,255,255,.8);
	position: absolute;
}

#pageContainer.gallerycollection ul.gallerycollection.onlineexhibits li a {padding-bottom: 0; height: 100px; }

#pageContainer.gallerycollection ul.gallerycollection.onlineexhibits li.figure {
	background: url(../images/site/onlineexhibits/figure.jpg) top left no-repeat;
	-webkit-transform: rotate(-1.2deg);
	-moz-transform: rotate(-1.2deg);
}

#pageContainer.gallerycollection ul.gallerycollection.onlineexhibits li.fashion {
	background: url(../images/site/onlineexhibits/fashion.jpg) top left no-repeat;
	-webkit-transform: rotate(.4deg);
	-moz-transform: rotate(.4deg);
}

#pageContainer.gallerycollection ul.gallerycollection.onlineexhibits li.ballet {
	background: url(../images/site/onlineexhibits/ballet.jpg) top left no-repeat;
	-webkit-transform: rotate(.2deg);
	-moz-transform: rotate(.2deg);
}


#pageContainer.gallerycollection ul.gallerycollection.onlineexhibits li.whitaker {
	background: url(../images/site/onlineexhibits/whitaker.jpg) top left no-repeat;
	-webkit-transform: rotate(1.5deg);
	-moz-transform: rotate(1.5deg);
}

#pageContainer.gallerycollection ul.gallerycollection.onlineexhibits li.paulamartiesian {
	background: url(../images/site/onlineexhibits/paulamartiesian.jpg) top left no-repeat;
	-webkit-transform: rotate(.5deg);
	-moz-transform: rotate(1.5deg);
	margin-top: 2.5em;
}


#pageContainer.gallerycollection ul.gallerycollection.onlineexhibits li.flower {
	background: url(../images/site/onlineexhibits/flower.jpg) top left no-repeat;
	-webkit-transform: rotate(-0.5deg);
	-moz-transform: rotate(-0.3deg);
	margin-top: 2.5em;
}

#pageContainer.gallerycollection ul.gallerycollection.onlineexhibits li.monotypes {
	background: url(../images/site/onlineexhibits/gasbarro.jpg) top left no-repeat;
	-webkit-transform: rotate(0.6deg);
	-moz-transform: rotate(0.6deg);
	margin-top: 2.5em;
}


#pageContainer.gallerycollection ul.gallerycollection.onlineexhibits li.dyer {
	background: url(../images/site/onlineexhibits/dyer.jpg) top left no-repeat;
	-webkit-transform: rotate(-1.1deg);
	-moz-transform: rotate(-1.1deg);
	margin-top: 2.5em;
}



#pageContainer.gallerycollection ul.gallerycollection.onlineexhibits li.dyer span.clip {
  -webkit-transform: rotate(12deg); -moz-transform: rotate(12deg); margin-left: 7em;}

#pageContainer.gallerycollection ul.gallerycollection.onlineexhibits li.flower span.clip {
  -webkit-transform: rotate(12deg); -moz-transform: rotate(16deg); margin-left: 8em;}

#pageContainer.gallerycollection ul.gallerycollection.onlineexhibits li.ballet span.clip {
  -webkit-transform: rotate(12deg); -moz-transform: rotate(36deg); margin-left: 1em;}

#pageContainer.gallerycollection ul.gallerycollection.onlineexhibits li.paulamartiesian span.clip {
  -webkit-transform: rotate(12deg); -moz-transform: rotate(36deg); }


/*** Gallery Collection ***/

#pageContainer ul.gallerycollection {width: 100%; padding: 0; margin: 0; display: block; padding: 0;}

.contentArea .content ul.gallerycollection {margin: 0 0 1em 0; padding: 0;}

#pageContainer ul.gallerycollection li {float: left; width: 160px; margin-right: 6.5%; margin-top: 1em; letter-spacing: .1em; }

#pageContainer ul.gallerycollection.contemporary li,
#pageContainer ul.gallerycollection.estateartists li  {width: 195px; margin-right: 1.8em; margin-top: 1.8em; opacity: .95; }

#pageContainer ul.gallerycollection li.estate {background: #CFB986 url(../images/gallery_collection/estate.jpg) top left no-repeat;}
#pageContainer ul.gallerycollection li.contemporary {background: #CFB986 url(../images/gallery_collection/contemporary.jpg) top left no-repeat;}
#pageContainer ul.gallerycollection li.general {background: #CFB986 url(../images/gallery_collection/general.jpg) top left no-repeat;}
#pageContainer ul.gallerycollection li.online {background: #CFB986 url(../images/gallery_collection/online.jpg) top left no-repeat;}

#pageContainer ul.gallerycollection li.drawings {background: #CFB986 url(../images/gallery_collection/drawings.jpg) top left no-repeat;}
#pageContainer ul.gallerycollection li.landandsea {background: #CFB986 url(../images/gallery_collection/landandsea.jpg) top left no-repeat;}
#pageContainer ul.gallerycollection li.flowersandfruit {background: #CFB986 url(../images/gallery_collection/flowersandfruit.jpg) top left no-repeat;}
#pageContainer ul.gallerycollection li.figurative {background: #CFB986 url(../images/gallery_collection/figurative.jpg) top left no-repeat;}

#pageContainer ul.gallerycollection li.dimeo {background: #EA8E65 url(../images/gallery_collection/dimeo.jpg) top left no-repeat;}
#pageContainer ul.gallerycollection li.gasbarro {background: #EA8E65 url(../images/gallery_collection/gasbarro.jpg) top left no-repeat;}
#pageContainer ul.gallerycollection li.hodge {background: #EA8E65 url(../images/gallery_collection/hodge.jpg) top left no-repeat;}
#pageContainer ul.gallerycollection li.levin {background: #EA8E65 url(../images/gallery_collection/levin.jpg) top left no-repeat;}
#pageContainer ul.gallerycollection li.martiesian {background: #EA8E65 url(../images/gallery_collection/martiesian.jpg) top left no-repeat;}
#pageContainer ul.gallerycollection li.speiser {background: #EA8E65 url(../images/gallery_collection/speiser.jpg) top left no-repeat;}
#pageContainer ul.gallerycollection li.thornton {background: #EA8E65 url(../images/gallery_collection/thornton.jpg) top left no-repeat;}
#pageContainer ul.gallerycollection li.vitullo {background:  #EA8E65 url(../images/gallery_collection/vitullo.jpg) top left no-repeat; margin-bottom: 2em;}


#pageContainer.gallerycollection.dimeo .contentArea p, 
#pageContainer.gallerycollection.gasbarro .contentArea p, 
#pageContainer.gallerycollection.hodge .contentArea p, 
#pageContainer.gallerycollection.levin .contentArea p, 
#pageContainer.gallerycollection.martiesian .contentArea p, 
#pageContainer.gallerycollection.speiser .contentArea p, 
#pageContainer.gallerycollection.thornton .contentArea p, 
#pageContainer.gallerycollection.vitullo .contentArea p  {padding: 0 240px 1.6em 0px}


#pageContainer.gallerycollection.dimeo .contentArea img,
#pageContainer.gallerycollection.gasbarro .contentArea img,
#pageContainer.gallerycollection.hodge .contentArea img,
#pageContainer.gallerycollection.levin .contentArea img,
#pageContainer.gallerycollection.martiesian .contentArea img,
#pageContainer.gallerycollection.speiser .contentArea img,
#pageContainer.gallerycollection.thornton .contentArea img,
#pageContainer.gallerycollection.albee .contentArea img,
#pageContainer.gallerycollection.cady .contentArea img,
#pageContainer.gallerycollection.corbridge .contentArea img,
#pageContainer.gallerycollection.marianetti .contentArea img,
#pageContainer.gallerycollection.herbert .contentArea img,
#pageContainer.gallerycollection.leif .contentArea img,
#pageContainer.gallerycollection.martin .contentArea img,
#pageContainer.gallerycollection.peers .contentArea img, 
#pageContainer.gallerycollection.vitullo .contentArea img {
	padding: 8px; 
	margin: .5em 1em .5em 0; 
	border: 1px solid #ccc; 
	background: #eee; 
	float: left; 
	-moz-box-shadow: 0 0 10px rgba(0,0,0,.2); 
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.2);
}

#pageContainer ul.gallerycollection li.attic {clear: both; margin-top: 2em; height: 3em; width: 600px;}

#pageContainer ul.gallerycollection li.attic a {
	background: none; 
	padding: 1em 0 1em 1.9em;  
	-moz-box-shadow: 0 0 10px rgba(0,0,0,0); 
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,0); 
	border: none;
	font-size: .95em;
	color: #2E816A;
	background: url(../images/site/atticsale.gif) center left no-repeat;
	letter-spacing: .25em;
}

#pageContainer ul.gallerycollection li.attic a:hover {
	background: none; background: url(../images/site/atticsale.gif) center left no-repeat;
	-moz-box-shadow: 0 0 10px rgba(0,0,0,0); 
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,0);
	color: #222;
}

#pageContainer ul.gallerycollection li a {
	background: rgba(139,102,43,.3);
	border: 1px solid #B59758;
	display: block; 
	text-transform: uppercase;
	font-weight: normal;
	font-size: .85em;
	display: block;
	padding-top: 166px;
	padding-bottom: .3em; 
	-moz-box-shadow: 0 0 10px rgba(0,0,0,.1); 
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.1); 
}

#pageContainer ul.gallerycollection li a:hover {
	text-decoration: none; background: rgba(139,102,43,.4); color: #ffeeee;
	-moz-box-shadow: 0 0 10px rgba(0,0,0,.3); 
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.3); 
}

#pageContainer ul.gallerycollection.contemporary li a { border: 1px solid #B33646; font-family: Helvetica, Arial, sans-serif; font-size: .9em; background: none;} 

#pageContainer ul.gallerycollection.contemporary li a:hover {color: #fff;}

#pageContainer ul.gallerycollection.contemporary li:hover {opacity: 1;}

#pageContainer ul.gallerycollection li a span, #pageContainer ul.gallerycollection.contemporary li a span {padding: .2em .4em;}
#pageContainer.gallerycollection p {padding-right: 0;}
#pageContainer.gallerycollection .contentArea.galleries p {padding-right: 35%;}


/*** Estate Artists ***/

#pageContainer.gallerycollection .contentArea .content.estate p {padding-right: 18em;}

#pageContainer.gallerycollection ul.gallerycollection.estateartists li {list-style-type: none; margin-right: 2%; padding: 0; border: 1px solid #23694e; opacity: .9;}
#pageContainer.gallerycollection ul.gallerycollection.estateartists li:hover {opacity: 1;}

#pageContainer.gallerycollection ul.gallerycollection.estateartists li a strong {display: block; color: #fff; text-shadow: 0 0 3px rgba(0,0,0,.4)}

#pageContainer.gallerycollection ul.gallerycollection.estateartists li a {height: 7em; border: none; background: none; color: #ccede0;}
#pageContainer.gallerycollection ul.gallerycollection.estateartists li span {padding: .5em; display: block;}


#pageContainer ul.gallerycollection.estateartists li.albee {background: #42836a url(../images/gallery_collection/albee.jpg) top left no-repeat;}

#pageContainer ul.gallerycollection.estateartists li.marianetti {background: #42836a url(../images/gallery_collection/marianetti.jpg) top left no-repeat;}

#pageContainer ul.gallerycollection.estateartists li.corbridge {background: #42836a url(../images/gallery_collection/corbridge.png) top left no-repeat;}


#pageContainer ul.gallerycollection.estateartists li.herbert {background: #42836a url(../images/gallery_collection/herbert.jpg) top left no-repeat;}

#pageContainer ul.gallerycollection.estateartists li.peers {background: #42836a url(../images/gallery_collection/peers.jpg) top left no-repeat;}

#pageContainer ul.gallerycollection.estateartists li.leif {background: #42836a url(../images/gallery_collection/leif.jpg) top left no-repeat;}

#pageContainer ul.gallerycollection.estateartists li.martin {background: #42836a url(../images/gallery_collection/martin.jpg) top left no-repeat;}


/*** Gallery & Podcast Thumbnails ***/

#pageContainer.gallerycollection ul.gallerythumbnails, #pageContainer.gallerycollection ul.podcastthumbnails {padding: 0; margin: 0;}

ul.gallerythumbnails li, ul.podcastthumbnails li a {float: left;}

/* IE Fix */
* html ul.gallerythumbnails li, * html ul.podcastthumbnails li {float: none; display: inline; height: 125px;}
*+html ul.gallerythumbnails li, *+html ul.podcastthumbnails li  {float: none; display: inline; height: 125px;}


ul.gallerythumbnails li a {display: block; opacity: .9; width: 125px; height: 125px;  margin: 1.2em 1.4em 0 0;}
ul.gallerythumbnails li a:hover {background: rgba(139,102,43,.3); opacity: 1; -moz-box-shadow: 0 0 6px rgba(0,0,0,.4); 
-webkit-box-shadow: 0 0 6px rgba(0,0,0,.3); }

#pageContainer .contentArea .content ul.podcastthumbnails { padding: 0; margin: 1.4em 0 0 0; font-family: Helvetica, Arial, sans-serif;}

#pageContainer ul.podcastthumbnails li a {position: relative; opacity: .95; border: 1px solid #ccc; width: 240px; height: 29em; background: rgba(255,255,255,.5); display: block; padding: 1.2em; margin: .7em 1.3em .6em 0;}
#pageContainer ul.podcastthumbnails li a:hover {opacity: 1; text-decoration: none; -moz-box-shadow: 0 0 6px rgba(0,0,0,.4); 
-webkit-box-shadow: 0 0 6px rgba(0,0,0,.3); color: #592B18;}

#pageContainer ul.podcastthumbnails li a.artworker {background: rgba(255,255,255,.7) url(../../images/podcasts/artworker.jpg) top center no-repeat;}

#pageContainer ul.podcastthumbnails li a.paciorek {background: rgba(255,255,255,.7) url(../../images/podcasts/pacioreknew.jpg) top center no-repeat;}
#pageContainer ul.podcastthumbnails li a.artisticlife {background: rgba(255,255,255,.7) url(../../images/podcasts/artisticlife.jpg) top center no-repeat;}
#pageContainer ul.podcastthumbnails li a.gasbarro {background: rgba(255,255,255,.7) url(../../images/podcasts/gasbarro.jpg) top center no-repeat;}
#pageContainer ul.podcastthumbnails li a.grinnel {background: rgba(255,255,255,.7) url(../../images/podcasts/grinnel.jpg) top center no-repeat;}
#pageContainer ul.podcastthumbnails li a.clara {background: rgba(255,255,255,.7) url(../../images/podcasts/clara.jpg) top center no-repeat;}
#pageContainer ul.podcastthumbnails li a.peers {background: rgba(255,255,255,.7) url(../../images/podcasts/peers.jpg) top center no-repeat;}
#pageContainer ul.podcastthumbnails li a.montford {background: rgba(255,255,255,.7) url(../../images/podcasts/montford.jpg) top center no-repeat;}
#pageContainer ul.podcastthumbnails li a.thornton {background: rgba(255,255,255,.7) url(../../images/podcasts/thornton.jpg) top center no-repeat;}
#pageContainer ul.podcastthumbnails li a.marry {background: rgba(255,255,255,.7) url(../../images/podcasts/marry.jpg) top center no-repeat;}
#pageContainer ul.podcastthumbnails li a.giclee {background: rgba(255,255,255,.7) url(../../images/podcasts/giclee.jpg) top center no-repeat;}
#pageContainer ul.podcastthumbnails li a.multiples {background: rgba(255,255,255,.7) url(../../images/podcasts/multiples.jpg) top center no-repeat;}
#pageContainer ul.podcastthumbnails li a.herbert {background: rgba(255,255,255,.7) url(../../images/podcasts/herbert.jpg) top center no-repeat;}
#pageContainer ul.podcastthumbnails li a.hodge {background: rgba(255,255,255,.7) url(../../images/podcasts/hodge.jpg) top center no-repeat;}
#pageContainer ul.podcastthumbnails li a.martiesian {background: rgba(255,255,255,.7) url(../../images/podcasts/paulamartiesian.jpg) top center no-repeat;}

#pageContainer ul.podcastthumbnails li a.vitullo {background: rgba(255,255,255,.7) url(../../images/podcasts/vitullo.jpg) top center no-repeat;}

#pageContainer ul.podcastthumbnails li a.frankgasbarro {background: rgba(255,255,255,.7) url(../../images/podcasts/frankgasbarro.jpg) top center no-repeat;}

#pageContainer ul.podcastthumbnails li a.levin {background: rgba(255,255,255,.7) url(../../images/podcasts/levin.jpg) top center no-repeat;}

#pageContainer ul.podcastthumbnails li a.speiser {background: rgba(255,255,255,.7) url(../../images/podcasts/speiser.jpg) top center no-repeat;}

#pageContainer ul.podcastthumbnails li a.robertthornton {background: rgba(255,255,255,.7) url(../../images/podcasts/robertthornton.jpg) top center no-repeat;}

#pageContainer ul.podcastthumbnails li a.collectors {background: rgba(255,255,255,.7) url(../../images/podcasts/collectors.jpg) top center no-repeat;}



#pageContainer ul.podcastthumbnails li a span.title {font-weight: bold; margin-bottom: 1em; display: block; margin-top: 168px; color: #592B18;}
#pageContainer ul.podcastthumbnails li a span.description {display: block; font-size: .9em; color: #444;}
#pageContainer ul.podcastthumbnails li a span.date {display: block; font-size: .85em;}
#pageContainer ul.podcastthumbnails li a span.play {position: absolute; bottom: 1em; display: block; background: #403268; font-size: .8em; color: #fff; width: 25%; margin: .6em 0; padding: .5em; font-family: Helvetica, Arial, sans-serif; border-radius: .3em;-webkit-border-radius: .3em; -moz-border-radius: .3em;}

#pageContainer ul.podcastthumbnails li a span.play:hover {background-color: #1A4495;}
#pageContainer ul.podcastthumbnails li a span.date:hover {color: #592B18;}

/*** Other Podcast Styles ***/

#pageContainer .contentArea .content p.download {margin-top: 2em;}

a.subscribe {
	padding: .5em .8em; 
	text-decoration: none; 
	background-color: #533584; 
	color: #fff; 
	border-radius: .5em;
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	display: inline-block;
	font-family: Helvetica, Arial, sans-serif;
	box-shadow: 3px 3px 5px rgba(0,0,0,.1);
	-webkit-box-shadow: 3px 3px 5px rgba(0,0,0,.1);
	-moz-box-shadow: 3px 3px 5px rgba(0,0,0,.1);
	border: 1px solid #504FA2;
	
}

a.subscribe:hover {background-color: #4A2757; 
	box-shadow: 3px 3px 5px rgba(0,0,0,.2);
	-webkit-box-shadow: 3px 3px 5px rgba(0,0,0,.2);
	-moz-box-shadow: 3px 3px 5px rgba(0,0,0,.2);}

/*** Past Exhibits ***/

.contentArea.pastexhibits dl {border-top: 1px solid #B59758; padding-top: .1em; display: block;}
.contentArea.pastexhibits dt {padding-top: 1em; padding-bottom: .6em; font-size: 1.45em; font-weight: normal;}
.contentArea.pastexhibits dl.twothousandeleven {background: url(../../images/site/pastexhibits/7.jpg) 100% 20px no-repeat;}
.contentArea.pastexhibits dl.twothousandten {background: url(../../images/site/pastexhibits/6.gif) top right no-repeat;}
.contentArea.pastexhibits dl.twothousandnine {background: url(../../images/site/pastexhibits/1.gif) top right no-repeat;}
.contentArea.pastexhibits dl.twothousandeight {background: url(../../images/site/pastexhibits/2.gif) top right no-repeat;}
.contentArea.pastexhibits dl.twothousandseven {background: url(../../images/site/pastexhibits/3.gif) top right no-repeat;}
.contentArea.pastexhibits dl.twothousandsix {background: url(../../images/site/pastexhibits/4.gif) top right no-repeat;}
.contentArea.pastexhibits dl.holiday {background: url(../../images/site/pastexhibits/5.gif) top right no-repeat;}


#pageContainer.pastexhibits .contentArea .content p {padding-right: 1em;}

.slidelist a em {font-style: italic; color: #888;}

/*** Colorbox Text ***/

.slideshowtext {text-align: left; padding-top: 1em; }
.slideshowtext h4 {font-size: 1.8em; padding: 0 1em .2em 2em; color: #3E179E;}
.slideshowtext h4 span.date {color: #777;}
.slideshowtext p {padding: 1.2em 3.5em .7em 3.5em; font-size: 1em; line-height: 1.5em; font-family: Helvetica, Arial, sans-serif; color: #444;}

.slideshowtext.large p {
	font-size: 1.3em; 
	font-family: 'Times New Roman', Georgia, serif;
	text-shadow: 1px 1px 1px rgba(0,0,0,.1);
	
}

.slideshowtext.large p em {font-style: normal; font-size: .9em; color: #666666;
	text-shadow: 2px 2px 3px rgba(0,0,0,.2);
}

.slideshowtext.splash {font-size: 2.2em;}
.slideshowtext.splash h5 {text-shadow: 2px 2px 6px rgba(0,0,0,.2); padding: 0 0 .3em 2em; color: #3E179E;} 
.slideshowtext.splash h5 em {font-style: italic; color: #666666; padding-left: 1.2em; display: block; font-size: .9em; padding-top: .2em;}
.slideshowtext.splash.figureback {height: 427px; background: url(../../images/onlineexhibits/herbert/backgrounds/back.jpg) top left no-repeat;}
.slideshowtext.splash.figureseated {height: 427px; background: url(../../images/onlineexhibits/herbert/backgrounds/seated.jpg) top left no-repeat;}
.slideshowtext.splash.figurestanding {height: 427px; background: url(../../images/onlineexhibits/herbert/backgrounds/standing.jpg) top left no-repeat;}
.slideshowtext.splash.figurereclining {height: 427px; background: url(../../images/onlineexhibits/herbert/backgrounds/reclining.jpg) top left no-repeat;}

.slideshowtext.martiesian {height: 427px; background: url(../../images/site/onlineexhibits/martiesianbackground.jpg) top left no-repeat;}



.slideshowtext.splash.whitakerone {height: 500px; background: url(../../images/onlineexhibits/whitaker/whitaker1.jpg) top left no-repeat;}
.slideshowtext.splash.whitakertwo {height: 500px; background: url(../../images/onlineexhibits/whitaker/whitaker2.jpg) top left no-repeat;}
.slideshowtext.splash.whitakerthree {height: 500px; background: url(../../images/onlineexhibits/whitaker/whitaker3.jpg) top left no-repeat;}
.slideshowtext.splash.whitakerfour {height: 500px; background: url(../../images/onlineexhibits/whitaker/whitaker4.jpg) top left no-repeat;}
.slideshowtext.splash.whitakerfive {height: 500px; background: url(../../images/onlineexhibits/whitaker/whitaker5.jpg) top left no-repeat;}
.slideshowtext.splash.whitakersix {height: 500px; background: url(../../images/onlineexhibits/whitaker/whitaker6.jpg) top left no-repeat;}
.slideshowtext.splash.whitakerseven {height: 500px; background: url(../../images/onlineexhibits/whitaker/whitaker7.jpg) top left no-repeat;}
.slideshowtext.splash.whitakereight {height: 500px; background: url(../../images/onlineexhibits/whitaker/whitaker8.jpg) top left no-repeat;}
.slideshowtext.splash.whitakernine {height: 500px; background: url(../../images/onlineexhibits/whitaker/whitaker9.jpg) top left no-repeat;}
.slideshowtext.splash.whitakerten {height: 500px; background: url(../../images/onlineexhibits/whitaker/whitaker10.jpg) top left no-repeat;}
.slideshowtext.splash.whitakereleven {height: 500px; background: url(../../images/onlineexhibits/whitaker/whitaker11.jpg) top left no-repeat;}
.slideshowtext.splash.whitakertwelve {height: 500px; background: url(../../images/onlineexhibits/whitaker/whitaker12.jpg) top left no-repeat;}
.slideshowtext.splash.whitakerthirteen {height: 500px; background: url(../../images/onlineexhibits/whitaker/whitaker13.jpg) top left no-repeat;}
.slideshowtext.splash.whitakerfourteen {height: 500px; background: url(../../images/onlineexhibits/whitaker/whitaker14.jpg) top left no-repeat;}
.slideshowtext.splash.whitakerfifteen {height: 500px; background: url(../../images/onlineexhibits/whitaker/whitaker15.jpg) top left no-repeat;}


.slideshowtext.splash.whitakerone h4,
.slideshowtext.splash.whitakertwo h4,
.slideshowtext.splash.whitakerthree h4,
.slideshowtext.splash.whitakerfour h4,
.slideshowtext.splash.whitakerfive h4,
.slideshowtext.splash.whitakersix h4,
.slideshowtext.splash.whitakerseven h4,
.slideshowtext.splash.whitakereight h4,
.slideshowtext.splash.whitakernine h4,
.slideshowtext.splash.whitakerten h4,
.slideshowtext.splash.whitakereleven h4,
.slideshowtext.splash.whitakertwelve h4,
.slideshowtext.splash.whitakerthirteen h4,
.slideshowtext.splash.whitakerfourteen h4,
.slideshowtext.splash.whitakerfifteen h4

 {padding: 1em 1em .3em 1.85em; font-size: 1em; color: #444; text-shadow: 0 1px 0 rgba(0,0,0.5); text-shadow: 0 2px 0 rgba(255,255,255.8);}

.slideshowtext.martiesian h4 {color: #C24F72;}

.slideshowtext.splash.whitakerone h4 span.date {display: block; font-size: .8em;}

.slideshowtext.splash.whitakerone p,
.slideshowtext.splash.whitakertwo p,
.slideshowtext.splash.whitakerthree p,
.slideshowtext.splash.whitakerfour p,
.slideshowtext.splash.whitakerfive p,
.slideshowtext.splash.whitakersix p,
.slideshowtext.splash.whitakerseven p,
.slideshowtext.splash.whitakereight p,
.slideshowtext.splash.whitakernine p,
.slideshowtext.splash.whitakerten p,
.slideshowtext.splash.whitakereleven p,
.slideshowtext.splash.whitakertwelve p,
.slideshowtext.splash.whitakerthirteen p,
.slideshowtext.splash.whitakerfourteen p,
.slideshowtext.splash.whitakerfifteen p
 {padding: 1em 1em 1em 4em; font-weight: normal; font-size: 15px; color: #555; text-shadow: rgba(255,255,255,.7);}


.slideshowtext.splash.figureback h5 {margin: 0px 0 0 440px; padding: 80px 0 0 0;}
.slideshowtext.splash.figureseated h5 {margin: 0px 0 0 420px; padding: 160px 0 0 0;}
.slideshowtext.splash.figurestanding h5 {margin: 0px 0 0 90px; padding: 160px 0 0 0;}
.slideshowtext.splash.figurereclining h5 {margin: 0px 0 0 460px; padding: 170px 0 0 0;}


.slideshowtext.passionate {height: 500px; background: url(../../images/site/onlineexhibits/passionte.jpg) top left no-repeat;}

.slideshowtext.passionate h4 {
  padding: 1em 1em .3em 1.85em; 
  font-size: 2em; 
  color: #324429; 
  text-shadow: 0 1px 0 rgba(0,0,0.5); 
  text-shadow: 0 2px 0 rgba(255,255,255.8);
}
 
.slideshowtext.passionate h5 {padding: 1em 2.7em; font-size: 1.5em; color: #444;} 
 
.slideshowtext.holiday {height: 407px; background: url(../../images/mainexhibit/holiday2010/wallpaper.jpg) bottom center no-repeat;}


.slideshowtext.ballet.intro {height: 407px; background: url(../../images/onlineexhibit/ballet/backgrounds/intro.jpg) top center no-repeat;}
.slideshowtext.ballet.costume {height: 407px; background: url(../../images/onlineexhibit/ballet/backgrounds/costume.jpg) top center no-repeat;}
.slideshowtext.ballet.dancers {height: 407px; background: url(../../images/onlineexhibit/ballet/backgrounds/dancers.jpg) top center no-repeat;}
.slideshowtext.ballet.jesters {height: 407px; background: url(../../images/onlineexhibit/ballet/backgrounds/jesters.jpg) top center no-repeat;}
.slideshowtext.ballet.scene {height: 407px; background: url(../../images/onlineexhibit/ballet/backgrounds/scene.jpg) top center no-repeat;}

.slideshowtext.flower {height: 407px; background: url(../../images/site/backgrounds/flower.jpg) top center no-repeat;}

.slideshowtext.gasbarro {height: 407px; background: url(../../images/onlineexhibit/gasbarromonotypes/background.jpg) top center no-repeat;}

.slideshowtext.gasbarro h4 {padding-top: 2em; color: #C0432A;}

.slideshowtext.ballet h4 {padding: 1em 1em .3em 1.85em; color: #17A08A;}

.slideshowtext.ballet h5 {padding: 0em 1em 0 2.6em; font-size: 1.3em; color: #555;}

.slideshowtext.holiday.intro p {font-size: 1em;}

.slideshowtext.holiday.quote {padding-top: 4em; } 

.slideshowtext.holiday.quote h4, .slideshowtext.holiday.intro h4 {color: #972D25;}

.slideshowtext.quote.marianetti {height: 407px; background: url(../../images/mainexhibit/marianetti/background.jpg) bottom left no-repeat;}

.slideshowtext.quote.marianetti h4, .slideshowtext.quote.marianetti h5 {color:  #3B837E; text-align: center; margin: 4em 2em 1em 2em; padding: 0 0 .5em 0; border-bottom: 1px solid rgba(0,0,0,.1); font-size: 1.8em; }

.slideshowtext.quote.marianetti h5 {border-bottom: none; margin-bottom: 0; margin-top: .7em;}


.slideshowtext.fashion {height: 400px; background: url(../../images/onlineexhibits/fashion/background.jpg) top left no-repeat;}

.slideshowtext.holidayeleven {height: 400px; background: url(../../images/mainexhibit/holiday2011/background.jpg) bottom left no-repeat;}

.slideshowtext.holidayeleven h3 {
  display: block; 
  padding: 1em 1em 0 1em; 
  margin: 1em; 
  text-shadow: 0 1px 0 rgba(255,255,255,.8);
  font-size: 2em;
  color: #444; 
  text-transform: uppercase;
}
  
.slideshowtext.holidayeleven h5 {
  display: block; 
  padding: 0em 2.6em; 
  text-transform: uppercase; 
  font-size: 1.6em;
  color: #333;
  text-shadow: 0 1px 0 rgba(255,255,255,.8);
}

.slideshowtext.holidayeleven h5 span {
  display: block;
  font-size: 1em;
  color: #777;
}


.slideshowtext.dyer {height: 450px; background: url(../../images/onlineexhibit/dyer/background.jpg) bottom center no-repeat;}

.slideshowtext.dyer h3 {font-size: 2em; margin-top: 2em; display: block; padding: 0 1.7em; color: #444; text-shadow: 0 1px 0 rgba(255,255,255,.9);}

img#cboxPhoto {
	border: 1px solid #ccc;
	-webkit-box-shadow: 3px 3px 5px rgba(0,0,0,.3);
	-moz-box-shadow: 3px 3px 5px rgba(0,0,0,.3);
	box-shadow: 3px 3px 5px rgba(0,0,0,.3);
	max-height: 95%;
	margin-top: 5px;
}


/*** Footer ***/

#footer {
	clear: both;
	padding: 1em .4em .4em 0;
	
	font-weight: normal;
	margin-bottom: 1em;
	text-align: left;
	color: #444;
	font-family: 'Times New Roman', Georgia,  serif;
	font-size: .95em;
	font-style: normal;
	background: url(../images/site/pagecurl.png) top center no-repeat;
}

#footer a {color: #325BA9; color: rgba(50,91,169,.8); font-style: italic;}


#footer a.about, #footer a.newsletter, #footer .address a {line-height: 1.5em;}
 
#footer a.facebook, #footer a.twitter {
	text-indent: -9999px; 
	display: block; 
	float: left;
	padding-top: .5em;
}

#footer a.facebook:hover, #footer a.twitter:hover {opacity: 1;}

#footer a.facebook {
	background: url(../images/site/facebook.gif) top left no-repeat;
	height: 22px; 
	width: 22px;
	margin-right: .6em;
	opacity: .8;
}

#footer a.twitter {
	background: url(../images/site/twitter.gif) top left no-repeat;
	height: 16px; 
	width: 16px;
	margin: 0 1em 0 .6em;
}



#footer .address {
	text-align:right;
}

#footer .address a {color: #444; }

.footernav {float: left; width: 40%; }
#pageContainer.about .footernav a.about {font-style: normal;  padding: .3em; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; }
#pageContainer .footernav a.about:hover {}

/*** Page Curl ***/


/*** Animations ***/

a {-webkit-transition: all .2s linear;}
#navigation a:hover {-webkit-transition: all .3s linear;}

#pageContainer.resources .contentArea ul.publications {display: block; width: 100%; padding: 0; margin: 0; }

ul.publications li em {display: block; font-size: 1.3em; border-bottom: 1px solid rgba(255,255,255,.3); text-shadow: 0 1px 0 rgba(255,255,255,.4); color: #333; padding-bottom: .5em; margin-bottom: .5em;}

ul.publications li {float: left; width: 250px; background: rgba(0,0,0,.1); margin: 0 1em 1em 0; height: 32em; padding: 10px 15px;}

ul.publications li img {width: 240px; margin: .5em 0; display: block; -webkit-box-shadow: 0 0 5px rgba(0,0,0,.2);}

ul.publications li a img {opacity: .9;}

ul.publications li a img:hover {opacity: 1; -webkit-box-shadow: 0 0 5px rgba(0,0,0,.4)}


/*** Resources ***/

ul.learn {margin: 0 auto; width: 100%; display: block;}

ul.learn li {
  background: rgba(0,0,0,.1); 
  position: relative; 
  width: 21%; 
  float: left; 
  -webkit-transition: all .2s linear; 
  -moz-transition: all .2s linear; 
  transition: all .2s linear; 
  padding: 1%; 
  margin: 0 2% 2% 0; 
  height: 38em;
}

#pageContainer ul.learn li p {padding: 0;  margin: 0; text-shadow: 0 1px 0 rgba(255,255,255,.7);}

ul.learn li img {width: 93%;}

ul.learn li:hover {-webkit-box-shadow: 0 0 4px rgba(0,0,0,.2); background: rgba(0,0,0,.13);}

ul.learn li a.button {
  position: absolute; 
  bottom: .75em; 
  left: .5em;
  font-size: 1.1em;
  padding: .4em 10%;
  font-family: Helvetica, Arial, sans-serif;
  font-weight: 100;
  text-shadow: 0 1px 0 rgba(255,255,255,.7);
  -webkit-border-radius: .3em;
  background: rgba(51,133,180,.8);
  color: #fff;
  text-align: center;
  width: 73%;
  box-shadow: 0 3px 3px rgba(0,0,0,.2);
  text-shadow: 0 1px 0 rgba(0,0,0,.2);
  margin: 1em auto;
}

#pageContainer ul.learn li a.button:hover {
  text-decoration: underline;
 background: rgba(51,133,180,1);
}

ul.learn li h3 {font-size: 1.5em; color: #336D95;}