使用说明：
声明：本模板非本人原创设计，乃来源于Free CSS Templates 的免费css模板，经过本人的修改，现使用于Ycool的新模板系统。
使用方法：
1 点击新模板DIY链接，进入新模板DIY模式。
2 复制css代码至css代码区。
3 复制html代码至html代码区。
4 保持代码。
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
非常感谢您喜欢和支持偶的作品，如果在使用出现问题可到偶的blog：http://kalderash.ycool.com/留言，或是发邮件给我：kalderash.liu@gmail.com。您也可以到歪酷技术交流群62218942里来进行讨论。
代码如下：
CSS：
@charset "utf-8";
* {padding:0; margin:0}
body {
margin: 0;
padding: 0;
background: #000000;
font-size: 13px;
color: #8C8C8C;
text-align:center;
}
a {text-decoration:none;}
body, th, td, input, textarea, select, option {
font-family: Georgia, "Times New Roman", Times, serif;font-size:12px;
}
ul {list-style:none;}
h1, h2 {
font-weight: normal;
color: #CBA61A;
}
h1 {
letter-spacing: -2px;
font-size: 3em;
}
h2 {
letter-spacing: -1px;
font-size: 2em;
}
h3 {
font-size: 1em;
}
h4 {font-size:0.9em;}
.postTime {color: #646464;}
.posterNickName a{text-decoration:none;}
.posterNickName a:hover {text-decoration:none;}
p, ul, ol {
line-height: 200%;
}
blockquote {
padding-left: 1em;
}
blockquote p, blockquote ul, blockquote ol {
line-height: normal;
font-style: italic;
}
a {
color: #3AA0B9;
}
a:hover {
text-decoration: none;
color: #EB42A3;
}
#header {
width: 760px;
height: 280px;
margin: 0 auto;
background: url(http://www.kalderash.com.cn/ycool/pinkflower/img01.jpg) no-repeat right top;
}
.more {margin-top:5px;text-align:right; padding-right:5px}
.cut {clear:both}
#blogName {margin: 0;color: #EB42A3;padding-top: 100px;padding-left:33px;}
#blogName a {text-decoration: none;color: #EB42A3;}
#blogName a:hover {background:none; text-decoration: none}
#wrap {width:760px; margin:0 auto; word-break: break-all; text-align:left}
#blogDescription {display:block; overflow:hidden; color: #EB42A3; font-family: "Tahoma"; font-style: normal;padding-left:33px;}}
#content {float: right;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:0px 15px 10px 25px;
_padding:0px 25px 10px 15px;width:230px; _width:260px;float:left; *float:none; _float:left; overflow:hidden;line-height:150%; }
#sidebar ul {
padding: 15px 0;
}
#sidebar a{text-decoration:none;}
#sidebar li {
padding-left: 20px;
border-bottom: 1px dotted #0F0F0F;
background: url(http://www.kalderash.com.cn/ycool/pinkflower/img02.gif) no-repeat 5px 50%;}
#sidebar .moduleLatestReply li {background:none;}
#navbar {display:none;}
#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;text-decoration:none;}
#subNav a:hover {font-size:12px;text-decoration:none;}
.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;}
.title a{color: #CBA61A;text-decoration:none;}
.postEntry .signature {margin-bottom:10px; margin-top:-5px; _margin-top:-8px;color: #646464;padding:2px;padding-top:5px;padding-left:6px;}
.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 {margin-bottom:20px;border-bottom: 1px dotted #0F0F0F;
}
#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:17px;font-weight:bold; text-align: left; margin:0 0 5px 0; color: #CBA61A;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 {display:none;}
#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}
HTML：
#PAGE_HEADER#
<div id="header">
#HEADER#
</div>
<div id="navbar">
#NAVBAR#
</div>
<div class="clearfix">
<div id="content">
#CONTENT#
</div>
<div id="sidebar">
#SIDEBAR#
</div>
</div>
#PAGE_FOOTER#
