@charset "utf-8";

/* CSS Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent }
body { line-height:1 }
ol, ul { list-style:none }
blockquote, q { quotes:none } 
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none }
:focus { outline:0 } 
ins { text-decoration:none }
input, label { vertical-align:middle }
del { text-decoration:line-through }
table { border-collapse:collapse; border-spacing:0 }
legend { position:absolute; width:0; height:0; font-size:0; line-height:0; visibility:hidden }

/* Layout */
#xe { position:relative }
#container { position:relative }
#header { position:relative; clear:both; background:#35322B url('./image/backgrounds.gif') repeat-x 0 0; padding:8px 0 0 0; *zoom:1 }
#header:after { content:""; display:block; clear:both }
#body { position:relative; clear:both; *zoom:1 }
#body:after { content:""; display:block; clear:both }
#content { position:relative; text-align:justify; font:normal 0.9em Verdana, sans-serif, Gulim; *zoom:1 }
#content:after { content:""; display:block; clear:both }
#footer { position:relative; clear:both; *zoom:1 }
#footer:after { content:""; display:block; clear:both }
#footer address { text-align:center }

/* Layout Width */
.fixed #container{ width:100%; margin-left:auto; margin-right:auto }

/* Layout Align */
.aLeft #container{ margin-left:0 }
.aRight #container{ margin-right:0 }

/* Footer Extension */
#footer .extension{ position:relative; *zoom:1 }
#footer .extension:after{ content:""; display:block; clear:both }
#footer .extension ul{ position:relative }
#footer .extension li{ position:relative; display:inline; list-style:none }

/* Body Extension */
#body .extension{position:relative; *zoom:1; display:none; margin:0 0 27px 0 }
#body .extension:after{ content:""; display:block; clear:both;}
#body .extension .section{position:relative; margin:0 0 2em 0; font-family:Verdana,Tahoma,Gulim }
#body .extension .section a { text-decoration:none }
#body .extension .section a:hover { text-decoration:underline }
#body .extension .section:after{ content:""; display:block; clear:both }
#body .extension .section h6 { font-weight:normal; background:url('./image/grain_dark.gif'); color:#665; padding:3px 5px }
#body .extension .section.last { margin-bottom:-1px }

/* ----- Fixed 2 Column Layout ----- */
.fixed .ce #body .e1,
.fixed .ec #body .e1 { width:220px }
.fixed .ce #body #content,
.fixed .ec #body #content { width:630px }
.fixed .ce #body #content { float:left }
.fixed .ec #body #content { float:right }
.fixed .ce #body .e1,
.fixed .ec #body .e1 { display:block }
.fixed .ce #body .e1 { float:right; clear:right; padding:0 0 0 24px; border-left: 1px solid #CCB }
.fixed .ec #body .e1 { float:left; clear:left; padding:0 24px 0 0; border-right: 1px solid #CCB }

