Blogger Template by Blogcrowds

Blogger Template - K2

K2

K2 is a blog template created by binarybonsai. Because of its overall cleanliness and ease of customization, K2 is one of the most popular template in the blogosphere. To see what a personalized K2 template looks like, just check out The Stillers and their fantastic blog!
Contribute to Blogcrowds by registering and tell us about your blog at our forum
To download this template click download below OR click the code below, CTR + A, copy and paste it into your Layout --> Edit HTML section under Blogger Dashboard
Demo | Download [copy & paste to Edit HTML]
<?xml version="1.0" encoding="UTF-8" ?>
<!--<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">--><html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
  <head>
    <b:include data='blog' name='all-head-content'/>
    <title><data:blog.pageTitle/></title>
    <b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template Style
Name:        K2
URL:         http://www.geckandfly.com
Updated by:  http://www.blogcrowds.com
Support:     http://www.blogcrowds.com
----------------------------------------------- */

#supernav {
	font: bold 9px/9px Verdana, Lucida Grande, Arial, Helvetica, Sans-Serif;
	position: absolute;
	top: 181px;
	left: 50%;
	width: 720px;
	margin: 0 0 0 -360px;
	padding: 5px 16px; /* duplicate the tab size */
	text-align: left;
	display: block;
	}

#supernav li {
	margin: 0;
	padding: 0;
	text-transform: lowercase;
	display: inline;
	}

#supernav a {
	color: #000000;
	background: #FFFFFF;
	font-weight: normal;
	height: 19px;
	padding: 5px 16px;
	/* round corner tab - not for IE */
	-moz-border-radius-topright: 6px;
	-moz-border-radius-topleft: 6px;
	}

#supernav a:hover {
	color: #111;
	background: #999;
	text-decoration: none;
	/* round corner tab - not for IE */
	-moz-border-radius-topright: 6px;
	-moz-border-radius-topleft: 6px;
	}

#supernav .current_page_item a {
	color: #111;
	background: #999;
	text-decoration: none;
	/* round corner tab - not for IE */
	-moz-border-radius-topright: 6px;
	-moz-border-radius-topleft: 6px;
}

#hack {
	background: white;
	height: 0px;
	width: 450px;
	display: inline;
	position: absolute;
	top: 220px;
	left: 50%;
	margin: 0 0 0 350px;
	padding: 0;
	z-index: 2;
	}

/*- Page Structure */

* {
	padding: 0;
	margin: 0;
	}

img {
	border: 0;
	}

body {
	font: 62.5% 'Lucida Grande', Verdana, Arial, Sans-Serif; /* Resets 1em to 10px */
	color: #444;
	background: #EDEDED;
	text-align: center;
	margin: 0 0 30px;
	}

#page {
	background: white;
	text-align: left;
	margin: 0 auto;
	padding: 20px 0 10px;
	position: relative;
	/* The entire template's width is set in this class. */
	width: 760px;
	/*_width: 760px;*/ /* IE hack */
	border: 1px solid #ddd;
	border-top: none;
	}

* html #page { width: 760px } /* IE hack */


#headr {
	padding: 0;
	margin: 0;
	position: relative;
	height: 200px;
	background: #3371A3 url('http://photos1.blogger.com/blogger/7994/1253/1600/K2.jpg') no-repeat bottom center;
	}

#primary {
	width: 500px;
	/*_width: 500px;*/ /* IE Hack */
	float: left;
	padding: 20px 0 10px;
	margin: 0 10px 0 30px;
	/*_margin: 0 20px 0 15px;*/ /* IE Hack */
	display: inline;
	}

.secondary {
font: 1em/1.5em &#8216;Trebuchet MS&#8217;, Verdana, Arial, Sans-Serif;
padding: 20px 0 10px;
margin: 0;
color: #666;
float:left;
_margin-left: 0%;
_margin-right: -4%;
width: 200px;
}

/* For the flexible-width setting. */
body.flex #primary  { width: 65% }
.flex .secondary { width: 25% }

.comments {
	text-align: left;
	padding: 30px 0 0;
	position: relative;
	}

/*- Main Menu in Header */

ul.menu {
	margin: 0;
	padding: 0;
	position: absolute;
	bottom: 0;
	left: 20px;
	width: 90%;
	}

ul.menu li {
	display: inline;
	margin: 0;
	}

ul.menu,
ul.menu li a {
	padding: 5px 15px 6px;
	}

ul.menu li a {
	font: 1em Verdana, Helvetica, Arial, Sans-Serif;
	color: white;
	margin: 0;
	}

ul.menu li a:hover {
	background: #333;
	color: #eee !important;
	text-decoration: none;
	}

ul.menu li.current_page_item a,
ul.menu li.current_page_item a:hover {
	color: #333 !important;
	background: white;
	text-decoration: none;
	}


a img,:link img,:visited img { border:none }


/*- Headings */

