* {padding:0; margin:0}
body, th, td, input, textarea, form, span {font-size:12px; font-family:Tahoma,Verdana,Arial; color:#848484}

body {
    background: #EEEEEE url('') repeat center top;
    color: #333333;
    text-align:center;
    line-height:150%;
}
input,textarea {
    background: #EEEEEE;
    color: #333333;
}

a {
    text-decoration:none;
    color: #003366;
}
a:hover {
    text-decoration:none;
    color: #EA7120;
}
a img {border:0}
ul, ul li, ol, ol li, li {list-style:none}

.more {font-weight:bold; text-align:right; padding-right:5px}
.cut {clear:both}
.nickName,
.nickName a,
.replierNickName,
.replierNickName a,
.nick_Name,
.nick_Name a,
.posterNickName,
.posterNickName a {font-weight:bold}
.postEntryNav, .postListNav {margin:2px 0 5px 0; _width:90%}
.prev {width:45%; float:left; text-align:left; overflow:hidden}
.next {width:45%; float:right; text-align:right; overflow:hidden}
#navbar {position:relative; width:100%; display:block; height:22px; font-size-adjust:11px; margin:0; float:right}
#navbar ul {position:absolute; display:block; bottom:25px; left:10px; width:auto}
#navbar ul li {display:block; float:left; text-align:center; margin:0 -1px; text-decoration:none; height:22px; _height:20px; vertical-align:middle; padding-top:3px; padding-bottom:2px; width:50px; line-height:18px auto}
#navbar ul li img {visibility:hidden}
#navbar ul li a {display:block; color:#0769AA; text-decoration:none; height:20px; line-height:18px; _line-height:20px; width:50px; text-indent:-1000px}
#navbar ul li a:hover {text-indent:-1000px}
#tabHome a {background:url('http://s.ycul.com/blog.public/images/old/home.gif') no-repeat center center; height:20px; width:50px; display:block}
#tabHome a:hover {background:url('http://s.ycul.com/blog.public/images/old/homeH.gif') no-repeat center center; display:block}
#tabArchive a {background:url('http://s.ycul.com/blog.public/images/old/blog.gif') no-repeat center center; height:20px; width:50px; display:block}
#tabArchive a:hover {background:url('http://s.ycul.com/blog.public/images/old/blogH.gif') no-repeat center center; display:block}
#tabCtrlPanel a {background:url('http://s.ycul.com/blog.public/images/old/admin.gif') no-repeat center center; height:20px; width:50px; display:block}
#tabCtrlPanel a:hover {background:url('http://s.ycul.com/blog.public/images/old/adminH.gif') no-repeat center center; display:block}
#tabRss a {background:url('http://s.ycul.com/blog.public/images/old/rss.gif') no-repeat center center; height:20px; width:50px; display:block}
#tabRss a:hover {background:url('http://s.ycul.com/blog.public/images/old/rssH.gif') no-repeat center center; display:block}
#wrap {word-break:break-all; margin:20px auto; position:relative; overflow:hidden; border:1px solid}
#wrap:after {content:"."; display:block; height:0; clear:both; visibility:hidden}
#header {overflow:hidden; line-height:normal; position:relative; margin:0 auto}
#blogName {display:inline-block; font-weight:bold; font-size:23px; padding-top:20px; padding-bottom:2px}

#blogName a {font-weight:900}
#blogDescription {font-weight:900; margin:0}
#content {width:100%; float:right; overflow:hidden; margin:0 10px 0 -230px; padding-bottom:20px; margin-bottom:20px; position:relative; margin-top:-20px}
#content .component {margin:20px 0 0 235px; text-align:left; padding-bottom:20px; margin-bottom:20px}

.componentBody {padding:5px}
#subNav {text-align:left; font-size:100%; display:block; font-weight:normal; position:relative; margin-left:235px; line-height:30px; padding:0 2px; height:30px; border:4px solid; display:inline-block}
#subNav a {border-left-style:solid; border-left-width:10px; font-size:100%; padding-left:5px; font-weight:400}
#subNav a:hover {font-size:100%; border-left-style:solid; border-left-width:10px}
.postEntry {padding:0; margin-bottom:10px; padding-bottom:15px; clear:both}
.postEntry .title {font-size:133%; font-weight:bold; text-align:left; display:block; height:35px auto; width:auto; line-height:25px; padding:0 2px 0 35px;}

.postEntry .signature {font-size:100%; margin:5px; text-align:right}
.postEntry .signature .posterNickName {background:url('http://s.ycul.com/blog.public/images/old/iconBy.gif') no-repeat left center; padding-left:20px}

.postEntry .content {line-height:150%; padding:12px 10px 12px 15px}

.postEntry .content p {margin-bottom:1em; line-height:170%}
.postEntry .content ul {padding:10px 30px}
.postEntry .content ul li {list-style-type:disc}
.postEntry .content ol {padding:10px 10px 5px 30px; list-style-type:decimal}
.postEntry .tags {padding:4px; font-weight:bold; padding-left:6px}
.postEntry .tags a {margin-left:10px}
.postEntry .content blockquote {border-left-style:solid; border-left-width:4px; margin:10px 10px 10px 15px; padding-left:10px; padding-right:10px; padding-top:2px}

.postEntry .postEntryMeta {margin:6px 0; padding-bottom:15px; text-align:right}
.postEntry .postEntryMeta .view,
.postEntry .postEntryMeta .reply,
.postEntry .postEntryMeta .folder {border-left-style:solid; border-left-width:10px; padding-left:3px; margin-right:8px}

.postEntry .dih, .postEntry .related {margin:15px 5px; padding-left:14px; font-size:117%}
.postEntry .dih ul, .postEntry .related ul {padding:10px 30px; font-weight:normal}
.postEntry .dih ul li, .postEntry .related ul li {list-style-type:disc}
.postEntry .dih a, .postEntry .related a {font-weight:400}
.componentTitle {font-size:117%; padding:15px 15px 3px 10px; margin:0 0 0 10px; letter-spacing:-1px; font-weight:800; line-height:175%}

.componentTitle span, .componentTitle span a {font-weight:normal; padding-left:3px}

.componentPostTitleList ul li {text-align:left; display:block; padding:1px 5px 3px 3px; margin-left:10px; margin-right:5px}
.componentPostTitleList ul li a {font-size:117%; font-weight:400}
.componentPostTitleList ul li span {padding-left:1px; font-weight:normal}
.componentPostTitleList .componentBody ul {margin:0 0 10px 0; padding:12px; line-height:185%}

.componentPostTitleList .sectionTitle {display:block; height:25px; width:auto; font-weight:bold; line-height:25px; font-weight:bold; padding:0 12px; padding-left:30px; border-bottom:none; margin-bottom:0}

.componentReplyList {margin-top:20px}
.componentReplyList .componentBody p {margin:5px; padding-top:5px; padding-bottom:10px}
.componentReplyList .componentBody ul li {line-height:155%; padding:15px; margin-bottom:20px}

.replyEntryMeta {padding-left:5px}

.replyEntryMeta .replyTime {padding-left:15px}

.replyEntryInfo .respond {line-height:155%; margin:1px 10px 1px 25px; padding:5px 5px 2px 15px}
.respond .replyEntryRespondMeta {text-align:right}
.respond .responderNickName {font-weight:400; font-size:117%}
#pageNav {padding:8px; font-size:12px; text-align:center; clear:both; line-height:210%; margin-bottom:20px}
#pageNav a, #pageNav a:hover {padding:.3em .6em; margin:0 .3em}
#pageNav a,
#pageNav a:hover {border-style:solid; border-width:1px; text-decoration:none}
#pageNav .current {padding:0 5px; margin:2px 4px; font-weight:bold}

.componentReplyForm .componentBody table {width:90%; *width:90%; _width:60%; border-collapse:separate; border-spacing:10px; empty-cells:hide; table-layout:auto}

.componentReplyForm .componentBody th {text-align:right; padding-right:15px; line-height:normal}
.componentReplyForm .componentBody tr {border-collapse:separate; border-spacing:10px}
.componentReplyForm .componentBody p {padding:1px; margin:0 auto; }
.componentReplyForm #replyFormReplierUrl,
.componentReplyForm #replyFormReplierEmail,
.componentReplyForm #replyFormReplierNickName,
.componentReplyForm textarea {width:200px}
.componentReplyForm textarea {height:120px; text-align:left}

.componentReplyForm .componentBody td div img {height:25px; width:25px}

.componentReplyForm td div a {padding:2px; margin:2px; float:left}

.componentReplyForm div #authcode_td2 img {display:block; width:180px; height:36px; padding:3px; margin:6px; margin-left:0; text-align:left}
.componentReplyForm .componentBody {padding-bottom:20px; margin-bottom:20px}

#sidebar {width:185px; line-height:150%; float:left; margin-left:10px; _margin-left:5px; margin-right:2px; padding-bottom:20px; margin-bottom:20px; position:relative; margin-top:-20PX}

.module {text-align:left; padding:0; margin:0}

.moduleBody ul {padding:2px}
.moduleBody ul li {padding:2px; white-space:nowrap; overflow:hidden}
.moduleTitle {display:block; font-size:117%; font-weight:bold; text-align:center; height:30px; line-height:30px; padding:0 12px; margin-bottom:10px}
.moduleBody {margin:4px; padding:5px; display:block; margin-top:10px; margin-bottom:25px; overflow:hidden}
.moduleAbout {text-align:center}
.moduleAbout .avatar img {padding:2px; margin:6px}
.moduleAbout .nickName {font-weight:bold}

.moduleCalendar .moduleBody {padding:2px; text-align:center}
#calendarContainer table {font-size:90%; width:99%; *width:99%; _width:90%; position:relative; padding:2px; padding-right:5px; text-align:center; border-collapse:collapse; table-layout:fixed; line-height:170%}
#calendarContainer td {font-style:normal; text-align:center}
#calendarContainer td.today {font-weight:bold}
#calendarContainer td.weekday {font-style:normal}
#calendarContainer td.weekSun {color:#F00; text-align:center}
#calendarContainer td.weekSat {color:#5CAF00; text-align:center}
#calendarContainer td.calendarHeader {letter-spacing:0.2em}
.moduleBody {_width:90%}
.moduleTag a,
.moduleTag a:hover,
.moduleFolder .moduleBody li a,
.moduleFolder .moduleBody li a:hover,
.moduleLatestReply .moduleBody li .nickName a,
.moduleLatestReply .moduleBody li .nickName a:hover {display:inline-block; padding:0}
.moduleTag .moduleBody ul li, .moduleFolder .moduleBody ul li {position:relative; padding-right:1px}
.moduleTag span, .moduleFolder span {position:absolute; right:1px; _right:2px; text-align:right}

.moduleLinks .moduleBody li a {display:block}
#footer {text-align:center; padding-top:15px; padding-bottom:5px}
#footer a {font-weight:bold}

#wrap {
    background: #EEEEEE url('http://s.ycul.com/blog.public/images/7zOooo/wrapBg.jpg') repeat-y center top;
    width: 775px;
    border-color: #EEEEEE;
}
#header {
    height: 120px;
    background: #EEEEEE url('http://s.ycul.com/blog.public/images/7zOooo/No23headerBg.jpg') no-repeat center top;
}
#blogName,
#blogName a {
    color: #000033;
}
#blogName a:hover {
    color: #003366;
}
#blogDescription {
    color: #003366;
}
#blogName,
#blogDescription
{
text-align: {&headerAlign};
}

