<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>
<b:skin><![CDATA[/*
/*
Theme Name: Notepad Chaos
Theme URI: http://www.evaneckard.com/
Description: Notepad Chaos is a wordpress theme by <a href="http://www.evaneckard.com">Evan Eckard</a>
Version: 1.0
Author: Evan Eckard
Author URI: http://www.evaneckard.com/
URI : http://gosublogger.com/
*/
body {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVARqifxBRFXNRV5zGkDHWQVmmPa09vM_88a1haOWSw-1IDDtjlpYaOT-p4fpH8p5u2Hiql2DZELPhag7LFMlg1lRZZ9T_pAN22x4MLmrJVIFvQ8OhfQkaNijZnk7r5bmMs_a-stC1_3Q/s1600/pagebackci5.jpg) no-repeat top center #3f808a;
margin:0;
font-family: Tahoma, Arial, Helvetica, sans-serif;
}
#container {
width:819px;
margin:0 auto;
position:relative;
height:252px;
}
/* search form */
#search {
position:absolute;
text-align:right;
width:250px;
left:520px;
top:10px;
z-index:100;
}
#search form {
padding:0;
margin:0;
}
#search .txtField {
border:1px solid #fff;
width:138px;
margin:0;
padding:3px;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size:12px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgz8ztXM4Bah6abauJC3jMgeXWsUw63uSCMceqncP5Skz2HHsifyFY-V0wZkH-b0EVPUDZq0LFHrgKy87JowG771vpVTF1LiEHxAnxiCz0unJOQ4R_YSjA0kHTTq8l8YHrv21N92BDYDqQ/s1600/search-back.gif) transparent;
}
#search .btnSearch {
border:1px solid #fff;
color:#fff;
margin:0;
padding:2px;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size:11px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFz-sJcYRUpPmiftOqjhZ3KS2Q1B8Rx4ZS1XPC9mih7pJrexlxrXlNvf6d-zoPrj4DLw4wW2xhsHE_fqYY9g7qaazruME-zg5zCQAR9c1KGO4V0czwlQwexZIoBP7SvAC8dQFP9sqL30E/s1600/btn-back.gif) transparent;
}
/* menu */
#menu-holder {
position:absolute;
top:43px;
left:457px;
width:319px;
overflow:hidden;
}
#menu {
width:319px;
height:42px;
margin:0;
padding:0;
position:relative;
}
#menu li {
margin:0;
padding:0;
list-style:none;
position:absolute;
top:0;
}
#menu li, #menu a {
height:42px;
display:block;
}
#home {
text-indent:-300em;
overflow:hidden;
left:0px;
width:107px;
}
#about {
text-indent:-300em;
overflow:hidden;
left:107px;
width:107px;
}
#archives {
text-indent:-300em;
overflow:hidden;
left:214px;
width:106px;
}
#home a:hover {
background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZpQ05nY4ruFvN7EGWqw44tlTIaPEFwJpWX-pATprIhH9QAkxaX7E2ACazd-wTInYMg5CQS33l3osdidOI_mTsrcZHYaBMFKMFdlLSjoV1Qhn2dV5fMwYERzvopMbtDhYYwbCZ5_hzD7Y/s1600/menu.jpg) 0px 0px no-repeat;
}
#about a:hover {
background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZpQ05nY4ruFvN7EGWqw44tlTIaPEFwJpWX-pATprIhH9QAkxaX7E2ACazd-wTInYMg5CQS33l3osdidOI_mTsrcZHYaBMFKMFdlLSjoV1Qhn2dV5fMwYERzvopMbtDhYYwbCZ5_hzD7Y/s1600/menu.jpg) -107px 0px no-repeat;
}
#archives a:hover {
background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZpQ05nY4ruFvN7EGWqw44tlTIaPEFwJpWX-pATprIhH9QAkxaX7E2ACazd-wTInYMg5CQS33l3osdidOI_mTsrcZHYaBMFKMFdlLSjoV1Qhn2dV5fMwYERzvopMbtDhYYwbCZ5_hzD7Y/s1600/menu.jpg) -214px 0px no-repeat;
}
/* blog title */
#title {
position:absolute;
top:149px;
left:76px;
color:#fff;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size:10px;
width:370px;
overflow:hidden;
}
#title h2 {
color:#fff;
font-size:20px;
margin:0 0 2px;
}
#title a {
color:#fff;
text-decoration:none;
}
#title a:hover {
color:#fff;
text-decoration:none;
border-bottom:1px solid #e7d8cf;
}
/* content */
#content {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjS7dIGZ8GCTKccACGxw3SrmDZ6_IQLs8FPSYrMhCloO-TWs57OlKW3bSmDyc7kxXfoQ8M1sy9e_fiShPwyO9RZzGAo1Q3mSe0Z1Bk9J3nuzAl0zPxd7GSSYAaytV4lQBuFTwLTfbLHwLg/s1600/notepad-back.gif) repeat-y;
width:764px;
margin:0 auto;
padding-right:55px;
}
#content blockquote {
padding:0 0 0 30px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivgG2U2bJWlYolNMgH0ofoyEW0dbkRhebg9RJQbN0gktyoH-L3jG93As4hP2K8aKb63MNAOmrb2qprEWgGjDUoaEI6C_tV8DfrEAwtRNxeli4r8rk8afokqITs2NEMhAPqWgXoDnY-t6o/s1600/blockquote.gif) no-repeat 0 50%;
}
#content .col01 {
float:left;
padding-left:70px;
width:425px;
font-size:12px;
line-height:20px;
}
#content .col01 h3 {
font-size:24px;
line-height:28px;
font-weight:normal;
font-family: Times New Roman, Times, Georgia, erif;
margin:0;
padding:0 0 10px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0NISsMzpxW_6dz5PYemYZ77o4gjn0sIhGwOoiFYxG2L1WTFwkaYSOyQnX9MGsroECEzdsqwtd9efA_6XVthAgEVv1TqSZDi04bgDjNmOh620ApUG9xII6YUl6doZDz3CjJJBcbF8l4yY/s1600/line.gif) repeat-x bottom;
}
#content .col01 h4 {
font-size:18px;
line-height:22px;
font-weight:normal;
font-family: Times New Roman, Times, Georgia, erif;
margin:0;
padding:0 0 16px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0NISsMzpxW_6dz5PYemYZ77o4gjn0sIhGwOoiFYxG2L1WTFwkaYSOyQnX9MGsroECEzdsqwtd9efA_6XVthAgEVv1TqSZDi04bgDjNmOh620ApUG9xII6YUl6doZDz3CjJJBcbF8l4yY/s1600/line.gif) repeat-x bottom;
}
#content .col01 h3 a {
color:#000;
text-decoration:none;
}
#content .col01 h3 a:hover {
background-color:#f4f0db;
}
#content .col01 .post1 {
padding-bottom:30px;
}
#content .col01 .thumbnail {
float:right;
margin:10px 0 10px 10px;
}
#content .col01 .meta {
font-size:11px;
text-align:right;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0NISsMzpxW_6dz5PYemYZ77o4gjn0sIhGwOoiFYxG2L1WTFwkaYSOyQnX9MGsroECEzdsqwtd9efA_6XVthAgEVv1TqSZDi04bgDjNmOh620ApUG9xII6YUl6doZDz3CjJJBcbF8l4yY/s1600/line.gif) repeat-x;
padding-top:8px;
}
#content .col01 .post-inner {
position:relative;
}
#content .col01 .post-inner .date-tab {
position:absolute;
top:0px;
left:-98px;
height:64px;
width:83px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeNGwRI-ATagc1PDtdYbTuPnnQ-1WVN5Q9F_WDLJbRo2NgNz9o3fpiVAks6i8v6PtC9wpiESKbGmZH6uAppGwlRCZLkhofSPzYft-bYSfJSpMFibYb2nvyQsMOlXHN7xJj3kRZwNLTJr8/s1600/date-tab.gif) no-repeat;
}
#content .col01 .thumbnail {
float:right;
margin:12px 0 12px 12px;
}
.month {
text-align:right;
display:block;
padding:6px 16px 6px 0;
font-size:11px;
}
.day {
text-align:right;
display:block;
padding:4px 16px 2px 0;
font-size:18px;
font-weight:bold;
}
#content .col01 .post-inner a {
color:#000;
position:relative;
text-decoration:none;
border-bottom:1px solid #868585;
background:#f4f0db;
}
#content .col01 .post-inner a:hover {
color:#000;
text-decoration:none;
border-bottom:1px solid #000;
background:#fffbc1;
}
#content .col01 .meta a {
color:#000;
text-decoration:none;
border-bottom:1px solid #868585;
}
#content .col01 .meta a:hover {
color:#000;
text-decoration:none;
border-style:none;
}
#content .col02 {
float:right;
width:212px;
font-size:11px;
line-height:16px;
}
#content .col02 .recent-posts {
width:212px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilaRA1_VBHNbpa4P_BS0g5lU30oUD8OSkUCmsv-BSmdGdYB7OPdQZNZz84Siw7LD5Iu10xERX7udnPSwMRalb4iCAA4gmNbkdVlBaXA1P-CBFKSQx81FTvegPcKnDmDVWVElagsZlbsBM/s1600/postitBack.gif) repeat-y;
}
#content .col02 .recent-posts ul {
padding:0;
margin:0;
}
#content .col02 .recent-posts ul li {
font-size:11px;
line-height:18px;
list-style:none;
padding:0;
margin:0;
}
#content .col02 .recent-posts ul li .listMeta {
font-size:10px;
}
#content .col02 .recent-posts ul li a {
color:#21565E;
border-top:1px solid #ffffbe;
display:block;
width:170px;
margin:0 auto;
padding:4px 0 4px 25px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiozkE909QHMAy2xVcYD_9-tlKEcK5gXsjxLig4L2h9UfArUFjESAvQLPz6u_IxoyPQaPo0zwevHBajT1FIodzYk8wcKpRmMmRoAS4hojx-5LkDPrbmQpTs1SqL0KaLJwEoZ2FIJEP7GPM/s1600/bullet-postit.gif) no-repeat 5px 8px;
}
#content .col02 .recent-posts ul li a:hover {
text-decoration:none;
color:#000;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoi8dd2APYYDE-nlFsNn85RGAlwzRVda-oxgkqlsTU-2rjBerq08f6Mex094APao7hXtVNymr5KKYbHgURzKBU8js87PiGIToano-nHC6dMogpNlm6HrqJumGDVykNcWueNlE2uBO8wVs/s1600/bullet-postit-on.gif) no-repeat 5px 8px #ff5092;
}
#content .col02 .postit-bottom {
width:188px;
height:62px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-cZM9sKedSrQgx887DQWt6D5qv1PaEBGP3knBWAEGzczRFLQeNiMmJqzQtFNByW0PIWhvw84oOGa4yF6w5afkSzQ0U0Cvkdw4_vLMqowIv77prUQ0GzGsGVuf2cJCOnbdtYhEoEDmFbI/s1600/postit-bottom.gif) no-repeat;
padding:12px 12px 0;
font-size:11px;
text-align:right;
}
#content .col02 .postit-bottom a {
color:#21565E;
}
#content .col02 .postit-bottom a:hover {
color:#21565E;
text-decoration:none;
}
#content .col02 .categories-upper {
height:124px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9xc8bIBZU-7Mf2TFtndBnWeowXVa6KIWVKa5PW7wuxScdhs2dGAAP8_nGaZOjnqsUPDNCDUmuoVpObjUW0r4EY7NLsXhjUi1Q3LcNLThUn5KufiNIDC9jAabYW0K053zunqqHGeEGKy0/s1600/categories-upper.gif) no-repeat;
}
#content .col02 .categories {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoK9v8UOPuvQgtBYp-Bh-hwkkza4sE0-3V2-cud3R85NP9uyC7BBWdZoE1wPcq81Mb41f-nBokEY5INKa2vODRoJ-qZtDE3Tko4Net1XDhXIcaDmaI4LXa6ttWBzNaIQoYlT1PNBmth40/s1600/categories-back.gif) repeat-y;
}
#content .col02 .categories ul {
margin:0;
padding:0;
}
#content .col02 .categories ul li {
font-size:11px;
line-height:18px;
list-style:none;
}
#content .col02 .categories ul li a {
color:#21565E;
margin:0 auto;
display:block;
width:170px;
padding:4px 0 4px 25px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTBGYqS0JQ1gEGroOq1TpPDiI71yfBVBPJ_YzS5V5QHVS9km5EvH338x7pcfPt-ii1Ip_s3_1-zQZtifxtbcCWeN8hvpsk3hib_iNdLzm1IIG5svNNK5w37H2ferBDDHImcBxTmn5F3KE/s1600/bullet-note.gif) no-repeat 5px 8px;
}
#content .col02 .categories ul li a:hover {
text-decoration:none;
color:#000;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoi8dd2APYYDE-nlFsNn85RGAlwzRVda-oxgkqlsTU-2rjBerq08f6Mex094APao7hXtVNymr5KKYbHgURzKBU8js87PiGIToano-nHC6dMogpNlm6HrqJumGDVykNcWueNlE2uBO8wVs/s1600/bullet-postit-on.gif) no-repeat 5px 8px #ff5092;
}
#content .col02 .categories-btm {
height:68px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgObQCC170Q7db-u3HsoLSpMjZ8VPzUehGQGNosNkQHT_30NWJPCXJmq2aHgDpCHVmEyAkJIYrw2CnFSFgbwn1tnYXq_CU2h6_a9S4rIi2XbT4Vu0lHp2Di1MYQxIQ7nwtklrmtYLRHEvw/s1600/categories-btm.gif) no-repeat;
}
#content .col02 .links {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQLt25ka63XF5wAT6cEFiUEsxXi_MyRaz3MpS6aQ5C0RuPD84U246jd_Fp-zUewYnIh8wK2nY_v-bX7PgFBpxsCB-ezRs9zJ7BUo_vlLivfiCSZrE2yNz2fNwMvtEhitXfI5hlx3njWH0/s1600/txt-friends-links.gif) no-repeat 50% 8px;
padding-top:20px;
}
#content .col02 .links ul {
margin:0 0 20px;
padding:0;
}
#content .col02 .links ul li {
font-size:11px;
line-height:18px;
list-style:none;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj72OeXsO_6hyphenhyphenkRB68CPTBy449bdu8rfETpw7jt8Od_n56l7b_WLxp6d9CIPbLSF1AYNR8EwRGX3H3YHLTmqDexVmnrpkfBMvHK5pOnQbhJIrJUOqQe_Jqd_aMV4On9lYzCOjYIVQD8LM0/s1600/line-inner.gif) no-repeat bottom;
}
#content .col02 .links ul li a {
color:#21565E;
margin:0 auto;
display:block;
width:212px;
padding:6px 0;
}
#content .col02 .links ul li a:hover {
text-decoration:none;
color:#000;
}
#content .col02 .side-meta {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMxJdB-gnp8hKvIk9W9vGVkAjixhmTyQgAgvrX4uun3IYoe3ss750iWJiTGnJyq0nL0DYUBhgpIDnRVDjrR4LOfiCiwGiKZ_L2vvRXI1917EQIze3QqOiwct2tGwtpV9b5mICVRwvFT08/s1600/txt-misc-debris.gif) no-repeat top right;
}
#content .col02 .side-meta ul {
margin:10px 0;
padding:0;
}
#content .col02 .side-meta ul li {
font-size:10px;
line-height:14px;
list-style:none;
}
#content .col02 .side-meta ul li a {
color:#21565E;
margin:0 auto;
display:block;
width:212px;
padding:2px 0;
}
#content .col02 .side-meta ul li a:hover {
text-decoration:none;
color:#000;
}
/* footer */
#footer-holder {
width:819px;
margin:0 auto;
position:relative;
}
#footer-holder .footer {
width:932px;
height:300px;
position:absolute;
top:0px;
left:-54px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLy8MrLuwANdhqoRZDD4IW9Nhrh22hZTYLjLyz4oTfIN1i_V6Nc-Azfab4dfsrsEITWP4QZqDh-fmrwXxXu5DdNbLxMrguZscS16wEy1xTG3hIvq3Vgb8XPzzS_CoR-iJQD_XMJ8IfN6I/s1600/footer.jpg) no-repeat;
z-index:100;
}
#footer-holder .txt a {
color:#000;
}
#footer-holder .txt a:hover {
color:#000;
text-decoration:none;
}
#footer-holder .txt {
width:480px;
position:absolute;
top:116px;
left:186px;
font-size:11px;
line-height:16px;
color:#000;
z-index:105;
height:60px;
overflow:hidden;
}
#footer-holder .smashing a {
width:66px;
height:61px;
position:absolute;
top:160px;
left:709px;
font-size:11px;
text-indent:-400px;
z-index:102;
overflow:hidden;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwvr_VZk0R2SXJLtUyKUx2hkj3uHSAonNH6FXur2e70DtyIjdrddpZyOXariO7NBpdlMlOxyjVTnL8Kk1f6IzwdChdmOI3KtJ7tuvnHPMN7mBm2sLe4wozPKOkw1cOHnax-KjX-mPUulI/s1600/logo-smashing.gif) no-repeat 0 0;
}
#footer-holder .smashing a:hover {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwvr_VZk0R2SXJLtUyKUx2hkj3uHSAonNH6FXur2e70DtyIjdrddpZyOXariO7NBpdlMlOxyjVTnL8Kk1f6IzwdChdmOI3KtJ7tuvnHPMN7mBm2sLe4wozPKOkw1cOHnax-KjX-mPUulI/s1600/logo-smashing.gif) no-repeat 0 -61px;
}
#footer-holder .rss a {
width:32px;
height:32px;
position:absolute;
top:165px;
left:130px;
font-size:11px;
text-indent:-400px;
z-index:103;
overflow:hidden;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijCbcfoHIe-mb7X7hf0DwyK2bTinuVUJUnKQxQNPnsIL877lhMgd2GV0fxaDCg9kXQ5KGqGOm3Bg14-fs8H8jCKcgaaH23qTo4hBuSalyYgoJ3JaPKTSeUwS5dQMjK4HAQZKCHCLfYX58/s1600/sssfavicon.gif) no-repeat 0 0;
}
/* next previous */
.previous a {
float:left;
width:93px;
height:33px;
text-indent:-400px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKQYqOoKJ2B_ONEZTBp9vMSVhaFlPepMoXF5yAYjAe4n7vhT1iuTVPttmj2AH5Bhjes-tApeQq0QZ0WEHR3ZJ2FsnOxKPWCz2LPMkZcy0KWwEKyEyAQo1TorKyoGmaELpakJ8hZPrgWtA/s1600/link-older.gif) no-repeat 0 0;
overflow:hidden;
}
.previous a:hover {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKQYqOoKJ2B_ONEZTBp9vMSVhaFlPepMoXF5yAYjAe4n7vhT1iuTVPttmj2AH5Bhjes-tApeQq0QZ0WEHR3ZJ2FsnOxKPWCz2LPMkZcy0KWwEKyEyAQo1TorKyoGmaELpakJ8hZPrgWtA/s1600/link-older.gif) no-repeat 0 -33px;
}
.next a {
float:right;
width:93px;
height:33px;
text-indent:-400px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRLLJk7qPaV_p_iWd1uJ-i_zjwCDI3ftb1DNi9xy0MXta9y39B4_sTm4u1phq-xj4reLD3dH_9p2H_3sBhqaOA_GPp3eCo1fWdD0yQFAx2bo2XoFSEXkaPHc3wFP8RQCIN1FMZs2DZyoY/s1600/link-newer.gif) no-repeat 0 0;
overflow:hidden;
}
.next a:hover {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRLLJk7qPaV_p_iWd1uJ-i_zjwCDI3ftb1DNi9xy0MXta9y39B4_sTm4u1phq-xj4reLD3dH_9p2H_3sBhqaOA_GPp3eCo1fWdD0yQFAx2bo2XoFSEXkaPHc3wFP8RQCIN1FMZs2DZyoY/s1600/link-newer.gif) no-repeat 0 -33px;
}
/* comment styles */
#blog-pager-newer-link {
float: left;
}
#blog-pager-older-link {
float: right;
}
#blog-pager {
text-align: center;
}
#comments h4 {
text-align:justify;
font-size:14px;
font-weight:bold;
}#comments-block {
margin:0 0 1px;
padding:0;
font-size:11px;
}.comment-author {
border-top:1px solid #40808a;
border-left:1px solid #40808a;
border-right:solid #40808a;
background:url(images/comment_l.jpg) repeat-x;
padding:6px 15px 0px 15px;
margin-left:0px;
display:block;
margin-top:10px;
}.comment-body {
border-left:1px solid #40808a;
border-right:1px solid #40808a;
padding:5px 15px 5px 15px;
margin-left:0px;
display:block;
}#comments-block .comment-footer {
border-left:1px solid #40808a;
border-right:1px solid #40808a;
border-bottom:1px solid #40808a;
margin-bottom:15px;
margin-left:0px;
padding:0px 15px 12px 15px;
display:block;
}
#navbar-iframe {
height:0px;
visibility:hidden;
display:none;
}
]]></b:skin>
<script type='text/javascript'>
function rp(json){document.write('<ul>');for(var i=0;i<numposts;i++){document.write('<li>');var entry=json.feed.entry[i];var posttitle=entry.title.$t;var posturl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;break}}posttitle=posttitle.link(posturl);var readmorelink="(more)";readmorelink=readmorelink.link(posturl);var postdate=entry.published.$t;var cdyear=postdate.substring(0,4);var cdmonth=postdate.substring(5,7);var cdday=postdate.substring(8,10);var monthnames=new Array();monthnames[1]="Jan";monthnames[2]="Feb";monthnames[3]="Mar";monthnames[4]="Apr";monthnames[5]="May";monthnames[6]="Jun";monthnames[7]="Jul";monthnames[8]="Aug";monthnames[9]="Sep";monthnames[10]="Oct";monthnames[11]="Nov";monthnames[12]="Dec";if("content"in entry){var postcontent=entry.content.$t}else if("summary"in entry){var postcontent=entry.summary.$t}else var postcontent="";var re=/<\S[^>]*>/g;postcontent=postcontent.replace(re,"");document.write(posttitle);if(showpostdate==true)document.write(' - '+monthnames[parseInt(cdmonth,10)]+' '+cdday);if(showpostsummary==true){if(postcontent.length<numchars){document.write(postcontent)}else{postcontent=postcontent.substring(0,numchars);var quoteEnd=postcontent.lastIndexOf(" ");postcontent=postcontent.substring(0,quoteEnd);document.write(postcontent+'...'+readmorelink)}}document.write('</li>')}document.write('</ul>')}
var numposts = 15;
var showpostdate = false;
var showpostsummary = false;
var numchars = 100;
</script>
</head>
<body>
<div id='container'>
<div id='search'>
<form action='/search' id='searchform' method='get'>
<input class='txtField' id='q' name='q' type='text' value=''/>
<input class='btnSearch' id='searchsubmit' type='submit' value='Search'/>
</form>
</div>
<div id='menu-holder'><ul id='menu'>
<li id='home'><a href='/'>Home</a></li>
<li id='about'><a href='/'>About</a></li>
<li id='archives'><a href='/'>Archives</a></li>
</ul>
</div>
<div id='title'>
<b:section id='headerssection' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Notepad Chaos (Header)' type='Header'>
<b:includable id='title'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<data:title/>
<b:else/>
<a expr:href='data:blog.homepageUrl'><data:title/></a>
</b:if>
</b:includable>
<b:includable id='description'>
<div class='descriptionwrapper'>
<p class='description'><span><data:description/></span></p>
</div>
</b:includable>
<b:includable id='main'>
<h2><a expr:href='data:blog.homepageUrl'><data:title/></a></h2>
</b:includable>
</b:widget>
</b:section>
</div>
</div>
<div id='content'>
<div class='col01'>
<b:section class='post' id='main' showaddelement='yes'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'>
<b:includable id='nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' 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 + "_blog-pager-older-link"' 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='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'> </span>
<a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>
<b:include data='backlink' name='backlinkDeleteIcon'/>
</dt>
<dd class='comment-body collapseable'>
<data:backlink.snippet/>
</dd>
<dd class='comment-footer collapseable'>
<span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span>
<span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span>
</dd>
</div>
</b:loop>
</dl>
</b:if>
<p class='comment-footer'>
<a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + "_backlinks-create-link"' target='_blank'><data:post.createLinkLabel/></a>
</p>
</b:includable>
<b:includable id='post' var='post'>
<div class='post hentry'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>
<div class='post-header-line-1'/>
<div class='post-inner'>
<script type='text/javascript'>
var timestamp = "<data:post.timestamp/>";
if (timestamp != '') {
var timesplit = timestamp.split(",");
var date_yyyy = timesplit[2];
var timesplit = timesplit[1].split(" ");
var date_dd = timesplit[2];
var date_mmm = timesplit[1].substring(0, 3);
}
</script>
<div class='date-tab'>
<span class='month'><script type='text/javascript'>document.write(date_mmm);</script></span>
<span class='day'><script type='text/javascript'>document.write(date_dd);</script></span>
</div>
<p><data:post.body/></p>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
<div class='post-footer'>
<p class='meta'><small>
<span> <abbr class='post_date' expr:title='data:post.timestamp'><data:post.timestamp/></abbr>
</span> |
<span class='post-labels'>
<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 != "true"'>,</b:if>
</b:loop>
</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'>
<span class='email-post-icon'> </span>
</a>
</span>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<p class='postmetadata alt'>
<small>
</small></p>
<b:else/>
<b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:post.numComments/> Comments</a>
</b:if>
</b:if>
<!-- quickedit pencil -->
<b:include data='post' name='postQuickEdit'/>
</span></small> </p>
<p class='post-footer-line post-footer-line-2'/>
<p class='post-footer-line post-footer-line-3'/>
</div>
</div>
</b:includable>
<b:includable id='commentDeleteIcon' var='comment'>
<span expr:class='"item-control " + data:comment.adminClass'>
<a expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
<span class='delete-comment-icon'> </span>
</a>
</span>
</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='feedLinks'>
<b:if cond='data:blog.pageType != "item"'> <!-- Blog feed links -->
<b:if cond='data:feedLinks'>
<div class='blog-feeds'>
<b:include data='feedLinks' name='feedLinksBody'/>
</div>
</b:if>
<b:else/> <!--Post feed links -->
<div class='post-feeds'>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.allowComments'>
<b:if cond='data:post.feedLinks'>
<b:include data='post.feedLinks' name='feedLinksBody'/>
</b:if>
</b:if>
</b:loop>
</div>
</b:if>
</b:includable>
<b:includable id='comment-form' var='post'>
<div class='comment-form'>
<a name='comment-form'/>
<h4 id='comment-post-message'><data:postCommentMsg/></h4>
<p><data:blogCommentMessage/></p>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src' style='display: none'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize' frameborder='0' height='275' id='comment-editor' scrolling='auto' src='' width='100%'/>
<data:post.iframeColorizer/>
</div>
</b:includable>
<b:includable id='backlinkDeleteIcon' var='backlink'>
<span expr:class='"item-control " + data:backlink.adminClass'>
<a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
<span class='delete-comment-icon'> </span>
</a>
</span>
</b:includable>
<b:includable id='feedLinksBody' var='links'>
<div class='feed-links'>
<data:feedLinksMsg/>
<b:loop values='data:links' var='f'>
<a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
</b:loop>
</div>
</b:includable>
<b:includable id='postQuickEdit' var='post'>
<b:if cond='data:post.editUrl'>
<span expr:class='"item-control " + data:post.adminClass'>
<a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
<span class='quick-edit-icon'> </span>
</a>
</span>
</b:if>
</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>
<dl id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<dt class='comment-author' expr:id='"comment-" + data:comment.id'>
<a expr:name='"comment-" + data:comment.id'/>
<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='"#comment-" + data:comment.id' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
</b:loop>
</dl>
<p class='comment-footer'>
<b:if cond='data:post.embedCommentForm'> <b:include data='post' name='comment-form'/> <b:else/> <b:if cond='data:post.allowComments'> <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a> </b:if> </b:if> </p>
</b:if>
<div id='backlinks-container'>
<div expr:id='data:widget.instanceId + "_backlinks-container"'>
<b:if cond='data:post.showBacklinks'>
<b:include data='post' name='backlinks'/>
</b:if>
</div>
</div>
</div>
</b:includable>
<b:includable id='main' var='top'>
<!-- posts -->
<div class='blog-posts hfeed'>
<b:include data='top' name='status-message'/>
<data:adStart/>
<b:loop values='data:posts' var='post'>
<b:include data='post' name='post'/>
<b:if cond='data:blog.pageType == "item"'>
<b:include data='post' name='comments'/>
</b:if>
<b:if cond='data:post.includeAd'>
<data:adEnd/>
<data:adCode/>
<data:adStart/>
</b:if>
</b:loop>
<data:adEnd/>
</div>
<!-- navigation -->
<b:include name='nextprev'/>
<!-- feed links -->
<b:include name='feedLinks'/>
</b:includable>
</b:widget>
</b:section>
</div>
<div class='col02'>
<div class='recent-posts'>
<b:section id='arsiddebar1' showaddelement='no'>
<b:widget id='HTML1' locked='true' title='Recent News' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
</b:if>
<div class='widget-content'>
<!-- recent articles code start -->
<script src="/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rp"></script>
<!-- recent articles code end -->
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>
</div>
<div class='postit-bottom'/>
<div class='categories-upper'/>
<div class='categories'>
<b:section id='lasb1' showaddelement='no'>
<b:widget id='Label1' locked='true' title='Etiketler' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
</b:if>
<div class='widget-content'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'>
<data:label.name/>
</span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'>
<data:label.name/>
</a>
</b:if>
</li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
<div class='categories-btm'/>
<div class='links'>
<b:section class='link21' id='gosu445' showaddelement='no'>
<b:widget id='LinkList1' locked='false' title='' type='LinkList'>
<b:includable id='main'>
<div class='widget-content'>
<ul>
<b:loop values='data:links' var='link'>
<li><a expr:href='data:link.target'><data:link.name/></a></li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
<div class='side-meta'>
<b:section class='lsink21' id='gossu445' showaddelement='yes'>
<b:widget id='Feed1' locked='false' title='GosuBlogger' type='Feed'>
<b:includable id='main'>
<h2><data:title/></h2>
<div class='widget-content'>
<ul expr:id='data:widget.instanceId + "_feedItemListDisplay"'>
<b:loop values='data:feedData.items' var='i'>
<li>
<span class='item-title'>
<a expr:href='data:i.alternate.href'>
<data:i.title/>
</a>
</span>
<b:if cond='data:showItemDate'>
<b:if cond='data:i.str_published != ""'>
<span class='item-date'>
 - <data:i.str_published/>
