Mullookkaaran's

Download Mozilla Firefox Web Browser

2009-01-09T22:06:00.000+05:30

Click Here For Download Mozilla Firefox Web Browser

2 Column Simple & Beautiful Blog Templates

2009-01-09T21:35:00.002+05:30

Download 2 Column Simple & Beautiful Blog Templates

2009-01-09T21:35:00.000+05:30

Download 2 Column Simple & Beautiful Blog Templates

2 Column, More Gadjet New Blog Templates

2009-01-09T21:34:00.001+05:30

Download 2 Column, More Gadjet New Blog Templates

1 Column Photo Blog Templates

2009-01-09T21:31:00.001+05:30

Download 1 Column New Photo Blog Templates

5 COLUMN BLOGGER TEMPLATES

2008-11-02T13:38:00.002+05:30

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>
<b:skin><![CDATA[/*
-----------------------------------------------------------------------------------
Blogger Template Style
Name: Minima 5
Designer:Mullookkaaran

----------------------------------------------------------------------------------- */

/* Variable definitions
====================
<Variable name="bgcolor" description="Page Background Color"
type="color" default="#CAF99B" value="#CAF99B">
<Variable name="titlebgcolor" description="Page Header Background Color"
type="color" default="#669966" value="#669966">
<Variable name="hbordercolor" description="Header Border Color"
type="color" default="#cc0000" value="#cc0000">
<Variable name="pagetitlecolor" description="Blog Title Color"
type="color" default="#000066" value="#000066">
<Variable name="descriptioncolor" description="Blog Description Color"
type="color" default="#ffffcc" value="#ffffcc">
<Variable name="mainbgcolor" description="Main Background Color"
type="color" default="#ffffcc" value="#ffffcc">
<Variable name="sidebar1bgcolor" description="First Sidebar Background Color"
type="color" default="#cccc99" value="#cccc99">
<Variable name="sidebar2bgcolor" description="Second Sidebar Background Color"
type="color" default="#cccc99" value="#cccc99">
<Variable name="sidebar3bgcolor" description="Third Sidebar Background Color"
type="color" default="#cccc99" value="#cccc99">
<Variable name="sidebar4bgcolor" description="Fourth Sidebar Background Color"
type="color" default="#cccc99" value="#cccc99">
<Variable name="textcolor" description="Text Color"
type="color" default="#660033" value="#660033">
<Variable name="linkcolor" description="Link Color"
type="color" default="#cc0000" value="#cc0000">
<Variable name="visitedlinkcolor" description="Visited Link Color"
type="color" default="#cc0000" value="#cc0000">
<Variable name="hoverlinkcolor" description="Hover Link Color"
type="color" default="#0066cc" value="#0066cc">
<Variable name="titlecolor" description="Post Title Color"
type="color" default="#0066cc" value="#0066cc">
<Variable name="bordercolor" description="Border Color"
type="color" default="#cc0000" value="#cc0000">
<Variable name="sidebarcolor" description="Sidebar Title Color"
type="color" default="#006699" value="#006699">
<Variable name="bodyfont" description="Text Font"
type="font" default="normal normal 100% 'Trebuchet MS',Trebuchet,Verdana,Sans-serif" value="normal normal 100% 'Trebuchet MS',Trebuchet,Verdana,Sans-serif">
<Variable name="headerfont" description="Sidebar Title Font"
type="font"
default="normal bold 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif" value="normal bold 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif">
<Variable name="pagetitlefont" description="Blog Title Font"
type="font"
default="normal bold 200% 'Trebuchet MS',Trebuchet,Verdana,Sans-serif" value="normal bold 200% 'Trebuchet MS',Trebuchet,Verdana,Sans-serif">
<Variable name="descriptionfont" description="Blog Description Font"
type="font"
default="normal normal 78% 'Trebuchet MS', Trebuchet, Verdana, Sans-serif" value="normal normal 78% 'Trebuchet MS', Trebuchet, 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">
*/

body {
background:$bgcolor;
margin:0;
color:$textcolor;
font: x-small "Trebuchet MS", Trebuchet, Verdana, Sans-serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}

a:link {
color:$linkcolor;
text-decoration:none;
}

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

a:hover {
color:$hoverlinkcolor;
text-decoration:underline;
}

a img {
border-width:0;
}

/* Header
-----------------------------------------------
*/

#header-wrapper {
background:$titlebgcolor;
width:994px;
margin:0 auto 10px;
border:1px solid $hbordercolor;
}

#header {
margin: 5px;
border: 1px solid $hbordercolor;
text-align: center;
color:$pagetitlecolor;
}

#header h1 {
margin:5px 5px 0;
padding:15px 20px .25em;
line-height:1.2em;
text-transform:uppercase;
font: $pagetitlefont;
}

#header a {
color:$pagetitlecolor;
text-decoration:none;
}

#header a:hover {
color:$pagetitlecolor;
}

#header .description {
margin:0 5px 5px;
padding:0 20px 15px;
max-width:900px;
text-transform:uppercase;
line-height: 1.4em;
font: $descriptionfont;
color: $descriptioncolor;
}

/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {
width: 1000px;
margin: 0 auto;
padding: 5px 0px;
text-align: left;
font: $bodyfont;
}

#sidebar1-wrapper {
width: 120px;
background:$sidebar1bgcolor;
margin-left: 2px;
margin-right: 5px;
}

#sidebar2-wrapper {
width: 150px;
background:$sidebar2bgcolor;
margin-right: 5px;
}

#main-wrapper {
width: 380px;
background:$mainbgcolor;
margin-right: 5px;
}

#sidebar3-wrapper {
width: 120px;
background:$sidebar3bgcolor;
margin-right: 5px;
}

#sidebar4-wrapper {
width: 150px;
background:$sidebar4bgcolor;
margin-right: 2px;
}

#main-wrapper, #sidebar1-wrapper, #sidebar2-wrapper, #sidebar3-wrapper, #sidebar4-wrapper {
border: 1px solid $bordercolor;
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, #sidebar1-wrapper, #sidebar2-wrapper, #sidebar3-wrapper {
float: left;
}

#sidebar4-wrapper {
float: right;
}

.inner-wrapper {
padding: 2px 4px;
}

/* Headings
----------------------------------------------- */

h2 {
margin:1.5em 0 .75em;
font:$headerfont;
line-height: 1.4em;
text-transform:uppercase;
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:120%;
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:bold;
}

.post h3 strong, .post h3 a:hover {
color:$textcolor;
}

.post p {
margin:0 0 .75em;
line-height:1.6em;
}

.post-footer {
margin: .75em 0;
color:$sidebarcolor;
text-transform:uppercase;
font: $postfooterfont;
line-height: 1.4em;
}

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

.post img {
padding:4px;
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;
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;
}

#comments-block .comment-body p {
margin:0 0 .75em;
}

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

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

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

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

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

/* Sidebar Content
----------------------------------------------- */
.sidebar1-wrapper, .sidebar2-wrapper, .sidebar3-wrapper, .sidebar4-wrapper {
line-height: 1.5em;
}

.inner-wrapper ul {
list-style:none;
margin:0 0 0;
padding:0 0 0;
}

.inner-wrapper li {
margin:0;
padding:0 0 .25em 15px;
text-indent:-15px;
line-height:1.5em;
}

.inner-wrapper .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: left;
margin: 0 5px 5px 0;
padding: 4px;
border: 1px solid $bordercolor;
}

.profile-data {
margin:0;
text-transform:uppercase;
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;
}

/* Footer
----------------------------------------------- */
#footer {
width: 1000px;
margin: 0 auto;
clear:both;
padding-top:15px;
line-height: 1.6em;
text-transform:uppercase;
text-align: center;
}

/** Page structure tweaks for layout editor wireframe */
body#layout #header {
margin-left: 0px;
margin-right: 0px;
}

]]></b:skin>

</head>

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


<span id='skiplinks' style='display:none;'>
<a href='#main'>skip to main </a> |
<a href='#sidebar'>skip to sidebar</a>
</span>


<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Test (Header)' type='Header'/>
</b:section>
</div>



<div id='content-wrapper'>


<div class='inner-wrapper' id='sidebar1-wrapper'>
<b:section class='sidebar1' id='sidebar1' preferred='yes'>
<b:widget id='Profile1' locked='false' title='About me' type='Profile'/>
</b:section>
</div>



<div class='inner-wrapper' id='sidebar2-wrapper'>
<b:section class='sidebar2' id='sidebar2' preferred='yes'>
<b:widget id='Profile2' locked='false' title='About me' type='Profile'/>
</b:section>
</div>



<div class='inner-wrapper' 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 class='inner-wrapper' id='sidebar3-wrapper'>
<b:section class='sidebar3' id='sidebar3' preferred='yes'>
<b:widget id='Profile3' locked='false' title='About Me' type='Profile'/>
</b:section>
</div>



<div class='inner-wrapper' id='sidebar4-wrapper'>
<b:section class='sidebar4' id='sidebar4' preferred='yes'>
<b:widget id='Profile4' 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'>
<b:widget id='HTML1' locked='false' title='Hello' type='HTML'/>
</b:section>

</div>


</div></div> 
<center><img border='0' id='BLOGGER_PHOTO_ID_5255170228945611202' src='http://1.bp.blogspot.com/__VhkYhRnHqI/SO4deuqC6cI/AAAAAAAAAAs/o6KdTgI36qE/s200/clip_image002.jpg' style='' title='Mullookkaaran'/></center>
</body>
</html>

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>
<b:skin><![CDATA[/*
-----------------------------------------------------------------------------------
Blogger Template Style
Name: Minima 5
Designer: Mullookkaaran

----------------------------------------------------------------------------------- */

/* Variable definitions
====================
<Variable name="bgcolor" description="Page Background Color"
type="color" default="#e1d4c0" value="#e1d4c0">
<Variable name="titlebgcolor" description="Page Header Background Color"
type="color" default="#0066cc" value="#0066cc">
<Variable name="hbordercolor" description="Header Border Color"
type="color" default="#00ffff" value="#00ffff">
<Variable name="pagetitlecolor" description="Blog Title Color"
type="color" default="#ffffff" value="#ffffff">
<Variable name="descriptioncolor" description="Blog Description Color"
type="color" default="#ffffcc" value="#ffffcc">
<Variable name="mainbgcolor" description="Main Background Color"
type="color" default="#ffffff" value="#ffffff">
<Variable name="sidebar1bgcolor" description="First Sidebar Background Color"
type="color" default="#ffffff" value="#ffffff">
<Variable name="sidebar2bgcolor" description="Second Sidebar Background Color"
type="color" default="#ffffff" value="#ffffff">
<Variable name="sidebar3bgcolor" description="Third Sidebar Background Color"
type="color" default="#ffffff" value="#ffffff">
<Variable name="sidebar4bgcolor" description="Fourth Sidebar Background Color"
type="color" default="#ffffff" value="#ffffff">
<Variable name="textcolor" description="Text Color"
type="color" default="#660033" value="#660033">
<Variable name="linkcolor" description="Link Color"
type="color" default="#ff0066" value="#ff0066">
<Variable name="visitedlinkcolor" description="Visited Link Color"
type="color" default="#ff0066" value="#ff0066">
<Variable name="hoverlinkcolor" description="Hover Link Color"
type="color" default="#0066cc" value="#0066cc">
<Variable name="titlecolor" description="Post Title Color"
type="color" default="#0066cc" value="#0066cc">
<Variable name="bordercolor" description="Border Color"
type="color" default="#00ffff" value="#00ffff">
<Variable name="sidebarcolor" description="Sidebar Title Color"
type="color" default="#6728B2" value="#6728B2">
<Variable name="bodyfont" description="Text Font"
type="font" default="normal normal 100% 'Trebuchet MS',Trebuchet,Verdana,Sans-serif" value="normal normal 100% 'Trebuchet MS',Trebuchet,Verdana,Sans-serif">
<Variable name="headerfont" description="Sidebar Title Font"
type="font"
default="normal bold 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif" value="normal bold 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif">
<Variable name="pagetitlefont" description="Blog Title Font"
type="font"
default="normal bold 200% 'Trebuchet MS',Trebuchet,Verdana,Sans-serif" value="normal bold 200% 'Trebuchet MS',Trebuchet,Verdana,Sans-serif">
<Variable name="descriptionfont" description="Blog Description Font"
type="font"
default="normal normal 78% 'Trebuchet MS', Trebuchet, Verdana, Sans-serif" value="normal normal 78% 'Trebuchet MS', Trebuchet, 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">
*/

body {
background:$bgcolor;
margin:0;
color:$textcolor;
font: x-small "Trebuchet MS", Trebuchet, Verdana, Sans-serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}

a:link {
color:$linkcolor;
text-decoration:none;
}

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

a:hover {
color:$hoverlinkcolor;
text-decoration:underline;
}

a img {
border-width:0;
}

/* Header
-----------------------------------------------
*/

#header-wrapper {
background:$titlebgcolor;
width:994px;
margin:0 auto 10px;
border:1px solid $hbordercolor;
}

#header {
margin: 5px;
border: 1px solid $hbordercolor;
text-align: center;
color:$pagetitlecolor;
}

#header h1 {
margin:5px 5px 0;
padding:15px 20px .25em;
line-height:1.2em;
text-transform:uppercase;
font: $pagetitlefont;
}

#header a {
color:$pagetitlecolor;
text-decoration:none;
}

#header a:hover {
color:$pagetitlecolor;
}

#header .description {
margin:0 5px 5px;
padding:0 20px 15px;
max-width:900px;
text-transform:uppercase;
line-height: 1.4em;
font: $descriptionfont;
color: $descriptioncolor;
}

/* Outer-Wrapper

----------------------------------------------- */
#outer-wrapper {
width: 1000px;
margin: 0 auto;
padding: 5px 0px;
text-align: left;
font: $bodyfont;
}

#sidebar1-wrapper {
width: 120px;
background:$sidebar1bgcolor;
margin-left: 2px;
margin-right: 5px;
}

#main-wrapper {
width: 380px;
background:$mainbgcolor;
margin-right: 5px;
}

#sidebar2-wrapper {
width: 150px;
background:$sidebar2bgcolor;
margin-right: 5px;
}

#sidebar3-wrapper {
width: 120px;
background:$sidebar3bgcolor;
margin-right: 5px;
}

#sidebar4-wrapper {
width: 150px;
background:$sidebar4bgcolor;
margin-right: 2px;
}

#main-wrapper, #sidebar1-wrapper, #sidebar2-wrapper, #sidebar3-wrapper, #sidebar4-wrapper {
border: 1px solid $bordercolor;
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, #sidebar1-wrapper, #sidebar2-wrapper, #sidebar3-wrapper {
float: left;
}

#sidebar4-wrapper {
float: right;
}

.inner-wrapper {
padding: 2px 4px;
}

/* Headings
----------------------------------------------- */

h2 {
margin:1.5em 0 .75em;
font:$headerfont;
line-height: 1.4em;
text-transform:uppercase;
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:120%;
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:bold;
}

.post h3 strong, .post h3 a:hover {
color:$textcolor;
}

