Wednesday, February 25, 2009

Standard Template Blog

<?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
Name:     Son of Moto (Mean Green Blogging Machine variation)
Designer: Jeffrey Zeldman
URL:      www.zeldman.com
Date:     23 Feb 2004
Updated by: Blogger Team
----------------------------------------------- */

/* Variable definitions
   ====================
   <Variable name="mainBgColor" description="Main Background Color"
             type="color" default="#ffffff" value="#ffffff">
   <Variable name="mainTextColor" description="Text Color"
             type="color" default="#555544" value="#555544">
   <Variable name="pageHeaderColor" description="Blog Title Color"
             type="color" default="#ffffee" value="#ffffee">
   <Variable name="blogDescriptionColor" description="Blog Description Color"
             type="color" default="#ffffee" value="#ffffee">
   <Variable name="linkColor" description="Link Color"
             type="color" default="#669922" value="#669922">
   <Variable name="hoverLinkColor" description="Link Hover Color"
             type="color" default="#88bb22" value="#88bb22">
   <Variable name="dateHeaderColor" description="Date Header Color"
             type="color" default="#555544" value="#555544">
   <Variable name="sidebarHeaderColor" description="Sidebar Title Color"
             type="color" default="#555544" value="#555544">
   <Variable name="sidebarTextColor" description="Sidebar Text Color"
             type="color" default="#555544" value="#555544">

   <Variable name="bodyFont" description="Text Font" type="font"
             default="normal normal 100% tahoma, 'Trebuchet MS', lucida, helvetica, sans-serif" value="normal normal 100% tahoma, 'Trebuchet MS', lucida, helvetica, sans-serif">
   <Variable name="startSide" description="Start side in blog language"
             type="automatic" default="left" value="left">
   <Variable name="endSide" description="End side in blog language"
             type="automatic" default="right" value="right">
*/

/* Primary layout */

body {
  margin: 0;
  padding: 0;
  border: 0;
  text-align: center;
  color: $mainTextColor;
  background: #692 url(http://www.blogblog.com/moto_son/outerwrap.gif) top center repeat-y;
  font-size: small;
}

img {
  border: 0;
  display: block;
}

.clear {
  clear: both;
}
    /* Wrapper */

#outer-wrapper {
  margin: 0 auto;
  border: 0;
  width: 692px;
  text-align: $startSide;
  background: $mainBgColor url(http://www.blogblog.com/moto_son/innerwrap.gif) top $endSide repeat-y;
  font: $bodyFont;
}

    /* Header */

#header-wrapper    {
  background: #8b2 url(http://www.blogblog.com/moto_son/headbotborder.gif) bottom $startSide repeat-x;
  margin: 0 auto;
  padding-top: 0;
  padding-$endSide: 0;
  padding-bottom: 15px;
  padding-$startSide: 0;
  border: 0;
}

#header h1 {
  text-align: $startSide;
  font-size: 200%;
  color: $pageHeaderColor;
  margin: 0;
  padding-top: 15px;
  padding-$endSide: 20px;
  padding-bottom: 0;
  padding-$startSide: 20px;
  background-image: url(http://www.blogblog.com/moto_son/topper.gif);
  background-repeat: repeat-x;
  background-position: top $startSide;
}

h1 a, h1 a:link, h1 a:visited {
  color: $pageHeaderColor;
}

#header .description {
  font-size: 110%;
  text-align: $startSide;
  padding-top: 3px;
  padding-$endSide: 20px;
  padding-bottom: 10px;
  padding-$startSide: 23px;
  margin: 0;
  line-height:140%;
  color: $blogDescriptionColor;
}

   
/* Inner layout */

#content-wrapper {
  padding: 0 16px;
}
   
#main {
  width: 400px;
  float: $startSide;
  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
  overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */
}

#sidebar {
  width: 226px;
  float: $endSide;
  color: $sidebarTextColor;
  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
  overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */
}
   
/* Bottom layout */

#footer    {
  clear: $startSide;
  margin: 0;
  padding: 0 20px;
  border: 0;
  text-align: $startSide;
  border-top: 1px solid #f9f9f9;
}
   
#footer .widget    {
  text-align: $startSide;
  margin: 0;
  padding: 10px 0;
  background-color: transparent;
}

/* Default links     */

a:link, a:visited {
  font-weight: bold;
  text-decoration: none;
  color: $linkColor;
  background: transparent;
}

a:hover {
  font-weight: bold;
  text-decoration: underline;
  color: $hoverLinkColor;
  background: transparent;
}

a:active {
  font-weight : bold;
  text-decoration : none;
  color: $hoverLinkColor;
  background: transparent;
}

/* Typography */
   
.main p, .sidebar p, .post-body {
  line-height: 140%;
  margin-top: 5px;
  margin-bottom: 1em;
}

.post-body blockquote {
  line-height:1.3em; 
}

h2, h3, h4, h5    {
  margin: 0;
  padding: 0;
}

h2 {
  font-size: 130%;
}

h2.date-header {
  color: $dateHeaderColor;
}

