body{font:9pt Arial, Helvetica, sans-serif; background: #E2F5D8 url(../img/bg/bg.gif) repeat-x;}
*{ margin: 0; padding: 0;}
img{border: 0;}
#main{width: 770px; margin-left: 8px;}
/* userinfo */
#userinfo{color: #fff; height: 28px; line-height: 28px;}
#userinfo img{float: left; margin: 6px 9px 0 9px;}
#userinfo span{float: right;}
#userinfo a{ margin: 0 3px; color: #fff;}
#userinfo u{margin-left:8px;}
/* top */
#top{background: url(../img/bg/head_bg.gif) repeat-x; margin: 2px 2px 0 2px;padding:9px 2em; line-height:30px;}
#top h1{font: bold 16pt Arial; padding-top: 8px;}
#top a{color: #000;}
#top button{background: url(../img/bg/head_bg_copy.gif) repeat-x;cursor: hand; padding-top: 0px; border-style: solid; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px;height: 22px;width:30px;}
#top input{background: url(../img/bg/head_bg_copys.gif) repeat-x;cursor: hand; padding-top: 0px; border-style: solid; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px;height: 22px;width:330px;}
/* contain */
#contain{ border: solid 1px #51A228; margin-top: 5px; padding: 3px; border: solid 1px #51A228; background:#F8FCF5;}
#contain h2{background: url(../img/bg/title_bg.gif) repeat-x; font: bold 10pt/24px Arial; height: 24px; padding: 0 9px;border-bottom: solid 1px #9DDE7C;}
/* nav */
#nav{background: url(../img/bg/nav_bg.gif) repeat-x; border: solid 1px #9DDE7C;font:11pt/31px Arial; padding: 0 1em;}
#nav a{margin: 0 5px; color: #000; text-decoration: none;}
#nav a:hover{text-decoration: underline;}
/* middle */
#middle{position: relative; width: 762px; margin-top: 5px;}
/* left */
#left{position: absolute; left: 0; top: 0; width: 195px;}
/* right */
#right{position: relative; width: 562px; left: 200px;}
/* blog */
#blog{ margin: 5px; line-height: 140%;}
#blog dt{font: bold 10pt/24px Arial; border-bottom: dashed 1px #BFC0C0; margin-bottom:3px; height: 24px;color: #264D13;}
#blog dt span{float: right; font-weight: lighter;}
#blog dt small{margin-left: 9px;}
#blog dd{text-indent: 2em;}
#blog dd p{margin-top: 8px;}
/* userinfo */
.userinfo{ margin:8px 5px;line-height: 26px!important; line-height: 22px; color: #666;}
.userinfo dd{text-indent: 2em;}
.userinfo dd p{ float: left; width: 50%;}
.userinfo dd p span{color: #000;}
/* friend */
#friend,#quan{list-style: none; text-align: center; margin: 5px 0; line-height: 22px;}
#friend li{float: left; width: 20%; padding: 3px 0;}
#friend li div{border: solid 1px #ccc; background: #fff; margin: 0 auto;padding: 1px; width: 60px; height: 60px; overflow: hidden;}
#friend li div img{width: 60px;}
/* quan */
#quan li{float: left; width: 25%;}
#quan li div{margin: 0 auto; width: 98px; height: 77px; overflow: hidden;}
#quan li div img{width: 98px;}
/* guest */
#guest{list-style: none; margin: 5px 0; line-height: 22px;}
#guest li{border-bottom: dashed 1px #ccc; clear: both; height:75px;}
#guest li div{float: left; width: 60px; height: 60px; overflow: hidden; padding: 2px; border: solid 1px #ccc;margin: 2px 9px 0 9px;}
#guest li img{ width: 60px;}
/* GuestBook */
#GuestBook{text-align: left; padding: 5px; border-top: solid 1px #9DDE7C;}
#GuestBook textarea{border: none; background: #fff;border: solid 1px #9DDE7C;}
/* about */
#about{line-height: 22px;}
#about dt{text-align: center;}
#about dt div{border: solid 1px #ccc; background: #fff; margin: 0 auto;padding: 1px; width: 100px; height: 100px; overflow: hidden;}
#about dt div img{width: 100px;}
#about dd{clear: both;}
#about dd b{float: left; width: 55px; text-align: right;}
/* post */
#post{padding:3px 5px;}
#post dd{line-height: 24px; border-bottom: dashed 1px #ccc; text-indent: 5px;}
/* caller */
#caller{ line-height: 20px; padding: 3px 0;}
#caller dd{clear: both;}
#caller dd div{ width: 30px; height: 30px; border: solid 1px #ccc; overflow: hidden; float: left; padding: 1px; margin: 3px 5px 0 5px;}
#caller dd div img{width: 30px;}
/* count */
#count{padding: 3px 5px; line-height: 22px;}
/* photolist */
#photolist{list-style: none; text-align: center; margin: 5px 0;}
#photolist li{float: left; width: 33%;}
#photolist li div{ border: solid 3px #000; margin: 5px auto;  width: 150px; height: 100px; overflow: hidden;}
#photolist li div img{width: 150px;}
#photolist h6{font:9pt/20px Arial;}
/* clublist */
#clublist{list-style: none; text-align: center; margin: 5px 0;line-height:18px;}
#clublist li{float: left; width: 20%;}
#clublist li div{width: 110px; height: 100px; overflow: hidden; margin: 5px auto; border: solid 1px #ccc; padding: 2px;}
#clublist li div img{width: 110px;}
/* list */
.list{margin: 3px 5px; line-height: 20px;}
.list dd{background: url(../img/ico/ico.gif) no-repeat 0 8px; padding-left: 8px;}
/* rim */
.rim1{border: solid 1px #7AD24E;}
.rim2{border: solid 1px #9DDE7C; margin-bottom: 5px;}
.rim3{border-top: solid 1px #9DDE7C; margin: 0 -5px; padding-top: 5px; clear: both;}
/* fighttxt */
.righttxt{text-align: right;clear: both; line-height: 20px; padding: 0 8px;}
/* page */
#page{text-align: right; padding: 0 1em; line-height: 24px; clear: both;}
/* foot */
#foot{text-align: right; line-height:150%; padding: 8px 2em;}
/* link color */
a:link,a:visited{color: #264D13;text-decoration: none;}
a:hover{ text-decoration: underline;}