Sinopsis Hamlet

Selasa, 15 September 2015


Sinopsis Hamlet

Hamlet adalah seorang pangeran di negara Denmark. Ayahnya baru meninggal dan pamannya Claudius naik tahta. Selain itu pamannya juga menikahi ibu Hamlet, Gertrude. Hal ini membuat Hamlet merasa sangat sedih.
Pada saat yang sama, beberapa teman Hamlet melihat hantu yang mengaku dirinya ayah Hamlet. Ketika Hamlet juga melihat hantu ini, ia disuruh untuk membalas dendam karena Claudius telah membunuhnya. Hamlet pura-pura gila untuk menjebak Claudius.
Selain itu, Hamlet juga mengundang beberapa aktor untuk mementaskan cerita yang ia tulis sendiri. Ceritanya adalah tentang seseorang yang membunuh raja dengan cara menuangkan racun di lubang telinganya. Waktu cerita ini dipentaskan, Claudius menjadi merasa sangat bersalah dan pergi sebelum pertunjukkan berakhir.
Hamlet bertanya kepada Gertrude mengenai kematian ayahnya. Ketika Gertrude tidak mau mengaku, Hamlet menjadi marah dan waktu melihat seseorang sedang bersembunyi di belakang tirai ia menusuknya. Tak disangka ini adalah Polonius, penasehat Claudius. Polonius meninggal dan kedua anaknya Laertes dan Ophelia berkabung. Ophelia sebenarnya telah jatuh cinta pada Hamlet, namun karena hal ini ia menjadi gila dan tenggelam di sungai.
Setelah ini, Claudius mengirim Hamlet ke Inggris untuk belajar di sana, walaupun tujuan sebenarnya adalah untuk mengusir Hamlet dari Denmark. Ia dan sahabat karibnya Horatio kemudian kabur dari kapal yang membawanya ke Inggris dan kembali ke Denmark. Di sana Hamlet tidak sengaja melihat prosesi pemakaman Ophelia dan karena sedihnya ia loncat masuk ke dalam liang kubur Ophelia. Laertes yang melihat hal ini menjadi marah dan ingin membalas kematian ayahnya. Ia pun menantang Hamlet untuk duel pedang.

Sebelum duel, pedang Laertes telah diberi racun oleh Claudius. Selain itu anggur Hamlet pun diracun. Pada kedua putaran pertama, Hamlet menang melawan Laertes dan Gertrude meminum anggur Hamlet untuk memberi semangat. Di putaran selanjutnya Hamlet terluka dengan pedang Laertes. Namun ia kemudian bertukar pedang dan berhasil melukai Laertes juga. Sebelum mati karena racun, Laertes mengaku telah bersekongkol dengan Claudius. Hamlet pun membunuh Claudius. Akhirnya baik Gertrude maupun Hamlet sendiri juga tewas karena racun yang sama.

sumber Wakipedia

Selasa, 08 September 2015


Tema ku



