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'>



<!-- skip links for text browsers -->

<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>



<!-- spacer for skins that want sidebar and main to be the same height-->

<div class='clear'>&#160;</div>



</div> <!-- end content-wrapper -->

</div></div> <!-- end outer-wrapper -->

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

</body>

</html>





Denim Light




<?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="bgColor" description="Page Background Color"

type="color" default="#ffffff" value="#ffffff">

<Variable name="textColor" description="Text Color"

type="color" default="#333333" value="#333333">

<Variable name="linkColor" description="Link Color"

type="color" default="#336699" value="#336699">



<Variable name="headerBgColor" description="Page Header Background Color"

type="color" default="#c4e1ff" value="#c4e1ff">

<Variable name="headerTextColor" description="Page Header Text Color"

type="color" default="#003366" value="#003366">

<Variable name="headerCornersColor" description="Page Header Corners Color"

type="color" default="#c4e1ff" value="#c4e1ff">



<Variable name="mainBgColor" description="Main Background Color"

type="color" default="#ffffff" value="#ffffff">

<Variable name="borderColor" description="Border Color"

type="color" default="#ffffff" value="#ffffff">

<Variable name="dateHeaderColor" description="Date Header Color"

type="color" default="#999999" value="#999999">



<Variable name="sidebarTitleBgColor" description="Sidebar Title Background Color"

type="color" default="#ffffff" value="#ffffff">

<Variable name="sidebarTitleTextColor" description="Sidebar Title Text Color"

type="color" default="#333333" value="#333333">



<Variable name="bodyFont" description="Text Font"

type="font" default="normal normal 100% Verdana, Arial, Sans-serif;" value="normal normal 100% Verdana, Arial, Sans-serif;">

<Variable name="headerFont" description="Page Header Font"

type="font" default="normal normal 210% Verdana, Arial, Sans-serif;" value="normal normal 210% Verdana, Arial, Sans-serif;">



*/



body {

background: $bgColor;

margin: 0;

padding: 0px;

font: x-small Verdana, Arial;

text-align: center;

color: $textColor;

font-size/* */:/**/small;

font-size: /**/small;

}

a:link {

color: $linkColor;

}

a:visited {

color: $linkColor;

}

a img {

border-width: 0;

}



#outer-wrapper {

font: $bodyFont;

}



/* Header

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

#header-wrapper {

margin:0;

padding: 0;

background-color: $headerCornersColor;

text-align: left;

}



#header {

margin: 0 2%;

background-color: $headerBgColor;

color: $headerTextColor;

padding: 0;

font: $headerFont;

position: relative;

}



h1.title {

padding-top: 38px;

margin: 0 1% .1em;

line-height: 1.2em;

font-size: 100%;

}



h1.title a {

color: $headerTextColor;

text-decoration: none;

}



#header .description {

display: block;

margin: 0 1%;

padding: 0 0 40px;

line-height: 1.4em;

font-size: 50%;

}



/* Content

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



.clear {

clear: both;

}





#content-wrapper {

margin: 0 2%;

padding: 0 0 15px;

text-align: left;

background-color: $mainBgColor;

border: 1px solid $borderColor;

border-top: 0;

}

#main-wrapper {

margin: 0 1%;

width: 50%;

float: left;

background-color: $mainBgColor;

word-wrap: break-word; /* fix for long text breaking sidebar float in IE */

overflow: hidden; /* fix for long non-text content breaking IE sidebar float */

}

.sidebar-wrapper {

width: 24%;

float: left;

background-color: $mainBgColor;

word-wrap: break-word; /* fix for long text breaking sidebar float in IE */

overflow: hidden; /* fix for long non-text content breaking IE sidebar float */

}



/* Headings

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

h2, h3 {

margin: 0;

}



/* Posts

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

.date-header {

margin: 1.5em 0 0;

font-weight: normal;

color: $dateHeaderColor;

font-size: 100%;

}

.post {

margin: 0 0 1.5em;

padding-bottom: 1.5em;

}

.post-title {

margin: 0;

padding: 0;

font-size: 125%;

font-weight: bold;

line-height: 1.1em;

}

.post-title a, .post-title a:visited, .post-title strong {

text-decoration: none;

color: $textColor;

font-weight: bold;

}

.post div {

margin: 0 0 .75em;

line-height: 1.3em;

}

p.post-footer {

margin: -.25em 0 0;

color: $mainBgColor;

font-size: 83%;

}



.post-footer .span {

margin-right: .3em;

}

.comment-link {

margin-left: .3em;

}

.post img {

padding: 4px;

border: 1px solid $borderColor;

}

.post blockquote {

margin: 1em 20px;

}

.post blockquote p {

margin: .75em 0;

}



/* Comments

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

#comments h4 {

margin: 1em 0;

color: $dateHeaderColor;

}

#comments h4 strong {

font-size: 110%;

}

#comments-block {

margin: 1em 0 1.5em;

line-height: 1.3em;

}

#comments-block dt {

margin: .5em 0;

}

#comments-block dd {

margin: .25em 0 0;

}

#comments-block dd.comment-footer {

margin: -.25em 0 2em;

line-height: 1.4em;

font-size: 78%;

}

#comments-block dd p {

margin: 0 0 .75em;

}



.deleted-comment {

font-style:italic;

color:gray;

}



.feed-links {

clear: both;

line-height: 2.5em;

}



#blog-pager-newer-link {

float: left;

}



#blog-pager-older-link {

float: right;

}



#blog-pager {

text-align: center;

}



/* Sidebar Content

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

.sidebar h2 {

margin: 1.6em 0 .5em;

padding: 4px 5px;

background-color: $sidebarTitleBgColor;

font-size: 100%;

color: $sidebarTitleTextColor;

}



.sidebar ul {

margin: 0;

padding: 0;

list-style: none;

}

.sidebar li {

margin: 0;

padding: 0 0 .5em 15px;

text-indent: -15px;

line-height: 1.5em;

}

.sidebar {

color: $textColor;

line-height:1.3em;

}

.sidebar .widget {

margin-bottom: 1em;

}



.sidebar .widget-content {

margin: 0 5px;

}



/* Profile

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

.profile-img {

float: left;

margin: 0 5px 5px 0;

padding: 4px;

border: 1px solid $borderColor;

}



.profile-data {

margin:0;

text-transform:uppercase;

letter-spacing:.1em;

font-weight: bold;

line-height: 1.6em;

font-size: 78%;

}



.profile-datablock {

margin:.5em 0 .5em;

}



.profile-textblock {

margin: 0.5em 0;

line-height: 1.6em;

}





/* Footer

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

#footer {

clear: both;

text-align: center;

color: $textColor;

}



#footer .widget {

margin:.5em;

padding-top: 20px;

font-size: 85%;

line-height: 1.5em;

text-align: left;

}



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

body#layout #header {

width: 750px;

margin-left: 0;

margin-right: 0;

}

]]></b:skin>

</head>



<body>

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



<!-- skip links for text browsers -->

<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='Profile1' locked='false' title='About Me' type='Profile'/>

</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='LinkList1' locked='false' title='Link' type='LinkList'/>

</b:section>



</div>



<!-- spacer for skins that want sidebar and main to be the same height-->

<div class='clear'>&#160;</div>



</div> <!-- end content-wrapper -->



<div id='footer-wrapper'>

<b:section class='footer' id='footer'/>

</div>



</div>

</div> <!-- end outer-wrapper -->

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

</body>

</html>





Dots




<?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="pagetitle" description="Blog Title Color" type="color"

default="#353" value="#335533">

<Variable name="blogDescriptionColor" description="Blog Description Color"

type="color" default="#996" value="#999966">

<Variable name="posttitle" description="Post Title Color" type="color"

default="#996" value="#999966">

<Variable name="linkcolor" description="Link Color" type="color"

default="#488" value="#448888">

<Variable name="vlinkcolor" description="Visited Link Color" type="color"

default="#885" value="#888855">

<Variable name="dateheadercolor" description="Date Header Color"

type="color" default="#663" value="#666633">

<Variable name="sidebartitle" description="Sidebar Title Color" type="color"

default="#663" value="#666633">

<Variable name="borderColor" description="Border Color"

type="color" default="#9b9" value="#99bb99">

<Variable name="bodyfont" description="Text Font" type="font"

default="normal normal 100% Verdana,Arial,Sans-Serif" value="normal normal 100% Verdana,Arial,Sans-Serif">

<Variable name="pagetitlefont" description="Blog Title Font" type="font"

default="normal normal 250% Georgia,Serif" value="normal normal 250% Georgia,Serif">

<Variable name="blogDescriptionFont" description="Blog Description Font"

type="font"

default="normal normal 100% Verdana, Arial, Sans-Serif" value="normal normal 100% Verdana, Arial, Sans-Serif">

<Variable name="dateHeaderFont" description="Date Header Font"

type="font" default="normal normal 95% Georgia, Serif" value="normal normal 95% Georgia, Serif">

<Variable name="headerfont" description="Sidebar Title Font" type="font"

default="normal normal 100% Georgia,Serif" value="normal normal 100% Georgia,Serif">

*/

body {

margin: 0px 0px 0px 0px;

background:#fff url("http://www.blogblog.com/dots/bg_dots.gif");

background-position: 50% 31px;

text-align:center;

font:x-small Verdana, Arial, Sans-serif;

color:$textcolor;

font-size/* */:/**/small;

font-size: /**/small;

}





/* Page Structure

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

#outer-wrapper {

background:url("http://www.blogblog.com/dots/bg_3dots.gif") no-repeat 250px 50px;

width:890px;

margin:0 auto;

text-align:left;

font:$bodyfont;

}



#header-wrapper {

display: none;

}



#main-wrapper {

width:450px;

float:left;

margin:0 10px;

padding:100px 0 20px;

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 {

background:url("http://www.blogblog.com/dots/bg_dots2.gif") -100px -100px;

padding:20px 10px 15px;

}

.sidebar-wrapper {

width:200px;

float:left;

font-size:85%;

padding-bottom:20px;

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 {

background:url("http://www.blogblog.com/dots/bg_dots2.gif") 150px -50px;

padding:40px 10px 15px;

width:200px;

width/* */:/**/180px;

width: /**/180px;

}



/* Title & Description

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



.Header h1 {

margin:0 0 .5em;

line-height: 1.4em;

font: $pagetitlefont;

color: $pagetitle;

}

.Header h1 a {

color:$pagetitle;

text-decoration:none;

}



.Header .description {

margin:0 0 1.75em;

color: $blogDescriptionColor;

font: $blogDescriptionFont;

}





/* Links

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

a:link {

color:$linkcolor;

}

a:visited {

color:$vlinkcolor;

}

a:hover {

color:$vlinkcolor;

}

a img {

border-width:0;

}





/* Posts

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

h2.date-header {

margin:0 0 .75em;

padding-bottom:.35em;

border-bottom:1px dotted $borderColor;

text-transform:uppercase;

letter-spacing:.3em;

color: $dateheadercolor;

font: $dateHeaderFont;

}

.post {

margin:0 0 2.5em;

}

.post h3 {

margin:.25em 0;

line-height: 1.4em;

font: $headerfont;

font-size: 130%;

font-weight: bold;

color:$posttitle;

background:url("http://www.blogblog.com/dots/bg_post_title.gif") no-repeat 0 .25em;

padding:0 0 1px 45px;

}



.post h3 a {

text-decoration:none;

color: $posttitle;

}

.post h3 a:hover {

color: $textcolor;

}

.post p {

margin:0 0 .75em;

line-height:1.6em;

}



.post-footer {

margin:0;

}



.uncustomized-post-template .post-footer {

text-align: right;

}



.uncustomized-post-template .post-author,

.uncustomized-post-template .post-timestamp {

display: block;

float: left;

margin-right: 4px;

text-align: left;

}



.post-author, .post-timestamp {

color:$posttitle;

}



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/dots/icon_comment.gif") no-repeat 0 .25em;

padding-left:15px;

}

html>body a.comment-link {

/* Respecified, for IE5/Mac's benefit */

background:url("http://www.blogblog.com/dots/icon_comment.gif") no-repeat 0 .25em;

padding-left:15px;

}

.post img {

margin:0 0 5px 0;

padding:4px;

border:1px solid $borderColor;

}



.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;

}



/* Comments

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

#comments {

margin:0;

}

#comments h4 {

margin:0 0 10px;

border-top:1px dotted $borderColor;

padding-top:.5em;

line-height: 1.4em;

font: bold 110% Georgia,Serif;

color:#333;

}

#comments-block {

line-height:1.6em;

}

.comment-author {

background:url("http://www.blogblog.com/dots/icon_comment.gif") no-repeat 2px .35em;

margin:.5em 0 0;

padding:0 0 0 20px;

font-weight:bold;

}

.comment-body {

margin:0;

padding:0 0 0 20px;

}

.comment-body p {

margin:0 0 .5em;

}

.comment-footer {

margin:0 0 .5em;

padding:0 0 .75em 20px;

color:#996;

}

.comment-footer a:link {

color:#996;

}

.deleted-comment {

font-style:italic;

color:gray;

}





/* More Sidebar Content

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

.sidebar h2 {

margin:2em 0 .75em;

padding-bottom:.35em;

border-bottom:1px dotted $borderColor;

line-height: 1.4em;

font-size: 95%;

font: $headerfont;

text-transform:uppercase;

letter-spacing:.3em;

color:$sidebartitle;

}

.sidebar p {

margin:0 0 .75em;

line-height:1.6em;

}

.sidebar ul {

list-style:none;

margin:.5em 0;

padding:0 0px;

}



.sidebar .widget {

margin: .5em 0 1em;

padding: 0 0px;

line-height: 1.5em;

}



.main .widget {

padding-bottom: 1em;

}



.sidebar ul li {

background:url("http://www.blogblog.com/dots/bullet.gif") no-repeat 3px .45em;

margin:0;

padding:0 0 5px 15px;

}

.sidebar p {

margin:0 0 .6em;

}



/* Profile

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

.profile-datablock {

margin: 0 0 1em;

}



.profile-img {

float: left;

margin: 0 8px 5px 0;

border: 4px solid #cc9;

}



.profile-data {

margin: 0;

line-height: 1.5em;

}

.profile-textblock {

clear: left;

margin-left: 0;

}



/* Footer

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

#footer {

clear:both;

padding:15px 0 0;

}



#footer p {

margin:0;

}



/* Page structure tweaks for layout editor wireframe */

body#layout #sidebar, body#layout #main,

body#layout #main-wrapper,

body#layout #outer-wrapper,

body#layout #sidebar-wrapper {

padding: 0;

}

body#layout #sidebar, body#layout #sidebar-wrapper {

padding: 0;

width: 240px;

}

]]></b:skin>

</head>



<body>

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



<!-- skip links for text browsers -->

<span id='skiplinks' style='display:none;'>

<a href='#main'>skip to main </a> |

<a href='#sidebar'>skip to sidebar</a>

</span>



<div id='content-wrapper'>



<div class='sidebar-wrapper'>

<b:section class='sidebar' id='sidebar1' preferred='yes'>

<b:widget id='Header1' locked='false' title='Test (Header)' type='Header'/>

<b:widget id='Profile1' locked='false' title='About Me' type='Profile'/>

</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='LinkList1' locked='false' title='Link' type='LinkList'/>

</b:section>



</div>



<!-- spacer for skins that want sidebar and main to be the same height-->

<div class='clear'>&#160;</div>



</div> <!-- end content-wrapper -->



<div id='footer-wrapper'>

<b:section class='footer' id='footer'/>

</div>



</div>

</div> <!-- end outer-wrapper -->

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



</body>

</html>





Harbor




<?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="titlecolor" description="Blog Title Color"

type="color" default="#678" value="#667788">

<Variable name="posttitlecolor" description="Post Title Color" type="color"

default="#368" value="#336688">

<Variable name="sidebarheader" description="Sidebar Title Color"

type="color" default="#933" value="#993333">

<Variable name="dateHeaderColor" description="Date Header Color"

type="color" default="#933" value="#993333">



<Variable name="bodyfont" description="Text Font" type="font"

default="normal normal 100% Georgia,Serif" value="normal normal 100% Georgia,Serif">

<Variable name="pagetitlefont" description="Blog Title Font" type="font"

default="normal normal 270% Georgia, Serif" value="normal normal 270% Georgia, Serif">

<Variable name="blogDescriptionFont" description="Blog Description Font" type="font"

default="normal normal 75% Georgia, Serif" value="normal normal 75% Georgia, Serif">

<Variable name="headerfont" description="Sidebar Title Font" type="font"

default="normal normal 78% Georgia, Serif" value="normal normal 78% Georgia, Serif">

<Variable name="dateHeaderFont" description="Date Header Font" type="font"

default="normal normal 78% Georgia, Serif" value="normal normal 78% Georgia, Serif">

*/



body {

background:#fff url("http://www.blogblog.com/harbor/rocks.jpg") no-repeat right bottom;

background-attachment:fixed;

margin:0;

padding:0;

font:x-small Georgia, Serif;

color:$textcolor;

font-size/* */:/**/small;

font-size: /**/small;

}

/* Commented Backslash Hack hides rule from IE5-Mac \*/

body {background-attachment:scroll;}

/* End IE5-Mac hack */



a:link {

color:$posttitlecolor;

text-decoration:none;

}

a:visited {

color:#764;

text-decoration:none;

}

a:hover {

color:$sidebarheader;

text-decoration:underline;

}

a img {

border-width:0;

}





/* Page Structure

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

#wrap {

background:url("http://www.blogblog.com/harbor/sky.jpg") repeat-x;

margin:0;

padding:0;

text-align:left;

font: $bodyfont;

}

#wrap2 {

background:url("http://www.blogblog.com/harbor/lighthouse.jpg") no-repeat left 0px;

}

#wrap3 {

background:url("http://www.blogblog.com/harbor/cloud.jpg") no-repeat 100% 75px;

}

#wrap4 {

background:url("http://www.blogblog.com/harbor/center_cloud.jpg") no-repeat 50% 0px;

width:100%;

width/* */:/**/auto;

width: /**/auto;

}

#outer-wrapper {

padding: 5px;

width:100%;

width/* */:/**/auto;

width: /**/auto;

}

html>body #outer-wrapper {

border:3px double #fff;

}

#main-wrapper {

width:45%;

margin:0 1%;

float:left;

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:0;

}

.sidebar-wrapper {

width:25%;

float:left;

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-top: 170px;

}



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

body#layout #outer-wrapper,

body#layout #sidebar,

body#layout #wrap4,

body#layout #header {

margin-top: 0;

margin-bottom: 0;

padding: 0;

}



body#layout #sidebar-wrapper {

width: 180px;

margin-left: 0;

}



body#layout #wrap4, body#layout #outer-wrapper {

width: 650px;

}



/* Header

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

#header {

padding:15px 0 10px 110px;

position: relative;

}



.Header h1 {

margin:0 0 .25em;

color:$titlecolor;

font: $pagetitlefont;

}



.Header h1 a {

color:$titlecolor;

text-decoration:none;

}



.Header .description {

margin:0;

max-width:700px;

line-height:1.8em;

text-transform:uppercase;

letter-spacing:.2em;

color:$titlecolor;

font: $blogDescriptionFont;

}





/* Headings

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

h2 {

margin:1.5em 0 .75em;

line-height: 1.4em;

font: $headerfont;

text-transform:uppercase;

letter-spacing:.2em;

color:$sidebarheader;

}





/* Posts

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

h2.date-header {

margin:2em 0 .5em;

color: $dateHeaderColor;

font: $dateHeaderFont;

}

.post {

margin:.5em 0 1.5em;

}

.post h3 {

margin:.25em 0 0;

padding:0 0 4px;

font-size:140%;

font-weight:normal;

line-height:1.4em;

}

.post h3 a, .post h3 strong {

background:url("http://www.blogblog.com/harbor/icon_lighthouse.gif") no-repeat 0 .15em;

display:block;

padding-left:20px;

text-decoration:none;

color:$posttitlecolor;

font-weight:normal;

}

.post h3 strong {

background-image:url("http://www.blogblog.com/harbor/icon_lighthouse2.gif");

color:#000;

}

.post h3 a:hover {

color:$sidebarheader;

}

.post-body {

background:url("http://www.blogblog.com/harbor/divider.gif") no-repeat center top;

padding-top:12px;

}

.post p {

margin:0 0 .75em;

line-height:1.6em;

}

.post-footer {

color:#999;

text-transform:uppercase;

letter-spacing:.1em;

font-size: 78%;

line-height: 1.4em;

}

.comment-link {

margin-left:.4em;

}



.post-footer .post-timestamp,

.post-footer .post-author {

color:#666;

}

.comment-link strong {

font-size:130%;

}

.comment-link {

margin-left:.4em;

}

.post img {

padding:4px;

border:1px solid #cde;

}





/* Comments

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

#comments {

background:url("http://www.blogblog.com/harbor/divider.gif") no-repeat center top;

padding:15px 0 0;

}

#comments h4 {

margin:1em 0;

font-weight: bold;

line-height: 1.6em;

text-transform:uppercase;

letter-spacing:.2em;

color: $dateHeaderColor;

font: bold 78% Georgia Serif;

}

#comments h4 strong {

font-size:130%;

}

#comments-block {

margin:1em 0 1.5em;

line-height:1.4em;

}

#comments-block dt {

margin:.5em 0;

}

#comments-block dd {

margin:.25em 20px 0;

}

#comments-block dd.comment-timestamp {

margin:-.25em 20px 1.5em;

line-height: 1.4em;

text-transform:uppercase;

letter-spacing:.1em;

}

#comments-block dd p {

margin:0 0 .75em;

}

.deleted-comment {

font-style:italic;

color:gray;

}



.feed-links {

clear: both;

line-height: 2.5em;

}



#blog-pager-newer-link {

float: left;

}



#blog-pager-older-link {

float: right;

}



#blog-pager {

text-align: center;

}



.comment-footer {

font: 78%/1.4em Georgia , Serif;

}



/* Sidebar Content

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



.sidebar .widget, .main .widget {

background:url("http://www.blogblog.com/harbor/divider.gif") no-repeat center bottom;

margin:0 0 15px;

padding:0 0 15px;

}



.main .Blog {

background-image: none;

}



.sidebar ul {

list-style:none;

margin-left: 0;

}



.sidebar li {

margin:0;

padding:0 0 .25em 15px;

text-indent:-15px;

line-height:1.5em;

}

.sidebar p {

color:#666;

line-height:1.5em;

}





/* Profile

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

.profile-datablock {

margin:.5em 0 .5em;

}

.profile-data {

margin:0;

font: $headerfont;

font-weight: bold;

line-height: 1.6em;

text-transform:uppercase;

letter-spacing:.1em;

}



.profile-img {

float: left;

margin: 0 5px 5px 0;

padding: 4px;

border: 1px solid #cde;

}



.profile-textblock {

margin:.5em 0 .5em;

}

.profile-link {

font:78%/1.4em Georgia,Serif;

text-transform:uppercase;

letter-spacing:.1em;

}



/* Footer

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

#footer-wrapper {

clear:both;

padding:15px 30px 0 50px;

text-align: center;

}



#footer .widget {

background:url("http://www.blogblog.com/harbor/divider.gif") no-repeat center top;

margin:0;

padding-top:15px;

line-height: 1.6em;

text-transform:uppercase;

letter-spacing:.1em;

}

]]></b:skin>

</head>

<body>

<div id='wrap'><div id='wrap2'><div id='wrap3'><div id='wrap4'>

<div id='outer-wrapper'>



<b:section class='header' id='header' maxwidgets='1'>

<b:widget id='Header1' locked='true' title='Test (Header)' type='Header'/>

</b:section>



<div class='sidebar-wrapper'>

<b:section class='sidebar' id='sidebar1' preferred='yes'>

<b:widget id='Profile1' locked='false' title='About Me' type='Profile'/>

</b:section>

</div>



<div id='main-wrapper' style='float:left'>

<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='LinkList1' locked='false' title='Link' type='LinkList'/>

</b:section>



</div>



<div id='footer-wrapper'>

<b:section class='footer' id='footer'/>

</div>



</div>

</div></div></div>

</div>

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

</body>

</html>





Minima 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="bgcolor" description="Page Background Color"

type="color" default="#135" value="#113355">

<Variable name="textcolor" description="Text Color"

type="color" default="#ccc" value="#cccccc">

<Variable name="linkcolor" description="Link Color"

type="color" default="#9bd" value="#99bbdd">

<Variable name="pagetitlecolor" description="Title Color"

type="color" default="#eee" value="#eeeeee">

<Variable name="descriptioncolor" description="Blog Description Color"

type="color" default="#79b" value="#7799bb">

<Variable name="titlecolor" description="Post Title Color"

type="color" default="#fc6" value="#ffcc66">

<Variable name="bordercolor" description="Border Color"

type="color" default="#468" value="#446688">

<Variable name="sidebarcolor" description="Sidebar Title Color"

type="color" default="#579" value="#557799">

<Variable name="sidebartextcolor" description="Sidebar Text Color"

type="color" default="#ccc" value="#cccccc">

<Variable name="visitedlinkcolor" description="Visited Link Color"

type="color" default="#a7a" value="#aa77aa">

<Variable name="bodyfont" description="Text Font"

type="font" default="normal normal 100% 'Trebuchet MS',Trebuchet,Verdana,Sans-serif" value="normal normal 100% 'Trebuchet MS',Trebuchet,Verdana,Sans-serif">

<Variable name="headerfont" description="Sidebar Title Font"

type="font"

default="normal bold 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif" value="normal bold 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif">

<Variable name="pagetitlefont" description="Blog Title Font"

type="font"

default="normal bold 200% 'Trebuchet MS',Trebuchet,Verdana,Sans-serif" value="normal bold 200% 'Trebuchet MS',Trebuchet,Verdana,Sans-serif">

<Variable name="descriptionfont" description="Blog Description Font"

type="font"

default="normal normal 78% 'Trebuchet MS', Trebuchet, Verdana, Sans-serif" value="normal normal 78% 'Trebuchet MS', Trebuchet, Verdana, Sans-serif">

<Variable name="postfooterfont" description="Post Footer Font"

type="font"

default="normal normal 78% 'Trebuchet MS', Trebuchet, Verdana, Sans-serif" value="normal normal 78% 'Trebuchet MS', Trebuchet, Verdana, Sans-serif">

*/



