div#footer{position:absolute; bottom:0; left:0; width:100%; height:30px; background:url(images/footer-bar.gif) bottom repeat-x;
  padding:30px 0 0 50px; color:#333;}
 @media screen{
body>div#footer{position:fixed;}
 }
html body{overflow:hidden;} 
html div#content{height:40px;}
html div#content h1 img{margin:0 0 0 50px;}
#mainbox {position:absolute; height:360px; width:580px; margin:-180px 0px 0px -290px; /*高 0 0 寬*/ top: 50%; left: 50%;
  text-align: left; padding: 0px; background:url(images/main-bg.jpg) center no-repeat; overflow: auto;}
  
#top-bar {background:url(images/top-bar.jpg) top repeat-x; height:25px; display:block; color:#fff; width:100%;}

#right {float:right; width:320px;}
#portfolio {float:right; margin:60px 20px 10px 0; *margin:60px 20px 10px 0!important; *margin:60px 10px 10px 0;}
#blog {float:right; margin:0px 20px 10px 0; *margin:0px 20px 10px 0!important; *margin:0px 10px 10px 0;}
#plurk {float:right; margin:0px 20px 10px 0; *margin:0px 20px 10px 0!important; *margin:0px 10px 10px 0;}

.pv {color:#453d2b; font-family:Verdana, Geneva, sans-serif; font-size:12px;text-decoration:none;}
.pv:link, .pv:visited{color:#453d2b; text-decoration:none; font-weight:bold;}
.pv:hover, .pv:active{color:#eb688e; text-decoration:none; font-weight:bold;}