<?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>

    <link href='http://lifewg.googlepages.com/Jack-Book.png' rel='shortcut icon'/>
    <link href='http://images.jackbook4.googlepages.com/summerfruit_style.css' media='screen' rel='stylesheet' type='text/css'/>
    <script languange='javascript' src='http://images.jackbook4.googlepages.com/jackbookDOTCOM_changedate3.js'/>

    <b:skin><![CDATA[
	
/*
-----------------------------------------------
Blogger Template Style
Name: SummerFruit Blogger Template
URL: www.jackbook.com
Author: Jack Supit
Description: This template is originally created by  Carl Mason for wordpress theme, now i have converted it into blogger template for you guys :)
----------------------------------------------- */

#navbar, #navbar-iframe {
   height: 0px;
   visibility: hidden;
   display: none;
}

/*
** Markup free clearing
** Details: http://www.positioniseverything.net/easyclearing.html
*/
.clear-block:after {
  content: ".";
  display: block;
  height: 0px;
  clear: both;
  visibility: hidden;
}

.clear-block {
  display: inline-block;
  width: 100%;
  height: 0px;
  clear: both;
}

/* Hides from IE-mac \*/
* html .clear-block {
  height: 0px;
}
.clear-block {
  display: block;
}
/* End hide from IE-mac */


]]></b:skin>
  </head>
  
<body>
  	<div id='wrapper'>
		<div id='pagecontainer'>
			<b:section id='section-head' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Red White Blogger Template (Header)' type='Header'>
<b:includable id='main'>
				<data:title/>
				<div><data:description/></div>
				</b:includable>
</b:widget>
<b:widget id='HTML1' locked='false' title='' type='HTML'>
<b:includable id='main'>
				    <data:content/>
				</b:includable>
</b:widget>
</b:section>
			<b:section class='' id='navigation' preferred='yes'>
<b:widget id='HTML2' locked='false' title='' type='HTML'>
<b:includable id='main'>
				    <data:content/>
				</b:includable>
</b:widget>
</b:section>
			<div id='maincontent'>
				<div id='content'>
					<div id='PostSet'>
						<b:section id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'>