h1, h2, h3, h4 {
	font-family: 'Trebuchet MS', Verdana, Sans-Serif;
	}

h1 { /* H1 is used for the title of your blog */
	font-size: 3em;
	font-weight: bold;
	letter-spacing: -1px;
	margin: 0;
	padding: 75px 0 0 40px;
	}

h1, h1 a, h1 a:hover, h1 a:visited,
#headr .description {
	text-decoration: none;
	color: white;
	}

h1:hover {
	text-decoration: underline;
	}

#headr .description { /* Blog description, under blog title */
	font-size: 1em;
	margin: 0 0 0 40px;
	display: inline; /* Checking for IE bug. If people start having problems with header width, then this is it */
	}

.pagetitle { /* Used on static pages and archives */
	text-align: center;
	margin: 15px 0 15px;
	}

.pagetitle h2 { /* H2 is what kind of page you are on. Eg. 'Monthly Archive'. */
	font-size: 2.4em;
	font-weight: bold;
	letter-spacing: -1px;
	text-align: center;
	display: inline;
	}

.secondary h2 { /* Secondary H2 is sidebar headlines */
	font-size: 1.5em;
	font-weight: normal;
	padding: 0;
	display: inline;
	}

#primary h3, #primary h4, .permalink #primary .aside h3 { /* H3 is entry headlines. H4 is comments and replyform headlines */
	font-size: 2.2em;
	font-weight: normal;
	letter-spacing: -1px;
	display: inline;
	}

#primary .aside h3 {
	font-size: 1.6em;
	font-weight: normal;
	}

.itemhead {
	margin-top: 10px;
	}

.itemtext h3 { /* For use on Pages */
	font-size: 1.7em;
	display: block;
	padding: 15px 0 0;
	}

.itemtext h4 { /* For use on Pages */
	font-size: 1.5em;
	display: block;
	padding: 15px 0 0;
	}

#primary .metalink a, #primary .metalink a:visited, /* The Metalink class takes care of the comments, edit, rss and trackback links next to the titles */
.secondary .metalink a, .secondary .metalink a:visited,
.secondary span a, .secondary span a:visited {
	color: #999;
	font-weight: normal;
	}

#primary .item .itemhead .metalink, .comments #primary .metalink {
	font-size: 1.8em;
	letter-spacing: -1px;
	text-transform: lowercase;
	margin-left: 15px;
	}

#primary .aside .itemhead .metalink {
	font-size: 1.4em;
	}

.permalink #primary .aside .itemtext {
	font-size: 1.4em;
	color: #999;
	}

.comments #primary .metalink {
	margin: 0 15px 0 0;
	float: none;
	}

.feedicon { /* Next to Comment Section Headline */
	border: 0 !important;
	padding: 0 !important;
	}

.feedlink img { /* On the sidebar */
	height: 16px;
	width: 16px;
	border: none;
	position: absolute;
	right: 0;
	}

#primary .aside {
	padding: 8px;
	margin: 0 4%;
	}

.secondary .aside {
	margin: 0;
	padding: 0 0 10px;
	word-spacing: -1px;
	}

.secondary .aside .metalink {
	padding-left: 0px;
	}

.secondary span a {
	margin-left: 10px;
	}

h2, h2 a, h2 a:visited,
h3, h3 a, h3 a:visited,
h4, h4 a, h4 a:visited {
	color: #444;
	}

h2, h2 a, h2 a:hover, h2 a:visited,
h3, h3 a, h3 a:hover, h3 a:visited,
h4, h4 a, h4 a:hover, h4 a:visited {
	text-decoration: none;
	}

.metadata { /* Time and category for blog entries */
	font-size: 1em;
	display: block;
	margin-top: 2px;
	color: #bbb;
	}

.metadata a, .commentmetadata a {
	color: #777;
	}

.commentslink {
	padding: 2px 0 2px 20px;
	background: url('http://photos1.blogger.com/blogger/5442/340/1600/comment.png') left center no-repeat;
	margin-right: 10px;
	}

.chronodata {
	padding: 2px 0 2px 20px ;
	background: url('http://photos1.blogger.com/blogger/5442/340/1600/time.1.png') left center no-repeat;
	}

/*- Primary Contents */

#primary .item {
	margin: 0;
	padding: 5px 0 15px;
	position: relative;
	}

#primary .item .itemtext {
	font: 1.1em/1.5em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	text-align: justify;
	color: #444;
	}

#primary .item .itemtext p,
#primary .item .itemtext ul,
#primary .item .itemtext ol,
#primary .item .itemtext div,
#primary .item .itemtext blockquote {
	margin: 13px 0;
	}


.comments #commentlist {
	margin: 0;
	padding: 10px 0 20px;
	position: relative;
	}

.comments #commentlist li {
	margin: 10px 0;
	padding: 10px 10px 5px;
	list-style: none;
	}

