@font-face
{
    font-family: dosislight;
    src: url('../media/fonts/Dosis-Light.ttf');
}

@font-face
{
    font-family: dosisbold;
    src: url('../media/fonts/Dosis-Bold.ttf');
}

/**
 * Gooey Menu
 */

.menu-play.menu-item-inactive
{
  background-image: url('../media/menu_icons/menu-play-white.png');
}
.menu-play.menu-item-active
{
  background-image: url('../media/menu_icons/menu-play-blue.png');
}

.menu-next.menu-item-inactive
{
  background-image: url('../media/menu_icons/menu-next-white.png');
}
.menu-next.menu-item-active
{
  background-image: url('../media/menu_icons/menu-next-blue.png');
}

.menu-maps.menu-item-inactive
{
  background-image: url('../media/menu_icons/menu-maps-white.png');
}
.menu-maps.menu-item-active
{
  background-image: url('../media/menu_icons/menu-maps-blue.png');
}

.menu-hide.menu-item-inactive
{
  background-image: url('../media/menu_icons/menu-hide-white.png');
}
.menu-hide.menu-item-active
{
  background-image: url('../media/menu_icons/menu-hide-blue.png');
}

.menu-gyroscope.menu-item-inactive
{
  background-image: url('../media/menu_icons/menu-gyroscope-white.png');
}
.menu-gyroscope.menu-item-active
{
  background-image: url('../media/menu_icons/menu-gyroscope-blue.png');
}

.menu-previous.menu-item-inactive
{
  background-image: url('../media/menu_icons/menu-previous-white.png');
}
.menu-previous.menu-item-active
{
  background-image: url('../media/menu_icons/menu-previous-blue.png');
}