Help
I love tabby 2 but I wanted to add a sidebar. Ive created investormojo.com from the tabby 2 theme and then added the sidebar from the proper theme on posterous and it worked but it covers some of the tabby 2 theme. Is there anyway that I can shift the tabby 2 theme to the right?
heres the code for my current theme
<!DOCTYPE html>
<html lang="en" xmlns:fb="http://www.facebook.com/2008/fbml">
<head>
<meta charset="utf-8">
<link rel="icon" href="/images/favicon.png" type="image/x-png">
<title>{PageTitle}</title>
<meta name="color:Background" content="#fff"/>
<meta name="color:LeftSidebar" content="#fff"/>
<meta name="color:Links" content="#000"/>
<meta name="color:Headers" content="#3a3a3a"/>
<meta name="color:Body" content="#333"/>
<meta name="color:PostInfo" content="#999"/>
<style type="text/css">
* {padding:0;margin:0;}
img {border:0;}
.clear {clear:both;font-size:5px;}
.left {float:left;}
.right {float:right;}
.text-right {text-align:right;}
.center {text-align:center;}
.small {font-size:.857em !important;} /* 12px */
.xsmall {font-size:.786em !important;} /* 11px */
.xxsmall {font-size:9px;}
.normal {font-size:12px !important;}
.big {font-size:14px !important;}
.bigger {font-size:16px !important;}
.black {color:#000;}
.green1,.green1:hover {color:#7ba709;}
.green2,.green2:hover {color:#6f9904;}
.darkgray {color:#333;}
.strong {font-weight:bold;}
.absolute-right {position:absolute;top:0;right:0;}
.white {color:#fff;}
.red {color:#f00;}
header,hgroup,footer,aside,nav,article,section {display:block;}
/*
* Web Fonts from fontspring.com
*
* All OpenType features and all extended glyphs have been removed.
* Fully installable fonts can be purchased at http://www.fontspring.com
*
* The fonts included in this stylesheet are subject to the End User License you purchased
* from Fontspring. The fonts are protected under domestic and international trademark and
* copyright law. You are prohibited from modifying, reverse engineering, duplicating, or
* distributing this font software.
*
* (c) 2010 Fontspring
*
*
*
*
* The fonts included are copyrighted by the vendor listed below.
*
* Vendor: FontSite Inc.
* License URL: http://www.fontspring.com/fflicense/fontsite
*
*
*/
@font-face {
font-family: 'AlternateGothicFSNo3';
src: url('/themes/proper/AlternateGothicNo3-webfont.eot');
src: local('☺'), url('/themes/proper/AlternateGothicNo3-webfont.woff') format('woff'), url('/themes/proper/AlternateGothicNo3-webfont.ttf') format('truetype'), url('/themes/proper/AlternateGothicNo3-webfont.svg#webfontUJOPMwss') format('svg');
font-weight: normal;
font-style: normal;
}
body {
background:{color:Background};
color:{color:Body};
font-family:Arial, Helvetica, sans-serif;
font-size:.875em; /* 14px */
-webkit-font-smoothing: antialiased;
}
a {
color:{color:Links};
text-decoration:underline;
}
.container {
min-width:1000px;
}
table#frame {
bottom:0;
font-size:1em;
height:100%;
margin:0; /* override default */
position:absolute;
top:0;
width:100%;
}
#frame td {
border:0; /* override default */
padding:0; /* override default */
}
header#page_header {
background:#252525;
border-right:solid 1px #000;
bottom:0;
left:0;
padding:20px 0;
position:fixed;
overflow:hidden;
top:0;
width:219px;
z-index:10;
}
article header h1 {
font-family:AlternateGothicFSNo3,"Arial Narrow";
font-size:2.2em;
font-weight:normal;
line-height:1em;
text-transform:uppercase;
}
header#page_header h1.header_image {
text-align:center;
}
article header h1 a {
color:{color:Headers} !important;
text-decoration:none;
}
article header h1 a:hover {
}
header#page_header hgroup {
}
header#page_header hgroup h1 {
font-family:AlternateGothicFSNo3,"Arial Narrow";
font-size:2.571em;
font-weight:normal;
line-height:1em;
padding:0 20px 10px;
text-transform:uppercase;
}
header#page_header hgroup h1 a {
color:{color:LeftSidebar};
text-decoration:none;
}
header#page_header hgroup h2 {
color:{color:LeftSidebar};
font-size:1em;
font-weight:normal;
margin:0;
padding:5px 20px 0;
}
nav {
padding:30px 0;
}
nav li {
font-family:AlternateGothicFSNo3,"Arial Narrow";
font-size:1.571em;
line-height:1.25em;
list-style:none;
margin-top:0; /* override default */
text-transform:uppercase;
}
nav li a {
border-top:solid 1px #111;
border-bottom:solid 1px #3f3f3f;
color:{color:LeftSidebar};
display:block;
padding:9px 20px;
text-decoration:none;
}
nav li:first-child {
border-top:solid 1px #3f3f3f;
}
nav li:last-child {
border-bottom:solid 1px #111;
}
nav li a.current {
background:#000;
border-bottom:0;
}
nav li a:hover {
background:#2f2f2f;
}
nav li a:active {
background:#202020;
}
nav#navigation ul li a.current {
}
article header aside.sms {
font-size: 11px;
}
}
}
td {
border-color:-moz-use-text-color -moz-use-text-color #EEEEEE;
border-style:none none solid;
border-width:medium medium 1px;
margin:0;
padding:4px;
vertical-align:top;
}
th {
border-color:-moz-use-text-color -moz-use-text-color #CCCCCC;
border-style:none none solid;
border-width:medium medium 1px;
font-weight:bold;
padding:4px;
text-align:left;
vertical-align:bottom;
}
hr {
border:1px solid #DDDDDD;
margin-bottom:10px;
margin-top:10px;
}
div.posterousListComments div.comment, div.posterousAddNewComment div.comment, div.posterousAddNewComment div.comment_value {
/* margin-left:25px; */
}
aside.private {
margin-top:10px;
position:relative;
}
aside.private:hover div.private_post_message {
display:block;
}
div.private_post_message {
-moz-border-radius:5px 5px 5px 5px;
-moz-box-shadow:0 3px 10px rgba(0, 0, 0, 0.23);
background:-moz-linear-gradient(center top , #FFFFFF, #F2F2F2) repeat scroll 0 0 transparent;
border:1px solid #AAAAAA;
display:none;
padding:10px;
position:absolute;
right:0;
text-align:left;
top:0;
width:100px;
}
div.private_post_message h1 {
float:none;
font-size:11px;
margin:0 0 5px;
padding:0;
width:auto;
}
div.private_post_message p {
font-size:10px;
margin:0;
}
div.posterous_retweet_widget {
margin:0 0 10px;
}
</style>
<!--[if lte IE 9]>
<style type="text/css">
header#page_header hgroup h1,article header h1,aside#sidebar section h1,.profile-link,footer section.comments h1 a,footer section.comments_list h1 {
}
</style>
<![endif]-->
</head>
<body>
<div class="container">
<table cellpadding="0" cellspacing="0" id="frame">
<tr valign="top">
<td style="height:100%;">
<header id="page_header">
{block:HeaderImage}
<hgroup>
<h1><a href="{SiteURL}" title="{Title}" rel="index">{Title}</a></h1>
{block:Description}
<h2>{Description}</h2>
{/block:Description}
</hgroup>
{/block:HeaderImage}
{block:HasPages}
<nav id="navigation">
<ul>
{block:Pages}
<li><a href="{URL}" class="{Current}" rel="{External}">{Label}</a></li>
{/block:Pages}
</ul>
</nav>
{/block:HasPages}
</header>
<!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" xml:lang="en" lang="en" xmlns:fb="http://www.facebook.com/2008/fbml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>{PageTitle}</title>
<link rel="icon" href="/images/favicon.png" type="image/x-png"/>
<meta name="color:Background" content="#fff"/>
<meta name="color:Header" content="#000"/>
<meta name="color:Navigation" content="#B2B2B2"/>
<meta name="color:Borders" content="#ddd"/>
<meta name="color:Accent" content="#6c6c6c"/>
<meta name="color:Post" content="#333"/>
<style type="text/css">
* {margin:0;padding:0;}
img {border:0;}
.clear {clear:both;font-size:5px;}
.left {float:left;}
.right {float:right;}
.text-right {text-align:right;}
.center {text-align:center;}
.small {font-size:11px !important;}
.xsmall {font-size:10px;}
.xxsmall {font-size:9px;}
.normal {font-size:12px !important;}
.big {font-size:14px !important;}
.bigger {font-size:16px !important;}
.black {color:#000;}
.green1,.green1:hover {color:#7ba709;}
.green2,.green2:hover {color:#6f9904;}
.darkgray {color:#333;}
.strong {font-weight:bold;}
.absolute-right {position:absolute;top:0;right:0;}
.white {color:#fff;}
.red {color:#f00;}
body {
background:{color:Background};
color:{color:Post};
font-family:Helvetica,Arial,Sans-Serif;
font-size:11px;
}
a { color:{color:Post}; text-decoration:underline; }
.no-bull li {list-style:none;}
.no-ul,.reverse {text-decoration:none}
.no-ul:hover,.reverse:hover {text-decoration:underline !important}
li {margin:0;}
.container {
margin:0 auto;
padding:0 15px;
position:relative;
width:960px;
}
.header {
background:url(http://themes.corywatilo.com/tabby2/gradient.png) repeat-x bottom {color:Header};
height:94px;
margin-bottom:20px;
}
.header .container {
{block:HeaderImage}background-image:url({HeaderImageURL});background-repeat:repeat;background-position:top center;{Else}background:url(http://themes.corywatilo.com/tabby2/header.jpg) no-repeat top left;{/block:HeaderImage}
height:94px;
/* overflow:hidden; */
padding:0;
}
.logo {
margin-top:10px;
}
.titles {
height:52px;
overflow:hidden;
width:100%;
}
h1 {
color:{color:Borders};
display:inline;
font-size:40px;
font-weight:normal;
letter-spacing:-.3px;
font-family:"HelveticaNeue-Light","Helvetica Neue",Helvetica,Arial,sans-serif;
text-shadow:1px 1px 1px rgba(0,0,0,0.5);
}
h1 a {
color:{color:Borders};
text-decoration:none;
}
h1 a:hover {
color:{color:Borders};
}
.subtitle {
color:{color:Borders};
display:inline;
margin-left:10px;
font-size:20px;
text-shadow:1px 1px 1px rgba(0,0,0,0.5);
}
h2 {
display:inline-block;
font-family:"HelveticaNeue-Light","Helvetica Neue",Helvetica,Arial,sans-serif;
margin-bottom:10px;
width:420px;
}
h2 a {
font-size:20px;
font-weight:bold;
text-decoration:none;
}
h2 a:hover {
text-decoration:underline;
}
.nav-container {
height:55px;
left:0;
position:absolute;
top:59px;
width:100%;
z-index:10;
}
ul.nav {
height:36px;
overflow:hidden;
position:relative;
}
ul.nav li {
float:left;
list-style:none;
margin:0 7px;
}
/*
.tag_item_selected,.all-tags {
background:#525452;
}
*/
.all-tags a {
color:#fff;
padding:0 8px;
}
.tag_item_selected .selected-tag {
padding:4px 8px 11px;
}
.all-tags a,.tag_item_selected .selected-tag {
background:{color:Background};
border-left:solid 1px {color:Accent};
border-top:solid 1px {color:Accent};
border-right:solid 1px {color:Accent};
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
-webkit-border-top-left-radius:5px;
-webkit-border-top-right-radius:5px;
color:{color:Post} !important;
}
ul.nav li a,.tag_item_selected {
color:{color:Navigation};
display:block;
font-family:"Helvetica Neue Light","HelveticaNeue-Light","Helvetica Neue",Helvetica,Arial,sans-serif;
font-size:16px;
height:35px;
line-height:32px;
text-decoration:none;
text-shadow:1px 1px 1px rgba(0,0,0,.5);
}
/*
.selected-tag {
display:inline-block;
position:relative;
top:-1px;
}
*/
ul.nav li a:hover {
color:#ccc;
}
.more-tags-link {
height:34px;
position:absolute;
right:0;
top:0;
}
.more-tags-link a {
border-left:solid 1px {color:Accent};
border-top:solid 1px {color:Accent};
border-right:solid 1px {color:Accent};
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
-webkit-border-top-left-radius:5px;
-webkit-border-top-right-radius:5px;
padding:0 10px;
background:#000;
background:rgba(0,0,0,.7);
border-bottom:solid 1px {color:Accent};
}
#more-tags-listing {
background:{color:Borders};
border-bottom:solid 1px {color:Accent};
top:35px;
position:absolute;
width:100%;
}
#more-tags-listing ul {
margin:0 auto;
width:960px;
}
#more-tags-listing li {
float:left;
list-style:none;
margin-right:0;
}
#more-tags-listing li a {
display:inline-block;
font-size:14px;
padding:5px 10px;
text-decoration:none;
}
#more-tags-listing li a:hover {
background:{color:Accent};
color:{color:Background};
}
#more-tags-listing .tag_item_selected span {
background:none;
}
ul.subscribe {
}
ul.subscribe li {
color:#a09f9f;
float:left;
font-size:11px;
list-style:none;
}
ul.subscribe li a {
display:block;
}
ul.subscribe li a.rss {
background-position:-262px 0;
height:16px;
width:16px;
}
.rss-link {margin:0 4px;}
ul.subscribe li a.posterous {
background-position:-282px 0;
height:16px;
width:16px;
}
#posts {
float:left;
width:500px;
}
.postunit {
margin-bottom:50px;
position:relative;
}
div.fav_star {
margin-top:3px;
}
.post {
color:{color:Post};
font-family:"HelveticaNeue-Light","Helvetica Neue",Helvetica,Arial,sans-serif;
font-size:1.2em;
line-height:1.8em;
}
.post p,.post div,.post ul,.post li {
padding:5px 0;
}
blockquote {
border-left:4px solid {color:Borders} !important;
}
.post ul,.post ol {
margin-left:20px;
}
.posterous_retweet_widget {
display:block;
margin:5px 0 0;
}
a.posterous_retweet {
background:{color:Borders};
color:{color:Post} !important;
text-decoration:none;
}
a.posterous_retweet:hover {
background:#36cdff;
color:{color:Background} !important;
text-decoration:none !important;
}
.tagsbar {
color:{color:Post};
font-size:11px;
line-height:14px;
padding-bottom:10px;
}
.tagsbar a {
color:{color:Post};
text-decoration:none;
}
.tagsbar a:hover {
text-decoration:underline;
}
ul.post-tags {
}
ul.post-tags li {
line-height:1.5em;
list-style:none;
}
ul.post-tags a {
color:#eee;
font-size:12px;
text-decoration:none;
}
ul.post-tags a:hover {
text-decoration:underline;
}
.infobar {
border-top:solid 1px {color:Borders};
color:{color:Post};
font-size:11px;
margin-top:10px;
padding-top:10px;
}
.infobar a {
color:{color:Post};
text-decoration:none;
}
.infobar a:hover {
text-decoration:underline;
}
.infobar .right {
text-align:right;
}
.comment {color:{color:Post};}
.comment .mini_commands {
margin-left:0;
padding:5px 0 !important;
}
.contributors {
margin:10px 0;
}
ul.contribs li {
font-family:Helvetica,Arial,Sans-Serif;
font-size:12px;
list-style:none;
}
.contribs li a {
color:#0A5D81;
}
ul.contribs li img {
vertical-align:middle;
}
.subscribe-link {
color:#A98E2E;
font-size:11px;
}
.subscribe-posterous,.subscribe-rss {
display:inline-block;
height:16px;
position:relative;
top:2px;
width:16px;
}
#subscribe_div,#unsubscribe_div {
position:relative;
top:-5px;
}
.subscribe-posterous {
background:url(/images/favicon.png) no-repeat -1px -1px;
padding-left:18px;
}
.subscribe-rss {
background:url(/images/feed-icon-14x14.png) no-repeat;
}
.pagination {
color:{color:Borders};
margin-bottom:50px;
}
.pagination span {
margin-right:3px;
position:relative;
top:2px;
}
.pagination a {
display:inline-block;
display:-moz-inline-box;
padding:1px 6px;
position:relative;
top:2px;
}
.pagination a {
background:{color:Background};
border:solid 1px {color:Borders};
color:{color:Post} !important;
}
.pagination a:hover {
background:{color:Borders};
border:solid 1px {color:Borders};
color:{color:Post};
}
.pagination .disabled {
color:{color:Post};
opacity:.5;
filter:alpha(opacity=50);
}
.pagination .current {
color:{color:Post};
font-weight:bold;
}
.pagination a {
color:{color:Post};
text-decoration:none;
}
.copyright {
color:{color:Post};
font-size:10px;
padding-bottom:50px;
opacity:.5;
filter:alpha(opacity=50);
}
.copyright a {
color:{color:Post};
text-decoration:underline;
}
.copyright a:hover {
text-decoration:none;
}
.sidebar {
float:right;
width:380px;
}
.about-image {
float:left;
}
.about-block {
float:right;
width:295px;
}
.about-title {
font-size:18px;
font-weight:bold;
letter-spacing:-.05em;
}
ul.social {
display:inline-block;
position:relative;
top:2px;
}
.about-body {
font-size:14px;
font-weight:normal;
margin-bottom:5px;
}
.about-body a {text-decoration:underline;}
.about-body a:hover {text-decoration:none;}
.about-body p {
padding:5px 0;
}
h4 {
font-size:12px;
font-weight:bold;
margin:30px 0 5px;
}
.search {
background:url(/images/icons/search16.png) no-repeat 5px 5px;
border:solid 1px {color:Borders};
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
color:{color:Post};
font-size:14px;
height:18px;
padding:3px 5px 3px 25px;
width:209px;
}
.tags {
color:#9c9c9c;
font-size:11px;
line-height:1.5em;
}
.tag {
display:inline-block;
margin-right:5px;
}
.tag_item_selected {
color:#fff;
margin-right:5px;
}
.tags a {
color:#e7e7e7;
text-decoration:none;
}
.tags a:hover {
text-decoration:underline;
}
a.more-tags {
color:#E7E7E7;
text-decoration:underline;
}
a.more-tags:hover {
text-decoration:none;
}
.posterousPrivateBox {
left:0;
position:absolute;
top:0;
}
.posterousPrivateBox a {
text-decoration:none;
}
.posterousPrivateBox a:hover {
text-decoration:underline;
}
.posterousPrivateBox div {
margin:10px !important;
}
.back-to-blog {
border-bottom:solid 1px {color:Borders};
margin:10px 0 20px;
padding-bottom:5px;
}
.back-to-blog a {
color:{color:Post};
text-decoration:none;
}
.back-to-blog a:hover {
text-decoration:underline;
}
.search-section {
background:{color:Borders};
border:solid 1px {color:Accent};
margin-bottom:30px;
padding:10px 20px;
}
.search-section .search {
background-color:#fff;
background-image:url(/images/icons/search16.png);
background-repeat:no-repeat;
background-position:5px 5px;
}
.searchsort {
color:{color:Post}:
}
.edit-container {
display:none;
}
.postunit:hover .edit-container {
display:block;
left:-55px;
padding-right:10px;
position:absolute;
top:-6px;
}
ul.mini_commands {
background:{color:Background};
margin-left:-5px;
padding:5px 10px;
}
ul.mini_commands li {
display:block;
margin-right:0;
}
ul.mini_commands li a {
color:{color:Post} !important;
text-decoration:none;
}
ul.mini_commands a:hover {
text-decoration:underline;
}
.sms_notice {
background:{color:Post};
padding:5px 10px;
}
.map {
margin-top:5px;
}
.comment-area {
color:{color:Post};
}
.posterous_comments {
margin-top:5px;
padding:10px 0;
}
div.posterous_comments h4 {
margin-top:5px;
}
.comment h4 {
color:{color:Post};
}
.comment .mini_commands {
background:none;
}
.comment .comment_none_yet_msg {
font-style:italic;
font-weight:normal;
}
.comment_profile_description {
color:{color:Post};
}
/* gallery */
.galleryLabel {
color:{color:Post};
}
div.posterousGalleryMainDiv {
margin:0;
}
.profile_ajax_reply {
display:inline-block;
display:-moz-inline-box;
position:relative;
top:2px;
}
</style>
<!--[if IE 7]>
<style type="text/css">
h1,ul.nav li a,.tag_item_selected {
font-family:Helvetica,Arial,Sans-Serif;
}
</style>
<![endif]-->
</head>
<body id="blog">
<div class="header">
<div class="container">
{block:HeaderImage}
<div class="titles" style="padding-left:5px;">
<h1><a href="{SiteURL}">{Title}</a></h1>
{block:Description}<div class="subtitle">{Description}</div>{/block:Description}
</div><!-- /.titles -->
{Else}
<div class="titles">
<h1><a href="{SiteURL}">{Title}</a></h1>
{block:Description}<div class="subtitle">{Description}</div>{/block:Description}
</div><!-- /.titles -->
{/block:HeaderImage}
<div class="nav-container">
{block:TagList}
<ul class="nav">
<li class="all-tags"><a href="{SiteURL}">All Topics</a></li>
{block:TagListing collapsible='true' count='12' action_id='seemore_link'}
{block:TagListingMore}
<li class="more-tags-link"><a href="#" id="seemore_link" class="more-tags">View all {NumTags} tags</a></li>
{/block:TagListingMore}
{block:TagItem}
<li><span class="tag"><a href="{TagLink}">{TagName}</a></span></li>
{/block:TagItem}
{block:TagItemSelected}
<li class="tag_item_selected"><span class="selected-tag">{TagName}</span></li>
<style type="text/css">
.all-tags,.all-tags a {
background:none;
border:0;
color:{color:Navigation} !important;
}
</style>
{/block:TagItemSelected}
{/block:TagListing}
</ul>
{/block:TagList}
</div>
</div><!-- /.container -->
</div><!-- /.header -->
<div class="container">
<div class="sidebar">
{block:ListSidebar}
{block:Claimed}
<div class="about-image">
<a href="{ProfileLink}"><img src="{PortraitURL-70}" width="75" height="75" alt="" /></a>
</div>
<div class="about-block">
<div class="about-title">
{OwnerName}
</div>
<div class="about-body">{Profile}</div>
{ProfileExternalLinks}
</div>
<div class="clear"></div>
<h4 style="margin-top:25px;">Search My Posterous</h4>
<form method='get'>
<input type='hidden' name='sort' value="{SearchSort}"/>
<input type='text' name='search' value='{SearchQuery}' class="g search" id="searchbox"/>
<input type='submit' value='Search' class="searchbox_button" style="display:none;" id="searchbox_button"/>
</form>
{block:SearchBox searchbox_button='searchbox_button' searchbox='searchbox'/}
<h4 style="margin-top:25px;">Subscribe</h4>
{block:Subscription}
<span class="subscribe-links">
<span><a href="{RSS}" class="subscribe-rss"></a></span>
{block:SubscriptionUnsubscribed action_id='subscribe_link' content_div='subscribe_div'}
<span id="subscribe_div">
<a href="{SubscribeLink}" id="subscribe_link" class="subscribe-link subscribe-posterous reverse">Subscribe</a>
</span>
{/block:SubscriptionUnsubscribed}
{block:SubscriptionSubscribed action_id='unsubscribe_link' content_div='unsubscribe_div'}
<span id="unsubscribe_div">
<a href="{UnsubscribeLink}" id="unsubscribe_link" class="subscribe-link subscribe-posterous reverse">Unsubscribe</a>
</span>
{/block:SubscriptionSubscribed}
{block:SubscriptionLoading}
<img src="/images/loading.gif">
{/block:SubscriptionLoading}
</span>
{/block:Subscription}
{/block:Claimed}
{/block:ListSidebar}
{block:ShowSidebar}
<div><span class="metricLabel">Viewed </span><span class="metricValue">{PostViews} times</span></div>
<div style="margin:10px 0 20px;" id="favorite_fans">
<span class="metricLabel">Favorited </span>
<span class="metricValue"> <a href="#" id="favorite_fans_link" onClick="return false;">{FavoriteCount} times</a></span>
</div>
{block:ShowOnClick action_id='favorite_fans_link' hidden_div='fan_hidden'/}
<a href="{ProfileLink}"><img src="{PortraitURL-70}" width="75" height="75" alt="" class="about-image" /></a>
<div class="about-block">
<div class="about-title">
{OwnerName}
</div>
<div class="about-body">{Profile}</div>
{ProfileExternalLinks}
</div>
<div class="clear"></div>
<h4 style="margin-top:25px;">Search My Posterous</h4>
<form method='get'>
<input type='hidden' name='sort' value="{SearchSort}"/>
<input type='text' name='search' value='{SearchQuery}' class="g search" id="searchbox"/>
<input type='submit' value='Search' class="searchbox_button" style="display:none;" id="searchbox_button"/>
</form>
{block:SearchBox searchbox_button='searchbox_button' searchbox='searchbox'/}
<h4 style="margin-top:25px;">Subscribe</h4>
{block:Subscription}
<span class="subscribe-links">
<span><a href="{RSS}" class="subscribe-rss"></a></span>
{block:SubscriptionUnsubscribed action_id='subscribe_link' content_div='subscribe_div'}
<span id="subscribe_div">
<a href="{SubscribeLink}" id="subscribe_link" class="subscribe-link subscribe-posterous reverse">Subscribe</a>
</span>
{/block:SubscriptionUnsubscribed}
{block:SubscriptionSubscribed action_id='unsubscribe_link' content_div='unsubscribe_div'}
<span id="unsubscribe_div">
<a href="{UnsubscribeLink}" id="unsubscribe_link" class="subscribe-link subscribe-posterous reverse">Unsubscribe</a>
</span>
{/block:SubscriptionSubscribed}
{block:SubscriptionLoading}
<img src="/images/loading.gif">
{/block:SubscriptionLoading}
</span>
{/block:Subscription}
{block:Tag}
<div class="tagunit">
<div style="font-size: 10px;font-weight:bold;">
Filed under
</div>
<h4>{Tag}</h4>
<div style="font-size: 9px;">
<a href="{GlobalTagURL}" style="display: none;" id="see_all_tags">See all posts on posterous with this tag »</a>
</div>
</div>
{block:ShowOnHover action_id='tag_div' hidden_div='see_all_tags'/}
{/block:Tag}
{block:ShowOnHover action_id='tag_div' hidden_div='see_all_tags'/}
{/block:ShowSidebar}
</div><!-- /.sidebar -->
<div id="posts">
{block:Show}
<div class="back-to-blog">
<a href="{SiteURL}">« Back to blog</a>
</div>
{/block:Show}
{block:SearchPage}
<div class="search-section">
<h2>
{block:SearchResultOne}
One result found searching for
{/block:SearchResultOne}
{block:SearchResultMany}
{SearchResultCount} results found searching for
{/block:SearchResultMany}
{block:SearchResultNone}
No results found searching for
{/block:SearchResultNone}
</h2>
<form method='get'>
<input type='hidden' name='sort' value="{SearchSort}"/>
<input type='text' name='search' value='{SearchQuery}' class="search searchbox_large" id="searchbox"/>
<input type='submit' value='Search' class="searchbox_button" id="searchbox_button"/>
<a href="{CurrentURL}" class="xsmall">clear</a>
</form>
<ul class="searchsort" style="font-size: 10px;">
<li style="margin-left: 0px;">Sort by</li>
<li>{block:SearchSortBestmatch}<b>Best match</b>{Else}<a href="{CurrentURL}?search={SearchQuery}&sort=bestmatch">Best match</a>{/block:SearchSortBestmatch}</li>
<li>{block:SearchSortRecent}<b>Most recent</b>{Else}<a href="{CurrentURL}?search={SearchQuery}&sort=recent">Most recent</a>{/block:SearchSortRecent}</li>
<li>{block:SearchSortInteresting}<b>Most interesting</b>{Else}<a href="{CurrentURL}?search={SearchQuery}&sort=interesting">Most interesting</a>{/block:SearchSortInteresting}</li>
</ul>
<br/>
<a href="{PosterousURL}/explore/?search={SearchQuery}" style="font-size: 10px;">Search all of posterous for <b>{SearchQuery}</b> »</a>
</div>
<br style="clear: left;"/>
{/block:SearchPage}
{block:Posts}
<div id="postunit_{PostID}" class="postunit">
<div id="post_control_{PostID}"></div>
{block:Private}
<p class="private-post">
<a href="{Permalink}" class="tooltip_link"><img src="/images/icons/lock12.png" width='12' height='12' alt='Private'/>
<span>
<b>Private Post</b><br/>
This post has a secret URL and not linked on your public blog. Send the secret URL to share it with anyone.
</span>
</a>
</p>
{/block:Private}
<div id="post_{PostID}">
{block:EditBox}
<div class="edit-container">
{EditBoxContents}
</div>
{/block:EditBox}
{block:Title}<h2 id="posttitle_{PostID}"><a href="{Permalink}">{Title}</a></h2>{/block:Title}
{block:SMS}
<div class="sms_notice">Posted from my mobile phone (SMS)</div>
{/block:SMS}
<div class="post">
{Body}
</div>
<div class="infobar">
{block:List}
{block:TagList}
<div class="tagsbar">
<b>Filed under</b>
{block:TagListing}
<a href="{TagLink}">{TagName}</a>
{/block:TagListing}
</div>
{/block:TagList}
{/block:List}
<div class="right">
{block:Comments}
{block:CommentsList action_id='comment_link_{PostID}' target_element='post_commentarea_{PostID}'}
<a href="{Permalink}#comment" id='comment_link_{PostID}'>{CommentCount} Comment{CommentCountPluralized}</a>
{/block:CommentsList}
{/block:Comments}
{block:Retweet}
<img src="/images/icons/services/twitter11.png" style="vertical-align: middle; position: relative; top: -2px;" />
<span id="retweet_count_{PostID}">
<a href="{RetweetLink}">
{NumRetweets}
<span id="retweet_count_label_{PostID}">mentions</span>
</a>
</span>
{RetweetButton}
{/block:Retweet}
</div>
{block:NewDayDate}Posted <a href="{Permalink}">{TimeAgo}</a>{/block:NewDayDate}
{block:PostLocations}
from <span id="location_collapsed_{PostID}"><a href="#" id="post_location_expander_{PostID}">{LocationsSummary}</a></span>
{/block:PostLocations}
<div class="clear"></div>
</div>
{block:Comments}
<div id="post_commentarea_{PostID}" class="comment-area"></div>
{/block:Comments}
{block:Comments}
{block:CommentsShow}
<a name="comment" class="comments-name"><span class="comments-quantity">{CommentCount}</span> comments</a>
{CommentCode}
<h4>Leave a comment...</h4>
{NewCommentCode}
{/block:CommentsShow}
{/block:Comments}
<div class="clear"></div>
{block:PostLocations}
<div class="location-map" style="display: none;" id="post_location_expanded_{PostID}">
<div class="map">
{MapIframe}
</div>
<div class="location-details">
<b>Posted from</b><br/>
{block:PostLocation uniq_by='summary'}
{LocationSummary}<br/>
{/block:PostLocation}
<div class="clear"></div>
</div>
<div class="clear"></div>
</div>
{/block:PostLocations}
{block:ShowOnClick action_id='post_location_expander_{PostID}' hidden_div='post_location_expanded_{PostID}' to_hide_id='location_collapsed_{PostID}'/}
{block:Favorite hover_id='postunit_{PostID}' position_id='post_{PostID}'/}
</div><!-- /.postunit -->
</div>
{/block:Posts}
{block:Pagination/}
<div class="copyright">
Theme by <a href="http://corywatilo.com" target="_blank">Cory Watilo</a>.<br />
More great Posterous themes at <a href="http://themes.posterous.com" target="_blank">themes.posterous.com</a>.<br />
<img src="http://c.statcounter.com/5631249/0/56da8df5/1/" />
</div>
</div><!-- /#posts -->
</div><!-- /.container -->
</body>
</html>