/* Use this with templates/template-twocol.html */



body {

background:$bgcolor;

margin:0;

color:$textcolor;

font:x-small "Trebuchet MS", Trebuchet, Verdana, Sans-Serif;

font-size/* */:/**/small;

font-size: /**/small;

text-align: center;

}

a:link {

color:$linkcolor;

text-decoration:none;

}

a:visited {

color:$visitedlinkcolor;

text-decoration:none;

}

a:hover {

color:$titlecolor;

text-decoration:underline;

}

a img {

border-width:0;

}



/* Header

-----------------------------------------------

*/



#header-wrapper {

width:890px;

margin:0 auto 10px;

border:1px solid $bordercolor;

}



#header {

margin: 5px;

border: 1px solid $bordercolor;

text-align: center;

color:$pagetitlecolor;

}



#header h1 {

margin:5px 5px 0;

padding:15px 20px .25em;

line-height:1.2em;

text-transform:uppercase;

letter-spacing:.2em;

font: $pagetitlefont;

}



#header a {

color:$pagetitlecolor;

text-decoration:none;

}



#header a:hover {

color:$pagetitlecolor;

}



#header .description {

margin:0 5px 5px;

padding:0 20px 15px;

max-width:700px;

text-transform:uppercase;

letter-spacing:.2em;

line-height: 1.4em;

font: $descriptionfont;

color: $descriptioncolor;

}





/* Outer-Wrapper

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

#outer-wrapper {

width: 890px;

margin:0 auto;

padding:10px;

text-align:left;

font: $bodyfont;

}



#main-wrapper {

width: 410px;

margin:0 20px;

float: left;

word-wrap: break-word; /* fix for long text breaking sidebar float in IE */

overflow: hidden; /* fix for long non-text content breaking IE sidebar float */

}



.sidebar-wrapper {

width: 210px;

float: left;

word-wrap: break-word; /* fix for long text breaking sidebar float in IE */

overflow: hidden; /* fix for long non-text content breaking IE sidebar float */

}





/* Headings

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



h2 {

margin:1.5em 0 .75em;

font:$headerfont;

line-height: 1.4em;

text-transform:uppercase;

letter-spacing:.2em;

color:$sidebarcolor;

}





/* Posts

-----------------------------------------------

*/

h2.date-header {

margin:1.5em 0 .5em;

}



.post {

margin:.5em 0 1.5em;

border-bottom:1px dotted $bordercolor;

padding-bottom:1.5em;

}

.post h3 {

margin:.25em 0 0;

padding:0 0 4px;

font-size:140%;

font-weight:normal;

line-height:1.4em;

color:$titlecolor;

}



.post h3 a, .post h3 a:visited, .post h3 strong {

display:block;

text-decoration:none;

color:$titlecolor;

font-weight:bold;

}



.post h3 strong, .post h3 a:hover {

color:$textcolor;

}



.post p {

margin:0 0 .75em;

line-height:1.6em;

}



.post-footer {

margin: .75em 0;

color:$sidebarcolor;

text-transform:uppercase;

letter-spacing:.1em;

font: $postfooterfont;

line-height: 1.4em;

}



.comment-link {

margin-left:.6em;

}

.post img {

padding:4px;

border:1px solid $bordercolor;

}

.post blockquote {

margin:1em 20px;

}

.post blockquote p {

margin:.75em 0;

}



/* Comments

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

#comments h4 {

margin:1em 0;

font-weight: bold;

line-height: 1.4em;

text-transform:uppercase;

letter-spacing:.2em;

color: $sidebarcolor;

}



#comments-block {

margin:1em 0 1.5em;

line-height:1.6em;

}

#comments-block .comment-author {

margin:.5em 0;

}

#comments-block .comment-body {

margin:.25em 0 0;

}

#comments-block .comment-footer {

margin:-.25em 0 2em;

line-height: 1.4em;

text-transform:uppercase;

letter-spacing:.1em;

}

#comments-block .comment-body p {

margin:0 0 .75em;

}

.deleted-comment {

font-style:italic;

color:gray;

}



.feed-links {

clear: both;

line-height: 2.5em;

}



#blog-pager-newer-link {

float: left;

}



#blog-pager-older-link {

float: right;

}



#blog-pager {

text-align: center;

}



/* Sidebar Content

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

.sidebar {

color: $sidebartextcolor;

line-height: 1.5em;

}



.sidebar ul {

list-style:none;

margin:0 0 0;

padding:0 0 0;

}

.sidebar li {

margin:0;

padding:0 0 .25em 15px;

text-indent:-15px;

line-height:1.5em;

}



.sidebar .widget, .main .widget {

border-bottom:1px dotted $bordercolor;

margin:0 0 1.5em;

padding:0 0 1.5em;

}



.main .Blog {

border-bottom-width: 0;

}



/* Profile

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

.profile-img {

float: left;

margin: 0 5px 5px 0;

padding: 4px;

border: 1px solid $bordercolor;

}



.profile-data {

margin:0;

text-transform:uppercase;

letter-spacing:.1em;

font: $postfooterfont;

color: $sidebarcolor;

font-weight: bold;

line-height: 1.6em;

}



.profile-datablock {

margin:.5em 0 .5em;

}



.profile-textblock {

margin: 0.5em 0;

line-height: 1.6em;

}



.profile-link {

font: $postfooterfont;

text-transform: uppercase;

letter-spacing: .1em;

}



/* Footer

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

#footer {

width:890px;

clear:both;

margin:0 auto;

padding-top:15px;

line-height: 1.6em;

text-transform:uppercase;

letter-spacing:.1em;

text-align: center;

}



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

body#layout #header {

margin-left: 0px;

margin-right: 0px;

}

]]></b:skin>

</head>



<body>

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



<!-- skip links for text browsers -->

<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 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='content-wrapper'>



<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:section>



</div>



<!-- spacer for skins that want sidebar and main to be the same height-->

<div class='clear'>&#160;</div>



</div> <!-- end content-wrapper -->



<div id='footer-wrapper'>

<b:section class='footer' id='footer'/>

</div>



</div>

</div> <!-- end outer-wrapper -->

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

</body>

</html>





Minima Ochre




<?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="bgcolor" description="Page Background Color"

type="color" default="#dd9" value="#dddd99">

<Variable name="textcolor" description="Text Color"

type="color" default="#333" value="#333333">

<Variable name="linkcolor" description="Link Color"

type="color" default="#684" value="#668844">

<Variable name="pagetitlecolor" description="Blog Title Color"

type="color" default="#874" value="#887744">

<Variable name="descriptioncolor" description="Blog Description Color"

type="color" default="#a83" value="#aa8833">

<Variable name="titlecolor" description="Post Title Color"

type="color" default="#c80" value="#cc8800">

<Variable name="bordercolor" description="Border Color"

type="color" default="#ffc" value="#ffffcc">

<Variable name="sidebarcolor" description="Sidebar Title Color"

type="color" default="#774" value="#777744">

<Variable name="sidebartextcolor" description="Sidebar Text Color"

type="color" default="#333" value="#333333">

<Variable name="visitedlinkcolor" description="Visited Link Color"

type="color" default="#996" value="#999966">

<Variable name="bodyfont" description="Text Font"

type="font" default="normal normal 100% Georgia, Serif" value="normal normal 100% Georgia, Serif">

<Variable name="headerfont" description="Sidebar Title Font"

type="font"

default="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif" value="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif">

<Variable name="pagetitlefont" description="Blog Title Font"

type="font"

default="normal normal 200% Georgia, Serif" value="normal normal 200% Georgia, Serif">

<Variable name="descriptionfont" description="Blog Description Font"

type="font"

default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif">

<Variable name="postfooterfont" description="Post Footer Font"

type="font"

default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif">

*/



/* Use this with templates/template-twocol.html */



body {

background:$bgcolor;

margin:0;

color:$textcolor;

font:x-small Georgia Serif;

font-size/* */:/**/small;

font-size: /**/small;

text-align: center;

}

a:link {

color:$linkcolor;

text-decoration:none;

}

a:visited {

color:$visitedlinkcolor;

text-decoration:none;

}

a:hover {

color:$titlecolor;

text-decoration:underline;

}

a img {

border-width:0;

}



/* Header

-----------------------------------------------

*/



#header-wrapper {

width:890px;

margin:0 auto 10px;

border:1px solid $bordercolor;

}



#header {

margin: 5px;

border: 1px solid $bordercolor;

text-align: center;

color:$pagetitlecolor;

}



#header h1 {

margin:5px 5px 0;

padding:15px 20px .25em;

line-height:1.2em;

text-transform:uppercase;

letter-spacing:.2em;

font: $pagetitlefont;

}



#header a {

color:$pagetitlecolor;

text-decoration:none;

}



#header a:hover {

color:$pagetitlecolor;

}



#header .description {

margin:0 5px 5px;

padding:0 20px 15px;

max-width:700px;

text-transform:uppercase;

letter-spacing:.2em;

line-height: 1.4em;

font: $descriptionfont;

color: $descriptioncolor;

}





/* Outer-Wrapper

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

#outer-wrapper {

width: 890px;

margin:0 auto;

padding:10px;

text-align:left;

font: $bodyfont;

}



#main-wrapper {

width: 410px;

margin: 0 15px;

float: left;

word-wrap: break-word; /* fix for long text breaking sidebar float in IE */

overflow: hidden; /* fix for long non-text content breaking IE sidebar float */

}



.sidebar-wrapper {

width: 210px;

float: left;

word-wrap: break-word; /* fix for long text breaking sidebar float in IE */

overflow: hidden; /* fix for long non-text content breaking IE sidebar float */

}





/* Headings

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



h2 {

margin:1.5em 0 .75em;

font:$headerfont;

line-height: 1.4em;

text-transform:uppercase;

letter-spacing:.2em;

color:$sidebarcolor;

}





/* Posts

-----------------------------------------------

*/

h2.date-header {

margin:1.5em 0 .5em;

}



.post {

margin:.5em 0 1.5em;

border-bottom:1px dotted $bordercolor;

padding-bottom:1.5em;

}

.post h3 {

margin:.25em 0 0;

padding:0 0 4px;

font-size:140%;

font-weight:normal;

line-height:1.4em;

color:$titlecolor;

}



.post h3 a, .post h3 a:visited, .post h3 strong {

display:block;

text-decoration:none;

color:$titlecolor;

font-weight:normal;

}



.post h3 strong, .post h3 a:hover {

color:$textcolor;

}



.post p {

margin:0 0 .75em;

line-height:1.6em;

}



.post-footer {

margin: .75em 0;

color:$sidebarcolor;

text-transform:uppercase;

letter-spacing:.1em;

font: $postfooterfont;

line-height: 1.4em;

}



.comment-link {

margin-left:.6em;

}

.post img {

padding:4px;

border:1px solid $bordercolor;

}

.post blockquote {

margin:1em 20px;

}

.post blockquote p {

margin:.75em 0;

}



/* Comments

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

#comments h4 {

margin:1em 0;

font-weight: bold;

line-height: 1.4em;

text-transform:uppercase;

letter-spacing:.2em;

color: $sidebarcolor;

}



#comments-block {

margin:1em 0 1.5em;

line-height:1.6em;

}

#comments-block .comment-author {

margin:.5em 0;

}

#comments-block .comment-body {

margin:.25em 0 0;

}

#comments-block .comment-footer {

margin:-.25em 0 2em;

line-height: 1.4em;

text-transform:uppercase;

letter-spacing:.1em;

}

#comments-block .comment-body p {

margin:0 0 .75em;

}

.deleted-comment {

font-style:italic;

color:gray;

}



.feed-links {

clear: both;

line-height: 2.5em;

}



#blog-pager-newer-link {

float: left;

}



#blog-pager-older-link {

float: right;

}



#blog-pager {

text-align: center;

}



/* Sidebar Content

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

.sidebar {

color: $sidebartextcolor;

line-height: 1.5em;

}



.sidebar ul {

list-style:none;

margin:0 0 0;

padding:0 0 0;

}

.sidebar li {

margin:0;

padding:0 0 .25em 15px;

text-indent:-15px;

line-height:1.5em;

}



.sidebar .widget, .main .widget {

border-bottom:1px dotted $bordercolor;

margin:0 0 1.5em;

padding:0 0 1.5em;

}



.main .Blog {

border-bottom-width: 0;

}



/* Profile

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

.profile-img {

float: left;

margin: 0 5px 5px 0;

padding: 4px;

border: 1px solid $bordercolor;

}



.profile-data {

margin:0;

text-transform:uppercase;

letter-spacing:.1em;

font: $postfooterfont;

color: $sidebarcolor;

font-weight: bold;

line-height: 1.6em;

}



.profile-datablock {

margin:.5em 0 .5em;

}



.profile-textblock {

margin: 0.5em 0;

line-height: 1.6em;

}



.profile-link {

font: $postfooterfont;

text-transform: uppercase;

letter-spacing: .1em;

}



/* Footer

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

#footer {

width:890px;

clear:both;

margin:0 auto;

padding-top:15px;

line-height: 1.6em;

text-transform:uppercase;

letter-spacing:.1em;

text-align: center;

}



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

body#layout #header {

margin-left: 0px;

margin-right: 0px;

}

]]></b:skin>

</head>



<body>

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



<!-- skip links for text browsers -->

<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='Profile1' locked='false' title='About Me' type='Profile'/>

</b:section>



</div>



<!-- spacer for skins that want sidebar and main to be the same height-->

<div class='clear'>&#160;</div>



</div> <!-- end content-wrapper -->



<div id='footer-wrapper'>

<b:section class='footer' id='footer'/>

</div>



</div>



</div> <!-- end outer-wrapper -->

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

</body>

</html>





Denim




<?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="bgColor" description="Page Background Color"

type="color" default="#efefef" value="#efefef">

<Variable name="textColor" description="Text Color"

type="color" default="#333333" value="#333333">

<Variable name="linkColor" description="Link Color"

type="color" default="#336699" value="#336699">



<Variable name="headerBgColor" description="Page Header Background Color"

type="color" default="#336699" value="#336699">

<Variable name="headerTextColor" description="Page Header Text Color"

type="color" default="#ffffff" value="#ffffff">

<Variable name="headerCornersColor" description="Page Header Corners Color"

type="color" default="#528bc5" value="#528bc5">



<Variable name="mainBgColor" description="Main Background Color"

type="color" default="#ffffff" value="#ffffff">

<Variable name="borderColor" description="Border Color"

type="color" default="#cccccc" value="#cccccc">

<Variable name="dateHeaderColor" description="Date Header Color"

type="color" default="#999999" value="#999999">



<Variable name="sidebarTitleBgColor" description="Sidebar Title Background Color"

type="color" default="#ffd595" value="#ffd595">

<Variable name="sidebarTitleTextColor" description="Sidebar Title Text Color"

type="color" default="#333333" value="#333333">



<Variable name="bodyFont" description="Text Font"

type="font" default="normal normal 100% Verdana, Arial, Sans-serif;" value="normal normal 100% Verdana, Arial, Sans-serif;">

<Variable name="headerFont" description="Page Header Font"

type="font" default="normal normal 210% Verdana, Arial, Sans-serif;" value="normal normal 210% Verdana, Arial, Sans-serif;">



*/



body {

background: $bgColor;

margin: 0;

padding: 0px;

font: x-small Verdana, Arial;

text-align: center;

color: $textColor;

font-size/* */:/**/small;

font-size: /**/small;

}

a:link {

color: $linkColor;

}

a:visited {

color: $linkColor;

}

a img {

border-width: 0;

}



#outer-wrapper {

font: $bodyFont;

}



/* Header

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

#header-wrapper {

margin:0;

padding: 0;

background-color: $headerCornersColor;

text-align: left;

}



#header {

width: 975px;

margin: 0 auto;

background-color: $headerBgColor;

border: 1px solid $headerBgColor;

color: $headerTextColor;

padding: 0;

font: $headerFont;

}



h1.title {

padding-top: 38px;

margin: 0 14px .1em;

line-height: 1.2em;

font-size: 100%;

}



h1.title a {

color: $headerTextColor;

text-decoration: none;

}



#header .description {

display: block;

margin: 0 14px;

padding: 0 0 40px;

line-height: 1.4em;

font-size: 50%;

}



/* Content

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



.clear {

clear: both;

}





#content-wrapper {

width: 975px;

margin: 0 auto;

padding: 0 0 15px;

text-align: left;

background-color: $mainBgColor;

border: 1px solid $borderColor;

border-top: 0;

}

#main-wrapper {

width: 464px;

margin: 15px;

float: left;

background-color: $mainBgColor;

word-wrap: break-word; /* fix for long text breaking sidebar float in IE */

overflow: hidden; /* fix for long non-text content breaking IE sidebar float */

}

.sidebar-wrapper {

width: 240px;

float: left;

background-color: $mainBgColor;

word-wrap: break-word; /* fix for long text breaking sidebar float in IE */

overflow: hidden; /* fix for long non-text content breaking IE sidebar float */

}



/* Headings

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

h2, h3 {

margin: 0;

}



/* Posts

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

.date-header {

margin: 1.5em 0 0;

font-weight: normal;

color: $dateHeaderColor;

font-size: 100%;

}

.post {

margin: 0 0 1.5em;

padding-bottom: 1.5em;

}

.post-title {

margin: 0;

padding: 0;

font-size: 125%;

font-weight: bold;

line-height: 1.1em;

}

.post-title a, .post-title a:visited, .post-title strong {

text-decoration: none;

color: $textColor;

font-weight: bold;

}

.post div {

margin: 0 0 .75em;

line-height: 1.3em;

}

p.post-footer {

margin: -.25em 0 0;

color: $mainBgColor;

font-size: 83%;

}



.post-footer .span {

margin-right: .3em;

}

.comment-link {

margin-left: .3em;

}

.post img {

padding: 4px;

border: 1px solid $borderColor;

}

.post blockquote {

margin: 1em 20px;

}

.post blockquote p {

margin: .75em 0;

}



/* Comments

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

#comments h4 {

margin: 1em 0;

color: $dateHeaderColor;

}

#comments h4 strong {

font-size: 110%;

}

#comments-block {

margin: 1em 0 1.5em;

line-height: 1.3em;

}

#comments-block dt {

margin: .5em 0;

}

#comments-block dd {

margin: .25em 0 0;

}

#comments-block dd.comment-footer {

margin: -.25em 0 2em;

line-height: 1.4em;

font-size: 78%;

}

#comments-block dd p {

margin: 0 0 .75em;

}



.deleted-comment {

font-style:italic;

color:gray;

}



.feed-links {

clear: both;

line-height: 2.5em;

}



#blog-pager-newer-link {

float: left;

}



#blog-pager-older-link {

float: right;

}



#blog-pager {

text-align: center;

}



/* Sidebar Content

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

.sidebar h2 {

margin: 1.6em 0 .5em;

padding: 4px 5px;

background-color: $sidebarTitleBgColor;

font-size: 100%;

color: $sidebarTitleTextColor;

}



.sidebar ul {

margin: 0;

padding: 0;

list-style: none;

}

.sidebar li {

margin: 0;

padding: 0 0 .5em 15px;

text-indent: -15px;

line-height: 1.5em;

}

.sidebar {

color: $textColor;

line-height:1.3em;

}

.sidebar .widget {

margin-bottom: 1em;

}



.sidebar .widget-content {

margin: 0 5px;

}



/* Profile

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

.profile-img {

float: left;

margin: 0 5px 5px 0;

padding: 4px;

border: 1px solid $borderColor;

}



.profile-data {

margin:0;

text-transform:uppercase;

letter-spacing:.1em;

font-weight: bold;

line-height: 1.6em;

font-size: 78%;

}



.profile-datablock {

margin:.5em 0 .5em;

}



.profile-textblock {

margin: 0.5em 0;

line-height: 1.6em;

}





/* Footer

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

#footer {

clear: both;

text-align: center;

color: $textColor;

}



#footer .widget {

margin:.5em;

padding-top: 20px;

font-size: 85%;

line-height: 1.5em;

text-align: left;

}

]]></b:skin>

</head>



<body>

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



<!-- skip links for text browsers -->

<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='Profile1' locked='false' title='About Me' type='Profile'/>

</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='LinkList1' locked='false' title='Link' type='LinkList'/>

</b:section>



</div>



<!-- spacer for skins that want sidebar and main to be the same height-->

<div class='clear'>&#160;</div>



</div> <!-- end content-wrapper -->



<div id='footer-wrapper'>

<b:section class='footer' id='footer'/>

</div>



</div>

</div> <!-- end outer-wrapper -->

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

</body>

</html>





Denim Washed




<?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="bgColor" description="Page Background Color"

type="color" default="#ffffff" value="#ffffff">

<Variable name="textColor" description="Text Color"

type="color" default="#333333" value="#333333">

<Variable name="linkColor" description="Link Color"

type="color" default="#336699" value="#336699">



<Variable name="headerBgColor" description="Page Header Background Color"

type="color" default="#ffffff" value="#ffffff">

<Variable name="headerTextColor" description="Page Header Text Color"

type="color" default="#333333" value="#333333">

<Variable name="headerCornersColor" description="Page Header Corners Color"

type="color" default="#ffffff" value="#ffffff">



<Variable name="mainBgColor" description="Main Background Color"

type="color" default="#ffffff" value="#ffffff">

<Variable name="borderColor" description="Border Color"

type="color" default="#ffffff" value="#ffffff">

<Variable name="dateHeaderColor" description="Date Header Color"

type="color" default="#999999" value="#999999">



<Variable name="sidebarTitleBgColor" description="Sidebar Title Background Color"

type="color" default="#ffffff" value="#ffffff">

<Variable name="sidebarTitleTextColor" description="Sidebar Title Text Color"

type="color" default="#333333" value="#333333">



<Variable name="bodyFont" description="Text Font"

type="font" default="normal normal 100% Verdana, Arial, Sans-serif;" value="normal normal 100% Verdana, Arial, Sans-serif;">

<Variable name="headerFont" description="Page Header Font"

type="font" default="normal normal 210% Verdana, Arial, Sans-serif;" value="normal normal 210% Verdana, Arial, Sans-serif;">



*/



