* {padding:0; margin:0}
body, table, th, td, input, textarea, form, span {font-size: 11px; font-family: "Tahoma"; color: #B0B0B0}

h1, h2, h3, h4 {font-size:16px; color:#fff; font-family:Tahoma,Verdana,Arial; font-weight:normal}
.componentTitle {margin-top:30px; margin-bottom:20px}
input, textarea {background:transparent; color:#ccc}

a {color: #FFFFFF; text-decoration: none}
a:hover {color: #000000; text-decoration:underline}

#subNav a {border-color: #FFFFFF}
#subNav a:hover {border-color: #000000}

img .left {float:left; margin:3px 3px 3px 0; padding:3px 3px 3px 0}

ime .right {float:right; margin:3px 0 3px 3px; padding:3px 0 3px 3px}

a img {border:0}
.more a {font-size:12px; text-decoration:none; color:#fff; font-family:Tahoma,Verdana,Arial;}
.more a:hover {text-decoration:underline}

ul, ul li, ol, ol li, li {list-style:none}
li a {text-decoration:underline; font-size:12px; color:#E1E1E1; font-family:Tahoma,Verdana,Arial;}
li a:hover {text-decoration: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 15px 0; _width:90%; font-size:12px; height:20px; 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}
body {background:url('http://s.ycul.com/blog.public/images/ReallyHiTech/bbg_main.jpg') left top; color:#E1E1E1; font-size:12px; font-family:Tahoma,Verdana,Arial; padding:0 0 0 0; margin:0 0 0 0}

 #wrap {width:766px; margin:0 auto 0; position:relative; background:url('http://s.ycul.com/blog.public/images/ReallyHiTech/bbg.jpg') repeat-y center; min-height:700px; position:absolute; left:50%; margin-left:-383px}
 #wrap:after {content:"."; display:block; height:0; clear:both; visibility:hidden}

 #content1 {width:100%; height:100%; background:url('http://s.ycul.com/blog.public/images/ReallyHiTech/main.jpg') no-repeat center top}
 #content1:after {content:"."; display:block; height:0; clear:both; visibility:hidden}

#header {width:766px; height:295px; background:url('http://s.ycul.com/blog.public/images/ReallyHiTech/headerBg.jpg') no-repeat center top}
#blogName {*margin:36px 24px 0 24px; padding:105px 24px 0 62px; *padding:50px 0 0 38px; background:url('http://s.ycul.com/blog.public/images/ReallyHiTech/blogName.jpg') no-repeat 50px 36px; *background:url('http://s.ycul.com/blog.public/images/ReallyHiTech/blogName.jpg') no-repeat right top; height:259px; width:690px; *width:670px; _width:690px}
#blogName a {font-size:30px; color: #FFFFFF; text-decoration:none; font-family:Tahoma,Verdana,Arial; font-weight:bold}
#blogName a:hover {color: #000000}

#blogDescription {padding-left:62px; font-size:14px; font-family:Tahoma,Verdana,Arial; color: #FFFFFF; margin-top:-210px; _margin-top:-180px; position:relative}
#navbar {padding:0 0 0 56px; position:relative; bottom:80px}
#navbar ul li {display:inline; background:url('http://s.ycul.com/blog.public/images/ReallyHiTech/q1.jpg') left center no-repeat}
#navbar ul li a {font-size:12px; color:#F5F6EB; text-decoration:none; padding:0 20px 0 12px; margin:0 0 0 0; font-family:Tahoma,Verdana,Arial;}
#navbar ul li#tabRss img {visibility:hidden; height:18px}
#navbar ul li a:hover {text-decoration:underline}
#navbar ul li#tabRss {*position:relative; *top:2px}
#navbar ul li#tabRss a {background:url('http://s.ycul.com/blog.public/images/ReallyHiTech/rss.gif') no-repeat 10px bottom; height:18px; line-height:25px; width:25px}
#navbar ul li#tabRss a:hover {background:url('http://s.ycul.com/blog.public/images/ReallyHiTech/rssh.gif') no-repeat 10px bottom; height:18px; width:25px}

#content {float:left; text-align:left; width:480px; padding-top:0; padding-bottom:0; margin-top:0; top:-40px; _margin-top:-40px; _top:0; padding-left:30px; padding-right:15px; position:relative; display:table-cell}

.component {padding-top:0; padding-left:25px; padding-right:15px}
.componentBody {padding:0 0 0 0; margin:0 0 24px 0; line-height:18px; }
#subNav {text-align:left; display:block; font-weight:normal; 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 .title a {color:#222}
.postEntry .title a:hover {color:#fff}
.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 #444 solid}
.postEntrySep {height:5px}

#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:#000; background:#6f6f6f; border:1px #b3b3b3 solid}
#pageNav a:hover {border-color:#fff; background:none; color:#fff; text-decoration:none}
#pageNav .current {padding:0 5px; margin:2px 4px; color:#b0b0b0; font-weight:bold}

.componentReplyForm .componentBody table {border-collapse:separate; border-spacing:10px; empty-cells:hide; table-layout:auto; _width:70%; font-size:12px}
.componentReplyForm .componentBody th {text-align:right; line-height:normal}
.componentReplyForm .componentBody td div img {height:25px; width:25px}
.componentReplyForm td div a {padding:0; _border:1px solid #4c4c4c; margin:8px; position:relative; line-height:normal; _height:30px}

.componentReplyForm .componentBody tr {border-collapse:separate; border-spacing:10px}
.componentReplyForm .componentBody p {padding:0; margin:0 auto; }
.componentReplyForm .componentBody input {margin-left:5px}
.componentReplyForm #replyFormReplierUrl, .componentReplyForm #replyFormReplierEmail, .componentReplyForm #replyFormReplierNickName, .componentReplyForm textarea, .componentReplyForm #replyContent {width:200px; margin-left:5px}
.componentReplyForm textarea {height:120px}

.componentReplyForm div #authcode_td2 img {display:block; width:180px; height:36px; padding:3px; border:1px solid #4c4c4c; margin:6px; margin-left:5px; text-align:left}

.componentReplyForm #replyFormSubmit {border:1px outset #EEE; background-color:#DDD; height:25px; color:#333}

.componentReplyList .componentBody {margin:10px 0 0 0; border:1px solid #4c4c4c; 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; text-decoration:none}

.componentReplyList .componentBody .replierNickName a {font-size:12px; font-family:Tahoma,Verdana,Arial; font-weight:500; text-decoration:none}

.componentReplyList .componentBody a:hover {text-decoration:none}

.componentReplyList .componentBody ul li {font-size:12px; line-height:155%; padding:15px 3px 10px 3px}

.respond {font-size:12px; line-height:155%; margin-bottom:1px; padding:5px 1px 0 3px; border:1px solid #b0b0b0; -moz-border-radius:6px; background-color:#3c3c3c}

.respond p {padding:5px 1px 0 0}

.componentReplyList .componentBody li {margin-right:15px; border-bottom:3px dashed #3c3c3c; position:relative}
.replyEntryInfo {background:url("http://s.ycul.com/blog.public/images/ReallyHiTech/replyEntryInfo.gif") no-repeat left top; padding-left:25px; position:relative}

.replyEntryMeta a {font-family:Tahoma,Verdana,Arial; background:url("http://s.ycul.com/blog.public/images/ReallyHiTech/iconControl.gif") no-repeat center right; padding-right:8px; margin-left:5px}
.replyEntryMeta a:hover {background-color:#4c4c4c}

#sidebar {width:210px; _width:200px; min-height:100%; display:table-cell; text-align:left; padding:0 0 15px; margin-top:-12px; font-size:12px; line-height:15px; float:right; letter-spacing:0; position:relative; display:block; margin-left:20px; _margin-left:30px}

.module {padding:18px 30px 30px 29px}

.moduleTitle, .componentPostTitleList .sectionTitle {font-size:14px; text-align:left; color:#fff; padding-left:20px; *padding-left:15px; font-weight:bold}
.module ul, .componentPostTitleList .componentBody ul {margin:5px 0 20px 20px; list-style:none; margin-bottom:25px}
.module li, .componentPostTitleList .componentBody li {background:url('http://s.ycul.com/blog.public/images/ReallyHiTech/arr1.gif') no-repeat 0 5px; padding:0 0 0 18px; line-height:170%}

.moduleAbout .avatar img {padding:2px; border:1px solid #b0b0b0; margin:6px}
.moduleAbout .avatar,
.moduleAbout .nick_name {text-align:center}
#calendarContainer table {table-layout:fixed; text-align:center; width:100%; _width:90%}

#calendarContainer td.today {font-weight:bold; color:#3C3C3C}

.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:25px; text-align:right}
.module span {font-size:9px; color:#3C3C3C}

.moduleLinks .moduleBody li a {display:block}

.form {font-size:12px; color:#ACACAC; font-family:Tahoma,Verdana,Arial; width:131px; height:16px; background-color:#fff; border:#C5CFD8 solid 1px; padding:1px 0 0 6px; vertical-align:top}
#footer {width:766px; height:112px; background:url('http://s.ycul.com/blog.public/images/ReallyHiTech/footer.jpg') no-repeat center top; color:#B0B0B0; font-size:9px; font-family:Tahoma,Verdana,Arial;}
#footer a {color:#B0B0B0; text-decoration:none}
#footer a:hover {text-decoration:underline}