Parajunkee Design

I am offering Free Templates for use on Book Blogger sites. Here are images of the templates I created. Click on the titles to view "live". All I ask is that you comment and leave your URL if you use the template. Please!

The Damask Template

<?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[/*
-----------------------------------------------
PARAJUNKEE'S 3 COL MINIMA CHANGE UP
Name: DAMASK
Designer: RACHY (PARAJUNKEE)
URL: parajunkee.blogspot.com
Date: 30 sep 2009
----------------------------------------------- */

/* Variable definitions
 ====================
 <Variable name="bgcolor" description="Page Background Color"
 type="color" default="#fff" value="#000000"> 
 <Variable name="textcolor" description="Text Color"
 type="color" default="#333" value="#ffffff"> 
 <Variable name="linkcolor" description="Link Color"
 type="color" default="#58a" value="#CAF99B"> 
 <Variable name="pagetitlecolor" description="Blog Title Color"
 type="color" default="#666" value="#ffffff"> 
 <Variable name="descriptioncolor" description="Blog Description Color"
 type="color" default="#999" value="#ffffff"> 
 <Variable name="titlecolor" description="Post Title Color"
 type="color" default="#c60" value="#cc0000"> 
 <Variable name="bordercolor" description="Border Color"
 type="color" default="#ccc" value="#ffffff"> 
 <Variable name="sidebarcolor" description="Sidebar Title Color"
 type="color" default="#999" value="#CAF99B"> 
 <Variable name="sidebartextcolor" description="Sidebar Text Color"
 type="color" default="#666" value="#ffffff"> 
 <Variable name="visitedlinkcolor" description="Visited Link Color"
 type="color" default="#999" value="#CAF99B"> 
 <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 bold 95% Georgia, Times, serif"> 
 <Variable name="pagetitlefont" description="Blog Title Font"
 type="font"
 default="normal normal 200% Georgia, Serif" value="normal bold 242% Verdana, sans-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"> 
 <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"> 
*/ 
 
/* Use this with templates/template-twocol.html */ 
 
 
 
html { 
	background-image: url(http://members.cox.net/parajunkee/Damask/HTMLBG.png); 
	background-repeat: repeat; 
} 
 
 
body { 
	margin:0; 
	 
 color:$textcolor; 
	font:x-small Georgia Serif; 
	font-size/* */:/**/small; 
	font-size: /**/small; 
	text-align: center; 
	background-attachment: fixed; 
	background-image: url(http://members.cox.net/parajunkee/Damask/BG.png); 
background-size: 100%; 
	background-repeat: no-repeat; 
	background-position: left BOTTOM; 
 } 
a:link { 
 color:$linkcolor; 
 text-decoration:none; 
 } 
a:visited { 
 color:$visitedlinkcolor; 
 text-decoration:none; 
 } 
a:hover { 
 color:$titlecolor; 
 text-decoration:underline; 
} 
a img { 
 border-width:0; 
 } 
 
/* Header 
----------------------------------------------- 
 */ 
 
#header-wrapper { 
	width:980px; 
	margin-top: 0; 
	margin-bottom: 10px; 
	height: 200px; 
	background-image: url(http://members.cox.net/parajunkee/Damask/header.jpg); 
	background-repeat: no-repeat; 
	background-position: center top; 
 } 
 
#header-inner { 
 background-position: center; 
 margin-left: auto; 
 margin-right: auto; 
} 
 
#header { 
 text-align: center; 
 color:$pagetitlecolor; 
} 
 
#header h1 { 
 padding:35px 40px .35px 40px; 
 line-height:1.2em; 
 text-transform:uppercase; 
 letter-spacing:.2em; 
 font: $pagetitlefont; 
} 
 
#header a { 
 color:$pagetitlecolor; 
 text-decoration:none; 
 } 
 
#header a:hover { 
 color:$pagetitlecolor; 
 } 
 
#header .description { 
 margin:0 auto 0 auto; 
 padding:0 20px 15px; 
 max-width:500px; 
max-height:100px; 
 text-transform:uppercase; 
 letter-spacing:.2em; 
 line-height: 1.4em; 
 font: $descriptionfont; 
 color: $descriptioncolor; 
 } 
 
#header img { 
 margin-$startSide: auto; 
 margin-$endSide: auto; 
} 
 
 
/* Outer-Wrapper 
----------------------------------------------- */ 
#outer-wrapper { 
	width: 980px; 
	padding:10px; 
 text-align:$startSide; 
 font: $bodyfont; 
	margin-top: 0; 
	margin-right: auto; 
	margin-bottom: 0; 
	margin-left: auto; 
 } 
 
#left-sidebar-wrapper { 
	width: 235px; 
float: $startSide; 
	padding:2px; 
	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 */ 
	background-color: #110223; 
	background-repeat: repeat-y; 
	background-position: center top; 
} 
 
#main-wrapper { 
	width: 482px; 
	padding:5px; 
 float: $startSide; 
	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 */ 
	margin-top: 0px; 
	margin-right: 5px; 
	margin-bottom: 0px; 
	margin-left: 5px; 
	background-image: url(http://members.cox.net/parajunkee/Damask/damaskBG.jpg); 
	background-color: #000; 
	background-repeat: repeat; 
 } 
 
#sidebar-wrapper { 
	width: 235px; 
	background-color: #110223; 
	padding: 2px; 
 
	background-repeat: repeat-y; 
	background-position: center top; 
 float: $endSide; 
	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 */ 
} 
 
#PJV { 
	float: left; 
	height: 237px; 
	width: 156px; 
	z-index: 99; 
	visibility: visible; 
} 
 
 
/* Headings 
----------------------------------------------- */ 
 
h2 { 
 margin:1.5em 0 .75em; 
 font:$headerfont; 
 line-height: 1.4em; 
 text-transform:uppercase; 
 letter-spacing:.2em; 
 color:$sidebarcolor; 
} 
 
 
/* Posts 
----------------------------------------------- 
 */ 
h2.date-header { 
 margin:1.5em 0 .5em; 
 } 
 
.post { 
 margin:.5em 0 1.5em; 
 border-bottom:1px dotted $bordercolor; 
 padding-bottom:1.5em; 
 } 
.post h3 { 
 margin:.25em 0 0; 
 padding:0 0 4px; 
 font-size:140%; 
 font-weight:normal; 
 line-height:1.4em; 
 color:$titlecolor; 
} 
 
.post h3 a, .post h3 a:visited, .post h3 strong { 
 display:block; 
 text-decoration:none; 
 color:$titlecolor; 
 font-weight:normal; 
} 
 
.post h3 strong, .post h3 a:hover { 
 color:$textcolor; 
} 
 
.post-body { 
 margin:0 0 .75em; 
 line-height:1.6em; 
} 
 
.post-body blockquote { 
 line-height:1.3em; 
} 
 
.post-footer { 
 margin: .75em 0; 
 color:$sidebarcolor; 
 text-transform:uppercase; 
 letter-spacing:.1em; 
 font: $postfooterfont; 
 line-height: 1.4em; 
} 
 
.comment-link { 
 margin-$startSide:.6em; 
 } 
.post img { 
 border:1px solid $bordercolor; 
 } 
.post blockquote { 
 margin:1em 20px; 
 } 
.post blockquote p { 
 margin:.75em 0; 
 } 
 
/* Comments 
----------------------------------------------- */ 
#comments h4 { 
 margin:1em 0; 
 font-weight: bold; 
 line-height: 1.4em; 
 text-transform:uppercase; 
 letter-spacing:.2em; 
 color: $sidebarcolor; 
 } 
 