.post p {
margin:0 0 .75em;
line-height:1.6em;
}

.post-footer {
margin: .75em 0;
color:$sidebarcolor;
text-transform:uppercase;
font: $postfooterfont;
line-height: 1.4em;
}

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

.post img {
padding:4px;
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;
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;
}

#comments-block .comment-body p {
margin:0 0 .75em;
}

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

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

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

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

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

/* Sidebar Content
----------------------------------------------- */
.sidebar1-wrapper, .sidebar2-wrapper, .sidebar3-wrapper, .sidebar4-wrapper {
line-height: 1.5em;
}

.inner-wrapper ul {
list-style:none;
margin:0 0 0;
padding:0 0 0;
}

.inner-wrapper li {
margin:0;
padding:0 0 .25em 15px;
text-indent:-15px;
line-height:1.5em;
}

.inner-wrapper .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: left;
margin: 0 5px 5px 0;
padding: 4px;
border: 1px solid $bordercolor;
}

.profile-data {
margin:0;
text-transform:uppercase;
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;
}

/* Footer
----------------------------------------------- */
#footer {
width: 1000px;
margin: 0 auto;
clear:both;
padding-top:15px;
line-height: 1.6em;
text-transform:uppercase;
text-align: center;
}

/** Page structure tweaks for layout editor wireframe */
body#layout #header {
margin-left: 0px;
margin-right: 0px;
}

]]></b:skin>

</head>

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


<span id='skiplinks' style='display:none;'>
<a href='#main'>skip to main </a> |
<a href='#sidebar'>skip to sidebar</a>
</span>


<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Test Bangladesh Bookmark (Header)' type='Header'/>
</b:section>
</div>



<div id='content-wrapper'>


<div class='inner-wrapper' id='sidebar1-wrapper'>
<b:section class='sidebar1' id='sidebar1' preferred='yes'>
<b:widget id='Profile1' locked='false' title='About me' type='Profile'/>
</b:section>
</div>



<div class='inner-wrapper' 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 class='inner-wrapper' id='sidebar2-wrapper'>
<b:section class='sidebar2' id='sidebar2' preferred='yes'>
<b:widget id='Profile2' locked='false' title='About me' type='Profile'/>
</b:section>
</div>



<div class='inner-wrapper' id='sidebar3-wrapper'>
<b:section class='sidebar3' id='sidebar3' preferred='yes'>
<b:widget id='Profile3' locked='false' title='About Me' type='Profile'/>
</b:section>
</div>



<div class='inner-wrapper' id='sidebar4-wrapper'>
<b:section class='sidebar4' id='sidebar4' preferred='yes'>
<b:widget id='Profile4' 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> 
<center><img id="BLOGGER_PHOTO_ID_5255170228945611202" src="http://1.bp.blogspot.com/__VhkYhRnHqI/SO4deuqC6cI/AAAAAAAAAAs/o6KdTgI36qE/s200/clip_image002.jpg" style="" title="Mullookkaaran" border="0"/></center>
</body>
</html>

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>
<b:skin><![CDATA[/*
-----------------------------------------------------------------------------------
Blogger Template Style

Name: Minima 5
Designer: Mullookkaaran

----------------------------------------------------------------------------------- */

/* Variable definitions
====================
<Variable name="bgcolor" description="Page Background Color"
type="color" default="#ffffcc" value="#ffffcc">
<Variable name="titlebgcolor" description="Page Header Background Color"
type="color" default="#CAF99B" value="#CAF99B">
<Variable name="hbordercolor" description="Header Border Color"
type="color" default="#CAF99B" value="#CAF99B">
<Variable name="pagetitlecolor" description="Blog Title Color"
type="color" default="#0066CC" value="#0066CC">
<Variable name="descriptioncolor" description="Blog Description Color"
type="color" default="#003366" value="#003366">
<Variable name="mainbgcolor" description="Main Background Color"
type="color" default="#CAF99B" value="#CAF99B">
<Variable name="sidebar1bgcolor" description="First Sidebar Background Color"
type="color" default="#e2ccff" value="#e2ccff">
<Variable name="sidebar2bgcolor" description="Second Sidebar Background Color"
type="color" default="#e2ccff" value="#e2ccff">
<Variable name="sidebar3bgcolor" description="Third Sidebar Background Color"
type="color" default="#e2ccff" value="#e2ccff">
<Variable name="sidebar4bgcolor" description="Fourth Sidebar Background Color"
type="color" default="#e2ccff" value="#e2ccff">
<Variable name="textcolor" description="Text Color"
type="color" default="#00091a" value="#00091a">
<Variable name="linkcolor" description="Link Color"
type="color" default="#660000" value="#660000">
<Variable name="visitedlinkcolor" description="Visited Link Color"
type="color" default="#660000" value="#660000">
<Variable name="hoverlinkcolor" description="Hover Link Color"
type="color" default="#cc0000" value="#cc0000">
<Variable name="titlecolor" description="Post Title Color"
type="color" default="#0066cc" value="#0066CC">
<Variable name="bordercolor" description="Border Color"
type="color" default="#ffffcc" value="#ffffcc">
<Variable name="sidebarcolor" description="Sidebar Title Color"
type="color" default="#6131BD" value="#6131BD">
<Variable name="bodyfont" description="Text Font"
type="font" default="normal normal 100% 'Trebuchet MS',Trebuchet,Verdana,Sans-serif" value="normal normal 100% 'Trebuchet MS',Trebuchet,Verdana,Sans-serif">
<Variable name="headerfont" description="Sidebar Title Font"
type="font"
default="normal bold 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif" value="normal bold 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif">
<Variable name="pagetitlefont" description="Blog Title Font"
type="font"
default="normal bold 200% 'Trebuchet MS',Trebuchet,Verdana,Sans-serif" value="normal bold 200% 'Trebuchet MS',Trebuchet,Verdana,Sans-serif">
<Variable name="descriptionfont" description="Blog Description Font"
type="font"
default="normal normal 78% 'Trebuchet MS', Trebuchet, Verdana, Sans-serif" value="normal normal 78% 'Trebuchet MS', Trebuchet, 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">
*/

body {
background:$bgcolor;
margin:0;
color:$textcolor;
font: x-small "Trebuchet MS", Trebuchet, Verdana, Sans-serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}

a:link {
color:$linkcolor;
text-decoration:none;
}

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

a:hover {
color:$hoverlinkcolor;
text-decoration:underline;
}

a img {
border-width:0;
}

/* Header
-----------------------------------------------
*/

#header-wrapper {
background:$titlebgcolor;
width:994px;
margin:0 auto 10px;
border:1px solid $hbordercolor;
}

#header {
margin: 5px;
border: 1px solid $hbordercolor;
text-align: center;
color:$pagetitlecolor;
}

#header h1 {
margin:5px 5px 0;
padding:15px 20px .25em;
line-height:1.2em;
text-transform:uppercase;
font: $pagetitlefont;
}

#header a {
color:$pagetitlecolor;
text-decoration:none;
}

#header a:hover {
color:$pagetitlecolor;
}

#header .description {
margin:0 5px 5px;
padding:0 20px 15px;
max-width:900px;
text-transform:uppercase;
line-height: 1.4em;
font: $descriptionfont;
color: $descriptioncolor;
}

/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {
width: 1000px;
margin: 0 auto;
padding: 5px 0px;
text-align: left;
font: $bodyfont;
}

#sidebar1-wrapper {
width: 120px;
background:$sidebar1bgcolor;
margin-left: 2px;
margin-right: 5px;
}

#sidebar2-wrapper {
width: 150px;
background:$sidebar2bgcolor;
margin-right: 5px;
}

#sidebar3-wrapper {
width: 120px;
background:$sidebar3bgcolor;
margin-right: 5px;
}

#sidebar4-wrapper {
width: 150px;
background:$sidebar4bgcolor;
margin-right: 5px;
}

#main-wrapper {
width: 380px;
background:$mainbgcolor;
margin-right: 2px;
}

#main-wrapper, #sidebar1-wrapper, #sidebar2-wrapper, #sidebar3-wrapper, #sidebar4-wrapper {
border: 1px solid $bordercolor;
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 */
}

#sidebar1-wrapper, #sidebar2-wrapper, #sidebar3-wrapper, #sidebar4-wrapper {
float: left;
}

#main-wrapper {
float: right;
}

.inner-wrapper {
padding: 2px 4px;
}

/* Headings
----------------------------------------------- */

h2 {
margin:1.5em 0 .75em;
font:$headerfont;
line-height: 1.4em;
text-transform:uppercase;
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:120%;
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:bold;
}

.post h3 strong, .post h3 a:hover {
color:$textcolor;
}

.post p {
margin:0 0 .75em;
line-height:1.6em;
}

.post-footer {
margin: .75em 0;
color:$sidebarcolor;
text-transform:uppercase;
font: $postfooterfont;
line-height: 1.4em;
}

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

.post img {
padding:4px;
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;
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;
}

#comments-block .comment-body p {
margin:0 0 .75em;
}

.deleted-comment {
font-style:italic;

color:gray;
}

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

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

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

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

/* Sidebar Content
----------------------------------------------- */
.sidebar1-wrapper, .sidebar2-wrapper, .sidebar3-wrapper, .sidebar4-wrapper {
line-height: 1.5em;
}

.inner-wrapper ul {
list-style:none;
margin:0 0 0;
padding:0 0 0;
}

.inner-wrapper li {
margin:0;
padding:0 0 .25em 15px;
text-indent:-15px;
line-height:1.5em;
}

.inner-wrapper .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: left;
margin: 0 5px 5px 0;
padding: 4px;
border: 1px solid $bordercolor;
}

.profile-data {
margin:0;
text-transform:uppercase;
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;
}

/* Footer
----------------------------------------------- */
#footer {
width: 1000px;
margin: 0 auto;
clear:both;
padding-top:15px;
line-height: 1.6em;
text-transform:uppercase;
text-align: center;
}

/** Page structure tweaks for layout editor wireframe */
body#layout #header {
margin-left: 0px;
margin-right: 0px;
}

]]></b:skin>

</head>

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


<span id='skiplinks' style='display:none;'>
<a href='#main'>skip to main </a> |
<a href='#sidebar'>skip to sidebar</a>
</span>


<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Test (Header)' type='Header'/>
</b:section>
</div>



<div id='content-wrapper'>


<div class='inner-wrapper' id='sidebar1-wrapper'>
<b:section class='sidebar1' id='sidebar1' preferred='yes'>
<b:widget id='Profile1' locked='false' title='About me' type='Profile'/>
</b:section>
</div>



<div class='inner-wrapper' id='sidebar2-wrapper'>
<b:section class='sidebar2' id='sidebar2' preferred='yes'>
<b:widget id='Profile2' locked='false' title='About me' type='Profile'/>
</b:section>
</div>



<div class='inner-wrapper' id='sidebar3-wrapper'>
<b:section class='sidebar3' id='sidebar3' preferred='yes'>
<b:widget id='Profile3' locked='false' title='About Me' type='Profile'/>
</b:section>
</div>



<div class='inner-wrapper' id='sidebar4-wrapper'>
<b:section class='sidebar4' id='sidebar4' preferred='yes'>
<b:widget id='Profile4' locked='false' title='About me' type='Profile'/>
</b:section>
</div>



<div class='inner-wrapper' 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 class='clear'> </div>

</div>



<div id='footer-wrapper'>
<b:section class='footer' id='footer'/>

</div>


</div></div> 
<center><img border='0' id='BLOGGER_PHOTO_ID_5255170228945611202' src='http://1.bp.blogspot.com/__VhkYhRnHqI/SO4deuqC6cI/AAAAAAAAAAs/o6KdTgI36qE/s200/clip_image002.jpg' style='' title='Mullookkaaran'/></center>
</body>
</html>

3 COLUMN BLOGGER TEMPLATES

2008-10-29T13:06:00.003+05:30

897

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>
<b:skin><![CDATA[
/* Variable definitions
====================

<Variable name="mainBgColor" description="Main Background Color"
type="color" default="#214552" value="#214552">
<Variable name="mainTextColor" description="Text Color"
type="color" default="#ffffff" value="#ffffff">
<Variable name="mainLinkColor" description="Link Color"
type="color" default="#99ddff" value="#99ddff">
<Variable name="mainVisitedLinkColor" description="Visited Link Color"
type="color" default="#777766" value="#777766">
<Variable name="dateHeaderColor" description="Date Header Color"
type="color" default="#446677" value="#446677">
<Variable name="postTitleColor" description="Post Title Color"
type="color" default="#8cdfff" value="#8cdfff">
<Variable name="sidebarBgColor" description="Sidebar Background Color"
type="color" default="#cedfbd" value="#cedfbd">
<Variable name="sidebarHeaderColor" description="Sidebar Title Color"
type="color" default="#ffffff" value="#ffffff">
<Variable name="sidebarTextColor" description="Sidebar Text Color"
type="color" default="#335566" value="#335566">
<Variable name="sidebarLinkColor" description="Sidebar Link Color"
type="color" default="#336699" value="#336699">
<Variable name="sidebarVisitedLinkColor"
description="Sidebar Visited Link Color"
type="color" default="#333333" value="#333333">
<Variable name="descColor" description="Blog Description Color"
type="color" default="#ffffff" value="#ffffff">
<Variable name="bodyFont" description="Text Font"
type="font" default="normal normal 100% Verdana, Sans-serif" value="normal normal 100% Verdana, Sans-serif">
<Variable name="titleFont" description="Blog Title Font"
type="font" default="normal bold 275% Helvetica, Arial, Verdana, Sans-serif" value="normal bold 275% Helvetica, Arial, Verdana, Sans-serif">
<Variable name="sidebarHeaderFont" description="Sidebar Title Font"
type="font" default="normal bold 125% Helvetica, Arial, Verdana, Sans-serif" value="normal bold 125% Helvetica, Arial, Verdana, Sans-serif">
<Variable name="dateHeaderFont" description="Date Header Font"
type="font" default="normal bold 112% Arial, Verdana, Sans-serif" value="normal bold 112% Arial, Verdana, Sans-serif">
*/

body {
background-color: #ccc;
margin:0;
font: x-small Verdana, Sans-serif;
text-align:center;
color:#000;
font-size/* */:/**/small;
font-size: /**/small;
}

/* Page Structure
----------------------------------------------- */
#outer-wrapper {
position:relative;
top:4px;
left:4px;
background: #889977;
width:995px;
margin:10px auto;
text-align:left;
font: $bodyFont;
}
#wrap2 {
position:relative;
top:-4px;
left:-4px;
background:#fff;
padding:10px;
border: 1px solid #fff;
}

#content-wrapper {
width:100%;
background-color: #fff;
}
#main-wrapper {
background: $mainBgColor url("http://www.blogblog.com/no897/corner_main.gif") no-repeat right top;
width:460px;
margin:0px 10px;
float:left;
color:$mainTextColor;
font-size: 85%;
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 {
margin:0;
padding:15px 20px;
}
.sidebar-wrapper {
background:$sidebarBgColor url("http://www.blogblog.com/no897/corner_sidebar.gif") no-repeat left top;
width:234px;
float:left;
padding:5px;
color: $sidebarTextColor;
font-size: 83%;
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 {
margin:0;
padding:2px 20px 10px;
}

#footer {
display:none;
}

/* Links
----------------------------------------------- */
a:link {
color:$mainLinkColor;
text-decoration:none;
}
a:visited {
color: $mainVisitedLinkColor;
text-decoration:none;
}
a:hover {
color: $mainVisitedLinkColor;
text-decoration:underline;
}
a img {
border-width:0;
}

#sidebar a {
color: $sidebarLinkColor;
}
#sidebar a:visited {
color: $sidebarVisitedLinkColor;
}
#sidebar a:hover {
color: $sidebarVisitedLinkColor;
}

/* Header
----------------------------------------------- */
#header-wrapper {
background: #fff;
padding-bottom: 4px;
}

#header .titlewrapper {
background:#269 url("http://www.blogblog.com/no897/topleft.gif") no-repeat left bottom;
padding:0 0 0 160px;
margin:0 0 10px;
color:#fff;
width:100%;
width/* */:/**/auto;
width:auto;
}
#header h1 {
background:url("http://www.blogblog.com/no897/bg_header.gif") no-repeat left top;
margin:0;
padding:70px 0 30px;
line-height: 97px;
font: $titleFont;
text-transform:lowercase;
}
#header h1 a {
color:#fff;
text-decoration:none;
}
.postpage #header h1 {
padding-top:0;
background-position:0 -40px;
}

.clear { clear: both; }

/* Description
----------------------------------------------- */
#header .descriptionwrapper {
background: #88ddff url("http://www.blogblog.com/no897/bg_desc_top.gif") no-repeat left top;
margin:0 0 6px;
padding:12px 0 0;
color: $descColor;
font-size: 75%;
border-bottom: 1px solid #ffffff;
}
#header .description {
background:url("http://www.blogblog.com/no897/bg_desc_bot.gif") no-repeat left bottom;
margin:0;
padding:0 0 12px;
display:block;
line-height: 1.6em;
text-transform:uppercase;
letter-spacing:.1em;
min-height:12px;
border-bottom: 1px solid #ffffff;
}

#header .description span {
/* To remove the word next to the description, delete the following background property */
background:url("http://www.blogblog.com/no897/temp_no.gif") no-repeat left center;
/* Keep everything below */
display:block;
padding:0 0 0 160px;
text-transform:uppercase;
letter-spacing:.1em;
min-height:12px;
}

.postpage #description em {
font-size:1px;
line-height:1px;
color:$descColor;
visibility:hidden;
}

/* Posts
----------------------------------------------- */
h2.date-header {
margin:0 0 .5em;
line-height: 1.4em;
font: $dateHeaderFont;
text-transform:lowercase;
color:$dateHeaderColor;
}
.post {
margin:0 0 2em;
}
.post h3 {
margin:0 0 .25em;
line-height: 1.4em;
font-weight: bold;
font-size: 150%;
color:$postTitleColor;
}
.post h3 a {
text-decoration:none;
color:$postTitleColor;
}
.post h3 a:link {
color: $postTitleColor;
}
.post h3 a:hover {
color: $mainVisitedLinkColor;
}
.post p {
margin:0 0 .75em;
line-height:1.6em;
}
.post-footer {
color:$postTitleColor;
text-transform:lowercase;
}
.post-footer .post-author,
.post-footer .post-timestamp {
font-style:normal;
}
.post blockquote {
margin:1em 20px;
padding:5px 0;
border:2px solid #dec;
border-width:2px 0;
}
.post blockquote p {
margin:.5em 0;
}
.post img {
border:5px solid #fff;
}

/* Comments
----------------------------------------------- */
#comments {
margin:2em 0 0;
border-top:2px solid #dec;
padding-top:1em;
}
#comments h4 {
margin:0 0 .25em;
font-weight: bold;
line-height: 1.4em;
font-size: 150%;
text-transform:lowercase;
color: #366;
}
#comments-block {
margin:0 0 1em 0;
line-height:1.6em;
}
.comment-author {
margin:0 0 .25em;
font-weight: bold;
line-height: 1.4em;
font-size: 112%;
text-transform:lowercase;
}
.comment-body, .comment-body p {
margin:0 0 .75em;
}
p.comment-footer {
margin:-.25em 0 2em;
}

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

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

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

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

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

/* Sidebar
----------------------------------------------- */
.sidebar h2 {
margin:1em 0 .25em;
line-height: 1.4em;
font: $sidebarHeaderFont;
color: $sidebarHeaderColor;
text-transform:lowercase;
}
.sidebar .widget {
margin:0 0 1.5em;
padding:0;
}
.sidebar ul {
list-style:none;
margin: 0;
padding: 0;
}
.sidebar li {
margin:0;
padding:0 0 .25em 20px;
text-indent:-20px;
line-height:1.4em;
}

/* Profile
----------------------------------------------- */
.profile-datablock, .profile-textblock {
margin:0 0 .75em;
line-height:1.4em;
}
.profile-img {
float: left;
margin: 0 5px 5px 0;
border: 5px solid $sidebarHeaderColor;
}
.profile-data {
font-weight: bold;
}

/* Misc
----------------------------------------------- */
#footer-wrapper {
clear:both;
display:block;
height:1px;
margin:0;
padding:0;
font-size:1px;
line-height:1px;
}

/** Page structure tweaks for layout editor wireframe */
body#layout #outer-wrapper {
margin-top: 0;
}
body#layout #main,
body#layout #sidebar {
padding: 0;
}
body#layout #main-wrapper,
body#layout .sidebar-wrapper {
height: auto;
}
]]></b:skin>
</head>

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


<span id='skiplinks' style='display:none;'>
<a href='#main'>skip to main </a> |
<a href='#sidebar'>skip to sidebar</a>
</span>

<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Test (Header)' type='Header'/>
</b:section>
</div>

<div id='content-wrapper'>
<div class='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar2' preferred='yes'>
<b:widget id='Text1' locked='false' title='Disclaimer' 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 class='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='Profile1' locked='false' title='About Me' type='Profile'/>
<b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'/>
<b:widget id='LinkList1' locked='false' title='Links' type='LinkList'/>
</b:section>

</div>


<div class='clear'> </div>

</div> 
</div></div> 
<center><p> <img border='0' id='BLOGGER_PHOTO_ID_5255170228945611202' src='http://1.bp.blogspot.com/__VhkYhRnHqI/SO4deuqC6cI/AAAAAAAAAAs/o6KdTgI36qE/s200/clip_image002.jpg' style=''/></p></center>
</body>
</html>

Denim Light

Dots

Harbor

Minima Blue

Minima Ochre

Denim

Denim Washed

Dots Dark

Herbert

Minima Black

Minima White

MS Moto

Rounders 1

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>

<head>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>
<b:skin><![CDATA[
/* Variable definitions
====================
<Variable name="mainBgColor" description="Main Background Color"
type="color" default="#fff" value="#ffffff">
<Variable name="mainTextColor" description="Text Color" type="color"
default="#333" value="#333333">
<Variable name="postTitleColor" description="Post Title Color" type="color"
default="#333" value="#333333">
<Variable name="dateHeaderColor" description="Date Header Color"
type="color" default="#357" value="#335577">
<Variable name="borderColor" description="Post Border Color" type="color"
default="#bbb" value="#bbbbbb">

<Variable name="mainLinkColor" description="Link Color" type="color"
default="#258" value="#225588">
<Variable name="mainVisitedLinkColor" description="Visited Link Color"
type="color" default="#666" value="#666666">

<Variable name="titleBgColor" description="Page Header Background Color"
type="color" default="#456" value="#445566">
<Variable name="titleTextColor" description="Blog Title Color"
type="color" default="#fff" value="#ffffff">

<Variable name="topSidebarHeaderColor"
description="Top Sidebar Title Color"
type="color" default="#234" value="#223344">
<Variable name="topSidebarBgColor"
description="Top Sidebar Background Color"
type="color" default="#cdc" value="#ccddcc">
<Variable name="topSidebarTextColor" description="Top Sidebar Text Color"
type="color" default="#345" value="#334455">
<Variable name="topSidebarLinkColor" description="Top Sidebar Link Color"
type="color" default="#258" value="#225588">
<Variable name="topSidebarVisitedLinkColor"
description="Top Sidebar Visited Link Color"
type="color" default="#258" value="#225588">

<Variable name="bodyFont" description="Text Font" type="font"
default="normal normal 100% 'Trebuchet MS',Verdana,Arial,Sans-serif" value="normal normal 100% 'Trebuchet MS',Verdana,Arial,Sans-serif">
<Variable name="pageTitleFont" description="Blog Title Font" type="font"
default="normal bold 200% 'Trebuchet MS',Verdana,Arial,Sans-serif" value="normal bold 200% 'Trebuchet MS',Verdana,Arial,Sans-serif">
<Variable name="descriptionFont" description="Description Font" type="font"
default="normal normal 100% 'Trebuchet MS',Verdana,Arial,Sans-serif" value="normal normal 100% 'Trebuchet MS',Verdana,Arial,Sans-serif">
<Variable name="headerFont" description="Sidebar Title Font" type="font"
default="normal bold 100% 'Trebuchet MS',Verdana,Arial,Sans-serif" value="normal bold 100% 'Trebuchet MS',Verdana,Arial,Sans-serif">
<Variable name="postTitleFont" description="Post Title Font" type="font"
default="normal bold 135% 'Trebuchet MS',Verdana,Arial,Sans-serif" value="normal bold 135% 'Trebuchet MS',Verdana,Arial,Sans-serif">
*/

body {
background:#aba;
margin:0;
text-align:center;
line-height: 1.5em;
font:x-small Trebuchet MS, Verdana, Arial, Sans-serif;
color:$mainTextColor;
font-size/* */:/**/small;
font-size: /**/small;
}

/* Page Structure
----------------------------------------------- */
/* The images which help create rounded corners depend on the
following widths and measurements. If you want to change
these measurements, the images will also need to change.
*/
#outer-wrapper {
width:975px;
margin:0 auto;
text-align:left;
font: $bodyFont;
}
#main-wrap1 {
width:485px;
float:left;
background:$mainBgColor url("http://www.blogblog.com/rounders/corners_main_bot.gif") no-repeat left bottom;
margin:15px 5px 0;
padding:0 0 10px;
color:$mainTextColor;
font-size:97%;
line-height:1.5em;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
}
#main-wrap2 {
float:left;
width:100%;
background:url("http://www.blogblog.com/rounders/corners_main_top.gif") no-repeat left top;
padding:10px 0 0;
}
#main {
background:url("http://www.blogblog.com/rounders/rails_main.gif") repeat-y;
padding:0;
}
.sidebar-wrap {
width:240px;
float:left;
margin:15px 0 0;
font-size:97%;
line-height:1.5em;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
}

.main .widget {
margin: 0 13px 4px 13px;
}

.main .Blog {
margin: 0;
}

/* Links
----------------------------------------------- */
a:link {
color: $mainLinkColor;
}
a:visited {
color: $mainVisitedLinkColor;
}
a:hover {
color: $mainVisitedLinkColor;
}
a img {
border-width:0;
}

/* Blog Header
----------------------------------------------- */
#header-wrapper {
background:$titleBgColor url("http://img437.imageshack.us/img437/3983/rounders1topcornerbf6.jpg") no-repeat left top;
margin:22px 0 0 0;
padding:8px 0 0 0;
color:$titleTextColor;
}
#header {
background:url(" http://img417.imageshack.us/img417/612/rounders1bottomcornerto6.jpg") no-repeat left bottom;
padding:0 15px 8px;
}
#header h1 {
margin:0;
padding:10px 30px 5px;
line-height:1.2em;
font: $pageTitleFont;
}
#header a,
#header a:visited {
text-decoration:none;
color: $titleTextColor;
}
#header .description {
margin:0;
padding:5px 30px 10px;
line-height:1.5em;
font: $descriptionFont;
}

/* Posts
----------------------------------------------- */
h2.date-header {
margin:0 28px 0 43px;
font-size:85%;
line-height:2em;
text-transform:uppercase;
letter-spacing:.2em;
color:$dateHeaderColor;
}
.post {
margin:.3em 0 25px;
padding:0 13px;
border:1px dotted $borderColor;
border-width:1px 0;
}
.post h3 {
margin:0;
line-height:1.5em;
background:url("http://www.blogblog.com/rounders/icon_arrow.gif") no-repeat 10px .5em;
display:block;
border:1px dotted $borderColor;
border-width:0 1px 1px;
padding:2px 14px 2px 29px;
color: $postTitleColor;
font: $postTitleFont;
}
.post h3 a, .post h3 a:visited {
text-decoration:none;
color: $postTitleColor;
}
a.title-link:hover {
background-color: $borderColor;
color: $mainTextColor;
}
.post-body {
border:1px dotted $borderColor;
border-width:0 1px 1px;
border-bottom-color:$mainBgColor;
padding:10px 14px 1px 29px;
}
html>body .post-body {
border-bottom-width:0;
}
.post p {
margin:0 0 .75em;
}

.post-footer {
background: #eee;
margin:0;
padding:2px 14px 2px 29px;
border:1px dotted $borderColor;
border-width:1px;
font-size:100%;
line-height:1.5em;
color: #666;
}

.post-footer p {
margin: 0;
}

html>body .post-footer {
border-bottom-color:transparent;
}

.uncustomized-post-template .post-footer {
text-align: right;
}

.uncustomized-post-template .post-author,
.uncustomized-post-template .post-timestamp {
display: block;
float: left;
text-align:left;
margin-right: 4px;
}

.post-footer a {
color: $mainLinkColor;
}
.post-footer a:hover {
color: $mainVisitedLinkColor;
}
a.comment-link {
/* IE5.0/Win doesn't apply padding to inline elements,
so we hide these two declarations from it */
background/* */:/**/url("http://www.blogblog.com/rounders/2icon_comment.gif") no-repeat 0 45%;
padding-left:14px;
}
html>body a.comment-link {
/* Respecified, for IE5/Mac's benefit */
background:url("http://www.blogblog.com/rounders/icon_comment.gif") no-repeat 0 45%;
padding-left:14px;
}
.post img {
margin:0 0 5px 0;
padding:4px;
border:1px solid $borderColor;
}
blockquote {
margin:.75em 0;
border:1px dotted $borderColor;
border-width:1px 0;
padding:5px 15px;
color: $dateHeaderColor;
}
.post blockquote p {
margin:.5em 0;
}

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

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

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

.feed-links {
clear: both;
line-height: 2.5em;
margin-left: 13px;
}

