@charset "utf-8";
/* CSS Document */

body {
	background:url(/File/date_all_bg.jpg) no-repeat 0px 20px; margin:0px;
}

form , h1 , h2 {
	margin:0px; padding:0px;
}

img {
	border:none;
}

* {
	font-size:12px; 
}

a {
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}

#top {
	width:100%; height:25px; line-height:25px; background:url(/images/date_main_top_bg.gif) repeat-x bottom; overflow:hidden; border-bottom:solid 1px #aaaaaa; margin-top:-2px; overflow:hidden;
}

.toplink {
	font-size:13px; color:#820263; text-decoration:none; font-weight:bold;
}


.main {
	width:840px; height:460px; position:relative; float:left;
}

/****** 左侧头部信息 *****/
.datenum {
	width:179px; height:39px; line-height:39px; text-align:center; color:#511C48; font-size:18px; font-family:Verdana, Arial, Helvetica, sans-serif; background:url(/File/basic/since4.gif) no-repeat 0px 5px; position:absolute; left:0px; top:-5px; display:block; text-decoration:none; padding-left:45px;
}
.datenum img {
	margin-top:10px;
}
.d_num_show {
	background:url(/File/datenum.gif) no-repeat; width:12px; height:20px; display:block; float:left; margin-top:10px;
}
.num_0 {
	background-position:0px 0px;
}
.num_1 {
	background-position:-20px 0px;
}
.num_2 {
	background-position:-40px 0px;
}
.num_3 {
	background-position:-60px 0px;
}
.num_4 {
	background-position:-80px 0px;
}
.num_5 {
	background-position:-100px 0px;
}
.num_6 {
	background-position:-120px 0px;
}
.num_7 {
	background-position:-140px 0px;
}
.num_8 {
	background-position:-160px 0px;
}
.num_9 {
	background-position:-180px 0px;
}
.num_y {
	background-position:0px -20px; width:18px;
}
.num_m {
	background-position:-20px -20px; width:18px;
}
.num_d {
	background-position:-40px -20px; width:18px;
}

/***** 调用总背景 *****/
.mainbg {
	background-image:url(/File/date_basic_bg.gif); display:block;
}

/******* 天气 *******/
.weather_img_1 {
	background-position:-60px 0px; width:22px; height:22px; margin-top:8px; margin-right:3px; margin-left:10px; float:left;
}
.weather_img_2 {
	background-position:-90px 0px; width:22px; height:22px; margin-top:8px; margin-right:3px; margin-left:10px; float:left;
}
.weather_img_3 {
	background-position:-120px 0px; width:22px; height:22px; margin-top:8px; margin-right:3px; margin-left:10px; float:left;
}
.weather_img_4 {
	background-position:-150px 0px; width:22px; height:22px; margin-top:8px; margin-right:3px; margin-left:10px; float:left;
}
.weather_btn_normal {
	background-position:0px 0px; width:16px; height:16px; margin-top:11px; float:left;
}
.weather_btn_checked {
	background-position:-30px 0px; width:16px; height:16px; margin-top:11px; float:left;
}


.lefttop {
	width:390px; height:100px; position:absolute; left:0px; top:0px; background:url(/File/basic/index_left_top_img.gif) right bottom no-repeat;
}
.date_title {
	width:300px; height:25px; line-height:25px; font-size:18px; position:absolute; left:30px; top:36px; color:#511C48;
}
.date_desc {
	width:300px; height:40px; line-height:20px; font-size:13px; position:absolute; left:75px; top:65px; color:#511C48; font-weight:normal;
}

/**** 左侧通用分割线 ***/
.maincutline {
	width:390px; height:3px; position:absolute; left:0px; background:url(/File/basic/index_main_cutline.gif) repeat-x; overflow:hidden;
}

/**** 心情小记部分 ****/
.daylog {
	position:absolute; right:0px; top:0px; width:400px; height:42px; background:url(/File/basic/main_day_log_bottom.gif) bottom left no-repeat;
}
.daylog .today {
	float:left; width:120px; height:40px; line-height:40px; text-align:center; color:#FF0000; font-size:14px;
}
.daylog .writebtn {
	float:left; margin-top:11px; background-position:-180px -30px; width:51px; height:17px;
}
/***** 心情小记输入框 ******/
#daylogarea {
	width:245px; height:135px; background-position:0px -570px; position:absolute; z-index:5; border:solid 3px #F7B6D4; display:none;
}
#daylogarea textarea {
	width:229px; height:100px; line-height:21px; background:url(/File/basic/daylog_writearea_bg.gif) center repeat-y  #FFFFFF; float:left; margin-left:8px; margin-top:2px; border:solid 1px #CCCCCC;
}
#daylogarea .savebtn {
	width:115px; height:21px; float:left; background-position:0px -30px; margin-left:40px; margin-top:5px;
}
#daylogarea .cancelbtn {
	width:53px; height:21px; float:left; background-position:-120px -30px; margin-left:10px; margin-top:5px;
}

/******* 时间轴 ******/
#timeline {
	width:390px; height:40px; bottom:0px; left:5px; position:absolute;
}


/**** 右下角吉祥物标志 ******/
#server_icon {
	position:absolute; bottom:-2px; right:0px; width:20px; height:20px; background:url(/File/s25x25.gif) no-repeat;
}
.s_a {
	background-position:0px 0px;
}
.s_b {
	background-position:-20px 0px;
}
.s_c {
	background-position:-40px 0px;
}
.s_d {
	background-position:-60px 0px;
}
.s_e {
	background-position:-80px 0px;
}
.s_f {
	background-position:-100px 0px;
}
/*********/
.s_g {
	background-position:0px -20px;
}
.s_h {
	background-position:-20px -20px;
}
.s_i {
	background-position:-40px -20px;
}
.s_j {
	background-position:-60px -20px;
}
.s_k {
	background-position:-80px -20px;
}
.s_m {
	background-position:-100px -20px;
}
/**********/
.s_n {
	background-position:0px -40px;
}
.s_p {
	background-position:-20px -40px;
}
.s_q {
	background-position:-40px -40px;
}
.s_r {
	background-position:-60px -40px;
}
.s_s {
	background-position:-80px -40px;
}
.s_t {
	background-position:-100px -40px;
}
/************/
.s_u {
	background-position:0px -60px;
}
.s_v {
	background-position:-20px -60px;
}
.s_w {
	background-position:-40px -60px;
}
.s_x {
	background-position:-60px -60px;
}
.s_y {
	background-position:-80px -60px;
}
.s_z {
	background-position:-100px -60px;
}



/**** 显示更多日志分类 相册 ****/
#showmorearea {
	position:absolute; border:solid 1px #C1C5FD; width:100px; height:auto; line-height:20px; left:0px; top:0px; background-color:#fefefe; display:none; 
}
#showmorearea a {
	font-size:12px; text-decoration:underline; color:green; display:block; width:90px; float:left; margin-left:5px; line-height:20px;
}




#bottom {
	width:960px; height:50px; border-top:solid 2px #cccccc; text-align:center; clear:both; padding-top:10px; position:relative;
}

#bottom .webmasterlink {
	float:right; margin-right:10px; position:absolute; top:5px; right:0px;
}