#comments-block { 
 margin:1em 0 1.5em; 
 line-height:1.6em; 
 } 
#comments-block .comment-author { 
 margin:.5em 0; 
 } 
#comments-block .comment-body { 
 margin:.25em 0 0; 
 } 
#comments-block .comment-footer { 
 margin:-.25em 0 2em; 
 line-height: 1.4em; 
 text-transform:uppercase; 
 letter-spacing:.1em; 
 } 
#comments-block .comment-body p { 
 margin:0 0 .75em; 
 } 
.deleted-comment { 
 font-style:italic; 
 color:gray; 
 } 
 
#blog-pager-newer-link { 
 float: $startSide; 
 } 
 
#blog-pager-older-link { 
 float: $endSide; 
 } 
 
#blog-pager { 
 text-align: center; 
 } 
 
.feed-links { 
 clear: both; 
 line-height: 2.5em; 
} 
 
/* Sidebar Content 
----------------------------------------------- */ 
.sidebar { 
 color: $sidebartextcolor; 
 line-height: 1.5em; 
 } 
 
.sidebar ul { 
 list-style:none; 
 margin:0 0 0; 
 padding:0 0 0; 
} 
.sidebar li { 
 margin:0; 
 padding-top:0; 
 padding-$endSide:0; 
 padding-bottom:.25em; 
 padding-$startSide:15px; 
 text-indent:-15px; 
 line-height:1.5em; 
 } 
 
.sidebar .widget, .main .widget { 
 border-bottom:1px dotted $bordercolor; 
 margin:0 0 1.5em; 
 padding:0 0 1.5em; 
 } 
 
.main .Blog { 
 border-bottom-width: 0; 
} 
 
 
/* Profile 
----------------------------------------------- */ 
.profile-img { 
 float: $startSide; 
 margin-top: 0; 
 margin-$endSide: 5px; 
 margin-bottom: 5px; 
 margin-$startSide: 0; 
 border: 1px solid $bordercolor; 
} 
 
.profile-data { 
 margin:0; 
 text-transform:uppercase; 
 letter-spacing:.1em; 
 font: $postfooterfont; 
 color: $sidebarcolor; 
 font-weight: bold; 
 line-height: 1.6em; 
} 
 
.profile-datablock { 
 margin:.5em 0 .5em; 
} 
 
.profile-textblock { 
 margin: 0.5em 0; 
 line-height: 1.6em; 
} 
 
.profile-link { 
 font: $postfooterfont; 
 text-transform: uppercase; 
 letter-spacing: .1em; 
} 
 
/* Footer 
----------------------------------------------- */ 
#footer { 
 width:980px; 
 clear:both; 
 margin:0 auto; 
 padding-top:15px; 
 line-height: 1.6em; 
 text-transform:uppercase; 
 letter-spacing:.1em; 
 text-align: center; 
} 
]]></b:skin> 
 </head> 
 
 <body> 
 
 <div id='outer-wrapper'><div id='wrap2'> 
  
 
 <a href='#main'>skip to main </a> | 
 <a href='#sidebar'>skip to sidebar</a> 
 
 
 <div id='header-wrapper'> <b:section class='header' id='header' maxwidgets='1' showaddelement='no'> 
<b:widget id='Header1' locked='true' title='ParaJunkee Design Template 1 (Header)' type='Header'> 
<b:includable id='main'> 
 
 <b:if cond='data:useImage'> 
 <b:if cond='data:imagePlacement == "REPLACE"'> 
  
 <div id='header-inner'> <a expr:href='data:blog.homepageUrl' style='display: block'> 
 <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_headerimg"' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/> 
 </a> 
 </div> <b:else/> 
  
 <div expr:style='"background-image: url(\"" + data:sourceUrl + "\"); " + "background-position: " + data:backgroundPositionStyleStr + "; " + data:widthStyleStr + "min-height: " + data:height + "px;" + "_height: " + data:height + "px;" + "background-repeat: no-repeat; "' id='header-inner'> <div class='titlewrapper' style='background: transparent'> <h1 class='title' style='background: transparent; border-width: 0px'> <b:include name='title'/> 
 </h1> </div> <b:include name='description'/> 
 </div> </b:if> 
 <b:else/> 
  
 <div id='header-inner'> <div class='titlewrapper'> <h1 class='title'> <b:include name='title'/> 
 </h1> </div> <b:include name='description'/> 
 </div> </b:if> 
</b:includable> 
<b:includable id='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> 
</b:includable> 
<b:includable id='description'> 
 <div class='descriptionwrapper'> <data:description/> </div></b:includable> 
</b:widget> 
</b:section> 
 </div> 
 <div id='content-wrapper'> 
 <div id='crosscol-wrapper' style='text-align:center'> <b:section class='crosscol' id='crosscol' showaddelement='no'/> 
 </div> 
<div id='left-sidebar-wrapper'> <b:section class='sidebar' id='sidebar2' preferred='yes'> 
<b:widget id='TextList1' locked='false' title='Why you should junkee...' type='TextList'> 
<b:includable id='main'> 
 <h2><data:title/></h2> <div class='widget-content'> <ul> <b:loop values='data:items' var='item'>
 <li><data:item/></li>
 </b:loop>
 </ul> <b:include name='quickedit'/> 
 </div></b:includable> 
</b:widget> 
<b:widget id='Text2' locked='false' title='Time to Fly' type='Text'> 
<b:includable id='main'> 
  
 <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='main-wrapper'> <b:section class='main' id='main' showaddelement='no'> 
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'> 
<b:includable id='main' var='top'> 
  
 <div class='blog-posts hfeed'> 
 <b:include data='top' name='status-message'/> 
 
 <data:defaultAdStart/> 
 <b:loop values='data:posts' var='post'> 
 <b:if cond='data:post.isDateStart'> 
 <b:if cond='data:post.isFirstPost == "false"'> 
 </div></div> 
 </b:if> 
 </b:if> 
 <b:if cond='data:post.isDateStart'> 
 <div class="date-outer"> 
 </b:if> 
 <b:if cond='data:post.dateHeader'> 
 <h2 class='date-header'><data:post.dateHeader/></h2> </b:if> 
 <b:if cond='data:post.isDateStart'> 
 <div class="date-posts"> 
 </b:if> 
 <div class='post-outer'> <b:include data='post' name='post'/> 
 <b:if cond='data:blog.pageType == "static_page"'> 
 <b:include data='post' name='comments'/> 
 </b:if> 
 <b:if cond='data:blog.pageType == "item"'> 
 <b:include data='post' name='comments'/> 
 </b:if> 
 </div> <b:if cond='data:post.includeAd'> 
 <b:if cond='data:post.isFirstPost'> 
 <data:defaultAdEnd/> 
 <b:else/> 
 <data:adEnd/> 
 </b:if> 
 <div class='inline-ad'> <data:adCode/> 
 </div> <data:adStart/> 
 </b:if> 
 <b:if cond='data:post.trackLatency'> 
 <data:post.latencyJs/> 
 </b:if> 
 </b:loop> 
 <b:if cond='data:numPosts != 0'> 
 </div></div> 
 </b:if> 
 <data:adEnd/> 
 </div> 
  
 <b:include name='nextprev'/> 
 
  
 <b:include name='feedLinks'/> 
 
 <b:if cond='data:top.showStars'> 
 <script src='http://www.google.com/jsapi' type='text/javascript'/>
 <script type='text/javascript'>
 google.load("annotations", "1", {"locale": "<data:top.languageCode/>"});
 function initialize() {
 google.annotations.setApplicationId(<data:top.blogspotReviews/>);
 google.annotations.createAll();
 google.annotations.fetch();
 }
 google.setOnLoadCallback(initialize);
 </script> 
 </b:if> 