/* Comments
----------------------------------------------- */
#comments {
margin:-25px 13px 0;
border:1px dotted $borderColor;
border-width:0 1px 1px;
padding:20px 0 15px 0;
}
#comments h4 {
margin:0 0 10px;
padding:0 14px 2px 29px;
border-bottom:1px dotted $borderColor;
font-size:120%;
line-height:1.4em;
color:$postTitleColor;
}
#comments-block {
margin:0 15px 0 9px;
}
.comment-author {
background:url("http://www.blogblog.com/rounders/icon_comment.gif") no-repeat 2px .3em;
margin:.5em 0;
padding:0 0 0 20px;
font-weight:bold;
}
.comment-body {
margin:0 0 1.25em;
padding:0 0 0 20px;
}
.comment-body p {
margin:0 0 .5em;
}
.comment-footer {
margin:0 0 .5em;
padding:0 0 .75em 20px;
}
.comment-footer a:link {
color: $mainTextColor;
}
.deleted-comment {
font-style:italic;
color:gray;
}

/* Profile
----------------------------------------------- */
.profile-img {
float: left;
margin: 5px 5px 5px 0;
border: 4px solid $topSidebarTextColor;
}

.profile-datablock {
margin:0 15px .5em 0;
padding-top:8px;
}

.profile-link {
background:url("http://www.blogblog.com/rounders/icon_profile.gif") no-repeat 0 .1em;
padding-left:15px;
font-weight:bold;
}

.profile-textblock {
clear: both;
margin: 0;
}

.sidebar .clear, .main .widget .clear {
clear: both;
}

.sidebartop-wrap {
background:$topSidebarBgColor url("http://www.blogblog.com/rounders/corners_prof_bot.gif") no-repeat left bottom;
margin:0px 0px 15px;
padding:0px 0px 10px;
color:$topSidebarTextColor;
}

.sidebartop-wrap2 {
background:url("http://www.blogblog.com/rounders/corners_prof_top.gif") no-repeat left top;
padding: 10px 0 0;
margin:0;
border-width:0;
}

#sidebartop h2 {
line-height:1.5em;
color:$topSidebarHeaderColor;
border-bottom: 1px dotted $topSidebarHeaderColor;
margin-bottom: 0.5em;
font: $headerFont;
}

#sidebartop a {
color: $topSidebarLinkColor;
}

#sidebartop a:hover {
color: $topSidebarVisitedLinkColor;
}
#sidebartop a:visited {
color: $topSidebarVisitedLinkColor;
}
/* Sidebar Boxes
----------------------------------------------- */

.sidebar .widget {
margin:.5em 13px 1.25em;
padding:0 0px;
}

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

.sidebarbottom-wrap1 {
background:$mainBgColor url("http://www.blogblog.com/rounders/corners_side_top.gif") no-repeat left top;
margin:0 0 15px;
padding:10px 0 0;
color: $mainTextColor;
}

.sidebarbottom-wrap2 {
background:url("http://www.blogblog.com/rounders/corners_side_bot.gif") no-repeat left bottom;
padding:8px 0px 8px;
}

.sidebar h2 {
margin:0;
padding:0 0 .2em;
line-height:1.5em;
font:$headerFont;
}

.sidebar ul {
list-style:none;
margin:0 0 1.25em;
padding:0 0px;
}

.sidebar ul li {
background:url("http://www.blogblog.com/rounders/icon_arrow_sm.gif") no-repeat 2px .25em;
margin:0;
padding:0 0 3px 16px;
margin-bottom:3px;
border-bottom:1px dotted $borderColor;
line-height:1.4em;
}
.sidebar p {
margin:0 0 .6em;
}

#sidebar h2 {
color: $postTitleColor;
border-bottom: 1px dotted $postTitleColor;
}

/* Footer
----------------------------------------------- */
#footer-wrap1 {
clear:both;
margin:0;
padding:15px 0 0;
}
#footer-wrap2 {
background:$titleBgColor url("http://img437.imageshack.us/img437/3983/rounders1topcornerbf6.jpg") no-repeat left top;
padding:8px 0 0;
color:$titleTextColor;
}
#footer {
background:url("http://img417.imageshack.us/img417/612/rounders1bottomcornerto6.jpg") no-repeat left bottom;
padding:8px 15px 8px;
}
#footer hr {display:none;}
#footer p {margin:0;}
#footer a {color:$titleTextColor;}

/** Page structure tweaks for layout editor wireframe */
body#layout #main-wrap1,
body#layout .sidebar-wrap,
body#layout #header-wrapper {
margin-top: 0;
}

body#layout #header, body#layout #header-wrapper,
body#layout #outer-wrapper {
margin-left:0,
margin-right: 0;
padding: 0;
}

body#layout #outer-wrapper {
width: 730px;
}

body#layout #footer-wrap1 {
padding-top: 0;
}
]]></b:skin>
</head>

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

<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1'>
<b:widget id='Header1' locked='true' title='Test (Header)' type='Header'/>
</b:section>
</div>

<div class='sidebar-wrap'>

<div class='sidebarbottom-wrap1'><div class='sidebarbottom-wrap2'>
<b:section class='sidebar' id='sidebar2' preferred='yes'/>
</div></div>

</div>

<div id='main-wrap1'><div id='main-wrap2'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>
</b:section>
</div>
</div>

<div class='sidebar-wrap'>

<div class='sidebartop-wrap'><div class='sidebartop-wrap2'>
<b:section class='sidebar' id='sidebartop'>
<b:widget id='Profile1' locked='false' title='About Me' type='Profile'/>
</b:section>
</div></div>

<div class='sidebarbottom-wrap1'><div class='sidebarbottom-wrap2'>
<b:section class='sidebar' id='sidebar' preferred='yes'/>

</div></div>

</div>

<div id='footer-wrap1'><div id='footer-wrap2'>
<b:section class='footer' id='footer'/>
</div></div>

</div>

<center><p> <img border='0' id='BLOGGER_PHOTO_ID_5255170228945611202' src='http://1.bp.blogspot.com/__VhkYhRnHqI/SO4deuqC6cI/AAAAAAAAAAs/o6KdTgI36qE/s200/clip_image002.jpg' style=''/></p></center>

</body>
</html>

Rounders 2

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>

<head>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>
<b:skin><![CDATA[

/* Variable definitions
====================
<Variable name="mainBgColor" description="Main Background Color"
type="color" default="#fff" value="#ffffff">
<Variable name="mainTextColor" description="Text Color" type="color"
default="#000" value="#000000">
<Variable name="postTitleColor" description="Post Title Color" type="color"
default="#333" value="#333333">
<Variable name="dateHeaderColor" description="Date Header Color"
type="color" default="#810" value="#881100">
<Variable name="borderColor" description="Post Border Color" type="color"
default="#bbb" value="#bbbbbb">

<Variable name="mainLinkColor" description="Link Color" type="color"
default="#b30" value="#bb3300">
<Variable name="mainVisitedLinkColor" description="Visited Link Color"
type="color" default="#c63" value="#cc6633">

<Variable name="titleBgColor" description="Page Header Background Color"
type="color" default="#710" value="#771100">
<Variable name="titleTextColor" description="Blog Title Color"
type="color" default="#fff" value="#ffffff">

<Variable name="topSidebarHeaderColor"
description="Top Sidebar Title Color"
type="color" default="#fff" value="#ffffff">
<Variable name="topSidebarBgColor"
description="Top Sidebar Background Color"
type="color" default="#999" value="#999999">
<Variable name="topSidebarTextColor" description="Top Sidebar Text Color"
type="color" default="#fff" value="#ffffff">
<Variable name="topSidebarLinkColor" description="Top Sidebar Link Color"
type="color" default="#fff" value="#ffffff">
<Variable name="topSidebarVisitedLinkColor"
description="Top Sidebar Visited Link Color"
type="color" default="#ddd" value="#dddddd">

<Variable name="bodyFont" description="Text Font" type="font"
default="normal normal 100% 'Trebuchet MS',Verdana,Arial,Sans-serif" value="normal normal 100% 'Trebuchet MS',Verdana,Arial,Sans-serif">
<Variable name="pageTitleFont" description="Blog Title Font" type="font"
default="normal bold 200% 'Trebuchet MS',Verdana,Arial,Sans-serif" value="normal bold 200% 'Trebuchet MS',Verdana,Arial,Sans-serif">
<Variable name="descriptionFont" description="Description Font" type="font"
default="normal normal 100% 'Trebuchet MS',Verdana,Arial,Sans-serif" value="normal normal 100% 'Trebuchet MS',Verdana,Arial,Sans-serif">
<Variable name="headerFont" description="Sidebar Title Font" type="font"
default="normal bold 100% 'Trebuchet MS',Verdana,Arial,Sans-serif" value="normal bold 100% 'Trebuchet MS',Verdana,Arial,Sans-serif">
<Variable name="postTitleFont" description="Post Title Font" type="font"
default="normal bold 135% 'Trebuchet MS',Verdana,Arial,Sans-serif" value="normal bold 135% 'Trebuchet MS',Verdana,Arial,Sans-serif">
*/

body {
background:#ccc;
margin:0;
text-align:center;
line-height: 1.5em;
font:x-small Trebuchet MS, Verdana, Arial, Sans-serif;
color:#000000;
font-size/* */:/**/small;
font-size: /**/small;
}

/* Page Structure
----------------------------------------------- */
/* The images which help create rounded corners depend on the
following widths and measurements. If you want to change
these measurements, the images will also need to change.
*/
#outer-wrapper {
width:975px;
margin:0 auto;
text-align:left;
font: normal normal 89% 'Trebuchet MS',Verdana,Arial,Sans-serif;
}
#main-wrap1 {
width:485px;
float:left;
background:#ffffff url("http://www.blogblog.com/rounders2/corners_main_bot.gif") no-repeat left bottom;
margin:15px 5px 0;
padding:0 0 10px;
color:#000000;
font-size:97%;
line-height:1.5em;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
}
#main-wrap2 {
float:left;
width:100%;
background:url("http://www.blogblog.com/rounders2/corners_main_top.gif") no-repeat left top;
padding:10px 0 0;
}
#main {
background:url("http://www.blogblog.com/rounders2/rails_main.gif") repeat-y;
padding:0;
}
.sidebar-wrap {
width:240px;
float:left;
margin:15px 0 0;
font-size:97%;
line-height:1.5em;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
}

.main .widget {
margin: 0 13px 4px 13px;
}

.main .Blog {
margin: 0;
}

/* Links
----------------------------------------------- */
a:link {
color: #bb3300;
color:#800000;
text-decoration:none;
}
a:visited {
color: #cc6633;
color:#C0C0C0;
text-decoration:none;
}
a:hover {
color: #cc6633;
color:#808080;
text-decoration:none;
}
a img {
border-width:0;
}

/* Blog Header
----------------------------------------------- */
#header-wrapper {
background:#771100 url("http://img355.imageshack.us/img355/7923/rounders2topcornerzd6.jpg") no-repeat left top;
margin:22px 0 0 0;
padding:8px 0 0 0;
color:#ffffff;
}
#header {
background:url("http://img153.imageshack.us/img153/4059/rounders2bottomcornertn6.jpg") no-repeat left bottom;
padding:0 15px 8px;
}
#header h1 {
margin:0;
padding:10px 30px 5px;
line-height:1.2em;
font: normal bold 354% 'Trebuchet MS',Verdana,Arial,Sans-serif;
}
#header a,
#header a:visited {
text-decoration:none;
color: #ffffff;
}
#header .description {
margin:0;
padding:5px 30px 10px;
line-height:1.5em;
font: normal normal 110% 'Trebuchet MS',Verdana,Arial,Sans-serif;
}

/* Posts
----------------------------------------------- */
h2.date-header {
margin:0 28px 0 43px;
font-size:85%;
line-height:2em;
text-transform:uppercase;
letter-spacing:.2em;
color:#881100;
}
.post {
margin:.3em 0 25px;
padding:0 13px;
border:1px dotted #bbbbbb;
border-width:1px 0;
}
.post h3 {
margin:0;
line-height:1.5em;
background:url("http://www.blogblog.com/rounders2/icon_arrow.gif") no-repeat 10px .5em;
display:block;
border:1px dotted #bbbbbb;
border-width:0 1px 1px;
padding:2px 14px 2px 29px;
color: #333333;
font: italic bold 149% 'Trebuchet MS',Verdana,Arial,Sans-serif;
}
.post h3 a, .post h3 a:visited {
text-decoration:none;
color: #333333;
}
a.title-link:hover {
background-color: #bbbbbb;
color: #000000;
}
.post-body {
border:1px dotted #bbbbbb;
border-width:0 1px 1px;
border-bottom-color:#ffffff;
padding:10px 14px 1px 29px;
}
html>body .post-body {
border-bottom-width:0;
}
.post p {
margin:0 0 .75em;
}

.post-footer {
background: #eee;
margin:0;
padding:2px 14px 2px 29px;
border:1px dotted #bbbbbb;
border-width:1px;
font-size:100%;
line-height:1.5em;
color: #666;
}

.post-footer p {
margin: 0;
}

html>body .post-footer {
border-bottom-color:transparent;
}

.uncustomized-post-template .post-footer {
text-align: right;
}

.uncustomized-post-template .post-author,
.uncustomized-post-template .post-timestamp {
display: block;
float: left;
text-align:left;
margin-right: 4px;
}

.post-footer a {
color: #bb3300;
}
.post-footer a:hover {
color: #cc6633;
}
a.comment-link {
/* IE5.0/Win doesn't apply padding to inline elements,
so we hide these two declarations from it */
background/* */:/**/url("http://www.blogblog.com/rounders/2icon_comment.gif") no-repeat 0 45%;
padding-left:14px;
}
html>body a.comment-link {
/* Respecified, for IE5/Mac's benefit */
background:url("http://www.blogblog.com/rounders2/icon_comment.gif") no-repeat 0 45%;
padding-left:14px;
}
.post img {
margin:0 0 5px 0;
padding:4px;
border:1px solid #bbbbbb;
}
blockquote {
margin:.75em 0;
border:1px dotted #bbbbbb;
border-width:1px 0;
padding:5px 15px;
color: #881100;
}
.post blockquote p {
margin:.5em 0;
}

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

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

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

.feed-links {
clear: both;
line-height: 2.5em;
margin-left: 13px;
}

/* Comments
----------------------------------------------- */
#comments {
margin:-25px 13px 0;
border:1px dotted #bbbbbb;
border-width:0 1px 1px;
padding:20px 0 15px 0;
}
#comments h4 {
margin:0 0 10px;
padding:0 14px 2px 29px;
border-bottom:1px dotted #bbbbbb;
font-size:120%;
line-height:1.4em;
color:#333333;
}
#comments-block {
margin:0 15px 0 9px;
}
.comment-author {
background:url("http://www.blogblog.com/rounders2/icon_comment.gif") no-repeat 2px .3em;
margin:.5em 0;
padding:0 0 0 20px;
font-weight:bold;
}
.comment-body {
margin:0 0 1.25em;
padding:0 0 0 20px;
}
.comment-body p {
margin:0 0 .5em;
}
.comment-footer {
margin:0 0 .5em;
padding:0 0 .75em 20px;
}
.comment-footer a:link {
color: #000000;
}
.deleted-comment {
font-style:italic;
color:gray;
}

/* Profile
----------------------------------------------- */
.profile-img {
float: left;
margin: 5px 5px 5px 0;
border: 4px solid #ffffff;
}

