Theme primal

By:





<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//ES" "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'/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<title><data:blog.pageName/> | Your Title</title>
<b:else/>
<title><data:blog.pageTitle/> | Your Title</title>
</b:if>
<meta content='ALL' name='ROBOTS'/>
<meta content='blogger' name='generator'/>
<meta content='Write here you name / author name' name='author'/>
<meta content='Writer here description for search engines' name='description'/> 
<meta content='Write here keywords for search engines ' name='keywords'/>
<meta content='INDEX, FOLLOW' name='ROBOTS'/>
<b:skin><![CDATA[/*
-----------------------------------------------------------
<----------->Blogger Template Style<------------------------>
-----------------------------------------------------------
Template Name  : Primal | Blogger Template
Author         : Best Theme / Avinash
Author URI     : http://besttheme.net/
Created Time   : 18:28 Sunday (IST) - Time in India
Created Date   : Jan 15, 2012
------------------------------------------------------------
<------> Credit> BestTheme.Net / Www.Web2feel.Com    <------->
-----------------------------------------------------------*/
#navbar-iframe{display:none;}*{margin: 0px;padding: 0px;}
body#layout #sidebar-wrapper {margin:0px;}
body#layout{overflow:hidden;margin:0px;padding:0px;}
#LinkList10 h2{display:none;}
#LinkList10{margin-bottom:20px;}
/*----------------------------------------------------
           {--------}  Reset  {--------}
----------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    border: 0;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
}
:focus {
/* remember to define focus styles! */
    outline: 0;
}
ol, ul {
    list-style: none;
}
table {
/* tables still need 'cellspacing="0"' in the markup */
    border-collapse: separate;
    border-spacing: 0;
}
caption, th, td {
    font-weight: normal;
    text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: "";
}
blockquote, q {
    quotes: "" "";
}
a img {
    border: 0;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
/*----------------------------------------------------
           {--------}  Basic  {--------}
----------------------------------------------------*/
body {
    font-family:Arial, Tahoma, Century gothic, sans-serif;
    color: #555;
    font-size: 12px;
    background: url(http://3.bp.blogspot.com/-nlj6rtH_nC4/Tx-XI0jAWiI/AAAAAAAABIc/NvXqrlre3l0/s000/body.png);
    margin: 0 auto;
    padding: 0px 0px;
}
img {
    border: 0;
    margin: 0;
}
a {
    color: #008FA8;
    text-decoration: none;
    outline: none;
}
a:hover {
    color: #1F7A91;
    text-decoration: none;
}
blockquote {
    color: #59666f;
    font-style: italic;
    font-family: Georgia;
    padding: 10px;
}
.clear {
    clear: both;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
    border: 1px solid #fff;
    margin: 10px 0;
}
table td,table th {
    text-align: left;
    border: 1px solid #fff;
    padding: .4em .8em;
}
table th {
    background: #ddd;
    color: #999;
    text-transform: uppercase;
    font-weight: 400;
    border: 1px solid #fff;
}
table td {
    border: 1px solid #fff;
    background: #eee;
    color: #555;
}
table tr.even td {
    background: #eee;
    border: none;
}
table tr:hover td {
    background: #FFF9DF;
}
img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    padding: 0;
}
img.alignnone {
    display: inline;
    background: #eee;
    margin: 0 0 10px;
    padding: 5px;
}
img.alignright {
    display: inline;
    background: #eee;
    margin: 5px 0 10px 10px;
    padding: 5px;
}
img.alignleft {
    display: inline;
    background: #eee;
    margin: 10px 15px 10px 0;
    padding: 5px;
}
.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
}
.alignright {
    float: right;
    margin: 0 0 10px 10px;
}

.alignleft {
    float: left;
    margin: 10px 15px 10px 0;
}
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.clearfix {
    display: inline-block;
}
html[xmlns] .clearfix {
    display: block;
}
* html .clearfix {
    height: 1%;
}

/*----------------------------------------------------
           {--------}  Outer  {--------}
----------------------------------------------------*/
#wrapper {
    width: 1000px;
 height:100%;
 background:url(http://3.bp.blogspot.com/-4OOXkWhfb3g/Tx-XI93eneI/AAAAAAAABIk/FSOnbCwhfmw/s000/casing.png) repeat-y;
}
#leftcase{
 width:280px;
 float:left;
}
/*----------------------------------------------------
           {--------}  Header  {--------}
----------------------------------------------------*/
#top {
        height: 130px;
 width:260px;
        margin: 0px auto;
 background:url(http://4.bp.blogspot.com/-cuYGWvc4NK4/Tx-XJMPSxSI/AAAAAAAABIs/E24U08l4Kjs/s000/top.png)no-repeat;
}
#blogname {
        font-family:Georgia,Arial, Tahoma, Sans-serif;
        text-transform:uppercase;
        float:left;
    width:260px;
}
#blogname h1 {
        font-size: 28px;
        margin: 35px 0px 0px 0px;
        font-weight: normal;
 text-align:center;
}
#blogname h1 a:link, #blogname h1 a:visited {
        color: #fff;
}
#blogname h3 {
        font-size: 16px;
        margin: 5px 0px 0px 0px;
        font-weight: normal;
}
/*----------------------------------------------------
           {--------}  Top Menu  {--------}
----------------------------------------------------*/ 
#botmenu {
       height: 40px;
       margin: 15px 15px 0px 15px;
       font-size: 10px;
       overflow: hidden;
       background: #ececec url(http://4.bp.blogspot.com/-2zWhxwnAJK4/Tx-XJQmY7CI/AAAAAAAABI0/2Y-KV108eig/s000/menu.png) repeat-x;
       width: 690px;
       border:1px solid #d5d5d5;
       -webkit-box-shadow: 0px 1px 0px 0px #fff;
       -moz-box-shadow: 0px 1px 0px 0px #fff;
       box-shadow: 0px 1px 0px 0px #fff; 
       float:left;
}
#submenu {
       margin: 0px 0px;
       width: 670px;
       padding: 0px 10px;
       text-transform: uppercase;
}
#submenu ul {
       width: 100%;
       float: left;
       list-style: none;
       margin: 0;
       padding: 0 0px;
}
#submenu li {
      float: left;
      list-style: none;
      margin: 0;
      padding: 0;
      color: #777;
}
#submenu li a {
      color: #777;
      display: block;
      margin: 0;
      padding: 15px 10px 15px 10px;
      text-decoration: none;
      position: relative;
}
#submenu li a:hover, #submenu li a:active, #submenu li a .current_page_item a {
      color: #333;
   
}
#submenu li a.sf-with-ul {
      padding-right: 10px;
}

