/* ----------------------------------------------------------------------- */
/* -- Supplemental style sheet for E.A. Sackler Center for Feminist Art -- */
/* -- Converted to new CSS                                              -- */
/* ----------------------------------------------------------------------- */

.exhibition-list {
	padding-left: 16px;
}

.timeline-title {
	margin-bottom: 16px;
}

/* Containing width of two-column layout for IE6 */

.two-column  {
	width: 543px;
}

/* Increase height of left navigation */

ul.eascfa-left-nav {
  margin-bottom: 50em ! important;
}

/* General Formatting */

img.main-image {
  margin-bottom: 0.625em;
}

img#elizabeth_sackler_portrait {
  height: 418px;
  width: 335px;
}

img#susan-rodriguez {
  width:335px;
  height:427px;
}

img#entry-banners-sig {
  margin-bottom: 1.625em;
}

p#entry-banners-intro-begin {
  clear: both;
  padding-top: 1.25em;
}

p.eascfa {
  padding-bottom:1.5625em;
  clear: none ! important;
	overflow: visible;
}

p.eascfa-clear-left {
  padding-bottom: 1.5625em;
  clear: left ! important;
}

p.eascfa-clear-right {
  padding-bottom: 1.5625em;
  clear: right ! important;
}

p.full {
  width: 33.3em;
  padding-right: 0;
  margin-right: 0;
}

p.studies-text {
  padding-bottom:2.5em;
  width:20.9375em;
}

/*

#content p {
  padding-right:0px ! important;
  margin-right:0px ! important;
}

div.eascfa {
  font-size: 13px;
}

*/

/* General formatting */

.right-align {
  text-align: right;
}

.center-align {
  text-align: center;
}

img.blueline {
  padding-bottom:5px;
  border-bottom: 2px solid #0099bb;
  margin-bottom: 0.625em;
}

a.back-button,
a.enter-button {
  font-size: 0.875em;
  padding-left: 0.2em;
  padding-bottom:0;
  /*margin-top: -1em;*/
  display: block;  
  width: 10em;   
  text-transform:uppercase;
}
  
a.back-button:link,
a.enter-button:link {
  color: white ! important;
  font-weight: bold;
  background: #333;
  text-decoration: none;
}

a.back-button:visited,
a.enter-button:visited {
  color: white ! important;
  font-weight: bold;
  background: #333;
  text-decoration: none;
}

a.back-button:hover,
a.enter-button:hover {
  color: white ! important;
  font-weight: bold;
  background: #0099bb;
  text-decoration: none;
}

a.back-button:active,
a.enter-button:active {
  color: white ! important;
  font-weight: bold;
  background: #333;
  text-decoration: none;
}

a.enter-button {
  float: right;
  text-align: right;
  padding-right: 0.2em;
}

p.caption-left-180 {
  font-size:75%;
  padding-right:0.7em;
  float:left;
  width:180px;
}

p.caption-right-180 {
  font-size: 75%;
  padding-left:1.4em;
  float:right;
  width:180px;
}

p.square-image-list {
  padding-top:1.875em;
  font-weight:bold;
  clear: left;
}

p.square-image-list img {
  float: left;
  padding-right: 1.25em;
}

p.top-quote {
  padding-bottom:0;
  margin-bottom:0;
}

sup.footnote-link {
  font-size:smaller;
  vertical-align:baseline;
  position:relative;
  bottom:0.33em;
}

p.dp-essay-inset {
  font-size: 0.6875em;
  float:right;
  width:160px;
  padding-left:1.3636em;
  clear:right!important;
}

p.dp-essay-inset a img {
  padding-left: 0;
  margin-left: 0;
  padding-bottom:0.3636em;
}

p.dp-essay-nav {
  float:right;
  padding-top:1.25em;       
}

div.entry-banners-nav {
  width: 335px;
  text-align:right;
}

p.tapestry {
  font-style:italic;
  padding-top:2.25em;
  clear:both;
}

p.tapestry-intro-text {
  font-style: italic;
  padding-top: 0em;
}

.tapestry-current {
  color:#0099bb;
}

object.hf-audioplayer {
  margin: -0.8em 0 1em 0;
}

p.hf-detail-caption {
  font-size: 75%;
  padding-top:0.4167em;
  padding-bottom:2.0833em;
  width:27.9167em;
}

p.half-column {
  width: 9.375em;
  float:left;
  padding-right:20px;
}

p.text-footer {
  clear:left;
  border-top:1px solid silver;
  margin-top:0.625em;
}