#content .component {
    color: #737B73;
    background: #FFFFFF;
}

.postEntry ,
.componentReplyList .componentBody ul,
.componentPostTitleList .componentBody ,
.componentReplyForm .componentBody

{
    background: #FFFFFF url('') no-repeat right bottom;
}

#subNav {
    background: #FFFFFF url('') repeat center;
    border-color: #FFFFFF;
}
#subNav a {
    border-left-color: #003366;
}
#subNav a:hover {
border-left-color: #EA7120;
}
.postEntry .title,
.componentPostTitleList .sectionTitle {
    color: #003366;
    background:url('http://s.ycul.com/blog.public/images/old/titleGray.gif') no-repeat left;
}

.postEntry .title a {
    color: #003366;
    border-bottom: solid 1px #003366;

}
.postEntry .title a:hover {
    color: #EA7120;
    border-bottom: #EA7120 solid 2px;
}
.postEntry .signature .posterNickName {
    color: #003366;
}
.postEntry .content {
    color: #444444;
    }
.postEntry .content a {
    color: #EA7120;
}
.postEntry .content a:hover {
    color: #003366;
}
.postEntry .content blockquote {
    border-left-color: #003366/*ahover*/;
}

.postEntry .postEntryMeta .view {
    border-left-color: #003366/*.view*/;
}
.postEntry .postEntryMeta .reply {
    border-left-color: #2D6BA8/*.reply*/;
}
.postEntry .postEntryMeta .folder {
    border-left-color: #75B5F5/*.folder*/;
}
.postEntry .tags {
    color: #003366/*.view*/;
}
.componentTitle {
    color: #003366;
}
.componentTitle span,.componentTitle span a {
    color: #75B5F5/*.folder*/;
    }