#submenu li li a, #submenu li li a:link, #submenu li li a:visited {
      color: #9CC6D1;
      width: 148px;
      margin: 0;
      padding: 0px 10px;
      line-height: 35px;
      position: relative;
}
#submenu li li a:hover, #submenu li li a:active {
      background: #196F85;
      color: #fff;
}
#submenu li ul {
      z-index: 9999;
      position: absolute;
      left: -999em;
      height: auto;
      width: 170px;
      margin: 0px 0px 0px 0px;
      padding: 5px;
      background: #155E74;

}
#submenu li ul a {
      width: 150px;
}
#submenu li ul a:hover, #submenu li ul a:active {}
#submenu li ul ul {
      margin: -40px 0 0 176px;
}
#submenu li:hover ul ul, #submenu li:hover ul ul ul, #submenu li.sfHover ul ul, #submenu li.sfHover ul ul ul {
      left: -999em;
}
#submenu li:hover ul, #submenu li li:hover ul, #submenu li li li:hover ul, #submenu li.sfHover ul, #submenu li li.sfHover ul, #submenu li li li.sfHover ul {
      left: auto;
}
#submenu li:hover, #submenu li.sfHover {
      position: static;
}
/*----------------------------------------------------
           {--------}  Search Form  {--------}
----------------------------------------------------*/   
#search {
     width: 260px;
     padding: 0px;
     margin: 0px 0px 0px 10px;
     display: inline-block;
     float: right;
     border: 1px solid #545454;
     background:#2D3238;
     -webkit-box-shadow: inset 0px 0px 3px 0px #222;
     -moz-box-shadow: inset 0px 0px 3px 0px #222;
     box-shadow: inset 0px 0px 3px 0px #222; 
}
#search form {
     margin: 0px 0px 0px 0px;
     padding: 0;
}
#search fieldset {
     margin: 0;
     padding: 0;
     border: none;
}
#search p {
     margin: 0;
     font-size: 85%;
}
#s {
     width: 180px;
     background: transparent;
     margin: 0px 0px 0px 3px;
     padding: 5px 5px;
     height: 20px;
     border: none;
     font: normal 100% "Tahoma", Arial, Helvetica, sans-serif;
     color: #aaa;
     float: left;
     display: inline;
}
#searchsubmit {
     background: #0F718E;
     border: 1px solid #085970;
     color:#fff;
     display: block;
     padding: 5px 7px;
     float: right;
     cursor: pointer;
}  
/*----------------------------------------------------
           {--------}  Below Header  {--------}
----------------------------------------------------*/  
#rightcase{
     width:720px;
     float:right;
}
#casing {
     padding: 0px 0px 0px 0px;
}
/*----------------------------------------------------
           {--------}  Home Page  {--------}
----------------------------------------------------*/
.box{
     float:left;
     width:220px;
     margin-left:15px;
     margin-top:40px;
}
.boxim{
     width:220px;
     height:160px;
     background:#fff url(http://1.bp.blogspot.com/-yIzSOByRBnk/Tx-XJXOYR2I/AAAAAAAABI8/Q8dXst8g3RE/s000/load.png) center no-repeat;
}  
img.boxthumb{
     margin:5px 5px;
     width:210px;
     height:150px;
} 
.boxmeta{
     background:url(http://4.bp.blogspot.com/-4il0FrfxcqA/Tx-XJvE8qpI/AAAAAAAABJE/Bx9lwiXFNg0/s000/boxmet.png) top no-repeat;
     padding:10px 0px;
}
.boxmeta a:link, .boxmeta a:visited{
     color:#777;
}
.boxmeta h2{
     font-size:13px;
     text-align:center;
     padding-bottom:5px;
     font-weight:bold;
     text-shadow:0px 1px 0px #f6f6f6;
}
.boxmeta h2 a:link, .boxmeta h2 a:visited{
      color:#444;
}
.blike,.scomm{
      width:100px;
      padding:0px 4px;
      font-size:11px;
}
.blike{
      text-align:right;
      float:left;
      border-right:1px solid #777;
      padding:0px 4px;
}
.scomm{
      text-align:left;
      float:right;
}
/*----------------------------------------------------
           {--------}  Content Area  {--------}
----------------------------------------------------*/
#content {
      width:720px;
      float:left;
}
.post {
      margin: 20px 15px 20px 15px;
      color: #666;
      padding: 0px 0px 10px 0px;
      border-bottom:1px solid #ddd;
}
.postim {
      position:relative;
      background:url(images/footer.png);
      width:668px;
      height:250px;
}
img.postimg{
      width:680px;
      height:250px;
      border:5px solid #fff;
}
.title {
      margin: 0px 0px;
      padding: 0px 0px;

}
.title  h2 {
     margin: 15px 0px 10px 0px;
     padding:0px 0px 0px 0px;
     font-size: 24px;
     font-weight:normal;
     color: #444;
}
.title  h2 a, .title  h2 a:link, .title  h2 a:visited {
     color: #444;
     background-color: transparent;
}
.title  h2 a:hover {
     color: #666;
     background-color: transparent;
}
.l-entry{
     width:150px;
     float:left;
     padding-top:20px;
}
.lmeta{
     padding:5px 0px;
     margin:0px 0px 10px 0px;
     font-size:13px;
     font-weight:bold;
     color:#333;
}
.lmeta span{
     font-size:10px;
     display:block;
     color:#666;
}
.r-entry{
     width:530px;
     float:right;
}
.entry {
     margin: 5px 0px 5px 0px;
     padding: 0px 0px;
}
.entry a:link,
.entry a:visited {
    color: #008FA8;
}
.entry a:hover {
     color: #1F7A91;
}
.entry ul, .entry ol {
     margin: .4em 0 1em;
     line-height: 150%;
}

