Post Title and Text

Hi everyone,

I am trying to make the distance between the post tile and the post text smaller. Also, the space when I enter a new line within the post is much bigger than I am after. Currently the gap is huge and it looks silly. I have searched and searched online and have tried adjusting just about everything within the page/post CSS but cant seem to find it, does anyone know what i need to adjust to make it smaller? I’m using the picolight theme, below is the CSS I am assuming it will be under…? Also, if you want to take a look the site is https://www.samuellaysullivan.com

/* posts and pages */

.post, .pages {
	margin-bottom: 15px;
	}

.post .title, .pages .title {
	float:left;
	width: 100%;
	}

.post .title h1, .pages .title  h1, .post .title h2, .pages .title h2 {
	font-size: 20px;
	margin: 7px 15px;
	padding: 0;
	}

.post .meta, .pages .meta {
	font-size: 13px;
	color: #808080;
	padding: 5px 15px;
	clear: both;
	border-top: 1px solid #ccc;
	}

.post .thumbnail {
	float: left;
	margin: 10px 15px 10px 10px;
	}

.post .entry, .pages .entry {
	line-height:22px;
	display:block;
	clear:both;
	overflow:hidden;
	color:#292929;
	text-align: justify;
	padding: 10px 15px 16px 15px;
	}

.post p, .pages p {
	margin:0;
	padding: 6px 0;
	}

.post blockquote, .pages blockquote {
	background:transparent url(images/quote.png) no-repeat scroll 0 0;
	font-style:italic;
	margin:5px 0 5px 0;
	padding:10px 15px 10px 60px;
	}

.post ul.split3cols,.post ul.split2cols,.pages ul.split3cols,.pages ul.split2cols  {
	font-size: 13px;
	overflow:auto;
	width:520px;
	}

.post ul, .pages ul {
	list-style-type:none;
	margin:10px 0;
	padding:0 0 0 10px;
	}

.post ul.split3cols li, .pages ul.split3cols li {
	float:left;
	width:155px;
	margin-right:5px;
	}

.post ul.split2cols li, .pages ul.split2cols li {
	float:left;
	width:240px;
	margin-right:5px;
	}

.pages ul.split3cols,.pages ul.split2cols {
	font-size: 13px;
	overflow:auto;
	width:520px;
	}

.pages ul {
	list-style-type:none;
	margin:10px 0;
	padding:0 0 0 10px;
	}

.post ul li, .pages ul li {
	background:url(images/icon_bullet.png) 5px 2px no-repeat;
	line-height: 24px;
	margin:4px 0;
	padding:0 0 0 25px;
	}

.post .entry h1,.post .entry h2,.post .entry h3,.post .entry h4, .pages .entry h1,.pages .entry h2,.pages .entry h3,.pages .entry h4, #comment-form h3, .commentform h3 {
	padding: 5px 5px 2px 0;
	}

h1, h2, h3, h4 {
	font-family: Ubuntu, Arial, 'sans serif';
	font-weight: normal;
	}

.post .entry h1, .pages .entry h1 {
	font-size:20px;
	}

.post .entry h2, .pages .entry h2, #comment-form h3,.commentform h3 {
	font-size:18px;
	margin-top: 20px;
	}

.post .entry h3, .pages .entry h3 {
	font-size:16px;
	margin-top: 20px;
	}

.post .entry h4, .pages .entry h4 {
	font-size:14px;
	margin-top: 5px;
	}

.pages h1,.pages h2,.pages  h3,.pages h4 {
	margin: 10px 0 5px 0;
	padding: 5px 0 0 5px;
	color: #292929;
	}

.pagelinks {
	clear: both;
	color: #808080;
	margin-top: 25px;
	}

.pagelinks p {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	text-shadow: 0 1px 0 #fff;
	background: #f0f0f0;
	padding: 10px;
	display: inline;
	}

.pagelinks a:link, .pagelinks a:visited {
	text-decoration: none;
	}

.pagelinks a:hover {
	}

.post .meta, .pages .meta {
    display: none;
}

/* tables */

.post table th, .pages table th, .comment table th {
	font-size: 13px;
	font-weight: normal;
	color: #808080;
	text-transform: uppercase;
    padding: 2px 4px;
    text-align: left;
	}

.post table, .pages table, .comment table {
	margin: 10px 0;
	width: 100%;
	border-collapse: collapse;
	}

.post td, .pages td, .comment td {
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    padding: 2px 4px;
	}

Any help will be MUCH appreciated ??