body
{
background:url(img/mbg.gif) center top #000000;
padding:0;
font-family:Arial,Tahoma,Verdana,'宋体';
font-size:12px;
margin:0px auto auto auto;
color:#696767;
}
p{
padding:0px 0 20px 0;
text-align:justify;
margin:0px;
line-height:17px;
}
p.tips{
padding:0px 0 7px 0;
text-align:justify;
margin:0px;
line-height:17px;
border-bottom:1px #cebf91 dashed;
}
h1{
color:#7e5025;
padding:10px 0 10px 30px;
margin:0px;
font-size:18px;
font-weight:bold;
font-family:Algerian,Cataneo BT,'楷体';
}
.bg1{background: url(img/fruityhearts/Fruityhearts_01.jpg) no-repeat 0 40%;}
.bg2{background: url(img/fruityhearts/Fruityhearts_02.jpg) no-repeat 0 40%;}
.bg3{background: url(img/fruityhearts/Fruityhearts_03.jpg) no-repeat 0 40%;}
.bg4{background: url(img/fruityhearts/Fruityhearts_04.jpg) no-repeat 0 40%;}
.bg5{background: url(img/fruityhearts/Fruityhearts_05.jpg) no-repeat 0 40%;}
.bg6{background: url(img/fruityhearts/Fruityhearts_06.jpg) no-repeat 0 40%;}
.h1{
color:#7e5025;
padding:10px 0 10px 0px;
margin:0px;
font-size:18px;
font-weight:bold;
font-family:Algerian,Cataneo BT,'楷体';
}
.h1 img{vertical-align:middle;margin-right:3px;}
h2{
color:#2d7513;
padding:0px 0 5px 0;
margin:0px;
font-size:14px;
font-weight:bold;
}
h3{
color:#2d7513;
padding:3px 0 0 0;
margin:0px;
font-size:12px;
font-weight:normal;
}
.h3{
color:#2d7513;
padding:0px;
margin:0px;
font-size:12px;
font-weight:normal;
}

img.left_icon{
float:left;
margin:0px 10px 0px 0px;
}
img.right_icon{
float:right;
padding:0px 0px 0px 10px;
}
.clear{
clear:both;
}
a{
color:#005499;
text-decoration:none;
}
a:hover {color:#F00;}

#main_container{
width:960px;
height:auto;
margin:0px auto auto auto;
padding:0px;
position:relative;
}
.top_leafs{
position:absolute;
top:14px;
left:-27px;
z-index:200;
}
/*---------------- menu tab----------------------*/
#menu{
	width:100%;
	height:31px;
	background:url(img/fm_menu_bg.jpg) repeat-x;
}
	#menu ul{
		width:900px;
		margin:0 auto;
		list-style:none;
	}
		#menu li{
			list-style:none;
			display:block;
			float:left;
			font-size:11px;
			font-weight:bold;
			font-family:Tahoma;
			height:31px;
			line-height:31px;
			margin:0 1px;
		}
			#menu li a{
				display:block;
				float:left;
				height:31px;
				color:#FFCC33;
				text-decoration:none;
				text-transform:uppercase;
				padding:0 15px;
			}
				#menu li a:hover{	
					background:url(img/fm_hover_bg.jpg) repeat-x;
					color:#fff;
				}
					#menu li a:hover span, #menu li .current span{
						background:url(img/fm_hover_pointer.jpg) no-repeat top;
						height:31px;
						display:block;
						float:left;
					}
					#menu li .current{
						display:block;
						float:left;
						height:31px;				
						background:url(img/fm_hover_bg.jpg) repeat-x;
						color:#fff;
						text-decoration:none;
						text-transform:uppercase;
						padding:0 15px;		
					}

