/*
 * All nodes are given a node-FOO class that describes the type of content that
 * it is. If you create a new content type called "my-custom-type", it will
 * receive a "node-my-custom-type" class.
 */

.page-node {
    /* Page content node */
}

body.node-type-article {
    /* Article content node */
}

body.node-type-county .close {
  display: none;
}

a,
a:link,
a:active,
a:visited {
    color: #4C8EA9;
}

a:hover {
    color: #e45925;
}

h1.title {
    font: bold 34px "Didot", serif;
}

p.submitted {
    color: #616161;
    margin: 0 0 1em;
    font-size: 11px;
    line-height: 18px;
}

p.unpublished {
    /* The word "Unpublished" displayed underneath the content. */
    height: 0;
    overflow: visible;
    color: #d8d8d8;
    font-size: 75px;
    line-height: 1;
    font-family: Impact, "Arial Narrow", Helvetica, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    word-wrap: break-word;
    /* A very nice CSS3 property */
}

.lt-ie8 p.unpublished>* {
    position: relative;
    /* Otherwise these elements will appear below the "Unpublished" text. */
}

.articleContent {
    margin: 0 18px 21px 16px;
    width: 650px;
    float: left;
}

.articleContent .view-byline.view-display-id-block {
    color: #616161;
    margin: 6px 0 1em;
    font-size: 11px;
    line-height: 14px;
}

.articleContent .view-byline div,
.articleContent .view-byline p {
    display: inline;
}

.articleContent .view-byline div.attachment div.view-content {
    display: block;
    margin-top: 6px;
}

.articleContent .view-byline.view-display-id-block>div.view-content div.views-row-last:before {
    content: ' and';
}

.articleContent .view-byline.view-display-id-block>div.view-content div.views-row-first.views-row-last:before {
    content: '';
}

.articleBody {
    margin-top: 28px;
    border-top: 1px solid #cecfd1;
    clear: left;
}

body.node-type-article .articleBody {
    float: left;
    width: 100%;
    border-bottom: 1px solid #cecfd1;
}

body.node-type-article .articleBody .top-image,
body.page-file .articleBody .top-image {
    margin-top: 28px;
}

#jpMedia {
    width: 800px;
    height: 600px;
    position: relative;
    display: none;
}

#jpMedia .jp-audio,
#jpMedia .jp-video {
    width: 800px;
    padding-top: 500px;
    background: url('/sites/all/modules/media/images/icons/default/audio-mpeg.png') center center no-repeat;
    background-size: 100% 100%;
}

#jpMedia .jp-video {
    background-image: url('/sites/all/modules/media/images/icons/default/video-x-generic.png');
}

body.page-file .jp-playlist,
#jpMedia .jp-playlist {
    display: none;
}

.invisible {
    display: none;
}

.articleContent .social,
.collection-text .social {
    float: left;
}

.collection-text .social {
    margin: 1.5em 1.5em .5em 0;
}

.collection-text .social {
    width: 100%;
    margin-top: 0;
}

.section-blog .social {
    float: right;
    margin: 0 45px 0 0;
}

.page-blog .social {
    position: absolute;
    top: -28px;
    left: 0;
}

.social .social-button {
    float: left;
    margin-right: 4px;
    width: 16px;
    height: 22px;
    background-image: url('../images/sprite-social-tools.png');
}

.facebook-button {
    background-position: left top;
}

.twitter-button {
    background-position: -20px 0;
}

.google-button {
    background-position: -40px 0;
}

.pinterest-button {
    background-position: -61px 0;
}

.social .social-button.email-button {
    background-position: -82px 0;
    width: 20px;
}

.social .social-button.print-button {
    background-position: right top;
    width: 20px;
}

.articleBody .field-name-body,
.articleBody form.webform-client-form,
body.section-contact .articleBody form {
    width: 575px;
}

.node-type-wp-blog .articleBody .field-name-body {
    width: 100%;
}

body.section-contact .articleBody dt {
    /* The label for a form element */
    display: block;
    font-weight: bold;
}

body.section-contact .articleBody dt {
    margin-top: 1.5em;
}

