ZENKO Blogger sablon

<?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'/>
    <!-- seo title -->
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.title/></title>
<meta content='Blog description' name='Description'/>
<meta content='kewords, separated, by, commas ' name='Keywords'/>
<b:else/>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<title><data:blog.title/></title>
<meta content='Blog description the same as above' name='Description'/>
<meta content='keywords, the, same, as, above ' name='Keywords'/>
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'><title><data:blog.pageName/> |  <data:blog.title/></title>
<meta expr:content='data:blog.pageName' name='Description'/>
<meta expr:content='data:blog.pageName + data:blog.title +data:blog.pageTitle' name='Keywords'/>
<b:else/><title><data:blog.pageTitle/></title></b:if>
</b:if>
</b:if>
<!-- /seo title -->
    <b:skin><![CDATA[/*
Theme Name:   Zenko Magazine
URI:          http://uongjowo.blogspot.com
Author:       Uong Jowo
*/

.navbar {
visibility:hidden;
display: none;
}

/*********************************************************************************************

Theme Name: Zenko Magazine
Theme URI: http://www.wpzoom.com/themes/zenko/
Version: 1.5
Author: WPZOOM
Author URI: http://uongjowo.blogspot.com

**********************************************************************************************

WARNING! DO NOT EDIT THIS FILE!

To make it easy to update your theme, you should not edit the styles in this file. Instead use
the custom.css file to add your styles. You can copy a style from this file and paste it in
custom.css and it will override the style in this file.

**********************************************************************************************


0.  CSS Reset  -------------------------  All Theme Files
1.  Toolbox CSS  -----------------------  All Theme Files
2.  Page Structure  --------------------  All Theme Files
3.  Header  ----------------------------  header.php
4.  Main Navigation  -------------------  header.php
5.  Featured Section  -------------------  featured.php
6.  Homepage Articles ------------------  index.php
7.  Single Articles & Pages ------------  single.php, page.php
8.  Comments  --------------------------  comments.php
9.  Sidebar & Widgets ------------------  sidebar.php
10. Forms  -----------------------------  searchform.php
11. Footer  ----------------------------  footer.php

**********************************************************************************************/



/*********************************************************************************************

0. CSS Reset  -------------------------  All Theme Files

*********************************************************************************************/

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
margin: 0;
padding: 0;
}

table {
border-collapse: collapse;
border-spacing: 0;
}

fieldset, img {border: 0;}

address, caption, cite, code, dfn, em, strong, th, var {
font-style: normal;
font-weight: normal;
}

ol, ul {list-style: none;}
caption, th {text-align: left;}

h1, h2, h3, h4, h5, h6 {
font-size: 100%;
font-weight: normal;
}

q:before, q:after {content: '';}
abbr, acronym {border: 0;}


/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight: bold }
em { font-style: italic }
a img { border:none } /* Gets rid of IE's blue borders */

table { -x-system-font: none; font-family: inherit; font-size: inherit; font-size-adjust: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; width: 100%; }
th {  background: #BBCCDD; color:#333; }
th, td { line-height: 20px; padding: 4px; }
tr:nth-child(2n) {  background: rgba(0, 0, 0, 0.1) none repeat scroll 0 0; }
tr:nth-child(2n+1) {  }


ul { list-style:none; }

p { font:1.0em/1.3em; }

a img { border:none; }

.floatleft { float:left; }

.floatright { float:right; }

.clear { clear:both; }

.transpBlack { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgj0Lw6nTAakHmpDumgl6K6AFahyphenhyphenLssvLtGypfHB9gM-ZlTwFP0bLAqznQkKngZ0SKLpJZiBfkr-WVo2drxs2mrpB-_Sm4FFpczVyR5HR5eiYH5jb3kjUR3jnIOdCY-jodIMO5isYmtMms/s1600/blacky.png); }

h2.tromol {
font-size: 17px;
font-weight: 400;
font-family: Georgia;
color: #181818;
font-style: italic; }

h2.tromol a{
font-size: 17px;
font-weight: 400;
font-family: Georgia;
color: #181818;
font-style: italic; }
h2.tromol a:hover{
text-decoration:underline;
}
h2.trobol {
font-size: 27px;
font-weight: 400;
font-family: Georgia;
color: #181818;
font-style: italic; }
h2.trobol a{
font-size: 22px;
font-weight: 400;
font-family: Georgia;
color: #181818;
font-style: italic; }
h2.trobol a:hover{
text-decoration:underline;
}


h2.topi {
font-size: 14px;

font-family: Georgia;
color: #181818;
font-style: none; }

h2.topi a{
font-size: 12px;

font-family: Georgia;
color: #181818;
font-style: none; }
h2.topi a:hover{
text-decoration:underline;
}



/*********************************************************************************************

1. Toolbox CSS  -------------------------  All Theme Files

*********************************************************************************************/
#blog-pager-newer-link {
float: left;
text-transform: capitalize;
font: bold 14px arial;
color: #fff;
}
#blog-pager-older-link {
float: right;
text-transform: capitalize;
font: bold 14px arial;
color: #fff;
}
#blog-pager {
text-align: center;
text-transform: capitalize;
font: bold 12px arial;
padding: 10px 0;
}
.showpageArea {
font-family: verdana,arial,helvetica;
color: #000;
font-size: 11px;
margin: 10px;
}
.showpageArea a {
color: #000;
text-shadow: 0 1px 2px #fff;
font-weight: 700;
}
.blog-pager a, .showpageNum a, .showpageNum a:link, .showpageNum a:visited, .showpageNum a:active {
padding: 3px 8px;
margin: 0 2px;
text-decoration: none;
border: 1px solid #999;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
background: #ddd url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhEs88tJLBuzFQ8elfTVjr3foHh6eNEYzgMfLRn99Hg0wff1VG06LCMN336EbD2iNphduvDr6f2Uw687OQ-RKfT8eBGPUwv59sK4aVn6ue5d3LDSDTF_O3oIJvKr3WgEjrtRDrwOhamJQ/s1600/wp1.jpg) 0 -50px repeat-x;
color: #000;
}
.showpageNum a:hover {
border: 1px solid #888;
background: #ccc url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhEs88tJLBuzFQ8elfTVjr3foHh6eNEYzgMfLRn99Hg0wff1VG06LCMN336EbD2iNphduvDr6f2Uw687OQ-RKfT8eBGPUwv59sK4aVn6ue5d3LDSDTF_O3oIJvKr3WgEjrtRDrwOhamJQ/s1600/wp1.jpg) 0 -25px repeat-x;
}
.showpageOf {
margin: 0 8px 0 0;
color: #000;
}
.showpagePoint {
color: #fff;
text-shadow: 0 1px 2px #333;
padding: 3px 8px;
margin: 2px;
font-weight: 700;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border: 1px solid #999;
background: #666 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhEs88tJLBuzFQ8elfTVjr3foHh6eNEYzgMfLRn99Hg0wff1VG06LCMN336EbD2iNphduvDr6f2Uw687OQ-RKfT8eBGPUwv59sK4aVn6ue5d3LDSDTF_O3oIJvKr3WgEjrtRDrwOhamJQ/s1600/wp1.jpg) 0 0 repeat-x;
text-decoration: none
}



.showpageArea a {
text-decoration:underline;
}
.showpageNum a {
text-decoration:none;
border: 1px solid #ccc;
margin:0 3px;
padding:3px;
}
.showpageNum a:hover {
border: 1px solid #ccc;
background-color:#ccc;
}
.showpagePoint {
color:#333;
text-decoration:none;
border: 1px solid #ccc;
background: #ccc;
margin:0 3px;
padding:3px;
}
.showpageOf {
text-decoration:none;
padding:3px;
margin: 0 3px 0 0;
}
.showpage a {
text-decoration:none;
border: 1px solid #ccc;
padding:3px;
}
.showpage a:hover {
text-decoration:none;
}
.showpageNum a:link,.showpage a:link {
text-decoration:none;
color:#333;
}
a { text-decoration: none; color: #263B51; }
a:hover { text-decoration: underline; }
img.aligncenter, img.alignright, img.alignleft { border: 0px solid #DDD; }


.navigation {
color:#fff;
float:left;
  width:100%;
    }

   .navigation .alignleft a,   .navigation .alignright a {
width: 125px;
  text-align: center;
height: 20px; }


.navigation a, .post .navigation a {
color: #fff;
background:#34475b;
font-weight: bold;
margin: 7px 5px;
padding: 5px 6px;
cursor: pointer;
font-size: 10px;
text-transform: uppercase;
  text-shadow:0 -1px 0 rgba(0, 0, 0, 0.3);
-moz-border-radius:3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
border:none;
}

.navigation .alignleft { float: left; }

.navigation a:hover {
color: #fff;
text-decoration: none;
background:#243445; }

.navigation .alignright { float: right; }


.wp-pagenavi {
font-size: 10px;
  text-align: center;
  padding-top:12px;
  color:#fff;
  text-shadow:1px 1px 0 rgba(0, 0, 0, 0.3);
  text-transform:uppercase;
}

.wp-pagenavi .pages {
padding:5px 6px;
margin:0 6px;
color:#fff;
  background:#34475b;
border: 1px solid #DDD;
-moz-border-radius:3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}

.wp-pagenavi a:link, .wp-pagenavi a:visited{
padding:5px 6px;
color:#fff;
font-weight:bold;
  background:#34475b;

}

.wp-pagenavi .current {
padding:5px 6px;
color:#fff;
margin:0 5px;
background:#243445;
font-weight:bold;
border: 1px solid #DDD;
-moz-border-radius:3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}

.wp-pagenavi a:hover {
 color:#fff;
  background:#243445;
}


.wp-caption { border: 1px solid #ccc; text-align: center; background-color: #DCDCDC; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.wp-caption img { margin: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 14px; padding: 0 3px 5px; margin: 0; font-style: italic; text-align:center;}

#wp-calendar #prev a, #wp-calendar #next a { font-size: 9pt; }
#wp-calendar a { text-decoration: none; }
#wp-calendar caption { font-weight: bold; text-align: center; }
#wp-calendar th { font-style: normal; font-weight: normal; text-transform: capitalize; }
#wp-calendar { empty-cells: hide; width: 200px; }
#wp-calendar #next a { padding-right: 10px; text-align: right; }
#wp-calendar #prev a { padding-left: 10px; text-align: left; }
#wp-calendar a { display: block; background-color: #D3CFBE; }
#wp-calendar #today { background-color: #BDC6D5; }
#wp-calendar caption { text-align: center; width: 100%; }
#wp-calendar td { text-align: center; background-color: #EAE8DF; }
#wp-calendar .pad { background-color: #F5F4F1; }

 .aligncenter, div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
border: 5px solid #DDDDDD; }

.alignnone { border: 5px solid #DDDDDD; }

.alignleft {
float: left;
margin: 0 10px 0 0; }

.alignleft img {
float: left;
margin: 0 0px 0 0;
border: 0px solid #DDDDDD; }

.alignright {
float: right;
margin: 10px 0 0 20px; }

.alignright img {
float: right;
border: 5px solid #DDDDDD; }

.floatleft, #more_left { float: left; }



/*********************************************************************************************

2. Page Structure  -------------------------  All Theme Files

*********************************************************************************************/

body {
font-family: Arial, Helvetica, sans-serif;
background-color:#F1F1F1;
  border-top:13px solid #22384F;
color: #333;
font-size: 100%;
}


 #content-wrap {
width:980px;
margin:0 auto;
}

#content {
float:left;
width:980px;
margin:10px 0 15px 0;
}
 

/*********************************************************************************************

3. Header  -------------------------  header.php

*********************************************************************************************/

#header {
width:980px;
height:130px;
margin:0 auto; }

#logo {
float:left;
height:90px;
margin-top:30px; }


#ad468 {
float:right;
height:60px;
width:468px;
border:1px solid #ddd;
margin-top:30px; }

.fullwidth, #content .fullwidth {
width:980px;
}

/*********************************************************************************************

4. Main Navigation  -------------------------  header.php

*********************************************************************************************/
.titleName { /* Front page, category labels over blocks */
text-transform:uppercase;
color:#fff;
font-weight:400;
display:block;
font-size:16px;
margin-bottom:0px;
font-family:Georgia;
padding: 3px 0 0 10px;
}
.titleName a,.titleCatName a:hover {
text-transform:uppercase;
color:#fff;
font-weight:400;
font-size:16px;
font-family:Georgia;

}





.rss-links { float: right }

.rss-links a { background: url('images/rss.png') no-repeat left 9px; padding-left: 15px !important }

#menu {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhy0HbNtS8lrLXzKBNeH9iF8rMuYSU8Aj0OI0FJwdtJ_FP1ckI5Zav8XxG3CBlVM_2sthInCi3wwFCmHW8o5hJhw_0pu4POLwP8dReLWSUHVnkSnxhN2hGqSIyDMPFpYTJcdzyitceR8Q/s1600/menuz.png) repeat-x;
height: 33px;
margin: 0 auto; }

#menu-wrap {
width: 980px;
margin: 0 auto; }

.downarrowclass {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjacC_9xypeZ97Eaoj3Xoe3xFgHDDgqDyU4aTkf84jKOiFaEWB-k2v9KOLSlKBoBLJgdeFKmZWLBoEgXo1Mlw5h-Kyg1wRYmndKNvikCXkPdtSKRCNCji1T_oTeH9oPM98Dr8TR_jattg/s1600/downarrow.png) no-repeat center;
padding:6px 11px;
}

.dropdown li a:hover .downarrowclass, .dropdown li:hover .downarrowclass, .dropdown ul li.current_page_item a .downarrowclass, .dropdown ul li.current-cat a .downarrowclass{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjacC_9xypeZ97Eaoj3Xoe3xFgHDDgqDyU4aTkf84jKOiFaEWB-k2v9KOLSlKBoBLJgdeFKmZWLBoEgXo1Mlw5h-Kyg1wRYmndKNvikCXkPdtSKRCNCji1T_oTeH9oPM98Dr8TR_jattg/s1600/downarrow.png) no-repeat center;
}


.rightarrowclass {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5H0axtd5fZ4pIZENVMBkdROJqCYNdoI5N8F_SpQbW8e9XpjW9mDaxrPOnFSl_fT4dP2xrAkeChhAZbYq81Fc8GlRsr3bBkjRpQ3KRNp2L3zQ56OuseJ7Y0lNmNOtOduH6dJUP_UWmFg/s1600/righarrow.png) no-repeat center right;
padding:8px;
position:absolute;
right:10px;
}

