<?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[/*
-----------------------------------------------
Name: Mush Blue Blogger
URL: www.jackbook.com
Author: Jack Supit
Description: This template is originally created by Mukka-mu for wordpress theme, now i have converted it into blogger template for you guys :)
Enhanced by: eBlog Templates
URL: http://www.eblogtemplates.com
----------------------------------------------- */

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

body{margin:0px; padding:0px; color:#b6b6b6; background:#000 url(http://i254.photobucket.com/albums/hh92/eblogtemplates/mushblue/bg.jpg) repeat-y center; font:normal 13px/18px "Trebuchet Ms","Lucida Grande",sans-serif}
#wrap{width:800px; overflow:hidden; position:relative; margin:0px auto;     background:#000}
#content{width:550px; float:left; display:inline; text-align:justify; padding:10px; margin:8px}
#navig{height:49px; width:790px; margin-right:auto; margin-left:auto}
#sidebar{width:170px; float:right; line-height:1.5em; display:inline; margin:8px 8px 8px 0px; padding:10px; font-size:10px}

#pages h1{margin:0px; padding:0px}
#pages h1 a{text-transform:uppercase; text-decoration:none; color:#ccc; font:15px Arial,Helvetica,sans-serif; margin:0px; padding:13px 0px 0px 10px; letter-spacing:-1px; float:left}
#pages h1 a:hover{text-decoration:underline}

h3, h4{padding-top:5px; padding-bottom:15px}

#section-head{background:url('http://i254.photobucket.com/albums/hh92/eblogtemplates/mushblue/r.jpg') no-repeat; height:255px; width:800px; margin-right:auto; margin-left:auto; margin-bottom:20px}

#Header1{float:right; padding:100px 50px 100px 100px; color:#00cadc; font-size:30px; font-weight:bold}
#Header1 a:link{color:#00cadc; font-weight:bold}
#tagline{height:20px; text-align:right; margin-top:10px; font-size:10px; font-weight:bold; text-transform:uppercase; color:#FFF}

div#pages{height:40px; margin:0px auto 0px; width:800px;  background:#000}
div#pages ul{padding:10px 0px 0px; white-space:nowrap; list-style-type:none; margin:0px}
div#pages ul li{float:right}
div#pages ul li.current_page_item a{text-decoration:underline}
div#pages ul li a{display:block; text-decoration:none;  border-left:1px dotted #333; font-size:12px; padding:5px 10px 5px 10px; text-transform:uppercase; color:#999}
div#pages ul li a:hover{color:#333}

#footer{clear:both; text-align:center; height:40px; border-top-width:1px; border-top-style:dotted; border-top-color:#666; width:774px; padding:0px; margin-right:auto; margin-left:auto}
#footer p{padding:10px; margin:0px}

.entry{padding-top:0px; padding-bottom:10px; padding-left:0px; line-height:1.5em}

.firstpost{margin-bottom:15px}

h3.etitle, h3{padding-top:0px; padding-right:0px; padding-bottom:0px; margin-top:0; margin-right:0; margin-bottom:5px}
h3.etitle a, h3.etitle a:visited, h3 a{color:#5de8ff; border-style:none; font-size:18px; text-transform:none; font-variant:small-caps; font-weight:bold}
h3.etitle a:hover, h3 a:hover{text-decoration:underline}

.emeta{height:35px; margin-top:0; color:#bbb; border-top:dotted 1px #666; padding-top:4px; margin-bottom:8px; font:11px Arial,Helvetica,Geneva,sans-serif}
.emeta a img{border:none}

.ebody a{height:16px; margin-top:0; font-size:11px; color:#5de8ff}
.ebody img{padding:4px; border:1px solid #DFDFDF}
.ebody ul{margin-left:20px; padding-left:0px; list-style-type:none}
.ebody ol{margin-left:20px; padding-left:0px}
.ebody ul li{list-style:square}

.commentlink img{border-top-style:none; border-right-style:none; border-bottom-style:none; border-left-style:none}

h4, h3, h2, #cblock h2{margin:0; padding:0px; font-size:11px; font-style:normal; font-weight:bold; font-variant:normal; color:#999}
h2{margin-bottom:10px; font-size:14px}

a, a:visited{color:#00e0ff; text-decoration:none}
a:hover{text-decoration:underline}

.ebody p{margin:8px 0; padding:0}
.ebody ul{margin-left:30px; padding-left:0px; list-style-type:none}
.ebody ol{margin-left:30px; padding-left:0px}

.ebody ul li{list-style:square}
#sidebar{background-color:#000}
#sidebar h2{color:#bfbfbf; margin-top:5px; margin-right:0px; margin-bottom:8px; padding-top:0px; padding-right:0px; padding-bottom:4px; padding-left:0px; border-bottom:1px solid #4cf5ff; font-size:11px; text-transform:uppercase}
#sidebar ul{list-style:none; margin:0 0 18px 0; padding:0}
#sidebar ul li{display:inline; margin:0; padding:0}
#sidebar li{list-style:none}
#sidebar ul li a{border-bottom:1px dotted #666; color:#00e0ff; display:block; text-decoration:none !important; margin-left:0px; padding:4px 0px 4px 25px; background-image:url('http://i254.photobucket.com/albums/hh92/eblogtemplates/mushblue/bull.gif'); background-repeat:no-repeat; background-position:10px 50%; font-size:13px}
#sidebar ul li a:hover{color:#00e0ff; background-color:#004d64}
ul.list-blogroll li a{border-bottom:1px dotted #666; color:#00e0ff; display:block; text-decoration:none !important; margin-left:0px; padding:4px 0px 4px 25px; background-image:url('http://i254.photobucket.com/albums/hh92/eblogtemplates/mushblue/bull.gif'); background-repeat:no-repeat; background-position:10px 50%}

#searchdiv{margin-top:8px; margin-bottom:15px}

ul.list-blogroll li{background:url('http://i254.photobucket.com/albums/hh92/eblogtemplates/mushblue/bull.gif') no-repeat !important; padding-left:22px !important}
ul.list-meta li{background:url('http://i254.photobucket.com/albums/hh92/eblogtemplates/mushblue/bull.gif') no-repeat !important; padding-left:22px !important}
ul.list-rss li{background:url('http://i254.photobucket.com/albums/hh92/eblogtemplates/mushblue/bull.gif') no-repeat !important; padding-left:22px !important}
ul.list-cat li, li.bar_categories li{background:url('http://i254.photobucket.com/albums/hh92/eblogtemplates/mushblue/bull.gif') no-repeat !important; padding-left:22px !important}
ul.list-rec li, li.bar_comments ul li{background:url('http://i254.photobucket.com/albums/hh92/eblogtemplates/mushblue/bull.gif') no-repeat !important; padding-left:22px !important}
ul.list-archives li, li.bar_archives li{background:url('http://i254.photobucket.com/albums/hh92/eblogtemplates/mushblue/bull.gif') no-repeat !important; padding-left:22px !important}
ul.list-page li, li.bar_pages li, li.bar_recent_entries li{background:url('http://i254.photobucket.com/albums/hh92/eblogtemplates/mushblue/bull.gif') no-repeat !important; padding-left:22px !important}
ul.list-page li ul li, li.bar_pages li ul li{background:url('http://i254.photobucket.com/albums/hh92/eblogtemplates/mushblue/bull.gif') no-repeat !important; padding-left:15px !important}
li.bar_calendar td{padding:1px 7px}

.textbar{padding-top:5px}
#searchform br{display:none}
#searchform #s{width:100px; height:22px; padding:4px 5px 0px 5px; border:1px dotted #00e0ff; background:#121605; margin-right:2px; color:#00ecff; font-weight:normal}

#searchform input{background:#121605; border:1px dotted #00f9ea; width:25px; height:28px; font:bold 12px Arial,Helvetica,sans-serif; color:#00fdff; vertical-align:middle}
.comment-link{background-image:url('http://i254.photobucket.com/albums/hh92/eblogtemplates/mushblue/comments.gif'); background-repeat:no-repeat; background-position:left center; padding-left:16px}

#cblock h2{padding:2px; margin-bottom:10px; margin-top:30px}
#cblock{float:left; padding-top:0px; padding-bottom:20px; text-align:left}

ol#commentlist{margin-top:0px; padding:5px; margin-left:0px; list-style-type:none}
.commentdate{font-size:0.8em; padding-left:5px}
#commentlist li  p{margin-bottom:8px; line-height:20px; padding:0}

.feed{height:80px; width:72px; background:url(http://i254.photobucket.com/albums/hh92/eblogtemplates/mushblue/rss.png) no-repeat}

.commentname{margin:0; padding:5px}
.commentinfo{clear:both}
.commenttext{clear:both; margin-top:0px; margin-bottom:10px; padding:10px; width:450px; background:#333}
.commenttext-admin{clear:both; margin-top:0px; margin-bottom:10px; padding:10px; width:450px; background:#333}
#commentsformheader{padding-left:0px}
#commentsform{margin-top:0; text-align:center; padding-top:0px; padding-right:0px; padding-bottom:0px; padding-left:0px}
#commentsform form{text-align:left; margin:0px}
#commentsform form textarea{width:99%}
#commentsform p{margin:5px}

p.comments_link  img{margin:0px; padding:0px; border-top-style:none; border-right-style:none; border-bottom-style:none; border-left-style:none}

blockquote{font-style:italic; color:#999}

table{margin:10px}
td, th{padding:3px; font-weight:normal}

.jackbookDOTCOM_date{float:left; color:#CCC; height:45px; width:30px; margin-top:2px; margin-right:10px; padding:2px; background:#333; border:1px dotted #000}
.jackbookDOTCOM_date span.day{text-align:center; font-size:23px; display:block; color:#CCC; font-style:italic; font-family:"Trebuchet MS",Arial,Helvetica,sans-serif}
.jackbookDOTCOM_date span.month{text-align:center; color:#00e0ff; font-size:11px; height:11px; display:block; padding:1px 2px 4px; border-bottom:1px dotted #7f7f7f;     margin-bottom:4px; border-top:2px solid #7f7f7f; font-weight:bold; font-style:italic; text-transform:uppercase; font-family:"Trebuchet MS",Arial,Helvetica,sans-serif}

#rss{ width:80px; background-image:url('http://i254.photobucket.com/albums/hh92/eblogtemplates/mushblue/rss.png'); display:block; height:63px}
#rss a{ width:50px; height:70px; text-decoration:none; display:block}

.clear-block:after{ content:".";  display:block;  height:0px;  clear:both;  visibility:hidden}
.clear-block{ display:inline-block;  width:100%;  height:0px;  clear:both}

* html .clear-block{ height:0px}
.clear-block{ display:block}

body#layout #sidebar, body#layout #main, 
body#layout #main-wrapper, 
body#layout #outer-wrapper, 
body#layout #sidebar-wrapper{padding:0}
body#layout #section-head{height:0px; margin-left:auto; margin-right:auto}
body#layout #content{margin:0px; margin-left:auto; margin-right:auto}
body#layout #Header1{width:740px; float:left; padding-top:0px; margin-left:auto; margin-right:auto}
body#layout #pages{width:740px; margin:0px}
body#layout #wrap{width:740px; margin:0px}

]]></b:skin>
<script>
function replace_date(d){
var da = d.split(&#39; &#39;);
day = &quot;<span class='day'>&quot;+da[2].replace(/,/,"")+&quot;</span>&quot;; // 12
month = &quot;<span class='month'>&quot;+da[1].slice(0,3)+&quot;</span>&quot;; // December
  document.write(month+day);
}
</script>
  </head>
  
<body>
  <div id='pages'>
<b:section class='' id='navigation' preferred='yes' showaddelement='no'>
	
<b:widget id='LinkList1' locked='true' title='Top Tabs' type='LinkList'>
<b:includable id='main'>
 <div class='widget-content'>
    <b:if cond='data:title'></b:if>
   <ul>
	   <li><a href='/'>Home</a></li>
     <b:loop values='data:links' var='link'>
       <li><a expr:href='data:link.target'><data:link.name/></a></li>
     </b:loop>
   </ul>
    </div>
</b:includable>
</b:widget>
</b:section>

  </div>
	
	    <div id='wrap'>
		
			<b:section id='section-head' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='mushblue (Header)' type='Header'>
<b:includable id='main'>
						<a expr:href='data:blog.homepageUrl'><data:title/></a>
						<div id='tagline'>
							<data:description/>
						</div>
					</b:includable>
</b:widget>
</b:section>

		    <div id='content'>
			&lt;script type=&quot;text/javascript&quot;&gt;&lt;!--
			google_ad_client = &quot;pub-6044026340890176&quot;;
			/* 468x60, Mushblue Blogger Template */
			google_ad_slot = &quot;3670135418&quot;;
			google_ad_width = 468;
			google_ad_height = 60;
			//--&gt;
			&lt;/script&gt;
			&lt;script type=&quot;text/javascript&quot;
			src=&quot;http://pagead2.googlesyndication.com/pagead/show_ads.js&quot;&gt;
			&lt;/script&gt;
			<br/>
				<b:section id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'>
<b:includable id='nextprev'>
							<p 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>							
							</p>
						</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='entry' expr:id='"post-" + data:post.id'>
								<!-- Date Block -->

								<div class='jackbookDOTCOM_date'><script>replace_date(&#39;<data:post.timestamp/>&#39;);</script></div>
								<h3 class='etitle' id='post-3'>
									<a expr:href='data:post.url' expr:title='"Permanent Link to " + data:post.title' rel='bookmark'><data:post.title/></a>
								</h3>				
								<div class='emeta'>
									<b:if cond='data:post.labels'>
										Category: 
										<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> 
									By <data:post.author/> 
								</div>
								<div class='ebody'>
								  <data:post.body/>

									<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'>
												<b:if cond='data:post.numComments == 0'>
													<data:post.numComments/> Comment
												<b:else/>
													<b:if cond='data:post.numComments == 1'>
														<data:post.numComments/> Comment
													<b:else/>
														<data:post.numComments/> Comments
													</b:if>
												</b:if>
											</a>
											</b:if>
										</div>
									</b:if>								  
								</div>
								<!-- quickedit pencil -->
								<b:include data='post' name='postQuickEdit'/>
							</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 id='cblock'>
								<a name='comments'/>
								<b:if cond='data:post.allowComments'>
									<h2>
										<b:if cond='data:post.numComments == 1'>
										  <data:post.numComments/> comment so far.
										<b:else/>
										  <data:post.numComments/> comments so far.
										</b:if>
									</h2>

									<ol id='commentlist'>
										<b:loop values='data:post.comments' var='comment'>
											<li class='alt' expr:id='"comment-" + data:comment.id'>
												<a expr:name='"comment-" + data:comment.id'/>
												<div class='commentname'>
													<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>
													 <data:comment.timestamp/>
												</div>
												<div class='commenttext'>
														<b:if cond='data:comment.isDeleted'>
														  <span class='deleted-comment'><data:comment.body/></span>
														<b:else/>
														  <data:comment.body/>
														</b:if>
												</div>
											</li>
										</b:loop>
								  </ol>
								
								<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>
								
								<p/>
								
							</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.jackbookDOTCOM_dateHeader'>
								<h2 class='date-header'><data:post.jackbookDOTCOM_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>
							  <br/><br/>
							</b:loop>
							<data:adEnd/>
						  </div>
						  <!-- navigation -->
						  <b:include name='nextprev'/>
						  <!-- feed links -->
						  
						  <!-- feed links -->
							<b:include name='feedLinks'/>
						</b:includable>
</b:widget>
</b:section>	  
		</div>	
			<div id='sidebar'>
					<b:section id='categories-widget' showaddelement='yes'>

<b:widget id='SidebarRSS' locked='true' title='Subscribe' type='HTML'>
	<b:includable id='main'>
		<div id='page-top'>
			<b:if cond='data:title'>
				<!-- only display title if it's non-empty -->
					  <b:if cond='data:title != ""'>
					    
					  </b:if>
			</b:if>
				<a expr:href='data:blog.homepageUrl + "feeds/posts/default"'><div class='feed'></div></a>
		</div>
	</b:includable>
</b:widget>					
							
<b:widget id='SearchBox' locked='true' title='Search' type='HTML'>
	<b:includable id='main'>
<div id='searchdiv'>
	<form expr:action='data:blog.homepageUrl + "search"' id='searchform' method='get' name='searchform'>
		<b:if cond='data:title'><h2><data:title/></h2></b:if>
			<input id='s' class='s' name='q' type='text' value='' /> 
			<input name="sbutt" type="submit" value="Go" alt="Go"  />
			<data:content/>
	</form>
</div>
	</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='Recent Posts' 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>
					    </div>
					  </b:includable>
</b:widget>

<b:widget id='Feedjit' locked='false' title='Live Traffic' type='HTML'>
	<b:includable id='main'>
		<b:if cond='data:title'>
			<h2><data:title/></h2>
		</b:if>
		<div class='widget-content'>
			<ul>
				<script type="text/javascript" src="http://feedjit.com/serve/?bc=000000&amp;tc=B6B6B6&amp;brd1=000000&amp;lnk=5DE8FF&amp;hc=000000&amp;ww=170"></script><noscript><a href="http://feedjit.com/">Feedjit Live Blog Stats</a></noscript>
			</ul>
		</div>
	</b:includable>
</b:widget>

<b:widget id='Ads' locked='false' title='Make Money' type='HTML'>
	<b:includable id='main'>
		<b:if cond='data:title'>
			<h2><data:title/></h2>
		</b:if>
		<div class='widget-content'>
			<!-- if content is empty, show placeholder images -->
			<b:if cond='data:content == ""'>
				<a href="http://www.linkworth.com?a=10230" target="_blank"><img src="http://www.linkworth.com/adm/affiliate_manager/affiliate_banners/bann-44.gif" border="0" /></a>
			</b:if>
			<data:content/>
		</div><!--/ads-->
	</b:includable>
</b:widget>

<b:widget id='Ads2' locked='false' title='Make More Money' type='HTML'>
	<b:includable id='main'>
		<b:if cond='data:title'>
			<h2><data:title/></h2>
		</b:if>
		<div class='widget-content'>
			<!-- if content is empty, show placeholder images -->
			<b:if cond='data:content == ""'>
				<a href="http://www.widgetbucks.com/home.page?referrer=10252004"><img style="border:0" src="http://images.widgetbucks.com/images/referral/125x125_A.gif" alt="Earn $$ with WidgetBucks!" /></a>
			</b:if>
			<data:content/>
		</div><!--/ads-->
	</b:includable>
</b:widget>
</b:section>		
			</div>

			<div id='footer'>
				<p>
			<!--
			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
			-->
          <a href='http://www.jackbook.com/2007/08/mushblue-blogger-template-another-dark.html'>Mushblue Blogger Template</a> Originally by <a href='http://www.mukkamu.com'>Mukka</a>-<a href='http://www.tagtagweb.com'>mu</a> | <a href='http://www.jackbook.com/'>Jack Book</a> | Distributed by <a href='http://www.eblogtemplates.com/blogger/'>Blogger Templates</a>
        		<br/>		  
				</p>
			</div>    </div>
		</body>
</html>