.profile-datablock {
margin:0 15px .5em 0;
padding-top:8px;
}

.profile-link {
background:url("http://www.blogblog.com/rounders2/icon_profile.gif") no-repeat 0 .1em;
padding-left:15px;
font-weight:bold;
}

.profile-textblock {
clear: both;
margin: 0;
}

.sidebar .clear, .main .widget .clear {
clear: both;
}

.sidebartop-wrap {
background:#999999 url("http://www.blogblog.com/rounders2/corners_prof_bot.gif") no-repeat left bottom;
margin:0px 0px 15px;
padding:0px 0px 10px;
color:#ffffff;
}

.sidebartop-wrap2 {
background:url("http://www.blogblog.com/rounders2/corners_prof_top.gif") no-repeat left top;
padding: 10px 0 0;
margin:0;
border-width:0;
}

#sidebartop h2 {
line-height:1.5em;
color:#ffffff;
border-bottom: 1px dotted #ffffff;
margin-bottom: 0.5em;
font: normal bold 146% 'Trebuchet MS',Verdana,Arial,Sans-serif;
}

#sidebartop a {
color: #ffffff;
}

#sidebartop a:hover {
color: #dddddd;
}
#sidebartop a:visited {
color: #dddddd;
}
/* Sidebar Boxes
----------------------------------------------- */

.sidebar .widget {
margin:.5em 13px 1.25em;
padding:0 0px;
}

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

.sidebarbottom-wrap1 {
background:#ffffff url("http://www.blogblog.com/rounders2/corners_side_top.gif") no-repeat left top;
margin:0 0 15px;
padding:10px 0 0;
color: #000000;
}

.sidebarbottom-wrap2 {
background:url("http://www.blogblog.com/rounders2/corners_side_bot.gif") no-repeat left bottom;
padding:8px 0px 8px;
}

.sidebar h2 {
margin:0;
padding:0 0 .2em;
line-height:1.5em;
font:normal bold 146% 'Trebuchet MS',Verdana,Arial,Sans-serif;
}

.sidebar ul {
list-style:none;
margin:0 0 1.25em;
padding:0 0px;
}

.sidebar ul li {
background:url("http://www.blogblog.com/rounders2/icon_arrow_sm.gif") no-repeat 2px .25em;
margin:0;
padding:0 0 3px 16px;
margin-bottom:3px;
border-bottom:1px dotted #bbbbbb;
line-height:1.4em;
}
.sidebar p {
margin:0 0 .6em;
}

#sidebar h2 {
color: #333333;
border-bottom: 1px dotted #333333;
}

/* Footer
----------------------------------------------- */
#footer-wrap1 {
clear:both;
margin:0;
padding:15px 0 0;
}
#footer-wrap2 {
background:#771100 url("http://img355.imageshack.us/img355/7923/rounders2topcornerzd6.jpg") no-repeat left top;
padding:8px 0 0;
color:#ffffff;
}
#footer {
background:url("http://img153.imageshack.us/img153/4059/rounders2bottomcornertn6.jpg") no-repeat left bottom;
padding:8px 15px 8px;
}
#footer hr {display:none;}
#footer p {margin:0;}
#footer a {color:#ffffff;}

/** Page structure tweaks for layout editor wireframe */
body#layout #main-wrap1,
body#layout .sidebar-wrap,
body#layout #header-wrapper {
margin-top: 0;
}

body#layout #header, body#layout #header-wrapper,
body#layout #outer-wrapper {
margin-left:0,
margin-right: 0;
padding: 0;
}

body#layout #outer-wrapper {
width: 730px;
}

body#layout #footer-wrap1 {
padding-top: 0;
}
]]></b:skin>
</head>

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

<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1'>
<b:widget id='Header1' locked='true' title='Test (Header)' type='Header'/>
</b:section>
</div>

<div class='sidebar-wrap'>

<div class='sidebarbottom-wrap1'><div class='sidebarbottom-wrap2'>
<b:section class='sidebar' id='sidebar2' preferred='yes'/>
</div></div>

</div>

<div id='main-wrap1'><div id='main-wrap2'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>
</b:section>
</div></div>

<div class='sidebar-wrap'>

<div class='sidebartop-wrap'><div class='sidebartop-wrap2'>
<b:section class='sidebar' id='sidebartop'>
<b:widget id='Profile1' locked='false' title='About Me' type='Profile'/>
</b:section>
</div></div>

<div class='sidebarbottom-wrap1'><div class='sidebarbottom-wrap2'>
<b:section class='sidebar' id='sidebar' preferred='yes'/>

</div></div>

</div>

<div id='footer-wrap1'><div id='footer-wrap2'>
<b:section class='footer' id='footer'/>
</div></div>

</div>
<center><p> <img border='0' id='BLOGGER_PHOTO_ID_5255170228945611202' src='http://1.bp.blogspot.com/__VhkYhRnHqI/SO4deuqC6cI/AAAAAAAAAAs/o6KdTgI36qE/s200/clip_image002.jpg' style=''/></p></center>
</body>
</html>

Rounders 3

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>

<head>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>
<b:skin><![CDATA[

/* Variable definitions
====================
<Variable name="mainBgColor" description="Main Background Color"
type="color" default="#eec" value="#eeeecc">
<Variable name="mainTextColor" description="Text Color" type="color"
default="#333" value="#333333">
<Variable name="postTitleColor" description="Post Title Color" type="color"
default="#333" value="#333333">
<Variable name="dateHeaderColor" description="Date Header Color"
type="color" default="#586" value="#558866">
<Variable name="borderColor" description="Post Border Color" type="color"
default="#bbb" value="#bbbbbb">

<Variable name="mainLinkColor" description="Link Color" type="color"
default="#456" value="#445566">
<Variable name="mainVisitedLinkColor" description="Visited Link Color"
type="color" default="#234" value="#223344">

<Variable name="titleBgColor" description="Page Header Background Color"
type="color" default="#357" value="#335577">
<Variable name="titleTextColor" description="Blog Title Color"
type="color" default="#fff" value="#ffffff">

<Variable name="topSidebarHeaderColor"
description="Top Sidebar Title Color"
type="color" default="#fff" value="#ffffff">
<Variable name="topSidebarBgColor"
description="Top Sidebar Background Color"
type="color" default="#586" value="#558866">
<Variable name="topSidebarTextColor" description="Top Sidebar Text Color"
type="color" default="#fff" value="#ffffff">
<Variable name="topSidebarLinkColor" description="Top Sidebar Link Color"
type="color" default="#fff" value="#ffffff">
<Variable name="topSidebarVisitedLinkColor"
description="Top Sidebar Visited Link Color"
type="color" default="#fff" value="#ffffff">
<Variable name="bottomSidebarHeaderColor"
description="Bottom Sidebar Title Color"
type="color" default="#abc" value="#aabbcc">

<Variable name="bottomSidebarLinkColor"
description="Bottom Sidebar Link Color"
type="color" default="#99ddbb" value="#99ddbb">
<Variable name="bottomSidebarVisitedLinkColor"
description="Bottom Sidebar Visited Link Color"
type="color" default="#ffffff" value="#ffffff">
<Variable name="bodyFont" description="Text Font" type="font"
default="normal normal 100% 'Trebuchet MS',Verdana,Arial,Sans-serif" value="normal normal 100% 'Trebuchet MS',Verdana,Arial,Sans-serif">
<Variable name="pageTitleFont" description="Blog Title Font" type="font"
default="normal bold 200% 'Trebuchet MS',Verdana,Arial,Sans-serif" value="normal bold 200% 'Trebuchet MS',Verdana,Arial,Sans-serif">
<Variable name="descriptionFont" description="Description Font" type="font"
default="normal normal 100% 'Trebuchet MS',Verdana,Arial,Sans-serif" value="normal normal 100% 'Trebuchet MS',Verdana,Arial,Sans-serif">
<Variable name="headerFont" description="Sidebar Title Font" type="font"
default="normal bold 100% 'Trebuchet MS',Verdana,Arial,Sans-serif" value="normal bold 100% 'Trebuchet MS',Verdana,Arial,Sans-serif">
<Variable name="postTitleFont" description="Post Title Font" type="font"
default="normal bold 135% 'Trebuchet MS',Verdana,Arial,Sans-serif" value="normal bold 135% 'Trebuchet MS',Verdana,Arial,Sans-serif">
*/

body {
background:#123;
margin:0;
text-align:center;
line-height: 1.5em;
font: x-small Trebuchet MS, Verdana, Arial, Sans-serif;
color:$mainTextColor;
font-size/* */:/**/small;
font-size: /**/small;
}

/* Page Structure
----------------------------------------------- */
/* The images which help create rounded corners depend on the
following widths and measurements. If you want to change
these measurements, the images will also need to change.
*/
#outer-wrapper {
width:975px;
margin:0 auto;
text-align:left;
font: $bodyFont;
}
#main-wrap1 {
width:485px;
float:left;
background:$mainBgColor url("http://www.blogblog.com/rounders3/corners_main_bot.gif") no-repeat left bottom;
margin:15px 5px 0;
padding:0 0 10px;
color:$mainTextColor;
font-size:97%;
line-height:1.5em;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
}
#main-wrap2 {
float:left;
width:100%;
background:url("http://www.blogblog.com/rounders3/corners_main_top.gif") no-repeat left top;
padding:10px 0 0;
}
#main {
background:url("http://www.blogblog.com/rounders3/rails_main.gif") repeat-y;
padding:0;
}
.sidebar-wrap {
width:240px;
float:left;
margin:15px 0 0;
font-size:97%;
line-height:1.5em;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
}

.main .widget {
margin: 0 13px 4px 13px;
}

.main .Blog {
margin: 0;
}

/* Links
----------------------------------------------- */
a:link {
color: $mainLinkColor;
}
a:visited {
color: $mainVisitedLinkColor;
}
a:hover {
color: $mainVisitedLinkColor;
}
a img {
border-width:0;
}

/* Blog Header
----------------------------------------------- */
#header-wrapper {
background:$titleBgColor url("http://img403.imageshack.us/img403/1308/rounders3topcornercq4.jpg") no-repeat left top;
margin:22px 0 0 0;
padding:8px 0 0 0;
color:$titleTextColor;
}
#header {
background:url("http://img403.imageshack.us/img403/2664/rounders3bottomcornerhm2.jpg") no-repeat left bottom;
padding:0 15px 8px;
}
#header h1 {
margin:0;
padding:10px 30px 5px;
line-height:1.2em;
font: $pageTitleFont;
}
#header a,
#header a:visited {
text-decoration:none;
color: $titleTextColor;
}
#header .description {
margin:0;
padding:5px 30px 10px;
line-height:1.5em;
font: $descriptionFont;
}

/* Posts
----------------------------------------------- */
h2.date-header {
margin:0 28px 0 43px;
font-size:85%;
line-height:2em;
text-transform:uppercase;
letter-spacing:.2em;
color:$dateHeaderColor;
}
.post {
margin:.3em 0 25px;
padding:0 13px;
border:1px dotted $borderColor;
border-width:1px 0;
}
.post h3 {
margin:0;
line-height:1.5em;
background:url("http://www.blogblog.com/rounders3/icon_arrow.gif") no-repeat 10px .5em;
display:block;
border:1px dotted $borderColor;
border-width:0 1px 1px;
padding:2px 14px 2px 29px;
color: $postTitleColor;
font: $postTitleFont;
}
.post h3 a, .post h3 a:visited {
text-decoration:none;
color: $postTitleColor;
}
a.title-link:hover {
background-color: $borderColor;
color: $mainTextColor;
}
.post-body {
border:1px dotted $borderColor;
border-width:0 1px 1px;
border-bottom-color:$mainBgColor;
padding:10px 14px 1px 29px;
}
html>body .post-body {
border-bottom-width:0;
}
.post p {
margin:0 0 .75em;
}

.post-footer {
background: #eee;
margin:0;
padding:2px 14px 2px 29px;
border:1px dotted $borderColor;
border-width:1px;
font-size:100%;
line-height:1.5em;
color: #666;
}

.post-footer p {
margin: 0;
}

html>body .post-footer {
border-bottom-color:transparent;
}

.uncustomized-post-template .post-footer {
text-align: right;
}

.uncustomized-post-template .post-author,
.uncustomized-post-template .post-timestamp {
display: block;
float: left;
text-align:left;
margin-right: 4px;
}

.post-footer a {
color: $mainLinkColor;
}
.post-footer a:hover {
color: $mainVisitedLinkColor;
}
a.comment-link {
/* IE5.0/Win doesn't apply padding to inline elements,
so we hide these two declarations from it */
background/* */:/**/url("http://www.blogblog.com/rounders/2icon_comment.gif") no-repeat 0 45%;
padding-left:14px;
}
html>body a.comment-link {
/* Respecified, for IE5/Mac's benefit */
background:url("http://www.blogblog.com/rounders3/icon_comment.gif") no-repeat 0 45%;
padding-left:14px;
}
.post img {
margin:0 0 5px 0;
padding:4px;
border:1px solid $borderColor;
}
blockquote {
margin:.75em 0;
border:1px dotted $borderColor;
border-width:1px 0;
padding:5px 15px;
color: $dateHeaderColor;
}
.post blockquote p {
margin:.5em 0;
}

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

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

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

.feed-links {
clear: both;
line-height: 2.5em;
margin-left: 13px;
}

/* Comments
----------------------------------------------- */
#comments {
margin:-25px 13px 0;
border:1px dotted $borderColor;
border-width:0 1px 1px;
padding:20px 0 15px 0;
}
#comments h4 {
margin:0 0 10px;
padding:0 14px 2px 29px;
border-bottom:1px dotted $borderColor;
font-size:120%;
line-height:1.4em;
color:$postTitleColor;
}
#comments-block {
margin:0 15px 0 9px;
}
.comment-author {
background:url("http://www.blogblog.com/rounders3/icon_comment.gif") no-repeat 2px .3em;
margin:.5em 0;
padding:0 0 0 20px;
font-weight:bold;
}
.comment-body {
margin:0 0 1.25em;
padding:0 0 0 20px;
}
.comment-body p {
margin:0 0 .5em;
}
.comment-footer {
margin:0 0 .5em;
padding:0 0 .75em 20px;
}
.comment-footer a:link {
color: $mainTextColor;
}
.deleted-comment {
font-style:italic;
color:gray;
}

/* Profile
----------------------------------------------- */
.profile-img {
float: left;
margin: 5px 5px 5px 0;
border: 4px solid $topSidebarTextColor;
}

.profile-datablock {
margin:0 15px .5em 0;
padding-top:8px;
}

.profile-link {
background:url("http://www.blogblog.com/rounders3/icon_profile.gif") no-repeat 0 .1em;
padding-left:15px;
font-weight:bold;
}

.profile-textblock {
clear: both;
margin: 0;
}

.sidebar .clear, .main .widget .clear {
clear: both;
}

.sidebartop-wrap {
background:$topSidebarBgColor url("http://www.blogblog.com/rounders3/corners_prof_bot.gif") no-repeat left bottom;
margin:0px 0px 15px;
padding:0px 0px 10px;
color:$topSidebarTextColor;
}

