<?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 expr:dir='data:blog.languageDirection' 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

Distributed by: http://BTemplates.com
----------------------------------------------- */

/*
Delete One Line below to show the blogger navbar
*/
.navbar {display: none;}



/*
Now, Before you can use this template, you have to move all the images to your own googlepages,
1. just upload all the images inside folder images (attached on the zip file)
2. then search and replace all YOUR-OWN-GOOGLEPAGES-HERE with your own googlepages address
3. save your template, and done

thanks
Jack
www.jackbook.com
*/

#container {
  background: url(http://jackbook17.googlepages.com/bg_top.jpg) repeat-x top left;
}

#wrapper {
  background: url(http://jackbook17.googlepages.com/bg.jpg) repeat-y top left;
}

#sidebar #sb_top {
  background: url(http://jackbook17.googlepages.com/sb_top.jpg) no-repeat left top;
}

#sidebar ul li h2 {
  background: url(http://jackbook17.googlepages.com/bg_h2.png) repeat-x;
}

#sidebar .feed {
  background: url(http://jackbook17.googlepages.com/rss.jpg) no-repeat left top;
}
/**** Header ****/

#top {
  background: url(http://jackbook17.googlepages.com/bg_top.jpg) repeat-x top left;
}

#content ul li {list-style: url(http://jackbook17.googlepages.com/bullet.jpg);}

#content #intro {
  background: #55453E url(http://jackbook17.googlepages.com/intro.jpg) no-repeat center;
}

#content .calendar {
  background: url(http://jackbook17.googlepages.com/calendar.jpg) no-repeat left top;
}


#content .post .author {
  background: url(http://jackbook17.googlepages.com/author.jpg) no-repeat left top;
}

#content .post .links .comment {
  background: url(http://jackbook17.googlepages.com/comment.jpg) no-repeat left center;
}

#content .post .links .feed {
  background: url(http://jackbook17.googlepages.com/feed.jpg) no-repeat left center;
}

#content .post .links .cat {
  background: url(http://jackbook17.googlepages.com/categories.jpg) no-repeat left center;
}
#comments-template #commentlist {
  background: #F5F4F3 url(http://jackbook17.googlepages.com/comment_bg.jpg) repeat-y left top;
}

#comments-template #commentlist .commentmetadata {
  background: url(http://jackbook17.googlepages.com/comment_arrow.jpg) no-repeat right 20px;
}

#comments-template #commentlist.alt {
  background: #FAFAFA url(http://jackbook17.googlepages.com/comment_bg_alt.jpg) repeat-y left top;
}

#comments-template #commentlist.alt .commentmetadata {
  background: url(http://jackbook17.googlepages.com/comment_arrow_alt.jpg) no-repeat right 20px;
}

#footer {
  background: #443833 url(http://jackbook17.googlepages.com/sb_bottom.jpg) no-repeat left top;
}

#footer .backtotop {
  background: url(http://jackbook17.googlepages.com/backtotop.jpg) no-repeat left top;
}

.errormsg {
  background: #FF9D9D url(http://jackbook17.googlepages.com/stop.gif) no-repeat 10px center;
}

