@charset "utf-8";
/* CSS Document */
h2.trigger {
	height: 46px;
	line-height: 46px;
	width: 610px;
	font-size: 2em;
	font-weight: normal;
	float: left;
	background-image: url(/images/h2_trigger_a.gif);
	background-repeat: no-repeat;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 50px;
}
h2.trigger a {
	color: #F7EDC7;
	text-decoration: none;
	display: block;
}
h2.trigger a:hover {
	color: #642C2C;
}
h2.active {background-position: left bottom;}
.toggle_container {
	padding: 0;
	background: #DBE6C8;
	overflow: hidden;
	font-size: 1.2em;
	clear: both;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #A6824C;
}
.toggle_container .block {
	width: 100%;

}
.toggle_container .block p {
	padding: 5px 0;
	margin: 5px 0;
}
.toggle_container h3 {
	font: 2.5em normal Georgia, "Times New Roman", Times, serif;
	margin: 0 0 10px;
	padding: 0 0 5px 0;
	border-bottom: 1px dashed #ccc;
}
.toggle_container img {
	float: left;
	padding: 0px;
	background-color: #642C2C;
	margin: 0px;
}
.artist            { width: 100%; margin: 0 0 10px 0; position: relative; cursor: pointer; height: 79px; }
.description               { padding: 10px 0 10px 150px; font: italic 18px Georgia, Serif; }
.description span          { font: bold 18px Helvetica, Sans-Serif; }
.topbar                  { padding: 4px 0 4px 150px; overflow: hidden;
                              width: 540px; color: white; }
                 
.name                 {
	float: left;
	font-family: Helvetica, Sans-Serif;
	font-size: 18px;
	font-weight: 300;
	text-transform: capitalize;
	letter-spacing: .2em;
}
.type                     {
	float: right;
	text-align: right;
	text-transform: uppercase;
	letter-spacing: 2px;
	padding-top: 0;
	padding-right: 5px;
	padding-bottom: 0;
	padding-left: 0;
}
                              
.artist img        { position: absolute; top: 0; left: 0; }

.potters                    {
	border: 1px solid #A34427;
	background-color: #DBE6C8;
}
.potters .topbar         { background: #A34427; }
.potters .description      {color: #A34427;}

.painters               {
	border: 1px solid #8B3C2A;
	background-color: #DBE6C8;
}
.painters  .topbar    {background-color: #60191F;}
.painters  .description {color: #8B3C2A;}

.photographers                    {
	border: 1px solid #D18D4D;
	background-color: #DBE6C8;
}
.photographers   .topbar         { background: #D18D4D; }
.photographers   .description      {color: #D18D4D;}

.mixed-media                    {
	border: 1px solid #B37141;
	background-color: #DBE6C8;
}
.mixed-media .topbar         { background: #B37141; }
.mixed-media .description      {color: #B37141;}
.current                    { font-weight: bold; font-size: 15px; }
ul#filter { float: left; font-size: 16px; list-style: none; margin-left: 0; width: 690px; }
ul#filter li { 
	border-right: 1px solid #dedede;
	float: left;
	line-height: 16px;
	margin-right: 10px;
	padding-right: 10px;
   background: transparent; background-image: none;
   padding-left: 0;
}
ul#filter li:last-child { border-right: none; margin-right: 0; padding-right: 0; }
ul#filter a { color: #999; text-decoration: none; }
ul#filter li.current a, ul#filter a:hover { text-decoration: underline; }
ul#filter li.current a {
	color: #642C2C;
	font-weight: bold;
}

ul#portfolio { float: left; list-style: none; margin-left: 0; width: 690px; }
ul#portfolio li { 
	border: 1px solid #dedede; 
	float: left; 
	margin: 0 10px 10px 0; 
	padding: 5px;
	width: 100%;
   background: transparent; background-image: none;
}
ul#portfolio a { display: block; width: 100%; }
ul#portfolio a:hover { text-decoration: none; }
ul#portfolio img { border: 1px solid #dedede; display: block; padding-bottom: 5px; }


#page-wrap                  {
	width: 690px;
	min-height: 650px;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
}