html, body {padding:0; margin:0; width:100%; height:100%;}
body {font:0.75em/1.2 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif;
      background:url("../i/bg.gif"); color:#fff;}
a {color:#fff;}

.clear-l {clear:left;}

.header-font, h2 {font:1.2em 'Myriad Pro', Myriad, 'Gill Sans', 'Frutiger Linotype', 'Helvetica Neue', sans-serif;}
.console-font {font:1em Monaco, Consolas, 'Lucida Console', 'Helvetica Neue', 'Courier New', Courier;}

#header {width:100%; height:2em; background:#000; position:absolute; border-bottom:2px solid #444;}
#content {background:url("../i/bg-light.jpg") no-repeat; height:100%;}

.hithere {padding:10% 0 0 0; text-align:center;}
.hithere .email {font-size:2em; background:#d00; padding:.3em .5em; text-shadow:0px -1px 1px #c30000;
                 border-bottom:1px solid #900;}
.hithere .email:hover {background:#c00;}
.hithere .contacts li {margin-top:.3em;}
.hithere .contacts {font-size:1.1em; list-style-type:none; padding:0; margin:1em 0 0 0;
                    text-shadow:0px 1px 1px #700; color:#eee;}
.hithere .contacts span {color:#ef7a7a;}
.hithere .contacts .about {font-size:.9em; margin-bottom:.7em;}

.links {list-style-type:none; display:block; text-align:center; margin:3em auto 0 auto; 
        font-size:1.4em; padding:0; width:40%;}
.links li {display:inline-block; display:-moz-inline-stack; vertical-align:top; zoom:1; *display:inline;
           margin:.6em .5em;}
.links a {text-decoration:none; border-bottom:1px solid #666; background:#333 .5ex center no-repeat; padding:.2em .3em;
          text-shadow:0px 1px 1px #000;}
.links a:hover {border-color:#333; background-color:#ccc; color:#000; text-shadow:0px 1px 1px #fff;}
.links .icon {padding-left:3ex;}
.links .icon.rsa {background-image:url(../i/icons/rsa.png);}
.links .icon.linkedin {background-image:url(../i/icons/linkedin.png);}
.links .icon.flickr {background-image:url(../i/icons/flickr.png);}
.links .icon.delicious {background-image:url(../i/icons/delicious.png);}
.links .icon.google {background-image:url(../i/icons/google.png);}
.links .icon.friendfeed {background-image:url(../i/icons/friendfeed.png);}
.links .icon.lastfm {background-image:url(../i/icons/lastfm.png);}
.links .icon.myopenid {background-image:url(../i/icons/myopenid.png);}
.links .icon.slideshare {background-image:url(../i/icons/slideshare.png);}
.links .icon.reddit {background-image:url(../i/icons/reddit.png);}
.links .icon.vimeo {background-image:url(../i/icons/vimeo.png);}
.links .icon.youtube {background-image:url(../i/icons/youtube.png);}
.links .icon.dopplr {background-image:url(../i/icons/dopplr.png);}
.links .icon.tumblr {background-image:url(../i/icons/tumblr.png);}
.links .icon.stackoverflow {background-image:url(../i/icons/stackoverflow.png);}
.links .icon.sourceforge {background-image:url(../i/icons/sourceforge.png);}
.links .icon.technorati {background-image:url(../i/icons/technorati.png);}
.links .icon.digg {background-image:url(../i/icons/digg.png);}
.links .icon.facebook {background-image:url(../i/icons/facebook.png);}
.links .icon.twitter {background-image:url(../i/icons/twitter.png);}
.links .icon.github {background-image:url(../i/icons/github.png);}
.links .icon.github:hover {background-image:url(../i/icons/github-a.png);}

.blogs {width:60%; margin:6em auto 0 auto; text-shadow:0px -1px 1px #333; padding:0 0 0 3%;}
.blogs h2 {font-weight:normal; font-size:2em; margin:0 0 .5em 0; color:#eee;}
.blogs .message {font-size:1.2em; line-height:1.4em; overflow:hidden; color:#e3cdc7; }
.blogs a {color:#f4ebe9;}
.blogs a:hover {color:#f8cbad;}
.blogs .column {width:44%; float:left;}
.blogs .column.twitter {margin:0 0 0 5%;}
.blogs .column.blog {margin:0 5% 0 0;}
.blogs h2 {padding:0 0 0 2.5ex; margin-left:-2.5ex;}
.blogs .twitter h2 {background:url(../i/icons/twitter.png) .5ex center no-repeat;}
.blogs .blog h2 {background:url(../i/icons/rss.png) .5ex center no-repeat;}