How do I get the blog title and subtitle over to the right of the header?

Look for the css code below in your style.css file

.logo {
    display: block;
    left: 10px;
    position: absolute;
    top: 89px;
    width: 864px;
}

unless you’re not worried about doing this all over when your theme gets updated, change the css code to something like below, else, make a child theme and apply the css code below.

.logo {
    display: block;
    left: 375px;
    position: absolute;
    top: 20px;
    width: 500px;
}

Ok I did that but now there is no title at all. Do you know how I can either get the title to appear on the right or just below the hearts in a smaller font.

Thanks.

you got a syntax error while changing the style:

/* begin Logo */
.logo
.logo {
    display: block;
    left: 375px;
    position: absolute;
    top: 20px;
    width: 500px;
}

remove one of the .logo

after you have repaired that, the title should show.

Oh wow you have been so helpful. Thank you so much!