#main {
	width: 760px; height: 895px; /* specify height 4 Mozilla shows next div at bottom */
	margin-right: auto; margin-left: auto; /* make the content always in center */
}

#main-left {
	width: 560px;
	float: left;
	background:  url("../images/fww_v3_main_bg.jpg") no-repeat scroll top right;
}

#main-right {
	width: 200px;
	float: right;
}

#news {
	float: left; /* must modify 4 mozilla display correctly with bottom div */
	width: 350px; height: 210px; /* 169 + 11 + 20 = 200, other 10px 4 margin, don't use margin-top in next div. */
}

#news-content {
	height: 159px; /* actual height equal height of cell adds padding. 159 + 10 = 169 */
	font-size: 12px; line-height: 14px;
}

#story {
	float: left;
	width: 450px; height: 160px; /* 119 + 20 + 11 = 150, other 10px 4 margin, don't use margin-top in next div. */
}

#story-content {
	width: 426px; height: 109px; /* 99 + 10 = 119 */
}

#story-leftlist {
	float: left;
	margin: 0px; padding: 10px 0 0 25px;
	list-style-type: square;
}

#story-rightlist {
	float: right;
	margin: 0px; padding: 10px 10px 0 20px;
	list-style-type: square;
}

#album {
	float:left;
	width: 560px; height: 180px;
}

#album-middle {
	height: 139px; /* 180 - title.height - (bottomborder & his shadow).height - margin.bottom = 180 - 20 - 19 - 2 */
}

#album-content {
	width: 526px; height: 129px;
	text-align: center;
	float:left;
}

#album-leftlist {
	float: left;
	padding: 10px 0 0 60px;
	list-style-type: decimal;
	text-align: left;
}

#album-rightlist {
	float: right;
	padding: 10px 60px 0 30px;
	list-style-type: decimal;
	text-align: left;
}

#album-bottom {
	height: 19px;
	background: url(../images/fww_v3_main_album_bottom.gif) no-repeat;
}

#review {
	float: left;
}

#fiction {
	float: right;
}

div.article {
	width: 280px; height: 340px;
}

div.articlemiddle {
	height: 299px;
}

div.articlecontent {
	width: 246px; height: 289px;
	text-align: center;
	float: left;
	padding: 10px 10px 0 10px; /* It's better to specify padding-bottom as 0 to prevent IE auto expand the height. */
	border-left: solid #f90 2px;
}

ul.articlelist {
	list-style-type: square;
	text-align: left;
	margin: 0; padding: 10px 0px 0 20px;
}

ul.articlelist li {
	padding-bottom: 10px;
}

div.articlebottom {
	height: 19px;
	background: url(../images/fww_v3_main_article_bottom.gif) no-repeat;
}

#notify {
	height: 270px;
}

#notify-middle {
	height: 229px;
}

#notify-content {
	height: 219px; width: 168px;
	float: left;
}

#other {
	height: 620px;
}

#other-middle {
	height: 579px;
}

#other-content {
	height: 569px; width: 168px;
	float: left;
}

#other-forum {
	font-size: 12px;
	height: 290px;
	padding: 20px 0 0 0; margin: 0;
}

#forum-topic {
	list-style-type: square;
	padding: 5px 0 0 15px; margin: 0;
}

#ul-link {
	margin-top: 0;
	list-style-type: none;
}

#ul-link li {
	margin: 0; padding: 5px 0 0 0;
}

div.maincontent {
	padding: 10px 10px 0 10px; /* It's better to specify padding-bottom as 0 to prevent IE auto expand the height. */
	border-left: solid #f90 2px;
}

div.rightborder {
	background: url(../images/fww_v3_main_vborder.gif) repeat-y;
	width: 10px; height: 100%;
	float: left;
}

div.cutbottom {
	height: 19px;
	background: url(../images/fww_v3_main_bottom_cut.gif) no-repeat;
}

div.shortbottom {
	height: 19px;
	background: url(../images/fww_v3_main_bottom_short.gif) no-repeat;
}

p.firstline {
	margin: 0;
}

p.sign {
	text-align: right;
	margin: 5px 0px;
}

.engtxt {
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
}

.word-love {
	color: #f33;
	font-weight: bold;
}

.word-share {
	color: #69f; 
	font-weight: bold;
}

.word-persist {
	color: #fc0;
	font-weight: bold;
}

.more {
	font-size: 12px;
	text-align: right;
	margin: 0; padding: 0 10px 0 0;
}

input.inputext {
	border: 2px solid gray;
	height: 16px; width: 105px;
	margin-top: 5px;
}

input.search {
	height: 23px; width: 36px;
	vertical-align: top;
	margin-top: 5px;
}

.title {
	padding: 0; margin: 0;
	font-size: 14px; font-weight: bold;
	text-align: center;
}