body {

background: $bgColor;

margin: 0;

padding: 0px;

font: x-small Verdana, Arial;

text-align: center;

color: $textColor;

font-size/* */:/**/small;

font-size: /**/small;

}

a:link {

color: $linkColor;

}

a:visited {

color: $linkColor;

}

a img {

border-width: 0;

}



#outer-wrapper {

font: $bodyFont;

}



/* Header

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

#header-wrapper {

margin:0;

padding: 0;

background-color: $headerCornersColor;

text-align: left;

}



#header {

width: 762px;

margin: 0 auto;

background-color: $headerBgColor;

color: $headerTextColor;

padding: 0;

font: $headerFont;

}



h1.title {

padding-top: 38px;

margin: 0 14px .1em;

line-height: 1.2em;

font-size: 100%;

}



h1.title a {

color: $headerTextColor;

text-decoration: none;

}



#header .description {

display: block;

margin: 0 14px;

padding: 0 0 40px;

line-height: 1.4em;

font-size: 50%;

}



/* Content

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



.clear {

clear: both;

}





#content-wrapper {

width: 978px;

margin: 0 auto;

padding: 0 0 15px;

text-align: left;

background-color: $mainBgColor;

border: 1px solid $borderColor;

border-top: 0;

}

#main-wrapper {

margin: 0 15px;

width: 468px;

float: left;

background-color: $mainBgColor;

word-wrap: break-word; /* fix for long text breaking sidebar float in IE */

overflow: hidden; /* fix for long non-text content breaking IE sidebar float */

}

.sidebar-wrapper {

width: 240px;

float: left;

background-color: $mainBgColor;

word-wrap: break-word; /* fix for long text breaking sidebar float in IE */

overflow: hidden; /* fix for long non-text content breaking IE sidebar float */

}



/* Headings

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

h2, h3 {

margin: 0;

}



/* Posts

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

.date-header {

margin: 1.5em 0 0;

font-weight: normal;

color: $dateHeaderColor;

font-size: 100%;

}

.post {

margin: 0 0 1.5em;

padding-bottom: 1.5em;

}

.post-title {

margin: 0;

padding: 0;

font-size: 125%;

font-weight: bold;

line-height: 1.1em;

}

.post-title a, .post-title a:visited, .post-title strong {

text-decoration: none;

color: $textColor;

font-weight: bold;

}

.post div {

margin: 0 0 .75em;

line-height: 1.3em;

}

p.post-footer {

margin: -.25em 0 0;

color: $mainBgColor;

font-size: 83%;

}



.post-footer .span {

margin-right: .3em;

}

.comment-link {

margin-left: .3em;

}

.post img {

padding: 4px;

border: 1px solid $borderColor;

}

.post blockquote {

margin: 1em 20px;

}

.post blockquote p {

margin: .75em 0;

}



/* Comments

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

#comments h4 {

margin: 1em 0;

color: $dateHeaderColor;

}

#comments h4 strong {

font-size: 110%;

}

#comments-block {

margin: 1em 0 1.5em;

line-height: 1.3em;

}

#comments-block dt {

margin: .5em 0;

}

#comments-block dd {

margin: .25em 0 0;

}

#comments-block dd.comment-footer {

margin: -.25em 0 2em;

line-height: 1.4em;

font-size: 78%;

}

#comments-block dd p {

margin: 0 0 .75em;

}



.deleted-comment {

font-style:italic;

color:gray;

}



.feed-links {

clear: both;

line-height: 2.5em;

}



#blog-pager-newer-link {

float: left;

}



#blog-pager-older-link {

float: right;

}



#blog-pager {

text-align: center;

}



/* Sidebar Content

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

.sidebar h2 {

margin: 1.6em 0 .5em;

padding: 4px 5px;

background-color: $sidebarTitleBgColor;

font-size: 100%;

color: $sidebarTitleTextColor;

}



.sidebar ul {

margin: 0;

padding: 0;

list-style: none;

}

.sidebar li {

margin: 0;

padding: 0 0 .5em 15px;

text-indent: -15px;

line-height: 1.5em;

}

.sidebar {

color: $textColor;

line-height:1.3em;

}

.sidebar .widget {

margin-bottom: 1em;

}



.sidebar .widget-content {

margin: 0 5px;

}



/* Profile

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

.profile-img {

float: left;

margin: 0 5px 5px 0;

padding: 4px;

border: 1px solid $borderColor;

}



.profile-data {

margin:0;

text-transform:uppercase;

letter-spacing:.1em;

font-weight: bold;

line-height: 1.6em;

font-size: 78%;

}



.profile-datablock {

margin:.5em 0 .5em;

}



.profile-textblock {

margin: 0.5em 0;

line-height: 1.6em;

}





/* Footer

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

#footer {

clear: both;

text-align: center;

color: $textColor;

}



#footer .widget {

margin:.5em;

padding-top: 20px;

font-size: 85%;

line-height: 1.5em;

text-align: left;

}

]]></b:skin>

</head>



<body>

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



<!-- skip links for text browsers -->

<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='Profile1' locked='false' title='About Me' type='Profile'/>

</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='LinkList1' locked='false' title='Link' type='LinkList'/>

</b:section>



</div>



<!-- spacer for skins that want sidebar and main to be the same height-->

<div class='clear'>&#160;</div>



</div> <!-- end content-wrapper -->



<div id='footer-wrapper'>

<b:section class='footer' id='footer'/>

</div>



</div>



</div> <!-- end outer-wrapper -->

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

</body>

</html>





Dots Dark




<?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="#abc" value="#aabbcc">

<Variable name="pagetitle" description="Blog Title Color" type="color"

default="#8dd" value="#88dddd">

<Variable name="blogDescriptionColor" description="Blog Description Color"

type="color" default="#9c7" value="#99cc77">

<Variable name="posttitle" description="Post Title Color" type="color"

default="#9c7" value="#99cc77">

<Variable name="linkcolor" description="Link Color" type="color"

default="#da7" value="#ddaa77">

<Variable name="vlinkcolor" description="Visited Link Color" type="color"

default="#799" value="#779999">

<Variable name="dateheadercolor" description="Date Header Color"

type="color" default="#7bc" value="#77bbcc">

<Variable name="sidebartitle" description="Sidebar Title Color" type="color"

default="#7bc" value="#77bbcc">

<Variable name="borderColor" description="Border Color"

type="color" default="#567" value="#556677">

<Variable name="bodyfont" description="Text Font" type="font"

default="normal normal 100% Verdana,Arial,Sans-Serif" value="normal normal 100% Verdana,Arial,Sans-Serif">

<Variable name="pagetitlefont" description="Blog Title Font" type="font"

default="normal bold 250% Helvetica,Arial,Sans-serif" value="normal bold 250% Helvetica,Arial,Sans-serif">

<Variable name="blogDescriptionFont" description="Blog Description Font"

type="font" default="normal normal 100% Helvetica, Arial, Sans-serif" value="normal normal 100% Helvetica, Arial, Sans-serif">

<Variable name="dateHeaderFont" description="Date Header Font"

type="font" default="normal bold 100% Verdana, Sans-serif" value="normal bold 100% Verdana, Sans-serif">

<Variable name="headerfont" description="Sidebar Title Font" type="font"

default="normal bold 95% Verdana,Sans-serif" value="normal bold 95% Verdana,Sans-serif">

*/

body {

margin: 0px 0px 0px 0px;

background:#123 url("http://www.blogblog.com/dots_dark/bg_minidots.gif");

background-position: 50% 31px;

text-align:center;

font:x-small Verdana, Arial, Sans-serif;

color:$textcolor;

font-size/* */:/**/small;

font-size: /**/small;

}





/* Page Structure

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

#outer-wrapper {

background:url("http://www.blogblog.com/dots_dark/bg_3dots.gif") no-repeat 250px 50px;

width:890px;

margin:0 auto;

text-align:left;

font:$bodyfont;

}



#header-wrapper {

display: none;

}



#main-wrapper {

width:450px;

float:left;

margin:0 10px;

padding:100px 0 20px;

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 {

background:url("http://www.blogblog.com/dots_dark/bg_minidots2.gif") -100px -100px;

padding:20px 10px 15px;

}

.sidebar-wrapper {

width:200px;

float:left;

font-size:85%;

padding-bottom:20px;

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 {

background:url("http://www.blogblog.com/dots_dark/bg_minidots2.gif") 150px -50px;

padding:40px 10px 15px;

width:200px;

width/* */:/**/180px;

width: /**/180px;

}



/* Title & Description

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



.Header h1 {

margin:0 0 .5em;

line-height: 1.4em;

font: $pagetitlefont;

color: $pagetitle;

}

.Header h1 a {

color:$pagetitle;

text-decoration:none;

}



.Header .description {

margin:0 0 1.75em;

color: $blogDescriptionColor;

font: $blogDescriptionFont;

}





/* Links

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

a:link {

color:$linkcolor;

}

a:visited {

color:$vlinkcolor;

}

a:hover {

color:$vlinkcolor;

}

a img {

border-width:0;

}





/* Posts

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

h2.date-header {

margin:0 0 .75em;

padding-bottom:.35em;

border-bottom:1px dotted $borderColor;

text-transform: lowercase;

letter-spacing:.3em;

color: $dateheadercolor;

font: $dateHeaderFont;

}

.post {

margin:0 0 2.5em;

}

.post h3 {

margin:.25em 0;

line-height: 1.4em;

font: $headerfont;

font-size: 130%;

font-weight: bold;

color:$posttitle;

background:url("http://www.blogblog.com/dots_dark/bg_post_title.gif") no-repeat 0 .25em;

padding:0 0 1px 45px;

}



.post h3 a {

text-decoration:none;

color: $posttitle;

}

.post h3 a:hover {

color: $textcolor;

}

.post p {

margin:0 0 .75em;

line-height:1.6em;

}



.post-footer {

margin:0;

}



.uncustomized-post-template .post-footer {

text-align: right;

}



.uncustomized-post-template .post-author,

.uncustomized-post-template .post-timestamp {

display: block;

float: left;

margin-right: 4px;

text-align: left;

}



.post-author, .post-timestamp {

color:$posttitle;

}



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/dots_dark/icon_comment.gif") no-repeat 0 .25em;

padding-left:15px;

}

html>body a.comment-link {

/* Respecified, for IE5/Mac's benefit */

background:url("http://www.blogblog.com/dots_dark/icon_comment.gif") no-repeat 0 .25em;

padding-left:15px;

}

.post img {

margin:0 0 5px 0;

padding:4px;

border:1px solid $borderColor;

}



.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;

}



/* Comments

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

#comments {

margin:0;

}

#comments h4 {

margin:0 0 10px;

border-top:1px dotted $borderColor;

padding-top:.5em;

line-height: 1.4em;

font: bold 110% Georgia,Serif;

color:#9c7;

}

#comments-block {

line-height:1.6em;

}

.comment-author {

background:url("http://www.blogblog.com/dots_dark/icon_comment.gif") no-repeat 2px .35em;

margin:.5em 0 0;

padding:0 0 0 20px;

font-weight:bold;

}

.comment-body {

margin:0;

padding:0 0 0 20px;

}

.comment-body p {

margin:0 0 .5em;

}

.comment-footer {

margin:0 0 .5em;

padding:0 0 .75em 20px;

color:#996;

}

.comment-footer a:link {

color:#996;

}

.deleted-comment {

font-style:italic;

color:gray;

}





/* More Sidebar Content

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

.sidebar h2 {

margin:2em 0 .75em;

padding-bottom:.35em;

border-bottom:1px dotted $borderColor;

line-height: 1.4em;

font: $headerfont;

text-transform:lowercase;

color:$sidebartitle;

}

.sidebar p {

margin:0 0 .75em;

line-height:1.6em;

}

.sidebar ul {

list-style:none;

margin:.5em 0;

padding:0 0px;

}



.sidebar .widget {

margin: .5em 0 1em;

padding: 0 0px;

line-height: 1.5em;

}



.main .widget {

padding-bottom: 1em;

}



.sidebar ul li {

background:url("http://www.blogblog.com/dots_dark/bullet.gif") no-repeat 3px .45em;

margin:0;

padding:0 0 5px 15px;

}

.sidebar p {

margin:0 0 .6em;

}



/* Profile

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

.profile-datablock {

margin: 0 0 1em;

}



.profile-img {

float: left;

margin: 0 8px 5px 0;

border: 4px solid #345;

}



.profile-data {

margin: 0;

line-height: 1.5em;

}

.profile-textblock {

clear: left;

margin-left: 0;

}



/* Footer

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

#footer {

clear:both;

padding:15px 0 0;

}



#footer p {

margin:0;

}



/* Page structure tweaks for layout editor wireframe */

body#layout #sidebar, body#layout #main,

body#layout #main-wrapper,

body#layout #outer-wrapper,

body#layout #sidebar-wrapper {

padding: 0;

}



body#layout #sidebar-wrapper,

body#layout #sidebar {

padding: 0;

width: 240px;

}

]]></b:skin>

</head>



<body>

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



<!-- skip links for text browsers -->

<span id='skiplinks' style='display:none;'>

<a href='#main'>skip to main </a> |

<a href='#sidebar'>skip to sidebar</a>

</span>



<div id='content-wrapper'>



<div class='sidebar-wrapper'>

<b:section class='sidebar' id='sidebar1' preferred='yes'>

<b:widget id='Header1' locked='false' title='Test (Header)' type='Header'/>

<b:widget id='Profile1' locked='false' title='About Me' type='Profile'/>

</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='LinkList1' locked='false' title='Link' type='LinkList'/>

</b:section>

</div>



<!-- spacer for skins that want sidebar and main to be the same height-->

<div class='clear'>&#160;</div>



</div> <!-- end content-wrapper -->



<div id='footer-wrapper'>

<b:section class='footer' id='footer'/>

</div>



</div>





</div> <!-- end outer-wrapper -->

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

</body>

</html>





Herbert




<?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="Page Background Color"

type="color" default="#ffffff" / value="#ffffff">

<Variable name="mainTextColor" description="Text Color"

type="color" default="#000000" / value="#000000">



<Variable name="titleBgColor" description="Blog Title Background Color"

type="color" default="#ff4500" / value="#ff4500">

<Variable name="titleColor" description="Blog Title Color"

type="color" default="#fffafa"/ value="#fffafa">

<Variable name="descriptionBgColor" description="Description Background Color"

type="color" default="#ffebcd" / value="#ffebcd">

<Variable name="descriptionColor" description="Blog Description Color"

type="color" default="#9e5205" / value="#9e5205">



<Variable name="dateHeaderColor" description="Date Header Color"

type="color" default="#777777" / value="#777777">



<Variable name="postTitleColor" description="Post Title Color"

type="color" default="#555555" / value="#555555">

<Variable name="postTitleBgColor" description="Post Title Background Color"

type="color" default="#eeeeee" / value="#eeeeee">



<Variable name="postFooterColor" description="Post Footer Color"

type="color" default="#444444" / value="#444444">



<Variable name="mainLinkColor" description="Link Color"

type="color" default="#de7008" / value="#de7008">

<Variable name="mainVisitedLinkColor" description="Visited Link Color"

type="color" default="#e0ad12" / value="#e0ad12">





<Variable name="sidebarTitleColor" description="Sidebar Title Color"

type="color" default="#ff4500" / value="#ff4500">



<Variable name="sidebarLinkColor" description="Sidebar Link Color"

type="color" default="#999999" / value="#999999">

<Variable name="sidebarVisitedLinkColor"

description="Sidebar Visited Link Color"

type="color" default="#de7008" / value="#de7008">



<Variable name="bodyFont" description="Text Font"

type="font" default="normal normal 90% 'Trebuchet MS', Trebuchet, Verdana, Sans-Serif" / value="normal normal 90% 'Trebuchet MS', Trebuchet, Verdana, Sans-Serif">

<Variable name="titleFont" description="Blog Title Font"

type="font" default="normal bold 266% Verdana, Sans-Serif" / value="normal bold 266% Verdana, Sans-Serif">

<Variable name="descriptionFont" description="Blog Description Font"

type="font" default="normal bold 85% Verdana, Sans-Serif" / value="normal bold 85% Verdana, Sans-Serif">

<Variable name="postTitleFont" description="Post Title Font"

type="font" default="normal bold 110% Verdana, Sans-serif" value="normal bold 110% Verdana, Sans-serif">

<Variable name="sidebarTitleFont" description="Sidebar Title Font"

type="font" default="normal bold 125% Verdana, Sans-Serif" / value="normal bold 125% Verdana, Sans-Serif">

*/

body {

margin: 0px;

padding: 0 5px;

background: $mainBgColor;

color: $mainTextColor;

font: $bodyFont;

}



a {

color: $mainLinkColor;

text-decoration: none;

}



a:hover {

color: $mainVisitedLinkColor;

text-decoration: underline;

}



a:visited {

color: $mainVisitedLinkColor;

}



a img {

border: 0;

}



@media all {

div#main-wrapper {

float: left;

width: 47%;

margin: 0 1%;

padding: 0 1em 0px 1em;

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 */

}



div.sidebar-wrapper {

width: 24%;

margin: 0;

padding: 0;

float: left;

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 */

}

}



#content-wrapper {

margin-right: 1em;

}





@media handheld {

div#main-wrapper {

float: none;

width: 90%;

}



div#sidebar-wrapper {

padding: 20px 1em 0 1em;

text-align: left;

}

}



#header {

padding: 5px 0px 8px 0px;

margin: 0px 0px 20px 0px;

border-bottom: solid 1px $postTitleBgColor;

border-top: solid 2px $descriptionBgColor;

background: $descriptionBgColor;

color: $descriptionColor;

}



h1 a:link {

color: $titleColor;

}



h1 a:visited {

color: $titleColor;

}



h1 {

padding: 18px 0px 10px 5%;

margin: 0px 0px 8px 0px;

border-top: solid 9px $sidebarTitleColor;

border-bottom: solid 1px $descriptionColor;

color: $titleColor;

background: $titleBgColor;

font: $titleFont;

}



.description {

padding: 0px 0px 0px 5%;

margin: 0px;

color: $descriptionColor;

background: transparent;

font: $descriptionFont;

}





h3 {

margin: 0px 0px 10px 0px;

padding: 2px 0px 2px 2px;

color: $postTitleColor;

background: $postTitleBgColor;

font: $postTitleFont;

}



h3.post-title a,

h3.post-title a:visited {

color: $postTitleColor;

}



h2.date-header {

margin: 10px 0px 0px 0px;

padding: 0px 0px 0px 2%;

color: $dateHeaderColor;

font-size: 90%;

text-align: left;

}



#sidebar h2 {

margin: 0px;

color: $sidebarTitleColor;

font: $sidebarTitleFont;

padding: 0px;

border: none;

}



#sidebar .widget {

margin: 0px 0px 33px 0px;

padding: 0;

}



#sidebar ul {

list-style-type: none;

font-size: 95%;

margin-top: 0;

}



#sidebar li {

margin: 0px;

padding: 0px;

list-style-type: none;

font-size: 105%;

}



.Blog {

margin-top: 20px;

}



.blog-posts, .feed-links {

margin-left: 2%;

}



.feed-links {

clear: both;

line-height: 2.5em;

}



.post {

margin: 0 0 30px 0;

font-size: 100%;

}



.post-body {

margin: 0 6px 0 5px;

}



.post strong {

font-weight: bold;

}



#sidebar a {

text-decoration: none;

}



#sidebar a:link,

#sidebar a:visited {

color: $sidebarLinkColor;

}



#sidebar a:active,

#sidebar a:hover {

color: $sidebarVisitedLinkColor;

}



pre,code,strike {

color: #666666;

}



.post-footer {

padding: 0 0 0 5px;

margin: 0px;

color: $postFooterColor;

font-size: 80%;

}



#comments {

padding: 2px 0px 2px 5px;

font-size: 110%;

font-weight: bold;

font-family: Verdana,Sans-Serif;

}



.comment-author {

margin-top: 20px;

}



.comment-body {

margin-top: 10px;

font-size: 100%;

font-weight: normal;

color: black;

}



.comment-footer {

padding: 0px;

margin-bottom: 20px;

color: $postFooterColor;

font-size: 80%;

font-weight: normal;

display: inline;

margin-right: 10px;

}



.deleted-comment {

font-style: italic;

color: gray;

}



.comment-link {

margin-left: .6em;

}





/* Profile

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

.profile-textblock {

clear: both;

margin-left: 0;

}

.profile-img {

margin: 0 0 5px 5px;

float: right;

}



.BlogArchive #ArchiveList {

float: right;

}



.widget-content {

margin-top: 0.5em;

}



#sidebar .widget {

clear: both;

}



#blog-pager-newer-link {

float: left;

}



.blog-pager-older-link {

float: right;

}



.blog-pager {

text-align: center;

}



.clear {

clear: both;

}



/** Tweaks for layout editor mode */

body#layout #outer-wrapper {

margin-top: 10px;

}

]]></b:skin>

</head>



<body>

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



<!-- skip links for text browsers -->

<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='Profile1' locked='false' title='About Me' type='Profile'/>

</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='LinkList1' locked='false' title='Link' type='LinkList'/>

</b:section>



</div>



<!-- spacer for skins that want sidebar and main to be the same height-->

<div class='clear'>&#160;</div>



</div> <!-- end content-wrapper -->

</div>

</div> <!-- end outer-wrapper -->

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

</body>

</html>





Minima Black




<?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="bgcolor" description="Page Background Color"

type="color" default="#000" value="#000000">

<Variable name="textcolor" description="Text Color"

type="color" default="#ccc" value="#cccccc">

<Variable name="linkcolor" description="Link Color"

type="color" default="#9ad" value="#99aadd">

<Variable name="pagetitlecolor" description="Blog Title Color"

type="color" default="#ccc" value="#cccccc">

<Variable name="descriptioncolor" description="Blog Description Color"

type="color" default="#777" value="#777777">

<Variable name="titlecolor" description="Post Title Color"

type="color" default="#ad9" value="#aadd99">

<Variable name="bordercolor" description="Border Color"

type="color" default="#333" value="#333333">

<Variable name="sidebarcolor" description="Sidebar Title Color"

type="color" default="#777" value="#777777">

<Variable name="sidebartextcolor" description="Sidebar Text Color"

