Stretch view, Mirantis header and footer are 960px max

_templates/mirantis/layout.html

@@ -20,8 +20,10 @@
 {%- block relbar1 %}
     <div class="relbar-top">
     <div class="related_hf">
+<div id="header">
+        <div id="header_content">
 
-<table width="100%" cellpadding="0" cellspacing="0">
+<table class="pageheader" cellpadding="0" cellspacing="0">
 <tbody><tr>
 <td width="167px" height="107px"><a href="http://www.mirantis.com/" title="Mirantis"><img src="http://fuel.mirantis.com/wp-content/themes/carrington-jam-1.4/img/logo.gif" alt="Fuel" border="0"></a></td>
 <td>
@@ -63,6 +65,8 @@
 </tbody></table>	
 	
     </div>
+    </div>
+    </div>
 {{ relbar() }}
     </div>
 {% endblock %} 

_templates/mirantis/static/mirantis.css_t

@@ -28,22 +28,15 @@ div.documentwrapper
 	border-top: 1px solid {{ theme_table_trim_color }};
 	border-bottom: 1px solid {{ theme_table_trim_color }};
 }
-/*
-div.document
-{
-	max-width: 100%;
-}
 
-div.related
+div.document, div.related, div.related_hf
 {
 	max-width: 100%;
 }
-*/
 
 div.related_hf
 {
     margin: 0 auto;
-    max-width: {{ theme_max_width }};
     background: {{ theme_relbarbgcolor }};
     line-height: 1.5em;
     padding: .5em 0;

_templates/mirantis/static/mirantis_style.css

@@ -27,13 +27,15 @@ div.relbar-top div.related, div.relbar-bottom div.related
 html, body {
     font-family: 'PT Sans', arial, sans-serif;
     font-size: 14px;
-    height: 100%;
     color: #41454d;
-    margin: 0;
 }
 
 body.inner {background: url(inner_body_tile.jpg) repeat-x;}
 
+table.pageheader {
+	width: 100%;
+}
+
 a {
     color: #D32F1A;
     text-decoration: none;
@@ -436,7 +438,7 @@ a.active {
     width: 100%;
 }
 
-#footer {
+#footer, #header {
 /*
     height: 115px;
     margin-top: -120px;
@@ -453,8 +455,8 @@ a.active {
     padding-top: 20px;
 }
 
-#footer_content {
-    width: 960px;
+#footer_content, #header_content {
+    max-width: 960px;
     margin: 4px auto auto auto;
 /*
     height: 110px;