</span>
</b:if>
</b:if>
<b:if cond='data:showItemAuthor'>
<b:if cond='data:i.author != ""'>
<span class='item-author'>
 - <data:i.author/>
</span>
</b:if>
</b:if>
</li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
</div>
<br clear='all'/>
</div>
<div id='footer-holder'>
<div class='footer'/>
<div class='txt'>
<a expr:href='data:blog.homepageUrl' style='color: #000;'><data:blog.title/></a> © 2008
<b:section class='lisnks21' id='lol32' showaddelement='no'>
<b:widget id='Text1' locked='false' title='' type='Text'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section><br/><br/>
</div>
<span class='smashing'><a href='http://jobs.smashingmagazine.com'>Smashing Magazine</a></span> <span class='rss'><a href='http://gosublogger.com/'>Blogger Templates</a></span></div>
</body></html>
Senin, 23 April 2012
Kode Template: Kertas Arsip
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>
<b:skin><![CDATA[/*
-----------------------------------------------
Theme Name: WaterColor
Theme URI: http://www.templatelite.com/watercolor-free-wordpress-theme/
Description: Take your theme to the next level with this artistic Watercolor theme.
Version: 1.00
Author: TemplateLite.com
Author URI: http://www.templatelite.com/
Tags: red, fixed width, two columns, widget ready, valid xhtml, valid css
Converted to blogger template by FalconHive.com
Theme URI: http://www.falconhive.com/2009/03/water-color.html
Version: 1.00
Date: 09 March 2009
Author URI: http://www.falconhive.com
Reminder: Unless you get the permission from the FalconHive.com, you are strictly not allowed to increase or decrease any footer link in the footer.
----------------------------------------------- */
#navbar-iframe {
height:0px;
visibility:hidden;
display:none;
}
body{
margin:0px auto;
font-size: 12px;
font-family: Verdana, Arial, Helvetica, Sans-Serif;
color:#000000;
background:#D9D7A6 url(http://img9.imageshack.us/img9/2817/bgrepeatz.jpg) repeat-y top center;
}
img {
border:0px;
padding:5px;
max-width: 100%; /* not working in IE6*/
/*height: auto;*/ /* you can enable this. but it will cause safari problem*/
}
a {color:#9E7B22;text-decoration: none;}
a:hover {color: #9E7B22;text-decoration: underline;}
h1 {font-size:30px;}
h2 {font-size:26px;}
h3 {font-size:21px;}
h4 {font-size:17px;}
h5 {font-size:14px;}
h6 {font-size:12px;}
p {margin: 0px 0px 12px 0px;}
hr {height:1px;border:none;border-top:1px dashed #ACACAC; width:90%;}
del {color:red;}
ins {color:green;}
blockquote {
clear: left;
text-align: justify;
padding: 0px 0px 0px 10px;
margin: 20px 20px 10px 20px;
border-left: 2px solid #ACACAC;
}
input,select,textarea {
font-size:11px;
font-family: Verdana, Arial, Helvetica, Sans-Serif;
}
code{
font: 1.1em 'Courier New', Courier, Fixed;
}
.alignleft {float: left;}
.alignright {float: right;}
.aligncenter,div.aligncenter{
display: block;
margin-left: auto;
margin-right: auto;
}
img.alignleft {
padding: 5px;
margin: 0 7px 2px 0;
display: inline;
}
img.alignright {
padding: 5px;
margin: 0 0 2px 7px;
display: inline;
}
img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}
.clear {clear:both;}
.spacer {height:40px;}
/*************** layout ***************/
#base_top{
position:relative;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5lqKPaalxR0A8U5dTF2j_9C4VwspcwEPambM0K94CmTmacE1dISa4_zy6BJBq1kAKKsS5VoB0S5F2oYsJpz3B37Wfs1WMwHecx6gXIy8uPWFCAkwUQnIV31OmS6vxbokFqVqlgMKeSVaZ/s1600/bg_top.jpg) no-repeat top center;
margin:0; padding:0;
}
#base_bottom{
position:relative;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1SPEUH59cEzLFIM-lpSNDKhzyQQziYqizwJPFA07uTOZNN5IfKkGRFBT6LiNsMErzff7xHVV0IT00tK8gcBzIdHWVm86dzDJuOt3MU3HJ8J1gYxNUBOLetIy8suvOXUxTK0r7_b45hcrL/s1600/bg_bottom.jpg) no-repeat bottom center;
margin:0; padding:0;
}
#base{
position:relative;
width:980px;
margin:0px auto 0 auto;
padding:0px 0 0 0;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxzgmuJ6xhYSvlBJcGU9jh3admZpT8zKaYKfA1NRicChsQjJ46sTtDnobkLmovwCbc9H-R7tipsMxu3tIgML_azvDGFm1U_A9vqcC3MHoC_OFiH3dYPJBXkuZQbnjjXnf0BF2Nswn1zJpL/s1600/bg_center_repeat.jpg) repeat-y top center;
border:0px red solid;
}
#header{
position:relative;
height:200px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJi9nYCc6uZgqfdCAv84N2fXG4rG_83sLtujatMmmsqr_Bv0u4SWFLl5YOl679ThJ-ebvL5f7MaMbkA6-3aaKHwGaNpUswbBDamxCGL5Sa8s9Es2yJ9pQMLL16HnEgaqMMe13oo6_HMg8h/s1600/bg_header.jpg) no-repeat top center;
margin:0; padding:0;
border:0px red solid;
}
#container{
position:relative;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhU-H23GbTIwyK5Df4ztsVKboXCxE38UVaeRjaDrFjX-AWeCOWzDsqcCjWFMRtvl97sUGtIg4B3hAj13LjHyD_i11vNN7Zw90U849V6BGtAYWEpAQD_mRarlJjjzkpAbFWqGnhLgMbypE1T/s1600/bg_container.jpg) no-repeat top center;
margin:0;padding:0;
border:0px blue solid;
}
#content{
position:relative;
float:left;
display:inline;
width:588px;
border:0px red solid;
margin:8px 0 0 67px;
padding:0 10px 0 10px;
/*background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSM81yxaVwijtguWn9h7bCOxlXem08eWBLjrHOwcELs1HERb0UUQw9gEBm0rcfFy89HPQpzSe3H9QT-t460mmjhjVGcM9cqiCfDbWM3fdf6hiUBxZxDuMGdwAEZqv7rRsyajQNGIUAUkMr/s1600/transparent.png);*/
}
#sidebar{
float:right;
overflow:hidden;
display:inline;
width:177px;
margin:50px 96px 0 0;
border:0px red solid;
}
#footer{
height:149px;/*bg=471px;*/
background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcsAv24pO7JjKM8mDocBS_9qX503miI3cqGXMgx3Qle4wF0Nwlw_rJqqvbu7iC2emH8Bk5PzcE9P9eW3CECsxwBlUp1ysk3vtjS7QoduDRnuIZadz6XBvIkN4rEr3VOmv9rYdrHLQGX0Ta/s1600/bg_footer.jpg) no-repeat bottom center;
font-size:11px;
margin:-189px 0 0 0;
padding:322px 50px 0 350px;
border:0px yellow solid;
text-align:right;
}
#footer a, #footer a:hover{
font-size:11px;
color:#000000;
text-decoration:underline;
}
/************** Header **************/
#blogtitle{
position:relative;
font-family: Arial,Verdana;
margin:0px 250px 0 100px;
padding:20px 0 0 0;
text-align:center;
font-size:32px;
font-weight:bold;
border:0px red solid;
}
#blogtitle a, #blogtitle a:hover {
font-family: Arial,Verdana;
color:#000000;
text-decoration:none;
}
#subtitle {
position:relative;
font-family: Arial, Verdana;
margin:0px 300px 0 150px;
padding:10px 0 0 0;
text-align:center;
font-size:12px;
color:#000000;
font-style:italic;
font-weight:bold;
border:0px red solid;
}
#menu {
position:absolute;
overflow:hidden;
left:0;
bottom:0px;
padding:0;
margin:0 0 0 75px;
width:450px;
height:40px;
border:0px red solid;
}
#menu ul {
float:left;
width:100%;
height: 40px;
padding:0;
margin:0px;
}
#menu ul li {
display: inline;
font-size: 11px;
font-family:Arial,Verdana;
font-weight: bold;
height:40px;
margin:0px;
}
#menu ul li a { /*145x70*/
float: left;
display: block;
height:25px;
width:87px;
line-height: 12px;
color: #000000;
text-align:center;
padding: 15px 10px 0 8px;
margin:0 2px 0 0;
text-decoration:none;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2XXY0J_L5Hh3dpKX4HY1DApzH0vPg0LaVYiKnCsVQXcR2Rl3Gf9rHM-dxNX7eUEPr__ycaNi2vU2LgjtxRrxwiZNT95hFlZuuLji1ARFG-O-99C8MkmJOhZdIUo44BgarIvK78VNClvJI/s1600/bg_menu1.png) no-repeat top center;
}
#menu ul li a:hover, #header ul li.current_page_item a {
color:#b01115;
cursor:pointer;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIJ2U_yb_zudAeZ9S6xFbgZPpKKaUxjZEoupTQD6tCa6VjrruDPADy8rGeUj_z2EiQGtqWPzQ4bDUOOIPgd_O6kkB_Y7WV3uXxm-1OHEkkqqe-UCtyfV_1wkW_BqHgyIFpZ1RjdMrTxOtz/s1600/bg_menu2.png);
}
#header img.home {
position: absolute;
margin:0px;
padding:0px;
left: 65px;
top: 0px;
width:800px;
height:130px;
border:0px red solid;
}
#mainsearch{
position:absolute;
top:166px;
left:758px;
width:170px;
height:23px;
margin:0;padding:0;
border:0px red solid;
}
#mainsearch .input {
position:absolute;
text-align:center;
top:1px;
left:1px;
height:16px;
width:102px;
padding:4px 5px 1px 5px;
margin:0 0 0 0;
font-size:10px;
font-family: Arial, Verdana, Helvetica;
color:#999999;
border:none;
background:transparent;
border:0px red solid;
}
#mainsearch .submit{
cursor:pointer;
border:none;
background:transparent;
position:absolute;
top:0px;
right:0px;
height:23px;
width:55px;
}
img.rss{
position:absolute;
left: 622px;
bottom: 0px;
height:45px;
width:50px;
}
/*************** content ***************/
.archivetitle {
color: #351E00;
text-align:left;
font-size: 12px;
font-weight:bold;
height:25px;
line-height:25px;
padding: 0px 0px 0px 0px;
margin: 0px 10px 15px 30px;
}
.post {
position:relative;
padding:0 0 30px 0;
margin:0 20px 0 20px;
/*background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtOgOZOWwGrjW_aG8MFPr8JzxeJZurhaYEjxiUqQWtTsK9G27SJB9js3mg8zL85SIVmiMdtDvsrBisab24TfK6UzCjtHbUdtd_R-VtdsCeLkXzQQG5HhcjmY4zBRtr9Sc0TRwYHPilg-Vb/s1600/bg_post_bottom.png) no-repeat bottom right;*/
border:0px red solid;
min-height:100px;
}
.post_bottom{
height:100px;
width:550px;
margin:-100px 20px 30px 20px;
background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLVkn6uQijcwy2hYyHsBsxhQScnyb5UnbJv3HykvwGLdKqDQS9N0AR5pxZnrzwwR4DYvZjEUgcsd46jWWKjvsNSlq55vhXuU46OfrLW0j-rbRPgDH6T2jDOjDyC2iSOc2mkrya3XsIpR8U/s1600/bg_post_bottom.png) no-repeat bottom right;
border:0px blue dotted;
}
.date {
position:absolute;
left:-77px;
top:0;
height:43px;
width:47px;
padding:0 0px 0 0px;
margin:0 0 0 0px;
background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5ziPkYrReDKPX0GfVXtlyUOfCL46y4sEoDWrnpSqcagnOPX4XP_ezcGeJKCIMKZZiNm09CN2noGtdmZqcLT_1HFHWbRBrON7PUdEI9pyrcMzba6OJDI6E9i8_40_QIzq3Q09QtfnyoWI4/s1600/bg_date.jpg) no-repeat;
border:0px red solid;
}
.date_d {
font-size: 18px;
font-family:Arial, Verdana;
font-weight:bold;
text-align:center;
color:#000000;
padding:0px 0 0 0;
}
.date_m {
font-size: 11px;
font-weight:bold;
text-align:center;
color:#000000;
padding:5px 0 0 0;
}
.title{
margin:0;
padding:0px 0 0px 0;
font-size:20px;
}
.title a{
color:#9E7B22;
}
.title a:hover{
color:#9E7B22;
text-decoration:underline;
}
.author{
margin:0;
padding:0px 0 20px 0;
color:#000000;
font-weight:bold;
font-style:italic;
}
.author a, .author a:hover{
color:#000000;
}
.entry {
position:relative;
overflow:hidden;
width:528px;
color: #000000;
line-height: 1.6em;
text-align: justify;
padding: 10px 10px 10px 10px;
margin:0;
}
.info {
line-height: 1.6em;
font-size: 10px;
text-align: left;
margin: 0px 1px 20px 0px;
padding: 4px 0px 1px 1px;
}
.category {
font-size: 10px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 4px 20px;
background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyRBnTJyLMB0fRpW2H5Falnl1SPeG3vhZ6fsVm7yq6Supjs3bmZdbAwT3j8yjn56NuF5yG_PMBmcWh-PgMDCJAsaleHP6zQxZ9-jr34yMootbHWrS8wIXf2a8PD2Y5Px7yxh5XhhJjThy-/s1600/category.jpg') no-repeat top left transparent;
}
.tags {
font-size: 10px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 4px 20px;
background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEzTj4tER4z2uJESm3wprlx4b4mWFNC9ns_yniX4GueH5yV4I7AI6RpbsT4ZOTr1_5hiceuhFgJ8xyPFAtn6WfbSStFR1Q06O1aRtm2_di0yG0qTvLITM9LBQYSefiYwGAvlQoRl0-kdpx/s1600/tags.jpg') no-repeat top left transparent;
}
.bubble {
font-size: 10px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 4px 20px;
background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLTs8J6LRcTWEDBCJs-m6LwzVrdSGKEOiGvnUrqgKruR_bd2QxVH3goqbcfd42QxSPMhnevun1ePBqw-bQet8rnvKO57cCk5zFAe6Exh0TtPVBmUe3LdnNaB6PeyoStNU9wBnH48egW8hP/s1600/bubble.jpg') no-repeat top left transparent;
}
.navigation {
font-size: 11px;
margin: 20px 0px 0px 0px;
padding: 10px 0px 10px 0px;
border-top: 2px dotted #ACACAC;
}
.sorry {
font-size: 12px;
font-style: italic;
margin: 8px 0px 0px 10px;
padding: 3px 0px 3px 0px;
}
/*************** comment ***************/
#postmetadata {
font-size: 11px;
margin: 0px 0px 20px 0px;
padding: 5px 5px 5px 5px;
}
.nocomments {background: none; color: #000000;}
#comments {
color: #000000;
font-size: 13px;
text-align: left;
font-weight: bold;
margin: 0px 5px 0px 5px;
padding: 0px 0px 0px 0px;
font-variant: normal;
border-bottom: 2px dotted #D7D5A4;
}
.commenttitle {
color: #000000;
font-size: 13px;
text-align: left;
font-weight: bold;
margin: 0px 0 20px 0;
padding: 2px 0px 2px 0px;
font-variant: normal;
border-bottom: 1px dashed #D7D5A4;
}
.commentlist {
list-style: none;
margin:0px ;
padding:0 5px 10px 5px;
}
.comment,.trackback,.pingback{
clear:both;
margin:10px 0px 0px 0;
padding:0px 0px 0px 0px;
}
.comment .children{
list-style: none;
padding:0px 0 0 0;
margin:0px 0 0px 15px;
border:0px red solid;
}
.comment div, .trackback div, .pingback div{
height:100%;
background:#E0E0B7;
border:2px #D7D5A4 solid;
padding:5px;
}
.trackback div, .pingback div{
border:1px #D7D5A4 dashed;
}
.comment div div,.trackback div div, .pingback div div{
background:none;
padding:0;
border:0px;
}
.comment .says, .trackback .says, .pingback .says{
display:none;
}
.comment .avatar{
position:relative;
float: left;
margin: 0px 5px 0px 0px;
padding: 0px;
}
.comment .fn,.comment .fn a,.trackback .fn,.trackback .fn a,.pingback .fn,.pingback .fn a{
margin-left:0px;
color:#000000;
text-decoration:none;
font-size: 11px;
}
.byuser .fn a{
font-weight:normal;
text-decoration:underline;
}
.bypostauthor .fn a{
font-weight:bold;
text-decoration:underline;
}
.comment .comment-meta,.trackback .comment-meta, .pingback .comment-meta{
border-bottom: 1px dashed #B1A074;
margin:0 0 10px 0px;
padding:6px 0 6px 0;
font-size:10px;
}
.trackback .comment-meta{
padding:2px 0 2px 0;
}
.comment .comment-meta a, .trackback .comment-meta a, .pingback .comment-meta a {
color:#000000;
text-decoration:none;
}
.comment .reply{
margin:5px 0 0px 0;
padding:2px;
font-size:10px;
text-align:right;
}
.comment .reply a{
color:#000000;
text-decoration:none;
}
.trackback .reply, .pingback .reply{
display:none;
}
/**comment paging WP2.7**/
.commentnavi{
position:relative;
padding-right:20px;
}
.commentpages{
float:right;
padding:5px 10px;
}
.page-numbers{
padding-left:5px;
}
.current{
font-weight:bold;
}
/*** comment form ***/
#respond {
clear:both;
padding:5px 15px 5px 5px;
margin:10px 0px 0px 20px;
font-size:11px;
}
.cancel-comment-reply{
}
#commentform {
margin:0;
padding:10px 0 0 0;
}
#email, #author, #url {
color: #000000;
font-size: 11px;
padding-left: 2px;
vertical-align: middle;
border: 1px solid #B1A074;
font-family: Verdana, Arial, Helvetica, Sans-Serif;
}
#comment {
width: 98%;
color: #000000;
font-size: 11px;
font-family: Verdana, Arial, Helvetica, Sans-Serif;
border: 1px solid #B1A074;
padding: 2px 2px 2px 2px;
}
#submit {
height: 20px;
color: #000000;
font-size: 11px;
background: #ffffff;
margin: 0px 0px 0px 0px;
padding: 0px 10px 2px 10px;
border: 1px solid #B1A074;
font-family: Verdana, Arial, Helvetica, Sans-Serif;
}
/***** sidebar *****/
#sidebar {color:#666666;}
#sidebar a{color:#000000;}
#sidebar a:hover {color:#ED1B23;}
#sidebar h2 {
color: #ffffff;
height:30px;
font-size: 13px;
font-weight: bold;
letter-spacing: 0px;
font-variant: normal;
margin: 0px 0px 0px 0px;
padding: 15px 10px 0px 10px;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhh0BWY-yDfXeAZIvbhc5O2RKx56sLWHxhIGClmOJuGvC9J_FTPyCX55VcBs0JRy6v744CeX3JOH6Tk3Ye2tUBBtBbw8CJF0TRSnh5IwoUy_Ek4S5z5H5AX5YvUhFHnwuVGkVamALxahfOI/s1600/bg_sb1_g.gif') no-repeat right;
}
#sidebar select{
margin:5px 0px 0px 3px;
font-size:11px;
width:170px;
}
#sidebar ul {
list-style-type: none;
margin: 0px 0px 24px 0px;
padding: 0px 0px 20px 0px;
background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtdNmqN3w7_xYJmrU8KLMtYqrbRBiwpyCVJSu9z-E9BW54s7RcyomTPPbE0GT7DQ7fZAUBo9HrMrR-67__koub16Sh473Qs6B_A1ZOkl4LnRhlEeFxyt-pLOvZbnCMn4fozzc5ZIjL_uMc/s1600/bg_sb2_g.gif') no-repeat bottom center;
}
#sidebar li {
padding-bottom:20px;
background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtdNmqN3w7_xYJmrU8KLMtYqrbRBiwpyCVJSu9z-E9BW54s7RcyomTPPbE0GT7DQ7fZAUBo9HrMrR-67__koub16Sh473Qs6B_A1ZOkl4LnRhlEeFxyt-pLOvZbnCMn4fozzc5ZIjL_uMc/s1600/bg_sb2_g.gif') no-repeat bottom center;
}
#sidebar ul li{
line-height: 1.7em;
list-style-type: none;
font-size:11px;
border:0px red solid;
font-family:Verdana,Arial;
margin: 0px 0px 0px 0px;
padding:2px 2px 0px 20px; /*padding-bottom:0;*/
background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5mkeG83BSGMCVLScY2-gvfnROVyMRyk3UJz-M4_ncuQ4Hikl6HjldhZa39tR2R8zMyCGkw6Uo8ZBJWc6J2l8hnH4D3E-YqfEhSL31HHd04tbGzGUxHHoXBU_HO3k8xtNFWN0q0pgo4_kU/s1600/bg_sb_pin1.gif') no-repeat 0px 3px;
}
#sidebar ul ul li{
line-height: 1.7em;
list-style-type: none;
font-size:11px;
border:0px red solid;
font-family:Verdana,Arial;
margin: 0px 0px 0px 0px;
padding:2px 2px 0 20px; /*padding-bottom:0;*/
}
#sidebar ul ul ul li {
list-style-type: none;
font-size:11px;
border:0px;
margin: 0px 0px 0px -5px;
line-height: 1.7em;
font-family:Verdana,Arial;
padding: 0px 0px 0px 20px;
}
#ArchiveList ul {
list-style-type: none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 20px 0px;
background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtdNmqN3w7_xYJmrU8KLMtYqrbRBiwpyCVJSu9z-E9BW54s7RcyomTPPbE0GT7DQ7fZAUBo9HrMrR-67__koub16Sh473Qs6B_A1ZOkl4LnRhlEeFxyt-pLOvZbnCMn4fozzc5ZIjL_uMc/s1600/bg_sb2_g.gif') no-repeat bottom center;
}
#ArchiveList ul li {
line-height: 1.7em;
list-style-type: none;
font-size:11px;
border:0px red solid;
font-family:Verdana,Arial;
margin: 0px 0px 0px 0px;
padding:2px 2px 0px 20px; /*padding-bottom:0;*/
background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5mkeG83BSGMCVLScY2-gvfnROVyMRyk3UJz-M4_ncuQ4Hikl6HjldhZa39tR2R8zMyCGkw6Uo8ZBJWc6J2l8hnH4D3E-YqfEhSL31HHd04tbGzGUxHHoXBU_HO3k8xtNFWN0q0pgo4_kU/s1600/bg_sb_pin1.gif') no-repeat 0px 3px;
}
#sidebar h1 a.rsswidget{
margin-left:0px;
overflow:hidden;
text-decoration:none;
}
#flickrrss{
height:81px;
margin:0 50px 0 100px;
padding:0 0 20px 0;
border:0px red solid;
}
#flickrrss img{
background:white;
border:1px black solid;
padding:2px;
margin:0 2px;
width:75px;
height:75px;
}
#blog-pager-newer-link{padding-left:20px;float:left}
#blog-pager-older-link{padding-right:20px;float:right}
#blog-pager{text-align:center}
]]></b:skin>
<script language='javascript'>
function doClear(theText) {
if (theText.value == theText.defaultValue) {
theText.value = ''
}
}
</script>
</head>
<body>
<!-- Base_top -->
<div id='base_top'>
<!-- Base_bottom -->
<div id='base_bottom'>
<!-- Base -->
<div id='base'>
<!-- Header -->
<div id='header'>
<!-- Title -->
<b:section class='header1' id='header1' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Water Color (Header)' type='Header'>
<b:includable id='title'>
<div id='blogtitle'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<data:title/>
<b:else/>
<a expr:href='data:blog.homepageUrl'><data:title/></a>
</b:if>
</div>
</b:includable>
<b:includable id='description'>
<div id='subtitle'>
<data:description/>
</div>
</b:includable>
<b:includable id='main'>
<b:if cond='data:useImage'>
<b:if cond='data:imagePlacement == "REPLACE"'>
<!--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 + "_headerimg"' 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='"background-image: url(\"" + data:sourceUrl + "\"); " + "background-position: " + data:backgroundPositionStyleStr + "; " + data:widthStyleStr + "min-height: " + data:height + "px;" + "_height: " + data:height + "px;" + "background-repeat: no-repeat; "' id='header-inner'>
<div class='titlewrapper' style='background: transparent'>
<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>
</div>
<b:include name='description'/>
</div>
</b:if>
<b:else/>
<!--No header image -->
<b:include name='title'/>
<b:include name='description'/>
</b:if>
</b:includable>
</b:widget>
</b:section>
<!-- /Title -->
<!-- Menu -->
<b:section class='menu' id='menu' preferred='yes' showaddelement='no'>
<b:widget id='LinkList1' locked='true' title='Menu' type='LinkList'>
<b:includable id='main'>
<div class='widget-content'>
<ul>
<b:loop values='data:links' var='link'>
<li><a expr:href='data:link.target'><data:link.name/></a></li>
</b:loop>
</ul>
</div>
</b:includable>
</b:widget>
</b:section>
<!-- /Menu -->
<!-- Main Search -->
<div id='mainsearch'>
<form action='http://demo.templatelite.com/' id='mainsearchform' method='get'>
<input class='input' id='s' name='s' onfocus='doClear(this)' type='text' value='Keyword'/>
<input class='submit' type='submit' value=''/>
</form>
</div>
<!-- /Main Search -->
<a href='/feeds/posts/default' title='RSS Feed'><img alt='Subscribe RSS' class='rss' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcbXPHZdt7QFD1dDs0odZXjfd_WK5qLif9XmifPlqe-2GbVBty7-7OeFOY_eNoTIB7sIpUCwUxVkMiPcY582Uz9cXJR6HvBC3jh1SM0k6NvnFvRLoUHB-hWt1V5r1a50XhMcYD6oN5_h63/s1600/spacer.gif'/></a>
</div>
<!-- /Header -->
<!-- Container -->
<div id='container'>
<!-- Content -->
<div id='content'>
<div class='spacer'/>
<!-- Content -->
<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 + "_blog-pager-newer-link"' 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 + "_blog-pager-older-link"' 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>
</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'> </span>
<a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>
<b:include data='backlink' name='backlinkDeleteIcon'/>
</dt>
<dd class='comment-body collapseable'>
<data:backlink.snippet/>
</dd>
<dd class='comment-footer collapseable'>
<span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span>
<span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span>
</dd>
</div>
</b:loop>
</dl>
</b:if>
<p class='comment-footer'>
<a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + "_backlinks-create-link"' target='_blank'><data:post.createLinkLabel/></a>
</p>
</b:includable>
<b:includable id='post' var='post'>
<!-- Post -->
<div class='post' id='post'>
<div class='date'>
<script type='text/javascript'>
var timestamp = "<data:post.timestamp/>";
if (timestamp != '') {
var timesplit = timestamp.split(",");
var date_yyyy = timesplit[2];
var timesplit = timesplit[1].split(" ");
var date_dd = timesplit[2];
var date_mmm = timesplit[1].substring(0, 3);
}
</script>
<div class='date_m'><script type='text/javascript'>document.write(date_mmm);</script></div>
<div class='date_d'><script type='text/javascript'>document.write(date_dd);</script></div>
</div>
<div class='title'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.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>
</b:if>
</div>
<div class='author'>
<b:if cond='data:top.showAuthor'>
<span class='fn'><data:post.author/></span>
</b:if>
</div>
<div class='entry'>
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
<div class='clear'/>
<div class='info'>
<span class='category'>
<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 != "true"'>,</b:if>
</b:loop>
</b:if>
</span>
<span class='bubble'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
</b:if>
</b:if>
</span>
<!-- backlinks -->
<span class='post-backlinks post-comment-link'>
<b:if cond='data:blog.pageType != "item"'> |
<b:if cond='data:post.showBacklinks'>
<a class='comment-link' expr:href='data:post.url + "#links"'><data:top.backlinkLabel/></a>
</b:if>
</b:if>
</span>
<!-- email post links -->
<span class='post-icons'>
<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>
<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> </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>
</div>
<div class='edit'/>
</div>
<!-- /Post -->
</b:includable>
<b:includable id='commentDeleteIcon' var='comment'>
<span expr:class='"item-control " + data:comment.adminClass'>
<a expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
<img src='http://www.blogger.com/img/icon_delete13.gif'/>
</a>
</span>
</b:includable>
<b:includable id='feedLinks'>
<b:if cond='data:blog.pageType != "item"'> <!-- Blog feed links -->
<b:if cond='data:feedLinks'>
</b:if>
<b:else/> <!--Post feed links -->
<div class='post-feeds'>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.allowComments'>
<b:if cond='data:post.feedLinks'>
<b:include data='post.feedLinks' name='feedLinksBody'/>
</b:if>
</b:if>
</b:loop>
</div>
</b:if>
</b:includable>
<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div class='status-msg-wrap'>
<div class='status-msg-body'>
<data:navMessage/>
</div>
<div class='status-msg-border'>
<div class='status-msg-bg'>
<div class='status-msg-hidden'><data:navMessage/></div>
</div>
</div>
</div>
</b:if>
</b:includable>
<b:includable id='comment-form' var='post'>
<div class='comment-form'>
<a name='comment-form'/>
<h4 id='comment-post-message'><data:postCommentMsg/></h4>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize' frameborder='0' height='275' id='comment-editor' scrolling='no' src='' width='100%'/>
<data:post.iframeColorizer/>
</div>
</b:includable>
<b:includable id='backlinkDeleteIcon' var='backlink'>
<span expr:class='"item-control " + data:backlink.adminclass'>
<a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
<span class='delete-comment-icon'> </span>
</a>
</span>
</b:includable>
<b:includable id='feedLinksBody' var='links'>
<div class='feed-links'>
<data:feedLinksMsg/>
<b:loop values='data:links' var='f'>
<a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
</b:loop>
</div>
</b:includable>
<b:includable id='postQuickEdit' var='post'>
<b:if cond='data:post.editUrl'>
<span expr:class='"item-control " + data:post.adminclass'>
<a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
<img alt='edit post' class='icon-action' src='http://www.blogger.com/img/icon18_edit_allbkg.gif'/>
</a>
</span>
</b:if>
</b:includable>
<b:includable id='comments' var='post'>
<div class='comments' id='comment'>
<a name='comments'/>
<b:if cond='data:post.allowComments'>
<div id='comments'>
<b:if cond='data:post.numComments == 1'>
1 Response
<b:else/>
<data:post.numComments/> Responses
</b:if>
</div>
<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>
 