.entry ul li, .entry ol li {
     list-style-position: outside;
     margin-left: 1.6em;
}
.entry p {
     margin: 0px 0px 0px 0px;
     padding: 0px 0px 10px 0px;
     line-height: 180%;
}
.titlemeta{
     border-top:1px solid #ececec;
     padding:15px 0px;
     margin:0px 25px;
     font-size:10px;
     color: #999; 
}
.titlemeta a:link,
.titlemeta a:visited {
     color: #999;
}
span.smore{
     float:left;
     padding: 0px 10px 0px 20px;
     background: url(images/plus.png) left center no-repeat;
     color: #999;
}
span.comm {
     float:right;
     padding: 0px 10px 0px 20px;
     background: url(images/comment.png) left center no-repeat;
}
span.comm a:link,
span.comm a:visited {
     color: #999;
}
span.comm a:hover {
     color: #999;
}
span.slike {
     float:right;
     padding: 0px 0px 0px 20px;
     margin:0px 0px 0px 0px;
     background: url(images/heart.png) left center no-repeat;
}
span.slike a:link,
span.slike a:visited {
     color: #999;
}
span.slike a:hover {
     color: #999;
}
.categori{
float:left;
     padding: 0px 10px 0px 20px;
     background: url(images/tag.png) left center no-repeat;
     color: #999;
}
.categori a:link,.categori a:visited {
     color: #FFA812;
}
.categori a:hover {
     color: #999;
}
/*----------------------------------------------------
      {--------}  Sidebar  {--------}
----------------------------------------------------*/
#sidebar-wrapper {
     width: 260px;
     float: right;
     margin:0px 10px;
}
.sidebar h2 {
     font-size: 16px;
     margin-bottom: 5px;
     padding: 10px 0px 10px 0px;
     color:#fff;
}
.sidebar .widget {
     width: 250px;
     list-style: none;
     color: #aaa;
     margin: 20px 0 30px 0px;
}
.sidebar .widget-content {
     padding: 10px 20px 10px 10px;
     margin:0;
}
.sidebar ul {
     list-style-type: none;
     margin: 0 0 0 -10px ;
     padding: 0;
}
.sidebar li  {
     color: #aaa;
     text-decoration: none;
     text-shadow: 1px 1px 0px #222;
     padding: 0px 0px 0px 10px;
     display:block;
     list-style-type:none;
     line-height:28px;
     border-bottom:1px dotted #342c36;
}
.sidebar li a:link, .sidebar li a:visited {
     color: #aaa;
     text-decoration: none;
}  
.sidebar li a:hover {
     color: #ddd;
}
.sidebar img {
     margin: 0 10px 10px 0;
     border:1px solid #34384c;
     background:#342c36;
     padding:5px;
}
#BlogArchive1_ArchiveMenu {
     background:#342c36;
     color:#000;
     text-decoration: none;
     margin-top:5px;
     padding:10px;
     width:220px;  
}
#Followers1-wrapper {
     background:#342c36 none repeat scroll 0 0;
     border:1px solid #34384c;
     color:#716349
     width:300px;
}
.profile-link {
     display:none;
} 
.smallbanner {
     width: 270px;
     margin: 20px 0px 10px 0px;
}
.smallbanner h2{
     color: #444;
     font-size: 14px;
     margin-bottom: 10px;
     font-weight: bold;
     padding: 10px 0px 10px 10px;
     background: #fff;
}
.smallbanner ul{
     list-style-type:none;
     margin: 0px auto;
     padding: 0px 5px 0px 0px;
     overflow:hidden;
     width:280px;
}  
.smallbanner ul li{
     list-style-type:none;
     margin: 10px 10px 0px 5px;
     float:left;
     display:inline;
     background:#eee;
}
.smallbanner ul li.rbanner{
     margin-right:0px;
}
/*----------------------------------------------------
      {--------}  Comments  {--------}
----------------------------------------------------*/
#commentsbox {
     padding: 0px 15px 0px 15px;
}
h3#comments {
     height: 40px;
     margin: 0px 0px 15px 0px;
     padding-left:20px;
     font-size: 16px;
     line-height:40px;
     overflow: hidden;
     background: #ececec url(http://4.bp.blogspot.com/-0uzVhTrTJ1E/Tx-XJlJijGI/AAAAAAAABJM/bWr0xBkaApA/s000/menu.png) repeat-x;
     width: 670px;
     border:1px solid #d5d5d5;
     -webkit-box-shadow: 0px 1px 0px 0px #fff;
     -moz-box-shadow: 0px 1px 0px 0px #fff;
     box-shadow: 0px 1px 0px 0px #fff; 
     float:left;
}
ol.commentlist {
     clear: both;
     overflow: hidden;
     list-style: none;
     margin: 0;
}
ol.commentlist li {
     line-height: 18px;
     background: #fff;
     margin: 0px 0 20px 0px;
     padding: 15px;
}
ol.commentlist li .comment-author a:link,ol.commentlist li .comment-author a:visited {
     color: #333;
     font-weight: 700;
     text-decoration: none!important;
}
cite.fn {
     color: #eee;
     font-style: normal;
}
ol.commentlist li .comment-author .avatar {
     float: right;
     border: 1px solid #eee;
     background: #fff;
     padding: 3px;
}
ol.commentlist li .comment-meta .commentmetadata {
     color: #000;
}
ol.commentlist li .comment-meta a {
     color: #16698A;
     text-decoration: none!important;
}
ol.commentlist li p {
     line-height: 22px;
     margin-top: 5px;
     color: #666;
     font-size: 12px;
}
ol.commentlist li .reply {
     margin-top: 10px;
     font-size: 10px;
}
ol.commentlist li .reply a {
     background: #16698A;
     border: 1px solid #0A516D;
     color: #fff;
     text-decoration: none;
     padding: 3px 10px;
}
ol.commentlist li ul.children {
     list-style: none;
     text-indent: 0;
     margin: 1em 0 0;
}
.comment-nav {
     height: 20px;
     padding: 5px;
}
.comment-nav a:link,.comment-nav a:visited {
     color: #16698A;
}
.avatar-image-container {
      float:right;
      background:#fff;
      border:1px solid #ccc;
      margin:0px 0px 10px 0px;
      padding:5px;
      height:32px;
      width:32px;
}
.avatar-image-container img {
      background:url(http://www.opendrive.com/files/6532718_pabxK/avatar.png) no-  repeat;
      height:32px;
      width:32px;
}
#respond {
     margin: 10px 0;
     padding: 0;
}
#respond h3 {
     font-size: 14px;
     font-weight: 400;
     color: #444;
     padding: 5px 0 0;
}
#commentform {
     padding: 10px 0;
}
#commentform a {
     color: #E1512A;
}
#commentform p {
     color: #999;
     margin: 5px 0;
}
#respond label {
     display: block;
     color: #999;
     padding: 5px 0;
}
#respond input {
     background: #fff;
     border: 1px solid #ddd;
     color: #02070F;
     margin: 0 10px 10px 0;
     padding: 5px;
}
#commentform input {
     width: 50%;
}
#respond input#commentSubmit {
     width: 100px;
     background: #16698A;
     border: 1px solid #0A516D;
     color: #fff;
     cursor: pointer;
     margin: 10px 0;
     padding: 3px 5px;
}
textarea#comment {
     background: #fff;
     border: 1px solid #ddd;
     width: 70%;
     color: #02070F;
     margin: 10px 0 0;
     padding: 5px;
}
ol.commentlist li .comment-author,ol.commentlist li .comment-author .fn {
     color: #333;
}
ol.commentlist li .comment-meta,#respond label small {
     font-size: 10px;
}
ol.commentlist li ul.children li.depth-2,ol.commentlist li ul.children li.depth-3,ol.commentlist li ul.children li.depth-4,ol.commentlist li ul.children li.depth-5 {
    margin: 0 0 0 50px;
}
/*----------------------------------------------------
      {--------} Footer  {--------}
----------------------------------------------------*/ 
#footer {
     width: 1000px;
     padding: 20px 0px;
     margin: 0px 0px 0px 0px;
     color: #777;
     font-size: 11px;
     float: left;
}
#footer a:link , #footer a:visited {
     color: #777;
}
#footer a:hover {
     color: #777;
}
.fcred {
     text-align: center;
     margin: 0px auto;
     line-height: 16px;
}
/*----------------------------------------------------
      {--------}  Page Navigation  {--------}
----------------------------------------------------*/
#navigation {
     padding:20px 20px 20px 13px;
}
.wp-pagenavi {
    font-size: 12px;
    text-align: center !important;
}
.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:visited {
    text-decoration: none;
    background: #666!important;
    border: 1px solid #333 !important;
    color: #fff !important;
    padding: 3px 7px !important;
    display: block;
    text-align: center;
    float: left;
    margin-right: 4px;
}
.wp-pagenavi a:hover {
    color: #ffffff;
}
]]></b:skin>
</head>

