/* ~ Reset ~
------------------------------------------------------------------------------*/

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, sub, sup, 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;
}

:focus {
  outline: 0;
}

body {
  line-height: 1;
  color: #000;
  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: "" "";
}

/* ~ Elements ~
------------------------------------------------------------------------------*/

body {
  background: #d8eeeb url(/images/modern_women/bg.gif) repeat-x !important;
  text-align: center;
  font: 13px/17px arial, sans-serif;
  letter-spacing: 0.02em;
}

a {
  color: #24b6ab;
  text-decoration: none;
}

a:hover {
  color: #666;
  text-decoration: underline;
}

img {
  vertical-align: top;
}

em {
  font-style: italic;
}

strong {
  font-weight: bold;
}

hr {
  border: 0;
  color: #d9d9d9;
  background-color: #d9d9d9;
  height: 1px;
}

/* ~ Classes ~
------------------------------------------------------------------------------*/

.narrow {
  width: 205px;
}

/*.wide {
  width: 700px;
}*/

.replace, .mockup {
  display: block;
  text-indent: -1000000px;
}

.top {
  margin-top: 134px;
}

.float {
  float: left;
  overflow: auto;
}

.gutter {
  margin-right: 19px;
}

.section {
  margin-top: 20px;
}

.clear {
  clear: both;
}

.hidden {
  display: none;
}

.visible {
  display: block !important;
}

.loading {
  color: #999;
}

a.more {
  font-weight: bold;
  text-decoration: none;
  letter-spacing: 0;
}

a.more img {
  margin-left: 2px;
}

a.more:hover {
  text-decoration: none !important;
}

a.more:hover span {
  text-decoration: underline;
}

/* ~ IDs ~
------------------------------------------------------------------------------*/

#page {
  position: relative;
  margin: 10px auto;
  text-align: left;
  width: 980px;
}

#header {
  position: absolute;
  top: 20px;
  left: 0;
  width: 980px !important;
  background: transparent url(/images/modern_women/header-bg.png);
  height: 85px;
  z-index: 100;
}

#header #title {
  width: 343px;
  height: 68px;
  background: transparent url(/images/modern_women/modern-women.png);
  margin: 9px 0 0 12px;
}

#header #navigation {
  float: right;
  height: 30px;
  margin: 48px 32px 0 0;
  background: transparent url(/images/modern_women/navigation.png) 0 -60px;
}

#header #navigation a {
  float: left;
  height: 30px;
  margin-right: 20px;
  background: transparent url(/images/modern_women/navigation.png);
}

#header #navigation a.book {
  width: 75px;
}

#header #navigation a.exhibitions {
  width: 172px;
  background-position: -95px 0;
}

#header #navigation a.artists {
  width: 62px;
  background-position: -287px 0;
}

#header #navigation a.gallery {
  width: 60px;
  background-position: -369px 0;
  margin-top: 0 !important;
  
}

#header #navigation a.videos {
  display: none;
  width: 56px;
  background-position: -449px 0;
}

#header #navigation a.blog {
  width: 43px;
  background-position: -525px 0;
  margin-right: 0;
}

#header #navigation a.book:hover        { background-position: 0 -30px; }
#header #navigation a.exhibitions:hover { background-position: -95px -30px; }
#header #navigation a.artists:hover     { background-position: -287px -30px; }
#header #navigation a.gallery:hover     { background-position: -369px -30px; }
#header #navigation a.videos:hover      { background-position: -449px -30px; }
#header #navigation a.blog:hover        { background-position: -525px -30px; }

body.book #header #navigation a.book                { background-position: 0 -30px; }
body.exhibitions #header #navigation a.exhibitions  { background-position: -95px -30px; }
body.artists #header #navigation a.artists          { background-position: -287px -30px; }
body.gallery #header #navigation a.gallery          { background-position: -369px -30px; }
body.videos #header #navigation a.videos            { background-position: -449px -30px; }
body.blog #header #navigation a.blog                { background-position: -525px -30px; }


#main {
  padding: 10px 20px 40px 20px !important;
  margin-top: 0 !important;
  background: #fff;
}

#footer {
  margin-top: 40px;
  padding-bottom: 52px;
}

#footer #moma {
  width: 99px;
  height: 26px;
  margin-right: 22px;
  background: transparent url(/images/modern_women/logo.png);
}

#footer #links {
  margin-top: 10px;
  background: transparent url(/images/modern_women/links.png) 0 -40px;
}

#footer #links a {
  float: left;
  height: 20px;
  margin-right: 20px;
  background: transparent url(/images/modern_women/links.png);
}