.sidebartop-wrap2 {
background:url("http://www.blogblog.com/rounders3/corners_prof_top.gif") no-repeat left top;
padding: 10px 0 0;
margin:0;
border-width:0;
}

#sidebartop h2 {
line-height:1.5em;
color:$topSidebarHeaderColor;
border-bottom: 1px dotted $topSidebarHeaderColor;
margin-bottom: 0.5em;
font: $headerFont;
}

#sidebartop a {
color: $topSidebarLinkColor;
}

#sidebartop a:hover {
color: $topSidebarVisitedLinkColor;
}
#sidebartop a:visited {
color: $topSidebarVisitedLinkColor;
}
/* Sidebar Boxes
----------------------------------------------- */

.sidebar .widget {
margin:.5em 13px 1.25em;
padding:0 0px;
}

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

.sidebarbottom-wrap1 {
background:$mainBgColor url("http://www.blogblog.com/rounders3/corners_side_top.gif") no-repeat left top;
margin:0 0 15px;
padding:10px 0 0;
color: $mainTextColor;
}

.sidebarbottom-wrap2 {
background:url("http://www.blogblog.com/rounders3/corners_side_bot.gif") no-repeat left bottom;
padding:8px 0px 8px;
}

.sidebar h2 {
margin:0;
padding:0 0 .2em;
line-height:1.5em;
font:$headerFont;
}

.sidebar ul {
list-style:none;
margin:0 0 1.25em;
padding:0 0px;
}

.sidebar ul li {
background:url("http://www.blogblog.com/rounders3/icon_arrow_sm.gif") no-repeat 2px .25em;
margin:0;
padding:0 0 3px 16px;
margin-bottom:3px;
border-bottom:1px dotted $borderColor;
line-height:1.4em;
}
.sidebar p {
margin:0 0 .6em;
}

#sidebar h2 {
color: $postTitleColor;
border-bottom: 1px dotted $postTitleColor;
}

/* Footer
----------------------------------------------- */
#footer-wrap1 {
clear:both;
margin:0;
padding:15px 0 0;
}
#footer-wrap2 {
background:$titleBgColor url("http://img403.imageshack.us/img403/1308/rounders3topcornercq4.jpg") no-repeat left top;
padding:8px 0 0;
color:$titleTextColor;
}
#footer {
background:url("http://img403.imageshack.us/img403/2664/rounders3bottomcornerhm2.jpg") no-repeat left bottom;
padding:8px 15px 8px;
}
#footer hr {display:none;}
#footer p {margin:0;}
#footer a {color:$titleTextColor;}

/** Page structure tweaks for layout editor wireframe */
body#layout #main-wrap1,
body#layout .sidebar-wrap,
body#layout #header-wrapper {
margin-top: 0;
}

body#layout #header, body#layout #header-wrapper,
body#layout #outer-wrapper {
margin-left:0,
margin-right: 0;
padding: 0;
}

body#layout #outer-wrapper {
width: 730px;
}

body#layout #footer-wrap1 {
padding-top: 0;
}
]]></b:skin>
</head>

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

<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1'>
<b:widget id='Header1' locked='true' title='Test (Header)' type='Header'/>
</b:section>
</div>

<div class='sidebar-wrap'>

<div class='sidebarbottom-wrap1'><div class='sidebarbottom-wrap2'>
<b:section class='sidebar' id='sidebar2' preferred='yes'/>
</div></div>

</div>

<div id='main-wrap1'><div id='main-wrap2'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>
</b:section>
</div></div>

<div class='sidebar-wrap'>

<div class='sidebartop-wrap'><div class='sidebartop-wrap2'>
<b:section class='sidebar' id='sidebartop'>
<b:widget id='Profile1' locked='false' title='About Me' type='Profile'/>
</b:section>
</div></div>

<div class='sidebarbottom-wrap1'><div class='sidebarbottom-wrap2'>
<b:section class='sidebar' id='sidebar' preferred='yes'/>

</div></div>

</div>

<div id='footer-wrap1'><div id='footer-wrap2'>
<b:section class='footer' id='footer'/>
</div></div>

</div>
<center><p> <img border='0' id='BLOGGER_PHOTO_ID_5255170228945611202' src='http://1.bp.blogspot.com/__VhkYhRnHqI/SO4deuqC6cI/AAAAAAAAAAs/o6KdTgI36qE/s200/clip_image002.jpg' style=''/></p></center>
</body>
</html>

Sanddollar

Scribe

Son of Moto

Thisway

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>
<b:skin><![CDATA[

/* Variable definitions
====================
<Variable name="textColor" description="Text Color"
type="color" default="#634320" value="#634320">
<Variable name="blogTitleColor" description="Blog Title Color"
type="color" default="#fef6ee" value="#fef6ee">
<Variable name="blogDescriptionColor" description="Blog Description Color"
type="color" default="#fef6ee" value="#fef6ee">
<Variable name="postTitleColor" description="Post Title Color"
type="color" default="#ba8247" value="#ba8247">
<Variable name="dateHeaderColor" description="Date Header Color"
type="color" default="#c8ab8f" value="#c8ab8f">
<Variable name="sidebarHeaderColor" description="Sidebar Title Color"
type="color" default="#bd9e80" value="#bd9e80">
<Variable name="mainLinkColor" description="Link Color"
type="color" default="#bf4e27" value="#bf4e27">
<Variable name="mainVisitedLinkColor" description="Visited Link Color"
type="color" default="#8f3213" value="#8f3213">
<Variable name="sidebarLinkColor" description="Sidebar Link Color"
type="color" default="#e2a059" value="#e2a059">
<Variable name="sidebarVisitedLinkColor"
description="Sidebar Visited Link Color"
type="color" default="#ba742a" value="#ba742a">

<Variable name="bodyFont" description="Text Font"
type="font" default="normal normal 100% Helvetica,Arial,Verdana,'Trebuchet MS', Sans-serif" value="normal normal 100% Helvetica,Arial,Verdana,'Trebuchet MS', Sans-serif">
<Variable name="headerFont" description="Sidebar Title Font"
type="font"
default="normal bold 100% Helvetica,Arial,Verdana,'Trebuchet MS', Sans-serif" value="normal bold 100% Helvetica,Arial,Verdana,'Trebuchet MS', Sans-serif">
<Variable name="pageTitleFont" description="Blog Title Font"
type="font"
default="normal bold 200% Helvetica,Arial,Verdana,'Trebuchet MS', Sans-serif" value="normal bold 200% Helvetica,Arial,Verdana,'Trebuchet MS', Sans-serif">
<Variable name="blogDescriptionFont" description="Blog Description Font"
type="font"
default="normal normal 80% Helvetica,Arial,Verdana,'Trebuchet MS', Sans-serif" value="normal normal 80% Helvetica,Arial,Verdana,'Trebuchet MS', Sans-serif">
*/

/* global
----------------------------------------------- */
body {
margin: 0;
text-align: center;
min-width: 900px;
background: #ce8b43 url(http://www.blogblog.com/thisaway/bg_body.gif) repeat-x left top;
color: $textColor;
font-size: small;
}

blockquote {
margin: 0;
padding: 0 10px 0 10px;
border-left: 6px solid #f7e8d8;
border-right: 6px solid #f7e8d8;
color: $postTitleColor;
}

code {
color: $postTitleColor;
}

hr {
display: none;
}

/* layout
----------------------------------------------- */
#outer-wrapper {
margin: 0 auto;
width: 900px;
text-align: left;
font: $bodyFont;
}

#header-wrapper {
padding-bottom: 15px;
background:url(http://img444.imageshack.us/img444/103/headbgzc4.jpg) no-repeat left bottom;
}

#header {
background: #634320 url(http://www.blogblog.com/thisaway/bg_header.gif) repeat-x left bottom;
}

#content-wrapper {
position: relative;
width: 900px;
background: #f7f0e9 url(http://i61.photobucket.com/albums/h59/c_stavanger/thisaway-back.jpg) repeat-y left top;
}

#main-wrapper {
display: inline; /* fixes a strange ie margin bug */
float: left;
margin: 0 2px;
padding: 0;
width: 480px;
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 {
padding: 22px 8px 0 8px;
background: url(http://www.blogblog.com/thisaway/bg_content.gif) repeat-x left top;
}

.post {
margin: 0 8px 14px 21px;
padding: 0;
border-bottom: 3px solid #f7e8d8;
}

#comments {
margin: 0 16px 14px 29px;
padding: 10px;
border: 1px solid #f0e0ce;
background-color: #f5ede4;
}

