Где подправить отступ блока

[begemotokot 0]

Здравствуйте! Помогите пожалуйста подправить шаблон:

В main.tpl это место прописано так:

<div id="wrapper">

{content}

</div>

В style.css я так понимаю какое-то общее правило:

* {

margin:0; padding:0; outline:0; border:0; background:transparent; vertical-align:baseline;

}

а для блока WRAPPER:

/* WRAPPER */


.sidebar {

margin-left:25px;

}

.sidebar ul  {

overflow:hidden;

}

.sidebar li  {

margin-bottom:-1px;

}

.sidebar li a {

display:block; padding-left:10px; border-bottom:1px solid #F1F1F1; background:url('../images/arrow.png') left no-repeat; font-size:14px; line-height:30px;

}

.sidebar li a:hover {

background:url('../images/arrow_hover.png') left no-repeat;

}

/* ~~~~~~~~~~ */

.cont {

background:url('../images/content_top_bg.png') top no-repeat #FAF9F4;

}

.ent {

width:510px; padding:30px 0 15px 25px; background:url('../images/content_bottom_bg.png') bottom no-repeat;

}

/* ~~~~~~~~~~ */

.area {

width:473px; height:130px; margin-bottom:25px; padding:6px; overflow:hidden; background:url('../images/area_bg.png');

}

.area span.img {

margin-right:6px; float:left;

}

.area span.facts {

font-size:11px; line-height:16px;

}

.area span.facts a {

font-size:11px;

}

.area h3 a {

font:16px "Georgia"; line-height:18px;

}

.area div {

font:11px "Tahoma"; line-height:16px;

}

.area ul.l {width:240px;height:140px;margin:1px 0 0 0;padding:0 6px 0 0;border-right:1px solid #F3E9E1;overflow:hidden;float:left;}

.area ul.r {width:130px;margin:1px 0 0 0;padding:0 0 0 6px;float:left;}

.area ul.l li,ul.r li {margin:0;border-bottom:1px solid #F3E9E1;list-style:none;display:block;font-size:11px;color:#434343;line-height:19px;}

.area li a {margin:0;float:none;font-size:11px;line-height:19px;}

p.full {margin:0 25px 25px 0;font:11px "Tahoma";line-height:16px;}

/* ~~~~~~~~~~ */

.navi {

margin-bottom:25px; text-align:center; font-size:14px; line-height:21px;

}

.navi a,.navi span {

width:21px; height:21px; margin:0 5px; display:inline-block;

}

.navi span {

background:url('../images/current.png');color:#FFFFFF;

}

/* ~~~~~~~~~~ */

.info {margin:0 25px 25px 0;}

.info span {display:block;font-weight:bold;}

/* ~~~~~~~~~~ */


.line  {

width:100%; margin:0 0 10px 0; display:table;

}

.line span {

display:table-cell; vertical-align:middle; font-weight:bold;

}

.line .corners_field {

width:212px; float:right; text-align:center;

}

.line .corners_field input {

width:200px; height:19px; margin:2px 0; line-height:19px;

}

.line .corners_field textarea {

width:200px; height:100px; margin:2px 0; line-height:19px;

}


 input.file {margin:0;padding:0;width:330px;float:right;}

.line .cornersfield select {width:318px;height:60px;margin:2px 0;padding:0;border:none;background:none;font:12px arial;color:#7D7E7D;line-height:19px;}

.line .cornersfield textarea {width:318px;height:100px;margin:2px 0;padding:0;border:none;background:none;font:12px arial;color:#7D7E7D;line-height:14px;}

.form input.add {width:75px;height:21px;margin:10px 0 0 0;padding:0;float:left;border:none;}

ЗЫ: В html и css втыкаю впервые, тёщей клянусь разобраться и не мучать в последствии людей, но срочность вынуждает обратиться за помощью. Заранее спасибо.

[- Den - 32]

Ну так у вас же выделен блок с id="dle-content"

Ему и рисуйте правила в CSS, к примеру так

#dle-content {

  width:960px;

  margin:0 auto

}

Или иначе, если у вас другие задачи стоят.

Изменено 24 июня 2011 пользователем - Den -

[begemotokot 0]

Вопрос решен. Помогли на соседнем форуме исправлением в style.css строки

#wrapper {

width:970px; min-height:400px; margin:0 auto; padding:25px 0;

на

#wrapper {

width:900px; min-height:400px; margin:0 auto; padding:25px 35px;

Спасибо - Den -, обязательно попробую и Ваш вариант.

Изменено 24 июня 2011 пользователем begemotokot