{preload_replace:mychannel="blog"}
{preload_replace:myembedded="embeds"}

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">

<html lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<title>One World Architecture Blog</title>
	<meta name="generator" content="TextMate http://macromates.com/">
	<meta name="author" content="Usha">
	<!-- Date: 2011-05-25 -->
	
	{embed="{myembedded}/01-css"}
	{embed="{myembedded}/01-js"}
	
</head>
<body id="blog" class="default">
<div id="main-container">	
	{embed="{myembedded}/02-topnav"}
	<div id="content" class="container_16">
		<div class="grid_5">
			<img src="{site_url}css/css-images/blog-sidebar.jpg" alt="OWA Blog" class="left-col-img" />
		</div>
		<div class="grid_11">
			<h1><span class="green">OWA</span> Blog</h1>
			{exp:channel:entries channel="{mychannel}" limit="1"}
				{blog}{text}{/blog}
			{/exp:channel:entries}
			<div class="masonry-wrapper">
				{exp:channel:entries channel="news|blog" limit="6" entry_id="{structure:child_ids}" fixed_order="{structure:child_ids}"}
				<div class="entry-wrap {channel}">
				{blog}{exp:ce_img:single src="{thumb}" width="70" height="90" crop="yes|center"}{/blog}
				<h2>{title}</h2>
				<p>
				{if blog != ""}
				{exp:eehive_hacksaw words="16" append="..."}
				    {blog}{text}{/blog}
				{/exp:eehive_hacksaw}
				{/if}
				{if news != ""}
				{exp:eehive_hacksaw words="36" append="..."}
				    {news}{text}{/news}
				{/exp:eehive_hacksaw}
				{/if}
				<a class="more" href="/owa001/~dev-ee/index.php/{page_uri}">Read more</a>
				</p>
				</div>
				{paginate}
			        {pagination_links}
			    {/paginate}
				{/exp:channel:entries}
			</div>
			<div class="clear"></div>
		</div>
		<div class="clear"></div>
	</div>
	{embed="{myembedded}/04-footer"}
	<script type="text/javascript" src="{site_url}js/jquery.masonry.min.js"></script>
	<script type="text/javascript">
	$(function(){
		$(".masonry-wrapper").masonry({
			itemSelector : '.entry-wrap',
			columnWidth : 310,
			gutterWidth : 20
		});
	});
	</script>
</div>
</body>
</html>