type="color" default="#999" value="#999999">

<Variable name="visitedlinkcolor" description="Visited Link Color"

type="color" default="#a7a" value="#aa77aa">

<Variable name="bodyfont" description="Text Font"

type="font" default="normal normal 100% 'Trebuchet MS',Trebuchet,Verdana,Sans-serif" value="normal normal 100% 'Trebuchet MS',Trebuchet,Verdana,Sans-serif">

<Variable name="headerfont" description="Sidebar Title Font"

type="font"

default="normal bold 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif" value="normal bold 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif">

<Variable name="pagetitlefont" description="Blog Title Font"

type="font"

default="normal bold 200% 'Trebuchet MS',Trebuchet,Verdana,Sans-serif" value="normal bold 200% 'Trebuchet MS',Trebuchet,Verdana,Sans-serif">

<Variable name="descriptionfont" description="Blog Description Font"

type="font"

default="normal normal 78% 'Trebuchet MS', Trebuchet, Verdana, Sans-serif" value="normal normal 78% 'Trebuchet MS', Trebuchet, Verdana, Sans-serif">

<Variable name="postfooterfont" description="Post Footer Font"

type="font"

default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif">

*/



/* Use this with templates/template-twocol.html */



body {

background:$bgcolor;

margin:0;

color:$textcolor;

font: x-small "Trebuchet MS", Trebuchet, Verdana, Sans-serif;

font-size/* */:/**/small;

font-size: /**/small;

text-align: center;

}

a:link {

color:$linkcolor;

text-decoration:none;

}

a:visited {

color:$visitedlinkcolor;

text-decoration:none;

}

a:hover {

color:$titlecolor;

text-decoration:underline;

}

a img {

border-width:0;

}



/* Header

-----------------------------------------------

*/



#header-wrapper {

width:880px;

margin:0 auto 10px;

border:1px solid $bordercolor;

}



#header {

margin: 5px;

border: 1px solid $bordercolor;

text-align: center;

color:$pagetitlecolor;

}



#header h1 {

margin:5px 5px 0;

padding:15px 20px .25em;

line-height:1.2em;

text-transform:uppercase;

letter-spacing:.2em;

font: $pagetitlefont;

}



#header a {

color:$pagetitlecolor;

text-decoration:none;

}



#header a:hover {

color:$pagetitlecolor;

}



#header .description {

margin:0 5px 5px;

padding:0 20px 15px;

max-width:700px;

text-transform:uppercase;

letter-spacing:.2em;

line-height: 1.4em;

font: $descriptionfont;

color: $descriptioncolor;

}





/* Outer-Wrapper

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

#outer-wrapper {

width: 880px;

margin:0 auto;

padding:10px;

text-align:left;

font: $bodyfont;

}



#main-wrapper {

width: 410px;

float: left;

margin: 10px;

word-wrap: break-word; /* fix for long text breaking sidebar float in IE */

overflow: hidden; /* fix for long non-text content breaking IE sidebar float */

}



.sidebar-wrapper {

width: 210px;

float: left;

word-wrap: break-word; /* fix for long text breaking sidebar float in IE */

overflow: hidden; /* fix for long non-text content breaking IE sidebar float */

}





/* Headings

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



h2 {

margin:1.5em 0 .75em;

font:$headerfont;

line-height: 1.4em;

text-transform:uppercase;

letter-spacing:.2em;

color:$sidebarcolor;

}





/* Posts

-----------------------------------------------

*/

h2.date-header {

margin:1.5em 0 .5em;

}



.post {

margin:.5em 0 1.5em;

border-bottom:1px dotted $bordercolor;

padding-bottom:1.5em;

}

.post h3 {

margin:.25em 0 0;

padding:0 0 4px;

font-size:140%;

font-weight:normal;

line-height:1.4em;

color:$titlecolor;

}



.post h3 a, .post h3 a:visited, .post h3 strong {

display:block;

text-decoration:none;

color:$titlecolor;

font-weight:bold;

}



.post h3 strong, .post h3 a:hover {

color:$textcolor;

}



.post p {

margin:0 0 .75em;

line-height:1.6em;

}



.post-footer {

margin: .75em 0;

color:$sidebarcolor;

text-transform:uppercase;

letter-spacing:.1em;

font: $postfooterfont;

line-height: 1.4em;

}



.comment-link {

margin-left:.6em;

}

.post img {

padding:4px;

border:1px solid $bordercolor;

}

.post blockquote {

margin:1em 20px;

}

.post blockquote p {

margin:.75em 0;

}



/* Comments

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

#comments h4 {

margin:1em 0;

font-weight: bold;

line-height: 1.4em;

text-transform:uppercase;

letter-spacing:.2em;

color: $sidebarcolor;

}



#comments-block {

margin:1em 0 1.5em;

line-height:1.6em;

}

#comments-block .comment-author {

margin:.5em 0;

}

#comments-block .comment-body {

margin:.25em 0 0;

}

#comments-block .comment-footer {

margin:-.25em 0 2em;

line-height: 1.4em;

text-transform:uppercase;

letter-spacing:.1em;

}

#comments-block .comment-body p {

margin:0 0 .75em;

}

.deleted-comment {

font-style:italic;

color:gray;

}



.feed-links {

clear: both;

line-height: 2.5em;

}



#blog-pager-newer-link {

float: left;

}



#blog-pager-older-link {

float: right;

}



#blog-pager {

text-align: center;

}



/* Sidebar Content

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

.sidebar {

color: $sidebartextcolor;

line-height: 1.5em;

}



.sidebar ul {

list-style:none;

margin:0 0 0;

padding:0 0 0;

}

.sidebar li {

margin:0;

padding:0 0 .25em 15px;

text-indent:-15px;

line-height:1.5em;

}



.sidebar .widget, .main .widget {

border-bottom:1px dotted $bordercolor;

margin:0 0 1.5em;

padding:0 0 1.5em;

}



.main .Blog {

border-bottom-width: 0;

}



/* Profile

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

.profile-img {

float: left;

margin: 0 5px 5px 0;

padding: 4px;

border: 1px solid $bordercolor;

}



.profile-data {

margin:0;

text-transform:uppercase;

letter-spacing:.1em;

font: $postfooterfont;

color: $sidebarcolor;

font-weight: bold;

line-height: 1.6em;

}



.profile-datablock {

margin:.5em 0 .5em;

}



.profile-textblock {

margin: 0.5em 0;

line-height: 1.6em;

}



.profile-link {

font: $postfooterfont;

text-transform: uppercase;

letter-spacing: .1em;

}



/* Footer

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

#footer {

width:880px;

clear:both;

margin:0 auto;

padding-top:15px;

line-height: 1.6em;

text-transform:uppercase;

letter-spacing:.1em;

text-align: center;

}



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

body#layout #header {

margin-left: 0px;

margin-right: 0px;

}

]]></b:skin>

</head>



<body>

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



<!-- skip links for text browsers -->

<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='sidebar_right' 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_left' preferred='yes'>

<b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'/>

<b:widget id='LinkList1' locked='false' title='Links' type='LinkList'/>

<b:widget id='Profile1' locked='false' title='About Me' type='Profile'/>

</b:section>

</div>



<!-- spacer for skins that want sidebar and main to be the same height-->

<div class='clear'>&#160;</div>



</div> <!-- end content-wrapper -->



<div id='footer-wrapper'>

<b:section class='footer' id='footer'/>

</div>



</div></div> <!-- end outer-wrapper -->

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

</body>

</html>





Minima White




<?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="bgcolor" description="Page Background Color"

type="color" default="#fff" value="#ffffff">

<Variable name="textcolor" description="Text Color"

type="color" default="#333" value="#333333">

<Variable name="linkcolor" description="Link Color"

type="color" default="#58a" value="#5588aa">

<Variable name="pagetitlecolor" description="Blog Title Color"

type="color" default="#666" value="#666666">

<Variable name="descriptioncolor" description="Blog Description Color"

type="color" default="#999" value="#999999">

<Variable name="titlecolor" description="Post Title Color"

type="color" default="#c60" value="#cc8900">

<Variable name="bordercolor" description="Border Color"

type="color" default="#ccc" value="#cccccc">

<Variable name="sidebarcolor" description="Sidebar Title Color"

type="color" default="#999" value="#999999">

<Variable name="sidebartextcolor" description="Sidebar Text Color"

type="color" default="#666" value="#666666">

<Variable name="visitedlinkcolor" description="Visited Link Color"

type="color" default="#999" value="#999999">

<Variable name="bodyfont" description="Text Font"

type="font" default="normal normal 100% Georgia, Serif" value="normal normal 100% Georgia, Serif">

<Variable name="headerfont" description="Sidebar Title Font"

type="font"

default="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif" value="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif">

<Variable name="pagetitlefont" description="Blog Title Font"

type="font"

default="normal normal 200% Georgia, Serif" value="normal normal 200% Georgia, Serif">

<Variable name="descriptionfont" description="Blog Description Font"

type="font"

default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif">

<Variable name="postfooterfont" description="Post Footer Font"

type="font"

default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif">

*/



/* Use this with templates/template-twocol.html */



body {

background:$bgcolor;

margin:0;

color:$textcolor;

font:x-small Georgia Serif;

font-size/* */:/**/small;

font-size: /**/small;

text-align: center;

}

a:link {

color:$linkcolor;

text-decoration:none;

}

a:visited {

color:$visitedlinkcolor;

text-decoration:none;

}

a:hover {

color:$titlecolor;

text-decoration:underline;

}

a img {

border-width:0;

}



/* Header

-----------------------------------------------

*/



#header-wrapper {

width:890px;

margin:0 auto 10px;

border:1px solid $bordercolor;

}



#header {

margin: 5px;

border: 1px solid $bordercolor;

text-align: center;

color:$pagetitlecolor;

}



#header h1 {

margin:5px 5px 0;

padding:15px 20px .25em;

line-height:1.2em;

text-transform:uppercase;

letter-spacing:.2em;

font: $pagetitlefont;

}



#header a {

color:$pagetitlecolor;

text-decoration:none;

}



#header a:hover {

color:$pagetitlecolor;

}



#header .description {

margin:0 5px 5px;

padding:0 20px 15px;

max-width:700px;

text-transform:uppercase;

letter-spacing:.2em;

line-height: 1.4em;

font: $descriptionfont;

color: $descriptioncolor;

}



.ad {

margin: 10px;

border: 1px solid $bordercolor;

text-align: center;

color:$pagetitlecolor;

}



/* Outer-Wrapper

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

#outer-wrapper {

width: 890px;

margin:0 auto;

padding:10px;

text-align:left;

font: $bodyfont;

}



#main-wrapper {

width: 410px;

float: left;

margin:0px 10px 0px 0px;

word-wrap: break-word; /* fix for long text breaking sidebar float in IE */

overflow: hidden; /* fix for long non-text content breaking IE sidebar float */

}



.sidebar-wrapper {

width: 210px;

float: left;

margin:0px 10px 0px 0px;

word-wrap: break-word; /* fix for long text breaking sidebar float in IE */

overflow: hidden; /* fix for long non-text content breaking IE sidebar float */

}





/* Headings

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



h2 {

margin:1.5em 0 .75em;

font:$headerfont;

line-height: 1.4em;

text-transform:uppercase;

letter-spacing:.2em;

color:$sidebarcolor;

}





/* Posts

-----------------------------------------------

*/

h2.date-header {

margin:1.5em 0 .5em;

}



.post {

margin:.5em 0 1.5em;

border-bottom:1px dotted $bordercolor;

padding-bottom:1.5em;

}

.post h3 {

margin:.25em 0 0;

padding:0 0 4px;

font-size:140%;

font-weight:normal;

line-height:1.4em;

color:$titlecolor;

}



.post h3 a, .post h3 a:visited, .post h3 strong {

display:block;

text-decoration:none;

color:$titlecolor;

font-weight:normal;

}



.post h3 strong, .post h3 a:hover {

color:$textcolor;

}



.post p {

margin:0 0 .75em;

line-height:1.6em;

}



.post-footer {

margin: .75em 0;

color:$sidebarcolor;

text-transform:uppercase;

letter-spacing:.1em;

font: $postfooterfont;

line-height: 1.4em;

}



.comment-link {

margin-left:.6em;

}

.post img {

padding:4px;

border:1px solid $bordercolor;

}

.post blockquote {

margin:1em 20px;

}

.post blockquote p {

margin:.75em 0;

}



/* Comments

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

#comments h4 {

margin:1em 0;

font-weight: bold;

line-height: 1.4em;

text-transform:uppercase;

letter-spacing:.2em;

color: $sidebarcolor;

}



#comments-block {

margin:1em 0 1.5em;

line-height:1.6em;

}

#comments-block .comment-author {

margin:.5em 0;

}

#comments-block .comment-body {

margin:.25em 0 0;

}

#comments-block .comment-footer {

margin:-.25em 0 2em;

line-height: 1.4em;

text-transform:uppercase;

letter-spacing:.1em;

}

#comments-block .comment-body p {

margin:0 0 .75em;

}

.deleted-comment {

font-style:italic;

color:gray;

}



#blog-pager-newer-link {

float: left;

}



#blog-pager-older-link {

float: right;

}



#blog-pager {

text-align: center;

}



.feed-links {

clear: both;

line-height: 2.5em;

}



/* Sidebar Content

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

.sidebar {

color: $sidebartextcolor;

line-height: 1.5em;

}



.sidebar ul {

list-style:none;

margin:0 0 0;

padding:0 0 0;

}

.sidebar li {

margin:0;

padding:0 0 .25em 15px;

text-indent:-15px;

line-height:1.5em;

}



.sidebar .widget, .main .widget {

border-bottom:1px dotted $bordercolor;

margin:0 0 1.5em;

padding:0 0 1.5em;

}



.main .Blog {

border-bottom-width: 0;

}





/* Profile

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

.profile-img {

float: left;

margin: 0 5px 5px 0;

padding: 4px;

border: 1px solid $bordercolor;

}



.profile-data {

margin:0;

text-transform:uppercase;

letter-spacing:.1em;

font: $postfooterfont;

color: $sidebarcolor;

font-weight: bold;

line-height: 1.6em;

}



.profile-datablock {

margin:.5em 0 .5em;

}



.profile-textblock {

margin: 0.5em 0;

line-height: 1.6em;

}



.profile-link {

font: $postfooterfont;

text-transform: uppercase;

letter-spacing: .1em;

}



/* Footer

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

#footer {

width:890px;

clear:both;

margin:0 auto;

padding-top:15px;

line-height: 1.6em;

text-transform:uppercase;

letter-spacing:.1em;

text-align: center;

}



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

body#layout #header {

margin-left: 0px;

margin-right: 0px;

}

]]></b:skin>

</head>



<body>

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



<!-- skip links for text browsers -->

<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='Profile1' locked='false' title='About Me' type='Profile'/>

</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='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'/>

</b:section>





</div>



<div style='clear:both;'/>



<!-- spacer for skins that want sidebar and main to be the same height-->

<div class='clear'>&#160;</div>



</div> <!-- end content-wrapper -->



<div id='footer-wrapper'>

<b:section class='footer' id='footer'/>

</div>



</div>

</div> <!-- end outer-wrapper -->

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

</body>

</html>





MS Moto




<?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="#ffffff" value="#ffffff">

<Variable name="mainTextColor" description="Text Color"

type="color" default="#555555" value="#555555">

<Variable name="pageHeaderColor" description="Blog Title Color"

type="color" default="#ffeeff" value="#ffeeff">

<Variable name="blogDescriptionColor" description="Blog Description Color"

type="color" default="#ffeeff" value="#ffeeff">

<Variable name="linkColor" description="Link Color"

type="color" default="#cc2288" value="#cc2288">

<Variable name="hoverLinkColor" description="Link Hover Color"

type="color" default="#ee88bb" value="#ee88bb">

<Variable name="dateHeaderColor" description="Date Header Color"

type="color" default="#555544" value="#555544">

<Variable name="sidebarHeaderColor" description="Sidebar Title Color"

type="color" default="#555544" value="#555544">

<Variable name="sidebarTextColor" description="Sidebar Text Color"

type="color" default="#555555" value="#555555">



<Variable name="bodyFont" description="Text Font" type="font"

default="normal normal 100% tahoma, 'Trebuchet MS', lucida, helvetica, sans-serif" value="normal normal 100% tahoma, 'Trebuchet MS', lucida, helvetica, sans-serif">

*/





/* Primary layout */



body {

margin: 0;

padding: 0;

border: 0;

text-align: center;

color: $mainTextColor;

background: #DA75B8 url(http://img221.imageshack.us/img221/3774/bgij3.jpg) top center repeat-y;

font-size: small;

}



img {

border: 0;

display: block;

}



.clear {

clear: both;

}

/* Wrapper */



#outer-wrapper {

margin: 0 auto;

border: 0;

width: 862px;

text-align: left;

background: $mainBgColor url(http://www.blogblog.com/moto_ms/innerwrap.gif) top right repeat-y;

font: $bodyFont;

}



/* Header */



#header-wrapper {

background: #e8b url(http://www.blogblog.com/moto_ms/headbotborder.gif) bottom left repeat-x;

margin: 0 auto;

padding: 0 0 15px 0;

border: 0;

}



#header h1 {

text-align: left;

font-size: 200%;

color: $pageHeaderColor;

margin: 0;

padding: 15px 20px 0 20px;

background-image: url(http://www.blogblog.com/moto_ms/topper.gif);

background-repeat: repeat-x;

background-position: top left;

}



h1 a, h1 a:link, h1 a:visited {

color: $pageHeaderColor;

}



#header .description {

font-size: 110%;

text-align: left;

padding: 3px 20px 10px 23px;

margin: 0;

line-height:140%;

color: $blogDescriptionColor;

}





/* Inner layout */



#content-wrapper {

padding: 0 16px;

}



#main {

width: 400px;

margin:0 10px 0 -10px;

float: left;

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 {

width: 195px;

float: left;

color: $sidebarTextColor;

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 */

}



/* Bottom layout */



#footer {

clear: left;

margin: 0;

padding: 0 20px;

border: 0;

text-align: left;

border-top: 1px solid #f9f9f9;

}



#footer .widget {

text-align: left;

margin: 0;

padding: 10px 0;

background-color: transparent;

}



/* Default links */



a:link, a:visited {

font-weight: bold;

text-decoration: none;

color: $linkColor;

background: transparent;

}



a:hover {

font-weight: bold;

text-decoration: underline;

color: $hoverLinkColor;

background: transparent;

}



a:active {

font-weight : bold;

text-decoration : none;

color: $hoverLinkColor;

background: transparent;

}



/* Typography */



.main p, .sidebar p {

line-height: 140%;

margin-top: 5px;

margin-bottom: 1em;

}



h2, h3, h4, h5 {

margin: 0;

padding: 0;

}



h2 {

font-size: 130%;

}



h2.date-header {

color: $dateHeaderColor;

}



.post h3 {

margin-top: 5px;

font-size: 120%;

}



.post-footer {

font-style: italic;

}



.sidebar h2 {

color: $sidebarHeaderColor;

}



.sidebar .widget {

margin: 12px 0 13px 0;

padding: 0;

}



.main .widget {

margin: 12px 0 0 0 ;

}



li {

line-height: 160%;

}



.sidebar ul {

margin-left: 0;

margin-top: 0;

padding-left: 0;

}



.sidebar ul li {

list-style: disc url(http://www.blogblog.com/moto_ms/diamond.gif) inside;

vertical-align: top;

padding: 0;

margin: 0;

}



.widget-content {

margin-top: 0.5em;

}





/* Profile

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



.profile-datablock {

margin: 3px 0 5px 0;

line-height: 140%;

}

.profile-textblock {

margin-left: 0;

}



.profile-img {

float: left;

margin: 0 5px 5px 0;

border:4px solid #8b2;



}







#comments {

border: 0;

border-top: 1px dashed #eed;

margin: 10px 0 0 0;

padding: 0;

}



#comments h4 {

margin-top: 10px;

margin-bottom: -10px;

font-weight: normal;

font-style: italic;

text-transform: uppercase;

letter-spacing: 1px;

}



#comments dl dt {

font-weight: bold;

font-style: italic;

margin-top: 35px;

padding: 1px 0 0 18px;

background: transparent url(http://www.blogblog.com/moto_ms/commentbug.gif) top left no-repeat;

}



#comments dl dd {

padding: 0;

margin: 0;

}



.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;

}



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



body#layout #outer-wrapper {

padding-top: 0;

}

body#layout #header,

body#layout #content-wrapper,

body#layout #footer {

padding: 0;

}

]]></b:skin>

</head>



<body>

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



<!-- skip links for text browsers -->

<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='Profile1' locked='false' title='About Me' type='Profile'/>

</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='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'/>

<b:widget id='LinkList1' locked='false' title='Links' type='LinkList'/>

</b:section>



</div>



<!-- spacer for skins that want sidebar and main to be the same height-->

<div class='clear'>&#160;</div>



</div> <!-- end content-wrapper -->



<div id='footer-wrapper'>

<b:section class='footer' id='footer'/>

</div>



</div>



</div> <!-- end outer-wrapper -->

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

</body>

</html>





Rounders 1




<?xml version="1.0" encoding="UTF-8" ?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>



<head>

<b:include data='blog' name='all-head-content'/>

<title><data:blog.pageTitle/></title>

<b:skin><![CDATA[

/* Variable definitions

====================

<Variable name="mainBgColor" description="Main Background Color"

type="color" default="#fff" value="#ffffff">

<Variable name="mainTextColor" description="Text Color" type="color"

default="#333" value="#333333">

<Variable name="postTitleColor" description="Post Title Color" type="color"

default="#333" value="#333333">

<Variable name="dateHeaderColor" description="Date Header Color"

type="color" default="#357" value="#335577">

<Variable name="borderColor" description="Post Border Color" type="color"

default="#bbb" value="#bbbbbb">





<Variable name="mainLinkColor" description="Link Color" type="color"

default="#258" value="#225588">

<Variable name="mainVisitedLinkColor" description="Visited Link Color"

type="color" default="#666" value="#666666">



<Variable name="titleBgColor" description="Page Header Background Color"

type="color" default="#456" value="#445566">

<Variable name="titleTextColor" description="Blog Title Color"

type="color" default="#fff" value="#ffffff">



<Variable name="topSidebarHeaderColor"

description="Top Sidebar Title Color"

type="color" default="#234" value="#223344">

<Variable name="topSidebarBgColor"

description="Top Sidebar Background Color"

type="color" default="#cdc" value="#ccddcc">

<Variable name="topSidebarTextColor" description="Top Sidebar Text Color"

type="color" default="#345" value="#334455">

<Variable name="topSidebarLinkColor" description="Top Sidebar Link Color"

type="color" default="#258" value="#225588">

<Variable name="topSidebarVisitedLinkColor"

description="Top Sidebar Visited Link Color"

type="color" default="#258" value="#225588">



<Variable name="bodyFont" description="Text Font" type="font"

default="normal normal 100% 'Trebuchet MS',Verdana,Arial,Sans-serif" value="normal normal 100% 'Trebuchet MS',Verdana,Arial,Sans-serif">

<Variable name="pageTitleFont" description="Blog Title Font" type="font"

default="normal bold 200% 'Trebuchet MS',Verdana,Arial,Sans-serif" value="normal bold 200% 'Trebuchet MS',Verdana,Arial,Sans-serif">

<Variable name="descriptionFont" description="Description Font" type="font"

default="normal normal 100% 'Trebuchet MS',Verdana,Arial,Sans-serif" value="normal normal 100% 'Trebuchet MS',Verdana,Arial,Sans-serif">

<Variable name="headerFont" description="Sidebar Title Font" type="font"

default="normal bold 100% 'Trebuchet MS',Verdana,Arial,Sans-serif" value="normal bold 100% 'Trebuchet MS',Verdana,Arial,Sans-serif">

<Variable name="postTitleFont" description="Post Title Font" type="font"

default="normal bold 135% 'Trebuchet MS',Verdana,Arial,Sans-serif" value="normal bold 135% 'Trebuchet MS',Verdana,Arial,Sans-serif">

*/



body {

background:#aba;

margin:0;

text-align:center;

line-height: 1.5em;

font:x-small Trebuchet MS, Verdana, Arial, Sans-serif;

color:$mainTextColor;

font-size/* */:/**/small;

font-size: /**/small;

}







/* Page Structure

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

/* The images which help create rounded corners depend on the

following widths and measurements. If you want to change

these measurements, the images will also need to change.

*/

#outer-wrapper {

width:975px;

margin:0 auto;

text-align:left;

font: $bodyFont;

}

