/* !----   RETINA IMAGES     *//* ===========================================
   ========================================================================== */

   #topbar h2 a {
       width: 145px;
       margin: 0 10px;
       background-image: url(../gfx/logo@2X.png) no-repeat 0 0;
       -webkit-background-size: 144px 28px;
   }


/* Menu icons */
/* Write icon on textarea background -> also overridden with js */
/* FB icon */
    #menu #register li.step-address p:first-of-type,
    #menu #register textarea,
    .btn-facebook:before {
        background-image: url(../gfx/sprite_registration@2x.png);
       -webkit-background-size: 36px 600px;
        }

/* Menu toggle icons */
    #menu > nav .toggle-menu,
    #menu > nav .toggle-navigation {
        background-image: url(../gfx/menuarrows@2x.png);
       -webkit-background-size: 100px 92px;
    }

/* Menu icons */
    #menu > nav ul li a,
    #menu #storylist h2:before,
    #story .randomizer,
    #menu #storylist li.buttons button.reload:before {
        background-image: url(../gfx/menuicons@2x.png);
       -webkit-background-size: 30px 325px;
        }

/* Story box elements */
    #story .close-story,       /* close button */
    #map .summary-box button:after,  /* arrow button in small mobile map button */
    #story .meta .read-count,        /* eye icon in # read */
    #story .meta .report-story,       /* icon in varsle-button */
    {
        background-image: url(../gfx/bubblebuttons@2x.png);
       -webkit-background-size: 30px 300px;

    }