/*mainbody*******************************************/
#mainbody {
	height: 100%;
	width: 795px;
	padding: 0 0 10px 0;
	margin:0 0 0 1px;
	float:left;
	}

/*content******************************************/
#content{
	float:right;
	width: 570px;
	height: 100%;
	margin:0px;
	padding:0 0 0 20px;
	overflow: hidden;
	background-image: url(../img/content/content-bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	}	
.content-inner{
    clear:both;
	margin:0px 10px; 
}
.content-page{
	clear:both;
	margin:0px 10px; 
	padding:0px 30px;
	background-image: url(../img/content/article-bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
    width: 520px;
	overflow: hidden;
}
dl {
   float: left;
   width: 180px;
   padding-bottom: 5px; 
   margin: 0; 
   text-align: center;
   font-size: 12px;
   line-height: 150%;
   color: #264b6a;
   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: 180px;
   height:135px;
   padding:20px 0 0 0;
   background:url(../img/album/photo-bg.gif) no-repeat;}
dl .photo-f a {
   display:block;
   width: 180px;
   height:135px;
   padding:20px 0 0 0;
   background:url(../img/album/photo-f-bg.gif) no-repeat;}
.pager{
	clear:right;
	font-size: 13px;
	color: #00717e;
	text-align: left;
	padding:10px 0px;
	margin: 0px;
	font-family: Arial, sans-serif;
	}
h2{
	color: #ffc;
	font-size: 18px;
	line-height:180%;
	font-weight: bold;
	padding:20px 0 0 0;
	margin:0px;
	background-image: url(../img/content/content-title-bg.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
.date{
    font-size: 12px;
	color: #00717e;
	padding:3px 20px 3px 0px;
	margin:0px;
	font-family: Arial, sans-serif;
}
.path{color: #00717e;font-size: 13px; padding:10px 0px 3px; margin:0px;}
.article {
	clear:both;
	color: #feffff;
	font-size: 13px;
	line-height:180%;
	padding:5px 10px;
	margin:0 0 0 -10px ;
		}
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;
	height:30px;
	color: #ffc;
	padding:10px 10px 0 0;
	text-align:right;
	background-image: url(../img/content/responce-bg.gif);
	background-repeat: no-repeat;
	background-position: left ;
	}
.recomd{color: #ff9; font-size: 13px; line-height:180%;padding:15px 10px 5px 0px; margin: 0px; text-align:right;}
#reply {
    clear:both;
    text-align:left;
	font-size: 13px;
	line-height: 160%;
	color: #264b6a;
	padding: 10px;
	margin:0px;
	border: 1px solid #fff;
	}
h4{clear:both;color: #264b6a;font-size: 16px;line-height:180%; font-weight: bold; margin:1px 10px 1px 0px;}

.editor{
    font-size: 12px;
	color: #ffc;
	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: #264b6a;
	margin: 0px;
	}
.item {
    color: #FFF;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	width: 120px;
	line-height: 180%;
	background-color: #8cc9ce;
}
.fill {
    color: #666;
	font-size: 13px;
	line-height: 180%;
	background-color: #e7f5f6;
}
.msg-left {
	float: left;
	width: 130px;
	padding: 0px;
	margin-left:0px;
}
.msg-right {
    float: left;
	width:370px;
	margin-left:10px;
	padding: 5px 0px 0px 10px;
}
.reply-box{
	color: #264b6a;
	font-size: 13px;
	line-height:180%;
	padding:8px;
	margin:0px;
	background:#FFF;
	border: 1px solid #264b6a;
	}
.reply-box-private{
	color: #cc3375;
	font-size: 13px;
	line-height:180%;
	padding:8px;
	margin:0px;
	background:#FEFEF6;
	border: 1px solid #cc3375;
	}
.h4-reply{color: #264b6a;font-size: 16px;line-height:180%; font-weight: bold; margin:1px 10px 1px 0px;}
.h4-reply-private{color: #cc3375;font-size: 16px;line-height:180%; font-weight: bold; margin:1px 10px 1px 0px;}
.reply-text{color: #264b6a;font-size: 13px;line-height:180%; padding:0px; margin:0px;}
.reply-text-private{color: #cc3375;font-size: 13px;line-height:180%; padding:0px; margin:0px;}
	
/*colm1*******************************************/
#colm1{
    clear:both;
	height: 100%;
	width:770px;
	font-size: 13px;
	line-height: 180%;
	color: #666;
	padding: 0px 10px;
    overflow: hidden;
}

/*nav*******************************************/
#nav {
	margin: 0px 580px 0px 0px;
	padding:0px;
	text-align:center;
	width: 196px;
	height: 100%;
}
#nav h5 {
	font-size: 13px;
	color: #5c1d00;
	padding-top:12px;
	margin:0 0 5px 0;
	width: 186px;
	height: 28px;
	text-align: left;
	text-indent: 40px;
	background-image: url(../img/nav/nav-title-bg.gif);	
}
#nav .member-intro {
    color:#4b4b4b;
	font-size: 13px;
	margin: 0px; 
	line-height: 150%;
	width:140px;
}
#nav .member-link{
    color:#4b4b4b;
   	font-size: 12px;
	line-height: 170%;
	padding:10px 0px 10px 0px; 
	width:150px;
	margin: 0px; 
	text-align:right;
}
.calendar {
	margin: 0px 0px 5px 0px;
	background-color: #666;
	border: 0px;
	/*border-collapse: collapse;*/
}
#nav .date-off {
	font-family: Arial, sans-serif;
	font-size: 9px;
	line-height: 160%;
	font-weight: bold;
	color: #ccc;
	text-align: center;
	background-color: #999;
	border: 1px solid;
	border-top-color: #666;
	border-left-color: #666;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
}
#nav .date-on {
	font-family: Arial, sans-serif;
	font-size: 9px;
	line-height: 160%;
	font-weight: bold;
	color: #333;
	text-align: center;
	background-color: #ccc;
	border: 1px solid;
	border-top-color: #fff;
	border-right-color: #666;
	border-bottom-color: #666;
	border-left-color: #fff;
}
#nav ul{margin: 0px 20px 10px 40px;padding:0px;}
#nav li{
	color:#4b4b4b;
	font-size: 13px;
	line-height: 180%;
	margin: 0px;
	text-align:left;
	list-style-image: url(../img/nav/nav-ip-03.gif);
}
.clink {
	margin: 0px 10px 0px 28px;
	font-size: 13px;
	line-height: 180%;
	text-align:left;
}
#nav .log{
    color:#4b4b4b;
	font-size: 13px;
	line-height: 160%;
	margin: 0px;
}
