/* bg css */
.wrapMainBg { }

/* main css */
#wrapMain { margin: 0px; padding: 0px; width: 955px; overflow: hidden; }
#wrapMain #top { height: 200px; background-color: #5b5b5b; }
#wrapMain #top h2.title { margin: 0px; padding-top: 134px; margin-left: 10px; font-weight: 900; font-size: 1.33em; color: orange; }
#wrapMain #top h2.title a { color: #fff; }
#wrapMain #top h2.title a:hover { color: #000; }
#wrapMain #top .navi { margin-top: 20px; height: 32px; background-color: none; }
#wrapMain #top .navi ul.menu { float: right; margin: 0px; padding: 0px; padding-top: 10px; list-style: none; }
#wrapMain #top .navi ul.menu li { float: left; margin-right: 10px; }
#wrapMain #top .navi ul.menu li a { color: #fff; }
#wrapMain #top .navi ul.menu li a:hover { color: red; }

#wrapMain #middle { margin-top: 10px; background-color: #fff;  height: 100%; overflow: hidden; }
#wrapMain #middle #contentsFrame { float: right; margin-bottom: 20px; padding: 10px 0px 10px 10px; padding-top: 0px; padding-bottom: 0px; width: 720px; height: 100%; overflow: hidden; }
#wrapMain #middle .panel { float: left; padding-top: 10px; padding-left: 7px; padding-bottom: 20px; width: 208px; background-color: #f9f9f9; border: 1px solid #eee;}
#wrapMain #middle .history { }
#wrapMain #middle .history img.view { padding: 2px; width: 194px; border: 1px solid #ccc; }
#wrapMain #middle .history p.content { margin-top: 5px; width: 200px; height: 50px; overflow: auto; overflow-x: hidden; font-size: 0.92em; color: #635a6a; text-align: left; line-height: 1.4em; scrollbar-3dlight-color: #e0e0e0; scrollbar-arrow-color: #e0e0e0; scrollbar-base-color: #e0e0e0; scrollbar-darkshadow-color: #fff; scrollbar-face-color: #fff; scrollbar-highlight-color: #fff; scrollbar-shadow-color: #e0e0e0; }
#wrapMain #middle .history p.button { padding-left: 70px; margin-top: 5px; margin-bottom: 5px; text-align: right; overflow: hidden; }
#wrapMain #middle .history a.writeBt { float: right; margin-right: 5px; padding: 10px; padding-right: 8px; font-size: 0.92em; color: #666; }
#wrapMain #middle .history a.profileBt { float: left; margin-right: 5px; padding-right: 8px; width: 38px; height: 16px; font-size: 0.92em; color: #666; background: url('/app/views/blog/default/imgs/main_icon_arrow.gif') right 3px no-repeat; }
#wrapMain #middle .history a.messageBt { float: left; margin-right: 5px; padding-right: 8px; width: 26px; height: 16px; font-size: 0.92em; color: #666; background: url('/app/views/blog/default/imgs/main_icon_arrow.gif') right 3px no-repeat; }
#wrapMain #middle .history a.mailBt { float: left; margin-right: 5px; padding-right: 8px; width: 26px; height: 16px; font-size: 0.92em; color: #666; background: url('/app/views/blog/default/imgs/main_icon_arrow.gif') right 3px no-repeat; }
#wrapMain #middle .todayStatus { clear: both; width: 198px; height: 16px; font-size: 0.92em; font-family: tahoma; text-align: center; border: 1px solid #ccc; background-color: #e9e9e9; }
#wrapMain #middle .todayStatus .today { color: #ff6c00; }
#wrapMain #middle #blogSearch { clear: both; margin: 0px; padding: 0px; margin-top: 5px; }
#wrapMain #middle #blogSearch input { vertical-align: top; }
#wrapMain #middle #blogSearch #keyword { display: inline-block; margin: 0px; padding: 0px; padding-top: 4px; width: 140px; height: 18px; border: 2px solid #dfdfdf; }
#wrapMain #middle #blogSearch .submit { display: inline-block; margin: 0px; padding: 0px; margin-left: -4px; border: 0px; width: 56px; height: 26px; text-align: center; background-color: #dfdfdf; color: #fff; font-weight: 900; }
*html #wrapMain #middle #blogSearch .submit { margin-top: 1px; }
#wrapMain #middle .widgetBlogCategory { margin-top: 20px; width: 200px; background: url('/app/views/blog/default/imgs/blog_latest_bg.gif') no-repeat; overflow: hidden; }
#wrapMain #middle .widgetBlogCategory .list { margin-top: 5px; margin-bottom: 5px; }
#wrapMain #middle .widgetBlogCategory h3 { margin: 7px 0px 0px 8px; padding: 0px; font-weight: 900; font-size: 1em; color: #fff; }
#wrapMain #middle .widgetBlogCategory #widgetBlogCategoryMenu { margin: 0px; padding: 0px; margin-top: 5px; padding-top: 5px; }
#wrapMain #middle .widgetBlogCategory #widgetBlogCategoryMenu a { color: #666; }
#wrapMain #middle .widgetBlogCategory #widgetBlogCategoryMenu ul { list-style: none; }
#wrapMain #middle .widgetBlogCategory #widgetBlogCategoryMenu .total { font-size: 0.92em; font-family: tahoma; color: #666; }
#wrapMain #middle .widgetBlogTag { margin: 0px; padding: 0px; margin-top: 20px; width: 200px; background: url('/app/views/blog/default/imgs/blog_latest_bg.gif') no-repeat; overflow: hidden;}
#wrapMain #middle .widgetBlogTag img { vertical-align: middle; }
#wrapMain #middle .widgetBlogTag p { clear: both; margin-top: 5px; }
#wrapMain #middle .widgetBlogTag h3 { margin: 7px 0px 0px 8px; padding: 0px; font-weight: 900; font-size: 1em; color: #fff; }
#wrapMain #middle .widgetBlogTag .tags { margin: 0px; padding: 0px; margin-top: 5px; padding: 5px; color: #635a6a; line-height: 1.8em; }
#wrapMain #middle .widgetBlogTag .tags .tagCloud1 { display: inline; padding: 5px; font-size: 18px; letter-spacing: -1px; line-height: 1.8em;color: #cc3300; }
#wrapMain #middle .widgetBlogTag .tags .tagCloud2 { display: inline; padding: 5px; font-size: 16px; letter-spacing: -1px; line-height: 1.8em;color: #ff9900; }
#wrapMain #middle .widgetBlogTag .tags .tagCloud3 { display: inline; padding: 5px; font-size: 14px; letter-spacing: -1px; line-height: 1.8em;color: #669900; }
#wrapMain #middle .widgetBlogTag .tags .tagCloud4 { display: inline; padding: 5px; font-size: 12px; line-height: 1.8em;color: #0099cc; }
#wrapMain #middle .widgetBlogTag .tags .tagCloud5 { display: inline; padding: 5px; font-size: 11px; line-height: 1.8em;color: #999999; }
#wrapMain #middle .widgetBlogPost { margin-top: 20px; width: 200px; background: url('/app/views/blog/default/imgs/blog_latest_bg.gif') no-repeat; overflow: hidden;}
#wrapMain #middle .widgetBlogPost h3 { margin: 7px 0px 0px 8px; padding: 0px; font-weight: 900; font-size: 1em; color: #fff; }
#wrapMain #middle .widgetBlogPost ul { margin: 0px; padding: 0px; margin-top: 5px; padding-top: 10px; padding-left: 5px; list-style: none; }
#wrapMain #middle .widgetBlogPost ul li { height: 18px; }
#wrapMain #middle .widgetBlogComment { margin-top: 20px; width: 200px; background: url('/app/views/blog/default/imgs/blog_latest_bg.gif') no-repeat; overflow: hidden; }
#wrapMain #middle .widgetBlogComment h3 { margin: 7px 0px 0px 8px; padding: 0px; font-weight: 900; font-size: 1em; color: #fff; }
#wrapMain #middle .widgetBlogComment ul { margin: 0px; padding: 0px; margin-top: 5px; padding-top: 10px; padding-left: 5px; list-style: none; }
#wrapMain #middle .widgetBlogComment ul li { height: 18px; }
#wrapMain #middle .widgetBlogTrackback { margin-top: 20px; width: 200px; background: url('/app/views/blog/default/imgs/blog_latest_bg.gif') no-repeat; overflow: hidden; }
#wrapMain #middle .widgetBlogTrackback h3 { margin: 7px 0px 0px 8px; padding: 0px; font-weight: 900; font-size: 1em; color: #fff; }
#wrapMain #middle .widgetBlogTrackback ul { margin: 0px; padding: 0px; margin-top: 5px; padding-top: 10px; padding-left: 5px; list-style: none; }
#wrapMain #middle .widgetBlogTrackback ul li { height: 18px; }
#wrapMain #middle .widgetBlogFavoriteSite { margin-top: 20px; width: 200px; background: url('/app/views/blog/default/imgs/blog_latest_bg.gif') no-repeat; }
#wrapMain #middle .widgetBlogFavoriteSite h3 { margin: 0px 0px 0px 8px; padding: 0px; padding-top: 7px; font-weight: 900; font-size: 1em; color: #fff; }
#wrapMain #middle .widgetBlogFavoriteSite ul { margin: 0px; padding: 0px; margin-top: 5px; padding-top: 10px; padding-left: 5px; list-style: none; }
#wrapMain #middle .widgetBlogFavoriteSite ul li { height: 18px; }
#copyright { clear: both; margin-top: 10px; height: 40px; text-align: center; }
#copyright a { font-weight: 900; font-size: 0.92em; }

