body	{background-color: #403229; margin: 0px; overflow: auto; scrollbar-highlight-color: #dddddd; scrollbar-shadow-color: #dddddd; scrollbar-3dlight-color: #ffffff; scrollbar-darkshadow-color: #ffffff; scrollbar-face-color: #f5f5f5; scrollbar-track-color: #ffffff; scrollbar-arrow-color: #666666;}

body, input, textarea, select, label, a, div, table	{ font-family: 宋体, Tahoma; font-size: 9pt; color: #666666; }

input,textarea		{border-style: none; color: #666666;}
textarea			{overflow: auto;}

a					{color: #444444; text-decoration: none;}
a:hover				{color: #444444; text-decoration: underline;}
hr					{height: 1px; border: solid 1px #8ea8c1;}

.Link-Male			{color: #6666ff;}
a.Link-Male:hover	{color: #6666ff;}
.Link-Female		{color: deeppink;}
a.Link-Female:hover {color: deeppink;}

.Button-M			{background-image: url(button-m.gif); height: 20px; line-height: 20px; width: 100px; color: #1e90ff; display: inline-block; text-align: center;}
a.Button-M:hover	{background-position: -100px 0px;color: orangered;}

.Button-S			{background-image: url(button-s.gif); height: 20px; line-height: 20px; width: 50px; color: #1e90ff; display: inline-block; text-align: center;}
a.Button-S:hover	{background-position: -50px 0px; color: orangered;}

.Button-Vote		{background-image: url(button-vote.gif); height: 20px; line-height: 20px; width: 50px; color: #1e90ff; display: inline-block; text-align: left; text-indent:22px !important; text-indent:0px; _padding-left:22px; *padding-left:22px;}
a.Button-Vote:hover {background-position: -50px 0px; color: #f09100;}

.Input-L			{width: 100%; border: solid 1px #bbbbbb; height: 20px; line-height: 20px;}
.Input-M			{width: 50%;  border: solid 1px #bbbbbb; height: 20px; line-height: 20px;}
.Input-Editor		{width: 100%; border: solid 1px #bbbbbb; height: 600px;}
.TextArea-L			{width: 100%; border: solid 1px #bbbbbb; height: 120px;}
.TextArea-M			{width: 50%;  border: solid 1px #bbbbbb; height: 120px;}

.Thumbnail			{width: 33%; height: 180px; border-collapse: collapse; float: left; background: url(file-bg.gif); background-position: center 2px; background-repeat: no-repeat;}
.Thumbnail .Item	{height: 150px; text-align: center;}
.Thumbnail .Item img{border: solid 1px #ffffff;}
.Thumbnail .Link	{color: #708090; padding-top: 4px; text-align: center; vertical-align: top;}
.Thumbnail .Link a	{text-decoration: underline;}
.Thumbnail .Link a:hover {}

/* blog background */
.Blog-Background	{background-image: url(bg.jpg); background-repeat: no-repeat; background-position: left top;}
/* blog container */
.Blog-Container		{width: 777px; margin-left: 40px;}
.Blog-Container	.Primary {float: right;}
/* blog header */
.Blog-Header		{width: 100%; height: 30px;}
.Blog-Header .Logo		{float: left;}
.Blog-Header .Navgation {float: right; padding-top: 9px; padding-right: 5px; color: #403229;}
.Blog-Header a			{color: #403229; text-decoration: underline;margin-left: 3px; margin-right: 3px;}
.Blog-Header a:hover	{color: #403229;}

/* blog title */
.Blog-Title			{width: 100%; height: 120px;}
.Blog-Title .Name	{padding: 30px 12px 5px 5px; width: 100%; font-size: 28px; font-family: 黑体; color: #403229;}
.Blog-Title .Desc	{margin-left: 16px; margin-right: 3px; font-size: 16px; color: #403229; float: left;}
.Blog-Title .URL	{color: #403229; font-size: 16px}
.Blog-Title .URL a		{color: #403229; font-size: 14px;}
.Blog-Title .URL a:hover{color: #403229;}

/* blog navigation */
.Blog-Navigation	{width: 776px; height: 30px; line-height: 30px; border: solid 1px #ffffff; color: #ffffff; background-image: url(nabg.gif); margin-bottom: 5px; text-indent:10px !important; text-indent:0px; _padding-left:10px; *padding-left:10px;}
.Blog-Navigation a	{margin-left: 3px; margin-right: 3px; font-size: 14px;}
.Blog-Navigation .Link1			{color: #ffffff;}
.Blog-Navigation a.Link1:hover	{color: #ffffff;}
.Blog-Navigation .Link2			{color: #ffffff;}
.Blog-Navigation a.Link2:hover	{color: #ffffff;}

/* blog footer */
.Blog-Footer		{width: 100%; text-align: center; padding-top: 5px; color: #ffffff; border-top: dotted 1px #ffffff; clear: both;}

/* music player */
.Blog-MusicPlayer	{width: 200px; margin-bottom: 5px; background-color: #ffffff; border: solid 2px #ffffff;}
.Blog-MusicPlayer .Header	{background-image: url(nabg01.gif); height: 30px; line-height: 30px; padding-left: 10px; font-size: 14px; font-weight: bold; color: #ffffff;}
.Blog-MusicPlayer .Content	{padding: 0px; color: #999999; height: 110px;}
.Blog-MusicPlayer .Footer	{height:3px;}

/* creator information */
.Blog-CreatorInfo			{width: 200px; margin-bottom: 5px; background-color: #ffffff; border: solid 2px #ffffff;}
.Blog-CreatorInfo .Header	{background-image: url(nabg01.gif); height: 30px; line-height: 30px; padding-left: 10px; font-size: 14px; font-weight: bold; color: #ffffff;}
.Blog-CreatorInfo .Header span {}
.Blog-CreatorInfo .Notice,
.Blog-CreatorInfo .SignPic,
.Blog-CreatorInfo .Content,
.Blog-CreatorInfo .Footer	{padding-top: 3px; padding-bottom: 3px;}
.Blog-CreatorInfo .SignPic	{text-align: center;}
.Blog-CreatorInfo .Content	{text-align: center; padding: 3px;}
.Blog-CreatorInfo .Process	{padding: 1px; border: solid 1px #dddddd; height: 17px!important; _height: 19px; *height: 19px; text-align: left;}
.Blog-CreatorInfo .Process	div		{margin-top: -15px; text-align: center; color: #444444; height: 15px; line-height: 15px;}
.Blog-CreatorInfo .Notice	{padding-left: 3px; padding-right: 3px;}
.Blog-CreatorInfo .Notice	marquee { width: 100%; height: 68px; color: #990000;}
.Blog-CreatorInfo .Footer	{height: 10px;}

/* my favorite link　*/
.Blog-FavoLink		{width: 200px; margin-bottom: 5px; background-color: #ffffff; border: solid 2px #ffffff;}
.Blog-FavoLink .Header	{background-image: url(nabg01.gif); height: 30px; line-height: 30px; padding-left: 10px; font-size: 14px; font-weight: bold; color: #ffffff;}
.Blog-FavoLink .Notice,
.Blog-FavoLink .Content,
.Blog-FavoLink .Footer	{padding: 3px;}
.Blog-FavoLink .Notice	{text-align: center;}
.Blog-FavoLink .Content	{}
.Blog-FavoLink .Content a		{display: block; color:#6f5010;}
.Blog-FavoLink .Content a:hover	{color: #6f5010;}
.Blog-FavoLink .Content div		{color: #999999; padding-top: 8px; padding-left: 16px; background-position: 0px 6px; background-image: url(arrow-dotted.gif); background-repeat: no-repeat;}
.Blog-FavoLink .Footer	{}

/* 我的发贴列表　*/
.Blog-LatestBbs		{width: 200px; margin-bottom: 5px; background-color: #ffffff; border: solid 2px #ffffff;}
.Blog-LatestBbs .Header {background-image: url(nabg01.gif); height: 30px; line-height: 30px; padding-left: 10px; font-size: 14px; font-weight: bold; color: #ffffff;}
.Blog-LatestBbs .Notice,
.Blog-LatestBbs .Content,
.Blog-LatestBbs .Footer {}
.Blog-LatestBbs .Notice {text-align: center; }
.Blog-LatestBbs .Content{padding-left: 3px; padding-right: 3px;}
.Blog-LatestBbs .Content a		{color: #666666;}
.Blog-LatestBbs .Content a:hover{color: #666666;}
.Blog-LatestBbs .Content div	{padding-top: 5px;}
.Blog-LatestBbs .Footer {height: 3px;}

/* the blog list of latest update */
.Blog-LatestUpdates {width: 200px; margin-bottom: 5px; background-color: #ffffff; border: solid 2px #ffffff;}
.Blog-LatestUpdates .Header {background-image: url(nabg01.gif); height: 30px; line-height: 30px; padding-left: 10px; font-size: 14px; font-weight: bold; color: #ffffff;}
.Blog-LatestUpdates .Notice,
.Blog-LatestUpdates .Content,
.Blog-LatestUpdates .Footer	{padding: 3px;}
.Blog-LatestUpdates .Notice {text-align: center;}
.Blog-LatestUpdates .Content{}
.Blog-LatestUpdates .Content a		{height: 18px; color: #666666; display: block; padding-top: 8px; padding-left: 18px; background-position: 2px 8px; background-image: url(jt.gif); background-repeat: no-repeat;}
.Blog-LatestUpdates .Content a:hover{color: #666666;}
.Blog-LatestUpdates .Footer {}

/* 文章相关图片列表 */
.Blog-ArticleRelation {width: 200px; margin-bottom: 5px; background-color: #ffffff; border: solid 2px #ffffff;}
.Blog-ArticleRelation .Header	{background-image: url(nabg01.gif); height: 30px; line-height: 30px; padding-left: 10px; font-size: 14px; font-weight: bold; color: #ffffff;}
.Blog-ArticleRelation .Content,
.Blog-ArticleRelation .Notice,
.Blog-ArticleRelation .Footer	{text-align: center; padding: 3px;}
.Blog-ArticleRelation .Notice	{}
.Blog-ArticleRelation .Content	{_height: 180px; *height: 180px; min-height: 180px !important;}
.Blog-ArticleRelation .Footer	{}

.Blog-ArticleRelation .Content table		{width: 100%; background: url(file-bg.gif); background-position: center 2px; background-repeat: no-repeat; }
.Blog-ArticleRelation .Content .Item		{height: 150px;	 text-align: center;}
.Blog-ArticleRelation .Content .Link		{color: #cccccc; text-align: center;}
.Blog-ArticleRelation .Content .Link a		{color: #666666; text-decoration: underline; }
.Blog-ArticleRelation .Content .Link a:hover{color: #666666;}
.Blog-ArticleRelation .Content img			{border-style: none; }

/* 帮助信息框 */
.Blog-Help			{width: 200px; margin-bottom: 5px; background-color: #ffffff; border: solid 2px #ffffff;}
.Blog-Help .Header	{background-image: url(nabg01.gif); height: 30px; line-height: 30px; padding-left: 10px; font-size: 14px; font-weight: bold; color: #ffffff;}
.Blog-Help .Content,
.Blog-Help .Footer	{padding: 3px;}
.Blog-Help .Content {line-height: 130%;}
.Blog-Help .Footer	{}

/* 推荐的漫画书 */
.Blog-FavoBook	{width: 200px; margin-bottom: 5px; background-color: #ffffff; border: solid 2px #ffffff;}
.Blog-FavoBook .Header	{background-image: url(nabg01.gif); height: 30px; line-height: 30px; padding-left: 10px; font-size: 14px; font-weight: bold; color: #ffffff;}
.Blog-FavoBook .Notice,
.Blog-FavoBook .Title,
.Blog-FavoBook .Content,
.Blog-FavoBook .Footer	{text-align: center;}

.Blog-FavoBook .Content {padding: 3px;}
.Blog-FavoBook .Content img		{border: solid 1px #dddddd; width: 150; height: 205px; }
.Blog-FavoBook .Title	{text-align: center; padding-top: 5px;}
.Blog-FavoBook .Title a			{}
.Blog-FavoBook .Title a:hover	{}
.Blog-FavoBook .Footer	{height: 3px;}


/* 分类列表 */
.Blog-Category {width: 200px; margin-bottom: 5px; background-color: #ffffff; border: solid 2px #ffffff;}
.Blog-Category .Header	{background-image: url(nabg01.gif); height: 30px; line-height: 30px; padding-left: 10px; font-size: 14px; font-weight: bold; color: #ffffff;}
.Blog-Category .Notice,
.Blog-Category .Content,
.Blog-Category .Footer	{padding: 3px;}

.Blog-Category .Notice	{text-align: center; height: 100px; line-height: 100px;}
.Blog-Category .Content {}
.Blog-Category .Footer	{height: 3px;}

.Blog-Category .Selected,
.Blog-Category .UnSelect		{padding: 3px; display: block;}
.Blog-Category .Selected		{border: solid 1px #dddddd; background-color: #eeeeee; color: #708ea3; }
.Blog-Category a.Selected:hover {color: #708ea3;}
.Blog-Category .UnSelect		{color: #666666;}
.Blog-Category a.UnSelect:hover {color: #666666;}

/* 文章内容 */
.Blog-Article {width: 570px; margin-bottom: 5px;}
.Blog-Article .Header	{background-image: url(nabg.gif); height: 30px; line-height: 30px; padding-left: 5px; font-size: 12px; font-weight: bold; color: #ffffff; border: solid 2px #ffffff;}
.Blog-Article .Title,
.Blog-Article .Content,
.Blog-Article .Notice,
.Blog-Article .Relation,
.Blog-Article .Footer	{padding: 2px 5px 2px 5px; background-color: #ffffff;}

.Blog-Article .Title	{color: #403229; font-weight: bold; font-size: 18px;}
.Blog-Article .Content	{line-height: 150%; font-size: 14px; _width: 100%;}
.Blog-Article .Notice	{text-align: center; height: 600px; line-height: 600px; font-weight: bold; font-size: 14px;}
.Blog-Article .Relation a		{text-decoration: underline;}
.Blog-Article .Relation a:hover {}
.Blog-Article .Footer	{color: #403329; display:block; text-align: right;}
.Blog-Article .Footer a,
.Blog-Article .Footer a:hover {color: #403329; text-decoration: underline;}
.Blog-Article .Separator{height: 5px;}

/* 文章列表 */
.Blog-Articles { width: 570px; margin-bottom: 5px; background-color: #ffffff; border: solid 2px #ffffff;}
.Blog-Articles .Header	{background-image: url(nabg.gif); height: 30px; line-height: 30px; padding-left: 5px; font-size: 14px; font-weight: bold; color: #ffffff;}
.Blog-Articles .Content,
.Blog-Articles .Notice,
.Blog-Articles .Footer	{padding: 2px 5px 2px 5px;}
.Blog-Articles .Content {_height: 600px; *height: 600px; min-height: 600px !important;}
.Blog-Articles .Content div {padding: 5px 0px 3px 15px; color: #999999; background-image: url(button_1.gif); background-repeat: no-repeat; background-position: 0px 7px;}
.Blog-Articles .Content a		{color: #403229; font-size: 14px; display: block;}
.Blog-Articles .Content a:hover {color: #403229; font-size: 14px;}
.Blog-Articles .Notice	{text-align: center; height: 600px; line-height: 600px; font-weight: bold; font-size: 14px;}
.Blog-Articles .Footer	{}

/* 评论列表(首页) */
.Blog-LatestComment	{width: 200px; margin-bottom: 5px; background-color: #ffffff; border: solid 2px #ffffff;}
.Blog-LatestComment .Header {background-image: url(nabg01.gif); height: 30px; line-height: 30px; padding-left: 10px; font-size: 14px; font-weight: bold; color: #ffffff;}
.Blog-LatestComment .Notice,
.Blog-LatestComment .Content,
.Blog-LatestComment .Content{padding: 3px;}
.Blog-LatestComment .Notice {text-align: center;}
.Blog-LatestComment .Content{}
.Blog-LatestComment .Footer {}
.Blog-LatestComment .Content a		{color: #666666; display: block; padding-top: 8px; padding-left: 16px; background-position: 0px 6px; background-image: url(arrow-dotted.gif); background-repeat: no-repeat;}
.Blog-LatestComment .Content a:hover{color: #666666;}

/* 评论列表(文章) */
.Blog-Comment		{width: 570px;}
.Blog-Comment .Header	{padding-left: 3px; background-color: #eeeeee; color: #444444; height: 24px; line-height: 24px; border-left: solid 1px #ffffff; border-right: solid 1px #ffffff; border-top: solid 1px #ffffff;}
.Blog-Comment .Header img {margin-right: 2px; margin-top: 4px; margin-bottom: -4px;}
.Blog-Comment .Content,
.Blog-Comment .Footer	{padding: 3px; background-color: #ffffff;}
.Blog-Comment .Content	{}
.Blog-Comment .Reminder {}
.Blog-Comment .Footer	{}
.Blog-Comment .Separator{}

/* 评论发送 */
.Blog-Comment-Box	{width: 570px; margin-bottom: 5px;}
.Blog-Comment-Box .Header	{padding-left: 5px; background-color: #eeeeee; color: #444444; height: 24px; line-height: 24px; border-left: solid 1px #ffffff; border-right: solid 1px #ffffff; border-top: solid 1px #ffffff;}
.Blog-Comment-Box .Header SPAN {color: royalblue;}
.Blog-Comment-Box .Content,
.Blog-Comment-Box .Footer	{background-color: #ffffff; padding: 2px 5px 2px 5px;}
.Blog-Comment-Box .Content	{width: 100%;}
.Blog-Comment-Box .Footer	{}

/* 翻页条 */
.Blog-PageRoll		{width: 570px; height: 24px; margin-bottom: 5px; border: solid 1px #ffffff; background-color: #f5f5f5;}
.Blog-PageRoll TD	{padding: 0px 1px 0px 1px; color: #cccccc;}
.Blog-PageRoll SPAN {color: #444444;}
.Blog-PageRoll INPUT{border: solid 1px #dddddd; background-color: #ffffcc; height: 16px; font-weight: bold;}
.Blog-PageRoll A		{}
.Blog-PageRoll A:hover	{}

/* 图书馆列表 */
.Blog-Favorites {width: 570px; margin-bottom: 5px; background-color: #ffffff; border: solid 2px #ffffff;}
.Blog-Favorites .Header {background-image: url(nabg.gif); height: 30px; line-height: 30px; padding-left: 5px; font-size: 14px; font-weight: bold; color: #ffffff;}

.Blog-Favorites .Content,
.Blog-Favorites .Notice,
.Blog-Favorites .Footer	{clear: both;}

.Blog-Favorites .Notice {text-align: center; height: 600px; line-height: 600px; font-weight: bold; font-size: 14px;}
.Blog-Favorites .Content{display: inline-block;}
.Blog-Favorites .Content .Item	{width: 540px; border-collapse: collapse; margin: 10px 6px 0px 6px; height: 125px;}
.Blog-Favorites .Content .Item td{border: solid 1px #cccccc;}
.Blog-Favorites .Content .Item .Icon		{padding: 2px;}
.Blog-Favorites .Content .Item .Icon img	{width: 85px; height: 115px; border-width: 0px;}
.Blog-Favorites .Content .Item .NoPad		{background-color: #eeeeee; padding: 0px; }
.Blog-Favorites .Content .Item .Body,
.Blog-Favorites .Content .Item .Title		{padding: 2px; width: 100%;}
.Blog-Favorites .Content .Item .Title .Name {float: left;}
.Blog-Favorites .Content .Item .Title .Name a		{color: black;}
.Blog-Favorites .Content .Item .Title .Name a:hover	{color: black;}
.Blog-Favorites .Content .Item .Title .Tips			{float: right;}
.Blog-Favorites .Content .Item .Title .Tips img		{border-width: 0px;}
.Blog-Favorites .Content .Item .Text-Good	{padding: 2px 2px 2px 18px; height:16px; background: url(../../../res/icon/estimate/good.gif); background-repeat: no-repeat; color: #666666; font-style: italic;}
.Blog-Favorites .Footer {height: 10px;}

/* 我的相册 */
.Blog-Images			{width: 570px; margin-bottom: 5px; background-color: #ffffff; border: solid 2px #ffffff;}
.Blog-Images .Header	{background-image: url(nabg.gif); height: 30px; line-height: 30px; padding-left: 5px; font-size: 14px; font-weight: bold; color: #ffffff;}
.Blog-Images .List,
.Blog-Images .Content,
.Blog-Images .Notice,
.Blog-Images .Footer	{}
.Blog-Images .List		{padding: 5px; _height: 600px; *height: 600px; min-height: 600px !important;}
.Blog-Images .Content	{height: 600px;}
.Blog-Images .Content table {width: 100%; height: 100%; border-collapse: collapse;}
.Blog-Images .Content td	{text-align: center; padding: 0px;}
.Blog-Images .Notice	{text-align: center; height: 600px; line-height: 600px; color: #666666; font-weight: bold; font-size: 14px;}
.Blog-Images .Footer	{height: 10px;}

/* 图片相关信息 */
.Blog-ImageRelation	{width: 200px; margin-bottom: 5px; background-color: #ffffff; border: solid 2px #ffffff;}
.Blog-ImageRelation .Header	{background-image: url(nabg01.gif); height: 30px; line-height: 30px; padding-left: 10px; font-size: 12px; font-weight: bold; color: #ffffff;}
.Blog-ImageRelation .Content,
.Blog-ImageRelation .Footer	{padding: 3px;}
.Blog-ImageRelation .Content{line-height: 130%; _height: 180px; *height: 180px; min-height: 180px;}
.Blog-ImageRelation label	{display: block; text-decoration: underline; padding-top: 5px;}
.Blog-ImageRelation .Footer {}

/* 编辑页面 */
.Blog-Edit	{width: 570px; margin-bottom: 5px; background-color: #ffffff; border: solid 2px #ffffff;}
.Blog-Edit .Header		{background-image: url(nabg.gif); height: 30px; line-height: 30px; padding-left: 5px; font-size: 14px; color: #ffffff;}
.Blog-Edit .Header a,
.Blog-Edit .Header a:hover {text-decoration: underline; font-size: 14px; color: #ffffff; font-weight: bold;}

.Blog-Edit .Title,
.Blog-Edit .Articles,
.Blog-Edit .Links,
.Blog-Edit .Notice,
.Blog-Edit .Replies,
.Blog-Edit .Global,
.Blog-Edit .Content,
.Blog-Edit .Images,
.Blog-Edit .Musics,
.Blog-Edit .Footer		{padding: 2px 5px 2px 5px;}

.Blog-Edit .Title		{color: #444444;}
.Blog-Edit .Content	.Template img	{border: solid 1px #dddddd; display:block;}
.Blog-Edit .Content	.Template label {color: #444444;}

.Blog-Edit .Articles		{_height: 600px; *height: 600px; min-height: 600px !important;}
.Blog-Edit .Articles table	{border-collapse: collapse;}
.Blog-Edit .Articles a		{color: black; font-size: 14px;}
.Blog-Edit .Articles a:hover{color: black; font-size: 14px;}

.Blog-Edit .Links			{_height: 600px; *height: 600px; min-height: 600px !important;}
.Blog-Edit .Links table		{border-collapse: collapse;}
.Blog-Edit .Links a			{color: black; font-size: 14px;}
.Blog-Edit .Links a:hover	{color: black; font-size: 14px;}

.Blog-Edit .Musics			{_height: 600px; *height: 600px; min-height: 600px !important;}
.Blog-Edit .Musics table	{border-collapse: collapse;}
.Blog-Edit .Musics a		{color: black; font-size: 14px;}
.Blog-Edit .Musics a:hover	{color: black; font-size: 14px;}
.Blog-Edit .Musics label	{color: crimson; font-size: 14px; font-weight: bold; width: 30px; height: 20px; text-align: center; }
.Blog-Edit .Musics input	{width: 30px; height: 20px;}

.Blog-Edit .Notice			{text-align: center; height: 600px; line-height: 600px; color: #666666; font-weight: bold; font-size: 14px;}

.Blog-Edit .Replies			{_height: 600px; *height: 600px; min-height: 600px !important;}
.Blog-Edit .Replies table	{border-collapse: collapse;}

.Blog-Edit .Global			{_height: 600px; *height: 600px; min-height: 600px !important;}
.Blog-Edit .Global div		{padding: 2px 5px 10px 5px; font-size: 14px;}
.Blog-Edit .Global a		{color: black; text-decoration: underline; display: block; font-size: 14px;}
.Blog-Edit .Global a:hover	{color: black;}

.Blog-Edit .Images			{_height: 600px; *height: 600px; min-height: 600px !important;}

.Blog-Edit .Footer			{}