jam

Sumber : http://dhecun.blogspot.com/2012/11/script-jam-unik-untuk-blog.html#ixzz2h61Hwcya

Jumat, 29 November 2013

Senin, 11 November 2013

Link SCENERY



1. Aji : santoso99.blogspot.com
2. Ayu : ayusafitri799.blogspot.com
3. Ela : elamaulani.bogspot.com
4. Fatchur : variz23.blogspot.com
5. Fatkul : ulfatkhul96.blogspot.com
6. Feri : fidiferi.blogspot.com
7. Gebby : gebbyramadhan07.blogspot.com
8. Gigih : gigihsuryadi.blogspot.com
9. Hamidah : hamidahlestya.blogspot.com
10. Hanifah : hanifahlestyasari.blogspot.com
11. Imam : suripblogblog.blogspot.com
12. Indah : widias22.blogspot.com
13. Intam : putripermata77.blogspot.com
14. Khoirul : larjokarti.blogspot.com
15. Leli : leliokta.blogspot.com
16. Marsanto : marsantho.blogspot.com
17. Meilan : namakumeilan.blogspot.com
18. Melawati : sebuahmimpiharapan.blogspot.com
19. Retno : retnodwilestarienoc.blogspot.com
20. Ridho : ryedhoew.blogspot.com
21. Sekar : sekarwidhy.blogspot.com
22. Selfi : selfiana62.blogspot.com
23. Siska : siskaaprili.blogspot.com
24. Siti : sundarimrc19.blogspot.com
25. Sri : jenned15.blogspot.com
26. Sumarti : sumartismansa.blogspot.com
27. Tifana : tiprut225.blogspot.com
28. Umi : simutumi.blogspot.com
29. Uswatun ; uswatunkhasanahpwo.blogspot.com
30. windi :windiamonds.blogspot.com


Senin, 28 Oktober 2013

:)




Selasa, 01 Oktober 2013


Senin, 30 September 2013

orbital

Orbital-s

Orbital-s memiliki bilangan kuantum azimut, l= 0 dan m= 0. Oleh karena nilai m sesungguhnya suatu tetapan (tidak mengandung trigonometri) maka orbital-s tidak memiliki orientasi dalam ruang sehingga orbital-s ditetapkan berupa bola simetris di sekeliling inti. Permukaan bola menyatakan peluang terbesar ditemukannya elektron dalam orbital-s. Hal ini bukan berarti semua elektron dalam orbital-s berada di permukaan bola, tetapi pada permukaan bola itu peluangnya tertinggi (≈ 99,99%), sisanya boleh jadi tersebar di dalam bola.

Orbital-p

Orbital-p memiliki bilangan kuantum azimut, l= 1 dan m= 0, ±l. Oleh karena itu, orbital-p memiliki tiga orientasi dalam ruang sesuai dengan bilangan kuantum magnetiknya. Oleh karena nilai m sesungguhnya mengandung sinus maka bentuk orbital-p menyerupai bentuk sinus dalam ruang, seperti ditunjukkan pada gambar berikut.
Ketiga orbital-p memiliki bentuk yang sama, tetapi berbeda dalam orientasinya. Orbital-px memiliki orientasi ruang pada sumbu-x, orbital-py memiliki orientasi pada sumbu-y, dan orbital-pz memiliki orientasi pada sumbu-z. Makna dari bentuk orbital-p adalah peluang terbesar ditemukannya elektron dalam ruang berada di sekitar sumbu x, y, dan z. Adapun pada bidang xy, xz, dan yz, peluangnya terkecil.

Orbital-d

Orbital-d memiliki bilangan kuantum azimut l = 2 dan m = 0, ±1, ±2. Akibatnya, terdapat lima orbital-d yang melibatkan sumbu dan bidang, sesuai dengan jumlah bilangan kuantum magnetiknya. Orbital-d terdiri atas orbital-dx2, orbital-dxz , orbital-dxy , orbital-dyz , dan orbital-dx2-y2.
Orbital dxy, dxz, dyz, dan dx2y2 memiliki bentuk yang sama, tetapi orientasi dalam ruang berbeda. Orientasi orbital-dxy berada dalam bidang xy, demikian juga orientasi orbital-orbital lainnya sesuai dengan tandanya. Orbital dx2y2 memiliki orientasi pada sumbu x dan sumbu y. Adapun orbital  dz2 memiliki bentuk berbeda dari keempat orbital yang lain. Orientasi orbital ini berada pada sumbu z dan terdapat “donat” kecil pada bidang-xy.
Makna dari orbital-d adalah, pada daerah-daerah sesuai tanda dalam orbital (xy, xz, yz, x2–y2, z2) menunjukkan peluang terbesar ditemukannya elektron, sedangkan pada simpul-simpul di luar bidang memiliki peluang paling kecil.
Bentuk orbital-f dan yang lebih tinggi dapat dihitung secara matematika, tetapi sukar untuk digambarkan atau diungkapkan kebolehjadiannya sebagaimana orbital-s, p, dan d. Kesimpulan umum dari hasil penyelesaian persamaan Schrodinger dapat dirangkum sebagai berikut.
Setiap orbital dicirikan oleh tiga bilangan kuantum n, l , dan m yang memiliki ukuran, bentuk, dan orientasi tertentu dalam ruang kebolehjadian. Elektron-elektron yang menghuni orbital memiliki spin berlawanan sesuai temuan Stern-Gerlach.
Secara lengkap, peluang keberadaan elektron dalam atom dapat sobat lihat pada tabel berikut.
n
l
m
orbital
s
Jumlah maksimum elektron
1
0
0
1s
+½, –½
2
2
0
1
0
–1, 0, +1
2s
2p
+½, –½
+½, –½
2
6
3
0
1
2
0
–1, 0, +1
–2,–1, 0, +1, +2
3s
3p
3d
+½, –½
+½, –½
+½, –½
2
6
10
4
0
1
2
3
0
–1, 0, +1
–2,–1, 0, +1, +2
–3, –2,–1, 0, +1, +2, +3
4s
4p
4d
4f
+½, –½
+½, –½
+½, –½
+½, –½
2
6
10
14

Senin, 23 September 2013

konfigurasi elektron atom polielektron



Di kelas X, sobat Materi Kimia SMA telah belajar menuliskan konfigurasi elektron seperti: 2 8 18 32. Jika pada atom Cl elektron tidak maksimum, sobat tuliskan konfigurasi elektronnya Cl: 2 8 8 7, tidak Cl: 2 8 15. Bagaimanakah hal ini dapat dijelaskan dengan teori mekanika kuantum?
Persamaan Schrodinger hanya dapat diterapkan secara eksak untuk atom berelektron tunggal seperti hidrogen, sedangkan pada atom berelektron banyak tidak dapat diselesaikan. Kesulitan utama pada atom berelektron banyak adalah bertambahnya jumlah elektron sehingga menimbulkan tarik-menarik antara elektron-inti dan tolak-menolak antara elektron-elektron semakin rumit. Oleh karena itu, untuk atom berlektron banyak digunakan metode pendekatan berdasarkan hasil penelitian dan teori para ahli.

Tingkat Energi Orbital

Pada atom berelektron banyak, setiap orbital ditandai oleh bilangan kuantum n, l, m, dan s. Bilangan kuantum ini memiliki arti sama dengan yang dibahas sebelumnya. Perbedaannya terletak pada jarak orbital dari inti. Pada atom hidrogen, setiap orbital dengan nilai bilangan kuantum utama sama memiliki tingkat-tingkat energi sama atau terdegenerasi. Misalnya, orbital 2s dan 2p memiliki tingkat energi yang sama. Demikian pula untuk orbital 3s, 3p, dan 3d.
Pada atom berelektron banyak, orbital-orbital dengan nilai bilangan kuantum utama sama memiliki tingkat energi yang sedikit berbeda. Misalnya, orbital 2s dan 2p memiliki tingkat energi berbeda, yaitu energi orbital 2p lebih tinggi. Perbedaan tingkat energi elektron pada atom hidrogen dan atom berelektron banyak ditunjukkan pada gambar berikut ini.

Diagram tingkat energi orbital:
(a) Atom hidrogen. Tingkat energi orbital atom mengalami degenerasi.
(b) Atom berelektron banyak
Perbedaan tingkat energi ini disebabkan oleh elektron yang berada pada kulit dalam menghalangi elektron-elektron pada kulit bagian luar. Sebagai contoh, elektron pada orbital 1s akan tolak-menolak dengan elektron pada orbital-2s dan 2p sehingga orbital-2s dan 2p tidak lagi sejajar (terdegenerasi) seperti pada atom hidrogen. Hal ini menyebabkan elektron-elektron dalam orbital-2s memiliki peluang lebih besar ditemukan di dekat inti daripada orbital-2p (orbital-2s lebih dekat dengan inti).

Distribusi Elektron dalam Atom

Kulit terdiri atas subkulit yang berisi orbital-orbital dengan bilangan kuantum utama yang sama. Jumlah orbital dalam setiap kulit dinyatakan dengan rumus n2 dan jumlah maksimum elektron yang dapat menempati setiap kulit dinyatakan dengan rumus 2n2.
Contoh:
Berapa jumlah orbital dan jumlah maksimum elektron dalam kulit M?
Penyelesaian:
Kulit M memiliki bilangan kuantum, n = 3 maka jumlah orbital dalam kulit M adalah 32 = 9 orbital dan jumlah maksimum elektronnya sebanyak 2(3)2 = 18 elektron.
Subkulit terdiri atas orbital-orbital yang memiliki bilangan kuantum azimut yang sama. Jumlah orbital, dalam setiap subkulit dinyatakan dengan rumus (2l + 1). Oleh karena setiap orbital maksimum dihuni oleh dua elektron maka jumlah elektron dalam setiap subkulit dinyatakan dengan rumus 2(2l + 1).
Contoh:
Berapa jumlah orbital dalam subkulit-p dan berapa jumlah elektron dalam subkulit itu?
Penyelesaian:
Subkulit p memiliki harga = 1 maka jumlah orbitalnya sama dengan {2(1) + 1} = 3 orbital. Sebaran elektron dalam subkulit-p adalah 2{2(1) + 1} = 6 elektron.

