Page Structure

A typical K2 page has the following hierarchy:

<div id="page">

	<div id="header">
		<h1 class="blog-title" />
		<p class="description" />

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

	<div class="content">

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

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

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

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

			</div><!--#primary-->
		</div><!--#primary-wrapper-->

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

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

	</div><!--.content-->

</div><!--#page-->

<div id="footer">
</div><!--#footer-->

Page Structure in K2 1.1

<div id="page">

	<div id="header">
		<div id="site-title" />
		<div id="site-description" />

		<div class="headermenu">
			<ul>
				<li class="current_page_item" />
				<li class="page_item" />
			</ul>
		</div><!--.headermenu-->
	</div><!--#header-->

	<div class="wrapper">

		<div class="primary">

			<div id="rollingarchives"></div>

			<div class="content hfeed">
				<div id="entry-#" class="hentry">
					<div class="entry-header">
						<h3 class="entry-title" />
						<div class="entry-meta" />
					</div>
					<div class="entry-content">
					</div>
					<div class="entry-footer">
						<div class="entry-meta" />
					</div>
				</div><!--#entry-ID-->

			</div><!--.content-->

		</div><!-- .primary -->

		<div id="widgets-sidebar-1" class="secondary">
			<div class="widget" />
		</div><!--#widgets-sidebar-1-->

		<div id="widgets-sidebar-2" class="secondary">
			<div class="widget" />
		</div><!--#widgets-sidebar-2-->

		<div id="widgets-bottom" class="widgets">
			<div class="widget" />
		</div><!--#widgets-bottom-->

	</div><!--.wrapper--->

</div><!--#page-->

<div id="footer">
</div><!--#footer-->

Element Widths

Depending on the number of active sidebars, K2 has the following widths: