<?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[


/* Variable definitions
   ====================
   
   <Variable name="contentBackgroundColour" description="Content Background Colour" type="color" default="#efedd9" value="#efedd9">
   <Variable name="textColour" description="Text Colour" type="color" default="#393b4a" value="#393b4a">
   <Variable name="linkColour" description="Link Colour" type="color" default="#2e5a8c" value="#2e5a8c">
   <Variable name="visitedLinkColour" description="Visited Link Colour" type="color" default="#802f8c" value="#802f8c">
   <Variable name="hoveredLinkColour" description="Hovered Link Colour" type="color" default="#000" value="#000">             
   <Variable name="blogTitleColour" description="Blog Title Colour" type="color" default="#000" value="#000">
   <Variable name="blogDescriptionColour" description="Blog Description Colour" type="color" default="#393b4a" value="#393b4a">
   <Variable name="postTitleColour" description="Post Title Colour" type="color" default="#a0854f" value="#a0854f">
   <Variable name="postFooterTextColour" description="Post Footer Text Colour" type="color" default="#666" value="#666">             
   <Variable name="borderColour" description="Border Colour" type="color" default="#333" value="#333">
   <Variable name="sidebarHeadingColour" description="Sidebar Heading Colour" type="color" default="#484743" value="#484743">

   <Variable name="textFont" description="Text Font" type="font" default="normal normal 85% Georgia, 'Times New Roman', Times, serif" value="normal normal 85% Georgia, 'Times New Roman', Times, serif">
   <Variable name="sidebarHeadingFont" description="Sidebar Heading Font" type="font" default="normal normal 120% Georgia, 'Times New Roman', Times, serif" value="normal normal 120% Georgia, 'Times New Roman', Times, serif">
   <Variable name="blogTitleFont" description="Blog Title Font" type="font" default="normal normal 350% Georgia, 'Times New Roman', Times, serif" value="normal normal 350% Georgia, 'Times New Roman', Times, serif">
   <Variable name="blogDescriptionFont" description="Blog Description Font" type="font" default="normal normal 100% Georgia, 'Times New Roman', Times, serif" value="normal normal 100% Georgia, 'Times New Roman', Times, serif">
   <Variable name="postFooterTextFont" description="Post Footer Text Font" type="font" default="italic normal 100% Georgia, 'Times New Roman', Times, serif" value="italic normal 100% Georgia, 'Times New Roman', Times, serif">
   
   <Variable name="startSide" description="Side where text starts in blog language" type="automatic" default="left" value="left">
   <Variable name="endSide" description="Side where text ends in blog language" type="automatic" default="right" value="right">
             
*/

/*
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: $textColour;
  background: #d4d5c5 url(http://www.elated.com/res/Image/articles/authoring/create-your-own-blogger-template/pinstripe.png) repeat 0 0;
  font: $textFont;
  line-height: 1.5em;
}


/* Standard paragraph style */

p, ul
{
  margin: 0 0 1.4em 0;
}


/* Links */

a:link, a:active
{
  color: $linkColour;
  background-color: inherit;
}

a:visited
{
  color: $visitedLinkColour;
  background-color: inherit;
}

a:hover
{
  color: $hoveredLinkColour;
}


/* 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: $sidebarHeadingFont;
  color: $sidebarHeadingColour;
  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: $postTitleColour;
}

h3 a:hover
{
  color: $hoveredLinkColour;
}


/* Container for page */

#container
{
  position: relative;
  margin: 0 auto;
  padding: 0;
  width: 780px;
  background-color: $contentBackgroundColour;
}


/* Page header area */

#page-header
{
  float: $startSide;
  width: 180px;
  margin: 0;
  padding-top: 0;
  padding-$endSide: 0;
  padding-bottom: 0;
  padding-$startSide: 10px;
  font: $blogDescriptionFont;
  line-height: 1.5em;
}

#page-header h1
{
  margin: 83px 0 15px 0;
  font: $blogTitleFont;
  line-height: 0.85em;
  color: $blogTitleColour;
}

#page-header h1 a
{
  text-decoration: none;
  color: $blogTitleColour;
}

#page-header .description
{
  color: $blogDescriptionColour;
}


/* 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: $linkColour;
  text-decoration: none;
}

#menu a:hover
{
  color: $hoveredLinkColour;
}


/* Top image */

#main-image
{
  float: $endSide;
  width: 560px;
}


/* Page body */

#page-body
{
  float: $endSide;
  width: 560px;
  margin-top: 18px;
}

div.homepage #page-body
{
  float: $endSide;
  width: 560px;
  margin-top: 40px;
}


/* Main content area */

#main-content
{
  float: $startSide;
  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-$startSide: 220px;
  text-align: $startSide;
}

/* 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: $startSide;
  margin-top: 5px;
  margin-$endSide: 5px;
  margin-bottom: 5px;
  margin-$startSide: 0;
  padding: 0;
  border: 1px solid $borderColour;
}

.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: $postFooterTextFont;
  color: $postFooterTextColour;
}

.post-footer div
{
  line-height: 1.6em;
}

.post
{
  margin: .5em 0 1.5em;
  border-bottom: 1px dotted $borderColour;
  padding-bottom: 1.5em;
}

.sidebar .widget, .main .widget
{ 
  border-bottom: 1px dotted $borderColour;
  margin: 0 0 1.5em;
  padding: 0 0 1.5em;
}

#blog-pager
{ 
  text-align: center;
  margin-bottom: 2em;
}

#blog-pager-newer-link
{
  float: $startSide;
}
 
#blog-pager-older-link
{
  float: $endSide;
}



]]></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>

