/*
* =======================================
* Universal styles (applies to all pages)
* =======================================
*/

body { 
	margin: 20px 0 0 0; 
	font:11px/18px Verdana; 
}

p {
	text-align: left;
	margin: 0 0 20px 0;
}

/*
* Link styles
*/
a {
	text-decoration: none;
	color: #d80000;
}

a:hover {
	color: #888;
}

/* for firefox compatibility */
a img {
	border: none;
}

#container {
  position: relative;
}

/*
* Header styles
*/
h1, h2, h3 {
/* put universal header styling here */
}

h3.exhibition_title {
	font-size: 1.2em;
	margin: .5em 0;
}

h4.exhibition_date {
	margin: .5em 0;
	font-weight: normal;
	font-size: 11px;
	color: #666;
}


/*
* .nav
* the div containing navigation table and logo at the top of the page.
* Each .nav div on a subpage will have an id identifier,
* so that the parent link can be styled for on state.
* e.g.: 
*   	.nav#nav_exhibitions a#exhibitions { color: black; }
* will color the "Exhibitions" link black on the exhibitions page.
*/
.nav {
	text-align: left;
	margin-bottom: 18px;
  margin-top: 7px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #aaa;
	padding-bottom: 4px;
	padding-top: 4px;
	overflow: auto;
	width: 100%;
}

.subnav {
  margin-bottom: 18px;
  margin-top: -5px;
}

.nav table
{
	display: inline-block;
}

.nav td
{
	text-transform: uppercase;
	font-family: Verdana;
	font-size: 12px;
	letter-spacing: 0.2em;
	color: #888;
	font-weight: bold;
}

.nav a, .subnav a
{
	color: #888;
	text-decoration:none;
}

.subnav a {
	color: #c80000;
  border-right: 2px solid #ccc;
  padding-right: 14px;
}

.subnav li:last-child a {
  border-right: none;
}

.nav a:hover
{
	color:#d80000
}

.nav img
{
	float: right;
	position: relative;
	bottom: 4px;
}

.nav .navitem {
	padding-right: 2em;
	font-size: 12px;
	font-weight: bold;
}

.nav li:last-child .navitem {
    padding-right: 0;
}

.nav ul, .subnav ul {
    margin: 0; padding: 0; list-style: none;
}

.nav li, .subnav li {
  display: -moz-inline-stack;
  display: inline-block;
  zoom:1;
  *display:inline;
  text-transform: uppercase;
  font-family: Verdana;
	letter-spacing: 0.2em;
	color: #888;
}

.subnav .navsubitem {
    font-size: 12px;
    padding-right: 1em;
}

/* nav active states */
.nav#nav_exhibitions a#exhibitions { color: black; }

.nav#nav_artists a#artists { color: black; }
.nav#nav_estates a#estates { color: black; }
.nav#nav_events a#events { color: black; }

.nav#nav_about a#about { color: black; }

/* subnav active states */

.subnav#subnav_about_info a#about_info { color: black; }
.subnav#subnav_about_news a#about_news { color: black; }
.subnav#subnav_about_port a#about_port { color: black; }
.subnav#subnav_about_location a#about_location { color: black; }

.subnav#subnav_exhib_current a#exhib_current { color: black; }
.subnav#subnav_exhib_future a#exhib_future { color: black; }
.subnav#subnav_exhib_past a#exhib_past { color: black; }

.subnav#subnav_artists_artists a.artists { color: black; }
.subnav#subnav_artists_portfolios a.portfolios { color: black; }
.subnav#subnav_artists_estates a.estates { color: black; }
.subnav#subnav_artists_secondary a.secondary { color: black; }

.nav#nav_store a#store { color: black; }

.nav span.network_icons {
    float: none;
    position: absolute;
    width: 350px;
    top: 4px;
}

/*
* #footer
* overriden in ie.css
*/
#footer {
padding-top: 15px;
border-top: 1px solid #aaa;
font-family: Verdana;
font-size: 10px;
}

span.network_icons
{
	float: right;
}

span.network_icons img
{
	padding-left: 14px;
}



/*
* ============================
* Home page
* ============================
*/

#home .row#bottom {
	margin-top: 2em;
}

/*
* #home_current - The left column containing current exhibition info.
*/
#home #home_current {
	margin-right: 20px;
}

/*
* #news - The right column with an unordered list of news items.
*/
#news {
	overflow:visible;
}
#news ul {
	list-style-type:none;
	text-indent: -1em;
	padding-left: 1em;
	margin-left: 0;
}
#news ul li {
	margin: 1em 0;
}
#news ul li:before {
	content: "\00BB \0020";
	color: #d80000;
}

