/* ---------------------------CONTENT-SPECIFIC LAYOUT AND STYLES  2:46PM 10.15.2010*/


/* FROM DEFAULT.CSS ------------------------------------------------------------------------------------*/
.hidden {
	display: none;
	margin: 0;
	padding: 0;
}
.replaced-text {
	display: none;
	height: 0;
	line-height: 0;
	margin: 0;
	padding: 0;
	border: 0;
}

/* FROM JQUERY.CSS ------------------------------------------------------------------------------*/

/* jQuery COLLAPSE */

div.collapsible {
	font-size: 100%;
	padding: 0;
	margin: 0 0 1em 0;
	border: 1px solid #E8E4E1;
	background: #fff;
}


div.collapsible .trigger {
	margin: 0;
	padding: .25em;
	line-height: 1em;
	background-color: #CBC8C1;
	/* border-bottom: 1px solid #858e95; */
}


div.collapsible div {
	margin: 0;
	padding: 1em;
}

div.collapsible div div {
	margin: 0;
	padding: 0;
}

div.collapsible div h3.first,
div.collapsible div h2.first {
	margin-top: 0;
}



/* DATEPICKER */

table.ui-datepicker-calendar {
	width: 100%;
}

.ui-datepicker-next {
	left: 14.5em;
}

/* ___________ IE6 IFRAME FIX ________ */
.ui-datepicker-cover {
  display: none; /*sorry for IE5*/
  display/**/: block; /*sorry for IE5*/
  position: absolute; /*must have*/
  z-index: -1; /*must have*/
  filter: mask(); /*must have*/
  top: -4px; /*must have*/
  left: -4px; /*must have*/ /* LTR */
  width: 200px; /*must have*/
  height: 200px; /*must have*/
}


/* FROM CONTENT.CSS ----------------------------------------------------------------------------------------*/


/* EXCEPTIONS FOR HEDS ON "SUBPAGES" */
.node-type-exhibition-topic-1 h1 {
	color:#635D50;
	font-size:1.4em;
	letter-spacing:0.01em;
	text-transform:none;
}


/* ITEM (OBJECT) PAGE */

.node .content {
	position: relative;
}

.item-content {
	position: relative;
	margin: 0;
	padding: 0;
}

.item-content .item-details {
	margin:0 0 0;
	float: right;
	padding: 0;
	width: 295px;
}

.item-content .item-details .block {
	margin:20px 0;
}
.item-content .item-text {
	width:790px;
}
.item-content .item-text .explore-by-theme {
	width:550px;
}

.item-content .item-images {
	float: left;
	margin: 0;
	padding: 0;
	width: 550px;
}

.item-details h1 {
	font-size:1.3em;
	line-height:1.45em;
	color:#000000;
	letter-spacing:0.01em;
	text-transform:none;
}
.image-tools {
	/* margin:50px 50px 50px 50px; */
	position:absolute;
	left:564px;
}
.item-images .image-tools {
	padding: 0;
	text-align: center;
	width: 48px;
	margin: 0 auto 6px auto;
	position: relative;
	height: 18px;
}
.item-text .image-tools {
	left:120px;
}

.image-tools .item-zoom {
	display: block;
	height: 25px;
	width: 25px;
	background: url(../images/zoom_button.gif) top left no-repeat;
	top: 0;
	left: 0;
}
.image-tools .next-prev {
	border-bottom:1px solid #939393;
	padding-bottom:2em;
	margin-bottom:0;
}

.image-tools .print-page {
	display: block;
	height: 18px;
	width: 18px;
	background: url(../images/print_button.gif) top left no-repeat;
	margin: 0 3px;
	position: absolute;
	top: 0;
	right: 0;
}

.main-image-container {
	height: 500px;
	width: 550px;
	position: relative;
	background: #000000;
}

.main-image-inner {
	padding-bottom: 10px;
}

.main-image {
	/*height: 330px;
	width: 520px;*/
	text-align: center;
	background: #000000;
	position: absolute;
	top: 15px;
	left: 15px;
}

.item-images .thumbnails {
	padding: 20px 0 15px 0;
	background: #ffffff;
}


.item-images .highlight-nav {
	text-align: center;
	margin: 1em 0 0 0;
	font-size: .9em;
}

.item-images .highlight-nav a:link,
.item-images .highlight-nav a:visited {
	text-decoration: none;
}
.item-images .highlight-nav a:hover,
.item-images .highlight-nav a:active {
	text-decoration: underline;
}

.item-content .item-description {
}

.item-description p {
	color: #36322D;
}
.item-description .caption p {
	color:#999;
}

