@charset "utf-8";
@import "http://s.ycul.com/blog.public/images/Marinee/Blue.css";
* {padding:0; margin:0}
body, table, th, td, input, textarea, form, span {font-size:12px; font-family:Tahoma,Verdana,Arial;}
body {margin:68px 0 20px 0; padding:0;background-repeat: repeat-x; color: #999999; text-align:center}
a {padding:2px; padding-top:2px; text-decoration:none}
a:hover {color:#fff; text-decoration:none}
img {border:none}
ul, ul li, ol, ol li, li {list-style:none}
.more {margin-top:5px;text-align:right; padding-right:5px}
.cut {clear:both}
#blogName {margin:-55px 0 0 7px; *margin:-35px 0 0 7px;position:absolute; font-size:2.2em; font-family: "Tahoma"; display:block;}
#blogName a {text-decoration: none}
#blogName a:hover {background:none; text-decoration: none}
blockquote {padding:0 10px; margin:0 0 0 10px;}
.container_left {background-repeat:no-repeat; background-position:left top; *background-position:left -22px;}
.container_right {background-repeat:no-repeat; background-position:top right;*background-position:right -22px;}
.topline {background-repeat:no-repeat; background-position:top center;}
p {line-height:190%}
#wrap {width:765px; margin:0 auto; word-break: break-all; text-align:left}
#blogDescription {position:absolute;top:45px; *top:65px; margin-left:18px;display:block; overflow:hidden; color: #FFFFFF; font-family: "Tahoma"; font-style: normal;}
#content {float:left; padding:20px; voice-family:"\"}\""; voice-family:inherit; width:450px;_width:488px; _margin-left:5px;padding-top:0;*padding-top:5px; line-height:150%;}
#sidebar {padding:10px 20px 10px 20px; *padding:10px 15px 10px 25px;
_padding:10px 25px 10px 15px;width:230px; _width:260px;float:right; *float:none; _float:right; overflow:hidden;line-height:150%; }
#content_bg {background-color:#fff; background-repeat:repeat-y; height:100%}
#navbar {position:relative; width:100%;display:block; height:22px; font-size-adjust:11px; margin:0; float:right}
#navbar ul {position:absolute; display:block; bottom:68px; _bottom:65px; right:0;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; letter-spacing:-8px; text-decoration:none; height:20px; line-height:18px; _line-height:20px; width:50px; text-indent:-100000px}
#navbar ul li a:hover {text-indent:-100000px}
#tabHome a {background:url('http://s.ycul.com/blog.public/images/old/home.gif') no-repeat center center; height:20px; width:50px; 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}
#tabCtrlPanel a {background:url('http://s.ycul.com/blog.public/images/old/admin.gif') no-repeat center center; height:20px; width:50px; display:block}
#tabRss a {background:url('http://s.ycul.com/blog.public/images/old/rss.gif') no-repeat center center; _background:url('http://s.ycul.com/blog.public/images/old/rss.gif') no-repeat center 3px;height:20px; width:50px; display:block}
#subNav {text-align:left; display:block; margin-bottom:10px; margin-top:-10px;*margin-top:10px;ont-weight:normal; position:relative; font-size:9px; color:#666; }
#subNav a {font-weight:400;font-size:12px}
#subNav a:hover {font-size:12px}
.postEntryNav,.postListNav {    margin:2px 0 2px 0;    _width:90%;color:#ccc; font-size:11px; font-family:Tahoma,Verdana,Arial; display:block;}
.postEntryNav {margin-bottom:20px;}
.prev {    width:45%;    float:left;    text-align:left;    overflow:hidden;display:block;}
.next {    width:45%;    float:right;    text-align:right;    overflow:hidden;display:block;}
#pageNav {padding:8px; height:20px; _height:30px; clear:both; text-align:center; font-size:0.9em; font-family:Tahoma,Verdana,Arial; overflow:hidden}
#pageNav a, #pageNav a:hover {padding:.3em .6em; margin:0 .3em}
#content .postEntry,#content .componentReplyForm,#content .componentReplyList {clear:both}
.postEntry h3,#content .componentReplyForm h2,#content .componentReplyList h2 {font-weight: bold; font-size: 16px;margin:10px 0 0 0;}
.postEntry h3 a,#content .componentReplyForm h2 a,#content .componentReplyList h2 a {font-weight: bold; text-decoration:none}
.postEntry h3 a:hover,#content .componentReplyForm h2 a:hover,#content .componentReplyList h2 a:hover {color:#3F3F3F; background:none;font-weight: bold; text-decoration:none}
.postEntry .title {font-size:17px; font-weight:bold; margin-top:3px; margin-left:-5px; padding-left:10px; position:relative; padding-bottom:5px;}
.postEntry .signature {margin-bottom:10px; margin-top:-5px; _margin-top:-8px;margin-left:-5px; background:url(http://s.ycul.com/blog.public/images/Marinee/by.gif) 8px 4px no-repeat; position:relative; color:#eee;padding:2px;padding-left:22px;padding-top:5px;}
.postEntry .content {margin-bottom:45px; color:#777; font-size:12px; line-height:15px;padding:10px; letter-spacing:0; line-height:170%}
.postEntry .content img {border: 1px solid #f2f2f2; padding: 2px; margin: 2px 1px;vertical-align: middle;}
.postEntry .content img.left {float:left; margin:0 12px 0 0;}
.postEntry .content img.right {float:right;margin:0 0 0 12px;}
.postEntry .content img.center {display: block; margin:0 auto 5px auto;}
.postEntry .postEntryMeta {margin-top:5px; text-align:right; font-size:90%; color:#999}

.postEntry .content img a:hover {background:none}
.postEntry .tags,.postEntry .today_in_history,.postEntry .related {padding-left:5px; font-size:12px; text-align:left}
.postEntry .tags {background:url(http://s.ycul.com/blog.public/images/Marinee/img_tag_bg.gif) no-repeat left center; padding-left:14px;}
.postEntryMeta {text-align:right; padding-right:8px; display:block; height:20px; font-size:12px; padding-left:5px; color:#ccc; overflow:hidden}
.postEntryMeta .view,.postEntryMeta .reply {padding-right:5px; border-right:1px #eee solid}
.postEntrySep {height:15px}
.postEntry {border-bottom: 3px double #eee; margin-bottom:20px;}
#content .componentReplyForm .componentTitle,#content .componentReplyList .componentTitle {padding:10px 0 5px 20px;margin-bottom:15px;}

.componentReplyForm {margin-top:40px;}
.componentReplyForm .componentBody {margin-top:40px;}
.componentReplyForm .componentBody table {border-collapse:separate; border-spacing:10px; empty-cells:hide; table-layout:auto; _width:95%}
.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 .componentBody td div img {height: 25px;    width: 25px;}
.componentReplyForm td div a {padding:2px; border:1px solid #f6f6f6; margin:3px; float:left;}

.componentReplyForm #replyFormReplierUrl, .componentReplyForm #replyFormReplierEmail, .componentReplyForm #replyFormReplierNickName, .componentReplyForm textarea, .componentReplyForm #replyContent {width:200px; }
.componentReplyForm textarea {height:120px}
.componentReplyForm div #authcode_td2 img {display:block; width:180px; height:36px; padding:3px; margin:6px; margin-left:0; text-align:left}

.componentReplyForm #replyFormSubmit {border:1px outset #EEE; background-color:#DDD; height:25px; color:#333}
.componentReplyList .componentBody {background-color:#f6f6f6; margin:10px 0 0 0; border:1px solid #DDD; font-size:12px; padding:12px 5px ; -moz-border-radius:6px}
.componentReplyList .componentBody p {margin:5px; padding-top:5px; padding-bottom:10px}
.componentReplyList .componentBody ul li {color:#555; font-size:12px; line-height:155%; padding:15px 3px 10px 3px; }
.respond {color:#404040; font-size:12px; line-height:155%; margin-bottom:1px; padding:5px 1px 0 3px; -moz-border-radius:6px; background-color:#f9f9f9}
.respond p {padding:5px 1px 0 0}
.componentReplyList .componentBody li {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:20px; position:relative}
.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; margin-left:5px}
.replyEntryMeta a:hover {background-color:#e4e2e2;}
.componentPostTitleList ul li {line-height:170%}
.componentPostTitleList ul {margin-bottom:25px}
.sectionTitle {font-weight:bold}

#sidebar ul {padding:10px; margin:5px;_padding:10px 2px 10px 10px;}
#sidebar li {list-style:none; padding:2px 0 2px 20px}
#sidebar .moduleLastestReplyInfo {background:url(http://s.ycul.com/blog.public/images/Marinee/sub_icon.gif) no-repeat 0 22px; padding:2px 0 2px 13px;}
#sidebar .moduleLastestReplyInfo .nickName {margin-left:-13px;}
.moduleTitle {font-size: ; text-align: left; margin:0 0 5px 0; color: #000000; font-family: "Tahoma"; }
.moduleBody {padding-bottom:15px;font-size:12px; margin-bottom:35px}
#calendarContainer table {table-layout:fixed; text-align:center; width:100%; _width:90%;line-height:normal; }
#calendarContainer td.today {font-weight:bold;}
.moduleAbout .moduleBody {text-align:center;}
.moduleAbout .avatar img {padding:2px; margin:3px;}
.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:12px; text-align:right}
.moduleLinks .moduleBody li a {display:block}
.moduleSearch .moduleBody      {height: 40px;padding-top: 22px;    }
.query {padding:2px 5px 1px 5px; height:17px;width:160px}
.query:hover {border:1px solid #BFBFBF; color:#949494}
.submit {height:20px; width:52px; border:0; margin-left:2px; text-indent:-9999px; cursor:pointer}
.submit:hover {height:20px; width:52px; border:0; margin-left:2px; cursor:pointer}
#footer {background-repeat:no-repeat; height:75px; clear:both; font-size:.8em; color:#fff; text-align:right; padding:33px 18px 20px 0}
#footer a {position:relative; left:280px;*left:300px;ext-decoration:none; font-weight:bold;background:#ccc; color:#fff; padding:5px; border:2px solid #fff}
#footer a:hover {text-align:right;padding:5px; }
#pageNav a {background:#ccc; color:#fff; border:1px #fff solid}
#pageNav .current {padding:0 5px; margin:2px 4px; font-weight:bold}
input {border:1px solid #BFBFBF; color:#949494; background:#fff; padding:2px 5px 1px 5px; font-size:1em}
textarea {font-family:Tahoma,Verdana,Arial; font-size:1.1em; border:1px solid #BFBFBF; color:#949494; padding:2px 5px 1px 5px; }
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden}
* html .clearfix {height:1%}
#replyForm form {overflow:hidden; padding:10px}