Adding a logo beside the site title

Using the Dynamic News Lite Theme – customize panel.
I uploaded my image to the header. But I did like the result. I do not want it below the menu.
I want it top left corner of the page.
My website.

I already have created a child theme for Dynamic News Lite.
http://i.imgur.com/WMaybY0.png

1. Is the image when uploaded into header. But I prefer it on top right of the menu.
2. When I use just the “site title”. I prefer to have space for the logo.
3. This is what I preferred final look in the header for the site.

I have already read some similar post to this but I did not find the code they are referring to. I tried just copy pasting it in the head, I just broke the site.

I know I’m doing something, but I cannot seem to put a finger on it.

input[type="submit"] {
	border: none;
	color: #fff;
	background: #019621;
}
#mainnav-menu a:hover {
	background: #019621;
}
#mainnav-menu ul a:hover {
	color: #fff;
	background: #019621;
}
.widget a:link, .widget a:visited  {
	text-decoration: none;
	color: #019621;
}
.post-title a:hover, .post-title a:active{
	color: #019621;
}
.postinfo .meta-category a:hover, .postinfo .meta-category a:active {
	background: #019621;
	text-decoration: none;
}

/* Read more Link */
.more-link {
	display: inline-block;
	margin: 0.5em 0;
	padding: 0.6em 1em;
	text-decoration: none;
	color: #fff;
	text-transform: uppercase;
	background-color: #019621;
}
.archive-title span{
	color: #019621;
}
.post-pagination a:hover {
	color: #019621;
}
.post-pagination .current {
	padding: 0.5em 0.9em;
	margin-right: 0.2em;
	color: #019621;
	text-decoration: underline;
}
#image-nav .nav-previous a, #image-nav .nav-next a {
	font-size: 0.9em;
	text-decoration: none;
	color: #019621;
}
#social-icons-menu li a {
	position: relative;
	display: inline-block;
	padding: 0.8em;
	background: #019621;
	text-decoration: none;
	color: #fff;
}
.bypostauthor .fn, .comment-author-admin .fn {
	background: #019621;
}
#commentform #submit {
	display: block;
	border: none;
	margin-top: 1em;
	padding: 1em 4em;
	text-decoration: none;
	color: #fff;
	background: #019621;
}
#mainnav-toggle:hover {
	cursor: pointer;
	background: #019621;
}
#mainnav-menu .submenu-dropdown-toggle:hover {
	cursor: pointer;
	background: #019621;
}