.sidebar-wrapper {
display: inline; /* fixes a strange ie margin bug */
float: left;
margin: 0 3px;
width: 200px;
color: $textColor;
line-height: 1.4em;
font-size: 90%;
background: url(http://www.blogblog.com/thisaway/bg_sidebar.gif) repeat-x right top;
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 {
padding: 7px 11px 0 14px;
background: url(http://www.blogblog.com/thisaway/bg_sidebar_arrow.gif) repeat-y right top;
}

.sidebar .widget {
margin-bottom: 20px;
}

#footer-wrapper {
padding-top: 15px;
background: url(http://img184.imageshack.us/img184/5586/bottombglh3.jpg) no-repeat left top;
clear: both;
}

#footer {
background: #4A2F15;
text-align: center;
min-height: 2em;
}

/* headings
----------------------------------------------- */

#header h1 {
margin: 0;
padding: 24px 0 0 84px;
background: url(http://www.blogblog.com/thisaway/icon_header.gif) no-repeat 16px 26px;
}

h2.date-header {
margin: 0;
padding: 0 0 0 29px;
text-transform: uppercase;
color: $dateHeaderColor;
background: url(http://www.blogblog.com/thisaway/icon_date.gif) no-repeat 13px 0;
font-size: 80%;
font-weight: normal;
}

.date-header span {
margin: 0 0 0 5px;
padding: 0 25px 0 25px;
background: url(http://www.blogblog.com/thisaway/bg_date.gif) no-repeat 0 0;
}

.sidebar h2 {
padding: 1px 0 0 36px;
color: $sidebarHeaderColor;
background: url(http://www.blogblog.com/thisaway/icon_sidebar_heading.gif) no-repeat 0 45%;
font: $headerFont;
}

.sidebar .Profile h2 {
color: #957252;
background: url(http://www.blogblog.com/thisaway/icon_sidebar_profileheading.gif) no-repeat 0 45%;
}

.post h3 {
margin: 13px 0 13px 0;
padding: 0;
color: $postTitleColor;
font-size: 140%;
}

.post h3 a, .post h3 a:visited {
color: $postTitleColor;
}

#comments h4 {
margin-top: 0;
font-size: 120%;
}

/* text
----------------------------------------------- */

#header h1 {
color: $blogTitleColor;
font: $pageTitleFont;
}

#header .description {
margin: 0;
padding: 7px 16px 0 84px;
color: $blogDescriptionColor;
font: $blogDescriptionFont;
}

.post-body p {
line-height: 1.4em;
/* Fix bug in IE5/Win with italics in posts */
margin: 0;
height: 1%;
overflow: visible;
}

.post-footer {
font-size: 80%;
color: $dateHeaderColor;
}

.uncustomized-post-template .post-footer {
text-align: right;
}

.uncustomized-post-template .post-footer .post-author,
.uncustomized-post-template .post-footer .post-timestamp {
display: block;
float: left;
text-align: left;
margin-right: 4px;
}

p.comment-author {
font-size: 83%;
}

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

.comment-body p {
line-height: 1.4em;
}

.feed-links {
clear: both;
line-height: 2.5em;
margin-bottom: 0.5em;
margin-left: 29px;
}

#footer .widget {
margin: 0;
padding: 0 0 15px 55px;
color: #fef6ee;
font-size: 90%;
line-height: 1.4em;
background: url(http://www.blogblog.com/thisaway/icon_footer.gif) no-repeat 16px 0;
}

/* lists
----------------------------------------------- */

.post ul {
padding-left: 32px;
list-style-type: none;
line-height: 1.4em;
}

.post li {
padding: 0 0 4px 17px;
background: url(http://www.blogblog.com/thisaway/icon_list_item.gif) no-repeat 0 3px;
}

#comments ul {
margin: 0;
padding: 0;
list-style-type: none;
}

#comments li {
padding: 0 0 1px 17px;
background: url(http://www.blogblog.com/thisaway/icon_comment.gif) no-repeat 0 3px;
}

.sidebar ul {
padding: 0;
list-style-type: none;
line-height: 1.2em;
margin-left: 0;
}

.sidebar li {
padding: 0 0 4px 17px;
background: url(http://www.blogblog.com/thisaway/icon_list_item.gif) no-repeat 0 3px;
}

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

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

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

/* links
----------------------------------------------- */
a {
color: $mainLinkColor;
font-weight: bold;
}

a:hover {
color: $mainVisitedLinkColor;
}

a.comment-link {
/* ie5.0/win doesn't apply padding to inline elements,
so we hide these two declarations from it */
background/* */:/**/url(http://www.blogblog.com/thisaway/icon_comment.gif) no-repeat 0 45%;
padding-left: 14px;
}

html>body a.comment-link {
/* respecified, for ie5/mac's benefit */
background: url(http://www.blogblog.com/thisaway/icon_comment.gif) no-repeat 0 45%;
padding-left: 14px;
}

.sidebar a {
color: $sidebarLinkColor;
}

.sidebar a:hover {
color: $sidebarVisitedLinkColor;
}

#header h1 a {
color: $blogTitleColor;
text-decoration: none;
}

#header h1 a:hover {
color: #d9c6b4;
}

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

a img {
border-width: 0;
}

.clear {
clear: both;
line-height: 0;
height: 0;
}

.profile-textblock {
clear: both;
margin-bottom: 10px;
margin-left: 0;
}

.profile-img {
float: left;
margin: 0 5px 5px 0;
padding: 3px;
border: 1px solid #ebd4bd;
}

.profile-link {
padding: 0 0 0 17px;
background: url(http://www.blogblog.com/thisaway_blue/icon_profile.gif) no-repeat 0 0;
}

/** Page structure tweaks for layout editor wireframe */

body#layout #main,
body#layout #sidebar {
padding: 0;
}
]]></b:skin>
</head>

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


<span id='skiplinks' style='display:none;'>
<a href='#main'>skip to main </a> |
<a href='#sidebar'>skip to sidebar</a>
</span>

<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Test (Header)' type='Header'/>
</b:section>
</div>

<div id='content-wrapper'>

<div class='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar1' preferred='yes'>
<b:widget id='LinkList1' locked='false' title='Link' type='LinkList'/>
</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 class='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar2' preferred='yes'>
<b:widget id='Label1' locked='false' title='Labels' type='Label'/>
<b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'/>
</b:section>

</div>


<div class='clear'> </div>

</div> 

<div id='footer-wrapper'>
<b:section class='footer' id='footer'/>
</div>

</div>
</div> 
<center><p> <img border='0' id='BLOGGER_PHOTO_ID_5255170228945611202' src='http://1.bp.blogspot.com/__VhkYhRnHqI/SO4deuqC6cI/AAAAAAAAAAs/o6KdTgI36qE/s200/clip_image002.jpg' style=''/></p></center>
</body>
</html>

Thiswayblue

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>
<b:skin><![CDATA[
/* Variable definitions
====================
<Variable name="textColor" description="Text Color"
type="color" default="#204063" value="#204063">
<Variable name="blogTitleColor" description="Blog Title Color"
type="color" default="#eef6fe" value="#eef6fe">
<Variable name="blogDescriptionColor" description="Blog Description Color"
type="color" default="#eef6fe" value="#eef6fe">
<Variable name="postTitleColor" description="Post Title Color"
type="color" default="#477fba" value="#477fba">
<Variable name="dateHeaderColor" description="Date Header Color"
type="color" default="#8facc8" value="#8facc8">
<Variable name="sidebarHeaderColor" description="Sidebar Title Color"
type="color" default="#809fbd" value="#809fbd">
<Variable name="mainLinkColor" description="Link Color"
type="color" default="#4386ce" value="#4386ce">
<Variable name="mainVisitedLinkColor" description="Visited Link Color"
type="color" default="#2462a5" value="#2462a5">
<Variable name="sidebarLinkColor" description="Sidebar Link Color"
type="color" default="#599be2" value="#599be2">
<Variable name="sidebarVisitedLinkColor"
description="Sidebar Visited Link Color"
type="color" default="#3372b6" value="#3372b6">

<Variable name="bodyFont" description="Text Font"
type="font" default="normal normal 100% Helvetica,Arial,Verdana,'Trebuchet MS', Sans-serif" value="normal normal 100% Helvetica,Arial,Verdana,'Trebuchet MS', Sans-serif">
<Variable name="headerFont" description="Sidebar Title Font"
type="font"
default="normal bold 100% Helvetica,Arial,Verdana,'Trebuchet MS', Sans-serif" value="normal bold 100% Helvetica,Arial,Verdana,'Trebuchet MS', Sans-serif">
<Variable name="pageTitleFont" description="Blog Title Font"
type="font"
default="normal bold 200% Helvetica,Arial,Verdana,'Trebuchet MS', Sans-serif" value="normal bold 200% Helvetica,Arial,Verdana,'Trebuchet MS', Sans-serif">
<Variable name="blogDescriptionFont" description="Blog Description Font"
type="font"
default="normal normal 80% Helvetica,Arial,Verdana,'Trebuchet MS', Sans-serif" value="normal normal 80% Helvetica,Arial,Verdana,'Trebuchet MS', Sans-serif">
*/

/* global
----------------------------------------------- */
body {
margin: 0;
text-align: center;
min-width: 900px;
background: #4386ce url(http://www.blogblog.com/thisaway_blue/bg_body.gif) repeat-x left top;
color: $textColor;
font-size: small;
}

blockquote {
margin: 0;
padding: 0 10px 0 10px;
border-left: 6px solid #d8e7f78;
border-right: 6px solid #d8e7f7;
color: $postTitleColor;
}

code {
color: $postTitleColor;
}

hr {
display: none;
}

/* layout
----------------------------------------------- */
#outer-wrapper {
margin: 0 auto;
width: 900px;
text-align: left;
font: $bodyFont;
}

#header-wrapper {
padding-bottom: 15px;
background: url(http://img78.imageshack.us/img78/8347/backxm0.jpg) no-repeat left bottom;
}

#header {
background: #204063 url(http://www.blogblog.com/thisaway_blue/bg_header.gif) repeat-x left bottom;
}

#content-wrapper {
position: relative;
width: 900px;
background: #152F4A url(http://i61.photobucket.com/albums/h59/c_stavanger/thisaway-blue-back.jpg) repeat-y left top;
}

#main-wrapper {
display: inline; /* fixes a strange ie margin bug */
float: left;
margin: 0 2px;
padding: 0;
width: 480px;
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 {
padding: 22px 8px 0 8px;
background: url(http://www.blogblog.com/thisaway_blue/bg_content.gif) repeat-x left top;
}

.post {
margin: 0 8px 14px 21px;
padding: 0;
border-bottom: 3px solid #f7e8d8;
}

#comments {
margin: 0 16px 14px 29px;
padding: 10px;
border: 1px solid #f0e0ce;
background-color: #f5ede4;
}

.sidebar-wrapper {
display: inline; /* fixes a strange ie margin bug */
float: left;
margin: 0 3px;
width: 200px;
color: $textColor;
line-height: 1.4em;
font-size: 90%;
background: url(http://www.blogblog.com/thisaway_blue/bg_sidebar.gif) repeat-x right top;
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 {
padding: 7px 11px 0 14px;
background: url(http://www.blogblog.com/thisaway_blue/bg_sidebar_arrow.gif) repeat-y right top;
}

.sidebar .widget {
margin-bottom: 20px;
}

#footer-wrapper {
padding-top: 15px;
background: url(http://img184.imageshack.us/img184/1713/backgb4.jpg) no-repeat left top;
clear: both;
}

#footer {
background: #152F4A;
text-align: center;
min-height: 2em;
}

/* headings
----------------------------------------------- */

#header h1 {
margin: 0;
padding: 24px 0 0 84px;
background: url(http://www.blogblog.com/thisaway_blue/icon_header.gif) no-repeat 16px 26px;
}

h2.date-header {
margin: 0;
padding: 0 0 0 29px;
text-transform: uppercase;
color: $dateHeaderColor;
background: url(http://www.blogblog.com/thisaway_blue/icon_date.gif) no-repeat 13px 0;
font-size: 80%;
font-weight: normal;
}

.date-header span {
margin: 0 0 0 5px;
padding: 0 25px 0 25px;
background: url(http://www.blogblog.com/thisaway_blue/bg_date.gif) no-repeat 0 0;
}

.sidebar h2 {
padding: 1px 0 0 36px;
color: $sidebarHeaderColor;
background: url(http://www.blogblog.com/thisaway_blue/icon_sidebar_heading.gif) no-repeat 0 45%;
font: $headerFont;
}

.sidebar .Profile h2 {
color: #957252;
background: url(http://www.blogblog.com/thisaway_blue/icon_sidebar_profileheading.gif) no-repeat 0 45%;
}

.post h3 {
margin: 13px 0 13px 0;
padding: 0;
color: $postTitleColor;
font-size: 140%;
}

.post h3 a, .post h3 a:visited {
color: $postTitleColor;
}

#comments h4 {
margin-top: 0;
font-size: 120%;
}

/* text
----------------------------------------------- */

#header h1 {
color: $blogTitleColor;
font: $pageTitleFont;
}

#header .description {
margin: 0;
padding: 7px 16px 0 84px;
color: $blogDescriptionColor;
font: $blogDescriptionFont;
}

.post-body p {
line-height: 1.4em;
/* Fix bug in IE5/Win with italics in posts */
margin: 0;
height: 1%;
overflow: visible;
}

.post-footer {
font-size: 80%;
color: $dateHeaderColor;
}

.uncustomized-post-template .post-footer {
text-align: right;
}

.uncustomized-post-template .post-footer .post-author,
.uncustomized-post-template .post-footer .post-timestamp {
display: block;
float: left;
text-align: left;
margin-right: 4px;
}

p.comment-author {
font-size: 83%;
}

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

.comment-body p {
line-height: 1.4em;
}

.feed-links {
clear: both;
line-height: 2.5em;
margin-bottom: 0.5em;
margin-left: 29px;
}

#footer .widget {
margin: 0;
padding: 0 0 15px 55px;
color: #fef6ee;
font-size: 90%;
line-height: 1.4em;
background: url(http://www.blogblog.com/thisaway_blue/icon_footer.gif) no-repeat 16px 0;
}

/* lists
----------------------------------------------- */

.post ul {
padding-left: 32px;
list-style-type: none;
line-height: 1.4em;
}

.post li {
padding: 0 0 4px 17px;
background: url(http://www.blogblog.com/thisaway_blue/icon_list_item.gif) no-repeat 0 3px;
}

#comments ul {
margin: 0;
padding: 0;
list-style-type: none;
}

#comments li {
padding: 0 0 1px 17px;
background: url(http://www.blogblog.com/thisaway_blue/icon_comment.gif) no-repeat 0 3px;
}

.sidebar ul {
padding: 0;
list-style-type: none;
line-height: 1.2em;
margin-left: 0;
}

.sidebar li {
padding: 0 0 4px 17px;
background: url(http://www.blogblog.com/thisaway_blue/icon_list_item.gif) no-repeat 0 3px;
}

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

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

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

/* links
----------------------------------------------- */
a {
color: $mainLinkColor;
font-weight: bold;
}

a:hover {
color: $mainVisitedLinkColor;
}

a.comment-link {
/* ie5.0/win doesn't apply padding to inline elements,
so we hide these two declarations from it */
background/* */:/**/url(http://www.blogblog.com/thisaway_blue/icon_comment.gif) no-repeat 0 45%;
padding-left: 14px;
}

html>body a.comment-link {
/* respecified, for ie5/mac's benefit */
background: url(http://www.blogblog.com/thisaway_blue/icon_comment.gif) no-repeat 0 45%;
padding-left: 14px;
}

.sidebar a {
color: $sidebarLinkColor;
}

.sidebar a:hover {
color: $sidebarVisitedLinkColor;
}

#header h1 a {
color: $blogTitleColor;
text-decoration: none;
}

#header h1 a:hover {
color: #d9c6b4;
}

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

a img {
border-width: 0;
}

.clear {
clear: both;
line-height: 0;
height: 0;
}

.profile-textblock {
clear: both;
margin-bottom: 10px;
margin-left: 0;
}

.profile-img {
float: left;
margin: 0 5px 5px 0;
padding: 3px;
border: 1px solid #ebd4bd;
}

.profile-link {
padding: 0 0 0 17px;
background: url(http://www.blogblog.com/thisaway_blue/icon_profile.gif) no-repeat 0 0;
}

/** Page structure tweaks for layout editor wireframe */

body#layout #main,
body#layout #sidebar {
padding: 0;
}
]]></b:skin>
</head>

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


<span id='skiplinks' style='display:none;'>
<a href='#main'>skip to main </a> |
<a href='#sidebar'>skip to sidebar</a>
</span>

<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Test (Header)' type='Header'/>
</b:section>
</div>

<div id='content-wrapper'>

<div class='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar1' preferred='yes'>
<b:widget id='LinkList1' locked='false' title='Link' type='LinkList'/>
</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 class='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar2' preferred='yes'>
<b:widget id='Label1' locked='false' title='Labels' type='Label'/>
<b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'/>
</b:section>

</div>


<div class='clear'> </div>

</div> 

<div id='footer-wrapper'>
<b:section class='footer' id='footer'/>
</div>

</div>
</div> 
<center><p> <img border='0' id='BLOGGER_PHOTO_ID_5255170228945611202' src='http://1.bp.blogspot.com/__VhkYhRnHqI/SO4deuqC6cI/AAAAAAAAAAs/o6KdTgI36qE/s200/clip_image002.jpg' style=''/></p></center>
</body>
</html>

Tictac

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>
<b:skin><![CDATA[

/* Variable definitions
====================

<Variable name="textcolor" description="Text Color"
type="color" default="#333" value="#333333">

<Variable name="pagetitlecolor" description="Page Header Color"
type="color" default="#FFF" value="#FFFFFF">

<Variable name="datecolor" description="Date Header Color"
type="color" default="#f93" value="#ff9933">

<Variable name="titlecolor" description="Post Title Color"
type="color" default="#f63" value="#ff6633">

<Variable name="footercolor" description="Post Footer Color"
type="color" default="#999" value="#999999">

<Variable name="sidebartextcolor" description="Sidebar Text Color"
type="color" default="#999" value="#999999">

<Variable name="sidebarcolor" description="Sidebar Title Color"
type="color" default="#666" value="#666666">

<Variable name="linkcolor" description="Link Color"
type="color" default="#69c" value="#6699cc">

<Variable name="visitedlinkcolor" description="Visited Link Color"
type="color" default="#666699" value="#666699">

<Variable name="bodyfont" description="Text Font"
type="font"
default="normal normal 100% Verdana, sans-serif" value="normal normal 100% Verdana, sans-serif">

<Variable name="pagetitlefont" description="Page Header Font"
type="font" default="normal normal 100% 'Lucida Grande','Trebuchet MS'" value="normal normal 100% 'Lucida Grande','Trebuchet MS'">

<Variable name="titlefont" description="Post Title Font"
type="font" default="normal bold 130% 'Lucida Grande','Trebuchet MS'" value="normal bold 130% 'Lucida Grande','Trebuchet MS'">

<Variable name="sidebarheaderfont" description="Sidebar Title Font"
type="font" default="normal bold 130% 'Lucida Grande','Trebuchet MS'" value="normal bold 130% 'Lucida Grande','Trebuchet MS'">
*/

/* ---( page defaults )--- */

body {
margin: 0;
padding: 0;
font-size: small;
text-align: center;
color: $textcolor;
background: #e0e0e0;
}

blockquote {
margin: 0 0 0 30px;
padding: 10px 0 0 20px;
font-size: 88%;
line-height: 1.5em;
color: #666;
background: url(http://www.blogblog.com/tictac/quotes.gif) no-repeat top left;
}

blockquote p {
margin-top: 0;
}

abbr, acronym {
cursor: help;
font-style: normal;
border-bottom: 1px dotted;
}

code {
color: #f63;
}

hr {
display: none;
}

img {
border: none;
}

/* unordered list style */

ul {
list-style: none;
margin-left: 10px;
padding: 0;
}

li {
list-style: none;
padding-left: 14px;
margin-bottom: 3px;
background: url(http://www.blogblog.com/tictac/tictac_orange.gif) no-repeat 0 6px;
}

/* links */

a:link {
color: $linkcolor;
}

a:visited {
color: $visitedlinkcolor;
}

a:hover {
color: #693;
}

a:active {
color: #cc3333;
text-decoration: none;
}

/* ---( layout structure )---*/

#outer-wrapper {
width: 880px;
margin: 0px auto 0;
text-align: left;
font: $bodyfont;
}

#content-wrapper {
width: 860px;
padding:0 0px 0 9px;
background: url(http://img102.imageshack.us/img102/9325/bgle3.jpg) repeat-y;
}

#main {
float: left;
width: 429px;
margin: 20px 0 0 0;
padding: 0 2px 0 1em;
line-height: 1.5em;
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 {
float: left;
width: 200px;
padding: 20px 0px 0 0;
margin:0;
font-size: 85%;
line-height: 1.4em;
color: $sidebartextcolor;
background: url(http://www.blogblog.com/tictac/sidebar_bg.gif) no-repeat 0 0;
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 */
}

/* ---( header and site name )--- */

#header-wrapper {
margin: 0 0 0 -10px;
padding: 0;
font: $pagetitlefont;
background: #e0e0e0 url(http://img148.imageshack.us/img148/2183/bgyo9.jpg) no-repeat 0px 0px;
}

#header {
margin: 0;
padding: 25px 60px 35px 160px;
color: $pagetitlecolor;
background: url(http://img145.imageshack.us/img145/6433/bgnv2.jpg) no-repeat bottom left;
}

#header h1 {
font-size: 200%;
text-shadow: #81A75B 2px 2px 2px;
}

#header h1 a {
text-decoration: none;
color: $pagetitlecolor;
}

#header h1 a:hover {
color: #eee;
}

/* ---( main column )--- */

h2.date-header {
margin-top: 0;
padding-left: 14px;
font-size: 90%;
color: $datecolor;
background: url(http://www.blogblog.com/tictac/date_icon.gif) no-repeat 0 50%;
}

.post h3 {
margin-top: 0;
font: $titlefont;
letter-spacing: -1px;
color: $titlecolor;
}

.post {
margin: 0 0 1.5em 0;
padding: 0 0 1.5em 14px;
border-bottom: 1px solid #ddd;
}

.post h3 a,
.post h3 a:visited {
color: $titlecolor;
text-decoration: none;
}

.post-footer {
margin: 0;
padding: 0 0 0 14px;
font-size: 88%;
color: $footercolor;
background: url(http://www.blogblog.com/tictac/tictac_grey.gif) no-repeat 0 8px;
}

.post img {
padding: 6px;
border-top: 1px solid #ddd;
border-left: 1px solid #ddd;
border-bottom: 1px solid #c0c0c0;
border-right: 1px solid #c0c0c0;
}

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

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

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

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

/* comment styles */

#comments {
padding-top: 10px;
font-size: 85%;
line-height: 1.5em;
color: #666;
background: #eee url(http://www.blogblog.com/tictac/comments_curve.gif) no-repeat top left;
}

#comments h4 {
margin: 20px 0 15px 0;
padding: 8px 0 0 40px;
font-family: "Lucida Grande", "Trebuchet MS";
font-size: 130%;
color: #666;
background: url(http://www.blogblog.com/tictac/bubbles.gif) no-repeat 10px 0;
height: 29px !important; /* for most browsers */
height /**/:37px; /* for IE5/Win */
}

#comments ul {
margin-left: 0;
}

#comments li {
background: none;
padding-left: 0;
}

.comment-body {
padding: 0 10px 0 25px;
background: url(http://www.blogblog.com/tictac/tictac_orange.gif) no-repeat 10px 5px;
}

.comment-body p {
margin-bottom: 0;
}

.comment-author {
margin: 4px 0 0 0;
padding: 0 10px 0 60px;
color: #999;
background: url(http://www.blogblog.com/tictac/comment_arrow.gif) no-repeat 44px 2px;
}

.comment-footer {
border-bottom: 1px solid #ddd;
padding-bottom: 1em;
}

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

/* ---( sidebar )--- */

.sidebar h2 {
margin: 0 0 0 0;
padding: 25px 0 0 40px;
font: $sidebarheaderfont;
color: $sidebarcolor;
height: 32px;
background: url(http://www.blogblog.com/tictac/sidebar_icon.gif) no-repeat 10px 15px;
height: 32px !important; /* for most browsers */
height /**/:57px; /* for IE5/Win */
}

.sidebar .widget {
margin: 0;
padding: 0 0 10px 10px;
border-bottom: 1px solid #ddd;
}

.sidebar li {
background: url(http://www.blogblog.com/tictac/tictac_green.gif) no-repeat 0 5px;
}

.profile-textblock {
clear: both;
margin-left: 0;
}

.profile-img {
float: left;
margin: 0 5px 5px 0;
border: 1px solid #ddd;
padding: 4px;
}

/* ---( footer )--- */

.clear { /* to fix IE6 padding-top issue */
clear: both;
}

#footer-wrapper {
margin: 0 0 0 -10px;
padding: 0 0 10px 0;
font-size: 85%;
color: #ddd;
background: url(http://img183.imageshack.us/img183/4679/bgts9.jpg) no-repeat bottom left;
}

#footer {
margin: 0;
padding: 20px 320px 20px 95px;
background: url(http://img207.imageshack.us/img207/4094/bgkb1.jpg) no-repeat top left;
}

/** Page structure tweaks for layout editor wireframe */
body#layout #outer-wrapper,
body#layout #main,
body#layout #sidebar {
padding-top: 0;
margin-top: 0;
}

body#layout #outer-wrapper,
body#layout #content-wrapper {
width: 740px;
}

body#layout #sidebar {
margin-right: 0;
margin-bottom: 1em;
}

body#layout #header,
body#layout #footer,
body#layout #main {
padding: 0;
}

body#layout #content-wrapper {
margin: 0px;
}
]]></b:skin>
</head>

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