#footer #links .book {
  width: 109px;
}

#footer #links .symposium {
  width: 93px;
  background-position: -129px 0;
}

#footer #links .credits {
  width: 69px;
  background-position: -242px 0;
  margin-right: 0;
}

#footer #links .book:hover {
  background-position: 0 -20px;
}

#footer #links .symposium:hover {
  background-position: -129px -20px;
}

#footer #links .credits:hover {
  background-position: -242px -20px;
}

/* ~ Front page ~
------------------------------------------------------------------------------*/

#main.front {
  padding-left: 0 !important;
  min-height: 1px;
}

#main.front .top {
  margin-top: 115px;
}

#main.front #slideshow {
  width: 700px;
  height: 395px;
  margin-bottom: 20px;
  float: left;
}

#main.front #slideshow .arrows {
  bottom: 10px;
  right: 10px;
}

#main.front #artist-ticker {
  width: 700px;
  height: 188px;
}

#main.front #artist-ticker .selection {
  margin: 3px 0 0 11px;
  width: 677px;
  line-height: 26px;
  color: #666;
  font-size: 14px;
  text-transform: uppercase;
}

#main.front #artists {
  display: none;
}

#main.front #artist-ticker .artist {
  white-space: pre;
}

#main.front #artist-ticker .see-all {
  text-decoration: none;
  padding: 0 16px 0 0;
  background: transparent url(/images/modern_women/arrow.png) no-repeat right 6px;;
  font-weight: bold;
}

#main.front #artist-ticker .see-all:hover {
  background-position: right -24px;
}

#main.front .find-out {
  margin: 114px 16px 16px 19px;
}

#main.front .about {
  width: 220px;
  height: 283px;
  color: #474637;
  line-height: 21px;
  background: #fff159;
  margin-left: 20px;
}

#main.front .about a.more {
  color: #474637;
  font-weight: bold;
  text-decoration: none;
}

#main.front .about a.more:hover span {
  text-decoration: underline;
}

#main.front .about .content {
  padding: 20px;
}

#features.front {
  width: 980px;
  margin-top: 10px;
  background: transparent url(/images/modern_women/features-bg.png);
}

.feature {
  margin-right: 10px;
  line-height: 17px;
  color: #666;
  background: #fff;
  width: 235px;
}

.feature h3.replace {
  background-image: url(/images/modern_women/feature-headings.png);
  height: 10px;
  width: 205px;
}

#video.feature h3.replace {
  background-position: -205px 0;
}

#blog.feature h3.replace {
  background-position: -410px 0;
}

#collection.feature h3.replace {
  background-position: -820px 0;
}

#artists.feature h3.replace {
  background-position: 0 -10px;
}

#calendar.feature h3.replace {
  background-position: -205px -10px;
  height: 26px;
}

.feature h4 {
  font-weight: bold;
}

#features.front .feature .content {
  padding: 15px;
}

#features.front .last-feature {
  margin-right: 0;
}

#features.front .last-feature .content {
  padding-right: 20px;
}

#exhibitions.feature {
  font-size: 11px;
  width: 240px;
}

#exhibitions.feature .exhibition {
  display: none;
}

#exhibitions.feature img {
  margin-top: 30px;
}

#exhibitions.feature h4 {
  font-size: 13px;
  margin-top: 13px;
  margin-bottom: 3px;
}

#exhibitions.feature h4 a,
#video.feature h4 a {
  color: #666;
  text-decoration: none;
}

#exhibitions.feature h4 a:hover,
#video.feature h4 a:hover {
  text-decoration: underline;
}


#video.feature #embed {
  margin-top: 30px;
}

#video.feature h4 {
  margin-top: 5px;
}

#features.front small {
  font-size: 11px;
}

#features.front #blog h3 {
  margin-bottom: 24px;
}

#features.front .post {
  margin-top: 20px;
  color: #999;
}

#features.front .post h4 {
  margin-top: 5px;
  margin-bottom: 5px;
}

#features.front .post a {
  text-decoration: none;
}

#features.front .post a:hover {
  text-decoration: underline;
}

#features.front .post small a {
  color: #666;
}

#features.front .more .footer {
  display: block;
  font-weight: bold;
  color: #26bab1;
  margin: 0 10px;
  width: 215px;
  margin-right: 20px;
  border-top: 1px solid #d9d9d9;
}

#features.front .more .first,
#features.front .more .last {
  width: 220px;
}

#features.front .more .last {
  margin-right: 0;
}