.post h3 {
  margin-top: 5px;
  font-size: 120%;
}

.post-footer {
  font-style: italic;
}

.sidebar h2 {
  color: $sidebarHeaderColor;
}

.sidebar .widget {
  margin-top: 12px;
  margin-$endSide: 0;
  margin-bottom: 13px;
  margin-$startSide: 0;
  padding: 0;
}

.main .widget {
  margin-top: 12px;
  margin-$endSide: 0;
  margin-bottom: 0;
  margin-$startSide: 0;
}

li  {
  line-height: 160%;
}

.sidebar ul {
  margin-$startSide: 0;
  margin-top: 0;
  padding-$startSide: 0;
}

.sidebar ul li {
  list-style: disc url(http://www.blogblog.com/moto_son/diamond.gif) inside;
  vertical-align: top;
  padding: 0;
  margin: 0;
}

.widget-content {
  margin-top: 0.5em;
}


/* Profile
----------------------------------------------- */

.profile-datablock {
  margin-top: 3px;
  margin-$endSide: 0;
  margin-bottom: 5px;
  margin-$startSide: 0;
  line-height: 140%;
}
.profile-textblock {
  margin-$startSide: 0;
}

.profile-img {
  float: $startSide;
  margin-top: 0;
  margin-$endSide: 5px;
  margin-bottom: 5px;
  margin-$startSide: 0;
  border:4px solid #8b2;

}

   

#comments  {
  border: 0;
  border-top: 1px dashed #eed;
  margin-top: 10px;
  margin-$endSide: 0;
  margin-bottom: 0;
  margin-$startSide: 0;
  padding: 0;
}

#comments h4    {
  margin-top: 10px;
  font-weight: normal;
  font-style: italic;
  text-transform: uppercase;
  letter-spacing: 1px;
}

#comments dl dt     {
  font-weight: bold;
  font-style: italic;
  margin-top: 35px;
  padding-top: 1px;
  padding-$endSide: 0;
  padding-bottom: 0;
  padding-$startSide: 18px;
  background: transparent url(http://www.blogblog.com/moto_son/commentbug.gif) top $startSide no-repeat;
}

#comments dl dd    {
  padding: 0;
  margin: 0;
}

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

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

#blog-pager-newer-link {
  float: $startSide;
}
 
#blog-pager-older-link {
  float: $endSide;
}
 
#blog-pager {  
  text-align: center;
}

/** Page structure tweaks for layout editor wireframe */

body#layout #outer-wrapper {
  padding-top: 0;
}
body#layout #header,
body#layout #content-wrapper,
body#layout #footer {
  padding: 0;
}
]]></b:skin>
  </head>

  <body>
  <div id='outer-wrapper'><div id='wrap2'>

    <!-- 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='header-wrapper'>
      <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='K L I P P I N G (Header)' type='Header'/>
</b:section>
    </div>
 
    <div id='content-wrapper'>

      <div id='crosscol-wrapper' style='text-align:center'>
        <b:section class='crosscol' id='crosscol' showaddelement='no'/>
      </div>

      <div id='main-wrapper'>
        <b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>
</b:section>
      </div>

      <div id='sidebar-wrapper'>
        <b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='LinkList1' locked='false' title='Template Blog' type='LinkList'/>
<b:widget id='Followers2' locked='false' title='Followers' type='Followers'/>
<b:widget id='BlogArchive2' locked='false' title='Blog Archive' type='BlogArchive'/>
<b:widget id='Profile2' locked='false' title='About Me' type='Profile'/>
</b:section>
      </div>

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

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

    <div id='footer-wrapper'>
      <b:section class='footer' id='footer'/>
    </div>

  </div></div> <!-- end outer-wrapper -->
</body>
</html>
               

VIEW 01

VIEW THE TEMPLATE
The script of blog based on evaneckard

<?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[/*
-----------------------------------------------------------------
Theme Name: GUMBALL SPECIAL
Theme URI: http://www.hellbiscuit.com/
Description: GUMBALL SPECIAL is a wordpress theme by <a href="http://www.evaneckard.com">Evan Eckard</a>, brought to you by <a href="http://www.hellbiscuit.com">HELLBISCUIT.com</a>
Version: 1.0
Author: Evan Eckard
Author URI: http://www.evaneckard.com/
-----------------------------------------------------------------
Gumball Special Blogger Template by Blogger FAQs http://bloggerfaqs.blogspot.com/ and Mobi123 http://www.mobi123.me/
-----------------------------------------------------------------
*/

.Navbar {visibility:hidden;display: none;}
body {
margin:0 10px;
font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #333333;
}

#container {
width:940px;
padding:20px 0;
margin:0 auto;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvglPbnlVNfVL1OOwthQzMVDVb8TFUieYrm9MY1cGP6CjwaJ_DiXYmDy3ToDQeLe_C5KGUpfE0GbVNdOLB6xjQebaGORCnzMvKtoRqxtL9OeLP3ljCVVETsV-2iLv6t8zWRJtQdqEVhNNS/s1600/scroll.gif) no-repeat top right;
}

