<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
  <head>
    <b:include data='blog' name='all-head-content'/>
    <title><data:blog.pageTitle/></title>
    <b:skin><![CDATA[

/*
This is an Elated PageKit - www.elated.com.
All artwork copyright (c) 1996-2008 Elated Communications Ltd.
By using this PageKit, you are agreeing to be bound by the
usage agreement available online at http://www.pagekits.com/usage/
*/


/* Page body style */

body
{
  margin: 0;
  padding: 0;
  color: #393b4a;
  background: #d4d5c5 url(http://www.elated.com/res/Image/articles/authoring/create-your-own-blogger-template/pinstripe.png) repeat 0 0;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 0.85em;
  line-height: 1.5em;
}


/* Standard paragraph style */

p, ul
{
  margin: 0 0 1.4em 0;
}


/* Links */

a:link, a:active
{
  color: #2e5a8c;
  background-color: inherit;
}

a:visited
{
  color: #802f8c;
  background-color: inherit;
}

a:hover
{
  color: #000;
}


/* Headings */

h1, h2, h3
{
  font-weight: normal;
  padding-top: 0.8em;
}

h1
{
  font-size: 1.4em;
  line-height: 1.0em;
  margin: 0 0 15px 0;
}

h2
{
  font-size: 1.2em;
  line-height: 1.0em;
  margin: 0 0 10px 0;
}

h3
{
  font-weight: bold;
  font-size: 1.3em;
  margin: 0 0 10px 0;
}

h3 a:link, h3 a:active, h3 a:visited
{
  color: #a0854f;
}

h3 a:hover
{
  color: #000;
}


/* Container for page */

#container
{
  position: relative;
  margin: 0 auto;
  padding: 0;
  width: 780px;
  background-color: #efedd9;
}


/* Page header area */

#page-header
{
  float: left;
  width: 180px;
  margin: 0;
  padding: 0 0 0 10px;
}

#page-header h1
{
  margin: 83px 0 15px 0;
  font-size: 3.5em;
  line-height: 0.85em;
  color: #000;
}

#page-header h1 a
{
  text-decoration: none;
  color: #000;
}


/* Menu */

ul#menu
{
  margin: 168px 0 0 0;
  padding: 0;
}

ul#menu li
{
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#menu a:link, #menu a:visited
{
  color: #2e5a8c;
  text-decoration: none;
}

#menu a:hover
{
  color: #000;
}


/* Top image */

#main-image
{
  float: right;
  width: 560px;
}


/* Page body */

#page-body
{
  float: right;
  width: 560px;
  margin-top: 18px;
}

div.homepage #page-body
{
  float: right;
  width: 560px;
  margin-top: 40px;
}


/* Main content area */

#main-content
{
  float: left;
  width: 550px;
}

/* Standard images */

img
{
  border: none;
}


/* Page footer */

#page-footer
{
  margin: 10px 0 0 0;
  padding: 20px 0;
  background: transparent url(http://www.elated.com/res/Image/articles/authoring/create-your-own-blogger-template/footer-rule.png) repeat-x 0 0;
}
 
#page-footer p
{
  margin-left: 220px;
}

/* Clearing element */

.clear
{
  position: relative; clear: both; height: 1px; line-height: 1px; font-size: 1px;
}


/* NEW CSS */

#header
{
  height: 336px;
}

#page-header li
{
  margin: 0;
  padding: 0 0 .25em 15px;
  text-indent: -15px;
  line-height: 1.5em;
}

a
{
  text-decoration: none;
}

.post-body a
{
  text-decoration: underline;
}

.profile-img
{ 
  float: left;
  margin: 5px 5px 5px 0;
  padding: 0;
  border: 1px solid #333;
}

.profile-data
{
  margin: 0;
  font-weight: bold;
  line-height: 1.6em;
  font-size: 0.8em;
}

.profile-datablock
{ 
  margin: 0.5em 0 0.5em;
}

.profile-textblock
{ 
  margin: 0;
  line-height: 1.2em;
  font-size: 0.9em;
}

.profile-link { 
  font-size: 0.9em;
}

.post-footer
{
  margin: 1em 0;
  line-height: 1.6em;
  font: italic normal 100% Georgia, "Times New Roman", Times, serif;
  color: #666;
}

.post-footer div
{
  line-height: 1.6em;
}

.post
{
  margin: .5em 0 1.5em;
  border-bottom: 1px dotted #333;
  padding-bottom: 1.5em;
}

.sidebar .widget, .main .widget
{ 
  border-bottom: 1px dotted #333;
  margin: 0 0 1.5em;
  padding: 0 0 1.5em;
}

#blog-pager
{ 
  text-align: center;
  margin-bottom: 2em;
}

#blog-pager-newer-link
{
  float: left;
}
 
#blog-pager-older-link
{
  float: right;
}



]]></b:skin>
  </head>

<body>

<!-- Outer Container -->

<div id="container" class="homepage">

  <!-- Header -->

  <div id="page-header">

    <!-- Site Title -->
    
    <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
    <b:widget id='Header1' locked='true' title='My Blog (Header)' type='Header'/>
    </b:section>

    <!-- Menu -->

    <b:section class='sidebar' id='sidebar' preferred='yes'>
    <b:widget id='Followers1' locked='false' title='Followers' type='Followers'/>
    <b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'/>
    <b:widget id='Profile1' locked='false' title='About Me' type='Profile'/>
    </b:section>

    <!-- End Menu -->

  </div>

  <!-- End Header -->

  <!-- Top Image -->
  <img id="main-image" src="http://www.elated.com/res/Image/articles/authoring/create-your-own-blogger-template/palms-big.jpg" alt="Palm trees" style="height: 379px;" />

  <!-- Page Body -->

  <div id="page-body">
 
    <!-- Content -->

    <div id="main-content">
      <b:section class='main' id='main' showaddelement='no'>
      <b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>
      </b:section>
    </div>

    <!-- End Content -->

    <div class="clear">&nbsp;</div>
  
  </div>

  <!-- End Page Body -->

  <div class="clear">&nbsp;</div>

  <!-- Page Footer -->
  <div id="page-footer">
    <b:section class='footer' id='footer'/>
    <p>ELATED PageKits &copy; 1996-2008 <a href="http://www.elated.com/">ELATED</a> &amp; <a href="http://www.pagekits.com/">PageKits.com</a></p>
  </div>

</div>

<!-- End Outer Container -->

</body>
</html>

