Creating an Esplanade Child Theme

Hi,
Love the theme!. I’m a newbie and I am trying to make an Esplanade child theme on my test site.

I created a directory called esplanade child in wp-content/themes. Then I created a style.css and placed it in the child directory. I activated the child theme. When I view the site, everything is moved to the left side of the screen, even though my theme settings appear to be the same as before I activated the child theme. The Header image is gone and I do not have an option to choose a default image or an image from the media library. The Background color I had entered previously is gone. The content in my menus and sidebars appears to still be present and links appear to be working. So, what am I missing?

My website can be viewed here: http://testing.craftingmadesimple.com

Here is the content in my style.css sheet I placed in the child theme:

/*
Theme Name: Esplanade Child
Theme URI: http://testing.craftingmadesimple.com
Description: Child Theme for Esplanade
Author: Bernice
Author URI: http://testing.craftingmadesimple.com
Template: esplanade
Version: 0.1
*/

@import url(“../esplanade/style.css”);