body.section-contact .articleBody dd {
    margin: 0 0 1.5em;
}

body.section-contact .articleBody dd input[type='text'] {
    width: 70%;
}

body.section-contact .articleBody dd textarea {
    width: 100%;
}

.articleBody .inlineWrapper {
    border-radius: 4px;
    border: 1px solid #cecece;
    -moz-box-shadow: 0 2px 4px #d9d9d9;
    -webkit-box-shadow: 0 2px 4px #d9d9d9;
    box-shadow: 0 2px 4px #d9d9d9;
    padding: 4px;
    float: left;
    clear: left;
    margin: 8px 19px 8px 0;
}

.articleBody .media-element-container .field {
    display: none;
}

.articleBody .inlineWrapper.media-right {
    float: right;
    margin: 8px 0 8px 10px;
}

.articleBody .articleImage {
    float: left;
    padding: 6px;
    background: #fff;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

.articleBody .articleImage img {
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

.articleBody .articleImage a {
    display: block;
    width: 150px;
    line-height: 16px;
}

.articleBody .media-right .articleImage {
    float: right;
}

.articleBody .inlineWrapper.playing {
    margin: 8px 0;
    width: 100%;
}

.articleBody .inlineWrapper.playing .articleVideo {
    width: 100%;
    box-sizing: border-box;
}

.articleBody .inlineWrapper.playing video {
    width: 100% !important;
    height: auto !important;
}

.articleBody .media-image,
.articleBody .media-image-right {}

.articleBody h3 {
    margin-bottom: 0;
}

.articleBody h3+div.p,
.articleBody h3+p {
    margin-top: 0;
}

body.page-views .articleBody h3 {
    margin: 25px 0 0;
}

.articleBody p,
.articleBody div.p {
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0;
    width: auto;
    margin: 20px 0;
}

.articleBody blockquote {
    width: 635px;
    background: #fff;
    margin-left: 0;
    margin-right: 0;
}

.articleBody blockquote p {
    margin: 0;
    padding: 16px;
    border-left: 16px solid #cecece;
    width: auto;
    margin: 0;
}

.articleBody blockquote q {
    font-style: italic;
    font-weight: bold;
}

.articleHighlights {
    float: left;
    width: 200px;
    padding: 1.5em 0;
    margin-right: 18px;
}

.articleHighlights .social {
    margin-bottom: 12px;
}

.articleHighlights .field-label {
    margin: 4px 0;
    font-weight: bold;
    clear: left;
}

.articleHighlights ul.field-items {
    padding-left: 15px;
    margin: 0;
}

.articleHighlights li.field-item {
    color: #616161;
    font-weight: bold;
    font-size: 11px;
    line-height: 14px;
}

.articleExplore {
    float: left;
    clear: left;
    width: auto;
    padding: 19px 20px 12px 16px;
    margin: 1em 18px 1.5em -17px;
    position: relative;
}

.noArticleMedia {
    width: auto;
    margin-right: 18px;
    margin-left: 0;
}

.articleExplore .moduleTitleBlock {
    padding-top: 13px;
    margin-bottom: 0;
    border-top: 1px solid #cecece;
}

.articleExplore .moduleTitleBlock .block-title {
    text-transform: none;
    color: #616161;
}

.articleExplore .gallery-tease {
    position: absolute;
    top: 30px;
    right: 15px;
}

.articleContents {
    float: left;
    margin-top: 16px;
    width: 154px;
}

.articleSubhead {
    padding: 12px 0 0;
    margin: 12px 0 4px;
    font-size: 12px;
    line-height: 14px;
    font-weight: bold;
    border-top: 1px solid #cecece;
}

.articleSubhead-first {
    margin-top: 0;
    border: 0;
}

.articleContents li {
    font-weight: normal;
    list-style: none;
    font-size: 12px;
    line-height: 14px;
    padding-left: 18px;
    margin-bottom: 4px;
}

.articleImages {
    float: left;
    margin: 16px 0 0 48px;
    width: 400px;
    overflow: hidden;
}

.articleMedia .articleImages {
    width: 633px;
    margin-left: 0;
}

.articleImages .jcarousel-container {
    margin: 16px 0 0;
    padding: 0;
    width: 100%;
}

.articleSidebar {
    width: 210px;
    float: left;
    position: relative;
}

.articleSidebar .block,
.page-search .filter-block {
    margin-bottom: 8px;
}

.articleSidebar .block {
    background: #fff;
}

.articleSidebar .block-block p {
    margin: 0 0 0 7px;
    width: 183px;
    border-top: 1px solid #e1e1e1;
    padding-top: 11px;
    font-size: 12px;
    font-weight: bold;
}

.articleSidebar .block-wp-blog .view-content>.item-list {
    border-top: 1px solid #e1e1e1;
    padding: 11px 0;
}

.articleSidebar #block-views-related-articles-block-7 {
    background: #F2F2F2;
}

.articleSidebar .blogArchiveBlock ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.articleSidebar .blogArchiveBlock ul li .item-list {
    margin-left: 15px;
}

.articleSidebar .view,
.articleSidebar .view-related-articles {
    background: #fff;
    width: 100%;
    height: 100%;
}

.articleSidebar .block-title {
    font-family: 'Oswald', arial, altgoth, sans-serif;
    font-weight: normal;
    font-size: 20px;
    color: #616161;
    padding: 16px 4px 11px 8px;
}

/* body.jsenabled .articleSidebar .block-title {
    font-size: 26px;
} */

.articleSidebar .view-content,
.articleSidebar .block-apachesolr-search ul {
    width: 183px;
    height: auto;
    margin: 0 0 0 7px;
    overflow: auto;
    padding: 0 0 5px;
}

.articleSidebar .views-row-first,
.articleSidebar .block-apachesolr-search li.first {
    border-top: 1px solid #e1e1e1;
}

.articleSidebar .views-row,
.articleSidebar .block-apachesolr-search li {
    border-bottom: 1px solid #e1e1e1;
    font-size: 12px;
    line-height: 14px;
    font-weight: bold;
    padding: 11px 0;
    max-height: 80px;
    overflow: hidden;
}

.articleSidebar .views-row-last,
.articleSidebar .block-apachesolr-search li.last {
    border-bottom: none;
}

.articleSidebar .block-apachesolr-search li {
    text-indent: 4px;
    list-style: none;
    clear: left;
    margin: 0;
    float: left;
    width: 100%;
}

.articleSidebar .block-apachesolr-search li img,
.articleSidebar .views-row img {
    float: left;
    margin-right: 6px;
}

.articleSidebar .views-row p {
    margin: 0;
    font-weight: normal;
}

.articleSidebar .view-destination-guide .views-row p,
.articleSidebar .articleSidebar .view-destination-guide-page .views-row p {
    height: 70px;
    overflow: hidden;
}

.articleSidebar .view-display-id-block_4 .views-row-last {
    border-bottom-style: none;
}

.view-destination-guide .block-subtitle,
.articleSidebar .view-destination-guide-page .block-subtitle {
    font: 14px 'AlternateGothic'/*, OswaldRegular*/
    , sans-serif;
    color: #E45925;
    margin: 14px 7px 0;
}

.view-destination-guide .views-row-first,
.view-destination-guide-page .views-row-first {
    border-top: 0;
}

.view-destination-guide .views-field-title,
.articleSidebar .view-destination-guide-page .views-field-name {
    font-weight: bold;
    font-size: 12px;
}

.view-destination-guide .views-field-field-media,
.articleSidebar .view-destination-guide-page .views-field-field-media {
    float: left;
    width: 86px;
    height: 85px;
    margin-left: 4px;
}

.articleSidebar .view-destination-guide-page .views-field-field-media {
    margin-left: 0;
}

.view-destination-guide .view-filters {
    display: none;
}

.destination-guide-filter {
    margin: 0 7px;
    padding: 5px 0;
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
    position: relative;
}

body.page-destinations .destination-guide-filter {
    margin: 30px 0;
    border: 0;
}

.destination-guide-filter label {
    background: url('../images/bg-select.png') 0 0 no-repeat;
    width: 184px;
    height: 32px;
    line-height: 32px;
    text-indent: 11px;
    font-weight: normal;
}

.destination-guide-filter .views-exposed-widgets {
    margin: 0;
    height: 32px;
    position: relative;
}

.destination-guide-filter .bef-select-as-links {
    padding-bottom: 5px;
    background: url('../images/bg-select-footer.png') bottom left no-repeat;
}

.destination-guide-filter .views-widget {
    position: absolute;
    top: 37px;
    left: 0;
    width: 100%;
    z-index: 100;
    height: 0;
    overflow: hidden;
    background: url('../images/bg-select-option.png') repeat-y;
}

.destination-guide-filter .form-item {
    margin: 0;
}

.destination-guide-filter .bef-select-as-links>.form-item {
    padding: 5px 11px 10px;
}

.destination-guide-filter .bef-select-as-links .form-item>.form-item {
    position: relative;
    left: 0;
    width: 162px;
    padding: 0;
    color: #000;
    margin: 0;
    line-height: 29px;
    text-indent: 1px;
    border: 0;
    border-bottom: 1px solid #cecfd1;
}

.destination-guide-filter .bef-select-as-links .form-item>.form-item:last-child {
    border-bottom: 0;
}

.destination-guide-filter .bef-select-as-links .form-item a,
.destination-guide-filter .bef-select-as-links .form-item a:link,
.destination-guide-filter .bef-select-as-links .form-item a:hover,
.destination-guide-filter .bef-select-as-links .form-item a:active,
.destination-guide-filter .bef-select-as-links .form-item a:visited {
    display: block;
    color: #616161;
}

.destination-guide-filter .bef-select-as-links .form-item a:hover,
.destination-guide-filter .bef-select-as-links .form-item a:active {
    color: #000;
}

.region-content-bottom .block {
    float: left;
}

.region-content-bottom .block .block {
    float: none;
    margin: 0;
}

.view-reference-tabs,
.nge-topics-related {
    background: #fff;
    border: 1px solid #e1e1e1;
    border-radius: 4px;
    padding: 0;
    float: left;
    position: relative;
}

.view-reference-tabs {
    width: 666px;
    height: 150px;
    border-radius: 0 4px 4px 4px;
    margin-top: 36px;
}

.nge-topics-related {
    width: 895px;
    height: 250px;
}

.view-reference-tabs .tab {
    position: relative;
    top: -40px;
    left: -1px;
    line-height: 18px;
    font-weight: bold;
    margin-right: 2px;
    background: transparent;
    border: 1px solid #d7d8da;
    color: #4C8EA9;
    float: left;
    width: auto;
    padding: 10px;
    border-radius: 4px 4px 0 0;
    cursor: pointer;
}

.view-reference-tabs .active-tab {
    background: #fff;
    color: #e45925;
    border: 1px solid #cecece;
    border-bottom: 1px solid #fff;
}

.view-reference-tabs .field-content {
    position: absolute;
    display: block;
    visibility: hidden;
    top: 0;
    left: 0;
    width: 95%;
    padding: 22px 15px;
    height: 106px;
    overflow: auto;
}

.view-reference-tabs .views-field-field-partner-linking .field-content div,
.view-reference-tabs .views-field-field-further-reading .field-content div {
    margin: 0 0 16px;
    line-height: 16px;
}

.view-reference-tabs .views-field-field-partner-linking .field-content div a .view-reference-tabs .views-field-field-further-reading .field-content div a {
    line-height: 14px;
}

.nge-topics-related .trendingArticles {
    width: 422px;
    position: relative;
    left: 15px;
    top: 2px;
}

.nge-topics-related .trendingArticles .moduleTitleBlock {
    width: 405px;
    margin-bottom: 13px;
}

.nge-topics-related .moduleTitleBlock {
    padding: 0;
    margin: 0;
}

.nge-topics-related .block-title {
    font: 20px 'Oswald', arial, altgoth, sans-serif;
    color: #616161;
    line-height: 51px;
}

/* body.jsenabled .nge-topics-related .block-title {
    font-size: 26px;
} */

.nge-topics-related #block-views-topics-block-3 {
    position: absolute;
    right: 12px;
    top: 1px;
    width: 414px;
    overflow: hidden;
    font: 12px;
    line-height: 14px;
}