#main-wrap1 {

width:485px;

float:left;

background:$mainBgColor url("http://www.blogblog.com/rounders/corners_main_bot.gif") no-repeat left bottom;

margin:15px 5px 0;

padding:0 0 10px;

color:$mainTextColor;

font-size:97%;

line-height:1.5em;

word-wrap: break-word; /* fix for long text breaking sidebar float in IE */

}

#main-wrap2 {

float:left;

width:100%;

background:url("http://www.blogblog.com/rounders/corners_main_top.gif") no-repeat left top;

padding:10px 0 0;

}

#main {

background:url("http://www.blogblog.com/rounders/rails_main.gif") repeat-y;

padding:0;

}

.sidebar-wrap {

width:240px;

float:left;

margin:15px 0 0;

font-size:97%;

line-height:1.5em;

word-wrap: break-word; /* fix for long text breaking sidebar float in IE */

}



.main .widget {

margin: 0 13px 4px 13px;

}



.main .Blog {

margin: 0;

}



/* Links

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

a:link {

color: $mainLinkColor;

}

a:visited {

color: $mainVisitedLinkColor;

}

a:hover {

color: $mainVisitedLinkColor;

}

a img {

border-width:0;

}





/* Blog Header

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

#header-wrapper {

background:$titleBgColor url("http://img437.imageshack.us/img437/3983/rounders1topcornerbf6.jpg") no-repeat left top;

margin:22px 0 0 0;

padding:8px 0 0 0;

color:$titleTextColor;

}

#header {

background:url(" http://img417.imageshack.us/img417/612/rounders1bottomcornerto6.jpg") no-repeat left bottom;

padding:0 15px 8px;

}

#header h1 {

margin:0;

padding:10px 30px 5px;

line-height:1.2em;

font: $pageTitleFont;

}

#header a,

#header a:visited {

text-decoration:none;

color: $titleTextColor;

}

#header .description {

margin:0;

padding:5px 30px 10px;

line-height:1.5em;

font: $descriptionFont;

}





/* Posts

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

h2.date-header {

margin:0 28px 0 43px;

font-size:85%;

line-height:2em;

text-transform:uppercase;

letter-spacing:.2em;

color:$dateHeaderColor;

}

.post {

margin:.3em 0 25px;

padding:0 13px;

border:1px dotted $borderColor;

border-width:1px 0;

}

.post h3 {

margin:0;

line-height:1.5em;

background:url("http://www.blogblog.com/rounders/icon_arrow.gif") no-repeat 10px .5em;

display:block;

border:1px dotted $borderColor;

border-width:0 1px 1px;

padding:2px 14px 2px 29px;

color: $postTitleColor;

font: $postTitleFont;

}

.post h3 a, .post h3 a:visited {

text-decoration:none;

color: $postTitleColor;

}

a.title-link:hover {

background-color: $borderColor;

color: $mainTextColor;

}

.post-body {

border:1px dotted $borderColor;

border-width:0 1px 1px;

border-bottom-color:$mainBgColor;

padding:10px 14px 1px 29px;

}

html>body .post-body {

border-bottom-width:0;

}

.post p {

margin:0 0 .75em;

}



.post-footer {

background: #eee;

margin:0;

padding:2px 14px 2px 29px;

border:1px dotted $borderColor;

border-width:1px;

font-size:100%;

line-height:1.5em;

color: #666;

}



.post-footer p {

margin: 0;

}



html>body .post-footer {

border-bottom-color:transparent;

}



.uncustomized-post-template .post-footer {

text-align: right;

}



.uncustomized-post-template .post-author,

.uncustomized-post-template .post-timestamp {

display: block;

float: left;

text-align:left;

margin-right: 4px;

}



.post-footer a {

color: $mainLinkColor;

}

.post-footer a:hover {

color: $mainVisitedLinkColor;

}

a.comment-link {

/* IE5.0/Win doesn't apply padding to inline elements,

so we hide these two declarations from it */

background/* */:/**/url("http://www.blogblog.com/rounders/2icon_comment.gif") no-repeat 0 45%;

padding-left:14px;

}

html>body a.comment-link {

/* Respecified, for IE5/Mac's benefit */

background:url("http://www.blogblog.com/rounders/icon_comment.gif") no-repeat 0 45%;

padding-left:14px;

}

.post img {

margin:0 0 5px 0;

padding:4px;

border:1px solid $borderColor;

}

blockquote {

margin:.75em 0;

border:1px dotted $borderColor;

border-width:1px 0;

padding:5px 15px;

color: $dateHeaderColor;

}

.post blockquote p {

margin:.5em 0;

}



#blog-pager-newer-link {

float: left;

margin-left: 13px;

}



#blog-pager-older-link {

float: right;

margin-right: 13px;

}



#blog-pager {

text-align: center;

}



.feed-links {

clear: both;

line-height: 2.5em;

margin-left: 13px;

}



/* Comments

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

#comments {

margin:-25px 13px 0;

border:1px dotted $borderColor;

border-width:0 1px 1px;

padding:20px 0 15px 0;

}

#comments h4 {

margin:0 0 10px;

padding:0 14px 2px 29px;

border-bottom:1px dotted $borderColor;

font-size:120%;

line-height:1.4em;

color:$postTitleColor;

}

#comments-block {

margin:0 15px 0 9px;

}

.comment-author {

background:url("http://www.blogblog.com/rounders/icon_comment.gif") no-repeat 2px .3em;

margin:.5em 0;

padding:0 0 0 20px;

font-weight:bold;

}

.comment-body {

margin:0 0 1.25em;

padding:0 0 0 20px;

}

.comment-body p {

margin:0 0 .5em;

}

.comment-footer {

margin:0 0 .5em;

padding:0 0 .75em 20px;

}

.comment-footer a:link {

color: $mainTextColor;

}

.deleted-comment {

font-style:italic;

color:gray;

}





/* Profile

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

.profile-img {

float: left;

margin: 5px 5px 5px 0;

border: 4px solid $topSidebarTextColor;

}



.profile-datablock {

margin:0 15px .5em 0;

padding-top:8px;

}



.profile-link {

background:url("http://www.blogblog.com/rounders/icon_profile.gif") no-repeat 0 .1em;

padding-left:15px;

font-weight:bold;

}



.profile-textblock {

clear: both;

margin: 0;

}



.sidebar .clear, .main .widget .clear {

clear: both;

}



.sidebartop-wrap {

background:$topSidebarBgColor url("http://www.blogblog.com/rounders/corners_prof_bot.gif") no-repeat left bottom;

margin:0px 0px 15px;

padding:0px 0px 10px;

color:$topSidebarTextColor;

}



.sidebartop-wrap2 {

background:url("http://www.blogblog.com/rounders/corners_prof_top.gif") no-repeat left top;

padding: 10px 0 0;

margin:0;

border-width:0;

}



#sidebartop h2 {

line-height:1.5em;

color:$topSidebarHeaderColor;

border-bottom: 1px dotted $topSidebarHeaderColor;

margin-bottom: 0.5em;

font: $headerFont;

}



#sidebartop a {

color: $topSidebarLinkColor;

}



#sidebartop a:hover {

color: $topSidebarVisitedLinkColor;

}

#sidebartop a:visited {

color: $topSidebarVisitedLinkColor;

}

/* Sidebar Boxes

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



.sidebar .widget {

margin:.5em 13px 1.25em;

padding:0 0px;

}



.widget-content {

margin-top: 0.5em;

}



.sidebarbottom-wrap1 {

background:$mainBgColor url("http://www.blogblog.com/rounders/corners_side_top.gif") no-repeat left top;

margin:0 0 15px;

padding:10px 0 0;

color: $mainTextColor;

}



.sidebarbottom-wrap2 {

background:url("http://www.blogblog.com/rounders/corners_side_bot.gif") no-repeat left bottom;

padding:8px 0px 8px;

}



.sidebar h2 {

margin:0;

padding:0 0 .2em;

line-height:1.5em;

font:$headerFont;

}



.sidebar ul {

list-style:none;

margin:0 0 1.25em;

padding:0 0px;

}



.sidebar ul li {

background:url("http://www.blogblog.com/rounders/icon_arrow_sm.gif") no-repeat 2px .25em;

margin:0;

padding:0 0 3px 16px;

margin-bottom:3px;

border-bottom:1px dotted $borderColor;

line-height:1.4em;

}

.sidebar p {

margin:0 0 .6em;

}



#sidebar h2 {

color: $postTitleColor;

border-bottom: 1px dotted $postTitleColor;

}



/* Footer

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

#footer-wrap1 {

clear:both;

margin:0;

padding:15px 0 0;

}

#footer-wrap2 {

background:$titleBgColor url("http://img437.imageshack.us/img437/3983/rounders1topcornerbf6.jpg") no-repeat left top;

padding:8px 0 0;

color:$titleTextColor;

}

#footer {

background:url("http://img417.imageshack.us/img417/612/rounders1bottomcornerto6.jpg") no-repeat left bottom;

padding:8px 15px 8px;

}

#footer hr {display:none;}

#footer p {margin:0;}

#footer a {color:$titleTextColor;}



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

body#layout #main-wrap1,

body#layout .sidebar-wrap,

body#layout #header-wrapper {

margin-top: 0;

}



body#layout #header, body#layout #header-wrapper,

body#layout #outer-wrapper {

margin-left:0,

margin-right: 0;

padding: 0;

}



body#layout #outer-wrapper {

width: 730px;

}



body#layout #footer-wrap1 {

padding-top: 0;

}

]]></b:skin>

</head>



<body>

<div id='outer-wrapper'>



<div id='header-wrapper'>

<b:section class='header' id='header' maxwidgets='1'>

<b:widget id='Header1' locked='true' title='Test (Header)' type='Header'/>

</b:section>

</div>



<div class='sidebar-wrap'>



<div class='sidebarbottom-wrap1'><div class='sidebarbottom-wrap2'>

<b:section class='sidebar' id='sidebar2' preferred='yes'/>

</div></div>



</div>



<div id='main-wrap1'><div id='main-wrap2'>

<b:section class='main' id='main' showaddelement='no'>

<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>

</b:section>

</div>

</div>



<div class='sidebar-wrap'>



<div class='sidebartop-wrap'><div class='sidebartop-wrap2'>

<b:section class='sidebar' id='sidebartop'>

<b:widget id='Profile1' locked='false' title='About Me' type='Profile'/>

</b:section>

</div></div>



<div class='sidebarbottom-wrap1'><div class='sidebarbottom-wrap2'>

<b:section class='sidebar' id='sidebar' preferred='yes'/>



</div></div>



</div>



<div id='footer-wrap1'><div id='footer-wrap2'>

<b:section class='footer' id='footer'/>

</div></div>



</div>





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



</body>

</html>





Rounders 2




<?xml version="1.0" encoding="UTF-8" ?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>



<head>

<b:include data='blog' name='all-head-content'/>

<title><data:blog.pageTitle/></title>

<b:skin><![CDATA[



/* Variable definitions

====================

<Variable name="mainBgColor" description="Main Background Color"

type="color" default="#fff" value="#ffffff">

<Variable name="mainTextColor" description="Text Color" type="color"

default="#000" value="#000000">

<Variable name="postTitleColor" description="Post Title Color" type="color"

default="#333" value="#333333">

<Variable name="dateHeaderColor" description="Date Header Color"

type="color" default="#810" value="#881100">

<Variable name="borderColor" description="Post Border Color" type="color"

default="#bbb" value="#bbbbbb">





<Variable name="mainLinkColor" description="Link Color" type="color"

default="#b30" value="#bb3300">

<Variable name="mainVisitedLinkColor" description="Visited Link Color"

type="color" default="#c63" value="#cc6633">



<Variable name="titleBgColor" description="Page Header Background Color"

type="color" default="#710" value="#771100">

<Variable name="titleTextColor" description="Blog Title Color"

type="color" default="#fff" value="#ffffff">



<Variable name="topSidebarHeaderColor"

description="Top Sidebar Title Color"

type="color" default="#fff" value="#ffffff">

<Variable name="topSidebarBgColor"

description="Top Sidebar Background Color"

type="color" default="#999" value="#999999">

<Variable name="topSidebarTextColor" description="Top Sidebar Text Color"

type="color" default="#fff" value="#ffffff">

<Variable name="topSidebarLinkColor" description="Top Sidebar Link Color"

type="color" default="#fff" value="#ffffff">

<Variable name="topSidebarVisitedLinkColor"

description="Top Sidebar Visited Link Color"

type="color" default="#ddd" value="#dddddd">



<Variable name="bodyFont" description="Text Font" type="font"

default="normal normal 100% 'Trebuchet MS',Verdana,Arial,Sans-serif" value="normal normal 100% 'Trebuchet MS',Verdana,Arial,Sans-serif">

<Variable name="pageTitleFont" description="Blog Title Font" type="font"

default="normal bold 200% 'Trebuchet MS',Verdana,Arial,Sans-serif" value="normal bold 200% 'Trebuchet MS',Verdana,Arial,Sans-serif">

<Variable name="descriptionFont" description="Description Font" type="font"

default="normal normal 100% 'Trebuchet MS',Verdana,Arial,Sans-serif" value="normal normal 100% 'Trebuchet MS',Verdana,Arial,Sans-serif">

<Variable name="headerFont" description="Sidebar Title Font" type="font"

default="normal bold 100% 'Trebuchet MS',Verdana,Arial,Sans-serif" value="normal bold 100% 'Trebuchet MS',Verdana,Arial,Sans-serif">

<Variable name="postTitleFont" description="Post Title Font" type="font"

default="normal bold 135% 'Trebuchet MS',Verdana,Arial,Sans-serif" value="normal bold 135% 'Trebuchet MS',Verdana,Arial,Sans-serif">

*/



body {

background:#ccc;

margin:0;

text-align:center;

line-height: 1.5em;

font:x-small Trebuchet MS, Verdana, Arial, Sans-serif;

color:#000000;

font-size/* */:/**/small;

font-size: /**/small;

}





/* Page Structure

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

/* The images which help create rounded corners depend on the

following widths and measurements. If you want to change

these measurements, the images will also need to change.

*/

#outer-wrapper {

width:975px;

margin:0 auto;

text-align:left;

font: normal normal 89% 'Trebuchet MS',Verdana,Arial,Sans-serif;

}

#main-wrap1 {

width:485px;

float:left;

background:#ffffff url("http://www.blogblog.com/rounders2/corners_main_bot.gif") no-repeat left bottom;

margin:15px 5px 0;

padding:0 0 10px;

color:#000000;

font-size:97%;

line-height:1.5em;

word-wrap: break-word; /* fix for long text breaking sidebar float in IE */

}

#main-wrap2 {

float:left;

width:100%;

background:url("http://www.blogblog.com/rounders2/corners_main_top.gif") no-repeat left top;

padding:10px 0 0;

}

#main {

background:url("http://www.blogblog.com/rounders2/rails_main.gif") repeat-y;

padding:0;

}

.sidebar-wrap {

width:240px;

float:left;

margin:15px 0 0;

font-size:97%;

line-height:1.5em;

word-wrap: break-word; /* fix for long text breaking sidebar float in IE */

}



.main .widget {

margin: 0 13px 4px 13px;

}



.main .Blog {

margin: 0;

}



/* Links

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

a:link {

color: #bb3300;

color:#800000;

text-decoration:none;

}

a:visited {

color: #cc6633;

color:#C0C0C0;

text-decoration:none;

}

a:hover {

color: #cc6633;

color:#808080;

text-decoration:none;

}

a img {

border-width:0;

}





/* Blog Header

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

#header-wrapper {

background:#771100 url("http://img355.imageshack.us/img355/7923/rounders2topcornerzd6.jpg") no-repeat left top;

margin:22px 0 0 0;

padding:8px 0 0 0;

color:#ffffff;

}

#header {

background:url("http://img153.imageshack.us/img153/4059/rounders2bottomcornertn6.jpg") no-repeat left bottom;

padding:0 15px 8px;

}

#header h1 {

margin:0;

padding:10px 30px 5px;

line-height:1.2em;

font: normal bold 354% 'Trebuchet MS',Verdana,Arial,Sans-serif;

}

#header a,

#header a:visited {

text-decoration:none;

color: #ffffff;

}

#header .description {

margin:0;

padding:5px 30px 10px;

line-height:1.5em;

font: normal normal 110% 'Trebuchet MS',Verdana,Arial,Sans-serif;

}





/* Posts

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

h2.date-header {

margin:0 28px 0 43px;

font-size:85%;

line-height:2em;

text-transform:uppercase;

letter-spacing:.2em;

color:#881100;

}

.post {

margin:.3em 0 25px;

padding:0 13px;

border:1px dotted #bbbbbb;

border-width:1px 0;

}

.post h3 {

margin:0;

line-height:1.5em;

background:url("http://www.blogblog.com/rounders2/icon_arrow.gif") no-repeat 10px .5em;

display:block;

border:1px dotted #bbbbbb;

border-width:0 1px 1px;

padding:2px 14px 2px 29px;

color: #333333;

font: italic bold 149% 'Trebuchet MS',Verdana,Arial,Sans-serif;

}

.post h3 a, .post h3 a:visited {

text-decoration:none;

color: #333333;

}

a.title-link:hover {

background-color: #bbbbbb;

color: #000000;

}

.post-body {

border:1px dotted #bbbbbb;

border-width:0 1px 1px;

border-bottom-color:#ffffff;

padding:10px 14px 1px 29px;

}

html>body .post-body {

border-bottom-width:0;

}

.post p {

margin:0 0 .75em;

}



.post-footer {

background: #eee;

margin:0;

padding:2px 14px 2px 29px;

border:1px dotted #bbbbbb;

border-width:1px;

font-size:100%;

line-height:1.5em;

color: #666;

}



.post-footer p {

margin: 0;

}



html>body .post-footer {

border-bottom-color:transparent;

}



.uncustomized-post-template .post-footer {

text-align: right;

}



.uncustomized-post-template .post-author,

.uncustomized-post-template .post-timestamp {

display: block;

float: left;

text-align:left;

margin-right: 4px;

}



.post-footer a {

color: #bb3300;

}

.post-footer a:hover {

color: #cc6633;

}

a.comment-link {

/* IE5.0/Win doesn't apply padding to inline elements,

so we hide these two declarations from it */

background/* */:/**/url("http://www.blogblog.com/rounders/2icon_comment.gif") no-repeat 0 45%;

padding-left:14px;

}

html>body a.comment-link {

/* Respecified, for IE5/Mac's benefit */

background:url("http://www.blogblog.com/rounders2/icon_comment.gif") no-repeat 0 45%;

padding-left:14px;

}

.post img {

margin:0 0 5px 0;

padding:4px;

border:1px solid #bbbbbb;

}

blockquote {

margin:.75em 0;

border:1px dotted #bbbbbb;

border-width:1px 0;

padding:5px 15px;

color: #881100;

}

.post blockquote p {

margin:.5em 0;

}



#blog-pager-newer-link {

float: left;

margin-left: 13px;

}



#blog-pager-older-link {

float: right;

margin-right: 13px;

}



#blog-pager {

text-align: center;

}



.feed-links {

clear: both;

line-height: 2.5em;

margin-left: 13px;

}