</b:includable> 
<b:includable id='nextprev'> 
 <div class='blog-pager' id='blog-pager'> <b:if cond='data:newerPageUrl'> 
 
 <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> 
 
 </b:if> 
 
 <b:if cond='data:olderPageUrl'> 
 
 <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> 
 
 </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='post' var='post'> 
 <div class='post hentry uncustomized-post-template'> <a expr:name='data:post.id'/> 
 <b:if cond='data:post.title'> 
 <h3 class='post-title entry-title'> <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> 
 </h3> </b:if> 
 
 <div class='post-header'> <div class='post-header-line-1'/> </div> 
 <div class='post-body entry-content'> <data:post.body/> 
 <div style='clear: both;'/> 
 </div> 
 <b:if cond='data:post.hasJumpLink'> 
 <div class='jump-link'> <a expr:href='data:post.url + "#more"' expr:title='data:post.title'><data:post.jumpText/></a> 
 </div> </b:if> 
 
 <div class='post-footer'> <div class='post-footer-line post-footer-line-1'> 
 <b:if cond='data:top.showAuthor'> 
 <data:top.authorLabel/> 
 <data:post.author/> 
 </b:if> 
 
 
 
 <b:if cond='data:top.showTimestamp'> 
 <data:top.timestampLabel/> 
 <b:if cond='data:post.url'> 
 <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a> 
 </b:if> 
 </b:if> 
 
 
 
 <b:if cond='data:top.showReactions'> 
 <table border='0' cellpadding='0' cellspacing='0' width='100%'><tr>
 <td class='reactions-label-cell' nowrap='nowrap' valign='top' width='1%'> 
 
 <data:top.reactionsLabel/> </td>
 <td><iframe allowtransparency='true' class='reactions-iframe' expr:src='data:post.reactionsUrl' frameborder='0' name='reactions' scrolling='no'/></td>
 </tr></table> </b:if> 
 
 
 
 <b:if cond='data:top.showStars'> 
 <div expr:g:background-color='data:backgroundColor' expr:g:text-color='data:textColor' expr:g:url='data:post.absoluteUrl' g:height='42' g:type='RatingPanel' g:width='280'/> </b:if> 
 
 
 
 <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> 
 
 
  
 
 <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> 
 
 
 
  
 <b:if cond='data:post.emailPostUrl'> 
 
 <a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'> 
 <img alt='' class='icon-action' height='13' src='http://www.blogger.com/img/icon18_email.gif' width='18'/> 
 </a> 
 
 </b:if> 
 
  
 <b:include data='post' name='postQuickEdit'/> 
 
 </div> 
 <div class='post-footer-line post-footer-line-2'> 
 <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> 
 
 </div> 
 <div class='post-footer-line post-footer-line-3'> 
 <b:if cond='data:top.showLocation'> 
 <b:if cond='data:post.location'> 
 <data:postLocationLabel/> 
 <a expr:href='data:post.location.mapsUrl' target='_blank'><data:post.location.name/></a> 
 </b:if> 
 </b:if> 
 
 </div> </div> </div></b:includable> 
<b:includable id='postQuickEdit' var='post'> 
 <b:if cond='data:post.editUrl'> 
 
 <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'> 
 <img alt='' class='icon-action' height='18' src='http://www.blogger.com/img/icon18_edit_allbkg.gif' width='18'/> 
 </a> 
 
 </b:if> 
</b:includable> 
<b:includable id='commentDeleteIcon' var='comment'> 
 
 <a expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'> 
 <img src='http://www.blogger.com/img/icon_delete13.gif'/> 
 </a> 
 
</b:includable> 
<b:includable id='backlinkDeleteIcon' var='backlink'> 
 
 <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'> 
 <img src='http://www.blogger.com/img/icon_delete13.gif'/> 
 </a> 
 
</b:includable> 
<b:includable id='comments' var='post'> 
 <div class='comments' id='comments'> <a name='comments'/> 
 <b:if cond='data:post.allowComments'> 
 <h4> <b:if cond='data:post.numComments == 1'> 
 1 <data:commentLabel/>: 
 <b:else/> 
 <data:post.numComments/> <data:commentLabelPlural/>: 
 </b:if> 
 </h4> 
 <b:if cond='data:post.commentPagingRequired'> 
 
 <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a> 
   
 <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a> 
   
 <data:post.commentRangeText/> 
   
 <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a> 
   
 <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a> 
 
 </b:if> 
 
 <dl expr:class='data:post.avatarIndentClass' id='comments-block'> <b:loop values='data:post.comments' var='comment'>
 <dt expr:class='"comment-author " + data:comment.authorClass' expr:id='data:comment.anchorName'> 
 <b:if cond='data:comment.favicon'> 
 <img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/> 
 </b:if> 
 <a expr:name='data:comment.anchorName'/> 
 <b:if cond='data:blog.enabledCommentProfileImages'> 
 <data:comment.authorAvatarImage/> 
 </b:if> 
 <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> 
 <data:commentPostedByMsg/> 
 </dt>
 <dd class='comment-body'>
 <b:if cond='data:comment.isDeleted'>
 <data:comment.body/>
 <b:else/>
 <data:comment.body/> </b:if>
 </dd>
 <dd class='comment-footer'>
 
 <a expr:href='data:comment.url' title='comment permalink'>
 <data:comment.timestamp/>
 </a>
 <b:include data='comment' name='commentDeleteIcon'/>
 
 </dd>
 </b:loop>
 </dl> 
 <b:if cond='data:post.commentPagingRequired'> 
 
 <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'> 
 <data:post.oldestLinkText/> 
 </a> 
 <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'> 
 <data:post.olderLinkText/> 
 </a> 
   
 <data:post.commentRangeText/> 
   
 <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'> 
 <data:post.newerLinkText/> 
 </a> 
 <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'> 
 <data:post.newestLinkText/> 
 </a> 
 
 </b:if> 
 
 <b:if cond='data:post.embedCommentForm'> 
 <b:if cond='data:post.allowNewComments'> 
 <b:include data='post' name='comment-form'/> 
 <b:else/> 
 <data:post.noNewCommentsText/> 
 </b:if> 
 <b:else/> 
 <b:if cond='data:post.allowComments'> 
 <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a> 
 </b:if> 
 </b:if> 
 
 </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> </div></b:includable> 
<b:includable id='comment-form' var='post'> 
 <div class='comment-form'> <a name='comment-form'/> 
 <h4 id='comment-post-message'><data:postCommentMsg/></h4> <data:blogCommentMessage/> <data:blogTeamBlogMessage/> 
 <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/> 
 <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/> 
 <data:post.friendConnectJs/> 
 <data:post.cmtfpIframe/> 
 <script type='text/javascript'>
 BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:post.communityId/>');
 </script> 
 </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'> 
   
 <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'>
 <data:post.authorLabel/> <data:backlink.author/>
 <data:post.timestampLabel/> <data:backlink.timestamp/>
 </dd>
 </div> </b:loop>
 </dl> </b:if> 
 <a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + "_backlinks-create-link"' target='_blank'><data:post.createLinkLabel/></a> 
 </b:includable> 
