More layout tweaks, pretty much there now I think.

css/style.css

@@ -63,7 +63,7 @@ cursor : help; }
 
 html {
 overflow-y: scroll;
-background : rgb(255,255,255) /* url(../img/tmp/grid.png) repeat-y 50% 0 */; }
+background: #F9F5EB }
 
 body {
 	margin: 0 auto;
@@ -87,17 +87,18 @@ h2,
 h3, 
 h4, 
 h5, 
-h6 { font-family : "museo-slab-1","museo-slab-2", "Helvetica Neue", Helvetica, Arial; font-weight : 700; }
+h6 { font-family: "museo-slab-1","museo-slab-2", "Helvetica Neue", Helvetica, Arial, serif; font-weight: 700;
+		 text-shadow: 1px 1px 2px white;}
 
-h1 { margin-bottom : .5em; font-size : 3em; /* 48 / 16 = 3 */ line-height : 1.2; font-weight: 900; text-align: center; }
+h1 { margin-bottom: .1em; font-size: 3em; /* 48 / 16 = 3 */ line-height: 1.2; font-weight: 900; text-align: center; width: 100%; }
 h1:before { content: ''; display: block; height: 130px; font-size: 3em; margin-top: 0; text-align: center; 
 						background: url(../img/m/danbarberlogo.png) center center no-repeat; background-size: 95px; }
 
-h2 { margin-bottom : .75em; font-size : 2em; /* 36 / 16 = 2 */ line-height : 1.2; text-align: center; }
+h2 { margin-bottom: .75em; font-size: 1.7em; /* 36 / 16 = 2 */ line-height: 1.2; text-align: center; color: #464646; }
 
-h3 { text-transform: uppercase; margin-bottom : 1em; font-size : 1.5em; /* 24 / 16 = 1.5 */ line-height : 1.3; }
+h3 { text-transform: uppercase; margin-bottom: 1em; font-size: 1.4em; /* 24 / 16 = 1.5 */ line-height: 1.3; }
 
-h4 { margin-bottom : 0.25em; font-size : 1.25em; /* 20 / 16 = 1.25 */ line-height : 1.25; font-weight: 500; }
+h4 { margin-bottom: 0.75em; margin-top: 1.7em; font-size: 1.2em; /* 20 / 16 = 1.25 */ line-height: 1.25; font-weight: 500; }
 
 h5 { margin-bottom: 1.5em; font-size: 1em; /* 16 / 16 = 1 */ }
 
@@ -110,12 +111,12 @@ ol,
 ul, 
 dl, 
 address { 
-margin-bottom : 1.5em; 
+margin-bottom: 0.75em; 
 font-size: 1em; /* 16 / 16 = 1 */ }
 
 ul, 
 ol { 
-margin : 0 0 1.5em -24px; 
+margin: 0 0 0 -24px; 
 padding-left: 24px; }
 
 ul { 
@@ -129,7 +130,7 @@ li ol {
 margin: 0;
 font-size: 1em; /* 16 / 16 = 1 */ }
 
-section { border-top: 2px solid black; padding-top: 1em; margin-top: 0.5em; }
+section { border-top: 2px solid black; padding-top: 1em; margin-bottom: 2em; }
 
 section ul, section ol { list-style: none; }
 
@@ -424,8 +425,8 @@ page-break-after : avoid; }
 /* 1.ROOT */
 body { font-size: 1.05em; }
 /* 2.HEADINGS */
-h1 { margin-top: 0.5em; text-align: left; }
+h1 { margin-top: 0.5em; text-align: left; margin-bottom: 0; }
-h1:before { float: right; font-size: 2em; width: 130px; background-size: 50%; background-position: top center; position: relative; top: 0em; text-align: right; margin-bottom: -0.5em; }
+h1:before { float: right; font-size: 2em; width: 130px; background-size: 60%; background-position: top center; position: relative; top: 0em; text-align: right; margin-bottom: -0.5em; }
 h2 { text-align: left; }
 /* 3.TYPOGRAPHY */
 /* 4.LINKS */
@@ -451,8 +452,9 @@ h2 { text-align: left; }
 /* 1.ROOT */
 body { font-size: 1.1em; }
 /* 2.HEADINGS */
-h1 { font-size: 5em; margin-bottom: 0.25em; }
+h1 { font-size: 5em; margin-bottom: 0em; }
 h1:before { background-size: 100%; background-position: top center; position: relative; top: 0em; }
+h2 { font-size: 2em; }
 /* 3.TYPOGRAPHY */
 /* 4.LINKS */
 /* 5.FIGURES & IMAGES */

index.html

@@ -67,13 +67,14 @@ URL: http://stuffandnonsense.co.uk/projects/320andup
   <div id="page">
 
     <header role="banner" class="clearfix">
-      <h1>Dan Barber</h1>
+      <h1 id="main_heading">Dan Barber</h1>
       <h2>Web Designer &amp;&nbsp;Developer</h2>
     </header>
 
     <div class="content clearfix">
 
     <div role="main">
+      <div class="clearfix">
         <section id="profile">
           <h3>Profile</h3>
           <p>I have 11 years of experience building web sites and web applications, from small simple services to large enterprise level systems. I focus on simple, usable interfaces and prefer to work by prototyping ideas.</p>
@@ -153,6 +154,7 @@ URL: http://stuffandnonsense.co.uk/projects/320andup
             </li>
           </ul>
         </section>
+      </div>
       
       <section id="portfolio">
         <h3>Portfolio</h3>

js/plugins.js

@@ -112,3 +112,40 @@ if(this.console) console.log( Array.prototype.slice.call(arguments) );
 	});
 
 }(jQuery));
+
+/*global jQuery */
+/*!	
+* FitText.js 1.0
+*
+* Copyright 2011, Dave Rupert http://daverupert.com
+* Released under the WTFPL license 
+* http://sam.zoy.org/wtfpl/
+*
+* Date: Thu May 05 14:23:00 2011 -0600
+*/
+
+(function( $ ){
+	
+	$.fn.fitText = function( kompressor ) {
+	
+			return this.each(function(){
+				var $this = $(this);                                     // store the object
+				var origFontSize = parseFloat($this.css('font-size'));   // init the font sizes
+				var compressor = kompressor || 1;                        // set the compressor
+
+        // Resizer() resizes items based on the object width divided by the compressor * 10
+				var resizer = function () {
+					$this.css('font-size', Math.min($this.width() / (compressor*10), origFontSize));
+				};
+
+				// Call once to set.
+				resizer();
+				
+				// Call on resize. Opera debounces their resize by default. 
+      	$(window).resize(resizer);
+      	
+			});
+
+	};
+
+})( jQuery );

js/script.js

@@ -7,3 +7,6 @@ viewportmeta.content = 'width=device-width, minimum-scale=0.25, maximum-scale=1.
 }, false);
 }
 }
+
+$(function() {
+});