<body>
<div id='wrapper'>  <!-- wrapper begin -->
<div id='leftcase'><!-- leftcase begin -->
<div id='top'> 
<div id='blogname'> 
<h1><a expr:href='data:blog.homepageUrl'><data:blog.title/></a></h1>
</div>
</div>

<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='HTML2' locked='false' title='Blogger templates' type='HTML'>
<b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

  <b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='HTML1' locked='false' title='Blogroll' type='HTML'>
<b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

  <b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='Label1' locked='false' title='Category List' type='Label'>
<b:includable id='main'>
  <b:if cond='data:title'>
    <h2><data:title/></h2>
  </b:if>
  <div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
    <b:if cond='data:display == &quot;list&quot;'>
      <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>
          <b:if cond='data:showFreqNumbers'>
            <span dir='ltr'>(<data:label.count/>)</span>
          </b:if>
        </li>
      </b:loop>
      </ul>
    <b:else/>
      <b:loop values='data:labels' var='label'>
        <span expr:class='&quot;label-size label-size-&quot; + data:label.cssSize'>
          <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>
          <b:if cond='data:showFreqNumbers'>
            <span class='label-count' dir='ltr'>(<data:label.count/>)</span>
          </b:if>
        </span>
      </b:loop>
    </b:if>
    <b:include name='quickedit'/>
  </div>
</b:includable>
</b:widget>
<b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'>
<b:includable id='main'>
  <b:if cond='data:title'>
    <h2><data:title/></h2>
  </b:if>
  <div class='widget-content'>
  <div id='ArchiveList'>
  <div expr:id='data:widget.instanceId + &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:includable id='flat' var='data'>
  <ul class='flat'>
    <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='interval' var='intervalData'>
  <b:loop values='data:intervalData' var='i'>
      <ul class='hierarchy'>
        <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='toggle' var='interval'>
  <b:if cond='data:interval.toggleId'>
  <b:if cond='data:interval.expclass == &quot;expanded&quot;'>
    <a class='toggle' href='javascript:void(0)'>
      <span class='zippy toggle-open'>&#9660;&#160;</span>
    </a>
  <b:else/>
    <a class='toggle' href='javascript:void(0)'>
      <span class='zippy'>
        <b:if cond='data:blog.languageDirection == &quot;rtl&quot;'>
          &#9668;&#160;
        <b:else/>
          &#9658;&#160;
        </b:if>
      </span>
    </a>
  </b:if>
 </b:if>
</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:widget>
</b:section>
</div>
</div>

<div id='rightcase'>
<div id='botmenu'>
<div class='menu-primary-container' id='submenu'><b:section class='menu' id='menu-primary' preferred='yes' showaddelement='no'>
<b:widget id='PageList8' locked='false' title='Pages - Menu' type='PageList'>
<b:includable id='main'>
              <b:if cond='data:title'><!--<h2><data:title/></h2>--></b:if>
              <div class='widget-content'>
                <ul>
                  <b:loop values='data:links' var='link'>
                    <b:if cond='data:link.isCurrentPage'>
                      <li id='currentpage'><a expr:href='data:link.href'><data:link.title/></a></li>
                    <b:else/>
                      <li><a expr:href='data:link.href'><data:link.title/></a></li>
                    </b:if>
                  </b:loop>
                </ul>
                <b:include name='quickedit'/>
              </div>
            </b:includable>
</b:widget>
</b:section> 
</div></div>

