body, header, html, h1, h2, li, section, ul{font-size:100%;font-weight:normal;margin:0;padding:0;text-shadow:2px 1px 2px #000}header, section{display:block}ul{list-style:none}a, input{outline:0}img{border:0}.left{float:left}.right{float:right}.clearfix:after{clear:both;content:".";display:block;height:0;visibility:hidden}body{background:url("../i/stars.gif") repeat #000;color:#fff;font:12px"Lucida Grande","Helvetica Neue", Helvetica, Arial, sans-serif;text-shadow:0 1px 1px #000}a{color:#4495CC;text-decoration:none}a:hover{text-decoration:underline;color:#4495CC}h1{font-size:18px;font-weight:bold;margin:0 0 5px 0}h2{font-size:14px}#wrapper{background:url("../i/wrapper_bg.png") no-repeat 0 107px;height:470px;left:50%;margin:-150px 0 0 -270px;position:absolute;top:30%;width:501px}header{left:83px;position:relative;top:35px;width:340px}.details{left:83px;position:absolute;width:340px;bottom:125px}.details ul li{margin-bottom:5px}.details .personal{float:left}.details .work{float:right;margin-right:7px}span.amp{font-family:Baskerville,"Goudy Old Style","Book Antiqua","Palatino Linotype","Times New Roman", serif;font-size:1.2em;font-style:italic;font-weight:normal;position:relative;bottom:-.1em}#tagline{position:relative;top:210px;text-align:center}#linkTip{position:absolute;background:url(/i/title-image.png) no-repeat right bottom;padding:0 10px 3px 0}#linkTip.top{background:url(/i/title-image-top.png) no-repeat right top}#linkTip #linkTipInner{background:#000;border:5px solid #000;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;-khtml-border-radius:8px;width:150px;color:#FFF;padding:0 5px}#linkTip h3, #linkTip p{margin:0 0 5px;text-indent:0}#mytweet { line-height: 20px}#twitterFeeds .twitDiv { margin: -15px 0 0 0}.triangle-border {position:relative;padding:12px 15px 15px 74px;margin:1em 0 3em;border:1px solid #cdcdcd;color:#FFF;width: 426px;height: 38px;margin-left: auto; margin-right: auto; background: url(../i/tbubble.png) no-repeat 6px #242424;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px}.triangle-border:before {content:"\00a0";display:block; position:absolute;bottom:-40px; left:367px; width:0;height:0;border:20px solid transparent;border-top-color:#cdcdcd}.triangle-border:after {content:"\00a0";display:block; position:absolute;bottom:-37px; left:368px; width:0;height:0;border:19px solid transparent;border-top-color:#242424}#chickadimus {position: absolute;top: 0;right: 0;background: url(../i/chickadimus.png) no-repeat;width: 174px;height: 194px;z-index: 1000;position:fixed}#algo {position: absolute;top: 0;right: 0;background: url(../i/algo.png) no-repeat;width: 174px;height: 194px;z-index: 1000;position:fixed}#nominee {position: absolute;top: 280px;right: 0;background: url(http://ljohn.net/css-design-award-nominee.png) no-repeat;width: 69px;height: 164px;z-index: 1000;position:fixed;}#rocket {position:relative;bottom:-280px;background:url(../i/rocket.png)repeat-x;height:18px}#satelite {margin-top:170px;background:url(../i/satelite.png)repeat-x;height:37px}#jupiter {position:relative;top:20px;background:url(../i/jupiter.png)repeat-x;height:35px}#earth {margin-top:30px;background:url(../i/earth.png)repeat-x;height:91px}#deathstar {margin-top:40px;background:url(../i/deathstar.png)repeat-x;height:27px}#iphone{background:url(../i/me-space.gif) no-repeat;width:300px;height:300px;position:absolute;bottom:0;left:0}#keyboard{background:url(../i/moon.png) no-repeat;width:245px;height:245px;position:absolute;bottom:0;right:0}#container {clear: both;margin: 0;padding: 0;}#container a{float: right;background: #9FC54E;border:1px solid #cdcdcd;-moz-border-radius-topright: 20px;-webkit-border-top-right-radius: 20px;-moz-border-radius-bottomleft: 20px;-webkit-border-bottom-left-radius: 20px;text-decoration: none;font-size: 16px;letter-spacing:-1px;font-family: verdana, helvetica, arial, sans-serif;color:#fff;padding: 20px;font-weight: 700;}#container a:hover{float: right;background: #a0a0a0;border:1px solid #cdcdcd;-moz-border-radius-topright: 20px;-webkit-border-top-right-radius: 20px;-moz-border-radius-bottomleft: 20px;-webkit-border-bottom-left-radius: 20px;text-decoration: none;font-size: 16px;letter-spacing:-1px;font-family: verdana, helvetica, arial, sans-serif;color:#fff;padding: 20px;font-weight: 700;}.content {font-style:normal;font-family:helvetica, arial, verdana, sans-serif;color:#ffffff;background:#333333;border:1px solid #cdcdcd;-moz-border-radius-topright: 20px;-webkit-border-top-right-radius: 20px;-moz-border-radius-bottomleft: 20px;-webkit-border-bottom-left-radius: 20px;margin: 30px 0 50px;padding: 15px 0;}.content p {margin: 10px 0;padding: 15px 20px;}.panel {position: absolute;top: 20px;left: 0;display: none;background: #191919;border:1px solid #cdcdcd;-moz-border-radius-topright: 20px;-webkit-border-top-right-radius: 20px;-moz-border-radius-bottomright: 20px;-webkit-border-bottom-right-radius: 20px;width: 150px;height: auto;padding: 30px 30px 30px 110px;filter: alpha(opacity=100);opacity: 1;}.panel p{margin: 0 0 15px 0;padding: 0;color: #fff;}a.trigger{position: absolute;text-decoration: none;top: 30px; left: 0;font-size: 16px;letter-spacing:-1px;font-family: verdana, helvetica, arial, sans-serif;color:#fff;padding: 20px 40px 20px 15px;font-weight: 700;background:#242424 url(../i/plus.png) 85% 55% no-repeat;border:1px solid #cdcdcd;-moz-border-radius-topright: 20px;-webkit-border-top-right-radius: 20px;-moz-border-radius-bottomright: 20px;-webkit-border-bottom-right-radius: 20px;-moz-border-radius-bottomleft: 0px;-webkit-border-bottom-left-radius: 0px;display: block;}a.trigger:hover{position: absolute;text-decoration: none;top: 30px; left: 0;font-size: 16px;letter-spacing:-1px;font-family: verdana, helvetica, arial, sans-serif;color:#fff;padding: 20px 40px 20px 20px;font-weight: 700;background:#222222 url(../i/plus.png) 85% 55% no-repeat;border:1px solid #cdcdcd;-moz-border-radius-topright: 20px;-webkit-border-top-right-radius: 20px;-moz-border-radius-bottomright: 20px;-webkit-border-bottom-right-radius: 20px;-moz-border-radius-bottomleft: 0px;-webkit-border-bottom-left-radius: 0px;display: block;}a.active.trigger {background:#222222 url(../i/minus.png) 85% 55% no-repeat;}.w3{position: relative;text-align:center; margin-top:300px; margin-left:20px;}@media screen and (max-device-width: 320px) {body { -webkit-text-size-adjust:none; font-family:Helvetica, Arial, Verdana, sans-serif;width:auto;}#iphone{background:url(../i/me-space.gif) no-repeat;width:300px;height:300px;position:absolute;bottom:0;left:-50px}}