/*mainbody*******************************************/
#mainbody {
	height: 100%;
	padding: 0px;}

/*content******************************************/
#content{float:right;
	width: 700px;
	height: 100%;
	margin:0px;
	padding:10px;
	overflow: hidden;}
.content-inner{
    clear:both;
	margin:0px 15px 0px 15px;}
.content-page{
	clear:both;
	margin:10px 15px 10px 15px;
	padding:0px 30px;
	width: 620px;
	overflow: hidden;
	background-color: #FFF;
	border: 6px solid #ccc;}
dl {float: left;width: 220px;padding-bottom: 5px; margin: 0;
   text-align: center;font-size: 12px;line-height: 150%;
   color: #666;overflow: hidden;}
dl dd {margin: 0;}
dl dt {padding: 0 10px; margin: 0;}
dl .dd-txt {padding:0 10px;}
dl .photo a {
   display:block;
   width: 220px;
   height:135px;
   padding:20px 0 0 0;
   background:url(../img/album/photo-bg.gif) no-repeat;}
dl .photo-f a {
   display:block;
   width: 220px;
   height:135px;
   padding:20px 0 0 0;
   background:url(../img/album/photo-f-bg.gif) no-repeat;}
.pager{	clear:right;
	font-size: 13px;
	color: #369;
	text-align: right;
	padding:10px 0px;
	margin: 0px;
	font-family: Arial, sans-serif;	}
h2{ color: #e41c00;
	font-size: 18px;
	height:35px;
	font-weight: bold;
	padding:30px 0 0 0;
	text-indent:120px;
	background: url(../img/content/content-title-bg.gif) no-repeat left;}
.date{font-size: 12px;
	color: #999;
	padding:0px 20px 3px 0px;
	margin:0px;
	font-family: Arial, sans-serif;}
.path{color: #630;font-size: 13px; padding:5px 0px 3px; margin:0px;}
.article {
	color: #666;
	font-size: 13px;
	line-height:180%;
	padding:5px 0px 0px 0px;
	margin:0px;}
p .article: first-letter {   
	font-size: 200%;
	color: #F63;
	font-weight: bold;}
.pic-l{float:left;padding:3px 10px 8px 0px;}
.pic-r{float:right;padding:3px 0px 8px 10px;}
.pic-m{text-align:center;padding:3px 10px 4px 10px;margin:0px;}
.pic-big{text-align:center;padding:3px 0px 4px 0px;margin:0px;}
.responce{
    clear: both;
	font-size: 12px;
	color: #630;
	height:60px;
	padding-top:10px;
	text-align:right;}
.recomd{color: #630; font-size: 13px; line-height:180%;padding:10px 0px 4px 0px; margin: 0px; text-align:right;}
#reply {clear:both;
    text-align:left;
	font-size: 13px;
	line-height: 160%;
	color: #787064;
	padding: 10px;
	margin:0px;
	border: 1px solid #C2B7AA;
	background-color:#fff;}
h4{clear:both; color: #787064;font-size: 16px;line-height:180%; font-weight: bold; margin:1px 10px 1px 0px;}

.editor{
    font-size: 12px;
	color: #787064;
	padding:5px 0px; 
	margin:0px;
	text-align:right;}
.line-dashed {
    clear:left;
    background-image: url(../img/content/line-dashed.gif);
	background-repeat: repeat-x; margin:5px 0px;}
.post {
	font-size: 13px;
	line-height: 160%;
	color: #999999;
	margin: 0px;
	}
.item {
    color: #FFF;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	width: 120px;
	line-height: 180%;
	background-color: #a2b4c0;
}
.fill {color: #666;
	font-size: 13px;
	line-height: 180%;
	background-color: #F0F0F0;}
.msg-left {float: left;
	width: 130px;
	padding: 0px;
	margin:0px;}
.msg-right {width:520px;
	margin-left:130px;
	padding: 5px 0px 0px 10px;}
.reply-box{color: #1C4598;
	font-size: 13px;
	line-height:180%;
	padding:8px;
	margin:0px;
	background:#fff;
	border: 1px solid #999;}
.reply-box-private{color: #666;
	font-size: 13px;
	line-height:180%;
	padding:8px;
	margin:0px;
	background:#f0f0f0;
	border: 1px solid #999;}
.h4-reply{color: #333;font-size: 16px;line-height:180%; font-weight: bold; margin:1px 10px 1px 0px;}
.h4-reply-private{color: #333;font-size: 16px;line-height:180%; font-weight: bold; margin:1px 10px 1px 0px;}
.reply-text{color: #666;font-size: 13px;line-height:180%; padding:0px; margin:0px;}
.reply-text-private{color: #333;font-size: 13px;line-height:180%; padding:0px; margin:0px;}
	
/*colm1*******************************************/
#colm1{
    clear: both;
	background-color: #FFF;
	height: 100%;
	font-size: 13px;
	line-height: 180%;
	color: #666;
	padding: 0px 10px;
	border: 1px solid #ccc;
    overflow: hidden;
}

/*nav*******************************************/
#nav {
	margin: 0px 590px 0px 0px;
	padding:0px;
	text-align:center;
	width: 220px;
	height: 100%;
	background-image: url(../img/nav/nav-bg.gif);
	background-repeat: repeat-y;}
#nav h5 {
	font-size: 13px;
	color: #fff;
	padding-top:30px;
	margin:5px 0px 5px 0px;
	height: 40px;
	text-align:center;
	background-position:left;
	background-image: url(../img/nav/nav-title-bg.gif);
	background-repeat: no-repeat;}
#nav .member-intro {
    color:#374f5c;
	font-size: 13px;
	margin: 0px auto; 
	line-height: 150%;
	width:140px;
}
#nav .member-link{
    color:#374f5c;
   	font-size: 12px;
	line-height: 170%;
	padding:10px 0px 10px 0px; 
	width:150px;
	margin: 0px; 
	text-align:right;}
.calendar {
	border: 0px;
	margin: 0px 0px 5px 0px;
	background-color: #ccc;}
#nav .date-off {
	font-family: Arial, sans-serif;
	font-size: 11px;
	line-height: 160%;
	font-weight: bold;
	color: #999;
	text-align: center;
	background-color: #FFFFFF;}
#nav .date-on {
	font-family: Arial, sans-serif;
	font-size: 11px;
	line-height: 160%;
	font-weight: bold;
	color: #666;
	text-align: center;
	background-color: #FDF8ED;}
#nav ul{margin: 0px 20px 10px 40px;padding:0px;}
#nav li{
	color:#374f5c;
	font-size: 13px;
	line-height: 180%;
	margin: 0px;
	text-align:left;
	list-style-image: url(../img/nav/nav-ip-03.gif);
}
.clink {
    color:#374f5c;
	margin: 0px;
	padding: 0px 10px 0px 28px;
	font-size: 13px;
	line-height: 180%;
	text-align:left;
}
#nav .log{
    color:#374f5c;
	font-size: 13px;
	line-height: 160%;
	margin: 0px;
	padding: 0px 10px 0px 28px;}