input.button {
  background: url(http://jackbook17.googlepages.com/button.jpg) repeat-x center;
}
/*Search input*/

input.search {
  background: url(http://jackbook17.googlepages.com/search.jpg) no-repeat;
}





html, body {border: 0; margin: 0; padding: 0;}

body {
  font: 90%/1 arial, helvetica, sans-serif;
  line-height: 140%;
  background: #443833;
  width: 100%;
  min-width: 970px;
}
/***** Common Formatting *****/

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  font-weight: normal;
}

h1 {
  width: 97%;
  clear: both;
  margin-top: 0;
  margin-bottom: 10px;
  padding-bottom: 3px;
  letter-spacing: -1px;
  font: 2em Georgia, "Times New Roman", Times, serif;
  color: #877065;
  background-color: transparent;
  border-bottom: 1px dotted #877065;
}

h1 a {color: #443833; text-decoration: none;}

h1 a:hover {
  color: #6C574F;
  text-decoration: none;
  border: none;
}

h2 {
  padding: 15px 0 7px 0;
  color: #F5F1C2;
  background-color: transparent;
  letter-spacing: -1px;
  font: 1.4em bold arial, helvetica, sans-serif;
  font-weight: bold;
}

h3 {
  padding: 7px 0 ;
  font: 1.1em arial, helvetica, sans-serif;
  font-weight: bold;
  color: #6C574F;
}

p {margin: 0; padding: 0 0 18px 0;}

p.notfound{padding: 15px 0 100px;}

ul, ol {list-style: none; margin: 0; padding: 0 0 20px 40px;}

blockquote {
  font-family: Times, "Times New Roman", serif;
  font-style: italic;
}

code {
  display: block;
  width: 80%;
  background-color: #F5F4F3;
  border: #E2DBD8 1px solid;
  color: #666666;
  padding: 3px 5px;
  margin: 10px 0;
}

pre {
  padding: 1em;
  border: 1px dashed #2f6fab;
  color: black;
  background-color: #f9f9f9;
  line-height: 1.1em;
}

small {font-size: 0.85em;}

img {border: none;}

sup {
  position: relative;
  bottom: 0.3em;
  vertical-align: baseline;
}

sub {
  position: relative;
  bottom: -0.2em;
  vertical-align: baseline;
}

acronym, abbr {
  cursor: help;
  letter-spacing: 1px;
  border-bottom: 1px dashed;
}

hr {
  display: block;
  clear: both;
  border-top: 1px dotted #E7E1DE;
  border-bottom: 1px dotted white;
  margin: 5px 20px 0;
}
/***** Links *****/

a {
  text-decoration: none;
  color: #877065;
  border-bottom: 1px;
}

a:hover {text-decoration: none; color: #443833;}

a img {
  border: none;/*remove border for linked images*/
}
/***** Tables *****/

table {border: 0; margin: 0 0 18px 0; padding: 0;}

table tr td {padding: 2px;}
/***** Global Classes *****/

.clear {clear: both;}

.alignleft {display: block; float: left;}

.alignleft {display: block; float: right;}

.aligncenter {
  display: block;
  text-align: center;
  margin: 0 auto;
}

.endOfSection {
  clear: both;
  width: 100%;
  height: 0;
  line-height: 0;
  font-size: 0;
  padding: 0;
  margin: 0;
  border: 0;
}
/***** Main Layout ****/

#container {
  width: 100%;
  height: 100%;
}

#wrapper {
  width: 970px;
  text-align: center;/* IE fix to center the page */
  margin: 0 auto;/* center the page in Firefox */
}
/**** Sidebar ****/

#sidebar {
  display: block;
  float: left;
  clear: left;
  width: 290px;
  text-align: left;
  color: white;
  padding: 0;
}

#sidebar2section {
	padding: 0 15px 0 15px;
}

#sidebar p {
  margin: 10px 0;
}

#sidebar ul {list-style: none; margin: 0; padding: 0;}

#sidebar li {
  display: block;
  text-align: left;
  list-style: none; 
}

#sidebar #sb_top {
  display: block;
  height: 240px;
  
  color: #A8948A;
  font-weight: bold;
  text-align: center;
  cursor: pointer;
  margin:0;
  padding:0;
}

#sidebar #sb_top a {
  display: block;
  text-decoration: none;
}

#sidebar #sb_top a:hover {
  text-decoration: none;
  color:  #A8948A;
}

#sidebar .sb_logo {padding-top: 67px;}

#sidebar ul ul {margin-bottom: 20px;}

#sidebar ul li h2 {
  color: #F5F1C2;
  min-height: 30px;
  padding: 0;
  margin:0;
  padding: 10px 0 10px 10px;
  
  font: 1.5em Georgia, "Times New Roman", Times, serif;
}

#2sidebar ul ul li {
  list-style-type: square;
  margin-left: 35px;
  width: 230px;
}
/*links*/

#sidebar ul li a {color: #FFFF99;}

#sidebar ul li a:hover {
  color: #FFFF99;
  border-bottom: 1px dotted #FFFF99;
}

#sidebar ul li img {
  border: 1px solid #302723;
  padding: 4px;
  background-color: #443833;
  Margin: 0;
  margin-left: 15px;
}

#sidebar ul li img a {
  border: none;/*remove border for linked images*/
}