<div id='content'>
<b:section class='main' id='main' showaddelement='yes'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'>
<b:includable id='nextprev'>
<div class='blog-pager' id='blog-pager'>
<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>
</div>
<div class='clear'/>
</b:includable>
<b:includable id='shareButtons' var='post'>
<b:if cond='data:post.sharePostUrl'>
<a class='share-button sb-email' expr:href='data:post.sharePostUrl + &quot;&amp;target=email&quot;' expr:title='data:top.emailThisMsg' target='_blank'>
<span class='share-button-link-text'><data:top.emailThisMsg/></span></a>
<a class='share-button sb-blog' expr:href='data:post.sharePostUrl + &quot;&amp;target=blog&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=270,width=475\&quot;); return false;&quot;' expr:title='data:top.blogThisMsg' target='_blank'>
<span class='share-button-link-text'><data:top.blogThisMsg/></span></a>
<a class='share-button sb-twitter' expr:href='data:post.sharePostUrl + &quot;&amp;target=twitter&quot;' expr:title='data:top.shareToTwitterMsg' target='_blank'>
<span class='share-button-link-text'><data:top.shareToTwitterMsg/></span></a>
<a class='share-button sb-facebook' expr:href='data:post.sharePostUrl + &quot;&amp;target=facebook&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=430,width=640\&quot;); return false;&quot;' expr:title='data:top.shareToFacebookMsg' target='_blank'>
<span class='share-button-link-text'><data:top.shareToFacebookMsg/></span></a>
<a class='share-button sb-buzz' expr:href='data:post.sharePostUrl + &quot;&amp;target=buzz&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=415,width=690\&quot;); return false;&quot;' expr:title='data:top.shareToBuzzMsg' target='_blank'>
<span class='share-button-link-text'><data:top.shareToBuzzMsg/></span></a>
</b:if>
</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='threaded_comment_js' var='post'>
  <script defer='defer' expr:src='data:post.commentSrc' type='text/javascript'/>

  <script type='text/javascript'>
    (function() {
      var items = <data:post.commentJso/>;
      var msgs = <data:post.commentMsgs/>;
      var postId = &#39;<data:post.id/>&#39;;
      var feed = &#39;<data:post.commentFeed/>&#39;;
      var authorName = &#39;<data:post.author/>&#39;;
      var authorUrl = &#39;<data:post.authorUrl/>&#39;;
      var blogId = &#39;<data:top.id/>&#39;;
      var baseUri = &#39;<data:post.commentBase/>&#39;;

// <![CDATA[
      feed += '?alt=json&v=2&orderby=published&reverse=false&max-results=50';
      var cursor = null;
      if (items && items.length > 0) {
        cursor = parseInt(items[items.length - 1].timestamp) + 1;
      }

      var bodyFromEntry = function(entry) {
        if (entry.gd$extendedProperty) {
          for (var k in entry.gd$extendedProperty) {
            if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {
              return '<span class="deleted-comment">' + entry.content.$t + '</span>';
            }
          }
        }
        return entry.content.$t;
      }

      var parse = function(data) {
        cursor = null;
        var comments = [];
        if (data && data.feed && data.feed.entry) {
          for (var i = 0, entry; entry = data.feed.entry[i]; i++) {
            var comment = {};
            // comment ID, parsed out of the original id format
            var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t);
            comment.id = id ? id[2] : null;
            comment.body = bodyFromEntry(entry);
            comment.timestamp = Date.parse(entry.published.$t) + '';
            if (entry.author && entry.author.constructor === Array) {
              var auth = entry.author[0];
              if (auth) {
                comment.author = {
                  name: (auth.name ? auth.name.$t : undefined),
                  profileUrl: (auth.uri ? auth.uri.$t : undefined),
                  avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined)
                };
              }
            }
            if (entry.link) {
              if (entry.link[2]) {
                comment.link = comment.permalink = entry.link[2].href;
              }
              if (entry.link[3]) {
                var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href);
                if (pid && pid[1]) {
                  comment.parentId = pid[1];
                }
              }
            }
            comment.deleteclass = 'item-control blog-admin';
            if (entry.gd$extendedProperty) {
              for (var k in entry.gd$extendedProperty) {
                console.log(entry.gd$extendedProperty[k].name + ' - ' + entry.gd$extendedProperty[k].value);
                if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') {
                  comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;
                }
              }
            }
            comments.push(comment);
          }
        }
        return comments;
      };

      var paginator = function(callback) {
        if (hasMore()) {
          var url = feed;
          if (cursor) {
            url += '&published-min=' + new Date(cursor).toISOString();
          }
          window.bloggercomments = function(data) {
            var parsed = parse(data);
            cursor = parsed.length < 50 ? null
                : parseInt(parsed[parsed.length - 1].timestamp) + 1
            callback(parsed);
            window.bloggercomments = null;
          }
          url += '&callback=bloggercomments';
          var script = document.createElement('script');
          script.type = 'text/javascript';
          script.src = url;
          document.getElementsByTagName('head')[0].appendChild(script);
        }
      };
      var hasMore = function() {
        return !!cursor;
      };
      var getMeta = function(key, comment) {
        if ('iswriter' == key) {
          var matches = !!comment.author
              && comment.author.name == authorName
              && comment.author.profileUrl == authorUrl;
          return matches ? 'true' : '';
        } else if ('deletelink' == key) {
          return baseUri + '/delete-comment.g?blogID=' + blogId + '&postID=' + comment.id;
        } else if ('deleteclass' == key) {
          return comment.deleteclass;
        }
        return '';
      };

      var replybox = null;
      var replyUrlParts = null;
      var replyParent = undefined;

      var onReply = function(commentId, domId) {
        if (replybox == null) {
          // lazily cache replybox, and adjust to suit this style:
          replybox = document.getElementById('comment-editor');
          if (replybox != null) {
            replybox.height = '250px';
            replybox.style.display = 'block';
            replyUrlParts = replybox.src.split('#');
          }
        }
        if (replybox && (commentId !== replyParent)) {
          document.getElementById(domId).insertBefore(replybox, null);
          replybox.src = replyUrlParts[0]
              + (commentId ? '&parentID=' + commentId : '')
              + '#' + replyUrlParts[1];
          replyParent = commentId;
        }
      };

      var tok = 'comment-form_';
      var hash = window.location.hash || '';
      var startThread = hash.indexOf(tok) == 1 ? hash.substring(tok.length + 1) : undefined;

      // Configure commenting API:
      var configJso = {
        'maxDepth': 2
      };
      var provider = {
        'id': postId,
        'data': items,
        'loadNext': paginator,
        'hasMore': hasMore,
        'getMeta': getMeta,
        'onReply': onReply,
        'rendered': true,
        'initReplyThread': startThread,
        'config': configJso,
        'messages': msgs
      };

      var render = function() {
        if (window.goog && window.goog.comments) {
          var holder = document.getElementById('comment-holder');
          window.goog.comments.render(holder, provider);
        }
      };

      // render now, or queue to render when library loads:
      if (window.goog && window.goog.comments) {
        render();
      } else {
        window.goog = window.goog || {};
        window.goog.comments = window.goog.comments || {};
        window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];
        window.goog.comments.loadQueue.push(render);
      }
    })();
// ]]>
  </script>
</b:includable>
<b:includable id='mobile-main' var='top'>
    <!-- posts -->
    <div class='blog-posts hfeed'>

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

      <b:if cond='data:blog.pageType == &quot;index&quot;'>
        <b:loop values='data:posts' var='post'>
          <b:include data='post' name='mobile-index-post'/>
        </b:loop>
      <b:else/>
        <b:loop values='data:posts' var='post'>
          <b:include data='post' name='mobile-post'/>
        </b:loop>
      </b:if>
    </div>

   <b:include name='mobile-nextprev'/>