Berapa jumlah orbital dan jumlah maksimum elektron yang menghuni tingkat energi ke-3 (kulit M)? Bagaimana sebaran orbital dalam setiap subkulit dan sebaran elektronnya pada tingkat energi itu?
Jawab
a. Jumlah orbital pada kulit M (n= 3) dihitung dengan rumus n2. Jadi, pada kulit ada 9 orbital.

b. Jumlah maksimum elektron yang dapat menghuni kulit M sebanyak 2n2 = 18 elektron.

c. Sebaran orbital dalam setiap subkulit pada n= 3 dihitung dari rumus (2l+ 1). Untuk n= 3, nilai l= n–1 = 0, 1, 2. Oleh karena ada 3 subkulit, sebaran orbital dalam tiap subkulit adalah sebagai berikut.
[2(0) + 1)] = 1
[2(1) + 1)] = 3
[2(2) + 1)] = 5
Pada subkulit s (l=0) terdapat 1 orbital-s
Pada subkulit p (l=1) terdapat 3 orbital-p
Pada subkulit d (l=2) terdapat 5 orbital-d

d. Sebaran elektron yang menghuni tiap-tiap subkulit ditentukan dari rumus 2(2l+ 1), yaitu:
2(2(0) + 1) = 2 elektron, orbital-s (l= 0) maksimum ditempati oleh 2 elektron.
2(2(1) + 1) = 6 elektron, orbital-p (l= 1) maksimum ditempati oleh 6 elektron.
2(2(2) + 1) = 10 elektron, orbital-d (l = 2) maksimum ditempati oleh 10 elektron.

aturan konfigurasi elektron


Bagaimanakah aturan konfigurasi elektron berdasarkan teori atom mekanika kuantum? SobatMateri Kimia SMA dapat mengetahuinya setelah mempelajari materi ini. Penulisan konfigurasi elektron untuk atom berelektron banyak didasarkan pada aturan aufbau, aturan Hund, dan prinsip larangan Pauli. Berikut adalah penjelasannya.

Aturan Membangun (Aufbau)

Aturan pengisian elektron ke dalam orbital-orbital dikenal dengan prinsip Aufbau (bahasa Jerman, artinya membangun). Menurut aturan ini, elektron dalam atom harus memiliki energi terendah, artinya elektron harus terlebih dahulu menghuni orbital dengan energi terendah, lihat diagram tingkat energi orbital berikut.

Tingkat energi elektron ditentukan oleh bilangan kuantum utama. Bilangan kuantum utama dengan n = 1 merupakan tingkat energi paling rendah, kemudian meningkat ke tingkat energi yang lebih tinggi, yaitu n = 2, n = 3, dan seterusnya. Jadi, urutan kenaikan tingkat energi elektron adalah (n = 1) < (n = 2) < (n =3) < … < (n = n).
Setelah tingkat energi elektron diurutkan berdasarkan bilangan kuantum utama, kemudian diurutkan lagi berdasarkan bilangan kuantum azimut sebab orbital-orbital dalam atom berelektron banyak tidak terdegenerasi. Berdasarkan bilangan kuantum azimut, tingkat energi terendah adalah orbital dengan bilangan kuantum azimut terkecil atau l= 0. Jadi, urutan tingkat energinya adalah s < p < d < f < [ l = (n–1)].
Terdapat aturan tambahan, yaitu aturan (n+l). Menurut aturan ini, untuk nilai (n+ l) sama, orbital yang memiliki energi lebih rendah adalah orbital dengan bilangan kuantum utama lebih kecil, contoh: 2p (2+1 = 3) < 3s (3+0 =3), 3p (3+1 = 4) < 4s (4+0 =4), dan seterusnya. Jika nilai (n+ l) berbeda maka orbital yang memiliki energi lebih rendah adalah orbital dengan jumlah (n+ l) lebih kecil, contoh: 4s (4+0 = 4) < 3d (3+2 =5).
Dengan mengacu pada aturan aufbau maka urutan kenaikan tingkat energi elektron-elektron dalam orbital adalah sebagai berikut.
1s < 2s < 2p < 3s < 3p < 4s < 3d < 4p < 5s < 4d < 5p < 6s < 4f < …

Aturan Hund

Aturan Hund disusun berdasarkan data spektroskopi atom. Aturan ini menyatakan sebagai berikut.
1. Pengisian elektron ke dalam orbital-orbital yang tingkat energinya sama, misalnya ketiga orbital-p atau kelima orbital-d. Oleh karena itu, elektron-elektron tidak berpasangan sebelum semua orbital dihuni.
2. Elektron-elektron yang menghuni orbital-orbital dengan tingkat energi sama, misalnya orbital pz, px, py. Oleh karena itu, energi paling rendah dicapai jika spin elektron searah.

Prinsip Larangan Pauli

Menurut Wolfgang Pauli, elektron-elektron tidak boleh memiliki empat bilangan kuantum yang sama. Aturan ini disebut Prinsip larangan Pauli. Makna dari larangan Pauli adalah jika elektron-elektron memiliki ketiga bilangan kuantum (n, l, m) sama maka elektron-elektron tersebut tidak boleh berada dalam orbital yang sama pada waktu bersamaan. Akibatnya, setiap orbital hanya dapat dihuni maksimum dua elektron dan arah spinnya harus berlawanan.
Sebagai konsekuensi dari larangan Pauli maka jumlah elektron yang dapat menghuni subkulit s, p, d, f, …, dan seterusnya berturut-turut adalah 2, 6, 10, 14, ..., dan seterusnya. Hal ini sesuai dengan rumus: 2(2 l + 1).

penulisan konfigurasi elektron



Salah satu contoh penulisan konfigurasi elektron yang telah sobat Materi Kimia SMA pelajari sebelumnya yaitu: 8O: 2 6. Bagaimana dengan materi kimia kelas XI sekarang, apakah seperti itu? Untuk menuliskan konfigurasi elektron berdasarkan teori atom mekanika kuantum, bayangkan bahwa inti atom memiliki tingkat-tingkat energi, dan setiap tingkat energi memiliki orbitalorbital yang masih kosong. Kemudian, elektron-elektron ditempatkan pada orbital-orbital sesuai dengan urutan tingkat energinya (aturan Aufbau), dan tingkat energi paling rendah diisi terlebih dahulu.
Pengisian orbital dengan tingkat energi sama, seperti px, py, pz, diusahakan tidak berpasangan sesuai aturan Hund, tempatnya boleh di mana saja, px, py, atau pz. Jika setelah masing-masing orbital dihuni oleh satu elektron masih ada elektron lain maka elektron ditambahkan untuk membentuk pasangan dengan spin berlawanan. Dalam setiap orbital maksimum dihuni oleh dua elektron, sesuai aturan Pauli.

Penulisan konfigurasi elektron dapat diringkas sebab dalam kimia yang penting adalah konfigurasi elektron pada kulit terluar atau elektron valensi. Contoh konfigurasi elektron atom natrium dapat ditulis sebagai: 11Na: [Ne] 3s1. Lambang [Ne] menggantikan penulisan konfigurasi elektron bagian dalam (10Ne: 1s2 2s2 2p6).
Beberapa konfigurasi elektron atom dengan nomor atom 1 sampai nomor atom 20 ditunjukkan pada tabel berikut.

Konfigurasi Elektron dan Bilangan Kuantum

Berdasarkan konfigurasi elektron, Anda dapat menentukan bilangan kuantum suatu elektron. Contoh: atom oksigen memiliki 8 elektron, konfigurasi elektron atom oksigen adalah 8O: 1s2 2s22p4 atau diuraikan sebagai berikut.
1) 1s2 2s2 2px2 2py1 2pz1
2) 1s2 2s2 2px1 2py2 2pz1
3) 1s2 2s2 2px1 2py1 2pz2
Ketiga penulisan konfigurasi tersebut benar sebab atom terakhir dapat berpasangan di mana saja dalam orbital 2p. Mengapa? Pada subkulit p, terdapat tiga orbital dengan tingkat energi sama (px= py = pz) sehingga kita tidak dapat menentukan secara pasti pada orbital mana elektron berpasangan. Dengan kata lain, kebolehjadian pasangan elektron dalam ketiga orbital-p adalah sama.
Akibat dari peluang yang sama dalam menemukan elektron pada suatu orbital maka Anda tidak dapat menentukan bilangan kuantum magnetiknya. Pada contoh tersebut, elektron terakhir dari atom oksigen memiliki bilangan kuantum sebagai berikut.
1) Bilangan kuantum utama, n= 2
2) Bilangan kuantum azimut, l= 1
3) Bilangan kuantum spin, s= –½ 
4) Bilangan kuantum magnetik, m= –1, +1, atau 0? (tidak pasti, semua orbital memiliki peluang yang sama untuk dihuni).
Dengan demikian, pada kasus atom oksigen terdapat ketidakpastian dalam bilangan kuantum magnetik atau momentum sudut.
Kasus tersebut benar-benar membuktikan bahwa keberadaan elektron-elektron di dalam atom tidak dapat diketahui secara pasti, yang paling mungkin hanyalah peluang menemukan elektron pada daerah tertentu di dalam ruang, sedangkan posisi pastinya tidak dapat diketahui

