{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: {exp:channel:entries channel="{mychannel}" limit="1"}{title}{/exp:channel:entries}</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">
			{exp:channel:entries channel="{mychannel}" limit="1"}
			<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>
			<h2 class="blog-title">{title}</h2>
			<p class="author">by {author} {entry_date format="%l, %F %d, %Y"}</p>
			<a class="blog" href="{structure:parent:url}">Back to Blog index</a>
			{blog}
			{text}
			{/blog}
		</div>
		<div class="clear"></div>
	</div>
	{/exp:channel:entries}
	{embed="{myembedded}/04-footer"}
</div>
<script type="text/javascript">
$(function(){
	var align = $("div.grid_11 img").css("float");
	$("div.grid_11 img").addClass(align);
});
</script>
</body>
</html>
