#summary Layout documentation

=Page Structure=

A typical K2 page has the following hierarchy:

{{{
<div id="page">

	<div id="header">
		<h1 class="blog-title"><a accesskey="1" href="Blog address">Blog title</a></h1>
		<p class="description">Tagline</p>

		<ul class="menu">
			<li class="current_page_item"></li>
			<li class="page_item"></li>
			<li class="admintab"></li>
		</ul>
	</div>

	<hr />

	<div class="content">

		<div id="primary-wrapper">
			<div id="primary">

				<div id="notices"></div>

				<div id="current-content" class="hfeed">
					<div id="post-#" class="hentry"></div>
				</div>

				<div id="dynamic-content">
					<div id="rollingarchives"></div>

					<div id="rollingcontent" class="hfeed">
						<div id="post-#" class="hentry"></div>
					</div>
				</div>

			</div>
		</div>


		<hr />

		<div id="sidebar-1" class="secondary"></div>

		<hr />

		<div id="sidebar-2" class="secondary"></div>

		<div class="clear"></div>
	</div>

	<div class="clear"></div>
</div>

<hr />

<div id="footer">
	<p class="footerstyledwith"></p>
	<p class="footerpoweredby"></p>
	<p class="footerfeedlinks"></p>
</div>
}}}

=Element Widths=

Depending on the number of columns selected, K2 has the following widths:

|| Columns || #page || #primary || #sidebar-1 || #sidebar-2 ||
|| 1 || 560px || 500px || 240px || 240px ||
|| 2 || 780px || 500px || 200px || 200px ||
|| 3 || 950px || 500px || 200px || 150px ||