/* header area */

#container h3 {
font-size:34px;
text-transform:uppercase;
font-family: Times New Roman, Garamond, serif;
margin:0;
line-height:34px;
padding:0 0 6px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCsGm6KjfPWIZJJH1neF9ZIexfUZHVTpB_yHWchW-hSrczr_qxxDBzClqOnKMJ9Xp73prKPoR8rgPCAew16EOPlef0Qo-BpubJarmA2C0dVWh6rUwdl9g9x6fb4WHdQt_97yM7tQOuGLSI/s1600/double-line.gif) repeat-x left bottom;
display:inline;
}
#container h3 a {
text-decoration:none;
color:#333;
}
#container h3 a:hover {
color:#ff0067;
}
.hellbiscuit a {
display:block;
width:251px;
height:15px;
margin-top:16px;
overflow:hidden;
text-indent:-500px;
font-size:10px;
background:url(http://i386.photobucket.com/albums/oo302/levisinside/Gumball%20Special/hellbiscuit.gif) no-repeat;
}


/* home columns */

#col01 {
width:720px;
float:left;
overflow:hidden;
}
#col02 {
width:220px;
float:right;
overflow:hidden;
}
#col01, #col02 {
padding:20px 0;
}

/* home post */

#col01 .home-post {
width:220px;
margin:0 20px -90px 0;
height:340px;
overflow:hidden;
float:left;
}
#col01 .home-post .title {
background:#ff0067;
padding:4px 8px;
}
#col01 .home-post .title h2 {
margin:0;
padding:0;
}
#col01 .home-post .title h2 a {
text-decoration:none;
text-transform:uppercase;
color:#fff;
border-bottom:1px solid #ff80b3;
background-color:#b7004a;
margin:0;
padding:0;
font-size:12px;
line-height:16px;
}
#col01 .home-post .title h2 a:hover {
color:#000;
border-bottom:none;
background-color:#ff0067;
}
#col01 .home-post .home-post-upper {
height:190px;
width:220px;
overflow:hidden;
position:relative;
border-bottom:1px solid #fff;
}
#col01 .home-post .home-post-upper a img {
text-decoration:none;
border:none;
}
#col01 .home-post .excerpt {color:#333333;
height:190px;
overflow:hidden;
padding:12px 12px 0;
font-size:11px;
line-height:16px;
background:#a7a7a7;
}
#col01 .home-post .excerpt p { text-decoration:none;
margin:0 0 10px;
padding:0;
}
#col01 .home-post .excerpt a {
color:#333333;
}
#col01 .home-post .excerpt a:hover {
text-decoration:none;
color:#333333;
background:#A7A7A7;
}
#col01 .home-post .meta {
padding:4px 8px 0 24px;
height:35px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFsPYJGUkSPv68dsuikFG8TY9Jk0osELVCjvG6Afjd26WAolqSgCH0BNPIdnys5JzITJsoI0bErjbxgJf4KFcWRyldqs3osMksO9tDHzzwRkatzMb4sF7stX9G2XasttSyZduGmeioxCgm/s1600/icon-comment.gif) no-repeat 5px 5px #7f7f7f;
text-transform:uppercase;
}
#col01 .home-post .comments a {
display:block;
font-size:10px;
color:#fff;
text-decoration:underline;
float:left;
border-bottom:1px solid #7f7f7f;
}
#col01 .home-post .comments a {
display:block;
font-size:10px;
color:#fff;
text-decoration:none;
float:left;
border-bottom:1px solid #7f7f7f;
}
#col01 .home-post .author a {
display:block;
font-size:10px;
color:#fff;
text-decoration:none;
float:right;
}
#col01 .home-post .comments a:hover, #col01 .home-post .author a:hover {
color:#000;
}


/* single template post */

#col01 .post {
padding:0 20px 20px 0;
font-size:12px;
line-height:19px;
}
#col01 .post a {
color:#333;
}
#col01 .post a:hover {
background:#FFFAC7;
color:#000;
text-decoration:none;
}
#col01 .post h1 {
font-size:28px;
text-transform:uppercase;
font-family: Times New Roman, Garamond, serif;
margin:0;
line-height:32px;
padding:0 0 6px;
}
#col01 .post h4 {
font-size:20px;
text-transform:uppercase;
font-family: Times New Roman, Garamond, serif;
margin:0;
line-height:26px;
padding:0 0 6px;
}
#col01 .post h1 a, #col01 .post h4 a {
text-decoration:none;
color:#000;
}
#col01 .post h1 a:hover, #col01 .post h4 a:hover {
color:#fff;
border-bottom:none;
background-color:#ff0067;
}
#col01 .post-upper {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDnWjGhLPGOs8JmzoVe5fw6_uxZqczGj6vym_SB1F4PwcXNSoCWVjOuf9ZGSiYzzyVi3iWRerU3wzy2VSdL4qvnzmxmjvmyE_DTUz8pSceMyU3CCICjyTkervIu6IsmLHNgOOcxDmNoOgD/s1600/dot.gif) repeat-x bottom;
padding:12px 0;
font-size:11px;
line-height:16px;
color:#606060;
}
#col01 .post-upper a {
color:#606060;
text-decoration:none;
}
#col01 .post-upper a:hover {
color:#333;
text-decoration:underline;
}
#col01 .post-upper .digg {
float:right;
}
#col01 .post .image {
float:right;
margin:12px 0 12px 12px;
}


