﻿<?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 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[/*
-----------------------------------------------
Blogger Template Style
Name:     The Missing Piece
Designer: Free Css Templates
URL:      http://www.freecsstemplates.org

Converted by: Fresh Blogger Templates
URL: http://freshbloggertemplates.blogspot.com
----------------------------------------------- */

/* Variable definitions
   ====================
   <Variable name="bgcolor" description="Page Background Color"
             type="color" default="#fff" value="#ffffff">
   <Variable name="textcolor" description="Text Color"
             type="color" default="#333" value="#D1E9A3">
   <Variable name="linkcolor" description="Link Color"
             type="color" default="#58a" value="#5588aa">
   <Variable name="pagetitlecolor" description="Blog Title Color"
             type="color" default="#666" value="#36393D">
   <Variable name="descriptioncolor" description="Blog Description Color"
             type="color" default="#999" value="#999999">
   <Variable name="titlecolor" description="Post Title Color"
             type="color" default="#fff" value="#ffffff">
   <Variable name="bordercolor" description="Border Color"
             type="color" default="#ccc" value="#cccccc">
   <Variable name="sidebarcolor" description="Sidebar Title Color"
             type="color" default="#999" value="#999999">
   <Variable name="sidebartextcolor" description="Sidebar Text Color"
             type="color" default="#666" value="#36393D">
   <Variable name="sidebarbg" description="Sidebar Background"
             type="color" default="#000" value="#D6EBAD">
   <Variable name="sidebarlink" description="Sidebar Link Color"
             type="color" default="#000" value="#BA3300">
   <Variable name="visitedlinkcolor" description="Visited Link Color"
             type="color" default="#999" value="#999999">
   <Variable name="footercolor" description="Footer Color"
             type="color" default="#999" value="#666666">
   <Variable name="bodyfont" description="Text Font"
             type="font" default="normal normal 100% Georgia, Serif" value="normal normal 100% Georgia, Serif">
   <Variable name="headerfont" description="Sidebar Title Font"
             type="font"
             default="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif" value="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif">
   <Variable name="pagetitlefont" description="Blog Title Font"
             type="font"
             default="normal normal 200% Georgia, Serif" value="normal normal 200% Georgia, Serif">
   <Variable name="descriptionfont" description="Blog Description Font"
             type="font"
             default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif">
   <Variable name="postfooterfont" description="Post Footer Font"
             type="font"
             default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif">
*/

/* Use this with templates/template-twocol.html */

body {
  background:#36393D url(http://img123.imageshack.us/img123/2434/img01rq2.gif) repeat-x;
  margin:0;
  color:$textcolor;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-size/* */:/**/small;
  font-size: /**/small;
  text-align: center;
  }
a:link {
  color:$titlecolor;
  text-decoration:underline;
  }
a:visited {
  color:$titlecolor;
  text-decoration:none;
  }
a:hover {
  color:$titlecolor;
  text-decoration: none;
}
a img {
  border-width:0;
  }

/*Hide Navbar*/
   #navbar-iframe {
              height:0px;
              visibility:hidden;
              display:none;
        }

#back2top {
	height: 72px;
	background: url(http://4.bp.blogspot.com/_h2Z5-se9eC4/SS9C0-lb40I/AAAAAAAABfA/BOu4ysAFVS8/s1600/img19.gif) no-repeat left bottom;
}

#back2top a {
	display: block;
	width: 40px;
	padding: 27px 0 0 25px;
	text-decoration: none;
	text-align: center;
}

#back2top a:hover {
	text-decoration: underline;
}

/* Header
-----------------------------------------------
 */

#header-wrapper {
width: 980px;
height: 140px;
margin: 0 auto;
background: #D1E9A3 url(http://img141.imageshack.us/img141/5751/img02bk2.gif) repeat-x;
}

#header-inner {
  background-position: center;
  margin-left: auto;
  margin-right: auto;
}

#header { 
  float: left;
  height: 100px;
  padding: 0 0 0 115px;
  background: url(http://1.bp.blogspot.com/_h2Z5-se9eC4/SS9Cy4Aw4SI/AAAAAAAABdQ/ZHvVmVq-EcU/s1600/img03.gif) left top no-repeat;
  font-family: Georgia, "Times New Roman", Times, serif;font-weight: normal;
  text-align:left;
  color:$pagetitlecolor;
}

#header h1 {
  margin:0px 0px 0;
  padding:0px 20px .25em;
  line-height:0em;
  font: $pagetitlefont;
  font-size: 3em;
}

#header a {
  color:$pagetitlecolor;
  text-decoration:none;
  }

#header a:hover {
  color:$pagetitlecolor;
  }

#header .description {
  margin:0 0px 5px;
  padding:0 20px 15px;
  max-width:700px;
  line-height: 0em;
  font: 1.4em $descriptionfont;
  color:$pagetitlecolor;
 }

#header img {
  margin-left: auto;
  margin-right: auto;
}


