<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>Richard Oakley</title>

    <meta name="font:Body" content="'Helvetica Neue', Arial, Helvetica, sans-serif"/>

    <meta name="description" content="Media guy and full-time geek."/>
    <style type="text/css">
      html, body, div, span, object, iframe,
      h1, h2, h3, h4, h5, h6, p, blockquote, pre,
      a, abbr, acronym, address, b, cite, code,
      del, dfn, em, i, img, ins, kbd, q, samp,
      strike, strong, tt, var,
      dl, dt, dd, ol, ul, li,
      fieldset, form, label, legend,
      table, caption, tbody, tfoot, thead, tr, th, td
          {margin: 0; padding: 0; border: 0; outline: 0; font-size: inherit;
           line-height: inherit; vertical-align: baseline; background: transparent;}
      html {font-size:100.01%;}
      caption, cite, code, dfn, th, var {font-style: normal; font-weight: normal;}
      h1, h2, h3, h4, h5, h6 {font-weight: normal;}
      blockquote, q {quotes: none;}
      blockquote:before, blockquote:after, q:before, q:after {content: '';}
      :focus {outline: 0;}
      ins {text-decoration: underline;}
      del {text-decoration: line-through;}
      a {text-decoration: none;}

      html {background-color: #fff;}
      body {font: 12pt/18pt 'Helvetica Neue', Arial, Helvetica, sans-serif; background-color: #fff; color: #444;}

      #body {background-color: #fff; padding: 1.5em 0.25em;}
      #content {position: relative; width: 500px; margin: 0 auto;}

      h1 {font-size: 2.5em; line-height:1; padding:0.25em 0 0; text-align:left;}
      h1 a {color: #444; padding: 0; font-weight: bold;}

      h2 {font-size: 1.5em; line-height:1; padding:0.25em 0 2.5em; text-align:left; }
      
      h2, h3 {line-height: 18pt;}
      p, pre, ul, ol, blockquote, form {margin: 9pt 0 18pt; line-height: 18pt;}
      blockquote {padding-left: 1em; margin-left: 2pt; border-left: 0.25em solid #bbb;}
      pre {overflow-x: auto; font-size: 11pt;}
      sup, sub {height: 0; line-height: 1; vertical-align: baseline; _vertical-align: bottom; position: relative;}
      sup {bottom: 0.5ex;}
      sub {top: 0.5ex;}
      sup a {font-weight: normal !important; padding: 0 1px;}
      hr {height: 0; margin: 0 0 18pt; border: solid #bbb; border-width: 2pt 0 0;}

      .icons ul {
        list-style: none;
        vertical-align: middle;
      }

      .icons li {
        padding-left: 0px;
        padding-right: 20px;
        display: inline;
      }

      
    </style>

    <script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-9223917-12']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

</script>
</head>
  <body>
    <div id="body">
      <div id="content">

<h1><a href="/">Richard Oakley</a></h1>
<h2>Media guy and full-time geek.</h2>


<ul id="posts">
  
        <div class="icons">
        <ul>
          <li><a href="http://posts.richoakley.com"><img src="icons/livejournal.svg" height="60" width="60" id="posts_icon" /></a></li>
          <li><a href="http://twitter.com/richoakley"><img src="icons/twitter_alt.svg" height="60" width="60" id="tweets_icon" /></a></li>
          <li><a href="http://tumblr.richoakley.com"><img src="icons/tumblr.svg" height="60" width="60" id="bookmarks_icon" /></a></li>          
          <li><a href="http://pinboard.in/u:richoakley"><img src="icons/pinboard.in.svg" height="60" width="60" id="bookmarks_icon" /></a></li>
          <li><a href="http://www.linkedin.com/in/richoakley"><img src="icons/linkedin.svg" height="60" width="60" id="resume_icon" /></a></li>
          <!--<li><img src="icons/github_alt.svg" height="60" width="60" /></li>--> 
          <!--<li><img src="icons/last.fm.svg" height="60" width="60" /></li>-->
        </ul>
      </div>
  
</ul>



      </div>
    </div>

    
</body>
</html>