#features.front .more a {
  text-decoration: none;
  padding-right: 16px;
  margin: 9px 7px 12px 7px;
  background: transparent url(/images/modern_women/arrow.png) no-repeat right 2px;
}

#features.front .more a:hover {
  background-position: right -28px;
}

#features.front .more .first a {
  margin-left: 12px;
}

/* ~ Book ~
------------------------------------------------------------------------------*/

#main.book {
  padding-top: 0 !important;
  padding-right: 0 !important;
  padding-left: 0 !important;
  color: #666;
  line-height: 21px;
}

#main.book .top {
  margin-top: 0;
  padding-top: 144px;
  min-height: 1px;
  background: transparent url(/images/modern_women/gutter.png) repeat-y 485px top;
}

#main.book h3.replace {
  width: 176px;
  height: 23px;
  background-image: url(/images/modern_women/the-book.png);
  margin-bottom: 30px;
}

#main.book .left {
  padding-left: 20px;
  width: 445px;
}

#main.book .right {
  margin-left: 30px;
  width: 485px;
}

#main.book .left .content {
  border-top: 1px solid #d9d9d9;
  padding: 0 20px;
}

#main.book #intro {
  margin-top: 25px;
}

#main.book .artists h4.replace {
  width: 160px;
  height: 10px;
  background: #fff url(/images/modern_women/feature-headings.png) no-repeat -410px -10px;
  margin-top: 50px;
  margin-bottom: 30px;
}

#main.book .artists p {
  margin-bottom: 20px;
}

#main.book .history h4.replace {
  width: 260px;
  height: 10px;
  background: #fff url(/images/modern_women/feature-headings.png) no-repeat -410px -20px;
  margin-top: 50px;
  margin-bottom: 30px;
}

#main.book .history ul {
  color: #24B6AB;
  font-weight: bold;
  line-height: 15px;
  margin-top: 28px;
  text-transform: uppercase;
  border-bottom: 1px solid #d9d9d9;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

#main.book .history li {
  margin: 15px 0;
}

#main.book #slideshow {
  position: relative;
  margin: 51px 0 0 18px;
  width: 446px;
  height: 263px;
  min-height: 1px;
}

#main.book .arrows {
  bottom: 10px;
  left: 196px;
  width: 51px;
}

#main.book .arrows .prev {
  margin-right: 13px;
}

#main.book .buy {
  min-height: 1px;
  margin: 17px 20px 40px 20px;
}

#main.book .section {
  background: transparent url(/images/modern_women/gutter.png) repeat-x;
  padding-top: 10px;
  margin-top: 0;
}

#main.book .split {
  background: #fff url(/images/modern_women/gutter.png) repeat-y 235px 0;
  min-height: 1px;
}

#main.book .sample {
  margin-right: 10px;
}

#main.book .right .content {
  padding: 15px;
}

#main.book #video {
  margin-right: 0 !important;
  width: 240px;
}

#main.book #video h3.replace {
  background-image: url(/images/modern_women/feature-headings.png);
  width: 205px;
  height: 10px;
}

#main.book .toc {
  margin-bottom: 100px;
}

#main.book .toc h3.replace {
  background: transparent url(/images/modern_women/feature-headings.png) -819px -10px;
  width: 205px;
  height: 10px;
}

#main.book .toc ul {
  margin-right: 20px;
  margin-left: 20px;
  line-height: 21px;
  text-transform: uppercase;
}

#main.book .toc li {
  margin-top: 30px;
  padding-right: 20px;
}

#main.book .toc strong {
  color: #663;
}

#main.book .toc ul .moma {
  text-transform: none;
}

#main.book .toc ul .lowercase {
  text-transform: lowercase;
}

#main.book .toc .expandable {
  border-top: 1px solid #d9d9d9;
}

#main.book .toc .expandable .details {
  padding-bottom: 30px;
}

#main.book .toc .expandable .details ul {
  margin-bottom: 30px;
}

#main.book #artists .content {
  padding: 40px 20px;
}

#main.book #artists h3.replace {
  background: transparent url(/images/modern_women/artists-in-the-book.png);
  width: 345px;
  height: 23px;
  margin-bottom: 39px;
}

#main.book #artists .list {
  border-top: 1px solid #d9d9d9;
  padding-top: 10px;
}

#main.book #artists ul {
  width: 205px;
  line-height: 15px;
  margin-left: 30px;
}

#main.book #artists li {
  margin-top: 15px;
}

/* ~ History ~
------------------------------------------------------------------------------*/

#main.history {
  background: #fff url(/images/modern_women/gutter.png) repeat-y 730px top;
  padding-right: 0 !important;
}