#rss {
float: right;
margin-top: 8px;
color: #fff;
font-size: 11px;
height: 20px; }

#rss li {
display: inline;
padding: 0;
float: left;
height: 20px; }

#rss li a {
color: #fff;
font-size: 11px;
text-decoration: none;
padding: 0;
font-weight: bold;
line-height: 1.5; }

#rss li a:hover { text-decoration: underline; }

#rss li.rssimg {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiD0J58kPZjaetkyPJIOjSKUO0jaiWdRnLnVTyOU1Dm28rf1V3E-Quh62p-CFkuAayQkHP5pjE5QpqMPhpZ4dGKEyfp7Eu4ZBQ7wrwS15KRnEfhsRipyyBuaiHL8D64MMH9NiPfTxFdDqc/s1600/feed2.png) no-repeat left top;
padding-left: 19px; }

#rss li.emailimg {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIJXh2km_lW_SwzCnFRPpYxuUtwToLZvZZdu92ZhSk5cVf6FJrCFSfIi76h_10SUJMNT1_ZlFsa_8-LDGACgseu_NkYm0YNV8DmYItMF1Pm1JDhB-6-4_cMAd8CER1C4qn-G2ZhbJzot4/s1600/mail2.png) no-repeat left top;
padding-left: 21px;
margin-left: 10px; }

#rss img {
vertical-align: middle;
margin-right: 3px; }


/*********************************************************************************************

5. Featured Section  -------------------------  featured.php

*********************************************************************************************/

#featurespace {
float:left;
margin:0 0 10px 0;
width:980px;
}


#popular {
float:left;
width:270px;
margin:0 10px 0 0;
}

#subscribe p {
padding:0 10px 10px 10px;
font-size:12px;
line-height:18px;
}
h2.featuredTitle {
font:16px Georgia;
font-weight:bold;
display:block;
font-style:italic;
}
h2.featuredTitle a {
color:#eee;
display:block;
}
h2.featuredTitle a:hover {
text-decoration:underline;
}






#featured {
float:left;
width:420px;
background:#181818;
height:240px;
overflow:hidden;
position:relative; }


#featured-wrap {
float:left;
width:420px;
  }

#featured-wrap h3 {
    background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgj0Lw6nTAakHmpDumgl6K6AFahyphenhyphenLssvLtGypfHB9gM-ZlTwFP0bLAqznQkKngZ0SKLpJZiBfkr-WVo2drxs2mrpB-_Sm4FFpczVyR5HR5eiYH5jb3kjUR3jnIOdCY-jodIMO5isYmtMms/s1600/blacky.png) no-repeat top left;
height:33px;
font-family:Arial;
text-transform:uppercase;
font-size:10px;
color:#fff;
font-weight:400;
padding:7px 5px 0 10px;
}

.fimage {
float:left;
width:200px; }

#tabs ul {
text-transform:uppercase;
position:absolute;
left:200px; }

#tabs li { float:left; }

#tabs li a {
font-family:Arial;
font-size:10px;
color:#fff;
background:#333;
display:inline;
float:left;
height:20px;
width:72px;
text-align:center;
border-right:1px solid #181818;
padding:10px 0 0; }

#tabs li a.tabactive {
background:#181818;
display:block;
float:left;
text-decoration:none; }

.fcontent1, .fcontent2, .fcontent3 {
float:left;
width:200px;
color:#D1D1D0;
font-size:12px;
overflow:hidden;
padding:33px 10px 15px; }

.fcont {
float:left;
width:200px;
color:#D1D1D0;
font-size:12px;
overflow:hidden;
padding:38px 10px 15px;
height:240px; }

.fcont a {
color:#D1D1D0;
font-weight:700; }

.fcont h2 a {
font-family:Georgia;
color:#D1D1D0;
font-size:22px;
font-weight:400;
padding-bottom:3px; }

.fcont small {
font-style:italic;
line-height:20px;
margin-bottom:5px;
font-size:11px; }

.fimage {
float:left;
width:200px;
overflow:hidden;
}

#recent {
float:right;
width:270px; }

#recent li {
display:block;
float:left;
padding:4px 0 4px 0;
border-bottom:1px dotted #ccc;
clear:both;
width:100%;
line-height:normal;}

#recent li:hover {
background:#E9E8E8;
border-bottom:1px dotted #646464; }

#recent li img {
width:65px;
height:50px;
}


#recent small a {
font-size:10px;
font-family:Arial;
color:#737373;
text-transform:none; }

#recent small {
font-style:italic;
font-size:10px;
font-family:Arial;
color:#737373; }

#recent h3 {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgj0Lw6nTAakHmpDumgl6K6AFahyphenhyphenLssvLtGypfHB9gM-ZlTwFP0bLAqznQkKngZ0SKLpJZiBfkr-WVo2drxs2mrpB-_Sm4FFpczVyR5HR5eiYH5jb3kjUR3jnIOdCY-jodIMO5isYmtMms/s1600/blacky.png) no-repeat top left;
height:30px;
font-family:Arial;
text-transform:uppercase;
font-size:10px;
color:#fff;
font-weight:400;
padding:7px 5px 0 10px; }


/*********************************************************************************************

6. Homepage Articles -------------------------  index.php

*********************************************************************************************/

#middle {
width: 670px;
float: left;
margin: 0 10px 10px 0; }


/*bottomBox*/
.bottomBox{
width:670px;
border:0px solid #d7d6d6;
overflow:hidden;
padding:7px 0px 0px 0px;
margin-bottom:5px;
}
.bottomBox .left{
float:left;
}
.bottomBox .right{
float:right;
}
.bottomBox_wide{
width:240px;
}
.bottomBox_wide .thumb{
padding-bottom:5px;
}
.bottomBox_wide img{
display:block;
}
.bottomBox_narrow{
width:422px;
}



.bottomBox a.list{
color:#222;
display:block;
font-size:10px;
display:block;
padding:2px 0 2px 0px;
margin-left:1px;
background:url() no-repeat left 1px;
}
.bottomBox a:hover.list{
background:url() no-repeat left 1px;
text-decoration:underline;
color:#cd1713;
}



.blower {
font-size: 12px;
color: #444;
width: 670px;
float: left;
clear: both;
margin-bottom:7px; }

.blower h3 {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgj0Lw6nTAakHmpDumgl6K6AFahyphenhyphenLssvLtGypfHB9gM-ZlTwFP0bLAqznQkKngZ0SKLpJZiBfkr-WVo2drxs2mrpB-_Sm4FFpczVyR5HR5eiYH5jb3kjUR3jnIOdCY-jodIMO5isYmtMms/s1600/blacky.png) no-repeat top left;
height: 33px;
font-family: Georgia;
text-transform: uppercase;
font-size: 10px;
color: #fff;
font-weight: 400;
padding: 3px 0 0px 10px;
float: left;
width: 660px;
 }
.blower h3 a { color: #fff; }

h3.green { background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxTzYLcXrK-ajXjrwQ6lHN0sh551HwWTu4p4LT5k69Yo4GRmI_MyuliEQXYxG55Q5NBR2Ubd8fVJ7PjX76gkcMY4-jNiwY6RBMh61w0rnYpwSjKbY5QweEf6XUu-C4DBA5y2-5_VtgEes/s1600/greeno.png) no-repeat top left; }

h3.black { background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgj0Lw6nTAakHmpDumgl6K6AFahyphenhyphenLssvLtGypfHB9gM-ZlTwFP0bLAqznQkKngZ0SKLpJZiBfkr-WVo2drxs2mrpB-_Sm4FFpczVyR5HR5eiYH5jb3kjUR3jnIOdCY-jodIMO5isYmtMms/s1600/blacky.png) no-repeat top left; }

h3.blue { background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYrNPvo_6XpUM0kBC7K2eyPHlbut2_pZYzTPR92qMRwypPZpP1mSk6soALMUTQTOvwG5MQL7BOHXxcHJPn7DmN_CNdDOO7YClpRvrnyNLTxKFe0QABk2yVEOI6Tl-oJD4igVfGiWun_mE/s1600/bluess.png) no-repeat top left; }

h3.pink { background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiK_kiZJUfhLG4lIPRyuVb9xNkXzDRtaZBIv1GKJWUOdx4vdzroWXgaxrN8ZSQ8uxWPSTV01kyB6mAb1G4Yd3F3Zg5aizI4STXqZB5OTPrey_31iCRJLvZqUqFt7lSlUKtH327MoegH4tA/s1600/pinky.png) no-repeat top left; }

.firstn {
width: 240px;
margin-right: 5px;
float: left;
font-size: 12px;
line-height: 20px;
color: #444; }

.firstn h2 {
font-size: 17px;
font-weight: 400;
font-family: Georgia;
color: #181818;
font-style: italic; }

.firstn small {
font-style: italic;
line-height: 20px;
margin-bottom: 5px;
font-size: 10px;
color: #737373;
text-transform: uppercase; }

.firstn img {
float: left;
width: 235px;
padding: 0 5px 5px 0; }

.rightn a {
font-family: Georgia;
font-size: 16px;
line-height: normal; }

.rightnp a {
font-size: 16px;
line-height: normal; }

.rightn p a, .rightnp p a {
font-weight: 700;
font-size: 10px; }

.rightcontp a { font-weight: 700; }

.firstn p a { font-weight: 700; }

.bubble {
background: transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHj9m6JRhC9NiMj3TaQf3aqNFvEb_WPK0_Hfn3fNO0sewKN3LCb7fuLH6NIm8ZeEJAkm-gu7EpBvL_m19qaTbtmuKI_fWAhzUTYOIT8jbaIE0S-9mm20Jiap7ekgHxzqrY8GELomRBLMw/s1600/bbs.png) no-repeat;
color: #fff;
float: right;
height: 17px;
padding-top: 0px;
text-align: center;
width: 19px;
margin-top: 2px;
margin-left: 10px;
line-height: 1.3; }

.bubble a {
color: #fff;
font-size: 10px;
font-weight: 700;
font-family: Arial; }

#postsn { width: 670px; }

#posts {
width: 670px;
float: left;
margin-bottom:15px; }

#middlesb {
width: 160px;
float: left; }

.rightn {
width: 422px;
float: right;
font-size: 11px;
color: #444;
line-height: 18px;
margin: 0 0 5px 0; }

.homepost {
border-bottom: 1px solid #ccc;
font-size: 12px;
color: #444;
line-height: 20px;
margin-top: 10px;
float: left;
padding: 0 0 10px 0;
margin: 8px 0 0px 0;
clear: both;
width: 670px; }

#posts .homepost .rightcontp h3 {
background: none;
font-size: 16px;line-height:1.0em;
text-transform: none;
padding: 0; }

h3.recent {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYrNPvo_6XpUM0kBC7K2eyPHlbut2_pZYzTPR92qMRwypPZpP1mSk6soALMUTQTOvwG5MQL7BOHXxcHJPn7DmN_CNdDOO7YClpRvrnyNLTxKFe0QABk2yVEOI6Tl-oJD4igVfGiWun_mE/s1600/bluess.png) no-repeat top left;
height: 33px;
font-family: Arial;
text-transform: uppercase;
font-size: 10px;
color: #fff;
font-weight: 400;
padding: 7px 5px 0 10px; }

#posts .thumb { float: left; }

#posts .thumb img {
float: left;
margin: 0 10px 5px 0; }

.rightn img {
float: left;
width: 90px;
padding: 0 7px 7px 0; }

.rightnp img {
float: left;
width: 130px;
padding: 0 7px 7px 0; }

.rightn small a, .post-meta a {
font-size: 10px;
font-family: Arial;
color: #737373; }

.rightn small, .post-meta {
font-size: 10px;
font-family: Arial;
color: #737373;
text-transform: uppercase; }

.rightn li {
display: block;
padding: 0 0 10px;
border-bottom: 1px solid #ccc;
margin-bottom: 13px; }


/*********************************************************************************************

7. Single Articles & Pages -------------------------  single.php, page.php

*********************************************************************************************/

.gallery .gallery-item {
display: -moz-inline-stack;
display: inline-block;
vertical-align: top;
zoom: 1;
*display: inline;
margin:10px; }

.gallery { margin: auto; text-align:center; }


.gallery img { border: 2px solid #cfcfcf; }

.gallery-caption { margin-left: 0; }

.attachment { margin: 1em 0 }

.post {
float: left;
  font-size: 12px;
line-height: 1.7;
color: #444;
}

.postum {
float: right;
  font-size: 11px;
line-height: 1.5;
color: #444;
}

.thisline{border-bottom: 1px solid #ccc;padding:7px 0 0px 0;width:100%;margin-bottom:10px;}
.post a {
border-bottom: 0px solid #ccc;
color: #333;
line-height: 1.0em;
font-weight: 400; }

.post a:hover {
border: none;
text-decoration: underline; }
 .post img{ border: none; float: left;}
.post blockquote {
border-left: 3px solid #ccc;
color: #777;
font-family: Georgia,"Times New Roman",Times,serif;
font-size: 12px;
font-style: italic;
line-height: 1.5em;
padding-left: 10px;
clear: both;
margin: 5px 10px 5px 30px; }

.post hr {
height: 1px;
border-bottom: 1px solid #ccc;
border-top: none;
margin-bottom: 2px;
clear: both; }

.post h1 a {
font-family: Arial;
font-size: 27px;
font-weight: 700;
line-height: 1.1em;
color: #333;
border: none;
float: left;
clear: both;
margin: 5px 0; }

.post h2 { font-size: 25px; }

.post h3 { font-size: 24px; }

.post h4 { font-size: 21px; }

.post h5 { font-size: 18px; }

.post h6 { font-size: 16px; }

.post h2,h3,h4,h5,h6 {
color: #333;
padding-bottom: 12px;
font-weight: 700; }

.post li ol {
line-height: 10px;
padding-left: 10px; }

.post ol { list-style-type:decimal; }

.post p { margin-bottom:5px; }

.post ul li {
line-height: 10px;
list-style: square; }

.post .post-meta {
font-size: 10px;
text-transform: uppercase;
float: left;
clear: both; }

.post a img { border: none;}

.post ul li:hover { line-height: 10px; }

.post ul,.post ul,ol { padding: 5px 0 5px 20px; }

.tag-links {
background: url(images/tag.png) no-repeat left 2px;
padding-left: 20px;
  float: left;
clear: both;
color: #333; }

.nextpage {
background: url(images/page.png) no-repeat left 1px;
padding-left: 20px;
float: left;
clear: both;
font-weight: bold; }

#socialicons ul { list-style: none; }

#socialicons {
border-top: 2px solid #DAD9D9;
color: #4c4d50;
float: left;
background: #E4E4E4;
height: 30px;
margin: 10px 0 0;
padding: 0 0 3px;
width: 670px;
color: #4c4d50;
font-family: arial, "lucida console", sans-serif;
font-size: 10px;
font-weight: 700;
text-transform: uppercase; }

#socialicons img {
margin-right: 5px;
padding-bottom: 3px; }

#socialicons ul { padding: 3px 0 0 20px; }

#socialicons li {
border: none;
display: inline;
float: left;
padding-right: 10px; }

#socialicons  a {
border-bottom: none;
color: #4c4d50;
text-decoration: none; }