</b:includable>
<b:includable id='post' var='post'> 
<b:if cond='data:blog.pageType == &quot;static_page&quot;'> 
<div class='post' id='post'>
<div class='title'>
<h2><b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<b:if cond='data:blog.url != data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h2>
</div>

<div class='entry'>
<p><data:post.body/></p> 
<div class='clear'/>
</div>

<div class='titlemeta clearfix'>
<table border='0'> 
<tr> 
<td><div style='padding-top:6px;'> 
<script type='text/javascript'> 
tweetmeme_style = &quot;compact&quot;; 
</script> 
<script src='http://tweetmeme.com/i/scripts/button.js' type='text/javascript'/> 
</div></td>
<td> 
<script expr:src='&quot;http://www.stumbleupon.com/hostedbadge.php?s=1&amp;r=&quot; + data:post.url'/> 
</td>
<td><div style='margin-left:35px;'> 
<script type='text/javascript'> 
(function() { 
var s = document.createElement(&#39;SCRIPT&#39;), s1 = document.getElementsByTagName(&#39;SCRIPT&#39;)[0]; 
s.type = &#39;text/javascript&#39;; 
s.async = true; 
s.src = &#39;http://widgets.digg.com/buttons.js&#39;; 
s1.parentNode.insertBefore(s, s1); 
})(); 
</script> 
<a class='DiggThisButton DiggCompact'/> 
</div></td>
<td> 
<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=button_count&amp;show_faces=false&amp;width=100&amp; action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; margin-left:35px;  width:100px; height:20px;'/> 
</td> 
</tr> 
</table>

</div>
</div>

<div class='clear'/>
</b:if> 




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

<div class='box' id='post'>

 <div class='boxim'>

<b:if cond='data:post.isFirstPost'> 
<script type='text/javascript'>
//<![CDATA[
function bp_thumbnail_resize(image_url,post_title)
{
var image_size=210;
var show_default_thumbnail=true;
var default_thumbnail="http://3.bp.blogspot.com/-tB0SRYOut2g/Tx-XXdv4FtI/AAAAAAAABJU/rejihf5hfyk/s000/default.png";
if(show_default_thumbnail == true && image_url == "") image_url= default_thumbnail;
image_tag='<img src="'+image_url.replace('/s72-c/','/s'+image_size+'-c/')+'" class="boxthumb" alt="'+post_title+'"/>';
if(image_url!="") return image_tag; else return "";
}
//]]>
</script>
</b:if>
<a expr:href='data:post.url'><script type='text/javascript'>
document.write(bp_thumbnail_resize(&quot;<data:post.thumbnailUrl/>&quot;,&quot;<data:post.title/>&quot;));
</script></a>
</div>

<div class='boxmeta clearfix'>
<h2><b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<b:if cond='data:blog.url != data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h2>

<div class='scomm'><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></div>
</div>
</div>
</b:if></b:if>



<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='post' id='post'>
<div class='title'>
<h2><b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<b:if cond='data:blog.url != data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h2>
</div>

<div class='entry'>
<p><data:post.body/></p> 
<div class='clear'/>
</div>

<div class='titlemeta clearfix'>
<span class='categori'> Categories: <b:if cond='data:post.labels'>
<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>



<div class='titlemeta clearfix'>
<table border='0'> 
<tr> 
<td><div style='padding-top:6px;'> 
<script type='text/javascript'> 
tweetmeme_style = &quot;compact&quot;; 
</script> 
<script src='http://tweetmeme.com/i/scripts/button.js' type='text/javascript'/> 
</div></td>
<td> 
<script expr:src='&quot;http://www.stumbleupon.com/hostedbadge.php?s=1&amp;r=&quot; + data:post.url'/> 
</td>
<td><div style='margin-left:35px;'> 
<script type='text/javascript'> 
(function() { 
var s = document.createElement(&#39;SCRIPT&#39;), s1 = document.getElementsByTagName(&#39;SCRIPT&#39;)[0]; 
s.type = &#39;text/javascript&#39;; 
s.async = true; 
s.src = &#39;http://widgets.digg.com/buttons.js&#39;; 
s1.parentNode.insertBefore(s, s1); 
})(); 
</script> 
<a class='DiggThisButton DiggCompact'/> 
</div></td>
<td> 
<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=button_count&amp;show_faces=false&amp;width=100&amp; action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; margin-left:35px;  width:100px; height:20px;'/> 
</td> 
</tr> 
</table>
</div>
</div>
<div class='clear'/>
</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 id='comment-form'>
<div id='respond'>
<a name='comment-form'/>
<h3>Leave a Reply</h3>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='103%'/>
<data:post.friendConnectJs/>
<data:post.cmtfpIframe/>
<script type='text/javascript'>
BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;);
</script>
</div>
</div>
</b:includable>
<b:includable id='threaded_comments' var='post'>
  <b:include name='threaded_comment_css'/>

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

    <div class='comments-content'>
      <b:if cond='data:post.embedCommentForm'>
        <b:include data='post' name='threaded_comment_js'/>
      </b:if>
      <div id='comment-holder'>
         <data:post.commentHtml/>
      </div>
    </div>

    <p class='comment-footer'>
      <b:if cond='data:post.allowNewComments'>
        <b:include data='post' name='threaded-comment-form'/>
      <b:else/>
        <data:post.noNewCommentsText/>
      </b:if>
    </p>

    <b:if cond='data:showCmtPopup'>
      <div id='comment-popup'>
        <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
        </iframe>
      </div>
    </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: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='//www.blogger.com/img/icon_delete13.gif'/>
</a>
</span>
</b:includable>
<b:includable id='mobile-nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<div class='mobile-link-button' 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>
</div>
</b:if>

<b:if cond='data:olderPageUrl'>
<div class='mobile-link-button' 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>
</div>
</b:if>

<div class='mobile-link-button' id='blog-pager-home-link'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</div>

<div class='mobile-desktop-link'>
<a class='home-link' expr:href='data:desktopLinkUrl'><data:desktopLinkMsg/></a>
</div>
</div>
<div class='clear'/>
</b:includable>
<b:includable id='mobile-post' var='post'>
  <div class='date-outer'>
    <b:if cond='data:post.dateHeader'>
      <h2 class='date-header'><span><data:post.dateHeader/></span></h2>
    </b:if>
    <div class='date-posts'>
      <div class='post-outer'>

        <div class='post hentry uncustomized-post-template'>
          <a expr:name='data:post.id'/>
          <b:if cond='data:post.title'>
            <h3 class='post-title entry-title'>
              <b:if cond='data:post.link'>
                <a expr:href='data:post.link'><data:post.title/></a>
              <b:else/>
                <b:if cond='data:post.url'>
                  <b:if cond='data:blog.url != data:post.url'>
                    <a expr:href='data:post.url'><data:post.title/></a>
                  <b:else/>
                    <data:post.title/>
                  </b:if>
                <b:else/>
                  <data:post.title/>
                </b:if>
              </b:if>
            </h3>
          </b:if>

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

          <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id'>
            <data:post.body/>
            <div style='clear: both;'/> <!-- clear for photos floats -->
          </div>

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

              <span class='post-timestamp'>
                <b:if cond='data:top.showTimestamp'>
                  <data:top.timestampLabel/>
                  <b:if cond='data:post.url'>
                    <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a>
                  </b:if>
                </b:if>
              </span>

              <span class='post-comment-link'>
                <b:if cond='data:blog.pageType != &quot;item&quot;'>
                  <b:if cond='data:blog.pageType != &quot;static_page&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>
                </b:if>
              </span>
            

<!-- Feature added by BTemplates.com -->
 <b:if cond='data:post.sharePostUrl'>
  <div class='post-share-buttons'>
   <b:include data='post' name='shareButtons'/>
  </div>
 </b:if>

</div>

            <div class='post-footer-line post-footer-line-2'>
              <b:if cond='data:top.showMobileShare'>
                <div class='mobile-link-button goog-inline-block' id='mobile-share-button'>
                  <a href='javascript:void();'><data:shareMsg/></a>
                </div>
              </b:if>
              <b:if cond='data:top.showDummy'>
                <div class='goog-inline-block dummy-container'><data:post.dummyTag/></div>
              </b:if>
            </div>

          </div>
        </div>

        <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
          <!-- Feature added by BTemplates.com -->
 <b:if cond='data:post.showThreadedComments'>
  <b:include data='post' name='threaded_comments'/>
 <b:else/>
  <b:include data='post' name='comments'/>
 </b:if>

        </b:if>
        <b:if cond='data:blog.pageType == &quot;item&quot;'>
          <!-- Feature added by BTemplates.com -->
 <b:if cond='data:post.showThreadedComments'>
  <b:include data='post' name='threaded_comments'/>
 <b:else/>
  <b:include data='post' name='comments'/>
 </b:if>

        </b:if>
      </div>
    </div>
  </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' height='18' src='http://img2.blogblog.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:defaultAdStart/>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.isDateStart'>
<b:if cond='data:post.isFirstPost == &quot;false&quot;'>
&lt;/div&gt;&lt;/div&gt;
</b:if>
</b:if>
<b:if cond='data:post.isDateStart'>
&lt;div class=&quot;date-outer&quot;&gt;
</b:if>
<b:if cond='data:post.isDateStart'>
&lt;div class=&quot;date-posts&quot;&gt;
</b:if>
<div class='post-outer'>
<b:include data='post' name='post'/>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<!-- Feature added by BTemplates.com -->
 <b:if cond='data:post.showThreadedComments'>
  <b:include data='post' name='threaded_comments'/>
 <b:else/>
  <b:include data='post' name='comments'/>
 </b:if>

</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!-- Feature added by BTemplates.com -->
 <b:if cond='data:post.showThreadedComments'>
  <b:include data='post' name='threaded_comments'/>
 <b:else/>
  <b:include data='post' name='comments'/>
 </b:if>

</b:if>
</div>
<b:if cond='data:post.includeAd'>
<b:if cond='data:post.isFirstPost'>
<data:defaultAdEnd/>
<b:else/>
<data:adEnd/>
</b:if>
<div class='inline-ad'>
<data:adCode/>
</div>
<data:adStart/>
</b:if>
<b:if cond='data:post.trackLatency'>
<data:post.latencyJs/>
</b:if>
</b:loop>
<b:if cond='data:numPosts != 0'>
&lt;/div&gt;&lt;/div&gt;
</b:if>
<data:adEnd/>
</div>
<div class='clear'/>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<div id='navigation'>
<div class='wp-pagenavi'> 
<!-- navigation -->
<b:include name='nextprev'/>
</div></div>
</b:if>
</b:if></b:if>
  
<b:if cond='data:top.showStars'>
<script src='//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='//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='threaded-comment-form' var='post'>
  <div class='comment-form'>
    <a name='comment-form'/>
    <b:if cond='data:mobile'>
      <p><data:blogCommentMessage/></p>
      <data:blogTeamBlogMessage/>
      <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
      <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
    <b:else/>
      <p><data:blogCommentMessage/></p>
      <data:blogTeamBlogMessage/>
      <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
      <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
    </b:if>
    <data:post.friendConnectJs/>
    <data:post.cmtfpIframe/>
    <script type='text/javascript'>
      BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;);
    </script>
  </div>
