Notepad

<?xml version="1.0" encoding="UTF-8" ?>
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
 <head>
 <b:include data='blog' name='all-head-content'/>
 <title><data:blog.pageTitle/></title>
 <b:skin><![CDATA[/*
 -----------------------------------------------
 Blogger Template Style
 Name: Notepad
 Author: Klodian
 URL: www.deluxetemplates.net
 Date: February 2010
 
 License: This free Blogger template is licensed under the Creative Commons Attribution 3.0 License, which permits both personal and commercial use.
 However, to satisfy the 'attribution' clause of the license, you are required to keep the footer links intact which provides due credit to its authors. For more specific details about the license, you may visit the URL below:
 http://creativecommons.org/licenses/by/3.0/
 ----------------------------------------------- */
 #navbar-iframe {
 display: none !important;
 }
 /* Variable definitions
 ====================
 <Variable name="bgcolor" description="Page Background Color"
 type="color" default="#fff" value="#ffffff">
 <Variable name="textcolor" description="Text Color"
 type="color" default="#333" value="#333333">
 <Variable name="linkcolor" description="Link Color"
 type="color" default="#58a" value="#5588aa">
 <Variable name="pagetitlecolor" description="Blog Title Color"
 type="color" default="#666" value="#666666">
 <Variable name="descriptioncolor" description="Blog Description Color"
 type="color" default="#999" value="#999999">
 <Variable name="titlecolor" description="Post Title Color"
 type="color" default="#c60" value="#cc6600">
 <Variable name="bordercolor" description="Border Color"
 type="color" default="#ccc" value="#cccccc">
 <Variable name="sidebarcolor" description="Sidebar Title Color"
 type="color" default="#999" value="#999999">
 <Variable name="sidebartextcolor" description="Sidebar Text Color"
 type="color" default="#666" value="#666666">
 <Variable name="visitedlinkcolor" description="Visited Link Color"
 type="color" default="#999" value="#999999">
 <Variable name="bodyfont" description="Text Font"
 type="font" default="normal normal 100% Georgia, Serif" value="normal normal 100% Georgia, Serif">
 <Variable name="headerfont" description="Sidebar Title Font"
 type="font"
 default="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif" value="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif">
 <Variable name="pagetitlefont" description="Blog Title Font"
 type="font"
 default="normal normal 200% Georgia, Serif" value="normal normal 200% Georgia, Serif">
 <Variable name="descriptionfont" description="Blog Description Font"
 type="font"
 default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif">
 <Variable name="postfooterfont" description="Post Footer Font"
 type="font"
 default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif">
 <Variable name="startSide" description="Side where text starts in blog language"
 type="automatic" default="left" value="left">
 <Variable name="endSide" description="Side where text ends in blog language"
 type="automatic" default="right" value="right">
 */
 
 /* Use this with templates/template-twocol.html */
 
 body {
 background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-i4kj7_kYzDzv74FsGKrx_YjjXIGLt4MfMZXz9qPzZbseG8nSZC7ZFqu239rG5zFOwu723YMrfivdcQtUAW2nbmpmgL5Jl8C5yHonaVU3EO9NM_Z2N0whepg8RABLtLV0n7oRzy3xmhqg/s1600/bg-stripe.png") repeat scroll 0 0 #F5F4F4;
 color:#333333;
 font:small arial,helvetica;
 margin:0;
 text-align:center;
 }
 a:link {
 color:#644527;
 text-decoration:none;
 }
 a:visited {
 color:#644527;
 text-decoration:none;
 }
 a:hover {
 color:#CC6600;
 text-decoration:underline;
 }
 a img {
 border-width:0;
 }
 #header-wrapper {
 background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinvScsNiX-9LRACSNeUizzzQQJN1Qi_9la2VxGfMmwgoshojEGgVEoChviD-X6vVUvzoBOkG31K5Nc-SDcdE_URLUdohHPB3zhoFEEF2Q7a9dgioQk36g5YmEdyydJy1CUTIjerkx1hPh-/s1600/header.png") no-repeat scroll center bottom transparent;
 height:249px;
 margin:0 auto;
 width:980px;
 }
 #header-inner {
 background-position:center center;
 margin-left:auto;
 margin-right:auto;
 }
 #header {
 color:#74685C;
 text-align:left;
 }
 #header h1 {
 font-family:helvetica,Serif;
 font-size:42px;
 font-weight:bold;
 letter-spacing:-2px;
 margin:0;
 padding:18px 20px 2px;
 text-shadow:0 1px 0 #FFFFFF;
 text-transform:none;
 }
 #header a {
 color:#666666;
 text-decoration:none;
 }
 #header a:hover {
 color:#666666;
 }
 #header .description {
 color:#7C7268;
 font-family:arial;
 font-size:14px;
 font-weight:bold;
 letter-spacing:0;
 margin:0;
 padding:0 0 0 25px;
 text-shadow:0 1px 0 #FFFFFF;
 text-transform:none;
 }
 #header img {
 margin-left:auto;
 margin-right:auto;
 }
 #outer-wrapper {
 font:100% arial,helvetica;
 margin:0 auto;
 text-align:left;
 width:980px;
 }
 #main-wrapper {
 float:left;
 margin-top:0;
 overflow:hidden;
 padding-left:109px;
 width:550px;
 word-wrap:break-word;
 }
 #sidebar-wrapper {
 float:right;
 margin-right:20px;
 overflow:hidden;
 width:277px;
 word-wrap:break-word;
 }
 h2 {
 background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUE1BvO49SAo_deDDKjE-W6AVeFxFG3W2AbcuwnCjb5CdT7Dm6P9p3qFDpg_ElGRJcVON18M2cEjeSF4nCjtiGoKeSzz0Ta4tZgwtpTNFhkSYhkuQz3Bo9dVE07oRnHNMiGSE_tRBiwWM/s1600/h2-bg.png") no-repeat scroll 0 0 #644527;
 color:#FFFFFF;
 font-family:arial;
 font-size:14px;
 letter-spacing:0;
 margin:0;
 padding:8px 8px 5px;
 text-transform:none;
 }
 h2.date-header {
 background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDWTwWizFAD34cSyx4ybDvJSsbu-A0OhwIK3JgaOXzAEwH5erJIF4groVkDTM-1T0PI8dwO-oSyA97YzjnE5IfrRTqO1H08F0Q9_wDMXsvgASG7SaQbdsa0Q5cfLz8H96F2eFwq76dnAQ/s1600/date.png") no-repeat scroll 0 0 transparent;
 color:#FFFFFF;
 float:left;
 font-family:trebuchet MS;
 font-size:12px;
 font-weight:bold;
 letter-spacing:-1px;
 margin:13px 0 0.5em -93px;
 padding:5px 7px;
 text-transform:uppercase;
 }
 .post {
 margin:0.5em 0 1.5em;
 padding-bottom:1.5em;
 }
 .post h3 {
 color:#644527;
 font-size:25px;
 font-weight:normal;
 line-height:1.4em;
 margin:0.25em 0 0;
 padding:0 0 4px;
 text-shadow:0 1px 4px #DFDFBB;
 }
 .post h3 a, .post h3 a:visited, .post h3 strong {
 color:#644527;
 display:block;
 font-weight:bold;
 text-decoration:none;
 }
 .post h3 strong, .post h3 a:hover {
 color:#333333;
 }
 .post-body {
 font-size:14px;
 line-height:1.6em;
 margin:0 0 0.75em;
 }
 .post-body blockquote {
 line-height:1.3em;
 }
 .post-footer {
 background:none repeat scroll 0 0 #F4F4C9;
 border-top:1px solid #B09473;
 color:#666666;
 font-family:arial;
 font-size:12px;
 font-weight:bold;
 letter-spacing:0;
 margin:0.75em 0;
 padding:5px 10px;
 text-transform:none;
 }
 .comment-link {
 background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgo3awczrawwJgHNkucZZITbG9DxdVMHX8a0UwYAToiE4eaCIpe-wH8ZWDR-euR3_91HWZZTOJhkiWqhyphenhyphenvQSh9ZyyOhyphenhyphenUG1fycyAiYNkp1ZzyMgcGMAv9OpNY-bGWz6ZK5ZpoKLuOxs0Pa3/s1600/postdata-icons.png") no-repeat scroll 0 -172px transparent;
 margin-left:0.6em;
 padding-left:19px;
 }
 .post img, table.tr-caption-container {
 border:1px solid #CCCCCC;
 padding:1px;
 }
 .tr-caption-container img {
 border:medium none;
 padding:0;
 }
 .post blockquote {
 font-family:georgia;
 font-style:italic;
 margin:1em 20px;
 }
 .post blockquote p {
 margin:0.75em 0;
 }
 #comments h4 {
 color:#666666;
 font-size:14px;
 font-weight:bold;
 letter-spacing:0;
 line-height:1.4em;
 margin:1em 0;
 text-transform:none;
 }
 #comments-block {
 line-height:1.6em;
 margin:1em 0 1.5em;
 }
 #comments-block .comment-author {
 -moz-background-inline-policy:continuous;
 background:none repeat scroll 0 0 #E8DEC4;
 border:1px solid #E8DEC4;
 font-size:15px;
 font-weight:normal;
 margin-right:20px;
 padding:5px;
 }
 #comments .blogger-comment-icon, .blogger-comment-icon {
 -moz-background-inline-policy:continuous;
 background:none repeat scroll 0 0 #E8DEC4;
 border-color:#E8DEC4;
 border-style:solid;
 border-width:2px 1px 1px;
 line-height:16px;
 padding:5px;
 }
 #comments-block .comment-body {
 border-left:1px solid #E8DEC4;
 border-right:1px solid #E8DEC4;
 margin-left:0;
 margin-right:20px;
 padding:7px;
 }
 #comments-block .comment-footer {
 border-bottom:1px solid #E8DEC4;
 border-left:1px solid #E8DEC4;
 border-right:1px solid #E8DEC4;
 font-size:11px;
 line-height:1.4em;
 margin:-0.25em 20px 2em 0;
 padding:5px;
 text-transform:none;
 }
 #comments-block .comment-body p {
 margin:0 0 0.75em;
 }
 .deleted-comment {
 color:gray;
 font-style:italic;
 }
 #blog-pager-newer-link {
 background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyS8NxwJKjduFlJWzOgIH-3VPISW8PDfQbBqxOalbflX1_Ms2zhe9AP2HxSNh_P27OGBEPEvNNdQp9mykDfwUj4T4rGWIeDObppANzevBAI724c5S-HpdOQCt16PuLIK2c1VPQPkbflcix/s1600/post-nav.png") no-repeat scroll right -383px transparent;
 float:left;
 font-size:14px;
 font-weight:bold;
 padding-bottom:5px;
 padding-right:31px;
 padding-top:5px;
 }
 #blog-pager-older-link {
 background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyS8NxwJKjduFlJWzOgIH-3VPISW8PDfQbBqxOalbflX1_Ms2zhe9AP2HxSNh_P27OGBEPEvNNdQp9mykDfwUj4T4rGWIeDObppANzevBAI724c5S-HpdOQCt16PuLIK2c1VPQPkbflcix/s1600/post-nav.png") no-repeat scroll 0 0 transparent;
 float:right;
 font-size:14px;
 font-weight:bold;
 padding-bottom:7px;
 padding-left:33px;
 padding-top:4px;
 }
 #blog-pager {
 text-align:center;
 }
 .feed-links {
 clear:both;
 line-height:2.5em;
 }
 .sidebar {
 color:#444444;
 font-size:14px;
 line-height:1.5em;
 }
 .sidebar ul {
 list-style:none outside none;
 margin:0;
 padding:0;
 }
 .sidebar li {
 background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhweR3A5jTte6qAPz94EFjaAXrOFSj1mfiInLKIefKquI_CIpErVQ-QBUBhV6PiVR_Xuel_jfDj4JDZhZOhgDRM3JC5xQkmcoe_26r14MpKp9d6Lb2dcfEoG1wC3ZHXGi5aHfyRm_6OBVVY/s1600/sidebar-list-arrow.png") no-repeat scroll 0 7px transparent;
 line-height:1.5em;
 margin:0;
 padding:0 0 0.25em 12px;
 }
 .sidebar .widget, .main .widget {
 margin:0 0 1.5em;
 }
 .main .Blog {
 border-bottom-width:0;
 }
 .profile-img {
 border:1px solid #CCCCCC;
 float:left;
 margin:0 5px 5px 0;
 padding:4px;
 }
 .profile-data {
 color:#999999;
 font:bold 78%/1.6em 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif;
 letter-spacing:0.1em;
 margin:0;
 text-transform:uppercase;
 }
 .profile-datablock {
 margin:0.5em 0;
 }
 .profile-textblock {
 line-height:1.6em;
 margin:0.5em 0;
 }
 .profile-link {
 font:78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif;
 letter-spacing:0.1em;
 text-transform:uppercase;
 }
 #footer {
 background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2wXvuHsrdguQLaPmQXrM2y3CIfxxIm8pEZJK9Ujq8oJnjT9rYAUFmr0EjYMnJEm6_RHartgvx69DwNrZLLRfiveYgWPYs8kfnCvik9L9WjpRvk3wOuK1rzmEcsFrc6gROxROirkRytZAf/s1600/footer.png") no-repeat scroll center top transparent;
 clear:both;
 color:#888888;
 font-size:0.9em;
 overflow:hidden;
 padding:95px 10px 20px;
 width:auto;
 }
 #footer .copyright {
 float:left;
 }
 #footer a {
 color:#666666;
 text-decoration:none;
 }
 #footer .credits {
 float:right;
 text-align:right;
 }
 p {
 margin:0 0 1em;
 }
 #content-wrapper {
 background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYUkvu97EVNsTZC10877UZMONaKT7Wez9Gn7CzIlZsT7S5r1UkdyJ8ZPiq1xxxO0IelmzARIJbQ7pqULosDym6RWqWwd8-MlQFNOmunboyxFpBxnxadDCYvCxlCqv19gbQo23rt0NAiPp7/s1600/wrapper.png") repeat scroll center 5px transparent;
 margin-bottom:-30px;
 }
 #content-top {
 }
 #nav {
 list-style:none outside none;
 margin:0;
 padding-bottom:0;
 padding-left:0;
 padding-right:0;
 }
 #nav li {
 background:none repeat scroll 0 0 transparent;
 float:left;
 margin:0 0 0 15px;
 padding:0 0 0 5px;
 position:relative;
 }
 #nav li a {
 color:#CBC3BB;
 display:block;
 font:bold 100%/100% Arial,Helvetica,sans-serif;
 padding:9px 12px 10px 8px;
 text-decoration:none;
 text-shadow:0 1px 1px #1F1206;
 }
 #nav li.current_page_item, #nav li.current_home, #nav li:hover {
 background:url("http://www.ndesign-studio.com/demo/wordpress/wp-content/themes/notepad/img/nav-bg.png") no-repeat scroll 0 0 transparent;
 }
 #nav li.current_page_item a, #nav li a:hover {
 background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiM6rH_Xf9Ihb8ZIfYwHigUXkmHUxH7aKGqmidIH4MY8llH5ms-Qr1CuCegk1Hh8tQOu-y6INVqw9SgTuZwxMiiGMElMeG8kMuAbj7j8gqtB_YEEeYmJrmGph7MosyrnOOhnZf7kQHQEQQj/s1600/nav-bg.png") no-repeat scroll right -85px transparent;
 color:#FFFFFF;
 }
 #nav li:hover a {
 background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiM6rH_Xf9Ihb8ZIfYwHigUXkmHUxH7aKGqmidIH4MY8llH5ms-Qr1CuCegk1Hh8tQOu-y6INVqw9SgTuZwxMiiGMElMeG8kMuAbj7j8gqtB_YEEeYmJrmGph7MosyrnOOhnZf7kQHQEQQj/s1600/nav-bg.png") no-repeat scroll right -85px transparent;
 }
 #nav li.current_home a {
 background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiM6rH_Xf9Ihb8ZIfYwHigUXkmHUxH7aKGqmidIH4MY8llH5ms-Qr1CuCegk1Hh8tQOu-y6INVqw9SgTuZwxMiiGMElMeG8kMuAbj7j8gqtB_YEEeYmJrmGph7MosyrnOOhnZf7kQHQEQQj/s1600/nav-bg.png") no-repeat scroll right -169px transparent;
 color:#FFFFFF;
 padding-right:20px;
 }
 #nav ul {
 -moz-border-radius:4px 4px 4px 4px;
 -moz-box-shadow:0 1px 4px #C5C5A2;
 background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzUY3k0RqqHaO9RkJYVQHtDD84A8LuRrnu2g76f0eKajZZl0N9xf3RGn5jqN3nbrQNE7kZlq5sNLhUCzhJ1TZ8_5vWQCoybQ65MR1mz4Lt8RDRBAoxCKsCoKXJ8T2Ok3DXSkw7XGgdJOBt/s1600/subnav-gradient.png") repeat-x scroll 0 0 #FBF4B5;
 border:1px solid #C5C5A2;
 left:-10px;
 padding:8px 0 10px;
 position:absolute;
 top:18px;
 }
 #nav ul li {
 background:none repeat scroll 0 0 transparent;
 margin:0;
 padding:0;
 }
 #nav ul li:hover, #nav ul li:hover a, #nav ul li.current_page_item {
 background:none repeat scroll 0 0 transparent;
 }
 #nav ul a {
 background:none repeat scroll 0 0 transparent !important;
 color:#755433;
 font-weight:normal;
 padding:7px 0 7px 15px;
 text-shadow:none;
 width:200px;
 }
 #nav li.current_page_item li a, #nav ul li.current_page_item a {
 background:none repeat scroll 0 0 transparent;
 color:#755433;
 }
 #nav ul a:hover, #nav li.current_page_item li a:hover, #nav ul li.current_page_item a:hover {
 background:none repeat scroll 0 0 transparent;
 color:#000000;
 }
 #searchform {
 background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGyS4UmW1pXEX7B49tYjwfasOxP9kb_HzZlPc8b1EvUX7OJjrI4QLc7koN5v0ykHxX2qZ1FKO3tj7VHB1s4r3rYNGmFh4QLKb4IlmpdjTCc0DhUjd5tObUceptVcWz_fNg9SyMTicJdITC/s1600/searchform.png") no-repeat scroll 0 0 transparent;
 bottom:57px;
 float:left;
 height:26px;
 margin-left:492px;
 margin-top:0;
 padding:5px 0 3px;
 right:25px;
 width:222px;
 }
 #searchform #s {
 background:none repeat scroll 0 0 #332518;
 border:medium none;
 color:#ADA8A3;
 float:left;
 font:italic 110% Georgia,"Times New Roman",Times,serif;
 margin-left:30px;
 padding:2px 5px;
 position:absolute;
 width:168px;
 }
 #searchform #s:focus {
 -moz-box-shadow:none;
 outline:medium none;
 }
 .socialmedia a {
 color:#666666;
 margin-right:20px;
 text-decoration:none;
 }
 .socialmedia a:hover {
 color:#CA6C18;
 }
 .socialmedia img {
 -moz-border-radius:5px 5px 5px 5px;
 -moz-box-shadow:0 2px 2px #CCCCCC;
 margin:0 8px 5px 0;
 vertical-align:middle;
 }
 .socialmedia p {
 }
 p {
 margin-bottom:20px;
 margin-left:20px;
 margin-top:15px;
 }
 .widget-content {
 border:1px solid #644527;
 padding:5px 8px;
 }
 #sidebar-top {
 height:3px;
 }
 .post-body a {
 text-decoration:underline;
 }
 ]]></b:skin>
 </head>
 
 <body>
 <div id='outer-wrapper'><div id='wrap2'>
 
 
 
 <a href='#main'>skip to main </a> |
 <a href='#sidebar'>skip to sidebar</a>
 
 
 <div id='header-wrapper'>
 <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
 <b:widget id='Header1' locked='true' title='Create Templates (Header)' type='Header'>
 <b:includable id='main'>
 
 <b:if cond='data:useImage'>
 <b:if cond='data:imagePlacement == "REPLACE"'>
 
 <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/>
 
 <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/>
 
 <div id='header-inner'>
 <div class='titlewrapper'>
 <h1 class='title'>
 <b:include name='title'/>
 </h1>
 </div>
 <b:include name='description'/>
 </div>
 </b:if>
 </b:includable>
 <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'>
 <data:description/>
 </div>
 </b:includable>
 </b:widget>
 </b:section>
 
 	<a href='http://twitter.com/deluxetemplates'><img alt='Twitter' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyb60JjuZYV0W3CxBiA8kejBRR_tI977JjPCSE7htDCID8yRo6QRyvvesceBnCn7O0MR9qVSjkNf8DVK_zaKA80cL0tnuS3TAPb4GHDLC8XbH5V25Cg_xd5xJNwYr-FMG3HSl6HSVEASxq/s1600/twitter.png'/>Twitter</a>
 	<a href='http://www.facebook.com/profile.php?id=#'><img alt='Facebook' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3VrvnxVNj0wODOAwbKCVUGJDI1K214CEFB-9H1RP1kD1ehJk7W5prnIzSdzbfVqW-p7oPJsqiAOknyJXKcoxPfD7uKBkJPK6ksX1xLv1LVU6YdcoXwwHUyiEapgRRMSmiMeVjxgdOGany/s1600/facebook.png'/>Facebook</a>
 
 	<a href='http://www.flickr.com/photos/#'><img alt='Flickr' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-60ckjCW6BYDQno_6RxYSxyc3OPs_2LhvtWr5J-hn-BwlB2UM4ad6kbZ9w4B-Sl-MlxSWshXGXeTgwN4zd1IX_swVp379KVzGapN1Ona-AaTx963QfYAwgLGaKVnzgQvHSjuyvZGFn3T9/s1600/flickr.png'/>Flickr</a>
 	<a expr:href='data:blog.homepageUrl + "feeds/posts/default"'><img alt='RSS' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzDQ3LzIq7ZcRVVHRhGsreI8as0MuSE753Eo89taZK-hANA3738d-Meus295WM18gVCKPW3HEgfkJOwSsqkyXgK2LsggF9di4bnePPVHTWXlfWADsICQRgsvvSp571owJet69eVkb2wLdL/s1600/rss.png'/>RSS</a>
 
 <ul id='nav'>
 		<li class='current_home'><a Title='Home' expr:href='data:blog.homepageUrl'>Home</a></li>
 		<li class='page_item page-item-2'><a href='#' title='About'>About</a>
 </li>
 <li class='page_item page-item-43'><a href='mailto:#' title='Contact'>Contact</a></li>
 
 	</ul>
 <form action='/search' id='searchform' method='get'>
 		<input id='s' name='q' type='text' value=''/>
 		<input id='searchsubmit' type='hidden'/>
 	</form>
 </div>
 
 
 <div id='content-wrapper'>
 
 <div id='crosscol-wrapper' style='text-align:center'>
 <b:section class='crosscol' id='crosscol'/>
 </div>
 
 <div id='main-wrapper'>
 <b:section class='main' id='main' showaddelement='no'>
 <b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'>
 <b:includable id='nextprev'>
 <div class='blog-pager' id='blog-pager'>
 <b:if cond='data:newerPageUrl'>
 
 <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>
 
 </b:if>
 
 <b:if cond='data:olderPageUrl'>
 
 <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>
 
 </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'>
  
 <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'>
 <data:post.authorLabel/> <data:backlink.author/>
 <data:post.timestampLabel/> <data:backlink.timestamp/>
 </dd>
 </div>
 </b:loop>
 </dl>
 </b:if>
 
 <a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + "_backlinks-create-link"' target='_blank'><data:post.createLinkLabel/></a>
 
 </b:includable>
 <b:includable id='post' var='post'>
 <div class='post hentry uncustomized-post-template'>
 <a expr:name='data:post.id'/>
 <b:if cond='data:post.title'>
 <h3 class='post-title entry-title'>
 <b:if cond='data:post.link'>
 <a expr:href='data:post.link'><data:post.title/></a>
 <b:else/>
 <b:if cond='data:post.url'>
 <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-body entry-content'>
 <data:post.body/>
 <div style='clear: both;'/> 
 </div>
 
 <b:if cond='data:post.hasJumpLink'>
 <div class='jump-link'>
 <a expr:href='data:post.url + "#more"' expr:title='data:post.title'><data:post.jumpText/></a> 
 </div>
 </b:if>
 
 <div class='post-footer'>
 <div class='post-footer-line post-footer-line-1'>
 
 <b:if cond='data:top.showAuthor'>
 <data:top.authorLabel/>
 <data:post.author/>
 </b:if>
 
 
 
 <b:if cond='data:top.showTimestamp'>
 <data:top.timestampLabel/>
 <b:if cond='data:post.url'>
 <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a>
 </b:if>
 </b:if>
 
 
 
 <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%'>
 
 <data:top.reactionsLabel/> </td>
 <td><iframe allowtransparency='true' class='reactions-iframe' expr:src='data:post.reactionsUrl' frameborder='0' name='reactions' scrolling='no'/></td>
 </tr></table>
 </b:if>
 
 
 
 <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>
 
 
 
 <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>
 
 
 
 
 <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>
 
 
 
 
 <b:if cond='data:post.emailPostUrl'>
 
 <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>
 
 </b:if>
 
 
 <b:include data='post' name='postQuickEdit'/>
 
 </div>
 
 <div class='post-footer-line post-footer-line-2'>
 
 <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>
 
 </div>
 
 <div class='post-footer-line post-footer-line-3'>
 
 <b:if cond='data:top.showLocation'>
 <b:if cond='data:post.location'>
 <data:postLocationLabel/>
 <a expr:href='data:post.location.mapsUrl' target='_blank'><data:post.location.name/></a>
 </b:if>
 </b:if>
 
 </div>
 </div>
 </div>
 </b:includable>
 <b:includable id='commentDeleteIcon' var='comment'>
 
 <a expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
 <img src='http://www.blogger.com/img/icon_delete13.gif'/>
 </a>
 
 </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"'> 
 <b:if cond='data:feedLinks'>
 <div class='blog-feeds'>
 <b:include data='feedLinks' name='feedLinksBody'/>
 </div>
 </b:if>
 
 <b:else/> 
 <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>
 <data:blogCommentMessage/>
 <data:blogTeamBlogMessage/>
 <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
 <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
 <data:post.friendConnectJs/>
 <data:post.cmtfpIframe/>
 <script type='text/javascript'>
 BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:post.communityId/>');
 </script>
 </div>
 </b:includable>
 <b:includable id='backlinkDeleteIcon' var='backlink'>
 
 <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
 <img src='http://www.blogger.com/img/icon_delete13.gif'/>
 </a>
 
 </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'>
 
 <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
 <img alt='' class='icon-action' height='18' src='http://www.blogger.com/img/icon18_edit_allbkg.gif' width='18'/>
 </a>
 
 </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>
 
 <b:if cond='data:post.commentPagingRequired'>
 
 <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>
 
 </b:if>
 
 <dl expr:class='data:post.avatarIndentClass' id='comments-block'>
 <b:loop values='data:post.comments' var='comment'>
 <dt expr:class='"comment-author " + data:comment.authorClass' expr:id='data:comment.anchorName'>
 <b:if cond='data:comment.favicon'>
 <img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
 </b:if>
 <a expr:name='data:comment.anchorName'/>
 <b:if cond='data:blog.enabledCommentProfileImages'>
 <data:comment.authorAvatarImage/>
 </b:if>
 <b:if cond='data:comment.authorUrl'>
 <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
 <b:else/>
 <data:comment.author/>
 </b:if>
 <data:commentPostedByMsg/>
 </dt>
 <dd class='comment-body'>
 <b:if cond='data:comment.isDeleted'>
 <data:comment.body/>
 <b:else/>
 <data:comment.body/>
 </b:if>
 </dd>
 <dd class='comment-footer'>
 
 <a expr:href='data:comment.url' title='comment permalink'>
 <data:comment.timestamp/>
 </a>
 <b:include data='comment' name='commentDeleteIcon'/>
 
 </dd>
 </b:loop>
 </dl>
 
 <b:if cond='data:post.commentPagingRequired'>
 
 <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>
 
 </b:if>
 
 
 <b:if cond='data:post.embedCommentForm'>
 <b:if cond='data:post.allowNewComments'>
 <b:include data='post' name='comment-form'/>
 <b:else/>
 <data:post.noNewCommentsText/>
 </b:if>
 <b:else/>
 <b:if cond='data:post.allowComments'>
 <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
 </b:if>
 </b:if>
 
 
 </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'>
 
 <div class='blog-posts hfeed'>
 
 <b:include data='top' name='status-message'/>
 
 <data:defaultAdStart/>
 <b:loop values='data:posts' var='post'>
 <b:if cond='data:post.dateHeader'>
 <h2 class='date-header'><data:post.dateHeader/></h2>
 </b:if>
 <b:include data='post' name='post'/>
 <b:if cond='data:blog.pageType == "static_page"'>
 <b:include data='post' name='comments'/>
 </b:if>
 <b:if cond='data:blog.pageType == "item"'>
 <b:include data='post' name='comments'/>
 </b:if>
 <b:if cond='data:post.includeAd'>
 <b:if cond='data:post.isFirstPost'>
 <data:defaultAdEnd/>
 <b:else/>
 <data:adEnd/>
 </b:if>
 <div class='inline-ad'>
 <data:adCode/>
 </div>
 <data:adStart/>
 </b:if>
 <b:if cond='data:post.trackLatency'>
 <data:post.latencyJs/>
 </b:if>
 </b:loop>
 <data:adEnd/>
 </div>
 
 
 <b:include name='nextprev'/>
 
 
 <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>
 </div>
 
 <div id='sidebar-wrapper'>
 <div id='sidebar-top'/>
 <b:section class='sidebar' id='sidebar' preferred='yes'>
 <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>
 (<data:i.post-count/>)
 <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' href='javascript:void(0)'>
 ▼ 
 </a>
 <b:else/>
 <a class='toggle' href='javascript:void(0)'>
 
 <b:if cond='data:blog.languageDirection == "rtl"'>
 ◄ 
 <b:else/>
 ► 
 </b:if>
 
 </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='Label1' locked='false' title='Categories' type='Label'>
 <b:includable id='main'>
 <b:if cond='data:title'>
 <h2><data:title/></h2>
 </b:if>
 <div expr:class='"widget-content " + data:display + "-label-widget-content"'>
 <b:if cond='data:display == "list"'>
 <ul>
 <b:loop values='data:labels' var='label'>
 <li>
 <b:if cond='data:blog.url == data:label.url'>
 <data:label.name/>
 <b:else/>
 <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
 </b:if>
 <b:if cond='data:showFreqNumbers'>
 (<data:label.count/>)
 </b:if>
 </li>
 </b:loop>
 </ul>
 <b:else/>
 <b:loop values='data:labels' var='label'>
 
 <b:if cond='data:blog.url == data:label.url'>
 <data:label.name/>
 <b:else/>
 <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
 </b:if>
 <b:if cond='data:showFreqNumbers'>
 (<data:label.count/>)
 </b:if>
 
 </b:loop>
 </b:if>
 <b:include name='quickedit'/>
 </div>
 </b:includable>
 </b:widget>
 </b:section>
 </div>
 
 
 <div class='clear'> </div>
 
 </div> 
 <div id='footer'>
 
 	 2010 <a expr:href='data:blog.homepageUrl'><data:blog.title/></a> 
 Powered by <a href='http://blogger.com'>Blogger</a>
 	<a href='http://www.deluxetemplates.net/'>Blogger Templates</a> created by <a href='http://www.deluxetemplates.net/' rel='follow'>Deluxe Templates</a> 
 Wordpress Theme designed by <a href='http://www.ndesign-studio.com'>N.Design</a></div>
 
 
 </div></div> 
 </body>
 </html>

Ntah La Labu~

Sunday, February 21, 2010

0 Notepad

0 comments:

Post a Comment

Blog Archive