Selasa, 24 April 2012

Kode Template: Deposit Photo

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//ES" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>

<link href='http://fonts.googleapis.com/css?family=Droid+Serif:regular,bold' rel='stylesheet' type='text/css'/>
<link href='http://fonts.googleapis.com/css?family=Cuprum' rel='stylesheet' type='text/css'/>
<b:include data='blog' name='all-head-content'/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<title><data:blog.pageName/> | (example: Best Theme)</title>
<b:else/>
<title><data:blog.pageTitle/> | (example: Best Theme)</title>
</b:if>
<meta content='ALL' name='ROBOTS'/>
<meta content='blogger' name='generator'/>
<meta content='Write here you name / author name' name='author'/>
<meta content='Writer here description for search engines' name='description'/>
<meta content='Write here keywords for search engines ' name='keywords'/>
<meta content='INDEX, FOLLOW' name='ROBOTS'/>
<b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template Style
-----------------------------------------------
Name           : Depositphotos
Author         : Avinash Bhardwaj
Author  URL    : http://besttheme.net/
----------------------------------------------- */
#navbar-iframe{display:none;}*{padding:0;margin:0}
body#layout #slider{display:none}

/*-------------------[External]------------------*/   
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre,
form, fieldset, input, textarea, label, p, blockquote, th, td        
{margin:0;padding:0;}
/*---------------------------------------------------------
          {--------} Table  {--------}
--------------------------------------------------------*/
table{
     border-collapse:
     collapse;
     border-spacing:0;
}
/*---------------------------------------------------------
          {--------} Field Set Image  {--------}
--------------------------------------------------------*/
fieldset, img{
     border:0;
}
/*---------------------------------------------------------
          {--------} Generic  {--------}
--------------------------------------------------------*/
address, caption, cite, code, dfn, em, strong, th, var     {
    font-style:normal;
    font-weight:normal;
}
/*--------------------------------------------------
          {--------} Strong  {--------}
--------------------------------------------------*/
strong{
    font-weight:bold;
}
/*-------------------------------------------------------------------
          {--------} Ordered List / Unordered List  {--------}
--------------------------------------------------------------------*/
ol, ul {
    list-style:none;
}
/*-------------------------------------------------
          {--------} Caption  {--------}
--------------------------------------------------*/
caption, th{
    text-align:left;
}


/*----------------------------------------------------
          {--------}  Body Internal style  {--------}
----------------------------------------------------*/
body {
     font: 10pt "Trebuchet MS", Arial, Helvetica, sans-serif;
     margin:0;
     outline:none;
     color:#333;
     background:#472718 url(http://2.bp.blogspot.com/-bQBOMDzNEpY/TwKvTdpMM-I/AAAAAAAAEBc/PdVzWPDu4KE/s000/background.jpg) repeat;
     margin:0px 0px 0px 0px;
     padding:0px;
}
/*----------------------------------------------------
          {--------}  Image   {--------}
----------------------------------------------------*/
img {
    border:0;
    margin: 0 0;
}
/*----------------------------------------------------
          {--------}  A (Link) {--------}
----------------------------------------------------*/   
a {
    color: #5384BF;
    text-decoration: none;
    outline:none;
}
/*----------------------------------------------------
          {--------}  A (Visited) {--------}
----------------------------------------------------*/
a:visited {
    color: #5384BF;
}
/*----------------------------------------------------
          {--------}  A (Active) {--------}
----------------------------------------------------*/
a:hover, a:active {
    color: #214974;
    text-decoration: none;
}
/*----------------------------------------------------
          {--------}  Heading  {--------}
----------------------------------------------------*/
h1,h2, h3, h4, h5, h6 {
    line-height:125%;
    font-weight: bold;
}
/*----------------------------------------------------
          {--------}  Table  {--------}
----------------------------------------------------*/
 table {
   
    margin: 0 -1px 24px 0;
    text-align: left;
    width: 100%;
}
tr th,
thead th {
    color: #888;
    font-size: 12px;
    font-weight: bold;
    line-height: 18px;
    padding: 9px 24px;
}
tr td {
   
    padding: 6px 24px;
}
tr.odd td {
    background: #f2f7fc;
}
/*----------------------------------------------------
          {--------}  Unordered List  {--------}
----------------------------------------------------*/
ul {
    list-style: square;
}
/*----------------------------------------------------
          {--------}  Blockquote  {--------}
----------------------------------------------------*/
blockquote {
    font-style: italic;
    color: #555;
    padding:10px;
}
blockquote blockquote {
    color: #777;
}
blockquote em {
    font-style: normal;
}
/*----------------------------------------------------
          {--------}  Pre / code  {--------}
----------------------------------------------------*/
pre {
    padding: 9px;
    background: #f9f9f9;
    border: 1px solid #ccc;
}
code {
    padding: 0 3px;
    background: #eee;
}
pre code {
    background: transparent;
}
/*----------------------------------------------------
          {--------}  Class Clear  {--------}
----------------------------------------------------*/
.clear {
    clear:both;
}
/*----------------------------------------------------
          {--------}  Image Alignment  {--------}
----------------------------------------------------*/
img.centered  {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    padding: 0px;
}
img.alignnone {
    padding: 5px 5px;
    margin: 0px 0px 10px 0px;
    display: inline;
    background:#ddd;
    border: 1px solid #ccc;
}
img.alignright {
    padding: 5px 5px;
    margin: 5px 0px 10px 10px;
    display: inline;
    background:#ddd;
        border: 1px solid #ccc;
}
img.alignleft {
    padding: 5px 5px;
    margin: 5px 10px 10px 0px;
    display: inline;
    background:#ddd;
        border: 1px solid #ccc;
}
/*----------------------------------------------------
          {--------}  Alignment  {--------}
----------------------------------------------------*/   
.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
}
.alignright {
    float: right;
    margin: 0px 0px 10px 10px;
}
.alignleft {
    float: left;
    margin: 0px 10px 10px 0px;
}
/*----------------------------------------------------
          {--------}  Outer  {--------}
----------------------------------------------------*/
#wrapper {
       width:990px;
       margin:0px auto;
       position:relative;
}
/*----------------------------------------------------
          {--------}  Cassing {--------}
----------------------------------------------------*/
#casing {
      padding:40px 20px 10px 20px;
      width:950px;
      margin:10px 0px 0px 0px;
background:#fff url(http://2.bp.blogspot.com/-jSUVbpVvvoQ/TwKvTmdymEI/AAAAAAAAEBg/xa9Lip0Iydc/s000/container_background.png) top repeat-x ;
}       
/*----------------------------------------------------
          {--------}  Top  {--------}
----------------------------------------------------*/
#top {
      height:95px;
      margin:0px auto;
      position:relative;
background: url(http://4.bp.blogspot.com/-8VuLtXe9u6E/TwKvTqYQ9sI/AAAAAAAAEBs/_Wv-sjUmOj4/s000/top_bar.png) repeat-x;
      padding-top:25px;
}   
/*----------------------------------------------------
          {--------}  Blog Logo / Name  {--------}
----------------------------------------------------*/
h1#logo p {
     display: none;
}
h1#logo {
     margin-top: 10px;
}

h1#logo {
     margin-bottom: 0px;
}
h1#logo a {
background: url(http://4.bp.blogspot.com/-YEH1kvWLj2k/TwKvTyadZhI/AAAAAAAAEB0/xRp7bBHwEQg/s000/deposit-photos-logo.png) 0px 0px;
    text-indent: -9999px;
    width: 330px;
    height: 44px;
    display: block; margin:0 0 0 20px;
}
.widebanner{
     height:60px;
     position:absolute;
     bottom:30px;
     right:20px;
     padding:0px 0px;
     text-align:center;
     rotate(-1deg) scale(1);
    -moz-transform: rotate(-1deg) scale(1);
}
/*----------------------------------------------------
          {--------}  Top Manu  {--------}
----------------------------------------------------*/
#topmenu{
      height:60px;
      display:block;
      padding-top:15px ;
      width:990px;
background:url(http://1.bp.blogspot.com/-fJkEXLtEOvA/TwKvTwkPpWI/AAAAAAAAEB8/lkXRZSXcJvA/s000/menu_bar.png) repeat-x;
      text-transform:uppercase;
}

/*----------------------------------------------------
          {--------}  Navigation  {--------}
----------------------------------------------------*/
#navigation {
      padding: 7px 0 5px 0; 
}
/*---------------------------------------------------------------
          {--------}  Navigation Unordered List  {--------}
------------------------------------------------------------------*/
#navigation ul li {
      display: inline;
      margin-left: 0px;
}
/*--------------------------------------------------------------------
          {--------}  Navigation Unordered List A(Style)  {--------}
---------------------------------------------------------------------*/
#navigation ul li a {
      padding: 8px 15px;
}
/*-------------------------------------------------------------
          {--------}  Mega List A (Style)  {--------}
-------------------------------------------------------------*/
#header #navigation li.mega ul li a {
      text-transform: lowercase; font-weight:normal;
      font-family: 'Cuprum', arial, serif;
}
/*------------------------------------------------------------
          {--------}  Mega Unordered List  {--------}
--------------------------------------------------------------*/
li.mega ul { 
      position: absolute;
      top: 50px;
      z-index: 2;
      background-color: #fff;
      background-color: rgba(255, 255, 255, 0.97);
      padding: 10px 0;
      border-top: 2px solid #22C3EB;
     -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.18);
}
/*---------------------------------------------------------------
          {--------} Mega Unordered List A List  {--------}
----------------------------------------------------------------*/
li.mega ul li {
      float: left;
      width: 145px;
      display: block;
}
li.mega ul li a {
      line-height: 30px;
}
/*------------------------------------------------------------------
          {--------}Navigation Unordered List  A  Tags{--------}
-------------------------------------------------------------------*/
#navigation ul li.tags a {
      padding-right: 25px;
background: url(http://3.bp.blogspot.com/-ftBEvkZbSMo/TwKvUPTt-II/AAAAAAAAECE/Wrh6HobGwak/s000/arrow_rewards.gif) 160px 14px no-repeat;
}
/*----------------------------------------------------------------------------
          {--------} Navigation Unordered List A Tags A hover  {--------}
-----------------------------------------------------------------------------*/   
#navigation ul li.tags a:hover {
background: url(http://3.bp.blogspot.com/-ftBEvkZbSMo/TwKvUPTt-II/AAAAAAAAECE/Wrh6HobGwak/s000/arrow_rewards.gif) 160px -10px no-repeat;
}
   
#navigation ul li.tags li a, #navigation ul li.tags li a:hover {
       background: none;
}
#navigation ul li.tags li a {
       display: block;
       padding: 0px 15px;
}
#navigation ul li.tags li a:active {
       border: none;
}
#navigation ul li.tags li {
       float: left;
       width: 160px;
}
   
/*Navigation Mega-drop-down!!!111one
li.mega ul.two {
      -webkit-column-count: 7;
      -webkit-column-gap: 10px;
      -webkit-column-width: 180px;
      -moz-column-count: 7;
      -moz-column-gap: 10px;
      -moz-column-width: 180px;
       column-count: 7;
}*/   