#main.history .top {
  min-height: 1px;
  margin-top: 0;
  padding-top: 134px;
}

#main.history .left h3.replace {
  width: 583px;
  height: 23px;
  background-image: url(/images/modern_women/modern-women-partial-history.png);
  margin-bottom: 39px;
}

#main.history .left {
  width: 690px;
  margin-right: 30px;
}

#main.history .right {
  width: 240px;
}

#main.history .lexicon {
  color: #666;
  border-top: 1px solid #d9d9d9;
  padding: 24px 29px;
  line-height: 21px;
}

#main.history .lexicon ul {
  margin-top: 39px;
  text-transform: uppercase;
}

#main.history .lexicon .details {
  text-transform: none;
  padding-top: 24px;
}

#main.history .lexicon .footnote {
  vertical-align: super;
  line-height: 0;
  font-size: 0.8em;
}

#main.history .lexicon .image {
  float: left;
  margin: 5px 20px 20px 0;
}

#main.history .lexicon .caption {
  font-size: 10px;
  margin-top: 7px;
  width: 270px;
  line-height: 14px;
}

#main.history .lexicon .footnotes {
  font-size: 11px;
  margin-top: 21px;
  line-height: 19px;
}

#main.history .find-out {
  margin-left: 9px;
  margin-bottom: 16px;
}

#main.history .box {
  padding-bottom: 20px;
  background: #fff url(/images/modern_women/gutter.png) repeat-x 0 bottom;
}

#main.history .buy {
  padding-left: 10px;
  padding-bottom: 40px;
}

#main.history .buy a {
  width: 220px;
}

#main.history .buy .book {
  margin-bottom: 10px;
}

#main.history .right .content {
  padding: 15px;
}

/* ~ Exhibitions ~
------------------------------------------------------------------------------*/

#main.exhibitions {
  background: #fff url(/images/modern_women/gutter.png) repeat-y 730px 0 !important;
  padding-right: 0 !important;
  min-height: 1px;
}

#main.exhibitions h3.current {
  width: 368px;
  height: 23px;
  background: transparent url(/images/modern_women/current-upcoming.png);
  margin-bottom: 39px;
}

#main.exhibitions h3.past {
  width: 295px;
  height: 23px;
  background: transparent url(/images/modern_women/past-exhibitions.png);
  margin-top: 115px;
}

#main.exhibitions .exhibition {
  margin-top: 55px;
  color: #666;
  line-height: 21px;
  min-height: 1px;
}

#main.exhibitions .exhibition a {
  text-decoration: none;
}

#main.exhibitions .exhibition a:hover {
  text-decoration: underline;
}

#main.exhibitions .first-exhibition {
  margin-top: 40px;
}

#main.exhibitions .image {
  position: relative;
  width: 380px;
  height: 285px;
  background: #69CDC6;
  margin-right: 20px;
}

#main.exhibitions .image .info {
  position: absolute;
  bottom: 20px;
  left: 20px;
  background: transparent url(/images/modern_women/white-bg.png);
}

#main.exhibitions .text {
  width: 290px;
}

#main.exhibitions .artists {
  margin-top: 15px;
  font-weight: bold;
}

#main.exhibitions .artists li {
  text-transform: uppercase;
}

#main.exhibitions .right {
  margin-left: 30px;
  width: 240px;
}

#main.exhibitions .box {
  padding-bottom: 35px;
  padding-left: 15px;
  padding-top: 15px;
  background: #fff url(/images/modern_women/gutter.png) repeat-x 0 bottom;
}

#main.exhibitions .feature {
  width: 205px;
}

#main.exhibitions .book {
  padding-left: 9px;
  padding-top: 0;
}

#main.exhibitions .book a {
  width: 225px;
  height: 285px;
  background: #fff url(/images/modern_women/book.png);
}

#main.exhibitions .book a:hover {
  background-position: -225px 0;
}

#main.exhibitions .video {
  padding: 0;
}

#main.exhibitions .video .content {
  padding: 15px;
}

#main.exhibitions #artists {
  line-height: 21px;
}

#main.exhibitions #artists ul {
  margin-top: 25px;
  font-weight: bold;
}

#main.exhibitions #calholder {
  height: 310px;
  overflow: auto;
  margin-top: 21px;
  line-height: 14px;
  padding-right: 16px;
  width: 195px;
}

#main.exhibitions .calheader {
  display: none;
}

#main.exhibitions #calholder .day {
  font-size: 12px;
  color: #333;
  margin-bottom: 21px;
}

#main.exhibitions #calholder .event {
  margin-bottom: 16px;
  padding-bottom: 16px;
  border-bottom: 1px solid #e1e1e1;
}