/* Comments

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

#comments {

margin:-25px 13px 0;

border:1px dotted #bbbbbb;

border-width:0 1px 1px;

padding:20px 0 15px 0;

}

#comments h4 {

margin:0 0 10px;

padding:0 14px 2px 29px;

border-bottom:1px dotted #bbbbbb;

font-size:120%;

line-height:1.4em;

color:#333333;

}

#comments-block {

margin:0 15px 0 9px;

}

.comment-author {

background:url("http://www.blogblog.com/rounders2/icon_comment.gif") no-repeat 2px .3em;

margin:.5em 0;

padding:0 0 0 20px;

font-weight:bold;

}

.comment-body {

margin:0 0 1.25em;

padding:0 0 0 20px;

}

.comment-body p {

margin:0 0 .5em;

}

.comment-footer {

margin:0 0 .5em;

padding:0 0 .75em 20px;

}

.comment-footer a:link {

color: #000000;

}

.deleted-comment {

font-style:italic;

color:gray;

}





/* Profile

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

.profile-img {

float: left;

margin: 5px 5px 5px 0;

border: 4px solid #ffffff;

}



.profile-datablock {

margin:0 15px .5em 0;

padding-top:8px;

}



.profile-link {

background:url("http://www.blogblog.com/rounders2/icon_profile.gif") no-repeat 0 .1em;

padding-left:15px;

font-weight:bold;

}



.profile-textblock {

clear: both;

margin: 0;

}



.sidebar .clear, .main .widget .clear {

clear: both;

}



.sidebartop-wrap {

background:#999999 url("http://www.blogblog.com/rounders2/corners_prof_bot.gif") no-repeat left bottom;

margin:0px 0px 15px;

padding:0px 0px 10px;

color:#ffffff;

}



.sidebartop-wrap2 {

background:url("http://www.blogblog.com/rounders2/corners_prof_top.gif") no-repeat left top;

padding: 10px 0 0;

margin:0;

border-width:0;

}



#sidebartop h2 {

line-height:1.5em;

color:#ffffff;

border-bottom: 1px dotted #ffffff;

margin-bottom: 0.5em;

font: normal bold 146% 'Trebuchet MS',Verdana,Arial,Sans-serif;

}



#sidebartop a {

color: #ffffff;

}



#sidebartop a:hover {

color: #dddddd;

}

#sidebartop a:visited {

color: #dddddd;

}

/* Sidebar Boxes

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



.sidebar .widget {

margin:.5em 13px 1.25em;

padding:0 0px;

}



.widget-content {

margin-top: 0.5em;

}



.sidebarbottom-wrap1 {

background:#ffffff url("http://www.blogblog.com/rounders2/corners_side_top.gif") no-repeat left top;

margin:0 0 15px;

padding:10px 0 0;

color: #000000;

}



.sidebarbottom-wrap2 {

background:url("http://www.blogblog.com/rounders2/corners_side_bot.gif") no-repeat left bottom;

padding:8px 0px 8px;

}



.sidebar h2 {

margin:0;

padding:0 0 .2em;

line-height:1.5em;

font:normal bold 146% 'Trebuchet MS',Verdana,Arial,Sans-serif;

}



.sidebar ul {

list-style:none;

margin:0 0 1.25em;

padding:0 0px;

}



.sidebar ul li {

background:url("http://www.blogblog.com/rounders2/icon_arrow_sm.gif") no-repeat 2px .25em;

margin:0;

padding:0 0 3px 16px;

margin-bottom:3px;

border-bottom:1px dotted #bbbbbb;

line-height:1.4em;

}

.sidebar p {

margin:0 0 .6em;

}



#sidebar h2 {

color: #333333;

border-bottom: 1px dotted #333333;

}



/* Footer

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

#footer-wrap1 {

clear:both;

margin:0;

padding:15px 0 0;

}

#footer-wrap2 {

background:#771100 url("http://img355.imageshack.us/img355/7923/rounders2topcornerzd6.jpg") no-repeat left top;

padding:8px 0 0;

color:#ffffff;

}

#footer {

background:url("http://img153.imageshack.us/img153/4059/rounders2bottomcornertn6.jpg") no-repeat left bottom;

padding:8px 15px 8px;

}

#footer hr {display:none;}

#footer p {margin:0;}

#footer a {color:#ffffff;}



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

body#layout #main-wrap1,

body#layout .sidebar-wrap,

body#layout #header-wrapper {

margin-top: 0;

}



body#layout #header, body#layout #header-wrapper,

body#layout #outer-wrapper {

margin-left:0,

margin-right: 0;

padding: 0;

}



body#layout #outer-wrapper {

width: 730px;

}



body#layout #footer-wrap1 {

padding-top: 0;

}

]]></b:skin>

</head>



<body>

<div id='outer-wrapper'>



<div id='header-wrapper'>

<b:section class='header' id='header' maxwidgets='1'>

<b:widget id='Header1' locked='true' title='Test (Header)' type='Header'/>

</b:section>

</div>



<div class='sidebar-wrap'>



<div class='sidebarbottom-wrap1'><div class='sidebarbottom-wrap2'>

<b:section class='sidebar' id='sidebar2' preferred='yes'/>

</div></div>



</div>



<div id='main-wrap1'><div id='main-wrap2'>

<b:section class='main' id='main' showaddelement='no'>

<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>

</b:section>

</div></div>



<div class='sidebar-wrap'>



<div class='sidebartop-wrap'><div class='sidebartop-wrap2'>

<b:section class='sidebar' id='sidebartop'>

<b:widget id='Profile1' locked='false' title='About Me' type='Profile'/>

</b:section>

</div></div>



<div class='sidebarbottom-wrap1'><div class='sidebarbottom-wrap2'>

<b:section class='sidebar' id='sidebar' preferred='yes'/>



</div></div>



</div>



<div id='footer-wrap1'><div id='footer-wrap2'>

<b:section class='footer' id='footer'/>

</div></div>



</div>

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

</body>

</html>





Rounders 3




<?xml version="1.0" encoding="UTF-8" ?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>



<head>

<b:include data='blog' name='all-head-content'/>

<title><data:blog.pageTitle/></title>

<b:skin><![CDATA[



/* Variable definitions

====================

<Variable name="mainBgColor" description="Main Background Color"

type="color" default="#eec" value="#eeeecc">

<Variable name="mainTextColor" description="Text Color" type="color"

default="#333" value="#333333">

<Variable name="postTitleColor" description="Post Title Color" type="color"

default="#333" value="#333333">

<Variable name="dateHeaderColor" description="Date Header Color"

type="color" default="#586" value="#558866">

<Variable name="borderColor" description="Post Border Color" type="color"

default="#bbb" value="#bbbbbb">





<Variable name="mainLinkColor" description="Link Color" type="color"

default="#456" value="#445566">

<Variable name="mainVisitedLinkColor" description="Visited Link Color"

type="color" default="#234" value="#223344">



<Variable name="titleBgColor" description="Page Header Background Color"

type="color" default="#357" value="#335577">

<Variable name="titleTextColor" description="Blog Title Color"

type="color" default="#fff" value="#ffffff">



<Variable name="topSidebarHeaderColor"

description="Top Sidebar Title Color"

type="color" default="#fff" value="#ffffff">

<Variable name="topSidebarBgColor"

description="Top Sidebar Background Color"

type="color" default="#586" value="#558866">

<Variable name="topSidebarTextColor" description="Top Sidebar Text Color"

type="color" default="#fff" value="#ffffff">

<Variable name="topSidebarLinkColor" description="Top Sidebar Link Color"

type="color" default="#fff" value="#ffffff">

<Variable name="topSidebarVisitedLinkColor"

description="Top Sidebar Visited Link Color"

type="color" default="#fff" value="#ffffff">

<Variable name="bottomSidebarHeaderColor"

description="Bottom Sidebar Title Color"

type="color" default="#abc" value="#aabbcc">



<Variable name="bottomSidebarLinkColor"

description="Bottom Sidebar Link Color"

type="color" default="#99ddbb" value="#99ddbb">

<Variable name="bottomSidebarVisitedLinkColor"

description="Bottom Sidebar Visited Link Color"

type="color" default="#ffffff" value="#ffffff">

<Variable name="bodyFont" description="Text Font" type="font"

default="normal normal 100% 'Trebuchet MS',Verdana,Arial,Sans-serif" value="normal normal 100% 'Trebuchet MS',Verdana,Arial,Sans-serif">

<Variable name="pageTitleFont" description="Blog Title Font" type="font"

default="normal bold 200% 'Trebuchet MS',Verdana,Arial,Sans-serif" value="normal bold 200% 'Trebuchet MS',Verdana,Arial,Sans-serif">

<Variable name="descriptionFont" description="Description Font" type="font"

default="normal normal 100% 'Trebuchet MS',Verdana,Arial,Sans-serif" value="normal normal 100% 'Trebuchet MS',Verdana,Arial,Sans-serif">

<Variable name="headerFont" description="Sidebar Title Font" type="font"

default="normal bold 100% 'Trebuchet MS',Verdana,Arial,Sans-serif" value="normal bold 100% 'Trebuchet MS',Verdana,Arial,Sans-serif">

<Variable name="postTitleFont" description="Post Title Font" type="font"

default="normal bold 135% 'Trebuchet MS',Verdana,Arial,Sans-serif" value="normal bold 135% 'Trebuchet MS',Verdana,Arial,Sans-serif">

*/



body {

background:#123;

margin:0;

text-align:center;

line-height: 1.5em;

font: x-small Trebuchet MS, Verdana, Arial, Sans-serif;

color:$mainTextColor;

font-size/* */:/**/small;

font-size: /**/small;

}







/* Page Structure

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

/* The images which help create rounded corners depend on the

following widths and measurements. If you want to change

these measurements, the images will also need to change.

*/

#outer-wrapper {

width:975px;

margin:0 auto;

text-align:left;

font: $bodyFont;

}

#main-wrap1 {

width:485px;

float:left;

background:$mainBgColor url("http://www.blogblog.com/rounders3/corners_main_bot.gif") no-repeat left bottom;

margin:15px 5px 0;

padding:0 0 10px;

color:$mainTextColor;

font-size:97%;

line-height:1.5em;

word-wrap: break-word; /* fix for long text breaking sidebar float in IE */

}

#main-wrap2 {

float:left;

width:100%;

background:url("http://www.blogblog.com/rounders3/corners_main_top.gif") no-repeat left top;

padding:10px 0 0;

}

#main {

background:url("http://www.blogblog.com/rounders3/rails_main.gif") repeat-y;

padding:0;

}

.sidebar-wrap {

width:240px;

float:left;

margin:15px 0 0;

font-size:97%;

line-height:1.5em;

word-wrap: break-word; /* fix for long text breaking sidebar float in IE */

}



.main .widget {

margin: 0 13px 4px 13px;

}



.main .Blog {

margin: 0;

}



/* Links

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

a:link {

color: $mainLinkColor;

}

a:visited {

color: $mainVisitedLinkColor;

}

a:hover {

color: $mainVisitedLinkColor;

}

a img {

border-width:0;

}





/* Blog Header

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

#header-wrapper {

background:$titleBgColor url("http://img403.imageshack.us/img403/1308/rounders3topcornercq4.jpg") no-repeat left top;

margin:22px 0 0 0;

padding:8px 0 0 0;

color:$titleTextColor;

}

#header {

background:url("http://img403.imageshack.us/img403/2664/rounders3bottomcornerhm2.jpg") no-repeat left bottom;

padding:0 15px 8px;

}

#header h1 {

margin:0;

padding:10px 30px 5px;

line-height:1.2em;

font: $pageTitleFont;

}

#header a,

#header a:visited {

text-decoration:none;

color: $titleTextColor;

}

#header .description {

margin:0;

padding:5px 30px 10px;

line-height:1.5em;

font: $descriptionFont;

}





/* Posts

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

h2.date-header {

margin:0 28px 0 43px;

font-size:85%;

line-height:2em;

text-transform:uppercase;

letter-spacing:.2em;

color:$dateHeaderColor;

}

.post {

margin:.3em 0 25px;

padding:0 13px;

border:1px dotted $borderColor;

border-width:1px 0;

}

.post h3 {

margin:0;

line-height:1.5em;

background:url("http://www.blogblog.com/rounders3/icon_arrow.gif") no-repeat 10px .5em;

display:block;

border:1px dotted $borderColor;

border-width:0 1px 1px;

padding:2px 14px 2px 29px;

color: $postTitleColor;

font: $postTitleFont;

}

.post h3 a, .post h3 a:visited {

text-decoration:none;

color: $postTitleColor;

}

a.title-link:hover {

background-color: $borderColor;

color: $mainTextColor;

}

.post-body {

border:1px dotted $borderColor;

border-width:0 1px 1px;

border-bottom-color:$mainBgColor;

padding:10px 14px 1px 29px;

}

html>body .post-body {

border-bottom-width:0;

}

.post p {

margin:0 0 .75em;

}



.post-footer {

background: #eee;

margin:0;

padding:2px 14px 2px 29px;

border:1px dotted $borderColor;

border-width:1px;

font-size:100%;

line-height:1.5em;

color: #666;

}



.post-footer p {

margin: 0;

}



html>body .post-footer {

border-bottom-color:transparent;

}



.uncustomized-post-template .post-footer {

text-align: right;

}



.uncustomized-post-template .post-author,

.uncustomized-post-template .post-timestamp {

display: block;

float: left;

text-align:left;

margin-right: 4px;

}



.post-footer a {

color: $mainLinkColor;

}

.post-footer a:hover {

color: $mainVisitedLinkColor;

}

a.comment-link {

/* IE5.0/Win doesn't apply padding to inline elements,

so we hide these two declarations from it */

background/* */:/**/url("http://www.blogblog.com/rounders/2icon_comment.gif") no-repeat 0 45%;

padding-left:14px;

}

html>body a.comment-link {

/* Respecified, for IE5/Mac's benefit */

background:url("http://www.blogblog.com/rounders3/icon_comment.gif") no-repeat 0 45%;

padding-left:14px;

}

.post img {

margin:0 0 5px 0;

padding:4px;

border:1px solid $borderColor;

}

blockquote {

margin:.75em 0;

border:1px dotted $borderColor;

border-width:1px 0;

padding:5px 15px;

color: $dateHeaderColor;

}

.post blockquote p {

margin:.5em 0;

}



#blog-pager-newer-link {

float: left;

margin-left: 13px;

}



#blog-pager-older-link {

float: right;

margin-right: 13px;

}



#blog-pager {

text-align: center;

}



.feed-links {

clear: both;

line-height: 2.5em;

margin-left: 13px;

}



/* Comments

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

#comments {

margin:-25px 13px 0;

border:1px dotted $borderColor;

border-width:0 1px 1px;

padding:20px 0 15px 0;

}

#comments h4 {

margin:0 0 10px;

padding:0 14px 2px 29px;

border-bottom:1px dotted $borderColor;

font-size:120%;

line-height:1.4em;

color:$postTitleColor;

}

#comments-block {

margin:0 15px 0 9px;

}

.comment-author {

background:url("http://www.blogblog.com/rounders3/icon_comment.gif") no-repeat 2px .3em;

margin:.5em 0;

padding:0 0 0 20px;

font-weight:bold;

}

.comment-body {

margin:0 0 1.25em;

padding:0 0 0 20px;

}

.comment-body p {

margin:0 0 .5em;

}

.comment-footer {

margin:0 0 .5em;

padding:0 0 .75em 20px;

}

.comment-footer a:link {

color: $mainTextColor;

}

.deleted-comment {

font-style:italic;

color:gray;

}





/* Profile

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

.profile-img {

float: left;

margin: 5px 5px 5px 0;

border: 4px solid $topSidebarTextColor;

}



.profile-datablock {

margin:0 15px .5em 0;

padding-top:8px;

}



.profile-link {

background:url("http://www.blogblog.com/rounders3/icon_profile.gif") no-repeat 0 .1em;

padding-left:15px;

font-weight:bold;

}



.profile-textblock {

clear: both;

margin: 0;

}



.sidebar .clear, .main .widget .clear {

clear: both;

}



.sidebartop-wrap {

background:$topSidebarBgColor url("http://www.blogblog.com/rounders3/corners_prof_bot.gif") no-repeat left bottom;

margin:0px 0px 15px;

padding:0px 0px 10px;

color:$topSidebarTextColor;

}



.sidebartop-wrap2 {

background:url("http://www.blogblog.com/rounders3/corners_prof_top.gif") no-repeat left top;

padding: 10px 0 0;

margin:0;

border-width:0;

}



#sidebartop h2 {

line-height:1.5em;

color:$topSidebarHeaderColor;

border-bottom: 1px dotted $topSidebarHeaderColor;

margin-bottom: 0.5em;

font: $headerFont;

}



#sidebartop a {

color: $topSidebarLinkColor;

}



#sidebartop a:hover {

color: $topSidebarVisitedLinkColor;

}

#sidebartop a:visited {

color: $topSidebarVisitedLinkColor;

}

/* Sidebar Boxes

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



.sidebar .widget {

margin:.5em 13px 1.25em;

padding:0 0px;

}



.widget-content {

margin-top: 0.5em;

}



.sidebarbottom-wrap1 {

background:$mainBgColor url("http://www.blogblog.com/rounders3/corners_side_top.gif") no-repeat left top;

margin:0 0 15px;

padding:10px 0 0;

color: $mainTextColor;

}



.sidebarbottom-wrap2 {

background:url("http://www.blogblog.com/rounders3/corners_side_bot.gif") no-repeat left bottom;

padding:8px 0px 8px;

}



.sidebar h2 {

margin:0;

padding:0 0 .2em;

line-height:1.5em;

font:$headerFont;

}



.sidebar ul {

list-style:none;

margin:0 0 1.25em;

padding:0 0px;

}



.sidebar ul li {

background:url("http://www.blogblog.com/rounders3/icon_arrow_sm.gif") no-repeat 2px .25em;

margin:0;

padding:0 0 3px 16px;

margin-bottom:3px;

border-bottom:1px dotted $borderColor;

line-height:1.4em;

}

.sidebar p {

margin:0 0 .6em;

}



#sidebar h2 {

color: $postTitleColor;

border-bottom: 1px dotted $postTitleColor;

}



/* Footer

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

#footer-wrap1 {

clear:both;

margin:0;

padding:15px 0 0;

}

#footer-wrap2 {

background:$titleBgColor url("http://img403.imageshack.us/img403/1308/rounders3topcornercq4.jpg") no-repeat left top;

padding:8px 0 0;

color:$titleTextColor;

}

#footer {

background:url("http://img403.imageshack.us/img403/2664/rounders3bottomcornerhm2.jpg") no-repeat left bottom;

padding:8px 15px 8px;

}

#footer hr {display:none;}

#footer p {margin:0;}

#footer a {color:$titleTextColor;}



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

body#layout #main-wrap1,

body#layout .sidebar-wrap,

body#layout #header-wrapper {

margin-top: 0;

}



body#layout #header, body#layout #header-wrapper,

body#layout #outer-wrapper {

margin-left:0,

margin-right: 0;

padding: 0;

}



body#layout #outer-wrapper {

width: 730px;

}



body#layout #footer-wrap1 {

padding-top: 0;

}

]]></b:skin>

</head>



<body>

<div id='outer-wrapper'>



<div id='header-wrapper'>

<b:section class='header' id='header' maxwidgets='1'>

<b:widget id='Header1' locked='true' title='Test (Header)' type='Header'/>

</b:section>

</div>



<div class='sidebar-wrap'>



<div class='sidebarbottom-wrap1'><div class='sidebarbottom-wrap2'>

<b:section class='sidebar' id='sidebar2' preferred='yes'/>

</div></div>



</div>



<div id='main-wrap1'><div id='main-wrap2'>

<b:section class='main' id='main' showaddelement='no'>

<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>

</b:section>

</div></div>



<div class='sidebar-wrap'>



<div class='sidebartop-wrap'><div class='sidebartop-wrap2'>

<b:section class='sidebar' id='sidebartop'>

<b:widget id='Profile1' locked='false' title='About Me' type='Profile'/>

</b:section>

</div></div>



<div class='sidebarbottom-wrap1'><div class='sidebarbottom-wrap2'>

<b:section class='sidebar' id='sidebar' preferred='yes'/>



</div></div>



</div>



<div id='footer-wrap1'><div id='footer-wrap2'>

<b:section class='footer' id='footer'/>

</div></div>



</div>

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

</body>

</html>





Sanddollar




<?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="#000" value="#000000">



<Variable name="bgcolor" description="Page Background Color"

type="color" default="#f6f6f6" value="#f6f6f6">



<Variable name="pagetitlecolor" description="Blog Title Color"

type="color" default="#F5DEB3" value="#F5DEB3">



<Variable name="pagetitlebgcolor" description="Blog Title Background Color"

type="color" default="#DE7008" value="#DE7008">



<Variable name="descriptionColor" description="Blog Description Color"

type="color" default="#9E5205" / value="#9E5205">



<Variable name="descbgcolor" description="Description Background Color"

type="color" default="#F5E39e" value="#F5E39e">



<Variable name="titlecolor" description="Post Title Color"

type="color" default="#9E5205" value="#9E5205">



<Variable name="datecolor" description="Date Header Color"

type="color" default="#777777" value="#777777">



<Variable name="footercolor" description="Post Footer Color"

type="color" default="#444444" value="#444444">



<Variable name="linkcolor" description="Link Color"

type="color" default="#DE7008" value="#DE7008">



<Variable name="footerlinkcolor" description="Post Footer Link Color"

type="color" default="#968a0a" value="#968a0a">



<Variable name="visitedlinkcolor" description="Visited Link Color"

type="color" default="#DE7008" value="#DE7008">



<Variable name="sidebarcolor" description="Sidebar Title Color"

type="color" default="#B8A80D" value="#B8A80D">



<Variable name="sidebarlinkcolor" description="Sidebar Link Color"

type="color" default="#999999" value="#999999">



<Variable name="bordercolor" description="Border Color"

type="color" default="#e0ad12" value="#e0ad12">



<Variable name="bodyfont" description="Text Font"

type="font"

default="normal normal 100% 'Trebuchet MS',Trebuchet,Verdana,Sans-Serif" value="normal normal 100% 'Trebuchet MS',Trebuchet,Verdana,Sans-Serif">



<Variable name="headerfont" description="Sidebar Title Font"

type="font"

default="normal bold 150% Verdana,Sans-serif" value="normal bold 150% Verdana,Sans-serif">



<Variable name="dateHeaderFont" description="Date Header Font"

type="font"

default="normal bold 105% 'Trebuchet MS',Trebuchet,Verdana,Sans-serif" value="normal bold 105% 'Trebuchet MS',Trebuchet,Verdana,Sans-serif">



<Variable name="pagetitlefont" description="Blog Title Font"

type="font" default="normal bold 300% Verdana,Sans-Serif" value="normal bold 300% Verdana,Sans-Serif">



<Variable name="titlefont" description="Post Title Font"

type="font" default="normal bold 160% Verdana,Sans-Serif" value="normal bold 160% Verdana,Sans-Serif">

*/



body {

margin:0px;

padding:0px;

background:$bgcolor;

color:$textcolor;

font-size: small;

}



#outer-wrapper {

font:$bodyfont;

}



a {

color:$linkcolor;

}



a:hover {

color:$titlecolor;

}



a img {

border-width: 0;

}



#content-wrapper {

padding: 0 1em 0 1em;

}



@media all {

div#main {

float:left;

width:55%;

margin:0 1%;

padding:30px 0 10px 1em;

border-left:dotted 1px $bordercolor;

border-right:dotted 1px $bordercolor;

word-wrap: break-word; /* fix for long text breaking sidebar float in IE */

overflow: hidden; /* fix for long non-text content breaking IE sidebar float */

}

div.sidebar {

margin:20px 0px 0px 0;

padding:0px;

text-align:left;

float: left;

width: 20%;

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 */

}

}



@media handheld {

div#main {

float:none;

width:90%;

}



div#sidebar {

padding:30px 7% 10px 3%;

}

}



#header {

padding:0px 0px 0px 0px;

margin:0px 0px 0px 0px;

border-bottom:dotted 1px $bordercolor;

background:$descbgcolor;

}



h1 a:link {

text-decoration:none;

color:$pagetitlecolor

}



h1 a:visited {

text-decoration:none;

color:$pagetitlecolor

}



h1,h2,h3 {

margin: 0;

}



h1 {

padding:25px 0px 10px 5%;

color:$pagetitlecolor;

background:$pagetitlebgcolor;

font:$pagetitlefont;

letter-spacing:-2px;

}



h3.post-title {

color:$titlecolor;

font:$titlefont;

letter-spacing:-1px;

}



h3.post-title a,

h3.post-title a:visited {

color: $titlecolor;

}



h2.date-header {

margin:10px 0px 0px 0px;

color:$datecolor;

font: $dateHeaderFont;

}



h4 {

color:#aa0033;

}



#sidebar h2 {

color:$sidebarcolor;

margin:0px;

padding:0px;

font:$headerfont;

}



#sidebar .widget {

margin:0px 0px 33px 0px;

padding:0px 0px 0px 0px;

font-size:95%;

}



#sidebar ul {

list-style-type:none;

padding-left: 0;

margin-top: 0;

}



#sidebar li {

margin:0px 0px 0px 0px;

padding:0px 0px 0px 0px;

list-style-type:none;

font-size:95%;

}



.description {

padding:0px;

margin:7px 12% 7px 5%;

color:$descriptionColor;

background:transparent;

font:bold 100% Verdana,Sans-Serif;

}



.post {

margin:0px 0px 30px 0px;

}



.post strong {

color:$textcolor;

font-weight:bold;

}



pre,code {

color:$sidebarlinkcolor;

}



strike {

color:$sidebarlinkcolor;

}



.post-footer {

padding:0px;

margin:0px;

color:$footercolor;

font-size:80%;

}

.post-footer a {

border:none;

color:$footerlinkcolor;

text-decoration:none;

}



.post-footer a:hover {

text-decoration:underline;

}



#comments {

padding:0px;

font-size:110%;

font-weight:bold;

}



.comment-author {

margin-top: 10px;

}



.comment-body {

font-size:100%;

font-weight:normal;

color:black;

}



.comment-footer {

padding-bottom:20px;

color:$footercolor;

font-size:80%;

font-weight:normal;

display:inline;

margin-right:10px

}



.deleted-comment {

font-style:italic;

color:gray;

}



.comment-link {

margin-left:.6em;

}



.profile-textblock {

clear: both;

margin-left: 0;

}



.profile-img {

float: left;

margin: 0 5px 5px 0;

border: 2px solid $pagetitlebgcolor;

}



#sidebar a:link {

color:$sidebarlinkcolor;

text-decoration:none;

}



#sidebar a:active {

color:#ff0000;

text-decoration:none;

}



#sidebar a:visited {

color:sidebarlinkcolor;