li.mega ul.two.second {
       display: none !important;
}
li.mega ul {
       position: absolute;
       left: -9999px;
}
li.mega:hover ul, li.mega li ul:hover {
       left: auto;
}
body.category-articles #navigation ul li.articles a,
body.category-bestoftheweek #navigation ul li.bestoftheweek a,
body.category-about #navigation ul li.about a,
body.page-template-page-about-php #navigation ul li.about a,
body.page-template-page-contact-php #navigation ul li.contact a{
       color: #fff;
       background-color: #22c3eb;
}
/*------------------------------------------------------------------
          {--------}  Top Menu Navigation A (Style)  {--------}
-------------------------------------------------------------------*/   
#topmenu #navigation a {
       font-weight:normal;
       font-family: 'Cuprum', arial, serif;color:#616060;
       font-size: 18px;
       text-transform: uppercase;
}
/*------------------------------------------------------------------------
          {--------}  Top Menu Navigation A Hover (Style)  {--------}
-------------------------------------------------------------------------*/
#topmenu #navigation a:hover {
       color: #fff;
       background-color: #22c3eb;
       border-radius:10px;
      -moz-border-radius:10px;
      -webkit-border-radius:10px
}
/*----------------------------------------------------
      {--------}  Sidebar  {--------}
----------------------------------------------------*/
#sidebar-wrapper {
    position: relative;
    float:right;
    display:inline;
    margin:0px;
    padding: 0;
    width: 300px;
}
/*--------------------------------------------
     {--------}  Sidebar Title {--------}
--------------------------------------------*/
.sidebar h2 {
       height:30px;
       font-style: normal;
       color:#616060;
       font-size:22px;
       letter-spacing:0.5px;
       padding-bottom:20px;
       text-align:center;
       font-weight:normal;
       font-family: 'Cuprum', arial, serif;
background:url(http://2.bp.blogspot.com/-3WpP_5nomIE/TwKvUfCypkI/AAAAAAAAECM/OK6vXZEE-Ks/s000/break.png) bottom no-repeat;
}
/*--------------------------------------------
     {--------}  Sidebar Widget {--------}
--------------------------------------------*/
.sidebar .widget {
       padding:10px;
background:#fff url(http://3.bp.blogspot.com/-NqZu_geRMok/TwKvUXY5DyI/AAAAAAAAECU/X8jrOW_Leb4/s000/break.png) top repeat-x;
       border:1px solid #DEDBD1;
      -moz-border-radius:5px;
      -webkit-border-radius:5px;
       margin-bottom:10px;
}
/*----------------------------------------------------------
     {--------}  Sidebar Widget Content {--------}
-----------------------------------------------------------*/
.sidebar .widget-content {
       padding: 5px 5px;
       margin:0;
       font-family: 'Cuprum', arial, serif;
}
/*----------------------------------------------------------
     {--------}  Sidebar Widget Underline {--------}
-----------------------------------------------------------*/
.sidebar ul {
       list-style-type: none;
       margin: 0 0px;
       padding: 0;
}
/*----------------------------------------------------------
     {--------}  Sidebar Widget List {--------}
-----------------------------------------------------------*/
.sidebar li  {
      color:#616060;
      text-decoration:none;
      padding: 6px 0px 6px 5px;
      display:block;
      margin:0px 0px 3px 0px;
      text-align: left;
      font-family: 'Cuprum', arial, serif;
      text-indent:3px ;
      font-size:15px;
      text-transform: capitalize;
      border-radius:1px;
     -moz-border-radius:1px;
     -webkit-border-radius:1px;
      border:1px solid #efefef;
}
/*-----------------------------------------------------------------
     {--------}  Sidebar Widget List Link A Visited {--------}
------------------------------------------------------------------*/
.sidebar li a:link, .sidebar li a:visited {
     color:#616060;
     text-decoration: none;
}
/*-------------------------------------------------------------------
     {--------}  Sidebar Widget List Link A Hover {--------}
-------------------------------------------------------------------*/
.sidebar li a:hover {
     color: #0a65bd;
}
/*----------------------------------------------------------
     {--------}  Sidebar Widget Image {--------}
-----------------------------------------------------------*/
.sidebar img {
     padding:5px;
     border:1px solid #fdfdfd;
     background:#fdfdfd;
     margin: 0 10px 0px 0;
}
/*----------------------------------------------------
      {--------}  Sidebar Label  {--------}
----------------------------------------------------*/
#Label1 ul li{
     float: left;
     width: 44%;
     margin-left:5px;
}
#Label2 ul li{
     float: left;
     width: 46%;
}
/*----------------------------------------------------
      {--------}  Blog Archiv  {--------}
----------------------------------------------------*/
#BlogArchive1_ArchiveMenu {
      background:#fdfdfd;
      border: 1px solid #dfdfdf;
      text-transform: capitalize;
      color:#616060;
      text-decoration: none;
      margin-left:0px;
      margin-top:5px;
      padding:10px;
      width:267px;
}
/*----------------------------------------------------
          {--------}  Follower  {--------}
----------------------------------------------------*/
#Followers1-wrapper {
      background:#fdfdfd none repeat scroll 0 0;
      border: 1px solid #dfdfdf;
      color:#555147;
      width:267px;
      margin:0;
}
/*----------------------------------------------------
          {--------}  Profile  {--------}
----------------------------------------------------*/
.profile-link {
      display:none;
}
/*----------------------------------------------------
          {--------}  List Post  {--------}
----------------------------------------------------*/
.item-thumbnail {
      display:none;
}
/*----------------------------------------------------
          {--------}  Footer 3 Column  {--------}
----------------------------------------------------*/
#footer_block{
       width:990px;
       margin:0px auto;
       padding-bottom:20px;
}
/*----------------------------------------------------------
          {--------}  Footer Block Cover  {--------}
-----------------------------------------------------------*/
.footer_block_cover{
       width: 100%;padding: 40px 0 0;background:#fff url(http://1.bp.blogspot.com/-8hGoOX8p3lA/TwKvUWDOuWI/AAAAAAAAECc/BcF7ddIKpVQ/s000/footer_top_cover.png) repeat-x;
}
/*---------------------------------------------------------
          {--------} Footer Block Widget  {--------}
--------------------------------------------------------*/   
.widgets_column h2{
       height:30px;
       font-style: normal;
       color:#616060;
       font-size:22px;
       letter-spacing:0.5px;
       padding-bottom:20px;
       font-family: 'Cuprum', arial, serif;
       text-align:center;
       font-weight:normal;
background:url(http://3.bp.blogspot.com/-NqZu_geRMok/TwKvUXY5DyI/AAAAAAAAECU/X8jrOW_Leb4/s000/break.png) bottom no-repeat;
}
.widgets_column h2:hover {
       color:#464646;
}
/*-----------------------------------------------------------------
          {--------} Footer Block Widget Column  {--------}
-----------------------------------------------------------------*/
.widgets_column{
      float:left;
      width:290px;
      padding:8px;
      font-size:12px;
      list-style:none;
      margin:15px 0px 0px 15px;
      color:#4d4d4d;
      font-family: 'Cuprum', arial, serif;
}
/*-----------------------------------------------------------------
          {--------} Widget Column Unordered List  {--------}
-------------------------------------------------------------------*/
.widgets_column ul {
      list-style-type: none;
      margin:  0px;
      padding: 0px 5px 5px 5px ;
}
/*-----------------------------------------------------------
          {--------} Widget Column List  {--------}
------------------------------------------------------------*/
.widgets_column li{
      color:#616060;
      text-decoration:none;
      padding: 6px 0px 6px 5px;
      display:block;
      margin:0px 0px 3px 0px;
      text-align: left;
      font-family: 'Cuprum', arial, serif;
      text-indent:3px ;
      font-size:15px;
      text-transform: capitalize;
      border-radius:1px;
     -moz-border-radius:1px;
     -webkit-border-radius:1px;
      border:1px solid #efefef;
}
/*---------------------------------------------------------------------
          {--------}  Widget Column unordered List  {--------}
----------------------------------------------------------------------*/
.widgets_column ul ul  {
      list-style-type: none;
      margin: 0;
      padding: 0px 0px 0px 0px;
      background-repeat:no-repeat;
}
/*--------------------------------------------------------------------------
          {--------}  Widget Column Unordered List (List)  {--------}
--------------------------------------------------------------------------*/
.widgets_column ul li {
      height:100%;
      line-height:18px;
      clear: left;   
      width: 280px;
      list-style-type: none;
}
/*--------------------------------------------------------------------------
          {--------}  Widget Column A Link A Visited  {--------}
---------------------------------------------------------------------------*/   
.widgets_column ul li a:link, .widgets_column ul li a:visited  {
      color:#777;
}
/*--------------------------------------------------------------------------
          {--------}  Widget Column Link A hover  {--------}
---------------------------------------------------------------------------*/
.widgets_column ul li a:hover{
      color: #ccc;
}
/*---------------------------------------------------------
          {--------} Slider  {--------}
--------------------------------------------------------*/
#slider {
      margin: 0px 0 20px 0;
      padding: 10px 10px 20px;
      background:#fdfdfd;
      border:1px solid #DEDBD1;
     -moz-border-radius:5px;
     -webkit-border-radius:5px;
      overflow: hidden;
}
/*-------------------------------------------------------------
          {--------}  Slider Container  {--------}
---------------------------------------------------------------*/
.slider_container{
      position:relative;
      width:940px;
      margin:0px;
      height:464px;
      overflow:hidden;
      clear:both;
      cursor:pointer;
}
/*---------------------------------------------------------------
          {--------}  Slider Container Area  {--------}
----------------------------------------------------------------*/
.slider_container .slider_area{
       position:absolute;
       overflow:hidden;
}
/*------------------------------------------------------------
          {--------}  Slider Area Image  {--------}
--------------------------------------------------------------*/
.slider_area img{
    position:absolute;
    padding:5px;
    border:1px solid #dfdfdf;
    background:#fdfdfd;
        margin:0;
    display:none;
}
/*--------------------------------------------------------------------------
          {--------}  Slider Area Image Slider Visible  {--------}
---------------------------------------------------------------------------*/
.slider_area img.slider_visible{
    display:block;
    z-index:9999;
}
/*----------------------------------------------------
          {--------}  Slider Area One  {--------}
----------------------------------------------------*/
.slider_area1{
        margin:5px;
}
/*-----------------------------------------------------------------
          {--------}  Slider Area 4 Hs_Area 5 {--------}
-------------------------------------------------------------------*/
.slider_area4, .hs_area5{
    margin:5px;
}
/*----------------------------------------------------
          {--------}  Hs_Area 4  {--------}
----------------------------------------------------*/
.hs_area4{
    margin:5px;
}
/*----------------------------------------------------
          {--------}  Slider Area 3  {--------}
----------------------------------------------------*/
.slider_area3{
    margin:5px;
}
/*----------------------------------------------------
          {--------}  Slider Area 1  {--------}
----------------------------------------------------*/
.slider_area1{
    width:435px;
    height:334px;
    top:0px;
    left:0px;
}
/*---------------------------------------------------------------
          {--------}  Slider Area One Image  {--------}
----------------------------------------------------------------*/
.slider_area1 img{
    width:420px;
    height:310px;
}
/*----------------------------------------------------
          {--------}  Slider Area 2  {--------}
----------------------------------------------------*/
.slider_area2{
    width:475px;
    height:150px;
    top:5px;
    left:451px;
}
/*-----------------------------------------------------------
          {--------}  Slider Area 2 Image  {--------}
------------------------------------------------------------*/
.slider_area2 img{
    width:460px;
    height:135px;   
}
/*----------------------------------------------------
          {--------}  Slider Area 3  {--------}
----------------------------------------------------*/
.slider_area3{
    width:470px;
    height:160px;
    top:165px;
    left:449px;
}
/*------------------------------------------------------------
          {--------}  Slider Area 3 Image  {--------}
-------------------------------------------------------------*/
.slider_area3 img{
    width:455px;
    height:144px;
   
}
/*----------------------------------------------------
          {--------}  Slider Area 4  {--------}
----------------------------------------------------*/
.slider_area4{
    width:176px;
    height:155px;
    top:334px;
    left:0px;
}
/*-----------------------------------------------------------
          {--------}  Slider Area 4 Image  {--------}
--------------------------------------------------------------*/
.slider_area4 img{
    width:155px;
    height:113px;
}
/*-------------------------------------------------------------
          {--------}  Slider Area Five  {--------}
--------------------------------------------------------------*/
.slider_area5{
    width:730px;
    height:135px;
    top:336px;
    left:194px;
}
/*---------------------------------------------------------------
          {--------}  Slider Area Five Image  {--------}
----------------------------------------------------------------*/
.slider_area5 img{
    width:715px;
    height:115px;

}
/*---------------------------------------------------------
          {--------} Page  {--------}
--------------------------------------------------------*/
#page { width: 650px;
        float: left;
        position: relative;
        top: 0px;
        margin: 0;
        padding: 0;
        margin-bottom: 0px;
}
/*-----------------------------------------------
          {--------} Single {--------}
-------------------------------------------------*/
.single {
       margin-right:20px;
       padding:20px;
       width:590px;
background:#fff url(http://3.bp.blogspot.com/-Sj_zHsDfAMg/TwKvUtIhnoI/AAAAAAAAECk/4Xwxu-GoVvs/s000/grad.png) top repeat-x;
       border:1px solid #DEDBD1;
      -moz-border-radius:5px;
     -webkit-border-radius:5px;
}
/*----------------------------------------------------
          {--------}  Post Title  {--------}
----------------------------------------------------*/
.title h3 {
       background:#fff;
       border:1px solid #DEDBD1;
      -moz-border-radius:5px;
      -webkit-border-radius:5px;
       font-size: 200%;
       font-family: 'Cuprum', arial, serif;
       font-weight: normal;
       color: #000;
       margin-top: 20px;
       margin-bottom: 15px;
       padding: 10px 20px; 
}
/*----------------------------------------------------------------
          {--------} Post title Link A visited  {--------}
------------------------------------------------------------------*/
.title h3 a, .title h3 a:visited, .title h3 strong {
       color:#33312a;
       text-decoration:none;
}
/*-------------------------------------------------------------------
          {--------}  Post Title Link A Hover  {--------}
--------------------------------------------------------------------*/
.title h3 strong, .title h3 a:hover {
       color:#000000;
}
/*---------------------------------------------------------
          {--------} Entry  {--------}
--------------------------------------------------------*/
.entry {
       margin:0 0;
       text-align: justify;
       line-height: 20px;
       font-family: 'Cuprum', arial, serif;
       font-size: 16px;
       color: #616161;
}
/*---------------------------------------------------------------
          {--------}  Entry Paragraph  {--------}
-----------------------------------------------------------------*/       
.entry p{
       margin:5px 0px;
       padding:5px 0px;
       line-height:22px;
}
/*----------------------------------------------------
          {--------}  Entry Image  {--------}
----------------------------------------------------*/
.entry img {
       padding:15px;
background:#fff url(http://3.bp.blogspot.com/-Sj_zHsDfAMg/TwKvUtIhnoI/AAAAAAAAECk/4Xwxu-GoVvs/s000/grad.png) top repeat-x;
       border:1px solid #DEDBD1;
      -moz-border-radius:5px;
      -webkit-border-radius:5px;
       width:560px;
       margin: 0 10px 10px 0;);

}
/*---------------------------------------------------------------------------
          {--------}  Entry Unordered List / Ordered List  {--------}
-----------------------------------------------------------------------------*/
.entry ul, .entry ol {
       padding-left:20px;
}
/*---------------------------------------------------------
          {--------} Box  {--------}
--------------------------------------------------------*/
.box{width: 276px;
       float: left;
       margin: 0 27px 20px 0;}