/* categories page */

#col01 .cat-name {
font-size:14px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDnWjGhLPGOs8JmzoVe5fw6_uxZqczGj6vym_SB1F4PwcXNSoCWVjOuf9ZGSiYzzyVi3iWRerU3wzy2VSdL4qvnzmxmjvmyE_DTUz8pSceMyU3CCICjyTkervIu6IsmLHNgOOcxDmNoOgD/s1600/dot.gif) repeat-x bottom;
padding:4px 0 8px;
width:700px;
}
#col01 .category-name {
font-size:18px;
color:#fff;
text-transform:uppercase;
background:#ff0067;
font-weight:bold;
}


/* comments outer */

#comments-holder {
padding:12px 0 0;
}

/* comment list styles */

#comment-list {
font-size:12px;
padding:10px 0;
}
#comment-list .bigger {
font-weight:normal;
font-size:16px;
line-height:20px;
text-transform:uppercase;
}
.comment-left {
padding:16px 0;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDnWjGhLPGOs8JmzoVe5fw6_uxZqczGj6vym_SB1F4PwcXNSoCWVjOuf9ZGSiYzzyVi3iWRerU3wzy2VSdL4qvnzmxmjvmyE_DTUz8pSceMyU3CCICjyTkervIu6IsmLHNgOOcxDmNoOgD/s1600/dot.gif) repeat-x;
}
.comment-meta {
float:left;
width:120px;
margin-right:10px;
font-size:10px;
font-weight:bold;
}
.comment-metadata {
font-size:10px;
font-weight:normal;
}
.comment-metadata a {
text-decoration:none;
}
.comment-metadata a:hover {
text-decoration:underline;
}
.comment-txt {
float:left;
width:440px;
font-size:12px;
line-height:18px;
}
cite {
font-style:normal;
text-transform:uppercase;
font-size:12px;
}

/* comment form styles */

.comments-PII, .comments-PII-2 {
float:left;
}
.comments-PII {
width:280px;
margin-right:15px;
}
.comments-PII-2 {
width:380px;
}
.comments-PII input {
font-size:12px;
width:270px;
padding:2px;
}
.comments-PII-2 textarea {
font-size:12px;
width:370px;
height:180px;
padding:2px;
}
.submit-btn {
display:block;
padding:0;
cursor:pointer;
width:141px;
height:34px;
text-indent:-400px;
overflow:hidden;
background:url(http://i386.photobucket.com/albums/oo302/levisinside/Gumball%20Special/btn-add.gif) no-repeat;
border-style:none;
}

.submit-btn:hover {
background:url(http://i386.photobucket.com/albums/oo302/levisinside/Gumball%20Special/btn-add.gif) no-repeat 0 -34px;
}

.note {
font-size:10px;
}


/* misc */

.uppercase {
text-transform:uppercase;
}


/* home and category page nav */

#page-nav {
height:340px;
width:220px;
float:left;
}

#page-nav .older a, #page-nav .newer a {
display:block;
font-size:10px;
text-indent:-400px;
overflow:hidden;
height:169px;
}
#page-nav .older a {
margin-bottom:1px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEim_NET6ej_Maf-XK21zrTsJ6-Cmx0-PPc3zqBOATTPu9oXypvFo4bUvvOdxy_nCTd1l020ZurxtIDUjN5aUuSdJSRiDW2MtmNVAa534F46y9JBJo0NwTyVuB79D4ox4YS5sdNsPlEROegy/s1600/link-older.gif) no-repeat 0 0;
}
#page-nav .older a:hover {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEim_NET6ej_Maf-XK21zrTsJ6-Cmx0-PPc3zqBOATTPu9oXypvFo4bUvvOdxy_nCTd1l020ZurxtIDUjN5aUuSdJSRiDW2MtmNVAa534F46y9JBJo0NwTyVuB79D4ox4YS5sdNsPlEROegy/s1600/link-older.gif) no-repeat 0 -169px;
}
#page-nav .newer a {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-w8khClePf9q6S7wVBVkFbzhGCF4jC_zCy0KANe2FeUhU1rzdQ6LQNkoCxQWNRlf9INub9FWLxiDZ9cTsttgYyvqKzaZHQhUhX1USNe04ZTD8OFQ9UzJO_KsPFdGIYI3f3tELbg0P8FaT/s1600/link-newer.gif) no-repeat 0 0;
}
#page-nav .newer a:hover {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-w8khClePf9q6S7wVBVkFbzhGCF4jC_zCy0KANe2FeUhU1rzdQ6LQNkoCxQWNRlf9INub9FWLxiDZ9cTsttgYyvqKzaZHQhUhX1USNe04ZTD8OFQ9UzJO_KsPFdGIYI3f3tELbg0P8FaT/s1600/link-newer.gif) no-repeat 0 -169px;
}


