<!DOCTYPE html>
<!--[if IE 7 ]> <html class="ie7 oldie"> <![endif]-->
<!--[if IE 8 ]> <html class="ie8 oldie"> <![endif]-->
<!--[if IE 9 ]> <html class="ie9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <html> <!--<![endif]-->
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
<meta charset="utf-8"/>
<meta name="description" content="">
<meta name="author" content="">
<title>CoolBlue</title>
<link rel="stylesheet" type="text/css" media="screen" href="css/coolblue.css" />
<!--[if lt IE 9]>
<script src="http//html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<script src="http//ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/jquery-1.6.1.min.js"><\/script>')</script>
<script src="js/scrollToTop.js"></script>
</head>
<body id="top">
<!--header -->
<div id="header-wrap"><header>
<hgroup>
<h1><a href="index.html">Coolblue</a></h1>
<h3>Just Another Styleshout Template</h3>
</hgroup>
<nav>
<ul>
<li><a href="index.html">Home</a><span></span></li>
<li><a href="style.html">Style Demo</a><span></span></li>
<li id="current"><a href="blog.html">Blog</a><span></span></li>
<li><a href="archive.html">Archives</a><span></span></li>
<li><a href="index.html">Support</a><span></span></li>
<li><a href="index.html">About</a><span></span></li>
</ul>
</nav>
<div class="subscribe">
<span>Subscribe:</span> <a href="#">Email</a> | <a href="#">RSS</a>
</div>
<form id="quick-search" method="get" action="index.html">
<fieldset class="search">
<label for="qsearch">Search:</label>
<input class="tbox" id="qsearch" type="text" name="qsearch" value="Search..." title="Start typing and hit ENTER" />
<button class="btn" title="Submit Search">Search</button>
</fieldset>
</form>
<!--/header-->
</header></div>
<!-- content-wrap -->
<div id="content-wrap">
<!-- content -->
<div id="content" class="clearfix">
<!-- main -->
<div id="main">
<!-- post -->
<article class="post single">
<!-- primary -->
<div class="primary">
<h2><a href="index.html">A Blog Post</a></h2>
<p class="post-info"><span>Filed under</span> <a href="index.html">templates</a>, <a href="index.html">internet</a></p>
<div class="image-section">
<img src="images/img-post.jpg" alt="image post" height="206" width="498"/>
</div>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse bibendum.
Cras id urna. Morbi tincidunt, orci ac <a href="index.html">convallis aliquam</a>, lectus turpis varius lorem, eu
posuere nunc justo tempus leo.</p>
<p>
Donec mattis, purus nec placerat bibendum, <a href="index.html">dui pede condimentum</a>
odio, ac blandit ante orci ut diam. Cras fringilla magna. Phasellus suscipit, leo a pharetra
condimentum, lorem tellus eleifend magna, <a href="index.html">eget fringilla velit</a> magna id neque. Curabitur vel urna.
In tristique orci porttitor ipsum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse bibendum.
Cras id urna. Morbi tincidunt, orci ac convallis aliquam, lectus turpis varius lorem, eu
posuere nunc justo tempus leo.</p>
<!-- /primary -->
</div>
<aside>
<p class="dateinfo">JAN<span>31</span></p>
<div class="post-meta">
<h4>Post Info</h4>
<ul>
<li class="user"><a href="#">Erwin</a></li>
<li class="time"><a href="#">12:30 PM</a></li>
<li class="comment"><a href="#">10 Comments</a></li>
<li class="permalink"><a href="#">Permalink</a></li>
</ul>
</div>
<div class="post-meta">
<h4>tags</h4>
<ul class="tags">
<li><a href="index.html" rel="tag">Clean</a></li>
<li><a href="index.html" rel="tag">Blog</a></li>
<li><a href="index.html" rel="tag">Minimal</a></li>
</ul>
</div>
</aside>
<!-- /post -->
</article>
<!-- post-bottom-section -->
<div class="post-bottom-section">
<h4>3 comments</h4>
<div class="primary">
<ol class="commentlist">
<li class="depth-1">
<div class="comment-info">
<img alt="" src="images/gravatar.jpg" class="avatar" height="42" width="42" />
<cite>
<a href="index.html">Erwin</a> Says: <br />
<span class="comment-data"><a href="#comment-63" title="">January 31st, 2010 at 10:00 pm</a></span>
</cite>
</div>
<div class="comment-text">
<p>Comments are great!</p>
<div class="reply">
<a rel="nofollow" class="comment-reply-link" href="index.html">Reply</a>
</div>
</div>
<ul class="children">
<li class="depth-2">
<div class="comment-info">
<img alt="" src="images/gravatar.jpg" class="avatar" height="42" width="42" />
<cite>
<a href="index.html">Erwin</a> Says: <br />
<span class="comment-data"><a href="#" title="">January 31st, 2010 at 8:15 pm</a></span>
</cite>
</div>
<div class="comment-text">
<p>And here is a threaded comment.</p>
<div class="reply">
<a rel="nofollow" class="comment-reply-link" href="index.html">Reply</a>
</div>
</div>
</li>
<li class="depth-2">
<div class="comment-info">
<img alt="" src="images/gravatar.jpg" class="avatar" height="42" width="42" />
<cite>
<a href="index.html">Erwin</a> Says: <br />
<span class="comment-data"><a href="#" title="">January 31st, 2010 at 8:15 pm</a></span>
</cite>
</div>
<div class="comment-text">
<p>And here is another threaded comment.</p>
<div class="reply">
<a rel="nofollow" class="comment-reply-link" href="index.html">Reply</a>
</div>
</div>
<ul class="children">
<li class="depth-3">
<div class="comment-info">
<img alt="" src="images/gravatar.jpg" class="avatar" height="42" width="42" />
<cite>
<a href="index.html">Erwin</a> Says: <br />
<span class="comment-data"><a href="#" title="">January 31st, 2010 at 8:10 pm</a></span>
</cite>
</div>
<div class="comment-text">
<p>Threaded comments are cool!</p>
<div class="reply">
<a rel="nofollow" class="comment-reply-link" href="index.html">Reply</a>
</div>
</div>
</li>
</ul>
</li>
</ul>
</li>
<li class="thread-alt depth-1">
<div class="comment-info">
<img alt="" src="images/gravatar.jpg" class="avatar" height="42" width="42" />
<cite>
<a href="index.html">Erwin</a> Says: <br />
<span class="comment-data"><a href="#comment-63" title="">January 31st, 2010 at 8:00 pm</a></span>
</cite>
</div>
<div class="comment-text">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero.
Suspendisse bibend
个人blog蓝白.zip （35个子文件） 
archive.html 15KB index.html 17KB blog.html 22KB
images 
user.png 1KB
img-post.jpg 13KB content-bg.png 1KB rss32.png 2KB social_rss.png 6KB bg.png 26KB selected.png 1KB header-bg.png 13KB tag.png 1KB content.png 11KB quote.png 1KB back-to-top.png 1KB comment.png 1KB footer-line.png 930B speech-bubble.png 1KB current.png 1KB permalink.png 1KB clock.png 2KB social_twitter.png 6KB thumb.png 2KB dotted-lines.png 3KB search.png 1KB sample-image.jpg 9KB logo.png 6KB gravatar.jpg 2KB date-bg.png 1KB social_facebook.png 5KB social_email.png 4KB js 
jquery-1.6.1.min.js 89KB scrollToTop.js 244B PSDs style.html 19KB css coolblue.css 25KB资源评论
