Gallery templates


    <?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>
    <!--[if IE]>
    <script defer type="text/javascript" src="http://coffeebtheme.googlecode.com/files/photogallery.js"></script>
    <![endif]-->
    <b:if cond='data:blog.pageType == &quot;index&quot;'>
    <title><data:blog.title/></title>
    <b:else/>
    <title><data:blog.pageName/> | <data:blog.title/></title>
    </b:if>
    <b:skin><![CDATA[
    /*
    -----------------------------------------------
    Name : Photo Gallery Blogger Template
    Converted by : Kumar
    URL : http://www.bloggertheme.net/
    Designed By : http://www.templatemo.com

    License: This Blogger template is licensed under the Creative Commons Attribution 3.0 License, which permits both personal and commercial use.
    However, to satisfy the 'attribution' clause of the license, you are required to keep the footer links intact which provides due credit to its authors. For more specific details about the license, you may visit the URL below:
    http://creativecommons.org/licenses/by/3.0/
    -----------------------------------------------
    */
    #navbar-iframe {
    display:none!important;
    }
    body {
    margin: 0;
    padding: 0;
    line-height: 1.7em;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 12px;
    color: #000000;
    background: #fff;

    }
    a:link, a:visited { color: #0066CC; text-decoration: none; }
    a:active, a:hover { color: #990000; text-decoration: none; }

    p { margin: 0px; padding: 0px; }

    * {
    margin:0;
    padding:0;
    list-style:none;
    border:none;
    vertical-align:baseline;
    outline:none;
    }
    a img {
    border-width:0;
    }
    /*------------------Navigation Menu------------------------------*/
    /* site title */

    #site_title_bar_wrapper {
    width: 100%;
    height: 130px;
    margin: 0 auto;
    background: #000000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8vxQTEQptGlqEfSEvk1v0xRCiVqiquJRPR5TO4PAa_XgK9Yno0X8Wigd0UrDid6NTojhid8MwllFMivttZo3fihx2VEqXlK6SFKWoq9OPtL4lRfyAlJT8cIl7eqWKo69JL7QNFCc9JA/s1600/sitetitle_wrapper.jpg) no-repeat center top;
    }

    #site_title_bar {
    width: 900px;
    height: 130px;
    margin: 0 auto;
    padding: 0 20px 0 60px;
    background: #000000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzoESsuGr8rsg2B5Q-EKnUObsejOyLte771M7yre1cEfl3ce7eXgpvUyQLe6Si27g1eMS8l_lhLAiNlAy7IRA8zpGQcKVw-tKSAFF22hheP31lw7xii8bEoKeNz6ph3cakIyeR4HonNQ/s1600/site_title_bg.jpg) no-repeat center top;
    }

    #site_title_bar #site_title {
    float: left;
    padding: 30px 0 0 0;
    text-align: center;
    }

    #site_title h1 a {
    margin: 0px;
    padding: 0px;
    font-size: 24px;
    color: #ffffff;
    font-weight: bold;
    text-decoration: none;
    }

    #site_title h1 a:hover {
    font-weight: bold;
    text-decoration: none;
    }

    #site_title h1 a span {
    display: block;
    margin-left: 3px;
    font-size: 14px;
    color: #000000;
    font-weight: bold;
    letter-spacing: 4px;
    }

    /* menu */

    #site_title_bar #nav_menu {
    float: right;
    width: 515px;
    height: 53px;
    padding: 39px 0 0 0;
    margin: 0 auto;

    }

    #nav_menu ul {
    margin: 0px;
    padding: 13px 0 0 20px;
    list-style: none;
    }

    #nav_menu ul li {
    padding: 0px;
    margin: 0px;
    display: inline;
    }

    #nav_menu ul li a {
    float: left;
    display: block;
    height: 22px;
    padding: 3px 10px 0 5px;
    margin: 0 10px;
    text-align: center;
    font-size: 14px;
    text-decoration: none;
    color: #ffffff;
    font-weight: bold;
    outline: none;
    }

    #nav_menu li a:hover, #nav_menu li .current {
    position: relative;
    color: #ffffff;
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj35rtBeWo2ROyIM_WH7CfgxJUthhKyv5WNp90SU6UCtE0N_477OMkQTU1hKZikfBnBbapCVAFCtgvbQPuZfGneoBsJvx9U168WpyTAmsDgjEF3rwT6n_YysENGcI3kgd-vGLVduc0RjQ/s1600/menu_hover_right.png) right top no-repeat;
    }

    #nav_menu li a:hover span, #nav_menu li .current span {
    position: absolute;
    top: 0;
    left: -5px;
    height: 25px;
    width: 5px;
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIWN20Ucn6O2QPtxOZI-rcX7j9NTWThCKoSrkk0CXr39WtS072ebt1hDh4dnvB3K-Kmqre4yV1sPs8pBSjg4EFWKibI3xOc44rMTLk_fbf0tweZm5-SZsjghiPVPqfwCh6_bpdn526AA/s1600/menu_hover_left.png) no-repeat;
    }

    /* end of menu*/

    /*------Header------*/
    #header-wrapper {
    width:980px;
    margin:0 auto;
    }
    #head-inner {
    width:400px;
    background-position:left;
    margin-left:auto;
    margin-right:auto;
    float:left;
    }
    #header {
    text-align:left;
    color:#ffcc66;
    }
    #r_head {
    width:480px;
    height:60px;
    padding-top:26px;
    float:left;
    padding-left:50px;
    }
    #fix {
    min-height:109px;
    }
    #header h1 {
    color:#030303;
    letter-spacing:4px;
    font-family:Helvetica, sans-serif;
    font-size:34pt;
    text-align:left;
    padding:50px 0 0 5px;
    }
    #header a {
    color:#030303;
    text-decoration:none;
    }
    #header a:hover {
    color:#232323;
    }
    #header .description {
    font-size:12px;
    color:#505050;
    text-transform:uppercase;
    letter-spacing:2px;
    font-family:Arial;
    font-weight:bold;
    Float:left;
    text-align:left;
    padding:8px 0 0 10px;
    }
    #header img {
    margin-left:auto;
    margin-right:auto;
    }
    /*Outer-Wrapper
    ----------------------------------*/
    #outer-wrapper {
    margin:0 auto;
    text-align:left;
    width:980px;
    }
    #main-wrapper {
    float:left;
    margin:0 20px 0 15px;
    overflow:hidden;
    padding:20px;
    width:580px;
    background:#ffffff;
    border: 1px solid #e0e0e0;
    }
    #content-wrapper {
    padding-top:25px;
    width:100%;
    }
    .clear {
    clear:both;
    }
    /*Posts
    ----------------------------------------*/
    .post {
    border-bottom:1px solid #fff;
    }
    .post h3 {
    font-family: Georgia,tahoma, century gothic, sans-serif;font-size:24px;
    line-height:100%;color:#000;font-weight:normal;margin:5px 0px;
    }
    .post h3 a,.post h3 a:visited,.post h3 strong {
    color:#000;
    }
    .post h3 a:hover {
    color:#000;
    }
    .post-body {
    padding-top:20px;
    font:110% Arial, Helvetica, sans-serif;
    color:#000;
    font-weight:regular;
    margin:0 0 .75em;
    line-height:2em;
    }
    .post-body blockquote {
    }
    .post-footer {
    }
    .post-author {
    margin:0 20px 0 2px;
    }
    .comment-link {
    color:#666;
    margin:-10px 0 0;
    -moz-border-radius-bottomleft:10px;
    border-color:#2B2B2B;
    border-style:solid;
    border-width:1px;
    float:right;
    width:32px;
    height:24px;
    text-align:center;
    background:#2B2B2B;
    }
    .post img {
    }
    .post blockquote {
    font-family:georgia;
    font-style:italic;
    padding:20px 20px 20px 50px;
    }
    .post blockquote p {
    }
    .rmlink {
    display:none;
    }

    /* Comments
    ----------------------------------------------- */
    #comments {
    margin: 0px 0px 0px 0px;
    padding: 15px 20px 15px 20px;
    text-align: left;
    color: #4c4c4c;
    font: normal normal 94% Trebuchet, Trebuchet MS, Arial, sans-serif;
    border: 1px solid #fff;
    background:#fff;
    width:570px;
    }


    #comments h4 {
    margin: 10px 0px 0px 0px;
    padding: 3px 0px 3px 0px;
    color: #365D95;
    font: normal normal 128% Trebuchet, Trebuchet MS, Arial, sans-serif;
    }


    #comments-block {
    background: #DBECFE;

    }
    .comment-bubble {
    background:#e6e6e6;
    border:1px solid #000;
    padding:0;
    margin:10px 0 20px;
    }
    .comment-bubble a {
    color:#fff;
    }
    #comments-block .comment-author {
    background: #DBECFE;
    }
    #comments-block .comment-author {
    border:1px solid #202020;
    padding:8px;
    background:#000;
    font:120% Arial;
    color:#C7C6C9;
    }
    #comments-block .comment-body {
    color:#000;
    margin:10px;
    }
    #comments-block .comment-footer {
    float:right;
    margin:10px;
    }
    #comments-block .comment-body p {
    margin:0 0 .75em;
    }

    .deleted-comment {
    font-style:italic;
    color:gray;
    }
    #blog-pager {
    margin-top:0;
    }
    #blog-pager a:hover {
    text-decoration:underline;
    }
    #blog-pager-newer-link {
    float:right;
    }
    #blog-pager-newer-link,#blog-pager-older-link {
    background:#fff;
    display:block;
    padding:0 10px;
    border:1px solid #fff;
    }
    #blog-pager-older-link {
    float:left;
    }
    #blog-pager {
    text-align:center;
    padding:0;
    }
    .feed-links {
    clear:both;
    line-height:2.5em;
    display:none;
    }
    /*-----------------Sidebar Content-------------- */
    .sidebar h2 {
    color:#000;
    background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCGq3QR0kvHmtEhZkgPuQp6avUtL6amnl58oAQkC3EGeafVbn7MVeiH3rq7dAVq2U1Z7UZBL0wvYTFDB7Z9ZMtITYqUCBF-dnYyerkbk9f1pnfcB68mzKWuCxx7p08ASTtDuVjeAq5KQ/s1600/sidebar.jpg') repeat;
    height:30px;
    font-size:14px;
    font-family:Helvetica;
    font-style:normal;
    border-bottom:1px solid #2D2D2D;
    padding: 10px 0px 0px 15px;
    }
    #sidebar-wrapper {
    width:291px;
    float:left;
    word-wrap:break-word;
    /* fix for long text breaking sidebar float in IE */
    overflow:hidden;
    /* fix for long non-text content breaking IE sidebar float */
    }
    .sidebar {
    background:#1A1A1A;
    border:1px solid #fff;
    }
    .sidebar a {
    color:#fff;
    }
    .sidebar ul {
    list-style:none;
    line-height:2.2em;
    }
    .sidebar li {
    border-bottom:1px dashed #e6e6e6;
    display:block;
    padding:0 0 0 19px;
    }
    .sidebar li a:hover {
    text-decoration:underline;
    }
    .sidebar .widget {
    border-bottom:1px solid #fff;
    }
    .sidebar img {
    padding:10px 0 0 25px;
    }
    .sidebar .widget-content {
    }
    .sidebar #ArchiveList {
    margin-top:10px;
    word-wrap:break-word;
    /* fix for long text breaking sidebar float in IE */
    overflow:hidden;
    /* fix for long non-text content breaking IE sidebar float */
    }
    .sidebar #ArchiveList ul {
    background:none;
    margin:0;
    line-height:1.5em;
    padding:0 0 0 25px;
    list-style-type:none;
    }
    .sidebar #ArchiveList ul li {
    margin:0;
    padding:0;
    }


    /* Profile
    ----------------------------------------------- */
    .profile-img {
    }
    .profile-data {
    }
    .profile-datablock {
    }
    .profile-textblock {
    }
    .profile-link {
    }

    /* ----- LOWER SECTION ----- */

    #lower-wrapper {
    margin: 0;
    padding: 0;
    width: 100%;
    font: $sidebarTextFont;
    color: #ffcc66;
    background: #666956 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkb1usZhw5u94faBrbmrPwJ8AR1NWgFoNxAMkOlvHgwm9R4E2h_zWwuZx-JnlrNtBXwJJZdDzIZ2d6t7WXnlJAyvXrlnCTKEQCBIXNnamBbKskDSTahc_pusiatcYEse2823grL2d_6A/s1600/templatemo_footer_bg.jpg) repeat-x top;
    }

    #lowerbar-wrapper {
    float: left;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 15px 0px;
    width: 33%;
    text-align: left;
    line-height: 1.3em;
    background: ;
    word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
    overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
    }

    #lowerads-wrapper {
    float: left;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 15px 0px;
    width: 920px;
    text-align: center;
    background: ;
    word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
    overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
    }

    .lowerbar {margin: 0; padding: 0;}
    .lowerbar .widget {margin: 0; padding: 20px 20px 0px 40px;}
    .lowerads {margin: 0; padding: 0;}
    .lowerads .widget {margin: 0; padding: 0px 0px 0px 0px;}

    .lowerbar h2 {
    margin: 0px 0px 7px -20px;
    padding: 0px 0px 5px 0px;
    color: #fff;
    font: $sidebarHeaderFont;
    text-align: left;
    border-bottom: 1px solid #e6e6e6;
    }


    .lowerbar ul {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    list-style-type: none;
    }

    .lowerbar li {
    margin: 0px 0px 7px 0px;
    padding: 0px 0px 5px 0px;
    border-bottom: 1px dashed #e6e6e6;
    }


    .lowerbar a {color: #ffffcc; text-decoration: none;}
    .lowerbar a:hover {text-decoration: underline; color: #ffcc66;}
    .lowerbar a:visited {text-decoration: none; color:#ffffcc;}


    /* ----- FOOTER ----- */

    #footer-wrapper {
    clear: both;
    display: inline; /* handles IE margin bug */
    float: left;
    width: 100%;
    margin: 6px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background: #e6e6e6;
    border: 1px solid #ccc;
    }

    #footer {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    text-align: left;
    color: #000000;
    font: $footerTextFont;
    line-height: 1.6em;
    }

    #footer h2 {
    margin: 0px 0px 0px 0px;
    padding: 3px 0px 3px 0px;
    color: #cc0000;
    font: $footerHeaderFont;
    }

    #footer .widget {
    margin: 0px 0px 0px 0px;
    padding: 7px 10px 7px 10px;
    }

    .footer p {margin: 0; padding: 0}

    .footer a {
    color: #3D81EE;
    text-decoration: none;
    }

    .footer a:hover {
    color: #cc0000;
    text-decoration: underline;
    }

    .footer a:visited {
    color: #3D81EE;
    text-decoration: none;
    }



    /* ----- CREDIT ----- */

    #credit {
    margin: 0px 0px 0px 0px;
    padding: 2px 0px 0px 0px;
    width: 100%;
    height: 26px;
    clear: both;
    font-family: verdana, helvetica;
    font-size:12px;
    color: #777777;
    font-weight: normal;
    background: #777777;
    }

    #creditleft {
    margin: 0px 0px 0px 0px;
    padding: 7px 0px 0px 0px;
    height: 26px;
    position: relative;
    float: left;
    text-align: left;
    display: inline;
    width: 100%;
    background: #ffffff;
    }

    #creditright {
    margin: -33px 0px 0px 0px;
    padding: 7px 0px 0px 0px;
    height: 26px;
    position: relative;
    float: right;
    text-align:right;
    display: inline;
    width: 0%;
    background: #ffffff;
    }

    #creditleft p {
    margin: 0;
    padding: 0
    }

    #creditright p {
    margin: 0;
    padding: 0
    }

    #creditleft a, .creditleft a:hover, .creditleft a:visited {
    color: #777777;
    text-decoration: underline;
    }

    #creditright a, .creditright a:hover, .creditright a:visited {
    color: #777777;
    text-decoration: underline;
    }


    ]]></b:skin>

    <b:if cond='data:blog.pageType != &quot;item&quot;'>
    <style>

    .post{background: #f1f1f1;
    height:250px; margin:0 15px 11px 0;padding:15px 23px 0 15px;overflow:hidden;
    position:relative;width:269px;}

    .post img {height:200px; margin-bottom:8000px;
    margin-left:-5px;margin-top:-10px;border: none;padding-top:8px;width:248px;}

    #main-wrapper {
    margin:-10px 0px 0px 8px;
    float:left;
    border:0;
    padding: 0 auto;
    background: #ffffff;
    overflow:hidden;
    width: 900px;

    }

    .post{
    background: #f1f1f1;
    width: 260px;
    border: 1px solid #e0e0e0;
    margin:0 15px 11px 0;
    padding:20px 0px 0px 20px;
    border: 1px solid #e0e0e0;
    display:inline;
    float:left;
    overflow:hidden;
    position:relative;

    }

    .post:hover {
    background: #E4E4E4;
    }


    .post img {height:200px;width:248px;padding-top:8px;}

    .post h3 {
    padding: 0;
    margin: 0 0 10px 0;
    height: 20px;
    font-size:15px;
    font-weight:bold;
    padding: 0px;
    color: #85896f;
    text-align: left;

    }
    .post h3 a, .post h3 a:visited, .post h3 strong {color:#000;font-weight:bold;}
    .post h3 strong, .post h3 a:hover {color:#000;font-weight:bold;}


    .post-labels{display:none;}.post-author{display:none;}

    .post-body{padding:0px;}

    .post-footer {display:none;}
    .comment-link {display:none;}


    </style>
    </b:if>



    </head>
    <body>

    <div id='site_title_bar_wrapper'>
    <div id='site_title_bar'>

    <div id='site_title'>
    <h1><a expr:href='data:blog.homepageUrl' title='Home'>

    <img alt='PhotoGallery' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgXb_oIShv-PRituMHkUbNGRTDmdSH_Tf1A3MbivS8cWQqyJNlxuwI4VUrGcnxq95DFr7VQakCX9VljMujjfKmXN-pnUggxhFaRFlXMIymo8FlOhvZ388tyi0Cdm63VKruhpqo1tKCRg/s1600/logo.png'/>
    <span>Blogger Template</span>

    </a></h1>
    </div>

    <div id='nav_menu'>
    <ul>
    <li><a class='current' expr:href='data:blog.homepageUrl' title='Home'><span/>Home</a></li>
    <li><a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' title='Posts RSS'><span/>Posts RSS</a></li>
    <li><a expr:href='data:blog.homepageUrl + &quot;feeds/comments/default&quot;' title='Comments RSS'><span/>Comments RSS</a></li>
    <li><a href='#' title='Edit this link'><span/>Edit</a></li>
    </ul>
    </div> <!-- end of menu -->

    </div> <!-- end of site_title_bar -->

    </div>
    <div id='outer-wrapper'><div id='wrap2'>

    <div id='content-wrapper'>

    <div id='main-wrapper'>
    <b:section class='main' id='main' showaddelement='no'>
    <b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'>
    <b:includable id='nextprev'>
    <div class='clear 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'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWlYf6smJj9hqznNZyIa_Q8fY-c7WXbgtyC8mZNNSSq46EQquA5TY0sWJQrOcI2UwXTtZb_zLE6GEDzvK0Iv_fB3USkc3BHIFZvc1He2M7-GsH7OygmjPFi5wXfPwik9sZbCQ5FLPlTw/s1600/right_arrow.png'/></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'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTJoPw66ydxv6hgxjhM7joMR17lRA4wGdP40MCjBHiocZ194bHWl6WOBBJamsZIn8X_JIwciDt5sOfLOJCKKxsnf1NZi-g73E_RTeAd2yH_JPtp0mWWJbNEL3pT5j_eQSd1RduE5p0FQ/s1600/left_arrow.png'/></a>
    </span>
    </b:if>

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

    </div>
    <div class='clear'/>
    </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='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='post' var='post'>
    <div class='post hentry uncustomized-post-template'>




    <span class='post-comment-link'>
    <b:if cond='data:blog.pageType != &quot;item&quot;'>

    <b:if cond='data:post.allowComments'>
    <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <b:else/><data:post.numComments/></b:if></a>
    </b:if>
    </b:if>
    </span>





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

    <div class='post-footer'>
    <div class='post-header-line-1'/>
    <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-labels'>
    <b:if cond='data:post.labels'>
    <data:postLabelsLabel/>
    <b:loop values='data:post.labels' var='label'>
    <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
    </b:loop>
    </b:if>
    </span>



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


    </div></div>

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

    <div class='post-body entry-content'>

    <script type='text/javascript'>
    summary_noimg = 0;
    summary_img = 0;
    img_thumb_height = 151;
    img_thumb_width = 217;
    </script>
    <script src='http://coffeebtheme.googlecode.com/files/summary-post.js' type='text/javascript'/>

    <script type='text/javascript'>
    //<![CDATA[

    /******************************************
    Auto-readmore link script, version 2.0 (for blogspot)

    (C)2008 by Anhvo

    visit http://en.vietwebguide.com to get more cool hacks

    Modified by KellyStudio (http://kellystudio.blogspot.com/)
    ********************************************/
    function removeHtmlTag(strx,chop){
    if(strx.indexOf("<")!=-1)
    {
    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);
    }
    }
    strx = s.join("");
    }
    chop = (chop < strx.length-1) ? chop : strx.length-2;
    while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
    strx = strx.substring(0,chop-1);
    return strx+'...';
    }

    function createSummaryAndThumb(pID, pURL, pTITLE){
    var div = document.getElementById(pID);
    var imgtag = "";
    var img = div.getElementsByTagName("img");
    var summ = summary_noimg;
    if(img.length>=1) {
    imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><a href="'+ pURL +'" title="'+ pTITLE+'"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></a></span>';
    summ = summary_img;
    }

    var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
    div.innerHTML = summary;
    }

    //]]>
    </script>


    <b:if cond='data:blog.pageType != &quot;item&quot;'>
    <a expr:href='data:post.url'>
    <div expr:id='&quot;summary&quot; + data:post.id'>
    <data:post.body/></div></a>
    <script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;,&quot;<data:post.url/>&quot;,&quot;<data:post.title/>&quot;);</script>
    <span class='rmlink' style='float:right'><a expr:href='data:post.url'>Read more</a></span>

    </b:if>
    <b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>
    <div style='clear: both;'/> <!-- clear for photos floats -->


    <b:if cond='data:blog.pageType == &quot;item&quot;'>




    </b:if>





    </div>
    </div>
    </b:includable>
    <b:includable id='status-message'>
    <b:if cond='data:navMessage'>
    <div>
    </div>
    <div style='clear: both;'/>
    </b:if>

    </b:includable>
    <b:includable id='comment-form' var='post'>
    <div class='comment-form'>
    <a name='comment-form'/>
    <h4 id='comment-post-message'><data:postCommentMsg/></h4>
    <p><data:blogCommentMessage/></p>
    <data:blogTeamBlogMessage/>
    <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
    <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' scrolling='no' src='' width='100%'/>
    <data:post.friendConnectJs/>
    <data:post.cmtfpIframe/>
    <script type='text/javascript'>
    BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;);
    </script>
    </div>
    </b:includable>
    <b:includable id='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='postQuickEdit' var='post'>
    <b:if cond='data:post.editUrl'>
    <span expr:class='&quot;item-control &quot; + data:post.adminClass'>
    <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
    <img alt='' class='icon-action' height='18' src='http://www.blogger.com/img/icon18_edit_allbkg.gif' width='18'/>
    </a>
    </span>
    </b:if>
    </b:includable>
    <b:includable id='main' var='top'>
    <!-- posts -->
    <div class='blog-posts hfeed'>

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

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

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

    <!-- feed links -->
    <b:include name='feedLinks'/>

    <b:if cond='data:top.showStars'>
    <script src='http://www.google.com/jsapi' type='text/javascript'/>
    <script type='text/javascript'>
    google.load(&quot;annotations&quot;, &quot;1&quot;, {&quot;locale&quot;: &quot;<data:top.languageCode/>&quot;});
    function initialize() {
    google.annotations.setApplicationId(<data:top.blogspotReviews/>);
    google.annotations.createAll();
    google.annotations.fetch();
    }
    google.setOnLoadCallback(initialize);
    </script>
    </b:if>




    </b:includable>
    <b:includable id='commentDeleteIcon' var='comment'>
    <span expr:class='&quot;item-control &quot; + data:comment.adminClass'>
    <a expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
    <img src='http://www.blogger.com/img/icon_delete13.gif'/>
    </a>
    </span>
    </b:includable>
    <b:includable id='feedLinks'>
    <b:if cond='data:blog.pageType != &quot;item&quot;'> <!-- Blog feed links -->
    <b:if cond='data:feedLinks'>
    <div class='blog-feeds'>
    <b:include data='feedLinks' name='feedLinksBody'/>
    </div>
    </b:if>

    <b:else/> <!--Post feed links -->
    <div class='post-feeds'>
    <b:loop values='data:posts' var='post'>
    <b:if cond='data:post.allowComments'>
    <b:if cond='data:post.feedLinks'>
    <b:include data='post.feedLinks' name='feedLinksBody'/>
    </b:if>
    </b:if>
    </b:loop>
    </div>
    </b:if>
    </b:includable>
    <b:includable id='feedLinksBody' var='links'>
    <div class='feed-links'>
    <data:feedLinksMsg/>
    <b:loop values='data:links' var='f'>
    <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
    </b:loop>
    </div>
    </b:includable>
    <b:includable id='comments' var='post'>



    <div class='comments' id='comments'>
    <a name='comments'/>
    <b:if cond='data:post.allowComments'>
    <h4>
    <b:if cond='data:post.numComments == 1'>
    1 <data:commentLabel/>:
    <b:else/>
    <data:post.numComments/> <data:commentLabelPlural/>:
    </b:if>
    </h4>

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

    <dl id='comments-block'>
    <b:loop values='data:post.comments' var='comment'>
    <div class='comment-bubble'>



    <dd class='comment-footer'>
    <span class='comment-timestamp'>
    <a expr:href='data:comment.url' title='comment permalink'>
    <data:comment.timestamp/>
    </a>
    <b:include data='comment' name='commentDeleteIcon'/>
    </span>
    </dd>






    <dt expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName'>
    <a expr:name='data:comment.anchorName'/>
    <b:if cond='data:comment.authorUrl'>
    <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
    <b:else/>
    <data:comment.author/>
    </b:if>
    <data:commentPostedByMsg/>
    </dt>
    <dd class='comment-body'>
    <b:if cond='data:comment.isDeleted'>
    <span class='deleted-comment'><data:comment.body/></span>
    <b:else/>
    <p><data:comment.body/></p>
    </b:if>
    </dd>

    </div>
    </b:loop>
    </dl>


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

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

    </p>
    </b:if>

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

    <div id='sidebar-wrapper'>
    <b:section class='sidebar' id='sidebar' preferred='yes'/>
    </div>

    <div class='clear'>&#160;</div>
    </div> <!-- end content-wrapper -->
    <div id='lower-wrapper'>

    <div id='lowerbar-wrapper'>
    <b:section class='lowerbar' id='lowerbar1' preferred='yes'>
    <b:widget id='Label1' locked='false' title='Labels' type='Label'>
    <b:includable id='main'>
    <b:if cond='data:title'>
    <h2><data:title/></h2>
    </b:if>
    <div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
    <b:if cond='data:display == &quot;list&quot;'>
    <ul>
    <b:loop values='data:labels' var='label'>
    <li>
    <b:if cond='data:blog.url == data:label.url'>
    <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
    <b:else/>
    <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
    </b:if>
    <b:if cond='data:showFreqNumbers'>
    <span dir='ltr'>(<data:label.count/>)</span>
    </b:if>
    </li>
    </b:loop>
    </ul>
    <b:else/>
    <b:loop values='data:labels' var='label'>
    <span expr:class='&quot;label-size label-size-&quot; + data:label.cssSize'>
    <b:if cond='data:blog.url == data:label.url'>
    <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
    <b:else/>
    <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
    </b:if>
    <b:if cond='data:showFreqNumbers'>
    <span class='label-count' dir='ltr'>(<data:label.count/>)</span>
    </b:if>
    </span>
    </b:loop>
    </b:if>
    <b:include name='quickedit'/>
    </div>
    </b:includable>
    </b:widget>
    </b:section>
    </div>

    <div id='lowerbar-wrapper'>
    <b:section class='lowerbar' id='lowerbar2' preferred='yes'>
    <b:widget id='Label2' locked='false' title='Labels' type='Label'>
    <b:includable id='main'>
    <b:if cond='data:title'>
    <h2><data:title/></h2>
    </b:if>
    <div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
    <b:if cond='data:display == &quot;list&quot;'>
    <ul>
    <b:loop values='data:labels' var='label'>
    <li>
    <b:if cond='data:blog.url == data:label.url'>
    <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
    <b:else/>
    <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
    </b:if>
    <b:if cond='data:showFreqNumbers'>
    <span dir='ltr'>(<data:label.count/>)</span>
    </b:if>
    </li>
    </b:loop>
    </ul>
    <b:else/>
    <b:loop values='data:labels' var='label'>
    <span expr:class='&quot;label-size label-size-&quot; + data:label.cssSize'>
    <b:if cond='data:blog.url == data:label.url'>
    <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
    <b:else/>
    <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
    </b:if>
    <b:if cond='data:showFreqNumbers'>
    <span class='label-count' dir='ltr'>(<data:label.count/>)</span>
    </b:if>
    </span>
    </b:loop>
    </b:if>
    <b:include name='quickedit'/>
    </div>
    </b:includable>
    </b:widget>
    </b:section>
    </div>

    <div id='lowerbar-wrapper'>
    <b:section class='lowerbar' id='lowerbar3' 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 expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
    <b:if cond='data:display == &quot;list&quot;'>
    <ul>
    <b:loop values='data:labels' var='label'>
    <li>
    <b:if cond='data:blog.url == data:label.url'>
    <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
    <b:else/>
    <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
    </b:if>
    <b:if cond='data:showFreqNumbers'>
    <span dir='ltr'>(<data:label.count/>)</span>
    </b:if>
    </li>
    </b:loop>
    </ul>
    <b:else/>
    <b:loop values='data:labels' var='label'>
    <span expr:class='&quot;label-size label-size-&quot; + data:label.cssSize'>
    <b:if cond='data:blog.url == data:label.url'>
    <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
    <b:else/>
    <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
    </b:if>
    <b:if cond='data:showFreqNumbers'>
    <span class='label-count' dir='ltr'>(<data:label.count/>)</span>
    </b:if>
    </span>
    </b:loop>
    </b:if>
    <b:include name='quickedit'/>
    </div>
    </b:includable>
    </b:widget>
    </b:section>
    </div>

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

    <div id='lowerads-wrapper'>
    <b:section class='lowerads' id='lowerads' preferred='yes'/>
    </div>

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

    </div>
    </div>



    <div id='footer-wrapper'>
    <div id='footer'>

    </div>
    </div>


    </div> <!-- end outer-wrapper -->

    <div id='credit'>

    <div id='creditleft'>
    <center><a expr:href='data:blog.homepageUrl'><data:blog.title/></a> Copyright &#169; 2010 <a href='http://www.templatemo.com/'><strong>Templatemo</strong></a> | Converted into <a href='http://www.bloggertheme.net/'><strong>Blogger Template</strong></a> by <a href='http://www.bloggertheme.net/'><strong>BloggerTheme</strong></a>
    </center>
    </div>


    </div> <!-- end credit -->

    </body>
    </html>
 
 
Copyright © M templates
Blogger Theme by BloggerThemes