@charset "utf-8";
/*
  Sitename: http://origins.osu.edu/
  Author: Mitchell R.K. Shelton

  views.css
  Styles for custom node types
*/

.view-header p {
  font-size: 14px;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~ Milestones ~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~ */
.view-milestones ul li {
  margin-left: 0px;
  padding-bottom: 5px;
  margin-top: 0px;
}
.view-milestones ul {
  margin: 15px;
}
.view-milestones li {
  list-style-type: disc;
}
.view-milestones li .date-display-single {
  font-weight: bold;
  color: #81171B;
}
.view-milestones li .views-field-title,
.view-milestones .milestone-button {
  padding: 5px 0px 5px 0px;
}
.view-milestones li .views-field-field-ms-image img {
  border: 1px solid #000;
}
.origins-milestone-image {
  width: 100%;
  text-align: center;
  display: block;
}
.origins-milestone-date {
  font-weight: bold;
  color: #81171B;
  padding: 0px 0px 5px 0px;
  font-size: 1.4em;
}
.origins-milestone-body {
  font-size: 1.3em;
  line-height: 1.5em;
}
.view-milestones.view-display-id-block .views-field-view-node {
  text-align: right;
}
.view-milestones.view-display-id-page_1 .views-field-view-node {
  text-align: left;
}
.view-milestones.view-display-id-page_1 .views-field-view-node a:link, .view-milestones .views-field-view-node a:active {
  background: none;
  color: #630C10;
  border: none;
  padding: 0px;
}
.view-milestones.view-display-id-page_1 .views-field-view-node a:hover, .view-milestones .views-field-view-node a:active {
  text-decoration: underline;
}
#block-views-current-article-block-1 .webform-client-form input.email {
  border: 1px solid #CFCFCF;
  margin-bottom: 5px;
  padding-left: 10px;
  width: 100%;
  font-size: .9em;
  color: #9f9f9f;
  margin-top: 10px;
  height: 2.5em;
}
.block .view-headlines .view-header p {
  font-weight: bold;
  margin-bottom: 5px;
}
.block .view-headlines .view-content .item-list li {
  list-style-image: none;
  list-style: none;
}
.block .view-headlines .view-content .item-list a {
  line-height: 28px;
  padding: 3px 0px 3px 35px;
  background: url('../images/headlines-arrow.png') no-repeat left bottom;
  background-size: 28px 22px;
}
.view-article-images .view-header {
  font-size: 1.2em;
  border-bottom: 1px solid #000;
}
.view-article-images td  {
  width: 205px;
  padding: 5px;
  background-color: #EEE;
  border: 3px solid white;
}
.view-article-images td .views-field-title {
  min-height: 35px;
}
.view-article-images td .views-field-field-image img {
  border: 1px solid #000;
}
.views-field-field-ht-upload-mp3 a,
.views-field-field-mp3 a {
  background: transparent url('../images/podcast-listen-icon.png') no-repeat 0px 0px;
  width: 69px;
  height: 15px;
  display: inline-block;
  float: left;
  margin-right: 10px;
}
.views-field-field-ht-upload-mp3 a:hover,
.views-field-field-mp3 a:hover {
  background: transparent url('../images/podcast-listen-icon.png') no-repeat 0px -15px;
}
.views-field-field-ht-upload-mp4 a,
.views-field-field-mp4 a {
  background: transparent url('../images/podcast-download-icon.png') no-repeat 0px 0px;
  width: 69px;
  height: 15px;
  display: inline-block;
  float: left;
  margin-right: 10px;
}
.views-field-field-ht-upload-mp4 a:hover,
.views-field-field-mp4 a:hover {
  background: transparent url('../images/podcast-download-icon.png') no-repeat 0px -15px;
}
.origins-podcast-subscribe a {
  background: transparent url('../images/podcast-subscribe-icon.png') no-repeat 0px 0px;
  width: 69px;
  height: 15px;
  display: inline-block;
  float: left;
  margin-right: 10px;
}
.origins-podcast-subscribe a:hover {
  background: transparent url('../images/podcast-subscribe-icon.png') no-repeat 0px -15px;
}
.origins-podcast-itunes a {
  background: transparent url('../images/podcast-itunes-icon.png') no-repeat 0px 0px;
  width: 69px;
  height: 15px;
  display: inline-block;
  float: left;
  margin-right: 10px;
}
.origins-podcast-itunes a:hover {
  background: transparent url('../images/podcast-itunes-icon.png') no-repeat 0px -15px;
}
.origins-history-talk-description {
  font-size: 1.2em;
  line-height: 1.2em;
}

#container .content-container .sidebar .block .content .view .views-row .views-field-field-cover-image {
  width: 90%;
  margin: 0px auto;
  height: auto;
  margin-bottom: 10px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~ History Talk ~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~ */