.comments #commentlist .commentmetadata {
	padding: 2px 0 2px 20px;
	background: url('http://photos1.blogger.com/blogger/5442/340/1600/time.1.png') left center no-repeat;
	display: block;
	}

.comments #commentlist li img {
	padding: 0;
	border: none;
	}


.comments #commentlist li .commentauthor {
	font-size: 1.5em;
	font-weight: bold;
	letter-spacing: -1px;
	}

.comments #commentlist li .counter {
	display: none;
	font: normal 1.5em 'Century Gothic', 'Lucida Grande', Arial, Helvetica, Sans-Serif;
	color: #999;
	float: left;
	width: 35px;
	}

.comments #commentlist li.authorcomment {
	background: #f6f7f8;
	}

.comments #commentlist li.authorcomment blockquote {
	color: #333;
	background: #f6f7f8 url('http://photos1.blogger.com/blogger/5442/340/1600/quote.png') no-repeat 10px 0;
	}

.comments #pinglist {
	font-size: 1.2em;
	padding: 0;
	margin: 10px 0 10px;
	background: #f6f7f8;
	}

.comments #pinglist li {
	margin-left: 40px;
	padding: 7px 0;
	list-style: none;
	}

.comments #pinglist li .commentauthor {
	font-weight: bold;
	display: block;
	}

.comments #pinglist li small {
	font: .8em Arial, Sans-Serif;
	display: block;
	}

.comments #pinglist li .counter {
	display: none;
	}

.comments #pinglist li span.favatar img {
	margin-left: -25px;
	border: none;
	padding: 0;
	float: left;
	}

.comments #pinglist li img {
	padding: 0;
	border: none;
	}

.comments #leavecomment, .comments #loading {
	text-align: center;
	margin: 30px 0 20px !important;
	color: #ddd;
	font-size: 2em;
	letter-spacing: -2px;
	}

.comments #loading {
	margin-top: 20px !important;
	}

.comments form {
	clear: both;
	padding: 1px 0 10px;
	margin: 0;
	}

input[type=text], textarea {
	font: 1em Verdana, Arial, Helvetica, Sans-Serif;
	padding: 3px;
	color: #777;
	}

input[type=text]:focus, textarea:focus {
	background: #fff;
	color: #333;
	border-color: #666;
	}

.comments form input[type=text] {
	width: 45%;
	margin: 5px 5px 1px 0;
	}

.comments form textarea {
	height: 250px;
	padding: 2px;
	width: 100%;
	margin: 10px 0;
	/*_width: 98.5%;*/ /* IE hack */
	}

.comments form #submit {
	margin: 0;
	float: right;
	}

#footer {
	margin-top: 20px;
	text-align: center;
	}

#footer a {
	color: #888;
	border-bottom: 1px solid #ccc;
	font-weight: bold;
	}

#footer a:hover {
	border: none;
	text-decoration: none;
	color: black;
	}

/*- Links */

#primary a:hover, #primary a:visited:hover,
.secondary a:hover, .secondary a:visited:hover {
	text-decoration: underline;
	}

h2 a:hover, h2 span a:hover {
	color: #27d !important;
	}

a {
	color: #27d;
	text-decoration: none;
	}

.itemtext a:visited {
	color: #b41;
	}

/*- Various Tags and Classes */

.clear {
	clear: both;
	margin: 0;
	padding: 0;
	}

#primary .itemtext img {
	margin: 0 5px;
	padding: 4px;
	border: 1px solid #ccc;
	max-width: 100%;
	}

.center {
	text-align: center;
	}

small {
	font-size: .9em;
	line-height: 1.5em;
	}

small, strike {
	color: #777;
	}

code {
	font: 1.1em 'Courier New', Courier, Monospace;
	}

acronym, abbr {
	font-size: 0.9em;
	letter-spacing: .07em;
	border-bottom: 1px dashed #999;
	cursor: help;
	}

blockquote {
	margin: 20px 0;
	padding: 0 20px 0 50px;
	color: #333;
	background: #fff url('http://photos1.blogger.com/blogger/5442/340/1600/quote.png') no-repeat 10px 0;
	border: none;
	}

hr {
	display: none;
	}


/*- Begin Lists */
.itemtext ol, .itemtext ul {
	padding: 0 0 0 35px;
	margin: 0;
	}

.itemtext ol li, .itemtext ul li {
	margin: 0 0 3px;
	padding: 0;
	}

.secondary div p {
	margin-top: 0.5em;
	}

/*.secondary ul, .secondary ol {
	margin: 5px 0 0;
	padding-left: 0;
	}*/

.secondary ul, .secondary ol, .secondary div div {
	margin: 5px 0 0;
	padding-left: 0;
	}

.secondary ul {
	/*_margin-left: 0px;*/ /* IE Hack */
	}

.secondary ol {
	margin-left: 15px;
	}

.secondary ul li, .secondary ol li {
	margin: 0;
	padding: 1px 0;
	}