<b:includable id='feedLinks'> 
 <b:if cond='data:blog.pageType != "item"'>  
 <b:if cond='data:feedLinks'> 
 <div class='blog-feeds'> <b:include data='feedLinks' name='feedLinksBody'/> 
 </div> </b:if> 
 
 <b:else/>  
 <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='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='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:widget> 
</b:section> 
 </div> 
 <div id='sidebar-wrapper'> <b:section class='sidebar' id='sidebar' preferred='yes'> 
<b:widget id='Text1' locked='false' title='Time to Fly' type='Text'> 
<b:includable id='main'> 
  
 <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:widget id='Followers1' locked='false' title='Followers' type='Followers'> 
<b:includable id='main'> 
 <b:if cond='data:title != ""'> 
 <b:if cond='data:codeSnippet != ""'> 
 <h2 class='title'><data:title/></h2> <b:else/> 
 <b:if cond='data:totalFollowerCount != ""'> 
 <h2 class='title'><data:title/> (<data:totalFollowerCount/>)</h2> </b:if> 
 </b:if> 
 </b:if> 
 <div class='widget-content'> <div expr:id='data:widget.instanceId + "-wrapper"'> <b:if cond='data:codeSnippet != ""'> 
 <div style='margin-right:2px;'> <data:codeSnippet/> 
 </div> <b:else/> 
 <b:if cond='data:totalFollowerCount == ""'> 
 
 <data:failureSnippet/> 
 
 
 <data:adminFailureSnippet/> 
 
 <b:else/> 
 <b:if cond='data:followingLinkPresent'> 
 <div class='follow-this profile-link item-control following-follow-this'> <a expr:href='"javascript:_FollowersView._openPopup(\"" + data:followUri + "\");"'> 
 <data:followThisMessage/> 
 </a> 
 </div> <div class='follow-this profile-link item-control following-stop-following-this'> <a expr:href='"javascript:_FollowersView._openPopup(\"" + data:followUri + "\");"'> 
 <data:stopFollowingMessage/> 
 </a> 
 </div> </b:if> 
 
 <div class='followers-grid'> <b:if cond='data:totalFollowerCount == 0'> 
 <div class='profile-link item-control following-follow-this'> <data:emptyFollowersMessage/> 
 </div> </b:if> 
  
 <b:loop values='data:followers' var='follower'> 
 <div class='follower'> <a expr:href='data:follower.profileUrl' expr:title='data:follower.displayName' rel='nofollow'> 
 <img class='follower-img' expr:alt='data:follower.displayName' expr:height='data:follower.imageHeight' expr:onerror='"this.onerror=null;this.src=\"" + data:anonFollowerImageUrl + "\";"' expr:onload='"setAttributeOnload(this, \"src\", \"" + data:follower.imageUrl + "\")"' expr:width='data:follower.imageWidth' src='http://img1.blogblog.com/img/blank.gif'/> 
 </a> 
 </div> </b:loop> 
 <div class='clear'/> </div> 
 <div class='followers-canvas profile-link'> <data:followersFooterMessage/> 
 
 <a expr:href='data:followersUri'> 
 <data:viewAllMessage/> 
 </a> 
 
 
 <a expr:href='data:manageFollowersUri'> 
 <data:manageFollowersMessage/> 
 </a> 
 
 </div> </b:if> 
 </b:if> 
 </div> <b:include name='quickedit'/> 
 </div></b:includable> 
</b:widget> 
<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 class='flat'> <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 class='hierarchy'> <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> 
 (<data:i.post-count/>) 
 <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' href='javascript:void(0)'> 
 ▼  
 </a> 
 <b:else/> 
 <a class='toggle' href='javascript:void(0)'> 
 
 <b:if cond='data:blog.languageDirection == "rtl"'> 
 ◄  
 <b:else/> 
 ►  
 </b:if> 
 
 </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: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"'>  
 <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/>  
 
 <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'><data:viewProfileMsg/></a> 
 </b:if> 
 
 <b:include name='quickedit'/> 
 </div> </b:includable> 
</b:widget> 
</b:section> 
 </div> 
  
 <div class='clear'> </div> 
 </div>  
 
 <div id='footer-wrapper'> <b:section class='footer' id='footer'/> 
 </div> 
 </div></div> 
 <div id='PJV'><a href='http://parajunkee.blogspot.com' target='_blank'><img alt='PJV' border='0' height='237' src='http://members.cox.net/parajunkee/Paisley/PJV.png' width='156'/></a></div></body> 
</html>

The Japan Template