/* col02 stuff */

#categories {
height:340px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh168cOFyvW8lHV6ODJgxlzswutXZ-riW7S78zPPISg6gfT1fjkUWeH3s74_HmYge4-yT8BPMEsgFUnoNKfNm0sBqscr4cf28oahTTw5dPSJXI0tD9AkuALuC-XxySFaM9JFyb_YXBVAXbq/s1600/nav-back.gif) no-repeat;
overflow:hidden;
margin-bottom:20px;
}
#col02 h2 {
background:#ff0067;
padding:4px 8px;
color:#fff;
font-size:12px;
font-weight:bold;
text-transform:uppercase;
}
#col02 ul {
color:#A6A6A6;
margin:0 0;
padding:0 20px;
overflow:auto;
height:100%;
}
#col02 li {
padding:0;
margin:0;
list-style:none;
border-bottom:1px solid #d3d3d3;
}
#col02 li a {
display:block;
color:#fff;
text-transform:uppercase;
font-size:11px;
padding:5px 0;
text-decoration:none;
}
#col02 li a:hover {
color:#000;
text-decoration:none;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkSyyK67ki1WV2xbF7uPxlWBfKxw1yeQLFXwi7aXimIgaEJvT3nag_VCA61XrVBrlm5u8aSz8TsduLYXpMBm5TOI0tOi_kkanOfRXKJ2tI3KXrkeaAUHfYNUrSlrX53lJgSM5MpG-J_q0d/s1600/bullet.gif) no-repeat 5px 50% #ff0067;
text-indent:16px;
}
#col02 a {
display:block;
color:#fff;
text-transform:uppercase;
font-size:11px;
padding:5px 0;
text-decoration:none;
}
#col02 a:hover {
color:#000;
text-decoration:none;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkSyyK67ki1WV2xbF7uPxlWBfKxw1yeQLFXwi7aXimIgaEJvT3nag_VCA61XrVBrlm5u8aSz8TsduLYXpMBm5TOI0tOi_kkanOfRXKJ2tI3KXrkeaAUHfYNUrSlrX53lJgSM5MpG-J_q0d/s1600/bullet.gif) no-repeat 5px 50% #ff0067;
text-indent:16px;
}
.widget-content {
}
.sidebar .widget {
margin-bottom: 20px;
padding: 0;
background-color:#A6A6A6;
height:100%;
}
#sponsor-box {
height:340px;
background:#A7A7A7;
overflow:hidden;
position:relative;
margin-bottom:20px;
}
#sponsor-box .title {
background:#ff0067;
padding:4px 8px;
color:#fff;
font-size:12px;
font-weight:bold;
text-transform:uppercase;
}
#sponsor-box .sponsor {
padding:10px 0 0;
width:200px;
height:133px;
overflow:hidden;
margin:0 auto;
}
#sponsor-box .meta {
padding:4px 8px 0;
position:absolute;
bottom:0px;
left:0px;
width:204px;
height:19px;
background:#7f7f7f;
text-transform:uppercase;
text-align:right;
}
#sponsor-box .meta a {
font-size:10px;
color:#fff;
text-decoration:none;
}
#sponsor-box .meta a:hover {
color:#000;
}


#about-box {
height:340px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSzKza26OEeGZQ75qt-efSvr8-XitApVYvXVnoWCckEA2WFQr6Z3ItGUwBcWP80NPXIliIDhUREhNjjkgzZCQFyANXq56ISsQgCckLxSpy1nWzMbVJh4dREFUUzdpac_wOqWYzHFEySM8Z/s1600/about-back.gif) no-repeat;
overflow:hidden;
}
#about-box .pages {
margin:10px 0;
padding:0 20px;
overflow:auto;
height:159px;
border-bottom:1px solid #fff;
}
#about-box .pages li {
padding:0;
margin:0;
list-style:none;
border-bottom:1px solid #A7A7A7;
}
#about-box .pages a {
display:block;
color:#000;
text-transform:uppercase;
font-size:10px;
padding:4px 0;
text-decoration:none;
}
#about-box .pages a:hover {
color:#fff;
text-decoration:none;
background:url(http://i386.photobucket.com/albums/oo302/levisinside/Gumball%20Special/bullet2.gif) no-repeat 5px 50% #ff0067;
text-indent:16px;
}


/* search form */

#about-box form {
padding:10px 20px;
margin:0;
text-align:right;
border-bottom:1px solid #fff;
height:56px;
}
#about-box .txt-field {
font-size:12px;
margin:0 0 6px;
width:176px;
padding:1px;
}
#about-box .btn-search {
display:block;
padding:0;
cursor:pointer;
float:right;
width:89px;
height:28px;
text-indent:-400px;
overflow:hidden;
background:url(http://i386.photobucket.com/albums/oo302/levisinside/Gumball%20Special/btn-search.gif) no-repeat;
border-style:none;
}