</b:includable>
<b:includable id='comment-form-js' var='post'>
<data:post.friendConnectJs/>
<data:post.cmtfpIframe/>
<script type='text/javascript'>
BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;);
</script>
</b:includable>
<b:includable id='threaded_comment_css'>
  <style>
.comments {
  clear: both;
  margin-top: 10px;
  margin-bottom: 0px;
  line-height: 1em;
}
.comments .comments-content {
  font-size: 13px;
  margin-bottom: 16px;
}
.comments .comment .comment-actions a {
  padding-top: 5px;
  padding-right: 5px;
}
.comments .comment .comment-actions a:hover {
  text-decoration: underline;
}
.comments .comments-content .comment-thread ol {
  list-style-type: none;
  padding: 0;
  text-align: left;
}
.comments .comments-content .inline-thread {
  padding: 0.5em 1em;
}
.comments .comments-content .comment-thread {
  margin: 8px 0px;
}
.comments .comments-content .comment-thread:empty {
  display: none;
}
.comments .comments-content .comment-replies {
  margin-top: 1em;
  margin-left: 36px;
}
.comments .comments-content .comment {
  margin-bottom:16px;
  padding-bottom:8px;
}
.comments .comments-content .comment:first-child {
  padding-top:16px;
}
.comments .comments-content .comment:last-child {
  border-bottom:0;
  padding-bottom:0;
}
.comments .comments-content .comment-body {
  position:relative;
}
.comments .comments-content .user {
  font-style:normal;
  font-weight:bold;
}
.comments .comments-content .icon.blog-author {
  width: 18px;
  height: 18px;
  display: inline-block;
  margin: 0 0 -4px 6px;
}
.comments .comments-content .datetime {
  margin-left:6px;
}
.comments .comments-content .comment-header,
.comments .comments-content .comment-content {
  margin:0 0 8px;
}
.comments .comments-content .comment-content {
  text-align:justify;
}
.comments .comments-content .owner-actions {
  position:absolute;
  right:0;
  top:0;
}
.comments .comments-replybox {
  border: none;
  height: 250px;
  width: 100%;
}
.comments .comment-replybox-single {
  margin-top: 5px;
  margin-left: 48px;
}
.comments .comment-replybox-thread {
  margin-top: 5px;
}
.comments .comments-content .loadmore a {
  display: block;
  padding: 10px 16px;
  text-align: center;
}
.comments .thread-toggle {
  cursor: pointer;
  display: inline-block;
}
.comments .continue {
  cursor: pointer;
}
.comments .continue a {
  display: block;
  padding: 0.5em;
  font-weight: bold;
}
.comments .comments-content .loadmore {
  cursor: pointer;
  max-height: 3em;
  margin-top: 3em;
}
.comments .comments-content .loadmore.loaded {
  max-height: 0px;
  opacity: 0;
  overflow: hidden;
}
.comments .thread-chrome.thread-collapsed {
  display: none;
}
.comments .thread-toggle {
  display: inline-block;
}
.comments .thread-toggle .thread-arrow {
  display: inline-block;
  height: 6px;
  width: 7px;
  overflow: visible;
  margin: 0.3em;
  padding-right: 4px;
}
.comments .thread-expanded .thread-arrow {
  background: url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAG0lEQVR42mNgwAfKy8v/48I4FeA0AacVDFQBAP9wJkE/KhUMAAAAAElFTkSuQmCC&quot;) no-repeat scroll 0 0 transparent;
}
.comments .thread-collapsed .thread-arrow {
  background: url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAJUlEQVR42mNgAILy8vL/DLgASBKnApgkVgXIkhgKiNKJ005s4gDLbCZBiSxfygAAAABJRU5ErkJggg==&quot;) no-repeat scroll 0 0 transparent;
}
.comments .avatar-image-container {
  float: left;
  width: 36px;
  max-height: 36px;
  overflow: hidden;
}
.comments .avatar-image-container img {
  width: 36px;
}
.comments .comment-block {
  margin-left: 48px;
  position: relative;
}

