<?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
 *
 * Jellyfish
 * by Jason Sutter

 * Modified By
 * Designer: Charlemagne Stavanger
 * URL:      http://www.blogcrowds.com/
 * Support:  http://www.blogcrowds.com/

 */
/*
 * Variable definitions
 * --------------------
  <Variable name="mainBgColor" description="Page Background Color"
            type="color" default="#ffffff"  / value="#ffffff">
  <Variable name="mainTextColor" description="Text Color"
            type="color" default="#111111" / value="#111111">

  <Variable name="titleBgColor" description="Blog Title Background Color"
            type="color" default="#eeeeee" / value="#eeeeee">
  <Variable name="titleColor" description="Blog Title Color"
            type="color" default="#16a3c2"/ value="#16a3c2">
  <Variable name="descriptionBgColor" description="Blog Description Background Color"
            type="color" default="#ffffff" / value="#ffffff">
  <Variable name="descriptionColor" description="Blog Description Color"
            type="color" default="#acb877" / value="#acb877">

  <Variable name="dateHeaderColor" description="Date Header Color"
            type="color" default="#333333" / value="#333333">

  <Variable name="postTitleColor" description="Post Title Color"
            type="color" default="#000000" / value="#000000">

  <Variable name="postFooterColor" description="Post Footer Color"
            type="color" default="#444444" / value="#444444">

  <Variable name="mainLinkColor" description="Link Color"
            type="color" default="#b4445c" / value="#b4445c">

  <Variable name="sidebarTitleColor" description="Sidebar Title Color"
            type="color" default="#ffc069" / value="#ffc069">

  <Variable name="sidebarLinkColor" description="Sidebar Link Color"
            type="color" default="#999999" / value="#999999">

  <Variable name="bodyFont" description="Text Font"
            type="font" default="normal normal 100% Lucida Grande, Verdana, Arial, Helvetica, Sans-Serif" / value="normal normal 100% Lucida Grande, Verdana, Arial, Helvetica, Sans-Serif">
  <Variable name="titleFont" description="Blog Title Font"
            type="font" default="normal bold 340% Helvetica Neue Black Condensed, Arial Black,Arial, Sans-Serif" / value="normal bold 340% Helvetica Neue Black Condensed, Arial Black,Arial, Sans-Serif">
  <Variable name="descriptionFont" description="Blog Description Font"
            type="font" default="normal normal 80% Lucida Grande,Verdana, Arial, Sans-serif" / value="normal normal 80% Lucida Grande,Verdana, Arial, Sans-serif">
*/

body {
  margin: 0px;
  padding: 0px;
  background: $mainBgColor;
  color: $mainTextColor;
  font: $bodyFont;
}

a:link,
a:visited,
a:active {
  color: $mainLinkColor;
}

a img {
 border: 0;
}

@media all {
  div#main-wrapper {
    float: left;
    width: 45%;
    margin: 0 1%;
    padding: 0 1em 0px 1em;
    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 */
  }

  div.sidebar-wrapper {
    width: 24%;
    margin: 0;
    padding: 0;
    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 */
  }
}

#content-wrapper {
  margin-right: 1em;
  margin-left: 1em;
}

@media handheld {
  div#main-wrapper {
    float:none;
    width:90%;
  }
  div#sidebar-wrapper {
    margin-left:5%;
  }
}

h1,h2,h3,h4 {
  padding:0px;
  margin:0px;
}


#header {
  padding:7px 0px 20px 0px;
  margin:23px 0px 0px 0px;
  border-top:1px solid #eeeeee;
  background: $descriptionBgColor;
  color: $descriptionColor;
}

h1 a:visited {
  text-decoration: none;
  color: $titleColor;
}

h1 {
  padding-left: 3%;
  padding-top: 20px;
  border-bottom: dotted 1px #000000;
  border-top: solid 6px $titleColor;
  color: $titleColor;
  background: $titleBgColor;
  text-transform:lowercase;
  font: $titleFont;
  line-height: 0.8em;
}

.description {
  padding:0px;
  margin:1em 12% 0px 5%;
  color: $descriptionColor;
  background:transparent;
  text-transform:uppercase;
  font: $descriptionFont;
}

h3 {
  color: $postTitleColor;
  font-weight:normal;
  font-size: 150%;
}

h3.post-title a {
  color: $postTitleColor;
}

.Blog h2.date-header {
  margin:10px 0px 0px 0px;
  color: $dateHeaderColor;
  font-size:120%;
  text-align: left;
  text-transform:none;
  font-weight: bold;
}