#main.exhibitions #calholder .last {
  border-bottom: none;
}

#main.exhibitions #calholder .time {
  font-size: 10px;
  font-weight: bold;
  color: #333;
  margin-bottom: 2px;
}

#main.exhibitions #calholder .category {
  font-size: 10px;
  text-transform: uppercase;
  color: #666;
  margin-bottom: 2px;
}

#main.exhibitions #calholder .category a {
  color: #666;
}

#main.exhibitions #calholder .description {
  line-height: 16px;
}

#main.exhibitions #calholder .description a {
  border-bottom: 1px dotted #666;
}

#main.exhibitions #calholder .description a:hover {
  border-bottom: 1px solid #666;
  text-decoration: none;
}

#main.exhibitions #calendar .more {
  display: block;
  margin-top: 13px;
  line-height: 21px;
}

/* ~ Artists ~
------------------------------------------------------------------------------*/

#main.artists {
  padding-right: 0 !important;
  min-height: 1px;
}

#main.artists h3.replace {
  width: 702px;
  height: 23px;
  background-image: url(/images/modern_women/artists.png);
  margin-bottom: 39px;
}

#main.artists .controls {
  border-top: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
  color: #666;
  margin-right: 20px;
  margin-bottom: 39px;
  line-height: 21px;
}

#main.artists .controls .content {
  padding: 14px 31px;
}

#main.artists .controls .right {
  float: right;
  font-weight: bold;
}

#main.artists .controls .right a {
  margin-right: 0;
}

#main.artists .featured {
  padding-left: 21px;
  background: transparent url(/images/modern_women/featured.png) no-repeat 0 1px;
}

#main.artists .controls a {
  font-weight: bold;
  margin: 0 9px;
}

#main.all .controls a.all,
#main.all .controls a.all:hover,
#main.book-filter .controls a.book,
#main.book-filter .controls a.book:hover {
  color: #666;
  cursor: auto;
  text-decoration: none;
}

#main.artists .controls .separator {
  color: #999;
  margin: 0 6px;
}

#main.artists ul.artists {
  width: 230px;
  margin-left: 10px;
}

#main.artists ul.artists li {
  padding-left: 21px;
  padding-right: 24px;
  text-transform: uppercase;
  line-height: 15px;
  margin-bottom: 15px;
}

#main.artists ul.artists .meta {
  font-size: 11px;
  text-transform: none;
}

#main.artists ul.artists .dates {
  color: #666;
}

#main.artists ul.artists .objects {
  color: #999;
}

#main.book-filter ul.artists li {
  display: none;
}

#main.book-filter ul.artists li.featured {
  display: block;
}


/* ~ Images ~
------------------------------------------------------------------------------*/

#main.images {
  padding-left: 0 !important;
  padding-right: 0 !important;
  padding-bottom: 0 !important;
}

#main.images .top {
  padding: 0 20px;
}

#main.images .top h3.replace {
  width: 554px;
  height: 23px;
  background-image: url(/images/modern_women/images.png);
  margin-bottom: 39px;
}

#main.images .right {
  float: right;
  line-height: 21px;
  margin-top: 7px;
}

#main.images .content {
  background: #fff url(/images/modern_women/images-bg.png);
  padding-bottom: 527px;
  min-height: 1px;
}

#main.images .column {
  margin-left: 10px;
  padding-top: 10px;
  background: #fff url(/images/modern_women/gutter.png) repeat-x 0 top;
}

#main.images .first {
  margin-left: 0;
}

#main.images .image {
  display: block;
  padding-top: 15px;
  padding-bottom: 10px;
  width: 235px;
  background: #fff url(/images/modern_women/gutter.png) repeat-x 0 bottom;
  text-align: center;
}

#main.images .first .image,
#main.images .last .image {
  width: 240px;
}

#main.images .image .object {
  display: block;
  width: 205px;
  margin: 0 auto;
  background: #56c1ba url(/images/modern_women/gallery-hover.png) no-repeat center bottom;
}

#main.images .image:hover .object img {
  visibility: hidden;
}


/* ~ Blog ~
------------------------------------------------------------------------------*/

.blog-entry {
  padding: 30px !important;
  border: 0 !important;
  border-top: 1px solid #d9d9d9 !important;
  min-height: 1px;
}

#main.blog small {
  font-size: 10px;
  color: #666;
  text-transform: uppercase;
}

#main.blog p {
  margin-top: 9px;
}

#main.blog .sub-nav {
  margin-top: 20px;
}

#main.blog .required {
  color: #24B6AB;
  float: right;
}

