Label Posts

Website bawlna

AD (728x90)

Thursday, February 18, 2016

MUC7 Gallery website

Share it Please
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr' xmlns:fb='https://www.facebook.com/2008/fbml'>
<head>
<link href='http://fonts.googleapis.com/css?family=Economica:400,400italic,700,700italic' rel='stylesheet' type='text/css'/>
<link href='http://fonts.googleapis.com/css?family=PT+Sans:400,700' rel='stylesheet' type='text/css'/>
<b:include data='blog' name='all-head-content'/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<title><data:blog.pageName/> | (example: Themes Hive)</title>
<b:else/>
<title><data:blog.pageTitle/> | (example: Themes Hive)</title>
</b:if>
<meta content='your description here' name='description'/>
<meta content='keyowrd1, keyowrd1, etc..' name='keywords'/>
<meta content='INDEX, FOLLOW' name='ROBOTS'/>
<b:skin><![CDATA[/*
-----------------------------------------------------------------------------
  <-------------------> Blogger Template Style  <------------------>
-----------------------------------------------------------------------------
Template Name         :-> Winter | Blogger Template
Template Author       :-> Avinas /Best Theme
Template Author URI   :-> http://besttheme.net
Template Created Time :-> Saturday, January 5, 2013 (IST) Time in India
-----------------------------------------------------------------------------
  <------------->  Credit> http://besttheme.net  <------------->
-----------------------------------------------------------------------------*/
#navbar-iframe{display:none;}*{margin: 0px;padding: 0px;}
#LinkList10 h2{display:none;}
#LinkList11 h2{display:none;}
body#layout #slider{display:none}
body#layout #add-to-cart-widget{display:none;}
/*----------------------------------------------------
{--------}  Generic  {--------}
----------------------------------------------------*/
#navbar-iframe{display:none;}*{margin: 0px;padding: 0px;}
.comment-form{display:none;}#commentform{display:none;}#respond{display:none;}
/*
    960px grid system ~ Core CSS.
    6 Columns ~ Margin left: 10px ~ Margin right: 10px

    Based on the 960.gs grid system - http://960.gs/
    by Nathan Smith

    Created by the Grid System Generator - v1.04
    Learn more ~ http://www.gridsystemgenerator.com/
    */

    /*
    Forces backgrounds to span full width,
    even if there is horizontal scrolling.
    Increase this if your layout is wider.

    Note: IE6 works fine without this fix.
    */
    body {
            min-width: 960px;
    }

    /* =Containers
    --------------------------------------------------------------------------------*/
    .container_6
    {
            margin-left: auto;
            margin-right: auto;
            width: 960px;
    }

    /* =Grid >> Global
    --------------------------------------------------------------------------------*/
    .grid_1,
    .grid_2,
    .grid_3,
    .grid_4,
    .grid_5,
    .grid_6 {
            display: inline;
            float: left;
            margin-left: 10px;
            margin-right: 10px;
    }

    .push_1, .pull_1,
    .push_2, .pull_2,
    .push_3, .pull_3,
    .push_4, .pull_4,
    .push_5, .pull_5 {
            position: relative;
    }

    /* =Grid >> Children (Alpha ~ First, Omega ~ Last)
    --------------------------------------------------------------------------------*/
    .alpha {margin-left: 0;}
    .omega {margin-right: 0;}

    /* =Grid >> 6 Columns
    --------------------------------------------------------------------------------*/
    .container_6 .grid_1 {width: 140px;}
    .container_6 .grid_2 {width: 300px;}
    .container_6 .grid_3 {width: 460px;}
    .container_6 .grid_4 {width: 620px;}
    .container_6 .grid_5 {width: 780px;}
    .container_6 .grid_6 {width: 940px;}

    /* =Prefix Extra Space >> 6 Columns
    --------------------------------------------------------------------------------*/
    .container_6 .prefix_1 {padding-left: 160px;}
    .container_6 .prefix_2 {padding-left: 320px;}
    .container_6 .prefix_3 {padding-left: 480px;}
    .container_6 .prefix_4 {padding-left: 640px;}
    .container_6 .prefix_5 {padding-left: 800px;}

    /* =Suffix Extra Space >> 6 Columns
    --------------------------------------------------------------------------------*/
    .container_6 .suffix_1 {padding-right: 160px;}
    .container_6 .suffix_2 {padding-right: 320px;}
    .container_6 .suffix_3 {padding-right: 480px;}
    .container_6 .suffix_4 {padding-right: 640px;}
    .container_6 .suffix_5 {padding-right: 800px;}

    /* `Push Space >> 6 Columns
    --------------------------------------------------------------------------------*/
    .container_6 .push_1 {left: 160px;}
    .container_6 .push_2 {left: 320px;}
    .container_6 .push_3 {left: 480px;}
    .container_6 .push_4 {left: 640px;}
    .container_6 .push_5 {left: 800px;}

    /* `Pull Space >> 6 Columns
    --------------------------------------------------------------------------------*/
    .container_6 .pull_1 {left: -160px;}
    .container_6 .pull_2 {left: -320px;}
    .container_6 .pull_3 {left: -480px;}
    .container_6 .pull_4 {left: -640px;}
    .container_6 .pull_5 {left: -800px;}

    /* `Clear Floated Elements
    ----------------------------------------------------------------------------------------------------*/
    /* http://sonspring.com/journal/clearing-floats */
    .clear {
            clear: both;
            display: block;
            overflow: hidden;
            visibility: hidden;
            width: 0;
            height: 0;
    }

    /* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */
    .clearfix:before,
    .clearfix:after {
            content: "\0020";
            display: block;
            overflow: hidden;
            visibility: hidden;
            width: 0;
            height: 0;
    }
    .clearfix:after {
            clear: both;
    }
    /*
    The following zoom:1 rule is specifically for IE6 + IE7.
    Move to separate stylesheet if invalid CSS is a problem.
    */
    .clearfix {
            zoom: 1;
    }
/*----------------------------------------------------
          {--------}  Generic  {--------}
----------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    border: 0;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
}
html {
    font-size: 62.5%;
 /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
    overflow-y: scroll;
 /* Keeps page centred in all browsers regardless of content height */
    -webkit-text-size-adjust: 100%;
 /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
    -ms-text-size-adjust: 100%;
 /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */;
}
body {
    background: #fff;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
    display: block;
}
ol, ul {
    list-style: none;
}
table {
 /* tables still need 'cellspacing="0"' in the markup */
    border-collapse: separate;
    border-spacing: 0;
}
caption, th, td {
    font-weight: normal;
    text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: "";
}
blockquote, q {
    quotes: "" "";
}
a:focus {
    outline: thin dotted;
}
a:hover,
a:active {
 /* Improves readability when focused and also mouse hovered in all browsers people.opera.com/patrickl/experiments/keyboard/test */
    outline: 0;
}
a img {
    border: 0;
}
/*----------------------------------------------------
          {--------}  Theme Style  {--------}
----------------------------------------------------*/
body {
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3n-e4U__7FTAncRWZU4_Rdtt_6tEckklknpfN5FdTghSfzR687xELWInaSJ7HbpFkxXI9ccSgh_nEn6L7BSla8lWbK1RJxoyc3YsfhSMpApE0R0Lz0tI_UWXlCauYCGwKS7GB5pGu6aBf/s1600/body.png);
}
#main {
    padding-bottom: 70px;
}
/*----------------------------------------------------
          {--------}  Header  {--------}
----------------------------------------------------*/
.top {
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjW8_RzbMJhwU7zEn7RufbcBu0eEnrMYZStYTHgijyLgdkSQYwuYbUSjOeKOhyE8JxvJZZQVyf9R-Kc3m9FdKmEYI4vtGyxlcVZ_-MIgkOU6Tuc7I7S0CnMUShJ6lQ0Fegn9qVkFOAF8VN0/s1600/top.png);
    height: 150px;
}
.logo {
    margin-top: 30px;
}
h1.site-title {
    font-size: 56px;
    text-shadow: 1px 1px 3px #222;
    line-height: 100%;
    margin-bottom: 10px;
}
h1.site-title a:link, h1.site-title a:visited {
    color: #fff;
}
h2.site-description {
    color: #fff;
    font-family: 'PT sans';
    font-size: 16px;
    line-height: 100%;
}
/*----------------------------------------------------
          {--------}  Search Forum  {--------}
----------------------------------------------------*/
#searchform {
    margin-top: 55px;
    width: 310px;
    float: right;
}
#s {
    background: #474a4c;
    border: 1px solid #646768;
    height: 40px;
    padding: 0px 10px;
    line-height: 40px;
    width: 200px;
    border-radius: 4px;
    color: #CECECE;
}
#searchsubmit {
    float: right;
    width: 80px;
    height: 41px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: #4e4e4e;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.19), inset 0 1px rgba(255,255,255,.33), inset 0 0 5px rgba(255,255,255,.18);
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,.19), inset 0 1px rgba(255,255,255,.33), inset 0 0 5px rgba(255,255,255,.18);
    box-shadow: 0 1px 1px rgba(0,0,0,.19), inset 0 1px rgba(255,255,255,.33), inset 0 0 5px rgba(255,255,255,.18);
    border: solid 1px #464646;
    background-image: -webkit-linear-gradient(top, rgba(255,255,255,.26), rgba(255,255,255,0));
    background-image: -moz-linear-gradient(top, rgba(255,255,255,.26), rgba(255,255,255,0));
    background-image: -o-linear-gradient(top, rgba(255,255,255,.26), rgba(255,255,255,0));
    background-image: -ms-linear-gradient(top, rgba(255,255,255,.26), rgba(255,255,255,0));
    background-image: linear-gradient(to bottom, rgba(255,255,255,.26), rgba(255,255,255,0));
}
/*----------------------------------------------------
          {--------}  Top Menu  {--------}
----------------------------------------------------*/
#botmenu {
    height: 60px;
    background: #484b4c;
    border-bottom: 1px solid #666;
}
#submenu {
    margin: 0px 0px;
    padding: 0px 0px;
}
#submenu ul {
    width: auto;
    float: left;
    list-style: none;
    margin: 0;
    padding: 0 10px;
}
#submenu li {
    float: left;
    list-style: none;
    margin: 0;
    padding: 0;
    color: #222;
    font-weight: 400;
}
#submenu li a {
    color: #fff;
    display: block;
    margin: 0;
    padding: 20px 10px 20px 10px;
    text-decoration: none;
    position: relative;
}
#submenu li a:hover, #submenu li a:active, #submenu .current_page_item a {
    color: #fff;
}
#submenu li a.sf-with-ul {
    padding-right: 10px;
}
#submenu li ul li a, #submenu li ul li a:link, #submenu li ul li a:visited,
#submenu li ul li ul li a, #submenu li ul li ul li a:link, #submenu li ul li ul li a:visited,
#submenu li ul li ul li ul li a, #submenu li ul li ul li ul li a:link, #submenu li ul li ul li ul li a:visited {
    color: #eee;
    width: 148px;
    margin: 0;
    padding: 10px 10px;
    border-top: 1px solid #555;
    position: relative;
    font-weight: 400;
}
#submenu ul li ul li:first-child a,#submenu ul li ul li ul li:first-child a,#submenu ul li ul li ul li ul li:first-child a {
    border-top: none;
}
#submenu li ul li a:hover ,#submenu li ul li ul li a:hover ,#submenu li ul li ul li ul li a:hover {
    color: #fff;
}
#submenu li ul {
    z-index: 9999;
    position: absolute;
    left: -999em;
    height: auto;
    width: 170px;
    margin: 0px 0px 0px 0px;
    padding: 5px 5px;
    background: #414444;
    border: 1px solid #666;
}
#submenu li ul a {
    width: 150px;
}
#submenu li ul a:hover, #submenu li ul a:active {;
}
#submenu li ul ul {
    margin: -49px 0 0 181px;
}
#submenu li:hover ul ul, #submenu li:hover ul ul ul, #submenu li.sfHover ul ul, #submenu li.sfHover ul ul ul {
    left: -999em;
}
#submenu li:hover ul, #submenu li li:hover ul, #submenu li li li:hover ul, #submenu li.sfHover ul, #submenu li li.sfHover ul, #submenu li li li.sfHover ul {
    left: auto;
}
#submenu li:hover, #submenu li.sfHover {
    position: static;
}
/* Post styles */
h1.page-title {
    text-align: center;
    margin-top: 60px;
    font-size: 28px;
}
.taxonomy-description {
    text-align: center;
    font-size: 16px;
}
article.post,article.page {
    margin-top: 70px;
    background: #fff;
    border: 1px solid #ddd;
    position: relative;
}
.format-box {
    position: absolute;
    left: 0px;
    top: 70px;
    font-size: 32px;
    color: #fff;
    width: 100px;
    height: 50px;
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkgVkhBgjAG23r9Tk6vht1raBviWsdu6_i_vu2oCYnRe2H9EBmGDhuRUevqI2DEsmyR1u81Uxr-T3xkJrJyrIcaJUU4Z-8Gzmwaji63Yb1BdiJcngwIMUotAf8-ZBQNXIoYtnFbiyHIEoU/s1600/format.png) no-repeat;
    padding: 10px 0px 0px 30px;
}
.post-cover {
    margin: 70px 70px 70px 150px;
}
.page-cover {
    margin: 50px 70px;
}
.entry-meta {
    font-size: 12px;
    color: #888;
    text-transform: uppercase;
}
.entry-meta a:link, .entry-meta a:visited {
    color: #888;
}
.entry-meta span {
    margin-right: 20px;
}
.entry-header {
    margin-bottom: 30px;
}
h2.entry-title {
    font-size: 42px;
    color: #555;
}
.media-box {
    margin-bottom: 20px;
}
/*----------------------------------------------------
          {--------}  Chat  {--------}
----------------------------------------------------*/
.chat-content {
    font-size: 15px;
}
.chat-content ul {
    margin: 0px;
    list-style: none;
}
.chat-content ul li {
    border-bottom: 1px dotted #ddd;
    padding: 8px 0px;
}
/*----------------------------------------------------
          {--------}  Quote  {--------}
----------------------------------------------------*/
.quote-content {
    font-size: 16px;
}
.quote-content p {
    position: relative;
    text-align: center;
    padding: 30px;
    margin: 1em 0 2em;
    background: #f3961c;
 /* default background for browsers without gradient support */
/* css3 */
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#eee), to(#f4f4f4));
    background: -moz-linear-gradient(#eee, #f4f4f4);
    background: -o-linear-gradient(#eee, #f4f4f4);
    background: linear-gradient(#eee, #f4f4f4);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 1px 1px 2px 0px #ddd;
    box-shadow: 1px 1px 2px 0px #ddd;
}
.quote-content p:after {
    content: "";
    position: absolute;
    bottom: -15px;
 /* value = - border-top-width - border-bottom-width */
    left: 340px;
 /* controls horizontal position */
    border-width: 15px 15px 0;
 /* vary these values to change the angle of the vertex */
    border-style: solid;
    border-color: #f4f4f4 transparent;
    /* reduce the damage in FF3.0 */
    display: block;
    width: 0;
}
.quote-content h3 {
    font-weight: 700;
    font-family: PT Sans;
    text-align: center;
    font-size: 20px;
}
/*----------------------------------------------------
          {--------}  Aside  {--------}
----------------------------------------------------*/
.aside-content {
    line-height: 36px;
}
.aside-content p {
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-J5LF3VwdUrBIzvD7B-I5MrYYzrrNe4QOeYByS4dKtgJRl5FyLR4NyC9XYqbD_DyBJ2yE2lP5vU6DOPj3cS0MnBPM8Kj28g2cqjbjcRaarQpVJpSG8JZGzg4SFzV-oxEJTn3KrTffIvOK/s1600/paper.png);
    padding: 38px;
    line-height: 25px;
    border: 1px solid #dfdfdf;
}
/*----------------------------------------------------
          {--------}  Footer Widgets  {--------}
----------------------------------------------------*/
#bottom {
    margin: 0px;
    padding: 40px 0px;
    background: #434343;
}
#bottom ul {
    margin: 0px;
    padding: 0px;
}