.nge-topics-related .view-topics .moduleTitleBlock {
    width: 196px;
    border-bottom: 0;
}

.nge-topics-related .view-topics table {
    margin: 0;
}

.nge-topics-related .view-topics td {
    padding-right: 17px;
}

.nge-topics-related .view-topics td div {
    font-size: 12px;
    font-weight: bold;
    line-height: 14px;
    height: 34px;
    display: table-cell;
    vertical-align: middle;
    width: 197px;
    border-bottom: 1px solid #cecece;
}

.nge-topics-related .view-topics tr.row-first div {
    border-top: 1px solid #e1e1e1;
}

.nge-topics-related .view-topics tr.row-5 div {
    border-bottom: none;
}

.section-blog .blogMetas .field-items,
.section-blog .blogMetas .field-label-hidden,
.section-blog .blogMetas .field-items .field-item,
.section-blog .blogMetas .field-label {
    display: inline;
}

.section-blog .blogMetas .field-item:after {
    content: ', ';
}

.section-blog .blogMetas .field-items>div:last-child:after {
    content: ' ';
}

.section-blog .blogMetas .field-label {
    font-weight: bold;
}

.section-blog .blogMetas {
    padding-bottom: 20px;
}

.page-blog .blogMetas {
    border-bottom: 1px solid #cecece;
}