text-decoration:none;

}



#sidebar a:hover {

color:$sidebarcolor;

text-decoration:none;

}



.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;

}



.clear {

clear: both;

}



.widget-content {

margin-top: 0.5em;

}



/** Tweaks for layout editor preview */



body#layout #outer-wrapper {

margin-top: 0;

}



body#layout #main,

body#layout #sidebar {

margin-top: 10px;

padding-top: 0;

}

]]></b:skin>

</head>



<body>

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



<!-- skip links for text browsers -->

<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='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'/>

</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='LinkList1' locked='false' title='Links' type='LinkList'/>

<b:widget id='Profile1' locked='false' title='About Me' type='Profile'/>

</b:section>



</div>



<!-- spacer for skins that want sidebar and main to be the same height-->

<div class='clear'>&#160;</div>



</div> <!-- end content-wrapper -->

</div>



</div> <!-- end outer-wrapper -->

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

</body>

</html>





Scribe




<?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="#29303b" value="#29303b">

<Variable name="postTitleColor" description="Post Title Color" type="color"

default="#1b0431" value="#1b0431">



<Variable name="linkColor" description="Link Color" type="color"

default="#473624" value="#473624">

<Variable name="visitedLinkColor" description="Visited Link Color" type="color"

default="#956839" value="#956839">

<Variable name="pageHeaderColor" description="Blog Title Color" type="color"

default="#612e00" value="#612e00">

<Variable name="blogDescriptionColor" description="Blog Description Color"

type="color" default="#29303B" value="#29303B">

<Variable name="sidebarHeaderColor" description="Sidebar Title Color"

type="color"

default="#211104" value="#211104">



<Variable name="bodyFont" description="Text Font"

type="font"

default="normal normal 100% Georgia, Times New Roman,Sans-Serif;" value="normal normal 100% Georgia, Times New Roman,Sans-Serif;">

<Variable name="headerFont" description="Sidebar Title Font"

type="font"

default="normal normal 150% Georgia, Times New Roman,sans-serif" value="normal normal 150% Georgia, Times New Roman,sans-serif">



<Variable name="pageTitleFont" description="Blog Title Font"

type="font"

default="normal normal 225% Georgia, Times New Roman,sans-serif" value="normal normal 225% Georgia, Times New Roman,sans-serif">

<Variable name="blogDescriptionFont" description="Blog Description Font"

type="font"

default="italic normal 100% Georgia, Times New Roman, sans-serif" value="italic normal 100% Georgia, Times New Roman, sans-serif">

*/



/* Defaults

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

body {

margin:0;

padding:0;

font-size: small;

text-align:center;

color:$textColor;

line-height:1.3em;

background:#483521 url("http://www.blogblog.com/scribe/bg.gif") repeat;

}



blockquote {

font-style:italic;

padding:0 32px;

line-height:1.6;

margin:0 0 .6em 0;

}



p {

margin:0;

padding:0;

}



abbr, acronym {

cursor:help;

font-style:normal;

}



code {

font-size: 90%;

white-space:normal;

color:#666;

}



hr {display:none;}



img {border:0;}



/* Link styles */

a:link {

color:$linkColor;

text-decoration:underline;

}

a:visited {

color: $visitedLinkColor;

text-decoration:underline;

}

a:hover {

color: $visitedLinkColor;

text-decoration:underline;

}

a:active {

color: $visitedLinkColor;

}





/* Layout

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

#outer-wrapper {

background-color:#473624;

border-left:1px solid #332A24;

border-right:1px solid #332A24;

width:850px;

margin:0px auto;

padding:8px;

text-align:center;

font: $bodyFont;

}

#main-top {

width:850px;

height:55px;

background:#FFF3DB url("http://i61.photobucket.com/albums/h59/c_stavanger/blogger_mod/scribe_top.jpg") repeat-x top left;

margin:0px;

padding:0px;

display:block;

}

#main-bot {

width:850px;

height:43px;

background:#FFF3DB url("http://i61.photobucket.com/albums/h59/c_stavanger/blogger_mod/scribe_bottom.jpg") repeat-x top left;

margin:0;

padding:0;

display:block;

}

#wrap2 {

width:850px;

background:#FFF3DB url("http://img156.imageshack.us/img156/3676/scribebgax6.jpg") repeat-y;

margin: -14px 0px 0px 0px;

text-align:left;

display:block;

}



#wrap3 {

padding:0 50px;

}



.Header {



}



h1 {

margin:0;

padding:0 0 6px 0;

font: $pageTitleFont;

color: $pageHeaderColor;

}



h1 a:link {

text-decoration:none;

color: $pageHeaderColor;

}



h1 a:visited {

text-decoration:none;

}



h1 a:hover {

border:0;

text-decoration:none;

}

.Header .description {

margin:0;

padding:0;

line-height:1.5em;

color: $blogDescriptionColor;

font: $blogDescriptionFont;

}



#sidebar-wrapper {

clear:left;

}



#main {

width:430px;

float:left;

padding:8px 0;

margin:0 10px;

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 {

width:150px;

float:left;

padding:8px 0;

margin: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 */

}

#footer {

clear:both;

background:url("http://www.blogblog.com/scribe/divider.gif") no-repeat top left;

padding-top:10px;

_padding-top:6px; /* IE Windows target */

}

#footer p {

line-height:1.5em;

font-size:75%;

}



/* Typography :: Main entry

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

h2.date-header {

font-weight:normal;

text-transform:uppercase;

letter-spacing:.1em;

font-size:90%;

margin:0;

padding:0;

}

.post {

margin:8px 0 24px 0;

}

.post h3 {

font-weight:normal;

font-size:140%;

color:$postTitleColor;

margin:0;

padding:0;

}

.post h3 a {

color: $postTitleColor;

}

.post-body p {

line-height:1.5em;

margin:0 0 .6em 0;

}

.post-footer {

font-family: Verdana, sans-serif;

font-size:74%;

border-top:1px solid #BFB186;

padding-top:6px;

}



.post-footer a {

margin-right: 6px;

}



.post ul {

margin:0;

padding:0;

}

.post li {

line-height:1.5em;

list-style:none;

background:url("http://www.blogblog.com/scribe/list_icon.gif") no-repeat 0px .3em;

vertical-align:top;

padding: 0 0 .6em 17px;

margin:0;

}



.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;

}



/* Typography :: Sidebar

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

.sidebar h2 {

margin:0;

padding:0;

color:$sidebarHeaderColor;

font: $headerFont;

}

.sidebar h2 img {

margin-bottom:-4px;

}



.sidebar .widget {

font-size:86%;

margin:6px 0 12px 0;

padding:0;

line-height: 1.4em;

}



.sidebar ul li {

list-style: none;

margin:0;

}



.sidebar ul {

margin-left: 0;

padding-left: 0;

}



/* Comments

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

#comments {}

#comments h4 {

font-weight:normal;

font-size:120%;

color:#29303B;

margin:0;

padding:0;

}

#comments-block {

line-height:1.5em;

}

.comment-author {

background:url("http://www.blogblog.com/scribe/list_icon.gif") no-repeat 2px .35em;

margin:.5em 0 0;

padding:0 0 0 20px;

font-weight:bold;

}

.comment-body {

margin:0;

padding:0 0 0 20px;

}

.comment-body p {

font-size:100%;

margin:0 0 .2em 0;

}

.comment-footer {

color:#29303B;

font-size:74%;

margin:0 0 10px;

padding:0 0 .75em 20px;

}

.comment-footer a:link {

color:#473624;

text-decoration:underline;

}

.comment-footer a:visited {

color:#716E6C;

text-decoration:underline;

}

.comment-footer a:hover {

color:#956839;

text-decoration:underline;

}

.comment-footer a:active {

color:#956839;

text-decoration:none;

}

.deleted-comment {

font-style:italic;

color:gray;

}





/* Profile

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



#main .profile-data {

display:inline;

}



.profile-datablock, .profile-textblock {

margin:0 0 4px 0;

}

.profile-data {

margin:0;

padding:0 8px 0 0;

text-transform:uppercase;

letter-spacing:.1em;

font-size:90%;

color:#211104;

}

.profile-img {

float: left;

margin: 0 5px 5px 0;

border:1px solid #A2907D;

padding:2px;

}



#header .widget, #main .widget {

margin-bottom:12px;

padding-bottom:12px;

}



#header {

background:url("http://www.blogblog.com/scribe/divider.gif") no-repeat bottom left;

}



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

body#layout #outer-wrapper {

margin-top: 0;

padding-top: 0;

}



body#layout #wrap2,

body#layout #wrap3 {

margin-top: 0;

}



body#layout #main-top {

display:none;

}

]]></b:skin>

</head>



<body>

<div id='outer-wrapper'>



<div id='main-top'/> <!-- placeholder for image -->



<div id='wrap2'><div id='wrap3'>



<b:section class='header' id='header' maxwidgets='2' showaddelement='no'>

<b:widget id='Header1' locked='true' title='Test (Header)' type='Header'/>

</b:section>



<div class='sidebar'>

<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>



<b:section class='main' id='main' showaddelement='no'>

<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>

</b:section>



<div class='sidebar'>

<b:section class='sidebar' id='sidebar2' preferred='yes'>

<b:widget id='Text1' locked='false' title='Disclaimer' type='Text'/>

</b:section>



</div>



<div id='footer-wrapper'>

<b:section class='footer' id='footer'/>

</div>



</div></div>

<div id='main-bot'/> <!-- placeholder for image -->



</div>

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

</body>

</html>





Son of Moto




<?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="#ffffff" value="#ffffff">

<Variable name="mainTextColor" description="Text Color"

type="color" default="#555555" value="#555555">

<Variable name="pageHeaderColor" description="Blog Title Color"

type="color" default="#ffeeff" value="#ffeeff">

<Variable name="blogDescriptionColor" description="Blog Description Color"

type="color" default="#ffeeff" value="#ffeeff">

<Variable name="linkColor" description="Link Color"

type="color" default="#cc2288" value="#cc2288">

<Variable name="hoverLinkColor" description="Link Hover Color"

type="color" default="#ee88bb" value="#ee88bb">

<Variable name="dateHeaderColor" description="Date Header Color"

type="color" default="#555544" value="#555544">

<Variable name="sidebarHeaderColor" description="Sidebar Title Color"

type="color" default="#555544" value="#555544">

<Variable name="sidebarTextColor" description="Sidebar Text Color"

type="color" default="#555555" value="#555555">



<Variable name="bodyFont" description="Text Font" type="font"

default="normal normal 100% tahoma, 'Trebuchet MS', lucida, helvetica, sans-serif" value="normal normal 100% tahoma, 'Trebuchet MS', lucida, helvetica, sans-serif">

*/





/* Primary layout */



body {

margin: 0;

padding: 0;

border: 0;

text-align: center;

color: $mainTextColor;

background: #DA75B8 url(http://img221.imageshack.us/img221/3774/bgij3.jpg) top center repeat-y;

font-size: small;

}



img {

border: 0;

display: block;

}



.clear {

clear: both;

}

/* Wrapper */



#outer-wrapper {

margin: 0 auto;

border: 0;

width: 862px;

text-align: left;

background: $mainBgColor url(http://www.blogblog.com/moto_ms/innerwrap.gif) top right repeat-y;

font: $bodyFont;

}



/* Header */



#header-wrapper {

background: #e8b url(http://www.blogblog.com/moto_ms/headbotborder.gif) bottom left repeat-x;

margin: 0 auto;

padding: 0 0 15px 0;

border: 0;

}



#header h1 {

text-align: left;

font-size: 200%;

color: $pageHeaderColor;

margin: 0;

padding: 15px 20px 0 20px;

background-image: url(http://www.blogblog.com/moto_ms/topper.gif);

background-repeat: repeat-x;

background-position: top left;

}



h1 a, h1 a:link, h1 a:visited {

color: $pageHeaderColor;

}



#header .description {

font-size: 110%;

text-align: left;

padding: 3px 20px 10px 23px;

margin: 0;

line-height:140%;

color: $blogDescriptionColor;

}





/* Inner layout */



#content-wrapper {

padding: 0 16px;

}



#main {

width: 400px;

margin:0 10px 0 -10px;

float: left;

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 {

width: 195px;

float: left;

color: $sidebarTextColor;

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 */

}



/* Bottom layout */



#footer {

clear: left;

margin: 0;

padding: 0 20px;

border: 0;

text-align: left;

border-top: 1px solid #f9f9f9;

}



#footer .widget {

text-align: left;

margin: 0;

padding: 10px 0;

background-color: transparent;

}



/* Default links */



a:link, a:visited {

font-weight: bold;

text-decoration: none;

color: $linkColor;

background: transparent;

}



a:hover {

font-weight: bold;

text-decoration: underline;

color: $hoverLinkColor;

background: transparent;

}



a:active {

font-weight : bold;

text-decoration : none;

color: $hoverLinkColor;

background: transparent;

}



/* Typography */



.main p, .sidebar p {

line-height: 140%;

margin-top: 5px;

margin-bottom: 1em;

}



h2, h3, h4, h5 {

margin: 0;

padding: 0;

}



h2 {

font-size: 130%;

}



h2.date-header {

color: $dateHeaderColor;

}



.post h3 {

margin-top: 5px;

font-size: 120%;

}



.post-footer {

font-style: italic;

}



.sidebar h2 {

color: $sidebarHeaderColor;

}



.sidebar .widget {

margin: 12px 0 13px 0;

padding: 0;

}



.main .widget {

margin: 12px 0 0 0 ;

}



li {

line-height: 160%;

}



.sidebar ul {

margin-left: 0;

margin-top: 0;

padding-left: 0;

}



.sidebar ul li {

list-style: disc url(http://www.blogblog.com/moto_ms/diamond.gif) inside;

vertical-align: top;

padding: 0;

margin: 0;

}



.widget-content {

margin-top: 0.5em;

}





/* Profile

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



.profile-datablock {

margin: 3px 0 5px 0;

line-height: 140%;

}

.profile-textblock {

margin-left: 0;

}



.profile-img {

float: left;

margin: 0 5px 5px 0;

border:4px solid #8b2;



}







#comments {

border: 0;

border-top: 1px dashed #eed;

margin: 10px 0 0 0;

padding: 0;

}



#comments h4 {

margin-top: 10px;

margin-bottom: -10px;

font-weight: normal;

font-style: italic;

text-transform: uppercase;

letter-spacing: 1px;

}



#comments dl dt {

font-weight: bold;

font-style: italic;

margin-top: 35px;

padding: 1px 0 0 18px;

background: transparent url(http://www.blogblog.com/moto_ms/commentbug.gif) top left no-repeat;

}



#comments dl dd {

padding: 0;

margin: 0;

}



.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;

}



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



body#layout #outer-wrapper {

padding-top: 0;

}

body#layout #header,

body#layout #content-wrapper,

body#layout #footer {

padding: 0;

}

]]></b:skin>

</head>



<body>

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



<!-- skip links for text browsers -->

<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='Profile1' locked='false' title='About Me' type='Profile'/>

</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='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'/>

<b:widget id='LinkList1' locked='false' title='Links' type='LinkList'/>

</b:section>



</div>



<!-- spacer for skins that want sidebar and main to be the same height-->

<div class='clear'>&#160;</div>



</div> <!-- end content-wrapper -->



<div id='footer-wrapper'>

<b:section class='footer' id='footer'/>

</div>



</div>

</div> <!-- end outer-wrapper -->

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

</body>

</html>





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'>



<!-- skip links for text browsers -->

<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>



<!-- spacer for skins that want sidebar and main to be the same height-->

<div class='clear'>&#160;</div>



</div> <!-- end content-wrapper -->



<div id='footer-wrapper'>

<b:section class='footer' id='footer'/>

</div>



</div>

</div> <!-- end outer-wrapper -->

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

</body>

</html>





Thiswayblue




<?xml version="1.0" encoding="UTF-8" ?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>

<head>

<b:include data='blog' name='all-head-content'/>

<title><data:blog.pageTitle/></title>

<b:skin><![CDATA[

/* Variable definitions

====================

<Variable name="textColor" description="Text Color"

type="color" default="#204063" value="#204063">

<Variable name="blogTitleColor" description="Blog Title Color"

type="color" default="#eef6fe" value="#eef6fe">

<Variable name="blogDescriptionColor" description="Blog Description Color"

type="color" default="#eef6fe" value="#eef6fe">

<Variable name="postTitleColor" description="Post Title Color"

type="color" default="#477fba" value="#477fba">

<Variable name="dateHeaderColor" description="Date Header Color"

type="color" default="#8facc8" value="#8facc8">

<Variable name="sidebarHeaderColor" description="Sidebar Title Color"

type="color" default="#809fbd" value="#809fbd">

<Variable name="mainLinkColor" description="Link Color"

type="color" default="#4386ce" value="#4386ce">

<Variable name="mainVisitedLinkColor" description="Visited Link Color"

type="color" default="#2462a5" value="#2462a5">

<Variable name="sidebarLinkColor" description="Sidebar Link Color"

type="color" default="#599be2" value="#599be2">

<Variable name="sidebarVisitedLinkColor"

description="Sidebar Visited Link Color"

type="color" default="#3372b6" value="#3372b6">



<Variable name="bodyFont" description="Text Font"

type="font" default="normal normal 100% Helvetica,Arial,Verdana,'Trebuchet MS', Sans-serif" value="normal normal 100% Helvetica,Arial,Verdana,'Trebuchet MS', Sans-serif">

<Variable name="headerFont" description="Sidebar Title Font"

type="font"

default="normal bold 100% Helvetica,Arial,Verdana,'Trebuchet MS', Sans-serif" value="normal bold 100% Helvetica,Arial,Verdana,'Trebuchet MS', Sans-serif">

<Variable name="pageTitleFont" description="Blog Title Font"

type="font"

default="normal bold 200% Helvetica,Arial,Verdana,'Trebuchet MS', Sans-serif" value="normal bold 200% Helvetica,Arial,Verdana,'Trebuchet MS', Sans-serif">

<Variable name="blogDescriptionFont" description="Blog Description Font"

type="font"

default="normal normal 80% Helvetica,Arial,Verdana,'Trebuchet MS', Sans-serif" value="normal normal 80% Helvetica,Arial,Verdana,'Trebuchet MS', Sans-serif">

*/





/* global

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

body {

margin: 0;

text-align: center;

min-width: 900px;

background: #4386ce url(http://www.blogblog.com/thisaway_blue/bg_body.gif) repeat-x left top;

color: $textColor;

font-size: small;

}



blockquote {

margin: 0;

padding: 0 10px 0 10px;

border-left: 6px solid #d8e7f78;

border-right: 6px solid #d8e7f7;

color: $postTitleColor;

}



code {

color: $postTitleColor;

}



hr {

display: none;

}





/* layout

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

#outer-wrapper {

margin: 0 auto;

width: 900px;

text-align: left;

font: $bodyFont;

}



#header-wrapper {

padding-bottom: 15px;

background: url(http://img78.imageshack.us/img78/8347/backxm0.jpg) no-repeat left bottom;

}



#header {

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

}



#content-wrapper {

position: relative;

width: 900px;

background: #152F4A url(http://i61.photobucket.com/albums/h59/c_stavanger/thisaway-blue-back.jpg) repeat-y left top;

}



#main-wrapper {

display: inline; /* fixes a strange ie margin bug */

float: left;

margin: 0 2px;

padding: 0;

width: 480px;

word-wrap: break-word; /* fix for long text breaking sidebar float in IE */

overflow: hidden; /* fix for long non-text content breaking IE sidebar float */

}



#main {

padding: 22px 8px 0 8px;

background: url(http://www.blogblog.com/thisaway_blue/bg_content.gif) repeat-x left top;

}



.post {

margin: 0 8px 14px 21px;

padding: 0;

border-bottom: 3px solid #f7e8d8;

}



#comments {

margin: 0 16px 14px 29px;

padding: 10px;

border: 1px solid #f0e0ce;

background-color: #f5ede4;

}



.sidebar-wrapper {

display: inline; /* fixes a strange ie margin bug */

float: left;

margin: 0 3px;

width: 200px;

color: $textColor;

line-height: 1.4em;

font-size: 90%;

background: url(http://www.blogblog.com/thisaway_blue/bg_sidebar.gif) repeat-x right top;

word-wrap: break-word; /* fix for long text breaking sidebar float in IE */

overflow: hidden; /* fix for long non-text content breaking IE sidebar float */

}



.sidebar {

padding: 7px 11px 0 14px;

background: url(http://www.blogblog.com/thisaway_blue/bg_sidebar_arrow.gif) repeat-y right top;

}



.sidebar .widget {

margin-bottom: 20px;

}





#footer-wrapper {

padding-top: 15px;

background: url(http://img184.imageshack.us/img184/1713/backgb4.jpg) no-repeat left top;

clear: both;

}



#footer {

background: #152F4A;

text-align: center;

min-height: 2em;

}



/* headings

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



#header h1 {

margin: 0;

padding: 24px 0 0 84px;

background: url(http://www.blogblog.com/thisaway_blue/icon_header.gif) no-repeat 16px 26px;

}



h2.date-header {

margin: 0;

padding: 0 0 0 29px;

text-transform: uppercase;

color: $dateHeaderColor;

background: url(http://www.blogblog.com/thisaway_blue/icon_date.gif) no-repeat 13px 0;

font-size: 80%;

font-weight: normal;

}



.date-header span {

margin: 0 0 0 5px;

padding: 0 25px 0 25px;

background: url(http://www.blogblog.com/thisaway_blue/bg_date.gif) no-repeat 0 0;

}



.sidebar h2 {

padding: 1px 0 0 36px;

color: $sidebarHeaderColor;

background: url(http://www.blogblog.com/thisaway_blue/icon_sidebar_heading.gif) no-repeat 0 45%;

font: $headerFont;

}



.sidebar .Profile h2 {

color: #957252;

background: url(http://www.blogblog.com/thisaway_blue/icon_sidebar_profileheading.gif) no-repeat 0 45%;

}



.post h3 {

margin: 13px 0 13px 0;

padding: 0;

color: $postTitleColor;

font-size: 140%;

}



.post h3 a, .post h3 a:visited {

color: $postTitleColor;

}



#comments h4 {

margin-top: 0;

font-size: 120%;

}





/* text

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



#header h1 {

color: $blogTitleColor;

font: $pageTitleFont;

}



#header .description {

margin: 0;

padding: 7px 16px 0 84px;

color: $blogDescriptionColor;

font: $blogDescriptionFont;

}



.post-body p {

line-height: 1.4em;

/* Fix bug in IE5/Win with italics in posts */

margin: 0;

height: 1%;

overflow: visible;

}



.post-footer {

font-size: 80%;

color: $dateHeaderColor;

}



.uncustomized-post-template .post-footer {

text-align: right;

}



.uncustomized-post-template .post-footer .post-author,

.uncustomized-post-template .post-footer .post-timestamp {

display: block;

float: left;

text-align: left;

margin-right: 4px;

}



p.comment-author {

font-size: 83%;

}



.deleted-comment {

font-style:italic;

color:gray;

}



.comment-body p {

line-height: 1.4em;

}



.feed-links {

clear: both;

line-height: 2.5em;

margin-bottom: 0.5em;

margin-left: 29px;

}



#footer .widget {

margin: 0;

padding: 0 0 15px 55px;

color: #fef6ee;

font-size: 90%;

line-height: 1.4em;

background: url(http://www.blogblog.com/thisaway_blue/icon_footer.gif) no-repeat 16px 0;

}





