/*
 * Theme name: IGS Topics Theme
 * Theme URI: http://www.igs.umaryland.edu
 * Description: A theme matching the style and layout of the main IGS website.
 * Version: 1.4.7
 * Author: The Institute for Genome Sciences
 * Author URI: http://www.igs.umaryland.edu
 */
div.sub_header {
  background-image: url(images/about_history.jpg);
  height: 105px;
  margin: 0 0 20px;
  position: relative;
  width: 795px;
}

/*
  Remove Quote from topic Page
  =FIG Topic Page
*/

.page-id-473 .quote {
  display: none;
}

div.quote_left {
  margin-top: 10px !important;
}

@media (max-width: 768px) {
  p {
    display: block;
    clear: both;
  }
}

div.spotlight_video {
  margin: 70px auto 20px auto;
  width: 242px;
  float: none;
}

@media (min-width: 600px) {
  div.spotlight_video {
    margin: auto;
  }
}

@media (min-width: 768px) {
  div.spotlight_video {
    width: 242px;
    margin: 0 0 10px 10px;
    float: right;
  }
}

/* Styles for an image thumbnail in the gallery box */
/* These are supplemented by size and position calculations in
   functions/media_links.php */
/*
  Media Image Changed to background Image
  Set the background size for it here
*/
ul.gallery.clearfix > li.image-container {
  width: 100px;
  height: 80px;
  position: relative;
  overflow: hidden;
  background-size: cover;
  float: right;
}

ul.gallery.clearfix > li.image-container > img {
  position: relative;
  float: right;
}

/* Styles for the page list (see front-page.php) */

ul.pagelist {
  padding: 0;
}

@media (min-width: 1024px) {
  ul.pagelist {
    padding: 0 0 0 20px;
    margin: 0;
  }
}

ul.pagelist > li {
  font-family: Arial,Helvetica,sans-serif;
  padding: 0;
  margin: 0;
}

ul.pagelist > li:nth-of-type(2n) {
  border-bottom: 1px solid #ddd;
  padding: 0 0 20px 0;
}

ul.pagelist > li.date {
  font-style: italic;
  margin: 25px 0 10px 0;
}

ul.pagelist > li > p {
  padding: 0;
  margin: 0;
}

.page_bg_top {
  display: none;
}

@media (min-width: 1024px) {
  .page_bg_top {
    display: block;
  }
}

@media (min-width: 1024px) {
  .main_title {
    font-size: 18px;
    color: #FFF;
  }
}

.image-float-right {
	float:right;
}