.page-blog .blog-editor {
    padding: 20px 0;
    width: 100%;
    border-bottom: 1px solid #ccc;
}

.page-blog .view-wp-blog .views-row {
    margin: 0;
    padding-bottom: 20px;
    border-top: 1px solid #ccc;
    width: 100%;
}

.page-blog .view-wp-blog .views-row-first {
    border-top: 0;
}

.page-blog .view-wp-blog .views-row-last {
    border-bottom: 1px solid #ccc;
    margin-bottom: 10px;
}

.page-blog .view-wp-blog .views-field-field-media {
    margin-top: 20px;
}

.page-blog .view-wp-blog h2 {
    margin: 20px 0 0;
    line-height: 18px;
    color: #000;
}

.page-blog .posted-date {
    margin: 10px 0;
    color: #666;
}

.page-blog .view-wp-blog .views-field-body {
    margin-bottom: 20px;
}

.page-blog .view-wp-blog .views-field-body p {
    margin-top: 0;
}

.page-blog .view-wp-blog h2 a,
.page-blog .view-wp-blog .node-title a:link {
    color: #000;
    font-size: 18px;
    line-height: normal;
}

.page-blog .view-wp-blog .node-title a:visited {
    color: #616161;
}

.page-blog .view-wp-blog .node-title a:hover,
.page-blog .view-wp-blog .node-title a:active {
    color: #e45925;
}