kestabilan konfigurasi elektron




Harus sobat Materi Kimia SMA ketahui bahwa, berdasarkan pengamatan, orbital yang terisi penuh dan terisi setengah penuh menunjukkan kondisi yang relatif stabil. Hal tersebut terjadi terutama bagi atom unsur-unsur gas mulia dan unsur-unsur transisi.
Contoh:
Atom-atom unsur gas mulia relatif stabil disebabkan orbital kulit valensinya terisi penuh oleh elektron.
2He : 1s2
10Ne : 1s2 2s2 2p6
18Ar : 1s2 2s2 2p6 3s2 3p6
36Kr : 1s2 2s2 2p6 3s2 3p6 4s2 3d10 4p6

Hasil pengamatan menunjukkan bahwa unsur-unsur dengan orbital kulit valensi terisi setengah penuh relatif stabil.
Contoh:
Konfigurasi elektron atom 24Cr dapat ditulis sebagai berikut:
(a) 24Cr : [Ar] 3d5 4s1   (lebih stabil).
(b) 24Cr : [Ar] 3d4 4s2

Menurut data empirik, konfigurasi elektron pertama (a) relatif lebih stabil daripada konfigurasi elektron kedua (b), mengapa? Pada konfigurasi elektron (a), orbital 3d terisi lima elektron dan orbital 4s terisi satu elektron, keduanya setengah penuh. Pada konfigurasi elektron (b), walaupun orbital 4s terisi penuh, tetapi orbital 3d tidak terisi setengah penuh sehingga kurang stabil.

Konfigurasi Elektron Unsur-Unsur Transisi

Pada diagram tingkat energi orbital, orbital 4s memiliki energi lebih rendah daripada orbital 3d. Akibatnya, dalam konfigurasi elektron unsur-unsur utama orbital 4s dihuni terlebih dahulu.
Pada unsur-unsur transisi pertama, elektron kulit terluar menghuni orbital-d dan orbital-s, yakni ns (n–1)d. Jika mengikuti aturan tersebut, orbital ns dihuni terlebih dahulu baru menghuni orbital (n–1)d. Apakah konfigurasi elektron untuk unsur-unsur transisi seperti itu? Jika demikian, elektron akan mudah lepas ketika unsur transisi membentuk kation (bersenyawa) berasal dari orbital (n–1)d.
Berdasarkan data empirik, diketahui bahwa semua unsur transisi ketika membentuk kation melepaskan elektron valensi dari orbital ns. Jika muatan kation yang dibentuknya lebih tinggi maka elektron dari orbital (n–1)d dilepaskan. Data berikut ini artinya, elektron terluar berasal dari orbital ns.
Fakta empirik:
1. Mangan dapat membentuk kation Mn2+ (MnCl2) dan Mn7+ (KMnO4)
2. Besi dapat membentuk kation Fe2+ (FeSO4) dan Fe3+ (FeCl3)
3. Tembaga dapat membentuk kation Cu+ (CuCl) dan Cu2+ (CuSO4).
Konfigurasi elektronnya:
1. 25Mn : [Ar] 3d5 4s2
2. 26Fe : [Ar] 3d6 4s2
3. 29Cu : [Ar] 3d10 4s1
Jika fakta empirik dan konfigurasi elektronnya dihubungkan maka Anda dapat mengatakan Mn2+dibentuk melalui pelepasan 2 elektron dari orbital 4s. Ion Fe2+ dibentuk dengan melepaskan 2 elektron dari orbital 4s, demikian juga ion Cu+. Bagaimana menjelaskan data empirik ini?
Berdasarkan hasil perhitungan dan pengukuran, energi orbital dapat disimpulkan sebagai berikut.
1) Unsur-unsur ringan dengan nomor atom 1 (H) sampai dengan 20 (Ca) memiliki konfigurasi elektron sebagaimana uraian tersebut.
2) Untuk unsur-unsur berat dengan nomor atom 21 ke atas, terjadi transisi energi orbital.
Apa yang dimaksud transisi energi orbital? Setelah orbital 4s terisi penuh (atom 20Ca) maka elektron mulai mengisi orbital 3d (21Sc – 30Zn). Dalam keadaan tidak terhuni, orbital 3d memiliki energi lebih tinggi dari 4s. Akan tetapi, ketika orbital 3d terhuni elektron maka energi orbital 3d turun drastis dan mencapai kestabilan dengan energi yang lebih rendah daripada orbital 4s. Dengan demikian, mudah dipahami bahwa orbital paling luar dari kulit valensi adalah orbital ns, bukan orbital (n-1)d. Gejala ini berlaku untuk semua atom-atom unsur dengan nomor atom di atas 20.



<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
  <head>
    <b:include data='blog' name='all-head-content'/>
    <title>
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<data:blog.title/>
<b:else/>
<data:blog.pageName/> | <data:blog.title/>
</b:if>
</title>
    <b:skin><![CDATA[/*
Theme Name: Gardening Tricks
Theme URI: http://www.ezwpthemes.com/templates/gardening-tricks.html
Description: This theme is designed and coded by <a href="http://www.ezwpthemes.com/">EZwpthemes</a>.
Version: 1.0
Author: EZwpthemes
Author URI: http://www.ezwpthemes.com/
Tags: yellow, fixed width, two columns, right sidebar, threaded comments, widget ready, pagenavi, social bookmarking, valid xhtml, valid css
*/


.Navbar {display: none !important;}
/* Variable definitions
   ====================
   <Variable name="bgcolor" description="Page Background Color"
             type="color" default="#fff" value="#ffffff">
   <Variable name="textcolor" description="Text Color"
             type="color" default="#333" value="#333333">
   <Variable name="linkcolor" description="Link Color"
             type="color" default="#58a" value="#5588aa">
   <Variable name="pagetitlecolor" description="Blog Title Color"
             type="color" default="#666" value="#666666">
   <Variable name="descriptioncolor" description="Blog Description Color"
             type="color" default="#999" value="#999999">
   <Variable name="titlecolor" description="Post Title Color"
             type="color" default="#c60" value="#cc6600">
   <Variable name="bordercolor" description="Border Color"
             type="color" default="#ccc" value="#cccccc">
   <Variable name="sidebarcolor" description="Sidebar Title Color"
             type="color" default="#999" value="#999999">
   <Variable name="sidebartextcolor" description="Sidebar Text Color"
             type="color" default="#666" value="#666666">
   <Variable name="visitedlinkcolor" description="Visited Link Color"
             type="color" default="#999" value="#999999">
   <Variable name="bodyfont" description="Text Font"
             type="font" default="normal normal 100% Georgia, Serif" value="normal normal 100% Georgia, Serif">
   <Variable name="headerfont" description="Sidebar Title Font"
             type="font"
             default="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif" value="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif">
   <Variable name="pagetitlefont" description="Blog Title Font"
             type="font"
             default="normal normal 200% Georgia, Serif" value="normal normal 200% Georgia, Serif">
   <Variable name="descriptionfont" description="Blog Description Font"
             type="font"
             default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif">
   <Variable name="postfooterfont" description="Post Footer Font"
             type="font"
             default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif">
   <Variable name="startSide" description="Side where text starts in blog language"
             type="automatic" default="left" value="left">
   <Variable name="endSide" description="Side where text ends in blog language"
             type="automatic" default="right" value="right">
*/


/* (CSS Start) */
/* Based on YUI http://developer.yahoo.com/yui/reset/
and Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html */

body, h1, h2, h3, h4, h5, h6, hr, p, blockquote,
dl, dt, dd, ul, ol, li,
pre, code, form, div, fieldset, legend, button, input, textarea, th, td {
    margin: 0;
    padding: 0;
}
fieldset, img {
border: 0;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
address, caption, cite, code, dfn,
em, strong, th, var, optgroup {
font-style: normal;
font-weight: normal;
}

#blog_title ,.post_title ,h1 ,h2 ,h3 ,h4, h5, h6 {
font-size: 100%;
font-weight: normal;
}
abbr, acronym {
border: 0;
font-variant: normal;
}

input, button, textarea,
select, optgroup, option {
font-family: inherit;
font-size: inherit;
font-style: inherit;
font-weight: inherit;
}
code, kbd, samp, tt {
font-size: 100%;
}
/*@purpose To enable resizing for IE */
input, button, textarea, select {
font-size: 100%;
}
body {
line-height: 1.2;
}
ol, ul {
list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}
caption, th {
text-align: left;
}
sup, sub {
font-size: 100%;
vertical-align: baseline;
}
/* remember to highlight anchors and inserts somehow! */
ins {
text-decoration: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
/* Define */
h1 {
font-size: 2.8em;
}
h2, h3, h4 {
font-size: 2em;
}
a {
text-decoration: none;
}
blockquote {
margin: 5px 20px;
padding: 5px;
}
blockquote p, code {
padding: 10px 20px;
display: block;
}
code {
display: block;
margin: 5px 20px;
}
strong, em, caption, th {
font-style: normal;
font-weight: bold;
}
cite {
font-style: italic;
font-weight: normal;
}
sub, sup {
font-size: .8em;
}
sub {
vertical-align: sub;
}
sup {
vertical-align: super;
}
small {
font-size: 1em;
}
:focus {
outline: 1px #666 dotted;
}
input:focus, div:focus {
outline: 0;
}
input {
margin: 3px;
vertical-align: middle;
}

/* Layout */
body {
font-size: 62.5%; /* Resets 1em to 10px */
color: #000;
background: #fff;
line-height: 1.4;
}
#outer-wrapper , #wrap2 , #wrap4 ,
#header-wrapper , #content-wrapper , #footer-wrapper {
margin: 0 auto;
}
#header-wrapper {
position: relative;
}

/* Wordpress */
.entry p {
margin: 10px 0 10px 0;
}
.entry ul {
padding-left: 20px;
list-style-type: square;
}
.entry ol {
padding-left: 25px;
list-style-type: decimal;
}
.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 {
font-weight: bold;
margin: 5px 0;
}
acronym, abbr, span.caps {
font-size: 0.9em;
letter-spacing: .07em;
cursor: help;
border-bottom: 1px dashed #666;
}
.endline {
clear: both;
}

/* Images */
p img {
max-width: 100%; /* not working in IE6 */
}
img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}
img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}
img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}
.alignright {
float: right;
}
.alignleft {
float: left
}