di bawah ini
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html b:version='2' class='v2' 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>
    <meta content='IE=EmulateIE7' http-equiv='X-UA-Compatible'/>
    <b:if cond='data:blog.isMobile'>
      <meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0' name='viewport'/>
    <b:else/>
      <meta content='width=1100' name='viewport'/>
    </b:if>
    <b:include data='blog' name='all-head-content'/>
    <title>
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<data:blog.title/>
<b:else/>
<data:blog.pageName/> | <data:blog.title/>
</b:if>
</title>
    <meta expr:content='data:blog.metaDescription' name='description'/>

    <b:skin><![CDATA[/*
Theme Name: DailyPost
Theme URI: http://wplook.com/dailypostwpo
Author: wplook
Author URI: http://wplook.com/
Description: DailyPost is intresting theme ideal for your everyday notes and thoughts, which supports post formats and several customisation options. The theme is a special one because of it's responsive design, thus you will get the pleasure to read the post with your mobile device.
Version: 1.0.2
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: white, two-columns, right-sidebar, fixed-width, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-image-header, front-page-post-form, microformats, post-formats, sticky-post, theme-options, threaded-comments, translation-ready, blavatar
*/

.navbar {
visibility: hidden;
display: none;
}
.section, .widget {
margin: 0;
padding: 0;
}

/* =Reset default browser CSS.
-------------------------------------------------------------- */

/*
Based on work by Eric Meyer and html5doctor.com
*/


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, 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;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
        display: block;
}
.clear {
        clear:both;
}
/* remember to define focus styles! */
:focus {
        outline: 0;
}
html, body {
        height: 100%;
        min-height: 100%;
}
body {
        line-height: 1;
        font-size: 100%;
}
ol, ul {
        list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
        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 img {
        border: 0;
}
/* =Structure
----------------------------------------------- */

/* 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-left: auto;
        margin-right: auto;
}
/* =Global
----------------------------------------------- */
body, input, textarea {
        color: #333;
        font-family: "Century Gothic", sans-serif;
        line-height: 87.5%;
}
/* Headings */
h1, h2, h3, h4, h5, h6 {
        clear: both;
}
hr {
        background-color: #ccc;
        border: 0;
        height: 1px;
        margin-bottom: 1.5em;
}
/* Text elements */
.post-edit-link {
        color: #853B2F;
        font-size: 87.5%
}
p {
        margin-bottom: 1.5em;
        font-size: 95%;
        line-height: normal;
}
ul, ol {
        margin: 0 0 1.5em 2.5em;
}
ul {
        list-style: square;
}
ol {
        list-style-type: decimal;
}
ol ol {
        list-style: upper-alpha;
}
ol ol ol {
        list-style: lower-roman;
}
ol ol ol ol {
        list-style: lower-alpha;
}
ul ul, ol ol, ul ol, ol ul {
        margin-bottom: 0;
}
dl {
        margin: 0 1.5em;
}
dt {
        font-weight: bold;
}
dd {
        margin-bottom: 1.5em;
}
strong {
        font-weight: bold;
}
cite, em, i {
        font-style: italic;
}
blockquote {
        font-style: italic;
        margin: 0;
        background: #fff;
        padding: 10px;
        margin: 10px;
        border: 1px solid #d4d4d4;
}
blockquote p {
        margin: 0px;
        padding: 0px;
}
blockquote em, blockquote i, blockquote cite {
        font-style: normal;
}
pre {
        background: rgba(0, 0, 0, 0.05);
        font: 87.5% "Courier 10 Pitch", Courier, monospace;
        line-height: normal;
        margin-bottom: 1.5em;
        padding: 0.75em 1.5em;
}
code, kbd {
        font: 13px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr, acronym {
        border-bottom: 1px dotted #666;
        cursor: help;
}
ins {
        background: #fff9c0;
        text-decoration: none;
}
sup, sub {
        font-size: 62.5%;
        height: 0;
        line-height: 1;
        position: relative;
        vertical-align: baseline;
}
sup {
        bottom: 1ex;
}
sub {
        top: .5ex;
}
input[type=text], textarea {
        border: 1px solid #888;
}
textarea {
        padding-left: 3px;
        width: 98%;
}
input[type=text] {
        padding: 3px;
}
/* Links */
a, a:visited {
        color: #853B2F;
}
a:focus, a:active, a:hover {
        color: #853B2F;
        text-decoration: none;/*border-bottom: 1px dashed #853B2F;*/
}
.format-video [type="application/x-shockwave-flash"] {
        width: 100%;
        height:350px;
}
/* Text meant only for screen readers */
.screen-reader-text {
        position: absolute !important;
        clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
        clip: rect(1px, 1px, 1px, 1px);
}
/* =Body and page
----------------------------------------------- */

#page {
        max-width:1000px;
        border-right: 1px solid #d4d4d4;
        background: transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDmpQhK893qlzqC0V_4BPWjuzLPwkv1AT6NtIiKxEfJTod4LFvC24esUaP2n4WrtzEEZJiZVWMQjGlKq2T6TwD7eYNY9k_13JDsice2Aw-TWg2MSq9Gagot0SGCiyLCGN5lIUE1PMKDiI/s0/left_bg.png) repeat-y left top;/*, url(images/primary-bg.png) repeat;*/
        margin-right: 25px;
        min-height: 100%;
}
/* =Header
----------------------------------------------- */
#branding {
}
#desktop-version {
        margin-bottom: 40px;
}
.site-title {
        color:#FFF;
        font-size: 235%;
        line-height: normal;
        font-weight: 500;
        margin-bottom: 10px;
        background:transparent;
        margin: 20px 20px 10px 20px;
}
.site-title a {
        color:#FFF;
        background:transparent;
        text-decoration: none;
        text-shadow: 2px 2px 2px #592219;
}
.site-title a:hover {
        color:#C93;
        background:transparent;
        text-shadow: 2px 2px 2px #000;
        -webkit-transition: color 0.5s ease;
        -moz-transition: color 0.5s ease;
        -o-transition: color 0.5s ease;
        transition: color 0.5s ease;
}
.site-description {
        font-size: 87.5%;
        line-height: normal;
        font-style: italic;
        color: #fff;
        background:transparent;
        margin: 0 20px;
}
#header-image {
        margin: 0px 0 40px 0;
        background: #FFF;
        padding: 20px 20px;
        border-bottom: 1px solid #d4d4d4;
        display: block;
}
#header-image a:hover {
        border-bottom: none;
}
#header-image img {
        height:auto;
        width:100%;
}
/* =Menu
----------------------------------------------- */
nav {
        padding-right: 20px;
}
.menu {
        margin-left: 20px;
}
.menu-wplook-main-menu-container ul, .menu ul {
        color: #FFF;
        list-style:none;
        margin: 0px;
        padding: 0px;
}
.menu-wplook-main-menu-container ul li, .menu ul li, .menu li {
        font-size: 95%;
        list-style:none;
        margin: 0px;
}
.menu-wplook-main-menu-container ul li a, .menu ul li a, .menu li a {
        color: #FFF;
        margin: 0px 0;
        padding: 5px;
        display: block;
        background: rgba(0, 0, 0, 0.30);
        line-height: normal;
        text-decoration: none;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
}
.menu-wplook-main-menu-container ul li ul, .menu ul li ul {
        margin: 0px;
        padding: 0px 0 0 10px;
}
.menu-wplook-main-menu-container a:hover, .menu a:hover {
        background: rgba(255, 255, 255, 0.30);
        color: #000;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
        border-bottom: none;
}
/* =Content Primary
----------------------------------------------- */
#primary {
        float: right;
        width: 100%;
        margin: 0 0 0 -300px; /*Set left margin to -(leftColumnWidth + RightColumnWidth)*/
        padding: 0px;
}
#contentcolumn {
        margin: 0px 0px 0px 300px; /*Set left margin to (leftColumnWidth + RightColumnWidth)*/
        /*background: #f3f3f3 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJvX1Z_knYPjbqL07oV12vLmVce0mS7QWPgXzOJcaPjMzESLYQ6Uj6HwOZHWps_NW9h0KjJnnscUHyYlEUwDU9ITcuUer9_FdNduDAVbhIg2z1ShK6u8TYeiqDG5EozmXW42WV1pqt0dA/s0/primary-bg.png) repeat;

        background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJvX1Z_knYPjbqL07oV12vLmVce0mS7QWPgXzOJcaPjMzESLYQ6Uj6HwOZHWps_NW9h0KjJnnscUHyYlEUwDU9ITcuUer9_FdNduDAVbhIg2z1ShK6u8TYeiqDG5EozmXW42WV1pqt0dA/s0/primary-bg.png) repeat;

        */
        padding: 0px 0 20px 0;
        min-height: 1000px;
}
.page-title {
        font-size: 160%;
        line-height: normal;
        text-transform: uppercase;
        margin: 0 40px;
        font-weight: 100;
        color: #853B2F;
}
.page-title span {
        font-weight: bold;
}
#content {
}
.sticky {
        border-bottom:1px solid #853B2F;
}
#mobile-version {
        display: none;
}
article {
        position: relative;
        margin: 20px 40px;
        padding-bottom: 20px;
}
.post {
        border-bottom: 1px solid #d4d4d4;
}
.sticky {
        border-bottom: 1px solid #853b2f;
}
#nav-below {
        background: #FFF;
        margin: 20px 0 0 0;
        padding: 20px 40px;
        border-top: 1px solid #d4d4d4;
        border-bottom: 1px solid #d4d4d4;
        display: block;
        font-size: 87.5%;
        text-transform: uppercase;
        clear: both;
}
#nav-below a {
        text-decoration: none;
        color:#853B2F;
        font-weight: bold;
}
#nav-below a:hover {
        color: #402f33;
        border-bottom: 1px dashed #402f33;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
}
.page-link {
        margin-bottom: 20px;
        background: rgba(0, 0, 0, 0.1);
        padding: 5px;
}
/* Post title */
.entry-title {
        font-size: 150%;
        line-height: normal;
        font-weight: bold;
        text-transform: uppercase;
        color: #402f33;
        margin-bottom: 5px;
}
.entry-title a {
        color: #402f33;
        text-decoration: none;
}
.entry-title a:hover {
        color: #853b2f;
        background:transparent;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
        border-bottom: 1px dashed #853b2f;
}
/* Date */