/* lists

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



.post ul {

padding-left: 32px;

list-style-type: none;

line-height: 1.4em;

}



.post li {

padding: 0 0 4px 17px;

background: url(http://www.blogblog.com/thisaway_blue/icon_list_item.gif) no-repeat 0 3px;

}



#comments ul {

margin: 0;

padding: 0;

list-style-type: none;

}



#comments li {

padding: 0 0 1px 17px;

background: url(http://www.blogblog.com/thisaway_blue/icon_comment.gif) no-repeat 0 3px;

}



.sidebar ul {

padding: 0;

list-style-type: none;

line-height: 1.2em;

margin-left: 0;

}



.sidebar li {

padding: 0 0 4px 17px;

background: url(http://www.blogblog.com/thisaway_blue/icon_list_item.gif) no-repeat 0 3px;

}



#blog-pager-newer-link {

float: left;

margin-left: 29px;

}



#blog-pager-older-link {

float: right;

margin-right: 16px;

}



#blog-pager {

text-align: center;

}



/* links

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

a {

color: $mainLinkColor;

font-weight: bold;

}



a:hover {

color: $mainVisitedLinkColor;

}



a.comment-link {

/* ie5.0/win doesn't apply padding to inline elements,

so we hide these two declarations from it */

background/* */:/**/url(http://www.blogblog.com/thisaway_blue/icon_comment.gif) no-repeat 0 45%;

padding-left: 14px;

}



html>body a.comment-link {

/* respecified, for ie5/mac's benefit */

background: url(http://www.blogblog.com/thisaway_blue/icon_comment.gif) no-repeat 0 45%;

padding-left: 14px;

}



.sidebar a {

color: $sidebarLinkColor;

}



.sidebar a:hover {

color: $sidebarVisitedLinkColor;

}





#header h1 a {

color: $blogTitleColor;

text-decoration: none;

}



#header h1 a:hover {

color: #d9c6b4;

}



.post h3 a {

text-decoration: none;

}



a img {

border-width: 0;

}



.clear {

clear: both;

line-height: 0;

height: 0;

}



.profile-textblock {

clear: both;

margin-bottom: 10px;

margin-left: 0;

}



.profile-img {

float: left;

margin: 0 5px 5px 0;

padding: 3px;

border: 1px solid #ebd4bd;

}



.profile-link {

padding: 0 0 0 17px;

background: url(http://www.blogblog.com/thisaway_blue/icon_profile.gif) no-repeat 0 0;

}



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



body#layout #main,

body#layout #sidebar {

padding: 0;

}

]]></b:skin>

</head>



<body>

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



<!-- skip links for text browsers -->

<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>



<!-- spacer for skins that want sidebar and main to be the same height-->

<div class='clear'>&#160;</div>



</div> <!-- end content-wrapper -->



<div id='footer-wrapper'>

<b:section class='footer' id='footer'/>

</div>



</div>

</div> <!-- end outer-wrapper -->

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

</body>

</html>





Tictac




<?xml version="1.0" encoding="UTF-8" ?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>

<head>

<b:include data='blog' name='all-head-content'/>

<title><data:blog.pageTitle/></title>

<b:skin><![CDATA[



/* Variable definitions

====================



<Variable name="textcolor" description="Text Color"

type="color" default="#333" value="#333333">



<Variable name="pagetitlecolor" description="Page Header Color"

type="color" default="#FFF" value="#FFFFFF">



<Variable name="datecolor" description="Date Header Color"

type="color" default="#f93" value="#ff9933">



<Variable name="titlecolor" description="Post Title Color"

type="color" default="#f63" value="#ff6633">



<Variable name="footercolor" description="Post Footer Color"

type="color" default="#999" value="#999999">



<Variable name="sidebartextcolor" description="Sidebar Text Color"

type="color" default="#999" value="#999999">



<Variable name="sidebarcolor" description="Sidebar Title Color"

type="color" default="#666" value="#666666">



<Variable name="linkcolor" description="Link Color"

type="color" default="#69c" value="#6699cc">



<Variable name="visitedlinkcolor" description="Visited Link Color"

type="color" default="#666699" value="#666699">



<Variable name="bodyfont" description="Text Font"

type="font"

default="normal normal 100% Verdana, sans-serif" value="normal normal 100% Verdana, sans-serif">



<Variable name="pagetitlefont" description="Page Header Font"

type="font" default="normal normal 100% 'Lucida Grande','Trebuchet MS'" value="normal normal 100% 'Lucida Grande','Trebuchet MS'">



<Variable name="titlefont" description="Post Title Font"

type="font" default="normal bold 130% 'Lucida Grande','Trebuchet MS'" value="normal bold 130% 'Lucida Grande','Trebuchet MS'">



<Variable name="sidebarheaderfont" description="Sidebar Title Font"

type="font" default="normal bold 130% 'Lucida Grande','Trebuchet MS'" value="normal bold 130% 'Lucida Grande','Trebuchet MS'">

*/



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



body {

margin: 0;

padding: 0;

font-size: small;

text-align: center;

color: $textcolor;

background: #e0e0e0;

}



blockquote {

margin: 0 0 0 30px;

padding: 10px 0 0 20px;

font-size: 88%;

line-height: 1.5em;

color: #666;

background: url(http://www.blogblog.com/tictac/quotes.gif) no-repeat top left;

}



blockquote p {

margin-top: 0;

}



abbr, acronym {

cursor: help;

font-style: normal;

border-bottom: 1px dotted;

}



code {

color: #f63;

}



hr {

display: none;

}



img {

border: none;

}



/* unordered list style */



ul {

list-style: none;

margin-left: 10px;

padding: 0;

}



li {

list-style: none;

padding-left: 14px;

margin-bottom: 3px;

background: url(http://www.blogblog.com/tictac/tictac_orange.gif) no-repeat 0 6px;

}



/* links */



a:link {

color: $linkcolor;

}



a:visited {

color: $visitedlinkcolor;

}



a:hover {

color: #693;

}



a:active {

color: #cc3333;

text-decoration: none;

}



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



#outer-wrapper {

width: 880px;

margin: 0px auto 0;

text-align: left;

font: $bodyfont;

}



#content-wrapper {

width: 860px;

padding:0 0px 0 9px;

background: url(http://img102.imageshack.us/img102/9325/bgle3.jpg) repeat-y;

}



#main {

float: left;

width: 429px;

margin: 20px 0 0 0;

padding: 0 2px 0 1em;

line-height: 1.5em;

word-wrap: break-word; /* fix for long text breaking sidebar float in IE */

overflow: hidden; /* fix for long non-text content breaking IE sidebar float */

}



.sidebar {

float: left;

width: 200px;

padding: 20px 0px 0 0;

margin:0;

font-size: 85%;

line-height: 1.4em;

color: $sidebartextcolor;

background: url(http://www.blogblog.com/tictac/sidebar_bg.gif) no-repeat 0 0;

word-wrap: break-word; /* fix for long text breaking sidebar float in IE */

overflow: hidden; /* fix for long non-text content breaking IE sidebar float */

}





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



#header-wrapper {

margin: 0 0 0 -10px;

padding: 0;

font: $pagetitlefont;

background: #e0e0e0 url(http://img148.imageshack.us/img148/2183/bgyo9.jpg) no-repeat 0px 0px;

}



#header {

margin: 0;

padding: 25px 60px 35px 160px;

color: $pagetitlecolor;

background: url(http://img145.imageshack.us/img145/6433/bgnv2.jpg) no-repeat bottom left;

}



#header h1 {

font-size: 200%;

text-shadow: #81A75B 2px 2px 2px;

}



#header h1 a {

text-decoration: none;

color: $pagetitlecolor;

}



#header h1 a:hover {

color: #eee;

}



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



h2.date-header {

margin-top: 0;

padding-left: 14px;

font-size: 90%;

color: $datecolor;

background: url(http://www.blogblog.com/tictac/date_icon.gif) no-repeat 0 50%;

}



.post h3 {

margin-top: 0;

font: $titlefont;

letter-spacing: -1px;

color: $titlecolor;

}



.post {

margin: 0 0 1.5em 0;

padding: 0 0 1.5em 14px;

border-bottom: 1px solid #ddd;

}



.post h3 a,

.post h3 a:visited {

color: $titlecolor;

text-decoration: none;

}



.post-footer {

margin: 0;

padding: 0 0 0 14px;

font-size: 88%;

color: $footercolor;

background: url(http://www.blogblog.com/tictac/tictac_grey.gif) no-repeat 0 8px;

}



.post img {

padding: 6px;

border-top: 1px solid #ddd;

border-left: 1px solid #ddd;

border-bottom: 1px solid #c0c0c0;

border-right: 1px solid #c0c0c0;

}



.feed-links {

clear: both;

line-height: 2.5em;

}



#blog-pager-newer-link {

float: left;

}



#blog-pager-older-link {

float: right;

}



#blog-pager {

text-align: center;

}



/* comment styles */



#comments {

padding-top: 10px;

font-size: 85%;

line-height: 1.5em;

color: #666;

background: #eee url(http://www.blogblog.com/tictac/comments_curve.gif) no-repeat top left;

}



#comments h4 {

margin: 20px 0 15px 0;

padding: 8px 0 0 40px;

font-family: "Lucida Grande", "Trebuchet MS";

font-size: 130%;

color: #666;

background: url(http://www.blogblog.com/tictac/bubbles.gif) no-repeat 10px 0;

height: 29px !important; /* for most browsers */

height /**/:37px; /* for IE5/Win */

}



#comments ul {

margin-left: 0;

}



#comments li {

background: none;

padding-left: 0;

}



.comment-body {

padding: 0 10px 0 25px;

background: url(http://www.blogblog.com/tictac/tictac_orange.gif) no-repeat 10px 5px;

}



.comment-body p {

margin-bottom: 0;

}



.comment-author {

margin: 4px 0 0 0;

padding: 0 10px 0 60px;

color: #999;

background: url(http://www.blogblog.com/tictac/comment_arrow.gif) no-repeat 44px 2px;

}



.comment-footer {

border-bottom: 1px solid #ddd;

padding-bottom: 1em;

}





.deleted-comment {

font-style:italic;

color:gray;

}



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



.sidebar h2 {

margin: 0 0 0 0;

padding: 25px 0 0 40px;

font: $sidebarheaderfont;

color: $sidebarcolor;

height: 32px;

background: url(http://www.blogblog.com/tictac/sidebar_icon.gif) no-repeat 10px 15px;

height: 32px !important; /* for most browsers */

height /**/:57px; /* for IE5/Win */

}



.sidebar .widget {

margin: 0;

padding: 0 0 10px 10px;

border-bottom: 1px solid #ddd;

}



.sidebar li {

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

}



.profile-textblock {

clear: both;

margin-left: 0;

}



.profile-img {

float: left;

margin: 0 5px 5px 0;

border: 1px solid #ddd;

padding: 4px;

}



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



.clear { /* to fix IE6 padding-top issue */

clear: both;

}



#footer-wrapper {

margin: 0 0 0 -10px;

padding: 0 0 10px 0;

font-size: 85%;

color: #ddd;

background: url(http://img183.imageshack.us/img183/4679/bgts9.jpg) no-repeat bottom left;

}



#footer {

margin: 0;

padding: 20px 320px 20px 95px;

background: url(http://img207.imageshack.us/img207/4094/bgkb1.jpg) no-repeat top left;

}





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

body#layout #outer-wrapper,

body#layout #main,

body#layout #sidebar {

padding-top: 0;

margin-top: 0;

}



body#layout #outer-wrapper,

body#layout #content-wrapper {

width: 740px;

}



body#layout #sidebar {

margin-right: 0;

margin-bottom: 1em;

}



body#layout #header,

body#layout #footer,

body#layout #main {

padding: 0;

}



body#layout #content-wrapper {

margin: 0px;

}

]]></b:skin>

</head>



<body>

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



<!-- skip links for text browsers -->

<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>



<!-- spacer for skins that want sidebar and main to be the same height-->

<div class='clear'>&#160;</div>



</div> <!-- end content-wrapper -->



<div id='footer-wrapper'>

<b:section class='footer' id='footer'/>

</div>



</div>

</div> <!-- end outer-wrapper -->

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

</body>

</html>





Tictac Blue




<?xml version="1.0" encoding="UTF-8" ?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>

<head>

<b:include data='blog' name='all-head-content'/>

<title><data:blog.pageTitle/></title>

<b:skin><![CDATA[

/* Variable definitions

====================



<Variable name="textcolor" description="Text Color"

type="color" default="#333" value="#333333">



<Variable name="pagetitlecolor" description="Page Header Color"

type="color" default="#FFF" value="#FFFFFF">



<Variable name="datecolor" description="Date Header Color"

type="color" default="#999999" value="#999999">



<Variable name="titlecolor" description="Post Title Color"

type="color" default="#993333" value="#993333">



<Variable name="footercolor" description="Post Footer Color"

type="color" default="#999" value="#999999">



<Variable name="sidebartextcolor" description="Sidebar Text Color"

type="color" default="#999" value="#999999">



<Variable name="sidebarcolor" description="Sidebar Title Color"

type="color" default="#666" value="#666666">



<Variable name="linkcolor" description="Link Color"

type="color" default="#69c" value="#6699cc">



<Variable name="visitedlinkcolor" description="Visited Link Color"

type="color" default="#666699" value="#666699">



<Variable name="bodyfont" description="Text Font"

type="font"

default="normal normal 100% Verdana, sans-serif" value="normal normal 100% Verdana, sans-serif">



<Variable name="pagetitlefont" description="Page Header Font"

type="font" default="normal normal 100% 'Lucida Grande','Trebuchet MS'" value="normal normal 100% 'Lucida Grande','Trebuchet MS'">



<Variable name="titlefont" description="Post Title Font"

type="font" default="normal bold 130% 'Lucida Grande','Trebuchet MS'" value="normal bold 130% 'Lucida Grande','Trebuchet MS'">



<Variable name="sidebarheaderfont" description="Sidebar Title Font"

type="font" default="normal bold 130% 'Lucida Grande','Trebuchet MS'" value="normal bold 130% 'Lucida Grande','Trebuchet MS'">

*/





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



body {

margin: 0;

padding: 0;

font-size: small;

text-align: center;

color: $textcolor;

background: #e0e0e0;

}



blockquote {

margin: 0 0 0 30px;

padding: 10px 0 0 20px;

font-size: 88%;

line-height: 1.5em;

color: #666;

background: url(http://www.blogblog.com/tictac_blue/quotes.gif) no-repeat top left;

}



blockquote p {

margin-top: 0;

}



abbr, acronym {

cursor: help;

font-style: normal;

border-bottom: 1px dotted;

}



code {

color: #f63;

}



hr {

display: none;

}



img {

border: none;

}



/* unordered list style */



ul {

list-style: none;

margin-left: 10px;

padding: 0;

}



li {

list-style: none;

padding-left: 14px;

margin-bottom: 3px;

background: url(http://www.blogblog.com/tictac_blue/tictac_blue_orange.gif) no-repeat 0 6px;

}



/* links */



a:link {

color: $linkcolor;

}



a:visited {

color: $visitedlinkcolor;

}



a:hover {

color: #693;

}



a:active {

color: #cc3333;

text-decoration: none;

}



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



#outer-wrapper {

width: 880px;

margin: 0px auto 0;

text-align: left;

font: $bodyfont;

}



#content-wrapper {

width: 860px;

padding:0 0px 0 9px;

background: url(http://img102.imageshack.us/img102/9325/bgle3.jpg) repeat-y;

}



#main {

float: left;

width: 429px;

margin: 20px 0 0 0;

padding: 0 2px 0 1em;

line-height: 1.5em;

word-wrap: break-word; /* fix for long text breaking sidebar float in IE */

overflow: hidden; /* fix for long non-text content breaking IE sidebar float */

}



.sidebar {

float: left;

width: 200px;

padding: 20px 0px 0 0;

margin:0;

font-size: 85%;

line-height: 1.4em;

color: $sidebartextcolor;

background: url(http://www.blogblog.com/tictac_blue/sidebar_bg.gif) no-repeat 0 0;

word-wrap: break-word; /* fix for long text breaking sidebar float in IE */

overflow: hidden; /* fix for long non-text content breaking IE sidebar float */

}





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



#header-wrapper {

margin: 0 0 0 -10px;

padding: 0;

font: $pagetitlefont;

background: #e0e0e0 url(http://img183.imageshack.us/img183/7648/bgaz0.jpg) no-repeat 0px 0px;

}



#header {

margin: 0;

padding: 25px 60px 35px 160px;

color: $pagetitlecolor;

background: url() no-repeat bottom left;

}



#header h1 {

font-size: 200%;

text-shadow: #81A75B 2px 2px 2px;

}



#header h1 a {

text-decoration: none;

color: $pagetitlecolor;

}



#header h1 a:hover {

color: #eee;

}



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



h2.date-header {

margin-top: 0;

padding-left: 14px;

font-size: 90%;

color: $datecolor;

background: url(http://www.blogblog.com/tictac_blue/date_icon_blue.gif) no-repeat 0 50%;

}



.post h3 {

margin-top: 0;

font: $titlefont;

letter-spacing: -1px;

color: $titlecolor;

}



.post {

margin: 0 0 1.5em 0;

padding: 0 0 1.5em 14px;

border-bottom: 1px solid #ddd;

}



.post h3 a,

.post h3 a:visited {

color: $titlecolor;

text-decoration: none;

}



.post-footer {

margin: 0;

padding: 0 0 0 14px;

font-size: 88%;

color: $footercolor;

background: url(http://www.blogblog.com/tictac_blue/tictac_blue.gif) no-repeat 0 8px;

}



.post img {

padding: 6px;

border-top: 1px solid #ddd;

border-left: 1px solid #ddd;

border-bottom: 1px solid #c0c0c0;

border-right: 1px solid #c0c0c0;

}



.feed-links {

clear: both;

line-height: 2.5em;

}



#blog-pager-newer-link {

float: left;

}



#blog-pager-older-link {

float: right;

}



#blog-pager {

text-align: center;

}



/* comment styles */



#comments {

padding-top: 10px;

font-size: 85%;

line-height: 1.5em;

color: #666;

background: #eee url(http://www.blogblog.com/tictac_blue/comments_curve.gif) no-repeat top left;

}



#comments h4 {

margin: 20px 0 15px 0;

padding: 8px 0 0 40px;

font-family: "Lucida Grande", "Trebuchet MS";

font-size: 130%;

color: #666;

background: url(http://www.blogblog.com/tictac_blue/bubbles.gif) no-repeat 10px 0;

height: 29px !important; /* for most browsers */

height /**/:37px; /* for IE5/Win */

}



#comments ul {

margin-left: 0;

}



#comments li {

background: none;

padding-left: 0;

}



.comment-body {

padding: 0 10px 0 25px;

background: url(http://www.blogblog.com/tictac_blue/tictac_blue.gif) no-repeat 10px 5px;

}



.comment-body p {

margin-bottom: 0;

}



.comment-author {

margin: 4px 0 0 0;

padding: 0 10px 0 60px;

color: #999;

background: url(http://www.blogblog.com/tictac_blue/comment_arrow.gif) no-repeat 44px 2px;

}



.comment-footer {

border-bottom: 1px solid #ddd;

padding-bottom: 1em;

}





.deleted-comment {

font-style:italic;

color:gray;

}



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



.sidebar h2 {

margin: 0 0 0 0;

padding: 25px 0 0 40px;

font: $sidebarheaderfont;

color: $sidebarcolor;

height: 32px;

background: url(http://www.blogblog.com/tictac_blue/sidebar_icon.gif) no-repeat 10px 15px;

height: 32px !important; /* for most browsers */

height /**/:57px; /* for IE5/Win */

}



.sidebar .widget {

margin: 0;

padding: 0 0 10px 10px;

border-bottom: 1px solid #ddd;

}



.sidebar li {

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

}



.profile-textblock {

clear: both;

margin-left: 0;

}



.profile-img {

float: left;

margin: 0 5px 5px 0;

border: 1px solid #ddd;

padding: 4px;

}



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



.clear { /* to fix IE6 padding-top issue */

clear: both;

}



#footer-wrapper {

margin: 0 0 0 -10px;

padding: 0 0 10px 0;

font-size: 85%;

color: #ddd;

background: url(http://img183.imageshack.us/img183/4679/bgts9.jpg) no-repeat bottom left;

}



#footer {

margin: 0;

padding: 20px 320px 20px 95px;

background: url(http://img207.imageshack.us/img207/4094/bgkb1.jpg) no-repeat top left;

}





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

body#layout #outer-wrapper,

body#layout #main,

body#layout #sidebar {

padding-top: 0;

margin-top: 0;

}



body#layout #outer-wrapper,

body#layout #content-wrapper {

width: 740px;

}



body#layout #sidebar {

margin-right: 0;

margin-bottom: 1em;

}



body#layout #header,

body#layout #footer,

body#layout #main {

padding: 0;

}



body#layout #content-wrapper {

margin: 0px;

}

]]></b:skin>

</head>



<body>

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



<!-- skip links for text browsers -->

<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>



<!-- spacer for skins that want sidebar and main to be the same height-->

<div class='clear'>&#160;</div>



</div> <!-- end content-wrapper -->



<div id='footer-wrapper'>

<b:section class='footer' id='footer'/>

</div>



</div>



</div> <!-- end outer-wrapper -->

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

</body>

</html>




Share/Bookmark

2 comments:

  1. ടെംപ്ലേറ്റ്‌ കോഡ്‌ കോപ്പി ചെയ്യാന്‍ ബുദ്ധിമുട്ടുന്നു. XML ഫയല്‍ ആക്കി ഡൌണ്‍ലോഡ്‌ ലിങ്ക്‌ കൊടുത്തുകൂടെ. അല്ലെങ്കില്‍ select ബട്ടണെങ്കിലും ഓരോ ടെംപ്ലേറ്റിനു മുകളിലും കൊടുക്കണം.

    ReplyDelete
  2. ആവശ്യമുള്ള code തിരഞ്ഞെടുത്തതിനു ശേഷം html code തുടങ്ങുന്ന ഭാഗത്ത് മൌസ് കഴ്സര്‍ വച്ച് മൌസിന്റെ ഇടതുവശത്തെ ബട്ടന്‍ അമര്‍ത്തിപ്പിടിച്ചുകൊണ്ടു കഴ്സറിനെ താഴേക്കു വലിക്കുക.( drag ചെയ്യുക ).ഇപ്പോള്‍ html കോഡ് select ചെയ്യപ്പെട്ടിരിക്കും .ഇനി കീബോര്‍ഡില്‍ ctrl+c അമര്‍ത്തിയാല്‍ select ആയ കോഡ് കോപ്പി ചെയ്യപ്പെടും.പേസ്റ്റു ചെയ്യേണ്ടിടത്ത് ചെന്നു ctrl+v അമര്‍ത്തിയാല്‍ കോഡ് അവിടെ പേസ്റ്റ് ചെയ്യപ്പെടും.

    ReplyDelete





INFORMATION TECHNOLOGY ACT - 2000

Varshamohini BLOG
"Click here to Varshamohini" ...

Free 3 Column Blogger Templates...Click Here...

.
www.malayalamscrap.com Go To www.malayalamscrap.com
.


Website
Directory



മൈക്രോസോഫ്ട്‌ - നെറ്റ് വര്‍ക്കിംഗ്‌ സംബന്ധമായ നിങ്ങളുടെ സംശയങ്ങള്‍ ഇവിടെ കമന്റ്‌ ചെയ്യാം





Copyright of this blog and its contents is reserved. Copying contents of this blog is not permitted without prior written permission of its owner

Thanks For Visit