<?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[/* ----------------------------------------------- PARAJUNKEE'S 3 COL MINIMA CHANGE UP Name: The Japan Template Designer: RACHY (PARAJUNKEE) URL: parajunkee.blogspot.com Date: 25 sep 2009 ----------------------------------------------- */ /* 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="#ffdfbf"> <variable name="linkcolor" description="Link Color" type="color" default="#58a" value="#ffdfbf"> <variable name="pagetitlecolor" description="Blog Title Color" type="color" default="#666" value="#ffecd9"> <variable name="descriptioncolor" description="Blog Description Color" type="color" default="#999" value="#ffffff"> <variable name="titlecolor" description="Post Title Color" type="color" default="#c60" value="#ffdfbf"> <variable name="bordercolor" description="Border Color" type="color" default="#ccc" value="#ffefdf"> <variable name="sidebarcolor" description="Sidebar Title Color" type="color" default="#999" value="#ffcc66"> <variable name="sidebartextcolor" description="Sidebar Text Color" type="color" default="#666" value="#ffefdf"> <variable name="visitedlinkcolor" description="Visited Link Color" type="color" default="#999" value="#ffcc66"> <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"> <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"> */ /* Use this with templates/template-twocol.html */ html { background-image: url(http://members.cox.net/parajunkee/Japan/BG.gif); background-repeat: repeat; } body { margin:0; color:$textcolor; font:x-small Georgia Serif; font-size/* */:/**/small; font-size: /**/small; text-align: center; background-attachment: fixed; background-image: url(http://members.cox.net/parajunkee/Japan/HTMLBG.png); background-repeat: no-repeat; background-position: left top; } a:link { color:$linkcolor; text-decoration:none; } a:visited { color:$visitedlinkcolor; text-decoration:none; } a:hover { color:$titlecolor; text-decoration:underline; } a img { border-width:0; } #PJV { float: left; height: 237px; width: 156px; z-index: 99; visibility: visible; } /* Header ----------------------------------------------- */ #header-wrapper { width:980px; margin-top: 0; margin-bottom: 10px; background-image: url(http://members.cox.net/parajunkee/Japan/header.png); height: 200px; } #header-inner { background-position: center; margin-left: auto; margin-right: auto; } #header { text-align: center; color:$pagetitlecolor; } #header h1 { padding:35px 40px .35px 40px; line-height:1.2em; text-transform:uppercase; letter-spacing:.2em; font: $pagetitlefont; } #header a { color:$pagetitlecolor; text-decoration:none; } #header a:hover { color:$pagetitlecolor; } #header .description { margin:0 auto 0 auto; padding:0 20px 15px; max-width:500px; max-height:100px; text-transform:uppercase; letter-spacing:.2em; line-height: 1.4em; font: $descriptionfont; color: $descriptioncolor; } #header img { margin-$startSide: auto; margin-$endSide: auto; } /* Outer-Wrapper ----------------------------------------------- */ #outer-wrapper { width: 980px; padding:10px; text-align:$startSide; font: $bodyfont; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; } #left-sidebar-wrapper { width: 235px; float: $startSide; padding:2px; 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 */ background-color: #636466; background-image: url(http://members.cox.net/parajunkee/Japan/sidebarTOP.png); background-repeat: no-repeat; background-position: left top; } #main-wrapper { width: 482px; background:#000; padding:5px; float: $startSide; 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 */ margin-top: 0px; margin-right: 5px; margin-bottom: 0px; margin-left: 5px; } #sidebar-wrapper { width: 235px; background-color: #636466; padding: 2px; background-image: url(http://members.cox.net/parajunkee/Japan/sidebarTOP.png); background-repeat: no-repeat; background-position: right top; float: $endSide; 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 */ } /* Headings ----------------------------------------------- */ h2 { margin:1.5em 0 .75em; font:$headerfont; line-height: 1.4em; text-transform:uppercase; letter-spacing:.2em; color:$sidebarcolor; } /* Posts ----------------------------------------------- */ h2.date-header { margin:1.5em 0 .5em; } .post { margin:.5em 0 1.5em; border-bottom:1px dotted $bordercolor; padding-bottom:1.5em; } .post h3 { margin:.25em 0 0; padding:0 0 4px; font-size:140%; font-weight:normal; line-height:1.4em; color:$titlecolor; } .post h3 a, .post h3 a:visited, .post h3 strong { display:block; text-decoration:none; color:$titlecolor; font-weight:normal; } .post h3 strong, .post h3 a:hover { color:$textcolor; } .post-body { margin:0 0 .75em; line-height:1.6em; } .post-body blockquote { line-height:1.3em; } .post-footer { margin: .75em 0; color:$sidebarcolor; text-transform:uppercase; letter-spacing:.1em; font: $postfooterfont; line-height: 1.4em; } .comment-link { margin-$startSide:.6em; } .post img { border:1px solid $bordercolor; } .post blockquote { margin:1em 20px; } .post blockquote p { margin:.75em 0; } /* Comments ----------------------------------------------- */ #comments h4 { margin:1em 0; font-weight: bold; line-height: 1.4em; text-transform:uppercase; letter-spacing:.2em; color: $sidebarcolor; } #comments-block { margin:1em 0 1.5em; line-height:1.6em; } #comments-block .comment-author { margin:.5em 0; } #comments-block .comment-body { margin:.25em 0 0; } #comments-block .comment-footer { margin:-.25em 0 2em; line-height: 1.4em; text-transform:uppercase; letter-spacing:.1em; } #comments-block .comment-body p { margin:0 0 .75em; } .deleted-comment { font-style:italic; color:gray; } #blog-pager-newer-link { float: $startSide; } #blog-pager-older-link { float: $endSide; } #blog-pager { text-align: center; } .feed-links { clear: both; line-height: 2.5em; } /* Sidebar Content ----------------------------------------------- */ .sidebar { color: $sidebartextcolor; line-height: 1.5em; } .sidebar ul { list-style:none; margin:0 0 0; padding:0 0 0; } .sidebar li { margin:0; padding-top:0; padding-$endSide:0; padding-bottom:.25em; padding-$startSide:15px; text-indent:-15px; line-height:1.5em; } .sidebar .widget, .main .widget { border-bottom:1px dotted $bordercolor; margin:0 0 1.5em; padding:0 0 1.5em; } .main .Blog { border-bottom-width: 0; } /* Profile ----------------------------------------------- */ .profile-img { float: $startSide; margin-top: 0; margin-$endSide: 5px; margin-bottom: 5px; margin-$startSide: 0; border: 1px solid $bordercolor; } .profile-data { margin:0; text-transform:uppercase; letter-spacing:.1em; font: $postfooterfont; color: $sidebarcolor; font-weight: bold; line-height: 1.6em; } .profile-datablock { margin:.5em 0 .5em; } .profile-textblock { margin: 0.5em 0; line-height: 1.6em; } .profile-link { font: $postfooterfont; text-transform: uppercase; letter-spacing: .1em; } /* Footer ----------------------------------------------- */ #footer { width:980px; clear:both; margin:0 auto; padding-top:15px; line-height: 1.6em; text-transform:uppercase; letter-spacing:.1em; text-align: center; } ]]></b:skin> <link href='http://www.iconj.com/ico/m/p/mp7eugnbnm.ico' rel='shortcut icon'/> </head> <body> <div id='outer-wrapper'><div id='wrap2'>  <a href='#main'>skip to main </a> | <a href='#sidebar'>skip to sidebar</a> <div id='header-wrapper'><b:section class='header' id='header' maxwidgets='1' showaddelement='no'> <b:widget id='Header1' locked='true' title='ParaTesty (Header)' type='Header'/> </b:section> </div> <div id='content-wrapper'> <div id='crosscol-wrapper' style='text-align:center'><b:section class='crosscol' id='crosscol' showaddelement='no'/> </div> <div id='left-sidebar-wrapper'><b:section class='sidebar' id='sidebar2' preferred='yes'> <b:widget id='Subscribe1' locked='false' title='Subscribe To' type='Subscribe'/> <b:widget id='TextList1' locked='false' title='Why you should junkee...' type='TextList'/> <b:widget id='Text2' locked='false' title='Time to Fly' type='Text'/> </b:section> </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:section> </div> <div id='sidebar-wrapper'><b:section class='sidebar' id='sidebar' preferred='yes'> <b:widget id='Text1' locked='false' title='Time to Fly' type='Text'/> <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> </div>  <div class='clear'> </div> </div> <div id='PJV'><a href='http://parajunkee.blogspot.com' target='_blank'><img alt='PJV' border='0' height='237' src='http://members.cox.net/parajunkee/Paisley/PJV.png' width='156'/></a></div><div id='footer-wrapper'><b:section class='footer' id='footer'/> </div></div></div> </body> </html>

View The Paisley Template

<?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[/*
-----------------------------------------------
PARAJUNKEE'S 3 COL MINIMA CHANGE UP
Name: PAISLEY
Designer: RACHY (PARAJUNKEE)
URL: parajunkee.blogspot.com
Date: 30 sep 2009
----------------------------------------------- */

/* Variable definitions
 ====================
 <variable name="bgcolor" description="Page Background Color"
 type="color" default="#fff" value="#000000"> 
<variable name="textcolor" description="Text Color"
 type="color" default="#333" value="#ffffff"> 
<variable name="linkcolor" description="Link Color"
 type="color" default="#58a" value="#FFBBE8"> 
<variable name="pagetitlecolor" description="Blog Title Color"
 type="color" default="#666" value="#ffffff"> 
<variable name="descriptioncolor" description="Blog Description Color"
 type="color" default="#999" value="#ffffff"> 
<variable name="titlecolor" description="Post Title Color"
 type="color" default="#c60" value="#FF6FCF"> 
<variable name="bordercolor" description="Border Color"
 type="color" default="#ccc" value="#ffffff"> 
<variable name="sidebarcolor" description="Sidebar Title Color"
 type="color" default="#999" value="#c1a1ff"> 
<variable name="sidebartextcolor" description="Sidebar Text Color"
 type="color" default="#666" value="#ffffff"> 
<variable name="visitedlinkcolor" description="Visited Link Color"
 type="color" default="#999" value="#c1a1ff"> 
<variable name="bodyfont" description="Text Font"
 type="font" default="normal normal 100% Georgia, Serif" value="normal normal 99% Trebuchet, Trebuchet MS, Arial, sans-serif"> 
<variable name="headerfont" description="Sidebar Title Font"
 type="font"
 default="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif" value="normal bold 95% Verdana, sans-serif"> 
<variable name="pagetitlefont" description="Blog Title Font"
 type="font"
 default="normal normal 200% Georgia, Serif" value="normal bold 242% Georgia, Times, 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% Georgia, Times, 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"> 
<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"> 
*/ 
 
/* Use this with templates/template-twocol.html */ 
 
 
 
html { 
background-image: url(http://members.cox.net/parajunkee/Paisley/BG.jpg); 
background-repeat: repeat; 
} 
 
 
body { 
margin:0; 
 
color:$textcolor; 
font:x-small Georgia Serif; 
font-size/* */:/**/small; 
font-size: /**/small; 
text-align: center; 
background-attachment: fixed; 
background-image: url(http://members.cox.net/parajunkee/Paisley/HTMLbg.png); 
background-repeat: no-repeat; 
background-position: left top; 
} 
a:link { 
color:$linkcolor; 
text-decoration:none; 
} 
a:visited { 
color:$visitedlinkcolor; 
text-decoration:none; 
} 
a:hover { 
color:$titlecolor; 
text-decoration:underline; 
} 
a img { 
border-width:0; 
} 
 
/* Header 
----------------------------------------------- 
*/ 
 
#header-wrapper { 
width:980px; 
margin-top: 0; 
margin-bottom: 10px; 
height: 200px; 
background-image: url(http://members.cox.net/parajunkee/Paisley/header.png); 
background-repeat: no-repeat; 
background-position: center top; 
} 
 
#header-inner { 
background-position: center; 
margin-left: auto; 
margin-right: auto; 
} 
 
#header { 
text-align: center; 
color:$pagetitlecolor; 
} 
 
#header h1 { 
padding:35px 40px .35px 40px; 
line-height:1.2em; 
text-transform:uppercase; 
letter-spacing:.2em; 
font: $pagetitlefont; 
} 
 
#header a { 
color:$pagetitlecolor; 
text-decoration:none; 
} 
 
#header a:hover { 
color:$pagetitlecolor; 
} 
 
#header .description { 
margin:0 auto 0 auto; 
padding:0 20px 15px; 
max-width:500px; 
max-height:100px; 
text-transform:uppercase; 
letter-spacing:.2em; 
line-height: 1.4em; 
font: $descriptionfont; 
color: $descriptioncolor; 
} 
 