/* Captions */
.aligncenter, div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption {
border: 1px solid #ddd;
text-align: center;
background-color: #f3f3f3;
padding-top: 4px;
margin: 10px;
}
.wp-caption img {
border: 0 none;
}
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
padding: 0 4px 5px;
}

/* Clear Fix */
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
display: inline-block;
}
/* Hide from IE Mac \*/
.clearfix {
display: block;
}
/* End hide from IE Mac */
/* end of clearfix */
/* Global */
body {
color: #000;
background: #EADEC5 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5siNokyFgj2-x0rqcoMXw1aH9ApSCZ3lsao3k4ryCk4YCVTjFup76qlcoaWFysEl4yxLU3j4sDSOXC6zUfD-lVDD5Xn3jU61A7kH_BH_a1x1PONG__xCJNEiCSfmVfB_51vXx_jOQCjFO/s0/bg.jpg) center top repeat;
font-family: Verdana, Geneva, sans-serif;
}
a, .post a {
text-decoration: none;
color: #000;
}
a:hover, .post a:hover {
color: #900;
text-decoration: none;
}
#blog_title ,.post-title ,h1 ,h2 ,h3 ,h4 {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
}
blockquote, code {
color: #333;
font-family: Verdana, Geneva, sans-serif;
border: 1px dashed #999;
}
blockquote {
background: #F8F4AB;
}
code {
background: #F5D582;
}

/* Layout */
#outer-wrapper {
min-width: 998px; /* not working in IE6 */
overflow: hidden;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheJQeUuqsNgbpid_TrZkFgzVIAC-Yr2q1LW_Ke1RG54zzP3wMY-GKNTmxLdtviFzzWQbsce1hzcakgoDC4DcZZqTK9-a3vX-BjEq4L-k8Kgy0caVPStak_NXyKztPv-CKAYa1kAyqTMqRm/s0/container_bg.jpg) repeat-y center top;
}
#wrap2 {
padding: 0 0 5px 0;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzI5eS52JwaKtARuA0xgXUFowJE5t5lC2G_Rv0g7rnv-GkYdcZ3uAUEawj2jGH4nd1hdWaOxXh_6juFFKg1bb-_cW_5diHuDjJ34EVtj5d3JpPmBpD4ECbIrpbAr-Nsynaj7HpVDA8AL76/s0/bottom_frame.jpg) no-repeat center bottom;
}
#wrap4 {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6ANgAn4qlT87cVPfRVWLZGsnuG3Sy9mMZ80MXOc5yNj84OBh1dWAhVfYOwYZ_CT5jv_SUvOzX2kRcTOWTfwso7Mc-BQBdbUkEGyCzNZ9WZsOsbAj8wVPiA8DP6mjd4kRZn651STlUYkc0/s0/top_frame.jpg) no-repeat center top;
}
#wrap5 {
margin: 0 auto;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKpBBir4Tu2WBwxFHcvC3TVeERBQRS0qmsen8b9CjVuBwlY_720J0QWyZKTnqam_Fb1PyzygEfL024AZPA2kwS_izoLQx_fJl3-c-ES3Pr7duB9jJUm3FqctK-Q4_pglqKi37vQwjZSX6P/s0/top_container.jpg) no-repeat center 192px;
}
#header-wrapper , #content-wrapper , #footer-wrapper {
width: 998px;
}
#header-wrapper {
height: 187px;
}
#content-wrapper {
min-height: 900px;
padding: 0px 0 50px 0;
}
#footer-wrapper {
clear: both;
height: 56px;
position: relative;
}
/* Footer */
.credit {
font-size: 1.1em;
text-align: center;
padding: 0px 100px 0px 100px;
}
.credit, .credit a, .credit a:hover {
color: #999999;
}
/* Header */
#header-wrapper #blog_title {
font-size: 3em; /* Blog Title */
padding: 56px 200px 0px 175px;
text-align: left;
}
#header-wrapper h2 {
font-size: 1.4em; /* Blog Description */
text-align: left;
padding: 0px 200px 0px 177px;
}
#header-wrapper #blog_title, #header-wrapper #blog_title a, #header-wrapper h2 {
color: #333333;
}
/* menu */
#menu {
width: 384px;
height: 26px;
position: absolute;
left: 148px;
top: 158px;
overflow: hidden;
}
#menu ul li {
padding: 0 22px;
font-size: 1.4em; /* Menu Font Size */
font-weight: bold;
text-align: center;
float: left;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj41hU-3w3i7YpYipWfMg0xl3NZkT0zCVSdAJOnvjvvhkbwofHIt90Lw_j6hrKK9T9A_kclyBQUMFjVeEKxXL_mIn1rdn7h8PZWk6q0BGqCOWlzKnaUMlc3IdVKkiOhBS0KOMbz2ZZKIRLe/s0/menu_line.jpg) no-repeat left 10px;
}
#menu ul li.menu_first {
background: none;
}
#menu ul li a {
padding: 0px 0 0px 0px;
line-height: 2;
color: #666666;
}
#menu ul li a:hover {
color: #a00;
}
#menu ul ul li {
font-size: 1em;
}

/* searchform */
#searchform {
overflow: hidden;
position: absolute;
left: 735px;
top: 77px;
}
.searchtext {
width: 107px;
color: #000;
border: 0;
font-size: 1.2em;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsqxaNrBPtktwtXPEFZXsYBshv_z9q4td4cjjulKv5hFcs6rlLIdD3fVRoHIu6eym3iQer5uRiF76xgqCKFSPoZ-NbH-9B50P-Uny7JcnZZF8kDSSsiiA63DJ94jERXiXBDWjlXKunnkrq/s0/spacer.gif);
padding: 0;
margin: 0px 0px 0px 5px;
float: left;
}
#searchsubmit {
border: 0;
margin: 0 0 0px 0;
width: 42px;
height: 14px;
float: left;
}
#rss {
position: absolute;
left: 871px;
top: 157px;
}
#rss img {
width: 23px;
height: 22px;
}

/* Content */
#main-wrapper {
width: 521px;
padding: 15px 0px 0 0px;
display: inline;
margin: 0 0 0 89px;
float: left;
}
.post {
padding: 0px 0 10px 0;
margin: 0px 0 10px 0px;
background: none center bottom no-repeat;
}
.post .post-title {
margin: 0px 0px 0 0px;
padding: 0px 22px 5px 22px;
font-size: 20px; /* Post Title */
font-family: Georgia;
font-weight: bold;
}
.post .post-title a {
color: #B08C6A;
}
.post .post-title a:hover {
color: #900;
}
.edit_post {
width: 83%;
color: #333;
margin: 0 auto;
margin-top: 10px;
padding: 5px 10px;
background: #ffc;
border: 1px dashed #999;
}
.edit_post a {
font-style: italic;
color: #33C;
}
.edit_post a.post-edit-link {
margin-right: 15px;
font-style: normal;
color: #E5631C;
text-decoration: underline;
}
.edit_post a:hover.post-edit-link {
color: #33c;
}
.post_path span {
color: #706ED6;
}
.post_path a:hover {
text-decoration: underline;
}
.postmetadata a {
text-decoration: underline;
}
.entry {
width: 477px;
overflow: hidden;
margin: 0 auto;
padding: 10px 0;
font-size: 1.1em;
color: #999;
}
.entry a {
color: #1f85da;
text-decoration: underline;
}
.tags, .tags a, .postmetadata, .postmetadata a {
color: #575757;
}
.post_path {
font-size: 1.1em;
margin: 0 0 0 22px;
padding: 7px 27px 12px 15px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqAqk2RcERaSInHCYgk00FgwyW0dGeKRdAcbuyB4XApW85QpWXOAXCubewt1LD6Ye3FRf4myRlTSLFsDnJ5eVF2x9OBvutxZHzuC4e_DfbZZmwCO7lDIipP1d_40xDtXSgyIn5VREMTKp3/s0/arrow.gif) left 10px no-repeat;
}
.postmetadata {
padding: 2px 22px 0 22px;
text-align: left;
font-size: 1.1em;
}
.tags {
font-size: 1.2em;
margin: 10px 30px 0 22px;
}
.tags a {
text-decoration: underline;
}
.read_comments {
margin: 0px 18px 0 0px;
text-align: right;
font-weight: normal;
padding: 17px 0px 17px 22px;
}
.bookmark {
margin: 18px 0 0 22px;
}
.wp-pagenavi {
padding: 5px 36px 5px 22px;
line-height: 20px;
}
.post-footer {
padding: 10px 22px;
}
.read_comments a {
font-size: 1.1em;
color: #51310A;
padding: 13px 10px 13px 10px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0qOKTIBeHm4Bh0-KwgXRHcOBpgAESsAWuStsXUdlUB3k5tF6GSaVFywS8Tq3h7BdTThHukjYSY-AamEjXUz7XCfHopZcS2ZT3WUvds0xChstAf9EongUNITckGcu4FckWyQLLURT3JaMO/s0/read_comments.jpg) no-repeat left 9px;
}
.read_comments a:hover {
color: #a00;
}
.notfound {
margin: 100px auto;
text-align:center;
font-size: 4em;
font-weight: bold;
color: #7e2d17;
}