/*---------------------------------------------------------
          {--------} Post Full View  {--------}
--------------------------------------------------------*/
.post {
    padding: 10px 10px 20px;
    background:#fdfdfd url(http://premiumbloggerthemes.com/wp-content/uploads/2010/12/grad1.png) top repeat-x;
border:1px solid #DEDBD1;
       -moz-border-radius:5px;
       -webkit-border-radius:5px;
    overflow: hidden;
}
/*---------------------------------------------------------
          {--------} Bottom Page Navigation  {--------}
--------------------------------------------------------*/
.pagination {
    background-color: #fff;
    padding: 15px 10px;
       -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
    border-radius: 5px;
       -webkit-box-shadow: 0px 0px 5px #bbc2ca;
       -moz-box-shadow: 0px 0px 5px #bbc2ca;
    box-shadow: 0px 0px 5px #bbc2ca;
    clear: both;
}
/*---------------------------------------------------------
          {--------} Post Title  {--------}
--------------------------------------------------------*/
.post h2 {
    line-height:30px;
        font-style: normal;
        color:#616060;
        font-size:22px;
        letter-spacing:0.5px;
        padding-bottom:20px;
        text-align:center;
        font-weight:normal;
        font-family: 'Cuprum', arial, serif;
background:url(http://3.bp.blogspot.com/-NqZu_geRMok/TwKvUXY5DyI/AAAAAAAAECU/X8jrOW_Leb4/s000/break.png) bottom no-repeat;
}
/*-------------------------------------------------------------------
          {--------}  Post Title Link A Visited  {--------}
---------------------------------------------------------------------*/
.post h2 a, .post h2 a:link, .post h2 a:visited  {
    color:#666;
    background-color: transparent;
}
/*--------------------------------------------------------------------
          {--------}  Post Title Link A Hover  {--------}
----------------------------------------------------------------------*/   
.post h2 a:hover  {
    color: #111;
    background-color: transparent;
}       
/*---------------------------------------------------------
          {--------} Post Block  {--------}
--------------------------------------------------------*/
.post_block{
        display: block;
    position: relative;
    margin: 0 0 3px 0;
}
/*---------------------------------------------------------
          {--------} Post Block Image  {--------}
--------------------------------------------------------*/
.post_block img {
        padding:5px;
    border:1px solid #dfdfdf;
    background:#fdfdfd;
        margin: 10px 20px 0px 0;
   
}
/*---------------------------------------------------------
          {--------} Post Thumb + a  {--------}
--------------------------------------------------------*/
.post .post-thumb + a {
    display: block;
    margin: 0 0 0 10px;
}
/*---------------------------------------------------------
          {--------} Js-Kit Star Rating  {--------}
--------------------------------------------------------*/
.js-kit-rating {
        height:45px;
        left:-10px;
        overflow:hidden;
        position:absolute;
        top:15px;
        width:10px;
}
/*---------------------------------------------------------
          {--------} Post Box Meta  {--------}
--------------------------------------------------------*/
.postBoxMeta {
       bottom: 0; left: 0;
background-image:url(http://2.bp.blogspot.com/-9Kft5qR_l7g/TwKvU-_ODMI/AAAAAAAAECs/CmSH77zI8Co/s000/collection-02.png);
       background-repeat: no-repeat;
       height: 61px;
       width: 220x;
}
/*---------------------------------------------------------
          {--------} Post Date  {--------}
--------------------------------------------------------*/
.postDate {
      float: left;
      text-align: center;
      width: 48px;
      margin: 13px 0 0 0;
      padding-left:10px;
}
/*----------------------------------------------------
          {--------}  Post Date Day  {--------}
----------------------------------------------------*/
.postDate .day {
      font-family: Arial, Helvetica, sans-serif;
      font-size: 21px;
      font-weight: bold;color: #666;
      font-family: 'Cuprum', arial, serif;
}
/*--------------------------------------------------------
          {--------}  Post Date month  {--------}
---------------------------------------------------------*/
.postDate .month {
      font-family: Arial, Helvetica, sans-serif;
      font-size: 13px;
      font-weight:normal;color: #666;
      font-family: 'Cuprum', arial, serif;
}
/*---------------------------------------------------------
          {--------} Post Meta  {--------}
--------------------------------------------------------*/
.postMetadata {
      position: relative;
      float: left;
      margin: 15px 0 0 10px;
      font-family: Arial, Helvetica, sans-serif;
      font-size: 12px;
      color: #666;
      font-family: 'Cuprum', arial, serif;
}
/*---------------------------------------------------------
          {--------} Meta Author  {--------}
--------------------------------------------------------*/
.metaAuthor {
      display: block;
background-image:url(http://1.bp.blogspot.com/-vAJmtNKcU8U/TwKvVEX6-GI/AAAAAAAAEC0/IlfRDHg9Ds0/s000/user_aux.png); background-repeat: no-repeat;
      line-height: 16px;
      padding-left: 25px;
}
/*---------------------------------------------------------
          {--------} Post Meta Comment  {--------}
--------------------------------------------------------*/
.metaComments {
     display: block;
background-image:url(http://2.bp.blogspot.com/-AsiAbDneKJI/TwKvVG0nGHI/AAAAAAAAEC8/GR8D4MtR6PM/s000/comment_icon%2525252b%25252525281%2525252529.png);
background-repeat: no-repeat;
     line-height: 18px;
     padding-left: 25px;
     margin-top: 5px;
}
/*--------------------------------------------------------------
          {--------}  Meta Comment A (Style)  {--------}
----------------------------------------------------------------*/
.metaComments a {
     color: #666;
     font-family: 'Cuprum', arial, serif;
}
/*---------------------------------------------------------
          {--------} Post Jump link  {--------}
--------------------------------------------------------*/
.jump-link {
     float:right;
     margin:10px 0;
background:url(http://1.bp.blogspot.com/-894E6ZcbGHM/TwKvVVbv89I/AAAAAAAAEDE/PC4P7-e05o4/s000/more_png.gif);
     width:50px;
     height:50px;
}
/*----------------------------------------------------------------------
          {--------} Bottom Numbered Page Navigation  {--------}
------------------------------------------------------------------------*/
.bottom_navigation{
     padding: 10px;
     font-size: 1em;
     font-weight: bold;
      background:#fff url(http://3.bp.blogspot.com/-Sj_zHsDfAMg/TwKvUtIhnoI/AAAAAAAAECk/4Xwxu-GoVvs/s000/grad.png) top repeat-x;
      border:1px solid #DEDBD1;
     -moz-border-radius:5px;
     -webkit-border-radius:5px;
      width:600px;height:50px;
}
/*---------------------------------------------------------
          {--------} Lead  {--------}
--------------------------------------------------------*/
.lead {
       clear:both;margin-top:15px;   
}
/*--------------------------------------------------------
          {--------}  Lead A (Style)  {--------}
---------------------------------------------------------*/
.lead a { 
      color: #323935;
}
/*----------------------------------------------------------
          {--------}  Lead Style A Hover  {--------}
------------------------------------------------------------*/
.lead a:hover {
     text-decoration: underline;
 }
/*----------------------------------------------------
          {--------}  Lead List  {--------}
----------------------------------------------------*/
.lead li {
     padding: 0;
     margin: 0 11px;
     display: inline;
     background: none;
     text-align: left;
}
/*----------------------------------------------------
          {--------}  Lead Previous Post   {--------}
----------------------------------------------------*/
.lead .prev { 
     float: left;
}
/*----------------------------------------------------
          {--------}  Lead Next Post  {--------}
----------------------------------------------------*/
.lead .next {
     float: right;
}
/*--------------------------------------------------------------
          {--------}  Lead Previous A (Style)  {--------}
---------------------------------------------------------------*/
.lead .prev a {
     float: left;
     padding: 3px 0 0 26px;
     background: url(http://4.bp.blogspot.com/-WX2Ci1CtcEw/TwKvVc9ValI/AAAAAAAAEDM/ieiM_lLY6kM/s000/prev-next.png) no-repeat;
}
/*----------------------------------------------------------------
          {--------} Lead Next  A  (Style)  {--------}
-------------------------------------------------------------------*/
.lead .next a {
     float: right;
     padding: 3px 26px 0 0;
     background: url(http://4.bp.blogspot.com/-WX2Ci1CtcEw/TwKvVc9ValI/AAAAAAAAEDM/ieiM_lLY6kM/s000/prev-next.png) no-repeat right bottom;
}
/*------------------------------------------------------------------
                {--------}  Lead A Share {--------}
-------------------------------------------------------------------*/
.lead .share {
     font-style: normal;
     font-weight: normal;
     margin: -24px 0 0 219px;
     padding: 0;
     width: 181px;
     height: 31px;
     clear: both;
     float: left;
}
/*-------------------------------------------------------------
          {--------}  Lead Share (Sharethis)  {--------}
---------------------------------------------------------------*/
.lead .share span#sharethis_0 {
     display: block;
     width: 181px;
     height: 31px;
     overflow: hidden;
     cursor: pointer;
     padding: 0;
     margin: 0;
}
/*----------------------------------------------------------------
          {--------} Lead Share (Background)  {--------}
-----------------------------------------------------------------*/
.lead .share a {
     background: url(http://2.bp.blogspot.com/-AyaHgVI3V_o/TwKvVZ5b7zI/AAAAAAAAEDU/M03nYW4rxN0/s000/post-bookmark.jpg) no-repeat!important;
     width: 181px;
     height: 31px;
     padding: 0!important;
     margin: 0;
     text-indent: -100em;
     overflow: hidden;
     display: block;
}
/*---------------------------------------------------------
          {--------} Information  {--------}
--------------------------------------------------------*/
.information{
     display: block;
     width: 132px;
     height: 69px;
     background: url(http://1.bp.blogspot.com/-SCE7dH4_Ybo/TwKvVvWu8QI/AAAAAAAAEDc/l2_aybampZY/s000/bg-featured.png) no-repeat;
     position: absolute;
     top: 140px;
     text-indent: -9999px;
}
/*---------------------------------------------------------
          {--------} Comment  {--------}
--------------------------------------------------------*/
#respond {
     width:610px;
     margin-bottom:20px;
     margin-top:20px;
     padding:5px 10px;
background:#fff url(http://3.bp.blogspot.com/-Sj_zHsDfAMg/TwKvUtIhnoI/AAAAAAAAECk/4Xwxu-GoVvs/s000/grad.png) top repeat-x;
     border:1px solid #DEDBD1;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
}
#respond  h4 {
     background:#fff ;
     border:1px solid #DEDBD1;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
     font-size: 200%;
     font-family: 'IM Fell DW Pica', arial, serif;
     font-weight: normal; color: #000;
     margin-top: 30px;
     padding: 10px 20px;
}
/*---------------------------------------------------------
          {--------} Text Area  {--------}
--------------------------------------------------------*/
.comment-textarea textarea {
     width:98%;
}
.tb-type {
     font-weight:bold;
     text-transform: uppercase;
}
ol.commentlist {
     list-style:none;
     margin:0;
     padding:0;
     text-indent:0;
}   
#comment-1 {
     height: 80px;
}
/*---------------------------------------------------------
          {--------} Comment Body  {--------}
--------------------------------------------------------*/
.comment-body{
     margin-left:100px;
     margin-bottom:20px;
     padding:10px 10px;
     padding:15px;
     background:#fdfdfd;
     border:1px solid #DEDBD1;
    -moz-border-radius:5px;-webkit-border-radius:5px;
}   
/*---------------------------------------------------------
          {--------} Ordered Comment List  {--------}
--------------------------------------------------------*/
ol.commentlist li {
     margin:20px 0 20px 0px;
     padding:5px 0px 5px 0px;
     position:relative;
}
/*---------------------------------------------------------
          {--------} Ordered Comment Author  {--------}
--------------------------------------------------------*/
ol.commentlist li div.comment-author {
     padding:0 10px 0 0;
     color:#fff;
}
/*--------------------------------------------------------------------
          {--------} Ordered Comment List Vcard  {--------}
--------------------------------------------------------------------*/
ol.commentlist li div.vcard {
    font:10px Tahoma, helvetica,arial,sans-serif;
    text-transform:uppercase;
    color:#fff;
    position: absolute;
    top:5px;left:0px;
}
/*--------------------------------------------------------------------
          {--------} Ordered Comment List Span  {--------}
----------------------------------------------------------------------*/
ol.commentlist li span.says  {
    display:none;
}
/*---------------------------------------------------------------------
          {--------} Ordered Comment List Cite.Fn  {--------}
---------------------------------------------------------------------*/
ol.commentlist li div.vcard cite.fn {
   font-style:normal;
   position: absolute;
   width:70px;
   text-align:center;
   padding:2px 0px;
   top:75px;left:0px;
   color:#000;
}
ol.commentlist li div.vcard cite.fn a {
   color:#000;
}
/*----------------------------------------------------------------------
          {--------} Ordered Comment List Avatar  {--------}
-----------------------------------------------------------------------*/
ol.commentlist li div.vcard img.avatar {
}
/*-----------------------------------------------------------------------
          {--------} Comment List Avatar Image Container  {--------}
------------------------------------------------------------------------*/
.commentlist .avatar-image-container {
   float:left;
   width:78px;
   height:78px;
background-color:#FFF;background-image:url('http://2.bp.blogspot.com/-QNoJS57DmbA/TwKvVjzgriI/AAAAAAAAEDk/31GAqPeHl74/s000/comm-fade-bg.png');
   background-repeat:repeat-x;
   background-position:center bottom;   
   color:#555;
   line-height:1.7em;z-index:1;
  -moz-box-shadow: 0 1px 2px rgba(1, 1, 1, 0.5);
  -webkit-box-shadow: 0 1px 2px rgba(1, 1, 1, 0.5);       
   box-shadow: 0 1px 2px rgba(1, 1, 1, 0.5);       
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;   
   border-radius: 5px;
   margin-right:15px;
   margin-top:-5px;
}
/*------------------------------------------------------------------------------
        {--------} Comment List Avatar Image Container Image  {--------}
--------------------------------------------------------------------------------*/
.commentlist .avatar-image-container img {
background:url(http://4.bp.blogspot.com/-qlMvyoB0IRc/TwKvV_SEVpI/AAAAAAAAEDs/FvIrASaBA9Q/s000/avatar.jpg);
   float:left;
   width:68px;
   height:68px;line-height:1.7em;
   z-index:1;
  -moz-box-shadow: 0 1px 2px rgba(1, 1, 1, 0.5);
  -webkit-box-shadow: 0 1px 2px rgba(1, 1, 1, 0.5);       
   box-shadow: 0 1px 2px rgba(1, 1, 1, 0.5);       
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;   
   border-radius: 5px;   
   margin-left:5px;margin-top:5px;
}
/*---------------------------------------------------------
          {--------} Ordered Comment List Meta  {--------}
--------------------------------------------------------*/
ol.commentlist li div.comment-meta {
   display:none;
}
/*--------------------------------------------------------------------
          {--------} Ordered Comment List Paragraph  {--------}
----------------------------------------------------------------------*/
ol.commentlist li p {
   font:normal 12px Tahoma, helvetica,arial,sans-serif;
   margin:0 0 1em;
   line-height:22px;
   color:#666;
   padding:5px 5px;
}
/*------------------------------------------------------------------------
          {--------} Ordered Comment List Unordered List  {--------}
--------------------------------------------------------------------------*/
ol.commentlist li ul {
   font:normal 12px/1.4 helvetica,arial,sans-serif;
   list-style:square;
   margin:0 0 1em;
   padding:0;
   text-indent:0;
}
.thumb img {
  float: left;
  margin: 0 10px 10px 0;
}

/*----------------------------------------------------
          {--------}  Footer Bottom  {--------}
----------------------------------------------------*/
#footer_bottom    {
          width:960px;
          margin:0 auto;
          padding:25px 15px 25px 15px;
          color:#555;
          font-size:11px;background:#fff;
          border-top:1px solid #efefef;
}

/*----------------------------------------------------
      {--------}  Footer Bottom Left  {--------}
----------------------------------------------------*/
#footer_bottom .left{
          float:left;
          margin:5px 0 0 0;
}
/*----------------------------------------------------
      {--------}  Footer Bottom Right  {--------}
----------------------------------------------------*/
#footer_bottom .right{
          float:right;
}
/*------------------------------------------------------------------
          {--------}  Footer Bottom Logo Desc  {--------}
-------------------------------------------------------------------*/
#footer_bottom .logo_desc {
          float:left;
          text-align:right;
          margin:2px 12px 0 0;
          line-height:14px;
}
/*-----------------------------------------------------------------
          {--------}  Footer Bottom Logo Footer  {--------}
------------------------------------------------------------------*/
#footer_bottom img.logo_footer {
          float:left;
          padding:4px 0 4px 12px;
          border-left:1px solid #4d4d4d;
}
/*----------------------------------------------------
           {--------}  Sexy Bookmark  {--------}
----------------------------------------------------*/
#post-width-w2b {
    position: relative;
    float: left;
    min-height: 95px;
    margin-bottom: 10px;
    background-color:transparent !important;
}
div.sexy-bookmarks{margin:20px 0 0 10px; border: 0; outline: none; clear:both !important}
div.sexy-bookmarks-expand{height:32px; overflow:hidden;}
div.sexy-bookmarks-bg-sexy{
        padding:28px 0 0 10px !important;
        background:transparent url('http://4.bp.blogspot.com/-yAuU9QZhr2U/TwKvV0xRUgI/AAAAAAAAED0/M99PZPXv3YE/s000/sharing-shr.png') no-repeat !important
  }