#header img { 
margin-$startSide: auto; 
margin-$endSide: auto; 
} 
 
 
/* Outer-Wrapper 
----------------------------------------------- */ 
#outer-wrapper { 
width: 980px; 
padding:10px; 
text-align:$startSide; 
font: $bodyfont; 
margin-top: 0; 
margin-right: auto; 
margin-bottom: 0; 
margin-left: auto; 
} 
 
#left-sidebar-wrapper { 
width: 235px; 
float: $startSide; 
padding:2px; 
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 */ 
background-color: #56315a; 
} 
 
#main-wrapper { 
width: 482px; 
padding:5px; 
float: $startSide; 
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 */ 
margin-top: 0px; 
margin-right: 5px; 
margin-bottom: 0px; 
margin-left: 5px; 
background-color: #000; 
background-image: url(http://members.cox.net/parajunkee/Paisley/DamaskBG.png); 
background-repeat: repeat; 
} 
 
#sidebar-wrapper { 
width: 235px; 
background-color: #56315a; 
padding: 2px; 
float: $endSide; 
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 */ 
} 
#PJV { 
float: left; 
height: 237px; 
width: 156px; 
z-index: 99; 
visibility: visible; 
} 
 
 
/* Headings 
----------------------------------------------- */ 
 
h2 { 
margin:1.5em 0 .75em; 
font:$headerfont; 
line-height: 1.4em; 
text-transform:uppercase; 
letter-spacing:.2em; 
color:$sidebarcolor; 
} 
 
 
/* Posts 
----------------------------------------------- 
*/ 
h2.date-header { 
margin:1.5em 0 .5em; 
} 
 
.post { 
margin:.5em 0 1.5em; 
border-bottom:1px dotted $bordercolor; 
padding-bottom:1.5em; 
} 
.post h3 { 
margin:.25em 0 0; 
padding:0 0 4px; 
font-size:140%; 
font-weight:normal; 
line-height:1.4em; 
color:$titlecolor; 
} 
 
.post h3 a, .post h3 a:visited, .post h3 strong { 
display:block; 
text-decoration:none; 
color:$titlecolor; 
font-weight:normal; 
} 
 
.post h3 strong, .post h3 a:hover { 
color:$textcolor; 
} 
 
.post-body { 
margin:0 0 .75em; 
line-height:1.6em; 
} 
 
.post-body blockquote { 
line-height:1.3em; 
} 
 
.post-footer { 
margin: .75em 0; 
color:$sidebarcolor; 
text-transform:uppercase; 
letter-spacing:.1em; 
font: $postfooterfont; 
line-height: 1.4em; 
} 
 
.comment-link { 
margin-$startSide:.6em; 
} 
.post img { 
border:1px solid $bordercolor; 
} 
.post blockquote { 
margin:1em 20px; 
} 
.post blockquote p { 
margin:.75em 0; 
} 
 
/* Comments 
----------------------------------------------- */ 
#comments h4 { 
margin:1em 0; 
font-weight: bold; 
line-height: 1.4em; 
text-transform:uppercase; 
letter-spacing:.2em; 
color: $sidebarcolor; 
} 
 
#comments-block { 
margin:1em 0 1.5em; 
line-height:1.6em; 
} 
#comments-block .comment-author { 
margin:.5em 0; 
} 
#comments-block .comment-body { 
margin:.25em 0 0; 
} 
#comments-block .comment-footer { 
margin:-.25em 0 2em; 
line-height: 1.4em; 
text-transform:uppercase; 
letter-spacing:.1em; 
} 
#comments-block .comment-body p { 
margin:0 0 .75em; 
} 
.deleted-comment { 
font-style:italic; 
color:gray; 
} 
 
#blog-pager-newer-link { 
float: $startSide; 
} 
 
#blog-pager-older-link { 
float: $endSide; 
} 
 
#blog-pager { 
text-align: center; 
} 
 
.feed-links { 
clear: both; 
line-height: 2.5em; 
} 
 
/* Sidebar Content 
----------------------------------------------- */ 
.sidebar { 
color: $sidebartextcolor; 
line-height: 1.5em; 
} 
 
.sidebar ul { 
list-style:none; 
margin:0 0 0; 
padding:0 0 0; 
} 
.sidebar li { 
margin:0; 
padding-top:0; 
padding-$endSide:0; 
padding-bottom:.25em; 
padding-$startSide:15px; 
text-indent:-15px; 
line-height:1.5em; 
} 
 
.sidebar .widget, .main .widget { 
border-bottom:1px dotted $bordercolor; 
margin:0 0 1.5em; 
padding:0 0 1.5em; 
} 
 
.main .Blog { 
border-bottom-width: 0; 
} 
 
 
/* Profile 
----------------------------------------------- */ 
.profile-img { 
float: $startSide; 
margin-top: 0; 
margin-$endSide: 5px; 
margin-bottom: 5px; 
margin-$startSide: 0; 
border: 1px solid $bordercolor; 
} 
 
