html {
  height: 100%;
}

body {
  color: black;
  font-family: arial, sans-serif;
  font-size: 14px;
  height: 100%;
  margin: 0 auto;
  padding: 0;
  width: 961px;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  font-weight: normal;
}

h1 {
  font-size: 170%;
}

h2 {
  font-size: 24px;
  line-height: 32px;
}

h3 {
  font-size: 18px;
  line-height: 24px;
  margin: 10px 0;
}

h4 {
  font-size: 16px;
  line-height: 22px;
}

h5 {
  font-size: 15px;
  line-height: 20px;
}

h6 {
  font-size: 14px;
  line-height: 18px;
}

ul, quote, code, fieldset {
  margin: .5em 0;
}

p {
  margin: 0.6em 0 1.2em;
  padding: 0;
}

a:link, a:visited {
  color: black;
  text-decoration: underline;
}

a:hover {
  text-decoration: none;
}

a:active, a.active {
  color: #5895be;
}

hr {
  margin: 0;
  padding: 0;
  border: none;
  height: 1px;
  background: #5294c1;
}

ul {
  margin: 0.5em 0 1em;
  padding: 0;
}

ol {
  margin: 0.75em 0 1.25em;
  padding: 0;
}

ol li, ul li {
  margin: 0.4em 0 0.4em .5em;
}

ul.menu, .item-list ul {
  margin: 0.35em 0 0 -0.5em;
  padding: 0;
}

ul.menu ul, .item-list ul ul {
  margin-left: 0em;
}

ol li {
  padding: 0 0 .3em;
  margin-left: 2em;
}

ul.inline li {
  background: none;
  margin: 0;
  padding: 0 1em 0 0;
}

fieldset ul.clear-block li {
  margin: 0;
  padding: 0;
  background-image: none;
}

dl {
  margin: 0.5em 0 1em 1.5em;
}

dl dt {
}

dl dd {
  margin: 0 0 .5em 1.5em;
}

img, a img {
  border: none;
}

table {
  margin: 0;
  width: 100%;
}

thead th {
  border: none;
  font-weight: bold;
}

th a:link, th a:visited {
  color: #6f9dbd;
}

td, th {
  padding: 0;
}

tr.even, tr.odd, tbody, tbody th {
  border: none;
}

tr.odd,
tr.info,
tr.even,
tr.odd td.active,
tr.even td.active {
  background: transparent none;
}

tr.drag {
  background-color: #fffff0;
}

tr.drag-previous {
  background-color: #ffd;
}

span.form-required {
  color: #ffae00;
}

span.submitted, .description {
  font-size: 0.92em;
  color: #898989;
}

.description {
  line-height: 150%;
  margin-bottom: 0.75em;
  color: #898989;
}

.messages, .preview {
  margin: .75em 0 .75em;
  padding: .5em 1em;
}

.messages ul {
  margin: 0;
}

.form-checkboxes, .form-radios, .form-checkboxes .form-item, .form-radios .form-item {
  margin: 0.25em 0;
}

#main-container form {
  margin-bottom: 2em;
}

.form-button, .form-submit {
  margin: 2em 0.5em 1em 0;
}

.confirmation .form-submit,
.search-form .form-submit,
fieldset .form-button, fieldset .form-submit,
.sidebar .form-button, .sidebar .form-submit,
table .form-button, table .form-submit {
  margin: 0;
}

.box {
  margin-bottom: 2.5em;
}

/**
 * Wrapper
 */
#wrapper {
  background: white url('images/wrapper-bg.gif') repeat 0 4px;
  min-height: 100%;
}

/**
* Columns
*/
.span-1, .span-2, .span-3, .span-4, .span-5, .span-6 {
  border: 0 none;
  float: left;
  margin: 0 20px;
  vertical-align: baseline;
}

.span-1  { width: 120px; }
.span-2 { width: 280px; }
.span-3 { width: 440px; }
.span-4 { width: 600px; }
.span-5 { width: 760px; }
.span-6 { width: 920px; }

.prepend-1 { padding-left: 160px; }
.prepend-2 { padding-left: 320px; }
.prepend-3 { padding-left: 480px; }
.prepend-4 { padding-left: 640px; }
.prepend-5 { padding-left: 800px; }