.componentReplyList .componentBody li {
    border-bottom:2px dashed #2D6BA8/*.reply*/;
}
.replyEntryMeta .replyTime {
    color: #2D6BA8/*.reply*/;
}
.replyEntryInfo .respond {
    color: #003366/*.view*/;
    border: 1px solid #75B5F5/*.folder*/;
}
#pageNav a {
    border-color: #2D6BA8/*.reply*/;
    background: #003366/*.view*/;
    color:#FFFFFF;
}
#pageNav a:hover {
    border-color: #003366/*.view*/;
    background: #75B5F5/*.folder*/;
    color:#000;
}
#pageNav .current {
    color: #2D6BA8/*.reply*/;
}
.componentReplyForm div #authcode_td2 img,
.componentReplyForm td div a
{
border:1px solid #75B5F5/*.folder*/;
}

.module {
    color: #434652;
    border: solid 1px #BBBBBB;
    background: ;
    }
.moduleBody a {
color: #003366;
}
.moduleBody a:hover,
#calendarContainer td.today
 {
color: #FF6600;
}

.moduleTitle {
color: #434652 ;
border: solid 1px #FFFFFF;
background: #BBBBBB url('') no-repeat center;

}
.moduleAbout .avatar img {
border:2px solid #003366/*.view*/;
}
#calendarContainer td {
border: 1px solid #BBBBBB;
}

#calendarContainer td.weekSat,
#calendarContainer td.weekSun,
#calendarContainer td.weekday
{
    background: #75B5F5/*.folder*/;
}
.module span {
color: #2D6BA8/*.reply*/;

}
#footer {
background:  url('http://s.ycul.com/blog.public/images/7zOooo/No23footerBg.jpg') repeat-x center top;
height: 120px;
}