.secondary ul li {
	list-style-type: none;
	list-style-image: none;
	}

ol li {
	list-style: decimal outside;
	}

.widget-content{
  margin:0 0 20px !important;
}

<!--additional styling added for beta-->

.deleted-comment {
  font-style:italic;
  color:gray;
  }

.comment-footer {
  margin:-.25em 0 2em;
  line-height: 1.4em;
  text-transform:uppercase;
  letter-spacing:.1em;
  }

.feed-links {
  clear: both;
  line-height: 2.5em;
}

.post-footer {

	}

<!--additional styling added for beta-->

/*- Search Form and Livesearch */


input[type=text], textarea {
	color: #444;
	padding: 2px 0 2px 2px;
	margin: 0;
	}

*/

]]></b:skin>
  </head>

  <body>
  <div id='page'>

    <!-- skip links for text browsers -->
    <span id='skiplinks' style='display:none;'>
      <a href='#main'>skip to main </a> |
      <a href='#sidebar'>skip to sidebar</a>
    </span>

    <div id='headr'>
      <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='K2 (Header)' type='Header'>
<b:includable id='main'>
						<h1>
							<b:if cond='data:blog.url == data:blog.homepageUrl'>
								<data:title/>
							<b:else/>
								<a expr:href='data:blog.homepageUrl'><data:title/></a>
							</b:if>
						</h1>
						<p class='description'><data:description/></p>
						<ul id='supernav'>
							<li><a href='data:blog.homepageUrl'>Home</a></li>
							<li><a href='http://www.geckoandfly'>Gecko &amp; Fly</a></li>
							<li><a href='http://www.blogcrowds.com/'>Blogcrowds</a></li>
							<li><a href='#'>Link</a></li>
							</ul>
					</b:includable>
</b:widget>
</b:section>
    </div>
		<hr/>

    <div class='content'>

      <div id='primary'>
        <b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'>
<b:includable id='postQuickEdit' var='post'>
							<b:if cond='data:post.editUrl'>
								<span expr:class='"item-control " + data:post.adminClass'>
									<a expr:href='data:post.editUrl' title='Edit Post'>
										<span class='quick-edit-icon'> </span>
									</a>
								</span>
							</b:if>
						</b:includable>
<b:includable id='comments' var='post'>

							<a name='comments'/>
							<b:if cond='data:post.allowComments'>
								<h4>
									<span id='comments'>
									<b:if cond='data:post.numComments == 1'>
										1 <data:commentLabel/>:
									<b:else/>
										<data:post.numComments/> <data:commentLabelPlural/>:
									</b:if>
									</span>
								</h4>

								<ol id='commentlist'>
									<b:loop values='data:post.comments' var='comment'>
										<li class='item'>
											<span class='commentauthor'>
												<a expr:name='"comment-" + data:comment.id'/>
												<b:if cond='data:comment.authorUrl'>
													<a expr:href='data:comment.authorUrl'><data:comment.author/></a>
												<b:else/>
													<data:comment.author/>
												</b:if>
												<data:commentPostedByMsg/>
											</span>

											<small class='commentmetadata'>
												<span class='comment-timestamp'>
													<a expr:href='"#comment-" + data:comment.id' title='comment permalink'>
														<data:comment.timestamp/>
													</a>
												</span>
											</small>

											<div class='itemtext'>
												<b:if cond='data:comment.isDeleted'>
													<span class='deleted-comment'><data:comment.body/></span>
												<b:else/>
													<p><data:comment.body/><b:include data='comment' name='commentDeleteIcon'/></p>
												</b:if>
											</div>
										</li>
									</b:loop>
								</ol>

								<p class='comment-footer'>
									<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
								</p>
							</b:if>

							<div id='backlinks-container'>
							<div expr:id='data:widget.instanceId + "_backlinks-container"'>
								 <b:if cond='data:post.showBacklinks'>
									 <b:include data='post' name='backlinks'/>
								 </b:if>
							</div>
							</div>

						</b:includable>
<b:includable id='feedLinksBody' var='links'>
							<div class='feed-links'>
							<data:feedLinksMsg/>
							<b:loop values='data:links' var='f'>
								 <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
							</b:loop>
							</div>
						</b:includable>
<b:includable id='main' var='top'>
							<!-- posts -->
							<div id='primarycontent'><div>

								<b:include data='top' name='status-message'/>

								<b:loop values='data:posts' var='post'>
									<b:include data='post' name='post'/>
									<b:if cond='data:blog.pageType == "item"'>
										<b:include data='post' name='comments'/>
									</b:if>
									<div style='padding:40px 0 0;'/>
								</b:loop>

							</div></div>

							<!-- navigation -->
							<b:include name='nextprev'/>

							<!-- feed links -->
							<b:include name='feedLinks'/>
						</b:includable>