#main.blog .red-type {
  color: #24B6AB;
}

#main.blog .gray-type {
  color: #999;
}

#main.blog h2.comments {
  font-size: 18px;
  font-weight: bold;
}

#main.blog {
  background: #fff url(/images/modern_women/gutter.png) repeat-y 730px top;
  color: #666;
  padding-right: 0 !important;
  min-height: 1px;
}

#main.blog h3.replace {
  width: 105px;
  height: 23px;
  background-image: url(/images/modern_women/blog.png);
  margin-bottom: 39px;
}

#main.blog .left {
  width: 690px;
  margin-right: 30px;
  min-height: 1px;
}

#main.blog .right {
  width: 240px;
}

#main.blog .right .box {
  border: 0;
  padding-bottom: 20px;
  background: #fff url(/images/modern_women/gutter.png) repeat-x 0 bottom;
}

#main.blog .find-out {
  margin-left: 9px;
  margin-bottom: 16px;
}

#main.blog .buy {
  padding-left: 10px;
  padding-bottom: 40px;
}

#main.blog .buy a {
  width: 220px;
}

#main.blog .buy .book {
  margin-bottom: 10px;
}

#main.blog .right .content {
  padding: 15px;
}

#main.blog #video h3.replace {
  background-image: url(/images/modern_women/feature-headings.png);
  height: 10px;
  width: 205px;
  background-position: -205px 0;
}


/* ~ Videos ~
------------------------------------------------------------------------------*/

#main.videos small {
  font-size: 10px;
  color: #666;
  text-transform: uppercase;
}

#main.videos #player {
  background: #fff !important;
  padding: 0 !important;
  float: none !important;
  border: 0 !important;
  margin-top: 30px;
  color: #666;
  width: 690px;
}

#main.videos #player .info {
  width: 290px;
}

#main.videos #player .info .type {
  text-transform: uppercase;
  font-size: 10px;
  color: #666;
}

#main.videos #player .info {
  color: #666;
}

#main.videos #player .info h2 {
  color: #666;
  font-weight: bold;
}

#main.videos #player .share a {
  color: #24B6AB;
}

#main.videos #player .share input {
  border-color: #d0d0d0;
  color: #818181;
}

#main.videos #player .share a.selected {
  color: #666;
}

#main.videos {
  background: #fff url(/images/modern_women/gutter.png) repeat-y 730px top;
  color: #666;
  padding-right: 0 !important;
}

#main.videos .left h3.replace {
  width: 134px;
  height: 23px;
  background-image: url(/images/modern_women/videos.png);
  margin-bottom: 39px;
}

#main.videos .left {
  width: 690px;
  margin-right: 30px;
}

#main.videos .content {
  border-top: 1px solid #d9d9d9;
}

#main.videos .left .content h3.replace {
  width: 94px;
  height: 10px;
  background: transparent url(/images/modern_women/feature-headings.png) no-repeat -725px -20px;
  margin: 80px 0 40px 0;
}

#main.videos .right {
  width: 240px;
}

#main.videos .right .box {
  border: 0;
  padding-bottom: 20px;
  background: #fff url(/images/modern_women/gutter.png) repeat-x 0 bottom;
}

#main.videos .find-out {
  margin-left: 9px;
  margin-bottom: 16px;
}

#main.videos .buy {
  padding-left: 10px;
  padding-bottom: 40px;
}

#main.videos .buy a {
  width: 220px;
}

#main.videos .buy .book {
  margin-bottom: 10px;
}

#main.videos .right .content {
  padding: 15px;
}

#main.videos #video h3.replace {
  background-image: url(/images/modern_women/feature-headings.png);
  height: 10px;
  width: 205px;
  background-position: -205px 0;
}

/* ~ Credits ~
------------------------------------------------------------------------------*/


#main.credits {
  line-height: 21px;
  color: #666;
}

#main.credits h3.replace {
  width: 159px;
  height: 23px;
  background-image: url(/images/modern_women/credits.png);
  margin-bottom: 39px;
}

#main.credits h4 {
  font-weight: bold;
  margin-top: 30px;
}

#main.credits .content {
  border-top: 1px solid #d9d9d9;
  padding: 30px;
}

#main.credits .content h3.replace {
  height: 10px;
  background-image: url(/images/modern_women/feature-headings.png);
}

#main.credits .publication {
  margin-bottom: 100px;
}

#main.credits .publication h3.replace {
  width: 103px;
  background-position: 0 -20px;
}

#main.credits .website h3.replace {
  width: 77px;
  background-position: -103px -20px;
}