/*-------------center_content-------------*/
#center_content{
width:900px;
margin:auto auto 20px 31px;
height:auto;
background-color:#fef8e6;
}
.left_content{
width:580px;
float:left;
padding:0px 16px 10px 30px;
border-right:1px #cebf91 dashed;
}
.right_content{
width:250px;
float:left;
padding:0 10px 10px 13px;
}
.bottom_content{
width:900px;
height:305px;
clear:both;
margin:auto;
background:url(img/bottom_bg.jpg) no-repeat top center;
}
.bottom_content2{
width:900px;
height:25px;
clear:both;
margin:auto;
background:url(img/bottom_bg2.jpg) no-repeat top center;
}
.photos_block{
padding:10px 0 10px 0;
}
.photo_box{
width:114px;
height:111px;
float:left;
display:block;
text-align:center;
margin:0 18px 0 0;
position:relative;
background:url(img/photo_bg.gif) no-repeat center;
}
a.view{
float:right;
padding:4px 6px 0 0;
text-decoration:none;
color:#706443;
}
.tip_box{
clear:both;
float:left;
width:300px;
padding:0 0 15px 0;
}
.news_box{
clear:both;
float:left;
width:300px;
padding:5px 0 5px 0;
}
.date_box{
width:47px;
height:49px;
float:left;
text-align:center;
line-height:25px;
font-weight:bold;
background:url(img/date_bg.gif) no-repeat center;
}
span.day{
color:#855f35;
}
span.month{
color:#fef8e5;
}
.news_content{
width:245px;
float:left;
padding:0 0 0 8px;
}

.about_text{
width:400px;
padding:0 0 0 30px;
float:left;
margin-bottom:10px;
}
.friends_list{
width:200px;
float:left;
padding:0 0 0 20px;
}
/*----------------------list-------------------------*/
ul.list{
list-style:none;padding:0px;margin:0px; 
}
ul.list li{
list-style:none;width: auto;height: auto;padding:0 0 8px 0; margin:0px;
}
ul.list li a{
width: auto; padding:0 0 0 15px; margin:0;color:#696767;text-align:left; display:block;
text-decoration:none;background:url(img/footer_bullet.gif) no-repeat left;
}
ul.list li a:hover{
text-decoration:underline;
}
.bottom_right{
width:200px;
float:left;
padding:0 30px 0 20px;
}
.bottom_right a{
padding:10px 0 10px 0;
display:block;
}

.footer{
clear:both;
width:840px;
margin:auto;
text-align:center;
padding:3px 0 0;
border-top:1px #cebf91 dashed;
}

.cent{text-align:center;}
.rigt{text-align:right;}
.rght{float:right;}

.mgn0{margin: 0px;}
.bdr0{border: 0px;}
.bdr1{border: 1px solid #000;}
.bdr3{border: 3px solid #9F3;}
.green{color:#2d7513;}
.red{color:#F00;}
.rdbd3{border-radius: 3px;}
.rdbd5{border-radius: 5px;}
.rdbd10{border-radius: 10px;}

.counter {
	TEXT-ALIGN: center; DISPLAY: inline-block; FONT-FAMILY: "Times New Roman",Times,serif; COLOR: #444444; FONT-SIZE: 20px; FONT-WEIGHT: bold
}
.mbstats{
padding:0 0 5px 0;
border-bottom:2px #cebf91 dotted;
}
.thumbox{
width:278px;
height:150px;
float:left;
padding:5px;
border-left:1px #cebf91 dashed;
border-right:1px #cebf91 dashed;
border-bottom:2px #cebf91 dotted;
}
.thumbox58{
width:58px;
float:left;
}
.thumbox116{
width:116px;
float:left;
}
.blogbox{
padding:5px 0 5px 0;
border-bottom:2px #cebf91 dotted;
}
.blogbox:hover,.thumbox:hover{
background:#fdf3d3;
}
.mb_extbox{
width:160px;
margin:5px auto;
padding:2px;
border:1px #cebf91 solid;
background:#fff;
}
.mb_extbox58{
width:52px;
height:52px;
padding:1px;
margin:1px 1px 0px;
border:1px #cebf91 solid;
background:#fff;
}
.mb_extbox116{
width:110px;
height:110px;
padding:1px;
margin:1px 1px 0px;
border:1px #cebf91 solid;
background:#fff;
}
.mb_extbox58:hover,.mb_extbox116:hover{
border:1px #000 solid;
background:#fff;
}
.mb_comment{
margin:10px 45px 5px;
}
.mb_cmtbox{
padding:5px 10px;
margin:1px 0;
border:1px #9f7f50 solid;
background:#fdf3d3;
border-radius: 5px;
}
.dotline{
float:left;
width:580px;
padding:0 0 5px 0;
margin-top:1px;
border-top:2px #cebf91 dotted;
}

#update {
	MARGIN: 5px auto; WIDTH: 500px; COLOR: #4b585e; FONT-SIZE: 12px
}
#update FORM {
	POSITION: relative
}
#update H2 {
	FONT-SIZE: 16px
}
#update P {
	LINE-HEIGHT: 23px; MARGIN: 0px
}
#update .act {
	TEXT-ALIGN: right; PADDING: 0px
}
#update TEXTAREA {
	BORDER-BOTTOM: #dddddd 1px solid; BORDER-LEFT: #c3c3c3 1px solid; PADDING-BOTTOM: 4px; LINE-HEIGHT: 120%; PADDING-LEFT: 4px; WIDTH: 490px; PADDING-RIGHT: 4px; BACKGROUND: #FFF; HEIGHT: 5em; FONT-SIZE: 14px; OVERFLOW: auto; BORDER-TOP: #7c7c7c 1px solid; BORDER-RIGHT: #c3c3c3 1px solid; PADDING-TOP: 4px
}
#update .tip {
	POSITION: absolute; LINE-HEIGHT: 20px; MARGIN: 0px; COLOR: #999999; TOP: 0px; RIGHT: 0px
}
#update .tip .counter {
	TEXT-ALIGN: center; WIDTH: 36px; DISPLAY: inline-block; FONT-FAMILY: "Times New Roman",Times,serif; COLOR: #444444; FONT-SIZE: 20px; FONT-WEIGHT: bold
}
#update .caution {
	COLOR: #cc0000
}
#update .caution .counter {
	COLOR: #cc0000
}
#update .formbutton {
	MARGIN-top:-15px; BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; LINE-HEIGHT: 32px; WIDTH: 115px; BACKGROUND: url(img/button-send.png) no-repeat 0px 0px; LETTER-SPACING: 0.5em; HEIGHT: 32px; COLOR: #444444; FONT-SIZE: 15px; BORDER-TOP: 0px; FONT-WEIGHT: bold; BORDER-RIGHT: 0px
}

