* {padding:0; margin:0}
body, table, th, td, input, textarea, form, span {font-size: 12px; font-family: "Tahoma"; color: #848484}
body {background:url('http://s.ycul.com/blog.public/images/Vista01/vista01_body_bg.jpg') repeat; color: #848484; text-align:center}
b, strong {font-weight:bold}
a:link, a:visited, input {color: #a38944; text-decoration: none}
#subNav a {border-color: #a38944}
a:hover, a:active {text-decoration:underline; color: #636363}
#subNav a:hover {border-color: #636363}
a img {border:none}
img .left {float:left; margin:3px 3px 3px 0; padding:3px 3px 3px 0}
img .right {float:right; margin:3px 0 3px 3px; padding:3px 0 3px 3px}
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,.posterNickName,.posterNickName a {font-weight:bold}
.postEntryNav, .postListNav {margin:2px 0; _width:90%; font-size:12px;display:block;}
.prev {width:45%; float:left; text-align:left; overflow:hidden; display:block}
.next {width:45%; float:right; text-align:right; overflow:hidden; display:block}
.postEntryNav {margin-bottom:15px;}
blockquote {color:#000; border:1px dashed #adadad; background:#e6e6e6; padding:10px; border-left:solid #666 4px}
h1,h2,h3,h4,h5 {color:#333; font-weight:bold; margin:0 0 3px 0}
h1 {font-size:24px}
h2 {font-size:16px}
h3 {font-size:20px}
h4 {font-size:14px}
h5 {font-size:14px}

#header {width:767px; text-align:left; height:163px; *height:123px; _height:163px; background:url('http://s.ycul.com/blog.public/images/Vista01/vista01_headerBg.png') no-repeat center; _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,src="http://s.ycul.com/blog.public/images/Vista01/vista01_headerBg.png"); display:block; padding-bottom:40px; margin-top:20px}
#header h1 {color:#fff; font-size:25px; font-weight:bold; top:42px; left:35px; width:450px; display:block; text-shadow:2px 2px 2px #333; position:relative}
#header h1 a {font-weight:bold; color: #a38944; font-family: "Tahoma";text-decoration:none}
#header h1 a:hover {color: #333333}
#blogDescription {color: #555555; font-size:14px; font-weight:900; margin:40px 45px 0 45px; text-shadow:2px 2px 2px #333; position:relative}

#wrap {width:767px; margin:0 auto 0; position:relative}
#wrap:after {content:"."; display:block; height:0; clear:both; visibility:hidden}
#content1 {background:url("http://s.ycul.com/blog.public/images/Vista01/vista01_content_bg.png") repeat-y center; _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,src="http://s.ycul.com/blog.public/images/Vista01/vista01_content_bg.png",sizingMethod=scale); width:767px; margin:0 0}
#content1:after {content:"."; display:block; height:0; clear:both; visibility:hidden}
#content {float:left; text-align:left; border-right:2px solid #d6dad8; width:520px; _width:556px; padding-top:0; padding-bottom:0; margin-top:5px; _margin-top:-28px; top:-30px; _top:0; padding-left:30px; padding-right:15px; position:relative}
.component {padding-top:10px; padding-left:25px; padding-right:15px}
#navbar {_position:relative; margin-top:-20px; *margin-top:0; _margin-top:0; height:30px; bottom:26px}
#navbar ul {line-height:26px; height:30px; margin-top:-26px; _margin-top:0; float:left; margin-left:20px}
#navbar ul li {height:30px; display:inline; line-height:26px; width:111px; text-align:center; float:left}
#navbar ul li img {visibility:hidden; height:26px}
#navbar ul li a {display:block; color:#f7f7f7; text-align:center; text-decoration:none; margin:-4px 0 0 15px; letter-spacing:3px; line-height:26px; height:30px; width:111px}
#navbar ul li a:hover {display:block; background:url('http://s.ycul.com/blog.public/images/Vista01/vista01_over.png') no-repeat center top; _background:url('http://s.ycul.com/blog.public/images/Vista01/vista01_overBg.png') no-repeat center bottom; color:#fff; font-weight:600; line-height:26px; width:111px; height:30px}
#navbar ul li#tabRss {background:url('http://s.ycul.com/blog.public/images/Vista01/vista01_rssH.png') no-repeat right bottom; height:26px; width:111px; display:block; margin-left:10px}
#navbar ul li#tabRss a:hover {background:url('http://s.ycul.com/blog.public/images/Vista01/vista01_rssH_bg.png') no-repeat right bottom; display:block; width:111px; margin-left:0; _margin-left:15px}
#subNav {text-align:left; display:block; font-weight:normal; position:relative; color:#CCC}
#subNav a {border-left-style:solid; border-left-width:10px; font-size:100%; padding-left:5px; font-weight:400; font-size:12px}
#subNav a:hover {font-size:100%; border-left-style:solid; border-left-width:10px; font-size:12px}

.postEntry {clear:both}
.postEntry .title {color:#333; font-size:17px; font-weight:bold; margin-top:3px; margin-left:-15px; padding-left:10px; position:relative; border-left:4px solid #bbb; line-height:200%}
.postEntry .signature {margin-bottom:10px; margin-top:-5px; _margin-top:-8px; font-size:12px; margin-left:-15px; padding-left:10px; position:relative; border-left:4px solid #ddd}
.postEntry .content {margin-bottom:45px; font-size:12px; line-height:15px; letter-spacing:0; line-height:170%}
.postEntry .content img {padding:2px; border:0; margin:5px}
.postEntry .postEntryMeta {margin-top:5px; text-align:right; font-size:90%; color:#999}

.postEntry .tags,
.postEntry .today_in_history,
.postEntry .related {padding-left:5px; font-size:12px; text-align:left}
.postEntryMeta {text-align:right; padding-right:2px; display:block; height:20px; font-size:12px; padding-left:5px; color:#ccc; overflow:hidden}
.postEntryMeta .view,
.postEntryMeta .reply {padding-right:5px; border-right:1px #6A624D solid}
.postEntrySep {height:5px}

#footer {width:669px; margin:0 auto; text-align:left; background:url('http://s.ycul.com/blog.public/images/Vista01/vista01_footer.png') no-repeat; _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,src="http://photo8.yupoo.com/20070604/190057_128475074_kexmzpsp.jpg"); width:767px; height:55px; padding-top:25px}

#pageNav {padding:8px; height:20px; _height:30px; clear:both; text-align:center; font-size:12px; overflow:hidden}
#pageNav a, #pageNav a:hover {padding:.3em .6em; margin:0 .3em}
#pageNav a {color:#a38944; background:#e6e6e6; border:1px #b3b3b3 solid}
#pageNav a:hover {border-color:#b3b3b3; background:#a38944; color:#fff; text-decoration:none}
#pageNav .current {padding:0 5px; margin:2px 4px; color:#a38944; font-weight:bold}

.componentReplyForm .componentBody table {border-collapse:separate; border-spacing:10px; empty-cells:hide; table-layout:auto; _width:90%}
.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:0; margin:0 auto; }

.componentReplyForm #replyFormReplierUrl, .componentReplyForm #replyFormReplierEmail, .componentReplyForm #replyFormReplierNickName, .componentReplyForm textarea, .componentReplyForm #replyContent {width:200px; }
.componentReplyForm textarea {height:120px}

.componentReplyForm .componentBody td div img {height: 25px;    width: 25px;}
.componentReplyForm div #authcode_td2 img {display:block; width:180px; height:36px; padding:3px; border:1px solid #a38944; margin:6px; margin-left:0; text-align:left}

.componentReplyForm #replyForm div a {padding:2px; border:1px solid #a38944;background:#F0F0F0; margin:2px; float:left;}
.componentReplyForm #replyFormSubmit {border:1px outset #EEE; background:#DDD; height:25px; color:#333}

.componentReplyList .componentBody {background-color:#f5f5f5; margin:10px 0 0 0; border:1px solid #DDD; font-size:12px; padding:12px 10px 12px 15px; -moz-border-radius:6px}
.componentReplyList .componentBody p {margin:5px; padding-top:5px; padding-bottom:10px}
.componentReplyList .componentBody a {font-size:12px; font-family:Tahoma,Verdana,Arial; color:#636363; text-decoration:none}
.componentReplyList .componentBody .replierNickName a {font-size:12px Arial,; color:#636363; font-weight:500; text-decoration:none}
.componentReplyList .componentBody a:hover {color:#933; text-decoration:none}
.componentReplyList .componentBody ul li {color:#404040; font-size:12px; line-height:155%; padding:15px 3px 10px 3px; background-color:#f5f5f5}
.respond {color:#404040; font-size:12px; line-height:155%; margin-bottom:1px; padding:5px 1px 0 3px; border:1px solid #e9e9e9; -moz-border-radius:6px; background-color:#f9f9f9}
.respond p {padding:5px 1px 0 0}
.componentReplyList .componentBody li {margin-right:15px; border-bottom:3px dashed #fff; position:relative}
.replyEntryInfo {background:url("http://s.ycul.com/blog.public/images/Vista01/vista01_iconGuestbook.gif") no-repeat left top; padding-left:25px; position:relative}
.componentReplyList .componentBody li:hover {background-color:#fff}
.componentReplyList .componentBody ul li:hover {background-color:#f9f9f9}
.replyEntryMeta a {font-family:Tahoma,Verdana,Arial; background:url("http://s.ycul.com/blog.public/images/Vista01/vista01_iconControl.gif") no-repeat center right; padding-right:8px; color:#999; margin-left:5px}
.replyEntryMeta a:hover {background-color:#e4e2e2; color:#933}
.componentPostTitleList ul li {line-height:170%}
.componentPostTitleList ul {margin-bottom:25px}
.sectionTitle {font-weight:bold}

#sidebar {width:170px; _width:178px; text-align:left; left:1px; padding:0 0 15px; margin-top:-12px; font-size:12px; line-height:15px; float:left; letter-spacing:0; position:relative}
.moudle {padding:0 15px 15px; margin-bottom:15px}
.moduleTitle {font-weight:bold}
.moduleBody {padding:5px; border:1px dashed #b3b3b3; background:#e6e6e6; margin-top:2px; margin-bottom:15px}
#calendarContainer table {table-layout:fixed; text-align:center; width:100%; _width:90%}
#calendarContainer td.today {font-weight:bold; color:#636363}
.moduleAbout .moduleBody {text-align:center}
.moduleAbout .avatar img {padding:2px; border:1px solid #a38944}
.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}
.module span {color:#636363}
.moduleLinks .moduleBody li a {display:block}