<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>CoolBlue</title>
<meta http-equiv="content-type" content="application/xhtml+xml; charset=UTF-8" />
<meta name="author" content="Erwin Aligam - styleshout.com" />
<meta name="description" content="Site Description Here" />
<meta name="keywords" content="keywords, here" />
<meta name="robots" content="index, follow, noarchive" />
<meta name="googlebot" content="noarchive" />
<link rel="stylesheet" type="text/css" media="screen" href="css/screen.css" />
</head>
<body>
<!--header -->
<div id="header-wrap"><div id="header">
<a name="top"></a>
<h1 id="logo-text"><a href="index.html" title="">coolblue</a></h1>
<p id="slogan">Just Another Styleshout CSS Template... </p>
<div id="nav">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="style.html">Style Demo</a></li>
<li id="current"><a href="blog.html">Blog</a></li>
<li><a href="archives.html">Archives</a></li>
<li><a href="index.html">Support</a></li>
<li><a href="index.html">About</a></li>
</ul>
</div>
<p id="rss">
<a href="index.html">Grab the RSS feed</a>
</p>
<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-->
</div></div>
<!-- content-outer -->
<div id="content-wrap" class="clear" >
<!-- content -->
<div id="content">
<!-- main -->
<div id="main">
<div class="post">
<div class="right">
<h2><a href="index.html">A Blog Post</a></h2>
<p class="post-info">Filed under <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="200" width="500"/>
</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>
<div class="share-box clear" >
<h4>Share This</h4>
<ul>
<li><a title="RSS" href="index.html" rel="nofollow">
<img alt="RSS" title="RSS" src="images/rss_32.png" /></a>
</li>
<li><a title="del.icio.us" href="index.html" rel="nofollow">
<img alt="del.icio.us" title="del.icio.us" src="images/delicious_32.png" /></a>
</li>
<li><a title="StumbleUpon" href="index.html" rel="nofollow">
<img alt="StumbleUpon" title="StumbleUpon" src="images/stumbleupon_32.png" /></a>
</li>
<li><a title="Digg" href="index.html" rel="nofollow">
<img alt="Digg" title="Digg" src="images/digg_32.png" /></a>
</li>
<li><a title="Facebook" href="index.html" rel="nofollow">
<img alt="Facebook" title="Facebook" src="images/facebook_32.png" /></a>
</li>
<li><a title="Twitter" href="index.html" rel="nofollow">
<img alt="Twitter" title="Twitter" src="images/twitter_32.png" /></a>
</li>
<li><a title="Technorati" href="index.html" rel="nofollow">
<img alt="Technorati" title="Technorati" src="images/technorati_32.png" /></a>
</li>
<li><a title="NewsVine" href="index.html" rel="nofollow">
<img alt="NewsVine" title="NewsVine" src="images/newsvine_32.png" /></a>
</li>
<li><a title="LinkedIn" href="index.html" rel="nofollow">
<img alt="LinkedIn" title="LinkedIn" src="images/linkedin_32.png" /></a>
</li>
<li><a title="E-mail this story to a friend!" href="index.html" rel="nofollow">
<img alt="E-mail this story to a friend!" title="E-mail this story to a friend!" src="images/email_32.png" /></a>
</li>
</ul>
</div>
</div>
<div class="left">
<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>
</div>
</div>
<div class="post-bottom-section">
<h4>3 comments</h4>
<div class="right">
<ol class="commentlist">
<li class="depth-1">
<div class="comment-info">
<img alt="" src="images/gravatar.jpg" class="avatar" height="40" width="40" />
<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="40" width="40" />
<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="40" width="40" />
<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="chil