.item-description a:link, .item-description a:visited {
	/*
	font-size:0.9em;
	font-weight:bold;
	line-height:1em; 
	 */
	color:#fd9800;
	text-decoration:underline;
}
.item-description a:hover, .item-description a:active {
	/* text-decoration: underline; */
}

.item-details .gallery-return {
	margin-top:2em;
}

.gallery-return a:link,
.gallery-return a:visited {
	text-decoration: none;
}
.gallery-return a:hover,
.gallery-return a:active {
	text-decoration: underline;
}

/* Add This */
.addthis_toolbox {
	height: 16px;
	margin: 0 0 20px 12px;
	position: relative;
}
.region-sidebar-first .addthis_toolbox {
	margin-left:0;
}
.addthis_toolbox .addthis_item {
	height: 16px;
	width: 18px;
	float: left;
}

#block-nypl_exhibitions_content-1 h3 {
	color:#36322D;
	font-size:0.7em;
	margin:0 14px 3px;
	text-transform:uppercase;
}

/* Visit the Exhib/Scriptorium */

.exhibition-link {
	background:url("../images/3F_visit-exhib.jpg") no-repeat scroll left top transparent;
	height:45px;
	margin:0 0 7px 12px;
	padding-bottom:10px;
	position:relative;
}

.scriptorium-link {
	background:url("../images/3F_visit-script.jpg") no-repeat scroll left top transparent;
	height:38px;
	margin:0 0 10px 12px;
	position:relative;
}

.exhibition-link a, .scriptorium-link a {
	display: block;
	height: inherit;
	width: inherit;
}

.exhibition-link a span, .scriptorium-link a span {
	display:none;
	height:0;
	line-height:0;
	visibility:hidden;
} 


/* Follow on Twitter */

.follow-twitter {
	background:url("../images/follow-twitter.jpg") no-repeat scroll left top transparent;
	height:21px;
	margin:0 0 10px 12px;
	position:relative;
}

.follow-twitter a {
	display: block;
	height: inherit;
	width: inherit;
}

.follow-twitter a span {
	display:none;
	height:0;
	line-height:0;
	visibility:hidden;
} 

/* ----fixes the left margin on object pages! DON'T CHANGE IT */
body.node-type-exhibition-item-1 .addthis_toolbox, 
body.node-type-exhibition-item-1 .exhibition-link,
body.node-type-exhibition-item-1 .scriptorium-link,
body.node-type-exhibition-item-1 .follow-twitter {
	margin:0 0 5px;
}


/* Buttons for Gallery Pager */

.gallery-nav {
	height:50px;
	margin:0 auto;
	padding:0;
	position:relative;
	width:85px;
}

.gallery-nav .prev-link {
    display: block;
	position: absolute;
    bottom: 0;
    left: 0;
    width: 27px;
    height: 30px;
    background: transparent url(../images/gallerynav_prev.gif) no-repeat 0 0;
}
.gallery-nav .return-link {
display:block;
	position:absolute;
bottom:0;
	top:22px;
	left:28px;
	right:23px;
	width:22px;
height:22px;
	background:url("../images/galleryicon.jpg") no-repeat scroll 0 0 transparent;
}
.gallery-nav .next-link {
    display: block;
	position: absolute;
    bottom: 0;
    right: 0;
    width: 27px;
    height: 30px;
    background: transparent url(../images/gallerynav_next.gif) no-repeat 0 0;
}

.gallery-nav .prev-link:hover,
.gallery-nav .next-link:hover {
    background-position: 0 -27px;
}


.gallery-nav .next-link-off,
.gallery-nav .prev-link-off {
    cursor: default;
    background-position: 0 -54px;
}

.item-images .gallery-return {
	font-size:0.7em;
	font-weight: bold;
	line-height:1.5em;
	text-align:center;
	text-transform:uppercase;
}

.item-images .gallery-return a:link, .item-images .gallery-return a:visited {
color: #A7945E;
text-decoration: none;
}
.item-images .gallery-return a:hover, .item-images .gallery-return a:active {

}

/* GALLERY PAGE */
/* Note: All styles associated with the thumbnail gallery are in the gallery_carousel skin */

.topic-gallery {
	margin-top:5px;
}

.topic-description {
	margin:0 25px 0 411px;
}


/* pager on image viewer */
#main-content-body .item-list {
	margin-top: 20px;
}

#main-content-body .item-list ul.pager li.pager-previous a,
#main-content-body .item-list ul.pager li.pager-next a {
	border:2px solid #908B85;
	background: #CBC8C1;
	font-size:150%;
	padding:0 5px;
	text-decoration:none;
}