/* welcome */
#welcome {
color: #575141;
font-weight: normal;
font-size: 11px;
padding: 9px 0px 89px 22px;
}
#welcome p {
width: 196px;
height: 108px;
padding: 0px 0 0px 0px;
overflow: hidden;
}

/* Sidebar */
#sidebar-wrapper {
width: 241px;
display: inline;
padding: 0px 0px 58px 0px;
margin: 0px 84px 0px 0px;
overflow: hidden;
float: right;
position: relative;
color: #999999;
}
#sidebar_main {
padding: 0px 0 0px 0;
margin: 0px 0 0 0;
}
#sidebar_main h2 {
padding: 0px 5px 4px 5px;
font-size: 20px;
color: #B08C6A;
position: relative;
font-weight: bold;
font-family: Georgia;
}
#sidebar_main .widget {
overflow: hidden;
font-size: 1.1em;
padding: 3px 0 12px 2px;
}
#sidebar_main ul li a {
color: #999999;
}
#sidebar_main ul li a:hover {
color: #a00;
}
#sidebar_main .widget-content {
padding: 0 5px 0 5px;
background: none;
}
#sidebar_main ul ul li {
font-size: 1em;
border: none;
padding: 6px 10px 6px 25px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhioudwD7pGDlnL3IhLmrC0La3_NZGVhtYJ-x639T9KDPVgZcF9JeUy0CFTaKWgWDiLqvPyPOgQbpdyroXNx0aJ1cmrG2YVNhZR2A2G5FT2tcO07_dJnmnl9GZxHAG2zKt-5AttMQ5eqx4K/s0/sidebar_li.jpg) no-repeat 10px 10px;
border-bottom: 1px solid #d4d2ce;
word-wrap: break-word;
overflow: hidden;
}
#sidebar_main ul ul ul {
padding: 0;
margin: 0;
}
#sidebar_main ul ul ul li {
font-size: 1em;
margin: 0;
width: 90%;
border-bottom: none;
}
#sidebar_main .textwidget {
margin: 7px 0;
}
#sidebar-wrapper select {
font-size: 1em;
margin: 7px 0;
width: 75%;
margin-left: 35px;
}
#sidebar-wrapper ul li div ,#sidebar_ul li object {
padding: 0 10px;
}
#sidebar-wrapper ul li div div {
padding: 0;
}

/* PageNavi*/

.wp-pagenavi a {
padding: 2px 4px;
margin: 2px;
text-decoration: none;
border: 1px solid #06c;
color: #06c;
background-color: #fff;
}
.wp-pagenavi a:hover {
border: 1px solid #000;
color: #000;
}
.wp-pagenavi span.pages, .wp-pagenavi span.current, .wp-pagenavi span.extend {
padding: 2px 4px;
margin: 2px;
border: 1px solid #000;
color: #000;
background-color: #fff;
}

/* Calendar */
#wp-calendar {
empty-cells: show;
margin: 0px auto 0;
margin-bottom: 15px;
width: 100%;
color: #601006;
}
#wp-calendar #next a {
padding-right: 10px;
text-align: right;
font-size: 11px;
}
#wp-calendar #prev a {
padding-left: 10px;
text-align: left;
font-size: 11px;
}
#wp-calendar a {
display: block;
font-weight: bold;
text-decoration: none;
}
#wp-calendar a:hover {
background: #fc0;
color: #000;
}
#wp-calendar caption {
text-align: center;
padding-bottom: 10px;
width: 100%;
font: bold 13px Verdana, Arial, Sans-Serif;
}
#wp-calendar td {
text-align: center;
padding: 3px 0;
font-size: 12px;
text-align: center;
}
#wp-calendar th {
text-align: center;
font-style: normal;
font-size: 12px;
text-transform: capitalize;
}
/* Social Bookmarking */
.bookmark ul {
display: inline;
}
.bookmark ul li {
background: none;
display: inline;
list-style-type: none;
}
.bookmark_line img {
border: 0;
}

/* Comments */
h3#comments {
padding: 0 22px 0 22px;
}
h3#comments, #respond h3 {
padding-top: 10px;
font-size: 1.4em;
color: #333;
}
#commentform {
margin: 5px 0 0 0px;
}
#commentform input {
width: 170px;
padding: 2px;
margin: 5px 5px 1px 0;
font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
}
#commentform textarea {
width: 98%;
padding: 2px;
font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
}
#commentform p {
margin: 5px 0;
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
}
#commentform #submit {
margin: 0 0 5px auto;
float: right;
}
#respond {
width: 91%;
padding: 0 0 0 0px;
color: #333;
margin: 0 auto;
margin-left: 22px;
}
#respond:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.commentlist {
padding: 0 0 0 0px;
margin: 0 auto;
width: 91%;
margin-left: 22px;
}
.commentlist li {
margin: 15px 0 0px;
padding: 5px 5px 10px 10px;
list-style: none;
font-weight: bold;
font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
}
.commentlist li ul li {
margin-right: -5px;
margin-left: 10px;
font-size: 1em;
}
.commentlist p {
margin: 10px 5px 10px 0;
font-weight: normal;
line-height: 1.5em;
font-size: 1.2em;
text-transform: none;
}
.commentlist li .avatar {
float: right;
border: 1px solid #333;
padding: 2px;
background: #fff;
}
.commentlist li a {
color: #000;
}
.commentlist cite, .commentlist cite a {
font-weight: bold;
font-style: normal;
font-size: 1.2em;
}
#main-wrapper .comment-body p a {
text-decoration: underline;
}
.nocomments {
text-align: center;
}
.commentmetadata {
font-size: 1.2em;
display: block;
font-weight: normal;
}
.thread-alt {
background-color: #dcbea4;
}

.thread-even {
background-color: #e3cbb3;
}
.depth-1 {
border: 1px solid #000;
}
.alt {
border-left: 1px solid #666; /* odd page */
background-color: #C29581;
padding: 10px;
}
.even {
border-left: 1px solid #666; /* even page */
background-color: #D0AD9E;
}
/* For Blogger */ #sidebar_main ul li div { padding: 0; margin:0; } #sidebar_main ul ul { background: none; } #sidebar_sub ul li div { padding: 0; margin: 0;} #comments { width: 85%; margin: 0 auto;}
#sidebar-wrapper #sidebar-main {
margin: 0;
padding: 0;
}
#sidebar_sub #sidebar-sub {
margin: 0;
padding: 0;
}
#welcome1 .widget {
padding: 0;
margin: 0;
}
#sidebar-wrapper #ArchiveList ul li {
padding-left: 10px;
}
#sidebar-wrapper #ArchiveList ul ul li {
padding-left: 8px;
}

body#layout #searchform {
display: none;
}
body#layout #rss {
display: none;
}


#ArchiveList ul li {text-indent: 0!important;}

#comments {
padding-left: 15px;
}
#comments h4 {
  margin:1em 0;
  font-weight: bold;
  font-size: 1.2em;
  line-height: 1.4em;
  text-transform:uppercase;
  letter-spacing:.2em;
  color: $sidebarcolor;
  }

#comments-block {
  margin:1em 0 1.5em;
  line-height:1.6em;
  }
#comments-block .comment-author {
  margin:.5em 0;
  }
#comments-block .comment-body {
  margin:.25em 0 0;
  }
#comments-block .comment-footer {
  margin:-.25em 0 2em;
  line-height: 1.4em;
  text-transform:uppercase;
  letter-spacing:.1em;
  }
#comments-block .comment-body p {
  margin:0 0 .75em;
  }
.deleted-comment {
  font-style:italic;
  color:gray;
  }
#blog-pager-newer-link {
  float: $startSide;
 }

#blog-pager-older-link {
  float: $endSide;
 }

#blog-pager {
padding: 0 15px;
  text-align: center;
 }

.feed-links {
  display:none;
}
#calendarDisplay {
display: none;
}
#bcalendar {
width: 100%;
}
#bcNavigation {
display: none;
}
.BlogArchive ul ul ul li { width: 100%;}
/* (CSS End) */

]]></b:skin>
  </head>

  <body>

  <div id='outer-wrapper'><div id='top_bg'><div id='bottom_bg'><div id='wrap2'><div id='wrap3'><div id='wrap4'><div id='wrap5'>

    <!-- skip links for text browsers -->
    <span id='skiplinks' style='display:none;'>
      <a href='#main'>skip to main </a> |
      <a href='#sidebar'>skip to sidebar</a>
    </span>

<!-- (Header-wrapper Start) -->

    <div id='header-wrapper'>
      <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Gardening Tricks (Header)' type='Header'>
<b:includable id='title'>
    <a expr:href='data:blog.homepageUrl'><data:title/></a>
</b:includable>
<b:includable id='description'>
  <div class='descriptionwrapper'>
    <h2><data:description/></h2>
  </div>
