/* various */
body {
  font: 12px "Lucida Sans Unicode";
  background-image: url("images/bg.gif");
  margin: 30px 0;
  text-align: center;
}
p, form {
  margin: 0;
}
img {
  border: 0;
}
.clear {
  font-size: 1px;
  clear: both;
}
/* table {
  width: 100%;
  border-collapse: collapse;
} */
#page {
  margin-bottom: 20px;
}

/* header */
#head {
  background: url("images/head_right.gif") no-repeat right top;
  height: 120px;
}
h1 {
  margin: 0;
}

/* base */
#test {
  width: 712px; 
  color: #000;
  background: url("images/left.gif") repeat-y left #fff;
  margin: auto;
  text-align: left;
}
#base {
  background: url("images/right.gif") repeat-y right;
  padding: 0 12px 0 12px;
}
#left {
  width: 200px;
  float: left;
}
#right {
  width: 482px;
  margin-left: 6px;
  float: left;
}

/* footer */
#foot {
  background-image: url("images/foot_bg.gif");
  height: 49px;
}

/* box */
.box {
  color: #fff;
  background-color: #7dcaeb;
  margin-bottom: 6px;
}
h2 {
  font-size: 12px;
  font-weight: normal;
  background: url("images/box_up.gif") no-repeat top;
  margin: 0 0 14px 0;
  padding: 10px 0 0 10px;
}
.sex {
  background: url("images/box_down.gif") no-repeat bottom;
  padding: 0 10px 10px 10px;
} 
.box input, .box textarea {
  font: 12px "Lucida Sans Unicode";
  border: 1px solid #53b9e4;
  color: #000;
  background-color: #edf8fc;
}
.box a:link, .box a:visited, .box a:active {
  color: #fff;
  background-color: #7dcaeb;
  text-decoration: none;
}
.box a:hover {
  color: #1C87B5;
  background-color: #fff;
}

/* menu */
#menu {
  margin: 0;
  padding: 0;
  list-style: none;
}
#menu li {
  margin: 0 0 6px 0;
  padding: 0 0 6px 0;
  border-bottom: 1px solid #acddf1;
}
#menu a:hover {
  padding-left: 10px;
  color: #fff;
  background-color: #7dcaeb;
}

/* poll */
#poll dt {
  margin-bottom: 15px;
  text-align: center;
}
#poll dd {
  margin: 0 0 6px 0;
}
#poll caption {
  padding-bottom: 20px;
  text-align: left;
}

/* news */
.news {
  border-bottom: 1px solid #eee;
  margin: 0 0 20px 0;
  padding: 0 0 20px 0;
}

/* content */
.content {
  min-height: 100px;
  background: url("images/content_bg.gif") no-repeat left top;
  padding: 5px 10px 0 10px;
}
h3 {
  font-size: 12px;
  font-weight: normal;
  color: #fff;
  background-color: #;
  margin: 0 0 14px 0;
}
.content a:link, .content a:visited, .content a:active {
  color: #000;
  background-color: ;
  text-decoration: none;
}
.content a:hover {
  color: #fff;
  background-color: #000;
}
* html .content {
  height: 100px;
}

/* pics */
.cat {
  border-bottom: 1px solid #ccc;
  margin-bottom: 10px;
  padding: 0 0 10px 56px;
}
.cat img {
  position: absolute;
  margin-left: -56px;
}
#pics td {
  width: 154px;
  padding-bottom: 6px;
  text-align: center;
}
#pics {
  margin-bottom: 10px;
}

/* anecdote */
.anecdote {
  border-bottom: 1px solid #ccc;
  margin-bottom: 20px;
  padding-bottom: 20px;
}

/* video */
.video {
  border-bottom: 1px solid #ccc;
  margin-bottom: 10px;
  padding: 0 0 10px 110px;
}
.video img {
  position: absolute;
  margin-left: -110px;
}

/* chat */
#chat {
  position: absolute;
  top: 0;
  left: 0;
  text-align: left;
}