Edit in JSFiddle

h1,h2,h3,h4,h5,h6,ul,ol,li {
  margin:0 0 0 0;
  padding:0 0 0 0;
  border:none;
}

body {
  margin:0;
  padding:0;
  text-align:center;
  font:normal 70% Arial,Sans-Serif;
  background:#fff;
}

a,a:link {
  text-decoration:none;
}

a:hover {
  text-decoration:underline;
}

a:active {
  position:relative;
  top:1px;
}

h1 {
  font-size:250%;
  margin:0 0 15px;
}

h2 {
  font-size:200%;
  margin:0 0 15px;
}

h3 {
  font-size:170%;
  margin:0 0 12px;
}

h4 {
  font-size:120%;
  margin:0 0 10px;
}

h5 {
  font-size:100%;
  margin:0 0 10px;
}

h6 {
  font-size:70%;
  margin:0 0 8px;
}

ul,ol {
  margin:10px 15px 10px 20px;
  display:block;
}

img {
  max-width:100%;
  height:auto;
  width:auto\9;
}

embed,iframe,object {
  max-width:100%;
  height:auto;
  min-height:300px;
}

#outer-wrapper {
  width:1030px;
  margin:0 auto 0;
  text-align:left;
  background:#ddd;
}

#header-wrapper {
  padding:2%;
  margin:0;
  display:block;
  background:#666;
}

#nav {
  background:#999;
  font:normal 1em Arial,Sans-Serif;
  overflow:hidden;
}

#nav ul {
  margin:0;
  padding:0;
  height:auto;
}

#nav ul li {
  margin:0;
  float:left;
  display:inline;
  list-style:none;
}

#nav ul li a {
  display:block;
  padding:5px 10px;
  background:#999;
  color:#fff;
}

#nav ul li a:hover {
  background:#888;
  text-decoration:none;
}

#content {
  clear:both;
  display:block;
}

#main-wrapper {
  width:71%;
  padding:2%;
  word-wrap:break-word;
  overflow:hidden;
  float:left;
  display:inline;
  background:#eee;
}

#sidebar-wrapper {
  width:21%;
  padding:2%;
  word-wrap:break-word;
  overflow:hidden;
  float:right;
  display:inline;
  background:#ddd;
}

.sidebar ul,.sidebar ol {
  border-top:1px solid #ccc;
  margin:0 0 15px;
}

.sidebar li {
  border-bottom:1px solid #ccc;
  padding:5px 10px 5px 10px;
  list-style:none;
}

#footer-wrapper {
  padding:2%;
  clear:both;
  display:block;
  background:#666;
}

.clear {
  clear:both;
}