</b:includable>
<b:includable id='main'>

  <b:if cond='data:useImage'>
    <b:if cond='data:imagePlacement == &quot;REPLACE&quot;'>
      <!--Show just the image, no text-->
      <div id='header-inner'>
        <a expr:href='data:blog.homepageUrl' style='display: block'>
          <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
        </a>
      </div>
    <b:else/>
      <!--
      Show image as background to text. You can't really calculate the width
      reliably in JS because margins are not taken into account by any of
      clientWidth, offsetWidth or scrollWidth, so we don't force a minimum
      width if the user is using shrink to fit.
      This results in a margin-width's worth of pixels being cropped. If the
      user is not using shrink to fit then we expand the header.
      -->
      <div expr:style='&quot;background-image: url(\&quot;&quot; + data:sourceUrl + &quot;\&quot;); &quot;                      + &quot;background-position: &quot;                      + data:backgroundPositionStyleStr + &quot;; &quot;                      + data:widthStyleStr                      + &quot;min-height: &quot; + data:height + &quot;px;&quot;                      + &quot;_height: &quot; + data:height + &quot;px;&quot;                      + &quot;background-repeat: no-repeat; &quot;' id='header-inner'>
        <div class='titlewrapper' style='background: transparent'>
        <b:if cond='data:blog.pageType != &quot;item&quot;'>
          <h1 class='title' id='blog_title' style='background: transparent; border-width: 0px'>
            <b:include name='title'/>
          </h1>
          <b:else/>
          <div class='title' id='blog_title' style='background: transparent; border-width: 0px'>
            <b:include name='title'/>
          </div>
         </b:if>
        </div>
        <b:include name='description'/>
      </div>
    </b:if>
  <b:else/>
    <!--No header image -->
    <div id='header-inner'>
      <div class='titlewrapper'>
      <b:if cond='data:blog.pageType != &quot;item&quot;'>
        <h1 class='title' id='blog_title'>
          <b:include name='title'/>
        </h1>
        <b:else/>
        <div class='title' id='blog_title'>
          <b:include name='title'/>
        </div>
       </b:if>
      </div>
      <b:include name='description'/>
    </div>
  </b:if>
</b:includable>
</b:widget>
</b:section>
<b:section class='header-tabs' id='header-tabs' preferred='yes' showaddelement='no'>
<b:widget id='PageList8' locked='false' title='Pages - Menu' type='PageList'>
<b:includable id='main'>
              <b:if cond='data:title'><!--<h2><data:title/></h2>--></b:if>
              <div class='widget-content' id='menu'>
                <ul>
                  <b:loop values='data:links' var='link'>
                    <b:if cond='data:link.isCurrentPage'>
                      <li id='currentpage'><a expr:href='data:link.href'><data:link.title/></a></li>
                    <b:else/>
                      <li><a expr:href='data:link.href'><data:link.title/></a></li>
                    </b:if>
                  </b:loop>
                </ul>
                <b:include name='quickedit'/>
              </div>
            </b:includable>
</b:widget>
</b:section>
<div id='searchform'><form expr:action='data:blog.homepageUrl + &quot;search/&quot;' method='get'>
<input alt='Search' id='searchsubmit' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsqxaNrBPtktwtXPEFZXsYBshv_z9q4td4cjjulKv5hFcs6rlLIdD3fVRoHIu6eym3iQer5uRiF76xgqCKFSPoZ-NbH-9B50P-Uny7JcnZZF8kDSSsiiA63DJ94jERXiXBDWjlXKunnkrq/s0/spacer.gif' type='image' value=''/>
<input class='searchtext' id='s' name='q' type='text' value=''/>
</form></div>
<div id='rss'><a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;'><img alt='RSS' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsqxaNrBPtktwtXPEFZXsYBshv_z9q4td4cjjulKv5hFcs6rlLIdD3fVRoHIu6eym3iQer5uRiF76xgqCKFSPoZ-NbH-9B50P-Uny7JcnZZF8kDSSsiiA63DJ94jERXiXBDWjlXKunnkrq/s0/spacer.gif'/></a></div>
    </div>
  
<!-- (Header-wrapper End) -->

<!-- (Content-wrapper Start) -->
    <div class='clearfix' id='content-wrapper'>

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

<!-- (Sidebar-wrapper Start) -->
      <div class='clearfix' id='sidebar-wrapper'>
      <b:section id='welcome1' showaddelement='no'>
<b:widget id='HTML1' locked='false' title='Welcome text' type='HTML'>
<b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <!--h2 class='title'><data:title/></h2-->
  </b:if>
  <div class='widget-content' id='welcome'><p>
    <data:content/></p>
  </div>

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

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

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

  <b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='Label1' locked='false' title='Categories' type='Label'>
<b:includable id='main'>
  <b:if cond='data:title'>
    <h2><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <ul>
    <b:loop values='data:labels' var='label'>
      <li>
        <b:if cond='data:blog.url == data:label.url'>
          <span expr:dir='data:blog.languageDirection'>
            <data:label.name/>
          </span>
        <b:else/>
          <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'>
            <data:label.name/>
          </a>
        </b:if>
        <span dir='ltr'>(<data:label.count/>)</span>
      </li>
    </b:loop>
    </ul>
  </div>
</b:includable>
</b:widget>
<b:widget id='BlogArchive1' locked='false' title='Archives' type='BlogArchive'>
<b:includable id='toggle' var='interval'>
  <b:if cond='data:interval.toggleId'>
  <b:if cond='data:interval.expclass == &quot;expanded&quot;'>
    <a class='toggle' expr:href='data:widget.actionUrl + &quot;&amp;action=toggle&quot; +       &quot;&amp;dir=close&amp;toggle=&quot; + data:interval.toggleId +       &quot;&amp;toggleopen=&quot; + data:toggleopen'>
        <span class='zippy toggle-open'>&#9660; </span>
    </a>
  <b:else/>
    <a class='toggle' expr:href='data:widget.actionUrl + &quot;&amp;action=toggle&quot; +         &quot;&amp;dir=open&amp;toggle=&quot; + data:interval.toggleId +         &quot;&amp;toggleopen=&quot; + data:toggleopen'>
          <span class='zippy'>
            <b:if cond='data:blog.languageDirection == &quot;rtl&quot;'>
              &#9668;
            <b:else/>
              &#9658;
            </b:if>
          </span>
    </a>
  </b:if>
 </b:if>
</b:includable>
<b:includable id='interval' var='intervalData'>
  <b:loop values='data:intervalData' var='i'>
      <ul>
        <li expr:class='&quot;archivedate &quot; + data:i.expclass'>
          <b:include data='i' name='toggle'/>
          <a class='post-count-link' expr:href='data:i.url'><data:i.name/></a>
            <span class='post-count' dir='ltr'>(<data:i.post-count/>)</span>
          <b:if cond='data:i.data'>
            <b:include data='i.data' name='interval'/>
          </b:if>
          <b:if cond='data:i.posts'>
            <b:include data='i.posts' name='posts'/>
          </b:if>
        </li>
      </ul>
  </b:loop>
</b:includable>
<b:includable id='menu' var='data'>
  <select expr:id='data:widget.instanceId + &quot;_ArchiveMenu&quot;'>
    <option value=''><data:title/></option>
    <b:loop values='data:data' var='i'>
      <option expr:value='data:i.url'><data:i.name/> (<data:i.post-count/>)</option>
    </b:loop>
  </select>
</b:includable>
<b:includable id='flat' var='data'>
  <ul>
    <b:loop values='data:data' var='i'>
      <li class='archivedate'>
        <a expr:href='data:i.url'><data:i.name/></a> (<data:i.post-count/>)
      </li>
    </b:loop>
  </ul>
</b:includable>
<b:includable id='posts' var='posts'>
  <ul class='posts'>
    <b:loop values='data:posts' var='i'>
      <li><a expr:href='data:i.url'><data:i.title/></a></li>
    </b:loop>
  </ul>
</b:includable>
<b:includable id='main'>
  <b:if cond='data:title'>
    <h2><data:title/></h2>
  </b:if>
  <div class='widget-content'>
  <div id='ArchiveList'>
  <div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'>
    <b:if cond='data:style == &quot;HIERARCHY&quot;'>
     <b:include data='data' name='interval'/>
    </b:if>
    <b:if cond='data:style == &quot;FLAT&quot;'>
      <b:include data='data' name='flat'/>
    </b:if>
    <b:if cond='data:style == &quot;MENU&quot;'>
      <b:include data='data' name='menu'/>
    </b:if>
  </div>
  </div>
 
  </div>
</b:includable>
</b:widget>
</b:section>
</li></ul>
</div>
</div>

<!-- (Sidebar-wrapper End) -->

<!-- (Main-wrapper Start) -->

      <div class='clearfix' id='main-wrapper'>

<!-- Main Start -->
        <b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'>
<b:includable id='nextprev'>
  <div class='blog-pager' id='blog-pager'>
    <b:if cond='data:newerPageUrl'>
      <span id='blog-pager-newer-link'>
      <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
      </span>
    </b:if>

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

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

  </div>
  <div class='clear'/>
</b:includable>
<b:includable id='shareButtons' var='post'>
  <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>
</b:includable>
<b:includable id='threaded_comment_js' var='post'>
  <script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>

  <script type='text/javascript'>
    (function() {
      var items = <data:post.commentJso/>;
      var msgs = <data:post.commentMsgs/>;
      var config = <data:post.commentConfig/>;

// <![CDATA[
      var cursor = null;
      if (items && items.length > 0) {
        cursor = parseInt(items[items.length - 1].timestamp) + 1;
      }

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

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

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

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

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

      var hash = (window.location.hash || '#').substring(1);
      var startThread, targetComment;
      if (/^comment-form_/.test(hash)) {
        startThread = hash.substring('comment-form_'.length);
      } else if (/^c[0-9]+$/.test(hash)) {
        targetComment = hash.substring(1);
      }

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

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

      // render now, or queue to render when library loads:
      if (window.goog && window.goog.comments) {
        render();
      } else {
        window.goog = window.goog || {};
        window.goog.comments = window.goog.comments || {};
        window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];
        window.goog.comments.loadQueue.push(render);
      }
    })();
