#header {
  background: transparent url(../png/adw-web-logo-production-4-n-2.png) no-repeat;
  height: 115px;
  background-position: 25px 45px;
}

#homelink {
  height: 115px;
}

#mosaic {
  width: 100%;
  /*height: 450px;*/
  text-align: center;
  position: relative;
  background: #e2edf4;
  
/*  border: 1px solid #DDD;
  border-radius: 4px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);*/
  
  -webkit-box-shadow: 0 1px 10px rgba(102,102,102,0.5);
  -moz-box-shadow: 0 1px 10px rgba(102,102,102,0.5);
  box-shadow: 0 1px 10px rgba(102,102,102,0.5);
  
  margin-bottom: 4em;
  
}

#mosaic-browser {
  display: table;
  width: 100%;
  margin-bottom: 1em;
}

#mosaic header {
  /*position: absolute;*/
  top: 0;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  z-index: 999;
  background: #e2edf4; 
  background: rgba(226, 237, 244, 0.7);
  /*background: rgba(102, 102, 102, 0.4);*/
}

#img {
  /*height: 400px;*/
  overflow: hidden;
  display: table-cell;
  vertical-align: top;
  text-align: center;
}

#img img {
  max-height: 100%;
  max-width: 100%;
  width: auto;
  height: auto;
  vertical-align: middle;
  display: inline-block;
}

#img .img {
  float: left;
  height: 350px;
  width: 100%;
  min-width: 500px;
  text-align: center;
}

#img .img:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em; /* Adjusts for spacing */
}

#img .wrap {
  /*display: inline-block;*/
  display: inline-block;
  vertical-align: middle;
}

.left-column {
  width: 32px;
  float: left;
}

.right-column {
  width: 32px;
  float: right;
}

.middle-column {
  width: 100%;
  margin-left: 32px;
  margin-right: 32px;
  /*float: left;*/
}

#mosaic-caption {
  width: 96%;
  margin-left: 2%;
}

#mosaic-caption .identification {
  width: 100%;
  text-align: left;
  float: left;
  margin-top: 8px;
  margin-bottom: 8px;
  padding-bottom: 8px;
  border-bottom: 1px dotted #CCC;
  
}

/*#img .metadata:after {
  content: "";
  display: table;
  clear: both;
}*/

#img .identification .higher-taxa {
  /*width: 48%;*/
  /*float: left;*/
  display: inline-block;
  text-align: right;
  padding-right: 8px;
  border-right: 1px dotted #CCC;
  vertical-align: top;
  width: 48%;
}

#img .identification .identified-taxa {
  width: 48%;
  /*float: right;*/
  display: inline-block;
  text-align: left;
  vertical-align: top;
  margin-left: 5px;
}

.taxon-name {
  color: #921c1f;
  font-weight: bold;
  display: block;
}

.identified-taxa a, .identification a {
  color: #921c1f !important;
}

.higher-taxa .taxon-name {
  text-transform: uppercase;
}

.rank-Species, .rank-Subspeices {
  font-style: italic;
}

.vernacular-name {
  color: #921c1f;
  display: block;
  font-size: 100%;
  font-style: normal;
  font-weight: normal;
}

/*#mosaic-menu {
  margin-top: 8px;
}

#mosaic-menu ul {
  float: left;
  font-size: 80%;
  list-style: disc;
}

#mosaic-menu li {
  margin-bottom: 2px;
  text-indent: -0.5em;
}*/

ul.menu {
  margin-left: 25px;
}

ul.menu li {
  margin-bottom: .5em;
  line-height: normal;
}

#mosaic a {
  color: #004a6f; /*#005e8e;*/
}

ul#thumbs { list-style: none; padding:0; margin: 20px 0;  }
ul#thumbs li { display: inline-block; margin: 5px; zoom: 1; *display:inline; }
ul#thumbs ll li img { vertical-align: bottom; width: 125px; height: 125px; }

ul#thumbs { list-style: none; margin: 0px; padding:0px; margin-top: 10px; }
ul#thumbs li { float: left; margin-right: 10px; cursor:pointer; }
ul#thumbs li img { height: 75px; vertical-align: top; }
ul#thumbs li.selected { outline: 3px solid #FF4242; }

ul#thumbs { width: 365px; margin-left: auto; margin-right: auto; }


ul#thumbs div {
  width: 75px;
  overflow: hidden;
}

/* Contain floats: nicolasgallagher.com/micro-clearfix-hack/ */ 
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

div#btns{ position:relative; width: 600px; }
.prev, .next { width:29px; height:29px; position: absolute; top: -95px; cursor: pointer; }
.prev { background-image: url('../back.html'); left: 40px; }
.next { background-image: url('../next.html'); right: -40px; }

.jp-disabled{ display:none; }

/* Hide for both screenreaders and browsers:
   css-discuss.incutio.com/wiki/Screenreader_Visibility */
.hidden { display: none; visibility: hidden; }
.visible { display: block; visibility: visible; }

#code { display: none; }

.next-image, .prev-image {
  display: block;
  padding-top: 8px;
  padding-bottom: 8px;
  height: 32px;
}

.next-image:hover, .prev-image:hover {
  background: transparent;
  text-decoration: underline;
}

.timestamp {
  display: block;
  font-size: 90%;
}

.newsblock li {
  margin-bottom: 1em;
}

.newsblock .news-updates {
  padding: 8px; margin: 8px; 
  /*border-right: 2px dotted #a7a4a3;*/
}

.newsblock .news-headlines {
  padding: 8px; margin: 8px; padding-left: 0px; 
/*  border-left: 2px dotted #a7a4a3;
  margin-left: -19px;
  padding-left: 19px;*/
}

.newsblock .news-summary {
  margin-left: 4px;
  font-size: 10px;
}

.newsblock .news-source {
  font-size: 10px;
  background-color: #efefef;
}

.newsblock p {
  margin-bottom: 0;
}

.newsblock .column {
/*  margin-bottom: -99999px;
  padding-bottom: 99999px;*/
  display: table-cell;
  float: none;
}

.newsblock .column.bordered {
  /*border-right: 2px dotted #a7a4a3;*/
}

.newsblock {
  border: 2px dotted #a7a4a3; border-radius: 4px;
  display: table;
}

.row .span_0_5 { width: 2%;  }
.row .two-point-five { width: 15%;  }
.no-margin-left { margin-left: 0 !important; }

.newsblock h2 {
  font-family: 'Cabin Condensed', sans-serif;
  font-weight: bold;
  color: #7f4328;
}

#search-bar::-webkit-input-placeholder {
  color: rgb(127, 67, 40) !important;
  font-size: 120% !important;
}

#search-bar:-moz-placeholder {
  color: rgb(127, 67, 40) !important;
  font-size: 120% !important;
}