.section-blog .submitted {
    color: #4C8EA9;
    font-size: 11px;
    font-weight: bold;
}

.section-blog .articleContent .submitted {
    margin: 0 0 10px 0;
}

.section-blog .title {
    line-height: 1.25em;
}

.node-type-wp-blog h1.title {
    font-family: serif;
    margin: 15px 0 10px;
}

.blogArticleHeader {
    border-bottom: 1px solid #cecece;
    width: 650px;
    margin-left: 16px;
    padding-bottom: 9px;
}

.blogArticleHeader h3 {
    margin: 0;
    padding: 0;
    font-size: 28px;
    color: #616161;
    font-weight: normal;
    font-family: 'Oswald', arial, altgoth, sans-serif;
}

.blogArticleHeader h3 .highlight,
.blogArticleHeader h3 .highlight a,
.blogArticleHeader h3 .highlight a:active,
.blogArticleHeader h3 .highlight a:hover,
.blogArticleHeader h3 .highlight a:visited {
    color: #e45925;
}

.node-type-wp-blog .articleBody {
    border-top-style: none;
    margin-top: 0;
    border-bottom: 1px solid #ccc;
}

.node-type-wp-blog .webform-container-inline {
    float: left;
    width: 50%;
}

.node-type-wp-blog #webform-component-email {
    float: right;
    text-align: right;
}

