Guest User

Untitled

a guest
Aug 28th, 2013
96
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 93.81 KB | None | 0 0
  1. <?xml version="1.0" encoding="UTF-8" ?>
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html expr:dir='data:blog.languageDirection' xml:lang='en' 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'>
  4. <head>
  5. <b:include data='blog' name='all-head-content'/>
  6. <!--[if lt IE 6]>
  7.     <script type="text/javascript" src="http://way2blogging.googlecode.com/svn/blog/way2blogging-unitpngfix.js"></script>
  8. <![endif]-->
  9.  
  10. <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'/>
  11. <link href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz|Maven+Pro|Oswald' rel='stylesheet' type='text/css'/>
  12. <meta content='text/html; charset=utf-8' http-equiv='content-type'/>
  13. <meta content='chrome=1' http-equiv='X-UA-Compatible'/>
  14. <meta content='en' name='language'/>
  15.  
  16. <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  17.     <title><data:blog.pageName/> | <data:blog.title/></title>
  18.     <b:else/>
  19.         <b:if cond='data:blog.pageName == &quot;&quot;'>
  20.             <title><data:blog.title/></title>
  21.         <b:else/>
  22.             <title><data:blog.pageName/> | <data:blog.title/></title>
  23.         </b:if>
  24. </b:if>
  25.  
  26. <b:skin><![CDATA[/*
  27. |===============================================|
  28. | Blogger Template Details                      |
  29. |===============================================|
  30. | Name        : BloggingWay                     |
  31. | Author      : Harish Dasari                   |
  32. | URL         : http://www.way2blogging.org/    |
  33. | Created on  : 01, June, 2011                  |
  34. | Modified on : 07, July, 2012                  |
  35. | Version     : 2.0                             |
  36. |===============================================|
  37. */
  38.  
  39. html, body, div, span, applet, object, iframe,
  40. h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  41. a, abbr, acronym, address, big, cite, code,
  42. del, dfn, em, img, ins, kbd, q, s, samp,
  43. small, strike, strong, sub, sup, tt, var,
  44. b, u, i, center,
  45. dl, dt, dd, ol, ul, li,
  46. fieldset, form, label, legend,
  47. table, caption, tbody, tfoot, thead, tr, th, td,
  48. article, aside, canvas, details, embed,
  49. figure, figcaption, footer, header, hgroup,
  50. menu, nav, output, ruby, section, summary,
  51. time, mark, audio, video {
  52.    margin: 0;
  53.    padding: 0;
  54.    border: 0;
  55.    font-size: 100%;
  56.    font: inherit;
  57.    vertical-align: baseline;
  58. }
  59. /* HTML5 display-role reset for older browsers */
  60. article, aside, details, figcaption, figure,
  61. footer, header, hgroup, menu, nav, section {
  62.    display: block;
  63. }
  64. body {
  65.    line-height: 1;
  66. }
  67. ol, ul {
  68.    list-style: none;
  69. }
  70. blockquote, q {
  71.    quotes: none;
  72. }
  73. blockquote:before, blockquote:after,
  74. q:before, q:after {
  75.    content: '';
  76.    content: none;
  77. }
  78. table {
  79.    border-collapse: collapse;
  80.    border-spacing: 0;
  81. }
  82.  
  83. caption,th {
  84.    text-align: left;
  85. }
  86.  
  87. h1,h2,h3,h4,h5,h6 {
  88.    font-size:100%;
  89.    font-weight:400;
  90.    font-family: 'Yanone Kaffeesatz', arial, serif;
  91. }
  92. q:before,q:after {
  93.     content: '';
  94. }
  95.  
  96. abbr,acronym {
  97.     border: 0;
  98.     font-variant: normal;
  99. }
  100.  
  101. sup {
  102.     vertical-align: text-top;
  103. }
  104.  
  105. sub {
  106.     vertical-align: text-bottom;
  107. }
  108.  
  109. input,textarea,select {
  110.     font-family: inherit;
  111.     font-weight: inherit;
  112.     font-size: 100%;
  113. }
  114.  
  115. legend {
  116.     color: #000;
  117. }
  118.  
  119. .error,.alert,.notice,.success,.info {
  120.     padding: 0.8em;
  121.     margin-bottom: 1em;
  122.     border: 2px solid #ddd;
  123. }
  124.  
  125. .error,.alert {
  126.     background: #fbe3e4;
  127.     color: #8a1f11;
  128.     border-color: #fbc2c4;
  129. }
  130.  
  131. .notice {
  132.     background: #fff6bf;
  133.     color: #514721;
  134.     border-color: #ffd324;
  135. }
  136.  
  137. .success {
  138.     background: #e6efc2;
  139.     color: #264409;
  140.     border-color: #c6d880;
  141. }
  142.  
  143. .info {
  144.     background: #d5edf8;
  145.     color: #205791;
  146.     border-color: #92cae4;
  147. }
  148.  
  149. .error a,.alert a {
  150.     color: #8a1f11;
  151. }
  152.  
  153. .notice a {
  154.     color: #514721;
  155. }
  156.  
  157. .success a {
  158.     color: #264409;
  159. }
  160.  
  161. .info a {
  162.     color: #205791;
  163. }
  164.  
  165. * {
  166.     outline: medium none;
  167. }
  168.  
  169. .Navbar,#navbar-iframe {
  170.     display: none !important;
  171. }
  172.  
  173. a,a:link {
  174.     color: #2A7295;
  175.     text-decoration: none;
  176. }
  177.  
  178. a:hover {
  179.     color: #222;
  180.     text-decoration: underline;
  181. }
  182.  
  183. a img {
  184.     border-width: 0;
  185. }
  186.  
  187. .clear {
  188.     clear: both;
  189.     height: 0;
  190. }
  191.  
  192. body {
  193.     background: #FFF;
  194.     color: #000;
  195.     font-family: "Maven Pro", Arial, sans-serif;
  196.     font-size: 14px;
  197.     line-height: 1.6;
  198.     margin: 0 auto;
  199.     padding: 0;
  200. }
  201.  
  202. #basic-wrap {
  203.     width: 100%;
  204.     margin: 0;
  205.     padding: 0;
  206. }
  207.  
  208. #topnav-wrap {
  209.     margin: 0 auto;
  210.     padding: 0;
  211.     text-align: left;
  212.     width: 960px;
  213. }
  214.  
  215. #header-wrap {
  216.     margin: 0 auto;
  217.     padding: 0;
  218.     text-align: left;
  219.     width: 960px;
  220. }
  221.  
  222. #header-left {
  223.     float: left;
  224.     margin: 0 auto;
  225.     width: 480px;
  226. }
  227.  
  228. #header-right {
  229.     float: right;
  230.     margin: 0 auto;
  231.     width: 480px;
  232. }
  233.  
  234. #menuwrapper{
  235.     border-top:1px solid #EAEAEA;
  236.     border-bottom:2px solid #EAEAEA;
  237.     width:100%;
  238.     margin:0;
  239.     display:block;
  240.     background: #fbfbfb;
  241.     background: -moz-linear-gradient(top,  #fbfbfb 0%, #f4f4f4 100%);
  242.     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfbfb), color-stop(100%,#f4f4f4));
  243.     background: -webkit-linear-gradient(top,  #fbfbfb 0%,#f4f4f4 100%);
  244.     background: -o-linear-gradient(top,  #fbfbfb 0%,#f4f4f4 100%);
  245.     background: -ms-linear-gradient(top,  #fbfbfb 0%,#f4f4f4 100%);
  246.     background: linear-gradient(top,  #fbfbfb 0%,#f4f4f4 100%);
  247.     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfbfb', endColorstr='#f4f4f4',GradientType=0 );
  248. }
  249.  
  250. #menuwrapper ul {
  251.     list-style: none;
  252.     float: left;
  253.     height: 45px;
  254. }
  255.  
  256. #menuwrapper ul li {
  257.     float: left;
  258.     height: 45px;
  259.     margin-right: 5px;
  260.     position: relative;
  261. }
  262.  
  263. #menuwrapper ul li a {
  264.     color: #404040;
  265.     float: left;
  266.     font-size: 14px;
  267.     font-weight: bold;
  268.     height: 45px;
  269.     line-height: 45px;
  270.     padding: 0 15px;
  271.     vertical-align: middle;
  272. }
  273.  
  274. #menuwrapper ul li a:hover {
  275.     text-decoration: none;
  276.     color: #202020;
  277.     background: #f4f4f4;
  278.     background: -moz-linear-gradient(top,  #f4f4f4 0%, #fbfbfb 100%);
  279.     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f4f4), color-stop(100%,#fbfbfb));
  280.     background: -webkit-linear-gradient(top,  #f4f4f4 0%,#fbfbfb 100%);
  281.     background: -o-linear-gradient(top,  #f4f4f4 0%,#fbfbfb 100%);
  282.     background: -ms-linear-gradient(top,  #f4f4f4 0%,#fbfbfb 100%);
  283.     background: linear-gradient(top,  #f4f4f4 0%,#fbfbfb 100%);
  284.     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#fbfbfb',GradientType=0 );
  285. }
  286. #mainwrapper {
  287.     border-top: 1px solid #F5F6F6;
  288.     background: url("http://2.bp.blogspot.com/-iKAOO5zWQNU/T_5xF45vc7I/AAAAAAAABhc/8pYlkBmvlzg/s1600/bg.png") repeat scroll 0 0 #FFF;
  289.     clear: both;
  290.     display: block;
  291.     padding: 0;
  292. }
  293.  
  294. #mainwrapper .inner {
  295.     margin-top: 10px;
  296. }
  297.  
  298. #contentwrapper {
  299.     float: left;
  300.     width: 630px;
  301.     display: block;
  302. }
  303.  
  304. #sidebarwrapper {
  305.     float: right;
  306.     width: 330px;
  307.     display: block;
  308.     margin-left: 20px;
  309.     overflow: hidden;
  310. }
  311.  
  312. #footerwrapper {
  313.     background: #111;
  314.     clear: both;
  315.     padding: 20px 0 0;
  316. }
  317.  
  318. #footer1,#footer2,#footer3 {
  319.     width: 32%;
  320.     margin-right: 2%;
  321.     float: left;
  322. }
  323.  
  324. #footer3 {
  325.     margin-right: 0;
  326. }
  327.  
  328. .inner {
  329.     width: 980px;
  330.     margin: 0 auto;
  331.     padding: 0;
  332. }
  333.  
  334. #topwrapper {
  335.     font-size: 14px;
  336.     font-weight: bold;
  337.     text-transform: captlize;
  338.     clear: both;
  339.     width: 100%;
  340.     background: #088A4B;
  341. }
  342.  
  343. #topwrapper .widget h2,.post-share-buttons {
  344.     display: none;
  345. }
  346.  
  347. #topwrapper ul {
  348.     float: left;
  349.     list-style: none outside none;
  350.     height: 36px;
  351.     margin: 0;
  352.     padding-left: 2px;
  353.     padding-right: 2px;
  354. }
  355.  
  356. #topwrapper ul li {
  357.     list-style: none;
  358.     float: left;
  359.     font-size: 13px;
  360.     height: 36px;
  361.     position: relative;
  362. }
  363.  
  364. #topwrapper ul li a {
  365.     color: #FFFFFF;
  366.     float: left;
  367.     font-weight: bold;
  368.     height: 36px;
  369.     line-height: 33px;
  370.     padding-left: 14px;
  371.     padding-right: 16px;
  372.     text-shadow: 0 1px 0 rgba(0,0,0,0.6);
  373.     vertical-align: middle;
  374. }
  375.  
  376. #topwrapper ul li a:hover {
  377.     color: #FFFFFF;
  378.     text-decoration: none;
  379. }
  380.  
  381. #header {
  382.     text-align: left;
  383.     width: 480px;
  384. }
  385.  
  386. #header #header-inner {
  387.     padding: 20px 0;
  388.     min-height: 60px;
  389. }
  390.  
  391. #header h1 {
  392.     letter-spacing: 0;
  393.     margin: 0;
  394.     padding: 0;
  395.     font-variant: small-caps;
  396.     text-transform: none;
  397.     color: #088A4B;
  398.     font-size: 45px;
  399.     line-height: 1.2;
  400. }
  401.  
  402. #header a {
  403.     color: #088A4B;
  404.     text-decoration: none;
  405. }
  406.  
  407. #header a:hover {
  408.     color: #088A4B;
  409. }
  410.  
  411. #header #header-inner img {
  412.     max-width: 100%;
  413.     height: auto;
  414. }
  415.  
  416. p.description {
  417.     font-size: 12px;
  418.     font-style: italic;
  419.     margin: 0;
  420.     padding: 0;
  421. }
  422.  
  423. #bannerad {
  424.     margin: auto;
  425.     padding: 20px 0;
  426. }
  427.  
  428. h2.date-header {
  429.     display: none;
  430. }
  431.  
  432. #sidebar h2 {
  433.     text-transform: capitalize;
  434.     border-bottom: 1px solid #D3D3D3;
  435.     color: #404040;
  436.     font-size: 2em;
  437.     line-height: 1;
  438.     font-weight: bold;
  439.     padding-bottom: 10px;
  440.     margin-bottom: 10px;
  441. }
  442.  
  443. h1.post-title {
  444.     color: #454545;
  445.     display: block;
  446.     font-family: 'Oswald',arial,serif;
  447.     font-size: 30px;
  448.     font-weight: normal;
  449.     line-height: 1.2;
  450.     margin: 0;
  451.     padding: 0 0 5px;
  452.     text-transform: uppercase;
  453. }
  454.  
  455. h1.post-title a,h1.post-title a:visited {
  456.     color: #454545;
  457.     display: block;
  458. }
  459.  
  460. h1.post-title a:hover {
  461.     text-decoration: underline;
  462. }
  463.  
  464. .post-body h1 {
  465.     font-size: 30px;
  466.     line-height: 1.4;
  467.     text-shadow: 1px 1px 1px #333;
  468.     text-transform: capitalize;
  469. }
  470.  
  471. .post-body h1 a:hover {
  472.     text-decoration: none;
  473. }
  474.  
  475. .post h2 {
  476.     font-size: 24px;
  477.     padding: 5px;
  478.     color: #fff;
  479.     text-shadow: 1px 1px 1px #333;
  480.     background: #E3BC50;
  481.     border-left: 20px solid #B9942D;
  482.  
  483.     -webkit-border-radius: 6px;
  484.     -moz-border-radius: 6px;
  485.     border-radius: 6px;
  486.  
  487.     -webkit-box-shadow: 1px 1px 2px #333;
  488.     -moz-box-shadow: 1px 1px 2px #333;
  489.     box-shadow: 1px 1px 2px #333;
  490.     margin: 10px 0;
  491.     text-transform: capitalize;
  492.     width: 94%;
  493.     line-height: 1;
  494. }
  495.  
  496. .post h3 {
  497.     background: #FBFBEF;
  498.     font-size: 20px;
  499.     padding: 4px 10px;
  500.     color: #333;
  501.     text-shadow: 1px 1px 1px #AAA;
  502.     border-bottom: 4px solid #01DF01;
  503.  
  504.     -webkit-border-radius: 0 0 6px 6px;
  505.     -moz-border-radius: 0 0 6px 6px;
  506.     border-radius: 0 0 6px 6px;
  507.  
  508.     -webkit-box-shadow: 1px 1px 2px #AAA;
  509.     -moz-box-shadow: 1px 1px 2px #AAA;
  510.     box-shadow: 1px 1px 2px #AAA;
  511.     margin: 6px 3px;
  512.     text-transform: capitalize;
  513.     width: 95%;
  514.     line-height: 1;
  515. }
  516.  
  517. #comments h4 {
  518.     color: #333;
  519.     font-size: 36px;
  520.     font-weight: normal;
  521.     letter-spacing: 0;
  522.     line-height: 1.4;
  523.     margin: 5px 0;
  524.     padding: 2px;
  525.     text-transform: none;
  526. }
  527.  
  528. .post {
  529.     margin-bottom: 30px;
  530.     border-bottom: 1px solid #D3D3D3;
  531.     padding-bottom: 30px;
  532.     position: relative;
  533.     overflow: hidden;
  534. }
  535.  
  536. .post ul {
  537.     display: block;
  538.     list-style: none outside none;
  539.     margin: 10px 0 10px 20px;
  540. }
  541.  
  542. .post ul li {
  543.     background: url("http://3.bp.blogspot.com/-gZ7nLrYSki4/TVvVy4kKoRI/AAAAAAAAAXc/i8tOdNRubSk/s24/w2b_bloggerbullet.png") no-repeat scroll left center transparent;
  544.     font-size: 14px;
  545.     line-height: 22px;
  546.     list-style: none outside none;
  547.     margin: 7px 0;
  548.     padding-left: 30px;
  549. }
  550.  
  551. .post ol {
  552.     display: block;
  553.     margin: 10px 0 10px 30px;
  554.     padding-left: 10px;
  555. }
  556.  
  557. .post ol li {
  558.     font-size: 14px;
  559.     line-height: 18px;
  560.     list-style: decimal outside none;
  561.     margin: 7px 0;
  562. }
  563.  
  564. .post-body {
  565.     line-height: 1.6em;
  566.     margin: 0 0 0.75em;
  567.     padding-top: 5px;
  568.     overflow: hidden;
  569. }
  570.  
  571. marquee {
  572.     white-space: nowrap;
  573. }
  574.  
  575. .post-body p {
  576.     margin: 0;
  577. }
  578.  
  579. .post-body blockquote {
  580.     border-left: 5px solid #CCC;
  581.     color: #777777;
  582.     font-family: georgia;
  583.     font-size: 16px;
  584.     font-style: italic;
  585.     line-height: 1.3em;
  586.     margin: 5px 5px 5px 30px;
  587.     padding: 5px 10px;
  588. }
  589.  
  590. .post-body blockquote p {
  591.     margin: 0.75em 0;
  592. }
  593.  
  594. .post-footer {
  595.     color: #333333;
  596.     font: 95% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif;
  597.     padding: 0;
  598. }
  599.  
  600. .post img,table.tr-caption-container {
  601.     padding: 1px;
  602. }
  603.  
  604. .post img {
  605.     max-width: 100%;
  606.     width: auto;
  607.     height: auto;
  608. }
  609.  
  610. .post img.screenshot {
  611.     border: 1px solid #DDDDDD;
  612.  
  613.     -webkit-box-shadow: 0px 0px 4px #CCC;
  614.     -moz-box-shadow: 0px 0px 4px #CCC;
  615.     box-shadow: 0px 0px 4px #CCC;
  616.     -goog height: auto;
  617.     max-width: 98%;
  618.     padding: 2px;
  619.     width: auto;
  620. }
  621.  
  622. .post-header {
  623.     display: inline-block;
  624.     background: #088A4B;
  625.     padding: 2px 10px;
  626.     margin: 8px 0;
  627.     color: #fff;
  628.     font-size: 12px;
  629.  
  630.     -webkit-border-radius: 4px;
  631.     -moz-border-radius: 4px;
  632.     border-radius: 4px;
  633.     text-shadow: 1px 1px 0px rgba(0,0,0,0.5);
  634. }
  635.  
  636. .post-header a {
  637.     color: #fff;
  638. }
  639.  
  640. #sidebar {
  641.     float: right;
  642. }
  643.  
  644. #sidebar ul {
  645.     font-size: 14px;
  646.     list-style: none outside none;
  647. }
  648.  
  649. #sidebar ul li {
  650.     margin-bottom: 4px;
  651.     padding-bottom: 4px;
  652.     color: #B2B2B2;
  653.     font-size: 13px;
  654.     line-height: 1.4;
  655. }
  656.  
  657. #sidebar ul li:last-child {
  658.     border-bottom: medium none;
  659. }
  660.  
  661. #sidebar ul li a {
  662.     color: #515151;
  663.     font-size: 14px;
  664.     margin-left: 2px;
  665. }
  666.  
  667. #sidebar .widget {
  668.     margin: 0 15px 15px;
  669.     padding: 0;
  670.     border-bottom: 1px solid #D3D3D3;
  671. }
  672.  
  673. #sidebar .widget-content {
  674.     padding-bottom: 15px;
  675. }
  676.  
  677. .w2bOldSocial ul {
  678.     font-family: 'Oswald', sans-serif;
  679.     margin: 15px 0;
  680.     overflow: hidden;
  681. }
  682. .w2bOldSocial ul li {
  683.     float: left;
  684.     width: 90px;
  685.     padding-left: 55px;
  686.     margin: 0 0 0 5px !important;
  687.     line-height: 48px !important;
  688. }
  689. .w2bOldSocial ul li a {
  690.     font-size: 20px !important;
  691.     text-decoration:none;
  692. }
  693. .w2bOldSocial ul li a:hover {
  694.     text-decoration:underline;
  695. }
  696. .w2bOldSocial ul li.w2brss {
  697.     background: url("http://2.bp.blogspot.com/-HzL4OJ6FzmE/TeTFVVR1A4I/AAAAAAAAA4g/Eiju-1UObXU/s48/RSS.png") no-repeat scroll left center transparent;
  698. }
  699. .w2bOldSocial ul li.w2bmail {
  700.     background: url("http://2.bp.blogspot.com/-YcW06xYPTM4/TeTFU1cvqbI/AAAAAAAAA4c/1fyAl6q9QRw/s48/Mail.png") no-repeat scroll left center transparent;
  701. }
  702. .w2bOldSocial ul li.w2btwitter {
  703.     background: url("http://3.bp.blogspot.com/-d8fPV2jD2p0/TeTFVkAMFOI/AAAAAAAAA4k/0jYlyJGVmXM/s48/Twitter2.png") no-repeat scroll left center transparent;
  704. }
  705. .w2bOldSocial ul li.w2bfacebook {
  706.     background: url("http://1.bp.blogspot.com/-SfiMNXFU9TE/TeTFUbgc_SI/AAAAAAAAA4Y/THAqJLoo_vg/s48/Facebook.png") no-repeat scroll left center transparent;
  707. }
  708. #w2bEmailsub {
  709.     display: block;
  710.     clear: both;
  711.     margin: 10px 0;
  712. }
  713. form.w2bEmailform {
  714.     margin: 20px 0 0;
  715.     display: block;
  716.     clear: both;
  717. }
  718. .emailText {
  719.     background: url("http://3.bp.blogspot.com/-SoB4RN7Bchk/TZ1ouay9q0I/AAAAAAAAAlE/dkyZEzF2HIw/s28/w2b-mail.png") no-repeat scroll 4px center transparent;
  720.     padding: 7px 15px 7px 35px;
  721.     color: #444;
  722.     font-weight: bold;
  723.     text-decoration: none;
  724.     border: 1px solid #D3D3D3;
  725.  
  726.     -webkit-border-radius: 4px;
  727.     -moz-border-radius: 4px;
  728.     border-radius: 4px;
  729.  
  730.     -webkit-box-shadow: 1px 1px 2px #CCC inset;
  731.     -moz-box-shadow: 1px 1px 2px #CCC inset;
  732.     box-shadow: 1px 1px 2px #CCC inset;
  733. }
  734. .emailButton {
  735.     color: #444;
  736.     font-weight: bold;
  737.     text-decoration: none;
  738.     padding: 6px 15px;
  739.     border: 1px solid #D3D3D3;
  740.     cursor: pointer;
  741.  
  742.     -webkit-border-radius: 4px;
  743.     -moz-border-radius: 4px;
  744.     border-radius: 4px;
  745.  
  746.     background: #fbfbfb;
  747.     background: -moz-linear-gradient(top, #fbfbfb 0%, #f4f4f4 100%);
  748.     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfbfb), color-stop(100%,#f4f4f4));
  749.     background: -webkit-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
  750.     background: -o-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
  751.     background: -ms-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
  752.     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FBFBFB', endColorstr='#F4F4F4',GradientType=0 );
  753.     background: linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
  754. }
  755. .comments {
  756.     padding: 10px;
  757. }
  758.  
  759. #comments-block.avatar-comment-indent {
  760.     margin: 2em 0 1.5em !important;
  761.     position: relative;
  762. }
  763.  
  764. dl#comments-block {
  765.     line-height: 1.5em;
  766.     margin: 2em 0 1.5em !important;
  767. }
  768.  
  769. #comments-block .comment-author {
  770.     background: none repeat scroll 0 0 transparent;
  771.     font-size: 15px;
  772.     font-weight: bold;
  773.     margin-left:90px;
  774. }
  775.  
  776. #comments-block .comment-author a, {
  777.     text-decoration: none;
  778. }
  779.  
  780. #comments-block .avatar-image-container {
  781.     background: url("http://2.bp.blogspot.com/-1KbybOhp3wo/TV9x7VKDEjI/AAAAAAAAAao/pJKQ5kgksdQ/way2blogging-commentavatar.png") no-repeat scroll center center #FFFFFF;
  782.     border: 1px solid #B6B6B6;
  783.     height: 70px;
  784.     left: 0;
  785.     margin-top:0px;
  786.     position: absolute;
  787.     width: 70px;
  788.     max-width: 70px;
  789.     max-height: 70px;
  790. }
  791.  
  792. #comments-block .avatar-image-container img {
  793.     border: medium none !important;
  794.     float: right;
  795.     height: 70px;
  796.     width: 70px;
  797. }
  798.  
  799. #comments-block .avatar-image-container.avatar-stock img {
  800.     border-width: 0;
  801.     padding: 0;
  802. }
  803.  
  804. #comments-block .comment-body {
  805.     background: none repeat scroll 0 0 transparent;
  806.     border-bottom: 2px solid #E6E6E6;
  807.     font-size: 14px;
  808.     padding: 5px 5px 20px 90px;
  809. }
  810.  
  811. #comments-block .comment-body p {
  812.     margin: 0 0 0.75em;
  813. }
  814.  
  815. #comments-block .comment-footer {
  816.     background: none repeat scroll 0 0 transparent;
  817.     border: medium none;
  818.     font-size: 12px;
  819.     font-style: italic;
  820.     font-weight: normal;
  821.     margin: 0 5px;
  822.     text-decoration: none;
  823.     margin: 0 0 30px;
  824.        text-align:right;
  825. }
  826.  
  827. #comments-block .comment-footer a {
  828.     color: #444444;
  829.     text-decoration: none;
  830. }
  831.  
  832. .footer,#credits {
  833.     color: #EEE;
  834.     font-size: 13px;
  835.     line-height: 1.6em;
  836. }
  837.  
  838. .footer a,#credits a {
  839.     color: #999;
  840.     text-shadow: 0 1px 0 #444;
  841.  
  842.     -webkit-transition: all 0.2s ease;
  843.     -moz-transition: all 0.2s ease;
  844.     -o-transition: all 0.2s ease;
  845.     -ms-transition: all 0.2s ease;
  846.     transition: all 0.2s ease;
  847. }
  848.  
  849. .footer a:hover,#credits a:hover {
  850.     color: #fff;
  851.     text-shadow: 0 1px 0 #222;
  852.     text-decoration: none;
  853. }
  854.  
  855. .footer h2 {
  856.     color: #FFFFFF;
  857.     font-size: 2.4em;
  858.     margin-bottom: 10px;
  859.     padding: 5px;
  860.     text-shadow: 0 1px 0 #000000;
  861.     text-transform: uppercase;
  862. }
  863.  
  864. #blog-pager {
  865.     padding: 20px 0;
  866.     font-weight: bold;
  867. }
  868.  
  869. .footer .widget {
  870.     margin-bottom: 35px;
  871. }
  872.  
  873. .footer li {
  874.     border-bottom: 1px solid #232323;
  875.     margin-bottom: 6px;
  876.     padding-bottom: 6px;
  877. }
  878.  
  879. .footer li:last-child {
  880.     border-bottom: none;
  881. }
  882.  
  883. #credits {
  884.     width: 100%;
  885.     padding: 25px 0;
  886.     background: #000;
  887. }
  888.  
  889. .comment-form {
  890.     max-width: 100%;
  891.     padding: 10px;
  892. }
  893.  
  894. .jump-link {
  895.     display: block;
  896.     font-size: 12px;
  897.     font-weight: bold;
  898.     text-align:right;
  899. }
  900.  
  901. .jump-link a,
  902. .way2button,
  903. a.way2button,
  904. a.blog-pager-older-link,
  905. a.home-link,
  906. a.blog-pager-newer-link {
  907.     color:#444;
  908.     font-weight:bold;
  909.     text-decoration:none;
  910.     padding:6px 15px;
  911.     border:1px solid #D3D3D3;
  912.     -moz-border-radius: 4px;
  913.     -webkit-border-radius: 4px;
  914.     -goog-ms-border-radius: 4px;
  915.     border-radius: 4px;
  916.     cursor:pointer;
  917.     background: #fbfbfb;
  918.     background: -moz-linear-gradient(top, #fbfbfb 0%, #f4f4f4 100%);
  919.     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfbfb), color-stop(100%,#f4f4f4));
  920.     background: -webkit-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
  921.     background: -o-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
  922.     background: -ms-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
  923.     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FBFBFB', endColorstr='#F4F4F4',GradientType=0 );
  924.     background: linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
  925. }
  926.  
  927.  
  928. code {
  929.     color: #000099;
  930.     font: 108% "Courier new",Courier,mono;
  931.     padding: 0 2px;
  932.     white-space: nowrap;
  933. }
  934.  
  935. pre code {
  936.     -webkit-box-shadow: 0 0 10px #DDDDDD;
  937.     -moz-box-shadow: 0 0 10px #DDDDDD;
  938.     box-shadow: 0 0 10px #DDDDDD;
  939.     background: url("http://4.bp.blogspot.com/_nDNgmK8FIyI/TAotd45wtFI/AAAAAAAAADY/RRY_0lvDojM/s1600/w2b-code-bg.png") repeat scroll 0 0 #FFFFFF;
  940.     border: 2px solid #CCCCCC;
  941.     clear: both;
  942.     color: #333333;
  943.     display: block;
  944.     font-size: 12px;
  945.     line-height: 15px;
  946.     margin: 10px auto 10px 30px;
  947.     overflow: auto;
  948.     padding: 15px;
  949.     white-space: pre;
  950.     width: 85% !important;
  951.     word-wrap: break-word;
  952. }
  953.  
  954. img.bottom,#bottom {
  955.     border: medium none;
  956.     vertical-align: text-bottom;
  957. }
  958.  
  959. img.top,#top {
  960.     border: medium none;
  961.     vertical-align: text-top;
  962. }
  963.  
  964. img.middle,#middle {
  965.     border: medium none;
  966.     vertical-align: middle;
  967. }
  968.  
  969. .breadcrumbs {
  970.     border-bottom: 1px dotted #EEEEEE;
  971.     clear: both;
  972.     color: #000000;
  973.     font-size: 105%;
  974.     margin: 0 0 5px;
  975.     padding: 5px;
  976.     text-transform: capitalize;
  977. }
  978.  
  979. .labelfeed {
  980.     background: url("http://2.bp.blogspot.com/_5rlxf3T9Z9U/S7pwwqBTQhI/AAAAAAAAF1o/4t5SuxRp6mk/Tag.png") no-repeat scroll 10px center #E0F8EC;
  981.     border: 2px solid #F5D0A9;
  982.     color: #000000;
  983.     padding: 10px 10px 10px 70px;
  984. }
  985.  
  986.  
  987. a.linkopacity img {
  988.     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
  989.     filter: alpha(opacity=85);
  990.     opacity: 0.85;
  991. }
  992. a.linkopacity:hover img {
  993.     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  994.     filter: alpha(opacity=100);
  995.     opacity: 1;
  996. }
  997. #doulike-outer {
  998.     -webkit-border-radius: 10px 10px 10px 10px;
  999.     -moz-border-radius: 10px 10px 10px 10px;
  1000.     border-radius: 10px 10px 10px 10px;
  1001.     -goog background: none repeat scroll 0 0 transparent;
  1002.     border: 1px solid #D3D3D3;
  1003.     padding: 8px;
  1004.  
  1005.     -webkit-transition: all 0.3s ease-out;
  1006.     -moz-transition: all 0.3s ease-out;
  1007.     -o-transition: all 0.3s ease-out;
  1008.     -ms-transition: all 0.3s ease-out;
  1009.     transition: all 0.3s ease-out;
  1010. }
  1011.  
  1012. #doulike-outer:hover {
  1013.     background: #FFF;
  1014.  
  1015.     -webkit-box-shadow: 1px 1px 2px #CCC inset;
  1016.     -moz-box-shadow: 1px 1px 2px #CCC inset;
  1017.     box-shadow: 1px 1px 2px #CCC inset;
  1018. }
  1019.  
  1020. #doulike-outer td {
  1021.     padding: 5px 0;
  1022. }
  1023.  
  1024. #blog-pager {
  1025.     font-size: 14px;
  1026.     font-weight: bold;
  1027.     line-height: 30px;
  1028.     margin: 2em 0.5em;
  1029.     text-align: center;
  1030. }
  1031.  
  1032. #newer-link {
  1033.     float: left;
  1034.     font-weight: bold;
  1035. }
  1036.  
  1037. #older-link {
  1038.     float: right;
  1039.     font-weight: bold;
  1040. }
  1041.  
  1042. #home-link {
  1043.     font-weight: bold;
  1044. }
  1045.  
  1046. .pageNavNum {
  1047.     border: 0 none;
  1048. }
  1049.  
  1050. .pageNavNum a,.pageNav a,.pageNavOn {
  1051.     color: #444;
  1052.     font-weight: bold;
  1053.     text-decoration: none;
  1054.     padding: 4px 10px;
  1055.     border: 1px solid #D3D3D3;
  1056.        margin: 0 4px;
  1057.  
  1058.     -webkit-border-radius: 4px;
  1059.     -moz-border-radius: 4px;
  1060.     border-radius: 4px;
  1061.     -goog margin: 0 3px;
  1062.     background: #fbfbfb;
  1063.  
  1064.     background: -webkit-linear-gradient(top, #fbfbfb 0%, #f4f4f4 100%);
  1065.     background: -moz-linear-gradient(top, #fbfbfb 0%, #f4f4f4 100%);
  1066.     background: -o-linear-gradient(top, #fbfbfb 0%, #f4f4f4 100%);
  1067.     background: -ms-linear-gradient(top, #fbfbfb 0%, #f4f4f4 100%);
  1068.     background: linear-gradient(top, #fbfbfb 0%, #f4f4f4 100%);
  1069. }
  1070.  
  1071. .pageNavNum a:hover,.pageNav a:hover,.pageNavOn {
  1072.     border: 1px solid #AAA;
  1073. }
  1074.  
  1075. .pageNavOf {
  1076.     margin: 0 4px 0 0;
  1077.     padding: 5px 12px;
  1078.     text-decoration: none;
  1079. }
  1080.  
  1081. img.spimg {
  1082.     border: 0 none !important;
  1083.     clear: left;
  1084.     padding: 0;
  1085. }
  1086.  
  1087. .tr-caption-container img {
  1088.     border: medium none;
  1089.     padding: 0;
  1090. }
  1091.  
  1092. .share {
  1093.     width: 285px;
  1094.     float: right;
  1095. }
  1096.  
  1097. .share ul {
  1098.     list-style: none;
  1099.     margin: 20px 0;
  1100.     display: block;
  1101. }
  1102.  
  1103. .share li {
  1104.     list-style: none;
  1105.     background: none !important;
  1106.     padding: 0 !important;
  1107.     float: left;
  1108.     margin-right: 8px !important;
  1109.     height: 65px;
  1110. }
  1111.  
  1112. .delic-tall h2,.delic-tall h3 {
  1113.     border: 0;
  1114.  
  1115.     -webkit-border-radius: 0;
  1116.     -moz-border-radius: 0;
  1117.     border-radius: 0;
  1118.     padding: 0;
  1119.     margin: 0;
  1120. }
  1121.  
  1122. #w2bOldSearch {
  1123.     display: block;
  1124.     clear: both;
  1125.     margin: 10px 0;
  1126. }
  1127.  
  1128. #w2bOldSearch #w2bSinput {
  1129.     background: url("http://2.bp.blogspot.com/-Q-Ejkmx-Ki4/Teem3RZlpqI/AAAAAAAAA40/_p6u9Xpgs7c/s20/Search-icon.png") no-repeat scroll 8px center transparent !important;
  1130.     padding: 7px 15px 7px 35px !important;
  1131.     color: #444;
  1132.     font-weight: bold;
  1133.     text-decoration: none;
  1134.     border: 1px solid #D3D3D3 !important;
  1135.  
  1136.     -webkit-border-radius: 4px;
  1137.     -moz-border-radius: 4px;
  1138.     border-radius: 4px;
  1139.  
  1140.     -webkit-box-shadow: 1px 1px 2px #CCC inset;
  1141.     -moz-box-shadow: 1px 1px 2px #CCC inset;
  1142.     box-shadow: 1px 1px 2px #CCC inset;
  1143. }
  1144.  
  1145. #w2bOldSearch #w2bSsubmit {
  1146.     color: #444;
  1147.     font-weight: bold;
  1148.     text-decoration: none;
  1149.     padding: 6px 15px;
  1150.     border: 1px solid #D3D3D3;
  1151.     cursor: pointer;
  1152.  
  1153.     -webkit-border-radius: 4px;
  1154.     -moz-border-radius: 4px;
  1155.     border-radius: 4px;
  1156.  
  1157.     background: #fbfbfb;
  1158.     background: -moz-linear-gradient(top, #fbfbfb 0%, #f4f4f4 100%);
  1159.     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfbfb), color-stop(100%,#f4f4f4));
  1160.     background: -webkit-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
  1161.     background: -o-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
  1162.     background: -ms-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
  1163.     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FBFBFB', endColorstr='#F4F4F4',GradientType=0 );
  1164.     background: linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
  1165. }
  1166. ul.cbtsharethis {
  1167.     float: left;
  1168.     list-style: none outside none;
  1169.     margin: 0;
  1170. }
  1171.  
  1172. ul.cbtsharethis li {
  1173.     background: none repeat scroll 0 0 transparent;
  1174.     font-size: 16px;
  1175.     list-style: none outside none;
  1176.     margin: 5px 0 0;
  1177.     padding: 0;
  1178. }
  1179.  
  1180. ul.cbtsharethis li a {
  1181.     display: block;
  1182.     line-height: 35px;
  1183.     padding-left: 40px;
  1184. }
  1185.  
  1186. ul.cbtsharethis li.twitter a {
  1187.     background: url(http://4.bp.blogspot.com/-W-J6DGKjvD4/Tg_4sp2rdRI/AAAAAAAABB0/4htJoMku58k/s36/mytwitter.png) no-repeat scroll left center transparent;
  1188. }
  1189.  
  1190. ul.cbtsharethis li.facebook a {
  1191.     background: url(http://2.bp.blogspot.com/-BD1B_KkdPbs/Tg_4rBTzbrI/AAAAAAAABBo/SOBAsb0asSg/s36/myfacebook.png) no-repeat scroll left center transparent;
  1192. }
  1193.  
  1194. ul.cbtsharethis li.stumble a {
  1195.     background: url(http://2.bp.blogspot.com/-7o4AvPpZVvI/Tg_4sDvhK7I/AAAAAAAABBw/N3FxQcAf5vg/s36/mystumble.png) no-repeat scroll left center transparent;
  1196. }
  1197.  
  1198. ul.cbtsharethis li.digg a {
  1199.     background: url(http://3.bp.blogspot.com/-oiaQeUK8Nbs/Tg_4qFZ5FtI/AAAAAAAABBk/w_PbJ90tIvk/s36/mydigg.png) no-repeat scroll left center transparent;
  1200. }
  1201.  
  1202. ul.cbtsharethis li.delicious a {
  1203.     background: url(http://3.bp.blogspot.com/-9-Z92fQWNM0/ThAiXTmt5eI/AAAAAAAABB8/h6GnLd96T78/s36/mydelecious.png) no-repeat scroll left center transparent;
  1204. }
  1205.  
  1206. ul.cbtsharethis li.sharethis a {
  1207.     background: url(http://3.bp.blogspot.com/-38KtDTMU7Ps/Tg_4tL_splI/AAAAAAAABB4/jLNJQLTlzTA/s36/share-icons.png) no-repeat scroll left center transparent;
  1208. }
  1209.  
  1210. .st_sharethis_custom {
  1211.     cursor: pointer;
  1212. }
  1213.  
  1214. ]]></b:skin>
  1215. <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  1216. <style type='text/css'>
  1217. .post-header, .post-footer, .comments{display:none !important;}
  1218. </style>
  1219. </b:if>
  1220.  
  1221. <b:if cond='data:blog.pageType != &quot;item&quot;'>
  1222. <style type='text/css'>
  1223. .post-footer{display:none !important;}
  1224. img.spimg{border:0px;padding:0px !important; margin-right:10px;clear:left !important;float: left;}
  1225. </style>
  1226. </b:if>
  1227.  
  1228. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  1229. <style type='text/css'>
  1230. </style>
  1231. <!-- Sharethis script Start -->
  1232.  
  1233. <!-- Sharethis script End -->
  1234. </b:if>
  1235.  
  1236.  
  1237.  
  1238. </head>
  1239. <body>
  1240.  
  1241. <div id='fb-root'/>
  1242. <script>
  1243. (function() {
  1244.     var e = document.createElement(&#39;script&#39;);
  1245.     e.src = document.location.protocol + &#39;//connect.facebook.net/en_US/all.js#xfbml=1&#39;;
  1246.     e.async = true;
  1247.     document.getElementById(&#39;fb-root&#39;).appendChild(e);
  1248. }());
  1249. </script>
  1250.   <div id='basic-wrap'>
  1251.     <div id='topwrapper'>
  1252.           <div class='inner'>
  1253.       <b:section id='topinner' maxwidgets='1' showaddelement='true'>
  1254. <b:widget id='PageList1' locked='true' title='Top Menu' type='PageList'>
  1255. <b:includable id='main'>
  1256.   <b:if cond='data:title'><h2><data:title/></h2></b:if>
  1257.   <div class='widget-content'>
  1258.     <b:if cond='data:mobile'>
  1259.       <select expr:id='data:widget.instanceId + &quot;_select&quot;'>
  1260.         <b:loop values='data:links' var='link'>
  1261.           <b:if cond='data:link.isCurrentPage'>
  1262.             <option expr:value='data:link.href' selected='selected'><data:link.title/></option>
  1263.           <b:else/>
  1264.             <option expr:value='data:link.href'><data:link.title/></option>
  1265.           </b:if>
  1266.         </b:loop>
  1267.       </select>
  1268.       <span class='pagelist-arrow'>&amp;#9660;</span>
  1269.  
  1270.     <b:else/>
  1271.       <ul>
  1272.         <b:loop values='data:links' var='link'>
  1273.           <b:if cond='data:link.isCurrentPage'>
  1274.             <li class='selected'><a expr:href='data:link.href'><data:link.title/></a></li>
  1275.           <b:else/>
  1276.             <li><a expr:href='data:link.href'><data:link.title/></a></li>
  1277.           </b:if>
  1278.         </b:loop>
  1279.       </ul>
  1280.     </b:if>
  1281.     <b:include name='quickedit'/>
  1282.   </div>
  1283. </b:includable>
  1284. </b:widget>
  1285. </b:section>
  1286.  
  1287. <div style='clear:both;'/>
  1288.           </div>
  1289.     </div><!--/topnav-wrap-->
  1290.    
  1291.     <div class='clear'/><!--clear for floats-->
  1292.    
  1293.     <div id='header-wrap'>
  1294.       <div id='header-left'>
  1295.       <b:section class='header' id='header' maxwidgets='1' showaddelement='yes'>
  1296. <b:widget id='Header1' locked='true' title='Way2blogging&apos;s Blogger Template (Header)' type='Header'>
  1297. <b:includable id='main'>
  1298.  
  1299.   <b:if cond='data:useImage'>
  1300.     <b:if cond='data:imagePlacement == &quot;BEHIND&quot;'>
  1301.       <!--
  1302.      Show image as background to text. You can't really calculate the width
  1303.      reliably in JS because margins are not taken into account by any of
  1304.      clientWidth, offsetWidth or scrollWidth, so we don't force a minimum
  1305.      width if the user is using shrink to fit.
  1306.      This results in a margin-width's worth of pixels being cropped. If the
  1307.      user is not using shrink to fit then we expand the header.
  1308.      -->
  1309.       <b:if cond='data:mobile'>
  1310.           <div id='header-inner'>
  1311.             <div class='titlewrapper' style='background: transparent'>
  1312.               <h1 class='title' style='background: transparent; border-width: 0px'>
  1313.                 <b:include name='title'/>
  1314.               </h1>
  1315.             </div>
  1316.             <b:include name='description'/>
  1317.           </div>
  1318.         <b:else/>
  1319.           <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;_height: &quot; + data:height                        + &quot;background-repeat: no-repeat; &quot;' id='header-inner'>
  1320.             <div class='titlewrapper' style='background: transparent'>
  1321.               <h1 class='title' style='background: transparent; border-width: 0px'>
  1322.                 <b:include name='title'/>
  1323.               </h1>
  1324.             </div>
  1325.             <b:include name='description'/>
  1326.           </div>
  1327.         </b:if>
  1328.     <b:else/>
  1329.       <!--Show the image only-->
  1330.       <div id='header-inner'>
  1331.         <a expr:href='data:blog.homepageUrl' style='display: block'>
  1332.           <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'/>
  1333.         </a>
  1334.         <!--Show the description-->
  1335.         <b:if cond='data:imagePlacement == &quot;BEFORE_DESCRIPTION&quot;'>
  1336.           <b:include name='description'/>
  1337.         </b:if>
  1338.       </div>
  1339.     </b:if>
  1340.   <b:else/>
  1341.     <!--No header image -->
  1342.     <div id='header-inner'>
  1343.       <div class='titlewrapper'>
  1344.         <h1 class='title'>
  1345.           <b:include name='title'/>
  1346.         </h1>
  1347.       </div>
  1348.       <b:include name='description'/>
  1349.     </div>
  1350.   </b:if>
  1351. </b:includable>
  1352. <b:includable id='title'>
  1353.   <b:if cond='data:blog.url == data:blog.homepageUrl'>
  1354.     <data:title/>
  1355.   <b:else/>
  1356.     <a expr:href='data:blog.homepageUrl'><data:title/></a>
  1357.   </b:if>
  1358. </b:includable>
  1359. <b:includable id='description'>
  1360.   <div class='descriptionwrapper'>
  1361.     <p class='description'><span><data:description/></span></p>
  1362.   </div>
  1363. </b:includable>
  1364. </b:widget>
  1365. </b:section>
  1366.       </div><!--/header-left-->
  1367.       <div id='header-right'>
  1368.       <b:section class='bannerad' id='bannerad' maxwidgets='1' showaddelement='yes'>
  1369. <b:widget id='HTML1' locked='true' title='Banner Ad' type='HTML'>
  1370. <b:includable id='main'>
  1371.   <div class='widget-content'>
  1372.     <data:content/>
  1373.   </div>
  1374.   <b:include name='quickedit'/>
  1375. </b:includable>
  1376. </b:widget>
  1377. </b:section>
  1378.       </div><!--/header-right-->
  1379.     <div class='clear'/><!--clear for floats-->
  1380.     </div><!--/header-wrap-->
  1381.    
  1382.     <div class='clear'/><!--clear for floats-->
  1383.    
  1384.   <div id='menuwrapper'>
  1385.    <div class='inner'>
  1386.       <b:section id='menuinner' maxwidgets='1' showaddelement='true'>
  1387. <b:widget id='LinkList129' locked='true' title='' type='LinkList'>
  1388. <b:includable id='main'>
  1389.  
  1390. <b:if cond='data:title'><h2><data:title/></h2></b:if>
  1391.  <div class='widget-content'>
  1392.    <ul>
  1393.      <b:loop values='data:links' var='link'>
  1394.        <li><a expr:href='data:link.target'><data:link.name/></a></li>
  1395.      </b:loop>
  1396.    </ul>
  1397.    <b:include name='quickedit'/>
  1398.  </div>
  1399. </b:includable>
  1400. </b:widget>
  1401. </b:section>
  1402.    </div>
  1403. <div style='clear:both;'/>
  1404.   </div><!-- /menuwrapper -->
  1405.    
  1406.  
  1407.     <div class='clear'/><!--clear for floats-->
  1408.  
  1409.     <div id='mainwrapper'>
  1410.  
  1411. <div class='inner'>
  1412. <b:section id='crosscol'>
  1413. </b:section>
  1414. </div>
  1415.  
  1416.      <div class='inner'>
  1417.       <div id='contentwrapper'>
  1418.           <b:section class='main' id='main' showaddelement='no'>
  1419. <b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'>
  1420. <b:includable id='nextprev'>
  1421.   <div class='blog-pager' id='blog-pager'>
  1422.     <b:if cond='data:newerPageUrl'>
  1423.       <span id='blog-pager-newer-link'>
  1424.       <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>
  1425.       </span>
  1426.     </b:if>
  1427.  
  1428.     <b:if cond='data:olderPageUrl'>
  1429.       <span id='blog-pager-older-link'>
  1430.       <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>
  1431.       </span>
  1432.     </b:if>
  1433.  
  1434.     <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
  1435.  
  1436.     <b:if cond='data:mobileLinkUrl'>
  1437.       <div class='blog-mobile-link'>
  1438.         <a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a>
  1439.       </div>
  1440.     </b:if>
  1441.  
  1442.   </div>
  1443.   <div class='clear'/>
  1444. </b:includable>
  1445. <b:includable id='shareButtons' var='post'>
  1446.   <b:if cond='data:top.showEmailButton'><a class='goog-inline-block 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></b:if><b:if cond='data:top.showBlogThisButton'><a class='goog-inline-block 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></b:if><b:if cond='data:top.showTwitterButton'><a class='goog-inline-block 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></b:if><b:if cond='data:top.showFacebookButton'><a class='goog-inline-block 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></b:if><b:if cond='data:top.showOrkutButton'><a class='goog-inline-block share-button sb-orkut' expr:href='data:post.sharePostUrl + &quot;&amp;target=orkut&quot;' expr:title='data:top.shareToOrkutMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToOrkutMsg/></span></a></b:if><b:if cond='data:top.showDummy'><div class='goog-inline-block dummy-container'><data:post.dummyTag/></div></b:if>
  1447. </b:includable>
  1448. <b:includable id='threaded_comment_js' var='post'>
  1449.   <script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>
  1450.  
  1451.   <script type='text/javascript'>
  1452.     (function() {
  1453.       var items = <data:post.commentJso/>;
  1454.       var msgs = <data:post.commentMsgs/>;
  1455.       var config = <data:post.commentConfig/>;
  1456.  
  1457. // <![CDATA[
  1458.      var cursor = null;
  1459.      if (items && items.length > 0) {
  1460.        cursor = parseInt(items[items.length - 1].timestamp) + 1;
  1461.      }
  1462.  
  1463.      var bodyFromEntry = function(entry) {
  1464.        if (entry.gd$extendedProperty) {
  1465.          for (var k in entry.gd$extendedProperty) {
  1466.            if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {
  1467.              return '<span class="deleted-comment">' + entry.content.$t + '</span>';
  1468.            }
  1469.          }
  1470.        }
  1471.        return entry.content.$t;
  1472.      }
  1473.  
  1474.      var parse = function(data) {
  1475.        cursor = null;
  1476.        var comments = [];
  1477.        if (data && data.feed && data.feed.entry) {
  1478.          for (var i = 0, entry; entry = data.feed.entry[i]; i++) {
  1479.            var comment = {};
  1480.            // comment ID, parsed out of the original id format
  1481.            var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t);
  1482.            comment.id = id ? id[2] : null;
  1483.            comment.body = bodyFromEntry(entry);
  1484.            comment.timestamp = Date.parse(entry.published.$t) + '';
  1485.            if (entry.author && entry.author.constructor === Array) {
  1486.              var auth = entry.author[0];
  1487.              if (auth) {
  1488.                comment.author = {
  1489.                  name: (auth.name ? auth.name.$t : undefined),
  1490.                  profileUrl: (auth.uri ? auth.uri.$t : undefined),
  1491.                  avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined)
  1492.                };
  1493.              }
  1494.            }
  1495.            if (entry.link) {
  1496.              if (entry.link[2]) {
  1497.                comment.link = comment.permalink = entry.link[2].href;
  1498.              }
  1499.              if (entry.link[3]) {
  1500.                var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href);
  1501.                if (pid && pid[1]) {
  1502.                  comment.parentId = pid[1];
  1503.                }
  1504.              }
  1505.            }
  1506.            comment.deleteclass = 'item-control blog-admin';
  1507.            if (entry.gd$extendedProperty) {
  1508.              for (var k in entry.gd$extendedProperty) {
  1509.                if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') {
  1510.                  comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;
  1511.                } else if (entry.gd$extendedProperty[k].name == 'blogger.displayTime') {
  1512.                  comment.displayTime = entry.gd$extendedProperty[k].value;
  1513.                }
  1514.              }
  1515.            }
  1516.            comments.push(comment);
  1517.          }
  1518.        }
  1519.        return comments;
  1520.      };
  1521.  
  1522.      var paginator = function(callback) {
  1523.        if (hasMore()) {
  1524.          var url = config.feed + '?alt=json&v=2&orderby=published&reverse=false&max-results=50';
  1525.          if (cursor) {
  1526.            url += '&published-min=' + new Date(cursor).toISOString();
  1527.          }
  1528.          window.bloggercomments = function(data) {
  1529.            var parsed = parse(data);
  1530.            cursor = parsed.length < 50 ? null
  1531.                : parseInt(parsed[parsed.length - 1].timestamp) + 1
  1532.            callback(parsed);
  1533.            window.bloggercomments = null;
  1534.          }
  1535.          url += '&callback=bloggercomments';
  1536.          var script = document.createElement('script');
  1537.          script.type = 'text/javascript';
  1538.          script.src = url;
  1539.          document.getElementsByTagName('head')[0].appendChild(script);
  1540.        }
  1541.      };
  1542.      var hasMore = function() {
  1543.        return !!cursor;
  1544.      };
  1545.      var getMeta = function(key, comment) {
  1546.        if ('iswriter' == key) {
  1547.          var matches = !!comment.author
  1548.              && comment.author.name == config.authorName
  1549.              && comment.author.profileUrl == config.authorUrl;
  1550.          return matches ? 'true' : '';
  1551.        } else if ('deletelink' == key) {
  1552.          return config.baseUri + '/delete-comment.g?blogID='
  1553.               + config.blogId + '&postID=' + comment.id;
  1554.        } else if ('deleteclass' == key) {
  1555.          return comment.deleteclass;
  1556.        }
  1557.        return '';
  1558.      };
  1559.  
  1560.      var replybox = null;
  1561.      var replyUrlParts = null;
  1562.      var replyParent = undefined;
  1563.  
  1564.      var onReply = function(commentId, domId) {
  1565.        if (replybox == null) {
  1566.          // lazily cache replybox, and adjust to suit this style:
  1567.          replybox = document.getElementById('comment-editor');
  1568.          if (replybox != null) {
  1569.            replybox.height = '250px';
  1570.            replybox.style.display = 'block';
  1571.            replyUrlParts = replybox.src.split('#');
  1572.          }
  1573.        }
  1574.        if (replybox && (commentId !== replyParent)) {
  1575.          document.getElementById(domId).insertBefore(replybox, null);
  1576.          replybox.src = replyUrlParts[0]
  1577.              + (commentId ? '&parentID=' + commentId : '')
  1578.              + '#' + replyUrlParts[1];
  1579.          replyParent = commentId;
  1580.        }
  1581.      };
  1582.  
  1583.      var hash = (window.location.hash || '#').substring(1);
  1584.      var startThread, targetComment;
  1585.      if (/^comment-form_/.test(hash)) {
  1586.        startThread = hash.substring('comment-form_'.length);
  1587.      } else if (/^c[0-9]+$/.test(hash)) {
  1588.        targetComment = hash.substring(1);
  1589.      }
  1590.  
  1591.      // Configure commenting API:
  1592.      var configJso = {
  1593.        'maxDepth': config.maxThreadDepth
  1594.      };
  1595.      var provider = {
  1596.        'id': config.postId,
  1597.        'data': items,
  1598.        'loadNext': paginator,
  1599.        'hasMore': hasMore,
  1600.        'getMeta': getMeta,
  1601.        'onReply': onReply,
  1602.        'rendered': true,
  1603.        'initComment': targetComment,
  1604.        'initReplyThread': startThread,
  1605.        'config': configJso,
  1606.        'messages': msgs
  1607.      };
  1608.  
  1609.      var render = function() {
  1610.        if (window.goog && window.goog.comments) {
  1611.          var holder = document.getElementById('comment-holder');
  1612.          window.goog.comments.render(holder, provider);
  1613.        }
  1614.      };
  1615.  
  1616.      // render now, or queue to render when library loads:
  1617.      if (window.goog && window.goog.comments) {
  1618.        render();
  1619.      } else {
  1620.        window.goog = window.goog || {};
  1621.        window.goog.comments = window.goog.comments || {};
  1622.        window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];
  1623.        window.goog.comments.loadQueue.push(render);
  1624.      }
  1625.    })();
  1626. // ]]>
  1627.   </script>
  1628. </b:includable>
  1629. <b:includable id='backlinks' var='post'>
  1630.   <a name='links'/><h4><data:post.backlinksLabel/></h4>
  1631.   <b:if cond='data:post.numBacklinks != 0'>
  1632.     <dl class='comments-block' id='comments-block'>
  1633.       <b:loop values='data:post.backlinks' var='backlink'>
  1634.         <div class='collapsed-backlink backlink-control'>
  1635.           <dt class='comment-title'>
  1636.             <span class='backlink-toggle-zippy'>&#160;</span>
  1637.             <a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>
  1638.             <b:include data='backlink' name='backlinkDeleteIcon'/>
  1639.           </dt>
  1640.           <dd class='comment-body collapseable'>
  1641.             <data:backlink.snippet/>
  1642.           </dd>
  1643.           <dd class='comment-footer collapseable'>
  1644.             <span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span>
  1645.             <span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span>
  1646.           </dd>
  1647.         </div>
  1648.       </b:loop>
  1649.     </dl>
  1650.   </b:if>
  1651.   <p class='comment-footer'>
  1652.     <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>
  1653.   </p>
  1654. </b:includable>
  1655. <b:includable id='mobile-main' var='top'>
  1656.     <!-- posts -->
  1657.     <div class='blog-posts hfeed'>
  1658.  
  1659.       <b:include data='top' name='status-message'/>
  1660.  
  1661.       <b:if cond='data:blog.pageType == &quot;index&quot;'>
  1662.         <b:loop values='data:posts' var='post'>
  1663.           <b:include data='post' name='mobile-index-post'/>
  1664.         </b:loop>
  1665.       <b:else/>
  1666.         <b:loop values='data:posts' var='post'>
  1667.           <b:include data='post' name='mobile-post'/>
  1668.         </b:loop>
  1669.       </b:if>
  1670.     </div>
  1671.  
  1672.    <b:include name='mobile-nextprev'/>
  1673. </b:includable>
  1674. <b:includable id='post' var='post'>
  1675.   <div class='post hentry'>
  1676.     <a expr:name='data:post.id'/>
  1677.     <b:if cond='data:post.title'>
  1678.       <h1 class='post-title entry-title'>
  1679.         <b:if cond='data:post.url'>
  1680.           <b:if cond='data:blog.url != data:post.url'>
  1681.             <a expr:href='data:post.url'><data:post.title/></a>
  1682.           <b:else/>
  1683.             <data:post.title/>
  1684.           </b:if>
  1685.         <b:else/>
  1686.           <data:post.title/>
  1687.         </b:if>
  1688.       </h1>
  1689.     </b:if>
  1690.  
  1691.     <div class='post-header'>
  1692.       <span class='post-author vcard'>
  1693.         <b:if cond='data:top.showAuthor'>
  1694.           <data:top.authorLabel/>
  1695.           <span class='fn'><data:post.author/></span>
  1696.         </b:if>
  1697.       </span> <span class='post-timestamp'>
  1698.         <b:if cond='data:top.showTimestamp'>
  1699.           <data:top.timestampLabel/>
  1700.         <b:if cond='data:post.url'>
  1701.           <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>
  1702.         </b:if>
  1703.         </b:if>
  1704.       </span> <span class='post-labels'>
  1705.         <b:if cond='data:post.labels'>
  1706.           <data:postLabelsLabel/>
  1707.           <b:loop values='data:post.labels' var='label'>
  1708.             <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
  1709.           </b:loop>
  1710.         </b:if>
  1711.       </span> <span class='post-comment-link'>
  1712.         <b:if cond='data:blog.pageType != &quot;item&quot;'>
  1713.           <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  1714.             <b:if cond='data:post.allowComments'>
  1715.               <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>
  1716.             </b:if>
  1717.           </b:if>
  1718.         </b:if>
  1719.       </span>
  1720. </div>
  1721.  
  1722.     <div class='post-body entry-content'>
  1723. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  1724.     <div style='clear:both;padding:10px 0;'>
  1725.         <!-- Adsense Below Post Title  -->
  1726.  
  1727.         <!-- Post Social Share Start -->
  1728.         <div style='float:right;width:250px;'>
  1729.             <ul class='cbtsharethis'>
  1730.                 <li class='twitter'>
  1731.                     <a expr:href='&quot;http://twitter.com/share?original_referer=&quot; + data:post.url + &quot;&amp;source=web&amp;text=&quot; + data:post.title + &quot;&amp;via=&amp;url=&quot; + data:post.url' rel='bookmark' target='_blank'>Share on Twitter</a>
  1732.                 </li>
  1733.                 <li class='facebook'>
  1734.                     <a expr:href='&quot;http://www.facebook.com/share.php?u=&quot; + data:post.url + &quot;&amp;t=&quot; + data:post.title + &quot; &quot;' rel='bookmark' target='_blank'>Share on Facebook</a>
  1735.                 </li>
  1736.                 <li class='stumble'>
  1737.                     <a expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='bookmark' target='_blank'>Share on StumbleUpon</a>
  1738.                 </li>
  1739.                 <li class='delicious'>
  1740.                     <a href='http://www.delicious.com/save' onclick='window.open(&quot;http://www.delicious.com/save?v=5&amp;noui&amp;jump=close&amp;url=&quot;+encodeURIComponent(location.href)+&quot;&amp;title=&quot;+encodeURIComponent(document.title), &quot;delicious&quot;,&quot;toolbar=no,width=550,height=550&quot;); return false;' rel='bookmark' target='_blank'>Share on Delicious</a>
  1741.                 </li>
  1742.                 <li class='digg'>
  1743.                     <a expr:href='&quot;http://digg.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title + &quot; &quot;'>Share on Digg</a>
  1744.                 </li>
  1745.                 <li class='sharethis'>
  1746.                     <a><span class='st_sharethis_custom' expr:st_title='data:page.name' expr:st_url='data:post.url'>Share This!</span></a>
  1747.                 </li>
  1748.             </ul>
  1749.         </div>
  1750.         <!-- Post Social Share End -->
  1751.  
  1752.     </div>
  1753. </b:if>
  1754.       <data:post.body/>
  1755.  
  1756.  
  1757. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  1758.     <div style='text-align:left;clear:both;padding:10px;'>
  1759.         <!-- Adsense Below Post Title  -->
  1760.     </div>
  1761. </b:if>
  1762.  
  1763.  
  1764.       <div style='clear: both;'/> <!-- clear for photos floats -->
  1765.     </div>
  1766.  
  1767.     <b:if cond='data:post.hasJumpLink'>
  1768.       <div class='jump-link'>
  1769.         <a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'><data:post.jumpText/></a>
  1770.       </div>
  1771.     </b:if>
  1772. <div class='postdr'/>
  1773.     <div class='post-footer'>
  1774.     <div class='post-footer-line post-footer-line-1'>
  1775.      <div style='clear: both;'/>
  1776. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  1777. <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  1778. <div id='doulike-outer'>
  1779.     <div id='doulike'>
  1780.         <table width='100%'>
  1781.             <caption style='font-style: italic; font-size: 30px; font-variant: small-caps; font-family:&quot;Century Gothic&quot;;'>Do you Like this Article?</caption>
  1782.             <tr>
  1783.                 <td><fb:like expr:href='data:post.url' font='' send='true' show_faces='false' width='343'/></td>
  1784.                 <td align='right'>
  1785.                     <!-- DoYouLike Social Links -->
  1786.                     <a href='http://feeds.feedburner.com/way2blogging' title='Suscribe to RSS feed'><img src='http://2.bp.blogspot.com/_nDNgmK8FIyI/TUJaXDrh48I/AAAAAAAAAVM/zLmcNtCgi9Y/s40/w2bRSS+.png'/></a>
  1787.                     <a href='http://twitter.com/way2blogging' title='Follow me on Twitter'><img src='http://2.bp.blogspot.com/_nDNgmK8FIyI/TUJaUf7v0CI/AAAAAAAAAU8/7vfe8Iw3ohc/s40/w2bTwitter.png'/></a>
  1788.                     <a href='http://www.facebook.com/way2blogging' title='Became Fan on Facebook'><img src='http://1.bp.blogspot.com/_nDNgmK8FIyI/TUJaWNBkZnI/AAAAAAAAAVE/nZ0byXaqur8/s40/w2bFaceBook.png'/></a>
  1789.                     <a href='http://www.stumbleupon.com/stumbler/way2blogging/'><img src='http://1.bp.blogspot.com/_nDNgmK8FIyI/TUJaXqfx60I/AAAAAAAAAVQ/CmNcj4VJjns/s40/w2bStumbled.png'/></a>
  1790.                 </td>
  1791.             </tr>
  1792.             <tr>
  1793.                 <td colspan='2' style='text-align:center;'>
  1794.                     <span style='font-size: 16px; font-weight: bold;'>Get Latest Updates For Free!</span>
  1795.                     <!-- Feedburner Email From -->
  1796.                     <form action='http://feedburner.google.com/fb/a/mailverify' class='emailform' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=Way2blogging&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' style='margin: 0pt;display:inline-block;' target='popupwindow'>
  1797.                         <input name='uri' type='hidden' value='Way2blogging'/>
  1798.                         <input name='loc' type='hidden' value='en_US'/>
  1799.                         <input class='emailText' name='email' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Enter your email...&quot;;}' onfocus='if (this.value == &quot;Enter your email...&quot;) {this.value = &quot;&quot;}' type='text' value='Enter your email...'/>
  1800.                         <input alt='' class='emailButton' title='' type='submit' value='SignUp'/>
  1801.                     </form>
  1802.                 </td>
  1803.             </tr>
  1804.             <tr>
  1805.                 <td colspan='2'><span style='text-align: center; font-size: 10px; font-style: italic; display: block;'>Your email address will not be shared with anyone </span></td>
  1806.             </tr>
  1807.         </table>
  1808.     </div>
  1809. </div>
  1810. </b:if>
  1811. </b:if>
  1812.  
  1813.      <div style='clear: both;'/>
  1814.  
  1815. <div class='post-share-buttons'>
  1816.         <b:if cond='data:post.sharePostUrl'>
  1817.           <b:include data='post' name='shareButtons'/>
  1818.         </b:if>
  1819.       </div> <span class='reaction-buttons'>
  1820.         <b:if cond='data:top.showReactions'>
  1821.           <table border='0' cellpadding='0' cellspacing='0' width='100%'><tr>
  1822.             <td class='reactions-label-cell' nowrap='nowrap' valign='top' width='1%'>
  1823.               <span class='reactions-label'>
  1824.               <data:top.reactionsLabel/></span>&#160;</td>
  1825.             <td><iframe allowtransparency='true' class='reactions-iframe' expr:src='data:post.reactionsUrl' frameborder='0' name='reactions' scrolling='no'/></td>
  1826.            </tr></table>
  1827.         </b:if>
  1828.       </span> </div>
  1829.  
  1830.       <div class='post-footer-line post-footer-line-2'><span class='post-icons'>
  1831.         <!-- email post links -->
  1832.         <b:if cond='data:post.emailPostUrl'>
  1833.           <span class='item-action'>
  1834.           <a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
  1835.               <img alt='' class='icon-action' height='13' src='http://img1.blogblog.com/img/icon18_email.gif' width='18'/>
  1836.           </a>
  1837.           </span>
  1838.         </b:if>
  1839.  
  1840.         <!-- quickedit pencil -->
  1841.         <b:include data='post' name='postQuickEdit'/>
  1842.       </span> <span class='post-backlinks post-comment-link'>
  1843.          <b:if cond='data:blog.pageType != &quot;item&quot;'>
  1844.            <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  1845.              <b:if cond='data:post.showBacklinks'>
  1846.                <a class='comment-link' expr:href='data:post.url + &quot;#links&quot;'><data:top.backlinkLabel/></a>
  1847.              </b:if>
  1848.            </b:if>
  1849.          </b:if>
  1850.        </span> </div>
  1851.  
  1852.       <div class='post-footer-line post-footer-line-3'>
  1853. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  1854.     <!-- Linkwithin Script  -->
  1855. </b:if>
  1856. </div>
  1857.     </div>
  1858.   </div>
  1859. </b:includable>
  1860. <b:includable id='status-message'>
  1861.   <b:if cond='data:navMessage'>
  1862.   <div class='status-msg-wrap'>
  1863.     <div class='status-msg-body'>
  1864.       <data:navMessage/>
  1865.     </div>
  1866.     <div class='status-msg-border'>
  1867.       <div class='status-msg-bg'>
  1868.         <div class='status-msg-hidden'><data:navMessage/></div>
  1869.       </div>
  1870.     </div>
  1871.   </div>
  1872.   <div style='clear: both;'/>
  1873.   </b:if>
  1874. </b:includable>
  1875. <b:includable id='comment-form' var='post'>
  1876.   <div class='comment-form'>
  1877.     <a name='comment-form'/>
  1878.     <b:if cond='data:mobile'>
  1879.       <h4 id='comment-post-message'>
  1880.         <a expr:id='data:widget.instanceId + &quot;_comment-editor-toggle-link&quot;' href='javascript:void(0)'><data:postCommentMsg/></a></h4>
  1881.       <p><data:blogCommentMessage/></p>
  1882.       <data:blogTeamBlogMessage/>
  1883.       <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
  1884.       <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='265' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
  1885.     <b:else/>
  1886.       <h4 id='comment-post-message'><data:postCommentMsg/></h4>
  1887.       <p><data:blogCommentMessage/></p>
  1888.       <data:blogTeamBlogMessage/>
  1889.       <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
  1890.       <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='265' id='comment-editor' name='comment-editor' src='' width='100%'/>
  1891.     </b:if>
  1892.     <data:post.friendConnectJs/>
  1893.     <data:post.cmtfpIframe/>
  1894.     <script type='text/javascript'>
  1895.       BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;);
  1896.     </script>
  1897.   </div>
  1898. </b:includable>
  1899. <b:includable id='threaded_comments' var='post'>
  1900.   <div class='comments' id='comments'>
  1901.     <a name='comments'/>
  1902.     <h4><data:post.commentLabelFull/>:</h4>
  1903.  
  1904.     <div class='comments-content'>
  1905.       <b:if cond='data:post.embedCommentForm'>
  1906.         <b:include data='post' name='threaded_comment_js'/>
  1907.       </b:if>
  1908.       <div id='comment-holder'>
  1909.          <data:post.commentHtml/>
  1910.       </div>
  1911.     </div>
  1912.  
  1913.     <p class='comment-footer'>
  1914.       <b:if cond='data:post.allowNewComments'>
  1915.         <b:include data='post' name='threaded-comment-form'/>
  1916.       <b:else/>
  1917.         <data:post.noNewCommentsText/>
  1918.       </b:if>
  1919.     </p>
  1920.  
  1921.     <b:if cond='data:showCmtPopup'>
  1922.       <div id='comment-popup'>
  1923.         <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
  1924.         </iframe>
  1925.       </div>
  1926.     </b:if>
  1927.  
  1928.     <div id='backlinks-container'>
  1929.     <div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>
  1930.        <b:if cond='data:post.showBacklinks'>
  1931.          <b:include data='post' name='backlinks'/>
  1932.        </b:if>
  1933.     </div>
  1934.     </div>
  1935.   </div>
  1936. </b:includable>
  1937. <b:includable id='backlinkDeleteIcon' var='backlink'>
  1938.   <span expr:class='&quot;item-control &quot; + data:backlink.adminClass'>
  1939.     <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
  1940.       <img src='//www.blogger.com/img/icon_delete13.gif'/>
  1941.     </a>
  1942.   </span>
  1943. </b:includable>
  1944. <b:includable id='mobile-nextprev'>
  1945.   <div class='blog-pager' id='blog-pager'>
  1946.     <b:if cond='data:newerPageUrl'>
  1947.       <div class='mobile-link-button' id='blog-pager-newer-link'>
  1948.       <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'>&amp;lsaquo;</a>
  1949.       </div>
  1950.     </b:if>
  1951.  
  1952.     <b:if cond='data:olderPageUrl'>
  1953.       <div class='mobile-link-button' id='blog-pager-older-link'>
  1954.       <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'>&amp;rsaquo;</a>
  1955.       </div>
  1956.     </b:if>
  1957.  
  1958.     <div class='mobile-link-button' id='blog-pager-home-link'>
  1959.     <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
  1960.     </div>
  1961.  
  1962.     <div class='mobile-desktop-link'>
  1963.       <a class='home-link' expr:href='data:desktopLinkUrl'><data:desktopLinkMsg/></a>
  1964.     </div>
  1965.  
  1966.   </div>
  1967.   <div class='clear'/>
  1968. </b:includable>
  1969. <b:includable id='mobile-post' var='post'>
  1970.   <div class='date-outer'>
  1971.     <b:if cond='data:post.dateHeader'>
  1972.       <h2 class='date-header'><span><data:post.dateHeader/></span></h2>
  1973.     </b:if>
  1974.     <div class='date-posts'>
  1975.       <div class='post-outer'>
  1976.  
  1977.         <div class='post hentry uncustomized-post-template'>
  1978.           <a expr:name='data:post.id'/>
  1979.           <b:if cond='data:post.title'>
  1980.             <h3 class='post-title entry-title'>
  1981.               <b:if cond='data:post.link'>
  1982.                 <a expr:href='data:post.link'><data:post.title/></a>
  1983.               <b:else/>
  1984.                 <b:if cond='data:post.url'>
  1985.                   <b:if cond='data:blog.url != data:post.url'>
  1986.                     <a expr:href='data:post.url'><data:post.title/></a>
  1987.                   <b:else/>
  1988.                     <data:post.title/>
  1989.                   </b:if>
  1990.                 <b:else/>
  1991.                   <data:post.title/>
  1992.                 </b:if>
  1993.               </b:if>
  1994.             </h3>
  1995.           </b:if>
  1996.  
  1997.           <div class='post-header'>
  1998.             <div class='post-header-line-1'/>
  1999.           </div>
  2000.  
  2001.           <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id'>
  2002.             <data:post.body/>
  2003.             <div style='clear: both;'/> <!-- clear for photos floats -->
  2004.           </div>
  2005.  
  2006.           <div class='post-footer'>
  2007.             <div class='post-footer-line post-footer-line-1'>
  2008.               <span class='post-author vcard'>
  2009.                 <b:if cond='data:top.showAuthor'>
  2010.                   <b:if cond='data:post.authorProfileUrl'>
  2011.                     <span class='fn'>
  2012.                       <a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
  2013.                         <data:post.author/>
  2014.                       </a>
  2015.                     </span>
  2016.                   <b:else/>
  2017.                     <span class='fn'><data:post.author/></span>
  2018.                   </b:if>
  2019.                 </b:if>
  2020.               </span>
  2021.  
  2022.               <span class='post-timestamp'>
  2023.                 <b:if cond='data:top.showTimestamp'>
  2024.                   <data:top.timestampLabel/>
  2025.                   <b:if cond='data:post.url'>
  2026.                     <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>
  2027.                   </b:if>
  2028.                 </b:if>
  2029.               </span>
  2030.  
  2031.               <span class='post-comment-link'>
  2032.                 <b:if cond='data:blog.pageType != &quot;item&quot;'>
  2033.                   <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  2034.                     <b:if cond='data:post.allowComments'>
  2035.                       <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>
  2036.                     </b:if>
  2037.                   </b:if>
  2038.                 </b:if>
  2039.               </span>
  2040.             </div>
  2041.  
  2042.             <div class='post-footer-line post-footer-line-2'>
  2043.               <b:if cond='data:top.showMobileShare'>
  2044.                 <div class='mobile-link-button goog-inline-block' id='mobile-share-button'>
  2045.                   <a href='javascript:void(0);'><data:shareMsg/></a>
  2046.                 </div>
  2047.               </b:if>
  2048.               <b:if cond='data:top.showDummy'>
  2049.                 <div class='goog-inline-block dummy-container'><data:post.dummyTag/></div>
  2050.               </b:if>
  2051.             </div>
  2052.  
  2053.           </div>
  2054.         </div>
  2055.  
  2056.         <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  2057.           <b:if cond='data:post.showThreadedComments'>
  2058.             <b:include data='post' name='threaded_comments'/>
  2059.           <b:else/>
  2060.             <b:include data='post' name='comments'/>
  2061.           </b:if>
  2062.         </b:if>
  2063.         <b:if cond='data:blog.pageType == &quot;item&quot;'>
  2064.           <b:if cond='data:post.showThreadedComments'>
  2065.             <b:include data='post' name='threaded_comments'/>
  2066.           <b:else/>
  2067.             <b:include data='post' name='comments'/>
  2068.           </b:if>
  2069.         </b:if>
  2070.       </div>
  2071.     </div>
  2072.   </div>
  2073. </b:includable>
  2074. <b:includable id='postQuickEdit' var='post'>
  2075.   <b:if cond='data:post.editUrl'>
  2076.     <span expr:class='&quot;item-control &quot; + data:post.adminClass'>
  2077.       <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
  2078.         <img alt='' class='icon-action' height='18' src='http://img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
  2079.       </a>
  2080.     </span>
  2081.   </b:if>
  2082. </b:includable>
  2083. <b:includable id='main' var='top'>
  2084.  
  2085.   <b:if cond='data:top.showDummy'>
  2086.     <script expr:src='data:top.dummyUrl'/>
  2087.   </b:if>
  2088.  
  2089.   <b:if cond='data:mobileindex'>
  2090.     <!-- mobile index -->
  2091.     <div class='blog-posts hfeed'>
  2092.       <b:loop values='data:posts' var='post'>
  2093.         <b:if cond='data:post.isFirstPost == &quot;false&quot;'>
  2094.           &lt;/div&gt;
  2095.         </b:if>
  2096.         &lt;div class=&quot;mobile-date-outer date-outer&quot;&gt;
  2097.         <div expr:onclick='data:post.indexOnclick'>
  2098.           <b:include data='post' name='mobile-index-post'/>
  2099.         </div>
  2100.         <b:if cond='data:post.trackLatency'>
  2101.           <data:post.latencyJs/>
  2102.         </b:if>
  2103.       </b:loop>
  2104.       <b:if cond='data:numPosts != 0'>
  2105.         &lt;/div&gt;
  2106.       </b:if>
  2107.     </div>
  2108.   <b:else/>
  2109.  
  2110.     <!-- posts -->
  2111.     <div class='blog-posts hfeed'>
  2112.  
  2113.     <b:include data='posts' name='breadcrumb'/>
  2114.  
  2115.       <data:defaultAdStart/>
  2116.       <b:loop values='data:posts' var='post'>
  2117.         <b:if cond='data:post.isDateStart'>
  2118.           <b:if cond='data:post.isFirstPost == &quot;false&quot;'>
  2119.             &lt;/div&gt;&lt;/div&gt;
  2120.           </b:if>
  2121.         </b:if>
  2122.         <b:if cond='data:post.isDateStart'>
  2123.           &lt;div class=&quot;date-outer&quot;&gt;
  2124.         </b:if>
  2125.         <b:if cond='data:post.dateHeader'>
  2126.           <h2 class='date-header'><span><data:post.dateHeader/></span></h2>
  2127.         </b:if>
  2128.         <b:if cond='data:post.isDateStart'>
  2129.           &lt;div class=&quot;date-posts&quot;&gt;
  2130.         </b:if>
  2131.         <div class='post-outer'>
  2132.         <b:include data='post' name='post'/>
  2133.          <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  2134.           <b:if cond='data:post.showThreadedComments'>
  2135.             <b:include data='post' name='threaded_comments'/>
  2136.           <b:else/>
  2137.             <b:include data='post' name='comments'/>
  2138.           </b:if>
  2139.         </b:if>
  2140.         <b:if cond='data:blog.pageType == &quot;item&quot;'>
  2141.           <b:if cond='data:post.showThreadedComments'>
  2142.             <b:include data='post' name='threaded_comments'/>
  2143.           <b:else/>
  2144.             <b:include data='post' name='comments'/>
  2145.           </b:if>
  2146.         </b:if>
  2147.         </div>
  2148.         <b:if cond='data:post.includeAd'>
  2149.           <b:if cond='data:post.isFirstPost'>
  2150.             <data:defaultAdEnd/>
  2151.           <b:else/>
  2152.             <data:adEnd/>
  2153.           </b:if>
  2154.           <b:if cond='data:mobile == &quot;false&quot;'>
  2155.             <div class='inline-ad'>
  2156.               <data:adCode/>
  2157.             </div>
  2158.           </b:if>
  2159.           <data:adStart/>
  2160.         </b:if>
  2161.         <b:if cond='data:post.trackLatency'>
  2162.           <data:post.latencyJs/>
  2163.         </b:if>
  2164.       </b:loop>
  2165.       <b:if cond='data:numPosts != 0'>
  2166.         &lt;/div&gt;&lt;/div&gt;
  2167.       </b:if>
  2168.       <data:adEnd/>
  2169.     </div>
  2170.   </b:if>
  2171.  
  2172.   <!-- navigation -->
  2173.   <b:if cond='data:mobile'>
  2174.     <b:include name='mobile-nextprev'/>
  2175.   <b:else/>
  2176.     <b:include name='nextprev'/>
  2177.  
  2178.     <!-- feed links -->
  2179.  
  2180.   </b:if>
  2181.  
  2182.   <b:if cond='data:top.showStars'>
  2183.     <script src='//www.google.com/jsapi' type='text/javascript'/>
  2184.     <script type='text/javascript'>
  2185.       google.load(&quot;annotations&quot;, &quot;1&quot;, {&quot;locale&quot;: &quot;<data:top.languageCode/>&quot;});
  2186.       function initialize() {
  2187.         google.annotations.setApplicationId(<data:top.blogspotReviews/>);
  2188.         google.annotations.createAll();
  2189.         google.annotations.fetch();
  2190.       }
  2191.       google.setOnLoadCallback(initialize);
  2192.     </script>
  2193.   </b:if>
  2194. </b:includable>
  2195. <b:includable id='breadcrumb' var='posts'>
  2196.     <b:if cond='data:blog.homepageUrl != data:blog.url'>
  2197.     <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  2198.     <div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> &#187; <span><data:blog.pageName/></span></div>
  2199.     <b:else/>
  2200.     <b:if cond='data:blog.pageType == &quot;item&quot;'>
  2201.     <!-- breadcrumb for the post page -->
  2202.     <b:loop values='data:posts' var='post'>
  2203.     <b:if cond='data:post.labels'>
  2204.     <div class='breadcrumbs' xmlns:v='http://rdf.data-vocabulary.org/#'>
  2205.     <span typeof='v:Breadcrumb'><a expr:href='data:blog.homepageUrl' property='v:title' rel='v:url'>Home</a></span>
  2206.     <b:loop values='data:post.labels' var='label'>
  2207.     <b:if cond='data:label.isLast == &quot;true&quot;'>
  2208.      &#187; <span typeof='v:Breadcrumb'><a expr:href='data:label.url' property='v:title' rel='v:url'><data:label.name/></a></span>
  2209.     </b:if>
  2210.     </b:loop>
  2211.      &#187; <span><data:post.title/></span>
  2212.     </div>
  2213.     <b:else/>
  2214.     <div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> &#187; <span>Unlabelled</span> &#187; <span><data:post.title/></span></div>
  2215.     </b:if>
  2216.     </b:loop>
  2217.     <b:else/>
  2218.     <b:if cond='data:blog.pageType == &quot;archive&quot;'>
  2219.     <!-- breadcrumb for the label archive page and search pages.. -->
  2220.     <div class='breadcrumbs'>
  2221.     <span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>Archives for <data:blog.pageName/></span>
  2222.     </div>
  2223.     <b:else/>
  2224.     <b:if cond='data:blog.pageType == &quot;index&quot;'>
  2225.     <div class='breadcrumbs'>
  2226.     <b:if cond='data:blog.pageName == &quot;&quot;'>
  2227.     <span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>All posts</span>
  2228.     <b:else/>
  2229.     <span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>Posts filed under <data:blog.pageName/></span>
  2230.     </b:if>
  2231.     </div>
  2232.     </b:if>
  2233.     </b:if>
  2234.     </b:if>
  2235.     </b:if>
  2236.     </b:if>
  2237. </b:includable>
  2238. <b:includable id='commentDeleteIcon' var='comment'>
  2239.   <span expr:class='&quot;item-control &quot; + data:comment.adminClass'>
  2240.     <b:if cond='data:showCmtPopup'>
  2241.       <div class='goog-toggle-button'>
  2242.         <div class='goog-inline-block comment-action-icon'/>
  2243.       </div>
  2244.     <b:else/>
  2245.       <a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
  2246.         <img src='//www.blogger.com/img/icon_delete13.gif'/>
  2247.       </a>
  2248.     </b:if>
  2249.   </span>
  2250. </b:includable>
  2251. <b:includable id='feedLinks'>
  2252.   <b:if cond='data:blog.pageType != &quot;item&quot;'> <!-- Blog feed links -->
  2253.     <b:if cond='data:feedLinks'>
  2254.       <div class='blog-feeds'>
  2255.         <b:include data='feedLinks' name='feedLinksBody'/>
  2256.       </div>
  2257.     </b:if>
  2258.  
  2259.     <b:else/> <!--Post feed links -->
  2260.     <div class='post-feeds'>
  2261.       <b:loop values='data:posts' var='post'>
  2262.         <b:if cond='data:post.allowComments'>
  2263.           <b:if cond='data:post.feedLinks'>
  2264.             <b:include data='post.feedLinks' name='feedLinksBody'/>
  2265.           </b:if>
  2266.         </b:if>
  2267.       </b:loop>
  2268.     </div>
  2269.   </b:if>
  2270. </b:includable>
  2271. <b:includable id='threaded-comment-form' var='post'>
  2272.   <div class='comment-form'>
  2273.     <a name='comment-form'/>
  2274.     <b:if cond='data:mobile'>
  2275.       <p><data:blogCommentMessage/></p>
  2276.       <data:blogTeamBlogMessage/>
  2277.       <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
  2278.       <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%'/>
  2279.     <b:else/>
  2280.       <p><data:blogCommentMessage/></p>
  2281.       <data:blogTeamBlogMessage/>
  2282.       <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
  2283.       <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
  2284.     </b:if>
  2285.     <data:post.friendConnectJs/>
  2286.     <data:post.cmtfpIframe/>
  2287.     <script type='text/javascript'>
  2288.       BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;);
  2289.     </script>
  2290.   </div>
  2291. </b:includable>
  2292. <b:includable id='comment-form-js' var='post'>
  2293.   <data:post.friendConnectJs/>
  2294.   <data:post.cmtfpIframe/>
  2295.   <script type='text/javascript'>
  2296.     BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;);
  2297.   </script>
  2298. </b:includable>
  2299. <b:includable id='mobile-index-post' var='post'>
  2300.   <div class='mobile-date-outer date-outer'>
  2301.     <b:if cond='data:post.dateHeader'>
  2302.       <div class='date-header'>
  2303.         <span><data:post.dateHeader/></span>
  2304.       </div>
  2305.     </b:if>
  2306.  
  2307.     <div class='mobile-post-outer'>
  2308.       <a expr:href='data:post.url'>
  2309.         <h3 class='mobile-index-title entry-title'>
  2310.           <data:post.title/>
  2311.         </h3>
  2312.  
  2313.         <div class='mobile-index-arrow'>&amp;rsaquo;</div>
  2314.  
  2315.         <div class='mobile-index-contents'>
  2316.           <b:if cond='data:post.thumbnailUrl'>
  2317.             <div class='mobile-index-thumbnail'>
  2318.               <div class='Image'>
  2319.                 <img expr:src='data:post.thumbnailUrl'/>
  2320.               </div>
  2321.             </div>
  2322.           </b:if>
  2323.  
  2324.           <div class='post-body'>
  2325.             <b:if cond='data:post.snippet'><data:post.snippet/></b:if>
  2326.           </div>
  2327.         </div>
  2328.  
  2329.         <div style='clear: both;'/>
  2330.       </a>
  2331.  
  2332.       <div class='mobile-index-comment'>
  2333.         <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  2334.           <b:if cond='data:post.allowComments'>
  2335.             <b:if cond='data:post.numComments != 0'>
  2336.               <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>
  2337.             </b:if>
  2338.           </b:if>
  2339.         </b:if>
  2340.       </div>
  2341.     </div>
  2342.   </div>
  2343. </b:includable>
  2344. <b:includable id='threaded_comment_css'>
  2345.     <style>
  2346.     .comments {
  2347.       clear: both;
  2348.       margin-top: 10px;
  2349.       margin-bottom: 0px;
  2350.       line-height: 1em;
  2351.     }
  2352.     .comments .comments-content {
  2353.       font-size: 13px;
  2354.       margin-bottom: 16px;
  2355.     }
  2356.     .comments .comment .comment-actions a {
  2357.       padding-top: 5px;
  2358.       padding-right: 5px;
  2359.     }
  2360.     .comments .comment .comment-actions a:hover {
  2361.       text-decoration: underline;
  2362.     }
  2363.     .comments .comments-content .comment-thread ol {
  2364.       list-style-type: none;
  2365.       padding: 0;
  2366.       text-align: left;
  2367.     }
  2368.     .comments .comments-content .inline-thread {
  2369.       padding: 0.5em 1em;
  2370.     }
  2371.     .comments .comments-content .comment-thread {
  2372.       margin: 8px 0px;
  2373.     }
  2374.     .comments .comments-content .comment-thread:empty {
  2375.       display: none;
  2376.     }
  2377.     .comments .comments-content .comment-replies {
  2378.       margin-top: 1em;
  2379.       margin-left: 36px;
  2380.     }
  2381.     .comments .comments-content .comment {
  2382.       margin-bottom:16px;
  2383.       padding-bottom:8px;
  2384.     }
  2385.     .comments .comments-content .comment:first-child {
  2386.       padding-top:16px;
  2387.     }
  2388.     .comments .comments-content .comment:last-child {
  2389.       border-bottom:0;
  2390.       padding-bottom:0;
  2391.     }
  2392.     .comments .comments-content .comment-body {
  2393.       position:relative;
  2394.     }
  2395.     .comments .comments-content .user {
  2396.       font-style:normal;
  2397.       font-weight:bold;
  2398.     }
  2399.     .comments .comments-content .icon.blog-author {
  2400.       width: 18px;
  2401.       height: 18px;
  2402.       display: inline-block;
  2403.       margin: 0 0 -4px 6px;
  2404.     }
  2405.     .comments .comments-content .datetime {
  2406.       margin-left:6px;
  2407.     }
  2408.     .comments .comments-content .comment-header,
  2409.     .comments .comments-content .comment-content {
  2410.       margin:0 0 8px;
  2411.     }
  2412.     .comments .comments-content .comment-content {
  2413.       text-align:justify;
  2414.     }
  2415.     .comments .comments-content .owner-actions {
  2416.       position:absolute;
  2417.       right:0;
  2418.       top:0;
  2419.     }
  2420.     .comments .comments-replybox {
  2421.       border: none;
  2422.       height: 250px;
  2423.       width: 100%;
  2424.     }
  2425.     .comments .comment-replybox-single {
  2426.       margin-top: 5px;
  2427.       margin-left: 48px;
  2428.     }
  2429.     .comments .comment-replybox-thread {
  2430.       margin-top: 5px;
  2431.     }
  2432.     .comments .comments-content .loadmore a {
  2433.       display: block;
  2434.       padding: 10px 16px;
  2435.       text-align: center;
  2436.     }
  2437.     .comments .thread-toggle {
  2438.       cursor: pointer;
  2439.       display: inline-block;
  2440.     }
  2441.     .comments .continue {
  2442.       cursor: pointer;
  2443.     }
  2444.     .comments .continue a {
  2445.       display: block;
  2446.       padding: 0.5em;
  2447.       font-weight: bold;
  2448.     }
  2449.     .comments .comments-content .loadmore {
  2450.       cursor: pointer;
  2451.       max-height: 3em;
  2452.       margin-top: 3em;
  2453.     }
  2454.     .comments .comments-content .loadmore.loaded {
  2455.       max-height: 0px;
  2456.       opacity: 0;
  2457.       overflow: hidden;
  2458.     }
  2459.     .comments .thread-chrome.thread-collapsed {
  2460.       display: none;
  2461.     }
  2462.     .comments .thread-toggle {
  2463.       display: inline-block;
  2464.     }
  2465.     .comments .thread-toggle .thread-arrow {
  2466.       display: inline-block;
  2467.       height: 6px;
  2468.       width: 7px;
  2469.       overflow: visible;
  2470.       margin: 0.3em;
  2471.       padding-right: 4px;
  2472.     }
  2473.     .comments .thread-expanded .thread-arrow {
  2474.       background: url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAG0lEQVR42mNgwAfKy8v/48I4FeA0AacVDFQBAP9wJkE/KhUMAAAAAElFTkSuQmCC&quot;) no-repeat scroll 0 0 transparent;
  2475.     }
  2476.     .comments .thread-collapsed .thread-arrow {
  2477.       background: url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAJUlEQVR42mNgAILy8vL/DLgASBKnApgkVgXIkhgKiNKJ005s4gDLbCZBiSxfygAAAABJRU5ErkJggg==&quot;) no-repeat scroll 0 0 transparent;
  2478.     }
  2479.     .comments .avatar-image-container {
  2480.       float: left;
  2481.       width: 36px;
  2482.       max-height: 36px;
  2483.       overflow: hidden;
  2484.     }
  2485.     .comments .avatar-image-container img {
  2486.       width: 36px;
  2487.     }
  2488.     .comments .comment-block {
  2489.       margin-left: 48px;
  2490.       position: relative;
  2491.     }
  2492.  
  2493.     /* Responsive styles. */
  2494.     @media screen and (max-device-width: 480px) {
  2495.       .comments .comments-content .comment-replies {
  2496.         margin-left: 0;
  2497.       }
  2498.     }
  2499.     </style>
  2500. </b:includable>
  2501. <b:includable id='feedLinksBody' var='links'>
  2502.   <div class='feed-links'>
  2503.   <data:feedLinksMsg/>
  2504.   <b:loop values='data:links' var='f'>
  2505.      <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
  2506.   </b:loop>
  2507.   </div>
  2508. </b:includable>
  2509. <b:includable id='comments' var='post'>
  2510.   <div class='comments' id='comments'>
  2511.     <a name='comments'/>
  2512.     <b:if cond='data:post.allowComments'>
  2513.       <h4><data:post.commentLabelFull/>:</h4>
  2514.  
  2515.       <b:if cond='data:post.commentPagingRequired'>
  2516.         <span class='paging-control-container'>
  2517.           <b:if cond='data:post.hasOlderLinks'>
  2518.             <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
  2519.               &#160;
  2520.             <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
  2521.               &#160;
  2522.           </b:if>
  2523.  
  2524.           <data:post.commentRangeText/>
  2525.  
  2526.           <b:if cond='data:post.hasNewerLinks'>
  2527.             &#160;
  2528.             <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
  2529.             &#160;
  2530.             <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
  2531.           </b:if>
  2532.         </span>
  2533.       </b:if>
  2534.  
  2535.       <div expr:id='data:widget.instanceId + &quot;_comments-block-wrapper&quot;'>
  2536.         <dl expr:class='data:post.avatarIndentClass' id='comments-block'>
  2537.           <b:loop values='data:post.comments' var='comment'>
  2538.             <dt expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName'>
  2539.               <b:if cond='data:comment.favicon'>
  2540.                 <img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
  2541.               </b:if>
  2542.               <a expr:name='data:comment.anchorName'/>
  2543.               <b:if cond='data:blog.enabledCommentProfileImages'>
  2544.                 <data:comment.authorAvatarImage/>
  2545.               </b:if>
  2546.               <b:if cond='data:comment.authorUrl'>
  2547.                 <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
  2548.               <b:else/>
  2549.                 <data:comment.author/>
  2550.               </b:if>
  2551.               <data:commentPostedByMsg/>
  2552.             </dt>
  2553.             <dd class='comment-body' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>
  2554.               <b:if cond='data:comment.isDeleted'>
  2555.                 <span class='deleted-comment'><data:comment.body/></span>
  2556.               <b:else/>
  2557.                 <p>
  2558.                   <data:comment.body/>
  2559.                 </p>
  2560.               </b:if>
  2561.             </dd>
  2562.             <dd class='comment-footer'>
  2563.               <span class='comment-timestamp'>
  2564.                 <a expr:href='data:comment.url' title='comment permalink'>
  2565.                   <data:comment.timestamp/>
  2566.                 </a>
  2567.                 <b:include data='comment' name='commentDeleteIcon'/>
  2568.               </span>
  2569.             </dd>
  2570.           </b:loop>
  2571.         </dl>
  2572.       </div>
  2573.  
  2574.       <b:if cond='data:post.commentPagingRequired'>
  2575.         <span class='paging-control-container'>
  2576.           <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
  2577.             <data:post.oldestLinkText/>
  2578.           </a>
  2579.           <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
  2580.             <data:post.olderLinkText/>
  2581.           </a>
  2582.           &#160;
  2583.           <data:post.commentRangeText/>
  2584.           &#160;
  2585.           <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
  2586.             <data:post.newerLinkText/>
  2587.           </a>
  2588.           <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
  2589.             <data:post.newestLinkText/>
  2590.           </a>
  2591.         </span>
  2592.       </b:if>
  2593.  
  2594.       <p class='comment-footer'>
  2595.         <b:if cond='data:post.embedCommentForm'>
  2596.           <b:if cond='data:post.allowNewComments'>
  2597.             <b:include data='post' name='comment-form'/>
  2598.           <b:else/>
  2599.             <data:post.noNewCommentsText/>
  2600.           </b:if>
  2601.         <b:else/>
  2602.           <b:if cond='data:post.allowComments'>
  2603.             <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
  2604.           </b:if>
  2605.         </b:if>
  2606.  
  2607.       </p>
  2608.     </b:if>
  2609.     <b:if cond='data:showCmtPopup'>
  2610.       <div id='comment-popup'>
  2611.         <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
  2612.         </iframe>
  2613.       </div>
  2614.     </b:if>
  2615.  
  2616.     <div id='backlinks-container'>
  2617.     <div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>
  2618.        <b:if cond='data:post.showBacklinks'>
  2619.          <b:include data='post' name='backlinks'/>
  2620.        </b:if>
  2621.     </div>
  2622.     </div>
  2623.   </div>
  2624. </b:includable>
  2625. </b:widget>
  2626. </b:section>
  2627. <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  2628. <script type='text/javascript'>
  2629. var postperpage=5;
  2630. var numshowpage=5;
  2631. var upPageWord =&#39;Prev&#39;;
  2632. var downPageWord =&#39;Next&#39;;
  2633. var urlactivepage=location.href;
  2634. var home_page=&quot;/&quot;;
  2635. </script>
  2636. <script src='http://way2blogging.googlecode.com/files/W2B-pagenav-min.js' type='text/javascript'/>
  2637. </b:if>
  2638.       </div><!--/post-wrap-->
  2639.       <div id='sidebarwrapper'>
  2640.           <b:section class='sidebar' id='sidebar' showaddelement='yes'>
  2641. <b:widget id='HTML4' locked='false' title='Stay Connected...' type='HTML'>
  2642. <b:includable id='main'>
  2643.   <!-- only display title if it's non-empty -->
  2644.   <b:if cond='data:title != &quot;&quot;'>
  2645.     <h2 class='title'><data:title/></h2>
  2646.   </b:if>
  2647.   <div class='widget-content'>
  2648.     <data:content/>
  2649.   </div>
  2650.  
  2651.   <b:include name='quickedit'/>
  2652. </b:includable>
  2653. </b:widget>
  2654. <b:widget id='HTML3' locked='false' title='Search' type='HTML'>
  2655. <b:includable id='main'>
  2656.   <!-- only display title if it's non-empty -->
  2657.   <b:if cond='data:title != &quot;&quot;'>
  2658.     <h2 class='title'><data:title/></h2>
  2659.   </b:if>
  2660.   <div class='widget-content'>
  2661.     <data:content/>
  2662.   </div>
  2663.  
  2664.   <b:include name='quickedit'/>
  2665. </b:includable>
  2666. </b:widget>
  2667. <b:widget id='Label1' locked='false' title='Labels' type='Label'>
  2668. <b:includable id='main'>
  2669.   <b:if cond='data:title'>
  2670.     <h2><data:title/></h2>
  2671.   </b:if>
  2672.   <div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
  2673.     <b:if cond='data:display == &quot;list&quot;'>
  2674.       <ul>
  2675.       <b:loop values='data:labels' var='label'>
  2676.         <li>
  2677.           <b:if cond='data:blog.url == data:label.url'>
  2678.             <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
  2679.           <b:else/>
  2680.             <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
  2681.           </b:if>
  2682.           <b:if cond='data:showFreqNumbers'>
  2683.             <span dir='ltr'>(<data:label.count/>)</span>
  2684.           </b:if>
  2685.         </li>
  2686.       </b:loop>
  2687.       </ul>
  2688.     <b:else/>
  2689.       <b:loop values='data:labels' var='label'>
  2690.         <span expr:class='&quot;label-size label-size-&quot; + data:label.cssSize'>
  2691.           <b:if cond='data:blog.url == data:label.url'>
  2692.             <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
  2693.           <b:else/>
  2694.             <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
  2695.           </b:if>
  2696.           <b:if cond='data:showFreqNumbers'>
  2697.             <span class='label-count' dir='ltr'>(<data:label.count/>)</span>
  2698.           </b:if>
  2699.         </span>
  2700.       </b:loop>
  2701.     </b:if>
  2702.     <b:include name='quickedit'/>
  2703.   </div>
  2704. </b:includable>
  2705. </b:widget>
  2706. <b:widget id='Followers1' locked='false' title='Followers' type='Followers'>
  2707. <b:includable id='main'>
  2708.   <b:if cond='data:title != &quot;&quot;'>
  2709.     <b:if cond='data:codeSnippet != &quot;&quot;'>
  2710.       <h2 class='title'><data:title/></h2>
  2711.     <b:else/>
  2712.       <b:if cond='data:totalFollowerCount != &quot;&quot;'>
  2713.         <h2 class='title'><data:title/> (<data:totalFollowerCount/>)</h2>
  2714.       </b:if>
  2715.     </b:if>  
  2716.   </b:if>
  2717.   <div class='widget-content'>
  2718.     <div expr:id='data:widget.instanceId + &quot;-wrapper&quot;'>
  2719.       <b:if cond='data:codeSnippet != &quot;&quot;'>
  2720.         <div style='margin-right:2px;'>
  2721.           <data:codeSnippet/>
  2722.         </div>
  2723.       <b:else/>
  2724.         <b:if cond='data:totalFollowerCount == &quot;&quot;'>
  2725.           <span class='item-control following-not-admin'>
  2726.             <b><data:failureSnippet/></b>
  2727.           </span>
  2728.           <span class='item-control blog-admin'>
  2729.             <b><data:adminFailureSnippet/></b>
  2730.           </span>
  2731.         <b:else/>
  2732.           <b:if cond='data:followingLinkPresent'>
  2733.             <div class='follow-this profile-link item-control following-follow-this'>
  2734.               <a expr:href='&quot;javascript:_FollowersView._openPopup(\&quot;&quot; + data:followUri + &quot;\&quot;);&quot;'>
  2735.                 <data:followThisMessage/>
  2736.               </a>
  2737.             </div>
  2738.             <div class='follow-this profile-link item-control following-stop-following-this'>
  2739.               <a expr:href='&quot;javascript:_FollowersView._openPopup(\&quot;&quot; + data:followUri + &quot;\&quot;);&quot;'>
  2740.                 <data:stopFollowingMessage/>
  2741.               </a>
  2742.             </div>
  2743.           </b:if>
  2744.  
  2745.           <div class='followers-grid'>
  2746.             <b:if cond='data:totalFollowerCount == 0'>
  2747.               <div class='profile-link item-control following-follow-this'>
  2748.                 <data:emptyFollowersMessage/>
  2749.               </div>
  2750.             </b:if>
  2751.             <!--
  2752.            Relies on the js written out in navbar.gxp
  2753.            -->
  2754.             <b:loop values='data:followers' var='follower'>
  2755.               <div class='follower'>
  2756.                 <a expr:href='data:follower.profileUrl' expr:title='data:follower.displayName' rel='nofollow'>
  2757.                 <img class='follower-img' expr:alt='data:follower.displayName' expr:height='data:follower.imageHeight' expr:onerror='&quot;this.onerror=null;this.src=\&quot;&quot; + data:anonFollowerImageUrl + &quot;\&quot;;&quot;' expr:onload='&quot;setAttributeOnload(this, \&quot;src\&quot;, \&quot;&quot; + data:follower.imageUrl + &quot;\&quot;)&quot;' expr:width='data:follower.imageWidth' src='http://img1.blogblog.com/img/blank.gif'/>
  2758.                 </a>
  2759.               </div>
  2760.             </b:loop>
  2761.             <div class='clear'/>
  2762.           </div>
  2763.  
  2764.           <div class='followers-canvas profile-link'>
  2765.             <data:followersFooterMessage/>
  2766.             <span class='item-control following-not-admin'>
  2767.               <a expr:href='data:followersUri'>
  2768.                 <data:viewAllMessage/>
  2769.               </a>
  2770.             </span>
  2771.             <span class='item-control blog-admin'>
  2772.               <a expr:href='data:manageFollowersUri'>
  2773.                 <data:manageFollowersMessage/>
  2774.               </a>
  2775.             </span>
  2776.           </div>
  2777.           </b:if>
  2778.       </b:if>
  2779.     </div>
  2780.     <b:include name='quickedit'/>
  2781.   </div>
  2782. </b:includable>
  2783. </b:widget>
  2784. <b:widget id='HTML2' locked='false' title='Find Us On Facebook' type='HTML'>
  2785. <b:includable id='main'>
  2786.   <!-- only display title if it's non-empty -->
  2787.   <b:if cond='data:title != &quot;&quot;'>
  2788.     <h2 class='title'><data:title/></h2>
  2789.   </b:if>
  2790.   <div class='widget-content'>
  2791.     <data:content/>
  2792.   </div>
  2793.  
  2794.   <b:include name='quickedit'/>
  2795. </b:includable>
  2796. </b:widget>
  2797. <b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'>
  2798. <b:includable id='main'>
  2799.   <b:if cond='data:title'>
  2800.     <h2><data:title/></h2>
  2801.   </b:if>
  2802.   <div class='widget-content'>
  2803.   <div id='ArchiveList'>
  2804.   <div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'>
  2805.     <b:if cond='data:style == &quot;HIERARCHY&quot;'>
  2806.      <b:include data='data' name='interval'/>
  2807.     </b:if>
  2808.     <b:if cond='data:style == &quot;FLAT&quot;'>
  2809.       <b:include data='data' name='flat'/>
  2810.     </b:if>
  2811.     <b:if cond='data:style == &quot;MENU&quot;'>
  2812.       <b:include data='data' name='menu'/>
  2813.     </b:if>
  2814.   </div>
  2815.   </div>
  2816.   <b:include name='quickedit'/>
  2817.   </div>
  2818. </b:includable>
  2819. <b:includable id='flat' var='data'>
  2820.   <ul class='flat'>
  2821.     <b:loop values='data:data' var='i'>
  2822.       <li class='archivedate'>
  2823.         <a expr:href='data:i.url'><data:i.name/></a> (<data:i.post-count/>)
  2824.       </li>
  2825.     </b:loop>
  2826.   </ul>
  2827. </b:includable>
  2828. <b:includable id='menu' var='data'>
  2829.   <select expr:id='data:widget.instanceId + &quot;_ArchiveMenu&quot;'>
  2830.     <option value=''><data:title/></option>
  2831.     <b:loop values='data:data' var='i'>
  2832.       <option expr:value='data:i.url'><data:i.name/> (<data:i.post-count/>)</option>
  2833.     </b:loop>
  2834.   </select>
  2835. </b:includable>
  2836. <b:includable id='interval' var='intervalData'>
  2837.   <b:loop values='data:intervalData' var='i'>
  2838.       <ul class='hierarchy'>
  2839.         <li expr:class='&quot;archivedate &quot; + data:i.expclass'>
  2840.           <b:include data='i' name='toggle'/>
  2841.           <a class='post-count-link' expr:href='data:i.url'><data:i.name/></a>
  2842.             <span class='post-count' dir='ltr'>(<data:i.post-count/>)</span>
  2843.           <b:if cond='data:i.data'>
  2844.             <b:include data='i.data' name='interval'/>
  2845.           </b:if>
  2846.           <b:if cond='data:i.posts'>
  2847.             <b:include data='i.posts' name='posts'/>
  2848.           </b:if>
  2849.         </li>
  2850.       </ul>
  2851.   </b:loop>
  2852. </b:includable>
  2853. <b:includable id='toggle' var='interval'>
  2854.   <b:if cond='data:interval.toggleId'>
  2855.   <b:if cond='data:interval.expclass == &quot;expanded&quot;'>
  2856.     <a class='toggle' href='javascript:void(0)'>
  2857.       <span class='zippy toggle-open'>&#9660;&#160;</span>
  2858.     </a>
  2859.   <b:else/>
  2860.     <a class='toggle' href='javascript:void(0)'>
  2861.       <span class='zippy'>
  2862.         <b:if cond='data:blog.languageDirection == &quot;rtl&quot;'>
  2863.           &#9668;&#160;
  2864.         <b:else/>
  2865.           &#9658;&#160;
  2866.         </b:if>
  2867.       </span>
  2868.     </a>
  2869.   </b:if>
  2870.  </b:if>
  2871. </b:includable>
  2872. <b:includable id='posts' var='posts'>
  2873.   <ul class='posts'>
  2874.     <b:loop values='data:posts' var='i'>
  2875.       <li><a expr:href='data:i.url'><data:i.title/></a></li>
  2876.     </b:loop>
  2877.   </ul>
  2878. </b:includable>
  2879. </b:widget>
  2880. </b:section>
  2881.     <div class='clear'/><!--clear for floats-->
  2882.       </div><!--/sidebar-wrap-->
  2883.     <div class='clear'/><!--clear for floats-->
  2884.  
  2885. </div><!--/content-wrap-->
  2886.  
  2887. <div class='inner'>
  2888. <b:section id='footercol'>
  2889. </b:section>
  2890. </div>
  2891. </div>
  2892. <div style='clear:both;'/>
  2893.  
  2894.  
  2895. <div style='clear:both;'/>
  2896.   <div id='footerwrapper'>
  2897.   <div class='inner'>
  2898.     <b:section class='footer' id='footer1' showaddelement='true'>
  2899. <b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts'>
  2900. <b:includable id='main'>
  2901.   <b:if cond='data:title'><h2><data:title/></h2></b:if>
  2902.   <div class='widget-content popular-posts'>
  2903.     <ul>
  2904.       <b:loop values='data:posts' var='post'>
  2905.       <li>
  2906.         <b:if cond='data:showThumbnails == &quot;false&quot;'>
  2907.           <b:if cond='data:showSnippets == &quot;false&quot;'>
  2908.             <!-- (1) No snippet/thumbnail -->
  2909.             <a expr:href='data:post.href'><data:post.title/></a>
  2910.           <b:else/>
  2911.             <!-- (2) Show only snippets -->
  2912.             <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
  2913.             <div class='item-snippet'><data:post.snippet/></div>
  2914.           </b:if>
  2915.         <b:else/>
  2916.           <b:if cond='data:showSnippets == &quot;false&quot;'>
  2917.             <!-- (3) Show only thumbnails -->
  2918.             <div class='item-thumbnail-only'>
  2919.               <b:if cond='data:post.thumbnail'>
  2920.                 <div class='item-thumbnail'>
  2921.                   <a expr:href='data:post.href' target='_blank'>
  2922.                     <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
  2923.                   </a>
  2924.                 </div>
  2925.               </b:if>
  2926.               <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
  2927.             </div>
  2928.             <div style='clear: both;'/>
  2929.           <b:else/>
  2930.             <!-- (4) Show snippets and thumbnails -->
  2931.             <div class='item-content'>
  2932.               <b:if cond='data:post.thumbnail'>
  2933.                 <div class='item-thumbnail'>
  2934.                   <a expr:href='data:post.href' target='_blank'>
  2935.                     <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
  2936.                   </a>
  2937.                 </div>
  2938.               </b:if>
  2939.               <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
  2940.               <div class='item-snippet'><data:post.snippet/></div>
  2941.             </div>
  2942.             <div style='clear: both;'/>
  2943.           </b:if>
  2944.         </b:if>
  2945.       </li>
  2946.       </b:loop>
  2947.     </ul>
  2948.     <b:include name='quickedit'/>
  2949.   </div>
  2950. </b:includable>
  2951. </b:widget>
  2952. </b:section>
  2953.     <b:section class='footer' id='footer2' showaddelement='true'>
  2954. <b:widget id='HTML7' locked='false' title='Recent Comments' type='HTML'>
  2955. <b:includable id='main'>
  2956.   <!-- only display title if it's non-empty -->
  2957.   <b:if cond='data:title != &quot;&quot;'>
  2958.     <h2 class='title'><data:title/></h2>
  2959.   </b:if>
  2960.   <div class='widget-content'>
  2961.     <data:content/>
  2962.   </div>
  2963.  
  2964.   <b:include name='quickedit'/>
  2965. </b:includable>
  2966. </b:widget>
  2967. </b:section>
  2968.     <b:section class='footer' id='footer3' showaddelement='true'>
  2969. <b:widget id='HTML5' locked='false' title='Friends' type='HTML'>
  2970. <b:includable id='main'>
  2971.   <!-- only display title if it's non-empty -->
  2972.   <b:if cond='data:title != &quot;&quot;'>
  2973.     <h2 class='title'><data:title/></h2>
  2974.   </b:if>
  2975.   <div class='widget-content'>
  2976.     <data:content/>
  2977.   </div>
  2978.  
  2979.   <b:include name='quickedit'/>
  2980. </b:includable>
  2981. </b:widget>
  2982. </b:section>
  2983. <div style='clear:both;'/>
  2984. </div>
  2985.   </div><!-- /footerwrapper -->
  2986. <div id='credits'>
  2987. <div class='inner'>
  2988.  
  2989. <b:section id='w2battrubutes'>
  2990. <b:widget id='LinkList397' locked='true' title='Footer Links' type='LinkList'>
  2991. <b:includable id='main'>
  2992.  
  2993. <p style='float:left;'>
  2994. Copyright &amp;copy; 2011 All Rights Reserved
  2995.  
  2996.      <b:loop values='data:links' var='link'>
  2997.      / <a expr:href='data:link.target'><data:link.name/></a>
  2998.      </b:loop>
  2999. </p>
  3000. <p style='float:right;'>
  3001. <!--
  3002.     License:  This free Blogger template is licensed under the Creative Commons Attribution 3.0 License,
  3003.     which permits both personal and commercial use.
  3004.     However, to satisfy the 'attribution' clause of the license,
  3005.     you are required to keep the footer links intact. - http://creativecommons.org/licenses/by/3.0/
  3006.  
  3007.     PLEASE DO NOT REMOVE THE CREDIT LINKS OF THE TEMPLATE!!!
  3008. -->
  3009. <a href='http://www.custombloggertemplates.com' target='_blank'>Blogger Template</a> by <a href='http://www.way2blogging.org/' target='_blank'>Way2Blogging</a> / Powered by <a href='http://www.blogger.com/' rel='nofollow' target='_blank'>Blogger</a>
  3010. </p>
  3011.    <b:include name='quickedit'/>
  3012. </b:includable>
  3013. </b:widget>
  3014. </b:section>
  3015.  
  3016. <div style='clear:both;'/>
  3017. </div>
  3018. </div>
  3019.  
  3020.  
  3021.   <div class='clear'/><!--clear for floats-->
  3022.   </div><!--/basic-wrap-->
  3023.   <div class='clear'/><!--clear for floats-->
  3024. </body>
  3025. </html>
Add Comment
Please, Sign In to add comment