p.biblio {  
  padding-left:2.5em;
  margin-left:2em;
  text-indent:-2em;
}

span.indented-title {
  padding-left:1em;
}

/*

p.dp-essay-center {
  width:340px;
}

a.dp-essay-link {
  font-weight:bold;
}

a.dp-essay-back {
  margin-right:20px;
}

*/

/* Staff page */

img.staffpic {
  width:80px;
  height:80px;
  float: left;
  clear:left ! important;
  padding-right:1.25em;
  padding-bottom:1.25em;
}

p.staff-name {
  font-weight: bold;
  clear: none ! important;
}

/* Tag Cloud */

.cbox a:visited {
  color: #0099bb ! important;
}

/* Place settings Browse */

.wing,
.wing-right {
  font-size: 0.8125em;
  float:left;
  width:13.0em;
  padding:0;
  margin:0;
}

.placesetting {
  width: 12em;
  padding-left: 0.5em;
  padding-right: 0.5em;
  margin:0;
  text-align:center;
}

.placesetting img {
  width: 81px;
  height: 82px;
  padding-left:3.0769em;
  padding-right:3.0769em;
  margin:0;
}

/* Dinner Party profiles */

div.sources p.headline {
  clear:left;
}

p.headline {
  padding-top:10px;
}

/* Feminist Art Base artist listings */

form.right-select {
  float:right;
  clear:both;
}

form.right-select input.submit {
  font-size: 0.8125em;
}
      
div.artist-row {
  clear: both;
}       
         
div.artist-row p.artist-thumb {
  float:left;
  width:8.4375em;
  padding: 0;
  margin: 0 0 1em 0;
  clear: none ! important;      
}

div.artist-row p.artist-thumb img {
  width: 85px;
  height: 85px;
}

/* -- FAB search results -- */

form.fab-search-pagination {
  width:13.4em;
  clear:right;
  float:right;
  text-align: right;
}
       
img.search-result-thumbnail {     
  width: 85px;
  height: 85px;
  padding-right:0.625em;
  padding-top:0.625em;
}

img.search-result-audio-icon {
  margin-bottom: -10px;
  padding-right: 5px;
	height: 30px;
	width: 30px;
}

div.image-row,
div.audio-row {
  clear: both;
}

div.image-row p.result-thumb {
  font-size: 0.75em;
  float: left;
  width: 11.25em;
  padding: 0;
  margin: 0 0 1.3333em 0;
  clear: none ! important;
}

/* -- FAB home page -- */

.fab-caption {
  font-size:0.75em;
  color: #333333;
  margin-top: 0.25em;
  margin-bottom: 1.67em;
}

.age-notice {
  font-weight:bold;
  font-style:italic;
}

/* Buttons for FAB home page - same as "right-button" class in b.css but display inline, not block */

div.fab-button {  
  margin: 0.4375em 1.875em 0.4375em 0;
  padding-left: 0;    
  float:left;
  text-align:center;
	line-height: 15px; 
}

div.fab-button a {
  font-size: 0.8125em;
  display: block;
  height: 1.2306em;     
  width: 10.9231em;
  color: white;
  font-weight:bold;
  text-transform:uppercase;
  text-decoration: none;
}

div.fab-button a:link {
  color:white;
  background: #333;
}

div.fab-button a:visited {
  color: white;
  background: #333;     
}

div.fab-button a:hover {
  color:white;
  background: #0099bb;
}

div.fab-button a:active {
  color: white;
  background: #333;
}

/* -- Feminist Timeline -- */

h2.timeline-title {
  text-decoration: underline;
  font-size: 1em;
}

/* -- Links -- */

div.right-column p.delicious-info {
  color:#333333;
}

div.right-column p.delicious-info a:link,
div.right-column p.delicious-info a:hover,
div.right-column p.delicious-info a:active  {
  text-decoration: none;
}

div.right-column p.delicious-info a:visited {
  color:#8c9263;
  text-decoration: none;
}

div.right-column h2.delicious-banner {
  font-size: 1em;
  font-weight: bold;
  padding-bottom: 1em;
}

div.right-column h2.delicious-banner a:link,
div.right-column h2.delicious-banner a:active {
  text-decoration: none;
}

div.right-column h2.delicious-banner a:visited {
  text-decoration: none;
  color: #8c9263;
}

div.right-column h2.delicious-banner a:hover {
  text-decoration: none;
}


/* Digital Archive Submission Forms */

.blueline {
  border-bottom: 1px solid #0099bb;
  margin-bottom: 2px;
}

