Blogger Template by Blogcrowds

Blogger Template - Green Marinee

Green Marinee

The three column Green Marinee here is modified from a fantastic web2.0 template - Green Marinee by Ian Main. For another three column layout check out Bloguitarists.
Contribute to Blogcrowds by registering and tell us about your blog at our forum
To download this template click download below OR click the code below, CTR + A, copy and paste it into your Layout --> Edit HTML section under Blogger Dashboard
Demo | Download [copy & paste to Edit HTML]
<?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:     Green Marinee
Designer: Iam Main
URL:      http://e-lusion.com

Updated by: http://www.blogcrowds.com/
Support: http://www.blogcrowds.com/
----------------------------------------------- */

/*
Theme Name: Green Marin̩e
Theme URI: http://e-lusion.com/
Description: Green Marin̩e was designed and built specially for <a href="http://alexking.org">Alex King's</a> WordPress 1.5 themes competition.
Version: 1.0.1
Author: <a href="http://e-lusion.com">Ian Main</a>
For the WordPress community (GPL), enjoy it guys.
by Ian Main - e-lusion.com
*/

/*
	1) General selectors - body,h1/h3,a,blockquote,code,p
	2) Structure - container,content,tagline
	3) Left selectors - main,meta,comments
	4) Right selectors - author,links,line,search,themes
	5) Footer - extras
	6) Forms - input,textarea
	7) Accessibility - skip,hr
	8) Hacks - clearfix
*/

/* 1) -=-=-=- General selectors -=-=-=- */

body {
	background: #FCFEF4 url(http://i61.photobucket.com/albums/h59/c_stavanger/marinee/bg_top.gif) repeat-x;
	margin: 68px 0 20px 0;
	padding: 0;
	font-family: Arial, Verdana, Helvetica;
	font-size: 76%;
	color: #3F3F3F;
	text-align: center;
	}

#navbar-iframe{height:0px;display:none;}

h1 {
	color: #FCFEF4;
	margin: -35px 0 0 7px;
	position: absolute;
	font-size: 2.2em;
	}

/* Uncomment if you want to use the tagline feature (make sure you uncomment .tagline below) - off by default

h1 {
	color: #FCFEF4;
	margin: -45px 0 0 7px;
	position: absolute;
	font-size: 2.2em;
	}

*/

h1 a:link, h1 a:visited {
	color: #FCFEF4;
	text-decoration: none;
	}

h1 a:hover, h1 a:active {
	background: none;
	color: #DAED9C;
	text-decoration: none;
	}

h2 {
	color: #7DA721;
	font-weight: normal;
	font-size: 1.8em;
	margin: 10px 0 0 0;
	}

h2 a:link, h2 a:visited {
	color: #7DA721;
	font-weight: normal;
	text-decoration: none;
	}

h2 a:hover, h2 a:active {
	color: #3F3F3F;
	background: none;
	font-weight: normal;
	text-decoration: none;
	}

.sidebar h2 {
	font-size: 1.4em;
	margin: 20px 0 0 0;
	font-weight: normal;
	}

a:link {
	color: #78A515;
	font-weight: bold;
	text-decoration: none;
	}

a:visited {
	color: #999;
	}

a:hover, a:active {
	background: #78A515;
	color: #fff;
	text-decoration: none;
	}

blockquote {
	border-left: 4px solid #3F3F3F;
	padding: 0 10px;
	margin: 0 0 0 10px;
	font-style: italic;
	}

code {
	display: block;
	padding: 10px;
	color: #444E1F;
	background: #F5F8E8;
	font-size: 1.2em;
	border-top: 2px solid #D0EC98;
	}

p {
	line-height: 1.4;
	}

/* 2)-=-=-=- Structure -=-=-=- */

#container {
	width: 950px;
	margin: 0 auto;
	text-align: left;
	}