#main-content-body .item-list ul.pager li.pager-previous a:link,
#main-content-body .item-list ul.pager li.pager-previous a:visited,
#main-content-body .item-list ul.pager li.pager-next a:link,
#main-content-body .item-list ul.pager li.pager-next a:visited {

}

#main-content-body .item-list ul.pager li.pager-previous a:hover,
#main-content-body .item-list ul.pager li.pager-previous a:active,
#main-content-body .item-list ul.pager li.pager-next a:hover,
#main-content-body .item-list ul.pager li.pager-next a:active  {
	background: #534D45;
	color: #ffffff;
}


/* THREE HIGHLIGHTS PAGE */

.threehighlights {
	width: 600px;
	margin: 20px auto;
	padding: 0;
	position: relative;
}

.threehighlights .highlight,
.threehighlights .highlight a {
	display:block;
	height:237px;
	margin:0;
	padding:0;
	width:190px;
}

.threehighlights .highlight {
	float: left;
}

.threehighlights .highlight-1,
.threehighlights .highlight-2 {
	margin-right: 15px;
}

.threehighlights .highlight-1 a {
	background-image: url(../images/highlight1.jpg);
}

.threehighlights .highlight-2 a {
	background-image: url(../images/highlight2.jpg);
}

.threehighlights .highlight-3 a {
	background-image: url(../images/highlight3.jpg);
}

.threehighlights .highlight a:link,
.threehighlights .highlight a:visited {
	background-position: 0 0;
	background-repeat: no-repeat;
}

.threehighlights .highlight a:hover,
.threehighlights .highlight a:active {
	background-position: 0 -237px;
}





/* THEMES LANDING PAGE */

#block-nypl_exhibitions_content-3 ul.topics-overview {
	clear:both;
	list-style:none outside none;
	margin:1em auto;
	padding:0;
	position:relative;
	width:550px;
}

#block-nypl_exhibitions_content-3 ul.topics-overview li {
	float: left;
	width: 89px;
	height: 109px;
	padding: 0;
	margin:0 9px 10px;
}

#block-nypl_exhibitions_content-3 ul.topics-overview li a:link,
#block-nypl_exhibitions_content-3 ul.topics-overview li a:visited {
	display: block;
	width: 89px;
	height: 109px;
	padding: 0;
	margin: 0;

	background-position: 0 0;
	background-repeat: no-repeat;
}

#block-nypl_exhibitions_content-3 ul.topics-overview li a:hover,
#block-nypl_exhibitions_content-3 ul.topics-overview li a:active {
	background-position: 0 -109px;
}


#block-nypl_exhibitions_content-3 ul.topics-overview li.judaism a:link,
#block-nypl_exhibitions_content-3 ul.topics-overview li.judaism a:visited{
	background-image: url(../images/theme-jud.jpg);
	background-position: 0 0;
	background-repeat: no-repeat;}
#block-nypl_exhibitions_content-3 ul.topics-overview li.judaism a:hover,
#block-nypl_exhibitions_content-3 ul.topics-overview li.judaism a:active {
	background-position: 0 -109px;}

#block-nypl_exhibitions_content-3 ul.topics-overview li.christianity a:link,
#block-nypl_exhibitions_content-3 ul.topics-overview li.christianity a:visited{
	background-image: url(../images/theme-chr.jpg);
	background-position: 0 0;
	background-repeat: no-repeat;}
#block-nypl_exhibitions_content-3 ul.topics-overview li.christianity a:hover,
#block-nypl_exhibitions_content-3 ul.topics-overview li.christianity a:active {
	background-position: 0 -109px;}

#block-nypl_exhibitions_content-3 ul.topics-overview li.islam a:link,
#block-nypl_exhibitions_content-3 ul.topics-overview li.islam a:visited{
	background-image: url(../images/theme-isl.jpg);
	background-position: 0 0;
	background-repeat: no-repeat;}
#block-nypl_exhibitions_content-3 ul.topics-overview li.islam a:hover,
#block-nypl_exhibitions_content-3 ul.topics-overview li.islam a:active {
	background-position: 0 -109px;}
	
#block-nypl_exhibitions_content-3 ul.topics-overview li.abraham a:link,
#block-nypl_exhibitions_content-3 ul.topics-overview li.abraham a:visited{
	background-image: url(../images/theme-abr.jpg);
	background-position: 0 0;
	background-repeat: no-repeat;}
#block-nypl_exhibitions_content-3 ul.topics-overview li.abraham a:hover,
#block-nypl_exhibitions_content-3 ul.topics-overview li.abraham a:active {
	background-position: 0 -109px;}	
		