<b:includable id='backlinkDeleteIcon' var='backlink'>
							<span expr:class='"item-control " + data:backlink.adminClass'>
								<a expr:href='data:backlink.deleteUrl' title='Delete Backlink'>
									<span class='delete-comment-icon'> </span>
								</a>
							</span>
						</b:includable>
<b:includable id='primarycontent'>
	<div id='primarycontent'><div>


			<!-- posts -->
			<div class='blog-posts'>
				<b:loop values='data:posts' var='post'>
					<b:if cond='data:post.dateHeader'>
						<h2 class='date-header'><data:post.dateHeader/></h2>
					</b:if>
					<b:include data='post' name='post'/>
					<b:if cond='data:blog.pageType == "item"'>
						<b:if cond='data:post.allowComments'>
							<b:include data='post' name='comments'/>
						</b:if>
					</b:if>
				</b:loop>
			</div>



			<b:includable id='post' var='post'>
				<div class='item entry'>

				<div class='itemhead'>
					<a expr:name='data:post.id'/>
					<b:if cond='data:post.title'>
						<h3>
						<b:if cond='data:post.url'>
							<a expr:href='data:post.url'><data:post.title/></a>
						<b:else/>
							<data:post.title/>
						</b:if>
						</h3>
					</b:if>

					<small class='metadata'>
						<b:if cond='data:blog.pageType != "item"'>

							<b:if cond='data:post.allowComments'>
								<a class='commentslink' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
								<b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
							</b:if>
						</b:if>


						<span class='chronodata'>
							<b:if cond='data:top.showAuthor'>
								<data:top.authorLabel/> <data:post.author/>
							</b:if>
							<b:if cond='data:top.showTimestamp'>
								<data:top.timestampLabel/>
							<b:if cond='data:post.url'>
								<a class='timestamp-link' expr:href='data:post.url' title='permanent link'><data:post.timestamp/></a>
							</b:if>
							</b:if>
						</span>

					</small>
				</div>

				<div class='itemtext'>
					<p><data:post.body/></p>
					<div style='clear: both;'/> <!-- clear for photos floats -->
