From 14a88ef2d74f951aad8e371d4ac6500219065aca Mon Sep 17 00:00:00 2001
From: Jim Myhrberg <contact@jimeh.me>
Date: Thu, 28 Jan 2010 18:39:21 +0200
Subject: [PATCH] updated about pay styling

---
 source/index.html             | 53 ++++++++++++++++++-----------------
 source/stylesheets/master.css | 35 ++++++++---------------
 2 files changed, 39 insertions(+), 49 deletions(-)

diff --git a/source/index.html b/source/index.html
index bcf21f9..ac93592 100644
--- a/source/index.html
+++ b/source/index.html
@@ -7,31 +7,34 @@ title: jimeh / about
 	<h4 class="thin">
 		Hi, my name is <strong>Jim Myhrberg</strong>.<br />
 	</h4>
-	<p class="info">
+	<p class="description">
 		I'm a freelance web-developer / designer, and every morning I sprinkle
-		a little <em>insanity</em> over my breakfast bowl of <em>creativity</em>.
+		a little bit of insanity over my breakfast bowl of creativity and inspiration.
 	</p>
-	<dl>
-		<dt>email</dt>
-		<dd><script type="text/javascript">document.write(
-	"<n uers=\"znvygb:pbagnpg\100wvzru\056zr\">pbagnpg\100wvzru\056zr<\057n>".replace(/[a-zA-Z]/g, function(c){return String.fromCharCode((c<="Z"?90:122)>=(c=c.charCodeAt(0)+13)?c:c-26);}));
-	</script></dd>
-		<dt>misc.</dt>
-		<dd>
-			<a href="http://twitter.com/jimeh">twitter</a>,
-
-			<a href="http://github.com/jimeh">github</a>,
-			<a href="http://www.facebook.com/jimeh">facebook</a>,
-			<a href="http://www.linkedin.com/in/jimmyhrberg">linkedin</a>,
-			<a href="http://www.flickr.com/photos/jimeh/">flickr</a>,
-			<a href="http://www.last.fm/user/jimeh">last.fm</a>,
-			<a href="http://delicious.com/jimeh">del.icio.us</a>,
-			<a href="http://jimeh.deviantart.com">deviantart</a>,
-			<a href="http://www.google.com/search?q=jimeh%20%22Jim%20Myhrberg%22">google</a>.
-		</dd>
-		<dt>vcard</dt>
-		<dd><a href="/vcard">download</a></dd>
-		<dt><a href="resume">resume</a></dt>
-		<dd><a href="resume/jim-myhrberg-resume.pdf">pdf</a> / <a href="resume/jim-myhrberg-resume.doc">doc</a></dd>
-	</dl>	
+	<table class="info" border="0" cellspacing="0" cellpadding="0">
+		<tr>
+			<td class="label">email</td>
+			<td><script type="text/javascript">document.write(
+		"<n uers=\"znvygb:pbagnpg\100wvzru\056zr\">pbagnpg\100wvzru\056zr<\057n>".replace(/[a-zA-Z]/g, function(c){return String.fromCharCode((c<="Z"?90:122)>=(c=c.charCodeAt(0)+13)?c:c-26);}));
+		</script></td>
+			<td class="label">vcard</td>
+			<td><a href="/vcard">download</a></td>
+			<td class="label"><a href="resume">resume</a></dt>
+			<td><a href="resume/jim-myhrberg-resume.pdf">pdf</a> / <a href="resume/jim-myhrberg-resume.doc">doc</a></td>
+		</tr>
+		<tr>
+			<td class="label"><a href="http://www.google.com/search?q=jimeh%20%22Jim%20Myhrberg%22">other</a></td>
+			<td colspan="5">
+				<a href="http://twitter.com/jimeh">twitter</a>,
+				<a href="http://github.com/jimeh">github</a>,
+				<a href="http://www.facebook.com/jimeh">facebook</a>,
+				<a href="http://www.linkedin.com/in/jimmyhrberg">linkedin</a>,
+				<a href="http://www.flickr.com/photos/jimeh/">flickr</a>,
+				<a href="http://www.last.fm/user/jimeh">last.fm</a>,
+				<a href="http://delicious.com/jimeh">del.icio.us</a>,
+				<a href="http://jimeh.deviantart.com">deviantart</a>
+				
+			</td>
+		</tr>
+	</table>
 </div>
diff --git a/source/stylesheets/master.css b/source/stylesheets/master.css
index ec6c927..0f4f9ba 100644
--- a/source/stylesheets/master.css
+++ b/source/stylesheets/master.css
@@ -1,4 +1,3 @@
-/* @override http://new.jimeh.meh/stylesheets/master.css */
 
 /* @group @font-face */
 
@@ -486,38 +485,26 @@ blockquote {
 
 #about {
 	width: 454px;
-	height: 210px;
+	height: 170px;
 	position: absolute;
 	top: 50%;
 	left: 50%;
-	margin-top: -105px;
+	margin-top: -150px;
 	margin-left: -228px;
 }
 	#about .info {
-		
+		color: #bbb;
+		margin: 0px auto;
+		/*width: 100%;*/
 	}
-
-/* @group #about dl */
-
-#about dl {
-		
-	}
-		#about dl dt {
-			color: #bbb;
-			float: left;
-			margin-right: 5px;
-			width: 50px;
+		#about .info .label {
 			text-align: right;
+			padding-right: 5px;
+			padding-bottom: 10px;
 		}
-		#about dl dt a {
-			color: #bbb;
-		}
-		#about dl dd {
-			color: #bbb;
-			margin-left: 55px;
-		}
-
-/* @end */
+			#about .info .label a {
+				color: #bbb;
+			}
 
 /* @end */