.botwid{
    padding: 30px 0px;
    color: #aaa;
    list-style: none;
    width: 280px;
    float: left;
}
.botwid h2{
    font-size: 24px;
    margin-bottom: 10px;
    padding-bottom: 10px;
    color: #fff;
}
.botwid ul {
    list-style-type: none;
    margin :0;
    padding: 0px 5px 5px 0px ;    
}
.botwid li{
    list-style-type: none;
    margin: 0 ;
    padding: 0;
    list-style-type: none;
    padding: 7px 0px 7px 0px;
     border-bottom: 1px solid #545454;
}
.botwid ul ul  {
    list-style-type: none;
    margin: 0;
    padding: 0px 0px 0px 0px;
    background-repeat:no-repeat;
}
.botwid ul li {
    height:100%;
    line-height:18px;
    clear: left;
    list-style-type: none;
    color: #eee;  
}
.botwid ul li a:link, .botwid ul li a:visited  {
    color: #eee;
    text-decoration: none;
    padding: 5px 0px 5px 5px;
}
.botwid ul li a:hover{
    color: #fff;
}
/*----------------------------------------------------
          {--------}  Square Banner  {--------}
----------------------------------------------------*/
.squarebanner {
    margin: 0px;
    padding: 30px 0px;
}
.squarebanner ul {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 10px 0px !important;
}
.squarebanner ul li {
    margin: 10px 20px 5px 0px;
    list-style: none;
    float: left;
}
li.rbanner {
    margin-right: 0px!important;
}
/*----------------------------------------------------
          {--------}  Comments  {--------}
----------------------------------------------------*/
#comments {
    margin-top: 70px;
    padding: 0px 0px;
}
h2.comments-title {
    padding: 10px 0px;
    font-size: 24px;
    margin: 0px 0px 20px 0px;
    color: #111;
    font-weight: 700;
    text-transform: uppercase;
}
#comments ol.commentlist {
    clear: both;
    overflow: hidden;
    list-style: none;
    margin: 0;
}
#comments ol.commentlist li {
    clear: both;
    list-style: none;
    margin: 0px 0px 0px 0px;
}
.space {
    height: 30px;
    display: block;
}
.cometa {
    padding: 1px 1px;
    float: left;
}
ol.commentlist li .comment-meta {
    margin-left: 150px;
}
.vcard {
    margin-left: 30px;
    margin-right: 20px;
    float: left;
}
.vcard img.avatar {
    border-radius: 10px;
    border: 5px solid #FFC706;
}
cite.fn {
    font-size: 16px;
    font-weight: 700;
    font-style: normal;
}
.comment-content {
    margin-top: 5px;
    border: 1px solid #ddd;
    border-radius: 10px;
    background: #fff;
    padding: 10px 30px 10px 135px;
}
ol.commentlist li p {
    margin: 10px 5px;
    padding: 10px 10px;
}
ol.commentlist li .reply {
    float: right;
    background: #6A6A6A;
    color: #fff;
    font-size: 12px;
    padding: 5px 10px;
    margin-bottom: 20px;
    border-radius: 5px;
}
ol.commentlist li .reply a {
    color: #fff;
}
ol.commentlist li ul.children {
    list-style: none;
    text-indent: 0;
    margin: 0px 0 0 0px 50px;
}
.comment-nav {
    height: 20px;
    padding: 5px;
}
.comment-nav a:link,.comment-nav a:visited {
    color: #777;
}
#respond {
    margin: 50px 0;
}
#respond h3 {
    font-size: 16px;
    font-weight: 700;
    color: #222;
    padding: 5px 0px;
    margin: 0px 0px;
}
#commentform {
    padding: 0px 0px;
}
#commentform p {
    color: #777;
    margin: 5px 0;
}
.form-allowed-tags {
    font-size: 13px;
}
#respond label {
    display: inline;
    color: #777;
    padding: 5px 0;
}
#respond input {
    background: #fff;
    border: 1px solid #ddd;
    color: #777;
    margin: 0 10px 10px 0;
    padding: 5px;
}
#commentform input {
    width: 50%;
    display: block;
    margin-top: 5px;
}
#respond input#submit {
    width: 130px;
    background: #eee;
    color: #555;
    cursor: pointer;
    margin: 10px 0;
    padding: 5px 10px;
    border: 1px solid #bbb;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