.node-type-wp-blog .webform-container-inline label {
    display: inline;
    margin: 0;
    padding-right: 10px;
}

.node-type-wp-blog .webform-container-inline input {
    margin-right: 1em;
}

.node-type-wp-blog #webform-component-email input {
    margin-right: 0;
}

.node-type-wp-blog .webform-component-textarea {
    clear: both;
}

.block-webform input.form-submit {
    float: right;
    margin: 10px 0 0 80px;
    background: url('../images/button-submit.png') 0 0 no-repeat;
    text-indent: -3000px;
    width: 78px;
    height: 29px;
    border: 0;
}

.submit-idea {
    margin: 20px 0 10px;
    border-bottom: 1px solid #ccc;
    padding: 0 20px 20px 0;
    color: #666;
}

.submit-idea h2.block-title {
    font-family: 'Oswald', arial, altgoth, sans-serif;
    color: #E45925;
    text-transform: uppercase;
    margin: 10px 0 -10px;
}

.submit-idea .submit-intro {
    font-style: italic;
}

.blog-nav-links {
    clear: left;
    position: relative;
    float: left;
    width: 100%;
    height: 40px;
}

.blog-nav-links .prev-link,
.blog-nav-links .next-link {
    position: absolute;
    top: 0;
    color: #4C8EA9;
    width: 49.5%;
    text-align: left;
    max-height: 35px;
    overflow: hidden;
}

.blog-nav-links .prev-link:hover,
.blog-nav-links .next-link:hover {
    color: #E45925;
}

.blog-nav-links .prev-link {
    left: 0;
}

.blog-nav-links .next-link {
    right: 0;
    text-align: right;
}

#gallery-container,
.overlay-container {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: #000;
    opacity: .85;
    z-index: 1002;
}

#gallery-contents,
.overlay-contents {
    display: none;
    position: absolute;
    top: 100px;
    left: 83.5px;
    background: #282b32;
    /* for non-css3 browsers */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#2f333a', endColorstr='#1a1d22');
    /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#2f333a), to(#1a1d22));
    /* for webkit browsers */
    background: -moz-linear-gradient(top, #2f333a, #1a1d22);
    /* for firefox 3.6+ */
    border-radius: 5px;
    color: #fff;
    width: 831px;
    height: auto;
    border: 1px solid #121416;
    z-index: 1100;
}

#gallery-contents {
    height: 871px;
}

#gallery-contents .bevel,
.overlay-contents .bevel {
    position: absolute;
    top: 1px;
    left: 0;
    width: 5px;
    height: 99.7%;
    border-left: 1px solid #444852;
    border-radius: 5px 0 0;
    background: transparent;
}

#gallery-contents a.close,
.overlay-contents a.close {
    position: absolute;
    top: -13px;
    right: -13px;
    width: 26px;
    height: 26px;
}

.overlay-contents p {
    margin-left: 14px;
}

#gallery-contents .gallery-title {
    margin-left: 14px;
    padding-left: 10px;
    width: 562px;
    border-bottom: 1px solid #414651;
    font-weight: bold;
    font-size: 14px;
    line-height: 60px;
}

#gallery-contents .gallery,
.overlay-contents .county-container {
    position: relative;
    margin: 8px 14px 14px;
    width: 800px;
}

.county-container {
    float: left;
    margin: 8px 13px 4px;
}

.county-image {
    float: left;
    width: 26%;
}

.county-stats {
    float: left;
    width: 74%;
}

.county-stats .field {
    float: left;
    width: 25%;
    margin: 0 0 10px 10px;
}

.county-stats .field-label {
    font-size: 16px;
    color: #a97;
}

.gallery .media-title {
    background: #000;
    position: absolute;
    display: none;
    top: 0;
    left: 0;
    width: 100%;
    color: #fff;
    z-index: 1002;
    opacity: .75;
}

.gallery .media-title span {
    padding: 8px 13px;
    display: inline-block;
}

.gallery a.media-caption-link {
    position: absolute;
    top: 8px;
    left: 708px;
    z-index: 1004;
}