#sidebar ul li img a:hover {border: none;}

#sidebar ul li img.noborder {
  border: none;
  padding: 0;
  background-color: transparent;
  Margin: 0;
  margin-left: 10px;
}
/**** Main Menu ****/

#sidebar  .navlist  ul {
  margin: 0;
  margin-bottom: 20px;
  padding: 0 15px 0 15px;
  list-style-type: none;
  font-size: 16px;
}

* html #sidebar .navlist ul {
	margin-top: -18px;
}

#sidebar  .navlist ul li {
  display: block;
  line-height: 0px;/* fix the unwanted gap between li elements in FF */
  margin:0;
  padding:0;
}

#sidebar  .navlist ul li a {
  display: block;
  height: 30px;
  line-height: 30px;
  color: white;
  padding: 2px;
  padding-left: 10px;
  margin:0;
  text-decoration: none;
  border-top: 1px solid #705A52;
  border-bottom: 1px solid #3E322D;
}

#sidebar  .navlist a:hover {
  color: #877065;
  background-color: #443833;
  border-bottom: 1px solid #3E322D;
}

#sidebar  .navlist ul li a.noborder, #sidebar  .navlist ul li a:hover.noborder {
  border-bottom: none;
}

/*Copyright*/

#sidebar .copyright {
  display: block;
  margin: 60px auto 0px auto;
  padding: 5px 7px;
  width: 220px;
  text-align: center;
  background-color: #302723;
  border: 1px solid black;
  color: #877065;
}

#sidebar .copyright p {padding: 0;}

#sidebar .copyright a {color: #FFFF99;}

#sidebar .copyright a:hover {
  color: #FFFF99;
  border-bottom: 1px dotted #FFFF99;
}
/*feed*/

#sidebar .feed {
  padding-left: 25px;
  margin-left: 20px;
  height: 20px;
  line-height: 20px;
}
/**** Header ****/

#top {
  display: block;
  float: left;
  clear: right;
  width: 680px;
  height: 40px;
  padding-top: 15px;
  color: white;
  text-align: right;
}

#top a {color: white;}

#top a:hover {
  border-bottom: 1px dotted white;
}
/**** Content ****/

#content {
  display: block;
  float: left;
  width: 668px;
  background-color: white;
  border-top: #877065 9px solid;
  text-align: left;
  margin: 0;
  margin-bottom: 40px;
  padding: 0;
}


#content img {
  border: 1px solid #D0C5BF;
  padding: 4px;
  background-color: #E7E1DE;
  Margin: 15px 0;
}

#content img.alignleft {
  display: block;
  float: left;
  clear: none;
  margin: 5px 10px 0 0;
}

#content img.alignright {
  float: right;
  margin: 5px 0 0 10px;
}

#content img.noborder {
  border: none;
  background-color: transparent;
  padding: 0;
  margin: 10px;
}

#content #intro {

  width: 100%;
  height: 176px;
  color: white;
}

#content .intro_t {
  width: 90%;
  margin-left: 40px;
  color: white;
}

#content #intro h1 {
  margin: 0;
  color: white;
  font-size: 36px;
  border: none;
  padding: 35px 0 0 0;
}

#content #intro h1 span {color: black; font-size: 24px;}

#content #intro h1 .editsection {
  font-size: 12px;
  margin-left: 15px;
  color: white;
}

#content #intro h2 {
  margin: 0;
  padding: 0 0 15px 0;
  color: black;
  font-size: 18px;
}

#content #intro p {padding: 0;}
/*links*/

#content #intro a, #introduction a {color: #FFFF99;}

#content #intro a:hover, #introduction a:hover {
  color: #FFFF99;
  border-bottom: 1px dotted #FFFF99;
}
/* Navigation Next and Previous Post */

#content .navigation {
  display: block;
  clear: both;
  margin: 0 20px;
  margin-top: 10px;
  padding: 3px 10px;
}
/* Navigation Next and Previous Page */

#content .browse{
  display: block;
  clear: both;
  margin: 10px 20px 20px;
  padding: 3px 10px;
  text-align: center;
}
/* Calendar */

#content .calendar {
  Float: left;
  clear: left;
  width: 50px;
  height: 55px;
  margin-top: 20px;
}