textarea#comment {
    display: block;
    margin-top: 5px;
    background: #fff;
    border: 1px solid #ddd;
    width: 70%;
    color: #333;
    margin: 5px 0 0;
    padding: 10px 10px;
}
.form-allowed-tags {
    padding: 20px 0px;
}
ol.commentlist li .comment-author,ol.commentlist li .comment-author .fn {
    color: #333;
}
ol.commentlist li .comment-meta,#respond label small {
    font-size: 10px;
}
ol.commentlist li ul.children li.depth-2,ol.commentlist li ul.children li.depth-3,ol.commentlist li ul.children li.depth-4,ol.commentlist li ul.children li.depth-5 {
    margin: 0 0 0 50px;
}
/* Footer */
.site-footer {
    background: #3A3A3A;
}
.site-info {
    padding: 30px 0px;
}
.fcred {
    text-align: center;
    color: #888;
}
.fcred a:link, .fcred a:visited {
    color: #888;
}
/*----------------------------------------------------
          {--------}  Pagination  {--------}
----------------------------------------------------*/
.pagination {
    clear: both;
    padding: 40px 0;
    position: relative;
    font-size: 13px;
    line-height: 24px;
    text-align: center;
}
.pagination span, .pagination a:link,.pagination a:visited {
    display: inline-block;
    margin: 2px 10px 2px 0;
    padding: 5px 14px;
    border-radius: 20px;
    text-decoration: none;
    width: auto;
    color: #fff;
    background: #FFC706;
}
.pagination a:hover {
    color: #fff;
    background: #EE3B0A;
}
.pagination .current {
    padding: 5px 14px;
    border-radius: 20px;
    background: #EE3B0A;
    color: #fff;
}