/* Responsive styles. */
@media screen and (max-device-width: 480px) {
  .comments .comments-content .comment-replies {
    margin-left: 0;
  }
}
  </style>
</b:includable>
<b:includable id='mobile-index-post' var='post'>
<b:if cond='data:post.dateHeader'>
<div class='mobile-index-date'>
<div class='date-header'>
<span><data:post.dateHeader/></span>
</div>
</div>
</b:if>

<div class='mobile-post-outer'>
<div class='mobile-index-title-outer'>
<h3 class='mobile-index-title entry-title'>
<a href='javascript:void(0)'><data:post.title/></a>
</h3>
</div>
<div>
      
<div class='mobile-index-arrow'>
<a href='javascript:void(0)'>&amp;rsaquo;</a>
</div>

<div class='mobile-post-contents'>
<b:if cond='data:post.thumbnailUrl'>
<div class='mobile-index-thumbnail'>
<div class='Image'>
<img expr:src='data:post.thumbnailUrl'/>
</div>
</div>
</b:if>

<div class='post-body'>
<b:if cond='data:post.snippet'><data:post.snippet/></b:if>
</div>
</div>
<div style='clear: both;'/>
</div>

<div class='mobile-index-comment'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:post.allowComments'>
<b:if cond='data:post.numComments != 0'>
<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>
</b:if>
</b:if>
</div>
</div>
</b:includable>
<b:includable id='feedLinksBody' var='links'>
<div class='feed-links'>
<data:feedLinksMsg/>
<b:loop values='data:links' var='f'>
<a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
</b:loop>
</div>
</b:includable>
<b:includable id='comments' var='post'>
<div class='clear'/>
<div id='commentsbox'>
<a name='comments'/>
<b:if cond='data:post.allowComments'>
<b:if cond='data:post.numComments != 0'>
<h3 id='comments'>
<b:if cond='data:post.numComments == 1'>
One Response so far.
<b:else/>
<data:post.numComments/> Responses so far.
</b:if>
</h3>
</b:if>

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


<ol class='commentlist'>
<b:loop values='data:post.comments' var='comment'>
<b:if cond='data:comment.adminClass == data:post.adminClass'>
<li class='comment odd'>
<div class='comment-body'>
<div class='comment-author vcard'>
<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon' height='32px' style='margin-bottom:-2px;' width='32px'/>
</b:if>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:blog.enabledCommentProfileImages'>
<data:comment.authorAvatarImage/>
</b:if>
<cite class='fn'>
<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>
</cite> <span class='says'>says:</span>
</div>
<div class='comment-meta commentmetadata'>
<a expr:href='data:comment.url' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</div>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p>
<data:comment.body/>
<span class='interaction-iframe-guide'/>
</p>
</b:if>
</div>
</li>
<b:else/>
<li class='comment even'>
<div class='comment-body'>
<div class='comment-author vcard'>
<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon' height='32px' style='margin-bottom:-2px;' width='32px'/>
</b:if>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:blog.enabledCommentProfileImages'>
<data:comment.authorAvatarImage/>
</b:if>
<cite class='fn'>
<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>
</cite> <span class='says'>says:</span>
</div>
<div class='comment-meta commentmetadata'>
<a expr:href='data:comment.url' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</div>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p>
<data:comment.body/>
<span class='interaction-iframe-guide'/>
</p>
</b:if>
</div>
</li>
</b:if>
</b:loop>
</ol>

<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:if cond='data:post.allowNewComments'>
<b:include data='post' name='comment-form'/>
<b:else/>
<data:post.noNewCommentsText/>
</b:if>
<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 class='clear'/>
</div> 
<div id='footer'>
<div class='fcred'>
&#169; 2011 <a expr:href='data:blog.homepageUrl'><data:blog.title/></a> | Blogger by <a href='http://besttheme.net/'>Best Theme</a> | <a href='http://premiumbloggerthemes.com/'>PBT</a>  - <br/> 
Designs by <a href='http://www.fabthemes.com' title='WordPress Themes Designs'>Fab Themes</a>
</div> 
<div class='clear'/> 
</div>
<div class='clear'/> 
</div>
</body>
</html>


[edit]

Pasang INTERNET FASNET PLUS TV KABEL FIRSTMEDIA
Pasang FIRSTMEDIA internet speed hingga 100mbps + CHannel TV HD hingga 50HD hub 087777313417 only SMS