【Wordpress /Twentytwelve/CSS関連】ﾍｯﾀﾞｰ部分とｸﾞﾛｰﾊﾞﾙﾅﾋﾞ部分の横幅を画面いっぱい(画面を縮小した場合､可変で同比率で縮小する｡ margin : 0 auto;的な?) を…

【Wordpress /Twentytwelve/CSS関連】
ﾍｯﾀﾞｰ部分とｸﾞﾛｰﾊﾞﾙﾅﾋﾞ部分の横幅を画面いっぱい(画面を縮小した場合､可変で同比率で縮小する｡ margin : 0 auto;的な?)

をしたいのですが､どこにどういれたらいいかご教示いただけたら幸いです｡
どうぞよろしくお願いいたします｡

たとえば､このｻｲﾄの緑色部分のｸﾞﾛｰﾊﾞﾙﾒﾆｭｰのようなｶﾀﾁだったり､
http://animaldoctor.jp/
たとえば､このｻｲﾄのﾋﾟﾝｸ色部分のｸﾞﾛｰﾊﾞﾙﾒﾆｭｰのようなかたちだったり､
http://www.chifure.co.jp/naritai-kirei/

をTwenty twelveの
?ﾛｺﾞ部分
?ｸﾞﾛｰﾊﾞﾙﾅﾋﾞ部分
?ﾌｯﾀｰ部分
で再現したくおもっておりました！

http://twentytwelvedemo.wordpress.com/ で確認｡
こんな感じでしょうか…

#menu-main-menu {
 background-color: pink;
 text-align: center !important;
}
.site {
 margin-top: 0 !important;
 max-width: none !important;
 width: 100% !important;
 padding: 0 !important;
}
.site-header hgroup,
.site > *:not(header) {
 padding: 0 2.85714rem !important;
}