.date-i {
        color:#FFF;
        background: #853b2f;
        display: inline-block;
        font-size: 75%;
        text-transform:uppercase;
        font-weight: bold;
        margin-bottom: 5px;
        padding: 1px 5px 2px 5px;
}
.date-i a {
        color:#FFF;
        text-decoration: none;
}
.date-i:hover {
        color:#FFF;
        background: #3f2b2e;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
}
.author-i, .category, .tag {
        margin-bottom: 5px;
}
.entry-utility {
        margin-left: -40px;
        margin-right: -40px;
        background: #FFF;
        border-top: 1px solid #d3d3d3;
        border-bottom: 1px solid #d3d3d3;
        padding:20px 40px;
        font-size: 85%;
        width: 100%;
}
.format-standard .postformat, .format-audio .postformat, .format-aside .postformat, .format-chat .postformat, .format-gallery .postformat, .format-image .postformat, .format-link .postformat, .format-quote .postformat, .format-status .postformat, .format-video .postformat {
        background: transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9C-i0utYUvwNQp4mVpmy3yjpTBOJQeO9XGpVs58DvwBm9IgTBp0ZmWhPbKSvBYVAXPCb7GNbNg94mkdMh1ZnZAvRyJouQnX0RRoLGJbM-n8_HR6pZ0-f4z4RXDeIJpACBxlUoweIj52w/s0/postformat.png) no-repeat;
        width: 53px;
        height: 53px;
        position:absolute;
        right: -66px;
}
.format-standard .format-icon {
        background: transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOnkywJYobxaTh2LI05AVTjPNCp1-V-ps5eAEOVkZVvVP-rp1yYxSlgzF4y90rmWmJ6XiMssq827F8kufSkEhK3_FJL6XcL9e40bbtg5BhNqHoaCeQEngAV4y_BB-5Mhy2LxasJNtdI9I/s0/format-standard.png) no-repeat;
        width: 30px;
        height: 30px;
        margin-top: 10px;
        margin-left: 10px;
}
.format-aside .format-icon {
        background: transparent url(images/post-format/format-aside.png) no-repeat;
        width: 30px;
        height: 30px;
        margin-top: 10px;
        margin-left: 10px;
}
.format-audio .format-icon {
        background: transparent url(images/post-format/format-audio.png) no-repeat;
        width: 30px;
        height: 30px;
        margin-top: 10px;
        margin-left: 10px;
}
.format-chat .format-icon {
        background: transparent url(images/post-format/format-chat.png) no-repeat;
        width: 30px;
        height: 30px;
        margin-top: 10px;
        margin-left: 10px;
}
.format-gallery .format-icon {
        background: transparent url(images/post-format/format-gallery.png) no-repeat;
        width: 30px;
        height: 30px;
        margin-top: 10px;
        margin-left: 10px;
}
.format-image .format-icon {
        background: transparent url(images/post-format/format-image.png) no-repeat;
        width: 30px;
        height: 30px;
        margin-top: 10px;
        margin-left: 10px;
}
.format-link .format-icon {
        background: transparent url(images/post-format/format-link.png) no-repeat;
        width: 30px;
        height: 30px;
        margin-top: 10px;
        margin-left: 10px;
}
.format-quote .format-icon {
        background: transparent url(images/post-format/format-quote.png) no-repeat;
        width: 30px;
        height: 30px;
        margin-top: 10px;
        margin-left: 10px;
}
.format-status .format-icon {
        background: transparent url(images/post-format/format-status.png) no-repeat;
        width: 30px;
        height: 30px;
        margin-top: 10px;
        margin-left: 10px;
}
.format-video .format-icon {
        background: transparent url(images/post-format/format-video.png) no-repeat;
        width: 30px;
        height: 30px;
        margin-top: 10px;
        margin-left: 10px;
}
.read-more {
        text-transform:uppercase;
        font-size: 75%;
        text-align: right;
        color: #853b2f;
        background:transparent;
        line-height:normal;
}
.read-more a {
        color: #853b2f;
        background:transparent;
        text-decoration: none;
        font-weight: bold;
}
.read-more a:hover {
        color: #402f33;
        border-bottom: 1px dashed #402f33;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
}
.read-more .meta-nav {
        margin-left: 5px;
}
/* =Content Social icons
----------------------------------------------- */
#social-icons {
        float: left;
        width: 50px; /*Width of left column in pixels*/
        height: auto !important;
        min-height: 100%;
}
#social-icons-margins {
        margin: 20px 0 0 0;
}
#social-icons-margins a {
        display: block;
        padding: 13px 10px 10px 10px;
}
#social-icons-margins a:hover {
        background: rgba(0, 0, 0, 0.4);
        -webkit-transition: background 0.5s ease;
        -moz-transition: background 0.3s ease;
        -o-transition: background 0.3s ease;
        transition: background 0.3s ease;
        border-bottom: none;
}
#social-icons-margins a:hover img {
        -webkit-transform: scale(1.2);
}
/* =Content Secondary
----------------------------------------------- */
#secondary {
        float: right;
        width: 250px; /*Width of right column in pixels*/
        height: auto !important;
        min-height: 100%;
}
#secondary-margins {
        margin: 20px 0;
}
.entry-content {
        font-size: 95%;
        line-height: normal
}
.entry-content h1 {
        font-size:170%;
}
.entry-content h2 {
        font-size:150%;
}
.entry-content h3 {
        font-size:130%;
}
.entry-content h4 {
        font-size:120%;
}
.entry-content h5 {
        font-size:110%;
}
.entry-content h6 {
        font-size:100%;
}
/*table*/
.entry-content table, .comment-content table {
        border-bottom: 1px solid #ddd;
        margin: 0 0 1.625em;
        width: 100%;
}
.entry-content th, .comment-content th {
        color: #666;
        font-size: 14px;
        font-weight: 600;
        letter-spacing: 0.1em;
        line-height: 2.6em;
}
.entry-content td, .comment-content td {
        border-top: 1px solid #ddd;
        padding: 6px 10px 6px 0;
}
.entry-content p {
        margin-bottom: 0.5em;
}
/* =Attachments
----------------------------------------------- */
.entry-attachment .attachment img {
        margin: 20px 0;
        border: 1px solid #ced8df;
        padding: 1px;
        background: #fff;
}
.newer-older img {
        border: 1px solid #ced8df;
        padding: 1px;
        background: #fff;
}
/* =Images
----------------------------------------------- */

a img {
        border: none;
}
p img {
        margin-bottom: 0.5em; /* a small bottom margin prevents content floating under images */
}
/*
Resize images to fit the main content area.
- Applies only to images uploaded via WordPress by targeting size-* classes.
- Other images will be left alone. Use "size-auto" class to apply to other images.
*/
img.size-auto, img.size-full, img.size-large, img.size-medium, .attachment img, .widget-area img {
        max-width: 100%; /* When images are too wide for containing element, force them to fit. */
        height: auto; /* Override height to match resized width for correct aspect ratio. */
}
img.alignleft {
        margin-right: 1.5em;
}
img.alignright {
        margin-left: 1.5em;
}
.wp-caption {
        padding: 10px;
        text-align: center;
        max-width: 97% !important;
        border: 1px solid #d3d3d3;
        background: #fff;
        margin-top: 5px;
        margin-bottom: 5px;
}
.wp-caption img {
        margin: 0;
}
.wp-caption a img {
        height: auto;
        width: 100%;
}
.wp-caption .wp-caption-text {
        font-size: 85%;
        margin: .5em;
        color: #666;
}
.gallery-caption {
}
.gallery {
        margin: 0 auto 20px;
        padding-bottom: 20px;
}
.gallery .gallery-item {
        float: left;
        margin-top: 0;
        text-align: center;
        width: 33%;
}
.gallery-columns-2 .gallery-item {
        width: 50%;
}
.gallery-columns-4 .gallery-item {
        width: 25%;
}
.gallery img {
        border: 1px solid #ced8df;
        padding: 1px;
        background: #fff;
}
.gallery-columns-2 .attachment-medium {
        max-width: 92%;
        height: auto;
}
.gallery-columns-4 .attachment-thumbnail {
        max-width: 84%;
        height: auto;
}
.gallery .gallery-caption {
        color: #888;
        font-size: 12px;
        margin: 0 0 12px;
}
.gallery dl {
        margin: 0;
}
.gallery img {
        border: 10px solid #f1f1f1;
}
.gallery br + br {
        display: none;
}
.wp-smiley {
        margin: 0;
}
.gallery .gallery-item a:hover {
        border-bottom: 0px;
        text-decoration: none;
}
.gallery-thumb {
        width: 180px;
        padding: 0px;
        margin: 0px;
}
.nr-images {
        width: 50%;
        margin: 0px;
        padding: 0px;
}
.gallery-thumb img {
        border: 1px solid #CED8DF;
        padding: 1px;
        background: white;
}
/* =Navigation
-------------------------------------------------------------- */



