@import url("reset.css");

html, body{ font-family:"Myriad Pro","Segoe UI",Helvetica, Arial, sans-serif;}
.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; }
.menu a:hover{ text-decoration:none; }

.content{margin: 0 auto; width: 800px; _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:169px; margin:1%; padding:1%; width:29%; } 
.workthumbnail a{ display:block; position:relative; width:222px; }
.workthumbnail a:hover{ text-decoration:none; }
.workthumbnail a:hover span{ display:block; }
.workthumbnail span{ bottom:0; display:none; font-size:14px; font-weight:normal; left:0; line-height:13px; padding:4% 2%; position:absolute; width:96.5%;}

.networks .item{ background:url("sprite1.png") no-repeat; float:left; width:78px; height:82px; margin:0 13px 13px 5px; display:inline; }
.networks .item a{ display:inline; width:74px; padding-top:78px; float:left; overflow:hidden; height:0; }
.networks .item_00 { background-position:-2px 0; }
.networks .item_01 { background-position:-110px 0; } 
.networks .item_02 { background-position:-218px 0; } 
.networks .item_03 { background-position:-336px 0; } 
.networks .item_04 { background-position:-445px 0; } 
.networks .item_05 { background-position:-560px 0; }
.networks span { display:none; float:left; clear:both; padding:0 1em; }
.networks span a{ font-size:3em; }