/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {
  width: 980px;
  margin:0 auto;
  padding:20px;
  text-align:left;
  font: $bodyfont;
  }

#main-wrapper {
  padding:30px 0 0 0;
  width: 610px;
  float: left;
  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
  overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */
  }

#sidebar-wrapper {
  width: 320px;
  float: right;
  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
  overflow: hidden;      /* fix for long non-text content breaking IE sidebar float */
}


/* Search
----------------------------------------------- */
input, textarea {
	font: normal 1em Arial, Helvetica, sans-serif;
	color: #36393D;
}


#search {
float: right;
width: 200px;
padding: 0 20px 5px 0px;
background: url(http://1.bp.blogspot.com/_h2Z5-se9eC4/SS9Cy6mgieI/AAAAAAAABdY/DXD5tRs6X-E/s1600/img04.gif) no-repeat right top;
}

#search form {
height: 26px;
padding: 46px 0 0 15px;
background: url(http://4.bp.blogspot.com/_h2Z5-se9eC4/SS9CzBHWg0I/AAAAAAAABdg/DJsER_lxsoE/s1600/img05.gif) no-repeat 0 45px;
}

#search fieldset {
border: none;
}

#search-text {
width: 170px;
background: #FFFFFF;
border: none;
}

#search legend, #search-submit {
display: none;
}

/* Menu
----------------------------------------------- */
#menu {
clear: both;
height: 40px;
background: url(http://2.bp.blogspot.com/_h2Z5-se9eC4/SS9CzuCCRYI/AAAAAAAABd4/_5cfNLaSSTg/s1600/img09.gif) no-repeat right bottom;
padding:0;
margin:0;
}

#menu ul {
height: 28px;
margin:0 0 0 0px;
padding: 12px 0 0 20px;
background: url(http://2.bp.blogspot.com/_h2Z5-se9eC4/SS9CzryKfsI/AAAAAAAABdw/fzcosfwR0JE/s1600/img08.gif) no-repeat left bottom;
list-style: none;
}

#menu li {
padding:0;
display: inline;
}

#menu a {
padding: 0 20px;
background: url(http://4.bp.blogspot.com/_h2Z5-se9eC4/SS9CzCfmFbI/AAAAAAAABdo/M3AFvREMbUU/s1600/img06.gif) no-repeat left center;
text-decoration: none;
font-weight: bold;
color: #36393D;
}

#menu a:hover {
text-decoration: underline;
}
/* Headings
----------------------------------------------- */

h2 {
  margin:1.5em 0 .75em;
  line-height: 1.4em;
  color:$sidebarcolor;
}
h2 {font-family: Georgia, "Times New Roman", Times, serif;font-weight: normal;
color: #FFFFFF;}

/* Posts
-----------------------------------------------
 */
.post-date {
background:#CCE698 url(http://2.bp.blogspot.com/_h2Z5-se9eC4/SS9C0ZwvYtI/AAAAAAAABeY/q8Gnu5dPP5M/s1600/img14.gif) no-repeat;
display: block;
float: left;
width: 69px;
height: 64px;
margin-top: 17px;
text-align: center;
font-size: 11px;
font-weight: bold;
color: #BF3600;
  }
.post-date .theDay,
.post-date .theMonth {
display: block;
font-size: 12pt;
}
.post-date .theDay{
display: block;
color: #FFFFFF;
height: 16px;
margin-top:-5px;
}

.post-date .theMonth{
font: bold 36px Georgia, "Times New Roman", Times, serif;
margin:0 0 5px 0;
}

.post {
  float:right
  margin:.5em 0 1.5em;
  border-bottom:1px dotted $bordercolor;
  padding-bottom:1.5em;
  margin-bottom: 1.6em;
  line-height: 180%;
  list-style-position: inside;
  }
.post h3 {
  margin:.25em 0 0;
  padding:0 0 4px;
  font-size: 2.6em;
  line-height:1.0em;
  font-weight:normal;
  color:$titlecolor;
}

.post h3 a, .post h3 a:visited{
  text-decoration:none;
  color:$titlecolor;
  font-weight:normal;
}

.post h3 a:hover {
  color:$titlecolor;
  border-bottom: 1px dotted #000;
}
.byline {font-size:80%;}
.post p {
  margin: 10px 20px 0 90px;
  line-height: 180%;
}

.post-footer {
background:url(http://1.bp.blogspot.com/_h2Z5-se9eC4/SS9C0l8lEyI/AAAAAAAABeg/kfgftoMCeBE/s1600/img15.gif) no-repeat;
margin:20px 0 0 0;
padding:2px 0 0 15px;
color:$sidebarcolor;
font: $postfooterfont;
line-height: 1.4em;
height:27px;
font-size:1em;
}

.post-footer a{
text-decoration: none;
font-weight:bold;
}

.post-footer a:hover{
text-decoration: underline;
}

.comment-link {
padding-left: 15px;
background: url(http://1.bp.blogspot