.container_left {
	background: url(http://i61.photobucket.com/albums/h59/c_stavanger/marinee/container_left.gif) no-repeat;
	}

.container_right {
	background: url(http://i61.photobucket.com/albums/h59/c_stavanger/marinee/container_right.gif) no-repeat top right;
	}

#content {
	padding-top: 20px;
	margin: 20px;
	width: 530px;
        _width: 515px;
	float: left;
	}

#content_bg {
	background: #fff;
	}

/* Uncomment if you want to use the tagline feature (make sure you uncomment h1 above and comment the original h1) - off by default
.tagline {
	color: #888;
	margin: -18px 0 0 9px;
	position: absolute;
	font-size: 1em;
	}

*/

/* 3)-=-=-=- Left selectors -=-=-=- */

/* .main li {
	background: url(http://i61.photobucket.com/albums/h59/c_stavanger/marinee/content_bullet.gif) no-repeat 0 7px;
	padding: 2px 0 0 10px;
	list-style: none;
	}

.main ul, f ol {
	padding: 10px 0 10px 10px;
	margin: 0;
	}


.main img {
	padding: 3px;
	border: 1px solid #ACE149;
	} */


.meta {
	background: #F5F5F5;
	font-size: .9em;
	padding: 2px;
	}

.meta:hover {
	background: #F7FEDC;
	}

.highlight { /* Basic highlight for text */
	background: #F7FEDC;
	}

.comments {
	font-size: 1.2em;
	padding-bottom: 25px;
	border-bottom: 3px double #eee;
	}

.comments a:link, .comments a:visited {
	color: #78A515;
	font-weight: bold;
	text-decoration: none;
	}

.comments a:hover, .comments a:active {
	background: #78A515;
	color: #fff;
	text-decoration: none;
	}

.alt {
	background: #EAF8CF !important;
	border: 1px solid #D5F0A4 !important;
	padding: 10px 10px 0 10px !important;
	}

.alt:hover {
	border: 1px solid #ACE149 !important;
	}

.commentlist li:hover {
	border: 1px solid #ACE149;
	}

.commentlist {
	padding: 0;
	margin: 0;
	}

.commentlist li {
	list-style: none;
	padding: 10px 10px 0 10px;
	background: #F6FCEB;
	border: 1px solid #DEF3B6;
	margin: 10px;
	color: #3C452D;
	}

p.metadate {
	font-size: .8em;
	margin: 0;
	text-transform: uppercase;
	}

p.comment_meta {
	margin: 0 0 10px 10px;
	font-size: .9em;
	}

.comment_author a:visited {
	font-weight: bold;
	text-decoration: none;
	}

.reply {
	font-weight: bold;
	font-size: 1.2em;
	margin: 10px 0 0 10px;
	}

.warning p { /* Used on the search page (image will appear if no result is found) */
	background: url(http://i61.photobucket.com/albums/h59/c_stavanger/marinee/warning.gif) no-repeat left;
	height: 160px;
	padding: 20px 0 0 90px;
	font-size: 1.5em;
	margin: 0 0 0 10px;
	}

.postinput {
	margin-left: 10px;
	}

/* 4)-=-=-=- Right selectors -=-=-=- */

.sidebar {
	float: left;
	width: 175px;
	padding: 10px 15px;

	/* Box model hack used for IE5.5/5 */
	voice-family: "\"}\"";
  	voice-family: inherit;
  	width: 155px;
	}

#author li {
	list-style: none;
	margin: 0;
	padding: 0 5px 20px 0;
	font-size: .9em;
	line-height: 1.4;
	}

#author ul {
	padding: 20px 0 0 0;
	margin: 0;
	}