</div>



				<div class='itemhead'>
					<p class='post-footer-line post-footer-line-1'>

					 <!-- backlinks -->
					 <span class='post-backlinks post-comment-link'>
						 <b:if cond='data:blog.pageType != "item"'>
							 <b:if cond='data:post.showBacklinks'>
								 <a class='comment-link' expr:href='data:post.url + "#links"'><data:top.backlinkLabel/></a>
							 </b:if>
						 </b:if>
					 </span>

					<span class='post-icons'>
						<!-- email post links -->
						<b:if cond='data:post.emailPostUrl'>
							<span class='item-action'>
							<a expr:href='data:post.emailPostUrl' title='Email Post'>
								<span class='email-post-icon'> </span>
							</a>
							</span>
						</b:if>

						<!-- quickedit pencil -->
						<b:include data='post' name='postQuickEdit'/>
					</span>
					</p>

					<p class='post-footer-line post-footer-line-2'>
					<span class='post-labels'>
						<b:if cond='data:post.labels'>
							<data:postLabelsLabel/>
							<b:loop values='data:post.labels' var='label'>
								<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
							</b:loop>
						</b:if>
					</span>
					</p>

					<p class='post-footer-line post-footer-line-3'/>

				</div></div>
			</b:includable>


			<b:includable id='postQuickEdit' var='post'>
				<b:if cond='data:post.editUrl'>
					<span expr:class='"item-control " + data:post.adminClass'>
						<a expr:href='data:post.editUrl' title='Edit Post'>
							<span class='quick-edit-icon'> </span>
						</a>
					</span>
				</b:if>
			</b:includable>
			<b:includable id='commentDeleteIcon' var='comment'>
				<span expr:class='"item-control " + data:comment.adminClass'>
					<a expr:href='data:comment.deleteUrl' title='Delete Comment'>
						<span class='delete-comment-icon'> </span>
					</a>
				</span>
			</b:includable>
			<b:includable id='backlinkDeleteIcon' var='backlink'>
				<span expr:class='"item-control " + data:backlink.adminClass'>
					<a expr:href='data:backlink.deleteUrl' title='Delete Backlink'>
						<span class='delete-comment-icon'/>
					</a>
				</span>
			</b:includable>







		<div class='comments'>
			<b:includable id='comments' var='post'>


				<a name='comments'/>
				<h4>
					<b:if cond='data:post.numComments == 1'>
						1 Comment:
					<b:else/>
						<data:post.numComments/> Comments:
					</b:if>
				</h4>

				<ol id='commentlist'>

					<li class='item'>
						<b:loop values='data:post.comments' var='comment'>
							<dt class='comment-author' expr:id='"comment-" + data:comment.id'>
								<a expr:name='"comment-" + data:comment.id'/>
								<b:if cond='data:comment.authorUrl'>
									<span class='commentauthor'><a expr:href='data:comment.authorUrl'><data:comment.author/></a></span>
								<b:else/>
									<span class='commentauthor'><data:comment.author/></span>
								</b:if>
								said...
							</dt>
							<small class='commentmetadata'>
								<a expr:href='"#comment-" + data:comment.id' title='comment permalink'>
									<data:comment.timestamp/>
								</a>
								<b:include data='comment' name='commentDeleteIcon'/>
							</small>

							<b:if cond='data:comment.isDeleted'>
								<div class='itemtext'><data:comment.body/></div>
							<b:else/>
								<div class='itemtext'><data:comment.body/></div>
							</b:if>

						</b:loop>
					</li>
				</ol>

				<p>
					<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>Post a Comment</a>
				</p><br/><br/>

					<div class='backlinks-container'>
						 <b:if cond='data:post.showBacklinks'>
							 <b:include data='post' name='backlinks'/>
						 </b:if>
					</div>
			</b:includable>


			<b:includable id='backlinks' var='post'>
				<a name='links'/><h4><data:post.backlinksLabel/></h4>

				<b:if cond='data:post.numBacklinks != 0'>
					<ol>
						<b:loop values='data:post.backlinks' var='backlink'>
							<div class='collapsed-backlink backlink-control'>
								<span class='commentauthor'>
									<span class='backlink-toggle-zippy'> </span>
									<a expr:href='data:backlink.url'><data:backlink.title/></a>
									<b:include data='backlink' name='backlinkDeleteIcon'/>
								</span>
								<dd class='comment-body collapseable'>
									<data:backlink.snippet/>
								</dd>
								<small class='commentmetadata'>
									<span class='pingtype'><data:post.authorLabel/> <data:backlink.author/></span>
									<data:post.timestampLabel/> <data:backlink.timestamp/>
								</small>
							</div>
						</b:loop>
					</ol>
				</b:if>

				<p>
					<a class='comment-link' expr:href='data:post.createLinkUrl' id='b-backlink' target='_blank'><data:post.createLinkLabel/></a>
				</p>

			</b:includable>


			<b:includable id='feedLinks'>
				<b:if cond='data:blog.pageType != "item"'> <!-- Blog feed links -->
					<b:if cond='data:feedLinks'>
						<div class='blog-feeds'>
							<b:include data='feedLinks' name='feedLinksBody'/>
						</div>
					</b:if>

					<b:else/> <!--Post feed links -->
					<div class='post-feeds'>
						<b:loop values='data:posts' var='post'>
							<b:if cond='data:post.allowComments'>
								<b:if cond='data:post.feedLinks'>
									<b:include data='post.feedLinks' name='feedLinksBody'/>
								</b:if>
							</b:if>
						</b:loop>
					</div>
				</b:if>
			</b:includable>
			<b:includable id='feedLinksBody' var='links'>
				<div class='feed-links'>
				Subscribe to:
				<b:loop values='data:links' var='f'>
					 <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
				</b:loop>
				</div>
			</b:includable>
		</div></div></div>
		</b:includable>
<b:includable id='backlinks' var='post'>
							<br/><br/>
							<a name='links'/><h4><data:post.backlinksLabel/></h4>
							<b:if cond='data:post.numBacklinks != 0'>
								<ol>
									<b:loop values='data:post.backlinks' var='backlink'>
										<li class='item'>
											<span class='commentauthor'>
												<span class='backlink-toggle-zippy'> </span>
												<a expr:href='data:backlink.url'><data:backlink.title/></a>
												<b:include data='backlink' name='backlinkDeleteIcon'/>
											</span>
											<small class='commentmetadata'>
												<span class='pingtype'><data:post.authorLabel/> <data:backlink.author/><data:post.timestampLabel/> <data:backlink.timestamp/></span>
												<data:backlink.snippet/>
											</small>
										</li>
									</b:loop>
								</ol>
							</b:if>
							<p class='comment-footer'>
								<a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + "_backlinks-create-link"' target='_blank'><data:post.createLinkLabel/></a>
							</p>
						</b:includable>
<b:includable id='status-message'>
							<b:if cond='data:navMessage'>
							<div class='status-msg-wrap'>
								<div class='status-msg-body'>
									<data:navMessage/>
								</div>
								<div class='status-msg-border'>
									<div class='status-msg-bg'>
										<div class='status-msg-hidden'><data:navMessage/></div>
									</div>
								</div>
							</div>
							<div style='clear: both;'/>
							</b:if>
						</b:includable>
<b:includable id='feedLinks'>
							<b:if cond='data:blog.pageType != "item"'> <!-- Blog feed links -->
								<b:if cond='data:feedLinks'>
									<div class='blog-feeds'>
										<b:include data='feedLinks' name='feedLinksBody'/>
									</div>
								</b:if>

								<b:else/> <!--Post feed links -->
								<div class='post-feeds'>
									<b:loop values='data:posts' var='post'>
										<b:if cond='data:post.allowComments'>
											<b:if cond='data:post.feedLinks'>
												<b:include data='post.feedLinks' name='feedLinksBody'/>
											</b:if>
										</b:if>
									</b:loop>
								</div>
							</b:if>
						</b:includable>