.append-1 { padding-right: 160px; }
.append-2 { padding-right: 320px; }
.append-3 { padding-right: 480px; }
.append-4 { padding-right: 640px; }
.append-5 { padding-right: 800px; }

.top-1 { margin-top: 20px; }
.top-2 { margin-top: 40px; }
.top-3 { margin-top: 60px; }
.top-4 { margin-top: 80px; }

.bottom-1 { margin-bottom: 20px; }
.bottom-2 { margin-bottom: 40px; }
.bottom-3 { margin-bottom: 60px; }
.bottom-4 { margin-bottom: 80px; }

.span-first {
  clear: left;
  margin-left: 0;
}

.span-last {
  clear: right;
  margin-right: 0;
}

/**
 * Header
 */
#header {
  background-color: white;
  height: 116px;
  overflow: hidden;
  position: relative;
}

#header #logo {
  margin: 0;
  padding: 17px 0 0 11px;
}

#header #block-locale-0 {
  font-size: 12px;
  position: absolute;
  right: 16px;
  top: 35px;
}

#header #block-locale-0 h2 {
  color: #979797;
  float: left;
  font-size: 12px;
  font-weight: normal;
  line-height: normal;
  margin: 1px 19px 0 0;
  padding: 0;
}

#header #block-locale-0 .content {
  float: left;
}

#header #block-locale-0 .content ul {
  margin: 0;
  padding: 0;
}

#header #block-locale-0 .content ul li {
  display: inline;
  list-style: none outside none;
  margin: 0;
}

#header #block-locale-0 .content ul li a {
  color: #979797;
  display: block;
  float: left;
  padding: 0 8px 1px 4px;
  text-decoration: none;
  text-transform: uppercase;
}

#header #block-locale-0 .content ul li a:hover {
  color: black;
  text-decoration: underline;
}

#header #block-locale-0 .content ul li a.active,
#header #block-locale-0 .content ul li a.active:hover {
  background-color: black;
  color: white;
  cursor: default;
  text-decoration: none;
}

/**
 * Main container
 */
#main-container {
  padding: 0 0 120px 0;
  position: relative;
}

/**
 * Main menu
 */
#main-menu ul {
  overflow: hidden;
}

#main-menu ul {
  font-size: 12px;
  font-weight: bold;
  margin: 0;
  padding: 0;
  text-transform: uppercase;
}

#main-menu ul li {
  display: block;
  float: left;
  margin: 0 10px;
  padding: 2px 13px;
  width: 114px;
}

#main-menu ul li.last {
  margin-right: 0;
}

#main-menu ul li a {
  color: #585858;
  text-decoration: none;
}

#main-menu ul li a:hover {
  color: black;
  text-decoration: underline;
}

#main-menu ul li.active-trail {
  background: transparent url('images/primary-links-active-bg.gif') no-repeat center left;
}

#main-menu ul li.active a.active,
#main-menu ul li.active-trail a {
  color: black;
  cursor: default;
  text-decoration: none;
}

/**
* Main content
*/
#main-content {
  margin-top: 27px;
  padding: 0 20px;
}

#main-content h1.title {
  font-size: 20px; /* 26px */
  font-weight: normal;
  margin: 0;
  padding: 50px 0 10px 0;
}

/**
 * Footer
 */
#footer {
  margin-top: 40px;
  overflow: hidden;
  padding: 0 20px;
}

#block-menu-secondary-links ul {
  font-size: 12px;
  margin: 0;
  padding: 0;
}

#block-menu-secondary-links ul img {
  display: block;
}

#block-menu-secondary-links ul a {
  color: black;
  font-style: italic;
}

#block-menu-secondary-links ul a:hover {
  color: #979797;
}

#block-menu-secondary-links ul li {
  background: transparent url('images/secondary-links-list-separator.gif') no-repeat right 4px;
  display: block;
  float: left;
  list-style: none outside none;
  margin: 0 10px 0 0;
  padding: 0 15px 0 0;
}

#block-menu-secondary-links ul li.last {
  background: transparent none;
  padding-right: 0;
}

#block-menu-secondary-links ul li.nolink-li .nolink {
  color: #979797;
}

/**
 * Nodes
 */
.node .links {
  text-align: left;
}