#sidebar .widget {
  margin: 0px 0px 33px 0px;
  padding: 0px;
  font-size: 95%;
  text-align: right;
}

#sidebar ul {
  list-style-type: none;
  margin-top: 0;
}

#sidebar li {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
}

@media all {
 .widget h2 {
    color: $sidebarTitleColor;
    font-size: 240%;
    text-align:right;
    text-transform:lowercase;
  }
}

@media handheld {
  .widget h2 {
    text-align:left;
  }

  #sidebar {
    text-align:left;
  }
}

.post {
  margin:0px 0px 30px 0px;
  font-size:100%;
}

.post strong {
  font-weight: bold;
}

#sidebar a:link,
#sidebar a:visited {
  color: $sidebarLinkColor;
}

#sidebar a:hover {
  text-decoration: none;
}

pre,code,strike {
  color: #666666;
}

.post-footer {
  padding: 0px;
  margin: 0px;
  color: $postFooterColor;
  font-size: 80%;
}

.post-footer a {
  text-decoration:none;
}

.post-footer a:hover {
  text-decoration:underline;
}

#comments {
  padding: 2px 0px 2px 5px;
  font-weight: normal;
}
.comment-author {
  margin-top: 20px;
 }

.comment-body {
  margin-top: 10px;
  font-size: 100%;
}

.comment-footer {
  margin-right: 10px;
  display: inline;
  padding: 0px;
  color: $postFooterColor;
  font-size: 80%;
  font-family: Lucida Grande,MS Sans Serif,Lucida Sans Unicode,Verdana,Geneva,Lucida,Arial,Helvetica,Sans-Serif;
}

.deleted-comment {
  font-style:italic;
  color:gray;
}

.comment-link {
  margin-left: .6em;
}


.profile-img {
  margin: 0 0 5px 5px;
  float: right;
}

.Profile dd {
  margin: 0;
  padding: 0;
}

.BlogArchive #ArchiveList {
 float: right;
}

.widget-content {
  margin-top: 0.5em;
}

@media handheld {
  .Profile img {
    float:none;
  }

  .Profile {
    text-align:left;
  }
}

.feed-links {
  clear: both;
  line-height: 2.5em;
}

#blog-pager-newer-link {
  float: left;
 }

#blog-pager-older-link {
  float: right;
}

#blog-pager {
  text-align: center;
 }

.clear {
  clear: both;
}

/** Tweaks for layout editor mode */
body#layout #outer-wrapper {
 margin-top: 10px;
}

body#layout #main-wrapper,
body#layout #header {
 margin-top: 0;
 padding-top: 0;
}
]]></b:skin>
  </head>

  <body>
  <div id='outer-wrapper'><div id='wrap2'>

    <!-- skip links for text browsers -->
    <span id='skiplinks' style='display:none;'>
      <a href='#main'>skip to main </a> |
      <a href='#sidebar'>skip to sidebar</a>
    </span>

    <div id='header-wrapper'>
      <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Blogcrowds (Header)' type='Header'>
<b:includable id='main'>
  <div class='titlewrapper'>
    <h1 class='title'>
      <b:if cond='data:blog.url == data:blog.homepageUrl'>
        <data:title/>
      <b:else/>
        <a expr:href='data:blog.homepageUrl'><data:title/></a>
      </b:if>
    </h1>
  </div>
  <div class='descriptionwrapper'>
    <p class='description'><span><data:description/></span></p>
  </div>
</b:includable>
</b:widget>
</b:section>
    </div>

    <div id='content-wrapper'>

	<div class='sidebar-wrapper'>
        <b:section class='sidebar' id='sidebar1' preferred='yes'>
<b:widget id='Profile1' locked='false' title='About Me' type='Profile'>
<b:includable id='main'>
    <b:if cond='data:title != ""'>
      <h2><data:title/></h2>
    </b:if>
    <div class='widget-content'>
    <b:if cond='data:team == "true"'> <!-- team blog profile -->
      <ul>
        <b:loop values='data:authors' var='i'>
          <li><a expr:href='data:i.userUrl'><data:i.display-name/></a></li>
        </b:loop>
      </ul>

      <b:else/> <!-- normal blog profile -->

      <b:if cond='data:photo.url != ""'>
        <a expr:href='data:userUrl'><img class='profile-img' expr:alt='data:photo.alt' expr:height='data:photo.height' expr:src='data:photo.url' expr:width='data:photo.width'/></a>
      </b:if>

      <dl class='profile-datablock'>
        <dt class='profile-data'><data:displayname/></dt>

        <b:if cond='data:showlocation == "true"'>
          <dd class='profile-data'><data:location/></dd>
        </b:if>

        <b:if cond='data:aboutme != ""'><dd class='profile-  textblock'><data:aboutme/></dd></b:if>
      </dl>
      <a class='profile-link' expr:href='data:userUrl'>View
        my complete profile</a>
    </b:if>

     <b:include name='quickedit'/>
    </div>
  </b:includable>