// ]]>
  </script>
</b:includable>
<b:includable id='comment_count_picker' var='post'>
  <b:if cond='data:post.forceIframeComments'>
    <span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-url='data:post.canonicalUrl'>
    </span>
  <b:else/>
    <b:if cond='data:post.commentSource == 1'>
      <span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-url='data:post.canonicalUrl'>
      </span>
    <b:else/>
      <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
        <data:post.commentLabelFull/>:
      </a>
    </b:if>
  </b:if>
</b:includable>
<b:includable id='backlinks' var='post'>
  <a name='links'/><h4><data:post.backlinksLabel/></h4>
  <b:if cond='data:post.numBacklinks != 0'>
    <dl class='comments-block' id='comments-block'>
      <b:loop values='data:post.backlinks' var='backlink'>
        <div class='collapsed-backlink backlink-control'>
          <dt class='comment-title'>
            <span class='backlink-toggle-zippy'>&#160;</span>
            <a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>
            <b:include data='backlink' name='backlinkDeleteIcon'/>
          </dt>
          <dd class='comment-body collapseable'>
            <data:backlink.snippet/>
          </dd>
          <dd class='comment-footer collapseable'>
            <span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span>
            <span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span>
          </dd>
        </div>
      </b:loop>
    </dl>
  </b:if>
  <p class='comment-footer'>
    <a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + &quot;_backlinks-create-link&quot;' target='_blank'><data:post.createLinkLabel/></a>
  </p>
</b:includable>
<b:includable id='mobile-main' var='top'>
    <!-- posts -->
    <div class='blog-posts hfeed'>

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

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

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

<div class='postmetadata'>
             <b:if cond='data:top.showTimestamp'>
       <b:if cond='data:post.url'>
         <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a> |
       </b:if>
       </b:if>
             <b:if cond='data:post.labels'>
           <data:postLabelsLabel/>
         <b:loop values='data:post.labels' var='label'>
           <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
         </b:loop>
         </b:if>
           </div>

    <div class='post-header-line-1'/>
    <div class='entry'>
      <p><data:post.body/></p>
      <div style='clear: both;'/> <!-- clear for photos floats -->
     </div>
    
      <div class='bookmark'><ul>
<li><a expr:href='&quot;http://digg.com/submit?phase=2url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank'><img alt='Digg' class='bookmark-icon' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpfNmYIFMMoj_glPcwW-Jy4Y_uvAUj-lv8rd9H_NmAS3oM2biM024qpUtMCPPa8_e2u5tnMC8ZkkKuEHYHSH8l85IKNYrJbGvli0JNcoOhosbumQ860_PuKikKW2sz61VsLdHu-nRG8NaW/s0/digg.png'/></a></li>
<li><a expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'><img alt='Del.icio.us' class='bookmark-icon' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRQ0MYoKBLsY7LpHj8ScwX5OXwgnMd3ZQ5gVRVStfYDRoP5OwiPz6zh1OITp7OeukmIF0KfL9RLIngZLXDzxqP17pXXqsrTJMa_pVkPURL1tBqUf3rmNgHu5MPp_q9G_xRgb844l3Y8Cza/s0/delicious.png'/></a></li>
<li><a expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank'><img alt='StumbleUpon' class='bookmark-icon' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8Z5rJQnCndyXYA6_KJAz1Ei_zks5mHyy2sHaeBY_inl-mM8toKhHvJEmXOH-ih2B9Dut84Mgskx1TE_39m19PAVnd4I8dpK1FafTHFQ0-jczc7ISBWWcNJSDpvKchUrpFJyWaZP0Mmd08/s0/stumbleupon.png'/></a></li>
<li><a expr:href='&quot;http://reddit.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'><img alt='Reddit' class='bookmark-icon' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVdXfWnlsmJ3dRH4XPGDAAq0cPONz6Hl6poGZriEJVTfS9GkYgA_tPmA4dtpZIgIsNgZciTemgLsKWzZ07tV89d6j5Yw7oeUe69X9aMdKyqFZkCfz6KR_696PjoFgncliLI5fNe38SuzPq/s0/reddit.png'/></a></li>
<li><a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;'><img alt='RSS' class='bookmark-icon' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRZUQEx33maFT8Sexs5-4aXUqn8F1CvtBKHAY0yvZXSUpY9gz5O432MIIrhhi85k5jsyv4OPMWEA1XehXHhP60qgK2pqulVd6qpr7pgbC2Z3QONvjqkCym01HBBLZB03jN9lt-wz6_hyphenhyphenDm/s0/rss.png'/></a></li>
</ul></div>
<b:if cond='data:blog.pageType != &quot;item&quot;'><div class='read_comments'><a expr:href='data:post.addCommentUrl'>Read User&#39;s Comments(<data:post.numComments/>)</a></div></b:if>

<div class='endline'/>


    <b:if cond='data:post.hasJumpLink'>
      <div class='jump-link'>
        <a expr:href='data:post.url + &quot;#more&quot;'><data:post.jumpText/></a>
      </div>
    </b:if>
  
    <div class='post-footer'>
    <div class='post-footer-line post-footer-line-1'>
      <span class='post-author vcard'>
        <b:if cond='data:top.showAuthor'>
          <data:top.authorLabel/>
          <span class='fn'><data:post.author/></span>
        </b:if>
      </span>

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

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

        <b:if cond='data:blog.pageType == &quot;item&quot;'>
      <span class='post-comment-link'>
        <b:if cond='data:blog.pageType != &quot;item&quot;'>
          <b:if cond='data:post.allowComments'>
            <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
          </b:if>
        </b:if>
      </span>
        </b:if>

       <!-- backlinks -->
       <span class='post-backlinks post-comment-link'>
         <b:if cond='data:blog.pageType != &quot;item&quot;'>
           <b:if cond='data:post.showBacklinks'>
             <a class='comment-link' expr:href='data:post.url + &quot;#links&quot;'><data:top.backlinkLabel/></a>
           </b:if>
         </b:if>
       </span>

      <span class='post-icons'>
        <!-- email post links -->
        <b:if cond='data:post.emailPostUrl'>
          <span class='item-action'>
          <a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
              <img alt='' class='icon-action' height='13' src='http://www.blogger.com/img/icon18_email.gif' width='18'/>
          </a>
          </span>
        </b:if>

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

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

</div>

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

      <div class='post-footer-line post-footer-line-3'>
      <span class='post-location'>
        <b:if cond='data:top.showLocation'>
          <b:if cond='data:post.location'>
            <data:postLocationLabel/>
            <a expr:href='data:post.location.mapsUrl' target='_blank'><data:post.location.name/></a>
          </b:if>
        </b:if>
      </span>
      </div>
    </div>
  </div>
  <!-- Post End -->
</b:includable>
<b:includable id='comment_picker' var='post'>
  <b:if cond='data:post.forceIframeComments'>
    <b:include data='post' name='iframe_comments'/>
    <b:if cond='data:post.showThreadedComments'>
      <b:include data='post' name='threaded_comments'/>
    <b:else/>
      <b:include data='post' name='comments'/>
    </b:if>
  <b:else/>
    <b:if cond='data:post.commentSource == 1'>
      <b:include data='post' name='iframe_comments'/>
    <b:else/>
      <b:if cond='data:post.showThreadedComments'>
        <b:include data='post' name='threaded_comments'/>
      <b:else/>
        <b:include data='post' name='comments'/>
      </b:if>
    </b:if>
  </b:if>
</b:includable>
<b:includable id='status-message'>
  <b:if cond='data:navMessage'>
  <div class='status-msg-wrap'>
    <div class='status-msg-body'>
      <data:navMessage/>
    </div>
    <div class='status-msg-border'>
      <div class='status-msg-bg'>
        <div class='status-msg-hidden'><data:navMessage/></div>
      </div>
    </div>
  </div>
  <div style='clear: both;'/>
  </b:if>
</b:includable>
<b:includable id='comment-form' var='post'>
  <div class='comment-form'>
    <a name='comment-form'/>
    <h4 id='comment-post-message'><data:postCommentMsg/></h4>
    <p><data:blogCommentMessage/></p>
    <data:blogTeamBlogMessage/>
    <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
    <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
    <data:post.friendConnectJs/>
    <data:post.cmtfpIframe/>
    <script type='text/javascript'>
      BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;);
    </script>
  </div>
</b:includable>
<b:includable id='threaded_comments' var='post'>
  <div class='comments' id='comments'>
    <a name='comments'/>
    <h4><data:post.commentLabelFull/>:</h4>

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

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

    <b:if cond='data:showCmtPopup'>
      <div id='comment-popup'>
        <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
        </iframe>
      </div>
    </b:if>

    <div id='backlinks-container'>
    <div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>
       <b:if cond='data:post.showBacklinks'>
         <b:include data='post' name='backlinks'/>
       </b:if>
    </div>
    </div>
  </div>
</b:includable>
<b:includable id='backlinkDeleteIcon' var='backlink'>
  <span expr:class='&quot;item-control &quot; + data:backlink.adminClass'>
    <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
      <img src='http://www.blogger.com/img/icon_delete13.gif'/>
    </a>
  </span>
</b:includable>
<b:includable id='mobile-nextprev'>
  <div class='blog-pager' id='blog-pager'>
    <b:if cond='data:newerPageUrl'>
      <div class='mobile-link-button' id='blog-pager-newer-link'>
      <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'>&amp;lsaquo;</a>
      </div>
    </b:if>

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

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

    <div class='mobile-desktop-link'>
      <a class='home-link' expr:href='data:desktopLinkUrl'><data:desktopLinkMsg/></a>
    </div>

  </div>
  <div class='clear'/>
