@charset "utf-8";
/* NHN > UIT Center > Open UI Technology Team > Jeong Chan Myeong(dece24@nhncorp.com) */

/* 
A CSS framework begins here. We don't recommend modifying framework. You can override these properties by defining the styles outside the framework.
여기서 부터 CSS 프레임웍 입니다. 프레임웍 수정을 권장하지 않습니다. 스킨을 변형할 때 프레임웍 밖에서 선언된 속성으로 덮어쓰기 할 수 있습니다. 
*/

/* Layout */
#xe{ position:relative;}
#container{ position:relative;}
#header{ position:relative; clear:both; *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; *zoom:1;}
#content:after{ content:""; display:block; clear:both;}
#footer{ position:relative; clear:both; *zoom:1;}
#footer:after{ content:""; display:block; clear:both;}

/* Layout Width */
.fixed #container{ width:960px; margin-left:auto; margin-right:auto;}
.liquid #container{ width:80%; margin-left:auto; margin-right:auto;}
.hybrid #container{ width:80%; margin-left:auto; margin-right:auto;}

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

/* Header Extension */
#header .extension{ position:relative; *zoom:1;}
#header .extension:after{ content:""; display:block; clear:both;}
#header .extension *{ margin:0; padding:0;}
#header .extension .section{ position:relative;}
#header .extension ul{ position:relative;}
#header .extension li{ position:relative; display:inline; list-style:none;}

/* Footer Extension */
#footer .extension{ position:relative; *zoom:1;}
#footer .extension:after{ content:""; display:block; clear:both;}
#footer .extension *{ margin:0; padding:0;}
#footer .extension .section{ position:relative;}
#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;}
#body .extension:after{ content:""; display:block; clear:both;}
#body .extension .section{position:relative;}

/* ----- Fixed 1 Column Layout ----- */
.fixed .c #body .e1{ display:block; margin-right:-30px;}
.fixed .c #body .e1 .section{ float:left; width:300px; margin-right:30px;}

/* ----- Liquid 1 Column Layout ----- */
.liquid .c #body .e1{ display:block; margin-right:-3.4%;}
.liquid .c #body .e1 .section{ float:left; width:30%; margin-right:3.3%;}

/* ----- Hybrid 1 Column Layout ----- */
.hybrid .c #body .e1{ display:block; margin-right:-30px;}
.hybrid .c #body .e1 .section{ float:left; width:240px; margin-right:30px;}

/* ----- Fixed 2 Column Layout ----- */
.fixed .ce #body .e1,
.fixed .ec #body .e1{ width:220px;}
.fixed .ce #body #content,
.fixed .ec #body #content{ width:720px;}
.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;}
.fixed .ec #body .e1{ float:left; clear:left;}

/* ----- Liquid 2 Column Layout ----- */
.liquid .ce #body .e1,
.liquid .ec #body .e1{ width:23%;}
.liquid .ce #body #content,
.liquid .ec #body #content{ width:75%;}
.liquid .ce #body #content{ float:left;}
.liquid .ec #body #content{ float:right;}
.liquid .ce #body .e1,
.liquid .ec #body .e1{ display:block;}
.liquid .ce #body .e1{ float:right; clear:right;}
.liquid .ec #body .e1{ float:left; clear:left;}

/* ----- Hybrid 2 Column Layout ----- */
.hybrid .ce #body{ padding-right:280px;}
.hybrid .ec #body{ padding-left:280px;}
.hybrid .ce #body .e1,
.hybrid .ec #body .e1{ width:260px;}
.hybrid .ce #body #content,
.hybrid .ec #body #content{ width:100%;}
.hybrid .ce #body #content{ float:left;}
.hybrid .ec #body #content{ float:right;}
.hybrid .ce #body .e1,
.hybrid .ec #body .e1{ display:block;}
.hybrid .ce #body .e1{ float:right; clear:right; margin-left:-260px; right:-280px;}
.hybrid .ec #body .e1{ float:left; clear:left; margin-right:-260px; left:-280px;}

/* ----- Fixed 3 Column Layout ----- */
.fixed .cee #body .e1,
.fixed .cee #body .e2,
.fixed .ece #body .e1,
.fixed .ece #body .e2,
.fixed .eec #body .e1,
.fixed .eec #body .e2{ display:block; width:200px;}

.fixed .cee #body #content,
.fixed .ece #body #content,
.fixed .eec #body #content{ width:520px;}

.fixed .cee #body #content{ float:left; margin-right:20px;}
.fixed .ece #body #content{ float:left; margin-right:-100%; left:220px;}
.fixed .eec #body #content{ float:right;}

.fixed .ece #body .e1,
.fixed .eec #body .e1{ float:left; margin-right:20px;}

.fixed .cee #body .e1,
.fixed .eec #body .e2{ float:left;}

.fixed .cee #body .e2,
.fixed .ece #body .e2{ float:right;}

/* ----- Liquid 3 Column Layout ----- */
.liquid .cee #body .e1,
.liquid .cee #body .e2,
.liquid .ece #body .e1,
.liquid .ece #body .e2,
.liquid .eec #body .e1,
.liquid .eec #body .e2{ display:block; width:20%;}

