[diaryCSS]

Добрый вечер!

В CSS разбираюсь ужасно, собираю буквально по кусочкам. Вроде всё ТТТ получилось, кроме одной проблемы:

картинка

1. как убрать этот ужасно большой отступ? Как сделать чтобы Запись заходила немного на экстработтом? Т.е. чтобы блок записи заканчивался за 30px до конца экстработтома, к примеру?

Методом проб выяснила, что ошибка где-то тут -

#postsArea, #commentsArea, #newCommentsArea, #addCommentArea { position: relative; top: -420 width: 500 left:120 }

когда убираю position: relative то текст записи достает до экстработтома. но съезжает влево =(

код:

body{margin:0; padding:0}</div><div> #extratop { background: url('/userdir/2/9/0/0/2900456/73030400.jpg';) no-repeat; width: 1000 height: 876 margin-top:0px !important;}</div><div> #page-t {margin: 0 !important;}</div><div> #page-t{background: url('/userdir/2/9/0/0/2900456/73030402.jpg';) repeat-y; width: 1000px !important;padding:0 !important;padding:0 !important;}</div><div> #extrabottom { background: url('/userdir/2/9/0/0/2900456/73030403.jpg';) no-repeat; width: 1000 height: 343 margin-top:0px !important;}</div><div> #wrapper{min-width:1000px !important; width:1000 margin:0 auto !important; padding:0 !important;}</div><div> {----------------------МЕНЮ------------------------}</div><div> #side {position: relative; top: -410px !important; right: 100px !important;}</div><div> #side {font-size:14px !important; text-transform: lowercase;}</div><div> #side li:hover {color: #af3f27 !important; }</div><div> #myDiaryLinks ul, #rssLink, #globalLinks ul, #thisDiaryLinks ul, #thisDiaryOwner ul , #all_links {padding: 0px 0 4px 0px !important; list-style: none !important;}</div><div> .menuSection_title {display: block; padding: 0px 0 px 0px !important; margin: 0 0 6px !important; }</div><div> #side {width: 220 }</div><div> #authorName {display:none}</div><div> .menuSection{ text-align:center; }</div><div> #thisDiaryPhoto {display:none}</div><div> #side h1 {display:none }</div><div> {----------------------ЗАПИСЬ------------------------}</div><div> #postsArea, #commentsArea, #newCommentsArea, #addCommentArea { position: relative; top: -420 width: 500 left:120}</div><div> .postTitle, .postTitle span, .postDate { top: -10 width: 500 text-align: center; text-transform: lowercase; color:#4b6a7d!important;}</div><div> .postLinksBackg {text-align:right; margin: 0 !important; text-transform: uppercase; dashed #4f4f4f; width: 500px !important; font: bold 12px !important;}</div><div> .postLinks a, .authorName a {color: #5a7a77;}</div><div> a:link,a:visited{text-decoration:none !important;}</div><div> a:hover{cursor: pointer;}</div><div> #TagsList{ solid #baafaf;padding: 3px 0 0 0 !important; width:500px !important; }</div><div> .atTag span, .atMusic span {font-size: 13 font-weight:bold; text-transform:lowercase; }</div><div> .atTag a, .atMusic {font-size: 13 color:#704e33; text-transform:lowercase; }</div><div> .quote_text {-moz-border-radius: 0 border-radius: 0 background-color: #4f4f4f; text-decoration: none !important;}</div><div> #mainpageLink A{ font-weight:bold}</div><div> a:hover {text-decoration: none; color:#bfd7b6!important }</div><div> .pageBar { font-weight:bold; font-family: !important;}</div><div> .singleComment .header span { float:left; font: 15px !important; color: #353535 !important; margin: 0px 0px 0px 0px !important; background: none; padding: 0 !important; text-shadow: none;}</div><div> .singlePost {background: url('/userdir/2/9/0/0/2900456/73032554.png';) no-repeat; background-position:bottom; !important; padding-bottom: 70px !important;}</div><div> {----------------------------------------------}</div><div> #thisDiaryOwner_title, #thisDiaryLinks_title, #thisDiaryOwner, #myDiaryLinks_title, #globalLinks_title, #authorName, #side h1, #topNav, #communityCatalogueLink, #unsubscribeEmail, #diarySpiritLink, #diarySupportLink, #randomDiaryLink, .urlLink, #upInChart, #favListLink, #faqLink,#YaSearch, #pchListLink, .order_button, #subscribeEmail, #thisDiaryPhoto, .atMood {display:none}</div><div> {------------------------------------------------------}</div><div> #JournalComments .avatar img { width: 100 height: 100 }</div><div> #JournalFavorite .avatar img, #JournalQuote .avatar img { width: 100 height: 100 }</div><div> .header h2 {margin: 0px 0px 0px 0px !important; font: bold 12px !important; display: block !important; line-height: 15px !important; overflow: hidden !important; height: 16px !important;}</div><div> .editPostLink, #sortOrder, #bottomNavLinks {display: inline; }

UPD: Отступ убрала исправив строку с Экстработтомом - margin-top:-50px дописала