.media-details {
    /*display:none;*/
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    /*border-bottom:1px solid #10333b;*/
    background: #000;
    z-index: 1003;
    opacity: .75;
}

.media-details .media-caption {
    display: block;
    margin: 8px 13px 4px;
    width: 60%;
    font-size: 12px;
    line-height: 14px;
}

.media-details .media-credit {
    margin: 0 13px 8px;
    width: auto;
}

.media-details .media-credit p {
    margin: 0;
    display: inline;
}

.media {
    position: relative;
}

.media audio {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.media #image {
    width: 100%;
    height: 600px;
    position: relative;
    background: #000;
}

.media #image img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.media .prev-next {
    position: absolute;
    top: 277px;
    display: block;
    width: 46px;
    height: 46px;
    background: url('../images/arrow-left.png') 0 0 no-repeat;
    display: none;
}

.media .prev {
    left: 12px;
}

.media .next {
    right: 12px;
    background-image: url('../images/arrow-right.png');
}

#gallery-contents .gallery-thumbstrip {
    position: relative;
    float: left;
    width: 100%;
}

#gallery-contents .rows-content {
    position: relative;
    left: 40px;
    width: 736px;
    height: 200px;
    overflow: hidden;
}

#gallery-contents .rows-slider {
    width: 4000px;
    position: absolute;
    top: 0;
    left: 0;
}

#gallery-contents .jcarousel-prev,
#gallery-contents .jcarousel-next {
    top: 50px;
}

#gallery-contents .jcarousel-prev-disabled,
#gallery-contents .jcarousel-next-disabled {
    display: none;
}

#gallery-contents .jcarousel-next {
    right: 0;
    left: auto;
}

#gallery-contents .media-thumb {
    cursor: pointer;
    float: left;
    margin: 12px 12px 0 0;
    width: 80px;
    overflow: hidden;
    line-height: 16px;
}

#gallery-contents .media-thumb a {
    font: 14px/16px 'helvetica neue', 'helvetica', 'arial', 'sans-serif'
}

#gallery-contents .media-thumb a:hover,
#gallery-contents .media-thumb.active a {
    color: #fff;
}


/* special collection styles */

body.node-type-special-collection .tabs,
body.node-type-special-collection .messages {
    position: relative;
    top: -54px;
    margin: 0 -53px 0 -54px;
    background: #000;
    width: auto;
    border-bottom: 0;
}

body.node-type-special-collection ul.primary li.active {
    background: #fff;
}

body.node-type-special-collection #content {
    position: relative;
    margin-top: 0;
    padding-top: 0;
}

#collection-gallery,
#collection-content {
    float: left;
    width: 1000px;
    top: 0;
    margin: 0 -53px 0 -50px;
    background: #000;
    position: relative;
    color: #fff;
    padding: 40px 0;
}

#collection-gallery {
    overflow: hidden;
    height: auto;
    padding: 0;
}

.collection-images {
    position: relative;
}

.chapter-images {
    float: left;
    height: 598px;
}

.chapter-images .image {
    float: left;
    position: relative;
    margin-right: 13px;
    width: 797px;
    height: 100%;
}

.chapter-images .image audio {
    width: 100%;
    height: 82%;
}

.chapter-images .image .media-details {
    top: inherit;
    bottom: 0;
    width: 655px;
    left: 53px;
    background: #000;
    z-index: 1002;
    opacity: .8;
}

.chapter-images .image .media-details .media-title {
    position: absolute;
    top: 8px;
    left: 13px;
}

.chapter-images .image .collection-caption-details {
    width: 552px;
    float: left;
}

.chapter-images .image .media-details .media-caption {
    width: 80%;
}

.chapter-images .image .media-details .media-credit {
    width: 80%;
}

.chapter-images .image a.media-caption-link {
    position: relative;
    float: right;
    bottom: 0;
    right: 0;
    padding: 10px 4px;
    z-index: 1003;
}

.media-details .media-caption {
    display: block;
    margin: 8px 13px 4px;
    width: 60%;
    font-size: 12px;
    line-height: 14px;
}