body#zh #wrapMain #middle .todayStatus { font-family: 'MS Song'; font-size: 1.08em; font-weight: 100; }
body#zh #wrapMain #middle .history p.button { padding-left: 58px; }
body#zh #wrapMain #middle .history a.profileBt { width: 50px; }

body#en #wrapMain #middle .history p.button { padding-left: 50px; }
body#en #wrapMain #middle .history a.messageBt { width: 45px; }
body#en #wrapMain #middle .history a.mailBt { width: 30px; }


/* profile */
#wrapProfile { margin-bottom: 30px; } 
#wrapProfile h2.title { margin-bottom: 5px; font-weight: 900; font-size: 1.08em; color: #666; }
#wrapProfile h2.title img { vertical-align: middle; }
#wrapProfile table.defaultInfo { width: 100%; border-top: 2px solid #d8d8d5; border-collapse: collapse; text-align: left; table-layout: fixed; }
#wrapProfile table.defaultInfo td.title { width: 18%; padding: 10px 0px 10px 20px; border-bottom: 1px solid #d8d8d5; background: #f7f7f7; }
#wrapProfile table.defaultInfo td.value { width: 32%; padding: 10px 0px 10px 15px; line-height: 150%; border-bottom: 1px solid #d8d8d5; }


/* tag */
#wrapTag { margin-bottom: 30px; } 
#wrapTag h2.title { margin-bottom: 5px; font-weight: 900; font-size: 1.08em; color: #666; }
#wrapTag h2.title img { vertical-align: middle; }
#wrapTag .tagList { margin-top: 5px; padding: 5px; color: #635a6a; border-top: 2px solid #c8c8c8; }
#wrapTag .tagList p { clear: both; margin-top: 10px; line-height: 2.1em; }
#wrapTag .tagList .tagCloud1 { display: inline; padding: 5px; font-size: 1.67em; font-weight: 900; letter-spacing: -1px; color: #fff; background-color: #669900; }
#wrapTag .tagList .tagCloud2 { display: inline; padding: 5px; font-size: 1.50em; font-weight: 900; letter-spacing: -1px; color: #cc3300; }
#wrapTag .tagList .tagCloud3 { display: inline; padding: 5px; font-size: 1.33em; font-weight: 600; letter-spacing: -1px; color: #ff9900; }
#wrapTag .tagList .tagCloud4 { display: inline; padding: 5px; font-size: 1.25em; font-weight: 600; color: #0099cc; }
#wrapTag .tagList .tagCloud5 { display: inline; padding: 5px; font-size: 1.08em; color: #999999; }
#wrapTag .tagList img { vertical-align: middle; }


