@charset "utf-8";

/* overwrite some properties */
#main
{
  background:url(images/main.png) top left no-repeat;
}
#main-inner
{
  padding:0px 41px 17px 34px;
}


/* styles inside #main-inner (not includes #main-inner) */

#focus-books
{
  width:950px;
  height:167px;
  background:url(images/main-focus-books.png) top left no-repeat;
  position:relative;
  overflow:hidden;
  
}
#focus-books img
{
  height:115px;
  width:82px;
  display:block;
  float:left;
  margin-left:20px;
  vertical-align:baseline;
  margin-top:10px;
  
}

#content
{
  margin:0px 17px 0 17px;
  background-color:#fef3d2;
  position:relative;
  top:17px;
}



#content-head
{
  background-color:#c12c2c;
  padding:5px;
  color:#FFFFFF;
}
#content-head h1
{
  padding-left:20px;
  font-size:19px;
  letter-spacing:2px;
  float:left;
  margin-top:10px;
  *margin-top:14px;
  width:550px;
}
#content-head h1 span.num
{
  letter-spacing:1px;
  font-size:11px;
  line-height:19px;
  font-weight:normal;
  padding-right:15px;
}
#content-head h1 span.sub
{
  letter-spacing:1px;
  font-size:15px;
  font-weight:normal;
  padding-left:25px;
}
#discuss-btn
{
  float:right;
  width:280px;
  margin-top:13px;
  margin-right:10px;
  *margin-right:-30px;
}
#discuss-btn li
{
  list-style:none;
  float:left;
  margin-left:10px;
}

#content-posts
{
  width:610px;
  min-height:666px;
  *min-height:696px;
  _height:696px;
  background-color:#fef3d2;
  margin-left:35px;
  margin-top:25px;
  position:relative;
}

.post-info
{
  width:610px;
}

img.book-cover
{
  display:block;
  float:left;
  width:100px;
  margin-right:18px;
}

.book-info
{
  width:450px;
  float:left;
  line-height:2;
  font-size:13px;
  color:#DC720C;
}

.post-content
{
  margin-top:30px;
  line-height:2;
  font-size:13px;
}



.post-reply
{
  width:645px; /*post-info's width + post-reply's margin-left*/
  margin:0 0 0 -35px;
  padding-bottom:60px;
}

.reply-head
{
  background-color:#fee7a5;
  height:44px;
  margin-top:60px;
}
.reply-head h4
{
  padding-left:20px;
  font-size:13px;
  line-height:22px;
  letter-spacing:2px;
  float:left;
  font-weight:normal;
  margin-top:10px;
  *margin-top:14px;
  width:360px;
}
.reply-head h4 span.num
{
  letter-spacing:1px;
  font-size:11px;
  line-height:13px;
  font-weight:normal;
  padding-right:15px;
}
.reply-head h4 span.sub
{
  letter-spacing:1px;
  font-size:13px;
  font-weight:normal;
  padding-left:25px;
}
.reply-btn
{
  float:right;
  margin-top:13px;
  margin-right:55px;
}
.reply-btn li
{
  list-style:none;
  float:left;
  margin-left:10px;
}


.reply-content
{
  margin-top:20px;
  margin-left:38px;
  font-size:13px;
}

.reply-content .submitted
{
  margin-bottom:18px;
  font-size:11px;
}







#side
{
  width:219px;
  background:url(images/discuss-side.png) top left no-repeat;
  margin:0 auto;
  padding:0;
  padding-top:397px; /*the height of main.png*/
  position:absolute;
  top:30px;
  right:25px;
}
#side-inner
{
  width:179px; /*(main-width)-(main-inner-padding-left)-(main-inner-padding-right)*/
  background:url(images/discuss-side-inner.png) top left repeat-y;
  padding:17px 20px 17px 20px; /*lr: fix the unbalance of main background image ; tb:fix the space*/
  margin-top:-262px;
  margin-bottom:-175px;
  position:relative;
  z-index:2;
}
#side-end
{
  width:219px;
  height:206px;
  margin:0;
  background:url(images/discuss-side-end.png) bottom left repeat-y;
  position:relative;
  z-index:1;
}