<b:includable id='nextprev'>
							<div id='rollingarchives'><div class='center' id='rollnavigation'>
								<b:if cond='data:newerPageUrl'>
									<span>
									<a expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
									</span>
								</b:if>

								<b:if cond='data:olderPageUrl'>
									<span>
									<a expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
									</span>
								</b:if>

								<b:if cond='data:blog.homepageUrl != data:blog.url'>
									<a expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
									<b:else/>
									<b:if cond='data:newerPageUrl'>
										<a expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
									</b:if>
								</b:if>

							</div></div>
							<div class='clear'/>
						</b:includable>
<b:includable id='post' var='post'>

							<div class='item entry'>

								<a expr:name='data:post.id'/>

								<div class='itemhead'>

									<b:if cond='data:post.title'>
								  	<h3>
									  	<b:if cond='data:post.link'>
										  	<a expr:href='data:post.link'><data:post.title/></a>
									  	<b:else/>
												<b:if cond='data:post.url'>
													<a expr:href='data:post.url'><data:post.title/></a>
												<b:else/>
													<data:post.title/>
												</b:if>
									 		</b:if>
										</h3>
									</b:if>

									<small class='metadata'>
										<b:if cond='data:blog.pageType != "item"'>
											<b:if cond='data:post.allowComments'>
												<a class='commentslink' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
											</b:if>
										</b:if>

										<span class='chronodata'>
											Published by <data:post.author/> on <data:post.dateHeader/>
											<b:if cond='data:top.showTimestamp'>
												<data:top.timestampLabel/>
											<b:if cond='data:post.url'>
												<a class='timestamp-link' expr:href='data:post.url' title='permanent link'><data:post.timestamp/></a>
											</b:if>
											</b:if>
										</span>
									</small>

								</div>
								<div class='post-header-line-1'/>


								<div class='itemtext'>
									<p><data:post.body/></p>
									<div style='clear: both;'/> <!-- clear for photos floats -->
								</div>


								<div class='post-footer'>
									<p class='post-footer-line post-footer-line-1'>
										<span class='post-author'>
											<b:if cond='data:top.showAuthor'>
												<data:top.authorLabel/> <data:post.author/>
											</b:if>
										</span>

										 <!-- backlinks -->
										 <span class='post-backlinks post-comment-link'>
											 <b:if cond='data:blog.pageType != "item"'>
												 <b:if cond='data:post.showBacklinks'>
													 <a class='comment-link' expr:href='data:post.url + "#links"'><data:top.backlinkLabel/></a>
												 </b:if>
											 </b:if>
										 </span>

										<span class='post-icons'>
											<!-- email post links -->
											<b:if cond='data:post.emailPostUrl'>
												<span class='item-action'>
												<a expr:href='data:post.emailPostUrl' title='Email Post'>
													<span class='email-post-icon'> </span>
												</a>
												</span>
											</b:if>

											<!-- quickedit pencil -->
											<b:include data='post' name='postQuickEdit'/>
										</span>
									</p>

									<p class='post-footer-line post-footer-line-2'>
										<span class='post-labels'>
											<b:if cond='data:post.labels'>
												<data:postLabelsLabel/>
												<b:loop values='data:post.labels' var='label'>
													<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
												</b:loop>
											</b:if>
										</span>
									</p>

									<p class='post-footer-line post-footer-line-3'/>
								</div>

							</div>
						</b:includable>
<b:includable id='commentDeleteIcon' var='comment'>
							<span expr:class='"item-control " + data:comment.adminClass'>
								<a expr:href='data:comment.deleteUrl' title='Delete Comment'>
									<span class='delete-comment-icon'> </span>
								</a>
							</span>
						</b:includable>
</b:widget>
</b:section>
      </div>
      <hr/>


      <div class='secondary'>
        <b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='Profile1' locked='false' title='About Me' type='Profile'>
<b:includable id='main'>
    <b:if cond='data:title != ""'>
      <h2><data:title/></h2>
    </b:if>
    <div class='widget-content'>
    <b:if cond='data:team == "true"'> <!-- team blog profile -->
      <ul>
        <b:loop values='data:authors' var='i'>
          <li><a expr:href='data:i.userUrl'><data:i.display-name/></a></li>
        </b:loop>
      </ul>

      <b:else/> <!-- normal blog profile -->

      <b:if cond='data:photo.url != ""'>
        <a expr:href='data:userUrl'><img class='profile-img' expr:alt='data:photo.alt' expr:height='data:photo.height' expr:src='data:photo.url' expr:width='data:photo.width'/></a>
      </b:if>

      <dl class='profile-datablock'>
        <dt class='profile-data'><data:displayname/></dt>

        <b:if cond='data:showlocation == "true"'>
          <dd class='profile-data'><data:location/></dd>
        </b:if>

        <b:if cond='data:aboutme != ""'><dd class='profile-textblock'><data:aboutme/></dd></b:if>
      </dl>
      <a class='profile-link' expr:href='data:userUrl'><data:viewProfileMsg/></a>
    </b:if>

     <b:include name='quickedit'/>
    </div>
  </b:includable>
