@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    
    /* logo */
    
    #site_name {
         background-image: url("/includes/image/logo_beta@2x.png");
         background-size: 87px 107px;
    }

    /* Dropdown and play icon */
    .play-icon{
        background: url("/includes/image/playlist_play@2x.png") no-repeat 0 0;
        background-size:47px 178px;
        width: 48px;
    }
    .play-icon:hover,
    .play-icon:active{
        background-position: 0 -131px;
    }

    .caret-holder{
        background: url("/includes/image/playlist_selector_caret@2x.png") no-repeat 0 0;
        background-size:34px 157px;
    }

    .caret-holder:hover,
    .caret-holder:active{
        background-position: 0 -118px
    }

	/* search and explore */
	input.explore-search-input {
	 background-image: url("/includes/image/search_icon_explore@2x.png");
	 background-size: 17px 65px;
	}
    
    a.toggle-playlist div span.icon {
        background-image: url("/includes/image/explore_playall@2x.png");
        background-size: 50px 100px;
    }
    
    a.toggle-grid div span.icon {
        background-image: url("/includes/image/explore_browse@2x.png");
        background-size: 50px 100px;
    }
    
    .explore-heading h2 .playlist-alpha, h1.light-style .alpha {
        background-image: url('/includes/image/alpha@2x.png');
        background-size: 58px 13px;
    }

    /* Error/Success */


    span.mobilemsg{
        background-image: url('/includes/image/error_success_icons@2x.png');
        background-size: 30px 900px
    }

    /* Style controls */

    .fileUpload {
    background-image: url("/includes/image/style_upload@2x.png");
    background-size: 28px 53px;
    }

    .style-controls {
    background-image: url("/includes/image/stylecontrols@2x.png");
    background-size: 15px 35px
    }

    /* closers */

    .dismissable .close {
    background-image: url("/includes/image/close_h2s@2x.png");
    background-size: 10px 37px;
    }

    /* Play buttons */

    #artPlayer .itemPlayButton.playing,
    #artPlayer .playButton.playing{
        background-position:-24px -25px;
        width: 80px
    }

    #artPlayer .itemPlayButton,
    #artPlayer .playButton{
        background:url('/includes/image/play_500@2x.png') no-repeat -97px -25px;
        background-size: 201px 459px;
        margin-top: -47px;
        margin-left: -35px;
        height: 98px;
        width: 94px;
    }

    #artPlayer:hover .itemPlayButton,
    #artPlayer:hover .playButton,
    #artPlayer .playButton:hover,
    #artPlayer .playButton.hover,
    #artPlayer .itemPlayButton.hover{
        background-position:-97px -130px;
    }

    #artPlayer:hover .itemPlayButton.playing,
    #artPlayer:hover .playButton.playing,
    #artPlayer .playButton.playing.hover,
    #artPlayer .itemPlayButton.playing.hover{
        background-position:-12px -130px;
    }

    #artPlayer:hover .itemPlayButton.playing,
    #artPlayer:hover .playButton.playing,
    #artPlayer .playButton.playing.hover,
    #artPlayer .itemPlayButton.playing.hover{
        background-position:-24px -130px;
        width: 80px
    }

    .newsItem.expanded .itemPlayButton{
        background-image: url("/includes/image/play_200@2x.png?v2");
        background-size: 290px 580px;
    }

    /* Player controls */

    #controls li,
    .control,
    .muteButton {
        background-image: url("/includes/image/player_controls@2x.png");
        background-size: 230px 97px;
    }



    .js-gotoCurrent,
    #controls .js-gotoCurrent,
    .control .js-gotoCurrent {
        width:22px;
        height: 22px;
        margin-top: -10px;
        background-position: -170px -2px;
    }


    .downArrow{
        background-image:url('/includes/image/header_dropdown@2x.png');
        background-position: -2px -12px;
        background-size: 25px 124px;
    }
    .dropdown a:hover .downArrow,
    .dropdown:hover .downArrow,
    #account.active .downArrow{
        background-position: -2px -92px;
    }

    /* Home Buttons */

    .newsActions .button .icon {
        background-image: url("/includes/image/jam_actions_small@2x.png");
        background-size: 124px 108px;
    }

    /* Related jams toggle icon */

    .related-toggle-icon{
        display: inline-block;
        width: 10px;
        height: 12px;
        margin-left: 5px;
        background: url('/includes/image/relatedjams_toggle@2x.png') 0 3px no-repeat;
        background-size: 10px 69px;
    }

    .related-toggle:hover .related-toggle-icon {
    	background-position:  0 -17px;
    	}

    .related-toggle.active .related-toggle-icon {
            background-position:  0 -37px;
        }

    .related-toggle.active:hover .related-toggle-icon {
    	background-position:  0 -57px;
    	}

    .explore-link-area .explore-link {
        background-image: url('/includes/image/relatedjams_more@2x.png');
        background-size: 120px 120px;
    }


    /* modals */

    .boxy-wrapper.white .title-bar .close {
        top:6px;
        background-image:url("/includes/image/close_lightmodal@2x.png");
        background-size: 30px 62px;
    }
	.boxy-wrapper.white .title-bar .close:hover{
        background-position: 0 -32px
    }

    /* Stuff for /jam/style */
    a.fileUpload {
        background: url("/includes/image/style_upload@2x.png") 0 0 no-repeat;
        background-size:28px 53px;
    }
    a.style-controls {
        background: url("/includes/image/stylecontrols@2x.png") 0 2px no-repeat;
        background-size:15px 35px;
    }
    .carouselPrev, .carouselNext {
        background: url("/includes/image/stylecarousel@2x.png") 0 0 no-repeat;
        background-size: 88px 156px
    }
    
    
    
    /* About Me */
    
    #aboutMe .favicon-row a {
        background-size: 23px 46px;
    }
    #aboutMe .favicon-row .twitter {
      background-image: url("/includes/image/aboutme_twitter@2x.png");
    }
    #aboutMe .favicon-row .facebook {
      background-image: url("/includes/image/aboutme_facebook@2x.png");
    }
    #aboutMe .favicon-row .tumblr {
      background-image: url("/includes/image/aboutme_tumblr@2x.png");
    }
    #aboutMe .favicon-row .lastfm {
      background-image: url("/includes/image/aboutme_lastfm@2x.png");
    }
    #aboutMe .favicon-row .instagram {
      background-image: url("/includes/image/aboutme_instagram@2x.png");
    }
    #aboutMe .favicon-row .odyssey {
      background-image: url("/includes/image/aboutme_2012@2x.png");
    }
    #aboutMe .favicon-row .odyssey2013 {
      background-image: url("/includes/image/aboutme_2013@2x.png");
    }
    
    /* style spinner */
    
    .jam-spinner-big {
        background-image: url("/includes/image/style_spinner_large@2x.png");
    }
    

    #artPlayer .itemPlayButton.spin, #artPlayer .itemPlayButton.spin:hover, #artPlayer .iframe-toggle.spin {
        background: url("/includes/image/style_spinner_med@2x.png");
        background-size: 200px 200px;
    }
    
    
    .jam-spinner-dark {
        background-image: url("/includes/image/style_spinner_med_onlight@2x.png")
    }
    
    .itemPlayButton.spin, .itemPlayButton.spin:hover,
    .newsItem.expanded .itemPlayButton.spin, .newsItem.expanded .itemPlayButton.spin:hover
    .jam-spinner, .iframe-toggle.spin {
        background-image: url("/includes/image/style_spinner_small@2x.png");
    }

    
    /* CAUSED GLITCHES, gonna come back to it
    #aboutMe #eternalJamContainer .gem {
        background: url("/includes/image/aboutme_gemlarge@2x.png") 0 0 no-repeat;
        background-size: 290px 580px;
    }
    #aboutMe #eternalJamContainer:hover .gem {
      background: url("/includes/image/aboutme_gemlarge.png") 0 -580px no-repeat;
    }
    */
}


/* Retina version of mini logo, needs retina but also small screen */
@media  only screen and (max-width: 767px) and (-webkit-min-device-pixel-ratio: 1.5),
        only screen and (max-width: 767px) and (min-resolution: 144dpi) {
        
        #site_name{
            background-image: url("/includes/image/logo_mini@2x.png");
            background-size: 48px 60px;
        }
}