Szablon - "rozciąganie"

[alpen]

Witam:
Mam problem z "rozciągnięciem" szablon na boki tak, aby zajmował on całą stronę . Strona to www.rockfan.ugu.pl (http://www.rockfan.ugu.pl/).
Próbowałem edytować plik szablonu style.css ale tło sie przesuwało a moduły zostawały w miejscu.
Joomla 1.5.10, nazwa szablonu HM004_traffic_cars.
Ps zajżyjcie do video szablon "ucina" info o wstawionym filmie.


body
{
margin: 0 auto;
padding: 0;
background-color: #89706C;
background-image: url('../images/Page-BgTexture.jpg');
background-repeat: repeat;
background-attachment: scroll;
background-position: top left;
}

.Main
{
position: absolute;
width: 100%;
left: 0;
top: 0;
}

.PageBackgroundGlare
{
position: absolute;
width: 100%;
left: 0;
top: 0;
}

.PageBackgroundGlareImage
{
background-image: url('../images/Page-BgGlare.png');
background-repeat: no-repeat;
height: 373pxpx;
width: 523px;
margin: 0;
}

html:first-child .PageBackgroundGlare
{
border: 1px solid transparent; /* Opera fix */
}


.PageBackgroundGradient
{
background-image: url('../images/Page-BgGradient.jpg');
background-repeat: repeat-x;
height: 900px;
}


.cleared
{
float: none;
clear: both;
margin: 0;
padding: 0;
border: none;
font-size:1px;
}


/* end Page */

/* begin Box, Sheet */
.Sheet
{
overflow: hidden;
min-width:23px;
min-height:23px;
margin: 0 auto;
position: relative;
z-index: 0;
width: 900px;
}


.Sheet-body
{
position: relative;
z-index: 0;
margin: 1px;
}

.Sheet-tl
{
position: absolute;
overflow: hidden;
z-index: -1;
top: 0;
left: 0;
width: 11px;
height: 11px;
background-image: url('../images/Sheet-s.png');
}

.Sheet-tr
{
position: absolute;
overflow: hidden;
z-index: -1;
top: 0;
right: 0;
width: 11px;
height: 11px;
}

.Sheet-tr div
{
position: absolute;
z-index: -1;
top: 0px;
left: -11px;
width: 22px;
height: 22px;
background-image: url('../images/Sheet-s.png');
}

.Sheet-bl
{
position: absolute;
overflow: hidden;
z-index: -1;
bottom: 0;
left: 0;
width: 11px;
height: 11px;
}

.Sheet-bl div
{
position: absolute;
z-index: -1;
top: -11px;
left: 0;
width: 22px;
height: 22px;
background-image: url('../images/Sheet-s.png');
}

.Sheet-br
{
position: absolute;
overflow: hidden;
z-index: -1;
bottom: 0;
right: 0;
width: 11px;
height: 11px;
}

.Sheet-br div
{
position: absolute;
z-index: -1;
top: -11px;
left: -11px;
width: 22px;
height: 22px;
background-image: url('../images/Sheet-s.png');
}

.Sheet-tc
{
position: absolute;
overflow:hidden;
z-index: -1;
top: 0;
left: 11px;
right: 11px;
height: 11px;
}

.Sheet-tc div
{
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 100%;
height: 22px;
background-image: url('../images/Sheet-h.png');
}

.Sheet-bc
{
position: absolute;
overflow:hidden;
z-index: -1;
bottom: 0;
left: 11px;
right: 11px;
height: 11px;
}

.Sheet-bc div
{
position: absolute;
z-index: -1;
top: -11px;
left: 0;
width: 100%;
height: 22px;
background-image: url('../images/Sheet-h.png');
}

.Sheet-cl
{
position: absolute;
overflow:hidden;
z-index: -1;
top: 11px;
left: 0;
width: 11px;
bottom: 11px;
}

.Sheet-cl div
{
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 22px;
height: 100%;
background-image: url('../images/Sheet-v.png');
}

.Sheet-cr
{
position: absolute;
overflow:hidden;
z-index: -1;
top: 11px;
right: 0;
width: 11px;
bottom: 11px;
}

.Sheet-cr div
{
position: absolute;
z-index: -1;
top: 0;
left: -11px;
width: 22px;
height: 100%;
background-image: url('../images/Sheet-v.png');
}

.Sheet-cc
{
position: absolute;
overflow:hidden;
z-index: -2;
top: 11px;
left: 11px;
right: 11px;
bottom: 11px;
background-image: url('../images/Sheet-c.png');
}


.Sheet
{
margin-top: 50px !important;
}
/* end Box, Sheet */

/* begin Menu */
/* menu structure */

.artmenu a, .artmenu a:link, .artmenu a:visited, .artmenu a:hover
{
text-align:left;
text-decoration:none;
outline:none;
letter-spacing:normal;
word-spacing:normal;
}

.artmenu, .artmenu ul
{
margin: 0;
padding: 0;
border: 0;
list-style-type: none;
display: block;
}

.artmenu li
{
margin: 0;
padding: 0;
border: 0;
display: block;
float: left;
position: relative;
z-index: 5;
background:none;
}

.artmenu li:hover
{
z-index: 10000;
white-space: normal;
}

.artmenu li li
{
float: none;
}

.artmenu ul
{
visibility: hidden;
position: absolute;
z-index: 10;
left: 0;
top: 0;
background:none;
}

.artmenu li:hover>ul
{
visibility: visible;
top: 100%;
}

.artmenu li li:hover>ul
{
top: 0;
left: 100%;
}

.artmenu:after, .artmenu ul:after
{
content: ".";
height: 0;
display: block;
visibility: hidden;
overflow: hidden;
clear: both;
}
.artmenu, .artmenu ul
{
min-height: 0;
}

.artmenu ul
{
background-image: url(../images/spacer.gif);
padding: 10px 30px 30px 30px;
margin: -10px 0 0 -30px;
}

.artmenu ul ul
{
padding: 30px 30px 30px 10px;
margin: -30px 0 0 -10px;
}


/* menu structure */

.nav
{
position: relative;
margin: 0 auto;
width: 898px;
height: 27px;
z-index: 100;
}

.artmenu
{
padding: 0px 10px 0px 10px;
}


.nav .l, .nav .r, .nav .r div
{
top: 0;
position: absolute;
z-index: -1;
overflow: hidden;
height: 27px;
}

.nav .l
{
left: 0;
right: 10px;
}


.nav .r
{
right: 0;
width: 10px;
}


.nav .r div
{
width: 898px;
right: 0;
}


.nav .l, .nav .r div
{
background-position: left top;
background-repeat: no-repeat;
background-image: url('../images/nav.png');
}

/* end Menu */

/* begin MenuItem */
.artmenu ul li
{
clear: both;
}

.artmenu a , .artmenu a span
{
height: 27px;
display: block;
}


.artmenu a
{
cursor: pointer;
text-decoration: none;
margin-right: 0px;
margin-left: 0px;

}
.artmenu a span span
{
font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans-Serif;
font-size: 11px;
font-style: normal;
font-weight: normal;
color: #383838;
padding: 0 17px;
margin: 0 0px;
line-height: 27px;
text-align: center;
background-image: url('../images/item-center.png');
background-position: left top;
background-repeat: repeat-x;

[zwiastun]

To nie jest płynny szablon, ale szablon o ustalonej szerokości. Zatem zmiana jednej czy dwóch własności w pliku CSS nie przyniesie skutku. Na www.pomoc.joomla.pl (http://www.pomoc.joomla.pl) masz objaśnione zasady konstrukcji takich szablonów.