#socialicons  a:hover {
border-bottom: none;
color: #030a1f; }

#socialicons  img {
border: none;
vertical-align: middle; }


/*********************************************************************************************

8. Comments  -------------------------  comments.php

*********************************************************************************************/

.children { padding: 0 0 0 40px; margin-left: 35px; }
.comment-author-admin { background: url(images/author.jpg) no-repeat top right; }
.authorcomm { float: left; margin: 0; padding: 0; width: 70px; text-align: center; line-height: 12px; font-size: 13px; }
.authorcomm a { text-decoration: none; font-weight: bold; }
.avatar { padding: 0 15px 0 0; }
.reply a { padding: 2px 5px; margin-left: 55px; font-weight: normal; text-transform: uppercase; background: #333; width: 50px; font-size: 9px; text-align: center; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: none; color: #fff; }
.reply a:hover { background: #CA2B57; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
#respond { float: left; }
#navigation { width: 100%; height: 30px; float: left; }
.cancel-comment-reply a { padding: 2px 5px; margin-bottom: 5px; margin-left: 55px; font-weight: 700; text-transform: uppercase; background: #333; font-size: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: none; color: #fff; }
.cancel-comment-reply a:hover { background: #CA2B57; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.comment-meta  a { font-weight: normal; border-bottom: none; font-size: 9px; color: #5F5F5F; font-style: italic; }
.comment-meta { padding-bottom: 5px; border-bottom: 0px solid #ccc; margin-left: 55px; }
.fn { font-size: 12px; line-height: 15px; font-weight: bold; font-style: normal; }
.says { display: none; }
#comments li { width: 100%; padding: 10px 0 10px; display: block; float: left; }
#main .comment-body {position: relative;background:none;width:100%;padding: 0px;}
#main .normalComments li {margin: 10px;list-style: none;background:#fff url() left top repeat-x;border:1px solid #DDDDDD !important;
-moz-border-radius: 8px;
-khtml-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px; }
#main ol.normalComments li:hover {background:#fff;opacity:0.5;}
#main ol.normalComments {clear: left; padding: 1em 0; margin:0; }

#main ol.normalComments div.reply {position: absolute; top: 0; right: 0; }
#main ol.normalComments li {clear: left; list-style-type: none; margin: 0 0 1em; padding: 10px 15px 5px; font-size: 11px; line-height: 16px; min-height: 80px; }
#main ol.normalComments li ul.children {padding: 10px 0 0; }
#main ol.normalComments li ul.children li {clear: left; margin: 0 10px 10px 10px; }
#main ol.normalComments li p {margin-bottom: 0;}

#main ol.normalComments .avatar img{ width:40px;height:40px;float: left; display: inline; margin: 0 15px 20px 0;border:1px solid #ddd; }
#main ol.normalComments cite {font-size: 12px; line-height: 18px; font-weight: bold; font-style: normal; float: left; display: inline; margin-right: 10px;  }
#main ol.normalComments .commentmetadata {line-height: 18px; font-size: 11px; margin-bottom: 5px; }
#main ol.normalComments blockquote {font-size: 12px; line-height: 18px; }
#main ol.normalComments span.says {display: none; }
#commentform textarea { width: 76%; height: 130px; }
#submit,.submit,label { cursor: pointer; }
#commentform label { padding-left: 24px; font-weight: 900; }
#commentform label span,#comments .chead p.date { color: #999; }
.btn { display: block; width: 140px; height: 40px; margin-left: -20px; line-height: normal; text-align: center; color: #e1e1e1; font-size: 10px; text-transform: uppercase; font-weight: 700; background: transparent url('images/btns-a00.png') no-repeat left top; }
.btn:hover { text-decoration: none; background-position: left bottom; }
.btn:active { color: #888; }
input.btn { border: none; }
#commentform .btn { background-position: right top; }
#commentform .btn:hover { background-position: right bottom; }
#comments { float: left; margin-top: 20px; width: 640px; }
#respond { margin-top: 10px; float: left; }
#respond:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; }
#comments li h3 { margin-top: 15px; margin-left: 55px; font-size: 16px; }
.avatar { float: left; }
.comtext { font-size: 11px; float: left; padding-left: 8px; width: 590px; }
.comtext small { display: block; font-weight: 400; font-style: normal; border-bottom: 2px solid #ccc; }


/*********************************************************************************************

9. Sidebar & Widgets -------------------------  sidebar.php

*********************************************************************************************/
#sidebar {
float: left;
width: 300px; }

#sidebar .widget {
color: #333;
float: left;
clear: both;
width:300px;
float:left;
clear:both; }

#sidebar h3 a.rsswidget { color: #fff; }

#sidebar_left {
float: left;
width: 145px;
padding-right: 10px; }

#sidebar_right {
float: left;
width: 145px; }

#sidebar_left h3, #sidebar_right h3 { width: 135px; }

#sidebar #sidebar_left .widget, #sidebar #sidebar_right .widget {
width:140px;
}

.widget {
font-size: 11px;
color: #737373;
padding: 0 0 10px; }

.widget li {
list-style-type: square;
list-style-position: inside;
line-height: 20px; }

.widget h3 {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYrNPvo_6XpUM0kBC7K2eyPHlbut2_pZYzTPR92qMRwypPZpP1mSk6soALMUTQTOvwG5MQL7BOHXxcHJPn7DmN_CNdDOO7YClpRvrnyNLTxKFe0QABk2yVEOI6Tl-oJD4igVfGiWun_mE/s1600/bluess.png) no-repeat top left;
height: 33px;
font-family: Arial;
text-transform: uppercase;
font-size: 10px;
color: #fff;
font-weight: 400;
padding: 7px 5px 0 10px; }

.widget small { float: left; }

.widget img {
float: left;
padding: 0 5px 3px 0; }

.widget a {
font-weight: 700;
font-family: Tahoma; }

#tab-comments {
margin: 0px;
padding: 0px;
color: #525252; }

#tab-comments li {
overflow: hidden;
list-style: none;
line-height: 16px;
padding: 0 0 5px 0; }

.tab-comments-avatar { margin: 0px 3px 3px 0px; clear:both;}

ul.gallery img {
border: 2px solid #D3DDE5;
width: 65px;
height: 65px;
padding: 0; }

ul.gallery img:hover { border: 2px solid #0C2B41; }

ul.gallery {
display: block;
list-style-type: none;
float: left;
margin-bottom: 6px;
clear: both; }

ul.gallery li {
border: none;
float: left;
list-style-type: none;
margin: 3px;
list-style-position: outside; }

.widget_tag_cloud div { padding:0 10px; }
.widget_tag_cloud div a { font-family:Georgia; font-style:italic; font-weight:normal;}

/*********************************************************************************************

10. Forms  -------------------------   searchform.php

*********************************************************************************************/

#search {
color:#FFFFFF;
float:right;
font-size:10px;
height:28px;
padding:5px 10px 0 0;
width:145px;
}

#searchform {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgy6grb4LmpRgLHzDAuicF5BesMrCF2Y9w8R6OMSZwpfC6mjWMCqYteRneM6wtJK_YP1E10NkVd6b8rvbHZACa2njZrgqYb5t9bdHaxU351zP7TZWiWwllMXeGvwoobofhVnAI_5nw8dg/s1600/searching.png) no-repeat;
  height:29px;
}

#searchform label,#searchform .submit { display:none; }

#se {
background:none;
border:0;
height:15px;
width:110px;
margin:1px 16px 0 0;
padding:3px 15px 0 5px;
color:#656668;
font-size:11px;
}

#searchform input:focus { border:0; }

input, textarea, text {
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
border:solid 1px #ddd;
border-top-color:#ccc;
background:#fff url('images/bg-form.png') repeat-x left 1px;
padding:6px; }

textarea{
height:150px; }




/*********************************************************************************************

11. Footer  -------------------------  footer.php

*********************************************************************************************/

 #footer {
background:#1D1C1C url(images/bgf.jpg) repeat-x;
border-top:1px solid #fff;
padding-top:3px;
  clear:both; }

#fside {
float:left;
width:100%;
padding:0 0 20px;
clear:both; }

#copyright {
background:#3c3c3c;
color:#C4C4C4;
line-height:19px;
font-size:11px;
border-top:1px solid #525252;
text-align:center;
padding:20px 45px 30px 20px; }

#copyright a {
color:#c4c4c4;
border-bottom:1px dotted #ccc; }

#copyright a:hover {
color:#c4c4c4;
border-bottom:none;
text-decoration:none; }

.footer-wrap {
width:980px;
margin:0 auto; }

#footer .widget {
width:200px;
  color:#C4C4C4;
line-height:19px;
font-size:11px;
padding:5px 40px 0 0;
display:inline-block;
vertical-align:top;

}

#footer .widget ul { padding:0 0 0 15px; }

#footer .widget a { color:#c4c4c4; }

#footer .widget h3 {
background:none;
height:22px;
font-family:Georgia;
text-transform:uppercase;
font-size:15px;
color:#aeaeae;
font-weight:400;
margin-bottom:10px;
border-bottom:1px solid #595959;
padding:7px 5px 0 10px; }

#copyright span img {
vertical-align:middle;
padding:2px 0 5px 2px;
}

#copyright span a {
text-indent:-2999px;
font-size:1px;
border:none;
  }
ul.dropdown, ul.dropdown li, ul.dropdown ul { list-style: none; margin: 0; padding: 0; }

ul.dropdown {  height: 35px; width: 610px; line-height: 1; padding-top: 5px; position: relative; z-index: 597; float: left;}
ul.dropdown li { position:relative;  float: left; line-height: 1.3em; vertical-align: middle; zoom: 1; }
ul.dropdown li.hover, ul.dropdown li:hover { position: relative; z-index: 599; cursor: default; }
ul.dropdown ul { visibility: hidden; position: absolute; top: 100%; left: 0; z-index: 598; width: 100%;}
ul.dropdown ul li { float: none;  }
ul.dropdown ul ul { top: -1px; left: 99%;}
ul.dropdown li:hover > ul { visibility: visible;}
ul.dropdown li.rtl ul { top: 100%; right: 0; left: auto; }
ul.dropdown li.rtl ul ul { top: 1px; right: 99%; left: auto; }

