/* toggle views */
.media-content .view-link { display:block; width:33px; height:27px; float:right; background-repeat:no-repeat }
#toggle-film-strip { background-position:-80px -300px }
#toggle-film-strip:hover { background-position:-80px -327px }
#toggle-film-strip.active,
#toggle-film-strip.active:hover { background-position:-80px -354px }
#toggle-thumbnail-page { background-position:-113px -300px }
#toggle-thumbnail-page:hover { background-position:-113px -327px }
#toggle-thumbnail-page.active,
#toggle-thumbnail-page.active:hover { background-position:-113px -354px }

/* meta data */
.media-content #media-meta-data { width:942px; margin:25px auto 0 }
.media-content #item-title { font-size:18px; padding:3px 0 6px }
.media-content #item-description { padding-bottom:21px }
.media-content .meta-details { line-height:14px }
.media-content .meta-details dt { float:left; padding-right:4px }
.media-content .meta-details .dt-separator { padding-left: 11px; margin-left:11px; border-left: 1px solid #000 }
.media-content .meta-details .dt-downloads { clear:both; padding-top:10px }
.media-content .meta-details .dd-downloads { padding-top:10px }
.media-content .meta-details dd { float:left; padding-left:4px }

/* comments */
#load-comments { font-size: 18px; padding: 40px 0 42px; width:942px; margin:0 auto }
#media-comments .media-fail { margin-top: 20px; padding: 20px 0 42px 41px }

/* generic thumb frame */
.media-content .thumb-wrapper { display:block; width:188px; float:left }
.media-content .thumb-wrapper .thumb-frame { display:block; width:188px; height:118px; background-repeat:no-repeat; background-position:-200px 0; -moz-box-shadow:0 0 10px #000; -webkit-box-shadow:#000 0 0 10px; box-shadow:#000 0 0 10px }
.media-content .thumb-wrapper .thumb-bg { display:block; width:188px; height:118px; background-repeat:no-repeat }
.media-content .thumb-wrapper:hover .thumb-frame { background-position:-200px -118px }

/* thumbnail page */
.thumbnail-page-wrapper { width:942px; margin:0 auto; background-repeat:no-repeat; background-position:50% 0; padding-top:20px }
.thumbnail-page-wrapper .ui-pagination { float:right }
.thumbnail-page-wrapper #thumbnail-page { width:890px; margin:0 auto }
.thumbnail-page-wrapper #next-item { float:right }
.thumbnail-page-wrapper #previous-item { float:left }
.thumbnail-page-wrapper .thumbnail-list-paging { text-align:center; padding-bottom:34px }
.thumbnail-page-wrapper .thumbnail-list-paging .page-counter { padding-top:9px; width:400px; margin:0 auto }
.thumbnail-page-wrapper .thumb-wrapper { margin:0 46px 50px 0 }
.thumbnail-page-wrapper .thumb-wrapper .thumb-title { display:block; text-align:center; padding-top:8px }
.thumbnail-page-wrapper .video-page .thumb-wrapper:hover .thumb-frame { background-position:-200px -236px }
.thumbnail-page-wrapper .pagination-wrapper { height:22px; width:800px; float:right }

/* landing page */
#media-index .media-index-section { width:907px; margin:-7px 0 38px 59px }
#media-index .media-index-section.float-right { margin-left:0; margin-right:61px }
#media-index .media-index-section .gallery-title { display:block; height:34px; line-height:23px; text-transform:uppercase; width:907px; position:relative }
#media-index .media-index-section .gallery-title .gallery-icon { display:block; float:left; width:35px; height:34px; background-repeat:no-repeat }
#media-index .media-index-section .gallery-title .view-all { display:block; font-size:11px; text-transform:none; text-align:right; position:absolute; right:0; line-height:100% }
#media-index .media-index-section .gallery-title .view-all .arrow { margin-left:8px; float:right; display:block; width:12px; height:12px; background-repeat:no-repeat; background-position:-94px -391px }
#media-index .media-index-section .gallery-title:hover .view-all .arrow { background-position:-120px -391px }
#media-index .media-index-section .gallery-title .total { padding-left:3px }
#media-index .media-index-section .section-content { margin-top: 23px; width: 392px }
#media-index .media-index-section .thumb-wrapper { margin-bottom:13px }
#media-index .media-index-section .left-col { margin-right:16px }
#media-index .media-index-section .date-added { display:block; font-size:11px; padding-top:3px }
#media-index .media-index-section .video-thumb-wrapper { float:none; width:392px }
#media-index .media-index-section .video-thumb-wrapper.first-video { margin-bottom:33px }
#media-index .media-index-section .video-thumb-wrapper .video-info { display:block; float:right; width:175px; padding:3px 10px 0 5px }
#media-index .media-index-section .video-thumb-wrapper .video-desc { font-size:11px; margin:0.5em 0; display:block }
#media-index .media-index-section .video-thumb-wrapper .video-title { display:block; font-size:14px }
#media-index .media-index-section .video-thumb-wrapper:hover .thumb-frame { background-position:-200px -236px }

/* sub gallery list */
.media-content  .sub-gallery-list { width:907px; margin:0 auto }
.media-content  .sub-gallery-list .thumb-frame { -moz-box-shadow:0 0 10px #000; -webkit-box-shadow: #000 0 0 10px; box-shadow: #000 0 0 10px }
.media-content  .sub-gallery-list .thumb-wrapper { padding:10px; margin-bottom:20px; margin-right:25px }
.media-content  .sub-gallery-list .left-col { margin-right:16px }
.media-content  .sub-gallery-list .thumb-title { padding-top:10px; text-align:center; display:block; width:188px }
.media-content  .sub-gallery-list .thumb-title .last-modified { text-align:center; display:block; width:188px }
.media-content  .sub-gallery-list .sub-gallery-frame .thumb-frame { background-position:-388px 0 }
.media-content  .sub-gallery-list .date-added { display:block; padding-top:5px }
.media-content  .sub-gallery-list .sub-gallery-frame:hover .thumb-frame { background-position:-388px -118px }