<span id='skiplinks' style='display:none;'>
<a href='#main'>skip to main </a> |
<a href='#sidebar'>skip to sidebar</a>
</span>

<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Test (Header)' type='Header'/>
</b:section>
</div>

<div id='content-wrapper'>

<div class='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar1' preferred='yes'>
<b:widget id='LinkList1' locked='false' title='Links' type='LinkList'/>
</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 class='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar2' preferred='yes'>
<b:widget id='Profile1' locked='false' title='About Me' type='Profile'/>
<b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'/>
</b:section>

</div>


<div class='clear'> </div>

</div> 

<div id='footer-wrapper'>
<b:section class='footer' id='footer'/>
</div>

</div>
</div> 
<center><p> <img border='0' id='BLOGGER_PHOTO_ID_5255170228945611202' src='http://1.bp.blogspot.com/__VhkYhRnHqI/SO4deuqC6cI/AAAAAAAAAAs/o6KdTgI36qE/s200/clip_image002.jpg' style=''/></p></center>
</body>
</html>

Tictac Blue

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>
<b:skin><![CDATA[
/* Variable definitions
====================

<Variable name="textcolor" description="Text Color"
type="color" default="#333" value="#333333">

<Variable name="pagetitlecolor" description="Page Header Color"
type="color" default="#FFF" value="#FFFFFF">

<Variable name="datecolor" description="Date Header Color"
type="color" default="#999999" value="#999999">

<Variable name="titlecolor" description="Post Title Color"
type="color" default="#993333" value="#993333">

<Variable name="footercolor" description="Post Footer Color"
type="color" default="#999" value="#999999">

<Variable name="sidebartextcolor" description="Sidebar Text Color"
type="color" default="#999" value="#999999">

<Variable name="sidebarcolor" description="Sidebar Title Color"
type="color" default="#666" value="#666666">

<Variable name="linkcolor" description="Link Color"
type="color" default="#69c" value="#6699cc">

<Variable name="visitedlinkcolor" description="Visited Link Color"
type="color" default="#666699" value="#666699">

<Variable name="bodyfont" description="Text Font"
type="font"
default="normal normal 100% Verdana, sans-serif" value="normal normal 100% Verdana, sans-serif">

<Variable name="pagetitlefont" description="Page Header Font"
type="font" default="normal normal 100% 'Lucida Grande','Trebuchet MS'" value="normal normal 100% 'Lucida Grande','Trebuchet MS'">

<Variable name="titlefont" description="Post Title Font"
type="font" default="normal bold 130% 'Lucida Grande','Trebuchet MS'" value="normal bold 130% 'Lucida Grande','Trebuchet MS'">

<Variable name="sidebarheaderfont" description="Sidebar Title Font"
type="font" default="normal bold 130% 'Lucida Grande','Trebuchet MS'" value="normal bold 130% 'Lucida Grande','Trebuchet MS'">
*/

/* ---( page defaults )--- */

body {
margin: 0;
padding: 0;
font-size: small;
text-align: center;
color: $textcolor;
background: #e0e0e0;
}

blockquote {
margin: 0 0 0 30px;
padding: 10px 0 0 20px;
font-size: 88%;
line-height: 1.5em;
color: #666;
background: url(http://www.blogblog.com/tictac_blue/quotes.gif) no-repeat top left;
}

blockquote p {
margin-top: 0;
}

abbr, acronym {
cursor: help;
font-style: normal;
border-bottom: 1px dotted;
}

code {
color: #f63;
}

hr {
display: none;
}

img {
border: none;
}

/* unordered list style */

ul {
list-style: none;
margin-left: 10px;
padding: 0;
}

li {
list-style: none;
padding-left: 14px;
margin-bottom: 3px;
background: url(http://www.blogblog.com/tictac_blue/tictac_blue_orange.gif) no-repeat 0 6px;
}

/* links */

a:link {
color: $linkcolor;
}

a:visited {
color: $visitedlinkcolor;
}

a:hover {
color: #693;
}

a:active {
color: #cc3333;
text-decoration: none;
}

/* ---( layout structure )---*/

#outer-wrapper {
width: 880px;
margin: 0px auto 0;
text-align: left;
font: $bodyfont;
}

#content-wrapper {
width: 860px;
padding:0 0px 0 9px;
background: url(http://img102.imageshack.us/img102/9325/bgle3.jpg) repeat-y;
}

#main {
float: left;
width: 429px;
margin: 20px 0 0 0;
padding: 0 2px 0 1em;
line-height: 1.5em;
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 {
float: left;
width: 200px;
padding: 20px 0px 0 0;
margin:0;
font-size: 85%;
line-height: 1.4em;
color: $sidebartextcolor;
background: url(http://www.blogblog.com/tictac_blue/sidebar_bg.gif) no-repeat 0 0;
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 */
}

/* ---( header and site name )--- */

#header-wrapper {
margin: 0 0 0 -10px;
padding: 0;
font: $pagetitlefont;
background: #e0e0e0 url(http://img183.imageshack.us/img183/7648/bgaz0.jpg) no-repeat 0px 0px;
}

#header {
margin: 0;
padding: 25px 60px 35px 160px;
color: $pagetitlecolor;
background: url() no-repeat bottom left;
}

#header h1 {
font-size: 200%;
text-shadow: #81A75B 2px 2px 2px;
}

#header h1 a {
text-decoration: none;
color: $pagetitlecolor;
}

#header h1 a:hover {
color: #eee;
}

/* ---( main column )--- */

h2.date-header {
margin-top: 0;
padding-left: 14px;
font-size: 90%;
color: $datecolor;
background: url(http://www.blogblog.com/tictac_blue/date_icon_blue.gif) no-repeat 0 50%;
}

.post h3 {
margin-top: 0;
font: $titlefont;
letter-spacing: -1px;
color: $titlecolor;
}

.post {
margin: 0 0 1.5em 0;
padding: 0 0 1.5em 14px;
border-bottom: 1px solid #ddd;
}

.post h3 a,
.post h3 a:visited {
color: $titlecolor;
text-decoration: none;
}

.post-footer {
margin: 0;
padding: 0 0 0 14px;
font-size: 88%;
color: $footercolor;
background: url(http://www.blogblog.com/tictac_blue/tictac_blue.gif) no-repeat 0 8px;
}

.post img {
padding: 6px;
border-top: 1px solid #ddd;
border-left: 1px solid #ddd;
border-bottom: 1px solid #c0c0c0;
border-right: 1px solid #c0c0c0;
}

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

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

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

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

/* comment styles */

#comments {
padding-top: 10px;
font-size: 85%;
line-height: 1.5em;
color: #666;
background: #eee url(http://www.blogblog.com/tictac_blue/comments_curve.gif) no-repeat top left;
}

#comments h4 {
margin: 20px 0 15px 0;
padding: 8px 0 0 40px;
font-family: "Lucida Grande", "Trebuchet MS";
font-size: 130%;
color: #666;
background: url(http://www.blogblog.com/tictac_blue/bubbles.gif) no-repeat 10px 0;
height: 29px !important; /* for most browsers */
height /**/:37px; /* for IE5/Win */
}

#comments ul {
margin-left: 0;
}

#comments li {
background: none;
padding-left: 0;
}

.comment-body {
padding: 0 10px 0 25px;
background: url(http://www.blogblog.com/tictac_blue/tictac_blue.gif) no-repeat 10px 5px;
}

.comment-body p {
margin-bottom: 0;
}

.comment-author {
margin: 4px 0 0 0;
padding: 0 10px 0 60px;
color: #999;
background: url(http://www.blogblog.com/tictac_blue/comment_arrow.gif) no-repeat 44px 2px;
}

.comment-footer {
border-bottom: 1px solid #ddd;
padding-bottom: 1em;
}

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

/* ---( sidebar )--- */

.sidebar h2 {
margin: 0 0 0 0;
padding: 25px 0 0 40px;
font: $sidebarheaderfont;
color: $sidebarcolor;
height: 32px;
background: url(http://www.blogblog.com/tictac_blue/sidebar_icon.gif) no-repeat 10px 15px;
height: 32px !important; /* for most browsers */
height /**/:57px; /* for IE5/Win */
}

.sidebar .widget {
margin: 0;
padding: 0 0 10px 10px;
border-bottom: 1px solid #ddd;
}

.sidebar li {
background: url(http://www.blogblog.com/tictac_blue/tictac_blue.gif) no-repeat 0 5px;
}

.profile-textblock {
clear: both;
margin-left: 0;
}

.profile-img {
float: left;
margin: 0 5px 5px 0;
border: 1px solid #ddd;
padding: 4px;
}

/* ---( footer )--- */

.clear { /* to fix IE6 padding-top issue */
clear: both;
}

#footer-wrapper {
margin: 0 0 0 -10px;
padding: 0 0 10px 0;
font-size: 85%;
color: #ddd;
background: url(http://img183.imageshack.us/img183/4679/bgts9.jpg) no-repeat bottom left;
}

#footer {
margin: 0;
padding: 20px 320px 20px 95px;
background: url(http://img207.imageshack.us/img207/4094/bgkb1.jpg) no-repeat top left;
}

/** Page structure tweaks for layout editor wireframe */
body#layout #outer-wrapper,
body#layout #main,
body#layout #sidebar {
padding-top: 0;
margin-top: 0;
}

body#layout #outer-wrapper,
body#layout #content-wrapper {
width: 740px;
}

body#layout #sidebar {
margin-right: 0;
margin-bottom: 1em;
}

body#layout #header,
body#layout #footer,
body#layout #main {
padding: 0;
}

body#layout #content-wrapper {
margin: 0px;
}
]]></b:skin>
</head>

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


<span id='skiplinks' style='display:none;'>
<a href='#main'>skip to main </a> |
<a href='#sidebar'>skip to sidebar</a>
</span>

<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Test (Header)' type='Header'/>
</b:section>
</div>

<div id='content-wrapper'>

<div class='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar1' preferred='yes'>
<b:widget id='LinkList1' locked='false' title='Links' type='LinkList'/>
</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 class='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar2' preferred='yes'>
<b:widget id='Profile1' locked='false' title='About Me' type='Profile'/>
<b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'/>
</b:section>

</div>


<div class='clear'> </div>

</div> 

<div id='footer-wrapper'>
<b:section class='footer' id='footer'/>
</div>

</div>

</div> 
<center><p> <img border='0' id='BLOGGER_PHOTO_ID_5255170228945611202' src='http://1.bp.blogspot.com/__VhkYhRnHqI/SO4deuqC6cI/AAAAAAAAAAs/o6KdTgI36qE/s200/clip_image002.jpg' style=''/></p></center>
</body>
</html>