HTML5 - 杂志/博客格式的三栏布局？

Question

这是我对三栏杂志的HTML5布局：

article, section, aside, hgroup, nav, header, footer, figure, figcaption { 
  display: block;
}

* {
  margin: 0;
  padding: 0;
}

body {
  margin-left: 0;
  margin-top: 0;
}

img {
  border: none;
}

#wrapper {
  width: 990px;
  margin-right: auto;
  margin-left: auto;
}

header {
  height: 130px;
}

aside {
  width: 245px;
  float: left;
}

#content {
  width: 500px;
  float: left;
}

#rightsidebar {
  width: 245px;
  float: left;
}

footer {
  height: 50px;
  clear: both;
}

<div id="wrapper">
  <header></header>
  <aside></aside>
  <div id="content"></div>
  <div id="rightsidebar"></div>
  <footer></footer>
</div>

这适用于基本布局，但我的问题是我试图模仿这个设计： http://www.autos.ca/car-test-drives/test-drive-2008-mercedes-benz-c230-4matic/

目前我的设计是基本的，但不是美学上令人愉悦的，我正在努力改进它，以便它是一个带有灰色标题和白色背景的三栏设计，如上例所示。

我需要在CSS样式表中添加什么才能使其正常工作？

这是经典美国和拉丁美洲汽车上基于Twig的静态网站的模板 - 该网站不是博客，而是信息网站。

如果有人可以指导我或提供建议，我会很感激，因为这是我第一次真正尝试做HTML5 - 多年来我一直在编写HTML以前的HTML4标准。