</b:widget>
</b:section>
<p><a href='http://www.blogcrowds.com/resources/blogger_template.php'>Blogger Template</a> by <a href="http://www.blogcrowds.com/">Blogcrowds</a></p></div>

      <div id='main-wrapper'>
        <b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'>
<b:includable id='postQuickEdit' var='post'>
  <b:if cond='data:post.editUrl'>
    <span expr:class='"item-control " + data:post.adminClass'>
      <a expr:href='data:post.editUrl' title='Edit Post'>
        <span class='quick-edit-icon'>&#160;</span>
      </a>
    </span>
  </b:if>
</b:includable>
<b:includable id='comments' var='post'>
  <div id='comments'>
    <a name='comments'/>
    <h4>
      <b:if cond='data:post.numComments == 1'>
        1 Comment:
      <b:else/>
        <data:post.numComments/> Comments:
      </b:if>
    </h4>

    <dl id='comments-block'>
      <b:loop values='data:post.comments' var='comment'>
        <dt class='comment-author' expr:id='"comment-" + data:comment.id'>
          <a expr:name='"comment-" + data:comment.id'/>
          <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>
          said...
        </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='"#comment-" + data:comment.id' title='comment permalink'>
              <data:comment.timestamp/>
            </a>
            <b:include data='comment' name='commentDeleteIcon'/>
          </span>

        </dd>
      </b:loop>
    </dl>

    <p class='comment-footer'>
      <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>Post

a Comment</a>
    </p>

    <div id='backlinks-container'>
       <b:if cond='data:post.showBacklinks'>
         <b:include data='post' name='backlinks'/>
       </b:if>
    </div>
  </div>
</b:includable>
<b:includable id='main' var='top'>
  <!-- posts -->
  <div id='blog-posts'>
    <b:loop values='data:posts' var='post'>
      <b:if cond='data:post.dateHeader'>
        <h2 class='date-header'><data:post.dateHeader/></h2>
      </b:if>
      <b:include data='post' name='post'/>
      <b:if cond='data:blog.pageType == "item"'>
        <b:if cond='data:post.allowComments'>
          <b:include data='post' name='comments'/>
        </b:if>
      </b:if>
    </b:loop>
  </div>

  <!-- navigation -->
  <b:include name='nextprev'/>

  <!-- feed links -->
  <b:include name='feedLinks'/>
</b:includable>
<b:includable id='backlinkDeleteIcon' var='backlink'>
  <span expr:class='"item-control " + data:backlink.adminClass'>
    <a expr:href='data:backlink.deleteUrl' title='Delete Backlink'>
      <span class='delete-comment-icon'>&#160;</span>
    </a>
  </span>
</b:includable>
<b:includable id='feedLinksBody' var='links'>
  <div class='feed-links'>
  Subscribe to:
  <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='backlinks' var='post'>
  <a name='links'/><h4><data:post.backlinksLabel/></h4>
  <b:if cond='data:post.numBacklinks != 0'>
    <dl id='comments-block'>
      <b:loop values='data:post.backlinks' var='backlink'>
        <div class='collapsed-backlink backlink-control'>
          <dt class='comment-title'>
            <span class='backlink-toggle-zippy'>&#160;</span>
            <a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>
            <b:include data='backlink' name='backlinkDeleteIcon'/>
          </dt>
          <dd class='comment-body collapseable'>
            <data:backlink.snippet/>
          </dd>
          <dd class='comment-footer collapseable'>
            <span class='comment-author'><data:post.authorLabel/>

<data:backlink.author/></span>
            <span class='comment-timestamp'><data:post.timestampLabel/>

<data:backlink.timestamp/></span>
          </dd>
        </div>
      </b:loop>
    </dl>
  </b:if>
  <p class='comment-footer'>
    <a class='comment-link' expr:href='data:post.createLinkUrl' id='b-backlink' target='_blank'><data:post.createLinkLabel/></a>
  </p>
</b:includable>
<b:includable id='status-message'>
  <b:if cond='data:navMessage'>
  <div class='status-msg-wrap'>
    <div class='status-msg-body'>
      <data:navMessage/>
    </div>
    <div class='status-msg-border'>
      <div class='status-msg-bg'>
        <div class='status-msg-hidden'><data:navMessage/></div>
      </div>
    </div>
  </div>
  <div style='clear: both;'/>
  </b:if>
