.body-top { background-image:url(../../images/layout/bgs/basics/introduction.jpg) }

.media-content.no-filters .media-header { padding-bottom:0px }
.media-content .page-header { margin-bottom:0 }
.media-content .page-header .desc { width:auto }

.media-content .thumb-wrapper .thumb-bg { border-radius: 5px; }
.media-content .filter-dropdown .keyword-filter { height: auto; }
.media-content .thumbnail-loader { background-color:#000; background-image:url(../../images/loaders/default.gif) }

.media-content .currently-viewing { margin:0; padding:0; width:auto }
.media-content .currently-viewing .clear-filters { font-size:12px; line-height:27px; height:27px; margin:0; padding:0 10px; color:#823c00; background-color:#000; border-radius:4px; margin-left:5px }
.media-content .currently-viewing .clear-filters:hover { color:#FFF }
.media-content .currently-viewing .clear-filters span { float:none; padding:0; height:27px; line-height:27px }
.media-content .currently-viewing .clear-filters span:after { content:" "; display:inline-block; width: 16px; height: 16px; background: url("../../images/icons/sprite.png") -52px -80px no-repeat; opacity:0.6; font-size: 1px; position:relative; top:4px; margin-left:2px }
.media-content .currently-viewing .clear-filters:hover span:after { background-position: -68px -80px; opacity:1 }

.media-content .filter-list { max-width:520px; display:block; padding-bottom:5px }
.media-content .filter-list  a { display:inline-block; height:27px; line-height:27px }


/* set sprite image */
.media-content .film-strip-wrapper .ajax-frame .paging-arrow,
.media-content .view-link,
#film-strip .track,
#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 .thumb-frame,
#media-index .media-index-section .gallery-title .view-all .arrow,
#media-index .media-index-section .gallery-title .gallery-icon { background-image:url(../../images/media/sprite.png) }

/* index */
#media-index .page-header { margin-bottom:30px }
#media-index .media-index-section { margin-top: 0; background: url("../../images/layout/section-bg.jpg") 0 37px repeat-x; }
#media-index .media-index-section .date-added { color: #6D624C; }
#media-index .media-index-section .thumb-wrapper { margin: 0 0 15px 12px; }
#media-index .media-index-section .thumb-wrapper:hover .date-added { color: #fff; }
#media-index .media-index-section .gallery-title { color: #f3e6d0; font: normal 18px "Exocet Blizzard Light", "Palatino Linotype", "Times", serif; text-transform: uppercase;
	background: url("../../images/layout/section-icon.png") 0 0 no-repeat; height: 30px; padding: 6px 0 6px 55px; width: auto; }
.ko-kr #media-index .media-index-section .gallery-title { font-family:Dotum }
#media-index .media-index-section .gallery-title .total,
#media-index .media-index-section .gallery-title .view-all { font-size: 12px; color: #ad835a; font-family: Arial,Verdana,sans-serif; }
#media-index .media-index-section .gallery-title .view-all { top: 13px; right: 5px; }
#media-index .media-index-section .gallery-title .view-all .arrow,
#media-index .media-index-section .gallery-title:hover .view-all .arrow { margin-left: 3px; background: url("../../images/icons/arrows.gif") 0 -133px no-repeat; }
.ko-kr #media-index .media-index-section .gallery-title .view-all {font-family:Dotum; font-weight:normal; height:20px; line-height:20px; top:8px;}
.ko-kr #media-index .media-index-section .gallery-title .view-all .arrow,
.ko-kr #media-index .media-index-section .gallery-title:hover .view-all .arrow {height:20px; background-position:0 -130px;}
#media-index .media-index-section .gallery-title:hover,
#media-index .media-index-section .gallery-title:hover .total,
#media-index .media-index-section .gallery-title:hover .view-all { color: #fff; }
#media-index .media-index-section .gallery-title .gallery-icon { position: absolute; top: 1px; left: 4px; width: 36px; height: 36px; background: url("../../images/icons/section-sprite.png") 0 0 no-repeat; }
#media-index .media-index-section .gallery-title.videos .gallery-icon { background-position: 0 -108px; }
#media-index .media-index-section .gallery-title.screenshots .gallery-icon { background-position: 0 -144px; }
#media-index .media-index-section .gallery-title.artwork .gallery-icon { background-position: 0 -180px; }
#media-index .media-index-section .gallery-title.fanart .gallery-icon { background-position: 0 -180px; }
#media-index .media-index-section .gallery-title.wallpapers .gallery-icon { background-position: 0 -216px; }
#media-index .media-index-section .gallery-title.music .gallery-icon { background-position: 0 -396px; }
#media-index .media-index-section .gallery-title.comics .gallery-icon { background-position: 0 -431px; }
#media-index .media-index-section .gallery-title.costumes .gallery-icon { background-position: 0 -144px; }
#media-index .media-index-section .video-thumb-wrapper .video-desc { color: #877b69; }
#media-index .media-index-section { margin-left: 30px; width: 440px; }
#media-index .media-index-section.float-right { margin-right: 30px; }
#media-index .media-index-section .section-content { width: auto; /*padding: 0 22px;*/ }
#media-index .media-index-section .left-col { margin-right: 30px; }

/* gallery */
.media-content .sub-gallery-list .thumb-title .last-modified { color: #5f584d; font-size: 11px; }
.media-content .thumbnail-page-wrapper { background: url("../../images/layout/section-bg.jpg") 0 0 repeat-x; }
.media-content .thumbnail-page-wrapper .thumbnail-list-paging { padding: 0 15px 35px 15px;  }
.media-content .currently-viewing .filter-note { color: #AD835A; }
.ko-kr .media-content .currently-viewing .filter-note { font-style:normal }
.media-content .view-link { top: -1px; position: relative; }

/* film-strip ajax target */
#film-strip-ajax-target { background-image: url(../../images/loaders/default.gif); overflow:hidden; }

/* view */
.media-content .film-strip-wrapper { background: url("../../images/media/view-bg.jpg") 50% 0 no-repeat; min-height: 665px; margin: 0 auto; padding-top: 32px; }
.media-content .film-strip-thumb-wrapper { border-radius: 5px; }
.media-content #item-title { color: #AD835A; font: normal 24px "Palatino Linotype", "Times", serif; }
.ko-kr .media-content #item-title { font-size:18px; font-family:Dotum }
.media-content .meta-details dd { color: #7B6D55; }
.media-content .filter-dropdown #filter-options { padding-top: 0; background: #000000; }
.media-content .filter-dropdown #filter-options .filter-title { padding: 10px; line-height: 100%; }
.media-content .filter-dropdown .apply-filters { background: #12110f; }

/* ie */
.ie67 .media-content .meta-details dt,
.ie67 .media-content .meta-details dd { line-height: normal; zoom: 1; }

/* music thumb */
#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 .album-thumb { width:28px; height:28px; display:block; border:1px solid #412603; background-image: url(../../images/media/album-sprite.jpg); background-repeat:no-repeat; float:left; margin-right:15px }
#media-index .media-index-section .music-thumb-wrapper .album-thumb.album-1 { background-position: 0px 0px }
#media-index .media-index-section .music-thumb-wrapper .album-thumb.album-2 { background-position: 0px -28px }
#media-index .media-index-section .music-thumb-wrapper .album-title { display:block; width:208px; float:left }
#media-index .media-index-section .music-thumb-wrapper .album-title em { color:#5F584D; font-style:normal; font-size: 11px; display:block }
#media-index .media-index-section .music-thumb-wrapper .date-added { width: 440px; color: #5F584D; padding-top:0; text-align: right }
#media-index .media-index-section .music-thumb-wrapper:hover .album-thumb { border-color: #824C06 }
#media-index .media-index-section .music-thumb-wrapper:hover .date-added { color:#FFF }


/* ie6 */
.ie6 .media-content .film-strip-wrapper .ajax-frame .paging-arrow,
.ie6 .media-content .view-link,
.ie6 #film-strip .track,
.ie6 #film-strip .track .thumb,
.ie6 #film-strip .track .thumb .thumb-bot,
.ie6 .media-content .film-strip-thumb-frame,
.ie6 .media-content .filter-dropdown .keyword-filter .checkbox,
.ie6 .media-content .currently-viewing .clear-filters,
.ie6 .media-content .currently-viewing .clear-filters span,
.ie6 .media-content .thumb-frame,
.ie6 #media-index .media-index-section .gallery-title .view-all .arrow,
.ie6 #media-index .media-index-section .gallery-title .gallery-icon { background-image: url("../../images/media/sprite.gif"); }

.ie6 #media-index .media-index-section .gallery-title { background-image: url("../../images/layout/section-icon.jpg"); }
.ie6 #media-index .media-index-section { margin-left: 15px; }
.ie6 #media-index .media-index-section .left-col,
.ie6 #media-index .media-index-section.float-right { margin-right: 15px; }
.ie6 #media-index .media-index-section .gallery-title .view-all .arrow,
.ie6 #media-index .media-index-section .gallery-title:hover .view-all .arrow { background: url("../../images/icons/arrows.gif") 0 -133px no-repeat; }
.ie6 #media-index .media-index-section .gallery-title .gallery-icon { background-image: url("../../images/icons/section-sprite-ie.png"); }

.ie6 .media-content .currently-viewing,
.ie6 .media-content .view-link { zoom: 1; }