<b:includable id='nextprev'>
								<div class='navigation'>
									<b:if cond='data:olderPageUrl'>
											<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='"new_" + data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
									</b:if>
									<b:if cond='data:newerPageUrl'>
									 | <a expr:href='data:newerPageUrl' expr:id='"new_" + data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
									</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'>
								<dl class='comments-block' id='comments-block'>
								  <b:loop values='data:post.backlinks' var='backlink'>
									<div class='collapsed-backlink backlink-control'>
									  <dt class='comment-title'> 
										<span class='backlink-toggle-zippy'>&#160;</span>
										<a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>
										<b:include data='backlink' name='backlinkDeleteIcon'/>
									  </dt>
									  <dd class='comment-body collapseable'>
										<data:backlink.snippet/>
									  </dd>
									  <dd class='comment-footer collapseable'>
										<span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span>
										<span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span>
									  </dd>
									</div>
								  </b:loop>
								</dl>
							</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='post' var='post'>
							<div class='post' expr:id='"post-" + data:post.id'>
								<!-- Date Block -->
								<div class='jackbookDOTCOM_date'><script>jackbookDOTCOM_changeDate(&#39;<data:post.timestamp/>&#39;);</script></div>
								<div class='postheader'>
								  <h1>
									<a expr:href='data:post.url' expr:title='"Permanent Link to " + data:post.title' rel='bookmark'><data:post.title/></a>
								  </h1>
								  <div class='postdetails'>
									<b:if cond='data:post.labels'>
										Posted In: 
										<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:else/>. </b:if>
										</b:loop>
									</b:if> 
									By <data:post.author/> 
								  </div>
								</div>					
								<div class='postcontent'>
									<div>
										<p>
										  <data:post.body/>
										</p>
									</div>
								<!-- quickedit pencil -->
								<b:include data='post' name='postQuickEdit'/>
								</div>

								<div class='postfooter'>
								  <div class='toplink'>
									<a class='graylink' href='#top'>Up?</a>
								  </div>
								 
								<b:if cond='data:post.allowComments'>
									<div class='no_comments'>
										<b:if cond='data:blog.pageType != "item"'>
										<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick' expr:title='"Comment on " + data:post.title'>
											<data:post.numComments/>
										</a>
										</b:if>
									</div>
								</b:if>
								  <div class='both'/>
								</div>
							</div>
						</b:includable>
<b:includable id='commentDeleteIcon' var='comment'>
							<span expr:class='"item-control " + data:comment.adminClass'>
								<a expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
								  <span class='delete-comment-icon'>&#160;</span>
								</a>
							</span>
						</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='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='backlinkDeleteIcon' var='backlink'>
							<span expr:class='"item-control " + data:backlink.adminClass'>
								<a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
								  <span class='delete-comment-icon'>&#160;</span>
								</a>
							</span>
						</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='postQuickEdit' var='post'>
							<b:if cond='data:post.editUrl'>
								<span expr:class='"item-control " + data:post.adminClass'>
								  <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
									<span class='quick-edit-icon'>&#160;</span>
								  </a>
								</span>
							</b:if>
						</b:includable>
<b:includable id='comments' var='post'>
							<div class='comments' id='comments'>
								<a name='comments'/>
								<b:if cond='data:post.allowComments'>
									<h2>
										<b:if cond='data:post.numComments == 1'>
										  <data:post.numComments/> Response to <data:post.title/>
										<b:else/>
										  <data:post.numComments/> Responses to <data:post.title/>
										</b:if>
									</h2>

								  <div class='comments'>
									<b:loop values='data:post.comments' var='comment'>
										<div class='comment' expr:id='"comment-" + data:comment.id'>
											<div id='commenter'>
											  <a expr:id='"comment-" + data:comment.id' name='comment-85'/>
												<b>												
													<b:if cond='data:comment.authorUrl'>
													  <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
													<b:else/>
													  <data:comment.author/>
													</b:if>
												</b>
												<!--
											  <a expr:href='"#comment-" + data:comment.id'><data:comment.timestamp/></a>
											  -->
											  <data:comment.timestamp/>
											</div>
											<div class='commenttop'>
											  <div>
												<p>
													<b:if cond='data:comment.isDeleted'>
													  <span class='deleted-comment'><data:comment.body/></span>
													<b:else/>
													  <data:comment.body/>
													</b:if>
												</p>
											  </div>
											</div>
											<div class='commentbottom'/>
										</div>
										<div class='both'/>
									</b:loop>
								  </div>
								
								<a name='respond'/>
								<h2>
									<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>Something to say?</a>
								</h2>
								</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>
							</div>
						</b:includable>
<b:includable id='main' var='top'>
							  <!-- posts -->
							  <div>
							    <b:include data='top' name='status-message'/>
							    <data:adStart/>
							    <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:include data='post' name='comments'/>
							      </b:if>
							      <b:if cond='data:post.includeAd'>
							        <data:adEnd/>
							        <data:adCode/>
							        <data:adStart/>
							      </b:if>
							    </b:loop>
							    <data:adEnd/>
							  </div>
							  <!-- navigation -->
							  <b:include name='nextprev'/>
							  <!-- feed links -->
							  <!--
							  <b:include name='feedLinks'/>
							  -->
							</b:includable>
</b:widget>
</b:section>
					</div>
				<div/>
	</div>
			</div>
			<div id='sidebar'>
<b:section id='categories-widget' showaddelement='yes'>
<b:widget id='HTML3' locked='false' title='' type='HTML'>
<b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != ""'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

  <b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='Label1' locked='false' title='Categories' type='Label'>
<b:includable id='main'>
							<h2><data:title/></h2>
							<ul>
								<b:loop values='data:labels' var='label'>
								  <li>
									<b:if cond='data:blog.url == data:label.url'>
									  <data:label.name/> (<data:label.count/>)
									<b:else/>
									  <a expr:href='data:label.url'><data:label.name/> (<data:label.count/>)</a>
									</b:if>
								  </li>
								</b:loop>
							</ul>
						</b:includable>
</b:widget>
<b:widget id='BlogArchive1' locked='false' title='ARCHIVES' type='BlogArchive'>
<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'>&#9660; </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'>&#9658; </span>
			    </a>
			  </b:if>
			 </b:if>
			</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: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='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='main'>
				    <h2><data:title/></h2>
				    <b:include data='data' name='flat'/>
				</b:includable>
</b:widget>
<b:widget id='Feed1' locked='false' title='Blogger Templates' type='Feed'>
<b:includable id='main'>
    <h2><data:title/></h2>
    <div class='widget-content'>
    <ul expr:id='data:widget.instanceId + "_feedItemListDisplay"'>
      <b:loop values='data:feedData.items' var='i'>
        <li>
          <span class='item-title'>
            <a expr:href='data:i.alternate.href'>
              <data:i.title/>
            </a>
          </span>
          <b:if cond='data:showItemDate'>
            <b:if cond='data:i.str_published != ""'>
              <span class='item-date'>
                &#160;-&#160;<data:i.str_published/>
              </span>
            </b:if>
          </b:if>
          <b:if cond='data:showItemAuthor'>
            <b:if cond='data:i.author != ""'>
              <span class='item-author'>
                &#160;-&#160;<data:i.author/>
              </span>
            </b:if>
          </b:if>
        </li>
      </b:loop>
    </ul>
    <b:include name='quickedit'/>
    </div>
  </b:includable>
</b:widget>
</b:section>
			</div>
			<div id='both'/>
		</div>
    </div>

    <div id='footer'>
      <div id='WPLogo'>
        <a href='http://www.blogger.com/' id='blogger' name='blogger' target='_blank'>
			<img alt='Powered By Blogger' border='0' height='74' name='Powered by Blogger' src='http://images.jackbook4.googlepages.com/summerfruit_blogger-logo.jpg' width='269'/>
		</a>
      </div>
      <div id='CM'>
        <div>
			<!--
			It took days of my family time and energy to me produce this beautiful theme/template.
			please respect our work, do not remove or modify this copyright below. thank you

			Jack
			-->
			<data:blog.title/> Powered By
          <a href='http://www.jackbook.com/2007/08/red-white-web-20-blogger-template.html'>Red White Web 2.0 Blogger Template</a> Originaly by Carl Mason | <a href='http://www.jackbook.com/'>Jack Book</a>
        </div>
      </div>
    </div>	
<div class='clear-block'/>
	</body>
</html>