div.sexy-bookmarks-bg-caring{
         padding:26px 0 0 10px !important;
         background:transparent url('http://3.bp.blogspot.com/-EaXPlBnTAao/TwKvWG5fE3I/AAAAAAAAED8/o2_eEorZYbw/s000/sharing-caring-hearts.png') no-repeat !important
}
div.sexy-bookmarks-bg-caring-old{
         padding:26px 0 0 10px !important;
         background:transparent url('http://2.bp.blogspot.com/-J6Ahsm4U764/TwKvWAsgfGI/AAAAAAAAEEE/SVvU-jGqhsk/s000/sharing-caring.png') no-repeat !important
  }
div.sexy-bookmarks-bg-love{
         padding:26px 0 0 10px !important;
         background:transparent url('http://4.bp.blogspot.com/-q6p_A8-cYx8/TwKvWRVlHZI/AAAAAAAAEEM/EWvubysfgFI/s000/share-love-hearts.png') no-repeat !important
  }
div.sexy-bookmarks-bg-wealth{
         padding:35px 0 0 10px !important;
         background:transparent url('http://1.bp.blogspot.com/-8NLSZ4J2mE0/TwKvWagCaKI/AAAAAAAAEEU/1FVKvJu0PoY/s000/share-wealth.png') no-repeat !important
  }
div.sexy-bookmarks-bg-enjoy{
         padding:26px 0 0 10px !important;
         background:transparent url('http://3.bp.blogspot.com/-BZtYCkkrqC0/TwKvWsefwxI/AAAAAAAAEEc/nUTnTRIl2T0/s000/share-enjoy.png') no-repeat !important
  }