#content .calendar .month {
  display: block;
  clear: both;
  text-align: center;
  font-size: 14px;
  color: white;
  font-weight: bold;
  margin-bottom: 0;
}

#content .calendar .date {
  display: block;
  clear: left;
  text-align: center;
  font-size: 30px;
  color: #393939;
  font-weight: bold;
  margin-bottom: 0;
  line-height: 1px;
}
/* main content */

#content .post {
  display: block;
  float: left;
  width: 580px;
  margin: 15px 0 40px;
  padding: 0 15px;
}

#content .post .author {
  font-size: 75%;
  display: block;
  height: 15px;
  line-height: 15px;
  clear: both;
  margin-bottom: 15px;
  padding-left: 25px;
}
/* the links at the bottom of each posts */

#content .post .links {
  display: block;
  width: 95%;
  /*height: 50px; */
  background-color: #FAFAFA;
  border-top: #E2DBD8 1px dotted;
  border-bottom: #E2DBD8 1px dotted;
  color: #444444;
  padding: 3px 10px;
  line-height: 25px;
  font-size: 85%;
  margin: 15px auto;
}

#content .post .links a {
  text-decoration: none;
  color: #666666;
}

#content .post .links a:hover {
  color: #666666;
  border-bottom: dotted 1px #666666;
}

#content .post .links .comment {
  display: block;
  float: left;
  padding-left: 20px;
  margin-right: 45px;
}

#content .post .links .feed {
  display: block;
  float: left;
  padding-left: 20px;
  margin-right: 45px;
}

#content .post .links .cat {
	clear:both;
  display: block;
  padding-left: 20px;
}
/* Comments Template */

#comments-template{
  display: block;
  clear: both;
  margin: 0px 25px;
}

#comments-template p{line-height: 24px;}

#comments-template p.nocomments{padding: 0 15px;}

#comments-template h2, #comments-template h3{
  display: block;
  clear: both;
  margin-top: 35px;
  margin-bottom: 10px;
  padding-bottom: 3px;
  letter-spacing: -1px;
  font: 2em Georgia, "Times New Roman", Times, serif;
  color: #443833;
  font-size: 140%;
  border-bottom: 1px dotted #877065;
}

h3 #comments, h3 #respond{padding: 0 0 0 15px;}

h3 #respond{padding: 30px 0 0 15px;}

#comments-template #commentlist {
  display: block;
  clear: both;
  border: 1px solid #E2DBD8;
  
  margin: 15px 0;
  padding: 0;
}

#comments-template #commentlist .commentmetadata {
  display: block;
  float: left;
  clear: left;
  width: 118px;
  
  padding: 5px 10px;
  font-size: 11px;
}

#comments-template #commentlist .commenttext {
  display: block;
  float: left;
  clear: right;
  width: 420px;
  padding: 5px 10px 5px 25px;
}
/* alternate comments */

#comments-template #commentlist.alt {
  display: block;
  clear: both;
  border: 1px solid #E2DBD8;
  
  margin: 15px 0;
  padding: 0;
}

#comments-template #commentlist.alt .commentmetadata {
  display: block;
  float: left;
  clear: left;
  width: 118px;
  
  padding: 5px 10px;
  font-size: 11px;
}

#comments-template #commentlist.alt .commenttext {
  display: block;
  float: left;
  clear: right;
  width: 420px;
  padding: 5px 10px 5px 25px;
}
/* End Comments Template */
/* wp-calendar */

#wp-calendar {
  empty-cells: show;
  font-size: 14px;
  margin: 0;
  width: 85%;
  margin-left: 15px;
  color: #302723;
}

#wp-calendar #next a {
  padding-right: 10px;
  text-align: right;
}

#wp-calendar #prev a {
  padding-left: 10px;
  text-align: left;
}

#wp-calendar a {
  display: block;
  text-decoration: none;
  color: #FFFF99;
}

#wp-calendar a:hover {
  background: #433732;
  color: #FFFF99;
  border-bottom: none;
}

#wp-calendar caption {
  color: black;
  font-size: 16px;
  text-align: right;
  margin-left: 15px;
}

