html, body{ font-family:"Myriad Pro","Segoe UI",Helvetica, Arial, sans-serif;}

/* global styles */
h2{font-size:3em;letter-spacing:-1px;font-weight:normal;}
.unit{display:block;margin:1em 0}
/* global styles end */

.whoami{ float:left; font-size:5em; letter-spacing:-5px;  word-spacing:10px; font-style:italic; font-weight:bold; }

.menu{ text-align:center; padding-top:43px; float:right; }
    .menu a{ float:left; font-size:25px; font-weight:normal; letter-spacing:-1px; padding:1px 15px 2px; text-decoration:none}
    .menu a:hover{ text-decoration:none; }

#content{margin: 0 auto; width: 720px; _text-align:left;}
    #content .floated{ float:left; clear:both; }
    #content p{ display:block; font-size:1.3em; text-align:justify; }
    #content span img { margin:15px 20px 5px 0; }

.module1 { margin:20px auto; width:94%; padding:2%; }
    .module1 span { font-size:1.2em; }

.module2 { display:inline-block; float:left; overflow:hidden; }
.module2:hover{  }
    .module2 span { font-size:14px; padding:5px 0; }

.workthumbnail { height:196px; margin:1%; padding:1%; width:29%; }
    .workthumbnail a{display: block;overflow: hidden;position: relative;width: 209px;text-decoration: none}
    .workthumbnail a:hover{ text-decoration:none; }
    .workthumbnail a:hover span{ display:block; }
    .workthumbnail img{}
    .workthumbnail .title{display: block;font-size: 14px;font-weight: normal;line-height: 13px;padding: 4% 2%;width: 96.5%;}
    .workthumbnail .description{ bottom:0; display:none; font-size:14px; font-weight:normal; left:0; line-height:13px; padding:4% 2%; position:absolute; width:96.5%;}

 .networks{margin: 2em 0;text-align: center;}
    .networks .item{background: url("sprite1.png") no-repeat scroll 0 0 transparent;display: inline-block;height: 43px;margin: 0 5px;width: 44px;}
    .networks .item a{display: inline-block;height: 0;overflow: hidden;padding-top: 43px;width: 100%;}
    .networks .i_flickr { background-position:-114px 0; }
    .networks .i_lastfm { background-position:-1px 0; }
    .networks .i_facebook { background-position:-58px 0; }
    .networks .i_twitter { background-position:-227px 0; }
    .networks .i_linkedin { background-position:-171px 0; }

/*
 * Media queries for responsive design
 * These follow after primary styles so they will successfully override.
 */

@media all and (orientation:portrait) {
  /* Style adjustments for portrait mode goes here */

}

@media all and (orientation:landscape) {
  /* Style adjustments for landscape mode goes here */

}

/* Grade-A Mobile Browsers (Opera Mobile, iPhone Safari, Android Chrome)
   Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
@media screen and (max-device-width: 480px) {


  /* Uncomment if you don't want iOS and WinMobile to mobile-optimize the text for you
     j.mp/textsizeadjust
  html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */
}