/* =Global
----------------------------------------------- */

body,
button,
input,
select,
textarea {
color: #666666;
font-family: 'PT Sans',sans-serif;
font-size: 14px;
font-size: 1.4rem;
line-height: 1.4;
}



/* Headings */
h1,h2,h3,h4,h5,h6 {
clear: both;
margin:0px 0px 10px 0px;
font-family: 'Economica',sans-serif;
line-height: 125%;
}


h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
h1 { font-size: 24px; }
h2 { font-size: 22px;  }
h3 { font-size: 18px;  }
h4 { font-size: 16px; }
h5 { font-size: 14px;  }
h6 { font-size: 14px;  }


hr {
background-color: #ccc;
border: 0;
height: 1px;
margin-bottom: 1.5em;
}

/* Text elements */
p {
margin-bottom: 1.5em;
}
ul, ol {
margin: 0 0 1.5em 3em;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
ul ul, ol ol, ul ol, ol ul {
margin-bottom: 0;
margin-left: 1.5em;
}
dt {
font-weight: bold;
}
dd {
margin: 0 1.5em 1.5em;
}
b, strong {
font-weight: bold;
}
dfn, cite, em, i {
font-style: italic;
}
blockquote {
margin: 0 1.5em;
}
address {
margin: 0 0 1.5em;
}
pre {
background: #eee;
font-family: "Courier 10 Pitch", Courier, monospace;
font-size: 15px;
font-size: 1.5rem;
line-height: 1.6;
margin-bottom: 1.6em;
padding: 1.6em;
overflow: auto;
max-width: 100%;
}
code, kbd, tt, var {
font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr, acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
mark, ins {
background: #fff9c0;
text-decoration: none;
}
sup,
sub {
font-size: 75%;
height: 0;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
bottom: 1ex;
}
sub {
top: .5ex;
}
small {
font-size: 75%;
}
big {
font-size: 125%;
}
figure {
margin: 0;
}
table {
margin: 0 0 1.5em;
width: 100%;
}
th {
font-weight: bold;
}
button,
input,
select,
textarea {
font-size: 100%; /* Corrects font size not being inherited in all browsers */
margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
vertical-align: baseline; /* Improves appearance and consistency in all browsers */
*vertical-align: middle; /* Improves appearance and consistency in all browsers */
}
button,
input {
line-height: normal; /* Addresses FF3/4 setting line-height using !important in the UA stylesheet */
*overflow: visible;  /* Corrects inner spacing displayed oddly in IE6/7 */
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
border: 1px solid #ccc;
border-color: #ccc #ccc #bbb #ccc;
border-radius: 3px;
background: #fafafa; /* Old browsers */
background: -moz-linear-gradient(top,  #fafafa 60%, #e6e6e6 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(60%,#fafafa), color-stop(100%,#e6e6e6)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fafafa 60%,#e6e6e6 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fafafa 60%,#e6e6e6 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fafafa 60%,#e6e6e6 100%); /* IE10+ */
background: linear-gradient(top,  #fafafa 60%,#e6e6e6 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#e6e6e6',GradientType=0 ); /* IE6-9 */
box-shadow: inset 0 2px 1px #fff;
color: rgba(0,0,0,.8);
cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */
-webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS */
font-size: 12px;
font-size: 1.2rem;
padding: 8px 20px;;
text-shadow: 0 1px 0 rgba(255,255,255,.5);
}
button:hover,
html input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
background: #f5f5f5; /* Old browsers */
background: -moz-linear-gradient(top,  #f5f5f5 60%, #dcdcdc 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(60%,#f5f5f5), color-stop(100%,#dcdcdc)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f5f5f5 60%,#dcdcdc 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f5f5f5 60%,#dcdcdc 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f5f5f5 60%,#dcdcdc 100%); /* IE10+ */
background: linear-gradient(top,  #f5f5f5 60%,#dcdcdc 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#dcdcdc',GradientType=0 ); /* IE6-9 */
border-color: #bbb #bbb #aaa #bbb;
}
button:focus,
html input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
html input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
border-color: #aaa #bbb #bbb #bbb;
box-shadow: inset 0 2px 3px rgba(0,0,0,.15);
box-shadow: inset 0 2px 2px rgba(0,0,0,.15);
}
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box; /* Addresses box sizing set to content-box in IE8/9 */
padding: 0; /* Addresses excess padding in IE8/9 */
}
input[type="search"] {
-webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box; /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */
box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
-webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
border: 0;
padding: 0;
}
input[type=text],
input[type=email],
textarea {
color: #666;
border: 1px solid #ccc;
border-radius: 3px;
}
input[type=text]:focus,
input[type=email]:focus,
textarea:focus {
color: #111;
}
input[type=text],
input[type=email] {
padding: 7px 10px;
}
textarea {
overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */
padding: 8px 10px;
vertical-align: top; /* Improves readability and alignment in all browsers */
width: 98%;
}

/* Links */
a {
color: #EE3B0A;
text-decoration: none;
}
a:visited {
color: #EE3B0A;
}
a:hover,
a:focus,
a:active {
color:#E8B409;
}

/* Alignment */
.alignleft {
display: inline;
float: left;
margin-right: 1.5em;
}
.alignright {
display: inline;
float: right;
margin-left: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin: 0 auto;
}

.clear{
clear:both;
}
/* Text meant only for screen readers */
.assistive-text {
clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
}


/* Clearfix */
.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}


/* =Content
----------------------------------------------- */

.sticky {}
.hentry {
margin-top:70px;
}
.entry-meta {
clear: both;
}
.byline {
display: none;
}
.single .byline,
.group-blog .byline {
display: inline;
}
.entry-content,
.entry-summary {
margin: 1.5em 0 0;
line-height: 150%;
}
.page-links {
clear: both;
margin: 0 0 1.5em;
}


/* =Asides
----------------------------------------------- */

.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
display: none;
}


/* =Media
----------------------------------------------- */

.site-header img,
.entry-content img,
.comment-content img,
.widget img {
max-width: 100%; /* Fluid images for posts, comments, and widgets */
}
.site-header img,
.entry-content img,
img[class*="align"],
img[class*="wp-image-"] {
height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
.site-header img,
.entry-content img,
img.size-full {
max-width: 100%;
width: auto; /* Prevent stretching of full-size images with height and width attributes in IE8 */
}
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
}
.wp-caption {
border: 1px solid #ccc;
max-width: 100%;
}
.wp-caption.aligncenter,
.wp-caption.alignleft,
.wp-caption.alignright {
margin-bottom: 1.5em;
}
.wp-caption img {
display: block;
margin: 1.2% auto 0;
max-width: 98%;
}
.wp-caption-text {
text-align: center;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 0;
}
.site-content .gallery {
margin-bottom: 1.5em;
}
.gallery-caption {
}
.site-content .gallery a img {
border: none;
height: auto;
max-width: 90%;
}
.site-content .gallery dd {
margin: 0;
}
.site-content .gallery-columns-4 .gallery-item {
}
.site-content .gallery-columns-4 .gallery-item img {
}

/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
max-width: 100%;
}