#about-box .btn-search:hover {
background:url(http://i386.photobucket.com/albums/oo302/levisinside/Gumball%20Special/btn-search.gif) no-repeat 0 -28px;
}


#about-box .rss a {
display:block;
width:180px;
padding:5px 0;
margin:10px auto 0;
color:#333;
border-bottom:1px solid #A7A7A7;
text-decoration:none;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8276GO-NoXqFJnwb4lDhyphenhyphenj_AKX_d7Vqru6UzF8luXi5aV1LUR4o8JfYuBwyRaXbNjSN_3efxaqf_NZNxAxINrKxbQQhzsg3nv3d1eXnJtnzmF67jjeA0pVfsTDB_zIAN1V-jmMmpguC9z/s1600/icon-rss.gif) no-repeat 5px 50%;
text-indent:26px;
}
#about-box .rss a:hover {
color:#fff;
text-decoration:none;
background:url(http://i386.photobucket.com/albums/oo302/levisinside/Gumball%20Special/icon-rss-on.gif) no-repeat 5px 50% #ff0067;
}
#about-box .bookmark a {
display:block;
width:180px;
padding:5px 0;
margin:0 auto;
color:#333;
text-decoration:none;
background:url(http://i386.photobucket.com/albums/oo302/levisinside/Gumball%20Special/icon-bookmark.gif) no-repeat 5px 50%;
text-indent:26px;
}
#about-box .bookmark a:hover {
color:#fff;
text-decoration:none;
background:url(http://i386.photobucket.com/albums/oo302/levisinside/Gumball%20Special/icon-bookmark-on.gif) no-repeat 5px 50% #ff0067;
}



/* footer */

#footer {
padding:20px 0;
margin:0 auto;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDnWjGhLPGOs8JmzoVe5fw6_uxZqczGj6vym_SB1F4PwcXNSoCWVjOuf9ZGSiYzzyVi3iWRerU3wzy2VSdL4qvnzmxmjvmyE_DTUz8pSceMyU3CCICjyTkervIu6IsmLHNgOOcxDmNoOgD/s1600/dot.gif) repeat-x;
font-size:10px;
line-height:14px;
color:#5f5f5f;
}
#footer a {
color:#5f5f5f;
text-decoration:none;
}
#footer a:hover {
text-decoration:underline;
}
#footer .sm-logo a {
display:block;
width:100px;
height:29px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhF8KHNP8TiFY11OwFQGM9u5pZ6m0tKre0eZjEgQPVJE3h6QSTbqy8A4-KksMb16VVczHTidHxZzfY4oqNmtikL8jgjZnT-Z1kgjlih7Yb2XRgT1lmGeduqKBG3ixg7R5tOydeycdQVeJoH/s1600/logo-hellbiscuit.gif) no-repeat 0 0;
text-indent:-300px;
overflow:hidden;
float:right;
}
#footer .sm-logo a:hover {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhF8KHNP8TiFY11OwFQGM9u5pZ6m0tKre0eZjEgQPVJE3h6QSTbqy8A4-KksMb16VVczHTidHxZzfY4oqNmtikL8jgjZnT-Z1kgjlih7Yb2XRgT1lmGeduqKBG3ixg7R5tOydeycdQVeJoH/s1600/logo-hellbiscuit.gif) no-repeat 0 -29px;
}
#footer .sm-logo2 a {
display:block;
width:45px;
height:46px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNTX5uSmkd7xxEzauwn-Rxeo2Jp8iXeBM-ZV3IE5ALbmQaWW-Ry_pxJBY8PH62vnwY5t8R9A99PDrDIUz-J0ZKn2RfEOSImimnzJcq7hKDZxsAMDWClf8H_wy7dfNEYvD3Bum2fe-_N8E/s400/Blogger+FAQs+Small.PNG) no-repeat 0 0;
text-indent:-300px;
overflow:hidden;
float:right;
}
#footer .sm-logo2 a:hover {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNTX5uSmkd7xxEzauwn-Rxeo2Jp8iXeBM-ZV3IE5ALbmQaWW-Ry_pxJBY8PH62vnwY5t8R9A99PDrDIUz-J0ZKn2RfEOSImimnzJcq7hKDZxsAMDWClf8H_wy7dfNEYvD3Bum2fe-_N8E/s400/Blogger+FAQs+Small.PNG) no-repeat 0 -5px;
}
]]></b:skin>
</head>

<body>
<div id='container'>

<!-- 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='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='klodian-test-templates (Header)' type='Header'>
<b:includable id='title'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<h3><data:title/></h3>
<b:else/>
<a expr:href='data:blog.homepageUrl'><h3><data:title/></h3></a>
</b:if>
</b:includable>
<b:includable id='description'>
<div class='descriptionwrapper'>
<p class='description'><span><data:description/></span></p>
</div>
</b:includable>
<b:includable id='main'>

