@charset "UTF-8";


/* default.css - Type Selector Definition */
body { margin:0;padding:0; font-size:.75em;}

img { border:none; }
label { cursor:pointer; }
form { margin:0; padding:0; }

/* Special Class Selector */
.fr { float:right; }
.fl { float:left; }
.clear { clear:both; }
.fwB { font-weight:bold;}
.tCenter { text-align:center; }
.tRight { text-align:right; }
.tLeft { text-align:left; }
.gap1 { margin-top:.8em; }
.nowrap { white-space:nowrap; }

.iePngFix { behavior:url("./common/js/iePngFix.htc"); } 
.zbxe_info { vertical-align:middle; behavior:url("./common/js/iePngFix.htc"); }

/* Input Style Definition */
.inputTypeText { border:1px solid; border-color:#a6a6a6 #d8d8d8 #d8d8d8 #a6a6a6; height:1.4em; padding:.2em 0 0 .3em; background:#ffffff; font-size:1em; _font-size:9pt; }
*:first-child+html .inputTypeText { font-size:9pt; }
.inputTypeText:hover,
.inputTypeText:focus { background:#f4f4f4; }
.inputTypeTextArea { border:1px solid !important; border-color:#a6a6a6 #d8d8d8 #d8d8d8 #a6a6a6 !important; background:#ffffff; font-size:1em; _font-size:9pt; height:100px;}
*:first-child+html .inputTypeTextArea { font-size:9pt; }

.w40 { width:40px; }
.w60 { width:60px; }
.w70 { width:70px; }
.w80 { width:80px; }
.w90 { width:90px; }
.w100 { width:100px; }
.w110 { width:110px; }
.w120 { width:120px; }
.w130 { width:130px; }
.w140 { width:140px; }
.w150 { width:150px; }
.w160 { width:160px; }
.w170 { width:170px; }
.w180 { width:180px; }
.w190 { width:190px; }
.w200 { width:200px; }
.w210 { width:210px; }
.w220 { width:220px; }
.w230 { width:230px; }
.w240 { width:240px; }
.w250 { width:250px; }
.w260 { width:260px; }
.w270 { width:270px; }
.w280 { width:280px; }
.w290 { width:290px; }
.w300 { width:300px; }
.w400 { width:400px; }

/* editor style */
a.bold { font-weight:bold; }

.editor_blue_text { color: #145ff9 !important; text-decoration:underline !important; }
.editor_blue_text a { color: #145ff9 !important; text-decoration:underline !important; }
.editor_red_text { color: #f42126 !important; text-decoration:underline !important; }
.editor_red_text a { color: #f42126 !important; text-decoration:underline !important; }
.editor_yellow_text { color: #c9bd00 !important; text-decoration:underline !important; }
.editor_yellow_text a { color: #c9bd00 !important; text-decoration:underline !important; }
.editor_green_text { color: #08830B !important; text-decoration:underline !important; }
.editor_green_text a { color: #08830B !important; text-decoration:underline !important; }

.folder_opener { display: block; }
.folder_closer { display: none; }
.folder_area { display: none; }

.xe_content { line-height:1.6; overflow:hidden; }

.zbxe_widget_output { background:url("/common/tpl/images/widget_text.gif") no-repeat center bottom; display:block;}

/* xe layer */
#waitingforserverresponse { border:2px solid #444444; font-weight:bold; color:#444444; padding: 7px 5px 5px 25px; background:#FFFFFF url("/common/tpl/images/loading.gif") no-repeat 5px 5px; top:40px; left:40px; position:absolute; z-index:100; visibility:hidden; }

#popup_menu_area{ position:absolute; background:#fff; border:2px solid #eee; -moz-border-radius:5px; -webkit-border-radius:5px; margin:0; padding:0;}
#popup_menu_area *{ margin:0; padding:0; list-style:none; font-size:12px; line-height:normal;}
#popup_menu_area ul{ border:1px solid #ddd; -moz-border-radius:5px; -webkit-border-radius:5px; padding:10px 10px 5px 10px;}
#popup_menu_area li{ padding:2px 0 2px 20px; background-repeat:no-repeat; background-position:left center; margin-bottom:3px; white-space:nowrap;}
#popup_menu_area li a{ text-decoration:none; color:#000;}
#popup_menu_area li a:hover,
#popup_menu_area li a:active,
#popup_menu_area li a:focus{ font-weight:bold; letter-spacing:-1px;}

/* xe faceoff */
.faceOffManager { position:fixed; _position:absolute; right:3px; top:3px;  height:23px; }
 
/* NHN > UIT Center > Open UI Platform Team > Jeong Chan Myeong(dece24@nhncorp.com) */

/* Anchor Button */
a.button,
a.button span { position:relative; display:inline-block; text-decoration:none !important; background:url("/common/tpl/images/buttonWhite.gif") no-repeat; cursor:pointer; white-space:nowrap; vertical-align:middle;}
a.button { padding:0; background-position:left top; overflow:visible;}
a.button span { left:2px; padding:6px 10px 5px 8px; color:#000; font:12px/12px Sans-serif; background-position:right top; *vertical-align:top;}
/* Large Size */
a.button.large { background-position:left -30px; }
a.button.large span { padding:7px 10px 6px 8px; font:16px/16px Sans-serif; background-position:right -30px;}
/* xLarge Size */
a.button.xLarge { background-position:left -65px; }
a.button.xLarge span { padding:8px 10px 7px 8px; font:20px/20px Sans-serif; background-position:right -65px;}
/* Small Size */
a.button.small { background-position:left -107px; }
a.button.small span { padding:4px 6px 3px 4px; font:11px/11px Sans-serif; background-position:right -107px;}

/* Control Button + Submit Button */
span.button,
span.button button,
span.button input { position:relative; margin:0; display:inline-block; border:0; font:12px Sans-serif; white-space:nowrap; background:url("/common/tpl/images/buttonWhite.gif") no-repeat; vertical-align:middle;}
span.button { padding:0; background-position:left top;}
span.button button,
span.button input { height:23px; left:2px; *vertical-align:top; padding:0 10px 0 8px; line-height:24px; background-position:right top; cursor:pointer; *overflow:visible;}
/* Large Size */
span.button.large { background-position:left -30px;}
span.button.large button,
span.button.large input { height:30px; padding:0 10px 0 8px; font:16px/30px Sans-serif; background-position:right -30px;}
/* xLarge Size */
span.button.xLarge { background-position:left -65px;}
span.button.xLarge button,
span.button.xLarge input { height:35px; padding:0 10px 0 8px; font:20px/36px Sans-serif; background-position:right -65px;}
/* Small Size */
span.button.small { background-position:left -107px;}
span.button.small button,
span.button.small input { height:18px; padding:0 6px 0 4px; font:11px/18px Sans-serif; background-position:right -107px;}

/* Strong Button */
a.button.strong *,
span.button.strong * { font-weight:bold !important;}

/* Icon Add */
a.button .icon { position:relative; border:0; vertical-align:middle;}
span.button .icon { position:relative; left:10px; margin-right:8px; vertical-align:middle;}

/* Color Preset */
a.button.green,
a.button.green span,
span.button.green,
span.button.green button,
span.button.green input { background-image:url("/common/tpl/images/buttonGreen.gif"); color:#fff;}
a.button.black,
a.button.black span,
span.button.black,
span.button.black button,
span.button.black input { background-image:url("/common/tpl/images/buttonBlack.gif"); color:#fff;}
a.button.red,
a.button.red span,
span.button.red,
span.button.red button,
span.button.red input { background-image:url("/common/tpl/images/buttonRed.gif"); color:#fff;}
a.button.blue,
a.button.blue span,
span.button.blue,
span.button.blue button,
span.button.blue input { background-image:url("/common/tpl/images/buttonBlue.gif"); color:#fff;}

/* Offset Debug */
a.button,
span.button{ margin-right:2px;}

/* Button Set */
.buttonSet{ width:16px; height:16px; background-image:url("/common/tpl/images/buttonSet.gif"); background-repeat:no-repeat; border:0; background-color:transparent; vertical-align:middle; display:inline-block; text-decoration:none;}
.buttonSet span{ z-index:-1; font-size:0; line-height:0; visibility:hidden;}
.buttonSet.buttonUp{ background-position:0 0;}
.buttonSet.buttonDown{ background-position:0 -16px;}
.buttonSet.buttonLeft{ background-position:0 -32px;}
.buttonSet.buttonRight{ background-position:0 -48px;}
.buttonSet.buttonInfo{ background-position:0 -64px;}
.buttonSet.buttonCopy{ background-position:0 -80px;}
.buttonSet.buttonSetting{ background-position:0 -96px;}
.buttonSet.buttonActive{ background-position:0 -112px;}
.buttonSet.buttonDisable{ background-position:0 -128px;}
.buttonSet.buttonDelete{ background-position:0 -144px;}
.buttonSet.buttonHomepage{ background-position:0 -160px;}
.buttonSet.buttonBlog{ background-position:0 -176px;}
.buttonSet.buttonCalendar{ background-position:0 -192px;}
.buttonSet.buttonLayoutEditor{ background-position:0 -208px;}
.buttonSet.buttonAddWidget{ background-position:0 -224px;}
.buttonSet.buttonAddContent{ background-position:0 -240px;}


/* 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("/files/attach/textyle/050/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("/files/attach/textyle/050/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("/files/attach/textyle/050/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("/files/attach/textyle/050/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("/files/attach/textyle/050/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("/files/attach/textyle/050/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("/files/attach/textyle/050/image/grain.gif") repeat }
#body_top { height:27px; background:#E9E8E8 url("/files/attach/textyle/050/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("/files/attach/textyle/050/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("/files/attach/textyle/050/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("/files/attach/textyle/050/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("/files/attach/textyle/050/image/reply.gif") no-repeat 5px 15px }
.comment.depth2 { padding-left:40px; background:url("/files/attach/textyle/050/image/reply.gif") no-repeat 25px 15px }
.comment.depth3 { padding-left:60px; background:url("/files/attach/textyle/050/image/reply.gif") no-repeat 45px 15px }
.comment.depth4 { padding-left:80px; background:url("/files/attach/textyle/050/image/reply.gif") no-repeat 65px 15px }
.comment.depth5 { padding-left:100px; background:url("/files/attach/textyle/050/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("/files/attach/textyle/050/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("/files/attach/textyle/050/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("/files/attach/textyle/050/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("/files/attach/textyle/050/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("/files/attach/textyle/050/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("/files/attach/textyle/050/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("/files/attach/textyle/050/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("/files/attach/textyle/050/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; padding:0.2em 0 1.2em }
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("/files/attach/textyle/050/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("/files/attach/textyle/050/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 */
.textyleContent p { margin:1em 0 !important }

/* 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("/files/attach/textyle/050/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("/files/attach/textyle/050/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% }