/**
* CSS
* 
* @version 2.0
* @author Vaska 
*
* There are also some obscure rules in base.css
*/
/*@import url(//fonts.googleapis.com/css?family=Didact+Gothic');*/

@font-face {
	font-family: 'gothic';
	src: url('/customfiles/font/gothic.eot');
	src: url('/customfiles/font/gothic.woff') format('woff'), url('/customfiles/font/gothic.ttf') format('truetype');
}

#customtextspace {  }
iframe {  }

body {
	font-size: 13px;
	font-family: 'gothic', Century Gothic, CenturyGothic, AppleGothic, sans-serif; /*'Helvetica Neue', Arial, Helvetica, Verdana, sans-serif;*/
	background: #fff;
	color: #333333;
	line-height: 1.3em;
	overflow-x:hidden;
	/* font-weight: 300; */
}

/* link scheme */
/* you can customize links further down the page too */
a:link { text-decoration: none; color: #00aded; }
a:active { text-decoration: none; color: #00aded; }
a:visited { text-decoration: none; color: #00aded; }
a:hover { text-shadow: 0px 0px 1px #8ed5ef; /* font-weight: bold; /*text-decoration: underline;*/ }
a img { border: none; }
/* blue: #00aded #8ed5ef - grey: #767676 #bebebe */
#index a:link { text-decoration: none; color: #767676; }
#index a:active { text-decoration: none; color: #767676; }
#index a:visited { text-decoration: none; color: #767676; }
#index a:hover { text-shadow: 0px 0px 1px #bebebe; /* font-weight: bold; /*text-decoration: underline;*/ }


/* custom sections */
#section_link_11 { color:black; } 
#section_link_11:hover { color: #00aded;cursor: pointer; }
.section, .section_title a:hover { cursor:default; }


/* general styles */
small { font-size: 9px; }
code {  }
blockquote { padding-left: 9px; }

/* headings */
h1 { font-size: 13px; margin-bottom: 1em; font-weight: bold; }
h2 { font-size: 13px; margin-bottom: 1em; font-weight: bold; }
h3 { font-size: 13px; margin-bottom: 1em; }
h4 { font-size: 13px; margin-bottom: 1em; }

/* paragraph width */
#index p { margin-bottom: 1em; }
#exhibit p, code, blockquote { width: 650px; margin-bottom: 1em; /* line-height: 1.3em; */ }

/* highlighter style - maybe you want to change colors? */
.highlight { background: #ccff00; color: #000; }

/* never adjust the margin or padding here unless you seriously know what you are doing */
/* think #index .container and #exhibit .container for only padding adjustments */
#index { background-color:white; z-index:1500; white-space: nowrap; width: 25%; background: #fff; overflow:hidden; /* line-height: 1.3em; */ }
#exhibit { background-color:white; z-index:0; margin: 0 0 0 25%; margin-top: 5em; }

/* styling the index */
#index ul { list-style: none; margin: 0; }
#index ul.section { padding-left: 1em; margin-bottom: 1em; }
#index ul.subsection {  }

/* the follow rules for index are not required */
/* they are mostly for complex customization */
/* for tag display */
#index ul#all_tags { list-style-type: none; margin-bottom: 1em; }
#index ul#all_tags li { display: inline; margin-right: 3px; }
#index ul#all_tags li a {  }

/* active section title */
#index span.active_section_title,
#index span.active_section_title a { /*font-weight: bold;*/ }

/* active exhibit title parts */
li.active a:link, li a.active, li.active a:hover, li a.active, li.active a:active, li a.active, 
li.active a:visited, li a.active, li span.active, #index ul.section li.active a:link, 
#index ul.section li.active a:hover, #index ul.section li.active a:active, #index ul.section li.active a:visited
{ text-shadow: 0px 0px 1px #bebebe; /*font-weight: bold;*/ }

/* additional #index options */
#index ul li .password a { /* background: url(../img/locked.gif) right center no-repeat; padding-right: 18px; */ }

/* the "new" indicator */
#index ul li sup { color: #333333; font-weight: bold; text-transform: uppercase; font-size: 8px; vertical-align: top; }
/* end styling for index */

/* links styles only for the #index region */
#index a:link {  } 
#index a:hover {  } 
#index a:active {  } 
#index a:visited {  }

/* links styles only for the #exhibit region */
#exhibit a:link {  } 
#exhibit a:hover {  } 
#exhibit a:active {  } 
#exhibit a:visited {  } 

/* this is where you adjust your paddings for #index and #exhibit together */
.container { padding: 27px 9px 25px 27px; }

/* this is where you pad them separately */
#index .container {  }
#exhibit .container {  }
#textspace, .placement-top{ width:700px; text-align:justify; }

/* visual_index exhibit styling */
.format-visual_index .container { width:720px; }
.captioning-visual_index {  }
.title-visual_index { position:absolute; top:90px; }
.nav-visual_index { position:absolute; top:115px; }
.format-visual_index #exhibit .container #img-container { margin-top:45px; }
.format-visual_index #exhibit .container #img-container .once { display:none; }
.format-visual_index #exhibit .container #img-container .picture_holder { display:table; }
.format-visual_index #exhibit .container #img-container .picture_holder .picture { display:table-cell;vertical-align:middle; }
.format-visual_index #exhibit .container #img-container .picture_holder .picture div {  }
.format-visual_index #exhibit .container #img-container .picture_holder .picture img {  }
.format-visual_index #overlay { background-color:transparent; }
.format-visual_index .the-content .dialog-content #innerd { position:absolute; top: -150px; }
.format-visual_index .the-content .dialog-content #innerd #pic-holder { height:10000px;background-color:white; padding:80px;overflow:hidden; }
#ndxz-media #media_info h2 { letter-spacing:0.2px; }
#ndxz-media #media_info p { margin-left:10px; }
#ndxz-media #media_info .captioning-visual_index { }

/* other stuff */
.logo { padding: 0px 0px 0px 8px; font-size: 2em; width:100px; }
.indexhibitcredit { color: #ababab; font-size:10px;}
.indexhibitcredit a:link { color: #ababab; } 
.indexhibitcredit a:hover { cursor:default; color: #ababab; text-shadow: none; } 
.indexhibitcredit a:active { color: #ababab; } 
.indexhibitcredit a:visited { color: #ababab; } 
.indexhibitcredit { position:absolute; bottom:20px; } 
.anitacredit { position:absolute; bottom:2px; color: #808080; font-size:12px; } 
.anitacredit2 { position:absolute; bottom:2px; color: #808080; font-size:12px; visibility:hidden; }
.bot, .anitacredit a:hover { cursor:default; }
.bot, .anitacredit2 a:hover { cursor:default; }
.top:hover { cursor:default; }
#index .container .section li ul:hover {  }
.slideshowlink { width:660px; position:absolute; top:0px; left:20px; opacity:0; pointer-events: none;}

@media only screen and (max-width: 1024px) {
  /* rules that only apply for canvases narrower than 1440px */
body {
	font-size: 13px;
	background: #fff;
	color: #333333;
	line-height: 1.3em;
	/* font-weight: 300; */
	overflow-x:scroll;
} 
h1 { font-size: 13px; }
h2 { font-size: 13px; }
h3 { font-size: 13px; }
h4 { font-size: 13px; } 
.container { padding: 27px 9px 25px 27px;}
blockquote { padding-left: 9px; }
#index { white-space: nowrap; width: 35%; background: #fff; /* line-height: 1.3em; */ }
#exhibit { margin: 0 0 0 35%; margin-top: 5em; }
.section {background-color:white;letter-spacing: -0.0625em;}
.top .logo a img { width:60px; height:32px; }
}

@media only screen and (max-width:1024px) and (orientation: portrait) {
  /* rules that only apply for canvases portrait */
body {
	font-size: 13px;
	background: #fff;
	color: #333333;
	line-height: 1.3em;
	/* font-weight: 300; */
	overflow-x:scroll;
} 
h1 { font-size: 13px; }
h2 { font-size: 13px; }
h3 { font-size: 13px; }
h4 { font-size: 13px; } 
.container { padding: 27px 9px 25px 2px; }
blockquote { padding-left: 2px; }
#index { margin-top: -5em; white-space: nowrap; width: 42%; height: 108%; background: #fff; /* line-height: 1.3em; */ }
#exhibit { margin: 0 0 0 42%; margin-top: 5em; }
.container img { width: 70%; height: 70%; }
.indexhibitcredit { position:absolute; bottom:20px; } 
.anitacredit { position:absolute; bottom:2px; font-size:10px; }
}

@media only screen and (max-height: 750px) {
.bot {
	position:absolute;
	top:102px;
	left:35px
	/*visibility:hidden;*/
}
.indexhibitcredit { visibility:hidden; } 
.anitacredit { visibility:hidden; } 
.anitacredit2 { visibility:visible; color: #aaaaaa; }
#index { overflow-y:scroll; }
}