.nav-previous {
        float: left;
        width: 50%;
}
.nav-previous .meta-nav {
        margin-right: 5px;
}
.nav-next {
        float: right;
        text-align: right;
        width: 50%;
}
.nav-next .meta-nav {
        margin-left: 5px;
}
/* =Widgets
----------------------------------------------- */
#calendar_wrap, #wp-calendar {
        width: 100%;
        text-align:center;
}
/* --- --- --- [ Calendar ] --- --- --- */

#wp-calendar, #wp-calendar th, #wp-calendar td {
        text-align: center;
        background: none;
        border: none;
}
#wp-calendar caption {
        padding-bottom: 3px;
}
#wp-calendar {
        background: none;
        empty-cells: hide;
        font-size: 90%;
        line-height:normal;
}
#wp-calendar th {
        font-style: normal;
        font-weight: bold;
        text-transform: capitalize;
        border-bottom: 2px solid #fff;
        background: rgba(0, 0, 0, 0.30);
        color:#FFF;
        padding: 2px;
}
#wp-calendar td {
        text-align: center;
        background: transparent url(images/entry-meta.png) repeat-x top left;
        padding: 0px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.30);
        color: #000;
}
#wp-calendar td:hover {
        border-bottom: 1px solid rgba(255, 255, 255, 0.30);
}
#wp-calendar a {
        text-decoration: none;
        display: block;
        color: #fff;
        background: rgba(0, 0, 0, 0.30);
}
#wp-calendar a:hover {
        background: rgba(255, 255, 255, 0.30);
        border-bottom: none;
        color: #000;
}
#wp-calendar caption {
        font-weight: bold;
        text-align: center;
}
#wp-calendar #today {
        background-color: #FFFFFF;
}
#wp-calendar caption {
        text-align: center;
        width: 100%;
        color: #fff;
}
#wp-calendar #next a {
        padding-right: 10px;
        text-align: right;
}
#wp-calendar #prev a {
        padding-left: 10px;
        text-align: left;
}
#wp-calendar #prev a:hover, #wp-calendar #next a:hover {
        border-bottom: none;
        cursor: pointer;
}
#wp-calendar .pad, #wp-calendar .pad:hover {
}
#s {
        width: 133px;
        border: 1px solid rgba(0, 0, 0, 0.30);
        background: rgba(255, 255, 255, 0.05);
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
}
#searchsubmit {
        background: rgba(0, 0, 0, 0.30);
        border: 0px;
        text-transform: uppercase;
        font-size: 75%;
        padding: 8px 7px;
        cursor: pointer;
        color:#FFF;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
}
.widget-area {
        margin-top: 40px;
}
.widget-area .widget {
        margin: 0 20px 20px 20px;
}
.widget-area h2 {
        background: #853B2F url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj64P7cEO6e7fCl0vByo6hg6XEQrIGE9VpJLZony8xur7MaTuyxcvZ9tqERWwS7Ve3lt_hA7Ghyphenhyphene6vlrAXgizaSaT3JAD91pTLZq5klK23ASkNmRPAfJac4yD3WtXZUqJmtucBq88Vi1dw/s0/h3.png) repeat-y;
        padding: 10px 20px;
        margin: 0 -20px 20px -20px;
        color: #FFF;
        text-transform: uppercase;
        font-weight: bold;
        font-size: 112.5%;
}
.widget-area h2 a {
        color: #FFF;
        text-decoration: none;
}
.textwidget {
        padding: 0px;
        color: #FFF;
        font-size: 87.5%;
        line-height:normal;
}
.widget-area .widget ul {
        color: #FFF;
        list-style:none;
        margin: 0px;
        padding: 0px;
}
.widget-area .widget ul li {
        font-size: 95%;
        display: block;
        padding: 2px 0;
        line-height: normal;
}
.widget-area .widget ul li a {
        color: #f3f3f3;
        text-decoration: none;
        border-bottom: 1px solid #fff;

}
.widget-area .widget ul li ul {
        margin: 0px;
        padding: 0px 0 0 10px;
}
.widget-area .widget ul li a:hover {
        border-bottom: 1px dashed #402f33;
        color: #000;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
}
.tagcloud a {
        color: #FFF;
        display: inline-block;
        padding: 5px 5px;
}
.tagcloud a:hover {
        border-bottom: 0px solid #FFF;
}

/* =Comments
----------------------------------------------- */
.comment-title {
        font-size: 150%;
        line-height: normal;
        font-weight: bold;
        text-transform: uppercase;
        color: #402F33;
        margin-bottom: 5px;
}
.comment-number {
        font-size: 100%;
        color: white;
        background: #853B2F;
        display: inline-block;
        text-transform: uppercase;
        font-weight: bold;
        margin-bottom: 5px;
        padding: 5px 5px 5px 5px;
}
.comments {
        margin: 20px 40px;
}
.commentlist {
        list-style: none;
        margin: 20px 0;
        padding: 0px;
}
.commentlist li {
        border-bottom: 1px solid #d4d4d4;
        padding-bottom: 20px;
        margin-bottom: 20px;
        list-style: none;
}
.bypostauthor {
}
.entry-title-comments {
        font-size: 120%;
}
.entry-title-comments img {
        margin-right: 10px;
}
.says {
        font-size: 80%;
}
.comment-date {
        font-size: 70%;
}
.fn a {
        color: #853B2F;
}
.fn a:hover {
        color: #000;
}
.edit-i {
        text-align:right;
}
#respond .page-title {
        margin: 0px;
}
#respond input {
        margin: 0 0 15px;
        width: 98%;
        padding: 5px;
}
#respond p {
        margin-bottom: 0.5em;
}
#respond .form-submit input {
        font-size: 14px;
        width: auto;
}
#submit {
        background: #853B2F;
        border: 1px solid #853B2F;
        color:#FFF;
        cursor: pointer;
        padding: 10px 5px;
}
#cancel-comment-reply-link {
        font-size: 60%;
}
.comment-reply-link {
        text-transform:uppercase;
        font-size: 75%;
        text-align: right;
        color: #853b2f;
        background:transparent;
        line-height:normal;
        text-decoration: none;
        font-weight: bold;
}
.comment-reply-link:hover {
        color: #402f33;
        border-bottom: 1px dashed #402f33;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
}
.avatar {
        border: 1px solid #CED8DF;
        padding: 1px;
        background: white;
}
.children {
        margin-left: 20px;
}
/* =Footer
----------------------------------------------- */

