Идея - растянуть весь "пейзаж" на все окно браузера.
Для того, чтобы что-то там «растянуть», в первую очередь необходимо, чтобы макет предусматривал соответствующие «места разрыва». На вашем макете лично я таких мест нигде не наблюдаю.

как прикрепить градиентную полосу к левой части экрана(вырезав ее и сохранив как пнг с прозрачностью.).
Лучше всего – никак, поскольку это лишено какого-либо смысла.

Как траву в "подвале" раскинуть на всю ширину экрана?(неужели таблицей?)
Для того, чтобы раскинуть то, что не раскидывается по определению, вам не поможет ни таблица, ни что-либо иное (мест разрыва в траве не наблюдается).

Как сделать бэкграунд сайта не однотонным, а таким же, как фон рисунка.
Либо замостить, либо одной большой выровненной по центру картинкой.

как сделан фон feedstitch.com
Размножено графическое изображение (332 x 332 px).

[Только зарегистрированные пользователи могут видеть ссылки. ]
Одно большое графическое изображение (1680 x 768 px) выровнено по центру.

[Только зарегистрированные пользователи могут видеть ссылки. ]
Одно большое графическое изображение (3001 x 1615 px) спозиционировано и зафиксировано необходимым образом.

Как накладывать объекты друг на друга, кроме как дивом?
Объекты накладываются друг на друга не «дивом», а с помощью различных видов позиционирования в CSS.