</b:includable>
<b:includable id='mobile-post' var='post'>
  <div class='date-outer'>
    <b:if cond='data:post.dateHeader'>
      <h2 class='date-header'><span><data:post.dateHeader/></span></h2>
    </b:if>
    <div class='date-posts'>
      <div class='post-outer'>

        <div class='post hentry uncustomized-post-template' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
          <b:if cond='data:post.thumbnailUrl'>
            <meta expr:content='data:post.thumbnailUrl' itemprop='image_url'/>
          </b:if>
          <meta expr:content='data:blog.blogId' itemprop='blogId'/>
          <meta expr:content='data:post.id' itemprop='postId'/>

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

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

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

          <div class='post-footer'>
            <div class='post-footer-line post-footer-line-1'>
              <span class='post-author vcard'>
                <b:if cond='data:top.showAuthor'>
                  <b:if cond='data:post.authorProfileUrl'>
                    <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
                      <meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
                      <a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
                        <span itemprop='name'><data:post.author/></span>
                      </a>
                    </span>
                  <b:else/>
                    <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
                      <span itemprop='name'><data:post.author/></span>
                    </span>
                  </b:if>
                </b:if>
              </span>

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

              <span class='post-comment-link'>
                <b:if cond='data:blog.pageType != &quot;item&quot;'>
                  <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
                    <b:if cond='data:post.allowComments'>
                      <b:include data='post' name='comment_count_picker'/>
                    </b:if>
                  </b:if>
                </b:if>
              </span>
            </div>

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

          </div>
        </div>

        <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
          <b:include data='post' name='comment_picker'/>
        </b:if>
        <b:if cond='data:blog.pageType == &quot;item&quot;'>
          <b:include data='post' name='comment_picker'/>
        </b:if>
      </div>
    </div>
  </div>
</b:includable>
<b:includable id='postQuickEdit' var='post'>
  <b:if cond='data:post.editUrl'>
    <span expr:class='&quot;item-control &quot; + data:post.adminClass'>
      <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
        <img alt='' class='icon-action' height='18' src='http://www.blogger.com/img/icon18_edit_allbkg.gif' width='18'/>
      </a>
    </span>
  </b:if>
</b:includable>
<b:includable id='main' var='top'>
  <!-- posts -->
  <div class='blog-posts hfeed'>

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

    <data:defaultAdStart/>
  
    <b:loop values='data:posts' var='post'>
      <b:include data='post' name='post'/>
      <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
        <b:include data='post' name='comments'/>
      </b:if>
      <b:if cond='data:blog.pageType == &quot;item&quot;'>
        <b:include data='post' name='comments'/>
      </b:if>
      <b:if cond='data:post.includeAd'>
        <b:if cond='data:post.isFirstPost'>
          <data:defaultAdEnd/>
        <b:else/>
          <data:adEnd/>
        </b:if>
        <div class='inline-ad'>
          <data:adCode/>
        </div>
        <data:adStart/>
      </b:if>
      <b:if cond='data:post.trackLatency'>
        <data:post.latencyJs/>
      </b:if>
    </b:loop>
  
    <data:adEnd/>
  </div>

  <!-- navigation -->
  <b:include name='nextprev'/>

  <!-- feed links -->
  <b:include name='feedLinks'/>
 
  <b:if cond='data:top.showStars'>
    <script src='http://www.google.com/jsapi' type='text/javascript'/>
    <script type='text/javascript'>
      google.load(&quot;annotations&quot;, &quot;1&quot;, {&quot;locale&quot;: &quot;<data:top.languageCode/>&quot;});
      function initialize() {
        google.annotations.setApplicationId(<data:top.blogspotReviews/>);
        google.annotations.createAll();
        google.annotations.fetch();
      }
      google.setOnLoadCallback(initialize);
    </script>
  </b:if>
</b:includable>
<b:includable id='commentDeleteIcon' var='comment'>
  <span expr:class='&quot;item-control &quot; + data:comment.adminClass'>
    <a expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
      <img src='http://www.blogger.com/img/icon_delete13.gif'/>
    </a>
  </span>
</b:includable>
<b:includable id='feedLinks'>
  <b:if cond='data:blog.pageType != &quot;item&quot;'> <!-- Blog feed links -->
    <b:if cond='data:feedLinks'>
      <div class='blog-feeds'>
        <b:include data='feedLinks' name='feedLinksBody'/>
      </div>
    </b:if>

    <b:else/> <!--Post feed links -->
    <div class='post-feeds'>
      <b:loop values='data:posts' var='post'>
        <b:if cond='data:post.allowComments'>
          <b:if cond='data:post.feedLinks'>
            <b:include data='post.feedLinks' name='feedLinksBody'/>
          </b:if>
        </b:if>
      </b:loop>
    </div>
  </b:if>
</b:includable>
<b:includable id='threaded-comment-form' var='post'>
  <div class='comment-form'>
    <a name='comment-form'/>
    <b:if cond='data:mobile'>
      <p><data:blogCommentMessage/></p>
      <data:blogTeamBlogMessage/>
      <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
      <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
    <b:else/>
      <p><data:blogCommentMessage/></p>
      <data:blogTeamBlogMessage/>
      <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
      <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
    </b:if>
    <data:post.friendConnectJs/>
    <data:post.cmtfpIframe/>
    <script type='text/javascript'>
      BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;);
    </script>
  </div>
</b:includable>
<b:includable id='mobile-index-post' var='post'>
  <div class='mobile-date-outer date-outer'>
    <b:if cond='data:post.dateHeader'>
      <div class='date-header'>
        <span><data:post.dateHeader/></span>
      </div>
    </b:if>

    <div class='mobile-post-outer'>
      <a expr:href='data:post.url'>
        <h3 class='mobile-index-title entry-title' itemprop='name'>
          <data:post.title/>
        </h3>

        <div class='mobile-index-arrow'>&amp;rsaquo;</div>

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

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

        <div style='clear: both;'/>
      </a>

      <div class='mobile-index-comment'>
        <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
          <b:if cond='data:post.allowComments'>
            <b:if cond='data:post.numComments != 0'>
              <b:include data='post' name='comment_count_picker'/>
            </b:if>
          </b:if>
        </b:if>
      </div>
    </div>
  </div>
</b:includable>
<b:includable id='iframe_comments' var='post'>

  <b:if cond='data:post.allowIframeComments'>
    <script expr:src='data:post.iframeCommentSrc' type='text/javascript'/>
    <div class='cmt_iframe_holder' expr:data-href='data:post.canonicalUrl' expr:data-viewtype='data:post.viewType'/>

    <b:if cond='data:post.embedCommentForm == &quot;false&quot;'>
      <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
    </b:if>
  </b:if>
</b:includable>
<b:includable id='feedLinksBody' var='links'>
  <div class='feed-links'>
  <data:feedLinksMsg/>
  <b:loop values='data:links' var='f'>
     <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
  </b:loop>
  </div>
</b:includable>
<b:includable id='comments' var='post'>
  <div class='comments' id='comments'>
    <a name='comments'/>
    <b:if cond='data:post.allowComments'>
      <h4>
        <b:if cond='data:post.numComments == 1'>
          1 <data:commentLabel/>:
        <b:else/>
          <data:post.numComments/> <data:commentLabelPlural/>:
        </b:if>
      </h4>

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

      <dl expr:class='data:post.avatarIndentClass' id='comments-block'>
        <b:loop values='data:post.comments' var='comment'>
          <dt expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName'>
            <b:if cond='data:comment.favicon'>
              <img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
            </b:if>
            <a expr:name='data:comment.anchorName'/>
            <b:if cond='data:blog.enabledCommentProfileImages'>
              <data:comment.authorAvatarImage/>
            </b:if>
            <b:if cond='data:comment.authorUrl'>
              <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
            <b:else/>
              <data:comment.author/>
            </b:if>
            <data:commentPostedByMsg/>
          </dt>
          <dd class='comment-body'>
            <b:if cond='data:comment.isDeleted'>
              <span class='deleted-comment'><data:comment.body/></span>
            <b:else/>
              <p><data:comment.body/></p>
            </b:if>
          </dd>
          <dd class='comment-footer'>
            <span class='comment-timestamp'>
              <a expr:href='data:comment.url' title='comment permalink'>
                <data:comment.timestamp/>
              </a>
              <b:include data='comment' name='commentDeleteIcon'/>
            </span>
          </dd>
        </b:loop>
      </dl>

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

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

      </p>
    </b:if>

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

<div style='clear: both;'/>

    </div>
  
<!-- (Content-wrapper End) -->
  
  
<div style='clear: both;'/>

<!-- (Footer-wrapper) -->

    <div id='footer-wrapper'>
     <div class='credit'>
Copyright  2011 <data:blog.title/>.All rights reserved. Powered by <a href='http://www.blogger.com/'>Blogger</a><br/><a href='http://www.luggageguides.com'>Luggage-guides.com</a>, <a href='http://www.katalystpartners.com/technical-support/'>Technical Support</a>, Presented by <a href='http://www.ezwpthemes.com/'>Ezwpthemes.com</a>.
        </div>
    </div>
  
<!-- (Footer-wrapper End) -->

<div style='clear: both;'/>

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

Twitter Delicious Facebook Digg Stumbleupon Favorites More

 
Design by Free WordPress Themes | Bloggerized by Lasantha - Premium Blogger Themes | Powerade Coupons