/* =Navigation
----------------------------------------------- */

.site-content .site-navigation {
margin: 0 0 1.5em;
overflow: hidden;
}
.site-content .nav-previous {
float: left;
width: 50%;
}
.site-content .nav-next {
float: right;
text-align: right;
width: 50%;
}
]]></b:skin>
<script type='text/javascript'>
function lebel_logo(etiqueta) {
imagenes = new Array();
imagenes[1] = &quot;<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWv6LCjcLvYhbgnXw38IVoPVEAIIALhWOPteTIdQ5jUlnq_4WXs6qdU7b1CQ9ELkG1svMlv_ZmFSQnfzCNseMEpMezmtaEJrrijYJJdZ1xnkUeadoNXRD4dddLW-H008qmF8QXH_12bbZT/s1600/images.png' title='Image'/>&quot;

imagenes[2] = &quot;<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhR0Wrw7b7GF0-0Z4kOFGzxPMIWnNpru-fxbnkHN3HpLV1iu4-r-waqwJzDmYJp56inel7PcSN_SIMK-ZbsI9h-NqIgMAF0qNA7o6tp1t7tmRTyQkQQlSylirzwCxsWj9xBlpR7kbpKcfDx/s1600/video.png' title='Video'/>&quot;

imagenes[3] = &quot;<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHvqxBwRnSll-HicvQ8sHfHH-_Jz7mq0S36Pb_ZLJxmliz72N7yB8ufMekxA49kl0uaJ7Z4hG-YJPP7Wz_vxaRKUrLtPnmqUKhBn1fbp2SwXyISZKY5_V8SCLoRKg_iLF9LCv2rq8rjnZj/s1600/audio.png' title='Music'/>&quot;

imagenes[4] = &quot;<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6w9PmY6Lj4MOQPZVGh13rCsNlVFnIfatLDhqXP8EGTS3ee0dNZREqtZpCyiEcVMgGWIBkiRDMTg2VIBrG38yxcCS7W3KyIgjVgqLsyDEtqxf6CmKtqAOdXxTK42B5K6euYhRLLDZR-23C/s1600/quote.png' title='Quote'/>&quot;

imagenes[5] = &quot;<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgU3twNmBDivyDR2k06Fe-7VoMSeQ3Y3CywXqIv9ghaMDrRCwh4dCEcuJThypklNO9RZZhZntgAg0vdmuth-ZAHvomSHOn2sLXPV0anjpZfZG3zjo4DTLSzlGAtAPfflYu_aAD2eGzZp8cs/s320/link.png' title='Blog'/>&quot;

imagenes[6] = &quot;<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqKvIdJqLWCqgt_gMsBvZ8pHv4N6h9RAl8wyGdQ99PYke34jaBKnJnfFd8Zo9vq1r3vucO9GVRydgbdFR37L7BEePO4CCv2PVUniVZ0RAldlcOSnPVcN-uj-auPJIyusY51l0uUMD8_ktI/s1600/Chat.png' title='Chat'/>&quot;

if (etiqueta == &quot;Image&quot;)
{document.write(imagenes[1]);}

if (etiqueta == &quot;Video&quot;)
{document.write(imagenes[2]);}

if (etiqueta == &quot;Music&quot;)
{document.write(imagenes[3]);}

if (etiqueta == &quot;Quote&quot;)
{document.write(imagenes[4]);}

if (etiqueta == &quot;Blog&quot;)
{document.write(imagenes[5]);}

if (etiqueta == &quot;Chat&quot;)
{document.write(imagenes[6]);}

}
</script>


