@charset "utf-8";
/* NHN (developers@xpressengine.com) */

/* 
A CSS framework begins here. We don't recommend modifying framework. You can override these properties by defining the styles outside the framework.
*/

/* 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.
*/


/* 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 */
.iText{border:1px solid #9c9c9c;border-right-color:#c2c2c2;border-bottom-color:#c2c2c2;color:#666;font-family:Tahoma}
.iTextArea{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 .iText{border:0;width:167px;padding:2px 4px;height:14px;font-size:12px;margin:1px 0;background:transparent}
#header .search .btnSearch{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 .iText{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 .iTextArea{width:688px !important;padding:5px;display:block;margin:0 0 3px 0;overflow:auto}
.replyForm .iTextArea:focus{background-color:#fffce0}
.feedback .replyForm .iTextArea{width:668px !important}
.replyForm .replyFooter{zoom:1}
.replyForm .replyFooter:after{content:"";display:block;clear:both}
.replyForm .replyFooter .optional{float:left}
.replyForm .iText{padding:3px 4px;height:15px;vertical-align:middle}
.replyForm .iText:focus{background-color:#fffce0}
.replyForm .iText.name,
.replyForm .iText.pw{width:80px}
.replyForm .iText.email,
.replyForm .iText.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 .wgContainer{position:relative;padding-top:50px !important;margin-top:-30px !important;zoom:1}
.extensionHeader .section.sectionProfile .wgContainer{*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 .wgContainer{position:relative;padding-top:43px !important;margin-top:-30px !important;background:url(img/maskExtensionFooter.png) no-repeat !important;zoom:1}
.extensionFooter .section .wgContainer{_background:none !important;_filter:expression("progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+request_uri+"modules/textyle/skins/happyLetter/img/maskExtensionFooter.png', sizingMethod='crop')") !important}
.extensionFooter .section .wgContainer: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 .wgContainer 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}