#wp-calendar td {
  color: black;
  background: transparent;
  font: normal 12px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
  letter-spacing: normal;
  padding: 2px 0;
  text-align: center;
}

#wp-calendar td.pad:hover {background: #433732;}

#wp-calendar td:hover, #wp-calendar #today {
  background: #433732;
  border: none;
  color: #FFFF99;
  border: none;
}

#wp-calendar th {
  font-style: normal;
  text-transform: capitalize;
}
/***** Footer *****/

#footer {
  display: block;
  float: left;
  clear: both;
  width: 100%;
  height: 60px;
  font-size: 80%;
  color: #6C574F;
  
}

#footer .contentfoot {
  display: block;
  float: right;
  width: 680px;
  height: 30px;
  padding: 5px 0;
  border-top: #877065 10px solid;
}

#footer a {color: #866B62;}

#footer a:hover {border-bottom: 1px dotted #866B62;}

#footer .backtotop {
  
  float: right;
  clear: right;
  width: 30px;
  height: 30px;
  margin-right: 10px;
  cursor: pointer;
}
/**** Form Layout ****/

form {margin: 0; padding: 0; display: inline;}

input, textarea, select {
  font: 1em arial, helvetica, sans-serif;
  background-color: #877065;
  border: 1px solid #443833;
  line-height: 1.25em;
  padding: 0 0 0 2px;
}

input:focus, textarea:focus, select:focus {
  border: 1px solid #55453E;
  background-color: #BDADA6;
}

label {cursor: pointer;}

.errormsg {
  display: block;
  width: 90%;
  color: #FFFFFF;
  font-weight: bold;
  
  padding: 3px 10px 3px 40px;
  margin: 10px 0;
  border-top: 2px solid #FF0000;
  border-bottom: 2px solid #FF0000;
}

input.button {
  
  color: white;
  padding: 0 7px;
  height: 23px;
  border: 1px solid #302723;
  cursor: pointer;
}
/*Search input*/

input.search {
  
  border: none;
  width: 220px;
  height: 25px;
  padding-left: 35px;
  padding-top: 5px;
  color: white;
}






]]></b:skin>