<script type='text/javascript'>
//<![CDATA[
/*
 * Superfish v1.4.8 - jQuery menu widget
 * Copyright (c) 2008 Joel Birch
 *
 * Dual licensed under the MIT and GPL licenses:
 * http://www.opensource.org/licenses/mit-license.php
 * http://www.gnu.org/licenses/gpl.html
 *
 * CHANGELOG: http://users.tpg.com.au/j_birch/plugins/superfish/changelog.txt
 */
(function($){$.fn.superfish=function(op){var sf=$.fn.superfish,c=sf.c,$arrow=$(['<span class="',c.arrowClass,'"> &#xbb;</span>'].join("")),over=function(){var $$=$(this),menu=getMenu($$);clearTimeout(menu.sfTimer);$$.showSuperfishUl().siblings().hideSuperfishUl();},out=function(){var $$=$(this),menu=getMenu($$),o=sf.op;clearTimeout(menu.sfTimer);menu.sfTimer=setTimeout(function(){o.retainPath=($.inArray($$[0],o.$path)>-1);$$.hideSuperfishUl();if(o.$path.length&&$$.parents(["li.",o.hoverClass].join("")).length<1){over.call(o.$path);}},o.delay);},getMenu=function($menu){var menu=$menu.parents(["ul.",c.menuClass,":first"].join(""))[0];sf.op=sf.o[menu.serial];return menu;},addArrow=function($a){$a.addClass(c.anchorClass).append($arrow.clone());};return this.each(function(){var s=this.serial=sf.o.length;var o=$.extend({},sf.defaults,op);o.$path=$("li."+o.pathClass,this).slice(0,o.pathLevels).each(function(){$(this).addClass([o.hoverClass,c.bcClass].join(" ")).filter("li:has(ul)").removeClass(o.pathClass);});sf.o[s]=sf.op=o;$("li:has(ul)",this)[($.fn.hoverIntent&&!o.disableHI)?"hoverIntent":"hover"](over,out).each(function(){if(o.autoArrows){addArrow($(">a:first-child",this));}}).not("."+c.bcClass).hideSuperfishUl();var $a=$("a",this);$a.each(function(i){var $li=$a.eq(i).parents("li");$a.eq(i).focus(function(){over.call($li);}).blur(function(){out.call($li);});});o.onInit.call(this);}).each(function(){var menuClasses=[c.menuClass];if(sf.op.dropShadows&&!($.browser.msie&&$.browser.version<7)){menuClasses.push(c.shadowClass);}$(this).addClass(menuClasses.join(" "));});};var sf=$.fn.superfish;sf.o=[];sf.op={};sf.IE7fix=function(){var o=sf.op;if($.browser.msie&&$.browser.version>6&&o.dropShadows&&o.animation.opacity!=undefined){this.toggleClass(sf.c.shadowClass+"-off");}};sf.c={bcClass:"sf-breadcrumb",menuClass:"sf-js-enabled",anchorClass:"sf-with-ul",arrowClass:"sf-sub-indicator",shadowClass:"sf-shadow"};sf.defaults={hoverClass:"sfHover",pathClass:"overideThisToUse",pathLevels:1,delay:800,animation:{opacity:"show"},speed:"normal",autoArrows:true,dropShadows:true,disableHI:false,onInit:function(){},onBeforeShow:function(){},onShow:function(){},onHide:function(){}};$.fn.extend({hideSuperfishUl:function(){var o=sf.op,not=(o.retainPath===true)?o.$path:"";o.retainPath=false;var $ul=$(["li.",o.hoverClass].join(""),this).add(this).not(not).removeClass(o.hoverClass).find(">ul").hide().css("visibility","hidden");o.onHide.call($ul);return this;},showSuperfishUl:function(){var o=sf.op,sh=sf.c.shadowClass+"-off",$ul=this.addClass(o.hoverClass).find(">ul:hidden").css("visibility","visible");sf.IE7fix.call($ul);o.onBeforeShow.call($ul);$ul.animate(o.animation,o.speed,function(){sf.IE7fix.call($ul);o.onShow.call($ul);});return this;}});})(jQuery);
//]]>
</script>
<script type='text/JavaScript'>
//courtesy of Boogiejack.com
function killcopy(e){
return false
}
function reEnable(){
return true
}
document.onselectstart=new Function (&quot;return false&quot;)
if (window.sidebar){
document.onmousedown=killcopy
document.onclick=reEnable
}
</script>
<script src='http://demo.fabthemes.com/winter/wp-content/themes/Winter/js/jwplayer.js?ver=1' type='text/javascript'/>

</head>
<body>
<div class='hfeed site' id='page'>  <!-- page begin -->
<header class='site-header' id='masthead' role='banner'>
<div id='botmenu'>
<div class='container_6'>
<div class='menu-primary-container' id='submenu'>
<b:section class='menu' id='menu-primary' preferred='yes' showaddelement='no'>
  <b:widget id='LinkList10' locked='true' title='' type='LinkList'>
    <b:includable id='main'>

<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content'>
   <ul class='sfmenu'>
     <b:loop values='data:links' var='link'>
       <li><a expr:href='data:link.target'><data:link.name/></a></li>
     </b:loop>
   </ul>
   <b:include name='quickedit'/>
 </div>
</b:includable>
  </b:widget>
</b:section>
</div>
</div>
</div>

