/* Theme Name: Mute Theme URI: http://mute.com Description: Mute theme Author: Remote Location Version: 0.1 */ /* =Reset default browser CSS. -------------------------------------------------------------- */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { background: transparent; border: 0; margin: 0; padding: 0; vertical-align: baseline; } body { line-height: 1; background:#f5f5f5; font-size:0.813em; font-family: HelveticaNeueUltraLight, sans-serif !important; font-weight: normal; letter-spacing: 0.07em; } h1, h2, h3, h4, h5, h6 { clear: both; font-weight: normal; } ol, ul { list-style: none; } blockquote { quotes: none; } blockquote:before, blockquote:after { content: ''; content: none; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; } a img { border: none; } .clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .clearfix:after { clear: both; } .clearfix { zoom: 1; } ul#filter li.Undefined { display:none; } /* =Generic fixes/styles -------------------------------------------------------------- */ a {outline:none;} a:focus{outline: none; } /* global font */ p, span, a{ } .orange{color:#ff7300;} .mute-player:after, ul#tags:after, ul#post_tags:after, ul#backforth:after, #wrapper:after, #novideos:after, .main_share:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } h1 { font-family: HelveticaNeueUltraLight, sans-serif !important; font-size:3em; line-height:1.1em; letter-spacing:0.02em; margin:24px 0 0 0; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; } h2, h2 span.title { font-family: HelveticaNeueLight, sans-serif !important; } h2.artist_feature { font-family: HelveticaNeueLight, sans-serif !important; font-size:2em; line-height:1.1em; letter-spacing:0.04em; } h2.artist_title { font-family: HelveticaNeueLight, sans-serif !important; font-size:2em; line-height:1.1em; letter-spacing:0.02em; } h2.artist { font-family: HelveticaNeueLight, sans-serif !important; font-size:1.9em; line-height:1.1em; letter-spacing:0.04em; } h2.title { font-family: HelveticaNeueLight, sans-serif !important; font-size:1.9em; line-height:1.1em; letter-spacing:0.02em; } h3 { font-family: HelveticaNeueLight, sans-serif !important; font-size:1.2em; line-height:1.2em; letter-spacing:0.04em; } h3.artist { font-family: HelveticaNeueMedium, sans-serif !important; } .none { display:none; } .f_i { float:left; display:inline; } .f_r { float:right; } .wp-post-image { margin:0 0 10px 0; } iframe[name='google_conversion_frame'] { height: 0 !important; width: 0 !important; line-height: 0 !important; font-size: 0 !important; margin-top: -13px; float: left; } /* =Structure -------------------------------------------------------------- */ /* The main theme structure */ #wrapper { margin:0; padding:0; min-width:980px; } #discover-holder { margin:0; padding:0; width:100%; height:0; background:#FFF; overflow:hidden; } #discover-holder div.holder{ float:left; display:none; padding:0 0 5px 0; } #discover-holder div#search-holder{ float:left; display:none; width:100%; padding:0 0 0 0; } ul#main-nav li.search-content{ border-left:thick solid #e5e5e5; border-left-width:1px; } ul#main-nav li.search-content div.search-pad{ padding:30px 0 0 30px; } #header { margin:0; padding:0; width:100%; height:95px; background:#fff; } /* =Discovery -------------------------------------------------------------- */ #discover-btn { float:left; padding:0; margin:0; } #discover-btn a { display:block; width:56px; margin:0; height:60px; padding:51px 15px 0 15px; text-align:center; color:#ccc; text-decoration:none; background-repeat: no-repeat; background-image:url(images/structural/discover-btn.png); background-position:0px 0px; font-family: HelveticaNeueMedium, sans-serif !important; border-right:#e5e5e5 1px solid; border-bottom:#FFF 4px solid; } #discover-btn a:hover{ color:#ff7300; background-position:0px -266px; border-bottom:#ff7300 4px solid; } /* =Navigation -------------------------------------------------------------- */ #main-nav-holder { float:left; padding:0; margin:0; } #sub-nav { position:absolute; top:0; right:20px; margin:10px 0 0 0; } #sub-nav li { } #sub-nav li.grey a { margin:0 0 0 10px; text-decoration:none; color:#666666; } #sub-nav li.grey a:hover { text-decoration:underline; color:#ff7300; } #sub-nav li.menu-item { float:left; display:inline; } #sub-nav li.menu-item a { margin:0 0 0 10px; text-decoration:none; color:#666666; } #sub-nav li.menu-item a:hover { text-decoration:underline; color:#ff7300; } #main-nav { float:left; padding:0; margin:0; border-left:thick solid #e5e5e5; border-left-width:1px; border-style:solid; } #main-nav li{ list-style:none; float:left; display:inline; width:auto; height:95px; margin:0; padding:0; } #main-nav li.orange a{ float:left; display:inline; width:auto; height:56px; border-color:#ffddcc; border-width:0 0 0 1px; border-style:solid; margin:0; padding:41px 28px 0 28px; text-decoration:none; color:#ff7300; font-family: HelveticaNeueMedium !important; letter-spacing:0.04em; } #main-nav li.orange a.first{ border-width:0; } #main-nav li.orange a:hover,#main-nav li.orange a.active, #main-nav li.orange a.active:hover{ border-bottom:#ff7300 4px solid; } #main-nav li.grey a{ float:left; display:inline; width:auto; height:56px; border-color:#e5e5e5; border-width:0 0 0 1px; border-style:solid; margin:0; padding:41px 28px 0 28px; text-decoration:none; color:#ccc; font-family: HelveticaNeueMedium !important; letter-spacing:0.04em; } #main-nav li.right a{ height:60px; border-color:#e5e5e5; border-width:0 1px 0 1px; } #main-nav li.grey_home a{ border-right:thick solid #e5e5e5; border-right-width:1px; border-bottom:#e5e5e5 4px solid; } #main-nav li.grey_home a:hover{ color:#ff7300; border-bottom:#ff7300 4px solid; } #mute-right{ float:right; } #mute-logo{ padding:0; margin:14px 15px 0 16px; width:218px; height:65px; float:left; } #mute-logo a{ float:left; display:inline; width:218px; height:65px; margin:0; padding:0; text-decoration:none; background:url(images/structural/mute-logo.gif) no-repeat 0 0; } #mute-logo a:hover{ background:url(images/structural/mute-logo.gif) no-repeat 0 -65px; } /* =Player -------------------------------------------------------------- */ .mute-player{ float:left;display:inline;width:100%;clear:both; } /* =Centered Carousel -------------------------------------------------------------- */ .hero-loader { width: 100%; position: relative; overflow: hidden; padding:0; margin:0; height: 200px; background-color:#FFF; } .hero-loader-anim { display:inline-block; margin:auto; width:125px;height:125px;background:url(images/structural/grid-loader.gif) no-repeat; position:absolute; top:50px; left: 50px; } .grid-loader { width: 100%; position: relative; overflow: hidden; padding:0; margin:0; height: 200px; } .grid-loader-anim { display:inline-block; margin:auto; width:125px;height:125px;background:url(images/structural/grid-loader-grey.gif) no-repeat; position:absolute; top:50px; left: 50px; } .hero { width: 100%; position: relative; overflow: hidden; padding:0; margin:12px 0 0 0; height: 476px; display:none; } .hero-carousel { width: 966px; padding:0; margin:0; height: 476px; display: block; float: left; position: relative; } .hero-carousel article { width: 966px; padding:0; margin:0; height: 476px; display: block; float: left; position: relative; } .hero-carousel-container article {float: left; } .hero-carousel article .contents { position: relative; z-index: 2; top: 0; left: 6px; list-style: none; color: #000; width: 954px; height:476px; padding:0; margin:0; background:#FFF; } /* =Buy Widget -------------------------------------------------------------- */ .hero-carousel article .buy_widget { position:absolute; bottom:34px; right:34px; z-index:998; padding:6px; background-color:#d3d3d3; font-family: HelveticaNeueLight, sans-serif !important; line-height:1.1em; letter-spacing:0.04em; z-index:1000; } .hero-carousel article .buy_widget ul { border:none; } .hero-carousel article .buy_widget ul li a { color:#666666; text-decoration:none; } .hero-carousel article .buy_widget ul li a:hover { color:#FFF; text-decoration:none; } .hero-carousel article div.contents.over_bg { background:#d3d3d3; color:#fff; } .hero-carousel article .contents div.img { z-index: 2; position:absolute; width: 906px; height:464px; left:24px; } .hero-carousel article .contents div.img-standard { z-index: 2; position:absolute; width: 906px; height:464px; left:24px; top:24px; } .hero-carousel article .contents div.icon { z-index: 3; position:absolute; display:block; width:64px; height:64px; bottom:24px; left:24px; } .hero-carousel article .contents div.player { z-index: 5; position:absolute; width: 906px; height:452px; top:0; left:24px; } .hero-carousel article .contents div.text-holder { z-index: 7; min-height:48px; padding:18px 24px 8px 24px; height:76px; } .hero-carousel article .contents div.image-padding { height:24px; } .hero-carousel article .contents div.text-holder.over{ background:#ff7300; color:#fff; } .hero-carousel article .contents div.text-holder.over h2, .hero-carousel article .contents div.text-holder.over h2 a, .hero-carousel article .contents div.text-holder.over h3.title a{ color:#fff; } .hero-carousel article .contents div.text-holder h2{ color:#666; text-decoration:none; } .hero-carousel article .contents div.text-holder h2 a{ color:#ff7300; text-decoration:none; } .hero-carousel article .contents div.text-holder h2 a:hover{ color:#000; } .hero-carousel article .contents div.text-holder h2 span.title a{ text-decoration:none;color:#666; } .hero-carousel article .contents div.text-holder h2 span.title a:hover{ color:#000; } #buy_widg { margin:6px 0 0 0; border-bottom:thick solid #ffddcc; border-bottom-width:1px; } /* ICON button styles */ .hero-carousel article .contents div.icon a.icon-standard{ display:block; width:64px; height:64px; background:url(images/structural/feature-standard-icon.png) 0 0 no-repeat; } .hero-carousel article .contents div.icon a.icon-standard:hover, .hero-carousel article .contents div.icon a.icon-standard.over{ display:block; width:64px; height:64px; background:url(images/structural/feature-standard-icon.png) 0 -64px no-repeat; } .hero-carousel article .contents div.icon a.icon-external-link{ display:block; width:64px; height:64px; background:url(images/structural/feature-external-link-icon.png) 0 0 no-repeat; } .hero-carousel article .contents div.icon a.icon-external-link:hover, .hero-carousel article .contents div.icon a.icon-external-link.over{ display:block; width:64px; height:64px; background:url(images/structural/feature-external-link-icon.png) 0 -64px no-repeat; } .hero-carousel article .contents div.icon a.icon-gallery{ display:block; width:64px; height:64px; background:url(images/structural/feature-gallery-icon.png) 0 0 no-repeat; } .hero-carousel article .contents div.icon a.icon-gallery:hover, .hero-carousel article .contents div.icon a.icon-gallery.over{ display:block; width:64px; height:64px; background:url(images/structural/feature-gallery-icon.png) 0 -64px no-repeat; } .hero-carousel article .contents div.icon a.icon-audio,.hero-carousel article .contents div.icon a.icon-video{ display:block; width:64px; height:64px; background:url(images/structural/feature-audio-icon.png) 0 0 no-repeat; } .hero-carousel article .contents div.icon a.icon-audio:hover,.hero-carousel article .contents div.icon a.icon-video:hover, .hero-carousel article .contents div.icon a.icon-audio.over, .hero-carousel article .contents div.icon a.icon-video.over{ display:block; width:64px; height:64px; background:url(images/structural/feature-audio-icon.png) 0 -64px no-repeat; } .hero-carousel-nav { width: 100%; position: absolute; bottom: 0; left: 0; z-index: 5; } .hero-carousel-nav li { position: absolute; bottom: 124px; right: 48px; list-style: none; width:68px; height:121px; } .hero-carousel-nav li.prev { left: 48px; right: auto; } .hero-carousel-nav li a { border: none; outline: none; display: block; float: left; width:68px; height:121px; } .hero-carousel-nav li.prev a { background:url(images/structural/arrow-left.png) 0 -121px no-repeat; } .hero-carousel-nav li.prev a:hover { background:url(images/structural/arrow-left.png) 0 0 no-repeat; } .hero-carousel-nav li.next a { background:url(images/structural/arrow-right.png) 0 -121px no-repeat; } .hero-carousel-nav li.next a:hover { background:url(images/structural/arrow-right.png) 0 0 no-repeat; } /* Static feature CSS */ .hero-static { width: 966px; padding:0; margin:0; height: 476px; display: block; float: left; position: relative; } .hero-static .article { width: 966px; padding:0; margin:0; height: 476px; display: block; float: left; position: relative; } .hero-static-container article {float: left; } .hero-static .article .contents { position: relative; z-index: 2; top: 0; left: 6px; list-style: none; color: #000; width: 954px; height:476px; padding:0; margin:0; background:#FFF; } .hero-static .article .buy_widget { position:absolute; bottom:34px; right:34px; z-index:998; padding:6px; background-color:#d3d3d3; font-family: HelveticaNeueLight, sans-serif !important; line-height:1.1em; letter-spacing:0.04em; z-index:1000; } .hero-static .article .buy_widget ul { border:none; } .hero-static .article .buy_widget ul li a { color:#666666; text-decoration:none; } .hero-static .article .buy_widget ul li a:hover { color:#FFF; text-decoration:none; } .hero-static .article div.contents.over_bg { background:#d3d3d3; color:#fff; } .hero-static .article .contents div.img { z-index: 2; position:absolute; width: 906px; height:464px; left:24px; } .hero-static .article .contents div.img-standard { z-index: 2; position:absolute; width: 906px; height:464px; left:24px; top:24px; } .hero-static .article .contents div.icon { z-index: 3; position:absolute; display:block; width:64px; height:64px; bottom:24px; left:24px; } .hero-static .article .contents div.player { z-index: 5; position:absolute; width: 906px; height:452px; top:0; left:24px; } .hero-static .article .contents div.text-holder { z-index: 7; min-height:48px; padding:18px 24px 8px 24px; height:76px; } .hero-static .article .contents div.image-padding { height:24px; } .hero-static .article .contents div.text-holder.over{ background:#ff7300; color:#fff; } .hero-static .article .contents div.text-holder.over h2, .hero-static .article .contents div.text-holder.over h2 a, .hero-static .article .contents div.text-holder.over h3.title a{ color:#fff; } .hero-static .article .contents div.text-holder h2{ color:#666; text-decoration:none; } .hero-static .article .contents div.text-holder h2 a{ color:#ff7300; text-decoration:none; } .hero-static .article .contents div.text-holder h2 a:hover{ color:#000; } .hero-static .article .contents div.text-holder h2 span.title a{ text-decoration:none;color:#666; } .hero-static .article .contents div.text-holder h2 span.title a:hover{ color:#000; } #buy_widg { margin:6px 0 0 0; border-bottom:thick solid #ffddcc; border-bottom-width:1px; } /* ICON button styles */ .hero-static .article .contents div.icon a.icon-standard{ display:block; width:64px; height:64px; background:url(images/structural/feature-standard-icon.png) 0 0 no-repeat; } .hero-static .article .contents div.icon a.icon-standard:hover, .hero-static .article .contents div.icon a.icon-standard.over{ display:block; width:64px; height:64px; background:url(images/structural/feature-standard-icon.png) 0 -64px no-repeat; } .hero-static .article .contents div.icon a.icon-external-link{ display:block; width:64px; height:64px; background:url(images/structural/feature-external-link-icon.png) 0 0 no-repeat; } .hero-static .article .contents div.icon a.icon-external-link:hover, .hero-static .article .contents div.icon a.icon-external-link.over{ display:block; width:64px; height:64px; background:url(images/structural/feature-external-link-icon.png) 0 -64px no-repeat; } .hero-static .article .contents div.icon a.icon-gallery{ display:block; width:64px; height:64px; background:url(images/structural/feature-gallery-icon.png) 0 0 no-repeat; } .hero-static .article .contents div.icon a.icon-gallery:hover, .hero-static .article .contents div.icon a.icon-gallery.over{ display:block; width:64px; height:64px; background:url(images/structural/feature-gallery-icon.png) 0 -64px no-repeat; } .hero-static .article .contents div.icon a.icon-audio,.hero-static .article .contents div.icon a.icon-video{ display:block; width:64px; height:64px; background:url(images/structural/feature-audio-icon.png) 0 0 no-repeat; } /* =Slider carousel -------------------------------------------------------------- */ #viewport_title { width:100%; } #viewport_title h1, #viewport_title h2 { margin:48px 0 24px 24px; } #viewport_title a { border-bottom:#ff7300 4px solid; color:#ff7300; text-decoration:none; } #viewport_title a:hover { border-bottom:#cecece 4px solid; color:#cecece; } #artist-ticker, #global-release-ticker, #global-videos-ticker, #release-ticker, #related-release-ticker { width:auto; position: relative; margin:0; overflow:hidden; } #artist-ticker:after, #global-release-ticker:after, #release-ticker:after, #related-release-ticker:after, #global-videos-ticker:after, #viewport_title:after, #artist_title_bar:after, ul#filter:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } #artist-ticker ul, #global-release-ticker ul, #global-videos-ticker ul, #release-ticker ul, #related-release-ticker ul{ position: relative; padding: 0; } #artist-ticker li, #global-release-ticker li, #global-videos-ticker li{ width: 250px; height: 250px; float: left; list-style: none; position:relative; margin: 0; padding: 0; text-align:center; } #release-ticker li, #related-release-ticker li{ width: 250px; height: 290px; float: left; list-style: none; position:relative; margin: 0; padding: 0; text-align:center; } #release-ticker li.filler, #related-release-ticker li.filler { width: 250px; height: 290px; float: left; list-style:none; position:relative; margin: 0; padding: 0; text-align:center; background:#fff url(images/structural/ticker-arrow.png) 0 0 no-repeat; } #artist-ticker li img, #global-release-ticker li img, #release-ticker li img, #related-release-ticker li img{ width: 250px; height: 250px; position:relative; display:block; top:0; left:0; z-index:1; } #global-videos-ticker li img{ width: 250px; height: 188px; position:relative; display:block; top:0; left:0; z-index:1; } #artist-ticker li h3, #global-release-ticker li h3 { position:absolute; display:block; bottom:0; left:0; z-index:21; background:#fff; padding:6px 8px 7px 10px; color:#666; text-align:left; } #global-release-ticker li h2 { position:absolute; display:block; bottom:0; left:0; z-index:21; background:#fff; padding:6px 8px 7px 10px; color:#000; text-align:left; font-family: HelveticaNeueLight, sans-serif !important; font-size: 1.1em; line-height: 1.3em; letter-spacing:0.08em; } #global-videos-ticker li h2 { position:absolute; display:block; bottom:0; left:0; z-index:21; background:#fff; padding:4px 8px 7px 10px; color:#000; text-align:left; font-family: HelveticaNeueLight, sans-serif !important; font-size: 1.1em; line-height: 1.3em; letter-spacing:0.08em; height:51px; width:232px; } #release-ticker li h3, #related-release-ticker li h3 { position:absolute; display:block; width:250px; height:50px; top:250px; left:0; z-index:21; background:#fff; padding:6px; color:#000; font-family: HelveticaNeueMedium, sans-serif !important; font-size: 1em; text-align:left; } #global-release-ticker li h3 span, #release-ticker li h3 span, #related-release-ticker li h3 span { color:#616161; } #global-release-ticker li h2 span, #global-videos-ticker li h2 span{ color:#666; } #related-release-ticker li h3.over, #release-ticker li h3.over span, #related-release-ticker li h3.over span{ color:#ff7300; } #artist-ticker li h3.over, #global-release-ticker li h3.over, #global-release-ticker li h2.over, #global-release-ticker li h2.over span, #global-videos-ticker li h2.over, #global-videos-ticker li h2.over span{ background-color:#ff7300; color:#FFF; } #artist-ticker li div.overlay{ position:absolute; display:none; width: 250px; height: 250px; top:0; left:0; z-index:11; background:url(images/structural/roll-grid-standard.png) center no-repeat; } #global-release-ticker li div.overlay, #global-videos-ticker li div.overlay, #release-ticker li div.overlay, #related-release-ticker li div.overlay{ position:absolute; display:none; width: 250px; height: 250px; top:0; left:0; z-index:11; background:url(images/structural/roll-grid-standard.png) center no-repeat; } #artist-ticker li a, #global-release-ticker li a{ position:absolute; display:block; width: 260px; height: 260px; top:0; left:0; z-index:31; padding:10px 0 10px 0; } #global-videos-ticker li a{ position:absolute; display:block; width: 260px; height: 260px; top:0; left:0; z-index:32; } #release-ticker li a, #related-release-ticker li a{ position:absolute; display:block; width: 250px; height: 300px; top:0; left:0; z-index:31; } #artistPrevious{ position:absolute; left:24px; top:64px; display:block; cursor: pointer; text-decoration: underline; background:url(images/structural/arrow-left.png) 0 -121px no-repeat; width:68px; height:121px; z-index:31; } #globalReleasePrevious, #releasePrevious, #relatedReleasePrevious, #globalVideosPrevious{ position:absolute; left:24px; top:64px; display:block; cursor: pointer; text-decoration: underline; background:url(images/structural/arrow-left.png) 0 -121px no-repeat; width:68px; height:121px; z-index:41; } #artistPrevious:hover, #globalReleasePrevious:hover, #releasePrevious:hover, #relatedReleasePrevious:hover, #globalVideosPrevious:hover{ background:url(images/structural/arrow-left.png) 0 0 no-repeat; } #artistNext, #globalReleaseNext, #releaseNext, #relatedReleaseNext, #globalVideosNext{ position:absolute; right:44px; top:64px; display:block; cursor: pointer; text-decoration: underline; background:url(images/structural/arrow-right.png) 0 -121px no-repeat; width:68px; height:121px; z-index:51; } #artistNext:hover, #globalReleaseNext:hover, #releaseNext:hover, #relatedReleaseNext:hover, #globalVideosNext:hover{ background:url(images/structural/arrow-right.png) 0 0 no-repeat; } /* =Grid -------------------------------------------------------------- */ .grid{ margin:6px; clear:both; } .grid:after {content:"."; display:block; height:0; clear:both; visibility:hidden; } .box{ float:left; position:absolute; width:262px; margin:6px; padding:24px; background:#fff; } .video-height { min-height:370px; } .box a.standard{display:block;background:url(images/structural/roll-grid-standard.png) -250px -250px no-repeat;} .box a.standard.over{display:block;background:url(images/structural/roll-grid-standard.png) center no-repeat;} .box a.gallery{display:block;background:url(images/structural/roll-grid-gallery.png) -250px -250px no-repeat;} .box a.gallery.over{display:block;background:url(images/structural/roll-grid-gallery.png) center no-repeat;} .box a.link{display:block;background:url(images/structural/roll-grid-link.png) -250px -250px no-repeat;} .box a.link.over{display:block;background:url(images/structural/roll-grid-link.png) center no-repeat;} .box a.video{display:block;background:url(images/structural/roll-grid-video.png) -250px -250px no-repeat;} .box a.video.over{display:block;background:url(images/structural/roll-grid-video.png) center no-repeat;} .box a.audio{display:block;background:url(images/structural/roll-grid-audio.png) -250px -250px no-repeat;} .box a.audio.over{display:block;background:url(images/structural/roll-grid-audio.png) center no-repeat;} .box .soundcloud { padding:10px 0 0 0; } .box .all_videos { padding:5px 0 0 0; } .box .all_releases { padding:10px 0 0 0; } .box a.internal_link { margin:0 0 0 10px; } .box a.listen_link { font-family: HelveticaNeueLight, sans-serif !important; text-decoration:none; padding:5px 0 0 0; font-size:1em; line-height:1.3em; letter-spacing:0.04em; color:#d3d3d3; border-color:#d3d3d3; border-width:0 0 2px 0; border-style:solid; } .box a.listen_link:hover { color:#ff7300; border-color:#ff7300; border-width:0 0 2px 0; border-style:solid; } .box span{margin:12px 0 0 -6px;padding:0;display:block;} .box a.small-standard{ height:25px;margin:0 0 0 7px;color:#FFF;text-decoration:none; background:url(images/structural/roll-icons-small.png) 0 0 no-repeat; background-color:#d3d3d3; padding:4px 6px 3px 30px;} .box a.small-standard:hover{background:url(images/structural/roll-icons-small.png) 0 -135px no-repeat;color:#ff7300;background-color:#FFF;} .box a.small-video{height:25px;margin:0 0 0 7px;color:#FFF;text-decoration:none; background:url(images/structural/roll-icons-small.png) 0 -27px no-repeat;background-color:#d3d3d3; padding:4px 6px 3px 30px;} .box a.small-video:hover{background:url(images/structural/roll-icons-small.png) 0 -162px no-repeat;color:#ff7300;} .filter_links { margin:20px 0 24px 0; } .box a.small-audio{height:25px;margin:0 0 0 7px;color:#FFF;text-decoration:none; background:url(images/structural/roll-icons-small.png) 0 -27px no-repeat;background-color:#d3d3d3; padding:4px 6px 3px 30px;} .box a.small-audio:hover{background:url(images/structural/roll-icons-small.png) 0 -162px no-repeat;color:#ff7300;} .box a.small-link{height:25px;margin:0 0 0 7px;color:#FFF;text-decoration:none; background:url(images/structural/roll-icons-small.png) 0 -54px no-repeat;background-color:#d3d3d3; padding:4px 6px 3px 30px;} .box a.small-link:hover{background:url(images/structural/roll-icons-small.png) 0 -189px no-repeat;color:#ff7300;} .box a.small-gallery{height:25px;margin:0 0 0 7px;color:#FFF;text-decoration:none; background:url(images/structural/roll-icons-small.png) 0 -81px no-repeat;background-color:#d3d3d3; padding:4px 6px 3px 30px;} .box a.small-gallery:hover{background:url(images/structural/roll-icons-small.png) 0 -216px no-repeat;color:#ff7300;} .box h2.artist, .box h2.artist a, .box h2.artist_feature, .box h2.artist_feature a{margin:0;color:#ff7300;text-decoration:none; } .box h2.artist a:hover, .box h2.artist_feature a:hover{color:#000;} .box h2.title, .box h2.title a, .box h2.artist_title, .box h2.artist_title a{margin:0;color:#666;text-decoration:none; } .box h2.title a:hover, .box h2.artist_title a:hover{color:#000;} .box h3.artist, .box h3.artist a{margin:22px 0 0 0;color:#ff7300;text-decoration:none; } .box h3.artist a:hover{color:#000;} .box h2.artist_grey, .box h3.artist_grey { color:#CCC; } .box h3.title, .box h3.title a{margin:0;color:#666;text-decoration:none; } .box h3.title a:hover{color:#000;} .box h2.read-more, .box h2.read-more a { margin:16px 0 0 12px;color:#666;text-decoration:none;} .box h2.read-more a:hover {color:#000; } #novideos { margin:10px 0 0 32px; } /* more-related-artists-btn */ .more{width:100%;margin:12px 0 36px 0;text-align:center;clear:both; display:none; } a#more-artist-posts-btn.plus, a#more-related-artist-posts-btn.plus, a#more-posts-btn.plus, a#more-related-posts-btn.plus, a#more-btn.plus, a#more-videos.plus, a#more-releases.plus, a#more-search.plus{display:inline-block;width:125px;height:125px;background:url(images/structural/anim-loader.gif) 0 0 no-repeat;} a#more-artist-posts-btn.plus:hover, a#more-related-artist-posts-btn.plus:hover, a#more-posts-btn.plus:hover, a#more-related-posts-btn.plus:hover, a#more-btn.plus:hover, a#more-videos.plus:hover, a#more-releases.plus:hover, a#more-search.plus:hover{background:url(images/structural/anim-loader.gif) -125px 0 no-repeat;} a#more-artist-posts-btn.loading, a#more-related-artist-posts-btn.loading, a#more-posts-btn.loading, a#more-related-posts-btn.loading, a#more-btn.loading, a#more-videos.loading, a#more-releases.loading, a#more-search.loading{display:inline-block;width:125px;height:125px;background:url(images/structural/anim-loader.gif) 0 -125px no-repeat;} a#more-artist-posts-btn.top, a#more-related-artist-posts-btn.top, a#more-posts-btn.top, a#more-related-posts-btn.top, a#more-btn.top, a#more-videos.top, a#more-releases.top, a#more-search.top{display:inline-block;width:125px;height:125px;background:url(images/structural/anim-loader.gif) 0 -250px no-repeat;} a#more-artist-posts-btn.top:hover, a#more-related-artist-posts-btn.top:hover, a#more-posts-btn.top:hover, a#more-related-posts-btn.top:hover, a#more-btn.top:hover, a#more-videos.top:hover, a#more-releases.top:hover, a#more-search.top:hover{display:inline-block;width:125px;height:125px;background:url(images/structural/anim-loader.gif) -125px -250px no-repeat;} .more .video-minus{display:inline-block;width:125px;height:125px;background:url(images/structural/video-minus.png) 0 0 no-repeat;} .more .video-minus:hover{background:url(images/structural/video-minus.png) -125px 0 no-repeat;} #grid .box #twtr-widget-1 .twtr-doc .twtr-hd h3 {float:left; display:inline; margin:0; padding:0;} .box a.post-edit-link { font-size:1em; line-height:1.2em; position:absolute; top:30px; right:30px; background-color:#FFF; color:#666; padding:0 0 0 0; -moz-border-radius: 30px; border-radius: 30px; padding:8px; } .box a.post-edit-link:hover { color:#000; } /* more-related-artists-btn */ #artist_title_bar { width:100%; position:relative; margin:0 0 24px 0; } #artist_title { padding:0 0 0 36px; } #artist_title h1 { } #artist_title h2 { line-height:1.3em; } h1 a{ color:#ff7300; text-decoration:none; } h1 a:hover{color:#000;} #body_content_bar { width:582px; } #body_content { margin:0; padding:0; color:#666666; font-family: HelveticaNeueLight !important; font-size:1.2em; line-height:1.4em; letter-spacing:0.02em; } #body_content p { margin:0 0 12px 0; padding:0; clear:both; } .attach-image img { width:584px; height:auto; } #body_content h1 { margin:0 0 6px 0; } #body_content h1 a { text-decoration:none; } #body_content h2 { margin:0 0 16px 0; font-size:1.6em; font-weight:normal; } #body_content a { color:#ff7300; text-decoration:underline; } #body_content img { margin:0 0 20px 0; } #body_content a:hover { color:#000; } #subscribe_content_bar { width:608px; background-color:#f5f5f5; border:thick solid #FFF; border-width:1px; } #subscribe_content { margin:0; padding:0; color:#666666; font-family: HelveticaNeueLight !important; font-size:1.0em; line-height:1.2em; letter-spacing:0.02em; } .list{ float:left;display:inline;width:270px;margin:0 28px 48px 0; } /* =Artist Filter -------------------------------------------------------------- */ ul#filter { margin:0 0 0 0; clear:both; padding:10px 0 0 0; } ul#filter li { color:#666666; float:left; margin:0 3px 0 0; } ul#filter li a { letter-spacing:1px; text-decoration:none; color:#666666; padding:5px; border:thick solid #d3d3d3; border-width:1px; -moz-border-radius:2px; -webkit-border-radius:2px; } ul#filter li a:hover ,ul#filter li a.active { text-decoration:none; color:#666666; background-color:#FFF; padding:5px; border:thick solid #ffddcc; border-width:1px; -moz-border-radius:2px; -webkit-border-radius:2px; } ul#filter li.links a { text-decoration:none; color:#666666; border:thick solid #ffddcc; border-width:1px; -moz-border-radius:2px; -webkit-border-radius:2px; } ul#filter li.links a:hover, ul#filter li.links a.active { text-decoration:none; color:#666666; background-color:#FFF; padding:5px; border:thick solid #d3d3d3; border-width:1px; -moz-border-radius:2px; -webkit-border-radius:2px; } select#release-artist-filter { margin:3px 0 0 0; width:230px; color:#666666; background-color:#FFF; border:thick solid #ffddcc; border-width:1px; -moz-border-radius:2px; -webkit-border-radius:2px; padding:4px; text-indent:4px; height:28px; } /* =Tags + Back and Forth -------------------------------------------------------------- */ ul#tags, ul#backforth { margin:0 0 10px 0; clear:both; padding:0 0 10px 0; border:none; } ul#backforth { margin:; padding:10px 0 0 0; } ul#tags li { color:#666666; float:left; margin:0 3px 3px 0; } ul#tags li a { font-family: HelveticaNeueUltraLight !important; font-size:0.8em; line-height:0.9em; letter-spacing:0.1em; text-decoration:none; color:#666666; padding:5px; border:thick solid #d3d3d3; border-width:1px; -moz-border-radius:2px; -webkit-border-radius:2px; background-color:#f5f5f5; } ul#tags li a:hover { text-decoration:none; color:#666666; background-color:#FFF; padding:5px; border:thick solid #ffddcc; border-width:1px; -moz-border-radius:2px; -webkit-border-radius:2px; } ul#backforth li { color:#666666; float:left; margin:0 3px 3px 0; } ul#backforth li a { font-family: HelveticaNeueUltraLight !important; font-size:0.8em; line-height:0.9em; letter-spacing:0.1em; text-decoration:none; -moz-border-radius:2px; -webkit-border-radius:2px; color:#666666; background-color:#FFF; padding:5px; border:thick solid #ffddcc; border-width:1px; padding:5px; } ul#backforth li a:hover { text-decoration:none; color:#666666; background-color:#f5f5f5; border:thick solid #d3d3d3; border-width:1px;-moz-border-radius:2px; -webkit-border-radius:2px; } ul#post_tags { margin:20px 0 0 0; padding:0 0 0 0; border:none; } ul#post_tags li { color:#666666; float:left; margin:0 3px 3px 0; min-height:28px; } ul#post_tags li a { letter-spacing:0.1em; text-decoration:none; color:#666666; background-color:#FFF; padding:5px; border:thick solid #ffddcc; border-width:1px; -moz-border-radius:2px; -webkit-border-radius:2px; } ul#post_tags li a:hover { text-decoration:none; color:#666666; padding:5px; border:thick solid #d3d3d3; border-width:1px; -moz-border-radius:2px; -webkit-border-radius:2px; background-color:#f5f5f5; } /* =Mailing List form -------------------------------------------------------------- */ .mailing_list { font-family: HelveticaNeueLight !important; font-size:1em; line-height:1em; } .mailing_list p { font-family: HelveticaNeueLight !important; font-size:1.2em; line-height:1em; margin:0; padding:0; color:#d3d3d3; } input.name_box, input.email_box { background: #d3d3d3; color: #FFF; width:240px; padding:5px; border:none; margin:0 0 10px 0; float:left; font-family: HelveticaNeueLight !important; font-size:1.2em; line-height:1.2em; } select.regions { width:250px; height:28px; background: #d3d3d3; color: #000; border:none; float:left; padding:5px; margin:0 0 10px 0; } input.btn_submit { width:80px; margin:3px 0 0 6px; padding:3px; } form#form-sign-up{ height:160px; margin:7px 0 0 0; } form#form-subscribe{ margin:7px 0 0 0; } .sign-up-error { width:160px;margin:12px 0 0 24px;font-family: HelveticaNeueLight, sans-serif !important; text-decoration:none; padding:0; font-size:1em; line-height:1.3em; letter-spacing:0.04em; color:#ff7300; display:none; } .subscribe-error { width:160px;margin:0;font-family: HelveticaNeueLight, sans-serif !important; text-decoration:none; padding:0; font-size:1em; line-height:1.3em; letter-spacing:0.04em; color:#ff7300; display:none; } #subscribesubmit{ border:none; background-color:#FFF; color:#cccccc; font-family: HelveticaNeueLight, sans-serif !important; font-size:1.2em; letter-spacing:0.08em; cursor:pointer; outline: none; width:114px; height:114px; display:block; border-radius:57px; -moz-border-radius:57px; -webkit-border-radius:57px; -khtml-border-radius:57px; line-height:114px; text-align:center; } .mc4wp-form{ width: 250px; margin:10px 0 10px 0; position: relative;} .mc4wp-form form{height: 160px;} .mc4wp-form input::-webkit-input-placeholder {color:#fff;} .mc4wp-form input:-moz-placeholder {color:#fff;} .mc4wp-form input[type=text], .mc4wp-form input[type=email]{background: #d3d3d3; color: #FFF; width:250px; padding:5px; border:none; margin:0 0 10px 0; float:left; font-family: HelveticaNeueLight !important; font-size:1.2em; line-height:1.2em;} .mc4wp-form input[type=submit]{display: block;} .mc4wp-form span.mc4wp-ajax-loader{position: absolute; top: -29px; right: 0px; margin:0px;} .mc4wp-notice,.mc4wp-error,.mc4wp-success{background-color: #fff;color: #666;border: none;margin: 0px;padding: 0px 0px;position: relative;font-family: HelveticaNeueLight !important;font-size: 1.2em;line-height: 1.2em;} /* =Single Links -------------------------------------------------------------- */ .single_links ul { margin:0 0 24px 0; padding:0 0 0 0; } .single_links ul li { font-family: HelveticaNeueLight !important; font-size:1.2em; line-height:1.2em; } .single_links ul li a { display:block; text-decoration:none; color:#ff7300; } .single_links ul li a:hover { color:#666666; background:#FFF; } /* =Twitter Feed -------------------------------------------------------------- */ ul.twitter { overflow: hidden; margin:0; padding:0; list-style: none; color:#666666; font-family: HelveticaNeueLight !important; letter-spacing:0.02em; } li.twitter-item { margin:0 0 20px 0; } li.twitter-item span { margin:7px 0 0 0; padding:0; } p.twitter-message { margin:0; padding:0; } .twitter-timestamp { margin:0; padding:0; font-size:0.6em; line-height:1.2em; clear:both; } a.twitter-link, a.twitter-user { color:#ff7300; text-decoration:none; display:inline; float:left; margin:0 5px 0 0; } a.twitter-link:hover { color:#000; } a.twitter-user:hover { color:#000; } .sharing { border-color:#e5e5e5; border-width:0 0 0 1px; border-style:solid; } #header_share{ float:left; margin:46px 0 0 16px; } ul#twitter_widget { height:400px; border:none; margin:20px 0 0 0; padding:0; } .main_share { margin:0 0 20px 0; } .share_panel { height:25px; float:left; } #grid, #related-grid, .screen-reader-text { display:none; } /* =Search -------------------------------------------------------------- */ #searchform { padding:24px 0 0 10px; } #s { width:180px; padding:4px; margin:0 5px 0 0; background-color:#FFF; color:#CCC; border:thick solid #f5f5f5; border-width:2px; font-family: HelveticaNeueLight, sans-serif !important; font-size:1.2em; line-height:1.2em; letter-spacing:0.04em; } #searchsubmit { border:none; background-color:#FFF; color:#cccccc; font-family: HelveticaNeueLight, sans-serif !important; font-size:1.2em; line-height:1.2em; letter-spacing:0.08em; cursor:pointer; margin:10px 0 0 0; padding:0; } #subForm { margin:7px 0 0 0; } /* =Social Icons -------------------------------------------------------------- */ ul#social, ul#social-footer { margin:30px 17px 0 0; list-style: none; float:left; padding:0; font-family: HelveticaNeueLight !important; font-size:1.2em; line-height:1.2em; letter-spacing:0.02em; } ul#social-footer { margin:0 40px 0 40px; } ul#social li, ul#social-footer li { padding:0; float:left; } ul#social li.twitter a, ul#social li.facebook a, ul#social li.myspace a, ul#social li.soundcloud a, ul#social li.youtube a, ul#social li.google a, ul#social li.spotify a, ul#social li.instagram a { display:block; text-decoration: none; background-repeat: no-repeat; margin:2px 3px 0 0; background-image:url(images/icons/social-icons-header-2016.png); width:20px; height: 20px; } ul#social li.twitter { clear:both;} ul#social li.twitter a { background-position:0px 0px; } ul#social li.facebook a { background-position:-20px 0px; } ul#social li.myspace a { background-position:-40px 0px; } ul#social li.soundcloud a { background-position:-60px 0px; } ul#social li.youtube a { background-position:-80px 0px; } ul#social li.google a { background-position:-100px 0px; } ul#social li.spotify a { background-position:-120px 0px; } ul#social li.instagram a { background-position:-140px 0px; } ul#social li a:hover { border:none; } ul#social li.twitter a:hover { background-position:0px -20px; } ul#social li.facebook a:hover { background-position:-20px -20px; } ul#social li.myspace a:hover { background-position:-40px -20px; } ul#social li.soundcloud a:hover { background-position:-60px -20px; } ul#social li.youtube a:hover{ background-position:-80px -20px; } ul#social li.google a:hover{ background-position:-100px -20px; } ul#social li.spotify a:hover{ background-position:-120px -20px; } ul#social li.instagram a:hover{ background-position:-140px -20px; } ul#social-footer li.remote{ clear:both; margin:3px 0 0 0; } ul#social-footer li.remote a { text-decoration:none; background-color:#d3d3d3; color:#FFF; -moz-border-radius: 2px; -webkit-border-radius: 2px; font-weight:normal; font-size:0.75em; padding:1px 4px 1px 5px; margin:0 3px 0 0; min-height:20px; } ul#social-footer li.remote a:hover { color:#d3d3d3; background-color:#FFF; } #social-footer li.copyright { font-family: HelveticaNeueLight !important; font-size:1.2em; line-height:1.4em; letter-spacing:0.02em; font-size:0.75em; color:#d3d3d3 } /* Live Dates -------------------------------------------------------------- */ #live-dates { font-family: HelveticaNeueLight, sans-serif !important; letter-spacing:0.04em; color:#666; font-size:0.9em; line-height:0.9em; } #live-dates h2.title { margin:0 0 10px 0; } #live-dates h3 { text-transform:capitalize; font-size:1.6em; line-height:1.8em; } #live-dates a { color:#ff7300; text-decoration:none; } #live-dates a:hover { color:#666; } #live-dates .live-date { font-size:1.2em; line-height:1.2em; margin:0; padding:0; } #live-dates a .live-artist { width:150px; display:inline-block; margin:0; } #live-dates .live-date-day { border-bottom:#f5f5f5 1px solid; padding:0 0 3px 0; margin:15px 0 3px 0; } #live-dates .live-date h3 { font-size:1.3em; line-height:1.5em; } /* Poll Styles -------------------------------------------------------------- */ .wp-polls h2 { display:none; } .wp-polls-form h2 { margin:0 0 20px 0; } div.wp-polls-ans ul.wp-polls-ul { margin:10px 0 10px 0; } div.wp-polls-ans ul.wp-polls-ul li { margin:0 0 5px 0; background-color:#f5f5f5; padding:10px; border:thick solid #FFF; border-width:1px; } div.wp-polls-ans ul.wp-polls-ul li:hover { background-color:#ffddcc; border:thick solid #f5f5f5; border-width:1px; } div.wp-polls-ans .Buttons { text-decoration:none; color:#666666; background-color:#FFF; padding:5px; border:thick solid #ffddcc; border-width:1px; -moz-border-radius:2px; -webkit-border-radius:2px; font-size:1em; line-height:1.2em; cursor:pointer; } div.wp-polls-ans .Buttons:hover { background-color:#ffddcc; } /* =Fonts -------------------------------------------------------------- */ @font-face { /* This declaration targets Internet Explorer */ font-family: 'HelveticaNeueMedium'; src: url('fonts/helvetica/helvetica_65_medium-webfont.eot'); } @font-face { /* This declaration targets everything else */ font-family: 'HelveticaNeueMedium'; src: url(//:) format('no404'), url('fonts/helvetica/helvetica_65_medium-webfont.woff') format('woff'), url('fonts/helvetica/helvetica_65_medium-webfont.ttf') format('truetype'), url('fonts/helvetica/helvetica_65_medium-webfont.svg#webfontaak02Bb4') format('svg'); font-weight: normal; font-style: normal; } @font-face { /* This declaration targets Internet Explorer */ font-family: 'HelveticaNeueRoman'; src: url('fonts/helvetica/helvetica_55_roman-webfont.eot'); } @font-face { /* This declaration targets everything else */ font-family: 'HelveticaNeueRoman'; src: url(//:) format('no404'), url('fonts/helvetica/helvetica_55_roman-webfont.woff') format('woff'), url('fonts/helvetica/helvetica_55_roman-webfont.ttf') format('truetype'), url('fonts/helvetica/helvetica_55_roman-webfont.svg#webfontaBDTxSna') format('svg'); font-weight: normal; font-style: normal; } @font-face { /* This declaration targets Internet Explorer */ font-family: 'HelveticaNeueBold'; src: url('fonts/helvetica/helvetica_75_bold-webfont.eot'); } @font-face { /* This declaration targets everything else */ font-family: 'HelveticaNeueBold'; src: url(//:) format('no404'), url('fonts/helvetica/helvetica_75_bold-webfont.woff') format('woff'), url('fonts/helvetica/helvetica_75_bold-webfont.ttf') format('truetype'), url('fonts/helvetica/helvetica_75_bold-webfont.svg#webfontPJl8D3nN') format('svg'); font-weight: normal; font-style: normal; } @font-face { /* This declaration targets Internet Explorer */ font-family: 'HelveticaNeueLight'; src: url('fonts/helvetica/helvetica_45_light-webfont.eot'); } @font-face { /* This declaration targets everything else */ font-family: 'HelveticaNeueLight'; src: url(//:) format('no404'), url('fonts/helvetica/helvetica_45_light-webfont.woff') format('woff'), url('fonts/helvetica/helvetica_45_light-webfont.ttf') format('truetype'), url('fonts/helvetica/helvetica_45_light-webfont.svg#webfontyuJ9SrNl') format('svg'); font-weight: normal; font-style: normal; } @font-face { /* This declaration targets Internet Explorer */ font-family: 'HelveticaNeueUltraLight'; src: url('fonts/helvetica/helvetica_25_ultra_light-webfont.eot'); } @font-face { /* This declaration targets everything else */ font-family: 'HelveticaNeueUltraLight'; src: url(//:) format('no404'), url('fonts/helvetica/helvetica_25_ultra_light-webfont.woff') format('woff'), url('fonts/helvetica/helvetica_25_ultra_light-webfont.ttf') format('truetype'), url('fonts/helvetica/helvetica_25_ultra_light-webfont.svg#webfontX6jJnXbx') format('svg'); font-weight: normal; font-style: normal; } /* =Soundcloud -------------------------------------------------------------- */ .sc-player { width: 250px; height: 540px; position: relative; margin:0 0 0 7px; } .sc-player ol, .sc-player li { margin: 0; padding: 0; list-style-position: inside; } .sc-player .sc-artwork-list { width: 100%; height: 50%; background-color: #transparent; list-style-type: none; position: relative; } .sc-player .sc-artwork-list li { list-style-type: none; display: none; } .sc-player .sc-artwork-list li.active { list-style-type: none; display: block; } .sc-player .sc-artwork-list li img { width: 250px; height: 250px; } .sc-player .sc-artwork-list li img, .sc-player .sc-artwork-list li div{ list-style-type: none; width: 100%; height: 100%; } .sc-player .sc-controls{ position: absolute; width: 40px; height: 40px; top: 200px; left: 10px; } .sc-player .sc-controls a { display: block; width: 40px; height: 40px; } .sc-player .sc-controls a.sc-pause { display: none; } .sc-player.playing .sc-controls a.sc-play { display: none; } .sc-player.playing .sc-controls a.sc-pause { display: block; } .sc-scrubber { position: absolute; left: 50px; top: 200px; height: 40px; width: 190px; } .sc-player:hover .sc-scrubber { display: block; } .sc-scrubber .sc-time-span { height: 30px; margin: 5px; position: relative; } .sc-scrubber .sc-buffer, .sc-scrubber .sc-played{ height: 30px; position: absolute; top: 0; } .sc-scrubber .sc-time-indicators { position: absolute; right: 0; top: -30px; display:none; } .sc-volume-slider { top: -25px; left: 0px; position: absolute; width: 110px; height: 12px; background-color: white; display:none; } .sc-volume-slider .sc-volume-status { position: absolute; width: 0%; height: 10px; top: 1px; left: 1px; display:none; } .sc-player ol.sc-trackslist { position: absolute; float: left; width: 100%; height: 200px; top: 250px; left: 0; overflow: auto; font-family: HelveticaNeueLight !important; font-size:1.2em; line-height:1.2em; letter-spacing:0.04em; } .sc-player ol.sc-trackslist li { float: left; cursor: pointer; padding: 5px; } .sc-player ol.sc-trackslist li span{ display:none; } .sc-player .sc-info { position: absolute; top: 10px; left: -5000px; width : 400px; padding: 5px; height: 200px; z-index: 500; margin-left: -200px; display:none; } .sc-player .sc-info.active { left: 50%; top: 12%; display:none; } .sc-player .sc-info-toggle { position: absolute; top: 10px; left: 10px; display:none; } .sc-player .sc-info-toggle.active { left: -5000px; display:none; } .sc-player .sc-info-close { position: absolute; top: 10px; right: 20px; display:none; } .sc-player .hidden { display: none; } .sc-player-engine-container { width: 1px; height: 1px; position: fixed; top: 2px; left: 2px; } .sc-player { background-color: #FFF; color: #333; z-index:999; } .sc-player a { text-decoration: none; color: #333; } .sc-player .sc-artwork-list { background: #eee; width:250px; height:250px; } .sc-player .sc-artwork-list li img { width:250px; height:250px; margin:0; padding:0; } .sc-scrubber { background-color: #efefef; } .sc-scrubber .sc-time-span { background-color: #fff; } .sc-scrubber .sc-time-span img { height: 30px; width: 100%; background-color: #003399; background: -moz-linear-gradient(top, black, #d3d3d3 0px, #c2c2c2 90%); background: -webkit-gradient(linear, left top, left 90%, from(black), color-stop(0%, #d3d3d3), to(#c2c2c2)); } .sc-scrubber .sc-buffer, .sc-scrubber .sc-played { background-color: #fff; opacity: 0.4; } .sc-scrubber .sc-played { background-color: #ff7300; opacity: 0.4; } .sc-player .sc-controls a { color: transparent; background:url(images/structural/soundcloud-audio-icon.png) 0 0 no-repeat; } .sc-player .sc-controls a:hover { background:url(images/structural/soundcloud-audio-icon.png) 0 -40px no-repeat; } .sc-player .sc-controls a.sc-pause { background:url(images/structural/soundcloud-audio-icon.png) 0 0 no-repeat; } .sc-player .sc-controls a.sc-pause:hover { background:url(images/structural/soundcloud-audio-icon.png) 0 -40px no-repeat; } .sc-player.playing .sc-controls a.sc-pause { background:url(images/structural/soundcloud-audio-icon-pause.png) 0 0 no-repeat; } .sc-player.playing .sc-controls a.sc-pause:hover { background:url(images/structural/soundcloud-audio-icon-pause.png) 0 -40px no-repeat; } .sc-scrubber .sc-time-indicators { background: #f6a400; color: #fff; -moz-border-radius: 4px; -webkit-border-radius: 4px; -moz-box-shadow: 1px 1px 4px #ccc; -webkit-box-shadow: 1px 1px 4px #ccc; } .sc-player ol.sc-trackslist li { color: #fff; background: #f5f5f5; margin:0 0 1px 0; display:block; padding: 4px; } .sc-player ol.sc-trackslist li.active { color: #fff; background: #666; } .sc-player ol.sc-trackslist li.active:hover { background-color: #d3d3d3; color:#666; } .sc-player ol.sc-trackslist li:hover { color:#666; background: #d3d3d3; } .sc-player ol.sc-trackslist li a { min-height:25px; background:url(images/structural/rollovers-small-soundcloud.png) 0 0 no-repeat; padding:4px 6px 3px 30px; display:block; color:#666; } .sc-player ol.sc-trackslist li a:hover { color:#666; } .sc-player ol.sc-trackslist li.active a:hover { background:url(images/structural/rollovers-small-soundcloud.png) 0 -240px no-repeat; color:#666; } .sc-player ol.sc-trackslist li.active a { color: #fff; } .sc-track-duration { text-align: right; float: right; padding: 0 5px; margin-left: 5px; display:none; } .sc-player .sc-info{ background: #fff; opacity: 0.9; display:none; } .sc-player .sc-info-toggle{ background: #f6a400; color: #fff; -moz-border-radius: 4px; -webkit-border-radius: 4px; -moz-box-shadow: 1px 1px 4px #ccc; -webkit-box-shadow: 1px 1px 4px #ccc; padding: 4px; display:none; } .sc-player .sc-info-toggle:hover { background: #fff; color: #e74c14; display:none; } .sc-player .sc-info-close{ background: #f6a400; color: #fff; -moz-border-radius: 4px; -webkit-border-radius: 4px; padding: 2px 4px; font-weight: bold; display:none; } .sc-volume-slider { background-color: #e5e5e5; -moz-border-radius: 2px; -webkit-border-radius: 2px; display:none; } .sc-volume-slider .sc-volume-status{ background-color: #666; border-right: 1px solid #f6a400; display:none; } hr { color:#ffddcc;background-color:#ffddcc;height:1px;border:none; margin:10px 0 10px 0; } /* =Instagram Feed -------------------------------------------------------------- */ .insta-timeline{margin-bottom: 10px; background-color: #fff; border-radius: 5px; border: 1px solid #e8e8e8; } .insta-timeline-header{padding: 8px 8px 0px; font-size: 14px; line-height: 19px; font-weight: bold; font-family: 'Helvetica Neue', Roboto, 'Segoe UI', Calibri, sans-serif; position: relative;} span.insta-summary{margin:0px; display:inline-block;color: #292f33;} span.insta-logo{display: inline-block; float: right; margin: 0px;} .insta-timeline-footer{padding:1px;} .insta-follow{margin:10px 0px;} .insta-follow a{color: #d3d3d3; font-size: 1.2em; line-height: 1.4em; letter-spacing: 0.02em;} .insta-follow a:visited{color: #d3d3d3; border-color: #d3d3d3;} .insta-follow a:hover{color: #ff7300; border-color: #ff7300;} .si_feed{ height:386px; overflow-y: scroll; padding: 0px 2px; clear: both;} .si_item {width: 116px; padding: 2px;} .si_item img{width:100%; vertical-align:bottom;} /* =Spotify Player -------------------------------------------------------------- */ .spotify-player {max-height: 342px; } .spotify-player iframe{width:100%;}