#block-nypl_exhibitions_content-3 ul.topics-overview li.jesus a:link,
#block-nypl_exhibitions_content-3 ul.topics-overview li.jesus a:visited{
	background-image: url(../images/theme-jes.jpg);
	background-position: 0 0;
	background-repeat: no-repeat;}
#block-nypl_exhibitions_content-3 ul.topics-overview li.jesus a:hover,
#block-nypl_exhibitions_content-3 ul.topics-overview li.jesus a:active {
	background-position: 0 -109px;}	
			
#block-nypl_exhibitions_content-3 ul.topics-overview li.moses a:link,
#block-nypl_exhibitions_content-3 ul.topics-overview li.moses a:visited{
	background-image: url(../images/theme-mos.jpg);
	background-position: 0 0;
	background-repeat: no-repeat;}
#block-nypl_exhibitions_content-3 ul.topics-overview li.moses a:hover,
#block-nypl_exhibitions_content-3 ul.topics-overview li.moses a:active {
	background-position: 0 -109px;}	
				
#block-nypl_exhibitions_content-3 ul.topics-overview li.muhammad a:link,
#block-nypl_exhibitions_content-3 ul.topics-overview li.muhammad a:visited{
	background-image: url(../images/theme-moh.jpg);
	background-position: 0 0;
	background-repeat: no-repeat;}
#block-nypl_exhibitions_content-3 ul.topics-overview li.muhammad a:hover,
#block-nypl_exhibitions_content-3 ul.topics-overview li.muhammad a:active {
	background-position: 0 -109px;}	
					
#block-nypl_exhibitions_content-3 ul.topics-overview li.the-scriptures a:link,
#block-nypl_exhibitions_content-3 ul.topics-overview li.the-scriptures a:visited{
	background-image: url(../images/theme-scr.jpg);
	background-position: 0 0;
	background-repeat: no-repeat;}
#block-nypl_exhibitions_content-3 ul.topics-overview li.the-scriptures a:hover,
#block-nypl_exhibitions_content-3 ul.topics-overview li.the-scriptures a:active {
	background-position: 0 -109px;}	


/* 3-col layout on Three Highlights and Themes landing pgs */

/* .Article */
#node-20 .content-1-col, #node-21 .content-1-col
{
	-moz-column-count: 3;
	-moz-column-gap: 20px;
	-webkit-column-count: 3;
	-webkit-column-gap: 20px;
	column-count: 3;
	column-gap: 20px;
	
	border-bottom:1px solid #B4AEA9;
	line-height:1.4em;
	margin-bottom:20px;
	padding-bottom:15px;
}



/* STATIC PAGES */

.display-more {
color: #A7945E;
font-size:120%;
}

a:link.link-special,
a:visited.link-special {
color: #A7945E;
text-decoration: none;
}
a:hover.link-special,
a:active.link-special {
text-decoration: underline;
}


/* SEARCH PAGE */

#search-form .container-inline input#edit-submit {
float: none;
}


/* -------------------------------------------------------------FAITH COLORS which aren't in the jquery skins--- */
/* NOTE: JA the classes ".judaism" ".christianity" AND ".islam"  ARE DEFINED IN "header.css" FOR THE FAITH KEY*/

/* gallery thumbs borders */
/*
.topic-gallery-thumb-judaism .inner {
	border-bottom-color:#d75b27;
}

.topic-gallery-thumb-christianity .inner {
	border-bottom-color:#989443;
}

.topic-gallery-thumb-islam .inner {
	border-bottom-color:#00a2ce;
}*/


/* FAITH-BASED COLORS */

/* Judaism */
a.judaism:link, a.judaism:visited {
	color: #d75b27; 
}

/* Christianity */
a.christianity:link, a.christianity:visited {
	color: #989443; 
}

/* Islam */
a.islam:link, a.islam:visited {
	color: #00a2ce;
}

/* Judaism */
ul#secondary-links li.the-xanten-bible a,
ul#secondary-links li.judaism a, /* left nav */
.item-details .judaism a:link, .item-details .judaism a:visited /* Return to Gallery link */
{
	color: #d75b27; 
}

/* Christianity */
ul#secondary-links li.the-harkness-gospel a,
ul#secondary-links li.the-harkness-gospels a,
ul#secondary-links li.christianity a, /* left nav */
.item-details .christianity a:link, .item-details .christianity a:visited /* Return to Gallery link */
{
	color: #989443; 
}