.new {
  color: #ffae00;
  font-size: 0.92em;
  font-weight: bold;
  float: right;
}

.preview .node, .preview .comment, .sticky {
  margin: 0;
  padding: 0.5em 0;
  border: 0;
  background: 0;
}

.sticky {
  padding: 0;
  border: none;
  margin: 0;
}

/**
 * Views
 */
.view-content h3 {
  font-size: 20px; /* 26px */
  font-weight: normal;
  line-height: normal;
  margin: 0;
  padding: 50px 0 10px;
}

.view-content .views-field-title h3 {
  font-size: 18px;
  margin-top: 0;
  padding: 0 0 10px 0;
}

.views-field-title h3 a {
  color: black;
  text-decoration: none;
}

.views-field-title h3 a:hover {
  text-decoration: underline;
}

.views-field-field-dates-value,
.views-field-field-date-value {
  color: #979797;
  font-size: 12px;
  text-transform: uppercase;
}

/**
 * Collapsible fieldsets
 */
fieldset {
  margin: 1em 0;
  padding: 1em;
  border: 1px solid #d9eaf5;
  background: #fff url(images/gradient-inner.png) repeat-x 0 0;
}

fieldset legend {
  /* Fix disappearing legend in FFox */
  display: block;
}

html.js fieldset.collapsed {
  background: transparent;
  padding-top: 0;
  padding-bottom: .6em;
}

html.js fieldset.collapsible legend a {
  padding-left: 2em;
  background: url(images/menu-expanded.gif) no-repeat 0% 50%;
}

html.js fieldset.collapsed legend a {
  background: url(images/menu-collapsed.gif) no-repeat 0% 50%;
}

/**
 * Syndication icons and block
 */
#block-node-0 h2 {
  float: left;
  padding-right: 20px;
}

#block-node-0 img, .feed-icon {
  float: right;
  padding-top: 4px;
}

#block-node-0 .content {
  clear: right;
}

/**
 * Login Block
 */
#user-login-form {
  text-align: center;
}
#user-login-form ul {
  text-align: left;
}

/**
 * Generic elements
 */
.messages {
  background-color: #fff;
  border: 1px solid #b8d3e5;
}

.preview {
  background-color: #fcfce8;
  border: 1px solid #e5e58f;
}

div.status {
  color: #33a333;
  border-color: #c7f2c8;
}

div.error, tr.error {
  color: #a30000;
  background-color: #FFCCCC;
}

.form-item input.error, .form-item textarea.error {
  border: 1px solid #c52020;
  color: #363636;
}

/**
 * Image viewer
 */
img.viewer-active-image {
  -moz-opacity: 0.6;
  opacity: 0.6;
}

#image-viewer-container .viewer-loader {
  display: block;
  height: 32px;
  margin: 0 auto;
  padding: 50px 0;
  width: 32px;
}

/**
 * Newsletter register
 */
a.cm-newsletter-register-link {
  position: relative;
}

#cm-newsletter-register {
  position: absolute;
  z-index: 1;
}

#cm-newsletter-register .block {
  padding-bottom: 20px;
}

#cm-newsletter-register form {
  font-size: 10px;
}

#cm-newsletter-register .form-text {
  width: 220px;
}

#cm-newsletter-register .form-submit {
  margin: 0 0 1em 0;
}

/**
 * Front
 */
body.front #main-content {
  padding-top: 25px;
}

body.front #news-home-wrapper {
  margin-bottom: 25px;
}

body.front #main-content .views-field-title {
  margin: 10px 0;
}

body.front #main-content .views-field-title a {
  text-decoration: none;
}

body.front #main-content .views-field-title a:hover {
  text-decoration: underline;
}

body.front #main-content .views-field-field-dates-value {
  font-size: 14px;
  text-transform: uppercase;
}

/**
 * News
 */

/* List */
.view-id-news .view-content .views-field-title h3 {
  padding: 0 0 5px 0;
}

.view-id-news .view-content .views-field-body {
  padding-top: 10px;
}

body.page-news #main-content h1.title {
  visibility: hidden;
}

/* Node */
.field-field-pictures .field-item {
  padding: 0 0 20px 0;
}

.field-field-pictures .field-item:last-child {
  padding-bottom: 0;
}

.field-field-pictures .field-item img {
  cursor: pointer;
}