<data:post.commentRangeText/>
 
<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>
<ol class='commentlist'>
<b:loop values='data:post.comments' var='comment'>
<li class='trackback even thread-even depth-1' id='comment'>
<div id='div-comment'>
<div class='comment-author vcard'>
<cite class='fn'>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
</cite>
<span class='says'>Says:</span>
</div>
<div class='comment-meta'>
<b:if cond='data:post.commentPagingRequired'>
<a expr:href='data:comment.url' title='comment permalink'> <data.comment.timestamp/> </a>
<b:else/>
<a expr:href='data:blog.url + "#" + data:comment.anchorName' title='comment permalink'> <data:comment.timestamp/> </a>
</b:if>
</div>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
<b:include data='comment' name='commentDeleteIcon'/>
</div>
</li>
<br/>
</b:loop>
</ol>
<div id='postcomment'>
<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='comment-form'/>
<b:else/>
<b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
<data:postCommentMsg/>
</a>
</b:if>
</b:if>
</div>
</b:if>
<div id='backlinks-container'>
<div expr:id='data:widget.instanceId + "_backlinks-container"'>
<b:if cond='data:post.showBacklinks'>
<b:include data='post' name='backlinks'/>
</b:if>
</div>
</div>
</div>
</b:includable>
<b:includable id='main' var='top'>
<!-- posts -->
<div class='blog-posts hfeed'>
<b:include data='top' name='status-message'/>
<data:adStart/>
<b:loop values='data:posts' var='post'>
<b:include data='post' name='post'/>
<b:if cond='data:blog.pageType == "item"'>
<b:include data='post' name='comments'/>
</b:if>
<b:if cond='data:post.includeAd'>
<data:adEnd/>
<data:adCode/>
<data:adStart/>
</b:if>
</b:loop>
<data:adEnd/>
</div>
<!-- navigation -->
<b:include name='nextprev'/>
<!-- feed links -->
<b:include name='feedLinks'/>
<b:if cond='data:top.showStars'>
<script src='http://www.google.com/jsapi' type='text/javascript'/>
<script type='text/javascript'>
google.load("annotations", "1", {"locale": "<data:top.languageCode/>"});
function initialize() {
google.annotations.setApplicationId(<data:top.blogspotReviews/>);
google.annotations.createAll();
google.annotations.fetch();
}
google.setOnLoadCallback(initialize);
</script>
</b:if>
</b:includable>
</b:widget>
</b:section>
<!-- Navigation -->
<div class='pagination'>
<div class='alignleft'/>
<div class='alignright'/>
</div>
<!-- /Navigation -->
<div class='clear'/>
</div>
<!-- /Content -->
<!-- Sidebar -->
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='Label1' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'>
<data:label.name/>
</span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'>
<data:label.name/>
</a>
</b:if>
<span dir='ltr'>(<data:label.count/>)</span>
</li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
<b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<div id='ArchiveList'>
<div expr:id='data:widget.instanceId + "_ArchiveList"'>
<b:if cond='data:style == "HIERARCHY"'>
<b:include data='data' name='interval'/>
</b:if>
<b:if cond='data:style == "FLAT"'>
<b:include data='data' name='flat'/>
</b:if>
<b:if cond='data:style == "MENU"'>
<b:include data='data' name='menu'/>
</b:if>
</div>
</div>
<b:include name='quickedit'/>
</div>
</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='menu' var='data'>
<select expr:id='data:widget.instanceId + "_ArchiveMenu"'>
<option value=''><data:title/></option>
<b:loop values='data:data' var='i'>
<option expr:value='data:i.url'><data:i.name/> (<data:i.post-count/>)</option>
</b:loop>
</select>
</b:includable>
<b:includable id='interval' var='intervalData'>
<b:loop values='data:intervalData' var='i'>
<ul>
<li expr:class='"archivedate " + data:i.expclass'>
<b:include data='i' name='toggle'/>
<a class='post-count-link' expr:href='data:i.url'><data:i.name/></a>
<span class='post-count' dir='ltr'>(<data:i.post-count/>)</span>
<b:if cond='data:i.data'>
<b:include data='i.data' name='interval'/>
</b:if>
<b:if cond='data:i.posts'>
<b:include data='i.posts' name='posts'/>
</b:if>
</li>
</ul>
</b:loop>
</b:includable>
<b:includable id='toggle' var='interval'>
<b:if cond='data:interval.toggleId'>
<b:if cond='data:interval.expclass == "expanded"'>
<a class='toggle' expr:href='data:widget.actionUrl + "&action=toggle" + "&dir=close&toggle=" + data:interval.toggleId + "&toggleopen=" + data:toggleopen'>
<span class='zippy toggle-open'>▼ </span>
</a>
<b:else/>
<a class='toggle' expr:href='data:widget.actionUrl + "&action=toggle" + "&dir=open&toggle=" + data:interval.toggleId + "&toggleopen=" + data:toggleopen'>
<span class='zippy'>
<b:if cond='data:blog.languageDirection == "rtl"'>
◄
<b:else/>
►
</b:if>
</span>
</a>
</b:if>
</b:if>
</b:includable>
<b:includable id='posts' var='posts'>
<ul class='posts'>
<b:loop values='data:posts' var='i'>
<li><a expr:href='data:i.url'><data:i.title/></a></li>
</b:loop>
</ul>
</b:includable>
</b:widget>
<b:widget id='Profile1' locked='false' title='About Me' type='Profile'>
<b:includable id='main'>
<b:if cond='data:title != ""'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<b:if cond='data:team == "true"'> <!-- team blog profile -->
<ul>
<b:loop values='data:authors' var='i'>
<li><a expr:href='data:i.userUrl'><data:i.display-name/></a></li>
</b:loop>
</ul>
<b:else/> <!-- normal blog profile -->
<b:if cond='data:photo.url != ""'>
<a expr:href='data:userUrl'><img class='profile-img' expr:alt='data:photo.alt' expr:height='data:photo.height' expr:src='data:photo.url' expr:width='data:photo.width'/></a>
</b:if>
<dl class='profile-datablock'>
<dt class='profile-data'><data:displayname/></dt>
<b:if cond='data:showlocation == "true"'>
<dd class='profile-data'><data:location/></dd>
</b:if>
<b:if cond='data:aboutme != ""'><dd class='profile-textblock'><data:aboutme/></dd></b:if>
</dl>
<a class='profile-link' expr:href='data:userUrl'><data:viewProfileMsg/></a>
</b:if>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
</b:section>
<!-- /Sidebar -->
<div class='clear'/>
</div>
<!-- /Container -->
<!-- Water Color Blogger Template comes under a Creative Commons License.
This means it is free to use on your blog as long as the credit link in the footer is kept intact
FalconHive.com
-->
<!-- Footer -->
<div id='footer'>
<div id='flickrss'>
<b:section class='flickrrss' id='flickrrss' preferred='yes'>
<b:widget id='HTML99' locked='true' title='Flickr' type='HTML'>
<b:includable id='main'>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>
</div>
© <a expr:href='data:blog.homepageUrl'><data:blog.title/></a>
<!-- credit -->
Designed by <a href='http://www.templatelite.com/'>Wordpress Templates</a>
<br/>Bloggerized by <a href='http://www.falconhive.com' target='_blank' title='Falcon Hive'>FalconHive</a> | Sponsored by <a href='http://www.bloggerstyles.com'>Blogger Styles</a>
</div>
<!-- /Footer -->
</div>
<!-- /Base -->
</div>
<!-- /Base_bottom -->
</div>
<!-- /Base_top -->
</body></html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>
<b:skin><![CDATA[/*
-----------------------------------------------
Theme Name: WaterColor
Theme URI: http://www.templatelite.com/watercolor-free-wordpress-theme/
Description: Take your theme to the next level with this artistic Watercolor theme.
Version: 1.00
Author: TemplateLite.com
Author URI: http://www.templatelite.com/
Tags: red, fixed width, two columns, widget ready, valid xhtml, valid css
Converted to blogger template by FalconHive.com
Theme URI: http://www.falconhive.com/2009/03/water-color.html
Version: 1.00
Date: 09 March 2009
Author URI: http://www.falconhive.com
Reminder: Unless you get the permission from the FalconHive.com, you are strictly not allowed to increase or decrease any footer link in the footer.
----------------------------------------------- */
#navbar-iframe {
height:0px;
visibility:hidden;
display:none;
}
body{
margin:0px auto;
font-size: 12px;
font-family: Verdana, Arial, Helvetica, Sans-Serif;
color:#000000;
background:#D9D7A6 url(http://img9.imageshack.us/img9/2817/bgrepeatz.jpg) repeat-y top center;
}
img {
border:0px;
padding:5px;
max-width: 100%; /* not working in IE6*/
/*height: auto;*/ /* you can enable this. but it will cause safari problem*/
}
a {color:#9E7B22;text-decoration: none;}
a:hover {color: #9E7B22;text-decoration: underline;}
h1 {font-size:30px;}
h2 {font-size:26px;}
h3 {font-size:21px;}
h4 {font-size:17px;}
h5 {font-size:14px;}
h6 {font-size:12px;}
p {margin: 0px 0px 12px 0px;}
hr {height:1px;border:none;border-top:1px dashed #ACACAC; width:90%;}
del {color:red;}
ins {color:green;}
blockquote {
clear: left;
text-align: justify;
padding: 0px 0px 0px 10px;
margin: 20px 20px 10px 20px;
border-left: 2px solid #ACACAC;
}
input,select,textarea {
font-size:11px;
font-family: Verdana, Arial, Helvetica, Sans-Serif;
}
code{
font: 1.1em 'Courier New', Courier, Fixed;
}
.alignleft {float: left;}
.alignright {float: right;}
.aligncenter,div.aligncenter{
display: block;
margin-left: auto;
margin-right: auto;
}
img.alignleft {
padding: 5px;
margin: 0 7px 2px 0;
display: inline;
}
img.alignright {
padding: 5px;
margin: 0 0 2px 7px;
display: inline;
}
img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}
.clear {clear:both;}
.spacer {height:40px;}
/*************** layout ***************/
#base_top{
position:relative;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5lqKPaalxR0A8U5dTF2j_9C4VwspcwEPambM0K94CmTmacE1dISa4_zy6BJBq1kAKKsS5VoB0S5F2oYsJpz3B37Wfs1WMwHecx6gXIy8uPWFCAkwUQnIV31OmS6vxbokFqVqlgMKeSVaZ/s1600/bg_top.jpg) no-repeat top center;
margin:0; padding:0;
}
#base_bottom{
position:relative;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1SPEUH59cEzLFIM-lpSNDKhzyQQziYqizwJPFA07uTOZNN5IfKkGRFBT6LiNsMErzff7xHVV0IT00tK8gcBzIdHWVm86dzDJuOt3MU3HJ8J1gYxNUBOLetIy8suvOXUxTK0r7_b45hcrL/s1600/bg_bottom.jpg) no-repeat bottom center;
margin:0; padding:0;
}
#base{
position:relative;
width:980px;
margin:0px auto 0 auto;
padding:0px 0 0 0;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxzgmuJ6xhYSvlBJcGU9jh3admZpT8zKaYKfA1NRicChsQjJ46sTtDnobkLmovwCbc9H-R7tipsMxu3tIgML_azvDGFm1U_A9vqcC3MHoC_OFiH3dYPJBXkuZQbnjjXnf0BF2Nswn1zJpL/s1600/bg_center_repeat.jpg) repeat-y top center;
border:0px red solid;
}
#header{
position:relative;
height:200px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJi9nYCc6uZgqfdCAv84N2fXG4rG_83sLtujatMmmsqr_Bv0u4SWFLl5YOl679ThJ-ebvL5f7MaMbkA6-3aaKHwGaNpUswbBDamxCGL5Sa8s9Es2yJ9pQMLL16HnEgaqMMe13oo6_HMg8h/s1600/bg_header.jpg) no-repeat top center;
margin:0; padding:0;
border:0px red solid;
}
#container{
position:relative;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhU-H23GbTIwyK5Df4ztsVKboXCxE38UVaeRjaDrFjX-AWeCOWzDsqcCjWFMRtvl97sUGtIg4B3hAj13LjHyD_i11vNN7Zw90U849V6BGtAYWEpAQD_mRarlJjjzkpAbFWqGnhLgMbypE1T/s1600/bg_container.jpg) no-repeat top center;
margin:0;padding:0;
border:0px blue solid;
}
#content{
position:relative;
float:left;
display:inline;
width:588px;
border:0px red solid;
margin:8px 0 0 67px;
padding:0 10px 0 10px;
/*background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSM81yxaVwijtguWn9h7bCOxlXem08eWBLjrHOwcELs1HERb0UUQw9gEBm0rcfFy89HPQpzSe3H9QT-t460mmjhjVGcM9cqiCfDbWM3fdf6hiUBxZxDuMGdwAEZqv7rRsyajQNGIUAUkMr/s1600/transparent.png);*/
}
#sidebar{
float:right;
overflow:hidden;
display:inline;
width:177px;
margin:50px 96px 0 0;
border:0px red solid;
}
#footer{
height:149px;/*bg=471px;*/
background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcsAv24pO7JjKM8mDocBS_9qX503miI3cqGXMgx3Qle4wF0Nwlw_rJqqvbu7iC2emH8Bk5PzcE9P9eW3CECsxwBlUp1ysk3vtjS7QoduDRnuIZadz6XBvIkN4rEr3VOmv9rYdrHLQGX0Ta/s1600/bg_footer.jpg) no-repeat bottom center;
font-size:11px;
margin:-189px 0 0 0;
padding:322px 50px 0 350px;
border:0px yellow solid;
text-align:right;
}
#footer a, #footer a:hover{
font-size:11px;
color:#000000;
text-decoration:underline;
}
/************** Header **************/
#blogtitle{
position:relative;
font-family: Arial,Verdana;
margin:0px 250px 0 100px;
padding:20px 0 0 0;
text-align:center;
font-size:32px;
font-weight:bold;
border:0px red solid;
}
#blogtitle a, #blogtitle a:hover {
font-family: Arial,Verdana;
color:#000000;
text-decoration:none;
}
#subtitle {
position:relative;
font-family: Arial, Verdana;
margin:0px 300px 0 150px;
padding:10px 0 0 0;
text-align:center;
font-size:12px;
color:#000000;
font-style:italic;
font-weight:bold;
border:0px red solid;
}
#menu {
position:absolute;
overflow:hidden;
left:0;
bottom:0px;
padding:0;
margin:0 0 0 75px;
width:450px;
height:40px;
border:0px red solid;
}
#menu ul {
float:left;
width:100%;
height: 40px;
padding:0;
margin:0px;
}
#menu ul li {
display: inline;
font-size: 11px;
font-family:Arial,Verdana;
font-weight: bold;
height:40px;
margin:0px;
}
#menu ul li a { /*145x70*/
float: left;
display: block;
height:25px;
width:87px;
line-height: 12px;
color: #000000;
text-align:center;
padding: 15px 10px 0 8px;
margin:0 2px 0 0;
text-decoration:none;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2XXY0J_L5Hh3dpKX4HY1DApzH0vPg0LaVYiKnCsVQXcR2Rl3Gf9rHM-dxNX7eUEPr__ycaNi2vU2LgjtxRrxwiZNT95hFlZuuLji1ARFG-O-99C8MkmJOhZdIUo44BgarIvK78VNClvJI/s1600/bg_menu1.png) no-repeat top center;
}
#menu ul li a:hover, #header ul li.current_page_item a {
color:#b01115;
cursor:pointer;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIJ2U_yb_zudAeZ9S6xFbgZPpKKaUxjZEoupTQD6tCa6VjrruDPADy8rGeUj_z2EiQGtqWPzQ4bDUOOIPgd_O6kkB_Y7WV3uXxm-1OHEkkqqe-UCtyfV_1wkW_BqHgyIFpZ1RjdMrTxOtz/s1600/bg_menu2.png);
}
#header img.home {
position: absolute;
margin:0px;
padding:0px;
left: 65px;
top: 0px;
width:800px;
height:130px;
border:0px red solid;
}
#mainsearch{
position:absolute;
top:166px;
left:758px;
width:170px;
height:23px;
margin:0;padding:0;
border:0px red solid;
}
#mainsearch .input {
position:absolute;
text-align:center;
top:1px;
left:1px;
height:16px;
width:102px;
padding:4px 5px 1px 5px;
margin:0 0 0 0;
font-size:10px;
font-family: Arial, Verdana, Helvetica;
color:#999999;
border:none;
background:transparent;
border:0px red solid;
}
#mainsearch .submit{
cursor:pointer;
border:none;
background:transparent;
position:absolute;
top:0px;
right:0px;
height:23px;
width:55px;
}
img.rss{
position:absolute;
left: 622px;
bottom: 0px;
height:45px;
width:50px;
}
/*************** content ***************/
.archivetitle {
color: #351E00;
text-align:left;
font-size: 12px;
font-weight:bold;
height:25px;
line-height:25px;
padding: 0px 0px 0px 0px;
margin: 0px 10px 15px 30px;
}
.post {
position:relative;
padding:0 0 30px 0;
margin:0 20px 0 20px;
/*background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtOgOZOWwGrjW_aG8MFPr8JzxeJZurhaYEjxiUqQWtTsK9G27SJB9js3mg8zL85SIVmiMdtDvsrBisab24TfK6UzCjtHbUdtd_R-VtdsCeLkXzQQG5HhcjmY4zBRtr9Sc0TRwYHPilg-Vb/s1600/bg_post_bottom.png) no-repeat bottom right;*/
border:0px red solid;
min-height:100px;
}
.post_bottom{
height:100px;
width:550px;
margin:-100px 20px 30px 20px;
background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLVkn6uQijcwy2hYyHsBsxhQScnyb5UnbJv3HykvwGLdKqDQS9N0AR5pxZnrzwwR4DYvZjEUgcsd46jWWKjvsNSlq55vhXuU46OfrLW0j-rbRPgDH6T2jDOjDyC2iSOc2mkrya3XsIpR8U/s1600/bg_post_bottom.png) no-repeat bottom right;
border:0px blue dotted;
}
.date {
position:absolute;
left:-77px;
top:0;
height:43px;
width:47px;
padding:0 0px 0 0px;
margin:0 0 0 0px;
background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5ziPkYrReDKPX0GfVXtlyUOfCL46y4sEoDWrnpSqcagnOPX4XP_ezcGeJKCIMKZZiNm09CN2noGtdmZqcLT_1HFHWbRBrON7PUdEI9pyrcMzba6OJDI6E9i8_40_QIzq3Q09QtfnyoWI4/s1600/bg_date.jpg) no-repeat;
border:0px red solid;
}
.date_d {
font-size: 18px;
font-family:Arial, Verdana;
font-weight:bold;
text-align:center;
color:#000000;
padding:0px 0 0 0;
}
.date_m {
font-size: 11px;
font-weight:bold;
text-align:center;
color:#000000;
padding:5px 0 0 0;
}
.title{
margin:0;
padding:0px 0 0px 0;
font-size:20px;
}
.title a{
color:#9E7B22;
}
.title a:hover{
color:#9E7B22;
text-decoration:underline;
}
.author{
margin:0;
padding:0px 0 20px 0;
color:#000000;
font-weight:bold;
font-style:italic;
}
.author a, .author a:hover{
color:#000000;
}
.entry {
position:relative;
overflow:hidden;
width:528px;
color: #000000;
line-height: 1.6em;
text-align: justify;
padding: 10px 10px 10px 10px;
margin:0;
}
.info {
line-height: 1.6em;
font-size: 10px;
text-align: left;
margin: 0px 1px 20px 0px;
padding: 4px 0px 1px 1px;
}
.category {
font-size: 10px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 4px 20px;
background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyRBnTJyLMB0fRpW2H5Falnl1SPeG3vhZ6fsVm7yq6Supjs3bmZdbAwT3j8yjn56NuF5yG_PMBmcWh-PgMDCJAsaleHP6zQxZ9-jr34yMootbHWrS8wIXf2a8PD2Y5Px7yxh5XhhJjThy-/s1600/category.jpg') no-repeat top left transparent;
}
.tags {
font-size: 10px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 4px 20px;
background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEzTj4tER4z2uJESm3wprlx4b4mWFNC9ns_yniX4GueH5yV4I7AI6RpbsT4ZOTr1_5hiceuhFgJ8xyPFAtn6WfbSStFR1Q06O1aRtm2_di0yG0qTvLITM9LBQYSefiYwGAvlQoRl0-kdpx/s1600/tags.jpg') no-repeat top left transparent;
}
.bubble {
font-size: 10px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 4px 20px;
background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLTs8J6LRcTWEDBCJs-m6LwzVrdSGKEOiGvnUrqgKruR_bd2QxVH3goqbcfd42QxSPMhnevun1ePBqw-bQet8rnvKO57cCk5zFAe6Exh0TtPVBmUe3LdnNaB6PeyoStNU9wBnH48egW8hP/s1600/bubble.jpg') no-repeat top left transparent;
}
.navigation {
font-size: 11px;
margin: 20px 0px 0px 0px;
padding: 10px 0px 10px 0px;
border-top: 2px dotted #ACACAC;
}
.sorry {
font-size: 12px;
font-style: italic;
margin: 8px 0px 0px 10px;
padding: 3px 0px 3px 0px;
}
/*************** comment ***************/
#postmetadata {
font-size: 11px;
margin: 0px 0px 20px 0px;
padding: 5px 5px 5px 5px;
}
.nocomments {background: none; color: #000000;}
#comments {
color: #000000;
font-size: 13px;
text-align: left;
font-weight: bold;
margin: 0px 5px 0px 5px;
padding: 0px 0px 0px 0px;
font-variant: normal;
border-bottom: 2px dotted #D7D5A4;
}
.commenttitle {
color: #000000;
font-size: 13px;
text-align: left;
font-weight: bold;
margin: 0px 0 20px 0;
padding: 2px 0px 2px 0px;
font-variant: normal;
border-bottom: 1px dashed #D7D5A4;
}
.commentlist {
list-style: none;
margin:0px ;
padding:0 5px 10px 5px;
}
.comment,.trackback,.pingback{
clear:both;
margin:10px 0px 0px 0;
padding:0px 0px 0px 0px;
}
.comment .children{
list-style: none;
padding:0px 0 0 0;
margin:0px 0 0px 15px;
border:0px red solid;
}
.comment div, .trackback div, .pingback div{
height:100%;
background:#E0E0B7;
border:2px #D7D5A4 solid;
padding:5px;
}
.trackback div, .pingback div{
border:1px #D7D5A4 dashed;
}
.comment div div,.trackback div div, .pingback div div{
background:none;
padding:0;
border:0px;
}
.comment .says, .trackback .says, .pingback .says{
display:none;
}
.comment .avatar{
position:relative;
float: left;
margin: 0px 5px 0px 0px;
padding: 0px;
}
.comment .fn,.comment .fn a,.trackback .fn,.trackback .fn a,.pingback .fn,.pingback .fn a{
margin-left:0px;
color:#000000;
text-decoration:none;
font-size: 11px;
}
.byuser .fn a{
font-weight:normal;
text-decoration:underline;
}
.bypostauthor .fn a{
font-weight:bold;
text-decoration:underline;
}
.comment .comment-meta,.trackback .comment-meta, .pingback .comment-meta{
border-bottom: 1px dashed #B1A074;
margin:0 0 10px 0px;
padding:6px 0 6px 0;
font-size:10px;
}
.trackback .comment-meta{
padding:2px 0 2px 0;
}
.comment .comment-meta a, .trackback .comment-meta a, .pingback .comment-meta a {
color:#000000;
text-decoration:none;
}
.comment .reply{
margin:5px 0 0px 0;
padding:2px;
font-size:10px;
text-align:right;
}
.comment .reply a{
color:#000000;
text-decoration:none;
}
.trackback .reply, .pingback .reply{
display:none;
}
/**comment paging WP2.7**/
.commentnavi{
position:relative;
padding-right:20px;
}
.commentpages{
float:right;
padding:5px 10px;
}
.page-numbers{
padding-left:5px;
}
.current{
font-weight:bold;
}
/*** comment form ***/
#respond {
clear:both;
padding:5px 15px 5px 5px;
margin:10px 0px 0px 20px;
font-size:11px;
}
.cancel-comment-reply{
}
#commentform {
margin:0;
padding:10px 0 0 0;
}
#email, #author, #url {
color: #000000;
font-size: 11px;
padding-left: 2px;
vertical-align: middle;
border: 1px solid #B1A074;
font-family: Verdana, Arial, Helvetica, Sans-Serif;
}
#comment {
width: 98%;
color: #000000;
font-size: 11px;
font-family: Verdana, Arial, Helvetica, Sans-Serif;
border: 1px solid #B1A074;
padding: 2px 2px 2px 2px;
}
#submit {
height: 20px;
color: #000000;
font-size: 11px;
background: #ffffff;
margin: 0px 0px 0px 0px;
padding: 0px 10px 2px 10px;
border: 1px solid #B1A074;
font-family: Verdana, Arial, Helvetica, Sans-Serif;
}
/***** sidebar *****/
#sidebar {color:#666666;}
#sidebar a{color:#000000;}
#sidebar a:hover {color:#ED1B23;}
#sidebar h2 {
color: #ffffff;
height:30px;
font-size: 13px;
font-weight: bold;
letter-spacing: 0px;
font-variant: normal;
margin: 0px 0px 0px 0px;
padding: 15px 10px 0px 10px;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhh0BWY-yDfXeAZIvbhc5O2RKx56sLWHxhIGClmOJuGvC9J_FTPyCX55VcBs0JRy6v744CeX3JOH6Tk3Ye2tUBBtBbw8CJF0TRSnh5IwoUy_Ek4S5z5H5AX5YvUhFHnwuVGkVamALxahfOI/s1600/bg_sb1_g.gif') no-repeat right;
}
#sidebar select{
margin:5px 0px 0px 3px;
font-size:11px;
width:170px;
}
#sidebar ul {
list-style-type: none;
margin: 0px 0px 24px 0px;
padding: 0px 0px 20px 0px;
background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtdNmqN3w7_xYJmrU8KLMtYqrbRBiwpyCVJSu9z-E9BW54s7RcyomTPPbE0GT7DQ7fZAUBo9HrMrR-67__koub16Sh473Qs6B_A1ZOkl4LnRhlEeFxyt-pLOvZbnCMn4fozzc5ZIjL_uMc/s1600/bg_sb2_g.gif') no-repeat bottom center;
}
#sidebar li {
padding-bottom:20px;
background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtdNmqN3w7_xYJmrU8KLMtYqrbRBiwpyCVJSu9z-E9BW54s7RcyomTPPbE0GT7DQ7fZAUBo9HrMrR-67__koub16Sh473Qs6B_A1ZOkl4LnRhlEeFxyt-pLOvZbnCMn4fozzc5ZIjL_uMc/s1600/bg_sb2_g.gif') no-repeat bottom center;
}
#sidebar ul li{
line-height: 1.7em;
list-style-type: none;
font-size:11px;
border:0px red solid;
font-family:Verdana,Arial;
margin: 0px 0px 0px 0px;
padding:2px 2px 0px 20px; /*padding-bottom:0;*/
background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5mkeG83BSGMCVLScY2-gvfnROVyMRyk3UJz-M4_ncuQ4Hikl6HjldhZa39tR2R8zMyCGkw6Uo8ZBJWc6J2l8hnH4D3E-YqfEhSL31HHd04tbGzGUxHHoXBU_HO3k8xtNFWN0q0pgo4_kU/s1600/bg_sb_pin1.gif') no-repeat 0px 3px;
}
#sidebar ul ul li{
line-height: 1.7em;
list-style-type: none;
font-size:11px;
border:0px red solid;
font-family:Verdana,Arial;
margin: 0px 0px 0px 0px;
padding:2px 2px 0 20px; /*padding-bottom:0;*/
}
#sidebar ul ul ul li {
list-style-type: none;
font-size:11px;
border:0px;
margin: 0px 0px 0px -5px;
line-height: 1.7em;
font-family:Verdana,Arial;
padding: 0px 0px 0px 20px;
}
#ArchiveList ul {
list-style-type: none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 20px 0px;
background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtdNmqN3w7_xYJmrU8KLMtYqrbRBiwpyCVJSu9z-E9BW54s7RcyomTPPbE0GT7DQ7fZAUBo9HrMrR-67__koub16Sh473Qs6B_A1ZOkl4LnRhlEeFxyt-pLOvZbnCMn4fozzc5ZIjL_uMc/s1600/bg_sb2_g.gif') no-repeat bottom center;
}
#ArchiveList ul li {
line-height: 1.7em;
list-style-type: none;
font-size:11px;
border:0px red solid;
font-family:Verdana,Arial;
margin: 0px 0px 0px 0px;
padding:2px 2px 0px 20px; /*padding-bottom:0;*/
background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5mkeG83BSGMCVLScY2-gvfnROVyMRyk3UJz-M4_ncuQ4Hikl6HjldhZa39tR2R8zMyCGkw6Uo8ZBJWc6J2l8hnH4D3E-YqfEhSL31HHd04tbGzGUxHHoXBU_HO3k8xtNFWN0q0pgo4_kU/s1600/bg_sb_pin1.gif') no-repeat 0px 3px;
}
#sidebar h1 a.rsswidget{
margin-left:0px;
overflow:hidden;
text-decoration:none;
}
#flickrrss{
height:81px;
margin:0 50px 0 100px;
padding:0 0 20px 0;
border:0px red solid;
}
#flickrrss img{
background:white;
border:1px black solid;
padding:2px;
margin:0 2px;
width:75px;
height:75px;
}
#blog-pager-newer-link{padding-left:20px;float:left}
#blog-pager-older-link{padding-right:20px;float:right}
#blog-pager{text-align:center}
]]></b:skin>
<script language='javascript'>
function doClear(theText) {
if (theText.value == theText.defaultValue) {
theText.value = ''
}
}
</script>
</head>
<body>
<!-- Base_top -->
<div id='base_top'>
<!-- Base_bottom -->
<div id='base_bottom'>
<!-- Base -->
<div id='base'>
<!-- Header -->
<div id='header'>
<!-- Title -->
<b:section class='header1' id='header1' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Water Color (Header)' type='Header'>
<b:includable id='title'>
<div id='blogtitle'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<data:title/>
<b:else/>
<a expr:href='data:blog.homepageUrl'><data:title/></a>
</b:if>
</div>
</b:includable>
<b:includable id='description'>
<div id='subtitle'>
<data:description/>
</div>
</b:includable>
<b:includable id='main'>
<b:if cond='data:useImage'>
<b:if cond='data:imagePlacement == "REPLACE"'>
<!--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 + "_headerimg"' 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='"background-image: url(\"" + data:sourceUrl + "\"); " + "background-position: " + data:backgroundPositionStyleStr + "; " + data:widthStyleStr + "min-height: " + data:height + "px;" + "_height: " + data:height + "px;" + "background-repeat: no-repeat; "' id='header-inner'>
<div class='titlewrapper' style='background: transparent'>
<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>
</div>
<b:include name='description'/>
</div>
</b:if>
<b:else/>
<!--No header image -->
<b:include name='title'/>
<b:include name='description'/>
</b:if>
</b:includable>
</b:widget>
</b:section>
<!-- /Title -->
<!-- Menu -->
<b:section class='menu' id='menu' preferred='yes' showaddelement='no'>
<b:widget id='LinkList1' locked='true' title='Menu' type='LinkList'>
<b:includable id='main'>
<div class='widget-content'>
<ul>
<b:loop values='data:links' var='link'>
<li><a expr:href='data:link.target'><data:link.name/></a></li>
</b:loop>
</ul>
</div>
</b:includable>
</b:widget>
</b:section>
<!-- /Menu -->
<!-- Main Search -->
<div id='mainsearch'>
<form action='http://demo.templatelite.com/' id='mainsearchform' method='get'>
<input class='input' id='s' name='s' onfocus='doClear(this)' type='text' value='Keyword'/>
<input class='submit' type='submit' value=''/>
</form>
</div>
<!-- /Main Search -->
<a href='/feeds/posts/default' title='RSS Feed'><img alt='Subscribe RSS' class='rss' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcbXPHZdt7QFD1dDs0odZXjfd_WK5qLif9XmifPlqe-2GbVBty7-7OeFOY_eNoTIB7sIpUCwUxVkMiPcY582Uz9cXJR6HvBC3jh1SM0k6NvnFvRLoUHB-hWt1V5r1a50XhMcYD6oN5_h63/s1600/spacer.gif'/></a>
</div>
<!-- /Header -->
<!-- Container -->
<div id='container'>
<!-- Content -->
<div id='content'>
<div class='spacer'/>
<!-- Content -->
<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 + "_blog-pager-newer-link"' 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 + "_blog-pager-older-link"' 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>
</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'> </span>
<a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>
<b:include data='backlink' name='backlinkDeleteIcon'/>
</dt>
<dd class='comment-body collapseable'>
<data:backlink.snippet/>
</dd>
<dd class='comment-footer collapseable'>
<span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span>
<span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span>
</dd>
</div>
</b:loop>
</dl>
</b:if>
<p class='comment-footer'>
<a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + "_backlinks-create-link"' target='_blank'><data:post.createLinkLabel/></a>
</p>
</b:includable>
<b:includable id='post' var='post'>
<!-- Post -->
<div class='post' id='post'>
<div class='date'>
<script type='text/javascript'>
var timestamp = "<data:post.timestamp/>";
if (timestamp != '') {
var timesplit = timestamp.split(",");
var date_yyyy = timesplit[2];
var timesplit = timesplit[1].split(" ");
var date_dd = timesplit[2];
var date_mmm = timesplit[1].substring(0, 3);
}
</script>
<div class='date_m'><script type='text/javascript'>document.write(date_mmm);</script></div>
<div class='date_d'><script type='text/javascript'>document.write(date_dd);</script></div>
</div>
<div class='title'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.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>
</b:if>
</div>
<div class='author'>
<b:if cond='data:top.showAuthor'>
<span class='fn'><data:post.author/></span>
</b:if>
</div>
<div class='entry'>
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
<div class='clear'/>
<div class='info'>
<span class='category'>
<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 != "true"'>,</b:if>
</b:loop>
</b:if>
</span>
<span class='bubble'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
</b:if>
</b:if>
</span>
<!-- backlinks -->
<span class='post-backlinks post-comment-link'>
<b:if cond='data:blog.pageType != "item"'> |
<b:if cond='data:post.showBacklinks'>
<a class='comment-link' expr:href='data:post.url + "#links"'><data:top.backlinkLabel/></a>
</b:if>
</b:if>
</span>
<!-- email post links -->
<span class='post-icons'>
<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>
<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> </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>
</div>
<div class='edit'/>
</div>
<!-- /Post -->
</b:includable>
<b:includable id='commentDeleteIcon' var='comment'>
<span expr:class='"item-control " + data:comment.adminClass'>
<a expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
<img src='http://www.blogger.com/img/icon_delete13.gif'/>
</a>
</span>
</b:includable>
<b:includable id='feedLinks'>
<b:if cond='data:blog.pageType != "item"'> <!-- Blog feed links -->
<b:if cond='data:feedLinks'>
</b:if>
<b:else/> <!--Post feed links -->
<div class='post-feeds'>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.allowComments'>
<b:if cond='data:post.feedLinks'>
<b:include data='post.feedLinks' name='feedLinksBody'/>
</b:if>
</b:if>
</b:loop>
</div>
</b:if>
</b:includable>
<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div class='status-msg-wrap'>
<div class='status-msg-body'>
<data:navMessage/>
</div>
<div class='status-msg-border'>
<div class='status-msg-bg'>
<div class='status-msg-hidden'><data:navMessage/></div>
</div>
</div>
</div>
</b:if>
</b:includable>
<b:includable id='comment-form' var='post'>
<div class='comment-form'>
<a name='comment-form'/>
<h4 id='comment-post-message'><data:postCommentMsg/></h4>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize' frameborder='0' height='275' id='comment-editor' scrolling='no' src='' width='100%'/>
<data:post.iframeColorizer/>
</div>
</b:includable>
<b:includable id='backlinkDeleteIcon' var='backlink'>
<span expr:class='"item-control " + data:backlink.adminclass'>
<a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
<span class='delete-comment-icon'> </span>
</a>
</span>
</b:includable>
<b:includable id='feedLinksBody' var='links'>
<div class='feed-links'>
<data:feedLinksMsg/>
<b:loop values='data:links' var='f'>
<a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
</b:loop>
</div>
</b:includable>
<b:includable id='postQuickEdit' var='post'>
<b:if cond='data:post.editUrl'>
<span expr:class='"item-control " + data:post.adminclass'>
<a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
<img alt='edit post' class='icon-action' src='http://www.blogger.com/img/icon18_edit_allbkg.gif'/>
</a>
</span>
</b:if>
</b:includable>
<b:includable id='comments' var='post'>
<div class='comments' id='comment'>
<a name='comments'/>
<b:if cond='data:post.allowComments'>
<div id='comments'>
<b:if cond='data:post.numComments == 1'>
1 Response
<b:else/>
<data:post.numComments/> Responses
</b:if>
</div>
<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>
 