ul.dropdown a { text-decoration: none; padding: 0px 10px; color: #e7e7e7; }
ul.dropdown li li a {color: #ddd;}
ul.dropdown a:hover { color: #fff; }

ul.dropdown li { color: #e7e7e7; font-size: 10px; font-weight: bold;  text-decoration: none; padding: 5px 0; margin:0 7px 0 0; text-transform: uppercase; }
ul.dropdown li:hover a { color:#fff; }
ul.dropdown li li { margin:0; background: #1F1F1F; line-height: 11px; font-size: 10px; color: #e7e7e7; width: 150px; -moz-border-radius: 3px; -html-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border-bottom: 1px solid #6a6464; }

ul.dropdown li:hover, ul.dropdown li.active, ul.dropdown li.current-cat, ul.dropdown li.current_page_item, ul.dropdown li.current-menu-item { color: #fff; background: #1F1F1F; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;} /* active list/category */

.dropdown li ul li:hover { background: #3F3E3E; color: #fff; -moz-border-radius: 3px; -html-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }


ul.dropdown li.active a, ul.dropdown li.current-cat a, ul.dropdown li.current_page_item a {color: #fff; }

/* subdir styles */
ul.dropdown ul { width: 170px; }
ul.dropdown ul li { font-weight: normal; padding:5px 0; }
/*-------------------------------------------------/
 * @section Support Class `dir`
 * @level sep ul, .class
 */
/* IE .hover fixes */
* body ul.dropdown li.hover a {background:none; color: #fff;}
* body ul.dropdown li.hover {background-color: #333; color: #fff; }

 ul#footerNav { position: absolute; top: 27px; right: 0; }
ul#footerNav li { float: left; display: inline; margin-left: 15px; }

]]></b:skin>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'/>

<script src='http://demo.wpzoom.com/zenko/wp-content/themes/zenko/js/dropdown.js' type='text/javascript'/>

<script type='text/javascript'>
var autochangemenu = 1;
</script>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script src='http://ajax.googleapis.com/ajax/libs/jqueryui/1.5.3/jquery-ui.min.js' type='text/javascript'/>


<script type='text/javascript'>
 //<![CDATA[
imgr = new Array();
imgr[0] = "http://sites.google.com/site/fdblogsite/Home/nothumbnail.gif";
showRandomImg = true;

aBold = true;

summaryPost = 100;
summaryPosti = 170;
summaryTitle = 25;

numposts = 6;
numposts1 = 7;
numposts2 = 1;
numposts3 = 3;
numposts4 = 4;
numposts5 = 10;
numposts6 = 7;



label1 = "sport";
Title1 = "MUSIK »";

label2 = "politika";
Title2 = "WISATA »";

label3 = "magazin hírek";
Title3 = "LEWAT";

label4 = "érdekesség";
Title4 = "TOKOH »";

label5 = "autó-motor";
Title5 = "JAVA";

label6 = "táplálkozás";
Title6 = "USA";

label7 = "aranyköpés";
Title7 = "BUSINESS";

label8 = "kritika";
Title8 = "TECHNOLOGY";

label9 = "olvasói írás";
Title9 = "FEATURE";

label10 = "képek";
Title10 = "MEDIA »";

function removeHtmlTag(strx,chop){
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
s =  s.join("");
s = s.substring(0,chop-1);
return s;
}

function showrecentposts(json) {
j = (showRandomImg) ? Math.floor((imgr.length+1)*Math.random()) : 0;
img  = new Array();
   
  for (var i = 0; i < numposts; i++) {
    var entry = json.feed.entry[i];
    var posttitle = entry.title.$t;
var pcm;
    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;
      }
    }

for (var k = 0; k < entry.link.length; k++) {
      if (entry.link[k].rel == 'replies' && entry.link[k].type == 'text/html') {
        pcm = entry.link[k].title.split(" ")[0];
        break;
      }
    }

    if ("content" in entry) {
      var postcontent = entry.content.$t;}
    else
    if ("summary" in entry) {
      var postcontent = entry.summary.$t;}
    else var postcontent = "";
   
    postdate = entry.published.$t;

if(j>imgr.length-1) j=0;
img[i] = imgr[j];

s = postcontent ; a = s.indexOf("<img"); b = s.indexOf("src=\"",a); c = s.indexOf("\"",b+5); d = s.substr(b+5,c-b-5);

if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")) img[i] = d;

//cmtext = (text != 'no') ? '<i><font color="'+acolor+'">('+pcm+' '+text+')</font></i>' : '';


var month = [1,2,3,4,5,6,7,8,9,10,11,12];
var month2 = ["January","February","March","April","May","June","July","August","September","October","November","December"];

var day = postdate.split("-")[2].substring(0,2);
var m = postdate.split("-")[1];
var y = postdate.split("-")[0];

for(var u2=0;u2<month.length;u2++){
if(parseInt(m)==month[u2]) {
m = month2[u2] ; break;
}
}

var daystr = m+ ' ' + day + ' ' + y ;

var trtd = '<li><a href="'+posturl+'">'+posttitle+'</a></li>';
document.write(trtd);    

 j++;
}

}


function showrecentposts1(json) {
j = (showRandomImg) ? Math.floor((imgr.length+1)*Math.random()) : 0;
img  = new Array();
if (numposts5 <= json.feed.entry.length) {
maxpost = numposts4;
}
else
       {
  maxpost=json.feed.entry.length;
  }

     for (var i = 0; i < maxpost; i++) {
    var entry = json.feed.entry[i];
    var posttitle = entry.title.$t;
var pcm;
    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;
      }
    }

for (var k = 0; k < entry.link.length; k++) {
      if (entry.link[k].rel == 'replies' && entry.link[k].type == 'text/html') {
        pcm = entry.link[k].title.split(" ")[0];
        break;
      }
    }

    if ("content" in entry) {
      var postcontent = entry.content.$t;}
    else
    if ("summary" in entry) {
      var postcontent = entry.summary.$t;}
    else var postcontent = "";
   
    postdate = entry.published.$t;

if(j>imgr.length-1) j=0;
img[i] = imgr[j];

s = postcontent ; a = s.indexOf("<img"); b = s.indexOf("src=\"",a); c = s.indexOf("\"",b+5); d = s.substr(b+5,c-b-5);

if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")) img[i] = d;

//cmtext = (text != 'no') ? '<i><font color="'+acolor+'">('+pcm+' '+text+')</font></i>' : '';


var month = [1,2,3,4,5,6,7,8,9,10,11,12];
var month2 = ["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];

var day = postdate.split("-")[2].substring(0,2);
var m = postdate.split("-")[1];
var y = postdate.split("-")[0];

for(var u2=0;u2<month.length;u2++){
if(parseInt(m)==month[u2]) {
m = month2[u2] ; break;
}
}

var daystr = day+ ' ' + m + ' ' + y ;
if (i==0) {
var trtd = '<div class="bottomBox_wide left"><div class="firstn"><a href="'+posturl+'"><img width="235" height="140" class="alignone" src="'+img[i]+'"/></a><div class="featuredPost lastPost"><h2><a href="'+posturl+'">'+posttitle+'</a></h2><small>'+daystr+' / <a href="'+posturl+'">'+pcm+' Comments</a> </small> <p class="post">'+removeHtmlTag(postcontent,summaryPosti)+'...</p></div></div><div class="clear"></div></div><div class="bottomBox_narrow right">';
document.write(trtd);
         }
if ((i>0)&&(i<maxpost)) {
var trtd = '<div class="rightn"><li><a href="'+posturl+'"><img height="80" src="'+img[i]+'" width="90"/></a><div class="bubble"><a href="'+posturl+'">'+pcm+'</a></div><h2><a href="'+posturl+'">'+posttitle+'</a></h2><small>'+removeHtmlTag(postcontent,summaryPost)+'...</small><span class="post-meta">'+daystr+' / <a href="'+posturl+'">Read More »</a></span><div class="clear"></div></li></div>';
document.write(trtd);
}
j++;
}
document.write('</div>');
}



function showrecentposts2(json) {
j = (showRandomImg) ? Math.floor((imgr.length+1)*Math.random()) : 0;
img  = new Array();
   
  for (var i = 0; i < numposts4; i++) {
    var entry = json.feed.entry[i];
    var posttitle = entry.title.$t;
var pcm;
    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;
      }
    }

for (var k = 0; k < entry.link.length; k++) {
      if (entry.link[k].rel == 'replies' && entry.link[k].type == 'text/html') {
        pcm = entry.link[k].title.split(" ")[0];
        break;
      }
    }

    if ("content" in entry) {
      var postcontent = entry.content.$t;}
    else
    if ("summary" in entry) {
      var postcontent = entry.summary.$t;}
    else var postcontent = "";
   
    postdate = entry.published.$t;

if(j>imgr.length-1) j=0;
img[i] = imgr[j];

s = postcontent ; a = s.indexOf("<img"); b = s.indexOf("src=\"",a); c = s.indexOf("\"",b+5); d = s.substr(b+5,c-b-5);

if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")) img[i] = d;

//cmtext = (text != 'no') ? '<i><font color="'+acolor+'">('+pcm+' '+text+')</font></i>' : '';


var month = [1,2,3,4,5,6,7,8,9,10,11,12];
var month2 = ["January","February","March","April","May","June","July","August","September","October","November","December"];

var day = postdate.split("-")[2].substring(0,2);
var m = postdate.split("-")[1];
var y = postdate.split("-")[0];

for(var u2=0;u2<month.length;u2++){
if(parseInt(m)==month[u2]) {
m = month2[u2] ; break;
}
}

var daystr = m+ ' ' + day + ' ' + y ;

var trtd = '<li><a href="'+posturl+'"><img class="gallery" width="65" height="50" src="'+img[i]+'"/></a><div class="bubble"><a href="'+posturl+'">'+pcm+'</a></div><a href="'+posturl+'">'+posttitle+'</a><br/><small>'+daystr+'</small><div class="clear"></div></li>';
document.write(trtd);    

 j++;
}

}

function showrecentposts4(json) {
j = (showRandomImg) ? Math.floor((imgr.length+1)*Math.random()) : 0;
img  = new Array();
 
  for (var i = 0; i < numposts4 ; i++) {
    var entry = json.feed.entry[i];
    var posttitle = entry.title.$t;
var pcm;
    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;
      }
    }

for (var k = 0; k < entry.link.length; k++) {
      if (entry.link[k].rel == 'replies' && entry.link[k].type == 'text/html') {
        pcm = entry.link[k].title.split(" ")[0];
        break;
      }
    }

    if ("content" in entry) {
      var postcontent = entry.content.$t;}
    else
    if ("summary" in entry) {
      var postcontent = entry.summary.$t;}
    else var postcontent = "";
   
    postdate = entry.published.$t;

if(j>imgr.length-1) j=0;
img[i] = imgr[j];

s = postcontent ; a = s.indexOf("<img"); b = s.indexOf("src=\"",a); c = s.indexOf("\"",b+5); d = s.substr(b+5,c-b-5);

if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")) img[i] = d;

//cmtext = (text != 'no') ? '<i><font color="'+acolor+'">('+pcm+' '+text+')</font></i>' : '';


var month = [1,2,3,4,5,6,7,8,9,10,11,12];
var month2 = ["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];

var day = postdate.split("-")[2].substring(0,2);
var m = postdate.split("-")[1];
var y = postdate.split("-")[0];

for(var u2=0;u2<month.length;u2++){
if(parseInt(m)==month[u2]) {
m = month2[u2] ; break;
}
}

var daystr = day+ ' ' + m + ' ' + y ;

var trtd = '<div class="fimage"><a href="'+posturl+'"><img width="200" height="240" src="'+img[i]+'"/></a></div>';
document.write(trtd);    

 j++;
}

}

function showrecentposts4a(json) {
j = (showRandomImg) ? Math.floor((imgr.length+1)*Math.random()) : 0;
img  = new Array();
 
  for (var i = 0; i < numposts4 ; i++) {
    var entry = json.feed.entry[i];
    var posttitle = entry.title.$t;
var pcm;
    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;
      }
    }

for (var k = 0; k < entry.link.length; k++) {
      if (entry.link[k].rel == 'replies' && entry.link[k].type == 'text/html') {
        pcm = entry.link[k].title.split(" ")[0];
        break;
      }
    }

    if ("content" in entry) {
      var postcontent = entry.content.$t;}
    else
    if ("summary" in entry) {
      var postcontent = entry.summary.$t;}
    else var postcontent = "";
   
    postdate = entry.published.$t;

if(j>imgr.length-1) j=0;
img[i] = imgr[j];

s = postcontent ; a = s.indexOf("<img"); b = s.indexOf("src=\"",a); c = s.indexOf("\"",b+5); d = s.substr(b+5,c-b-5);

if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")) img[i] = d;

//cmtext = (text != 'no') ? '<i><font color="'+acolor+'">('+pcm+' '+text+')</font></i>' : '';


var month = [1,2,3,4,5,6,7,8,9,10,11,12];
var month2 = ["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];

var day = postdate.split("-")[2].substring(0,2);
var m = postdate.split("-")[1];
var y = postdate.split("-")[0];

for(var u2=0;u2<month.length;u2++){
if(parseInt(m)==month[u2]) {
m = month2[u2] ; break;
}
}

var daystr = day+ ' ' + m + ' ' + y ;

var trtd = '<div class="fcont"><h2><a href="'+posturl+'">'+posttitle+'</a></h2><small>'+daystr+' | <a href="'+posturl+'">'+pcm+' Comments</a></small><p>'+removeHtmlTag(postcontent,summaryPost)+' [...]</p></div>';
document.write(trtd);    

 j++;
}

}
//]]>
</script>
<script style='text/javascript'>
 //<![CDATA[
function showrecentcomments(json) {
for (var i = 0; i < 6; i++) {
var entry = json.feed.entry[i];
var ctlink;
if (i == json.feed.entry.length) break;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
ctlink = entry.link[k].href;
break;
}
}
ctlink = ctlink.replace("#", "#comment-");
var ptlink = ctlink.split("#");
ptlink = ptlink[0];
var txtlink = ptlink.split("/");
txtlink = txtlink[5];
txtlink = txtlink.split(".html");
txtlink = txtlink[0];
var pttitle = txtlink.replace(/-/g," ");
pttitle = pttitle.link(ptlink);
if ("content" in entry) {
var comment = entry.content.$t;}
else
if ("summary" in entry) {
var comment = entry.summary.$t;}
else var comment = "";
var re = /<\S[^>]*>>/g;
comment = comment.replace(re, "");
if (i==0) {
document.write('<li>');
}
else{
document.write('<li>');
}
document.write('<a href="' + ctlink + '"><strong>' + entry.author[0].name.$t + '</strong></a> says:');
if (comment.length < 100) {
document.write('<a href="' + ctlink + '">'+comment+ '</a>');
}
else
{
comment = comment.substring(0, 100);
var quoteEnd = comment.lastIndexOf(" ");
comment = comment.substring(0, quoteEnd);
document.write('<a href="' + ctlink + '">'+comment + '...</a>');
}
}
document.write('</li>');
}

 //]]>
</script>
 <script type='text/javascript'>
var classicMode = false ;
var summary = 30;
var indent = 3;