#home h2 {
	color: #d80000;
	font-size: 1.2em;
	border-bottom: 1px solid #aaa;
	text-transform: uppercase;
	letter-spacing: 0.1em;
}

/* mailing list */
#home #mailing_list {
	padding: 5px 5px 5px 0;
	background-color: #d80000;
	color: #fff;
}
#home #mailing_list form {
	padding: 0;
	margin: 0;
}

#home #mailing_list h2 {
	color: #fff;
}

#home #mailing_list strong {
	color: #fff;
	padding-right: 1em;
	font-size: .9em;
	text-transform:uppercase;
	letter-spacing:.4em;
	padding-left: 2em;
	font-weight:normal;
}

/*
* ============================
* About
* ============================
*/

#about #map {
	margin-bottom: 1em;
}

#about .about_text {
	margin-right: 20px;
}

#about .about_text ul {
	list-style-type:none;
	text-indent: -1em;
	padding-left: 1em;
	margin-left: 0;
}
#about .about_text ul li {
	margin: 1em 0;
}
#about .about_text ul li:before {
	content: "\00BB \0020";
	color: #d80000;
}

/*
* ============================
* Exhibitions page
* ============================
*/

#exhibitions h2 {
	color: #d80000;
	font-size: 1.2em;
	border-bottom: 1px solid #aaa;
	text-transform: uppercase;
	letter-spacing: .1em;
}

#exhibitions h4 {
	margin-bottom: 0;
	font-size: 11px;
}


#exhibitions ul
{
	list-style-type:none;
	padding-left: 0;
	margin-left: 0;
}

#exhibitions ul li {
	margin: 1em 0;
}

#current_exhibitions {
	margin-right: 20px;
}

/*
* ============================
* Estate index
* ============================
*/

#estate_list {
	margin: 0 0 2em;
}

#estate_list h2 {
	font-weight: normal;
	text-transform: uppercase;
	font-size: 1em;
	color: #d80000;
	text-transform: uppercase;
	letter-spacing: 0.1em;
}

#estate_list .artist {
	display: block;
	float:left;
	width: 210px;
}

#estate_list .row {
	margin-bottom: 20px;
}

#estate_text {
	margin-right: 40px;
	margin-top: 0.83em;
}


/*
* ============================
* Events index
* ============================
*/

.event {
	border-bottom: 1px solid #aaa;
	margin-bottom: 2em;
}

.event:last-child {
	border-bottom: 0px;
}

h3.event_title {
	font-size: 1.2em;
	margin: 0 0 0.25em 0;
}

h4.event_date {
	margin: .5em 0 0 0;
	font-weight: normal;
	font-size: 11px;
	color: #666;
}

/*
* ============================
* Slideable index
* ============================
*/

.slideable_list {
	margin: 0 auto 2em auto;
	width: 900px;
}

.slideable_list h2 {
	font-weight: normal;
	text-transform: uppercase;
	font-size: 1em;
	color: #d80000;
	text-transform: uppercase;
	letter-spacing: 0.1em;
}

div.slideable_list div.slideable {
	display: block;
	float:left;
	width: 213px;
	padding: 0;
	height: 250px;
}

div.slideable_list div.slideable:hover a h2 {
	color: #000;
}


.slideable_list .row {
	margin-bottom: 20px;
}

.slideable_list .slideable_row {
	overflow: auto;
	width: 854px;
	margin: 1em auto;
	position: relative;
}

.slideable_list .slider {
	position: relative;
	width: 854px;
	margin: 0 auto;
}

.slideable_list h2.slideable_row_header {
	color: #d80000;
	font-weight: bold;
}

/* jquery scrolling */

.slideable_list .scroll {
	width: 100%; /* for IE 6 */
	height: 260px;
	overflow: auto;
	position: relative;
	clear: left;
	background: #f9f9f9;
}

.slideable_list .non_scroll { /* not enough elements to scroll. still add in background color */
	width: 100%; /* for IE 6 */
	overflow: hidden;
	position: relative;
	clear: left;
	background: #f9f9f9;
}

.slideable_list .non_scroll .slideable { /* not enough elements to scroll. still add in background color */
	position: relative;
	left: 8px;
}

.slideable_list .scrollContainer .slider_panel {
	height: 230px;
	padding-left: 8px;
	width: 854px;
}

.slideable_list ul.slideable_navigation {
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: right;
	height: 0;
	width: 854px;
	position: absolute;
}