<div class='top cf '>
<div class='head container_6 cf'>
<div class='logo grid_3'>
<h1 class='site-title'>
<a expr:href='data:blog.homepageUrl'><data:blog.title/></a>
</h1>
</div>

<div class='topbar grid_3'>
<form action='/search' id='searchform' method='get'>
<input id='s' name='q' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Search my site...&quot;;}' onfocus='if (this.value == &quot;Search my site...&quot;) {this.value = &quot;&quot;}' type='text' value='Search my site...'/>
<input id='searchsubmit' type='submit' value='search'/>
</form>
</div>
</div>
</div>
</header><!-- #masthead .site-header -->




<div class='site-main container_6' id='main'>
<div class='content-area ' id='primary'>
<div class='site-content cf' id='content' role='main'>
<b:section class='main' id='main' showaddelement='yes'>
  <b:widget id='HTML1' locked='false' title='' type='HTML'>
    <b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

  <b:include name='quickedit'/>
</b:includable>
  </b:widget>
  <b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'>
    <b:includable id='main' var='top'>
<!-- posts -->
<div class='blog-posts hfeed'>

<data:defaultAdStart/>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.isDateStart'>
<b:if cond='data:post.isFirstPost == &quot;false&quot;'>
&lt;/div&gt;&lt;/div&gt;
</b:if>
</b:if>
<b:if cond='data:post.isDateStart'>
&lt;div class=&quot;date-outer&quot;&gt;
</b:if>
<b:if cond='data:post.isDateStart'>
&lt;div class=&quot;date-posts&quot;&gt;
</b:if>
<div class='post-outer'>
<b:include data='post' name='post'/>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<b:include data='post' name='comments'/>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:include data='post' name='comments'/>
</b:if>
</div>
<b:if cond='data:post.includeAd'>
<b:if cond='data:post.isFirstPost'>
<data:defaultAdEnd/>
<b:else/>
<data:adEnd/>
</b:if>
<div class='inline-ad'>
<data:adCode/>
</div>
<data:adStart/>
</b:if>
<b:if cond='data:post.trackLatency'>
<data:post.latencyJs/>
</b:if>
</b:loop>
<b:if cond='data:numPosts != 0'>
&lt;/div&gt;&lt;/div&gt;
</b:if>
<data:adEnd/>
</div>
<div class='clear'/>
<div class='pagination cf'>
<!-- navigation -->
<b:include name='nextprev'/>
</div>
 
<b:if cond='data:top.showStars'>
<script src='//www.google.com/jsapi' type='text/javascript'/>
<script type='text/javascript'>
google.load(&quot;annotations&quot;, &quot;1&quot;, {&quot;locale&quot;: &quot;<data:top.languageCode/>&quot;});
function initialize() {
google.annotations.setApplicationId(<data:top.blogspotReviews/>);
google.annotations.createAll();
google.annotations.fetch();
}
google.setOnLoadCallback(initialize);
</script>
</b:if>
</b:includable>
    <b:includable id='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='//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 id='comment-form'>
<div id='respond'>
<a name='comment-form'/>
<h3>Leave a Reply</h3>
<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='102%'/>
<data:post.friendConnectJs/>
<data:post.cmtfpIframe/>
<script type='text/javascript'>
BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;);
</script>
</div>
</div>
</b:includable>
    <b:includable id='comment-form-js' var='post'>
<data:post.friendConnectJs/>
<data:post.cmtfpIframe/>
<script type='text/javascript'>
BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;);
</script>
</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='//www.blogger.com/img/icon_delete13.gif'/>
</a>
</span>
</b:includable>
    <b:includable id='comment_count_picker' var='post'>
  <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-post-url='data:post.url' 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:includable>
    <b:includable id='comment_picker' var='post'>
  <b:if cond='data:post.commentSource == 1'>
    <b:include data='post' name='iframe_comments'/>
  <b:elseif cond='data:post.showThreadedComments'/>
    <b:include data='post' name='threaded_comments'/>
  <b:else/>
    <b:include data='post' name='comments'/>
  </b:if>
</b:includable>
    <b:includable id='comments' var='post'>
<div class='clear'/>
<div id='commentsbox'>
<a name='comments'/>
<b:if cond='data:post.allowComments'>
<b:if cond='data:post.numComments != 0'>
<h3 id='comments'>
<b:if cond='data:post.numComments == 1'>
One Response so far.
<b:else/>
<data:post.numComments/> Responses so far.
</b:if>
</h3>
</b:if>

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


<ol class='commentlist'>
<b:loop values='data:post.comments' var='comment'>
<b:if cond='data:comment.adminClass == data:post.adminClass'>
<li class='comment odd'>
<div class='comment-body'>

<div class='authordata'>
<div class='avatar'>
<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon' height='32px' style='margin-bottom:-2px;' width='32px'/>
</b:if>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:blog.enabledCommentProfileImages'>
<data:comment.authorAvatarImage/>
</b:if>
</div> <!-- end .avatar-->
</div>



<div class='vcard'>
<cite class='fn'>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
</cite> <span class='says'>says:</span>
</div>
<div class='comment-meta commentmetadata'>
<a expr:href='data:comment.url' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</div>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p>
<data:comment.body/>
<span class='interaction-iframe-guide'/>
</p>
</b:if>
</div>
</li>
<b:else/>
<li class='comment even'>
<div class='comment-body'>
<div class='comment-author vcard'>
<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon' height='32px' style='margin-bottom:-2px;' width='32px'/>
</b:if>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:blog.enabledCommentProfileImages'>
<data:comment.authorAvatarImage/>
</b:if>
<cite class='fn'>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
</cite> <span class='says'>says:</span>
</div>
<div class='comment-meta commentmetadata'>
<a expr:href='data:comment.url' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</div>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p>
<data:comment.body/>
<span class='interaction-iframe-guide'/>
</p>
</b:if>
</div>
</li>
</b:if>
</b:loop>
</ol>

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

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

<div id='backlinks-container'>
<div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>
<b:if cond='data:post.showBacklinks'>
<b:include data='post' name='backlinks'/>
</b:if>
</div>
</div>
</div>
</b:includable>
    <b: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'>
<div class='mobile-index-title-outer'>
<h3 class='mobile-index-title entry-title'>
<a href='javascript:void(0)'><data:post.title/></a>
</h3>
</div>
<div>
     
<div class='mobile-index-arrow'>
<a href='javascript:void(0)'>&amp;rsaquo;</a>
</div>

