/* body ********************************************/
body{
	margin:0px;
	padding:0px;
	background-color:#e7e8e8;
	background-image: url(../img/bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}	
	
/*wrapall*******************************************/
#wrapall{
	position: relative;
	margin: 0 auto;
	padding: 0;
	text-align: left;	
	width: 950px;
	border:8px solid #babbbb;}

/*link********************************************/
a:link { color: #666; text-decoration:underline;}
a:visited  { color: #666; text-decoration:underline;}
a:hover { color: #666;text-decoration: underline;}

.site a:link{color:#333; text-decoration:underline;}
.site a:visited {color:#333; text-decoration:underline;}
.site a:hover{color:#333;text-decoration:none;}

#service a:link{color:#999; text-decoration:none;}
#service a:visited {color:#999; text-decoration:none;}
#service a:hover{color:#999;text-decoration:underline;}

a.menu:link{color:#f5f4f4; text-decoration:none;}
a.menu:visited {color:#f5f4f4;text-decoration:none;}
a.menu:hover{color:#333;text-decoration:none;}

a.menu-on:link{	color:#333;text-decoration:none;}
a.menu-on:visited {color:#333;text-decoration:none;}
a.menu-on:hover{color:#333;text-decoration:none;}

h2 a:link{color:#000; text-decoration:none;}
h2 a:visited {color:#000; text-decoration:none;}
h2 a:hover{color:#000;text-decoration:none;}

.pager a:link{color:#c66; text-decoration:underline;}
.pager a:visited {color:#c66; text-decoration:underline;}
.pager a:hover{color:#c66;text-decoration:none;}

.path a:link{color:#966; text-decoration:underline;}
.path a:visited {color:#966; text-decoration:underline;}
.path a:hover{color:#966;text-decoration:none;}

.responce a:link{color:#966; text-decoration:underline;}
.responce a:visited {color:#966; text-decoration:underline;}
.responce a:hover{color:#966;text-decoration:none;}

.recomd a:link{color:#966; text-decoration:underline;}
.recomd a:visited {color:#966; text-decoration:underline;}
.recomd a:hover{color:#966;text-decoration:none;}

.nickname a:link{color:#C64C00; text-decoration:underline;}
.nickname a:visited {color:#C64C00; text-decoration:underline;}
.nickname a:hover{color:#C64C00;text-decoration:none;}

.member-link a:link{color:#333; text-decoration:underline;}
.member-link a:visited {color:#333; text-decoration:underline;}
.member-link a:hover{color:#333;text-decoration:none;}

.date-on a:link{color:#fd8b8b;text-decoration:none; display:block;}
.date-on a:visited {color:#fd8b8b; text-decoration:none; display:block;}
.date-on a:hover{color:#f30;text-decoration:none; display:block;}

li a:link{color:#333; text-decoration:underline;}
li a:visited {color:#333; text-decoration:underline;}
li a:hover{color:#333;text-decoration:none;}

.clink a:link{color:#333; text-decoration:underline; border-width: 0px;}
.clink a:visited {color:#333; text-decoration:underline;border-width: 0px;}
.clink a:hover{color:#333;text-decoration:none;border-width: 0px;}

#footer a:link{color:#4d4d4d; text-decoration:underline;}
#footer a:visited {color:#4d4d4d; text-decoration:underline;}
#footer a:hover{color:#4d4d4d;text-decoration:none;}

/*service*******************************************/
#service { color:#999; font-size: 13px;text-align:right; height:15px; padding: 5px 20px 5px 0px;background-color:#f3f3f3;}

/*header******************************************/
#header { padding: 60px 5px 5px 560px; margin:0px;height:260px;background-image: url(../img/header_bg.jpg);background-repeat: no-repeat;}
#header .member {color:#666;font-size:13px;	line-height:130%;padding:0;font-family: Arial, Helvetica, sans-serif;}
#header .site {color:#333;font-size:22px;line-height:140%;font-weight:bold; padding:0;}
#header .describe {color:#666;font-size:13px;line-height:140%; padding:0;font-family: Arial, Helvetica, sans-serif;}

/*menu*******************************************/
#menu {height:35px;padding:5px 0px 0px 180px;margin:0px; background-color:#fff;}
#menu a{font-size: 13px;font-weight:bold; text-align:center; width:117px;height:26px;display:block;padding-top:12px; margin:0 1px;float:left;background-image: url(../img/menu/menu_on_1.gif);background-repeat: no-repeat;}

/*mainbody*******************************************/
#mainbody {
	width: 950px;
	height: 100%;
	padding: 0px;
	margin: 0px;
	background-image: url(../img/content/content-bg.gif);
	background-repeat: no-repeat;
	background-color:#fff;}

/*content******************************************/
#content{
	float:right;
	width: 705px;
	height: 100%;
	margin:0px;
	padding:0px;
	overflow: hidden;}
.content-inner{
    clear:both;
	padding: 0;
	margin:5px 20px 0 0;}
.content-page{
	clear:both;
	width: 620px;
	overflow: hidden;
	background-color: #fff;
	padding: 0px 40px;
	margin:10px 0;
	border-bottom: 2px dotted #ccc;}
dl {float: left;
   width: 216px;
   padding-bottom: 5px; 
   margin: 0; 
   text-align: center;
   font-size: 12px;
   line-height: 150%;
   color: #999;
   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: 216px;
   height:135px;
   padding:20px 0 0 0;
   background:url(../img/album/photo-bg.gif) no-repeat;}
dl .photo-f a {
   display:block;
   width: 216px;
   height:135px;
   padding:20px 0 0 0;
   background:url(../img/album/photo-f-bg.gif) no-repeat;}
.pager{	clear:right;
	font-size: 13px;
	color: #c66;
	text-align:left;
	padding:10px 0 0 35px;
	margin: 0px;
	font-family: Arial, sans-serif;	}
h2{ color: #000;
	font-size: 19px;
	line-height:160%;
	margin: 6px 0 0 0;
	padding:0;}
.date{font-size: 12px;
    line-height:160%;
	color: #966;
	padding:3px 0;
	margin:0px;
	font-family: Arial, sans-serif;}
.path{color: #966;font-size: 13px;line-height:160%;padding:0; margin:0;}
.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: #966;
	padding:10px 0;
	text-align:right;}
.recomd{color:#966; 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: #333;
	padding: 10px;
	margin:0px;
	border: 1px solid #ccc;	}
h4{clear:both;color: #c66;font-size: 16px;line-height:180%; font-weight: bold; margin:1px 10px 1px 0px;}

.editor{
    font-size: 12px;
	color: #966;
	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: #d9bcb8;}
.fill {
    padding:3px;
    color: #333;
	font-size: 13px;
	line-height: 180%;
	background-color: #ebd9d8;}
.msg-left {
	float: left;
	width: 130px;
	padding: 0px;
	margin:0px;}
.msg-right {
	width:380px;
	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 #CDCDCD;}
.reply-box-private{
	color: #956843;
	font-size: 13px;
	line-height:180%;
	padding:8px;
	margin:0px;
	background:#FEFEF6;
	border: 1px solid #D8C094;}
.h4-reply{color: #374809;font-size: 16px;line-height:180%; font-weight: bold; margin:1px 10px 1px 0px;}
.h4-reply-private{color: #A6794E;font-size: 16px;line-height:180%; font-weight: bold; margin:1px 10px 1px 0px;}
.reply-text{color: #374809;font-size: 13px;line-height:180%; padding:0px; margin:0px;}
.reply-text-private{color: #A6794E;font-size: 13px;line-height:180%; padding:0px; margin:0px;}

/*colm1*******************************************/
#colm1{
	width: 850px;
	height: 100%;
	font-size: 13px;
	line-height: 180%;
	color: #666;
	padding: 0 50px 10px 50px;
    overflow: hidden;}

/*nav*******************************************/
#nav {margin: 0 720px 0 0;
	padding: 10px 0 0 0 ;
	height: 100%;
	text-align:center;}
#nav h5 {
	font-size: 15px;
	color: #333;
	font-weight:bold;
	margin:2px 0 2px 5px;
	height: 26px;
	text-align:left;
	text-indent: 45px;
	padding: 21px 0 8px 0;
	background-image: url(../img/nav/nav-title-bg.gif);	
	background-repeat: no-repeat;}
#nav .member-intro {
    color:#333;
	font-size: 13px;
	margin: 0px auto; 
	line-height: 150%;
	width:140px;}
#nav .member-link{
    color:#333;
   	font-size: 12px;
	line-height: 170%;
	padding:10px 0px 10px 0px; 
	width:150px;
	margin: 0px;
	text-align:right;}
.calendar {	border: 0px;
	margin:3px 0 0 0;}
.date-off {	font-family: Arial, sans-serif;
	font-size: 10px;
	line-height: 160%;
	font-weight: bold;
	color: #999;
	text-align: center;}
.date-on {	font-family: Arial, sans-serif;
	font-size: 12px;
	line-height: 28px;
	font-weight: bold;
	color: #f66;
	text-align: center;
	background-image: url(../img/content/calender_bg.gif);	
	background-repeat: no-repeat;
	background-position:center top;}
#nav ul{margin: -8px 20px 10px 40px; padding:0px;}
#nav li{
	color:#333;
	font-size: 13px;
	line-height: 220%;
	margin: 0px;
	text-align:left;
	list-style-image: url(../img/nav/nav-ip-03.gif);}
.clink {
	margin:0 2px;
	font-size: 13px;
	line-height: 180%;}
#nav .log{
    color:#333;
	font-size: 13px;
	line-height: 160%;
	margin: 0px;}

/*footer******************************************/
#footer {
	clear: both;
	width:450;
	height:160px;
	text-align:left;
	padding: 100px 100px 50px 350px;
	background-image: url(../img/footer/footer_bg.jpg);background-repeat: no-repeat;}	
#footer .siteinfo {
    color: #4d4d4d;
	font-size: 13px;
	line-height: 210%;
	margin: 0px;
	padding-top: 15px;}
#footer .copyright {color: #4d4d4d;
    font-family: Arial, sans-serif;
	font-size: 12px;
	line-height: 210%;
	margin: 0px;
	padding-bottom: 10px;}

/*others*******************************************/
.em {color: #D95F36;}
.v-mid {vertical-align: middle;}
.center{text-align:center;
	margin: 0px;}
form {font-size: 12px;
	line-height: 120%;
	color: #333333;
	border: 1px solid #849B8C;
	margin: 0px;}
input {color:#333333;
	font-size: 12px;
	font-family: Arial, sans-serif;
	line-height: 120%;
	margin: 0px;	
    padding-top: 3px;}
option {color:#333333;
	font-size: 12px;
	font-family: Arial, sans-serif;
	line-height: 120%;
	margin: 0px;	
    padding-bottom: 4px;}
/*icons*******************************************/
.ip-1 {
	background-image: url(../img/blog_ip_01.gif);
	background-repeat: no-repeat;
	}
.ip-2 {
	background-image: url(../img/nav/nav-ip-01.gif);
	background-repeat: no-repeat;
	}
.ip-3 {
	background-image: url(../img/nav/nav-ip-02.gif);
	background-repeat: no-repeat;
	}
.ip-4 {
	background-image: url(../img/content/content_ip_01.gif);
	background-repeat: no-repeat;
	}
.ip-5 {
	background-image: url(../img/blog_ip_06.gif);
	background-repeat: no-repeat;
	}
.ip-6 {
	background-image: url(../img/content/content_ip_02.gif);
	background-repeat: no-repeat;
	}
.ip-7 {
	background-image: url(../img/content/content_ip_03.gif);
	background-repeat: no-repeat;
	}
.ip-8 {
	background-image: url(../img/blog_ip_03.gif);
	background-repeat: no-repeat;
	}
.ip-9 {
	background-image: url(../img/blog_ip_05.gif);
	background-repeat: no-repeat;
	}
.ip-10 {
	background-image: url(../img/blog_ip_04.gif);
	background-repeat: no-repeat;
	}
.ip-11 {
	background-image: url(../img/blog_ip_07.gif);
	background-repeat: no-repeat;
	}
.ip-12 {
	background-image: url(../img/blog_ip_02.gif);
	background-repeat: no-repeat;
	}
.ip-13 {
	background-image: url(../img/blog_ip_08.gif);
	background-repeat: no-repeat;
	}