.sidebar li {
	list-style: none;
	background: url(http://i61.photobucket.com/albums/h59/c_stavanger/marinee/links_bullet.gif) no-repeat 0 4px;
	padding: 2px 0 2px 20px;
	}

.sidebar li li {
	background: url(http://i61.photobucket.com/albums/h59/c_stavanger/marinee/sub_icon.gif) no-repeat 0 4px;
	padding: 2px 0 2px 13px;
	font-size: 1em !important;
	}

.sidebar li li li {
	background: url(http://i61.photobucket.com/albums/h59/c_stavanger/marinee/sub_icon.gif) no-repeat 0 5px;
	padding: 3px 0 2px 13px;
	font-size: 1em !important;
	}

.sidebar ul {
	margin: 5px;
	padding: 0px;
	}

.sidebar ul ul {
	padding: 0 !important;
	margin: 2px 0 0 0 !important;
	}

.sidebar ul ul ul {
	padding: 0 !important;
	margin: 0 0 -4px 0 !important;
	}

.sidebar a {
	font-size: .9em;
	text-decoration: none;
	}

.sidebar a:link {
	color: #565D4A;
	font-weight: normal;
	}

.sidebar a:visited {
	color: #aaa;
	}

.sidebar a:hover, .sidebar a:active {
	background: #80BE14;
	color: #fff;
	}

.sidebar .widget {
	border-bottom: 3px solid #ACE149;
	padding-bottom: 5px;
	}

#search {
	background: url(http://i61.photobucket.com/albums/h59/c_stavanger/marinee/search.gif) no-repeat;
	height: 56px;
	margin: 0 auto;
	padding-top: 22px;
	}

#search h3 {
	font-size: 1.4em;
	margin: 20px 0 -10px 0;
	font-weight: normal;
	}

p.searchinfo {
	margin: 2px 0 -8px 2px;
	font-size: .9em;
	color: #999;
	}

.searchfield {
	background: #fff;
	border: 1px solid #ACE149;
	color: #7DA721;
	padding: 2px 5px 1px 5px;
	width: 160px;
	}

.searchfield:hover {
	border: 1px solid #BFBFBF;
	color: #949494;
	}

.submit {
	background: url(http://i61.photobucket.com/albums/h59/c_stavanger/marinee/search_submit.gif) no-repeat;
	height: 20px;
	width: 52px;
	border: 0;
	margin-left: 2px;
	text-indent: -9999px;
	cursor: pointer;
	}

.submit:hover {
	background: url(http://i61.photobucket.com/albums/h59/c_stavanger/marinee/search_submit.gif) no-repeat 0 -20px;
	height: 20px;
	width: 52px;
	border: 0;
	margin-left: 2px;
	cursor: pointer;
	}

.themes {
	font-size: .9em;
	}

/* 5)-=-=-=- Footer -=-=-=- */

#footer {
	height: 45px;
	}

#footer p {
	padding: 30px 0 0 70px;
	float: left;
	text-transform: uppercase;
	font-size: .8em;
	color: #bbb;
	}

.extras {
	float: right;
	padding: 33px 18px 0 0;
	}

.extras a {
	text-decoration: none;
	font-weight: bold;
	}

.extras a:link, .extras a:visited {
	background: #ccc;
	color: #fff;
	padding: 5px;
	border: 2px solid #fff;
	}

.extras a:hover, .extras a:active {
	background: #DEEEA4;
	color: #7AB90C;
	padding: 5px;
	border: 2px solid #C9E979;
	}

.extras li {
	display: inline;
	}

.extras ul {
	padding: 0 0 10px 0;
	margin: 0;
	}

/* 6)-=-=-=- Forms -=-=-=- */

input {
	border: 1px solid #BFBFBF;
	color: #949494;
	background: #fff;
	padding: 2px 5px 1px 5px;
	font-size: 1em;
	}

input:hover {
	background: #fff;
	border: 1px solid #ACE149;
	color: #7DA721;
	font-size: 1em;
	}

textarea {
	font-family: Arial, Verdana, Helvetica;
	font-size: 1.1em;
	border: 1px solid #BFBFBF;
	color: #949494;
	padding: 2px 5px 1px 5px;
	width: 450px;
	}

textarea:hover {
	background: #fff;
	border: 1px solid #ACE149;
	color: #7DA721;
	}

/* 7)-=-=-=- Accessibility -=-=-=- */

#skip {
	display: none;
	}

hr { /* Simple style when CSS not in use */
	display: none;
	}

/* 8)-=-=-=- Hacks -=-=-=- */

.clearfix:after { /* float hack used to float content correctly */
    content: ".";
   	display: block;
   	height: 0;
    visibility: hidden;
	}

/* Hides from IE-mac \*/

.clear{
    clear:both;
    height:0px;
    }

.greenbar{margin:0 6px 0 7px;height:5px;background:#B4DB1F;}
/* End hide from IE-mac */

]]></b:skin>
  </head>

  <body>
  <div id='container'>

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

    <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Green Marinee (Header)' type='Header'>