<div class='mobile-post-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>

<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'><data:newerPageTitle/></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'><data:olderPageTitle/></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(0);'><data:shareMsg/></a>
                </div>
              </b:if>
              <b:if cond='data:top.showDummy'>
                <div class='goog-inline-block dummy-container'><data:post.dummyTag/></div>
              </b:if>
            </div>

          </div>
        </div>

        <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
          <b:include data='post' name='comments'/>
        </b:if>
        <b:if cond='data:blog.pageType == &quot;item&quot;'>
          <b:include data='post' name='comments'/>
        </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>
</div>
<div class='clear'/>
</b:includable>
    <b:includable id='post' var='post'>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<article class='post page' id='post'>
<div class='page-cover'>
<header class='entry-header'>
<h2 class='entry-title'>
<b:if cond='data:post.link'>
<data:post.title/>
<b:else/>
<b:if cond='data:post.url'>
<data:post.title/>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h2>
</header><!-- .entry-header -->

<div class='entry-content'>
<data:post.body/>
</div><!-- .entry-content -->
</div>
</article><!-- #post-2 -->
</b:if>

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<article class='post' id='post'>
<div class='format-box'>
<b:loop values='data:post.labels' var='label'>
<a class='icon-user' expr:href='data:label.url' rel='tag'>
<script type='text/javascript'>lebel_logo(&quot;<data:label.name/>&quot;);</script>
</a>
</b:loop>
</div>

<div class='post-cover'>
<div class='entry-meta'>
<span class='clock'>
<i class='icon-time'/>
<data:post.timestamp/> days ago
</span>
<span class='comments-link'>
<i class='icon-comment'/>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <b:else/><data:post.numComments/> </b:if></a>
</span>
<span class='perml'>
<i class='icon-bolt'/>
<a expr:href='data:post.url' rel='bookmark'>Permalink</a></span>
</div><!-- #entry-meta -->

<header class='entry-header'>
<h2 class='entry-title'>
<b:if cond='data:post.link'>
<data:post.title/>
<b:else/>
<b:if cond='data:post.url'>
<data:post.title/>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h2>
</header><!-- .entry-header -->
<div class='entry-content'>
<p><data:post.body/></p>
</div><!-- .entry-content -->
</div>
</article><!-- #post-46 -->
</b:if></b:if>




<b:if cond='data:blog.pageType == &quot;item&quot;'>
<article class='post' id='post'>
<div class='format-box'>
<b:loop values='data:post.labels' var='label'>
<a class='icon-user' expr:href='data:label.url' rel='tag'>
<script type='text/javascript'>lebel_logo(&quot;<data:label.name/>&quot;);</script>
</a>
</b:loop>
</div>

<div class='post-cover'>
<div class='entry-meta'>
<span class='clock'>
<i class='icon-time'/>
<data:post.timestamp/> days ago
</span>
<span class='comments-link'>
<i class='icon-comment'/>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <b:else/><data:post.numComments/> </b:if></a>
</span>
<span class='perml'>
<i class='icon-bolt'/>
<a expr:href='data:post.url' rel='bookmark'>Permalink</a></span>
</div><!-- #entry-meta -->

<header class='entry-header'>
<h2 class='entry-title'>
<b:if cond='data:post.link'>
<data:post.title/>
<b:else/>
<b:if cond='data:post.url'>
<data:post.title/>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h2>
</header><!-- .entry-header -->
<div class='entry-content'>
<p><data:post.body/></p>
</div><!-- .entry-content -->
</div>
</article><!-- #post-46 -->
</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://img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
</a>
</span>
</b:if>
</b:includable>
    <b:includable id='shareButtons' var='post'>
<b:if cond='data:post.sharePostUrl'>
<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>
</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'/>
    <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' expr:height='data:cmtIframeInitialHeight' frameborder='0' 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' expr:height='data:cmtIframeInitialHeight' frameborder='0' id='comment-editor' name='comment-editor' src='' width='100%'/>
    </b:if>
    <data:post.friendConnectJs/>
    <data:post.cmtfpIframe/>
    <script type='text/javascript'>
      BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;);
    </script>
  </div>
</b:includable>
    <b:includable id='threaded_comment_js' var='post'>
  <script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>

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

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

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

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

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

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

      var onReply = function(commentId, domId) {
        if (replybox == null) {
          // lazily cache replybox, and adjust to suit this style:
          replybox = document.getElementById('comment-editor');
          if (replybox != null) {
            replybox.height = '250px';
            replybox.style.display = 'block';
            replyUrlParts = replybox.src.split('#');
          }
        }
        if (replybox && (commentId !== replyParent)) {
          replybox.src = '';
          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'/>
    <h4><data:post.commentLabelFull/>:</h4>

    <div class='comments-content'>
      <b:include cond='data:post.embedCommentForm' data='post' name='threaded_comment_js'/>
      <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:include cond='data:post.showBacklinks' data='post' name='backlinks'/>
    </div>
    </div>
  </div>
</b:includable>
  </b:widget>
</b:section>
</div><!-- #content .site-content -->
</div><!-- #primary .content-area -->
</div><!-- #main .site-main -->

<div id='bottom'>
<div class='container_6 cf'>
<ul>
<div class='botwid grid_2'>
<b:section class='lowerbar' id='lowerbar1' preferred='yes'/>
</div>

<div class='botwid grid_2'>
<b:section class='lowerbar' id='lowerbar2' preferred='yes'/>
</div>

<div class='botwid grid_2'>
<b:section class='lowerbar' id='lowerbar3' preferred='yes'/>
</div>
</ul>
</div>
</div>

<footer class='site-footer' id='colophon' role='contentinfo'>
<div class='container_6'>
<div class='site-info'>
<div class='fcred'>
&#169; 2013 <a expr:href='data:blog.homepageUrl'><data:blog.title/></a> Design by Khenno<a href='' title='Best Themes - WordPress Theme // Blogger Theme'/> | <a href='' title='Themes Hive - Premium WordPress Theme'>MUC7</a>  <br/>
<a href='' title='WordPress Themes Designs'/>
</div>
</div></div><!-- .site-info -->
</footer><!-- #colophon .site-footer -->
</div>
</body>
</html>

Written by

We are Creative Blogger Theme Wavers which provides user friendly, effective and easy to use themes. Each support has free and providing HD support screen casting.

1 comments:

© 2013 khenno. All rights resevered. Designed by