</b:includable>
<b:includable id='feedLinks'>
  <b:if cond='data:blog.pageType != "item"'> <!-- Blog feed links -->
    <b:if cond='data:feedLinks'>
      <div id='blog-feeds'>
        <b:include data='feedLinks' name='feedLinksBody'/>
      </div>
    </b:if>

    <b:else/> <!--Post feed links -->
    <div id='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='nextprev'>
  <div id='blog-pager'>
    <b:if cond='data:newerPageUrl'>
      <a expr:href='data:newerPageUrl' expr:title='data:newerPageTitle' id='blog-pager-  newer-link'><data:newerPageTitle/></a>
    </b:if>

    <b:if cond='data:olderPageUrl'>
      <a expr:href='data:olderPageUrl' expr:title='data:olderPageTitle' id='blog-pager-  older-link'><data:olderPageTitle/></a>
    </b:if>

    <b:if cond='data:blog.homepageUrl != data:blog.url'>
      <a class='home-link' expr:href='data:blog.homepageUrl'>Home</a>
    </b:if>

  </div>
  <div class='clear'/>
</b:includable>
<b:includable id='commentDeleteIcon' var='comment'>
  <span expr:class='"item-control " + data:comment.adminClass'>
    <a expr:href='data:comment.deleteUrl' title='Delete Comment'>
      <span class='delete-comment-icon'>&#160;</span>
    </a>
  </span>
</b:includable>
<b:includable id='post' var='post'>
  <div class='post uncustomized-post-template'>
    <a expr:name='data:post.id'/>
    <b:if cond='data:post.title'>
      <h3 class='post-title'>
      <b:if cond='data:post.url'>
        <a expr:href='data:post.url'><data:post.title/></a>
      <b:else/>
        <data:post.title/>
      </b:if>
      </h3>
    </b:if>

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

    <div class='post-body'>
      <p><data:post.body/></p>
      <div style='clear: both;'/> <!-- clear for photos floats -->
    </div>
    <div class='post-footer'>
    <p class='post-footer-line post-footer-line-1'>
      <span class='post-author'>
        <b:if cond='data:top.showAuthor'>
          <data:top.authorLabel/> <data:post.author/>
        </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' title='permanent   link'><data:post.timestamp/></a>
        </b:if>
        </b:if>
      </span>

      <span class='post-comment-link'>
        <b:if cond='data:blog.pageType != "item"'>

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

       <!-- backlinks -->
       <span class='post-backlinks post-comment-link'>
         <b:if cond='data:blog.pageType != "item"'>
           <b:if cond='data:post.showBacklinks'>
             <a class='comment-link' expr:href='data:post.url +   "#links"'><data:top.backlinkLabel/></a>
           </b:if>
         </b:if>
       </span>

      <span class='post-icons'>
        <!-- email post links -->
        <b:if cond='data:post.emailPostUrl'>
          <span class='item-action'>
          <a expr:href='data:post.emailPostUrl' title='Email Post'>
            <span class='email-post-icon'>&#160;</span>
          </a>
          </span>
        </b:if>

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

      <p class='post-footer-line post-footer-line-2'>
      <span class='post-labels'>
        <b:if cond='data:post.labels'>
          <data:postLabelsLabel/>
          <b:loop values='data:post.labels' var='label'>
            <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
          </b:loop>
        </b:if>
      </span>
      </p>

      <p class='post-footer-line post-footer-line-3'/>
    </div>
  </div>
</b:includable>
</b:widget>
</b:section>
      </div>

      <div class='sidebar-wrapper'>
        <b:section class='sidebar' id='sidebar2' preferred='yes'>
<b:widget id='LinkList1' locked='false' title='Link' type='LinkList'>
<b:includable id='main'>

<b:if cond='data:title'><h2><data:title/></h2></b:if>
 <div class='widget-content'>
   <ul>
     <b:loop values='data:links' var='link'>
       <li><a expr:href='data:link.target'><data:link.name/></a></li>
     </b:loop>
   </ul>
   <b:include name='quickedit'/>
 </div>
</b:includable>
</b:widget>
</b:section>
<p>Modified By <a href='http://www.blogcrowds.com/'>Blogcrowds</a></p>
      </div>

      <!-- spacer for skins that want sidebar and main to be the same height-->
      <div class='clear'>&#160;</div>

    </div> <!-- end content-wrapper -->
  </div></div> <!-- end outer-wrapper -->
</body>
</html>