<b:includable id='main'>
    <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 class='tagline'><data:description/></div>
</b:includable>
</b:widget>
</b:section>

	<div id='content_bg'>
	<!-- Needed for dropshadows -->
	<div style='background:url(http://i61.photobucket.com/albums/h59/c_stavanger/marinee/shadow_left.gif) top left repeat-y;'>
	<div style='background:url(http://i61.photobucket.com/albums/h59/c_stavanger/marinee/shadow_right.gif) top right repeat-y;'>	
	<div class='container_left'>
	<div class='container_right'>
	<!-- Start float clearing -->
	<div class='clearfix'>
    <div class='greenbar'/>

      <div id='crosscol-wrapper' style='text-align:center'>
        <b:section class='crosscol' id='crosscol' showaddelement='no'/>
      </div>

        <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' expr:title='data:top.editPostMsg'>
        <span class='quick-edit-icon'>&#160;</span>
      </a>
    </span>
  </b:if>
</b:includable>
<b:includable id='comments' var='post'>
    <a name='comments'/>
    <b:if cond='data:post.allowComments'>
      <h3 class='reply'>
        <b:if cond='data:post.numComments == 1'>
          1 <data:commentLabel/>:
        <b:else/>
          <data:post.numComments/> <data:commentLabelPlural/>:
        </b:if>
      </h3>

      <ol>
        <b:loop values='data:post.comments' var='comment'>
        <li>
          <a expr:name='"comment-" + data:comment.id'/>
          <div class='comment_author'>
            <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,
          </div>
          <div>
            <b:if cond='data:comment.isDeleted'>
              <span class='deleted-comment'><data:comment.body/></span>
            <b:else/>
              <p><data:comment.body/></p>
            </b:if>
          </div> 
          <p class='metadate'>
            on
            <span class='comment-timestamp'>
              <a expr:href='"#comment-" + data:comment.id' title='comment permalink'>
                <data:comment.timestamp/>
              </a>
            </span>
              <b:include data='comment' name='commentDeleteIcon'/>
          </p><br/>
        </li>
        </b:loop>
      </ol>

      <p class='comment-footer'>
        <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
      </p>
    </b:if>

    <div id='backlinks-container'>
    <div expr:id='data:widget.instanceId + "_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='content'>

    <b:include data='top' name='status-message'/>

    <b:loop values='data:posts' var='post'>
      <b:include data='post' name='post'/>
      <b:if cond='data:blog.pageType == "item"'>
        <b:include data='post' name='comments'/>
      </b:if>
    </b:loop>


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

  <!-- feed links -->
  <b:include name='feedLinks'/>
  </div>
</b:includable>
<b:includable id='backlinkDeleteIcon' var='backlink'>
  <span expr:class='"item-control " + data:backlink.adminClass'>
    <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
      <span class='delete-comment-icon'>&#160;</span>
    </a>
  </span>
