<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Christmas Red - Blog Post Page</title>
<meta name="keywords" content="Christmas Red, blog post, css templates, CSS, HTML" />
<meta name="description" content="Christmas Red | Blog Post Page - free CSS template provided by templatemo.com" />
<link href="templatemo_style.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" href="css/ddsmoothmenu.css" />
<script type="text/javascript" src="scripts/jquery.min.js"></script>
<script type="text/javascript" src="scripts/ddsmoothmenu.js">
/***********************************************
* Smooth Navigational Menu- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/
</script>
<script type="text/javascript">
ddsmoothmenu.init({
mainmenuid: "templatemo_menu", //menu DIV id
orientation: 'h', //Horizontal or vertical menu: Set to "h" or "v"
classname: 'ddsmoothmenu', //class added to menu's outer DIV
//customtheme: ["#1c5a80", "#18374a"],
contentsource: "markup" //"markup" or ["container_id", "path_to_menu_file"]
})
</script>
<link rel="stylesheet" type="text/css" href="stylesheet/styles.css" />
<script language="javascript" type="text/javascript" src="scripts/mootools-1.2.1-core.js"></script>
<script language="javascript" type="text/javascript" src="scripts/mootools-1.2-more.js"></script>
<script language="javascript" type="text/javascript" src="scripts/slideitmoo-1.1.js"></script>
<script language="javascript" type="text/javascript">
window.addEvents({
'domready': function(){
/* thumbnails example , div containers */
new SlideItMoo({
overallContainer: 'SlideItMoo_outer',
elementScrolled: 'SlideItMoo_inner',
thumbsContainer: 'SlideItMoo_items',
itemsVisible: 3,
elemsSlide: 2,
duration: 200,
itemsSelector: '.SlideItMoo_element',
itemWidth: 280,
showControls:1});
},
});
</script>
</head>
<body id="home">
<div id="templatemo_outer_wrapper">
<div id="templatemo_wrapper">
<div id="templatemo_header">
<div id="site_title"><h1>free css templates</h1></div>
<div id="templatemo_menu" class="ddsmoothmenu">
<ul>
<li><a href="index.html"><span></span>Home</a></li>
<li><a href="about.html"><span></span>About</a>
<ul>
<li><a href="subpage.html">Item One</a></li>
<li><a href="subpage.html">Item Two</a></li>
<li><a href="subpage.html">Item Three</a></li>
</ul>
</li>
<li><a href="portfolio.html"><span></span>Portfolio</a>
<ul>
<li><a href="subpage.html">Page One</a></li>
<li><a href="subpage.html">Page Two</a></li>
<li><a href="subpage.html">Page Three</a></li>
<li><a href="subpage.html">Page Four</a></li>
<li><a href="subpage.html">Page Five</a></li>
</ul>
</li>
<li><a href="blog.html" class="selected"><span></span>Blog</a></li>
<li><a href="contact.html"><span></span>Contact</a></li>
</ul>
<br style="clear: left" />
</div> <!-- end of templatemo_menu -->
<div class="cleaner"></div>
</div> <!-- end of templatemo header -->
<div id="intro_text"><img src="images/templatemo_mc.png" alt="Merry Christmas" /></div>
<div id="templatemo_main">
<div id="content">
<div class="post_box">
<a href="#" target="_parent"><img src="images/templatemo_image_04.jpg" alt="Image" /></a>
<h2>Blog Post Title</h2>
<p align="justify">Validate <a href="#" rel="nofollow">XHTML</a> & <a href="#" rel="nofollow">CSS</a>. Vestibulum adipiscing tempus elit eu condimentum. Fusce at mi felis. Etiam sed velit nibh. Nunc bibendum justo nec eros elementum auctor. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia.</p>
<p align="justify">Lorem ipsum dolor sit amet, <a href="#">consectetur</a> adipiscing elit. Etiam nec turpis bibendum massa dapibus dictum. Donec eu odio sapien. Donec tincidunt eleifend mauris, ac volutpat leo tincidunt a. Aenean vel vehicula augue. Vestibulum lectus sem, porttitor non molestie quis, pulvinar nec nulla. Maecenas id orci vitae lectus fermentum posuere. <a href="#">Phasellus</a> lacinia eleifend elit, eu mollis erat consectetur et. Integer semper sollicitudin quam a ornare. Nam venenatis nibh ac sem faucibus et imperdiet magna laoreet. Sed at risus dui. Ut imperdiet libero at mauris vestibulum tempor. </p>
<p align="justify">Vestibulum at lorem ac lectus rhoncus aliquet eget ac mauris. Proin nec nunc magna, eu blandit massa. Sed elementum nisi ut quam vehicula eu egestas nisi varius. <a href="#">Aenean semper</a> convallis mi eu congue. In vel neque orci.</p>
<p align="justify">Nunc vitae luctus ligula. Etiam vulputate semper lorem quis gravida. Donec nec aliquam ipsum. Nulla feugiat feugiat erat et consequat. Sed hendrerit molestie ante, sit amet porta leo porta ut. Praesent adipiscing turpis at nisl dapibus vehicula.</p>
<div class="post_bottom">
<span class="cat">Posted in <a href="#">Templates</a>, <a href="#">Freebies</a></span> | <a href="#">128 comments</a>
</div>
</div>
<div class="cleaner h30"></div>
<h3>Comments</h3>
<div id="comment_section">
<ol class="comments first_level">
<li>
<div class="comment_box commentbox1">
<div class="gravatar">
<img src="images/avator.png" alt="author 6" />
</div>
<div class="comment_text">
<div class="comment_author">Steven <span class="date">November 25, 2048</span> <span class="time">11:35 pm</span></div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus dictum ornare nulla ac laoreet.</p>
<div class="reply"><a href="#">Reply</a></div>
</div>
<div class="cleaner"></div>
</div>
</li>
<li>
<ol class="comments">
<li>
<div class="comment_box commentbox2">
<div class="gravatar">
<img src="images/avator.png" alt="author 5" />
</div