<b:if cond='data:useImage'>
<b:if cond='data:imagePlacement == &quot;REPLACE&quot;'>
<!--Show just the image, no text-->
<div id='header-inner'>
<a expr:href='data:blog.homepageUrl' style='display: block'>
<img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
</a>
</div>
<b:else/>
<!--
Show image as background to text. You can't really calculate the width
reliably in JS because margins are not taken into account by any of
clientWidth, offsetWidth or scrollWidth, so we don't force a minimum
width if the user is using shrink to fit.
This results in a margin-width's worth of pixels being cropped. If the
user is not using shrink to fit then we expand the header.
-->
<div expr:style='&quot;background-image: url(\&quot;&quot; + data:sourceUrl + &quot;\&quot;); &quot; + &quot;background-position: &quot; + data:backgroundPositionStyleStr + &quot;; &quot; + data:widthStyleStr + &quot;min-height: &quot; + data:height + &quot;px;&quot; + &quot;_height: &quot; + data:height + &quot;px;&quot; + &quot;background-repeat: no-repeat; &quot;' id='header-inner'>
<div class='titlewrapper' style='background: transparent'>
<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>
</div>
<b:include name='description'/>
</div>
</b:if>
<b:else/>
<!--No header image -->
<div id='header-inner'>
<div class='titlewrapper'>
<h3>
<b:include name='title'/>
</h3>
</div>
<b:include name='description'/>
</div>
</b:if>
</b:includable>
</b:widget>
</b:section>
</div>

<div id='col01'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'>
<b:includable id='nextprev'>
<div id='page-nav'>
<b:if cond='data:newerPageUrl'>
<span class='newer'>
<a class='newer' 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 class='older'>
<a class='older' 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>

</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'>

<b:if cond='data:blog.pageType != &quot;item&quot;'>




<div class='home-post'> <!-- Starting Post Upper Portion -->
<div class='home-post-upper'>
<div class='title'><h2><a expr:href='data:post.url'><data:post.title/></a></h2></div>
<div class='excerpt'><p><data:post.body/></p></div>
</div>
<div class='meta'><span class='comments'><a expr:href='data:post.addCommentUrl'><data:post.numComments/> Comment(s)</a></span><span class='author'><a expr:href='data:post.url'>Read On &gt;&gt;</a></span></div>
</div> <!-- Ending Post Summarized Form -->


<b:else/>




<div class='post'>

<div class='post-upper'>
<h1><a expr:href='data:post.url'><data:post.title/></a></h1>
<span class='digg'>
<script type='text/javascript'>
digg_bgcolor = &#39;#ffffff&#39;;
digg_skin = &#39;compact&#39;;
</script>
<script src='http://digg.com/tools/diggthis.js' type='text/javascript'/></span>
<span class='uppercase'>Posted <data:post.timestamp/></span> <em>by</em> <span class='uppercase'><data:post.author/></span> <em>in</em> <span class='uppercase'> <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 != &quot;true&quot;'>,</b:if>
</b:loop>
</b:if></span></div> <!-- Ending Post Upper Portion -->








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

<div class='post-header-line-1'/>
<div style='margin-top: 15px;'>
<data:post.body/>
<br clear='all'/> <!-- clear for photos floats -->
</div>
<br clear='all'/> <div id='comments-holder'>
<div id='comment-list'><data:post.numComments/> comment(s) to... <span class='bigger'><strong>&#8220;<data:post.title/>&#8221;</strong></span></div></div>


</div> <!-- Ending Post Body -->

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


<span class='reaction-buttons'>
<b:if cond='data:top.showReactions'>
<table border='0' cellpadding='0' cellspacing='0' width='100%'><tr>
<td class='reactions-label-cell' nowrap='nowrap' valign='top' width='1%'>
<span class='reactions-label'>
<data:top.reactionsLabel/></span>&#160;</td>
<td><iframe allowtransparency='true' class='reactions-iframe' expr:src='data:post.reactionsUrl' frameborder='0' name='reactions' scrolling='no'/></td>
</tr></table>
</b:if>
</span>

<span class='star-ratings'>
<b:if cond='data:top.showStars'>
<div expr:g:background-color='data:backgroundColor' expr:g:text-color='data:textColor' expr:g:url='data:post.absoluteUrl' g:height='42' g:type='RatingPanel' g:width='280'/>
</b:if>
</span>

<span class='post-comment-link'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:post.allowComments'>
<a class='comment-link' 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>
<!-- backlinks -->
<span class='post-backlinks post-comment-link'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:post.showBacklinks'>
<a class='comment-link' expr:href='data:post.url + &quot;#links&quot;'><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' expr:title='data:top.emailPostMsg'>
<img alt='' class='icon-action' height='13' src='http://www.blogger.com/img/icon18_email.gif' width='18'/>
</a>
</span>
</b:if>

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

<div class='post-footer-line post-footer-line-2'>
</div>

