[Theme: Sonoichi] Editing Child CSS

I have created a child-theme and added in a blank functions.php.

I would like to customize the header and footer and I have been using Apperance -> Editor and editing the stylesheet (style.css):

/*
 Theme Name:   sonoichi_child
 Description:  Sonoichi Child Theme
 Author:       Me
 Template:     sonoichi
 */

@import url("../sonoichi/style.css");

After extensive searching I tried to change the header using this:

#header {
	background: #a090a0;
	border-bottom: double 3px #aba;
	border-left: solid 1px #9a9;
	border-right: solid 1px #565;
	border-top: solid 1px #9a9;
	font: italic normal 230% 'Times New Roman', Times, serif;
	letter-spacing: 0.2em;
	margin: 0;
	padding: 15px 10px 15px 60px;
}

And the footer using:

#footer {
    background-color: #new color !important;
    color: #B4D4E5;
}

Neither seem to work. When I reload the page it looks exactly the same.

I also tried to install the plugin Custom CSS and used the above code and that did not work either.

Is the code incorrect?

Lastly, I want my site title to be XYZ.com (on the window bar of the browser) but I want to change what appears in the sheet. Is that also done through the style.css?