/* =Mobile, SmartPhone, Tablets
----------------------------------------------- */
@media (max-width: 800px) {
 .nothingtodo {
dispaly:none;
}
}
 @media (max-width: 640px) {
 body {
font-size: 115%;
}
 #page-bg {
background: none;
}
 #page {
width:100%;
background: transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiS_NzNXoPlhyyZbBiOJ6ws6sIsZkPmJ6S0zD1YuJPQ6H5zD6PKtBubscNyvssvyvz6bjcmL2JHIgECBw2uCefrY4z__ipyDZAOGeZJVEK1m1eextIXmobIEDMF2uryV3iKXzxjgrZ7sZk/s0/primary-bg.png) repeat;
}
 #mobile-version {
display: block;
background: #853B2F;
padding: 10px;
}
.site-title {
 margin: 10px 0px;
}
.site-description {
margin: 10px 0px;
}
 #desktop-version {
display: none;
}
 #primary {
float: none;
width: 100%;
margin: 0px;
}
 #header-image {
margin: 0;
padding: 10px;
}
 .menu-wplook-main-menu-container ul li a {
 color: #FFF;
 margin: 5px 0;
 padding: 5px;
 display: block;
 background: #853B2F;
 line-height: normal;
 text-decoration: none;
}
 .menu-wplook-main-menu-container ul li a:hover {
 background: rgba(0, 0, 0, 0.70);
 color: #fff;
}
 article {
margin: 20px 10px;
}
.format-standard .postformat, .format-audio .postformat, .format-aside .postformat, .format-chat .postformat, .format-gallery .postformat, .format-image .postformat, .format-link .postformat, .format-quote .postformat, .format-status .postformat, .format-video .postformat {
 background: transparent url(images/post-format/postformat.png) no-repeat;
 width: 53px;
 height: 53px;
 position:absolute;
 right: 0px;
}
 .entry-title {
margin-right: 55px;
}
 #nav-below {
margin: 10px 0px;
padding: 10px 10px;
}
 #secondary {
float: none;
width: 100%;
}
 #social-icons {
float:none;
width: 100%;
background: #3f2b2e;
padding: 10px 0
}
 #social-icons-margins {
margin: 0;
}
 #social-icons-margins a {
display: inline-block;
padding: 10px;
margin: 0px 0 10px 0;
}
 #social-icons-margins a:hover {
background: none;
}
 #contentcolumn {
margin: 0px;
width: 100%
}
.widget h3 {
background: #853B2F;
padding: 10px 20px;
margin: 0 -20px 20px -20px;
color: white;
text-transform: uppercase;
font-weight: bold;
font-size: 112.5%;
}
 .widget ul {
 color: #000;
 list-style:none;
 margin: 0px;
}
 .widget ul li a {
 color: #000;
 text-decoration: none;
 border-bottom: 1px solid #000;
}
 .widget ul li ul {
 margin: 0px;
 padding: 0px 0 0 10px;
}
 .widget ul li a:hover {
 border-bottom: 1px dashed #402f33;
 color: #000;
 -webkit-transition: all 0.3s ease;
 -moz-transition: all 0.3s ease;
 -o-transition: all 0.3s ease;
 transition: all 0.3s ease;
}
 .tagcloud a {
 color: #000;
 text-decoration: underline;
 font-size: 112.5%;
}
.tagcloud a:hover {
 text-decoration: none;
 color: #000;
 -webkit-transition: all 0.3s ease;
 -moz-transition: all 0.3s ease;
 -o-transition: all 0.3s ease;
 transition: all 0.3s ease;
}
#contentcolumn {
 min-height: 50px;
}
.page-title {
font-size: 160%;
line-height: normal;
text-transform: uppercase;
margin: 0 10px;
font-weight: 100;
color: #853B2F;
}
 .comments {
 margin: 10px;
}
.entry-utility {
 margin-left: -40px;
 margin-right: -40px;
 padding-right:7px;
}
}
@media (max-width: 450px) {
}
 @media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
}


/* =Print
----------------------------------------------- */

@media print {
}

.blog-pager {
  padding: 0 40px;
  font-size: 14px;
}

.copyright {
  font-size: 14px;
  text-align: center;
}

]]></b:skin>
  </head>

  <body expr:class='&quot;loading&quot; + data:blog.mobileClass'>
  <div id='page'>
    <div id='primary'>
      <div id='contentcolumn'>
        <div id='content'>
          <b:section class='main' id='main' maxwidgets='1' showaddelement='yes'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'>
<b:includable id='nextprev'>
  <div class='blog-pager' id='blog-pager'>
    <b:if cond='data:newerPageUrl'>
      <span id='blog-pager-newer-link'>
      <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
      </span>
    </b:if>

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

    <b:if cond='data:mobileLinkUrl'>
      <div class='blog-mobile-link'>
        <a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a>
      </div>
    </b:if>

  </div>
  <div class='clear'/>
</b:includable>
<b:includable id='shareButtons' var='post'>
  <b:if cond='data:top.showEmailButton'><a class='goog-inline-block 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></b:if><b:if cond='data:top.showBlogThisButton'><a class='goog-inline-block 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></b:if><b:if cond='data:top.showTwitterButton'><a class='goog-inline-block 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></b:if><b:if cond='data:top.showFacebookButton'><a class='goog-inline-block 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></b:if><b:if cond='data:top.showOrkutButton'><a class='goog-inline-block share-button sb-orkut' expr:href='data:post.sharePostUrl + &quot;&amp;target=orkut&quot;' expr:title='data:top.shareToOrkutMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToOrkutMsg/></span></a></b:if><b:if cond='data:top.showDummy'><div class='goog-inline-block dummy-container'><data:post.dummyTag/></div></b:if>
</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 postId = &#39;<data:post.id/>&#39;;
      var feed = &#39;<data:post.commentFeed/>&#39;;
      var authorName = &#39;<data:post.author/>&#39;;
      var authorUrl = &#39;<data:post.authorUrl/>&#39;;
      var blogId = &#39;<data:top.id/>&#39;;
      var baseUri = &#39;<data:post.commentBase/>&#39;;
      var maxThreadDepth = &#39;<data:post.commentMaxThreadDepth/>&#39;;