div.sexy-bookmarks-bg-german{
         padding:35px 0 0 10px !important;
         background:transparent url('http://4.bp.blogspot.com/-Dyr5STgla7s/TwKvWgAa3eI/AAAAAAAAEEk/XNbrn0BxPlw/s000/share-german.png') no-repeat !important
}
div.sexy-bookmarks-bg-knowledge{
         padding:35px 0 0 10px !important;
         background:transparent url('http://4.bp.blogspot.com/-1sBgDkkPW4g/TwKvW2ff5TI/AAAAAAAAEEs/_yznOtPQk3U/s000/share-knowledge.png') no-repeat !important
}
div.sexy-bookmarks ul.socials{
         width:100% !important;
         margin:0 !important;
         padding:0 !important;
         float:left !important;
         background:transparent none !important;
         border:0 none !important;
         outline:0 none !important
}
div.sexy-bookmarks ul.socials li{
         background-image:url('http://3.bp.blogspot.com/-m3lBItqGgl8/TwKvXN5xqJI/AAAAAAAAEE0/LqMfaNdHj8Y/s000/shr-sprite.png') !important;
         background-repeat:no-repeat !important;
         display:inline !important;
         float:left !important;
         list-style-type:none !important;
         padding:0 !important;
         height:29px !important;
         width:60px !important;
         cursor:pointer !important;
         margin:3px 0 0 !important;
         background-color:transparent !important;
         border:0 none !important;
         outline:0 none !important;
         clear:none !important
}
div.sexy-bookmarks ul.socials li:before, div.sexy-bookmarks ul.socials li:after,
div.sexy-bookmarks ul.socials li a:before, div.sexy-bookmarks ul.socials li a:after{content:none !important}
div.sexy-bookmarks ul.socials a,div.sexy-bookmarks ul.socials a:hover{
         display:block !important;
         width:60px !important;
         height:29px !important;
         text-indent:-9999px !important;
         background-color:transparent !important;
         text-decoration:none !important;
         border:0 none !important;
         margin:0 !important;
         padding:0 !important
}
div.sexy-bookmarks ul.socials a:hover,div.sexy-bookmarks ul.socials li:hover{
         background-color:transparent !important;
         border:0 none !important;
         outline:0 none !important
}
li.sexy-newsvine{background-position:left bottom !important}
li.sexy-newsvine:hover{background-position:left top !important}
li.sexy-linkedin{background-position:-70px bottom !important}
li.sexy-linkedin:hover{background-position:-70px top !important}
li.sexy-googlebookmarks{background-position:-140px bottom !important}
li.sexy-googlebookmarks:hover{background-position:-140px top !important}
li.sexy-googlereader{background-position:-210px bottom !important}
li.sexy-googlereader:hover{background-position:-210px top !important}
li.sexy-scriptstyle{background-position:-280px bottom !important}
li.sexy-scriptstyle:hover{background-position:-280px top !important}
li.sexy-mail{background-position:-350px bottom !important}
li.sexy-mail:hover{background-position:-350px top !important}
li.sexy-comfeed{background-position:-420px bottom !important}
li.sexy-comfeed:hover{background-position:-420px top !important}
li.sexy-twitter{background-position:-490px bottom !important}
li.sexy-twitter:hover{background-position:-490px top !important}
li.sexy-technorati{background-position:-560px bottom !important}
li.sexy-technorati:hover{background-position:-560px top !important}
li.sexy-stumbleupon{background-position:-630px bottom !important}
li.sexy-stumbleupon:hover{background-position:-630px top !important}
li.sexy-reddit{background-position:-700px bottom !important}
li.sexy-reddit:hover{background-position:-700px top !important}
li.sexy-myspace{background-position:-770px bottom !important}
li.sexy-myspace:hover{background-position:-770px top !important}
li.sexy-mixx{background-position:-840px bottom !important}
li.sexy-mixx:hover{background-position:-840px top !important}
li.sexy-diigo{background-position:-910px bottom !important}
li.sexy-diigo:hover{background-position:-910px top !important}
li.sexy-digg{background-position:-980px bottom !important}
li.sexy-digg:hover{background-position:-980px top !important}
li.sexy-designfloat{background-position:-1050px bottom !important}
li.sexy-designfloat:hover{background-position:-1050px top !important}
li.sexy-yahoobuzz{background-position:-1120px bottom !important}
li.sexy-yahoobuzz:hover{background-position:-1120px top !important}
li.sexy-delicious{background-position:-1190px bottom !important}
li.sexy-delicious:hover{background-position:-1190px top !important}
li.sexy-blinklist{background-position:-1260px bottom !important}
li.sexy-blinklist:hover{background-position:-1260px top !important}
li.sexy-facebook{background-position:-1330px bottom !important}
li.sexy-facebook:hover{background-position:-1330px top !important}
li.sexy-misterwong{background-position:-1400px bottom !important}
li.sexy-misterwong:hover{background-position:-1400px top !important}
li.sexy-izeby{background-position:-1470px bottom !important}
li.sexy-izeby:hover{background-position:-1470px top !important}
li.sexy-twittley{background-position:-1540px bottom !important}
li.sexy-twittley:hover{background-position:-1540px top !important}
li.sexy-tipd{background-position:-1610px bottom !important}
li.sexy-tipd:hover{background-position:-1610px top !important}
li.sexy-pfbuzz{background-position:-1680px bottom !important}
li.sexy-pfbuzz:hover{background-position:-1680px top !important}
li.sexy-friendfeed{background-position:-1750px bottom !important}
li.sexy-friendfeed:hover{background-position:-1750px top !important}
li.sexy-blogmarks{background-position:-1820px bottom !important}
li.sexy-blogmarks:hover{background-position:-1820px top !important}
li.sexy-fwisp{background-position:-1890px bottom !important}
li.sexy-fwisp:hover{background-position:-1890px top !important}
li.sexy-yahoomail{background-position:-1960px bottom !important}
li.sexy-yahoomail:hover{background-position:-1960px top !important}
li.sexy-bobrdobr{background-position:-2030px bottom !important}
li.sexy-bobrdobr:hover{background-position:-2030px top !important}
li.sexy-memoryru{background-position:-2100px bottom !important}
li.sexy-memoryru:hover{background-position:-2100px top !important}
li.sexy-100zakladok{background-position:-2170px bottom !important}
li.sexy-100zakladok:hover{background-position:-2170px top !important}
li.sexy-yandex{background-position:-2240px bottom !important}
li.sexy-yandex:hover{background-position:-2240px top !important}
li.sexy-moemesto{background-position:-2310px bottom !important}
li.sexy-moemesto:hover{background-position:-2310px top !important}
li.sexy-marrows{background-position:-2380px bottom !important}
li.sexy-marrows:hover{background-position:-2380px top !important}
li.sexy-identica{background-position:-2450px bottom !important}
li.sexy-identica:hover{background-position:-2450px top !important}
li.sexy-hackernews{background-position:-2520px bottom !important}
li.sexy-hackernews:hover{background-position:-2520px top !important}
li.sexy-ning{background-position:-2590px bottom !important}
li.sexy-ning:hover{background-position:-2590px top !important}
li.sexy-designbump{background-position:-2660px bottom !important}
li.sexy-designbump:hover{background-position:-2660px top !important}
li.sexy-printfriendly{background-position:-2730px bottom !important}
li.sexy-printfriendly:hover{background-position:-2730px top !important}
li.sexy-fleck{background-position:-2800px bottom !important}
li.sexy-fleck:hover{background-position:-2800px top !important}
li.sexy-netvibes{background-position:-2870px bottom !important}
li.sexy-netvibes:hover{background-position:-2870px top !important}
li.sexy-netvouz{background-position:-2940px bottom !important}
li.sexy-netvouz:hover{background-position:-2940px top !important}
li.sexy-nujij{background-position:-3010px bottom !important}
li.sexy-nujij:hover{background-position:-3010px top !important}
li.sexy-globalgrind{background-position:-3080px bottom !important}
li.sexy-globalgrind:hover{background-position:-3080px top !important}
li.sexy-wikio{background-position:-3150px bottom !important}
li.sexy-wikio:hover{background-position:-3150px top !important}
li.sexy-xerpi{background-position:-3220px bottom !important}
li.sexy-xerpi:hover{background-position:-3220px top !important}
li.sexy-sphinn{background-position:-3290px bottom !important}
li.sexy-sphinn:hover{background-position:-3290px top !important}
li.sexy-hotmail{background-position:-3360px bottom !important}
li.sexy-hotmail:hover{background-position:-3360px top !important}
li.sexy-posterous{background-position:-3430px bottom !important}
li.sexy-posterous:hover{background-position:-3430px top !important}
li.sexy-techmeme{background-position:-3500px bottom !important}
li.sexy-techmeme:hover{background-position:-3500px top !important}
li.sexy-ekudos{background-position:-3570px bottom !important}
li.sexy-ekudos:hover{background-position:-3570px top !important}
li.sexy-pingfm{background-position:-3640px bottom !important}
li.sexy-pingfm:hover{background-position:-3640px top !important}
li.sexy-tomuse{background-position:-3710px bottom !important}
li.sexy-tomuse:hover{background-position:-3710px top !important}
li.sexy-webblend{background-position:-3780px bottom !important}
li.sexy-webblend:hover{background-position:-3780px top !important}
li.sexy-wykop{background-position:-3850px bottom !important}
li.sexy-wykop:hover{background-position:-3850px top !important}
li.sexy-blogengage{background-position:-3920px bottom !important}
li.sexy-blogengage:hover{background-position:-3920px top !important}
li.sexy-hyves{background-position:-3990px bottom !important}
li.sexy-hyves:hover{background-position:-3990px top !important}
li.sexy-pusha{background-position:-4060px bottom !important}
li.sexy-pusha:hover{background-position:-4060px top !important}
li.sexy-hatena{background-position:-4130px bottom !important}
li.sexy-hatena:hover{background-position:-4130px top !important}
li.sexy-mylinkvault{background-position:-4200px bottom !important}
li.sexy-mylinkvault:hover{background-position:-4200px top !important}
li.sexy-slashdot{background-position:-4270px bottom !important}
li.sexy-slashdot:hover{background-position:-4270px top !important}
li.sexy-squidoo{background-position:-4340px bottom !important}
li.sexy-squidoo:hover{background-position:-4340px top !important}
li.sexy-propeller{background-position:-4410px bottom !important}
li.sexy-propeller:hover{background-position:-4410px top !important}
li.sexy-faqpal{background-position:-4480px bottom !important}
li.sexy-faqpal:hover{background-position:-4480px top !important}
li.sexy-evernote{background-position:-4550px bottom !important}
li.sexy-evernote:hover{background-position:-4550px top !important}
li.sexy-meneame{background-position:-4620px bottom !important}
li.sexy-meneame:hover{background-position:-4620px top !important}
li.sexy-bitacoras{background-position:-4690px bottom !important}
li.sexy-bitacoras:hover{background-position:-4690px top !important}
li.sexy-jumptags{background-position:-4760px bottom !important}
li.sexy-jumptags:hover{background-position:-4760px top !important}
li.sexy-bebo{background-position:-4830px bottom !important}
li.sexy-bebo:hover{background-position:-4830px top !important}
li.sexy-n4g{background-position:-4900px bottom !important}
li.sexy-n4g:hover{background-position:-4900px top !important}
li.sexy-strands{background-position:-4970px bottom !important}
li.sexy-strands:hover{background-position:-4970px top !important}
li.sexy-orkut{background-position:-5040px bottom !important}
li.sexy-orkut:hover{background-position:-5040px top !important}
li.sexy-tumblr{background-position:-5110px bottom !important}
li.sexy-tumblr:hover{background-position:-5110px top !important}
li.sexy-stumpedia{background-position:-5180px bottom !important}
li.sexy-stumpedia:hover{background-position:-5180px top !important}
li.sexy-current{background-position:-5250px bottom !important}
li.sexy-current:hover{background-position:-5250px top !important}
li.sexy-blogger{background-position:-5320px bottom !important}
li.sexy-blogger:hover{background-position:-5320px top !important}
li.sexy-plurk{background-position:-5390px bottom !important}
li.sexy-plurk:hover{background-position:-5390px top !important}
li.sexy-virb{background-position:-5460px bottom !important}
li.sexy-virb:hover{background-position:-5460px top !important}
li.sexy-dzone{background-position:-5530px bottom !important}
li.sexy-dzone:hover{background-position:-5530px top !important}
li.sexy-kaevur{background-position:-5600px bottom !important}
li.sexy-kaevur:hover{background-position:-5600px top !important}
li.sexy-boxnet{background-position:-5670px bottom !important}
li.sexy-boxnet:hover{background-position:-5670px top !important}
li.sexy-oknotizie{background-position:-5740px bottom !important}
li.sexy-oknotizie:hover{background-position:-5740px top !important}
li.sexy-bonzobox{background-position:-5810px bottom !important}
li.sexy-bonzobox:hover{background-position:-5810px top !important}
li.sexy-plaxo{background-position:-5880px bottom !important}
li.sexy-plaxo:hover{background-position:-5880px top !important}
li.sexy-springpad{background-position:-5950px bottom !important}
li.sexy-springpad:hover{background-position:-5950px top !important}
li.sexy-zabox{background-position:-6020px bottom !important}
li.sexy-zabox:hover{background-position:-6020px top !important}
li.sexy-viadeo{background-position:-6090px bottom !important}
li.sexy-viadeo:hover{background-position:-6090px top !important}
li.sexy-googlebuzz{background-position:-6160px bottom !important}
li.sexy-googlebuzz:hover{background-position:-6160px top !important}
li.sexy-gmail{background-position:-6230px bottom !important}
li.sexy-gmail:hover{background-position:-6230px top !important}
li.sexy-buzzster{background-position:-6300px bottom !important}
li.sexy-buzzster:hover{background-position:-6300px top !important}
li.sexy-way2blogging{background-position:0px -80px !important}
.sexy-link{margin: 3px 0 0 20px; font-size: 9px; float:left; color: #555; text-decoration: none;}
.sexy-link a{padding:10px 0; width:100%; color: #333; text-decoration: none; border:0; outline:none}

]]></b:skin>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js' type='text/javascript'/>    
<script type='text/javascript'>
$(function() {
//custom animations to use
//in the transitions
var animations        = [&#39;right&#39;,&#39;left&#39;,&#39;top&#39;,&#39;bottom&#39;,&#39;rightFade&#39;,&#39;leftFade&#39;,&#39;topFade&#39;,&#39;bottomFade&#39;];
var total_anim        = animations.length;
//just change this to one of your choice
var easeType        = &#39;swing&#39;;
//the speed of each transition
var animSpeed        = 450;
//caching
var $slider_container    = $(&#39;#slider_container&#39;);
var $slider_areas        = $slider_container.find(&#39;.slider_area&#39;);
               
//first preload all images
$slider_images          = $slider_container.find(&#39;img&#39;);
var total_images    = $slider_images.length;
var cnt             = 0;
$slider_images.each(function(){
var $this = $(this);
$(&#39;<img/>&#39;).load(function(){
++cnt;
if(cnt == total_images){
$slider_areas.each(function(){
var $area         = $(this);
//when the mouse enters the area we animate the current
//image (random animation from array animations),
//so that the next one gets visible.
//&quot;over&quot; is a flag indicating if we can animate
//an area or not (we don&#39;t want 2 animations
//at the same time for each area)
$area.data(&#39;over&#39;,true).bind(&#39;mouseenter&#39;,function(){
if($area.data(&#39;over&#39;)){
$area.data(&#39;over&#39;,false);
//how many images in this area?
var total        = $area.children().length;
//visible image
var $current     = $area.find(&#39;img:visible&#39;);
//index of visible image
var idx_current = $current.index();
//the next image that&#39;s going to be displayed.
//either the next one, or the first one if the current is the last
var $next        = (idx_current == total-1) ? $area.children(&#39;:first&#39;) : $current.next();
//show next one (not yet visible)
$next.show();
//get a random animation
var anim        = animations[Math.floor(Math.random()*total_anim)];
switch(anim){
//current slides out from the right
case &#39;right&#39;:
$current.animate({
&#39;left&#39;:$current.width()+&#39;px&#39;
},
animSpeed,
easeType,
function(){
$current.hide().css({
&#39;z-index&#39;    : &#39;1&#39;,
&#39;left&#39;        : &#39;0px&#39;
});
$next.css(&#39;z-index&#39;,&#39;9999&#39;);
$area.data(&#39;over&#39;,true);
});
break;
//current slides out from the left
case &#39;left&#39;:
$current.animate({
&#39;left&#39;:-$current.width()+&#39;px&#39;
},
animSpeed,
easeType,
function(){
$current.hide().css({
&#39;z-index&#39;    : &#39;1&#39;,
&#39;left&#39;        : &#39;0px&#39;
});
$next.css(&#39;z-index&#39;,&#39;9999&#39;);
$area.data(&#39;over&#39;,true);
});
break;
//current slides out from the top   
case &#39;top&#39;:
$current.animate({
&#39;top&#39;:-$current.height()+&#39;px&#39;
},
animSpeed,
easeType,
function(){
$current.hide().css({
&#39;z-index&#39;    : &#39;1&#39;,
&#39;top&#39;        : &#39;0px&#39;
});
$next.css(&#39;z-index&#39;,&#39;9999&#39;);
$area.data(&#39;over&#39;,true);
});
break;
//current slides out from the bottom   
case &#39;bottom&#39;:
$current.animate({
&#39;top&#39;:$current.height()+&#39;px&#39;
},
animSpeed,
easeType,
function(){
$current.hide().css({
&#39;z-index&#39;    : &#39;1&#39;,
&#39;top&#39;        : &#39;0px&#39;
});
$next.css(&#39;z-index&#39;,&#39;9999&#39;);
$area.data(&#39;over&#39;,true);
});
break;
//current slides out from the right    and fades out
case &#39;rightFade&#39;:
$current.animate({
&#39;left&#39;:$current.width()+&#39;px&#39;,
&#39;opacity&#39;:&#39;0&#39;
},
animSpeed,
easeType,
function(){
$current.hide().css({
&#39;z-index&#39;    : &#39;1&#39;,
&#39;left&#39;        : &#39;0px&#39;,
&#39;opacity&#39;    : &#39;1&#39;
});
$next.css(&#39;z-index&#39;,&#39;9999&#39;);
$area.data(&#39;over&#39;,true);
});
break;
//current slides out from the left and fades out   
case &#39;leftFade&#39;:
$current.animate({
&#39;left&#39;:-$current.width()+&#39;px&#39;,&#39;opacity&#39;:&#39;0&#39;
},
animSpeed,
easeType,
function(){
$current.hide().css({
&#39;z-index&#39;    : &#39;1&#39;,
&#39;left&#39;        : &#39;0px&#39;,
&#39;opacity&#39;    : &#39;1&#39;
});
$next.css(&#39;z-index&#39;,&#39;9999&#39;);
$area.data(&#39;over&#39;,true);
});
break;
//current slides out from the top and fades out   
case &#39;topFade&#39;:
$current.animate({
&#39;top&#39;:-$current.height()+&#39;px&#39;,
&#39;opacity&#39;:&#39;0&#39;
},
animSpeed,
easeType,
function(){
$current.hide().css({
&#39;z-index&#39;    : &#39;1&#39;,
&#39;top&#39;        : &#39;0px&#39;,
&#39;opacity&#39;    : &#39;1&#39;
});
$next.css(&#39;z-index&#39;,&#39;9999&#39;);
$area.data(&#39;over&#39;,true);
});
break;
//current slides out from the bottom and fades out   
case &#39;bottomFade&#39;:
$current.animate({
&#39;top&#39;:$current.height()+&#39;px&#39;,
&#39;opacity&#39;:&#39;0&#39;
},
animSpeed,
easeType,
function(){
$current.hide().css({
&#39;z-index&#39;    : &#39;1&#39;,
&#39;top&#39;        : &#39;0px&#39;,
&#39;opacity&#39;    : &#39;1&#39;
});
$next.css(&#39;z-index&#39;,&#39;9999&#39;);
$area.data(&#39;over&#39;,true);
});
break;       
default:
$current.animate({
&#39;left&#39;:-$current.width()+&#39;px&#39;
},
animSpeed,
easeType,
function(){
$current.hide().css({
&#39;z-index&#39;    : &#39;1&#39;,
&#39;left&#39;        : &#39;0px&#39;
});
$next.css(&#39;z-index&#39;,&#39;9999&#39;);
$area.data(&#39;over&#39;,true);
});
break;
}   
}
});
});
                           
//when clicking the slider_container all areas get slided
//(just for fun...you would probably want to enter the site
//or something similar)
$slider_container.bind(&#39;click&#39;,function(){
$slider_areas.trigger(&#39;mouseenter&#39;);
});
}
}).attr(&#39;src&#39;,$this.attr(&#39;src&#39;));
});           
});
</script>
</head>
<body>
<div id='wrapper'>
<div id='topmenu'>
<div id='navigation'>
               
<ul class='categories'>
<li class='articles'>
<a href='#Link'>Home Page</a></li>
<li class='about'><a href='#Link'>About Page</a></li>
<li class='about'><a href='# Link'>Term And conditions Page</a></li>
<li class='snippets'><a href='#Link'>Online Shopping Page</a></li>
<li class='articles'><a href='#Link'>Contact Us</a></li>

<li class='tags mega'><a href='#'>Blog Category List</a>                        
<ul class='two'>
<li class='tag-item'>
<a href='#Link' title='#Title'>Category 1</a> </li>
<li class='tag-item'><a href='#Link' title='#Title'>Category 2</a></li> 
<li class='tag-item'><a href='#Link' title='#Title'>Category 3</a></li>
<li class='tag-item'><a href='#Link' title='#Title'>Category 4</a></li>
<li class='tag-item'><a href='#Link' title='#Title'>Category 5</a></li> 
<li class='tag-item'><a href='#Link' title='# Title'>Category 6</a></li>
<li class='tag-item'><a href='#Link' title='#Title'>Category 7</a></li>
<li class='tag-item'><a href='#Link' title='#Title'>Category 8</a></li>
<li class='tag-item'><a href='#Link' title='#Title'>Category 9</a></li>  
<li class='tag-item'><a href='#Link' title='#Title'>Category 10</a></li>  
<li class='tag-item'><a href='#Link' title='#Title'>Category 11</a></li> 
<li class='tag-item'><a href='#Link' title='#Title'>Category 12</a></li> 
<li class='tag-item'><a href='#Link' title='#Title'>Category 13</a></li>
<li class='tag-item'><a href='#Link' title='#Title'>Category 14</a></li>
<li class='tag-item'><a href='#Link' title='#Title'>Category 15</a></li> 
<li class='tag-item'><a href='#Link' title='#Title'>Category 16</a></li> 
<li class='tag-item'><a href='#Link' title='#Title'>Category 17</a></li>
<li class='tag-item'><a href='#Link' title='#Title'>Category 18</a></li> 

<li class='tag-item'><a href='#Link' title='#Title'>Category 19</a></li>
<li class='tag-item'><a href='#Link' title='#Title'>Category 20</a></li>
<li class='tag-item'><a href='#Link' title='#Title'>Category 21</a></li> 
<li class='tag-item'><a href='#Link' title='#Title'>Category 22</a></li> 
<li class='tag-item'><a href='#Link' title='#Title'>Category 23</a></li> 
<li class='tag-item'><a href='#Link' title='#Title'>Category 24</a></li> 


<li class='tag-item'><a href='#Link' title='#Title'>Category 25</a></li>
<li class='tag-item'><a href='#Link' title='#Title'>Category 26</a></li>
<li class='tag-item'><a href='#Link' title='#Title'>Category 27</a></li> 
<li class='tag-item'><a href='#Link' title='#Title'>Category 28</a></li>
<li class='tag-item'><a href='#Link' title='#Title'>Category 29</a></li> 
<li class='tag-item'><a href='#Link' title='#Title'>Category 30</a></li> 
</ul>
</li>
</ul>
</div></div>
<div id='top'> 
<h1 id='logo'><a expr:href='data:blog.homepageUrl'><data:blog.title/></a></h1> 

 <b:section class='widebanner' id='widebanner1' maxwidgets='1' showaddelement='yes'>
<b:widget id='HTML2' locked='false' title='' type='HTML'>
<b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

  <b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>

<div class='clear'/>
</div> 

<div id='casing'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div id='slider'>
<div class='slider_container' id='slider_container'>
<div class='slider_area slider_area1'>
                   
<img alt='Box 1 Image 1' class='slider_visible' src='http://3.bp.blogspot.com/-ogDt98V-6xM/TwKvXNRziJI/AAAAAAAAEE8/kXIIg8_-aCg/s000/image-1.jpg'/>
                   
<img alt='Box 1 Image 2' src='http://2.bp.blogspot.com/-_7VOwcCD2Jw/TwKvXS-97lI/AAAAAAAAEFE/T45oNYvA-VA/s000/image_2.jpg'/>
                   
<img alt='Box 1 Image 3' src='http://3.bp.blogspot.com/-4gMFO5V65HU/TwKvXdAXjnI/AAAAAAAAEFM/BGIN6e-zjKs/s000/image_3.jpg'/>
</div>
               
<div class='slider_area slider_area2'>
<img alt='Box 2 Image1' class='slider_visible' src='http://1.bp.blogspot.com/-bI1t1OiK_uo/TwKvX5b42SI/AAAAAAAAEFU/E2vQMRwwcDo/s000/box2_image_1.jpg'/>
                   
<img alt='Box 2 Image 2' src='http://2.bp.blogspot.com/-aLX4IISXYIM/TwKvX3Nll8I/AAAAAAAAEFc/Va1MqcS7WFc/s000/box2_image_2.jpg'/>
                   
<img alt='Box 2 Image 3' src='http://2.bp.blogspot.com/-zO6sKVVK34g/TwKvYKVF3yI/AAAAAAAAEFk/BJBPOfLHdJ4/s000/box2_image_3.jpg'/>
</div>

<div class='slider_area slider_area3'>
<img alt='Box 3 Image 1' class='slider_visible' src='http://2.bp.blogspot.com/-1EXrOLkYHPc/TwKvYEBLisI/AAAAAAAAEFs/XrSQMDPW0uw/s000/box3_image_1.jpg'/>
                   
<img alt='Box 3 Image 2' src='http://3.bp.blogspot.com/-zNNEmnAFZa8/TwKvYXCszOI/AAAAAAAAEF0/QnxoEbNkUP8/s000/box3_image_2.jpg'/>
                   
<img alt='Box 3 Image 3' src='http://3.bp.blogspot.com/-MysqGHYVGbQ/TwKvYSWuu5I/AAAAAAAAEF8/T_MP88t-wjE/s000/box3_image_3.jpg'/>
</div>            

<div class='slider_area slider_area4'>
<img alt='Box 4 Image 1' class='slider_visible' src='http://1.bp.blogspot.com/-7IYfkceZzmw/TwKvYh-OaxI/AAAAAAAAEGE/uB2Yw2BKN18/s000/box4_image_1.jpg'/>
                   
<img alt='Box 4 Image 2' src='http://4.bp.blogspot.com/-nY8EylmwLNw/TwKvYpQloAI/AAAAAAAAEGM/5ZawP-y4Dl0/s000/box4_image_2.jpg'/>
                   
<img alt='Box 4 Image 3' src='http://1.bp.blogspot.com/-LKdZGiaLH2E/TwKvY-RhHXI/AAAAAAAAEGU/UjhU_jqUQI4/s000/box4_image_3.jpg'/>
</div>

<div class='slider_area slider_area5'>
<img alt='Box 5 Image 1' class='slider_visible' src='http://4.bp.blogspot.com/-XDzYuqCfe_8/TwKvY_rbSxI/AAAAAAAAEGc/1gfK7FVFc7I/s000/box5_image_1.jpg'/>

<img alt='Box 5 Image 2' src='http://4.bp.blogspot.com/-TefViVyn80w/TwKvbj_8-pI/AAAAAAAAEGk/aC6wOTh4YJk/s000/box5_image_2.jpg'/>
                   
<img alt='Box 5 Image 3' src='http://1.bp.blogspot.com/-w_VX4uuC8io/TwKvbz_oPiI/AAAAAAAAEGs/Pcelk24lR5Q/s000/box5_image_3.jpg'/>
</div>
</div>
</div>
</b:if></b:if>

<!-- Page -->
<div id='page'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'>
<b:includable id='nextprev'>
                   

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<div class='bottom_navigation'>
<ul class='lead'>
      <b:if cond='data:olderPageUrl'>
      <li class='prev'>
      <a expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'>Previous Post</a>
      </li>
      </b:if>
      <b:if cond='data:newerPageUrl'>
      <li class='next'>
      <a expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'>Next Post</a>
      </li>
      </b:if>
      <li class='share'>
      <script src='http://w.sharethis.com/button/sharethis.js#tabs=web%2Cpost%2Cemail&amp;charset=utf-8&amp;style=default&amp;publisher=903046cd-e895-42fe-b2c0-51389ab5d9e6' type='text/javascript'/>
      </li>
      </ul>
</div>
</b:if>
</b:if>
              <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='threaded_comment_js' var='post'>
  <script defer='defer' 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;;

// <![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) {
                console.log(entry.gd$extendedProperty[k].name + ' - ' + entry.gd$extendedProperty[k].value);
                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 tok = 'comment-form_';
      var hash = window.location.hash || '';
      var startThread = hash.indexOf(tok) == 1 ? hash.substring(tok.length + 1) : undefined;

      // Configure commenting API:
      var configJso = {
        'maxDepth': 2
      };
      var provider = {
        'id': postId,
        'data': items,
        'loadNext': paginator,
        'hasMore': hasMore,
        'getMeta': getMeta,
        'onReply': onReply,
        'rendered': true,
        '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>
</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'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div class='post box' id='post'>
<div class='post_block'>
   

<div class='Image thumb'>

<b:if cond='data:post.isFirstPost'>
<script type='text/javascript'>
//<![CDATA[
function bp_thumbnail_resize(image_url,post_title)
{
var image_size=260;
var show_default_thumbnail=true;
var default_thumbnail="http://3.bp.blogspot.com/-WxjumWhIM5E/TwKvb6jtXoI/AAAAAAAAEG0/hBQHJnIO5eE/s000/default.png";
if(show_default_thumbnail == true && image_url == "") image_url= default_thumbnail;
image_tag='<img src="'+image_url.replace('/s72-c/','/s'+image_size+'-c/')+'" class="postthumb" alt="'+post_title+'"/>';
if(image_url!="") return image_tag; else return "";
}
//]]>
</script>
</b:if>
<a expr:href='data:post.url'><script type='text/javascript'>
document.write(bp_thumbnail_resize(&quot;<data:post.thumbnailUrl/>&quot;,&quot;<data:post.title/>&quot;));
</script></a>
</div>



<div class='information'>
<div class='js-kit-rating' expr:path='data:post.url' expr:permalink='data:post.url' expr:title='data:post.title'>
</div>
</div>
</div>

<div class='postBoxMeta'>
<div class='postDate'>
<script type='text/javascript'>
var timestamp = &quot;<data:post.dateHeader/>&quot;;
if (timestamp != &#39;&#39;) {
var timesplit = timestamp.split(&quot;,&quot;);
var date_yyyy = timesplit[2];
var timesplit = timesplit[1].split(&quot; &quot;);
var date_dd = timesplit[2];
var date_mmm = timesplit[1].substring(0, 3);
}
</script>
<span class='day'><script type='text/javascript'>document.write(date_dd);</script></span> <br/>
<span class='month'><script type='text/javascript'>document.write(date_mmm);</script></span>
</div>

                 
<div class='postMetadata'>
<span class='metaAuthor'><data:post.author/>&#187;</span>
<span class='metaComments'><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>&#187;</a>
</span>
</div>

<a class='jump-link' expr:href='data:post.url'/>
</div>
</div>   
</b:if></b:if>



<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<div class='round' id='post-wrapper'>  
<div class='single'>
<div class='title'>
<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>

<div class='cover'>
<div class='entry'>
<p><data:post.body/></p>
<div style='clear:both;'/>





<div id='post-width-w2b' style='width:600px;'>
<div class='sexy-bookmarks-bg-sexy sexy-bookmarks sexy-bookmarks-expand sexy-bookmarks-center '>
<ul class='socials'>
<li class='sexy-twitter'>
<a class='external' expr:href='&quot;http://twitter.com/home?status=&quot; + data:post.title + &quot; -- &quot; + data:post.url ' rel='nofollow' title='Tweet This!'/>
</li>
<li class='sexy-facebook'>
<a class='external' expr:href='&quot;http://www.facebook.com/share.php?v=4&amp;src=bm&amp;u=&quot; + data:post.url + &quot;&amp;t=&quot; + data:post.title ' onclick='window.open(this.href,&apos;sharer&apos;,&apos;toolbar=0,status=0,width=626,height=436&apos;); return false;' rel='nofollow' title='Share this on Facebook'/>
</li>
<li class='sexy-linkedin'>
<a class='external' expr:href='&quot;http://www.linkedin.com/shareArticle?mini=true&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title + &quot;&amp;summary=&amp;source=&quot;' rel='nofollow' title='Share this on LinkedIn'/>
</li>
<li class='sexy-stumbleupon'>
<a class='external' expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title ' rel='nofollow' title='Stumble upon something good? Share it on StumbleUpon'/>
</li>
<li class='sexy-delicious'>
<a class='external' expr:href='&quot;http://delicious.com/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title ' rel='nofollow' title='Share this on del.icio.us'/>
</li>
<li class='sexy-digg'>
<a class='external' expr:href='&quot;http://digg.com/submit?phase=2&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title ' rel='nofollow' title='Digg this!'/>
</li>
<li class='sexy-googlebuzz'>
<a class='external' expr:href='&quot;http://www.google.com/buzz/post?url=&quot; + data:post.url + &quot;&amp;imageurl=&quot;' rel='nofollow' title='Post on Google Buzz'/>
</li>
<li class='sexy-blogger'>
<a class='external' expr:href='&quot;http://www.blogger.com/blog_this.pyra?t&amp;u=&quot; + data:post.url + &quot;&amp;n=&quot; + data:post.title + &quot;&amp;pli=1&quot;' rel='nofollow' title='Blog this on Blogger'/>
</li>
<li class='sexy-yahoomail'>
<a class='external' expr:href='&quot;http://compose.mail.yahoo.com/?Subject= &quot; + data:post.title + &quot;&amp;body=Link:&quot;+ data:post.url' rel='nofollow' title='Email this via Yahoo! Mail'/>
</li>
</ul>
</div>
</div>

<div class='clear'/>
</div>
</div>
</div>
</div>
</b:if>





<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='round' id='post-wrapper'>  
<div class='single'>
<div class='title'>
<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>


<div class='adsense' style=' padding:10px;margin-bottom:20px;margin-top:5px; float:left;background:#fff url(http://3.bp.blogspot.com/-Sj_zHsDfAMg/TwKvUtIhnoI/AAAAAAAAECk/4Xwxu-GoVvs/s000/grad.png) top repeat-x; border:1px solid #DEDBD1;-moz-border-radius:5px;-webkit-border-radius:5px;'>
<div align='right' style='padding:10px 10px 0 10px;'>
<a href='#Sponsor Link' target='_blank'><img alt='#Sponsor Link Tilter' src='http://2.bp.blogspot.com/-CGM3hUz7LZg/TwKvcGE9hrI/AAAAAAAAEG8/7pXhTufGPg0/s000/250x250.jpg' title='#Sponsor Link  Title'/></a>
</div>
</div>


<div class='adsense' style=' padding:10px;margin-bottom:20px;margin-top:5px; float:right; background:#fff url(http://3.bp.blogspot.com/-Sj_zHsDfAMg/TwKvUtIhnoI/AAAAAAAAECk/4Xwxu-GoVvs/s000/grad.png) top repeat-x; border:1px solid #DEDBD1;-moz-border-radius:5px;-webkit-border-radius:5px;'> 
<div align='left' style='padding:10px 10px 0 10px;'>
<a href='#Sponsor Link' target='_blank'><img alt='#Sponsor Link Tilter' src='http://2.bp.blogspot.com/-CGM3hUz7LZg/TwKvcGE9hrI/AAAAAAAAEG8/7pXhTufGPg0/s000/250x250.jpg' title='#Sponsor Link  Title'/></a>
</div>
</div>

<div class='cover'>
<div class='entry'>
<p><data:post.body/></p>
<div style='clear:both;'/>



<div id='post-width-w2b' style='width:600px;'>
<div class='sexy-bookmarks-bg-sexy sexy-bookmarks sexy-bookmarks-expand sexy-bookmarks-center '>
<ul class='socials'>
<li class='sexy-twitter'>
<a class='external' expr:href='&quot;http://twitter.com/home?status=&quot; + data:post.title + &quot; -- &quot; + data:post.url ' rel='nofollow' title='Tweet This!'/>
</li>
<li class='sexy-facebook'>
<a class='external' expr:href='&quot;http://www.facebook.com/share.php?v=4&amp;src=bm&amp;u=&quot; + data:post.url + &quot;&amp;t=&quot; + data:post.title ' onclick='window.open(this.href,&apos;sharer&apos;,&apos;toolbar=0,status=0,width=626,height=436&apos;); return false;' rel='nofollow' title='Share this on Facebook'/>
</li>
<li class='sexy-linkedin'>
<a class='external' expr:href='&quot;http://www.linkedin.com/shareArticle?mini=true&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title + &quot;&amp;summary=&amp;source=&quot;' rel='nofollow' title='Share this on LinkedIn'/>
</li>
<li class='sexy-stumbleupon'>
<a class='external' expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title ' rel='nofollow' title='Stumble upon something good? Share it on StumbleUpon'/>
</li>
<li class='sexy-delicious'>
<a class='external' expr:href='&quot;http://delicious.com/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title ' rel='nofollow' title='Share this on del.icio.us'/>
</li>
<li class='sexy-digg'>
<a class='external' expr:href='&quot;http://digg.com/submit?phase=2&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title ' rel='nofollow' title='Digg this!'/>
</li>
<li class='sexy-googlebuzz'>
<a class='external' expr:href='&quot;http://www.google.com/buzz/post?url=&quot; + data:post.url + &quot;&amp;imageurl=&quot;' rel='nofollow' title='Post on Google Buzz'/>
</li>
<li class='sexy-blogger'>
<a class='external' expr:href='&quot;http://www.blogger.com/blog_this.pyra?t&amp;u=&quot; + data:post.url + &quot;&amp;n=&quot; + data:post.title + &quot;&amp;pli=1&quot;' rel='nofollow' title='Blog this on Blogger'/>
</li>
<li class='sexy-yahoomail'>
<a class='external' expr:href='&quot;http://compose.mail.yahoo.com/?Subject= &quot; + data:post.title + &quot;&amp;body=Link:&quot;+ data:post.url' rel='nofollow' title='Email this via Yahoo! Mail'/>
</li>
</ul>
</div>
</div>




<div class='clear'/>
</div>

</div>
</div>
</div>
</b:if>




</b:includable>
<b:includable id='commentform' var='post'>
<div id='respond'>
<a name='commentform'/>

<div class='featured-date'><span class='featured-date-left'/><span class='featured-date-inside'>Responses</span></div>

<h2>Leave a Reply! </h2>

<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='103%'/>
<data:post.friendConnectJs/>0
<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='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' src='' width='103%'/>

<data:post.friendConnectJs/>
<data:post.cmtfpIframe/>
<div class='comment-reply'>
<b:if cond='data:showCmtPopup'>
<div id='comment-popup' style='width:100px;height:20px;'/>
</b:if>

   
<script type='text/javascript'>
BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;);
</script>
</div></div>




</b:includable>
<b:includable id='threaded_comments' var='post'>
  <b:include name='threaded_comment_css'/>

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

    <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>
           

<!-- Feature added by BTemplates.com -->
    <b:if cond='data:post.sharePostUrl'>
        <div class='post-share-buttons'>
            <b:include data='post' name='shareButtons'/>
        </div>
    </b:if>

</div>

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

          </div>
        </div>

        <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
          <b:include data='post' name='comments'/>
        </b:if>
        <b:if cond='data:blog.pageType == &quot;item&quot;'>
          <b:include data='post' name='comments'/>
        </b:if>
      </div>
    </div>
  </div>
</b:includable>
<b:includable id='post2' var='post2'>
  <div class='post2 uncustomized-post2-template'>
    <a expr:name='data:post2.id'/>
    <b:if cond='data:post2.title'>
      <h3 class='post2-title'>
     <b:if cond='data:post2.link'>
       <a expr:href='data:post2.link'><data:post2.title/></a>
     <b:else/>
        <b:if cond='data:post2.url'>
          <a expr:href='data:post2.url'><data:post2.title/></a>
        <b:else/>
          <data:post2.title/>
        </b:if>
     </b:if>
      </h3>
    </b:if>

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

    <div class='post2-body'>
      <p><data:post2.body/></p>

      <div style='clear: both;'/> <!-- clear for photos floats -->
    </div>
    <div class='post2-footer'>
    <p class='post2-footer-line post2-footer-line-1'>
      <span class='post2-author'>
        <b:if cond='data:top.showAuthor'>
          <data:top.authorLabel/> <data:post2.author/>
        </b:if>
      </span>

       <span class='post2-comment-link'>
        <b:if cond='data:blog.pageType != &quot;item&quot;'>
          <b:if cond='data:post2.allowComments'>
            <a class='comment-link' expr:href='data:post2.addCommentUrl' expr:onclick='data:post2.addCommentOnclick'><b:if cond='data:post2.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post2.numComments/> <data:top.commentLabelPlural/></b:if></a>
          </b:if>
        </b:if>
      </span> <span class='post2-icons'>
        <!-- email post2 links -->
        <b:if cond='data:post2.emailpost2Url'>
          <span class='item-action'>
          <a expr:href='data:post2.emailpost2Url' expr:title='data:top.emailpost2Msg'>
            <span class='email-post2-icon'>&#160;</span>
          </a>
          </span>
        </b:if>

        <!-- quickedit pencil -->
        <b:include data='post2' name='post2QuickEdit'/>
      </span> </p>

      <p class='post2-footer-line post2-footer-line-2'>
      <span class='post2-labels'>
        <b:if cond='data:post2.labels'>
          <data:post2LabelsLabel/>
          <b:loop values='data:post2.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>
      </p>

      <p class='post2-footer-line post2-footer-line-3'/>
    </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'>


<!-- 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:include data='post' name='comments'/>
</b:if>
    
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:include data='post' name='comments'/>
</b:if>
</div>
     

<b:if cond='data:post.includeAd'>
<b:if cond='data:post.isFirstPost'>
<data:defaultAdEnd/>
<b:else/>
<data:adEnd/>
</b:if>
       
<div class='inline-ad'>
<data:adCode/>
</div>
<data:adStart/>
</b:if>
     
<b:if cond='data:post.trackLatency'>
<data:post.latencyJs/>
</b:if>
</b:loop>
<b:if cond='data:numPosts != 0'>
&lt;/div&gt;&lt;/div&gt;
</b:if>
<data:adEnd/>
</div>

 
<div class='clear'/>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<div class='clearfix' id='pagination'>
<div class='wp-pagenavi'>
<!-- navigation -->
<b:include name='nextprev'/>
</div><br class='clear'/></div>
</b:if>
</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:includable>
<b:includable id='commentDeleteIcon' var='comment'>
<span expr:class='&quot;item-control &quot; + data:comment.adminClass'>
<a expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
<img src='//www.blogger.com/img/icon_delete13.gif'/>
</a>
</span>


</b:includable>
<b:includable id='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='threaded_comment_css'>
  <style>
.comments {
  clear: both;
  margin-top: 10px;
  margin-bottom: 0px;
  line-height: 1em;
}
.comments .comments-content {
  font-size: 13px;
  margin-bottom: 16px;
}
.comments .comment .comment-actions a {
  padding-top: 5px;
  padding-right: 5px;
}
.comments .comment .comment-actions a:hover {
  text-decoration: underline;
}
.comments .comments-content .comment-thread ol {
  list-style-type: none;
  padding: 0;
  text-align: left;
}
.comments .comments-content .inline-thread {
  padding: 0.5em 1em;
}
.comments .comments-content .comment-thread {
  margin: 8px 0px;
}
.comments .comments-content .comment-thread:empty {
  display: none;
}
.comments .comments-content .comment-replies {
  margin-top: 1em;
  margin-left: 36px;
}
.comments .comments-content .comment {
  margin-bottom:16px;
  padding-bottom:8px;
}
.comments .comments-content .comment:first-child {
  padding-top:16px;
}
.comments .comments-content .comment:last-child {
  border-bottom:0;
  padding-bottom:0;
}
.comments .comments-content .comment-body {
  position:relative;
}
.comments .comments-content .user {
  font-style:normal;
  font-weight:bold;
}
.comments .comments-content .icon.blog-author {
  width: 18px;
  height: 18px;
  display: inline-block;
  margin: 0 0 -4px 6px;
}
.comments .comments-content .datetime {
  margin-left:6px;
}
.comments .comments-content .comment-header,
.comments .comments-content .comment-content {
  margin:0 0 8px;
}
.comments .comments-content .comment-content {
  text-align:justify;
}
.comments .comments-content .owner-actions {
  position:absolute;
  right:0;
  top:0;
}
.comments .comments-replybox {
  border: none;
  height: 250px;
  width: 100%;
}
.comments .comment-replybox-single {
  margin-top: 5px;
  margin-left: 48px;
}
.comments .comment-replybox-thread {
  margin-top: 5px;
}
.comments .comments-content .loadmore a {
  display: block;
  padding: 10px 16px;
  text-align: center;
}
.comments .thread-toggle {
  cursor: pointer;
  display: inline-block;
}
.comments .continue {
  cursor: pointer;
}
.comments .continue a {
  display: block;
  padding: 0.5em;
  font-weight: bold;
}
.comments .comments-content .loadmore {
  cursor: pointer;
  max-height: 3em;
  margin-top: 3em;
}
.comments .comments-content .loadmore.loaded {
  max-height: 0px;
  opacity: 0;
  overflow: hidden;
}
.comments .thread-chrome.thread-collapsed {
  display: none;
}
.comments .thread-toggle {
  display: inline-block;
}
.comments .thread-toggle .thread-arrow {
  display: inline-block;
  height: 6px;
  width: 7px;
  overflow: visible;
  margin: 0.3em;
  padding-right: 4px;
}
.comments .thread-expanded .thread-arrow {
  background: url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAG0lEQVR42mNgwAfKy8v/48I4FeA0AacVDFQBAP9wJkE/KhUMAAAAAElFTkSuQmCC&quot;) no-repeat scroll 0 0 transparent;
}
.comments .thread-collapsed .thread-arrow {
  background: url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAJUlEQVR42mNgAILy8vL/DLgASBKnApgkVgXIkhgKiNKJ005s4gDLbCZBiSxfygAAAABJRU5ErkJggg==&quot;) no-repeat scroll 0 0 transparent;
}
.comments .avatar-image-container {
  float: left;
  width: 36px;
  max-height: 36px;
  overflow: hidden;
}
.comments .avatar-image-container img {
  width: 36px;
}
.comments .comment-block {
  margin-left: 48px;
  position: relative;
}

/* Responsive styles. */
@media screen and (max-device-width: 480px) {
  .comments .comments-content .comment-replies {
    margin-left: 0;
  }
}
  </style>
</b:includable>
<b:includable id='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='clear'/>
<div id='respond'>
<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>

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

<li class='comment odd'>
<div class='comment-body'>
<div class='comment-author vcard'>
<b:if cond='data:comment.favicon'>
<div class='comment-avatar'>
<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='78px' style='margin-bottom:-2px;' width='78px'/>
            </b:if>
            <a expr:name='data:comment.anchorName'/>
            <b:if cond='data:blog.enabledCommentProfileImages'>
              <div expr:class='data:comment.avatarContainerClass'>
                <data:comment.authorAvatarImage/>
              </div>
            </b:if>
            <b:if cond='data:comment.authorUrl'>
              <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
            <b:else/>
              <data:comment.author/>
            </b:if>
            <data:commentPostedByMsg/>
          </dt>

          <dd class='comment-body'>
            <b:if cond='data:comment.isDeleted'>
              <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>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:blog.enabledCommentProfileImages'>
<data:comment.authorAvatarImage/>
</b:if>      
</div>
           

<div class='comment-meta commentmetadata'>
<a expr:href='data:comment.url' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</div>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p>
<data:comment.body/>
               
<span class='interaction-iframe-guide'/>
</p>
</b:if>
</div>
</li>
<b:else/>
         

<li class='comment even'>
<div class='comment-body'>
<div class='comment-author vcard'>
<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon' height='32px' style='margin-bottom:0px;' width='32px'/>
</b:if>
             
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:blog.enabledCommentProfileImages'>
<data:comment.authorAvatarImage/>
</b:if>
             
<cite class='fn'>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
</cite> <span class='says'>says:</span>
</div>
           

<div class='comment-meta commentmetadata'>
<a expr:href='data:comment.url' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</div>

<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p>
               
<data:comment.body/>
<span class='interaction-iframe-guide'/>
</p>
</b:if>
</div>
</li>
</b:if>
</b:loop>
</ol>

     
<b:if cond='data:post.commentPagingRequired'>
<span class='paging-control-container'>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
<data:post.oldestLinkText/>
</a>
         
<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
<data:post.olderLinkText/>

</a>&#160;
<data:post.commentRangeText/>

&#160;<a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
<data:post.newerLinkText/>
</a>
         
<a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
<data:post.newestLinkText/>
</a>
</span>
</b:if>

     
<p class='comment-footer'>
<b:if cond='data:post.embedCommentForm'>
<b:if cond='data:post.allowNewComments'>
<b:include data='post' name='comment-form'/>
<b:else/>
<data:post.noNewCommentsText/>
</b:if>
<b:else/>
<b:if cond='data:post.allowComments'>
</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'>
<b:widget id='HTML5' 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='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts'>
<b:includable id='main'>
  <b:if cond='data:title'><h2><data:title/></h2></b:if>
  <div class='widget-content popular-posts'>
    <ul>
      <b:loop values='data:posts' var='post'>
      <li>
        <b:if cond='data:showThumbnails == &quot;false&quot;'>
          <b:if cond='data:showSnippets == &quot;false&quot;'>
            <!-- (1) No snippet/thumbnail -->
            <a expr:href='data:post.href'><data:post.title/></a>
          <b:else/>
            <!-- (2) Show only snippets -->
            <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
            <div class='item-snippet'><data:post.snippet/></div>
          </b:if>
        <b:else/>
          <b:if cond='data:showSnippets == &quot;false&quot;'>
            <!-- (3) Show only thumbnails -->
            <div class='item-thumbnail-only'>
              <b:if cond='data:post.thumbnail'>
                <div class='item-thumbnail'>
                  <a expr:href='data:post.href' target='_blank'>
                    <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
                  </a>
                </div>
              </b:if>
              <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
            </div>
            <div style='clear: both;'/>
          <b:else/>
            <!-- (4) Show snippets and thumbnails -->
            <div class='item-content'>
              <b:if cond='data:post.thumbnail'>
                <div class='item-thumbnail'>
                  <a expr:href='data:post.href' target='_blank'>
                    <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
                  </a>
                </div>
              </b:if>
              <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
              <div class='item-snippet'><data:post.snippet/></div>
            </div>
            <div style='clear: both;'/>
          </b:if>
        </b:if>
      </li>
      </b:loop>
    </ul>
    <b:include name='quickedit'/>
  </div>
</b:includable>
</b:widget>
<b:widget id='Label1' locked='false' title='Category List' 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:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'>
<b:includable id='main'>
  <b:if cond='data:title'>
    <h2><data:title/></h2>
  </b:if>
  <div class='widget-content'>
  <div id='ArchiveList'>
  <div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'>
    <b:if cond='data:style == &quot;HIERARCHY&quot;'>
     <b:include data='data' name='interval'/>
    </b:if>
    <b:if cond='data:style == &quot;FLAT&quot;'>
      <b:include data='data' name='flat'/>
    </b:if>
    <b:if cond='data:style == &quot;MENU&quot;'>
      <b:include data='data' name='menu'/>
    </b:if>
  </div>
  </div>
  <b:include name='quickedit'/>
  </div>
</b:includable>
<b:includable id='flat' var='data'>
  <ul class='flat'>
    <b:loop values='data:data' var='i'>
      <li class='archivedate'>
        <a expr:href='data:i.url'><data:i.name/></a> (<data:i.post-count/>)
      </li>
    </b:loop>
  </ul>
</b:includable>
<b:includable id='menu' var='data'>
  <select expr:id='data:widget.instanceId + &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='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'><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='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='posts' var='posts'>
  <ul class='posts'>
    <b:loop values='data:posts' var='i'>
      <li><a expr:href='data:i.url'><data:i.title/></a></li>
    </b:loop>
  </ul>
</b:includable>
</b:widget>
</b:section>
</div>
<div class='clear'/>
</div>

<div class='footer_block_cover'>
<div id='footer_block'>
<ul>
<div class='widgets_column'>
<b:section class='lowerbar' id='lowerbar1' preferred='yes'>
<b:widget id='HTML4' 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:section>
</div>

<div class='widgets_column'>
<b:section class='lowerbar' id='lowerbar2' preferred='yes'>
<b:widget id='HTML3' 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:section>
</div>

<div class='widgets_column'>
<b:section class='lowerbar' id='lowerbar3' preferred='yes'>
<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:section>
</div>

</ul>
<div class='clear'/>
</div>
</div>


<!-- footer_bottom -->
<div id='footer_bottom'>
<!-- left --> 
<div class='left'>Copyright ( &#169; ) 2011 <b><data:blog.title/></b> by <a href='http://besttheme.net/' title='Blogger Themes'>Best Themes</a>
</div><!-- END "div.left" -->

<!-- right -->
<div class='right'><span class='logo_desc'><data:blog.title/> <br/> Excellent Blogger Theme</span>
<a href='http://depositphotos.com/'><img alt='Depositphotos.com' class='logo_footer' src='http://2.bp.blogspot.com/-RK3g7z1lD7E/TwKvcF2yocI/AAAAAAAAEHE/CcR5QFGKosk/s000/d_logo_small.png' title='Depositphotos Stock Photos'/></a>            
</div><!-- END "div.right" --> 
<div class='clear'/>
</div><!-- END "div#footer_bottom" -->
<script src='http://js-kit.com/ratings.js'/>
</div>        
</body>
</html>

0 komentar:

Posting Komentar

Terima kasih sudah membaca artikel ini. Bagaimana menurut Ente tentang artikel ini.