</b:widget>
<b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'>
<b:includable id='main'>
  <b:if cond='data:title'>
    <h2><data:title/></h2>
  </b:if>
  <div class='widget-content'>
  <div id='ArchiveList'>
  <div expr:id='data:widget.instanceId + "_ArchiveList"'>
    <b:if cond='data:style == "HIERARCHY"'>
     <b:include data='data' name='interval'/>
    </b:if>
    <b:if cond='data:style == "FLAT"'>
      <b:include data='data' name='flat'/>
    </b:if>
    <b:if cond='data:style == "MENU"'>
      <b:include data='data' name='menu'/>
    </b:if>
  </div>
  </div>
  </div>
</b:includable>
<b:includable id='toggle' var='interval'>
  <b:if cond='data:interval.toggleId'>
  <b:if cond='data:interval.expclass == "expanded"'>
    <a class='toggle' expr:href='data:widget.actionUrl + "&amp;action=toggle" +       "&amp;dir=close&amp;toggle=" + data:interval.toggleId +       "&amp;toggleopen=" + data:toggleopen'>
        <span class='zippy toggle-open'>? </span>
    </a>
  <b:else/>
    <a class='toggle' expr:href='data:widget.actionUrl + "&amp;action=toggle" +         "&amp;dir=open&amp;toggle=" + data:interval.toggleId +         "&amp;toggleopen=" + data:toggleopen'>
          <span class='zippy'>? </span>
    </a>
  </b:if>
 </b:if>
</b:includable>
<b:includable id='flat' var='data'>
  <ul>
    <b:loop values='data:data' var='i'>
      <li class='archivedate'>
        <a expr:href='data:i.url'><data:i.name/></a> (<data:i.post-count/>)
      </li>
    </b:loop>
  </ul>
</b:includable>
<b:includable id='posts' var='posts'>
  <ul class='posts'>
    <b:loop values='data:posts' var='i'>
      <li><a expr:href='data:i.url'><data:i.title/></a></li>
    </b:loop>
  </ul>
</b:includable>
<b:includable id='menu' var='data'>
  <select expr:id='data:widget.instanceId + "_ArchiveMenu"'>
    <option value=''><data:title/></option>
    <b:loop values='data:data' var='i'>
      <option expr:value='data:i.url'><data:i.name/> (<data:i.post-count/>)</option>
    </b:loop>
  </select>
</b:includable>
<b:includable id='interval' var='intervalData'>
  <b:loop values='data:intervalData' var='i'>
      <ul>
        <li expr:class='"archivedate " + data:i.expclass'>
          <b:include data='i' name='toggle'/>
          <a class='post-count-link' expr:href='data:i.url'><data:i.name/></a>
            (<span class='post-count'><data:i.post-count/></span>)
          <b:if cond='data:i.data'>
            <b:include data='i.data' name='interval'/>
          </b:if>
          <b:if cond='data:i.posts'>
            <b:include data='i.posts' name='posts'/>
          </b:if>
        </li>
      </ul>
  </b:loop>
</b:includable>
</b:widget> 
<b:widget id='Label1' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
  <b:if cond='data:title'>
    <h2><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <ul>
    <b:loop values='data:labels' var='label'>
      <li>
        <b:if cond='data:blog.url == data:label.url'>
          <data:label.name/>
        <b:else/>
          <a expr:href='data:label.url'><data:label.name/></a>
        </b:if>
        (<data:label.count/>)
      </li>
    </b:loop>
    </ul>
  </div>
</b:includable>
</b:widget>
</b:section>
<p><a href='http://www.blogcrowds.com/resources/blogger_template.php'>Blogger Template</a> by <a href="http://www.blogcrowds.com/">Blogcrowds</a></p></div>

      <!-- spacer for skins that want sidebar and main to be the same height-->
      <div class='clear'> </div>

    </div> <!-- end content-wrapper -->
		<hr/>

  </div><!-- end outer-wrapper -->
  <p id='footer'>
  <p align='center'>Copyright 2006| Blogger Templates by <a href='http://www.geckoandfly.com/make-money-online'>GeckoandFly</a> modified and converted to Blogger Beta by <a href='http://www.blogcrowds.com/'>Blogcrowds</a>.<br/>
No part of the content or the blog may be reproduced without prior
written permission.</p></p>
</body>
</html>