.media-details .media-credit {
    margin: 0 13px 8px;
    width: auto;
}

.media-details .media-credit p {
    margin: 0;
    display: inline;
}

.chapter-images.last .last {
    margin-right: 0;
}

.collection-gallery-link {
    position: absolute;
    top: 350px;
    background: #fff;
    padding: 0 12px;
    line-height: 37px;
    cursor: pointer;
    color: #000;
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=70)';
    filter: alpha(opacity=70);
    opacity: 0.7;
    font-weight: bold;
    border: 2px solid #DEDEDE;
}

.collection-gallery-link .arrow {
    width: 17px;
    height: 17px;
    margin: 10px 0;
    float: right;
    background: url('../images/layout/trend_nav_sprite.png') top right no-repeat;
}

.collection-gallery-link.prev-link {
    left: -29px;
}

.collection-gallery-link.prev-link .arrow {
    float: left;
    background-position: bottom left;
}

.collection-gallery-link.next-link {
    right: -29px;
}

.collection-gallery-link .chapter-tease,
.collection-gallery-link .tease {
    display: none;
}

.collection-gallery-link.prev-link .tease {
    float: right;
    padding-left: 8px;
}

.collection-gallery-link.next-link .tease {
    float: left;
    padding-right: 8px;
}

.collection-gallery-link:hover .tease {
    display: block;
}

#collection-content {
    margin-bottom: 25px;
    border-bottom: 29px solid #fff;
    min-height: 200px;
}

.special-collection-titlebar {
    margin: 0 -53px 0 -50px;
    padding: 20px 0;
    width: 1000px;
    background: #000;
    text-indent: 53px;
}

h1.special-collection-title {
    font-size: 16px;
    color: #E45925;
    font-family: 'Oswald', arial, altgoth, sans-serif;
    text-transform: uppercase;
}

/* body.jsenabled h1.special-collection-title {
    font-size: 26px;
} */

h1.special-collection-title span {
    color: #fff;
    text-transform: none;
}

.special-collection-titlebar #block-views-byline-block {
    margin: 0;
}

.special-collection-titlebar #block-views-byline-block div.attachment-after .view-content {
    display: block;
    line-height: 12px;
}

.special-collection-titlebar #block-views-byline-block div,
.special-collection-titlebar #block-views-byline-block p {
    display: inline;
    color: #fff;
    font-size: 11px;
    text-transform: none;
}

.collection-text {
    position: relative;
    float: left;
    top: 0;
    left: 53px;
    width: 655px;
    height: auto;
    /*	max-height:400px;
	overflow:auto;	*/
}

.collection-text p {
    /*	display:inline;	*/
}

.collection-text p.p1 {
    display: block;
}

.chapter-text {
    display: none;
    width: 95%;
}

.chapter-text.active {
    display: block;
}

.collection-toc {
    width: 210px;
    position: relative;
    float: right;
    top: 0;
    right: 53px;
    margin-bottom: 46px;
    background: #373737;
    text-shadow: .1em .1em 0.15em #000;
}

.collection-toc .toc-title {
    position: relative;
    top: 1px;
    border-top: 1px solid #585858;
    border-bottom: 3px solid #4e3f4f;
    padding: 0 5px 0 11px;
    line-height: 44px;
    text-transform: uppercase;
    color: #6cf;
    font-size: 13px;
    font-family: 'Oswald', arial, altgoth, sans-serif;
}

/* body.jsenabled .collection-toc .toc-title {
    font-size: 20px;
} */

.collection-toc ul {
    margin: 0;
    padding: 10px;
    border-top: 2px solid #1b1b1b;
}

.collection-toc li {
    line-height: 28px;
    border-bottom: 1px solid #2b2b2b;
    border-top: 1px solid #3e3e3e;
    list-style: none;
    padding: 0 6px;
    color: #999;
    cursor: pointer;
}

.collection-toc li.first,
.collection-toc li:first-child {
    border-top: 0;
}

.collection-toc li.last,
.collection-toc li:last-child {
    border-bottom: 0;
}

.collection-toc li.active {
    color: #6cf;
}