<div class='post-footer-line post-footer-line-3'>
<span class='post-location'>
<b:if cond='data:top.showLocation'>
<b:if cond='data:post.location'>
<data:postLocationLabel/>
<a expr:href='data:post.location.mapsUrl' target='_blank'><data:post.location.name/></a>
</b:if>
</b:if>
</span>
</div>
</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='comment-form' var='post'>
<div class='comment-form'>
<a name='comment-form'/>
<h4 id='comment-post-message'><data:postCommentMsg/></h4>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize' frameborder='0' height='275' id='comment-editor' scrolling='no' src='' width='100%'/>
<data:post.iframeColorizer/>
</div>
</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'>
<img src='http://www.blogger.com/img/icon_delete13.gif'/>
</a>
</span>
</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' height='18' src='http://www.blogger.com/img/icon18_edit_allbkg.gif' width='18'/>
</a>
</span>
</b:if>
</b:includable>
<b:includable id='main' var='top'>
<!-- posts -->
<div class='blog-posts hfeed'>

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

<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:if cond='data:top.showStars'>
<script src='http://www.google.com/jsapi' type='text/javascript'/>
<script type='text/javascript'>
google.load(&quot;annotations&quot;, &quot;1&quot;, {&quot;locale&quot;: &quot;<data:top.languageCode/>&quot;});
function initialize() {
google.annotations.setApplicationId(<data:top.blogspotReviews/>);
google.annotations.createAll();
google.annotations.fetch();
}
google.setOnLoadCallback(initialize);
</script>
</b:if>

</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'>
<img src='http://www.blogger.com/img/icon_delete13.gif'/>
</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='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='comments' var='post'>
<div class='comments' id='comments'>
<a name='comments'/>
<b:if cond='data:post.allowComments'>
<h4>
<b:if cond='data:post.numComments == 1'>
1 <data:commentLabel/>:
<b:else/>
<data:post.numComments/> <data:commentLabelPlural/>:
</b:if>
</h4>

<b:if cond='data:post.commentPagingRequired'>
<span class='paging-control-container'>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
&#160;
<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
&#160;
<data:post.commentRangeText/>
&#160;
<a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
&#160;
<a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
</span>
</b:if>

<dl id='comment-left'>
<b:loop values='data:post.comments' var='comment'>
<dt expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName'>
<a expr:name='data:comment.anchorName'/>
<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:commentPostedByMsg/>
</dt>
<dd class='comment-body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><div class='comment-txt'><data:comment.body/></div></span>
<b:else/>
<div class='comment-txt'><p><data:comment.body/></p></div>
</b:if>
</dd>
<dd class='comment-footer'>
<span class='comment-metadata'>
<a expr:href='data:comment.url' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
<br/>
<br/>
</b:loop>
</dl>

<b:if cond='data:post.commentPagingRequired'>
<span class='paging-control-container'>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
<data:post.oldestLinkText/>
</a>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
<data:post.olderLinkText/>
</a>
&#160;
<data:post.commentRangeText/>
&#160;
<a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
<data:post.newerLinkText/>
</a>
<a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
<data:post.newestLinkText/>
</a>
</span>
</b:if>

<p class='comment-footer'>

<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='comment-form'/>
<b:else/>
<b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>

</p>
</b:if>

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

<div id='col02'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<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>
</li>
</b:loop>
</ul>

<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
</b:section>

<div id='about-box'>
<ul class='pages'>
<li class='current_page_item'><a expr:href='data:blog.homepageUrl'>Home</a></li>
<li class='page_item page-item-2'><a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;'>Posts RSS</a></li>
<li class='current_page_item'><a expr:href='data:blog.homepageUrl + &quot;feeds/comments/default&quot;'>Comments RSS</a></li>
<li class='page_item page-item-2'><a href='#'>Edit</a></li>
<li class='current_page_item'><a href='#'>Edit</a></li>
<li class='page_item page-item-2'><a href='#'>Edit</a></li>
</ul>
<form action='http://www.google.com/cse' id='cse-search-box' target='_blank'>
<div>
<input name='cx' type='hidden' value='partner-pub-3043967897161641:dbsax8eopgu'/>
<input name='ie' type='hidden' value='ISO-8859-1'/>
<input name='q' size='25' type='text'/>
<input name='sa' type='submit' value='Search'/>
</div>
</form>
<script src='/cse/brand?form=cse-search-box&amp;lang=en' type='text/javascript'/>
<span class='rss'><a href='/feeds/posts/default'>Get the feed in RSS </a></span></div></div> <br clear='all'/>

<div id='footer'><span class='sm-logo'><a href='http://www.hellbiscuit.com'>HELLBISCUIT</a></span><span class='sm-logo2'><a href='http://bloggerfaqs.blogspot.com/'>Blogger FAQs</a></span> <span class='uppercase'><a expr:href='data:blog.homepageUrl'><data:blog.title/></a></span><br/>
Brought to you by <a href='http://www.evaneckard.com'>EvanEckard.com</a> and <a href='http://www.hellbiscuit.com'>HELLBISCUIT</a>. Blogger Template by <a href='http://bloggerfaqs.blogspot.com/'>Blogger FAQs</a> and <a href='http://www.mobi123.me/' target='_blank'>Mobi123</a>. Distributed by <a href='http://deluxetemplates.blogspot.com/'>Deluxe Templates</a></div>

</div>
</body>
</html>