/*

.archive-registration-form{
 margin: 0;
}

.archive-registration-form p {
  font-size: 11px;
  padding: 2px;
  margin: 1px;
}

.archive-form {
 margin: 0;
 width: 345px;
}

.archive-form p {
  font-size: 11px;
  padding: 2px;
  margin: 1px;
}

.archive-form-footnote {
  font-size: 11px;
  font-style: italic;
}

.field-title {
  float: left;
  width: 235px;
}

p.field-title input {
  width: 230px;
}

*/

.field-title-half {
  float: left;
  width: 9.375em;
  clear: none ! important;
}

p.field-title-half input {
  font-size: 1em;
  width: 8.75em;
}

/*

.field-title-short {
  float: left;
  width: 200px;
}

p.field-title-short input {
  width: 195px;
}

.field-title-xshort {
  float: left;
  width: 45px;
}

p.field-title-xshort input {
  width: 40px;
}

.field-title-long {
  float: left;
  clear: both;
  margin-top: 0px;
  width: 495px;
}

p.field-title-long input {
  width: 450px;
  margin-left: 10px;
  margin-top: 3px;
}

.confirm-title {
  float: left;
  clear: left;
  width: 95px;
}

.confirm-data {
  float: left;
  width: 400px;
}

*/

.red {
  color: red;
}

/* -- Archive / Portfolio Manager -- */

/*

span.fab-directions,
p.fab-directions {
  color:#0099bb;
  font-weight:bold;
}

h3.subhead {
  color:#000000;
  font-weight:bold;
}

ul.archive-manager {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}

ul.archive-manager li {
  display: inline;
  padding-left: 5px;
  padding-right: 5px;
}

#right-column-archive-manager{
  	float: right;
	width: 182px;
	margin:0 0 0 0;
	padding: 0 0 0 10px ;
	position: relative;
	font-size:80%;
}

div.rightThumbsWiki {
  width:180px;      
  font-size:11px;       
}

#right-column-wiki-manager{
  float: right;      
  width: 182px;
  margin:0 0 0 0;
  padding: 0 0 0 0;
  position: relative;
  font-size:80%;
}
 
div.rightThumbsWiki div.thumbsGrayBold{
  padding-left: 15px;
  padding-right: 5px;
}

.archive-manager-rightNav {
  color: #333333;
  margin: 0;
  padding-bottom: 5px;
  text-align: top;
}

.wiki-rightNav {
  color: #333333;
  margin: 0;
  padding-bottom: 5px;
  text-align: top;
  padding-left: 15px;
  padding-right: 5px;
}

#right-column-wiki-manager div.rightThumbsWiki .wiki-rightNav a:link,
#right-column-wiki-manager div.rightThumbsWiki .wiki-rightNav a:visited {
  color: #333333;
  text-decoration: none;
}

#right-column-wiki-manager div.rightThumbsWiki .wiki-rightNav a:active,
#right-column-wiki-manager div.rightThumbsWiki .wiki-rightNav a:hover {
  color: #0099bb;
  text-decoration: none;
}

.wiki-entry-tools-rightNav {
  color: #333333;
  margin: 0;
  padding-bottom: 5px;
  text-align: top;
  background-color: #eeeeee;
  padding-left: 15px;
  padding-right: 5px;
}

.wiki-header-rightNav {
  font-weight:bold;
  color:#0099bb; 
  background-color: #eeeeee;
  padding-left: 15px;
  padding-right: 5px;
}

#right-column-archive-manager div.archive-manager-rightNav a:link,
#right-column-wiki-manager div.wiki-entry-tools-rightNav a:link,
#right-column-wiki-manager div.archive-manager-rightNav a:link,
#right-column-archive-manager div.archive-manager-rightNav a:visited,
#right-column-wiki-manager div.wiki-entry-tools-rightNav a:visited,
#right-column-wiki-manager div.archive-manager-rightNav a:visited {
  color: #4b5141;
  text-decoration: none;
}

#right-column-archive-manager div.archive-manager-rightNav a:active,
#right-column-wiki-manager div.wiki-entry-tools-rightNav a:active,
#right-column-wiki-manager div.archive-manager-rightNav a:active,
#right-column-archive-manager div.archive-manager-rightNav a:hover,
#right-column-wiki-manager div.wiki-entry-tools-rightNav a:hover,
#right-column-wiki-manager div.archive-manager-rightNav a:hover {
  color: #0099bb;
  text-decoration: none;
}

*/

/* Edit personal info page
   Needs different CSS because it's 3-column, not 2 */