.liquid .cee #body #content,
.liquid .ece #body #content,
.liquid .eec #body #content{ width:56%;}

.liquid .cee #body #content{ float:left; margin-right:2%;}
.liquid .ece #body #content{ float:left; margin-right:-100%; left:22%;}
.liquid .eec #body #content{ float:right;}

.liquid .ece #body .e1,
.liquid .eec #body .e1{ float:left; margin-right:2%;}

.liquid .cee #body .e1,
.liquid .eec #body .e2{ float:left;}

.liquid .cee #body .e2,
.liquid .ece #body .e2{ float:right;}

/* ----- Hybrid 3 Column Layout ----- */
.hybrid .cee #body .e1,
.hybrid .cee #body .e2,
.hybrid .ece #body .e1,
.hybrid .ece #body .e2,
.hybrid .eec #body .e1,
.hybrid .eec #body .e2{ display:block; width:220px;}

.hybrid .cee #body{ padding-right:480px;}
.hybrid .ece #body{ padding-left:240px; padding-right:240px;}
.hybrid .eec #body{ padding-left:480px;}

.hybrid .cee #body #content,
.hybrid .ece #body #content,
.hybrid .eec #body #content{ width:100%;}

.hybrid .cee #body #content,
.hybrid .ece #body #content{ float:left; margin-right:-100%;}
.hybrid .eec #body #content{ float:right;}

.hybrid .ece #body .e1,
.hybrid .eec #body .e2{ float:left; left:-240px; margin-right:-220px;}
.hybrid .eec #body .e1{ float:left; left:-480px; margin-right:-220px;}

.hybrid .cee #body .e1,
.hybrid .ece #body .e2{ float:right; left:240px; margin-left:-220px;}
.hybrid .cee #body .e2{ float:right; left:480px; margin-left:-220px;}

/* 
A CSS framework ends here. We don't recommend modifying framework. You can override these properties by defining the styles outside the framework.
여기까지 CSS 프레임웍 입니다. 프레임웍 수정을 권장하지 않습니다. 스킨을 변형할 때 프레임웍 밖에서 선언된 속성으로 덮어쓰기 할 수 있습니다. 
*/