function stripHtmlTags(s,max){return s.replace(/&lt;.*?&gt;/ig, &#39;&#39;).split(/\s+/).slice(0,max-1).join(&#39; &#39;)}

function getSummaryLikeWP(id) {
        return document.getElementById(id).innerHTML.split(/&lt;!--\s*more\s*--&gt;/)[0];
}

function getSummaryImproved(post,max){
   var re = /&lt;.*?&gt;/gi
   var re2 = /&lt;br.*?&gt;/gi
   var re3 = /(&lt;\/{1}p&gt;)|(&lt;\/{1}div&gt;)/gi
   var re4 = /(&lt;style.*?\/{1}style&gt;)|(&lt;script.*?\/{1}script&gt;)|(&lt;table.*?\/{1}table&gt;)|(&lt;form.*?\/{1}form&gt;)|(&lt;code.*?\/{1}code&gt;)|(&lt;pre.*?\/{1}pre&gt;)/gi
 
   post = post.replace(re4,&#39;&#39;)
   post = post.replace(re3,&#39;&lt;br /&gt; &#39;).split(re2)
 
   for(var i=0; i&lt;post.length; i++){
    post[i] = post[i].replace(re,&#39;&#39;);
   }
 var post2 = new Array();
 for(var i in post) {
  //if(post[i]!=&#39;&#39; &amp;&amp; post[i]!=&#39; &#39; &amp;&amp; post[i] != &#39;\n&#39;) post2.push(post[i]);
  if(/[a-zA-Z0-9]/.test(post[i])) post2.push(post[i]) ;

 }


 var s = &quot;&quot;;
 var indentBlank = &quot;&quot;;
 for(var i=0;i&lt;indent;i++){
  indentBlank += &quot; &quot;;
 }
 if(post2.join(&#39;&lt;br/&gt;&#39;).split(&#39; &#39;).length &lt; max-1 ){
   s = post2.join(indentBlank +&#39; &lt;br/&gt;&#39;);
 } else {
  var i = 0;
  while(s.split(&#39; &#39;).length &lt; max){
   s += indentBlank + &#39; &#39; + post2[i]+&#39;&lt;br/&gt;&#39;;
   i++;
  }
 }
 return s;
}


function createSummaryAndThumb(pID,title,url,date,comment){
 var posturl= url;
 var title=title;
 var date =date;
 var comment = comment;
 var div = document.getElementById(pID);
 var content = div.innerHTML;
 if (/&lt;!--\s*more\s*--&gt;/.test(content)) {
  div.innerHTML = getSummaryLikeWP(pID);
  div.style.display = &quot;block&quot;;
 }
 else {

 var imgtag = &quot;&quot;;
 var img = div.getElementsByTagName(&quot;img&quot;);
 var summ = summary;
 if(img.length&gt;=1) {
   imgtag = &#39;&lt;div class=&quot;thumb&quot;&gt;&lt;a href=&quot;&#39;+posturl+&#39;&quot;&gt;&lt;img width=&quot;170&quot; height=&quot;100&quot; class=&quot;alignleft&quot; src=&quot;&#39;+img[0].src+&#39;&quot;&gt;&lt;/a&gt;&lt;/div&gt;&#39;;
   }
  var summary1 = imgtag+&#39;&lt;div class=&quot;rightcontp&quot;&gt;&lt;h2 class=&quot;tromol&quot;&gt;&lt;a href=&quot;&#39;+posturl+&#39;&quot;&gt;&#39;+title+&#39;&lt;/a&gt;&lt;/h2&gt;&lt;p&gt;&#39;+stripHtmlTags(content,summary)+&#39;...&lt;/p&gt;&lt;/div&gt;&#39;;

 div.innerHTML = summary1;
 div.style.display = &quot;block&quot;;
 }
}
</script>

<script type='text/javascript'>
//<![CDATA[
/*
EASY TABS 1.2 Produced and Copyright by Koller Juergen
www.kollermedia.at | www.austria-media.at
Need Help? http:/www.kollermedia.at/archive/2007/07/10/easy-tabs-12-now-with-autochange
You can use this Script for private and commercial Projects, but just leave the two credit lines, thank you.
*/

//EASY TABS 1.2 - MENU SETTINGS
//Set the id names of your tablink (without a number at the end)
var tablink_idname = new Array("tablink")
//Set the id name of your tabcontentarea (without a number at the end)
var tabcontent_idname = new Array("fcontent")
//Set the number of your tabs
var tabcount = new Array("3")
//Set the Tab wich should load at start (In this Example:Tab 2 visible on load)
var loadtabs = new Array("1")
 //the speed in seconds when the tabs should change
var changespeed = 3;
//should the autochange stop if the user hover over a tab from the autochangemenu? 0=no 1=yes
var stoponhover = 1;
//END MENU SETTINGS

/*Swich EasyTabs Functions - no need to edit something here*/
function easytabs(menunr, active) {if (menunr == autochangemenu){currenttab=active;}if ((menunr == autochangemenu)&&(stoponhover==1)) {stop_autochange()} else if ((menunr == autochangemenu)&&(stoponhover==0))  {counter=0;}menunr = menunr-1;for (i=1; i <= tabcount[menunr]; i++){document.getElementById(tablink_idname[menunr]+i).className='tab'+i;document.getElementById(tabcontent_idname[menunr]+i).style.display = 'none';}document.getElementById(tablink_idname[menunr]+active).className='tab'+active+' tabactive';document.getElementById(tabcontent_idname[menunr]+active).style.display = 'block';}var timer; counter=0; var totaltabs=tabcount[autochangemenu-1];var currenttab=loadtabs[autochangemenu-1];function start_autochange(){counter=counter+1;timer=setTimeout("start_autochange()",1000);if (counter == changespeed+1) {currenttab++;if (currenttab>totaltabs) {currenttab=1}easytabs(autochangemenu,currenttab);restart_autochange();}}function restart_autochange(){clearTimeout(timer);counter=0;start_autochange();}function stop_autochange(){clearTimeout(timer);counter=0;}

window.onload=function(){
var menucount=loadtabs.length; var a = 0; var b = 1; do {easytabs(b, loadtabs[a]);  a++; b++;}while (b<=menucount);
if (autochangemenu!=0){start_autochange();}
}
//]]>
</script>


<!--Related Posts with thumbnails Scripts and Styles Start-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>
#related-posts{margin-top:10px;margin-left:2px;float:left;width:650px;padding-top:0px;
padding-left:0px;background:none;height:230px;
border-bottom: 0px solid #ddd }#related-posts a:hover {
background-color:#ddd;height:170px;} #related-posts h1{background:none;color:#333;font-family:&quot;Trebuchet MS&quot;,&quot;Arial&quot;,&quot;Helvetica&quot;,sans-serif;font-size:16px;font-weight:normal!important;padding:3px 5px 4px 5px}
</style>
<script type='text/javascript'>
//<![CDATA[
//Script by uong jowo
var relatedTitles = new Array();
var relatedTitlesNum = 0;
var relatedUrls = new Array();
var thumburl = new Array();
function related_results_labels_thumbs(json) {
for (var i = 0; i < json.feed.entry.length; i++) {
var entry = json.feed.entry[i];
relatedTitles[relatedTitlesNum] = entry.title.$t;
try
{thumburl[relatedTitlesNum]=entry.gform_foot.url;}


catch (error){
s=entry.content.$t;a=s.indexOf("<img");b=s.indexOf("src=\"",a);c=s.indexOf("\"",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")){
thumburl[relatedTitlesNum]=d;} else thumburl[relatedTitlesNum]='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipx7P8B2VfrrdFaMKtgJYQZx3jQ7c5k8iaWBKe-BsYrvR3icJZ_cnVYFGyAR_MIBw0mm3bVhbRWj1immGHmun_HXYYnN6Orp4T6SoNdvO1Qzs3C-EAFTPpCG5Y_R-YwFJJYExxERYJvA/s1600/no-logo.gif';




}

if(relatedTitles[relatedTitlesNum].length>35) relatedTitles[relatedTitlesNum]=relatedTitles[relatedTitlesNum].substring(0, 35)+"...";
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
relatedUrls[relatedTitlesNum] = entry.link[k].href;
relatedTitlesNum++;


}
}
}
}
function removeRelatedDuplicates_thumbs() {
var tmp = new Array(0);
var tmp2 = new Array(0);
var tmp3 = new Array(0);
for(var i = 0; i < relatedUrls.length; i++) {
if(!contains_thumbs(tmp, relatedUrls[i]))
{
tmp.length += 1;
tmp[tmp.length - 1] = relatedUrls[i];
tmp2.length += 1;
tmp3.length += 1;
tmp2[tmp2.length - 1] = relatedTitles[i];
tmp3[tmp3.length - 1] = thumburl[i];
}
}
relatedTitles = tmp2;
relatedUrls = tmp;
thumburl=tmp3;


}

function contains_thumbs(a, e) {
for(var j = 0; j < a.length; j++) if (a[j]==e) return true;
return false;
}
function printRelatedLabels_thumbs() {
for(var i = 0; i < relatedUrls.length; i++)
{
if((relatedUrls[i]==currentposturl)||(!(relatedTitles[i])))
{
relatedUrls.splice(i,1);
relatedTitles.splice(i,1);
thumburl.splice(i,1);
i--;

}
}


var r = Math.floor((relatedTitles.length - 1) * Math.random());
var i = 0;

if(relatedTitles.length>0) document.write('<h1>'+relatedpoststitle+'</h1>');
document.write('<div style="clear: both;"/>');
while (i < relatedTitles.length && i < 20 && i<maxresults) {


document.write('<a style="text-decoration:none;padding:5px;float:left;');
if(i!=0) document.write('border-left:solid 1px #ddd;"');
else document.write('"');
document.write(' href="' + relatedUrls[r] + '"><img style="width:135px;height:120px;border:0px;" src="'+thumburl[r]+'"/><br/><div style="width:135px;padding-left:5px;height:50px;border: 0pt none ; margin: 3px 0pt 0pt; padding: 0pt; font-style: normal;text-align:center; font-variant: normal; font-weight: normal; font-size: 11px; line-height: normal; font-size-adjust: none; font-stretch: normal;">'+relatedTitles[r]+'</div></a>');


if (r < relatedTitles.length - 1) {
r++;
} else {
r = 0;
}
i++;
}
document.write('</div>');
relatedUrls.splice(0,relatedUrls.length);
thumburl.splice(0,thumburl.length);
relatedTitles.splice(0,relatedTitles.length);

}
//]]>
</script>
</b:if>
<style>
 <b:if cond='data:blog.url != data:blog.homepageUrl'>
 #frontpage {
display:none;
visibility:hidden;
}
</b:if>

 <b:if cond='data:blog.url == data:blog.homepageUrl'>
 #singlepage {
display:none;
visibility:hidden;
}
</b:if>


 </style>

  </head>




  <body>

 

      <div id='header'>
      <div id='logo'>
      <b:section class='logo' id='log' maxwidgets='1' showaddelement='yes'>
        <b:widget id='Header1' locked='true' title='napiTopik (fejléc)' type='Header'>
          <b:includable id='main'>

  <b:if cond='data:useImage'>
    <b:if cond='data:imagePlacement == &quot;REPLACE&quot;'>
      <!--Show just the image, no text-->
      <div id='header-inner'>
        <a expr:href='data:blog.homepageUrl' style='display: block'>
          <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
        </a>
      </div>
    <b:else/>
      <!--
      Show image as background to text. You can't really calculate the width
      reliably in JS because margins are not taken into account by any of
      clientWidth, offsetWidth or scrollWidth, so we don't force a minimum
      width if the user is using shrink to fit.
      This results in a margin-width's worth of pixels being cropped. If the
      user is not using shrink to fit then we expand the header.
      -->
      <div expr:style='&quot;background-image: url(\&quot;&quot; + data:sourceUrl + &quot;\&quot;); &quot;                      + &quot;background-position: &quot;                      + data:backgroundPositionStyleStr + &quot;; &quot;                      + data:widthStyleStr                      + &quot;min-height: &quot; + data:height + &quot;px;&quot;                      + &quot;_height: &quot; + data:height + &quot;px;&quot;                      + &quot;background-repeat: no-repeat; &quot;' id='header-inner'>
        <div class='titlewrapper' style='background: transparent'>
          <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 -->
    <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='description'>
  <div class='descriptionwrapper'>
    <p class='description'><span><data:description/></span></p>
  </div>
</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:widget>
      </b:section>
      </div>
   
<div id='ad468'>
<b:section id='Ads2' showaddelement='yes'/>

</div>


      </div>

    <div id='menu'>
<div id='menu-wrap'>

<ul class='dropdown' id='menu-main'>
      <li><a expr:href='data:blog.homepageUrl'>HOME</a></li>
<li class='cat-item'><a href='/search/label/' title='Category'>RAGAM</a>
<ul class='children'>
<li class='cat-item'><a href='/search/label/ragam?&amp;max-results=10' title='Category'>RAGAM</a></li>
       <li class='cat-item'><a href='/search/label/budaya?&amp;max-results=10' title='Category'>BUDAYA</a></li>

<li class='cat-item'><a href='/search/label/lewat?&amp;max-results=10' title='Category'>LEWAT</a></li>
</ul></li>

<li class='cat-item'><a href='/search/label/' title='Category'>TOP LINE</a>
<ul class='children'>
<li class='cat-item'><a href='/search/label/story?&amp;max-results=10' title='Category'>STORY</a></li>
       <li class='cat-item'><a href='/search/label/tokoh?&amp;max-results=10' title='Category'>TOKOH</a></li>

<li class='cat-item'><a href='/search/label/hiburan?&amp;max-results=10' title='Category'>HIBURAN</a></li>
</ul></li>
<li class='cat-item'><a href='/search/label/wisata?&amp;max-results=10' title='Category'>WISATA</a></li>
<li class='cat-item'><a href='/search/label/musik?&amp;max-results=10' title='Category'>MUSIK</a></li>
     </ul>

<div id='rss'>

<ul>
<li class='rssimg'><a href='/feeds/posts/default/' rel='nofollow' title=''> RSS Feed</a></li>
<li class='emailimg'><a href='' rel='nofollow' title=''> Subscribe by E-mail</a></li>
</ul>
</div>
<div id='search'>
      <form action='/search' id='searchform' method='get'>

 <input id='se' name='s' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Search&quot;;}' onfocus='if (this.value == &quot;Search&quot;) {this.value = &quot;&quot;;}' type='text' value='Search'/>
 <input class='submit' id='searchsubmit' type='submit' value=''/>

</form>
      </div>

</div> <!-- end menu wrap -->
 
    </div> <!-- end menu -->




<div id='content-wrap'>
    <div id='content'>


<div id='frontpage'>
<div id='featurespace'>


<div class='widget' id='popular'>
<div class='widget' id='recent'>
<h3>Latest News</h3>

<ul>
<script>    
document.write(&quot;&lt;script src=\&quot;/feeds/posts/default/-/&quot;+label3+&quot;?max-results=&quot;+numposts4+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts2\&quot;&gt;&lt;\/script&gt;&quot;);
</script>

</ul>
</div>
</div>


<div id='featured-wrap'>

<h3>Featured News</h3>

<div id='featured'>

<div id='tabs'>
<ul>
<li><a href='#' id='tablink1' onclick='return true;' onfocus='easytabs(&apos;1&apos;, &apos;1&apos;);' onmouseover='easytabs(&apos;1&apos;, &apos;1&apos;);' title=''>Sport</a></li>
<li><a href='#' id='tablink2' onclick='return true;' onfocus='easytabs(&apos;1&apos;, &apos;2&apos;);' onmouseover='easytabs(&apos;1&apos;, &apos;2&apos;);' title=''>Politika</a></li>
<li><a href='#' id='tablink3' onclick='return true;' onfocus='easytabs(&apos;1&apos;, &apos;3&apos;);' onmouseover='easytabs(&apos;1&apos;, &apos;3&apos;);' title=''>Bulvár</a></li>

</ul>
</div>








<!--Start Tabcontent 1 -->
<div id='fcontent1'>
<script>    
document.write(&quot;&lt;script src=\&quot;/feeds/posts/default/-/&quot;+label1+&quot;?max-results=&quot;+numposts2+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts4\&quot;&gt;&lt;\/script&gt;&quot;);
</script>


<script>    
document.write(&quot;&lt;script src=\&quot;/feeds/posts/default/-/&quot;+label1+&quot;?max-results=&quot;+numposts2+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts4a\&quot;&gt;&lt;\/script&gt;&quot;);
</script>


</div>
<!--End Tabcontent 1-->

<!--Start Tabcontent 2-->
<div id='fcontent2'>
<script>    
document.write(&quot;&lt;script src=\&quot;/feeds/posts/default/-/&quot;+label2+&quot;?max-results=&quot;+numposts2+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts4\&quot;&gt;&lt;\/script&gt;&quot;);
</script>

<script>    
document.write(&quot;&lt;script src=\&quot;/feeds/posts/default/-/&quot;+label2+&quot;?max-results=&quot;+numposts2+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts4a\&quot;&gt;&lt;\/script&gt;&quot;);
</script>



</div>
<!--End Tabcontent 2 -->

<!--Start Tabcontent 3-->

<div id='fcontent3'>
<script>    
document.write(&quot;&lt;script src=\&quot;/feeds/posts/default/-/&quot;+label3+&quot;?max-results=&quot;+numposts2+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts4\&quot;&gt;&lt;\/script&gt;&quot;);
</script>

<script>    
document.write(&quot;&lt;script src=\&quot;/feeds/posts/default/-/&quot;+label3+&quot;?max-results=&quot;+numposts2+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts4a\&quot;&gt;&lt;\/script&gt;&quot;);
</script>

</div>
<!--End Tabcontent 3-->




&lt;!--End of the Tabmenu1 --&gt;



</div><!--End featured -->





               
</div><!--End featured wrap -->

<div class='widget' id='recent'>

<div class='widget' id='recent wpzoom-popular-posts'><ul><h3>Popular Posts</h3>
<b:section class='sidebarl' id='sidebar6' preferred='yes'>
  <b:widget id='PopularPosts1' locked='false' title='Most Popular' type='PopularPosts'>
    <b:includable id='main'>
  <b:if cond='data:title'><h2><data:title/></h2></b:if>
  <div class='widget-content popular-posts'>
    <ul>
      <b:loop values='data:posts' var='post'>
      <li>
        <b:if cond='data:showThumbnails == &quot;false&quot;'>
          <b:if cond='data:showSnippets == &quot;false&quot;'>
            <!-- (1) No snippet/thumbnail -->
            <a expr:href='data:post.href'><data:post.title/></a>
          <b:else/>
            <!-- (2) Show only snippets -->
            <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
            <div class='item-snippet'><data:post.snippet/></div>
          </b:if>
        <b:else/>
          <b:if cond='data:showSnippets == &quot;false&quot;'>
            <!-- (3) Show only thumbnails -->
            <div class='item-thumbnail-only'>
              <b:if cond='data:post.thumbnail'>
                <div class='item-thumbnail'>
                  <a expr:href='data:post.href' target='_blank'>
                    <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
                  </a>
                </div>
              </b:if>
              <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
            </div>
            <div style='clear: both;'/>
          <b:else/>
            <!-- (4) Show snippets and thumbnails -->
            <div class='item-content'>
              <b:if cond='data:post.thumbnail'>
                <div class='item-thumbnail'>
                  <a expr:href='data:post.href' target='_blank'>
                    <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
                  </a>
                </div>
              </b:if>
              <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
              <div class='item-snippet'><data:post.snippet/></div>
            </div>
            <div style='clear: both;'/>
          </b:if>
        </b:if>
      </li>
      </b:loop>
    </ul>
    <b:include name='quickedit'/>
  </div>
</b:includable>
  </b:widget>
  <b:widget id='Attribution1' locked='true' title='' type='Attribution'>
    <b:includable id='main'>
    <b:if cond='data:feedbackSurveyLink'>
      <div class='mobile-survey-link' style='text-align: center;'>
        <data:feedbackSurveyLink/>
      </div>
    </b:if>

    <div class='widget-content' style='text-align: center;'>
      <b:if cond='data:attribution != &quot;&quot;'>
       <data:attribution/>
      </b:if>
    </div>

    <b:include name='quickedit'/>
  </b:includable>
  </b:widget>
  <b:widget id='Image1' locked='false' title='' type='Image'>
    <b:includable id='main'>
    <b:if cond='data:title != &quot;&quot;'>
      <h2><data:title/></h2>
    </b:if>
    <div class='widget-content'>
      <b:if cond='data:link != &quot;&quot;'>
        <a expr:href='data:link'>
          <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_img&quot;' expr:src='data:sourceUrl' expr:width='data:width'/>
        </a>
      <b:else/>
        <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_img&quot;' expr:src='data:sourceUrl' expr:width='data:width'/>
      </b:if>
      <br/>
      <b:if cond='data:caption != &quot;&quot;'>
        <span class='caption'><data:caption/></span>
      </b:if>
    </div>
    <b:include name='quickedit'/>
  </b:includable>
  </b:widget>
  <b:widget id='Image2' locked='false' title='' type='Image'>
    <b:includable id='main'>
    <b:if cond='data:title != &quot;&quot;'>
      <h2><data:title/></h2>
    </b:if>
    <div class='widget-content'>
      <b:if cond='data:link != &quot;&quot;'>
        <a expr:href='data:link'>
          <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_img&quot;' expr:src='data:sourceUrl' expr:width='data:width'/>
        </a>
      <b:else/>
        <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_img&quot;' expr:src='data:sourceUrl' expr:width='data:width'/>
      </b:if>
      <br/>
      <b:if cond='data:caption != &quot;&quot;'>
        <span class='caption'><data:caption/></span>
      </b:if>
    </div>
    <b:include name='quickedit'/>
  </b:includable>
  </b:widget>
  <b:widget id='Navbar1' locked='true' title='Navbar' type='Navbar'>
    <b:includable id='main'>&lt;script type=&quot;text/javascript&quot;&gt;
    function setAttributeOnload(object, attribute, val) {
      if(window.addEventListener) {
        window.addEventListener(&#39;load&#39;,
          function(){ object[attribute] = val; }, false);
      } else {
        window.attachEvent(&#39;onload&#39;, function(){ object[attribute] = val; });
      }
    }
  &lt;/script&gt;
&lt;div id=&quot;navbar-iframe-container&quot;&gt;&lt;/div&gt;
&lt;script type=&quot;text/javascript&quot; src=&quot;https://apis.google.com/js/plusone.js&quot;&gt;&lt;/script&gt;
&lt;script type=&quot;text/javascript&quot;&gt;
        gapi.load(&quot;iframes-styles-bubble&quot;, function() {
          if (window.iframes &amp;&amp; iframes.open) {
            iframes.open(
                &#39;//www.blogger.com/navbar.g?targetBlogID\0755200089693005499320\46blogName\75napiTopik\46publishMode\75PUBLISH_MODE_BLOGSPOT\46navbarType\75LIGHT\46layoutType\75LAYOUTS\46searchRoot\75http://napitopik.blogspot.com/search\46blogLocale\75hu\46v\0752\46homepageUrl\75http://napitopik.blogspot.com/\46blogFollowUrl\75https://plus.google.com/101263645619615531323\46vt\0752755385597921234200&#39;,
                {
                  container: &quot;navbar-iframe-container&quot;,
                  id: &quot;navbar-iframe&quot;
                },
                {
                });
          }
        });
      &lt;/script&gt;&lt;script type=&quot;text/javascript&quot;&gt;
(function() {
var script = document.createElement(&#39;script&#39;);
script.type = &#39;text/javascript&#39;;
script.src = &#39;//pagead2.googlesyndication.com/pagead/js/google_top_exp.js&#39;;
var head = document.getElementsByTagName(&#39;head&#39;)[0];
if (head) {
head.appendChild(script);
}})();
&lt;/script&gt;
</b:includable>
  </b:widget>
  <b:widget id='AdSense1' locked='false' title='' type='AdSense'>
    <b:includable id='main'>
  <div class='widget-content'>
    <data:adCode/>
    <b:include name='quickedit'/>
  </div>
</b:includable>
  </b:widget>
</b:section>

</ul></div>
 </div> <!-- calling featured section-->



</div><!-- end featurespace --></div>

      <div id='middle'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<h3 class='blue'>
    <script>
    document.write(&#39;&lt;span class=&quot;titleName&quot;&gt;&lt;a href=&quot;/search/label/&#39;+label4+&#39;?&amp;max-results=10&quot;&gt;&#39;+Title4+&#39;&lt;/a&gt;&lt;/span&gt;&#39;);
</script> </h3>
<div class='bottomBox'>

<script>    
document.write(&quot;&lt;script src=\&quot;/feeds/posts/default/-/&quot;+label4+&quot;?max-results=&quot;+numposts4+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts1\&quot;&gt;&lt;\/script&gt;&quot;);
</script>
</div>

<h3 class='green'>
    <script>
    document.write(&#39;&lt;span class=&quot;titleName&quot;&gt;&lt;a href=&quot;/search/label/&#39;+label2+&#39;?&amp;max-results=10&quot;&gt;&#39;+Title2+&#39;&lt;/a&gt;&lt;/span&gt;&#39;);
</script> </h3>
<div class='bottomBox'>

<script>    
document.write(&quot;&lt;script src=\&quot;/feeds/posts/default/-/&quot;+label2+&quot;?max-results=&quot;+numposts4+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts1\&quot;&gt;&lt;\/script&gt;&quot;);
</script>
</div>

<h3 class='pink'>
    <script>
    document.write(&#39;&lt;span class=&quot;titleName&quot;&gt;&lt;a href=&quot;/search/label/&#39;+label1+&#39;?&amp;max-results=10&quot;&gt;&#39;+Title1+&#39;&lt;/a&gt;&lt;/span&gt;&#39;);
</script> </h3>
<div class='bottomBox'>

<script>    
document.write(&quot;&lt;script src=\&quot;/feeds/posts/default/-/&quot;+label1+&quot;?max-results=&quot;+numposts4+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts1\&quot;&gt;&lt;\/script&gt;&quot;);
</script>
</div>

<h3 class='black'>
    <script>
    document.write(&#39;&lt;span class=&quot;titleName&quot;&gt;&lt;a href=&quot;/search/label/&#39;+label10+&#39;?&amp;max-results=10&quot;&gt;&#39;+Title10+&#39;&lt;/a&gt;&lt;/span&gt;&#39;);
</script> </h3>
<div class='bottomBox'>

<script>    
document.write(&quot;&lt;script src=\&quot;/feeds/posts/default/-/&quot;+label10+&quot;?max-results=&quot;+numposts4+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts1\&quot;&gt;&lt;\/script&gt;&quot;);
</script>
</div>









</b:if>





<div id='posts'>

<h3 class='recent'>Recent Articles</h3>


<div class='homepost'>

        <b:section class='main' id='main' showaddelement='yes'>
          <b:widget id='Blog1' locked='true' title='Blogbejegyzések' type='Blog'>
            <b:includable id='main' var='top'>
<b:include name='status-message'/>

        <b:loop values='data:posts' var='post'>
                             <b:include data='post' name='post'/>
</b:loop>
<b:include name='nextprev'/>
</b:includable>
            <b:includable id='backlinkDeleteIcon' var='backlink'>
    <span expr:class='&quot;item-control &quot; + data:backlink.adminClass'>
      <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
    <img src='http://www.blogger.com/img/icon_delete13.gif'/>
</a>
</span>
</b:includable>
            <b:includable id='backlinks' var='post'>
  <a name='links'/><h4><data:post.backlinksLabel/></h4>
  <b:if cond='data:post.numBacklinks != 0'>
    <dl class='comments-block' id='comments-block'>
      <b:loop values='data:post.backlinks' var='backlink'>
        <div class='collapsed-backlink backlink-control'>
          <dt class='comment-title'>
            <span class='backlink-toggle-zippy'>&#160;</span>
            <a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>
            <b:include data='backlink' name='backlinkDeleteIcon'/>
          </dt>
          <dd class='comment-body collapseable'>
            <data:backlink.snippet/>
          </dd>
          <dd class='comment-footer collapseable'>
            <span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span>
            <span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span>
          </dd>
        </div>
      </b:loop>
    </dl>
  </b:if>
  <p class='comment-footer'>
    <a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + &quot;_backlinks-create-link&quot;' target='_blank'><data:post.createLinkLabel/></a>
  </p>
</b:includable>
            <b:includable id='comment-form' var='post'>
 
<div class='respond'>

    <h3 id='respond'>Leave a Reply</h3>


    <p><data:blogCommentMessage/></p>
<p><data:blogTeamBlogMessage/></p>
<p>
    <iframe allowtransparency='true' expr:src='data:post.commentFormIframeSrc' frameborder='0' height='275' id='comment-editor' scrolling='auto' width='100%'/>
</p>
</div>
    </b:includable>
            <b:includable id='commentDeleteIcon' var='comment'>
    <span expr:class='&quot;item-control &quot; + data:comment.adminClass'>
    <a expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
    <img src='http://www.blogger.com/img/icon_delete13.gif'/>
</a>
</span>
</b:includable>
            <b:includable id='comment_count_picker' var='post'>
  <b:if cond='data:post.forceIframeComments'>
    <span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-url='data:post.canonicalUrl'>
    </span>
  <b:else/>
    <b:if cond='data:post.commentSource == 1'>
      <span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-url='data:post.canonicalUrl'>
      </span>
    <b:else/>
      <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
        <data:post.commentLabelFull/>:
      </a>
    </b:if>
  </b:if>
</b:includable>
            <b:includable id='comment_picker' var='post'>
  <b:if cond='data:post.forceIframeComments'>
    <b:include data='post' name='iframe_comments'/>
    <b:if cond='data:post.showThreadedComments'>
      <b:include data='post' name='threaded_comments'/>
    <b:else/>
      <b:include data='post' name='comments'/>
    </b:if>
  <b:else/>
    <b:if cond='data:post.commentSource == 1'>
      <b:include data='post' name='iframe_comments'/>
    <b:else/>
      <b:if cond='data:post.showThreadedComments'>
        <b:include data='post' name='threaded_comments'/>
      <b:else/>
        <b:include data='post' name='comments'/>
      </b:if>
    </b:if>
  </b:if>
</b:includable>
            <b:includable id='comments' var='post'>
                         <a name='comments'/>
<b:if cond='data:post.allowComments'>
                             <div class='post'>
        <h3 id='comments'>
        <b:if cond='data:post.numComments == 1'>
        1 <data:commentLabel/> for &quot;<data:post.title/>&quot;
<b:else/>
        <data:post.numComments/> <data:commentLabelPlural/> for &quot;<data:post.title/>&quot;
</b:if>
</h3>

<ol class='normalComments'>
                                 <b:loop values='data:post.comments' var='comment'>
    <li class='even'>
    <div>
    <div class='comment-author vcard'>
    <div class='avatar'>
    <b:if cond='data:blog.enabledCommentProfileImages'>
    <data:comment.authorAvatarImage/>
</b:if>
</div> <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>
<div class='commentmetadata'>
    <a expr:href='data:comment.url' title='comment permalink'>
    <data:comment.timestamp/>
</a>
</div>
                                               
</div>
                            <p>
    <b:if cond='data:comment.isDeleted'>
    <em><data:comment.body/></em>
<b:else/>
    <data:comment.body/>
    <b:include data='comment' name='commentDeleteIcon'/>
</b:if>
</p>
</div>
</li>
</b:loop>
</ol>
<div class='clear'/>



<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>
</div>
</b:if>
</b:includable>
            <b:includable id='feedLinks'>
  <b:if cond='data:blog.pageType != &quot;item&quot;'> <!-- Blog feed links -->
    <b:if cond='data:feedLinks'>
      <div class='blog-feeds'>
        <b:include data='feedLinks' name='feedLinksBody'/>
      </div>
    </b:if>

    <b:else/> <!--Post feed links -->
    <div class='post-feeds'>
      <b:loop values='data:posts' var='post'>
        <b:if cond='data:post.allowComments'>
          <b:if cond='data:post.feedLinks'>
            <b:include data='post.feedLinks' name='feedLinksBody'/>
          </b:if>
        </b:if>
      </b:loop>
    </div>
  </b:if>
</b:includable>
            <b:includable id='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='iframe_comments' var='post'>

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

    <b:if cond='data:post.embedCommentForm == &quot;false&quot;'>
      <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
    </b:if>
  </b:if>
</b:includable>
            <b:includable id='mobile-index-post' var='post'>
  <b:if cond='data:post.dateHeader'>
    <div class='mobile-index-date'>
      <div class='date-header'>
        <span><data:post.dateHeader/></span>
      </div>
    </div>
  </b:if>

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

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

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

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

    <div class='mobile-index-comment'>
      <b:if cond='data:blog.pageType != &quot;item&quot;'>
        <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
          <b:if cond='data:post.allowComments'>
            <b:if cond='data:post.numComments != 0'>
              <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
            </b:if>
          </b:if>
        </b:if>
      </b:if>
    </div>
  </div>
</b:includable>
            <b:includable id='mobile-main' var='top'>
    <!-- posts -->
    <div class='blog-posts hfeed'>

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

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

   <b:include name='mobile-nextprev'/>
</b:includable>
            <b:includable id='mobile-nextprev'>
  <div class='blog-pager' id='blog-pager'>
    <b:if cond='data:newerPageUrl'>
      <div class='mobile-link-button' id='blog-pager-newer-link'>
      <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'>&amp;lsaquo;</a>
      </div>
    </b:if>

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

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

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

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

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

          <div class='post-header'>
            <div class='post-header-line-1'/>
          </div>
<div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id'>

       
            <data:post.body/>
            <div style='clear: both;'/> <!-- clear for photos floats -->
          </div>

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

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

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

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

          </div>
        </div>

        <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
          <b:if cond='data:post.showThreadedComments'>
            <b:include data='post' name='threaded_comments'/>
          <b:else/>
            <b:include data='post' name='comments'/>
          </b:if>
        </b:if>
        <b:if cond='data:blog.pageType == &quot;item&quot;'>
          <b:if cond='data:post.showThreadedComments'>
            <b:include data='post' name='threaded_comments'/>
          <b:else/>
            <b:include data='post' name='comments'/>
          </b:if>
        </b:if>
      </div>
    </div>
  </div>
</b:includable>
            <b:includable id='nextprev'>
        <div class='blog-pager' id='blog-pager'>
        <b:if cond='data:newerPageUrl'>
        <span id='blog-pager-newer-link'>
        <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</span>
</b:if>

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

<b:if cond='data:blog.homepageUrl != data:blog.url'>
        <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
<b:else/>
        <b:if cond='data:newerPageUrl'>
        <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</b:if>
</b:if>
</div>
    <div class='clear'/>
</b:includable>
            <b:includable id='post' var='post'>
                     <b:if cond='data:blog.pageType == &quot;item&quot;'>
   
       
<div class='post'>


                <h1>
    <b:if cond='data:post.link'>
    <a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
    <b:if cond='data:post.url'>
    <a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
    <data:post.title/>
</b:if>
</b:if>
</h1>
<div class='post-meta'><span class='date published time'><data:post.dateHeader/></span> By <span class='author vcard'><span class='fn'><data:post.author/></span></span> <span><data:post.numComments/> Comments</span>
</div><!-- /metas -->
<hr/>



<p><data:post.body/></p>

<div class='clear'/>

<div id='socialicons'>
  <!-- AddThis Button BEGIN -->
<div class='addthis_toolbox addthis_default_style '>
<a class='addthis_button_facebook_like' fb:like:layout='button_count'/>
<a class='addthis_button_tweet'/>
<a class='addthis_button_google_plusone' g:plusone:size='medium'/>
<a class='addthis_counter addthis_pill_style'/>
</div>
<script src='http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4f392c003afb0b1b' type='text/javascript'/>
<!-- AddThis Button END -->
</div>






<div class='clear'/>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != &quot;true&quot;'>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=4&quot;' type='text/javascript'/></b:if></b:loop>
<script type='text/javascript'>
var currentposturl=&quot;<data:post.url/>&quot;;
var maxresults=4;
var relatedpoststitle=&quot;<b>You might like these related articles as well :</b>&quot;;
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script>
</div>
<div class='clear'/>

    </div>



                         <b:include data='post' name='comments'/>


        <span id='blog-pager-newer-link'>
        <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</span>

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




                     <b:else/>
    <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
                             <div class='single'>
            <h1>
        <b:if cond='data:post.link'>
        <a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
        <b:if cond='data:post.url'>
        <a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
        <data:post.title/>
</b:if>
</b:if>
</h1>
<p><data:post.body/></p>
<div class='clear'/>
</div>
     <div style='visibility:hidden;display: none;'>
<b:include name='nextprev'/>
</div>                    <b:else/>
<div class='post'>
   

<div class='bubble'><data:post.numComments/></div>


<div expr:id='&quot;summary&quot; + data:post.id'>
    <data:post.body/>
</div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;,&quot;<data:post.title/>&quot;,&quot;<data:post.url/>&quot;,&quot;<data:post.timestamp/>&quot;,&quot;<data:post.numComments/>&quot;);</script>  



<div class='post-meta'>

By <data:post.author/>

<span class='categories'> Filed Under:
<b:loop values='data:post.labels' var='label'>
        <a expr:href='data:label.url + &quot;?&amp;max-results=10&quot;' rel='tag'><data:label.name/></a>
<b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
</b:loop>
</span>
<span id='catblock'><a expr:href='data:post.url'>read more +</a></span>
</div>
<div class='clear'/>
<div class='thisline'/>

</div>
                    <div class='clear'/>
</b:if>
                     </b:if>
</b:includable>
            <b:includable id='postQuickEdit' var='post'>
    <b:if cond='data:post.editUrl'>
    <span expr:class='&quot;item-control &quot; + data:post.adminClass'>
    <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
    <img alt='' class='icon-action' height='18' src='http://www.blogger.com/img/icon18_edit_allbkg.gif' width='18'/>
</a>
</span>
</b:if>
</b:includable>
            <b:includable id='shareButtons' var='post'>
  <a class='share-button sb-email' expr:href='data:post.sharePostUrl + &quot;&amp;target=email&quot;' expr:title='data:top.emailThisMsg' target='_blank'>
    <span class='share-button-link-text'><data:top.emailThisMsg/></span></a>
  <a class='share-button sb-blog' expr:href='data:post.sharePostUrl + &quot;&amp;target=blog&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=270,width=475\&quot;); return false;&quot;' expr:title='data:top.blogThisMsg' target='_blank'>
    <span class='share-button-link-text'><data:top.blogThisMsg/></span></a>
  <a class='share-button sb-twitter' expr:href='data:post.sharePostUrl + &quot;&amp;target=twitter&quot;' expr:title='data:top.shareToTwitterMsg' target='_blank'>
    <span class='share-button-link-text'><data:top.shareToTwitterMsg/></span></a>
  <a class='share-button sb-facebook' expr:href='data:post.sharePostUrl + &quot;&amp;target=facebook&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=430,width=640\&quot;); return false;&quot;' expr:title='data:top.shareToFacebookMsg' target='_blank'>
    <span class='share-button-link-text'><data:top.shareToFacebookMsg/></span></a>
  <a class='share-button sb-buzz' expr:href='data:post.sharePostUrl + &quot;&amp;target=buzz&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=415,width=690\&quot;); return false;&quot;' expr:title='data:top.shareToBuzzMsg' target='_blank'>
    <span class='share-button-link-text'><data:top.shareToBuzzMsg/></span></a>
  <b:if cond='data:top.showDummy'>
    <div class='goog-inline-block' style='border:1px solid gray;height:18px;background-color:yellow;margin:1px 2px;padding:0 5px;'>
      Dummy placeholder (20px)
    </div>
    <data:post.dummyTag/>
  </b:if>
</b:includable>
            <b:includable id='status-message'>
    <b:if cond='data:navMessage'>
    <div class='status-msg-wrap'>
    <div class='status-msg-body'>
    <data:navMessage/>
</div>
<div class='status-msg-border'>
    <div class='status-msg-bg'>
    <div class='status-msg-hidden'><data:navMessage/></div>
</div>
</div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>
            <b:includable id='threaded-comment-form' var='post'>
  <div class='comment-form'>
    <a name='comment-form'/>
<data:post.friendConnectJs/>
    <data:post.cmtfpIframe/>
 
    <b:if cond='data:mobile'>
      <p><data:blogCommentMessage/></p>
      <data:blogTeamBlogMessage/>
      <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
      <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
    <b:else/>
      <p><data:blogCommentMessage/></p>
      <data:blogTeamBlogMessage/>
      <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
      <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
    </b:if>
    <script type='text/javascript'>
      BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;);
    </script>
  </div>
</b:includable>
            <b:includable id='threaded_comment_css'>
  <style>
.comments {
  clear: both;
  margin-top: 10px;
  margin-bottom: 0px;
  line-height: 1em;
}
.comments .comments-content {
  font-size: 13px;
  margin-bottom: 16px;
}
.comments .comment .comment-actions a {
  padding-top: 5px;
  padding-right: 5px;
}
.comments .comment .comment-actions a:hover {
  text-decoration: underline;
}
.commentlist .comments-content .comment-thread ol {
  list-style-type: none;
  padding: 0;
  text-align: left;
}
.comments .comments-content .inline-thread {
  padding: 0.5em 1em;
}
.comments .comments-content .comment-thread {
  margin: 8px 0px;
}
.comments .comments-content .comment-thread:empty {
  display: none;
}
.comments .comments-content .comment-replies {
  margin-top: 1em;
  margin-left: 36px;
}
.comments .comments-content .comment {
  margin-bottom:16px;
  padding-bottom:8px;
}
.comments .comments-content .comment:first-child {
  padding-top:16px;
}
.comments .comments-content .comment:last-child {
  border-bottom:0;
  padding-bottom:0;
}
.comments .comments-content .comment-body {
  position:relative;
}
.comments .comments-content .user {
  font-style:normal;
  font-weight:bold;
}
.comments .comments-content .icon.blog-author {
  width: 18px;
  height: 18px;
  display: inline-block;
  margin: 0 0 -4px 6px;
}
.comments .comments-content .datetime {
  margin-left:6px;
}
.comments .comments-content .comment-header,
.comments .comments-content .comment-content {
  margin:0 0 8px;
}
.comments .comments-content .comment-content {
  text-align:justify;
}
.comments .comments-content .owner-actions {
  position:absolute;
  right:0;
  top:0;
}
.comments .comments-replybox {
  border: none;
  height: 250px;
  width: 100%;
}
.comments .comment-replybox-single {
  margin-top: 5px;
  margin-left: 48px;
}
.comments .comment-replybox-thread {
  margin-top: 5px;
}
.comments .comments-content .loadmore a {
  display: block;
  padding: 10px 16px;
  text-align: center;
}
.comments .thread-toggle {
  cursor: pointer;
  display: inline-block;
}
.comments .continue {
  cursor: pointer;
}
.comments .continue a {
  display: block;
  padding: 0.5em;
  font-weight: bold;
}
.comments .comments-content .loadmore {
  cursor: pointer;
  max-height: 3em;
  margin-top: 3em;
}
.comments .comments-content .loadmore.loaded {
  max-height: 0px;
  opacity: 0;
  overflow: hidden;
}
.comments .thread-chrome.thread-collapsed {
  display: none;
}
.comments .thread-toggle {
  display: inline-block;
}
.comments .thread-toggle .thread-arrow {
  display: inline-block;
  height: 6px;
  width: 7px;
  overflow: visible;
  margin: 0.3em;
  padding-right: 4px;
}
.comments .thread-expanded .thread-arrow {
  background: url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAG0lEQVR42mNgwAfKy8v/48I4FeA0AacVDFQBAP9wJkE/KhUMAAAAAElFTkSuQmCC&quot;) no-repeat scroll 0 0 transparent;
}
.comments .thread-collapsed .thread-arrow {
  background: url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAJUlEQVR42mNgAILy8vL/DLgASBKnApgkVgXIkhgKiNKJ005s4gDLbCZBiSxfygAAAABJRU5ErkJggg==&quot;) no-repeat scroll 0 0 transparent;
}
.comments .avatar-image-container {
  float: left;
  width: 36px;
  max-height: 36px;
  overflow: hidden;
}
.comments .avatar-image-container img {
  width: 36px;
}
.comments .comment-block {
  margin-left: 48px;
  position: relative;
}

/* Responsive styles. */
@media screen and (max-device-width: 480px) {
  .comments .comments-content .comment-replies {
    margin-left: 0;
  }
}
  </style>
</b:includable>
            <b:includable id='threaded_comment_js' var='post'>
  <script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>

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

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

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

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

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

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

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

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

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

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

      // render now, or queue to render when library loads:
      if (window.goog && window.goog.comments) {
        render();
      } else {
        window.goog = window.goog || {};
        window.goog.comments = window.goog.comments || {};
        window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];
        window.goog.comments.loadQueue.push(render);
      }
    })();
// ]]>
  </script>
</b:includable>
            <b:includable id='threaded_comments' var='post'>
  <div class='comments' id='comments'>
    <a name='comments'/>
    <h1>
      <b:if cond='data:post.numComments == 1'>
        1 <data:commentLabel/>:
      <b:else/>
        <data:post.numComments/> <data:commentLabelPlural/>:
      </b:if>
    </h1>

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

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

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

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

</div>
</div>


     </div><!-- end middle -->

   

      <div id='sidebar' style='width: 300px;float:right;'>


<div class='widget'>
<h3>Music Video</h3>
        <b:section class='sidebarl' id='sidebarl' preferred='yes'/>
      </div>

<div class='widget' id='recent'>
<h3>Recently Added</h3>
<ul>
<script>    
document.write(&quot;&lt;script src=\&quot;/feeds/posts/default?max-results=&quot;+numposts+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts\&quot;&gt;&lt;\/script&gt;&quot;);
</script>

</ul>
</div>

<div class='widget' id='recent'>

<h3>Comments</h3>
<ul>
<script src='/feeds/comments/default?alt=json-in-script&amp;callback=showrecentcomments'/>
</ul>
</div>


<div id='sidebar_left' style='width: 145px;'>
<div class='widget widget_links' id='linkcat-2'><ul><h3>Blogroll</h3>
<ul class='xoxo blogroll'>
<b:section id='sidebar4' preferred='yes'>
  <b:widget id='BlogArchive3' locked='false' title='Archives' type='BlogArchive'>
    <b:includable id='main'>
  <b:if cond='data:title'>
    <h2><data:title/></h2>
  </b:if>
  <div class='widget-content'>
  <div id='ArchiveList'>
  <div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'>
    <b:if cond='data:style == &quot;HIERARCHY&quot;'>
     <b:include data='data' name='interval'/>
    </b:if>
    <b:if cond='data:style == &quot;FLAT&quot;'>
      <b:include data='data' name='flat'/>
    </b:if>
    <b:if cond='data:style == &quot;MENU&quot;'>
      <b:include data='data' name='menu'/>
    </b:if>
  </div>
  </div>
  <b:include name='quickedit'/>
  </div>
</b:includable>
    <b:includable id='flat' var='data'>
  <ul>
    <b:loop values='data:data' var='i'>
      <li class='archivedate' style='border-bottom:1px dotted #dadada;'>
        <a expr:href='data:i.url' expr:title='data:i.name'><data:i.name/></a> (<data:i.post-count/>)
      </li>
    </b:loop>
  </ul>
</b:includable>
    <b:includable id='interval' var='intervalData'>
  <b:loop values='data:intervalData' var='i'>
      <ul>
        <li expr:class='&quot;archivedate &quot; + data:i.expclass'>
          <b:include data='i' name='toggle'/>
          <a class='post-count-link' expr:href='data:i.url' expr:title='data:i.name'><data:i.name/></a>
            <span class='post-count' dir='ltr'>(<data:i.post-count/>)</span>
          <b:if cond='data:i.data'>
            <b:include data='i.data' name='interval'/>
          </b:if>
          <b:if cond='data:i.posts'>
            <b:include data='i.posts' name='posts'/>
          </b:if>
        </li>
      </ul>
  </b:loop>
</b:includable>
    <b:includable id='menu' var='data'>
  <select expr:id='data:widget.instanceId + &quot;_ArchiveMenu&quot;'>
    <option value=''><data:title/></option>
    <b:loop values='data:data' var='i'>
      <option expr:title='data:i.name' expr:value='data:i.url'><data:i.name/> (<data:i.post-count/>)</option>
    </b:loop>
  </select>
</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' expr:title='data:i.title'><data:i.title/></a></li>
    </b:loop>
  </ul>
</b:includable>
    <b:includable id='toggle' var='interval'>
  <b:if cond='data:interval.toggleId'>
  <b:if cond='data:interval.expclass == &quot;expanded&quot;'>
    <a class='toggle' href='javascript:void(0)'>
      <span class='zippy toggle-open'>&#9660;&#160;</span>
    </a>
  <b:else/>
    <a class='toggle' href='javascript:void(0)'>
      <span class='zippy'>
        <b:if cond='data:blog.languageDirection == &quot;rtl&quot;'>
          &#9668;&#160;
        <b:else/>
          &#9658;&#160;
        </b:if>
      </span>
    </a>
  </b:if>
 </b:if>
</b:includable>
  </b:widget>
  <b:widget id='Image3' locked='false' title='' type='Image'>
    <b:includable id='main'>
    <b:if cond='data:title != &quot;&quot;'>
      <h2><data:title/></h2>
    </b:if>
    <div class='widget-content'>
      <b:if cond='data:link != &quot;&quot;'>
        <a expr:href='data:link'>
          <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_img&quot;' expr:src='data:sourceUrl' expr:width='data:width'/>
        </a>
      <b:else/>
        <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_img&quot;' expr:src='data:sourceUrl' expr:width='data:width'/>
      </b:if>
      <br/>
      <b:if cond='data:caption != &quot;&quot;'>
        <span class='caption'><data:caption/></span>
      </b:if>
    </div>
    <b:include name='quickedit'/>
  </b:includable>
  </b:widget>
</b:section>
</ul>
</ul></div>
<div class='widget widget_pages' id='pages-3'><ul><h3>Pages</h3> <ul>
<b:section id='sidebar5' preferred='yes'>
  <b:widget id='PageList1' locked='false' title='Pages' type='PageList'>
    <b:includable id='main'>
  <b:if cond='data:title'><h2><data:title/></h2></b:if>
  <div class='widget-content'>
    <b:if cond='data:mobile'>
      <select expr:id='data:widget.instanceId + &quot;_select&quot;'>
        <b:loop values='data:links' var='link'>
          <b:if cond='data:link.isCurrentPage'>
            <option expr:value='data:link.href' selected='selected'><data:link.title/></option>
          <b:else/>
            <option expr:value='data:link.href'><data:link.title/></option>
          </b:if>
        </b:loop>
      </select>
      <span class='pagelist-arrow'>&amp;#9660;</span>

    <b:else/>
      <ul>
        <b:loop values='data:links' var='link'>
          <b:if cond='data:link.isCurrentPage'>
            <li class='selected'><a expr:href='data:link.href'><data:link.title/></a></li>
          <b:else/>
            <li><a expr:href='data:link.href'><data:link.title/></a></li>
          </b:if>
        </b:loop>
      </ul>
    </b:if>
    <b:include name='quickedit'/>
  </div>
</b:includable>
  </b:widget>
</b:section>


</ul>
</ul></div> </div> <!-- end side left -->


<div id='sidebar_right' style='width: 145px;float:right;'>
<div class='widget widget_categories' id='categories-2'><ul><h3>Categories</h3> <ul>
<b:section id='sidebar7' preferred='yes'>
  <b:widget id='Label3' 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 + &quot;?&amp;max-results=10&quot;' expr:title='&quot;View all posts filed under &quot; + data:label.name'>
            <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:section>

</ul>
</ul></div> </div> <!-- end side right -->

</div> <!-- end sidebar -->
  </div> <!-- end content -->
</div> <!-- end content wrap -->    

    <div id='footer'>

<div class='footer-wrap'>
   
<div id='fside'>
<div class='widget widget_text' id='text-2' style='width: 200px;float:left;'>
<ul><h3>Text Widget</h3>
 <b:section id='footerlinks' showaddelement='yes'>
   <b:widget id='LinkList3' locked='false' title='Footerlinks' type='LinkList'>
     <b:includable id='main'>

<b:if cond='data:title'><h2><data:title/></h2></b:if>
 <div class='widget-content'>
   <ul>
     <b:loop values='data:links' var='link'>
       <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>
</ul></div>

<div class='widget widget_categories' id='categories-3' style='width: 200px;float:left;'>
<ul><h3>Categories</h3>
<b:section id='footerlinks1' showaddelement='yes'/>
</ul></div>

<div class='widget widget_text' id='text-3' style='width: 200px;float:left;'>
<ul><h3>Another Widget</h3>
<b:section id='footerlinks2' showaddelement='yes'/>
</ul></div>

<div class='widget widget_meta' id='meta-2' style='width: 200px;float:right;'>
<ul><h3>Meta</h3>
<b:section id='footerlinks3' showaddelement='yes'/>
</ul></div>
</div>


</div> <!-- end footer wrap-->

<div class='clear'/>

<div id='copyright'>

<div class='footer-wrap'>
    Copyright &#169; 2013.
<a expr:href='data:blog.homepageUrl'><data:blog.title/></a>. All Rights Reserved.

 Converted by <a href='http://uongjowo.blogspot.com' target='blank'>Uong Jowo</a> - Publisher Is <a href='http://ketemplate.com/' target='blank'> www.ketemplate.com</a>
</div> <!-- end footer wrap-->

</div>

   </div> <!-- end footer -->

<script type='text/javascript'>
var pageCount= 7 ;
var displayPageNum= 5 ;
var upPageWord =&#39;&#171; &#39;;
var downPageWord =&#39; &#187;&#39;;
</script>


<script type='text/javascript'>
//<![CDATA[
function showpageCount(json){var thisUrl=home_page_url;var htmlMap=new Array();var thisNum=1;var postNum=1;var itemCount=0;var fFlag=0;var eFlag=0;var html='';var upPageHtml='';var downPageHtml='';for(var i=0,post;post=json.feed.entry[i];i++){var timestamp1=post.published.$t.substring(0,19)+post.published.$t.substring(23,29);timestamp=encodeURIComponent(timestamp1);var title=post.title.$t;if(title!=''){if(itemCount==0||(itemCount%pageCount==(pageCount-1))){if(thisUrl.indexOf(timestamp)!=-1){thisNum=postNum}if(title!='')postNum++;htmlMap[htmlMap.length]='/search?updated-max='+timestamp+'&max-results='+pageCount}}itemCount++}for(var p=0;p<htmlMap.length;p++){if(p>=(thisNum-displayPageNum-1)&&p<(thisNum+displayPageNum)){if(fFlag==0&&p==thisNum-2){if(thisNum==2){upPageHtml='<span class="showpage" style=" "><a href="/">'+upPageWord+'</a></span>'}else{upPageHtml='<span class="showpage" style=" "><a href="'+htmlMap[p]+'">'+upPageWord+'</a></span>'}fFlag++}if(p==(thisNum-1)){html+='<span class="showpagePoint">'+thisNum+'</span>'}else{if(p==0){html+='<span class="showpageNum"><a href="/">1</a></span>'}else{html+='<span class="showpageNum"><a href="'+htmlMap[p]+'">'+(p+1)+'</a></span>'}}if(eFlag==0&&p==thisNum){downPageHtml='<span class="showpage" style=" "> <a href="'+htmlMap[p]+'">'+downPageWord+'</a></span>';eFlag++}}}if(thisNum>1){html=''+upPageHtml+' '+html+' '}html='<div class="showpageArea"><span style="COLOR: #676767;background:#fff;border: 1px solid #b6b5b5;font-size: 15px;padding:4px 8px;margin:0 4px;" class="showpageOf"> Pages '+(postNum-1)+'</span>'+html;if(thisNum<(postNum-1)){html+=downPageHtml}if(postNum==1)postNum++;html+='</div>';var pageArea=document.getElementsByName("pageArea");var blogPager=document.getElementById("blog-pager");if(postNum<=2){html=''}for(var p=0;p<pageArea.length;p++){pageArea[p].innerHTML=html}if(pageArea&&pageArea.length>0){html=''}if(blogPager){blogPager.innerHTML=html}}function showpageCount2(json){var thisUrl=home_page_url;var htmlMap=new Array();var isLablePage=thisUrl.indexOf("/search/label/")!=-1;var thisLable=isLablePage?thisUrl.substr(thisUrl.indexOf("/search/label/")+14,thisUrl.length):"";thisLable=thisLable.indexOf("?")!=-1?thisLable.substr(0,thisLable.indexOf("?")):thisLable;var thisNum=1;var postNum=1;var itemCount=0;var fFlag=0;var eFlag=0;var html='';var upPageHtml='';var downPageHtml='';var labelHtml='<span class="showpageNum"><a href="/search/label/'+thisLable+'?&max-results='+pageCount+'">';var thisUrl=home_page_url;for(var i=0,post;post=json.feed.entry[i];i++){var timestamp1=post.published.$t.substring(0,19)+post.published.$t.substring(23,29);timestamp=encodeURIComponent(timestamp1);var title=post.title.$t;if(title!=''){if(itemCount==0||(itemCount%pageCount==(pageCount-1))){if(thisUrl.indexOf(timestamp)!=-1){thisNum=postNum}if(title!='')postNum++;htmlMap[htmlMap.length]='/search/label/'+thisLable+'?updated-max='+timestamp+'&max-results='+pageCount}}itemCount++}for(var p=0;p<htmlMap.length;p++){if(p>=(thisNum-displayPageNum-1)&&p<(thisNum+displayPageNum)){if(fFlag==0&&p==thisNum-2){if(thisNum==2){upPageHtml=labelHtml+upPageWord+'</a></span>'}else{upPageHtml='<span class="showpage" style=" "><a href="'+htmlMap[p]+'">'+upPageWord+'</a></span>'}fFlag++}if(p==(thisNum-1)){html+='<span class="showpagePoint">'+thisNum+'</span>'}else{if(p==0){html=labelHtml+'1</a></span>'}else{html+='<span class="showpageNum"><a href="'+htmlMap[p]+'">'+(p+1)+'</a></span>'}}if(eFlag==0&&p==thisNum){downPageHtml='<span class="showpage" style=" "> <a href="'+htmlMap[p]+'">'+downPageWord+'</a></span>';eFlag++}}}if(thisNum>1){if(!isLablePage){html=''+upPageHtml+' '+html+' '}else{html=''+upPageHtml+' '+html+' '}}html='<div class="showpageArea"><span style="COLOR: #999;" class="showpageOf"> Pages ('+(postNum-1)+')</span>'+html;if(thisNum<(postNum-1)){html+=downPageHtml}if(postNum==1)postNum++;html+='</div>';var pageArea=document.getElementsByName("pageArea");var blogPager=document.getElementById("blog-pager");if(postNum<=2){html=''}for(var p=0;p<pageArea.length;p++){pageArea[p].innerHTML=html}if(pageArea&&pageArea.length>0){html=''}if(blogPager){blogPager.innerHTML=html}}var home_page_url=location.href;var thisUrl=home_page_url;if(thisUrl.indexOf("/search/label/")!=-1){if(thisUrl.indexOf("?updated-max")!=-1){var lblname1=thisUrl.substring(thisUrl.indexOf("/search/label/")+14,thisUrl.indexOf("?updated-max"))}else{var lblname1=thisUrl.substring(thisUrl.indexOf("/search/label/")+14,thisUrl.indexOf("?&max"))}}var home_page="/";if(thisUrl.indexOf("?q=")==-1){if(thisUrl.indexOf("/search/label/")==-1){document.write('<script src="'+home_page+'feeds/posts/summary?alt=json-in-script&callback=showpageCount&max-results=99999" ><\/script>')}else{document.write('<script src="'+home_page+'feeds/posts/full/-/'+lblname1+'?alt=json-in-script&callback=showpageCount2&max-results=99999" ><\/script>')}}
//]]>
</script>
   
</body>
</html>