/* ~ Collection widget ~
------------------------------------------------------------------------------*/

#collectionSide .header,
#addtoCollection,
#collectionSide hr,
#collectionSide .gotoCollection {
  display: none;
}

#collectionSide .art {
  margin-top: 6px;
  margin-bottom: 10px;
  text-align: center;
}

#collectionSide .art img {
  margin: 0 auto;
}

#collectionSide .object-title {
  font-weight: bold;
}

/* ~ Video widget ~
------------------------------------------------------------------------------*/

#video .footer {
  margin: 0 10px;
  padding: 7px 7px 10px 7px;
  font-weight: bold;
  border-top: 1px solid #d9d9d9;
  line-height: 19px;
}

/* ~ Slideshow arrows ~
------------------------------------------------------------------------------*/

#slideshow {
  position: relative;
  overflow: hidden;
}

#slideshow .slide {
  display: none;
  position: absolute;
  top: 0;
  z-index: 1;
}

#slideshow .next {
  display: block;
  z-index: 2;
}

#slideshow .prev {
  display: block;
  z-index: 2;
}

#slideshow .current {
  display: block;
}

#slideshow .info {
  position: absolute;
  bottom: 20px;
  right: 20px;
  width: 360px;
  height: 169px;
  background: transparent url(/images/modern_women/white-bg.png);
  z-index: 3;
}

#slideshow .arrows {
  position: absolute;
  width: 38px;
  height: 25px;
  z-index: 4;
}

#slideshow .arrows a {
  float: left;
  width: 19px;
  height: 25px;
  background: transparent url(/images/modern_women/slideshow-arrows.png);
}

#slideshow .arrows a.next {
  background-position: -19px 0;
}

#slideshow .arrows a.prev:hover {
  background-position: 0 -25px;
}

#slideshow .arrows a.next:hover {
  background-position: -19px -25px;
}

#slideshow .arrows a.prev:active {
  background-position: 0 -50px;
}


/* ~ Buy buttons ~
------------------------------------------------------------------------------*/

#main .buy a {
  background-image: url(/images/modern_women/buy-book.png);
  width: 216px;
  height: 40px;
}

#main .buy .book {
  margin-right: 7px;
}

#main .buy .ebook {
  background-position: -216px 0;
}

#main .buy .book:hover {
  background-position: 0 -40px;
}

#main .buy .ebook:hover {
  background-position: -216px -40px;
}

/* ~ Find out more about the book ~
------------------------------------------------------------------------------*/

#main .find-out a {
  width: 225px;
  height: 285px;
  background-image: url(/images/modern_women/book-history.png);
}

#main.front .find-out a {
  background: #fff url(/images/modern_women/book.png);
}

#main .find-out a:hover {
  background-position: -225px 0;
}


/* ~ Expandable list items ~
------------------------------------------------------------------------------*/

#main .expandable {
  border-bottom: 1px solid #d9d9d9;
  padding: 4px 0;
}

#main .first-expandable {
  border-top: 1px solid #d9d9d9;
}

#main .expandable .details {
  display: none;
}

#main .expandable .details .content {
  padding-bottom: 30px;
}

#main .expandable a.close {
  display: none;
  text-transform: none;
  float: right;
}

#main .expanded .details {
  display: block;
}

#main .expanded a.close {
  display: block;
}

#main .expanded a.open {
  color: #666;
  text-decoration: none;
}

#main .expanded a.open img {
  display: none;
}


/* ~ Sample essay ~
------------------------------------------------------------------------------*/

#main .sample h3.replace {
  background: transparent url(/images/modern_women/feature-headings.png) -614px -10px;
  width: 205px;
  height: 10px;
  margin-bottom: 29px;
}

#main .sample a.replace {
  width: 201px;
  height: 248px;
  background: transparent url(/images/modern_women/sample-essay.jpg);
  margin-left: 3px;
}

#main .sample a.replace:hover {
  background-position: -201px 0;
}

/* ~ Share links ~
------------------------------------------------------------------------------*/

#share, .share-button .share {
  background: transparent url(/images/modern_women/share.png) no-repeat right top;
  margin: 0 !important;
}

#share:hover,
.share-button .share:hover,
.share-active {
  background-position: -20px -20px;
}

#share:active,
.share-button .share:active,
.wide .share .icon {
  background-position: -20px -40px;
}

.wide .share {
  height: 20px;
  line-height: 20px;
  width: 200px;
  font-size: 10px;
  text-transform: uppercase;
  background: none;
}

.wide .share:hover .text {
  text-decoration: underline;
}