/* Element Reset */
html{ background:#fff url(img/bgHtml.gif);}
body { font-family:AppleGothic, Tahoma, Sans-serif; font-size:12px; margin:0; color:#000;}
address { font-style:normal;}
hr{ display:none; position:absolute;}
legend{ position:absolute; width:0; height:0; font-size:0; line-height:0; visibility:hidden;}
fieldset{ border:0; padding:0; margin:0;}
img{ border:0;}

/* Global Class */
.inputText{ border:1px solid #9c9c9c; border-right-color:#c2c2c2; border-bottom-color:#c2c2c2; color:#666; font-family:Tahoma;}
.inputTextarea{ border:1px solid #9c9c9c; border-right-color:#c2c2c2; border-bottom-color:#c2c2c2; color:#666; font-family:Tahoma; line-height:1.5;}
.inputCheck{ width:13px; height:13px;}
.inputRadio{ width:13px; height:13px;}

/* Skip To Content */
a.skipToContent{ display:block; position:relative; clear:both; overflow:hidden; width:1px; height:1px; text-decoration:none !important; margin:0 0 -1px 0;}
a.skipToContent:hover,
a.skipToContent:active,
a.skipToContent:focus{ width:100%; height:auto; padding:5px 0; margin-bottom:-23px;}

/* Layout */
.fixed #container{ width:1083px; left:20px; overflow:hidden;}
#header{ position:static; height:660px; background:url(img/bgHeader.png) no-repeat;}
#header{ _background:none; _filter:expression("progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+request_uri+"modules/textyle/skins/happyLetter/img/bgHeader.png', sizingMethod='crop')");}
#body{ margin-bottom:-60px;}
#content{ position:static; *zoom:0; width:700px; padding:1px 212px 50px 171px; background:url(img/bgContent.png) repeat-y;}
#content{ _background:none; _filter:expression("progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+request_uri+"modules/textyle/skins/happyLetter/img/bgContentIE6.png', sizingMethod='scale')");}
.content *{ position:relative;}
#footer{ padding-bottom:100px; width:870px; margin:0 auto; left:-20px;}
.pencilDecoration{ position:absolute; bottom:850px; right:40px; width:144px; height:449px; background:url(img/bgPencil.png) no-repeat;}
.pencilDecoration{ _background:none; _filter:expression("progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+request_uri+"modules/textyle/skins/happyLetter/img/bgPencil.png', sizingMethod='crop')");}

/* Header */
#header a{ text-decoration:none;}
#header a:hover,
#header a:active,
#header a:focus{ text-decoration:underline;}

#header h1{ position:relative; left:-20px; width:700px; margin:0 auto 50px auto; padding-top:180px; font:70px Batang, Georgia, Serif; line-height:1.2; text-align:center; letter-spacing:-5px; vertical-align:top;}
#header h1 a{ color:#333;}

#header .blogURL{ position:relative; left:-20px; text-align:center; width:700px; height:1px; *line-height:0; margin:0 auto 1px auto; border-top:2px solid #666; border-bottom:1px solid #666;}
#header .blogURL a{ position:relative; top:-50px; color:#666;}

#header .search{ position:absolute; top:10px; right:107px; width:200px; height:20px;}
#header .search *{ vertical-align:middle;}
#header .search .inputText{ border:0; width:167px; padding:2px 4px; height:14px; font-size:12px; margin:1px 0; background:transparent;}
#header .search .buttonSearch{ position:absolute; top:0; right:0; width:24px; height:19px; border:0; padding:0; cursor:pointer; font-size:0; text-indent:30px; background:transparent; opacity:0; filter:alpha(opacity=0);}

#header .extension{ position:absolute; top:0; height:52px; right:308px; _right:307px; padding:12px 20px 0 30px; background:url(img/bgNavigation.png) no-repeat; _background:none; *zoom:1; overflow:hidden;}
#header .extension .extexsionFixer{ position:absolute; width:100%; height:52px; margin:-12px -20px 0 -30px; _filter:expression("progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+request_uri+"modules/textyle/skins/happyLetter/img/bgNavigation.png', sizingMethod='crop')");}
#header .extension:after{ content:""; display:block; clear:both;}
#header .extension ul{ position:relative; white-space:nowrap;}
#header .extension li{ position:relative; float:none; display:inline; padding:0 5px 0 5px;}
#header .extension li a{ position:relative; font-size:11px; color:#8b8b8b; font-weight:bold;}
#header .extension li.active a{ text-decoration:underline;}
#header .extension form{ float:right;}

/* Footer */
#footer a{ text-decoration:none;}
#footer a:hover,
#footer a:active,
#footer a:focus{ text-decoration:underline;}
#footer .rss{ float:left; margin:0 10px 0 0;}
#footer address a{ font-weight:bold; color:#b39e89;}
#footer address{ float:right; height:16px; line-height:16px; color:#b39e89; font-size:10px; background:url(img/favicon.png) no-repeat right center; _background:url(img/favicon.gif) no-repeat right center; padding-right:25px;}

#footer .language { float:left; position:relative;}
#footer .language button{ cursor:pointer; padding:0; overflow:visible; background:none; border:0; font-size:11px; white-space:nowrap;}
#footer .language .selected { color:#b39e89; height:16px; *height:18px;}
#footer .language ul { position:absolute; left:0; bottom:20px; margin:0; padding:10px; list-style:none; background:#b39e89; border:1px solid #59514b;}
#footer .language ul li button { color:#59514b;}
#footer .language ul.hide { display:none; }

/* Body */
#body .extension a{ text-decoration:none;}
#body .extension a:hover,
#body .extension a:active,
#body .extension a:focus{ text-decoration:underline;}

#body .extension .extensionHeader{ *zoom:1; clear:both; padding:20px 0 0 0; background:url(img/bgExtensionHeader.png) repeat-y;}
#body .extension .extensionHeader { _background:none; _filter:expression("progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+request_uri+"modules/textyle/skins/happyLetter/img/bgExtensionHeader.png', sizingMethod='crop')");}
#body .extension .extensionHeader:after{ content:""; display:block; clear:both;}
#body .extension .extensionFooter{ *zoom:1; clear:both; height:491px; padding:200px 0 0 70px; background:url(img/bgExtensionFooter.png) no-repeat;}
#body .extension .extensionFooter { _background:none; _filter:expression("progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+request_uri+"modules/textyle/skins/happyLetter/img/bgExtensionFooter.png', sizingMethod='crop')");}
#body .extension .extensionFooter:after{ content:""; display:block; clear:both;}

/* Content */
#content:before,
#content .ieMarginFixer{ content:""; display:block; clear:both; margin-top:-300px;}

#content .postTitle{ padding:6px 0; margin:0 0 30px 0; font-weight:bold; font-size:24px; color:#333; text-align:center;}
#content .postTitle em{ font-style:normal; color:#ff1a1a;}

#content .postTitle a{ text-decoration:none; color:#333;}
#content .postTitle a:hover,
#content .postTitle a:active,
#content .postTitle a:focus{ text-decoration:underline;}

#content .postMeta{ margin:-30px 0 30px 0; clear:both; font-size:11px; text-align:center;}
#content .postMeta *{ display:inline;}
#content .postMeta dt{ color:#aaa; margin:0 1px;}
#content .postMeta dd{ margin:0; color:#666; margin:0 1px;}
#content .postMeta a{ text-decoration:none; color:#666;}
#content .postMeta a:hover,
#content .postMeta a:active,
#content .postMeta a:focus{ text-decoration:underline;}
#content .postMeta a.editPost{ text-decoration:underline;}

#content .postSummary{ top:-40px; padding:40px 0 0 0; margin:0; border-bottom:1px solid #ccc; *height:1%;}
#content .postSummary .postTitle{ display:inline; padding:0; margin:0 5px 0 0; text-align:left; font-size:20px;}
#content .postSummary .postMeta{ display:inline; margin:0; color:#666;}
#content .postSummary .textyleContent{ padding:5px 0 28px 0; _height:160px;}
#content .postSummaryFixer{ top:-40px; font-size:0; line-height:0; height:1px; overflow:hidden; margin:0 0 -43px 0; padding:0;}
#content .summarySpot{ float:left; margin-right:1.5em !important; position:relative;}
#content .summaryMore{ position:absolute; top:40px; right:0; clear:both; text-align:center; margin:0 !important;}
#content .summaryMore a{ display:block; color:#666; padding:0 9px 0 0; *padding-bottom:2px; background:url(img/iconMore.gif) no-repeat right center; text-decoration:none; vertical-align:top;}

/* Used Tag */
.usedTag{ *zoom:1;}
.usedTag:after{ content:""; display:block; clear:both;}
.usedTag dt{ float:left; margin:0 10px 0 0;}
.usedTag dd{ float:left; margin:0; color:#8b8b8b;}
.usedTag dd a{ text-decoration:none; font-size:11px; color:#8b8b8b;}
.usedTag dd a:hover,
.usedTag dd a:active,
.usedTag dd a:focus{ text-decoration:underline;}

/* Feedback */
.feedback{ margin-bottom:30px; padding-top:1em; border-top:1px solid #808080;}
.feedback .feedbackTitle{ height:19px; overflow:hidden; font-size:18px; line-height:1; font-weight:normal; margin-top:0; background:url(img/iconFeedbackNum.gif) no-repeat 0 0;}
.feedback .feedbackTitle em{ display:inline-block; margin:0 5px 0 6px; font-size:14px; line-height:19px; vertical-align:top; padding:0 10px 0 4px; height:19px; font-style:normal; color:#ff1a1a; background:url(img/iconFeedbackNum.gif) no-repeat right -19px;}

.feedback .feedbackOrder{ position:relative; margin:0; padding:0; *zoom:1;}
.feedback .feedbackOrder .item{ position:relative; *zoom:1;}
.feedback .feedbackOrder .item:after{ content:""; display:block; clear:both;}

.feedback.trackback .data{ color:#8b8b8b;}
.feedback.trackback .item{ padding:15px 0; list-style:none; border-top:1px solid #e5e5e5;}

.feedback.reply .feedbackOrder{ overflow:hidden;}
.feedback.reply .item{ top:-1px; padding:15px 0; list-style:none; border-top:1px dashed #e5e5e5;}

.feedback .trackbackURL{ *zoom:1; padding:20px 0;}
.feedback .trackbackURL:after{ content:""; display:block; clear:both;}
.feedback .trackbackURL dt{ float:left; width:160px; font-weight:bold; color:#666;}
.feedback .trackbackURL dd{ float:left; margin:0;}
.feedback .trackbackURL dd a{ font-size:9px; color:#666; text-decoration:none;}
.feedback .trackbackURL dd a:hover,
.feedback .trackbackURL dd a:active,
.feedback .trackbackURL dd a:focus{ text-decoration:underline;}
.feedback .trackbackURL dd .copy{ border:0; background:transparent; overflow:visible; font-size:11px; color:#666; text-decoration:underline; cursor:pointer; margin:0; padding:0;}

.feedback .item.replyTarget{ background-color:#f6f6f6; padding-right:10px;}
.feedback .item.replyTarget .textyleContent{ background-color:transparent;}
.feedback .item.indent{ background-image:url(img/iconIndent.gif); background-repeat:no-repeat;}
.feedback .item.indent.indent1{ padding-left:20px; background-position:0 20px;}
.feedback .item.indent.indent2{ padding-left:40px; background-position:20px 20px;}
.feedback .item.indent.indent3{ padding-left:60px; background-position:40px 20px;}
.feedback .item.indent.indent4{ padding-left:80px; background-position:60px 20px;}
.feedback .item.indent.indent5{ padding-left:100px; background-position:80px 20px;}
.feedback .item.indent.indent6{ padding-left:120px; background-position:100px 20px;}
.feedback .item.indent.indent7{ padding-left:140px; background-position:120px 20px;}
.feedback .item.indent.indent8{ padding-left:160px; background-position:140px 20px;}
.feedback .item.indent.indent9{ padding-left:180px; background-position:160px 20px;}
.feedback .item.indent.indent10{ padding-left:200px; background-position:180px 20px;}
.feedback .item.indent.indent11{ padding-left:220px; background-position:200px 20px;}
.feedback .item.indent.indent12{ padding-left:240px; background-position:220px 20px;}
.feedback .item.indent.indent13{ padding-left:260px; background-position:240px 20px;}
.feedback .item.indent.indent14{ padding-left:280px; background-position:260px 20px;}
.feedback .item.indent.indent15{ padding-left:300px; background-position:280px 20px;}
.feedback .item.indent.indent16{ padding-left:320px; background-position:300px 20px;}
.feedback .item.indent.indent17{ padding-left:340px; background-position:320px 20px;}
.feedback .item.indent.indent18{ padding-left:360px; background-position:340px 20px;}
.feedback .item.indent.indent19{ padding-left:380px; background-position:360px 20px;}
.feedback .item.indent.indent20{ padding-left:400px; background-position:380px 20px;}
.feedback .item.indent.indent21{ padding-left:420px; background-position:400px 20px;}
.feedback .item.indent.indent22{ padding-left:440px; background-position:420px 20px;}
.feedback .item.indent.indent23{ padding-left:460px; background-position:440px 20px;}
.feedback .item.indent.indent24{ padding-left:480px; background-position:460px 20px;}
.feedback .item.indent.indent25{ padding-left:500px; background-position:480px 20px;}
.feedback .item.indent.indent26{ padding-left:520px; background-position:500px 20px;}
.feedback .item.indent.indent27{ padding-left:540px; background-position:520px 20px;}
.feedback .item.indent.indent28{ padding-left:560px; background-position:540px 20px;}
.feedback .item.indent.indent29{ padding-left:580px; background-position:560px 20px;}
.feedback .item.indent.indent30{ padding-left:600px; background-position:580px 20px;}

.feedback .date{ margin:0; font-size:9px; color:#666; *zoom:1;}
.feedback .date .hhmm{ color:#8b8b8b;}

.feedback .meta{ display:table-cell; width:140px; padding:0 20px 0 0; margin:0; *zoom:1; float:left;}
.feedback .meta:after{ content:""; display:block; clear:both;}
.feedback .meta a{ text-decoration:none;}
.feedback .meta a:hover,
.feedback .meta a:active,
.feedback .meta a:focus{ text-decoration:underline;}
.feedback .meta .thumb{ float:left; margin:0 10px 5px 0;}
.feedback .meta .thumb img{ border:1px solid #ededed; vertical-align:middle; width:39px; height:39px;}
.feedback .meta .author{ margin:0 0 5px 0; padding:0; color:#666; font-size:12px;}
.feedback .meta .author a{ color:#000;}
.feedback .meta .title{ margin:0; padding:0; color:#666; font-size:12px;}
.feedback .meta .title a{ color:#000;}
.feedback .meta .ipAddress{ margin:0; font-size:9px; color:#8b8b8b;}

.feedback .data{ display:table-cell; *float:left; clear:none;}
.feedback .data .trackbackTitle{ margin:0; color:#333; font-weight:normal; font-size:12px;}
.feedback .data .trackbackTitle a{ text-decoration:none; color:#333; margin-right:10px;}
.feedback .data .trackbackTitle a:hover,
.feedback .data .trackbackTitle a:active,
.feedback .data .trackbackTitle a:focus{ text-decoration:underline;}
.feedback .data p{ margin:0 !important;}
.feedback .data p.secret{ padding-left:15px; background:url(img/iconSecret.gif) no-repeat left center; color:#8b8b8b;}

.feedback .reAction{ position:relative; overflow:hidden; margin:0; padding:0; list-style:none; white-space:nowrap; clear:both; *zoom:1;}
.feedback .reAction:after{ content:""; display:block; clear:both;}
.feedback .reAction li{ position:relative; left:-5px; display:inline; margin:0; padding:0 0 0 5px; *padding:0 4px 0 5px; background:url(img/lineVrText.gif) no-repeat left center; *zoom:1; vertical-align:middle;}
.feedback .reAction li *{ vertical-align:middle;}
.feedback .reAction li a{ font-size:11px; text-decoration:none; color:#666;}
.feedback .reAction li a:hover,
.feedback .reAction li a:active,
.feedback .reAction li a:focus{ text-decoration:underline;}
.feedback .reAction li button{ overflow:visible; border:0; background:transparent; cursor:pointer; padding:0; font-size:11px; color:#666;}

.feedback .pwForm{ margin:0; padding:0; display:none;}
.feedback .pwForm.active{ display:block;}
.feedback .pwForm *{ vertical-align:middle;}
.feedback .pwForm{ margin:1em 0;}
.feedback .pwForm .inputText{ font-size:11px; padding:2px 4px 4px 4px; height:12px; width:90px; margin:0 -1px 0 0;}
.feedback .pwForm .submit{ border:1px solid #c2c2c2; border-top-color:#9c9c9c; border-left:0; background:#eee; padding:0 2px; height:20px; cursor:pointer; font-size:11px;}

.replyForm{ margin-bottom:50px;}
.replyForm.guestBook{ border:0;}
.feedback .replyForm{ top:0 !important; padding:10px !important; margin-bottom:0; background:#f6f6f6; border-top:1px solid #f0f0f0 !important; border-bottom:1px solid #e5e5e5;}
.replyForm *{ font-size:12px;}
.replyForm h3{ font-size:18px; font-weight:normal;}
.replyForm .inputTextarea{ width:688px !important; padding:5px; display:block; margin:0 0 3px 0; overflow:auto;}
.replyForm .inputTextarea:focus{ background-color:#fffce0;}
.feedback .replyForm .inputTextarea{ width:668px !important;}
.replyForm .replyFooter{ *zoom:1;}
.replyForm .replyFooter:after{ content:""; display:block; clear:both;}
.replyForm .replyFooter .optional{ float:left;}
.replyForm .inputText{ padding:3px 4px; height:15px; vertical-align:middle;}
.replyForm .inputText:focus{ background-color:#fffce0;}
.replyForm .inputText.name,
.replyForm .inputText.pw{ width:80px;}
.replyForm .inputText.email,
.replyForm .inputText.url{ width:140px;}
.replyForm .inputCheck{ vertical-align:middle; margin:0;}
.replyForm label{ vertical-align:middle; cursor:pointer; margin-right:5px;}
.replyForm .inputSubmit,
.replyForm .inputSubmit input{ position:relative; display:inline-block; height:23px; overflow:visible; background:url(img/buttonSubmit.gif) no-repeat; vertical-align:middle; *vertical-align:top;}
.replyForm .inputSubmit{ float:right; background-position:left top; margin-right:11px;}
.replyForm .inputSubmit input{ height:23px; line-height:23px; border:0; margin:0 -11px 0 0; padding:0 11px 0 11px; font-weight:bold; color:#fff; cursor:pointer; background-color:transparent; font-size:11px; background-position:right top;}
.replyForm strong.name{ margin:0 10px 0 0;}
.replyForm span.email{ color:#8b8b8b; margin:0 10px 0 0; font-size:11px;}
.replyForm span.url{ color:#8b8b8b; font-size:11px; margin:0 10px 0 0;}

/* Pagination Reset */
.pagination{ padding:15px 0; margin:15px 0 !important; text-align:center; *zoom:1; position:static !important;}
.pagination:after{ content:""; display:block; clear:both;}
.pagination *{ margin:0; padding:0;}
.pagination img{ border:0;}
.pagination a,
.pagination strong{ position:relative; display:inline-block; text-decoration:none; line-height:normal; font-family:Tahoma, Sans-serif; vertical-align:middle; color:#000;}
.pagination strong{ color:#ff6600 !important;}
.pagination a.prev,
.pagination a.prevEnd,
.pagination a.next,
.pagination a.nextEnd{ font-weight:normal !important; border:none !important; margin:0 !important; white-space:nowrap; }

/* Pagination Number */
.pagination.paginationNum{ border-top:2px solid #666;}
.pagination.paginationNum a,
.pagination.paginationNum strong{ margin:0 2px; padding:1px 2px; font-size:12px; font-weight:bold; color:#999;}
.pagination.paginationNum strong{ text-decoration:underline;}
.pagination.paginationNum a.prev,
.pagination.paginationNum a.prevEnd,
.pagination.paginationNum a.next,
.pagination.paginationNum a.nextEnd{ display:inline-block; padding:0; margin:0; font-weight:bold !important;}
.pagination.paginationNum a.prev,
.pagination.paginationNum a.prevEnd{ margin-right:5px !important;}
.pagination.paginationNum a.next,
.pagination.paginationNum a.nextEnd{ margin-left:5px !important;}
.pagination.paginationNum a.prev span,
.pagination.paginationNum a.prevEnd span,
.pagination.paginationNum a.next span,
.pagination.paginationNum a.nextEnd span{ color:#333;}
.pagination.paginationNum a:hover,
.pagination.paginationNum a:active,
.pagination.paginationNum a:focus{ text-decoration:underline;}

/* Pagination Post */
.pagination.paginationPost{ font-size:16px; line-height:1;}
.pagination.paginationPost a.prev,
.pagination.paginationPost a.next{ display:block; margin:0 0 15px 0 !important; background-repeat:no-repeat; background-color:transparent !important; white-space:normal; color:#333; font-weight:bold !important;}
.pagination.paginationPost a.prev{ float:left; padding-left:30px; margin:0; background-image:url(img/iconPaginationPostPrev.gif); background-position:left 2px; text-align:left;}
.pagination.paginationPost a.next{ float:right; padding-right:30px; margin:0; background-image:url(img/iconPaginationPostNext.gif); background-position:right 2px; text-align:right;}
.pagination.paginationPost a.prev:hover,
.pagination.paginationPost a.prev:active,
.pagination.paginationPost a.prev:focus{ background-position:left -98px; color:#ff4000;}
.pagination.paginationPost a.next:hover,
.pagination.paginationPost a.next:active,
.pagination.paginationPost a.next:focus{ background-position:right -98px; color:#ff4000;}
.pagination.paginationPost a .date{ display:block; font-size:11px; font-family:Tahoma; font-weight:normal !important;}

/* extensionHeader */
.extensionHeader .section{ position:relative; margin-bottom:-100px;}
.extensionHeader .section h2{ position:absolute; margin:0; font-size:24px; font-family:Georgia, Serif; color:#999; width:0; height:0; overflow:hidden;}
.extensionHeader .section div{ overflow:visible !important;}
.extensionHeader .section .widgetContainer{ position:relative; padding-top:50px !important; margin-top:-30px !important; *zoom:1;}
.extensionHeader .section.sectionProfile .widgetContainer{ *margin-top:0; *top:-30px;}

/* sectionProfile */
.extensionHeader .section.sectionProfile{ width:329px !important; left:180px;}
.extensionHeader .section.sectionProfile .profileBody{ *zoom:1; position:relative; z-index:2; padding:30px 40px 1px 40px; margin:0 0 0 0; background:url(img/bgProfileBody.png) no-repeat;}
.extensionHeader .section.sectionProfile .profileBody { _background:none; _filter:expression("progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+request_uri+"modules/textyle/skins/happyLetter/img/bgProfileBody.png', sizingMethod='crop')") !important;}
.extensionHeader .section.sectionProfile .profileBody p{ *zoom:1; margin:0;}
.extensionHeader .section.sectionProfile .profileBody p:after{ content:""; display:block; clear:both;}
.extensionHeader .section.sectionProfile .profileBody .profile{ border:1px solid #eee; float:left; margin:0 1em .5em 0; padding:2px;}
.extensionHeader .section.sectionProfile .profileFooter{ position:relative; z-index:1; height:70px; background:url(img/bgProfileFooter.png) no-repeat;}
.extensionHeader .section.sectionProfile .profileFooter{ _background:none; _filter:expression("progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+request_uri+"modules/textyle/skins/happyLetter/img/bgProfileFooter.png', sizingMethod='crop')") !important;}

/* sectionCategory */
.extensionHeader .section.sectionCategory{ width:289px !important; left:200px;}
.extensionHeader .section.sectionCategory .categoryBody{ *zoom:1; padding:30px 40px 0 40px; margin:0 0 0 0; background:url(img/bgCategoryBody.png) no-repeat;}
.extensionHeader .section.sectionCategory .categoryBody { _background:none; _filter:expression("progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+request_uri+"modules/textyle/skins/happyLetter/img/bgCategoryBody.png', sizingMethod='crop')") !important;}
.extensionHeader .section.sectionCategory .categoryFooter{ height:70px; background:url(img/bgCategoryFooter.png) no-repeat;}
.extensionHeader .section.sectionCategory .categoryFooter { _background:none; _filter:expression("progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+request_uri+"modules/textyle/skins/happyLetter/img/bgCategoryFooter.png', sizingMethod='crop')") !important;}

/* extensionFooter */
.extensionFooter .section{ width:270px !important; height:200px; margin-right:45px !important;}
.extensionFooter .section div{ overflow:visible !important;}
.extensionFooter .section h2{ margin:0; font-size:24px; font-family:Georgia, Serif; color:#6b625a; font-weight:normal;}
.extensionFooter .section .widgetContainer{ position:relative; padding-top:43px !important; margin-top:-30px !important; background:url(img/maskExtensionFooter.png) no-repeat !important; *zoom:1;}
.extensionFooter .section .widgetContainer { _background:none !important; _filter:expression("progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+request_uri+"modules/textyle/skins/happyLetter/img/maskExtensionFooter.png', sizingMethod='crop')") !important;}
.extensionFooter .section .widgetContainer:after{ content:""; display:block; clear:both;}
.extensionFooter .section a{ color:#59514b;}

/* WidgetTree */
.widgetTree *{ margin:0; padding:0; font-size:12px;}
.widgetTree .all{ display:inline-block; overflow:hidden; padding:0 0 0 21px; color:#333 !important; background:url(img/buttonTreeCollapse.gif) no-repeat 0 -15px; vertical-align:middle;}
.widgetTree .sum{ font-size:11px; color:#b3aa7d;}
.widgetTree a strong{ letter-spacing:-1px; cursor:pointer; _cursor /**/:hand;}
.widgetTree ul{ position:relative; display:block; padding:3px 0 0 0 !important; margin:0 0 0 6px; zoom:1; background:url(img/lineTreeVr.gif) repeat-y 0 -1px;}
.widgetTree ul li{ list-style:none; position:relative; padding:3px 0 2px 8px; white-space:nowrap; background:url(img/lineTreeHr.gif) no-repeat 0 5px !important;}
.widgetTree ul li .nav_tree_label,
.widgetTree ul li .sum{ position:relative; left:8px; top:0;}
.widgetTree ul li .nav_tree_label{ color:#666;}
.widgetTree ul li em{ font-style:normal;}
.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(img/buttonTreeCollapse.gif) no-repeat;}
.widgetTree ul li ul{ display:none; padding:2px 0 0 0 !important; margin:0 0 -2px 12px; background-position:left top;}
.widgetTree ul li ul li{ display:none;}
.widgetTree ul li.nav_tree_on button{ background-position:0 -15px;}
.widgetTree ul li.nav_tree_off button{ background-position:0 0;}
.widgetTree ul li.nav_tree_on ul{ display:block;}
.widgetTree ul li.nav_tree_on ul li{ display:block;}
.widgetTree ul li.nav_tree_off ul{ display:none;}
.widgetTree ul li.nav_tree_off ul li{ display:none;}
.widgetTree ul li.nav_tree_last{ background:url(img/lineTreeLastHr.gif) no-repeat 0 5px !important;}
.widgetTree ul li.active,
.widgetTree ul li.active a,
.widgetTree ul li.active .sum{ font-weight:bold; color:#ff5600;}
.widgetTree ul li.active li,
.widgetTree ul li.active li a{ font-weight:normal; color:#666;}
.widgetTree ul li.active li .sum{ font-weight:normal; color:#b3aa7d;}
.widgetTree .icon{ position:relative; left:16px;}

/* widgetA */
.widgetA{ float:left; margin:0; padding:0; list-style:none;}
.widgetA li{ margin:0 0 5px 0; padding:0 0 0 8px; background:url(img/iconWidgetUlistA.gif) no-repeat left center;}
.widgetA li .replyNum,
.widgetA li .replyNum a{ color:#eee !important;}
.widgetA li .trackbackNum,
.widgetA li .trackbackNum a{ color:#ff0 !important;}

/* recentPost */
.recentPost .widgetContainer div{ margin:0 !important; padding:0 !important;}
.recentPost .widgetThumb{ position:absolute; top:43px; left:9px; width:84px; height:93px; overflow:hidden; margin:0 !important;}
.recentPost .widgetA{ padding:0 0 0 115px;}
.recentPost .widgetA li{ padding:0; background:none;}

/* widgetTagCloud */
.widgetTagCloud { text-align:justify; font-size:12px; line-height:1.5; margin:0; padding:0; text-indent:-2px;}
.widgetTagCloud li{ display:inline; margin:0 2px; list-style:none; font-size:12px;}
.widgetTagCloud li a{ padding:0 2px; color:#b39e89 !important; text-decoration:none !important; white-space:nowrap;}
.widgetTagCloud li a:hover,
.widgetTagCloud li a:active,
.widgetTagCloud li a:focus{ color:#fff !important;}
.widgetTagCloud li.level4 a{ background:#88796a;}
.widgetTagCloud li.level3 a{ background:#6b625a;}
.widgetTagCloud li.level2 a{ font-weight:bold; background:#4f4944;}
.widgetTagCloud li.level1 a{ font-weight:bold; background:#000;}

/* Tag Cloud */
.tagCloud { text-align:justify; font-size:12px; line-height:1.5; margin:0; padding:0;}
.tagCloud li{ display:inline; white-space:nowrap; list-style:none;}
.tagCloud li.level1 a{ font-size:11px; color:#888;}
.tagCloud li.level2 a{ font-size:14px; color:#666;}
.tagCloud li.level3 a{ font-size:18px; font-weight:bold; color:#444;}
.tagCloud li.level4 a{ font-size:24px; font-weight:bold; color:#000;}

.tagCloud li a{ text-decoration:none;}
.tagCloud li a:hover,
.tagCloud li a:active,
.tagCloud li a:focus{ text-decoration:underline;}

/* Search Result */
.searchResult{ position:relative; margin:0; padding:0; list-style:none;}
.searchResult li{ position:relative; padding:7px 100px 7px 0; border-top:1px solid #ccc; *zoom:1;}
.searchResult li a{ text-decoration:none; color:#000; font-size:16px; font-weight:bold;}
.searchResult li a:hover,
.searchResult li a:active,
.searchResult li a:focus{ text-decoration:underline;}
.searchResult li .date{ position:absolute !important; top:9px; right:0; font-size:9px; color:#8b8b8b;}

/* textyleContent */
.textyleContent{ font-size:12px; line-height:1.6; clear:both; *zoom:1; *height:1%;}
.textyleContent:after{ content:""; display:block; clear:both;}
.textyleContent h1{ font-size:24px;}
.textyleContent h2{ font-size:20px;}
.textyleContent h3{ font-size:18px;}
.textyleContent h4{ font-size:16px;}
.textyleContent h5{ font-size:14px;}
.textyleContent h6{ font-size:12px;}

/* Attached File */
.textyleContent dl.attachedFile { position:relative; margin:1em 0; padding:1em 0; background:#f9f9f9; border:1px solid #eee; }
.textyleContent dl.attachedFile dt { padding:0 2em .5em 2em; margin:0 0 1em 0; font-weight:bold; text-indent:1em; border-bottom:1px solid #eee; background:#f9f9f9 url(img/iconClip.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:#fff; 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:35px;}
.textyleContent .toc li.toc3{}
.textyleContent .toc li.toc4{ margin-left:55px;}
.textyleContent .toc li.toc5{ margin-left:75px;}
.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{ margin:1em 0; padding:1em 2em; background:#f6f6f6; -moz-border-radius:5px; -webkit-border-radius:5px; }

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

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

/* P */
.textyleContent p{ margin:1em 0 !important;}

/* Image */
.textyleContent .xe_dr_img img{ display:block; margin:0 auto;}

/* Movie */
.textyleContent .xe_dr_mov object,
.textyleContent .xe_dr_mov embed{ display:block; margin:0 auto;}

/* More | Less */
.fold_button{ text-align:left; margin:1em 0;}
.fold_button button{ font-size:12px; border:0; background:none; cursor:pointer; color:#2200cc; overflow:visible; padding:0;}
.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(img/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(img/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;}