/* Islam */
ul#secondary-links li[class~="the-qur'an"] a,
ul#secondary-links li.the-quran a,
ul#secondary-links li.islam a, /* left nav */
.item-details .islam a:link, .item-details .islam a:visited /* Return to Gallery link */
{
	color: #00a2ce; }


.item-details .gallery-return a:hover, .item-details .gallery-return a:active {
 color: #B4AEA9;
}

#node-19 .item-citation {
	border-bottom: 1px solid #d75b27; /* Judaism */
}
#node-33 .item-citation {
	border-bottom: 1px solid #989443; /* Christianity */
}
#node-34 .item-citation {
	border-bottom: 1px solid #00a2ce; /* Islam */
}

/*
 * Added by ADrobotij for the Centennial site.
 */

.item-theme {
	border-top:2px solid #fd9800;
	border-bottom:2px solid #fd9800;
	margin-bottom:0.8em;
}
.item-theme h4 {
	text-transform:uppercase;
	font-weight:bold;
	letter-spacing:0.05em;
	color:#fd9800;
	font-size:0.9em;
	margin-bottom:0.3em;
}
.item-theme p {
	font-weight:bold;
	color:#908B85;
	line-height:1.3em;
}
.item-text .item-theme {
	margin-top:2em;
	width:350px;
	margin-bottom:1em;
}
.item-text h1 {
	color:#000;
	font-size:1em;
	margin-bottom:0;
	padding-bottom:0;
	line-height:1em;
}
.item-details .caption {
	margin-top:2em;
}

.quilt-return {
	/* margin-top:2em; */
	margin-top:0;
}
.quilt-return a {
	font-weight:bold;
	color:#414143;
	text-decoration:none;
}
.quilt-return a:hover {
	color:#fd9800;
}
p.add-your-square {
	color:#808284;
	margin-top:2em;
	margin-bottom:2em;
	font-weight:bold;
	font-size:1em;
}
.quilt-return p a {
	color:#808284;
}
p.add-your-square a {
	text-decoration:none;
	color:#808284;
}
p.add-your-square {
	margin-top:2em;
}
p.add-your-square img {
	float:left;
	margin-right:1em;
	margin-top:-0.4em;
}

.color-exhibition {
	color:#fd9800;
}
.explore-by-theme {
	margin-top:2em;
}
.explore-by-theme h4 {
	padding-bottom:5px;
	margin-bottom:5px;
	border-bottom:5px solid #e0dedf;
}
.explore-by-theme a {
	font-size:0.9em;
	letter-spacing:0.05em;
	color:#414143;
	text-decoration:none;
	text-transform:uppercase;
}
.explore-by-theme a:hover {
	color:#fd9800;
}

.item-plain h1 {
	font-size:1.3em;
	color:#000;
}

/* Juxtapositions */
.juxtaposition h2 {
	color:#fd9800;
	font-size:1.3em;
	margin-bottom:0.3em;
	margin-top:0;
}
.juxt-video {
	float:left;
}
.juxt-thumbs {
	margin-top:1em;
}
.juxt-thumbs p.thumb-0, .juxt-thumbs p.thumb-1 {
	font-size:0.8em;
	width:270px;
	float:left;
}
.juxt-thumbs a {
	text-decoration:none;
	color:#414143;
}
.juxt-thumbs a:hover {
	color:#fd9800;
}
img.juxt-thumb {
	float:left; margin-right:1em;
}
.juxt-nav {
	margin-top:2em;
}
.juxt-nav table {
	border-top:6px solid #DEDEDE;
	border-bottom:6px solid #DEDEDE;
}
.juxt-nav h4 {
	margin-bottom:0;
}
.juxt-nav h5 {
	font-size:0.9em;
}
.juxt-nav td {
	width:250px;
	margin:0;
	padding:0 0 1em 0;
}
.juxt-nav td.top { border-bottom:2px solid #DEDEDE; }
.juxt-nav td.left { border-right:2px solid #DEDEDE; }
.juxt-nav td.right { padding-left:20px; width:280px; }

.juxt-nav .juxt-nav-thumbs {
	float:left;
	margin-right:1em;
}

div.btn-arrow {
	margin:0; padding:0;
}
div.btn-arrow img {
	width:100%;
	height:100%;
	border:0;
}
div.btn-arrow a, div.btn-arrow a:link, div.btn-arrow a:visited {
	display:block;
}
div.btn-arrow a:hover img {
	visibility:hidden;
}

div.btn-next {
	height: 25px;
	width: 25px;
	margin:0 0 1em 0;
	padding:0;
	background:url("../images/arrow_next_hover.gif") top left no-repeat;
}
div.btn-prev {
	height: 25px;
	width: 25px;
	margin:0 0 1em 0;
	padding:0;
	background:url("../images/arrow_prev_hover.gif") top left no-repeat;
}


.content p a {
	/* text-decoration:none; */
}
.content p a:hover {
	/* text-decoration:underline; */
}