body {
  background-color: #deeeff; color: #a1b9ca;
  margin: 0; padding: 0;
  line-height: 18px; font: 16px san-serif;
  overflow: hidden;
  min-width: 700px;
}

a, a:visited { color: #a1b9ca; text-decoration: none; }
a:hover { color: #648394; text-decoration: none; }

h1#title {
  text-indent: -900em; display: block;
  width: 450px; height: 380px;
  background: url(logo.png) no-repeat bottom;
  position: absolute; left: 50%; top: 50%;
  margin-left: -225px; margin-top: -190px;
}

ul#link-list, ul#old-link-list { list-style: none; }

li.link-item { position: absolute; left: 50%; top: 50%; }
li.link-item a {
  padding-left: 20px;
  background-image: url(icons_gray.png);
  background-repeat: no-repeat;
  height: 18px;
}
li.link-item a:hover { background-image: url(icons.png); }
li.link-item em { display: block; font-size: 90%; }
li.left-item { text-align: right; }
li.right-item { text-align: left; }

li#link-item-blog { margin-left: -320px; margin-top: -170px; }
li#link-item-lab { margin-left: -320px; margin-top: -77px; }
li#link-item-down { margin-left: -370px; margin-top: -25px; }
li#link-item-old { margin-left: -330px; margin-top: 40px; }
li#link-item-wiki { margin-left: 180px; margin-top: -170px; }
li#link-item-sina { margin-left: 160px; margin-top: -128px; }
li#link-item-youku { margin-left: 175px; margin-top: -83px; }
li#link-item-uushare { margin-left: 166px; margin-top: -42px; }
li#link-item-douban { margin-left: 190px; margin-top: -2px; }
li#link-item-wakoopa { margin-left: 180px; margin-top: 45px; }
li#link-item-gmail { margin-left: 188px; margin-top: 88px; }

li#link-item-blog a { background-position: 0 0px; }
li#link-item-lab a { background-position: 0 -18px; }
li#link-item-down a { background-position: 0 -36px; }
li#link-item-old a { background-position: 0 -198px; }
li#link-item-wiki a { background-position: 0 -54px; }
li#link-item-sina a { background-position: 0 -234px; }
li#link-item-youku a { background-position: 0 -72px; }
li#link-item-uushare a { background-position: 0 -90px; }
li#link-item-douban a { background-position: 0 -108px; }
li#link-item-wakoopa a { background-position: 0 -126px; } 
li#link-item-gmail a { background-position: 0 -144px; }

ul#old-link-list { display: none; }

li#link-item-mondialogo { margin-left: -340px; margin-top: -150px; }
li#link-item-earthquake { margin-left: -350px; margin-top: -70px; }
li#link-item-haiti { margin-left: -360px; margin-top: 0px; }
li#link-item-return { margin-left: 160px; margin-top: 55px; }

li#link-item-mondialogo a { background-position: 0 -180px; }
li#link-item-earthquake a { background-position: 0 -162px; }
li#link-item-haiti a { background-position: 0 -252px; }
li#link-item-return a { background-position: 0 -216px; }

div#footer {
  position: absolute; bottom: 0; width: 100%; height: 20px;
  border-top: 4px solid #c6def7; background-color: #cce5ff;
  font-size: 70%; line-height: 1.5em;
}

#footer div { margin: 0 10px; }
.alignleft { float: left; }
.alignright { float: right; }

#preload { display: none; background-image: url(icons.png); }