/* schedule */
#wrapSchedule { margin-bottom: 30px; width: 700px; }
#wrapSchedule h2.title { margin-bottom: 5px; font-weight: 900; font-size: 1.08em; color: #666; }
#wrapSchedule h2.title img { vertical-align: middle; }

#wrapSchedule .top { clear: both; margin-top: 5px; padding-top: 5px; _padding-top: 8px; padding-left: 10px; padding-bottom: 5px; height: 18px; font-weight: 900; background-color: #f6f6f6; border-top: 2px solid #dbdbdb; border-bottom: 1px solid #dfdfdf; }
#wrapSchedule .top img { vertical-align: middle; }
#wrapSchedule .top a { font-weight: 100; font-size: 0.92em; }

#wrapSchedule table.middle { width: 100%; table-layout: fixed; }
#wrapSchedule table.middle tr.scheduleArea { padding-top: 20px; padding-bottom: 20px; height: 70px; background: url('/app/views/blog/default/imgs/schedule_bg_line.gif') left bottom repeat-x; }
#wrapSchedule table.middle .today { background-color: #fffbc1; }
#wrapSchedule table.middle td.icon { padding-top: 10px; width: 60px; vertical-align: top; text-align: center; }
#wrapSchedule table.middle td.icon img { margin: 0 auto; display: block; margin-bottom: 5px; }
#wrapSchedule table.middle td.icon .date { font-size: 0.92em; font-family: verdana; color: #666; }
#wrapSchedule table.middle td.contentArea { padding: 7px 0px 0px 10px; vertical-align: top; }
#wrapSchedule table.middle .content { margin-bottom: 10px; font-size: 0.92em; color: #666; line-height: 1.4em; }
#wrapSchedule table.middle p.info { margin: 0px; padding: 0px; margin-bottom: 5px; }
#wrapSchedule table.middle p.info strong { font-size: 0.92em; color: #a4a4a4; }
#wrapSchedule table.middle p.info img { vertical-align: middle; }