// <![CDATA[
      feed += '?alt=json&v=2&orderby=published&reverse=false&max-results=50';
      var cursor = null;
      if (items && items.length > 0) {
        cursor = parseInt(items[items.length - 1].timestamp) + 1;
      }

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

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

      var paginator = function(callback) {
        if (hasMore()) {
          var url = feed;
          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 == authorName
              && comment.author.profileUrl == authorUrl;
          return matches ? 'true' : '';
        } else if ('deletelink' == key) {
          return baseUri + '/delete-comment.g?blogID=' + blogId + '&postID=' + comment.id;
        } else if ('deleteclass' == key) {
          return comment.deleteclass;
        }
        return '';
      };

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

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

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

      // Configure commenting API:
      var configJso = {
        'maxDepth': maxThreadDepth
      };
      var provider = {
        'id': 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='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='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='post' var='post'>
  <article class='post format-standard hentry'>
    <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
    <div class='postformat'>
      <div class='format-icon'/>
    </div>
    </b:if>
    <a expr:name='data:post.id'/>
    <header class='entry-header'>
    <b:if cond='data:post.title'>
      <h1 class='entry-title'>
      <b:if cond='data:post.link'>
        <a expr:href='data:post.link' expr:title='&quot;Permalink to &quot; + data:post.title' rel='bookmark'><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' expr:title='&quot;Permalink to &quot; + data:post.title' rel='bookmark'><data:post.title/></a>
          <b:else/>
            <data:post.title/>
          </b:if>
        <b:else/>
          <data:post.title/>
        </b:if>
      </b:if>
      </h1>
    </b:if>
    </header>

    <b:if cond='data:post.dateHeader'>
      <span class='date-i fleft'>
        <data:post.dateHeader/>
      </span>
    </b:if>
   
    <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id'>
      <p><data:post.body/></p>
      <div style='clear: both;'/> <!-- clear for photos floats -->
      <b:if cond='data:post.hasJumpLink'>
        <footer class='read-more'>
          <a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'><data:post.jumpText/></a>
        </footer>
      </b:if>
    </div>

    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <span class='post-icons'>
      <!-- email post links -->
      <b:if cond='data:post.emailPostUrl'>
        <span class='item-action'>
          <a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
            <img alt='' class='icon-action' height='13' src='http://img1.blogblog.com/img/icon18_email.gif' width='18'/>
          </a>
        </span>
      </b:if>

      <!-- quickedit pencil -->
      <b:include data='post' name='postQuickEdit'/>
    </span>
    <div class='post-share-buttons goog-inline-block'>
      <b:if cond='data:post.sharePostUrl'>
        <b:include data='post' name='shareButtons'/>
      </b:if>
    </div>

    <div class='post-footer-line post-footer-line-3'><span class='post-location'>
      <b:if cond='data:top.showLocation'>
        <b:if cond='data:post.location'>
          <data:postLocationLabel/>
          <a expr:href='data:post.location.mapsUrl' target='_blank'><data:post.location.name/></a>
        </b:if>
      </b:if>
    </span> </div>

    <footer class='entry-utility'>
      <div class='alignright'>
        <div class='newer-older'>
          <b:if cond='data:olderPageUrl'>
            <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/AVvXsEiDNY6PheWt5Ra0AtRLEXOhUqBuoxGdwdYAatMyjKJhTBz-uB6JmpKQ1t7f_Xxw-rh0pqGAyj_UG4yC5HsmM4WYr8bmBaBJsIsG0r9Dg6kis4bcNni38iLlncWxpPGbpzy4I0xmqFzpAo0/s0/forword.png'/></a>
          </b:if>
          <b:if cond='data:newerPageUrl'>
            <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/AVvXsEixiQXdt4BSXd-0gTqw2M2fuzQ0KJm5pV5d7_4_A_L-M6irKZPcREZxE39b04tAMykWxcWwsdSK06YVsfc05Z1BkaOKqcUlgf0jUCJNXmFWalM5XK2vKW5LSTsGNSaGP4wPb_yw1TFtZWw/s0/next.png'/></a>
          </b:if>
        </div>
      </div>
      <div class='alignleft'>
        <div class='author-i'>
        <b:if cond='data:top.showAuthor'>
          <b>Author:</b>
          <b:if cond='data:post.authorProfileUrl'>
            <span class='vcard'>
              <a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
                <data:post.author/>
              </a>
            </span>
          <b:else/>
            <span class='vcard'><data:post.author/></span>
          </b:if>
        </b:if>
        </div>
        <div class='category'>
          <b:if cond='data:post.labels'>
            <b> Category:</b>
            <b:loop values='data:post.labels' var='label'>
              <a expr:href='data:label.url' expr:title='&quot;View all posts in &quot; + data:label.name' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
            </b:loop>
          </b:if>
        </div>
      </div>
      <div class='clear'/>
    </footer>
    </b:if>
   
  </article>
</b:includable>
<b:includable id='status-message'>
  <b:if cond='data:blog.pageType == &quot;archive&quot;'>
  <header class='page-header'><h1 class='page-title'>Archive for <data:blog.pageName/></h1></header>
  </b:if>
  <b:if cond='data:navMessage'>
  <header class='page-header'><h1 class='page-title'><data:navMessage/></h1></header>
  </b:if>
</b:includable>
<b:includable id='comment-form' var='post'>
  <div id='respond'>
    <a name='comment-form'/>
    <b:if cond='data:mobile'>
      <h4 id='comment-post-message'>
        <a expr:id='data:widget.instanceId + &quot;_comment-editor-toggle-link&quot;' href='javascript:void(0)'><data:postCommentMsg/></a></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' src='' style='display: none' width='100%'/>
    <b:else/>
      <header class='page-header'><h2 class='page-title'>Leave a Comment</h2></header>
      <p><data:blogCommentMessage/></p>
      <data:blogTeamBlogMessage/>
      <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
      <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
    </b:if>
    <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='threaded_comments' var='post'>
  <div class='comments' id='comments'>
    <a name='comments'/>
    <b:if cond='data:post.numComments != 0'>
      <header class='comment-header'>
<h1 class='comment-title'>Comments</h1>
        <h2 class='comment-number'>
        <b:if cond='data:post.numComments == 1'>
          One Comment
        <b:else/>
          <data:post.numComments/> Comments
        </b:if>
        </h2>
        <span><a expr:href='data:blog.homepageUrl + &quot;feeds/&quot; + data:post.id + &quot;/comments/default&quot;' title='Comments RSS'>RSS</a></span>
      </header>
    </b:if>

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

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

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

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

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

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

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

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

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

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

          <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id'>
            <data:post.body/>
            <div style='clear: both;'/> <!-- clear for photos floats -->
          </div>

          <div class='post-footer'>
            <div class='post-footer-line post-footer-line-1'>
              <span class='post-author vcard'>
                <b:if cond='data:top.showAuthor'>
                  <b:if cond='data:post.authorProfileUrl'>
                    <span class='fn'>
                      <a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
                        <data:post.author/>
                      </a>
                    </span>
                  <b:else/>
                    <span class='fn'><data:post.author/></span>
                  </b:if>
                </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:if cond='data:post.showThreadedComments'>
            <b:include data='post' name='threaded_comments'/>
          <b:else/>
            <b:include data='post' name='comments'/>
          </b:if>
        </b:if>
        <b:if cond='data:blog.pageType == &quot;item&quot;'>
          <b:if cond='data:post.showThreadedComments'>
            <b:include data='post' name='threaded_comments'/>
          <b:else/>
            <b:include data='post' name='comments'/>
          </b:if>
        </b:if>
      </div>
    </div>
  </div>
</b:includable>
<b:includable id='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='main' var='top'>
  <b:if cond='data:mobile == &quot;false&quot;'>

    <!-- posts -->
    <div class='blog-posts hfeed'>

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

      <data:defaultAdStart/>
      <b:loop values='data:posts' var='post'>
        <b:if cond='data:post.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:if cond='data:post.showThreadedComments'>
            <b:include data='post' name='threaded_comments'/>
          <b:else/>
            <b:include data='post' name='comments'/>
          </b:if>
        </b:if>
        <b:if cond='data:blog.pageType == &quot;item&quot;'>
          <b:if cond='data:post.showThreadedComments'>
            <b:include data='post' name='threaded_comments'/>
          <b:else/>
            <b:include data='post' name='comments'/>
          </b:if>
        </b:if>
        </div>
        <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:loop>
      <b:if cond='data:numPosts != 0'>
        &lt;/div&gt;&lt;/div&gt;
      </b:if>
      <data:adEnd/>
    </div>

    <b:if cond='data:blog.pageType != &quot;item&quot;'>
    <!-- navigation -->
    <b:include name='nextprev'/>
    </b:if>

    <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:else/>
    <b:include name='mobile-main'/>
  </b:if>

  <b:if cond='data:top.showDummy'>
    <data:top.dummyBootstrap/>
  </b:if>

</b:includable>
<b:includable id='commentDeleteIcon' var='comment'>
  <span expr:class='&quot;item-control &quot; + data:comment.adminClass'>
    <b:if cond='data:showCmtPopup'>
      <div class='goog-toggle-button'>
        <div class='goog-inline-block comment-action-icon'/>
      </div>
    <b:else/>
      <a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
        <img src='//www.blogger.com/img/icon_delete13.gif'/>
      </a>
    </b:if>
  </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='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' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
    <b:else/>
      <p><data:blogCommentMessage/></p>
      <data:blogTeamBlogMessage/>
      <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
      <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
    </b:if>
    <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='mobile-index-post' var='post'>
  <div class='mobile-date-outer date-outer'>
    <b:if cond='data:post.dateHeader'>
      <div class='date-header'>
        <span><data:post.dateHeader/></span>
      </div>
    </b:if>

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

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

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

          <div class='post-body'>
            <b:if cond='data:post.snippet'><data:post.snippet/></b:if>
          </div>
        </div>

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

      <div class='mobile-index-comment'>
        <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>
      </div>
    </div>
  </div>
</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'>
    <a name='comments'/>
    <b:if cond='data:post.allowComments'>
      <b:if cond='data:post.numComments != 0'>
      <header class='comment-header'>
<h1 class='comment-title'>Comments</h1>
        <h2 class='comment-number'>
        <b:if cond='data:post.numComments == 1'>
          One Comment
        <b:else/>
          <data:post.numComments/> Comments
        </b:if>
        </h2>
        <span><a expr:href='data:blog.homepageUrl + &quot;feeds/&quot; + data:post.id + &quot;/comments/default&quot;' title='Comments RSS'>RSS</a></span>
      </header>
      </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>

      <div expr:id='data:widget.instanceId + &quot;_comments-block-wrapper&quot;'>
        <dl expr:class='data:post.avatarIndentClass' id='comments-block'>
          <b:loop values='data:post.comments' var='comment'>
            <dt expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName'>
              <b:if cond='data:comment.favicon'>
                <img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
              </b:if>
              <a expr:name='data:comment.anchorName'/>
              <b:if cond='data:blog.enabledCommentProfileImages'>
                <data:comment.authorAvatarImage/>
              </b:if>
              <b:if cond='data:comment.authorUrl'>
                <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
              <b:else/>
                <data:comment.author/>
              </b:if>
              <data:commentPostedByMsg/>
            </dt>
            <dd class='comment-body' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>
              <b:if cond='data:comment.isDeleted'>
                <span class='deleted-comment'><data:comment.body/></span>
              <b:else/>
                <p>
                  <data:comment.body/>
                </p>
              </b:if>
            </dd>
            <dd class='comment-footer'>
              <span class='comment-timestamp'>
                <a expr:href='data:comment.url' title='comment permalink'>
                  <data:comment.timestamp/>
                </a>
                <b:include data='comment' name='commentDeleteIcon'/>
              </span>
            </dd>
          </b:loop>
        </dl>
      </div>

      <b:if cond='data:post.commentPagingRequired'>
        <span class='paging-control-container'>
          <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
            <data:post.oldestLinkText/>
          </a>
          <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
            <data:post.olderLinkText/>
          </a>
          &#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>
    <b:if cond='data:showCmtPopup'>
      <div id='comment-popup'>
        <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
        </iframe>
      </div>
    </b:if>

    <div id='backlinks-container'>
    <div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>
       <b:if cond='data:post.showBacklinks'>
         <b:include data='post' name='backlinks'/>
       </b:if>
    </div>
    </div>
  </div>
</b:includable>
</b:widget>
</b:section>
        </div><!-- #content -->
        <div class='clear'/>
        <div class='copyright'>Converted by <a href='http://www.smashingblogger.com' target='_blank' title='Smashing Blogger'>Smashing Blogger</a> for <a href='http://www.litethemes.com' target='_blank' title='LiteThemes.com'>LiteThemes.com</a>.</div>
      </div>
      <!--/contentcolumn-->
    </div>
    <!--/primary-->
   
    <div id='secondary'>
      <div id='secondary-margins'>
        <header id='branding'>
          <hgroup id='desktop-version'>
            <b:section id='header1' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='DailyPost (Header)' type='Header'>
<b:includable id='title'>
  <a expr:href='data:blog.homepageUrl'><data:title/></a>
</b:includable>
<b:includable id='description'>
  <data:description/>
</b:includable>
<b:includable id='main'>

  <b:if cond='data:useImage'>
    <b:if cond='data:imagePlacement == &quot;BEHIND&quot;'>
      <!--
      Show image as background to text. You can't really calculate the width
      reliably in JS because margins are not taken into account by any of
      clientWidth, offsetWidth or scrollWidth, so we don't force a minimum
      width if the user is using shrink to fit.
      This results in a margin-width's worth of pixels being cropped. If the
      user is not using shrink to fit then we expand the header.
      -->
      <b:if cond='data:mobile'>
          <div id='header-inner'>
            <div class='titlewrapper' style='background: transparent'>
              <h1 class='title' style='background: transparent; border-width: 0px'>
                <b:include name='title'/>
              </h1>
            </div>
            <b:include name='description'/>
          </div>
        <b:else/>
          <div expr:style='&quot;background-image: url(\&quot;&quot; + data:sourceUrl + &quot;\&quot;); &quot;                        + &quot;background-position: &quot;                        + data:backgroundPositionStyleStr + &quot;; &quot;                        + data:widthStyleStr                        + &quot;min-height: &quot; + data:height                        + &quot;_height: &quot; + data:height                        + &quot;background-repeat: no-repeat; &quot;' id='header-inner'>
            <div class='titlewrapper' style='background: transparent'>
              <h1 class='title' style='background: transparent; border-width: 0px'>
                <b:include name='title'/>
              </h1>
            </div>
            <b:include name='description'/>
          </div>
        </b:if>
    <b:else/>
      <!--Show the image only-->
      <div id='header-inner'>
        <a expr:href='data:blog.homepageUrl' style='display: block'>
          <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
        </a>
        <!--Show the description-->
        <b:if cond='data:imagePlacement == &quot;BEFORE_DESCRIPTION&quot;'>
          <b:include name='description'/>
        </b:if>
      </div>
    </b:if>
  <b:else/>
    <!--No header image -->
    <h1 class='site-title'>
      <b:include name='title'/>
    </h1>
    <h2 class='site-description'>
      <b:include name='description'/>
    </h2>
  </b:if>
</b:includable>
</b:widget>
</b:section>
          </hgroup>
        </header><div class='clear'/>
        <nav>
          <div class='menu'>
            <b:section id='menu' showaddelement='yes'>
<b:widget id='PageList1' locked='false' title='Pages' type='PageList'>
<b:includable id='main'>
  <b:if cond='data:title'><h2><data:title/></h2></b:if>
  <div class='widget-content'>
    <b:if cond='data:mobile'>
      <select expr:id='data:widget.instanceId + &quot;_select&quot;'>
        <b:loop values='data:links' var='link'>
          <b:if cond='data:link.isCurrentPage'>
            <option expr:value='data:link.href' selected='selected'><data:link.title/></option>
          <b:else/>
            <option expr:value='data:link.href'><data:link.title/></option>
          </b:if>
        </b:loop>
      </select>
      <span class='pagelist-arrow'>&amp;#9660;</span>

    <b:else/>
      <ul>
        <b:loop values='data:links' var='link'>
          <b:if cond='data:link.isCurrentPage'>
            <li class='selected'><a expr:href='data:link.href'><data:link.title/></a></li>
          <b:else/>
            <li><a expr:href='data:link.href'><data:link.title/></a></li>
          </b:if>
        </b:loop>
      </ul>
    </b:if>
    <b:include name='quickedit'/>
  </div>
</b:includable>
</b:widget>
</b:section>
          </div>
        </nav><div class='clear'/>
        <b:section class='widget-area' id='widget-area' showaddelement='yes'>
<b:widget id='HTML4' locked='false' title='Blogger templates' 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='HTML3' locked='false' title='Blogger news' 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='HTML2' locked='false' title='Blogroll' 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='HTML1' locked='false' title='About' 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='Label1' locked='false' title='Categories' type='Label'>
<b:includable id='main'>
  <b:if cond='data:title'>
    <h2><data:title/></h2>
  </b:if>
  <div expr:class='&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' expr:title='&quot;View all posts filed under &quot; + data:label.name'><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:widget id='BlogArchive1' locked='false' title='Archives' type='BlogArchive'>
<b:includable id='toggle' var='interval'>
  <b:if cond='data:interval.toggleId'>
  <b:if cond='data:interval.expclass == &quot;expanded&quot;'>
    <a class='toggle' href='javascript:void(0)'>
      <span class='zippy toggle-open'>&#9660;&#160;</span>
    </a>
  <b:else/>
    <a class='toggle' href='javascript:void(0)'>
      <span class='zippy'>
        <b:if cond='data:blog.languageDirection == &quot;rtl&quot;'>
          &#9668;&#160;
        <b:else/>
          &#9658;&#160;
        </b:if>
      </span>
    </a>
  </b:if>
 </b:if>
</b:includable>
<b:includable id='interval' var='intervalData'>
  <b:loop values='data:intervalData' var='i'>
      <ul class='hierarchy'>
        <li expr:class='&quot;archivedate &quot; + data:i.expclass'>
          <b:include data='i' name='toggle'/>
          <a class='post-count-link' expr:href='data:i.url' expr:title='data:i.name'><data:i.name/></a>
            <span class='post-count' dir='ltr'>(<data:i.post-count/>)</span>
          <b:if cond='data:i.data'>
            <b:include data='i.data' name='interval'/>
          </b:if>
          <b:if cond='data:i.posts'>
            <b:include data='i.posts' name='posts'/>
          </b:if>
        </li>
      </ul>
  </b:loop>
</b:includable>
<b:includable id='menu' var='data'>
  <select expr:id='data:widget.instanceId + &quot;_ArchiveMenu&quot;'>
    <option value=''><data:title/></option>
    <b:loop values='data:data' var='i'>
      <option expr:value='data:i.url'><data:i.name/> (<data:i.post-count/>)</option>
    </b:loop>
  </select>
</b:includable>
<b:includable id='flat' var='data'>
  <ul class='flat'>
    <b:loop values='data:data' var='i'>
      <li class='archivedate'>
        <a expr:href='data:i.url' expr:title='data:i.name'><data:i.name/></a> (<data:i.post-count/>)
      </li>
    </b:loop>
  </ul>
</b:includable>
<b:includable id='posts' var='posts'>
  <ul class='posts'>
    <b:loop values='data:posts' var='i'>
      <li><a expr:href='data:i.url' expr:title='data:i.title'><data:i.title/></a></li>
    </b:loop>
  </ul>
</b:includable>
<b:includable id='main'>
  <b:if cond='data:title'>
    <h2><data:title/></h2>
  </b:if>
  <div class='widget-content'>
  <div id='ArchiveList'>
  <div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'>
    <b:if cond='data:style == &quot;HIERARCHY&quot;'>
     <b:include data='data' name='interval'/>
    </b:if>
    <b:if cond='data:style == &quot;FLAT&quot;'>
      <b:include data='data' name='flat'/>
    </b:if>
    <b:if cond='data:style == &quot;MENU&quot;'>
      <b:include data='data' name='menu'/>
    </b:if>
  </div>
  </div>
  <b:include name='quickedit'/>
  </div>
</b:includable>
</b:widget>
</b:section>
      </div>    
    </div><!--/secondary-->
   
    <div id='social-icons'>
      <div id='social-icons-margins'>
        <a href='http://wplook.com/dailypostwpo' target='_blank' title='Design by WPlook'><img height='22' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrdX61GVDFjvNUY4of08blybjLw0RSdmyyGt28mLQGL_M08AEgbpEwp0f6_mX_BVmZUxAeyaYWikb_4jfMXmbQkMJGCleYNLHdbco82yEGdYlOo1IlGZMfRlK35DoTT22Jz3cmxVH13KY/s0/wplook.png' width='22'/></a>
        <a href='http://www.w3.org/html/logo/' target='_blank' title='HTML5, CSS3 and mobile compatible design'><img height='22' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjR26ipN1Trjm222b6-oisKQJ0gKG1tFaukal7GVLzWAsTJo1fASteFiZjYKulFZ5ipY3qWa7g0b907d4PJAygTsp9rt_I3rbKPYUFfNwRpw4xbKTtnA3j9sXQ_OX71QkSa8OAzMoCml8o/s0/html5.png' width='22'/></a>
      </div><!--/social-icons-margins-->
    </div><!--/social-icons-->

    <div class='clear'/>

  </div>

</body>
</html>

Blogger templates

Blogger Personil

Blogroll

About

Archives