/*

.info-title {
  float: left;
  width: 130px;
  margin: 0;
  padding: 0;
}

p.info-title input {
  width: 130px;
}

.info-title-short {
  float: left;
  width: 95px;
  margin: 0;
  padding: 0;
}

p.info-title-short input {
  width: 95px;
  margin: 0;
}

.info-title-xshort {
  float: left;
  width: 40px;
  margin: 0;
  padding: 0;
}

p.info-title-xshort input {
  width: 40px;
  margin: 0;
}

.info-title-long {
  float: left;
  clear: both;
  margin-top: 0px;
  width: 320px;
}

p.info-title-long input {
  width: 279px;
  margin-left: 10px;
  margin-top: 3px;
}

.info-title-checkboxes {
  float:left;
  clear:both;
  margin-top:0px;
  width:320px;
}

*/

/* -- Artist Page (gallery view) -- */

.gallery-main-artist-image {
  padding-top: 0.625em;
  padding-bottom: 0.3125em;
  margin-bottom: 0.5em;
}

h3.gallery-heading {
  font-weight: bold;
  font-size: 1em;
  line-height:300%;
}

div.right-column#fab {
  margin-top: -1em;
  color: #333333;
  border-style: none;
  margin-bottom: 2em;
}

div.right-column#fab a {
  text-decoration: none;
}

div.right-column#fab a:link,
div.right-column#fab a:hover, 
div.right-column#fab a:active {
  color:#0099bb;
}

div.right-column#fab a:visited {
  color:#8c9263;
}

div.right-column#fab p.square-image {
}

div.right-column#fab p.square-image img {
  height: 50px;
  width: 50px;
	margin-bottom: 7px;
	margin-right: 7px;
}

/* Pagination for images, videos, and audio clips */

#gallery-nav {
    margin: 32px 0 16px 0;
    width: 302px;
    height: 20px;  
    position: relative; 
    display: block;
}

#gallery-nav a {    
    display: block;    
    text-align: center;
    position: absolute;
}

#gallery-nav #next {
    width: 60px;
    left: 242px;
}

#gallery-nav #back {
    left: 110px;
}

#gallery-nav #previous img {
        margin-right: 8px;
        position: relative;
        top: 2px;
}

#gallery-nav #next img {
        margin-left: 8px;
        position: relative;
        top: 2px;
}


/* videos */
.video-title {
  margin-bottom:0.5em;
}

.video-desc {
  font-size:90%;
  margin-bottom:1.0em;
}

.video-embed {
  margin-top:0.5em;
  margin-bottom:1em;
  font-size:80%;
}

.video-embed-text {
  font-size:80%;
  width:425px;
  color: #555555;
  line-height: 1.4em;
}

ul.video-categories,
ul.video-categories li {
  font-weight:normal;
}

ul.video-categories a:link,
ul.video-categories a:visited {
  color: #333333;
}

ul.video-categories a:hover,
ul.video-categories a:active {
  color: #0099bb;
}

ul.video-categories li.cat-selected a {
  font-weight:bold;
  color:#0099bb;
  text-decoration: none ! important;
}

/* -- Curators -- */

/*

.curator-gallery-options {
        margin-right: 250px;
        border-top:1px groove silver;
}

*/

/* -- The Dinner Party Wiki -- */

/*

#content #main-text p a.editlink:link,
#content #main-text p a.editlink:active,
#content #main-text p a.editlink:visited,
#content #main-text p a.editlink:hover {
        font-size: 10px;
        text-transform: uppercase;
        letter-spacing: 0.1em;
        color: #0099bb ! important;
        background-color: #eee;
        text-decoration: none ! important;
        margin-left: 5px;
}

*/

/* upload styles (added by mike.dillon@brooklynmuseum.org) */

/*

.progress-bar {
  margin:10px 0px 10px 0px;
}
.background {
  width:330px;
  height:10px;
  border:1px solid gray;
  z-index:1;
}
.bar {
  width:20px;
  height:10px;
  z-index:2;
  position:relative;
  top:0;
  left:0;
  background:#0099bb;
}

*/

/* -- Right-column adjustments --*/

div.right-column p {
  font-weight: normal;
  line-height: 1.4em;
}

div.right-column p.square-image {
  margin-top: 0.5em;
  line-height: 2em;
}

div.right-column p.square-image,
div.right-column .right-block,
div.right-column p.button,
div.right-column p.button-no-heading,
div.right-column p.catalogue,
div.right-column p.subscribe {
  font-weight: bold;
}