/* guestbook */
div.wrapGuestbook { margin: 0px; padding: 0px; margin-bottom: 30px; border-bottom: 2px solid #c8c8c8; } 
div.wrapGuestbook h2.title { margin-bottom: 5px; font-weight: 900; font-size: 1.08em; color: #666; }
div.wrapGuestbook h2.title img { vertical-align: middle; }
#wrapGuestbook { margin: 0px; padding: 0px; margin-bottom: 10px; list-style: none; }
#wrapGuestbook h2.title { margin-bottom: 5px; font-weight: 900; font-size: 1.08em; color: #666; }
#wrapGuestbook h2.title img { vertical-align: middle; }
#wrapGuestbook li { margin-top: 5px; width: 700px; }
#wrapGuestbook .guestbook { width: 700px; border-top: 1px solid #dadada; }
#wrapGuestbook .reply { padding-left: 5px; background: url('/app/views/blog/default/imgs/guestbook_icon_reply.gif') left 12px no-repeat; }
#wrapGuestbook .info { display: table-cell; vertical-align: middle; padding: 10px;  }
*html #wrapGuestbook .info { display: inline; zoom: 1; }
*:first-child+html #wrapGuestbook .info { display: inline; zoom: 1; }
#wrapGuestbook .info img { vertical-align: middle; }
#wrapGuestbook .info .name { color: #555; }
#wrapGuestbook .info .date { padding-left: 5px; font-size: 0.92em; font-family: tahoma; color: #999; }
#wrapGuestbook .info .button { padding-left: 5px; }
#wrapGuestbook .viewContent { clear: both; padding: 10px; color: #666; line-height: 1.4em; overflow: hidden; }
#wrapGuestbook .commentBt { padding: 10px; font-weight: 900; color: #669900; }
#wrapGuestbook .commentBt a { font-weight: 900; font-size: 0.92em; color: #669900; }
#wrapGuestbook .commentBt a img { vertical-align: middle; }

/* guestbook paging */
.pagingGuestbookBt { clear: both; padding-top: 30px; width: 700px; height: 26px; text-align: center; overflow: hidden; }

/* guestbook write */
#wrapGuestbookWrite { margin-top: 10px; margin-bottom: 10px; }
#formGuestbookWrite fieldset { margin: 0px; padding: 0px; border: 0px; }

/* guestbook parent write */
#formGuestbookWrite fieldset.parent { padding: 10px; width: 678px; border: 1px solid #eee; background-color: #fbfbfb; }
#formGuestbookWrite fieldset.parent .essential { padding-top: 4px; width: 500px; }
#formGuestbookWrite fieldset.parent .essential p { margin-bottom: 5px; margin-left: 10px; padding-bottom: 2px; font-size: 0.92em; color: #555; }
#formGuestbookWrite fieldset.parent .essentialKey { float: left; padding-top: 4px; width: 500px; }
#formGuestbookWrite fieldset.parent .essentialKey p { margin-bottom: 5px; padding-top: 5px; margin-left: 10px; _margin-left: 10px; padding-bottom: 5px; font-size: 0.92em; color: #555; }
#formGuestbookWrite fieldset.parent .essentialKey #guestbookWriteKey { width: 40px; border: 1px solid #c3c3c3; }
#formGuestbookWrite fieldset.parent .essentialKey p img { vertical-align: top; }
#formGuestbookWrite fieldset.parent .essential strong { float: left; margin-left: 10px; margin-bottom: 5px }
*html #formGuestbookWrite fieldset.parent .essential strong { margin-top: 5px; }
*:first-child+html #formGuestbookWrite fieldset.parent .essential strong  { margin-top: 5px; }
#formGuestbookWrite fieldset.parent .essential p img { vertical-align: top; }
#formGuestbookWrite fieldset.parent p.useSecret { float: left; margin-left: 20px; }
#formGuestbookWrite fieldset.parent .essential .txt { }
#formGuestbookWrite fieldset.parent .essential input { width: 90px; border: 1px solid #c3c3c3; }
#formGuestbookWrite fieldset.parent .essential input.checkbox { width: 20px; border: 0px; vertical-align: middle; }
#formGuestbookWrite fieldset.parent .content { padding-left: 10px; font-size: 0.92em; color: #555; }
#formGuestbookWrite fieldset.parent .content .homepage { width: 300px; border: 1px solid #c3c3c3; }
#formGuestbookWrite fieldset.parent .content textarea { clear: both; padding: 5px; margin-top: 5px; width: 647px; height: 100px; color: #666; border: 1px solid #c3c3c3; line-height: 1.2em; }
#formGuestbookWrite fieldset.parent .control { float: right; padding-top: 10px; padding-right: 10px; }

/* guestbook child write */
#formGuestbookWrite fieldset.child { margin: 0 auto; padding: 10px; width: 638px; border: 1px solid #eee; background-color: #fbfbfb;  }
#formGuestbookWrite fieldset.child .essential { float: left; padding-top: 4px; width: 100px; }
#formGuestbookWrite fieldset.child .essential p { margin-bottom: 5px; font-size: 0.92em; color: #555; }
#formGuestbookWrite fieldset.child .essential p img { vertical-align: top; }
#formGuestbookWrite fieldset.child .essential p.useSecret { margin-top: 10px; }
#formGuestbookWrite fieldset.child .essential p.writeKey { margin-top: 10px; }
#formGuestbookWrite fieldset.child .essential #guestbookWriteKey { width: 30px; }
#formGuestbookWrite fieldset.child .essential .txt { display: block; }
#formGuestbookWrite fieldset.child .essential input { width: 90px; border: 1px solid #c3c3c3; }
#formGuestbookWrite fieldset.child .essential input.checkbox { width: 20px; border: 0px; vertical-align: middle; }
#formGuestbookWrite fieldset.child .content { float: left; padding-left: 10px; font-size: 0.92em; color: #555; }
#formGuestbookWrite fieldset.child .content .homepage { width: 300px; border: 1px solid #c3c3c3; }
#formGuestbookWrite fieldset.child .content textarea { clear: both; padding: 5px; margin-top: 5px; width: 435px; height: 75px; color: #666; border: 1px solid #c3c3c3; line-height: 1.2em; }
#formGuestbookWrite fieldset.child .control { float: right; padding-top: 35px; width: 60px; }
#formGuestbookWrite fieldset.child .control a { display: inline-block; margin-top: 4px; }


/* list */
#wrapList { width: 700px; }

#wrapList .top { height: 22px; margin-bottom: 15px; }
#wrapList .top .pageInfo { float: left; padding-top: 3px; font-weight: 900; font-size: 1em; color: #ccc; }

#wrapList fieldset.ls { margin: 0px; margin-bottom: 10px; padding: 10px; border: 1px solid #f9f9f9; background-color: #fff; }

#wrapList table.middle { width: 100%; border: 0px; border-top: 2px solid #e1e1e1; table-layout: fixed; }
#wrapList table.middle thead tr {  }
#wrapList table.middle thead th { background-color: #f4f4f4; border: 0px; }
#wrapList table.middle thead #thumnail { width: 80px; font-size: 0.92em; color: #333; }
#wrapList table.middle thead #subject { font-size: 0.92em; color: #333; }
#wrapList table.middle thead #totalComment { width: 50px; font-size: 0.92em; color: #333; }
#wrapList table.middle thead #date { width: 80px; font-size: 0.92em; color: #333; }
#wrapList table.middle tbody tr { height: 30px; border-bottom: 1px solid #eaeaea; }
#wrapList table.middle tbody td { padding: 10px; 0px 0px 10px; border: 0px; border-bottom: 1px solid #f1f1f1; }
#wrapList table.middle tbody td.thumnail { text-align: center; }
#wrapList table.middle tbody td.thumnail a { display: block; width: 64px; height: 64px; border: 1px solid #ccc; }
#wrapList table.middle tbody td.thumnail img { width: 60px; height: 60px; border: 2px solid #fff; }
#wrapList table.middle tbody td.thumnail strong { color: #ff6f06; }
#wrapList table.middle tbody td.subject { padding-left: 5px; color: #333; vertical-align: top; overflow: hidden; }
#wrapList table.middle tbody td.subject p.content{ padding-top: 5px; font-size: 0.92em; color: #9f9f9f; line-height: 150%; }
#wrapList table.middle tbody td.subject a { color: #333; }
#wrapList table.middle tbody td.subject a:hover { text-decoration: underline; }
#wrapList table.middle tbody td.subject img { vertical-align: middle; }
#wrapList table.middle tbody td.subject input.checkNo { vertical-align: middle; }
#wrapList table.middle tbody td.totalComment { font-size: 0.92em; font-family: tahoma; color: #e36928; text-align: center; }
#wrapList table.middle tbody td.date { font-size: 0.92em; font-family: tahoma; color: #777; text-align: center; }
#wrapList table.middle tbody td.noList { padding-top: 100px; padding-bottom: 100px; color: #666; text-align: center; }

#wrapList div.noList { padding-top: 100px; padding-bottom: 100px; text-align: center; color: #666; }
#wrapList div.postList { clear: both; margin-bottom: 40px; }
#wrapList .subjectArea { padding-bottom: 5px; padding-top: 5px; height: 100%; border-top: 1px solid #ebebeb;border-bottom: 1px solid #ebebeb; }
#wrapList .subjectArea a { color: #000; }
#wrapList .subjectArea h2.subject { margin: 0px; padding: 0px; margin-bottom: 5px; font-weight: 900; font-size: 1.25em; color: #333; }
#wrapList .subjectArea .categoryName { display: inline; padding-top: 1px; color: #d9d9d9; }
#wrapList .subjectArea .info { clear: both; margin-top: 7px; padding-right: 5px; padding-left: 1px; font-size: 0.92em; color: #88889e; }
#wrapList .subjectArea .info img { vertical-align: middle; }

#wrapList .listContentArea { padding-bottom: 5px; background: url('/app/views/blog/default/imgs/list_icon_dotline.gif') left bottom repeat-x; }
#wrapList .listContentArea .listContent { clear: both; padding-top: 20px; padding-bottom: 20px; line-height: 150%; }
#wrapList .listContentArea .listContent strong.useSecret { margin-left: 20px; color: #d66f6f; }
#wrapList .listContentArea .listContent p { margin: 0px; padding: 0px; line-height: 1.6em; }
#wrapList .listContentArea .signature { margin-top: 5px; margin-bottom: 10px; padding: 5px; padding-top: 5px; padding-bottom: 7px; color: #666; border-top: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2; background-color: #ececec; line-height: 1.2em; } 
#wrapList .listContentArea p.postedBy { clear: both; margin-bottom: 15px; text-align: left; color: #666; }
#wrapList .listContentArea p.postedBy strong { color: #858585; }
#wrapList .listContentArea p.postedBy img { vertical-align: middle; }

#wrapList .listContentArea .linkUrl { margin-bottom: 5px; font-size: 0.92em; color: #666; } 
#wrapList .listContentArea .linkUrl p.txt { clear: both; margin-bottom: 5px; }
#wrapList .listContentArea .linkUrl strong { display: inline-block; width: 80px; }

#wrapList .listContentArea .file { margin-bottom: 5px; padding-top: 7px; background-color: #f8f8f8; font-size: 0.92em; color: #666; overflow: hidden; white-space: nowrap; border: 1px solid #ebebeb; }
#wrapList .listContentArea .file strong { display: inline-block; padding-left: 10px; width: 70px; }
#wrapList .listContentArea .file a.viewFileList { color: #f0632d; }
#wrapList .listContentArea .file p.txt { margin-bottom: 5px; }
#wrapList .listContentArea .file .fileList { margin-left: 80px; line-height: 1.4em; }
#wrapList .listContentArea .file .fileList img { vertical-align: middle; }

#wrapList .listContentArea .tag { margin-top: 13px; margin-bottom: 5px; font-size: 0.92em; color: #666; } 
#wrapList .listContentArea .tag img { vertical-align: middle; }
#wrapList .listContentArea .tag p.txt { margin-bottom: 5px; }
#wrapList .listComment { margin-top: 8px; color: #666; }
#wrapList .listComment a { color: #666; }
#wrapList .listComment a.modifyBt { font-size: 0.92em; color: #ff9000; }
#wrapList .listComment a.deleteBt { font-size: 0.92em; color: #ff9000; }
#wrapList .listComment strong { color: #ff6600; }

#wrapList .bottom { margin-top: 5px; }
#wrapList .bottom .listBtPage { float: left; }
#wrapList .bottom .listBtWrite { float: right; }

#wrapList .bottom .pagingBt { clear: both; margin: 0 auto; padding-top: 30px; height: 26px; text-align: center; overflow: hidden; }

body#zh #wrapList .listComment a { font-size: 1.08em; }


/* view */
#wrapView { width: 700px; }

#wrapView .postInfo { border-left: 8px solid #8c8c8c; }
#wrapView .postInfo h2.subject { margin: 0px; padding: 0px 0px 0px 10px; font-weight: 900; font-size: 1.33em; line-height: 1.6em; }
#wrapView .postInfo .categoryName { display: inline; padding-top: 1px; color: #d9d9d9; }
#wrapView .postInfo .info { clear: both; margin-top: 7px; padding-right: 5px; padding-left: 10px; font-size: 0.92em; color: #88889e; }
#wrapView .postInfo .info img { vertical-align: middle; }

#wrapView #content { margin-top: 10px; padding-top: 25px; margin-bottom: 15px; width: 700px; border-top: 1px solid #ccc; line-height: 1.8em; overflow: hidden; }
#wrapView #content p { margin: 0px; padding: 0px; line-height: 1.6em; }
#wrapView p.postedBy { clear: both; margin-bottom: 15px; text-align: left; color: #666; }
#wrapView p.postedBy strong { color: #858585; }
#wrapView p.postedBy img { vertical-align: middle; }
#wrapView .signature { margin-top: 5px; margin-bottom: 10px; padding: 5px; padding-top: 5px; padding-bottom: 7px; color: #666; border-top: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2; background-color: #ececec; line-height: 1.2em; } 

#wrapView .linkUrl { margin-bottom: 5px; font-size: 0.92em; color: #666; } 
#wrapView .linkUrl p.txt { clear: both; margin-bottom: 5px; }
#wrapView .linkUrl strong { display: inline-block; width: 80px; }

#wrapView .file { margin-bottom: 5px; padding-top: 7px; background-color: #f8f8f8; font-size: 0.92em; color: #666; overflow: hidden; white-space: nowrap; border: 1px solid #ebebeb; }
#wrapView .file strong { display: inline-block; width: 70px; }
#wrapView .file a.viewFileList { color: #f0632d; }
#wrapView .file p.txt { margin-left: 10px; margin-bottom: 5px; }
#wrapView .file #fileList { margin-left: 80px; line-height: 1.4em; }
#wrapView .file #fileList img { vertical-align: middle; }

#wrapView .tag { margin-top: 13px; margin-bottom: 5px; font-size: 0.92em; color: #666; } 
#wrapView .tag img { vertical-align: middle; }
#wrapView .tag p.txt { margin-bottom: 5px; }

#wrapView .viewBt3 { margin-top: 15px; padding-top: 5px; text-align: right; border-top: 2px solid #e2e2e2; } 
#wrapView .viewBt3 .commentViewBt { float: left; margin-top: 5px; color: #666; }
#wrapView .viewBt3 a { color: #666; }
#wrapView .viewBt3 strong { color: #ff6600; }
#wrapView .viewBt3 .logBt { float: right; }

#wrapView .positionList { clear: both; margin-top: 15px; margin-bottom: 5px;  color: #666; } 
#wrapView .positionList p.txt { margin-bottom: 5px; }
#wrapView .positionList img { vertical-align: middle; }


/* trackback list */
#wrapTrackbackUrl { margin-top: 10px; margin-bottom: 10px; padding: 8px; font-size: 0.92em; background-color: #f9f9f9; border: 2px solid #e9e9e9; }
#wrapTrackback { margin: 0px; margin-bottom: 10px; padding: 0px; width: 700px; list-style: none; }
#wrapTrackback li { margin-top: 5px; }
#wrapTrackback .trackback { border-top: 1px solid #dadada; }
#wrapTrackback .info { display: table-cell; vertical-align: middle; padding: 10px; }
*html #wrapTrackback .info { display: inline; zoom: 1; }
*:first-child+html #wrapTrackback .info { display: inline; zoom: 1; }
#wrapTrackback .info img { vertical-align: middle; }
#wrapTrackback .info .name {  color: #555; }
#wrapTrackback .info .date { padding-left: 5px; font-size: 0.92em; font-family: tahoma; color: #999; }
#wrapTrackback .info .button { padding-left: 5px; }

#wrapTrackback .viewSubject { clear: both; padding: 10px; padding-bottom: 0px; color: #666; line-height: 1.4em; overflow: hidden; white-space: nowrap; }
#wrapTrackback .viewContent { clear: both; padding: 10px; padding-top: 3px; color: #666; line-height: 1.4em; overflow: hidden; }


/* trackback paging */
.pagingTrackbackBt { clear: both; width: 700px; height: 26px; text-align: center; }


/* comment list */
#wrapComment { margin: 0px; margin-bottom: 10px; padding: 0px; width: 700px; list-style: none; }
#wrapComment li { margin: 0px; padding: 0px; margin-top: 5px; }
#wrapComment .comment { border-top: 1px solid #dadada; }
#wrapComment .info { display: table-cell; vertical-align: middle; padding: 10px; }
*html #wrapComment .info { display: inline; zoom: 1; }
*:first-child+html #wrapComment .info { display: inline; zoom: 1; }
#wrapComment .info img { vertical-align: middle; }
#wrapComment .info .name {  color: #555; }
#wrapComment .info .date { padding-left: 5px; font-size: 0.92em; font-family: tahoma; color: #999; }
#wrapComment .info .button { padding-left: 5px; }
#wrapComment .viewContent { clear: both; padding: 10px; color: #666; line-height: 1.4em; overflow: hidden; }


/* comment paging */
.pagingCommentBt { clear: both; width: 700px; height: 26px; text-align: center; }


/* comment write */
#wrapCommentWrite { margin-top: 10px; margin-bottom: 10px; }
#formCommentWrite { padding: 10px; width: 678px; border: 1px solid #eee; background-color: #f7f7f7; }
#formCommentWrite fieldset { margin: 0px; padding: 0px; border: 0px; }
#formCommentWrite .essential { float: left; padding-top: 4px; width: 100px; }
#formCommentWrite .essential p { margin-bottom: 5px; font-size: 0.92em; color: #555; }
#formCommentWrite .essential p img { vertical-align: top; }
#formCommentWrite .essential p.useSecret { margin-top: 10px; }
#formCommentWrite .essential p.writeKey { margin-top: 10px; }
#formCommentWrite .essential #commentWriteKey { width: 30px; }
#formCommentWrite .essential .txt { display: block; }
#formCommentWrite .essential input { width: 90px; border: 1px solid #c3c3c3; }
#formCommentWrite .essential input.checkbox { width: 20px; border: 0px; vertical-align: middle; }
#formCommentWrite .content { float: left; padding-left: 10px; font-size: 0.92em; color: #555; }
#formCommentWrite .content .homepage { width: 300px; border: 1px solid #c3c3c3; }
#formCommentWrite .content textarea { clear: both; padding: 5px; margin-top: 5px; width: 475px; height: 100px; color: #666; border: 1px solid #c3c3c3; line-height: 1.2em; }
#formCommentWrite .control { float: right; padding-top: 50px; width: 60px; }
#formCommentWrite .control a { display: inline-block; margin-top: 4px; }


/* write */
#wrapWrite { margin-bottom: 30px; } 
#wrapWrite h2.title { margin-bottom: 5px; font-weight: 900; font-size: 1.08em; color: #666; }
#wrapWrite h2.title img { vertical-align: middle; }

#formWrite { clear: both; margin-top: 5px; padding-top: 5px; width: 700px; border-top: 2px solid #dbdbdb; }
#formWrite fieldset { margin: 0px; padding: 0px; border: 0px; }

#formWrite fieldset.essential { width: 680px; padding: 10px; padding-bottom: 5px; background-color: #e9e9e9; }

#formWrite fieldset.essential p.option { margin-bottom: 5px; padding-bottom: 5px; font-size: 0.92em; color: #666; border-bottom: 1px solid #d6d6d6; }
#formWrite fieldset.essential p.option select { vertical-align: middle; } 
#formWrite fieldset.essential p.option input { vertical-align: middle; } 
#formWrite fieldset.essential img { vertical-align: middle; } 
#formWrite fieldset.essential p.option #subscriptionDate1 { width: 60px; }

#formWrite fieldset.essential p.subject { padding-bottom: 5px; font-size: 0.92em; color: #666; border-bottom: 1px solid #d6d6d6; }
#formWrite fieldset.essential p.subject input { width: 676px; height: 16px; border: 1px solid #c4c4c4; } 

#formWrite fieldset.essential p.logUrl { padding-top: 5px; padding-bottom: 5px; font-size: 0.92em; color: #666; }
#formWrite fieldset.essential p.logUrl input { width: 676px; height: 16px; border: 1px solid #c4c4c4; } 

#formWrite fieldset.content { margin: 0px; margin-top: 5px; margin-bottom: 5px; padding: 0px; border: 0px; }
#formWrite fieldset.content textarea { margin: 0px; padding: 0px; width: 700px; height: 550px; background-color: #f0f0f0; line-height: 1.2em; color: #666; border: 1px solid #d0d0d0; }

#formWrite fieldset.file { margin-bottom: 5px; }
#formWrite fieldset.file .fileStatus { float: left; }
#formWrite fieldset.file #uploadList { margin-bottom: 5px; }
#formWrite #fileProgress { clear: both; padding: 2px; height: 10px; width: 464px; border: 1px solid #ccc; vertical-align: middle; }
#formWrite #fileProgress #fileUploadBar { float: left; width: 0px; height: 10px; }
#formWrite #fileProgress #filePecent { float: left; margin-left: 5px; margin-top: -3px; font-size: 0.79em; font-family: tahoma; color: #ccc; }
#formWrite fieldset.file #uploadList { float: left; width: 470px; border: 1px solid #ccc; }
#formWrite fieldset.file p.button { float: left; margin-left: 10px; height: 50px; overflow: hidden; }
#formWrite fieldset.file p.button #uploader { padding-left: 4px; overflow: hidden; }
*:first-child+html #formWrite fieldset.file .btDelete { padding-left: 4px; }
*html #formWrite fieldset.file .btDelete { padding-left: 4px; }
#formWrite fieldset.file .movieUp { width: 80px; margin-top: 4px; overflow: hidden; }

#formWrite fieldset.etc { margin-top: 15px; border-bottom: 2px solid #d6d6d6; }
#formWrite fieldset.etc p.line { height: 28px; border-top: 1px solid #d6d6d6; }
#formWrite fieldset.etc p.line label { float: left; margin-top: 8px; padding-left: 10px; width: 140px; font-weight: 900; color: #323232; }
#formWrite fieldset.etc p.line input { float: left; margin-top: 4px; width: 466px; height: 16px; border: 1px solid #c4c4c4; } 
#formWrite fieldset.etc p.line .txt { float: left; padding-top: 8px; padding-left: 5px; color: #666; }
#formWrite fieldset.etc p.line #tag { width: 100px; }
#formWrite fieldset.etc p.tagList { padding-left: 150px; padding-bottom: 5px; font-size: 0.92em; color: #666; line-height: 1.4em; }
#formWrite fieldset.etc p.line .addTagBt { float: left; margin-left: 5px; margin-top: 3px; }
#formWrite fieldset.etc p.line #writeKey { width: 40px; }
#formWrite fieldset.etc p.line .writeKeyImg { float: left; margin-top: 3px; }

#formWrite fieldset.control { margin-top: 10px; text-align: right; }


/* info */
#wrapInfo { margin-bottom: 30px; } 
#wrapInfo h2.title { margin-bottom: 5px; font-weight: 900; font-size: 1.08em; color: #666; }
#wrapInfo h2.title img { vertical-align: middle; }
#wrapInfo #formInfo { width: 700px; border-top: 2px solid #dbdbdb; }
#wrapInfo #formInfo fieldset { border: 0px; }
#wrapInfo #formInfo input.info { width: 100px; height: 16px; border: 1px solid #ddd; }
#wrapInfo #formInfo input.infoFile { width: 100px; height: 18px; border: 1px solid #ddd; }
#wrapInfo #formInfo textarea.info { width: 500px; height: 80px; border: 1px solid #ddd; }
#wrapInfo #formInfo textarea.infoCss { width: 500px; height: 280px; border: 1px solid #ddd; }
#wrapInfo #formInfo textarea.infoMain { width: 500px; height: 280px; border: 1px solid #ddd; }
#wrapInfo #formInfo input.width30 { width: 30px; }
#wrapInfo #formInfo input.width50 { width: 50px; }
#wrapInfo #formInfo input.width100 { width: 100px; }
#wrapInfo #formInfo input.width200 { width: 200px; }
#wrapInfo #formInfo input.width300 { width: 300px; }
#wrapInfo #formInfo input.width400 { width: 400px; }
#wrapInfo #formInfo input.width500 { width: 500px; }
#wrapInfo #formInfo fieldset.info { height: 100%; background: url('/app/views/blog/default/imgs/info_bg.gif') repeat-y; }
#wrapInfo #formInfo fieldset.info .infoArea { padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #dbdbdb; }
#wrapInfo #formInfo fieldset.info .infoArea div.title { float: left; padding-left: 10px; width: 158px; font-weight: 900; color: #000; line-height: 1.4em; }
#wrapInfo #formInfo fieldset.info .infoArea div.input { float: left; padding-left: 5px; line-height: 1.4em; }
#wrapInfo #formInfo fieldset.info .infoArea div.input p { padding-bottom: 5px; line-height: 1.4em; }
#wrapInfo #formInfo fieldset.info .infoArea div.input img { vertical-align: top; }
#wrapInfo #formInfo fieldset.info .infoArea div.input p.txt { font-size: 0.92em; color: #666; line-height: 1.4em; }
#wrapInfo #formInfo fieldset.info .infoArea div.input p.level strong { float: left; width: 150px; font-weight: 100; }
#wrapInfo #formInfo fieldset.info .infoArea div.input p.button { margin-top: 5px; padding-bottom: 5px; line-height: 1.4em; }
#wrapInfo #formInfo p.control { margin-top: 20px; text-align: center; }
#wrapInfo #formInfo p.control .default { margin-left: 10px; width: 100px; height: 30px; font-size: 0.92em; font-weight: 900; color: #fff; background-color: #333; border: 0px; }


/* scheduleWrite */
#wrapScheduleWrite { margin-bottom: 30px; } 
#wrapScheduleWrite h2.title { margin-bottom: 5px; font-weight: 900; font-size: 1.08em; color: #666; }
#wrapScheduleWrite h2.title img { vertical-align: middle; }

#formScheduleWrite { clear: both; margin-top: 5px; padding-top: 5px; width: 700px; border-top: 2px solid #dbdbdb; }
#formScheduleWrite fieldset { margin: 0px; padding: 0px; border: 0px; }

#formScheduleWrite fieldset.essential { margin-bottom: 5px; width: 680px; padding: 10px; padding-bottom: 5px; background-color: #e9e9e9; }

#formScheduleWrite fieldset.essential p.option { margin-bottom: 5px; padding-bottom: 5px; font-size: 0.92em; color: #666; border-bottom: 1px solid #d6d6d6; }
#formScheduleWrite fieldset.essential p.option select { vertical-align: middle; } 
#formScheduleWrite fieldset.essential p.option input { vertical-align: middle; } 

#formScheduleWrite fieldset.essential p.day { padding-bottom: 5px; font-size: 0.92em; color: #666; }
#formScheduleWrite fieldset.essential p.day input { width: 60px; height: 16px; border: 1px solid #c4c4c4; vertical-align: middle; }
#formScheduleWrite fieldset.essential p.day img { vertical-align: middle; }

#formScheduleWrite fieldset.content { margin: 0px; margin-top: 5px; margin-bottom: 5px; padding: 0px; border: 0px; }
#formScheduleWrite fieldset.content textarea { margin: 0px; padding: 0px; width: 700px; height: 250px; background-color: #f0f0f0; line-height: 1.2em; color: #666; border: 1px solid #d0d0d0; }

#formScheduleWrite fieldset.control { margin-top: 10px; text-align: right; }


/* favoriteSite */
#wrapFavoriteSite { }
#wrapFavoriteSite fieldset { margin: 0px; padding: 0px; border: 0px; }
#wrapFavoriteSite .top { padding-top: 12px; padding-left: 8px; height: 27px; padding-left: 4px; font-weight: 900; color: #fff; background: url('/app/views/blog/default/imgs/favoriteSite/popup_bg.gif') repeat-x; cursor: default; }
#wrapFavoriteSite .top h1 { margin: 0px; padding: 0px; font-weight: 900; font-size: 1em; }
#wrapFavoriteSite .top h1 img { vertical-align: middle; }
#wrapFavoriteSite input.info { float: left; margin-right: 3px; width: 120px; height: 16px; border: 1px solid #ddd; }
#wrapFavoriteSite input.width100 { width: 100px; }
#wrapFavoriteSite input.width230 { width: 230px; }
#wrapFavoriteSite .middle { margin-top: 10px; margin-left: 8px; }
#wrapFavoriteSite .middle strong { float: left; padding-top: 6px; width: 40px; }
#wrapFavoriteSite .middle .middleBg { margin-bottom: 10px; padding: 10px; width: 460px; height: 295px; border: 3px solid #f4f4f4; overflow: auto; }
#wrapFavoriteSite .middle p.txt { margin-bottom: 15px; font-weight: 900; color: #666; }
#wrapFavoriteSite #favoriteSite tr { height: 25px; }
#wrapFavoriteSite #favoriteSite .siteName { display: inline-block; width: 120px; font-weight: 900; }
#wrapFavoriteSite #favoriteSite .siteUrl { font-weight: 900; }
#wrapFavoriteSite .bottom { margin: 0 auto; margin-top: 10px; text-align: center; }


/* paging */
a.pagingBt { margin-right: 2px; }
a.pagingBt img { vertical-align: middle; }
a.pagingBtList { padding: 5px; padding-top: 3px; padding-left: 8px; padding-right: 8px; color: #333; font-family: tahoma; text-decoration: none; border-left: 1px solid #d9d9d9; }
a.pagingBtList:hover { text-decoration: underline; }
a.pagingBtListFirst { border-left: 0px; }
a.pagingBtListBold { color: #eb302f; font-weight: 900; }


/* etc */
.me2day_daily_digest { line-height: 1.6em; text-align: justify; }
.me2day_daily_digest li { padding: 0px 0px 0px 20px; list-style: none; background: url('http://me2day.net/images/me2day_icon.gif') no-repeat left 3px; vertical-align: top; margin-bottom: 1.5em; }
.me2day_daily_digest span.datetime,
.me2day_daily_digest p { display: block; }
.me2day_daily_digest span.datetime a { color: #d3d3d3;  text-decoration: none; }
.me2day_daily_digest span.datetime a:visited { color: #d3d3d3;  text-decoration: none; }
.me2day_daily_digest span.datetime a:hover { color: #d3d3d3;  text-decoration: none; }
.me2day_daily_digest span.datetime a:active { color: #d3d3d3;  text-decoration: none; }