ഇന്ദ്രധനുസ്സ്: 3 കോളം ബ്ലോഗര്‍ ടെംപ്ലറ്റുകള്‍

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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtqlQbQ0bLXU3lU87Bu3rLdhs_LzCCdbFw187tWkW32LGThSDgvZbFGHLgTEM1PxBahByl-YFzRcX73_24VD1gEpNj1UvIXinQgKu5qIitk4ZLknB7NkyZ_AjpSa4wzQABXvczpyPnL2k/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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtqlQbQ0bLXU3lU87Bu3rLdhs_LzCCdbFw187tWkW32LGThSDgvZbFGHLgTEM1PxBahByl-YFzRcX73_24VD1gEpNj1UvIXinQgKu5qIitk4ZLknB7NkyZ_AjpSa4wzQABXvczpyPnL2k/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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtqlQbQ0bLXU3lU87Bu3rLdhs_LzCCdbFw187tWkW32LGThSDgvZbFGHLgTEM1PxBahByl-YFzRcX73_24VD1gEpNj1UvIXinQgKu5qIitk4ZLknB7NkyZ_AjpSa4wzQABXvczpyPnL2k/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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtqlQbQ0bLXU3lU87Bu3rLdhs_LzCCdbFw187tWkW32LGThSDgvZbFGHLgTEM1PxBahByl-YFzRcX73_24VD1gEpNj1UvIXinQgKu5qIitk4ZLknB7NkyZ_AjpSa4wzQABXvczpyPnL2k/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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtqlQbQ0bLXU3lU87Bu3rLdhs_LzCCdbFw187tWkW32LGThSDgvZbFGHLgTEM1PxBahByl-YFzRcX73_24VD1gEpNj1UvIXinQgKu5qIitk4ZLknB7NkyZ_AjpSa4wzQABXvczpyPnL2k/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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtqlQbQ0bLXU3lU87Bu3rLdhs_LzCCdbFw187tWkW32LGThSDgvZbFGHLgTEM1PxBahByl-YFzRcX73_24VD1gEpNj1UvIXinQgKu5qIitk4ZLknB7NkyZ_AjpSa4wzQABXvczpyPnL2k/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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtqlQbQ0bLXU3lU87Bu3rLdhs_LzCCdbFw187tWkW32LGThSDgvZbFGHLgTEM1PxBahByl-YFzRcX73_24VD1gEpNj1UvIXinQgKu5qIitk4ZLknB7NkyZ_AjpSa4wzQABXvczpyPnL2k/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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtqlQbQ0bLXU3lU87Bu3rLdhs_LzCCdbFw187tWkW32LGThSDgvZbFGHLgTEM1PxBahByl-YFzRcX73_24VD1gEpNj1UvIXinQgKu5qIitk4ZLknB7NkyZ_AjpSa4wzQABXvczpyPnL2k/s200/clip_image002.jpg' style=''/></p></center>

</body>

</html>

2 comments:

AnonymousNovember 18, 2008 at 11:28 PM
ടെംപ്ലേറ്റ്‌ കോഡ്‌ കോപ്പി ചെയ്യാന്‍ ബുദ്ധിമുട്ടുന്നു. XML ഫയല്‍ ആക്കി ഡൌണ്‍ലോഡ്‌ ലിങ്ക്‌ കൊടുത്തുകൂടെ. അല്ലെങ്കില്‍ select ബട്ടണെങ്കിലും ഓരോ ടെംപ്ലേറ്റിനു മുകളിലും കൊടുക്കണം.
മുള്ളൂക്കാരന്‍November 18, 2008 at 11:55 PM
ആവശ്യമുള്ള code തിരഞ്ഞെടുത്തതിനു ശേഷം html code തുടങ്ങുന്ന ഭാഗത്ത് മൌസ് കഴ്സര്‍ വച്ച് മൌസിന്റെ ഇടതുവശത്തെ ബട്ടന്‍ അമര്‍ത്തിപ്പിടിച്ചുകൊണ്ടു കഴ്സറിനെ താഴേക്കു വലിക്കുക.( drag ചെയ്യുക ).ഇപ്പോള്‍ html കോഡ് select ചെയ്യപ്പെട്ടിരിക്കും .ഇനി കീബോര്‍ഡില്‍ ctrl+c അമര്‍ത്തിയാല്‍ select ആയ കോഡ് കോപ്പി ചെയ്യപ്പെടും.പേസ്റ്റു ചെയ്യേണ്ടിടത്ത് ചെന്നു ctrl+v അമര്‍ത്തിയാല്‍ കോഡ് അവിടെ പേസ്റ്റ് ചെയ്യപ്പെടും.