html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,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:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}
 
body {
	background:#333 url(/images/focus.png) no-repeat 50% 60px;
	color:#555;
	margin:0;
	margin:2em auto;
	width:420px;
	font:13px/1.5em "Lucida Grande","Lucida Sans Unicode","Lucida Sans",Helvetica,Arial,sans-serif;
	overflow-y:scroll;
}

a { color:#32A6D6; text-decoration:none; }

#card { border:5px solid #4888B9; background:rgba(255,255,255,0.9); -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; }

#header { padding:1em 1em 0 112px; background:rgba(255,255,255,0.5); position:relative; }
#header:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
#header .avatar { float:left; margin:0 0 10px -100px; padding:0; border:4px solid rgba(0,0,0,0.1); -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }
#header .avatar:hover { border:4px solid rgba(0,0,0,0.15); }
#header h1 { font-weight:400; font-family:"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Helvetica,Arial,sans-serif; font-size:32px; line-height:1.2em; letter-spacing:-1px; margin:0 0 -2px; }
#header h1 a { color:#555; }
#header h1 a:hover { color:#999; }
#header h3 { font-weight:400; }

#nav { clear:both; background:rgba(255,255,255,0.5); }
#nav:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
#nav ul { list-style:none; margin:0; padding:0 1em; text-indent:0; text-transform:uppercase; }
#nav ul li { display:inline; }
#nav ul li a { float:left; border:1px solid rgba(255,255,255,0); padding:10px 20px; margin-right:6px; -moz-border-radius-topleft:6px; -moz-border-radius-topright:6px; -webkit-border-top-left-radius:6px; -webkit-border-top-right-radius:6px; border-top-left-radius:6px; border-top-right-radius:6px; }
#nav ul li a:hover,#nav a.active { background:rgba(255,255,255,0.8); border:1px solid rgba(255,255,255,0.5); color:#4888B9; }

#content { clear:both; padding:1em; overflow:hidden; }
#content a:hover { color:#000; }
#content a:active { outline:0; position:relative; top:1px; }
#content h2 { font-size:16px; color:#4888B9; background:rgba(255,255,255,0.5); border:1px solid rgba(255,255,255,0.5); margin:0.2em 0 1em; display:block; padding:10px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; font-weight:700; } 
#content h3 { font-size:14px; color:#4888B9; background:rgba(255,255,255,0.5); border:1px solid rgba(255,255,255,0.5); margin:0.2em 0 1em; display:block; padding:10px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; font-weight:400; } 
#content p { margin:0 0 1em; }
#content ul { margin:0 0 1em 0; }
#content ul li { clear:left; padding:0 0 8px 140px; }
#content ul li strong { color:#4888B9; float:left; font-weight:700; margin-left:-140px; }

#content ul.projects:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
#content ul.projects li { padding:0; }
#content ul.projects h4 { font-size:14px; margin-bottom:0.3em; font-weight:400; }
#content ul.projects img { float:left; background:rgba(255,255,255,0.8); border:1px solid rgba(255,255,255,0.5); margin:0.2em 1em 1em 0; display:block; padding:10px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }
#content ul.projects img:hover { background:rgba(255,255,255,0.5); }

#content ul.contact li strong { padding-left:23px; }
#content ul.contact li.aim { background:url(/images/icons/aim_16.png) no-repeat 0 2px; }
#content ul.contact li.email { background:url(/images/icons/email_16.png) no-repeat 0 2px; }
#content ul.contact li.googletalk { background:url(/images/icons/googletalk_16.png) no-repeat 0 2px; }
#content ul.contact li.skype { background:url(/images/icons/skype_16.png) no-repeat 0 2px; }

#content ul.networks { margin:0 0 3em; padding:0; }
#content ul.networks:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
#content ul.networks li { float:left; width:150px; padding:0 0 10px 40px; margin-bottom:10px; clear:none; }
#content ul.networks li a { font-size:12px; }
#content ul.networks li strong { font-size:13px; display:block; float:none; font-weight:700; margin:0; padding:0; }
#content ul.networks li.twitter { background:url(/images/icons/twitter_32.png) no-repeat 0 4px; }
#content ul.networks li.facebook { background:url(/images/icons/facebook_32.png) no-repeat 0 4px; }
#content ul.networks li.flickr { background:url(/images/icons/flickr_32.png) no-repeat 0 4px; }
#content ul.networks li.lastfm { background:url(/images/icons/lastfm_32.png) no-repeat 0 4px; }
#content ul.networks li.youtube { background:url(/images/icons/youtube_32.png) no-repeat 0 4px; }
#content ul.networks li.gowalla { background:url(/images/icons/gowalla_32.png) no-repeat 0 4px; }

#footer { background:rgba(255,255,255,0.5); clear:both; margin:1em 0 0; padding:1em; font-size:10px; }
#footer a:hover { color:#000; }
#footer p:first-child { margin-bottom:0.2em; font-size:11px; }