@import "profile.css";
@import "schedule.css";
@import "disco.css";
@import "blog.css";
@import "link.css";
@import "mail.css";

body,html,div {
  margin: 0;
  padding: 0;
}
body,html,div,td,th,p {
  font-size: 12px;
}
html, body {
  height: 100%;
}
body {
  background: white url(common/background.gif) repeat-y 0 0;
}
div.wrapper {
  min-height: 100%;
  height: auto !important;
  height; 100%;
  margin: 0 0 -18px 0;
}
div.footer, div.push {
  margin: 0;
  font-size: 12px;
  height: 18px;
  text-align: right;
  color: #666;
  line-height: 1;
  width: 800px;
}
div.footer {
  padding-right: 4px;
}
div.sidebar {
  position: absolute;
  left: 0;
  top: 0;
}
div.contents {
  margin-left: 176px;
  margin-top: 0;
}
h1 {
  margin: 0;
  padding: 0;
  height: 36px;
  background: url(common/title_bg.gif) repeat-x 0 0;
}
h1 span {
  margin: 0;
  padding: 0;
  text-indent: -10000px;
  background-position: 0 0;
  background-repeat: no-repeat;
  display: block;
  width: 100%;
  height: 36px;
}
h1.profile span { background-image: url(title/profile.gif); }
h1.schedule span { background-image: url(title/schedule.gif); }
h1.blog span { background-image: url(title/blog.gif); }
h1.disco span { background-image: url(title/disco.gif); }
h1.link span { background-image: url(title/link.gif); }
h1.mail span { background-image: url(title/mail.gif); }

div#profile,
div#schedule,
div#disco, 
div#blog,
div#link,
div#mail {
  margin: 6px;
  width: 620px;
}

div#title {
  width: 176px;
  height: 253px;
  text-indent: -10000px;
  background: url(common/title.jpg) no-repeat 0 0;
}

ul#menu {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

ul#menu li a {
  display: block;
  margin: 0 0 2px 0;
  width: 175px;
  height: 38px;
  text-indent: -1000px;
  background: url(common/menu.gif) no-repeat 0 0;
}

ul#menu li.profile a { background-position: 0 0; }
ul#menu li.schedule a { background-position: 0 -40px; }
ul#menu li.disco a { background-position: 0 -80px; }
ul#menu li.blog a { background-position: 0 -120px; }
ul#menu li.link a { background-position: 0 -160px; }
ul#menu li.mail a { background-position: 0 -200px; }
ul#menu li.top a { background-position: 0 -240px; }

div.topcomment {
  margin: 10px 0;
  padding-bottom: 10px;
  border-bottom: 2px solid #C29AA4;
  text-align: left;
}

img.right {
  float: right;
  margin: 0 0 6px 6px;
}
img.left {
  float: right;
  margin: 0 6px 6px 0;
}