Основному блоку layout прописал ширину 1270px вместо 980px.
Также расширил контентную часть с 730px до 1010px.
Как и следовало ожидать сайт стал неправильно складываться.
Как я понимаю надо копать в сторону конца css файла, где идет речь о @media screen?
#layout { width: 95%; max-width: 1270px; min-width: 980px; margin: 0 auto; }
min-width: 730px;
width: 80%;
и
#body aside { width: 19%; margin-bottom: 10px; }
А в целом направление верное — @media screen и прописывайте для любых разрешений позиционирование