.body-top { background-image:url(../../images/game/lore/bg-lore-home.jpg) }

/* media gallery */
.media-content { padding-bottom:50px }
.media-content .thumbnail-loader { background-color:#001e3f; background-image:url(../../images/loaders/thumbnail-loader.gif) }
.media-content .page-header { padding-top: 0; padding-bottom: 0; }
.media-content .page-header .desc-2 { padding-bottom: 4px; }
.media-content .secondary-nav-wrapper { margin-top: 36px; }

/* set sprite image */
.media-content .film-strip-wrapper .ajax-frame .paging-arrow,
.media-content .view-link,
#film-strip .track:hover,
#film-strip .track .thumb,
#film-strip .track .thumb .thumb-bot,
.media-content .film-strip-thumb-frame,
.media-content .filter-dropdown .keyword-filter .checkbox,
.media-content .currently-viewing .clear-filters,
.media-content .currently-viewing .clear-filters span,
.media-content .thumb-frame,
#media-index .media-index-section .gallery-title .view-all .arrow,
#media-index .media-index-section .gallery-title .gallery-icon,
#media-index .media-index-section { background-image:url(../../images/media/sprite.png) }

/* filtering */
.media-content .currently-viewing { color: #fff; margin-top:38px }
.media-content .currently-viewing .float-left { color: #6EA6CA }
.media-content .currently-viewing .filter-note { color:#005A8E }
.media-content .currently-viewing .clear-filters span { color:#c0ffff }
.media-content .currently-viewing .clear-filters:hover span { color:#273F51 }
.comics .media-content .currently-viewing {  margin-top: 0; }
.media-content .currently-viewing .clear-filters { background-position: -564px -354px; font-size:12px; line-height:18px; height:18px; margin:0; padding:0 10px 0 5px; margin-left:5px }
.media-content .currently-viewing .clear-filters:hover { background-position: -564px -390px; }
.media-content .currently-viewing .clear-filters span { float:none; padding:0 20px 0 5px; height:18px; line-height:18px }

.media-content .filter-dropdown .filter-title { font-size: 14px; margin-bottom: 3px; padding: 4px 4px 4px 10px }
.media-content .filter-dropdown .keyword-filter { padding-bottom:2px }
.media-content .filter-dropdown #filter-options { padding:5px; min-width:172px }
.media-content .filter-dropdown .apply-filters { margin-top: 20px; padding: 5px 5px 3px }

.media-content .filter-list { max-width:520px; display:block; padding-bottom:5px }
.media-content .filter-list  a { display:inline-block; height:18px; line-height:18px }

/* film-strip container */
.media-content .film-strip-wrapper { background-image:url(../../images/media/vertical-bg.jpg) }


/* film-strip ajax target */
#film-strip-ajax-target { background-image: url(../../images/loaders/blue-loader.gif); overflow:hidden }

/* meta data */
.media-content #item-title { color:#fff }
.media-content #item-description { color:#967648 }
.media-content .meta-details dt { color:#fff }
.media-content .meta-details .dt-separator { border-color:#005A8E }

/* comments */
.media-content #comments { padding: 30px 27px 50px }


/* thumbnail page */
.thumbnail-page-wrapper { background-image:url(../../images/media/thumbnail-page-bg.png) }

/* landing page */
#media-index { padding-top:21px }
#media-index .media-index-section { width:496px; margin:-7px 0 31px 3px; background-repeat:no-repeat; background-position:-133px -622px }
#media-index .media-index-section.float-right { margin-left:-19px; margin-right:0 }
#media-index .media-index-section .left-col { margin-right:30px }
#media-index .media-index-section .gallery-title { width:425px; color:#ffffff; font-size:14px; height:60px; padding-left:25px; padding-top:25px; line-height:59px }
#media-index .media-index-section .gallery-title .total { color:#008CD6 }
#media-index .media-index-section .gallery-title .view-all { color:#00D683; top:47px }
#media-index .media-index-section .gallery-title .view-all .arrow { margin-left:0 }
#media-index .media-index-section .gallery-title:hover,
#media-index .media-index-section .gallery-title:hover .view-all { color:#FFF }
#media-index .media-index-section .gallery-title .gallery-icon { height:60px; width:60px; margin-right:16px }
#media-index .media-index-section .gallery-title.videos .gallery-icon { background-position:-94px -543px }
#media-index .media-index-section .gallery-title.screenshots .gallery-icon { background-position:-172px -545px }
#media-index .media-index-section .gallery-title.artwork .gallery-icon { background-position:-252px -545px }
#media-index .media-index-section .gallery-title.fanart .gallery-icon { background-position:-252px -545px }
#media-index .media-index-section .gallery-title.wallpapers .gallery-icon { background-position:-329px -542px }
#media-index .media-index-section .gallery-title.costumes .gallery-icon { background-position:-172px -545px }
#media-index .media-index-section .gallery-title.audio .gallery-icon { background-position:-409px -476px }
#media-index .media-index-section .gallery-title.music .gallery-icon { background-position:-409px -544px }
#media-index .media-index-section .gallery-title.downloads .gallery-icon { background-position:-486px -544px }
#media-index .media-index-section .gallery-title.comics .gallery-icon { background-position: -487px -476px }
#media-index .media-index-section .section-content { margin-left:42px; width:406px }
#media-index .media-index-section .video-thumb-wrapper { margin-bottom:28px }
#media-index .media-index-section .thumb-wrapper  .date-added { color:#005A8E}
#media-index .media-index-section .thumb-wrapper:hover .date-added { color:#FFF }
#media-index .media-index-section .download-table { margin-top:-9px; width:414px }
#media-index .media-index-section .download-table td { height:27px; vertical-align:middle }
#media-index .media-index-section .download-table .preview-icon { display: block; float: left; height: 22px; padding-top: 5px; padding-right:10px; width: 34px }
#media-index .media-index-section .download-table .download-link { display: block; height: 27px; line-height: 27px; width: 292px }
#media-index .media-index-section .download-table .download-link .icon { display: block; float: left; height: 22px; margin: 5px 10px 0 0; width: 35px; background:url(../../images/media/download-icons.gif) no-repeat }
#media-index .media-index-section .download-table .download-link:hover .icon { background-position:0 -22px }
#media-index .media-index-section .download-table .date { color: #008CD6; font-size: 11px; text-align: right; width: 50px }


/* music thumb */
a .album-thumb { width:28px; height:28px; display:block; border:1px solid #0093F7; background-position:50% 50%; background-repeat:no-repeat; float:left; margin-right:15px }
a:hover .album-thumb { border:1px solid #00C7DE }
a .album-1 { background-image: url(../../images/media/album-sprite.jpg); background-position: 0px 0px }
a .album-2 { background-image: url(../../images/media/album-sprite.jpg); background-position: 0px -28px }
a .album-title { font-size:11px; line-height:14px; display:block; width:208px; float:left }
a .album-title em { color:#005A8E; font-style:normal; display:block }
#media-index .media-index-section .music-thumb-wrapper { float:none; width:392px; display: block; min-height:33px; margin-bottom:12px }
#media-index .media-index-section .music-thumb-wrapper .date-added { width: 416px; color: #008CD6; padding-top:0; text-align: right }
#media-index .media-index-section .music-thumb-wrapper:hover .date-added { color:#FFF }


/* client download */
.ko-kr .secondary-nav-wrapper { float: left; }
.ko-kr .btn-media-clientdownload { /*position: absolute; top:  30px; right:  20px;  */ float: right; margin-top: 27px; }
.ko-kr .btn-media-clientdownload a .bg-left,
.ko-kr .btn-media-clientdownload a .bg-right,
.ko-kr .btn-media-clientdownload a .bg-mid { background: url('../../images/media/btn-sc2-download-new.gif') no-repeat;  }
.ko-kr .btn-media-clientdownload a .bg-left { width: 33px; height: 40px; float: left;  }
.ko-kr .btn-media-clientdownload a .bg-right { width: 25px; height: 40px; float: left; background-position: -13px -160px;  }
.ko-kr .btn-media-clientdownload a .bg-mid { display: block; padding:  0 5px; height: 40px; background: url('../../images/media/btn-sc2-download-new.gif') repeat-x 0 -80px; float: left; font:  12px/43px Dotum; overflow: hidden;  }
.ko-kr .btn-media-clientdownload a: hover .bg-left { background-position: 0 -40px;  }
.ko-kr .btn-media-clientdownload a: hover .bg-right { background-position: -13px -200px;  }
.ko-kr .btn-media-clientdownload a: hover .bg-mid { background-position: 0 -120px;  }

.comics .secondary-nav-wrapper { margin-bottom: 21px; }
.comics .thumbnail-page-wrapper { padding-top: 34px; }
.comics .date-added { color: #005A8E; font-size: 11px; display: block; text-align :center; }
.comics .thumb-wrapper:hover .date-added { color: #ffffff; }
.comics .blizzard-comics-container .thumb-wrapper { margin-bottom: 30px; }
.comics .page-header .header-2.sub-header { font-size: 24px; }
.comics .fan-comics-header { margin-bottom: 0; font-size: 24px; }
.comics .thumbnail-page-wrapper .thumbnail-page-wrapper { background-image: none; }
#media-index .media-index-section .blizzard-comics-section .video-thumb-wrapper:hover .thumb-frame { background-position: -200px -118px; }