Wordpress CSS issues please help!

[safeasfcuk]

I started a blog a while ago to advertise my photography but sadly i have run into a few problems one is the formating of the comment boxes and the second is the posts its self i cant seem to get the post to display the image postion i want it to?

The first issue is here Comment boxes are confussing and not inline
The second problem can be seen here Image out of frame

Also it seems even in visual layout mode i cant seem to add paragraphs is there somthing i need to add to my code to do this?

This is the css for the layout please ask me if you require any more info

/*
Theme Name: dannylintonphotography
Theme URI: http://dannylintonphotography.com/
Description: website theme.
Version: 1.0
Author: danny linton
Tags: website, dannylintonphotography,

Default WordPress by Dave Shea || http://mezzoblue.com
Modifications by Matthew Mullenweg || http://photomatt.net
This is just a basic layout, with only the bare minimum defined.
Please tweak this and make it your own. :)
*/

.screen-reader-text {
     position: absolute;
     left: -1000em;
}

a {
	color:#a32b2b;;
}

a img {
	border: none;
}

a:visited {
	color: #a32b2b;
}

a:hover {
	color: #666;
}

acronym, abbr {
	border-bottom: 1px dashed #333;
}

acronym, abbr, span.caps {
	font-size: 90%;
	letter-spacing: .07em;
}

acronym, abbr {
	cursor: help;
}

blockquote {
	border-left: 5px solid #ccc;
	margin-left: 1.5em;
	padding-left: 5px;
}



cite {
	font-size: 90%;
	font-style: normal;
}

h2 {
	border-bottom: 1px dotted #ccc;
	 font-family: Arial, Helvetica, sans-serif;
        font-size:25px;

	
	letter-spacing: 0.2em;
	margin: 15px 0 2px 0;
	padding-bottom: 2px;
        color:#a32b2b;
}



h3 {
	border-bottom: 1px dotted #eee;
 font-family: Arial, Helvetica, sans-serif;
 margin-top: 0;
}

ol#comments li p {

	font-size: 100%;
}

p, li, .feedback {

	 font-family: Arial, Helvetica, sans-serif;
	letter-spacing: -1px;
}



/* classes used by the_meta() */
ul.post-meta {
	list-style: none;
}

ul.post-meta span.post-meta-key {
	font-weight: bold;
}

.credit {
	background: #90a090;
	border-top: 3px double #aba;
	color: #fff;
	font-size: 11px;
	margin: 10px 0 0 0;
	padding: 3px;
	text-align: center;
}

.credit a:link, .credit a:hover {
	color: #fff;
}

.feedback {
	color: #ccc;
	text-align: right;
	clear: both;
        font-size: 15px;

}

.meta {
	font-size: .75em;
}

.meta li, ul.post-meta li {
	display: inline;
}

.meta ul {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
}

.meta, .meta a {
	color: #808080;
	font-weight: normal;
	letter-spacing: 0;
}

.storytitle {
	color:#a32b2b;
}

.storytitle a {
	color:#a32b2b;

}

.storycontent {
          font-family: Arial, Helvetica, sans-serif;
          font-size:15px;
	  font-weight:100;
          color:#333;


}

form#commentform p {
clear:both;
}

#commentform #author, #commentform #email, #commentform #url, #commentform textarea {
	background: #fff;
	border: 1px solid #333;
	padding: .2em;
        
}

#commentform textarea {
	width: 70%;
}

#commentlist {
margin-left:10px;
font-size: 15px;
}
#commentlist li {
padding-top: 10px;

}
#commentlist li ul {

	border-left: 1px solid #ddd;
	font-size: 110%;
	list-style-type: none;
       

}

#commentlist li .avatar {
	float: right;
	margin-right: 15px;
	border: 1px dotted #ccc;
	padding: 2px;
}



#header a {
	color: #fff;
	text-decoration: none;
}

#header a:hover {
	text-decoration: underline;
}

#menu {
	
}

#menu form {
	margin: 0 0 0 13px;
}

#menu input#s {
	width: 80%;
	background: #eee;
	border: 1px solid #999;
	color: #000;
}

#menu ul {
	color: #A03C37;
	font:18px "Verdana", Geneva, sans-serif;
	font-weight: bold;
	list-style-type: none;
	margin: 0;
	padding-left: 3px;
}

#menu ul li {
 font-family: Arial, Helvetica, sans-serif;
 font-size:15px;
 letter-spacing: 0.1em;
	margin-top: 10px;
	padding-bottom: 2px; /*border-bottom: dotted 1px #ccc;*/
}

#menu ul ul {
	font-variant: normal;
	font-weight: normal;
	line-height: 100%;
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: left;
}

#menu ul ul li {
	border: 0;
	font:Arial, Helvetica, sans-serif;
	letter-spacing: 0;
	margin-top: 0;
	padding: 0;
	padding-left: 12px;
}

#menu ul ul li a {
	color: #ccc;
	text-decoration: none;
}

#menu ul ul li a:hover {
	color:#a32b2b;
}

#menu ul ul ul.children {
	font-size: 142%;
	padding-left: 4px;
}

#wp-calendar {
	border: 1px solid #ddd;
	empty-cells: show;
	font-size: 14px;
	margin: 0;
	width: 90%;
}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
}

#wp-calendar a {
	display: block;
	text-decoration: none;
}

#wp-calendar a:hover {
	background: #e0e6e0;
	color: #333;
}

#wp-calendar caption {
	color: #999;
	font-size: 16px;
	text-align: left;
}

#wp-calendar td {
	color: #ccc;
	font: normal 12px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
	letter-spacing: normal;
	padding: 2px 0;
	text-align: center;
}

#wp-calendar td.pad:hover {
	background: #fff;
}

#wp-calendar td:hover, #wp-calendar #today {
	background: #eee;
	color: #bbb;
}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
}

/* Captions & aligment */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions & aligment */