/*
home page change on refresh
fix vertical scale-to-fit
add space in between photos
center photo stream between nav and left margin
fix mobile header leading
add project description
remove "the bell" from section header
change "Reclamtion of nature - the bee books" to "The Bee Books" in the section header
try collapsable menu for mobile
*/


/*
YUI 3.14.1 (build 63049cb)
Copyright 2013 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
*/

html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;*font-size:100%}legend{color:#000}#yui3-css-stamp.cssreset{display:none}span {text-decoration: none;}





@font-face {
  font-family: 'CalibreWeb';
  src: url("http://jeffmillikan.com/ndxzsite/default/CalibreWeb-Regular.eot"); /* IE9 Compat Modes */
  src: url("http://jeffmillikan.com/ndxzsite/default/CalibreWeb-Regular.eot?#iefix") format('embedded-opentype'), /* IE6-IE8 */
       url("http://jeffmillikan.com/ndxzsite/default/CalibreWeb-Regular.woff") format('woff'); /* Pretty Modern Browsers */
}


html, body {background: rgb(38,38,38);}

body {color: rgb(255, 255, 255);font-size: 0.938em; line-height: 1.8em; font-family: "CalibreWeb", "Calibre", helvetica, sans-serif;margin: 0 auto; width: 90%; padding-top: 3em; padding-bottom: 10em;}

a:link, a:active, a:visited {color: rgb(240, 240, 240); text-decoration: none;}
a:hover { text-decoration: underline; }
a img { border: none; }

small { font-size: 90%; line-height: 1.8em;}
code { font-family: monospace; }
blockquote { padding-left: 0.5em; }

h1 {font-size: 200%; padding-bottom: 2.5em; line-height: 1.8em; font-weight: normal;font-family: "CalibreWeb", "Calibre";}
h2 {font-size: 100%; font-weight: normal;font-family: "CalibreWeb", "Calibre";}
h3 {font-size: 100%; font-weight: normal;font-family: "CalibreWeb", "Calibre";}
h4 {font-size: 100%; font-weight: normal;font-family: "CalibreWeb", "Calibre";}

div#index {width: 19%; float: left; height: 100%; position: fixed;}
div#exhibit {width: 79%; padding-left: 21%; float: left; padding-bottom: 10em; text-align: left;}

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

.highlight { background: #ccff00; color: #000; }

/* styling the index */
#index ul { list-style: none; margin: 0; }
#index ul.section { 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 {}

/* 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
{ }

/* 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: #0c0; 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 {}

/* this is where you pad them separately */
#index .container {  }
#exhibit .container {  }


.section_title {display: none; size: 0; color: transparent;padding: 0;margin: 0;}


div#index ul {display: block;}
div#index ul li {display: block; margin: 0 0 .25em;}
div#index ul.above {margin: 2.5em 0 0;}


div#exhibit h2 {text-transform:uppercase; padding-bottom: 2em;}
div#exhibit h3 {text-transform: uppercase;}
div#exhibit .resume {font-size: 90%;}
div#exhibit p span {width: 5em; display: inline-block; }
div#exhibit p a {text-decoration: underline;}
div#exhibit p a:hover {text-decoration: none;}

div#exhibit article {margin-bottom: 3em;}
div#exhibit img, div#exhibit #img-container img {max-width: 100%; max-height: 800px; width: auto; display: block; text-align: left !important;}
div#exhibit article.slider {}
div#exhibit article.slider .hero {background: #000; }
div#exhibit article.slider .hero img {}

div#exhibit article.nothumb p {padding-top: 1.5em;}

div#exhibit #img-container-random {}
div#exhibit #img-container-random img {display: inline-block;}

@media only screen and (max-width: 1500px) {div#exhibit img, div#exhibit #img-container img {max-height: 800px; width: auto; text-align: left;} div#exhibit #img-container-random img {max-height: 775px; width: auto;}}

@media only screen and (max-width: 1400px) {div#exhibit img, div#exhibit #img-container img {max-height: 700px; width: auto;} div#exhibit #img-container-random img {max-height: 675px; width: auto;}}

@media only screen and (max-width: 1300px) {div#exhibit img, div#exhibit #img-container img {max-height: 600px; width: auto;} div#exhibit #img-container-random img {max-height: 575px; width: auto;}}

@media only screen and (max-width: 1200px) {div#exhibit img, div#exhibit #img-container img {max-height: 500px; width: auto;} div#exhibit #img-container-random img {max-height: 525px; width: auto;}}


@media only screen and (max-width: 1100px) {div#index h1, div#exhibit h1 {font-size: 175%;line-height: 1.8em;} div#index {width: 25%;} div#exhibit {width: 73%; padding-left: 27%;}}

@media only screen and (max-width: 1000px) {}
@media only screen and (max-width: 900px) {div#index h1, div#exhibit h1 {font-size: 150%;line-height: 1.8em;}}

@media only screen and (max-width: 700px) {
div#index {width: 100%; text-align: center; float: none; margin-bottom: 2em; position: static; height: auto;}
div#index {font-size: 125%;line-height: 1.8em;}
div#index h1, div#exhibit h1 {font-size: 250%;line-height: 1.8em; padding-bottom: 1em;}
div#exhibit h1 {padding-top: 2.5em;}
div#index nav ul {margin: 1.  5em 0 0;}
div#exhibit {width: 100%; padding-left: 0; float: none;}
}

@media only screen and (max-width: 400px) {

div#exhibit p span {width:3em; display: inline-block;}

}

.aboveimage {padding-top: 2em; padding-bottom: 2em;}

div#exhibit {text-align: left !important;}
div#exhibit img {text-align: left !important;}