/*CSS pagenavi style pagination*/

div.pagenavi {
	clear:both; PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 3px; PADDING-TOP: 3px; TEXT-ALIGN: center
}
div.pagenavi .normal {
	BORDER-RIGHT: #90DD00 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #90DD00 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #90DD00 1px solid; COLOR: #666; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #90DD00 1px solid; TEXT-DECORATION: none
}
div.pagenavi a {
	BORDER-RIGHT: #90DD00 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #90DD00 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #90DD00 1px solid; COLOR: #666; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #90DD00 1px solid; TEXT-DECORATION: none
}
div.pagenavi a:hover {
	BORDER-RIGHT: #b2e05d 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #b2e05d 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; BORDER-LEFT: #b2e05d 1px solid; COLOR: #fff; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #b2e05d 1px solid; BACKGROUND-COLOR: #90DD00
}
div.pagenavi a:active {
	BORDER-RIGHT: #b2e05d 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #b2e05d 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; BORDER-LEFT: #b2e05d 1px solid; COLOR: #fff; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #b2e05d 1px solid; BACKGROUND-COLOR: #90DD00
}
div.pagenavi span.current {
	BORDER-RIGHT: #b2e05d 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #b2e05d 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; BORDER-LEFT: #b2e05d 1px solid; COLOR: #fff; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #b2e05d 1px solid; BACKGROUND-COLOR: #90DD00
}

#respond {
	MARGIN: 5px auto; WIDTH: 500px; COLOR: #4b585e; FONT-SIZE: 12px
}
#respond FORM {
	POSITION: relative
}
#respond .row {
	margin-bottom:5px;
}
#respond .textfield {
	width:200px;
}
#respond TEXTAREA {
	BORDER-BOTTOM: #dddddd 1px solid; BORDER-LEFT: #c3c3c3 1px solid; PADDING-BOTTOM: 4px; LINE-HEIGHT: 120%; PADDING-LEFT: 4px; WIDTH: 490px; PADDING-RIGHT: 4px; BACKGROUND: #FFF; HEIGHT: 6em; FONT-SIZE: 14px; OVERFLOW: auto; BORDER-TOP: #7c7c7c 1px solid; BORDER-RIGHT: #c3c3c3 1px solid; PADDING-TOP: 4px
}
#respond .formbutton {
	BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; LINE-HEIGHT: 32px; WIDTH: 115px; BACKGROUND: url(img/button-send.png) no-repeat 0px 0px; HEIGHT: 32px; COLOR: #444444; FONT-SIZE: 13px; BORDER-TOP: 0px; FONT-WEIGHT: bold; BORDER-RIGHT: 0px
}
.fixed {
	clear:both;
}