/* FEATURED-BLOCK TABLE STYLES */
table.featured {
  margin: 0 0 30px 12px;
  width: 762px;
}

.two-results table.featured {
  width: 688px;
}

table.featured td {
  padding: 18px 0 1em 0;
  background-image: url(../images/hr.gif);
  background-repeat: no-repeat;
  overflow: visible;
  width: 366px;
}

.two-results table.featured td {
  width: 329px;
}

table.featured tr.first td {
  background: none;
  padding-top: 0;
}

table.featured td.right {
  padding-left: 30px;
  background-position: 30px 0;
}

table.featured img {
  margin: 0 0 12px 0;
  float: left;
}

table.featured dl,
table.featured dd {
  width: 254px;
}

table.featured dl {
  float: left;
  margin: 0 0 0 12px;
}

.two-results table.featured dl,
.two-results table.featured dd {
  width: 216px;
}

table.featured dt a {
  font-weight: bold;
}

table.featured ul.popout-links {
  clear: both;
}

/*COLLECTION PAGES STYLES*/
/* about artwork styles in sfmoma main */

/* ABOUT ARTIST STYLES*/
.about .artist img {
  padding: 8px 0;
}

.about .artist .caption {
  font-size: 10px;
  line-height: 16px;
}

.about .keywords h6 {
  margin-left: 0;
  margin-top: 16px;
  padding-left: 0;
}

/*DEPARTMENT STYLES*/
.department .pagination {
  margin-left: 12px;
}

.department hr {
  margin: 0 0 20px 12px;
}

.department #credit-lines p {
  margin: 0 0 20px 16px;
  padding: 0 55px 0 0;
}

.department ul.works-display {
  width: auto;
}

.department ul.works-display li.with-image dl {
  width: 647px;
}

/* MULTIMEDIA LISTING STYLES */
table#multimedia-listing {
  width: 100%;
  margin-bottom: 16px;
}

table#multimedia-listing th {
  background: #f2e2d1;
  line-height: 21px;
  border-right: 1px solid #fff;
  padding: 0 6px;
  font-weight: bold;
}

table#multimedia-listing th a {
  padding-right: 14px;
}

table#multimedia-listing th.images {

  width: 95px;
  padding-left: 12px;
}

table#multimedia-listing th.title {
  width: 250px;
}

table#multimedia-listing th.date {
  width: 109px;

}

table#multimedia-listing th.artists {
  width: 262px;
}

table#multimedia-listing th#release-date {
  background-image: url(../images/nav/descending.gif);
  background-position: 98px 8px;
  background-repeat: no-repeat;
}

table#multimedia-listing td {
  padding: 12px 6px 16px 6px;
  text-align: left;
  border-bottom: 1px solid #e4e4e4;
}

table#multimedia-listing td.image {
  padding-left: 0;
	width: 100px;
}

table#multimedia-listing td.title strong,
table#multimedia-listing td.title a {
  display: block;
}

table#multimedia-listing td.title p a {
  display: inline;
}

table#multimedia-listing td.title a{
  margin-bottom: 4px;
}

table#multimedia-listing td.artists a,
table#multimedia-listing td.artists li {
  display: inline;
}

table#multimedia-listing div.popout-links {
  position: relative;
	width: 100px;
}

table#multimedia-listing div.popout-links a.popout:link, 
table#multimedia-listing div.popout-links a.popout:visited {
  float: right;
}

/* MEDIA THRESHOLD PAGES STYLES */
.media-threshold {
  background-image: url(../images/nav/interactive_feature_background.gif);
  background-position: top right;
  background-repeat: no-repeat;
  color: #fff;
  margin-bottom: 12px;
}

.media-threshold dt {
  padding: 20px 12px 0 8px;
  margin-bottom: 12px;
}

.media-threshold .title {
  font-family: arial, sans-serif;
  text-transform: uppercase;
  font-size: 24px;
  line-height: 28px;
  font-weight: bold;
  display: block;
}

.media-threshold dd {
  padding: 0 12px 16px 0;
  overflow: visible;
  #height: 1%;
}

.media-threshold dd:after {
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  clear: both;
}

.media-threshold .actioned-media {
  width: 322px;
  margin: 0 16px 0 0;
	float: left;
}

.media-threshold.type-video .actioned-media {
  width: 642px;
  margin: 0 16px 0 0;
	float: none;
}

.media-threshold .actioned-media img {
  border: 2px solid #fff;
  border-left: none;
  margin: 0 0 10px 0;
}

.media-threshold ul {
  padding: 0;
}

.media-threshold #embedded-media {
  border: 2px solid #fff;
  border-left: none;
  margin: 0 0 10px 0;
}

.media-threshold #embedded-media embed {
  border: none;
}

.media-threshold .description {
  width: 413px;
  padding-right: 12px;
  font-size: 12px;
  line-height: 17px;
	float: right;
}

.media-threshold ul.description-details {
  width: 413px;
	float: right;
  padding-right: 12px;
}

.media-threshold.type-video .description,
.media-threshold.type-video ul.description-details {
  width: 640px;
	float: none;
	padding-right: 0;
	padding-left: 12px;
}

.media-threshold ul.description-details li.specs {
  margin-bottom: 1em;
}

.media-threshold ul.description-details li.parent,
.media-threshold ul.description-details li.podcast {
  margin-top: 1em;
}


.media-threshold .description a:link,
.media-threshold .description a:visited,
.media-threshold .description-details a:link,
.media-threshold .description-details a:visited {
  color: #ffffff;
}

.media-threshold .description a:hover,
.media-threshold .description a:active,
.media-threshold .description-details a:hover,
.media-threshold .description-details a:active {
  color: #cccccc;
}

.media-threshold ul.popout-links {
  width: 325px;
  padding: 0;
}

.media-threshold .player ul.popout-links {
  width: 253px;
}

.media-threshold ul.popout-links li {
  float: right;
}

/* PAGE STYLES */
p#view-all {
  margin-top: 20px;
}