#side-inner h2.reading
{
  background:url(images/discuss-side-h2-01.png) top left no-repeat;
  text-indent:-5000px;
}
#side-inner h2.music
{
  background:url(images/discuss-side-h2-02.png) top left no-repeat;
  text-indent:-5000px;
}
#side-inner h2.movie
{
  background:url(images/discuss-side-h2-03.png) top left no-repeat;
  text-indent:-5000px;
}



#pager
{
  height:34px;
  line-height:34px;
  background-color:#c12c2c;
  margin:90px 18px 0 18px;
  position:relative;
  top:-23px;
}

.pager-now
{
  float:left;
  padding-left:20px;
  color:#FFFFFF;
  font-size:13px;
}
.pager-num, .pager-next, .pager-last
{
  float:right;
  padding-right:20px;
  color:#FFFFFF;
  font-size:13px;
}

.pager-num a
{
  color:#421111;
}
.pager-next a, .pager-last a
{
  color:#FFFFFF;
}



#content-tabs
{
  margin:0px 0 0 17px;
  padding:17px 0 0 0px;
  height:41px;

}

#content-tabs li
{
  list-style:none;
  float:left;
  width:183px;
  height:41px;
  
}

#content-tabs li a
{
  display:block;
  width:183px;
  height:41px;
  text-indent:-5000px;
}
#content-tabs li.tab1 a
{
  background:url(images/discuss-tabs.png) no-repeat;
}
#content-tabs li.tab2 a
{
  background:url(images/discuss-tabs.png) no-repeat -183px 0;
}
#content-tabs li.tab3 a
{
  background:url(images/discuss-tabs.png) no-repeat -366px 0;
}
#content-tabs li.tab4 a
{
  background:url(images/discuss-tabs.png) no-repeat -549px 0;
}

#content-tabs li.tab1.active a
{
  background:url(images/discuss-tabs-active.png) no-repeat;
}
#content-tabs li.tab2.active a
{
  background:url(images/discuss-tabs-active.png) no-repeat -183px 0;
}
#content-tabs li.tab3.active a
{
  background:url(images/discuss-tabs-active.png) no-repeat -366px 0;
}
#content-tabs li.tab4.active a
{
  background:url(images/discuss-tabs-active.png) no-repeat -549px 0;
}

#content-discuss-list
{
  margin:0px 17px 0 17px;
  background-color:#fef3d2;
  position:relative;
  padding:20px;
}

#content-discuss-list .discuss-cate, #content-discuss-list .discuss-cate2
{
  font-size:13px;
  letter-spacing:2px;
  line-height:1.7;
}

#content-discuss-list .discuss-cate a
{
  color:#000000;
}
#content-discuss-list .discuss-cate2 a
{
  color:#c12c2c;
  line-height:30px;
}


.discuss-submit1
{
  display:block;
  float:right;
  margin-right:15px;
}
.discuss-submit2
{
  display:block;
  float:right;
}

#content-discuss-list .list
{
  padding:5px;
  width:888px;
  *width:878px;
  margin-left:-8px;
  *margin-left:-3px;
  *margin-top:4px;
}

#content-discuss-list .list th
{
  background-color:#c12c2c;
  height:43px;
  font-weight:normal;
  color:#FFFFFF;
}
#content-discuss-list .list tr.odd, .list tr.even
{
  height:43px;
}
#content-discuss-list .list tr.even
{
  background-color:#fee7a5;
}
#content-discuss-list .list td
{
  text-align:center;
}
#content-discuss-list .list td.title
{
  text-align:left;
  padding:10px 18px;
}


#content-discuss-list #pager
{
  margin:20px 0px 0 0px;
  position:relative;
  top:0;
}

.submit-btns
{
  clear:both;
}