* {padding:0; margin:0}
body,th,td,input,textarea,form,span {
    font-size:12px;
    font-family:Tahoma,Verdana,Arial;
}
body {margin:0; padding:0; background: #FFFFFF url('http://s.ycul.com/blog.public/images/TheCoffeeShop/bodyBg.jpg') repeat-x left top; font-family: "Tahoma"; font-size: 12px; color: #797C7A; line-height:1.8em; text-align:center}
a {background:url('http://s.ycul.com/blog.public/images/TheCoffeeShop/img06.gif') repeat-x left bottom; text-decoration: none; color: #715558;}

a:hover {background:none; text-decoration:underline}

h1, h2, h3, h4, h5, h6 {margin:0; padding:0; font-family:Tahoma,Verdana,Arial; font-weight:normal; color: #715558; text-align:left}
h3 {margin-bottom:1em; letter-spacing:2px; font-size:.9em; font-weight:bold; text-align:left}
h2, .title, .moduleTitle, .componentPostTitleList .sectionTitle, componentTitle {padding-left:20px; background:url('http://s.ycul.com/blog.public/images/TheCoffeeShop/img07.gif') no-repeat left center; font-size:16px; color: #715558; text-align:left}
span {font-size:12px}

input,
textarea,select {background:#F0F0F0;color:#5A5C53;margin:5px;}
p, blockquote, ul, ol {margin-top:0}
.cut {clear:both}
a img {border:0}

blockquote {padding:0 0 0 40px; background:url('http://s.ycul.com/blog.public/images/TheCoffeeShop/img09.gif') no-repeat; font-size:12px;font-family:Tahoma,Verdana,Arial; line-height:170%}

#wrap {background:url('http://s.ycul.com/blog.public/images/TheCoffeeShop/wrapBg.jpg') repeat-x left bottom; width:100%; margin:0 auto; overflow:hidden}

#navbar {position:relative;width:800px; height:60px; margin:0 auto; line-height:normal; text-decoration:none; color:#FFF}

#navbar ul {position:absolute; background: url('http://s.ycul.com/blog.public/images/TheCoffeeShop/img03.jpg') no-repeat right top; bottom:312px; left:30px}

#navbar ul li {display:block; float:left; width:148px; height:60px; padding:0 0 0 2px; background:url('http://s.ycul.com/blog.public/images/TheCoffeeShop/img03.jpg') no-repeat; text-align:center}

#navbar ul li a {display:block; width:108px; height:36px; padding:20px 20px 0 20px; *padding:20px 20px 0 20px; _padding:20px 10px 0 10px; background:none; font-size:1.6em; color:#E1E9E2}

#navbar ul li a:hover {border-bottom:4px solid #9F9B95; text-decoration:none; color:#FFF; width:108px; height:36px}

#header {width:800px; height:310px; margin:0 auto; background:url('http://s.ycul.com/blog.public/images/TheCoffeeShop/header.jpg') no-repeat center top}

#header #blogName {float:left; overflow:hidden; text-align:left; width:100px; height:100px; margin:170px 100px 0 30px;line-height:32px; font-size:30px; font-weight:bold;font-family:Tahoma,Verdana,Arial;}
#header #blogName a {color: #715558;font-family: "Tahoma";}
#blogDescription {float:right; width:494px; height:34px; padding:200px 30px 0 0; text-align:right; letter-spacing:-1px; font-size:22px; font-family: "Tahoma";line-height: 32px;    font-size:30px;    font-style: italic;    color: #FFFFFF;font-weight:bold;}

.postEntryNav,
.postListNav {margin:5px 0; padding-top:15px; display:block}

.prev {width:45%; float:left; text-align:left; overflow:hidden}

.next {width:45%; float:right; text-align:right; overflow:hidden}

#pageNav {padding:8px; font-size:12px; text-align:center; clear:both; line-height:210%}

#pageNav a, #pageNav a:hover {padding:.3em .6em; margin:0 .3em}

#pageNav a {border-color:#5A5C53; background: #715558; color:#E2E9E2}
#pageNav a:hover {border-color:#97B089; background:#5A5C53; color:#fff; text-decoration:none}
#pageNav .current {padding:0 5px; margin:2px 4px; color:#5A5C53; font-weight:bold}

#content1 {width:800px; *width:800px; _width:860px; position:relative; margin:0 auto; margin-top:-60px}

#subNav {font-size:14px; text-align:left}

#content {float:right; width:550px;_width:530px; line-height:165%}

.postEntry {padding-bottom:30px; text-align:left;clear:both}

.postEntry .title a:hover {display:block; padding-left:20px; margin-left:-20px; background:url('http://s.ycul.com/blog.public/images/TheCoffeeShop/img07.gif') no-repeat left center}

.postEntry .signature {margin-top:-28px; line-height:11px; font-size:12px; text-align:right}
.postEntry .content {padding:15px 20px 40px 20px;_padding:15px 5px 40px 5px; background:url('http://s.ycul.com/blog.public/images/TheCoffeeShop/img08.jpg') repeat-x left top; line-height:160%}
.postEntry .dih {padding:15px 20px 0 20px}
.postEntryMeta .reply,
.postEntryMeta .folder {padding-left:5px; border-left:1px #5A5C53 solid}

.postEntry .tags {padding-left:20px; background:url('http://s.ycul.com/blog.public/images/TheCoffeeShop/img12.gif') no-repeat left center; margin-top:30px}
.postEntry .postEntryMeta {padding:5px 0 0 20px; background:url('http://s.ycul.com/blog.public/images/TheCoffeeShop/img06.gif') repeat-x; text-align:right}

.postEntrySep {height:5px}

.componentBody {padding:10px 15px; text-align:left}
.componentBody ul {list-style:url('http://s.ycul.com/blog.public/images/TheCoffeeShop/img12.gif'); padding:5px 1px 5px 8px}
.componentReplyList .componentBody ul {list-style:none}
.componentReplyList .componentBody li {padding:0 0 10px 40px; background:url('http://s.ycul.com/blog.public/images/TheCoffeeShop/img09.gif') no-repeat; font-size:12px;font-family:Tahoma,Verdana,Arial; line-height:170%; border-bottom:dashed 3px #DFDFDF; margin-bottom:20px}

.replyEntryInfo .respond {background:#F0F0F0; padding:12px; padding-left:18px}
.replyEntryInfo .replyEntryRespondMeta {text-align:right}

.componentReplyForm {clear:both; font-size:12px}
.componentReplyForm table {width:100%}

.componentReplyForm th {text-align:right; line-height:normal; width:6em; padding-right:15px; height:2.3em}
.componentReplyForm td {margin-left:4px; padding-left:1px}
.componentReplyForm p {padding:2px; }

.componentReplyForm #replyFormReplierUrl, .componentReplyForm #replyFormReplierEmail,.componentReplyForm #replyFormReplierNickName,.componentReplyForm textarea {width:240px;}
.componentReplyForm textarea {height:120px; }
.componentReplyForm .componentBody td div img {height: 35px;    width: 35px;clip: rect(4px 0 0 0);}

.componentReplyForm .componentBody th #authcode_td1 {padding-bottom:15px}
.componentReplyForm td #authcode_td3 {display:inline-block}
.componentReplyForm img {padding:3px; border:1px solid #5A5C53; background:#F0F0F0; margin:6px}
.componentReplyForm div #authcode_td2 img {border:1px solid #5A5C53;    background:#F0F0F0;width:200px;margin:6px;margin-left:0;}
.componentReplyForm #replyForm div a {padding:2px 2px 2px 2px; border:1px solid #5A5C53;background:#F0F0F0; margin:2px; float:left;}
.componentReplyForm textarea {height:120px; text-align:left}

.componentReplyForm #replyFormSubmit {border:1px outset #EEE; background: #715558; color:#E2E9E2; height:22px; font-size:12px}

.componentReplyForm .componentBody p img {width:200px}

#replyForm form {overflow:hidden; padding:10px}

#sidebar {float:left; width:220px; overflow:hidden; display:block}
.moduleBody ul {margin:0; padding:0; list-style:none}
.moduleTitle h2 {padding:5px 20px 50px 20px; text-align:left}

.moduleBody {padding:15px 20px 30px 20px; background:url('http://s.ycul.com/blog.public/images/TheCoffeeShop/img08.jpg') repeat-x; text-align:left}
.moduleBody li {padding:3px 0; background:url('http://s.ycul.com/blog.public/images/TheCoffeeShop/img06.gif') repeat-x left bottom}
.moduleBody li a {background:none}

.moduleCalendar .moduleBody {padding:15px 20px 30px 20px; *padding:15px 20px 30px 20px; _padding:15px 10px 30px 0}
#calendarContainer table {width:99%; *width:99%; _width:96%}
#calendarContainer td {font-style:normal; text-align:center}
#calendarContainer td a {color:#5A5C53; font-weight:bold}
#calendarContainer td a:hover {color:#F90}

#calendarContainer td.today {font-weight:bold; color:#5CAF00}
#calendarContainer td.today a {color:#5A5C53}
#calendarContainer td.today a:hover {color:#F90}
#calendarContainer td.today:hover {color:#F30}

#calendarContainer td.weekday {color:#7E7E7E; font-style:normal}

#calendarContainer td.weekSun {color:#F30; text-align:center}

#calendarContainer td.weekSat {color:#5CAF00; text-align:center}

#calendarContainer td.calendarHeader {letter-spacing:0.2em}

.moduleAbout {text-align:center}
.moduleAbout .avatar img {padding:2px; border:1px solid #5A5C53; margin:6px}
.moduleAbout .nick_name {font-weight:bold; color:#5A5C53}

.moduleLastestReplyInfo {display:block; overflow:hidden}

.moduleTag .moduleBody, .moduleFolder .moduleBody {position:relative; padding-right:1px}

.moduleTag span, .moduleFolder span {position:absolute; right:5px; *right:12px; _right:20px; text-align:right}

.moduleStat span {color:#5A5C53}

.moduleLinks .descrption {color: #715558}

.moduleSearch .moduleBody form {border:none}
.moduleSearch .moduleBody input {margin-bottom:5px; padding:3px 2px; border:1px solid #5A5C53; font-family:Tahoma,Verdana,Arial;}

.moduleSearch .moduleBody .query {color:#5A5C53}

.moduleSearch .moduleBody .submit {background:#5A5C53; color:#FFF; height:22px; font-size:12px}

.moduleLinks .moduleBody li a {display:block}

#footer {font-family:Tahoma,Verdana,Arial; position:relative; color:#fff; padding:2px 0 35px 0; line-height:80px; text-align:center; letter-spacing:-1px; font-size:12px}

#footer a {background:none; font-weight:bold; color:#fff}