.slideable_list ul.slideable_navigation li {
	display: block;
	float: right;
	width: 16px;
	height: 16px;
	overflow: hidden;
	position: relative;
	bottom: 25px;
}

.slideable_list ul.slideable_navigation li a {

}

.slideable_list ul.slideable_navigation li a img {
	position: relative;
	right: 0;
	bottom: 0;
}

.slideable_list ul.slideable_navigation li a img:hover {
	right: 16px;
}



.slideable_list ul.slideable_navigation li a.selected img{
	position: relative;
	right: 16px;
	bottom: 16px;
}

/* scroll buttons */
.slideable_list .scrollButtons {
	position: absolute;
	top: 160px;
	cursor: pointer;
}

.slideable_list .scrollButtons.left {
	left: 0;
}

.slideable_list .scrollButtons.right {
	right: 0;
}

/* overrides: taller scrolling lists */
.slideable_list div.slideable {
	height: 300px;
}

.slideable_list .scrollContainer .slider_panel {
	height: 350px;
	padding-left: 8px;
	width: 854px;
}

.slideable_list .scroll {
	height: 300px;
}

.slideable_list p {
  margin: 0 0 0.5em;
}

.slideable_list a {
  font-weight: bold;
}

/* store ad-hoc */
.slideable_list #historical_photographs div.slideable {
	height: 190px; /* using a square format for these */
}

/*
* ============================
* Artist index
* ============================
*/

#artist_list h2 {
	font-weight: normal;
	text-transform: uppercase;
	font-size: 1em;
	color: #d80000;
	text-transform: uppercase;
	letter-spacing: 0.1em;
}

#artist_list h2 a {
	font-weight: normal;
}

#artist_list h2.slideable_row_header {
	color: #d80000;
	font-weight: bold;
}

div#artist_list div.artist {
	display: block;
	float:left;
	width: 213px;
}

#artist_list .row {
	margin-bottom: 20px;
}

#artist_list div.slideable {
	height: 250px;
}

#artist_list #additional_works div.slideable {
	height: 280px; /* for Wegman */
}

#artist_list #estate_artists div.slideable {
	height: 230px;
}

#artist_list .scroll {
	height: 250px;
}

/*
* ============================
* Artist pages
* ============================
*/

/* 
 * The div in which the main photo is inserted 
*/
#artist_photo {
	width: 566px;
	height: 520px;
	margin-bottom: 8em;
}

/* 
 * Sidebar with artist information 
*/
#artist_info {
	margin-right: 20px;
}

#artist_info blockquote {
	font-size: 10px;
	margin: 0.5em 20px;
	padding: 0;
	line-height: 16px;
}

#artist_info p {
	margin-bottom: 0.7em;
}

/*
* Div containing thumbnails
* ## Overriden in ie.css ##
*/
#thumbnails {
	position: absolute;
	top: 400px;
	width: 258px;
}

#wegman #thumbnails {
	top: 420px;
}

/* artist header */
#artist_info h2 {
	border: none; /* override main style */
	font-family: Verdana;
	margin-top: 0px;
	font-weight: normal;

	color: #d80000;
	font-size: 1.7em;
	text-transform: uppercase;
	letter-spacing: 0.1em;

}

/* 
 * The gallery "list" -- contains the thumbnails. 
*/
ul.gallery {
	padding:0;
	margin: 20px 0;
}

.gallery li{display:block;width:590px;overflow:hidden;float:left;margin:0 10px 10px 0}
.gallery li a{display:none}
.gallery li div{position:absolute;display:none;top:0;left:180px}
.gallery li div img{cursor:pointer}
.gallery li.active div img,.gallery li.active div{display:block}
.gallery li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.gallery li .caption{display:block;padding-top:.5em}
* html .gallery li div span{width:400px} /* MSIE bug */
.galleria-counter { display: none; } /* Hide the gallery counter */

/*
* ============================
* Store pages
* ============================
*/


#store_info {
	margin-right: 20px;
}

#store_info blockquote {
	font-size: 10px;
	margin: 0.5em 20px;
	padding: 0;
	line-height: 16px;
}

#store_info p {
	margin-bottom: 0.7em;
}

#store_info h2 {
	border: none; /* override main style */
	font-family: Verdana;
	margin-top: 0px;
	font-weight: normal;

	color: #d80000;
	font-size: 1.7em;
	line-height: 1.4em;
	text-transform: uppercase;
	letter-spacing: 0.1em;

}

#store_info #thumbnails {
	width: 258px;
	position: static;
	top: 0;
}