</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='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>
  <p class='comment-footer'>
    <a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + "_backlinks-create-link"' 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 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='nextprev'>
  <div class='blog-pager' id='blog-pager'>
    <b:if cond='data:newerPageUrl'>
      <span id='blog-pager-newer-link'>
      <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
      </span>
    </b:if>

    <b:if cond='data:olderPageUrl'>
      <span id='blog-pager-older-link'>
      <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
      </span>
    </b:if>

    <b:if cond='data:blog.homepageUrl != data:blog.url'>
      <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
      <b:else/>
      <b:if cond='data:newerPageUrl'>
        <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
      </b:if>
    </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' expr:title='data:top.deleteCommentMsg'>
      <span class='delete-comment-icon'>&#160;</span>
    </a>
  </span>
</b:includable>
<b:includable id='post' var='post'>
    <a expr:name='data:post.id'/>
    <b:if cond='data:post.title'>
      <h2>
     <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>
      </h2>
    </b:if>

    <div class='meta'>
      <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>

     <span class='post-author'>
        <b:if cond='data:top.showAuthor'>
          <data:top.authorLabel/> <data:post.author/>
        </b:if>
        on <data:post.dateHeader/>
      </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>

    </div>

    <div class='main'>
      <p><data:post.body/></p>
      <div style='clear: both;'/> <!-- clear for photos floats -->
    </div>

    <p style='margin:0 0 35px 0;'>


      <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 + ".sidebar"'><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' expr:title='data:top.emailPostMsg'>
            <span class='email-post-icon'>&#160;</span>
          </a>
          </span>
        </b:if>

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

      <div id='sidebar-wrapper'>
        <b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='Label1' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
  <b:if cond='data:title'>
    <h2><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <ul>
    <b:loop values='data:labels' var='label'>
      <li>
        <b:if cond='data:blog.url == data:label.url'>
          <data:label.name/>
        <b:else/>
          <a expr:href='data:label.url'><data:label.name/></a>
        </b:if>
        (<data:label.count/>)
      </li>
    </b:loop>
    </ul>

    <b:include name='quickedit'/>
  </div>
</b:includable>
</b:widget>
<b:widget id='HTML3' locked='false' title='' type='HTML'>
<b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != ""'>
    <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 id='sidebar-wrapper'>
        <b:section class='sidebar' id='sidebar2' preferred='yes'>
<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 + "_ArchiveList"'>
    <b:if cond='data:style == "HIERARCHY"'>
     <b:include data='data' name='interval'/>
    </b:if>
    <b:if cond='data:style == "FLAT"'>
      <b:include data='data' name='flat'/>
    </b:if>
    <b:if cond='data:style == "MENU"'>
      <b:include data='data' name='menu'/>
    </b:if>
  </div>
  </div>
  <b:include name='quickedit'/>
  </div>
</b:includable>
<b:includable id='flat' var='data'>
  <ul>
    <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 + "_ArchiveMenu"'>
    <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>
        <li expr:class='"archivedate " + 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'><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 == "expanded"'>
    <a class='toggle' expr:href='data:widget.actionUrl + "&amp;action=toggle" +       "&amp;dir=close&amp;toggle=" + data:interval.toggleId +       "&amp;toggleopen=" + data:toggleopen'>
        <span class='zippy toggle-open'>&#9660; </span>
    </a>
  <b:else/>
    <a class='toggle' expr:href='data:widget.actionUrl + "&amp;action=toggle" +         "&amp;dir=open&amp;toggle=" + data:interval.toggleId +         "&amp;toggleopen=" + data:toggleopen'>
          <span class='zippy'>&#9658; </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 style='clear:both'/>
 <div id='footer'>
	<b:section class='foot' id='foot' preferred='yes'/>
<p>The Green Marine template by <a href='http://e-lusion.com' title='Ian Main - e-lusion.com'>Ian Main</a> - Converted to <a href='http://www.blogcrowds.com/resources/blogger_template.php'>Blogger Template</a> by <a href="http://www.blogcrowds.com/">Blogcrowds</a></p>
		<div class='extras'>
			<ul>
				<li/>
			</ul>
		</div>
      </div>
<div style='clear:both'/>
	</div>
	</div>
	</div>
	</div>
	</div>
</div>
</body>
</html>