.profile-data { 
margin:0; 
text-transform:uppercase; 
letter-spacing:.1em; 
font: $postfooterfont; 
color: $sidebarcolor; 
font-weight: bold; 
line-height: 1.6em; 
} 
 
.profile-datablock { 
margin:.5em 0 .5em; 
} 
 
.profile-textblock { 
margin: 0.5em 0; 
line-height: 1.6em; 
} 
 
.profile-link { 
font: $postfooterfont; 
text-transform: uppercase; 
letter-spacing: .1em; 
} 
 
/* Footer 
----------------------------------------------- */ 
#footer { 
width:980px; 
clear:both; 
margin:0 auto; 
padding-top:15px; 
line-height: 1.6em; 
text-transform:uppercase; 
letter-spacing:.1em; 
text-align: center; 
} 
]]></b:skin> 
 
 
 
</head> 
 
<body> 
<div id='outer-wrapper'><div id='wrap2'> 
 
 
<a href='#main'>skip to main </a> | 
<a href='#sidebar'>skip to sidebar</a> 
 
 
<div id='header-wrapper'><b:section class='header' id='header' maxwidgets='1' showaddelement='no'> 
<b:widget id='Header1' locked='true' title='ParaJunkee Design Template 2 (Header)' type='Header'/> 
</b:section> 
</div> 
<div id='content-wrapper'> 
<div id='crosscol-wrapper' style='text-align:center'><b:section class='crosscol' id='crosscol' showaddelement='no'/> 
</div> 
<div id='left-sidebar-wrapper'><b:section class='sidebar' id='sidebar2' preferred='yes'> 
<b:widget id='TextList1' locked='false' title='Why you should junkee...' type='TextList'/> 
<b:widget id='Text2' locked='false' title='Time to Fly' type='Text'/> 
</b:section> 
</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:section> 
</div> 
<div id='sidebar-wrapper'><b:section class='sidebar' id='sidebar' preferred='yes'> 
<b:widget id='Text1' locked='false' title='Time to Fly' type='Text'/> 
<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> 
</div> 
 
<div class='clear'> </div> 
</div> 
 
<div id='footer-wrapper'><b:section class='footer' id='footer'/> 
</div> 
</div></div><div id='PJV'><a href='http://parajunkee.blogspot.com' target='_blank'><img alt='PJV' border='0' height='237' src='http://members.cox.net/parajunkee/Paisley/PJV.png' width='156'/></a></div> 
</body> 
</html>

The Book Maxima

<?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[/*
-----------------------------------------------
PARAJUNKEE'S 3 COL MINIMA CHANGE UP
Name: MAXIMA
Designer: RACHY (PARAJUNKEE)
URL: parajunkee.blogspot.com
Date: 25 sep 2009
----------------------------------------------- */

/* 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="#ffdfbf"> 
<variable name="linkcolor" description="Link Color"
 type="color" default="#58a" value="#ffdfbf"> 
<variable name="pagetitlecolor" description="Blog Title Color"
 type="color" default="#666" value="#ffecd9"> 
<variable name="descriptioncolor" description="Blog Description Color"
 type="color" default="#999" value="#ffffff"> 
<variable name="titlecolor" description="Post Title Color"
 type="color" default="#c60" value="#ffdfbf"> 
<variable name="bordercolor" description="Border Color"
 type="color" default="#ccc" value="#ffefdf"> 
<variable name="sidebarcolor" description="Sidebar Title Color"
 type="color" default="#999" value="#ffcc66"> 
<variable name="sidebartextcolor" description="Sidebar Text Color"
 type="color" default="#666" value="#ffefdf"> 
<variable name="visitedlinkcolor" description="Visited Link Color"
 type="color" default="#999" value="#ffcc66"> 
<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"> 
<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"> 
*/ 
 
/* Use this with templates/template-twocol.html */ 
 
 
 
body { 
background-image: url(http://members.cox.net/parajunkee/PT2/HTMLBG.png); 
margin:0; 
background-repeat: no-repeat; 
background-position: left top; 
background-attachment: fixed; 
color:$textcolor; 
font:x-small Georgia Serif; 
font-size/* */:/**/small; 
font-size: /**/small; 
text-align: center; 
} 
html { 
 
background-image: url(http://members.cox.net/parajunkee/PT2/wallpaperBG.jpg); 
 
} 
a:link { 
color:$linkcolor; 
text-decoration:none; 
} 
a:visited { 
color:$visitedlinkcolor; 
text-decoration:none; 
} 
a:hover { 
color:$titlecolor; 
text-decoration:underline; 
} 
a img { 
border-width:0; 
} 
#PJV { 
float: left; 
height: 237px; 
width: 156px; 
z-index: 99; 
visibility: visible; 
} 
 
/* Header 
----------------------------------------------- 
*/ 
 
#header-wrapper { 
background-image: url(http://members.cox.net/parajunkee/PT2/headerBG.jpg); 
width:940px; 
height:220px; 
margin:0, auto, 0, auto 
} 
 
#header-inner { 
background-position: center; 
margin-left: auto; 
margin-right: auto; 
} 
 
#header { 
margin: 5px; 
text-align: center; 
color:$pagetitlecolor; 
} 
 
#header h1 { 
padding:35px 40px .35px 40px; 
line-height:1.2em; 
text-transform:uppercase; 
letter-spacing:.2em; 
font: $pagetitlefont; 
} 
 
#header a { 
color:$pagetitlecolor; 
text-decoration:none; 
} 
 
#header a:hover { 
color:$pagetitlecolor; 
} 
 
#header .description { 
margin:0 auto 0 auto; 
padding:0 20px 15px; 
max-width:500px; 
max-height:100px; 
text-transform:uppercase; 
letter-spacing:.2em; 
line-height: 1.4em; 
font: $descriptionfont; 
color: $descriptioncolor; 
} 
 
#header img { 
margin-$startSide: auto; 
margin-$endSide: auto; 
} 
 
 
/* Outer-Wrapper 
----------------------------------------------- */ 
#outer-wrapper { 
width: 940px; 
margin:0 auto; 
padding:10px; 
text-align:$startSide; 
font: $bodyfont; 
} 
 
#left-sidebar-wrapper { 
width: 220px; 
float: $startSide; 
padding:2px; 
background:#000; 
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 */ 
} 
 
#main-wrapper { 
width: 482px; 
background:#472012; 
padding:5px; 
float: $startSide; 
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: 220px; 
background:#000; 
padding:2px; 
float: $endSide; 
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 */ 
} 
 
 
/* Headings 
----------------------------------------------- */ 
 
h2 { 
margin:1.5em 0 .75em; 
font:$headerfont; 
line-height: 1.4em; 
text-transform:uppercase; 
letter-spacing:.2em; 
color:$sidebarcolor; 
} 
 
 
/* Posts 
----------------------------------------------- 
*/ 
h2.date-header { 
margin:1.5em 0 .5em; 
} 
 
.post { 
margin:.5em 0 1.5em; 
border-bottom:1px dotted $bordercolor; 
padding-bottom:1.5em; 
} 
.post h3 { 
margin:.25em 0 0; 
padding:0 0 4px; 
font-size:140%; 
font-weight:normal; 
line-height:1.4em; 
color:$titlecolor; 
} 
 
.post h3 a, .post h3 a:visited, .post h3 strong { 
display:block; 
text-decoration:none; 
color:$titlecolor; 
font-weight:normal; 
} 
 
.post h3 strong, .post h3 a:hover { 
color:$textcolor; 
} 
 