.field-field-pictures .field-item img.viewer-active-image {
  cursor: default;
}


.field-field-dates {
  color: #979797;
  font-size: 16px;
  text-transform: uppercase;
}

/**
 * Press reviews, catalogs, news
 */
.view-id-news,
#block-views-press_reviews-block_1 .view-id-press_reviews,
.view-id-catalogs,
#block-views-exhibitions-block_1 .view-id-exhibitions {
  padding-top: 20px;
}

.view-id-news .views-row,
.view-id-press_reviews .views-row,
.view-id-catalogs .views-row,
.view-id-exhibitions .views-row,
.view-id-press_kit .views-row {
  margin-top: 20px;
  overflow: hidden;
}

/**
 * Press reviews
 */

/* Block */
#block-views-press_reviews-block_1 ul {
  margin: 0;
  padding: 0 0 0 160px;
}

#block-views-press_reviews-block_1 ul li {
  list-style: none outside none;
  margin: 0 0 10px;
  padding: 0;
}

#block-views-press_reviews-block_1 ul li a {
  color: #979797;
  text-decoration: none;
}

#block-views-press_reviews-block_1 ul li a:hover {
  text-decoration: underline;
}

#block-views-press_reviews-block_1 ul li a.active {
  color: black;
}

/* List */
.view-id-press_reviews .view-content .views-field-title h3 {
  padding: 0 0 5px 0;
}

body.page-press-review-list #main-content h1.title {
  visibility: hidden;
}

body.page-press-review-list .views-field-field-subtitle-value {
  margin-top: 10px;
}

/**
 * Gallery
 */
body.page-catalogue #main-content h1.title {
  visibility: hidden;
}

/**
 * Gallery
 */
body.node-type-gallery #main-content h1.title {
  visibility: hidden;
}

.node-gallery h3 {
  color: #979797;
  font-size: 24px;
  padding-bottom: 40px;
}

body.node-type-gallery #main-content h1.title {
  padding-bottom: 40px;
}

/**
 * Artists
 */

/* List */
.view-artist table.views-view-grid {
  margin-top: 40px;
}

.view-artist table.views-view-grid tbody tr td {
  font-size: 12px;
  padding: 3px 20px 3px 0;
  vertical-align: top;
  width: 200px;
}

.view-artist table.views-view-grid tbody tr td.col-2 {
  padding-right: 0;
  width: 220px;
}

.view-artist table.views-view-grid tbody tr td :focus {
  outline: 0 none;
}

 .view-artist table.views-view-grid tbody tr td a {
  color: black;
  display: block;
  position: relative;
  text-decoration: none;
}

.view-artist table.views-view-grid tbody tr td a:visited {
  color: #7F7F7F;
}

.view-artist table.views-view-grid tbody tr td a span {
  display: block;
  padding: 2px 5px;
}

.view-artist table.views-view-grid tbody tr td a:hover {
  text-decoration: none;
}

.view-artist table.views-view-grid tbody tr td a:hover span.title {
  background-color: #CECDCB;
}

.view-artist table.views-view-grid tbody tr td a span.img-wrapper {
  background: transparent url('images/artist-list-piece-bg.gif') no-repeat 0 35px;
  display: none;
  left: 152px;
  padding: 0 0 0 6px;
  position: absolute;
  top: -30px;
  z-index: 1;
}

.view-artist table.views-view-grid tbody tr td a:hover span.img-wrapper {
  display: block;
}

.view-artist table.views-view-grid tbody tr td a span.img-wrapper img {
  border: 2px solid #595959;
}

/* node */
body.node-type-artist #main-content h1.title {
  padding-top: 0;
}

.node-artist .content {
  padding-top: 50px;
}

.view-id-exhibitions .views-field-field-dates-value {
  font-size: 16px;
}

/**
 * Exhibition
 */

/* List */
body.page-exhibitions #main-content h1.title {
  visibility: hidden;
}

.view-artist-exhibitions .views-field-field-dates-value {
  font-size: 16px;
}

.view-id-exhibitions h2:first-letter {
  font-size: 22px;
}

.view-id-exhibitions h2 {
  color: #979797;
  font-size: 18px;
  text-transform: uppercase;
}

