/* body ********************************************/
body{
	margin:0px;
	padding:0px;
	background-image: url(../img/bg.gif);
	background-position: center;
	background-repeat: repeat-y;
	background-color: #FFCC00;
}
	
/*wrapall*******************************************/
#wrapall{
	position: relative;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	width: 950px;}

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

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

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

a.menu:link{color:#336; text-decoration:underline; background-image: url(../img/menu/menu.gif);}
a.menu:visited {color:#336; text-decoration:underline;background-image: url(../img/menu/menu.gif);}
a.menu:hover{color:#fff;text-decoration:none;background-image: url(../img/menu/menu_on_2.gif);}

a.menu-on:link{color:#036; text-decoration:none;background-image: url(../img/menu/menu_on_1.gif);}
a.menu-on:visited {color:#036; text-decoration:none;background-image: url(../img/menu/menu_on_1.gif);}
a.menu-on:hover{color:#036;text-decoration:underline;background-image: url(../img/menu/menu_on_1.gif);}

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

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

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

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

.recomd a:link{color:#c30; text-decoration:underline;}
.recomd a:visited {color:#c30; text-decoration:underline;}
.recomd a:hover{color:#c30;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:#036;text-decoration:none; display:block; background-color: #F5DAE2;}
.date-on a:visited {color:#036; text-decoration:none; display:block; background-color: #F5DAE2;}
.date-on a:hover{color:#036; text-decoration:none; display:block; background-color: #F9E8ED;}

li a:link{color:#036; text-decoration:underline;}
li a:visited {color:#036; text-decoration:underline;}
li a:hover{color:#036;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:#FFF; text-decoration:underline;}
#footer a:visited {color:#FFF; text-decoration:underline;}
#footer a:hover{color:#FFF;text-decoration:none;}


/*service*******************************************/
#service {
	font-size: 13px;
	text-align:right;
	height:15px;
	padding: 18px 20px 0px 0px;
	background-repeat: no-repeat;
	background-color: #FF6600;
	color: #fff;
}

/*header******************************************/
#header {
	margin:0px;
	background-image: url(../img/header_bg.jpg);
	background-repeat: no-repeat;
	background-color: #FFF;
	padding-right: 60px;
	padding-left: 260px;
	height: 120px;
	padding-top: 180px;
}
#header .member {color:#036;font-size:13px;	line-height:130%;padding: 0;font-family: Arial, Helvetica, sans-serif;}
#header .site {color:#FFF;font-size:22px;line-height:135%;font-weight:bold; padding: 0;}
#header .describe {color:#333;font-size:13px;line-height:135%; padding:0;}

/*menu*******************************************/
#menu {
	padding:5px 0px 0px 80px;
	margin:0px;
	background-color: #FF6600;
	height: 35px;
}
#menu a{font-size: 15px;font-weight: bold;text-align: center;width:130px;height:28px;display:block;	padding-top: 12px;margin:0 1px;float:left;}

/*mainbody*******************************************/
#mainbody {
    width: 950px;
	height: 100%;
	padding: 0px;
	margin: 0px;
	background-color:#FFFFFF;}

/*content******************************************/
#content{
	float:right;
	width: 700px;
	height: 100%;
	margin:0px;
	padding:0px;
	overflow: hidden;}
.content-inner{
	clear:both;
	margin:0px 15px;
	width: 670px;
}
.content-page{
	clear:both;
	margin:0px 10px 0px 0px;
	background: url(../img/content/article-bg.gif) no-repeat right bottom;
	overflow: hidden;
	padding-top: 0px;
	padding-bottom: 20px;
	padding-left: 10px;
	padding-right: 20px;
}
dl {float: left;
   width: 216px;
   padding-bottom: 5px; 
   margin: 0; 
   text-align: center;
   font-size: 12px;
   line-height: 150%;
   color: #333333;
   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:both;
	font-size: 13px;
	color: #2F5BAE;
	text-align: left;
	padding:10px 0px;
	margin: 0px;
	font-family: Arial, sans-serif;}
h2{color: #FE0000;
	font-size: 18px;
	line-height:180%;
	font-weight: bold;
	text-indent:7px;
	background-image: url(../img/content/h2-bg.gif);
	background-repeat: no-repeat;
	height: 46px;
	margin: 6px 0 0;
	padding: 6px 0 0 40px;}
.date{font-size: 12px;
	color: #FE0000;
	padding:3px 20px 3px 0px;
	margin:0px;
	font-family: Arial, sans-serif;}
.path{color: #FE0000;font-size: 13px; padding:10px 0px 3px; margin:0px;}
.article {color: #666;
	font-size: 13px;
	line-height:180%;
	padding:5px 0px 0px 0px;
	margin:0px;
	text-align: justify;}
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: #2F5BAE;
	padding-top: 10px;
	text-align: right;
	margin-right: 20px;
	}
.recomd{color:#c30; 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: #666666;
	padding: 10px;
	margin:0px 10px;
	border: 1px dashed #999999;
}
h4{clear:both;color: #666;font-size: 16px;line-height:180%; font-weight: bold; margin:1px 10px 1px 0px;}

.editor{
    font-size: 12px;
	color: #5b7382;
	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;
	padding-left: 10px;
	padding-right: 10px;
	}
.item {    color: #FFF;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	width: 120px;
	line-height: 180%;
	background-color: #CC6600;}
.fill {
    color: #333;
	font-size: 13px;
	line-height: 180%;
	background-color: #FFCC33;}
.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{
    clear: both;
	height: 100%;
	font-size: 13px;
	line-height: 180%;
	color: #666;
	padding: 0px 40px;
    overflow: hidden;}

/*nav*******************************************/

#nav {
	float: left;
	padding:0px;
	margin: 0px;
	text-align:center;
	width: 240px;
	height: 100%;
	background: #FDE277;
	overflow: hidden;}
#nav h5 {
	font-size: 15px;
	color: #2F5BAE;
	font-weight:bold;
	margin:7px;
	height: 25px;
	text-align: center;
	background-image: url(../img/nav/nav-title-bg.gif);
	padding: 20px 0 8px 0;
	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: 0px 0px 5px 0px;
	background-color: #3399CC;}
#nav .date-off {
	font-family: Arial, sans-serif;
	font-size: 11px;
	line-height: 160%;
	font-weight: bold;
	color: #999;
	text-align: center;
	background-color: #FFF;}
#nav .date-on {
	font-family: Arial, sans-serif;
	font-size: 11px;
	line-height: 160%;
	font-weight: bold;
	color: #CD2D5F;
	text-align: center;
	background-color: #F5D8E0;}
#nav ul{margin: 0px 20px 10px 40px;padding:0px;}
#nav li{
	color:#036;
	font-size: 13px;
	line-height: 220%;
	margin: 0px;
	text-align:left;
	list-style-image: url(../img/nav/nav-ip-03.gif);}
.clink {
	margin: 5px;
	font-size: 13px;
	line-height: 180%;}
#nav .log{
    color:#333;
	font-size: 13px;
	line-height: 160%;
	margin: 0px;}

/*footer******************************************/
#footer {
	clear: both;
	width:950px;
	text-align:center;
	background-color: #FFFFFF;
	background-image: url(../img/footer/footer_bg.jpg);
	height: 200px;
}	
#footer .siteinfo {
    color: #fff;
	font-size: 13px;
	line-height: 180%;
	margin: 0px;
	padding-top: 40px;}
#footer .copyright {color: #FFF;
    font-family: Arial, sans-serif;
	font-size: 12px;
	line-height: 180%;
	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;
	}