.post-body { 
margin:0 0 .75em; 
line-height:1.6em; 
} 
 
.post-body blockquote { 
line-height:1.3em; 
} 
 
.post-footer { 
margin: .75em 0; 
color:$sidebarcolor; 
text-transform:uppercase; 
letter-spacing:.1em; 
font: $postfooterfont; 
line-height: 1.4em; 
} 
 
.comment-link { 
margin-$startSide:.6em; 
} 
.post img { 
border:1px solid $bordercolor; 
} 
.post blockquote { 
margin:1em 20px; 
} 
.post blockquote p { 
margin:.75em 0; 
} 
 
/* Comments 
----------------------------------------------- */ 
#comments h4 { 
margin:1em 0; 
font-weight: bold; 
line-height: 1.4em; 
text-transform:uppercase; 
letter-spacing:.2em; 
color: $sidebarcolor; 
} 
 
#comments-block { 
margin:1em 0 1.5em; 
line-height:1.6em; 
} 
#comments-block .comment-author { 
margin:.5em 0; 
} 
#comments-block .comment-body { 
margin:.25em 0 0; 
} 
#comments-block .comment-footer { 
margin:-.25em 0 2em; 
line-height: 1.4em; 
text-transform:uppercase; 
letter-spacing:.1em; 
} 
#comments-block .comment-body p { 
margin:0 0 .75em; 
} 
.deleted-comment { 
font-style:italic; 
color:gray; 
} 
 
#blog-pager-newer-link { 
float: $startSide; 
} 
 
#blog-pager-older-link { 
float: $endSide; 
} 
 
#blog-pager { 
text-align: center; 
} 
 
.feed-links { 
clear: both; 
line-height: 2.5em; 
} 
 
/* Sidebar Content 
----------------------------------------------- */ 
.sidebar { 
color: $sidebartextcolor; 
line-height: 1.5em; 
} 
 
.sidebar ul { 
list-style:none; 
margin:0 0 0; 
padding:0 0 0; 
} 
.sidebar li { 
margin:0; 
padding-top:0; 
padding-$endSide:0; 
padding-bottom:.25em; 
padding-$startSide:15px; 
text-indent:-15px; 
line-height:1.5em; 
} 
 
.sidebar .widget, .main .widget { 
border-bottom:1px dotted $bordercolor; 
margin:0 0 1.5em; 
padding:0 0 1.5em; 
} 
 
.main .Blog { 
border-bottom-width: 0; 
} 
 
 
/* Profile 
----------------------------------------------- */ 
.profile-img { 
float: $startSide; 
margin-top: 0; 
margin-$endSide: 5px; 
margin-bottom: 5px; 
margin-$startSide: 0; 
border: 1px solid $bordercolor; 
} 
 
.profile-data { 
margin:0; 
text-transform:uppercase; 
letter-spacing:.1em; 
font: $postfooterfont; 
color: $sidebarcolor; 
font-weight: bold; 
line-height: 1.6em; 
} 
 
.profile-datablock { 
margin:.5em 0 .5em; 
} 
 
.profile-textblock { 
margin: 0.5em 0; 
line-height: 1.6em; 
} 
 
.profile-link { 
font: $postfooterfont; 
text-transform: uppercase; 
letter-spacing: .1em; 
} 
 
/* Footer 
----------------------------------------------- */ 
#footer { 
width:940px; 
clear:both; 
margin:0 auto; 
padding-top:15px; 
line-height: 1.6em; 
text-transform:uppercase; 
letter-spacing:.1em; 
text-align: center; 
} 
]]></b:skin> 
 
</head> 
 
<body> 
<div id='outer-wrapper'><div id='wrap2'> 
 
 
<a href='#main'>skip to main </a> | 
<a href='#sidebar'>skip to sidebar</a> 
 
 
<div id='header-wrapper'><b:section class='header' id='header' maxwidgets='1' showaddelement='no'> 
<b:widget id='Header1' locked='true' title='ParaJunkees Template 2 (Header)' type='Header'/> 
</b:section> 
</div> 
<div id='content-wrapper'> 
<div id='crosscol-wrapper' style='text-align:center'><b:section class='crosscol' id='crosscol' showaddelement='no'/> 
</div> 
<div id='left-sidebar-wrapper'><b:section class='sidebar' id='sidebar2' preferred='yes'> 
<b:widget id='TextList1' locked='false' title='Why you should junkee...' type='TextList'/> 
<b:widget id='Text2' locked='false' title='Time to Fly' type='Text'/> 
</b:section> 
</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:section> 
</div> 
<div id='sidebar-wrapper'><b:section class='sidebar' id='sidebar' preferred='yes'> 
<b:widget id='Text1' locked='false' title='Time to Fly' type='Text'/> 
<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> 
</div> 
 
<div class='clear'> </div> 
</div> 
<div id='PJV'><a href='http://parajunkee.blogspot.com' target='_blank'><img alt='PJV' border='0' height='237' src='http://members.cox.net/parajunkee/Paisley/PJV.png' width='156'/></a></div><div id='footer-wrapper'><b:section class='footer' id='footer'/> 
</div> 
</div></div> 
</body> 
</html>

My design work has changed over the last few years that I have been doing this, but what I've noticed is that a lot of you like to change up your designs, either seasonally or just on a whim. To purchase a custom design each time can get rather expensive so, to battle this, I've thought up a rather unique way of handling this. I'm going to whip up an avatar and you will be able to dress her up in different templates throughout the year. Same avatar, same look --- just new clothes, or new holiday themes to go with the avatar. So, your blog will retain continuity throughout the year, but you'll be able to keep things changing and fresh, without the price of a complete blog design. The first avatar is a cute blond girl, that I've nick named Hill's. Currently Hill's has one main template (meaning it comes included with graphics geared specifically for a book blog), two "dress-up" templates and a Christmas and New Year's look. You can view the templates live and purhcase the files below. Features: All templates are able to be modifed via the Blogger template Designer. Seasonal designs will be published during their respective holidays and can actually be requested Expected designs to come: Mardi Gras, Easter, Summer, Fourth of July, If you have any problems with this design please email me at parajunkee at cox dot net


	Hill's main template, designed to give that urban, fun feel. This template comes with a matching favicon, giveaway, interview, guest post and winner graphic. View Main Design > Hill's Town Purchase this template with all the cool stuff included for only $40.

	Give your Hill a make-over with the beautiful asian inspired template. View ress-up blog design, Asian Hills You can purchase this template for $30 and dress Hills up Asian style.

	Give your Hill a make-over with the beautiful vintage, shabby chic, inspired template. View ress-up blog design, Vintage Hills You can purchase the Hills Vintage Template for only $30.00.

	The first in Hill's Seasonal Looks, Christmas-fy your blog look with holiday loveliness. View the Seasonal look: Christmas Purchase this template for only $20.00, use the Paypal Buy Now Button below.

	The second in Hill's Seasonal Looks, Party-fy your blog look with New Years loveliness. View the Seasonal look: New Years Purchase the Hill's New Year's Template for only $20.00

Author/Book Blogger Discount

Ready Made Hill's Design Templates

Ready Made Reba Designs

Win a Hills Design!

A New Type of Template Design: Meet Hills! You can dress her up!

Hello Sherry Soule...Book Covers

Teens Read & Write Launches

Custom Design

Free Book Blogger Templates

Popular Posts

Labels

Waiting List

Get on the Waiting List

No Need to Wait

Followers

About Me

Blog Archive