/* Block archives */
#block-views-exhibitions-block_1 ul {
  margin: 0;
  padding: 0 0 0 160px;
}

#block-views-exhibitions-block_1 ul li {
  list-style: none outside none;
  margin: 0 0 10px 0;
  padding: 0;
}

#block-views-exhibitions-block_1 ul li a {
  color: #979797;
  text-decoration: none;
}

#block-views-exhibitions-block_1 ul li a:hover {
  text-decoration: underline;
}

#block-views-exhibitions-block_1 ul li a.active {
  color: black;
}

/* Node */
body.node-type-exhibition #main-content h1.title {
  padding-top: 0;
}

.node-exhibition .content {
  padding-top: 50px;
}

.node-exhibition .content .content {
  padding-top: 0;
}

ul#top-right-menu {
  margin: 0;
  overflow: hidden;
  padding: 10px 0 0 0;
}

ul#top-right-menu li {
  display: block;
  float: left;
  font-size: 12px;
  line-height: 24px;
  list-style: none outside none;
  margin: 0;
  padding: 0;
  width: 120px;
}

ul#top-right-menu li :focus {
  outline: 0 none;
}

ul#top-right-menu li a {
  color: #979797;
  text-decoration: none;
}

ul#top-right-menu li a:hover {
  text-decoration: underline;
}

ul#top-right-menu a.item-active,
ul#top-right-menu a.item-active:hover {
  color: black;
  cursor: default;
  text-decoration: none;
}

ul#top-right-menu li.odd {
  padding-right: 20px;
}

ul#top-right-menu li.even {
  padding-left: 20px;
}

table#pieces-list td {
  padding: 0 20px 20px 0;
}

table#pieces-list td.col-2 {
  padding-left: 20px;
  padding-right: 0;
}

table#pieces-list tr.last td.col-1,
table#pieces-list tr.last td.col-2 {
  padding-bottom: 0;
}

table#pieces-list td img {
  cursor: pointer;
}

table#pieces-list td img.viewer-active-image {
  cursor: default;
}

#pieces-container {
  position: relative;
}

#pieces-container a.pieces-pager {
  background-position: left center;
  background-repeat: no-repeat;
  display: block;
  height: 100%;
  line-height: 100%;
  position: absolute;
  text-align: left;
  text-decoration: none;
  text-indent: -10000px;
  top: 0;
  width: 11px;
}

#pieces-container :focus {
  outline: 0 none;
}

#pieces-container a.pieces-previous {
  background-image: url('images/pieces-list-previous.gif');
  left: -18px;
}

#pieces-container a.pieces-previous:hover {
  background-image: url('images/pieces-list-previous-hover.gif');
  left: -18px;
}

#pieces-container a.pieces-next {
  background-image: url('images/pieces-list-next.gif');
  right: -18px;
}

#pieces-container a.pieces-next:hover {
  background-image: url('images/pieces-list-next-hover.gif');
  right: -18px;
}

#image-viewer-container .piece-description {
  color: #979797;
  font-size: 12px;
  line-height: 16px;
  margin-top: 20px;
}

span.field-inventory-number {
  font-size: 11px;
}

a.more-information {
  display: block;
  margin-top: 10px;
}

/* may be a link or a span */
#image-viewer-container .piece-description .artist-fullname {
  color: black;
  font-size: 16px;
  text-decoration: none;
}

#image-viewer-container .piece-description a.artist-fullname:hover {
  text-decoration: underline;
}

/**
 * Contact form
 */
input.form-text {
  width: 440px;
}

div#edit-message-wrapper {
  width: 462px;
}













/**
 * Press kits
 */

/* List */
.view-id-press_kit .view-content .views-field-title h3 {
  padding: 0 0 5px 0;
}

body.page-press-kits #main-content h1.title {
  visibility: hidden;
}

body.page-press-kits .views-field-field-subtitle-value {
  margin-top: 10px;
}

body.node-type-press-kit .field-type-date {
  padding-bottom: 50px;
}

body.node-type-press-kit .field-field-press-kit-pictures .field-label {
  padding: 20px 0;
}

body.node-type-press-kit .field-field-press-kit-pictures .field-item img {
  padding-right: 40px;
}

body.node-type-press-kit .field-field-press-kit-pictures .field-item * {
  vertical-align: baseline;
}


