враппеер не покрывает всю меню, при редактировании камента.
задайте врапперу min-height величиной с высоту меню минимум.

и текст почему то отбегает от аватарки далеко , хотя настройки текста не меняла и не ставила в код.

.singleComment .paragraph {margin-left: 10px !important;}

это поможет, но, честно говоря, у вас такой разброд и шатание в коде, что удивительно, как там что-то работает.

#wrapper {background: url('/userdir/2/8/7/2/287209/66874091.png') repeat}
#wrapper{min-width:870px!important;width:870px;margin: !important;padding: 0!important; overflow:auto !important }
#wrapper{-moz-border-radius: 20px !important;}
.left # page-c {margin-left:-30px;}
.left #page-t {margin-left:30px;}
#side { width:200px !important; margin:0 !important; position:absolute; clear: right: 90; top: 10px;}
#page-c {width:80% !important; margin:0 !important; padding-right: 10px !important; }
.singleComment .postContent { padding-left:140px; }
.singleComment .postInner { margin-left:-150px; padding-left:150px; }
.singleComment .commentAuthor { float:left; width:130px; overflow:visible; margin-left:-140px !important; margin-left:-65px; max-width: 130px; }
.commentAuthor .avatar { margin:0px 0 10px; width:auto; max-width: 140px; }
.avatar, .avatarNew{ float:left; background: # no-repeat bottom right !important; background: no-repeat bottom right; margin: 10px 0 0px 10px !important; margin: 10px 0 0px 5px;}
.avatar img,.avatarNew img { display: block; position: relative; background-color: #fff; border: 1px solid #a9a9a9; margin: -6px 6px 6px -6px; padding: 4px; filter:alpha(opacity=100) !important;-moz-opacity:.75 !important;opacity:.75 !important;}
.avatar img:hover,.avatarNew img:hover { display: block; position: relative; background-color: #fffff0; border: 1px solid #898989; margin: -6px 6px 6px -6px; padding: 4px; filter:alpha(opacity=100);-moz-opacity:1.0 !important;opacity:1.0 !important; }
.left #side{width:180px; !important;margin:0 !important;}
#page-c{width:200px; !important;margin:4 !important;}
#extrabottom {width:200px; !important;margin:4 !important;}
#extrabottom .bordered{ border-style:dotted; border-color:#B85E00;}
#extrabottom .bordered{ border:2px dotted #B85E00;}
#postsArea {background: url('/userdir/2/8/7/2/287209/66887084.png') repeat}
#commentsArea {background: url('/userdir/2/8/7/2/287209/66887084.png') repeat}
#addCommentArea {background: url('/userdir/2/8/7/2/287209/66887084.png') repeat 0 0 fixed;}
.postLinksBackg, .epigraph, #post0 {border-bottom: 1px solid #7F947E; padding: 10px !important;}
.menuSection, .bordered {border-bottom: 1px solid #7F947E; padding: 10px !important;}
#thisDiaryPhoto { background:url('/userdir/2/8/7/2/287209/66874448.png') no-repeat; width: 180px; height: 150px !important }
#postsArea{-moz-border-radius: 20px !important;}
#postsArea{-moz-box: 0px 20px 10px -10px #866;}
#page-t .bordered{ border:1px SOLID; border-color: #7F947E;}
.menuSection {border-bottom: 1px solid #7F947E !important; padding: 10px !important;}
body {background: url('/userdir/2/8/7/2/287209/66873650.jpg') repeat}
#page-t {margin-top: 10px;}

жид-медведь спасибо получилось

Поставила
singleComment .paragraph {margin-left: 10px !important;}
и ничего не поменялось
а все что жирным я так понимаю надо удалить, да?

.singleComment .postContent { padding-left:140px; }
.singleComment .postInner { margin-left:-150px; padding-left:150px; }
.singleComment .commentAuthor { float:left; width:130px; overflow:visible; margin-left:-140px !important; margin-left:-65px; max-width: 130px; }
.commentAuthor .avatar { margin:0px 0 10px; width:auto; max-width: 140px; }
я в эту часть сношу и расстояние пропадает, но налезает на рамку аватары =(

а все что жирным я так понимаю надо удалить, да?
нет, это нужно разгребать, вдумываясь, для чего этот код тут находится. смотрите, у вас одному классу назначено два разных левых отступа подряд:

.singleComment .commentAuthor { float:left; width:130px; overflow:visible; margin-left:-140px !important; [1] margin-left:-65px; [2] max-width: 130px; }

зачем? и такого очень много. так же нет закрывающих точек с запятой перед скобками, margin:4 !important; - 4 чего?

singleComment .paragraph {margin-left: 10px !important;} и ничего не поменялось
потому что перед singleComment должна стоять точка, у вас в коде ее нет.

ну я брала кусочки кода из других кодов и в другом дизайне отступов нету

singleComment .paragraph {margin-left: 10px !important;} и ничего не поменялось потому что перед singleComment должна стоять точка, у вас в коде ее нет.

это я так криво скопировала
поставила значение 50px и все как надо
спасибо

пожалуйста.