.wide .share .icon {
  display: block;
  width: 20px;
  height: 20px;
  background: transparent url(/images/modern_women/share.png) no-repeat right top;
  float: right;
}

.wide .share:hover .icon {
  background-position: right -20px;
}

.wide .share .text {
  float: left;
}

#MoMAShareWidget{
  display: none;
  position:absolute;
  right: 0;
  top: 1px;
  width:234px;
  font-size:12px;
  z-index: 5000000;
  text-align: left;
} 

#MoMAShareByWidgetControls{
  background: #f5f5f5;
  border-left: 4px solid #666;
  border-right: 4px solid #666;
  border-top: 4px solid #666;   
  padding-bottom: 5px; 
  /*padding-top:6px;
  padding-left:7px;
  padding-bottom:1px;
  background-image:url(/images/share/widget_background_top.png)*/
}
#MoMAShareByEmail, #MoMAShareBySMS{
  width:196px;
  height:22px;
  /*border:1px solid #3F494F;*/
  line-height:22px;
  background-image: url(/images/share/email_sms_sprite.gif);
  background-repeat: no-repeat;
  color:#333;
  cursor:pointer;
}

#MoMAShareByEmail{
  padding-left:26px;
  /*background-position: 1px 0;*/
}

#MoMAShareByEmail:hover{
  background-position: 0 -24px;
  text-decoration: underline;
}

#MoMAShareBySMS{
  padding-left:26px;
  background-position: 0 -48px;
}

#MoMAShareBySMS:hover{
  background-position: 0 -72px;
  text-decoration: underline;
}
#MoMAShareServices{
  width:208px;
  border-left: 4px solid #666;
  border-right: 4px solid #666;
  border-bottom: 4px solid #666;   
  border-top: 1px solid #666;   
  background: #f5f5f5; 
  padding: 2px 5px 7px 13px;    
  /*padding-left:7px;
  padding-bottom:13px;
  background-image:url(/images/share/widget_background_bottom.png);
  background-position: 0 bottom;*/
}

#MoMAShareWidget.limited {
  border-bottom: 4px solid #666;
}

#MoMAShareWidget.limited #MoMAShareServices {
  display: none;
}

#MoMAShareServices .wrapper {
  padding-top: 4px;
}

#MoMAShareServicesControl{
  width:222px;
  padding: 2px 0 0 13px;
  /*border: 1px solid #3F494F;*/
  color:#E5E1DE;
}

#MoMAShareServicesControl a{
  display: block;
  width:85px;
  height:18px;
  padding-left:26px;
  line-height:18px;
  float:left;
  background-repeat:no-repeat;  
  color:#333;
  margin:5px 0;
}

#MoMAShareServicesControl a:hover{
  text-decoration: underline;
}

#MoMAShareTwitter{
  background-image:url(/images/share/twitter.gif);
  background-position: 6px 2px;
}

#MoMAShareDelicious{
  background-image:url(/images/share/delicious.gif);
  background-position: 6px 2px;  
}

#MoMAShareFacebook{
  background-image:url(/images/share/facebook.gif);
  background-position: 6px 2px;  
}

#MoMAShareGoogle{
  background-image:url(/images/share/google.gif);
  background-position: 6px 2px;  
}

#MoMAShareWidget, #MoMAShareByWidgetControls, #MoMAShareServices {
  border-color: #24B6AB !important;
}

#main.blog #pagination .box {
  border: 0;
  border-top: 1px solid #d9d9d9;
  padding: 30px;
  font-weight: bold;
  line-height: 21px;
}

#main.blog #pagination .arrow {
  width: 8px;
  height: 21px;
  overflow: hidden;
  text-indent: -10000000px;
  display: block;
}

#main.blog #pagination .older .arrow {
  background: #fff url(/images/modern_women/arrow-back-blue.png);
  float: left;
  margin-right: 7px;
}

#main.blog #pagination .newer .arrow {
  background: #fff url(/images/modern_women/arrow-blue.png);
  float: right;
  margin-left: 7px;
}

#history.feature h3.replace {
  background-image: url(/images/modern_women/feature-headings.png);
  background-position: 0 -30px;
  height: 26px;
  width: 205px;
  margin-bottom: 28px;
}

#history.feature .content a.replace {
  height: 208px;
  width: 200px;
  background-image: url(/images/modern_women/partial-history.png);
}

#history.feature .content a.replace:hover {
  background-position: -200px 0;
}

#history.notext .content a.replace {
  background-image: url(/images/modern_women/partial-history-notext.png);
}

#history.notext h3.replace {
  margin-bottom: 12px;
}