/* General */
html { font-size:62.5%; height: 100% }
body { background:#353530; color:#5A5A50; font:normal 1.3em Georgia, sans-serif, Gulim; height:100%; padding:0 0 1px 0 }
a { color:#543 }
a:hover { color:#C40; text-decoration:underline }

.left { float:left }
.right { float:right }
.center_wrapper { margin:0 auto; width:900px }
.modeTitle { margin:0 0 20px 0; font-weight:bold }
.modeTitle em { font-style:normal; color:#C40 }

/* Header > Toplinks */
#toplinks { background:#353530 url('./image/toplinks.gif') no-repeat left top; color:#554; float:right; font-size:0.9em; height:24px; width:230px; padding:3px 0 0 0; text-align:center }
#toplinks a,
#toplinks span { color:#887; text-decoration:underline }
#toplinks a:hover,
#toplinks span:hover { color:#DDC }

/* Header > Site title */
#site_title { clear:both; height:85px; color:#998; padding:0 0 16px }
#site_title a { color:#FFF; text-decoration:none }
#site_title a:hover { color: #FFB }

/* Navigation > Menu */
#navigation:after { content:""; display:block; clear:both }
#navigation .center_wrapper { border-left:1px solid #AFA69C; border-right:1px solid #AFA69C }
#navigation .center_wrapper:after { content:""; display:block; clear:both }
#navigation ul, #navigation li { display:inline }
#navigation, #navigation a { background:#958573 url('./image/backgrounds.gif') repeat-x 0 -222px }
#navigation a { border-right:1px solid #AFA69C; color:#654; float:left; font:bold 1em Georgia, sans-serif, Gulim; margin-right:1px; padding:10px 12px; text-align:center; text-decoration:none; line-height:1.2 }
#navigation a:hover, #navigation li.current a { background-position:0 -294px; color:#543 }

/* Text Input Form */
.pwForm { display:none }
.pwForm.active { margin:20px; text-align:center; display:block }
.pwForm .inputText { width:100px; background-color:#FFF; border-color:#777 #CCC #CCC #777; border-style:solid; border-width:1px; font:normal 1em Verdana, sans-serif, Gulim; margin:0; padding:3px; height:16px; vertical-align:middle }
.pwForm .submit { width:50px; background:#E9E8E8 url('./image/backgrounds.gif') repeat-x 0 -366px; border:1px solid #888; border-color:#BBB #888 #888 #CCC; color:#444; cursor:pointer; font:normal 1em Verdana, sans-serif, Gulim; margin:0; padding:3px 0; height:24px; vertical-align:middle }
.pwForm .inputText:focus, .pwForm .submit:hover { background:#DADADA }

.inputData { text-align:left; margin:10px 0 0 0; padding:5px; background:#F6F6F2; border-bottom:1px solid #E0E0D4; border-top:1px solid #E0E0D4 }
.inputData span { display:inline-block }
.inputData label, 
.inputData .inputCheck{ vertical-align:middle }
.inputData textarea { width:608px !important; margin:0 0 5px 0; padding:5px }
.inputData textarea,
.inputData .inputText { background-color:#FFF; border-color:#777 #CCC #CCC #777; border-style:solid; border-width:1px; font:normal 1em Verdana, sans-serif, Gulim }
.inputData .inputText { margin:0 5px 5px 0; padding:3px; vertical-align:middle; white-space:nowrap; overflow:hidden }
.inputData .inputText.name,
.inputData .inputText.pw { width:90px }
.inputData .inputText.email,
.inputData .inputText.url { width:120px }
.inputData span.inputText.email,
.inputData span.inputText.url { width:150px }
.inputData .button { background:#E9E8E8 url('./image/backgrounds.gif') repeat-x 0 -366px; border:1px solid #888; border-color:#BBB #888 #888 #CCC; color:#444; cursor:pointer; font:normal 1em Verdana, sans-serif, Gulim; margin:0 0 1px 0; padding:5px 0; width:100% }
.inputData .inputText:focus, .inputData textarea:focus, .inputData .button:hover { background:#DADADA }

.inputData.guestbook { margin-bottom:27px }
.inputData.guestbook_modify { margin:-1px 0 }

/* Body */
#body { background:#E9E8E8 url('./image/grain.gif') repeat }
#body_top { height:27px; background:#E9E8E8 url('./image/main_wrapper_inner.gif') repeat-x }

/* Section > Search */
.search { margin:0 0 -10px 0; padding:0 }
.search .keyword { background-color:#FFF; border-color:#777 #CCC #CCC #777; border-style:solid; border-width:1px; font:normal 1em Verdana, sans-serif; margin:0; padding:3px; vertical-align:middle; width:137px }
.search .button { background:#E9E8E8 url('./image/backgrounds.gif') repeat-x 0 -366px; border:1px solid #888; border-color:#BBB #888 #888 #CCC; color:#444; cursor:pointer; font:normal 1em Verdana,sans-serif; vertical-align:middle; margin:0; padding:2px; width:70px; height:24px }
.search .keyword:focus, .search .button:hover { background:#DADADA }

/* Post */
.post { margin:0 0 27px 0 }

/* Post > Header */
.post h2 { font-weight:bold; line-height:1.2 }
.post .post_url { color:#777; font-size:0.9em; background:url('./image/grain_light.gif'); border:1px solid #E5E5D5; margin:0 0 3px 0; padding:3px; float:left }
.post .date { color:#777; margin-bottom:14px; clear:both }
.post .date a { text-decoration:none }
.post .date span { color:#444 }

/* Post > Body */
.post .xe_content { color:#5A5A50 }

/* Post > Tag */
.post .tag { background:url('./image/grain_light.gif'); border:1px solid #E5E5D5; color:#776; font-size:0.9em; margin:0 0 10px 0; padding:5px; *float:left }
.post .tag:after { content:''; display:block; clear:both }
.post .tag a { color:#665; white-space:nowrap }
.post .tag a:hover { color:#001 }
.post .tag dt {display:table-cell; *float:left; width:55px}
.post .tag dd {display:table-cell; *float:right; *width:563px; text-align:justify; padding:0; line-height:1.3 }

/* Trackback, Comment(GuestBook) */
.trackback_box,
.comment_box { border-top:1px solid #D6D6C6; margin:1em 0 2em; clear:both }
.trackback, 
.comment { border-bottom:1px solid #D6D6C6; padding-top:10px }
.trackback .title,
.comment .name { padding: 3px 0 0 0 }
.comment .name { height:1px; color:#001 }
.comment .secret { color:#C40 }
.trackback .title a { text-decoration:none }
.trackback .title a:hover { color:#001; text-decoration:underline }
.trackback .date,
.comment .date { font-size:0.9em; margin:0; padding:4px 0 0 0; color:#777 }
.comment .action {font-size:0.9em;}
.trackback .cont { padding: 5px 0 10px 0 }
.comment .cont { padding: 8px 0 10px 0; line-height:1.5 }
.comment .cont p { margin:0; padding:0 }
.comment .xe_content { color:#5A5A50 }
.comment .meta { font-size:0.9em; }
.comment .meta:before { content:'« ' }
.comment .meta:after { content:' »' }
.comment .disable { padding:30px; text-align:center }
.comment img { float:left; background:#FFF; border:1px solid #DDD; margin:0 10px 0 0; padding:2px; width:32px; height:32px }
.guestbook_box { margin:0 0 27px 0; border-top:1px solid #D6D6C6 } 
.comment.reply { border-top:1px solid #D6D6C6; border-bottom:0; margin-bottom:-10px }

.comment.depth1 { padding-left:20px; background:url('./image/reply.gif') no-repeat 5px 15px }
.comment.depth2 { padding-left:40px; background:url('./image/reply.gif') no-repeat 25px 15px }
.comment.depth3 { padding-left:60px; background:url('./image/reply.gif') no-repeat 45px 15px }
.comment.depth4 { padding-left:80px; background:url('./image/reply.gif') no-repeat 65px 15px }
.comment.depth5 { padding-left:100px; background:url('./image/reply.gif') no-repeat 85px 15px }

/* Comment(GuestBook) Action */
.comment .action,
.comment .action button { font-size:1em }
.comment .action a { color:#001; text-decoration:none }
.comment .action a:hover,
.comment .action button:hover { text-decoration:underline }
.comment .action button { color:#001; border:0; padding:0; margin:0 0 0 -2px; *margin:0 0 0 4px; paggin:4px 0 0 0 }

/* Post > Post Navigation */
.postNavigation { padding:0 0 10px 0; line-height:1.4; *float:left }
.postNavigation:after { content:''; display:block; clear:both }
.postNavigation a { text-decoration:none; font-weight:bold; font-size:14px }
.postNavigation .prev { float:left; *width:100% }
.postNavigation .next { float:right }

/* Page Navigation */
.pageNavigation { margin:10px 0 -10px 0; padding:0; text-align:center }
.pageNavigation span { font-weight:bold; color:#C40 }
.pageNavigation a { text-decoration:none }
.pageNavigation span,
.pageNavigation a { border-right:1px solid #543; margin:0; padding:0 8px 0 4px }
.pageNavigation a.first { padding-left:0 }
.pageNavigation a.last { border:0; padding-right:0 }
.pageNavigation.postPage { margin:-17px 0 17px 0 }

/* Post Summary, List */
.summary { margin:0 }
.summary:after { content:''; display:block; clear:both }
.summary a { text-decoration:none }
.summary h3 { font-weight:bold }
.summary .date { background:url('./image/grain_light.gif'); border-bottom:1px solid #C5C5B5; border-right:1px solid #CFCFBF; float:left; margin:0 10px 0 0; padding:3px 0 5px; text-align:center; width:44px; line-height:1.4 }
.summary .date .day { font: normal 1.8em Georgia, serif }
.summary .category { color:#777 }

.summary_content { text-align:justify; line-height:1.5 }
.summary_content:after { content:''; display:block; clear:both }
.summary_content img { float:left; margin:3px 10px 0 0; padding:4px; border: 1px solid #CCB; }
.summary_content a { float:right; font-weight:bold; text-decoration:none }

/* Profile */
.bloginfo { *float:left; margin:10px 0 27px 0; padding:5px 0 5px 5px; background:#F6F6F2; border-bottom:1px solid #E0E0D4; border-top:1px solid #E0E0D4 }
.bloginfo:after { content:''; display:block; clear:both }
.bloginfo img { float:left; width:80px; margin:0 14px 0 0; padding:4px; border: 1px solid #CCB }
.bloginfo span { float:left; background:url('./image/grain_dark.gif'); width:150px; margin:8px 11px 0 0; *margin:6px 11px 0 0; padding:5px; border:1px solid #CCB }
.profile { margin:-12px 0 27px 0 }
.profile:after {content:''; display:block; clear:both }
.noprofile { padding:50px 0 77px 0; text-align:center }

/* Profile > Board */
#content .board { margin:0 0 27px 0; background:transparent }

/* Tag */
.tagCloud { text-align:justify; list-style:none; font-size:12px; line-height:2; margin:0 0 27px 0; padding:0 }
.tagCloud li { display:inline; white-space:nowrap }
.tagCloud li.level1 a { font-size:1em }
.tagCloud li.level2 a { font-size:1.3em }
.tagCloud li.level3 a { font-size:1.6em; font-weight:bold }
.tagCloud li.level4 a { font-size:2em; font-weight:bold }

/* Dashboard */
#dashboard { background:#DDD url('./image/grain_dark.gif'); border-top:1px dashed #C0C0B0; padding:16px 0 22px }
#dashboard:after { content:''; display:block; clear:both }
#dashboard .face { float:left; background:#FFF; width:80px; padding:4px; border: 1px solid #CCB }
#dashboard .profile { width:90px; margin:0 }
#dashboard .feed { float:left; margin:6px; padding:0; border:0 }
#dashboard .section { width:220px; min-height:170px }
#dashboard .section.right { float:right; padding:0 0 0 24px; margin:0 0 0 25px; border-left: 1px solid #CCB }

#dashboard h4 { margin:0; padding:0 0 5px 0 }
#dashboard ul { overflow:hidden }
#dashboard li { color:#887; padding:5px 0 }
#dashboard li, #dashboard h4 { border-bottom: 1px dashed #C6C6B6 }
#dashboard li a { color:#606050; text-decoration:none }
#dashboard li a:hover { color:#332; text-decoration:underline }

/* Footer */
#footer { color:#AA9; padding:7px 0 }
#footer a { color:#BBA }
#footer .right, #footer .right a { color:#777; text-decoration:none }
#footer a:hover { color:#CCC }

/* Body > Widget > Tree */
#body .widgetTree { margin:5px }
#body .widgetTree *{ margin:0; padding:0; font-size:12px; font-family:verdana,tahoma,Gulim }
#body .widgetTree .all { display:inline-block; overflow:hidden; padding:0 0 0 15px; color:#333 !important; background:url(./image/buttonTreeCollapse.gif) no-repeat 0 -15px; vertical-align:middle }
#body .widgetTree .sum { font-size:11px; color:#b3aa7d }
#body .widgetTree a strong { letter-spacing:-1px; cursor:pointer; _cursor /**/:hand }
#body .widgetTree ul { position:relative; display:block; padding:3px 0 0 0 !important; margin:0 0 0 6px; zoom:1; background:url(./image/lineTreeVr.gif) repeat-y 0 -1px }
#body .widgetTree ul li { list-style:none; position:relative; padding:3px 0 2px 8px; white-space:nowrap; background:url(./image/lineTreeHr.gif) no-repeat 0 5px !important }
#body .widgetTree ul li .nav_tree_label,
#body .widgetTree ul li .sum { position:relative; left:8px; top:0 }
#body .widgetTree ul li .nav_tree_label { color:#666 }
#body .widgetTree ul li em { font-style:normal }
#body .widgetTree ul li button { display:inline-block; position:relative; *top:-4px; width:16px; height:12px; margin:0 -6px 0 -14px; padding:0; overflow:hidden; text-indent:-10000px; border:0; cursor:pointer; background:url(./image/buttonTreeCollapse.gif) no-repeat }
#body .widgetTree ul li ul { display:none; padding:2px 0 0 0 !important; margin:0 0 -2px 12px; background-position:left top }
#body .widgetTree ul li ul li { display:none }
#body .widgetTree ul li.nav_tree_on button { background-position:0 -15px }
#body .widgetTree ul li.nav_tree_off button { background-position:0 0 }
#body .widgetTree ul li.nav_tree_on ul { display:block }
#body .widgetTree ul li.nav_tree_on ul li { display:block }
#body .widgetTree ul li.nav_tree_off ul { display:none }
#body .widgetTree ul li.nav_tree_off ul li { display:none }
#body .widgetTree ul li.nav_tree_last { background:url(./image/lineTreeLastHr.gif) no-repeat 0 5px !important }
#body .widgetTree ul li.active,
#body .widgetTree ul li.active a,
#body .widgetTree ul li.active .sum { font-weight:bold; color:#C40 }
#body .widgetTree ul li.active li,
#body .widgetTree ul li.active li a { font-weight:normal; color:#666 }
#body .widgetTree ul li.active li .sum { font-weight:normal; color:#b3aa7d }
#body .widgetTree .icon { position:relative; left:16px }

/* Body > Widget > TagCloud */
#body .widgetTagCloud { text-align:justify; font-size:12px; line-height:1.5; margin:5px; padding:0 }
#body .widgetTagCloud li { display:inline; list-style:none }
#body .widgetTagCloud li a { white-space:nowrap }
#body .widgetTagCloud li.level4 a { font-size:12px; color:#888 !important }
#body .widgetTagCloud li.level3 a { font-size:12px; color:#666 !important }
#body .widgetTagCloud li.level2 a { font-size:12px; font-weight:bold; color:#444 !important }
#body .widgetTagCloud li.level1 a { font-size:14px; font-weight:bold; color:#000 !important }
#body .widgetTagCloud li a:hover { color:#C40 !important }

/* Body > Widget > Archive Items */
#body .widgetA { margin:5px; padding:0; list-style:none }
#body .widgetA li { padding:0; margin:0 0 5px 0 }
#body .widgetA li .replyNum,
#body .widgetA li .replyNum a { color:#C40 !important }
#body .widgetA li .trackbackNum,
#body .widgetA li .trackbackNum a { color:#19a0ff !important }

/* Typography */
.textyleContent{ font-size:12px; line-height:1.6; clear:both }
p { line-height:1.4em;}
h1 { font:normal 3em Georgia,sans-serif,Gulim }
h2 { font:normal 2.2em Georgia,sans-serif,Gulim }
h3 { font:normal 2em Georgia,sans-serif,Gulim }
h4 { font:normal 1.8em Georgia,sans-serif,Gulim }
h5 { font:normal 1.6em Georgia,sans-serif,Gulim }
h6 { font:bold 1.2em Georgia,sans-serif,Gulim }
h1,h2,h3,h4,h5,h6 { margin-bottom: 0.2em }

/* Attached File */
.textyleContent dl.attachedFile { position:relative; margin:1em 0; padding:1em 0; background:#F6F6F2; border:1px solid #ddd }
.textyleContent dl.attachedFile dt { padding:0 2em .5em 2em; margin:0 0 1em 0; font-weight:bold; text-indent:1em; border-bottom:1px solid #ddd; background:#f9f9f9 url(./image/clip.gif) no-repeat 2em .3em; font-size:12px }
.textyleContent dl.attachedFile em { font-size:11px; font-weight:normal; font-style:normal; margin:0 5px }
.textyleContent dl.attachedFile dd { margin:0; padding:0 2em; color:#8b8b8b; font-size:11px }
.textyleContent dl.attachedFile dd a { text-decoration:none; color:#0092cf; margin-right:10px }
.textyleContent dl.attachedFile dd a:hover,
.textyleContent dl.attachedFile dd a:active,
.textyleContent dl.attachedFile dd a:focus { text-decoration:underline }

/* Table Of Content */
.textyleContent .toc { position:relative; background:#F6F6F2; border:1px solid #ddd; font-size:14px; line-height:1.6; margin:1em 0; padding:15px; *zoom:1 }
.textyleContent .toc li { font-weight:bold; color:#555; margin-left:5px }
.textyleContent .toc li.toc3 {}
.textyleContent .toc li.toc4 { margin-left:25px }
.textyleContent .toc li.toc4:before { content:'- ' }
.textyleContent .toc li.toc5 { margin-left:45px }
.textyleContent .toc li.toc5:before { content:'* ' }
.textyleContent .toc li a { color:#648ab9; text-decoration:none; font-weight:normal }
.textyleContent .toc li a:hover,
.textyleContent .toc li a:active,
.textyleContent .toc li a:focus { text-decoration:underline }

/* Object */
.textyleContent object{ margin:1em 0 }

/* Horizontal Rule */
.textyleContent hr { display:block; position:static; border-bottom:0; height:1px; overflow:hidden; color:#e2e2e2; clear:both }

/* Blockquote */
.textyleContent blockquote { background:#F6F6F2 url('./image/backgrounds.gif') no-repeat 0 -414px; border-bottom:1px solid #DDD; border-top:1px solid #E0E0D4; color:#332; display:block; margin:0.6em 0 1.6em; padding:0.5em 1em 0.2em 46px }

/* Cite */
.textyleContent cite { display:block; margin:1em 0 }

/* Link */
.textyleContent .xe_dr_link p strong { display:block }

/* P */
/* More | Less */
.textyleContent .fold_button { text-align:left; margin:1em 0 }
.textyleContent .fold_button button { font-size:12px; font-weight:bold; color:#001; border:0; background:none; cursor:pointer; overflow:visible; padding:0 }
.textyleContent .fold_button button:before { content:'» ' }

/* Me2day Widget */
.me2day_daily_digest { line-height:1.5 }
.me2day_daily_digest ul { margin-left:0; padding-left:0; list-style:none }
.me2day_daily_digest li { position:relative; clear:both; padding:0 0 16px 45px; margin-bottom:1em; *zoom:1; background:url(./image/iconMe2day.gif) no-repeat 0 0 }
.me2day_daily_digest .me2_tags { display:block; padding:5px 0 5px 30px; margin:0; font-size:11px; line-height:1.2; color:#767676; background:url(./image/iconMe2tag.gif) no-repeat left 5px }
.me2day_daily_digest .datetime { position:absolute !important; bottom:2px; display:none; font:11px/1 Tahoma; color:#66C; white-space:nowrap; text-decoration:none }
.me2day_daily_digest li:hover .datetime { display:block }
.me2day_daily_digest a:hover,
.me2day_daily_digest a:active,
.me2day_daily_digest a:focus { text-decoration:underline }

/* IE float/background fixes */
.legend, blockquote { min-height: 0.01% }