.view-history-talk .views-field-body {
  margin-top: 25px;
  clear: both;
  padding-left: 20px;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

.views-field-field-podcast-length {
	font-size: 1.25em;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~ Article Archive ~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~ */
.view-article-archive .views-table tbody tr td, .view-article-archive .views-table th, .sticky-header th {
  padding: 10px;
}
.view-article-archive .views-table th, .sticky-header th {
  font-weight: bold;
  font-size: 0.8em;
  text-align: center;
  /* CSS 3 gradient */
  background: #f6f6f6; /* Old browsers */
  background: -moz-linear-gradient(top, #f6f6f6 0%, #ffffff 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #f6f6f6 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #f6f6f6 0%,#ffffff 100%); /* Opera11.10+ */
  background: -ms-linear-gradient(top, #f6f6f6 0%,#ffffff 100%); /* IE10+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
  background: linear-gradient(top, #f6f6f6 0%,#ffffff 100%); /* W3C */
  /* CSS 3 gradient */
}
.view-article-archive .views-table tbody tr.even, .view-article-archive .views-table tbody tr.odd {
  background-color: #fff;
  border-bottom: 1px dashed #e8e8e8;
}
.view-article-archive .views-table tbody tr td.active {
  background-color: #efefef;
}
.view-article-archive .views-table tbody tr td {
  vertical-align: top;
}
.view-article-archive .views-table tbody tr td img {
  max-width: 100px;
}
.view-article-archive .views-table tbody tr .views-field-title {
  line-height: 1.4em;
}
.view-article-archive #edit-title-wrapper {
  display: inline;
}
.view-article-archive label {
  float: left;
  font-weight: bold;
  padding-right: 5px;
}
.view-article-archive .views-submit-button input, .view-article-archive .views-reset-button input {
  float: left;
  margin-right: 5px;
}
.view-article-archive .views-exposed-form {
  border: 1px solid #e8e8e8;
  padding: 10px;
  /* CSS 3 gradient */
  background: #f6f6f6; /* Old browsers */
  background: -moz-linear-gradient(top, #f6f6f6 0%, #ffffff 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #f6f6f6 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #f6f6f6 0%,#ffffff 100%); /* Opera11.10+ */
  background: -ms-linear-gradient(top, #f6f6f6 0%,#ffffff 100%); /* IE10+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
  background: linear-gradient(top, #f6f6f6 0%,#ffffff 100%); /* W3C */
  /* CSS 3 gradient */
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~ Topic Archive ~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~ */
.view-taxonomy-term .views-field-field-cover-image img {
  float: left;
  border: 1px solid black;
  margin: 0px 5px 0px 0px;
}
.view-taxonomy-term .views-field-field-br-cover {
  padding-bottom: 10px;
  border: none;
}
.view-taxonomy-term .views-field-field-br-cover img {
  float: left;
  width: 40px;
  border: 1px solid black;
  margin-right: 5px;
  height: 60px;
}

.view-taxonomy-term .view-content > h3 {
  display: none;
  margin-left: 50px;
}

.view-taxonomy-term .view-content ul {
  padding: 0px;
}
.view-taxonomy-term .view-content li {
  list-style: none;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~ Front Page ~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~ */

.pane-front-page p {
  margin: 0px;
}

/* article */
.view-front-page.front-page-article .views-field-title {
  margin: 10px 0px 0px 0px;
  font-size: 2.4em;
}
.view-front-page.front-page-article .views-field-title a {
  color: #333;
  font-weight: bold;
}
.view-front-page.front-page-article .views-field-field-author {
  border-bottom: 1px solid #ccc;
  margin-bottom: 10px;
  font-size: 1.3em;
}
.view-front-page.front-page-article .views-field-field-cover-image {
   float: left;
   margin-right: 20px;
}
.view-front-page.front-page-article .views-field-field-cover-image img {
  border: 1px solid #000;
}
.view-front-page.front-page-article .views-field-field-editors-note {
  font-size: 1.4em;
}
.view-front-page.front-page-article .views-field-field-editors-note p {
  margin-bottom: 20px;
}

/* content panes */
.panels-flexible-region {
  min-width: 275px;
}
.pane-content {
  padding: 20px;
}
.panels-flexible-region-1-article {
  width: 66%;
}
.panels-flexible-region-1-milesstones,
.panels-flexible-region-1-book_review_,
.panels-flexible-region-1-history_talk,
.panels-flexible-region-1-connecting_history_,
.panels-flexible-region-1-article_archive_,
.panels-flexible-region-1-book_review_archive_,
.panels-flexible-region-1-featured_article_,
.panels-flexible-region-1-out_next_month {
  width: 33%;
  max-width: 330px;
}
.panels-flexible-region-1-book_review_ {
  clear: left;
}
.pane-content .view-current-article,
.view-front-page.view-display-id-out_next_month,
.view-front-page.front-page-article,
.view-front-page.front-page-milestones,
.view-front-page.front-page-book-review,
.view-front-page.front-page-history-talk,
.view-front-page.front-page-connecting-history,
.view-front-page.front-page-article-archive,
.view-front-page.front-page-book-review-archive,
.view-front-page.front-page-featured-article {
  border: 1px solid #ccc;
  background-color: #efefef;
  padding: 0% 5% 30px 5%;
  min-height: 450px;
  height: 100%;
  position: relative;
}
.pane-content .view-current-article img,
.view-front-page.view-display-id-out_next_month .views-field-field-cover-image img {
  border: 1px solid #000;
  margin-top: 20px;
}
.pane-content .view-current-article .views-row,
.view-front-page.view-display-id-out_next_month .views-row {
  font-size: 1.2em;
}
.pane-content .view-current-article .view-footer {
  position: absolute;
  bottom: 0;
  width: 90%;
  margin: 0% auto;
  text-align: center;
  margin-bottom: 10px;
}
.page-home .origins-more-button {
  position: absolute; 
}
.pane-content .view-current-article .view-header h2,
.view-front-page .view-header h2 {
  font-size: 21px;
  line-height: 1.3em;
  margin: 0.4em 0 0.4em 0em;
  background-color: #fff;
  width: 100%;
  padding: 5px 10px 5px 12px;
  float: right;
  border: 1px solid #aaa;
  font-style: italic;
  text-transform: lowercase;
  color: #990000;
}

.view-front-page .view-header p {
  font-size: 16px;
  padding: 0px 0px 5px 0px;
}
.view-front-page.front-page-milestones .view-content, .view-front-page.front-page-milestones .view-footer, 
.view-front-page.front-page-book-review .view-content, .view-front-page.front-page-book-review .view-footer,
.view-front-page.front-page-history-talk .view-content, .view-front-page.front-page-history-talk .view-footer,
.view-front-page.front-page-connecting-history .view-content, .view-front-page.front-page-connecting-history .view-footer,
.view-front-page.front-page-article-archive .view-content, .view-front-page.front-page-article-archive .view-footer,
.view-front-page.front-page-book-review-archive .view-content, .view-front-page.front-page-book-review-archive .view-footer,
.view-front-page.front-page-featured-article .view-content, .view-front-page.front-page-featured-article .view-footer {
  font-size: 1.2em;
}
.webform-client-form input.form-text {
  color: #787878;
}

.view-front-page.front-page-article-archive .view-content div {
  display: inline-block;
  padding-bottom: 10px;
}

.view-front-page.front-page-book-review-archive .view-content .views-field-title {
  overflow: hidden;
  float: left;
  width: 75%;
  height: 60px;
}
.view-front-page.front-page-book-review-archive .view-content .views-field-field-br-cover {
  float: left;
  height: 65px;
  margin: 0px 5px 5px 0px;
  clear: left;
}

.view-front-page.front-page-article-archive .view-content .views-field-field-cover-image {
  float: left;
  width: 20%;
  padding-right: 5px;
}
.view-front-page.front-page-book-review-archive .view-content .views-field-field-br-cover img,
.view-front-page.front-page-article-archive .view-content .views-field-field-cover-image img,
.view-front-page .view-content .views-field-field-br-cover img {
  border: 1px solid #000;
}
.view-front-page .view-content .views-field-field-br-cover {
  text-align: center;
}
.view-front-page.front-page-book-review-archive .view-content .views-field-nothing,
.view-front-page.front-page-article-archive .view-content .views-field-nothing {
  float: left;
  width: 70%; 
}
.front-page-book-review .views-field-title a {
  font-weight: bold;
  color: #000; 
}
.front-page-book-review .views-field-field-br-bkauthor {
  padding-bottom: 5%;
}

.view-front-page .view-header img,
.view-front-page.front-page-featured-article .views-field-field-cover-image img {
  border: 1px solid #000;
  margin-bottom: 5px;
}
.view-front-page.front-page-featured-article .views-field-field-cover-image {
  padding-top: 20px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~ Image and Map Sidebar ~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~ */
.view-article-images .view-content .views-view-grid {
  margin: 0px auto;
  width: 100%;
  text-align: center;
  clear: both;
}
.view-article-images .view-content .views-view-grid .views-field-title {
  font-size: 1em;
  font-weight: bold;
  padding: 0px;
  margin: 0px;
  min-height: 1.4em;
  line-height: 1.4em;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~ Milestones Page ~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~ */
.book-reviews-pageheader-image img,
.milestones-pageheader-image img,
.connecting-history-pageheader-image img,
.history-talk-pageheader-image img
 {
  margin: 10px;
  width: 100px;
  float: left;
  border: 1px solid #000;
}
.book-reviews-pageheader-text,
.milestones-pageheader-text,
.connecting-history-pageheader-text,
.history-talk-pageheader-text {
  font-size: 2.5em;
  font-weight: bold;
  padding-top: 25px;
  border-bottom: 2px solid #999;
  padding-bottom: 50px;
  margin-bottom: 20px;
}
/*
.history-talk-pageheader-text {
  padding-top: 10px;
  padding-bottom: 25px;
}
*/
.book-reviews-pageheader-text {
  padding: 55px 0px 60px 0px;
  height: 95px;
}