<data:post.commentRangeText/>
 
<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>
<ol class='commentlist'>
<b:loop values='data:post.comments' var='comment'>
<li class='trackback even thread-even depth-1' id='comment'>
<div id='div-comment'>
<div class='comment-author vcard'>
<cite class='fn'>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
</cite>
<span class='says'>Says:</span>
</div>
<div class='comment-meta'>
<b:if cond='data:post.commentPagingRequired'>
<a expr:href='data:comment.url' title='comment permalink'> <data.comment.timestamp/> </a>
<b:else/>
<a expr:href='data:blog.url + "#" + data:comment.anchorName' title='comment permalink'> <data:comment.timestamp/> </a>
</b:if>
</div>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
<b:include data='comment' name='commentDeleteIcon'/>
</div>
</li>
<br/>
</b:loop>
</ol>
<div id='postcomment'>
<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='comment-form'/>
<b:else/>
<b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
<data:postCommentMsg/>
</a>
</b:if>
</b:if>
</div>
</b:if>
<div id='backlinks-container'>
<div expr:id='data:widget.instanceId + "_backlinks-container"'>
<b:if cond='data:post.showBacklinks'>
<b:include data='post' name='backlinks'/>
</b:if>
</div>
</div>
</div>
</b:includable>
<b:includable id='main' var='top'>
<!-- posts -->
<div class='blog-posts hfeed'>
<b:include data='top' name='status-message'/>
<data:adStart/>
<b:loop values='data:posts' var='post'>
<b:include data='post' name='post'/>
<b:if cond='data:blog.pageType == "item"'>
<b:include data='post' name='comments'/>
</b:if>
<b:if cond='data:post.includeAd'>
<data:adEnd/>
<data:adCode/>
<data:adStart/>
</b:if>
</b:loop>
<data:adEnd/>
</div>
<!-- navigation -->
<b:include name='nextprev'/>
<!-- feed links -->
<b:include name='feedLinks'/>
<b:if cond='data:top.showStars'>
<script src='http://www.google.com/jsapi' type='text/javascript'/>
<script type='text/javascript'>
google.load("annotations", "1", {"locale": "<data:top.languageCode/>"});
function initialize() {
google.annotations.setApplicationId(<data:top.blogspotReviews/>);
google.annotations.createAll();
google.annotations.fetch();
}
google.setOnLoadCallback(initialize);
</script>
</b:if>
</b:includable>
</b:widget>
</b:section>
<!-- Navigation -->
<div class='pagination'>
<div class='alignleft'/>
<div class='alignright'/>
</div>
<!-- /Navigation -->
<div class='clear'/>
</div>
<!-- /Content -->
<!-- Sidebar -->
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='Label1' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'>
<data:label.name/>
</span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'>
<data:label.name/>
</a>
</b:if>
<span dir='ltr'>(<data:label.count/>)</span>
</li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
<b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<div id='ArchiveList'>
<div expr:id='data:widget.instanceId + "_ArchiveList"'>
<b:if cond='data:style == "HIERARCHY"'>
<b:include data='data' name='interval'/>
</b:if>
<b:if cond='data:style == "FLAT"'>
<b:include data='data' name='flat'/>
</b:if>
<b:if cond='data:style == "MENU"'>
<b:include data='data' name='menu'/>
</b:if>
</div>
</div>
<b:include name='quickedit'/>
</div>
</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='menu' var='data'>
<select expr:id='data:widget.instanceId + "_ArchiveMenu"'>
<option value=''><data:title/></option>
<b:loop values='data:data' var='i'>
<option expr:value='data:i.url'><data:i.name/> (<data:i.post-count/>)</option>
</b:loop>
</select>
</b:includable>
<b:includable id='interval' var='intervalData'>
<b:loop values='data:intervalData' var='i'>
<ul>
<li expr:class='"archivedate " + data:i.expclass'>
<b:include data='i' name='toggle'/>
<a class='post-count-link' expr:href='data:i.url'><data:i.name/></a>
<span class='post-count' dir='ltr'>(<data:i.post-count/>)</span>
<b:if cond='data:i.data'>
<b:include data='i.data' name='interval'/>
</b:if>
<b:if cond='data:i.posts'>
<b:include data='i.posts' name='posts'/>
</b:if>
</li>
</ul>
</b:loop>
</b:includable>
<b:includable id='toggle' var='interval'>
<b:if cond='data:interval.toggleId'>
<b:if cond='data:interval.expclass == "expanded"'>
<a class='toggle' expr:href='data:widget.actionUrl + "&action=toggle" + "&dir=close&toggle=" + data:interval.toggleId + "&toggleopen=" + data:toggleopen'>
<span class='zippy toggle-open'>▼ </span>
</a>
<b:else/>
<a class='toggle' expr:href='data:widget.actionUrl + "&action=toggle" + "&dir=open&toggle=" + data:interval.toggleId + "&toggleopen=" + data:toggleopen'>
<span class='zippy'>
<b:if cond='data:blog.languageDirection == "rtl"'>
◄
<b:else/>
►
</b:if>
</span>
</a>
</b:if>
</b:if>
</b:includable>
<b:includable id='posts' var='posts'>
<ul class='posts'>
<b:loop values='data:posts' var='i'>
<li><a expr:href='data:i.url'><data:i.title/></a></li>
</b:loop>
</ul>
</b:includable>
</b:widget>
<b:widget id='Profile1' locked='false' title='About Me' type='Profile'>
<b:includable id='main'>
<b:if cond='data:title != ""'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<b:if cond='data:team == "true"'> <!-- team blog profile -->
<ul>
<b:loop values='data:authors' var='i'>
<li><a expr:href='data:i.userUrl'><data:i.display-name/></a></li>
</b:loop>
</ul>
<b:else/> <!-- normal blog profile -->
<b:if cond='data:photo.url != ""'>
<a expr:href='data:userUrl'><img class='profile-img' expr:alt='data:photo.alt' expr:height='data:photo.height' expr:src='data:photo.url' expr:width='data:photo.width'/></a>
</b:if>
<dl class='profile-datablock'>
<dt class='profile-data'><data:displayname/></dt>
<b:if cond='data:showlocation == "true"'>
<dd class='profile-data'><data:location/></dd>
</b:if>
<b:if cond='data:aboutme != ""'><dd class='profile-textblock'><data:aboutme/></dd></b:if>
</dl>
<a class='profile-link' expr:href='data:userUrl'><data:viewProfileMsg/></a>
</b:if>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
</b:section>
<!-- /Sidebar -->
<div class='clear'/>
</div>
<!-- /Container -->
<!-- Water Color Blogger Template comes under a Creative Commons License.
This means it is free to use on your blog as long as the credit link in the footer is kept intact
FalconHive.com
-->
<!-- Footer -->
<div id='footer'>
<div id='flickrss'>
<b:section class='flickrrss' id='flickrrss' preferred='yes'>
<b:widget id='HTML99' locked='true' title='Flickr' type='HTML'>
<b:includable id='main'>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>
</div>
© <a expr:href='data:blog.homepageUrl'><data:blog.title/></a>
<!-- credit -->
Designed by <a href='http://www.templatelite.com/'>Wordpress Templates</a>
<br/>Bloggerized by <a href='http://www.falconhive.com' target='_blank' title='Falcon Hive'>FalconHive</a> | Sponsored by <a href='http://www.bloggerstyles.com'>Blogger Styles</a>
</div>
<!-- /Footer -->
</div>
<!-- /Base -->
</div>
<!-- /Base_bottom -->
</div>
<!-- /Base_top -->
</body></html>
Langganan:
Postingan (Atom)