<script language='javascript'>
var day, month
function set_date(d){
	var da = d.split(&#39; &#39;);
	
	day = &quot;&quot;+da[2].replace(/,/,&quot;&quot;)+&quot;&quot;; // 12
	month = &quot;&quot;+da[1].slice(0,3)+&quot;&quot;; // December
}
</script>

  </head>

  <body>
  <a name='top'/>
  <div id='container'>
      <div id='wrapper'>
    
	  
        <div id='sidebar'>
          <div id='sb_top'>
            <div class='sb_logo'>
				<b:section id='headersection2' showaddelement='no'/>
					<img expr:alt='data:blog.title' src='http://jackbook17.googlepages.com/logo.jpg'/>
					<br/>
					You can edit this here!
            </div>
          </div>
          
		  <div class='navlist'>
<ul>
<li><a expr:href='data:blog.homepageUrl'>Home</a></li>
<li><a expr:href='data:blog.homepageUrl + &quot;feeds/comments/default&quot;'>Comments (RSS)</a></li>
<li><a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;'>Entries (RSS)</a></li>
<li><a href='#' title='Edit'>Edit</a></li>
</ul>
</div>

				<b:section class='sidebarsection' id='sidebar2section' preferred='yes'>
<b:widget id='Profile1' locked='false' title='About Me' type='Profile'>
<b:includable id='main'>
    <b:if cond='data:title != &quot;&quot;'>
      <h2><data:title/></h2>
    </b:if>
    <div class='widget-content'>
    <b:if cond='data:team == &quot;true&quot;'> <!-- 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 != &quot;&quot;'>
        <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 == &quot;true&quot;'>
          <dd class='profile-data'><data:location/></dd>
        </b:if>

        <b:if cond='data:aboutme != &quot;&quot;'><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='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'>
          <span expr:dir='data:blog.languageDirection'>
            <data:label.name/>
          </span>
        <b:else/>
          <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'>
            <data:label.name/>
          </a>
        </b:if>
        <span dir='ltr'>(<data:label.count/>)</span>
      </li>
    </b:loop>
    </ul>

    <b:include name='quickedit'/>
  </div>
</b:includable>
</b:widget>
<b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'>
<b:includable id='toggle' var='interval'>
					  <b:if cond='data:interval.toggleId'>
					  <b:if cond='data:interval.expclass == &quot;expanded&quot;'>
					    <a class='toggle' expr:href='data:widget.actionUrl + &quot;&amp;action=toggle&quot; +       &quot;&amp;dir=close&amp;toggle=&quot; + data:interval.toggleId +       &quot;&amp;toggleopen=&quot; + data:toggleopen'>
					        <span class='zippy toggle-open'>&#9660; </span>
					    </a>
					  <b:else/>
					    <a class='toggle' expr:href='data:widget.actionUrl + &quot;&amp;action=toggle&quot; +         &quot;&amp;dir=open&amp;toggle=&quot; + data:interval.toggleId +         &quot;&amp;toggleopen=&quot; + data:toggleopen'>
					          <span class='zippy'>
					            <b:if cond='data:blog.languageDirection == &quot;rtl&quot;'>
					              &#9668;
					            <b:else/>
					              &#9658;
					            </b:if>
					          </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='&quot;archivedate &quot; + 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' dir='ltr'>(<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='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='menu' var='data'>
					  <select expr:id='data:widget.instanceId + &quot;_ArchiveMenu&quot;'>
					    <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='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'>
					  <b:if cond='data:title'>
					    <h2><data:title/></h2>
					  </b:if>
					  <div class='widget-content'>
					  <div id='ArchiveList'>
					  <div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'>
					    <b:if cond='data:style == &quot;HIERARCHY&quot;'>
					     <b:include data='data' name='interval'/>
					    </b:if>
					    <b:if cond='data:style == &quot;FLAT&quot;'>
					      <b:include data='data' name='flat'/>
					    </b:if>
					    <b:if cond='data:style == &quot;MENU&quot;'>
					      <b:include data='data' name='menu'/>
					    </b:if>
					  </div>
					  </div>
					  <b:include name='quickedit'/>
					  </div>
					</b:includable>
</b:widget>
</b:section>
           
		  
          <div class='copyright'>
            <p>
              &#169; <a expr:href='data:blog.homepageUrl'><data:blog.title/></a>
            </p>
          </div>
        </div>
	  
		  
		  

		<div id='top'>
			<form expr:action='data:blog.homepageUrl + &quot;search&quot;' id='searchform' method='get' name='searchform'>
	            <div>
	              <input class='search' id='s' name='q' type='text' value=''/>
	            </div>
			</form>
        </div>
		  
		  
		  
		  


        <div id='content'>
          <div id='intro'>
            <div class='intro_t'>
				<b:section id='headersection' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Chocolate Candy (Header)' type='Header'>
<b:includable id='title'>
							<data:title/>
						</b:includable>
<b:includable id='description'>
							<data:description/>
						</b:includable>
<b:includable id='main'>
							<h1>
								<a expr:href='data:blog.homepageUrl' expr:title='data:description'>
									<data:title/>
								</a>
							</h1>
							<strong>
								By. Jacky Supit
							</strong>
							<p>
								<data:description/>
							</p>
						</b:includable>
</b:widget>
</b:section> 				  
            </div>
          </div><!-- /intro -->
          <!-- Start main Content -->
 
			<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'>
<b:includable id='nextprev'>
			<div class='browse'>
			<b:if cond='data:newerPageUrl'>
			<span id='blog-pager-newer-link'>
			<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
			</span>
			</b:if>

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

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

			</div>
			<div class='clear'/>
			</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 + &quot;_backlinks-create-link&quot;' target='_blank'><data:post.createLinkLabel/></a>
			</p>
			</b:includable>
<b:includable id='post' var='post'>
			  <div class='calendar'>
			  <script language='javascript'>
				set_date(&#39;<data:post.timestamp/>&#39;);
			  </script>
				<p class='month'>
				  <script language='javascript'>
					document.write(month);
				  </script>
				</p>
				<p class='date'>
				  <script language='javascript'>
					document.write(day);
				  </script>
				</p>
			  </div>
			  
			  <div class='post'>
				<h1>
				  <a expr:href='data:post.url' expr:title='data:post.title' rel='bookmark'><data:post.title/></a>
				</h1>
				<p class='author'>
				  By <data:post.author/>
				</p>
				<p>
				  <data:post.body/>
				  <b:include data='post' name='postQuickEdit'/>
				</p>
				<div class='links'>

					<b:if cond='data:blog.pageType != &quot;item&quot;'>
					  <b:if cond='data:post.allowComments'>
						<div class='comment'>
							<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
								<b:if cond='data:post.numComments == 0'>
									No Comment
								<b:else/>
									<b:if cond='data:post.numComments == 1'>
										1 Comment
									<b:else/>
										<data:post.numComments/> Comments
									</b:if>
								</b:if>
							</a>
						</div>
					  </b:if>
					</b:if>		

					<b:if cond='data:post.emailPostUrl'>
					  <div class='comment'>
						  <a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
							  Tell Your Friends
						  </a>
					  </div>
					</b:if>				

				  <div class='feed'>
					<a href='http://YOUR-FEED-URL-HERE'>Subscribe</a>
				  </div>

				  <div class='cat'>
					<b:if cond='data:post.labels'>
					   Filed under: 
					  <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 != &quot;true&quot;'>,</b:if>
					  </b:loop>
					</b:if>				
				  </div>

				</div><!-- /links -->
			  </div><!-- /post -->
			</b:includable>
<b:includable id='commentDeleteIcon' var='comment'>
			<span expr:class='&quot;item-control &quot; + 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 != &quot;item&quot;'> <!-- 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='&quot;item-control &quot; + 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='&quot;item-control &quot; + data:post.adminClass'>
			<a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
			<img alt='' class='icon-action' src='http://www.blogger.com/img/icon18_edit_allbkg.gif'/>
			</a>
			</span>
			</b:if>
			</b:includable>
<b:includable id='comments' var='post'>
			
			<b:include name='nextprev'/>
			
    <div id='comments-template'>
	<b:if cond='data:post.allowComments'>	
      <!-- You can start editing here. -->
      <h3 id='comments'>
			<b:if cond='data:post.numComments == 0'>
			  No Comment
			<b:else/>
				<b:if cond='data:post.numComments == 1'>
				  1 Comment
				<b:else/>
				  <data:post.numComments/> Comments
				</b:if>			
			</b:if>
      </h3>
	  
			<b:loop values='data:post.comments' var='comment'>
				<div class='alt' id='commentlist'>
					<div class='commentmetadata'>
						<strong>				
							<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>
						</strong>
						<br/>
						<a expr:href='data:comment.url' title='comment permalink'>
							<data:comment.timestamp/>
						</a>						
					</div><!-- /commentmetadata -->
					<div class='commenttext'>
					  <p>
						<data:comment.body/>
					  </p>
					</div><!-- /commenttext -->
					<div class='clear'/>
				</div><!-- /comment list -->
			</b:loop>
      <h3 id='respond'>
			<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
      </h3>
		</b:if>	  
    </div>
	<div>
		<b:if cond='data:post.showBacklinks'>
		 <b:include data='post' name='backlinks'/>
		</b:if>
	</div>
</b:includable>
<b:includable id='main' var='top'>
			<!-- posts -->
			<div class='blog-posts hfeed'>
			<data:adStart/>
			<b:loop values='data:posts' var='post'>
			<b:include data='post' name='post'/>
			<b:if cond='data:blog.pageType == &quot;item&quot;'>
			<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>
				
		  <!-- Next and Previous Page -->
        </div><!-- /content -->
		  

		<div id='footer'>
          <div class='contentfoot'>
            <div class='backtotop'>
              <a href='#top' title='Back to top'> </a>
            </div>
            <a href='http://www.jackbook.com/2008/02/chocolate-candy-blogger-template-yoghourt.html?preview=true'>Chocolate Candy Web 2.0 Blogger Template</a> originally design by <a href='http://web-kreation.com'>Web-Kreation</a> Converted By <a href='http://www.jackbook.com/'>Jacky Supit</a>
          </div>
        </div>
    		  
		  
		  
		  
		  
		  
		  
		<br class='endOfSection'/>
      </div><!-- /wrapper -->
    </div><!-- /container -->
  

</body>
</html>
