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

താഴെ കാണുന്ന സ്ക്രോള്‍ ബോക്സിലുള്ള കോഡ് കോപ്പി ചെയ്തു , നിങ്ങളുടെ ബ്ലോഗിന്റെ H T M L എഡിറ്റ് കോളത്തില്‍ പേസ്റ്റ് ചെയ്യുക..

നിങ്ങള്‍ കണ്ടിരിക്കാനിടയുള്ള മറ്റുപല ടെമ്പ്ലേറ്റ്കളിലും സൈന്‍-ഇന്‍ ടാബ് ഉണ്ടാവാറില്ല (Navigation Bar) .ഇവിടെ കാണുന്ന ടെമ്പ്ലേറ്റ്കളില്‍ എല്ലാം ബ്ലോഗ് സൈന്‍-ഇന്‍ ചെയ്യാനുള്ള ടാബ് ഉണ്ട്.

മറ്റൊരു 3 കോളം ടെമ്പ്ലേറ്റ് കൂടി.....

മറ്റൊരു 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 expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>

<b:skin><![CDATA[

/* ************ START OF CSS STYLING ************ */

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

Design by: Mullookkaaran; September 2008

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

/* Variable definitions
========================
<Variable name="bodybgColor" description="Body Background Color"
type="color" default="#FFBBE8" value="#808080">
<Variable name="blogframeColor" description="Blog Background Color"
type="color" default="#800040" value="#000000">
<Variable name="blogBorderColor" description="Blog Border Color"
type="color" default="#800040" value="#3D81EE">
<Variable name="headerbgColor" description="Header Background Color"
type="color" default="#ffffff" value="#006699">
<Variable name="headerBorderColor" description="Header Border Color"
type="color" default="#800040" value="#e6ee3d">
<Variable name="blogTitleColor" description="Blog Title Color"
type="color" default="#800040" value="#ffffff">
<Variable name="blogDescriptionColor" description="Blog Description Color"
type="color" default="#800040" value="#ffffff">

<Variable name="linkbarbgColor" description="Linkbar Background Color"
type="color" default="#C94093" value="#000000">
<Variable name="linkbarmainBorderColor" description="Linkbar Main Border Color"
type="color" default="#C94093" value="#666666">
<Variable name="linkbarBorderColor" description="Linkbar Border Color"
type="color" default="#9D1961" value="#ffffff">
<Variable name="linkbarTextColor" description="Linkbar Text Color"
type="color" default="#ffffff" value="#ffffff">
<Variable name="linkbarHoverBgColor" description="Linkbar Hover Background Color"
type="color" default="#ffffff" value="#3deec3">
<Variable name="linkbarHoverTextColor" description="Linkbar Hover Text Color"
type="color" default="#9D1961" value="#ffffff">
<Variable name="middlebarbgColor" description="Middlebar Background Color"
type="color" default="#ffffff" value="#ffffff">

<Variable name="contentbgColor" description="Content Background Color"
type="color" default="#ffffff" value="#ffffff">
<Variable name="contentBorderColor" description="Content Border Color"
type="color" default="#9D1961" value="#3deec3">
<Variable name="postbgColor" description="Post Background Color"
type="color" default="#ffffff" value="#ffffff">
<Variable name="postBorderColor" description="Post Border Color"
type="color" default="#ffffff" value="#cc0000">
<Variable name="postTitleColor" description="Post Title Color"
type="color" default="#000000" value="#cc0000">
<Variable name="posttitlebgColor" description="Post Title Background Color"
type="color" default="#000000" value="#ffffff">
<Variable name="posttitleBorderColor" description="Post Title Border Color"
type="color" default="#000000" value="#000000">
<Variable name="dateHeaderColor" description="Date Header Color"
type="color" default="#000000" value="#6131BD">
<Variable name="textColor" description="Text Color"
type="color" default="#191919" value="#000000">
<Variable name="mainLinkColor" description="Main Link Color"
type="color" default="#333333" value="#000000">
<Variable name="mainHoverLinkColor" description="Main Hover Link Color"
type="color" default="#9D1961" value="#7D849E">
<Variable name="mainVisitedLinkColor" description="Main Visited Link Color"
type="color" default="#9D1961" value="#86AA3F">
<Variable name="blockquotebgColor" description="Blockquote Background Color"
type="color" default="#191919" value="#f8ffa9">
<Variable name="blockquoteBorderColor" description="Blockquote Border Color"
type="color" default="#191919" value="#C2CD43">
<Variable name="blockQuoteColor" description="Blockquote Color"
type="color" default="#191919" value="#86AA3F">
<Variable name="codeTextColor" description="Code Text Color"
type="color" default="#660000" value="#86AA3F">
<Variable name="imagebgColor" description="Photo Background Color"
type="color" default="#f5f5f5" value="#f8ffa9">
<Variable name="imageBorderColor" description="Photo Border Color"
type="color" default="#f5f5f5" value="#c2cd43">

<Variable name="postfooterBgColor" description="Postfooter Background Color"
type="color" default="#b8659C" value="#fbffc9">
<Variable name="postfooterBorderColor" description="Postfooter Border Color"
type="color" default="#b8659C" value="#C2CD43">
<Variable name="postfooterTextColor" description="Postfooter Text Color"
type="color" default="#b8659C" value="#7D849E">
<Variable name="postfooterLinkColor" description="Postfooter Link Color"
type="color" default="#b8659C" value="#7D849E">
<Variable name="commentTabLinkColor" description="Comment Tab Link Color"
type="color" default="#b8659C" value="#7D849E">
<Variable name="feedlinksColor" description="Feed Links Color"
type="color" default="#9D1961" value="#86AA3F">

<Variable name="mainsidebar1bgColor" description="Main Sidebar Background Color"
type="color" default="#FFBBE8" value="#0066CC">
<Variable name="sidebar1bgColor" description="Sidebar1 Background Color"
type="color" default="#FFBBE8" value="#cc0000">
<Variable name="sidebar2bgColor" description="Sidebar2 Background Color"
type="color" default="#FFBBE8" value="#fbffc9">
<Variable name="sidebar1BorderColor" description="Sidebar1 Border Color"
type="color" default="#C94093" value="#C2CD43">
<Variable name="sidebar2BorderColor" description="Sidebar2 Border Color"
type="color" default="#C94093" value="#C2CD43">
<Variable name="sidebar1HeaderBgColor" description="Sidebar1 Header Background Color"
type="color" default="#ffffff" value="#ffffff">
<Variable name="sidebar2HeaderBgColor" description="Sidebar2 Header Background Color"
type="color" default="#ffffff" value="#fcfcfc">
<Variable name="sidebar1HeaderBorderColor" description="Sidebar1 Header Border Color"
type="color" default="#C94093" value="#86AA3F">
<Variable name="sidebar2HeaderBorderColor" description="Sidebar2 Header Border Color"
type="color" default="#C94093" value="#ffffff">
<Variable name="sidebar1HeaderColor" description="Sidebar1 Header Color"
type="color" default="#000000" value="#86AA3F">
<Variable name="sidebar2HeaderColor" description="Sidebar2 Header Color"
type="color" default="#000000" value="#86AA3F">
<Variable name="sidebar1TextColor" description="Sidebar1 Text Color"
type="color" default="#9D1961" value="#86AA3F">
<Variable name="sidebar2TextColor" description="Sidebar2 Text Color"
type="color" default="#9D1961" value="#86AA3F">
<Variable name="sidebar1LinkColor" description="Sidebar1 Link Color"
type="color" default="#9D1961" value="#86AA3F">
<Variable name="sidebar2LinkColor" description="Sidebar2 Link Color"
type="color" default="#9D1961" value="#86AA3F">
<Variable name="sidebar1HoverLinkColor" description="Sidebar1 Hover Link Color"
type="color" default="#000000" value="#000000">
<Variable name="sidebar2HoverLinkColor" description="Sidebar2 Hover Link Color"
type="color" default="#000000" value="#000000">
<Variable name="sidebar1VisitedLinkColor" description="Sidebar1 Visited Link Color"
type="color" default="#000000" value="#86AA3F">
<Variable name="sidebar2VisitedLinkColor" description="Sidebar2 Visited Link Color"
type="color" default="#000000" value="#86AA3F">
<Variable name="sidebarListLineColor" description="Sidebar List Line Color"
type="color" default="#000000" value="#0066CC">

<Variable name="lowerbarbgColor" description="Lowerbar Background Color"
type="color" default="#ffffff" value="#fbffc9">
<Variable name="lowerbarBorderColor" description="Lowerbar Border Color"
type="color" default="#C94093" value="#C2CD43">
<Variable name="lowerbarHeaderColor" description="Lowerbar Header Color"
type="color" default="#000000" value="#343E61">
<Variable name="lowerbarTitleBgColor" description="Lowerbar Header Background Color"
type="color" default="#C94093" value="#bb0000">
<Variable name="lowerbarTitleBorderColor" description="Lowerbar Header Border Color"
type="color" default="#C94093" value="#333333">
<Variable name="lowerbarTextColor" description="Lowerbar Text Color"
type="color" default="#9D1961" value="#7D849E">
<Variable name="lowerbarLinkColor" description="Lowerbar Link Color"
type="color" default="#9D1961" value="#86AA3F">
<Variable name="lowerbarHoverLinkColor" description="Lowerbar Hover Link Color"
type="color" default="#000000" value="#7D849E">
<Variable name="lowerbarVisitedLinkColor" description="Lowerbar Visited Link Color"
type="color" default="#000000" value="#86AA3F">
<Variable name="lowerbarListLineColor" description="Lowerbar List Line Color"
type="color" default="#000000" value="#cc0000">

<Variable name="commentbgColor" description="Comment Background Color"
type="color" default="#9D1961" value="#f8ffa9">
<Variable name="commentBorderColor" description="Comment Border Color"
type="color" default="#C94093" value="#C2CD43">
<Variable name="commentTitleColor" description="Comment Header Color"
type="color" default="#000000" value="#343E61">
<Variable name="commentAuthorBgColor" description="Comment Author Background Color"
type="color" default="#9D1961" value="#cc0000">
<Variable name="commentboxBorderColor" description="Comment Author Border Color"
type="color" default="#C94093" value="#C2CD43">
<Variable name="commentauthorColor" description="Comment Author Color"
type="color" default="#9D1961" value="#86AA3F">
<Variable name="commentTimeStampColor" description="Comment Timestamp Color"
type="color" default="#C94093" value="#7D849E">
<Variable name="commentTextColor" description="Comment Text Color"
type="color" default="#4c4c4c" value="#7D849E">

<Variable name="footerbgColor" description="Footer Background Color"
type="color" default="#ffffff" value="#fbffc9">
<Variable name="footerBorderColor" description="Footer Border Color"
type="color" default="#000000" value="#fbffc9">
<Variable name="footerHeaderColor" description="Footer Header Color"
type="color" default="#000000" value="#C2CD43">
<Variable name="footerTextColor" description="Footer Text Color"
type="color" default="#C94093" value="#C2CD43">
<Variable name="footerLinkColor" description="Footer Link Color"
type="color" default="#C94093" value="#C2CD43">
<Variable name="footerHoverLinkColor" description="Footer Hover Link Color"
type="color" default="#C94093" value="#bb0000">
<Variable name="footerVisitedLinkColor" description="Footer Visited Link Color"
type="color" default="#C94093" value="#C2CD43">

<Variable name="blogTitleFont" description="Blog Title Font"
type="font"
default="normal bold 273% Georgia, Times, serif"
value="normal bold 302% Georgia, Times, serif">
<Variable name="blogDescriptionFont" description="Blog Description Font"
type="font"
default="normal normal 104% georgia,helvetica,verdana,Georgia, serif"
value="normal bold 99% Georgia, Times, serif">
<Variable name="linkbarTextFont" description="Linkbar Text Font"
type="font"
default="normal normal 77% Verdana, sans-serif"
value="normal bold 74% Arial, sans-serif">
<Variable name="postTitleFont" description="Post Title Font"
type="font"
default="normal bold 180% Georgia, Times, serif"
value="normal bold 113% Verdana, sans-serif">
<Variable name="dateHeaderFont" description="Date Header Font"
type="font"
default="normal bold 117% Arial, sans-serif"
value="normal normal 74% Arial, sans-serif">
<Variable name="textFont" description="Text Font"
type="font"
default="normal normal 90% Arial, sans-serif"
value="normal normal 77% Verdana, sans-serif">
<Variable name="quoteFont" description="Blog Quote Font"
type="font"
default="normal normal 92% helvetica,tahoma,verdana,arial,times,Sans-serif"
value="italic normal 95% Verdana, sans-serif">
<Variable name="sidebarHeaderFont" description="Sidebar Title Font"
type="font"
default="normal bold 117% Arial, sans-serif"
value="normal bold 103% Verdana, sans-serif">
<Variable name="sidebarTextFont" description="Sidebar Text Font"
type="font"
default="normal normal 78% Arial, Verdana, sans-serif"
value="normal normal 68% Verdana, sans-serif">
<Variable name="postfooterTextFont" description="Post-Footer Text Font"
type="font"
default="normal normal 93% Arial, sans-serif"
value="normal normal 86% Verdana, sans-serif">
<Variable name="commentTitleFont" description="Comment Title Font"
type="font"
default="normal bold 120% Arial, sans-serif"
value="normal bold 127% Verdana, sans-serif">
<Variable name="commentTextFont" description="Comment Text Font"
type="font"
default="normal normal 95% Arial, sans-serif"
value="normal normal 94% Verdana, sans-serif">
<Variable name="footerHeaderFont" description="Footer Header Font"
type="font"
default="normal bold 131% Trebuchet, Trebuchet MS, Arial, sans-serif"
value="normal bold 114% Arial, sans-serif">
<Variable name="footerTextFont" description="Footer Text Font"
type="font"
default="normal normal 76% Trebuchet, Trebuchet MS, Arial, sans-serif"
value="normal bold 72% Arial, sans-serif">
*/

/* ----- GLOBAL ----- Blogger template design by mullookkaaran */

* {margin:0; padding:0;}

body {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: center;
color: $textColor;
background: $bodybgColor url() repeat top right;
background-attachment: fixed;
font-family: arial,verdana,helvetica,tahoma,Sans-serif;
font-size: 100%;
width: 100%;
}

#outer-wrapper {
margin: 0 auto; /* auto - to make the template lay in the screen center */
padding: 0px 0px 0px 0px;
margin-top: 25px;
margin-bottom: 20px;
position: relative;
width: 100%;
text-align: center;
}

#blog-wrapper {
margin: 0 auto; /* auto - to make the template lay in the screen center */
padding: 20px;
margin-top: 20px;
margin-bottom: 10px;
text-align: center;
position: relative;
width: 930px;
background: $blogframeColor;
border: 1px solid $blogBorderColor;
}

#spacer {clear: both; margin: 0; padding: 0;}

/* global link attributes */
a {color: $mainLinkColor; text-decoration: underline;}
a:hover {color: $mainHoverLinkColor; text-decoration: underline;}
a:visited {color: $mainVisitedLinkColor; text-decoration: underline;}

/* Blogger Navigation Bar */
#Navbar1 {
margin: 0;
padding: 0;
/* visibility: hidden; */
/* display: none; */
}

/* ----- TOP ADS ----- Blogger template design by mullookkaaran */

#topads-wrapper {
margin: 0;
padding: 0;
position: relative;
text-align: center;
width: 100%;
}

#topads {margin: 0; padding: 0;}

#topads .widget {margin: 0; padding: 5px 0;}

/* ----- HEADER ----- Blogger template design by mullookkaaran */

#header-wrapper {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 930px;
text-align: center;
background: $headerbgColor;
border: 0px solid $headerBorderColor;
}

#header {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: left;
}

#header h1 {
color: $blogTitleColor;
font: $blogTitleFont;
text-align: left;
text-transform: uppercase;
margin: 0px 0px 0px 0px;
padding: 20px 20px 0px 20px;
}

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

#header h1 a:hover {
text-decoration: underline;
color: $blogDescriptionColor;
}

#header .description {
color: $blogDescriptionColor;
font: $blogDescriptionFont;
text-align: left;
margin: 0px 0px 0px 0px;
padding: 2px 20px 17px 20px;
}

#header h1 p, #header .description p {margin:0;padding:0}

#header a img {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border: 0;
}

/* ----- LINKBAR ----- Blogger template design by mullookkaaran */

#linkbar-wrapper {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 930px;
position: relative;
background: $linkbarbgColor;
border-bottom: 5px solid $linkbarmainBorderColor;
}

#linkbar .widget {
margin: 0px 0px 0px 0px;
padding: 6px 5px 5px 5px;
}

#linkbar ul {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: left;
list-style-type:none;
border-right: 0px solid $linkbarBorderColor;
}

#linkbar li {
display: inline;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#linkbar h2 {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
display: none;
visibility: hidden;
}

#linkbar a {
clear: both;
margin: 0px -4px 0px 0px;
padding: 9px 20px 6px 20px;
width:100%;
text-decoration:none;
font: $linkbarTextFont;
color: $linkbarTextColor;
/* text-transform: uppercase; */
border-right: 1px solid $linkbarBorderColor;
border-left: 0px solid $linkbarBorderColor;
}

#linkbar a:hover {
color: $linkbarHoverTextColor;
background: $linkbarHoverBgColor;
}

/* ----- MIDDLE ADS ----- Blogger template design by mullookkaaran */

#middleads-wrapper {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 930px;
position: relative;
text-align: center;
width: 100%;
}

#middleads, #middleads2 {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#middleads .widget, #middleads2 .widget {
margin: 0;
padding: 5px 0;
background: $middlebarbgColor;
}

/* ----- MAIN ----- Blogger template design by mullookkaaran */

#content-wrapper {
width: 930px;
margin: 0px 0px 0px 0px;
padding: 15px 0px 0px 0px;
position: relative;
text-align: left;
/* background: $contentbgColor; */
border: 0px solid $contentBorderColor;
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 */
}

#subcontent-wrapper {
float: left;
position: relative;
width: 555px;
margin: 0px 0px 15px 0px;
padding: 0px 0px 0px 0px;
background: $postbgColor;
border: 1px solid $contentBorderColor;
}

#main-wrapper {
float: left;
position: relative;
max-width: 415px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: justify;
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 {
width: 415px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: justify;
color: $textColor;
font: $textFont;
}

#main .widget {
margin: 0px 0px 7px 0px;
padding: 15px 5px 15px 10px;
background: $postbgColor; /* url(http://farm4.static.flickr.com/3135/2746541297_c4c9e6dae2_o.jpg) repeat-y top left; */
border: 0px solid $postBorderColor;
}

.post {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
line-height: 1.6em;
text-align: justify;
}

.post h3 {
margin: 0px 0px 0px 0px;
padding: 0px 0px 1px 0px;
color: $postTitleColor;
font: $postTitleFont;
text-decoration: none;
text-align: left;
line-height: 1.6em;
/* text-transform: uppercase;
background: $posttitlebgColor;
border-top: 1px solid $posttitleBorderColor;
border-bottom: 2px solid $posttitleBorderColor; */
}

.post h3 a, .post h3 a:visited {
color: $postTitleColor;
text-decoration: none;
}
.post h3 a:hover {
color: $textColor;
text-decoration: underline;
}

.post-header-line-1 {
margin: 0px 0px 0px 0px;
padding: 0px 0px 17px 0px;
}

h2.date-header {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: left;
color: $dateHeaderColor;
font: $dateHeaderFont;
text-decoration: none;
text-transform: uppercase;
}

.date-header span {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

.post-body p {
/* Fix bug in IE5/Win with italics in posts */
margin: 0px 0px 0px 0px;
padding: 1px 0px 1px 0px;
display: inline; /* to fix floating-ads wrapping problem in IE */
height: 1%;
overflow: visible;
}

.post-body p a, .post-body p a:visited {
color: $mainLinkColor;
text-decoration: underline;
}

.post-body a:hover {
text-decoration: underline;
color: $mainHoverLinkColor;
}

.post ul {
margin: 0px 0px 0px 0px;
padding: 12px 0px 12px 30px;
list-style-type: disc;
line-height: 1.6em;
font-size: 95%;
}

.post ol {
margin: 0px 0px 0px 0px;
padding: 12px 0px 12px 30px;
line-height: 1.6em;
font-size: 95%;
}

.post li {
margin: 0px 0px 0px 0px;
padding: 0px 0px 8px 0px;
}

a img {
margin: 5px 5px 5px 5px;
padding: 0px 0px 0px 0px;
}

.post img {
margin: 5px;
padding: 5px;
background: $imagebgColor;
border: 1px solid $imageBorderColor;
}

/* ----- POST-FOOTER ----- Blogger template design by mullookkaaran */

.post-footer {
display: block;
margin: 15px 0px 25px 0px;
padding: 4px 0px 5px 0px;
text-align: left;
font: $postfooterTextFont;
color: $postfooterTextColor;
font-weight: normal;
line-height: 1.6em;
text-decoration: none;
/* background: $postfooterBgColor; */
border-top: 1px dashed $postfooterBorderColor;
}

.post-footer-line {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

.post-footer-line-1, .post-footer-line-2, .post-footer-line-3 {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

.post-footer a {
color: $postfooterLinkColor;
text-decoration: none;
}

.post-footer a:hover {
color: $mainHoverLinkColor;
text-decoration: underline;
}

.post-footer .post-comment-link a {
margin: 0px 0px 0px 7px;
padding: 0px 0px 0px 9px;
border-left: 1px solid $postfooterTextColor;
color: $commentTabLinkColor;
font-weight: normal;
text-decoration: none;
}

.post-footer .post-comment-link a:hover {
color: $mainHoverLinkColor;
text-decoration: underline;
}

.post-footer .post-icons {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

.post-footer img {
margin: 0px 0px 0px 0px;
padding: 0px 0px 5px 0px;
background: $postfooterBgColor;
}

#blog-pager {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: center;
font: $postfooterTextFont;
color: $feedlinksColor;
}

#blog-pager a {color: $feedlinksColor}
#blog-pager a:hover {color: $mainHoverLinkColor}

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

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

.feed-links {
margin: 10px 0px 0px 0px;
padding: 0px 0px 0px 0px;
clear: both;
text-align: left;
font: $postfooterTextFont;
color: $feedlinksColor;
}

.feed-links a, .feed-links a:visited {color: $feedlinksColor}
.feed-links a:hover {color: $mainHoverLinkColor}

/* ----- BLOCKQUOTE ----- */

blockquote {
margin: 10px 0px 10px 20px;
padding: 10px 15px 10px 15px;
font: $quoteFont;
line-height: 1.6em;
color: $blockQuoteColor;
background: $blockquotebgColor;
border: 2px solid $blockquoteBorderColor;
}

/* ----- CODE ----- */

code {
color: $codeTextColor;
font-size: 110%;
}

/* ----- SIDEBAR ----- Blogger template design by mullookkaaran */

#side-wrapper1 {
max-width: 140px;
float: left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background: $postbgColor;
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 */
}

#side-wrapper2 {
max-width: 373px;
float: right;
margin: 0px 0px 15px 0px;
padding: 0px 0px 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 {
float: left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 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 {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: left;
font: $sidebarTextFont;
}

#sidebar1 {
width: 120px;
margin: 0px 0px 0px 0px;
padding: 15px 10px 0px 10px;
color: $sidebar1TextColor;
line-height: 1.6em;
}

#sidebar2 {
width: 358px;
margin: 0px 0px 0px 15px;
padding: 0px 0px 0px 0px;
color: $sidebar2TextColor;
line-height: 1.6em;
}

#sidebar1 .widget {
margin: 0px 0px 0px 0px;
padding: 0px 0px 20px 0px;
border: 0px solid $sidebar1BorderColor;
}

#sidebar2 .widget {
margin: 0px 0px 15px 0px;
padding: 10px 10px 10px 10px;
background: $sidebar2bgColor;
border: 1px solid $sidebar2BorderColor;
}

/* sidebar heading ----- Blogger template design by mullookkaaran */

#sidebar1 h2 {
margin: 0px 0px 2px 0px;
padding: 0px 0px 2px 0px;
text-align: left;
color: $sidebar1HeaderColor;
font: $sidebarHeaderFont;
text-transform: uppercase;
text-decoration: underline;
/* background: $sidebar1HeaderBgColor;
border-top: 0px solid $sidebar1HeaderBorderColor;
border-bottom: 1px solid $sidebar1HeaderBorderColor; */
}

#sidebar2 h2 {
margin: 0px 0px 2px 0px;
padding: 0px 0px 2px 0px;
text-align: left;
color: $sidebar2HeaderColor;
font: $sidebarHeaderFont;
text-transform: uppercase;
text-decoration: underline;
/* background: $sidebar2HeaderBgColor;
border-top: 0px solid $sidebar2HeaderBorderColor;
border-bottom: 1px solid $sidebar2HeaderBorderColor; */
}

.sidebar ul, #BlogArchive1 ul {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
list-style-type: none;
}

.sidebar li, #BlogArchive1 li {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
/* border-bottom: 1px solid $sidebarListLineColor; */
}

#sidebar1 a {
color: $sidebar1LinkColor;
text-decoration: none;
}

#sidebar1 a:hover {
text-decoration: underline;
color: $sidebar1HoverLinkColor;
}

#sidebar1 a:visited {
text-decoration: none;
color: $sidebar1VisitedLinkColor;
}

#sidebar2 a {
color: $sidebar2LinkColor;
text-decoration: none;
}

#sidebar2 a:hover {
text-decoration: underline;
color: $sidebar2HoverLinkColor;
}

#sidebar2 a:visited {
text-decoration: none;
color: $sidebar2VisitedLinkColor;
}

.sidebar a img {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

/* ----- PROFILE ----- Blogger template design by Mullookkaaran */

.profile-img {
margin: 5px;
padding: 0px;
border: 1px solid $sidebarListLineColor;
}

.profile-textblock {
margin: 0px 0px 0px 0px;
padding: 3px 0px 3px 0px;
clear: both;
line-height: 1.6em;
/* border-top: 1px solid $sidebarListLineColor;
border-bottom: 1px solid $sidebarListLineColor; */
}

.profile-datablock {
margin: 2px 0px 5px 0px;
padding: 0px 0px 0px 0px;
}

.profile-data {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-weight: normal;
font-style: italic;
}

.profile-link {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

/* ----- COMMENT ----- Blogger template design by mullookkaaran */
#comments {
margin: 0px 0px 0px 0px;
padding: 0px 15px 20px 15px;
text-align: left;
color: $commentTextColor;
font: $commentTextFont;
background: $commentbgColor;
border: 1px solid $commentBorderColor;
}

/* comment-header */
#comments h4 {
margin: 20px 0px 0px 0px;
padding: 0px 0px 0px 0px;
color: $commentTitleColor;
font: $commentTitleFont;
}

.deleted-comment {
font-style:italic;
color:gray;
margin: 3px 0px 3px 0px;
}

.comment-author {
display: block;
margin: 10px 0px 0px 0px;
padding: 8px 10px 3px 0px;
color: $commentauthorColor;
/* background: $commentAuthorBgColor; */
border-top: 1px solid $commentboxBorderColor;
border-bottom: 0px dotted $commentboxBorderColor;
font-weight: normal;
}

.comment-author a {color: $commentauthorColor; text-decoration: none;}
.comment-author a:hover {color: $commentTimeStampColor; text-decoration: underline;}
.comment-author a:visited {color: $commentauthorColor; text-decoration: none;}
.comment-body {margin: 0; padding: 5px 0px 5px 40px;}
.comment-body p {margin: 0; padding: 0; line-height: 1.7em;}
.comment-footer, .comment-footer a {margin: 0px 0px 0px 0px; padding: 4px 0px 0px 0px;}

.comment-timestamp {
margin: 0px 0px 0px 4px;
padding: 0px 0px 7px 4px;
color: $commentTimeStampColor;
text-decoration: none;
font-weight: normal;
font-style: italic;
font-size: 96%;
}

.comment-timestamp a {
color: $commentTimeStampColor;
text-decoration: none;
}

.comment-timestamp a:hover {color: $commentauthorColor; text-decoration: underline;}

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

a.comment-link {
/* ie5.0/win doesn't apply padding to inline elements,
so we hide these two declarations from it */
padding: 0px 0px 0px 0px;
}

html>body a.comment-link {
/* respecified, for ie5/mac's benefit */
padding-left: 0px;
}

/* ----- LOWER SECTION ----- Blogger template design by mullookkaaran */

#lower-wrapper {
margin: 15px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 930px;
font: $sidebarTextFont;
color: $lowerbarTextColor;
background: $lowerbarbgColor;
border-top: 5px solid $lowerbarBorderColor;
border-bottom: 5px solid $lowerbarBorderColor;
}

#lowerbar-wrapper {
float: left;
margin: 0px 0px 0px 0px;
padding: 15px 0px 25px 0px;
width: 33%;
text-align: left;
line-height: 1.8em;
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 */
}

#lowerads-wrapper {
float: left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 100%;
text-align: center;
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 */
}

.lowerbar {margin: 0; padding: 0;}
.lowerbar .widget {margin: 0; padding: 15px 20px 25px 34px;}
.lowerads {margin: 0; padding: 0;}
.lowerads .widget {margin: 0; padding: 10px 0px 10px 0px;}

.lowerbar h2 {
margin: 0px 0px 2px 0px;
padding: 10px 0px 2px 0px;
color: $lowerbarHeaderColor;
font: $sidebarHeaderFont;
text-align: left;
text-transform: uppercase;
text-decoration: underline;
/* background: $lowerbarTitleBgColor;
border-bottom: 1px solid $lowerbarTitleBorderColor; */
}

.lowerbar ul {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
list-style-type: none;
}

.lowerbar li {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
/* border-bottom: 1px solid $lowerbarListLineColor; */
}

.lowerbar a {color: $lowerbarLinkColor; text-decoration: none;}
.lowerbar a:hover {text-decoration: underline; color: $lowerbarHoverLinkColor;}
.lowerbar a:visited {text-decoration: none; color: $lowerbarVisitedLinkColor;}

/* ----- FOOTER ----- Blogger template design by mullookkaaran */

#footer-wrapper {
clear: both;
display: inline; /* handles IE margin bug */
float: left;
width: 930px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background: $footerbgColor;
border-top: 1px solid $footerBorderColor;
}

#footer {
margin: 0px 0px 0px 0px;
padding: 15px 0px 0px 0px;
text-align: center;
color: $footerTextColor;
font: $footerTextFont;
line-height: 1.6em;
}

#footer h2 {
margin: 0px 0px 0px 0px;
padding: 0px 0px 2px 0px;
color: $footerHeaderColor;
font: $footerHeaderFont;
}

#footer .widget {
margin: 0px 0px 0px 0px;
padding: 0px 10px 15px 10px;
}

.footer p {margin: 0; padding: 0}

.footer a {
color: $footerLinkColor;
text-decoration: none;
}

.footer a:hover {
color: $footerHoverLinkColor;
text-decoration: underline;
}

.footer a:visited {
color: $footerVisitedLinkColor;
text-decoration: none;
}

/* ----- BOTTOM ADS ----- Blogger template design by mullookkaaran */

#bottomads-wrapper {
margin: 0;
padding: 0;
position: relative;
text-align: center;
width: 100%;
}

#bottomads {margin: 0; padding: 10px 0;}

#bottomads .widget {margin: 0; padding: 5px 0;}

/* ----- CREDIT ----- */

#credit {
margin: 0px 0px 0px 0px;
padding: 2px 0px 0px 0px;
width: 100%;
height: 26px;
clear: both;
font-family: verdana, helvetica;
font-size: 70%;
color: $postbgColor;
font-weight: normal;
background: $textColor;
}

#creditleft {
margin: 0px 0px 0px 0px;
padding: 7px 0px 0px 0px;
height: 26px;
position: relative;
float: left;
text-align: left;
display: inline;
width: 71%;
background: $textColor;
}

#creditright {
margin: -33px 0px 0px 0px;
padding: 7px 0px 0px 0px;
height: 26px;
position: relative;
float: right;
text-align:right;
display: inline;
width: 30%;
background: $textColor;
}

#creditleft p {
margin: 0;
padding: 0
}

#creditright p {
margin: 0;
padding: 0
}

#creditleft a, .creditleft a:hover, .creditleft a:visited {
color: $postbgColor;
text-decoration: underline;
}

#creditright a, .creditright a:hover, .creditright a:visited {
color: $postbgColor;
text-decoration: underline;
}

/* ************ END OF CSS STYLING ************ */

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

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

<b:if cond='data:blog.pageType != "item"'>
<script type='text/javascript'>

var fade = false;
function showFull(id) {
var post = document.getElementById(id);
var spans = post.getElementsByTagName('span');
for (var i = 0; i < spans.length; i++) {
if (spans[i].id == "fullpost") {
if (fade) {
spans[i].style.background = peekaboo_bgcolor;
Effect.Appear(spans[i]);
} else spans[i].style.display = 'inline';
}
if (spans[i].id == "showlink")
spans[i].style.display = 'none';
if (spans[i].id == "hidelink")
spans[i].style.display = 'inline';
}
}

function hideFull(id) {
var post = document.getElementById(id);
var spans = post.getElementsByTagName('span');
for (var i = 0; i < spans.length; i++) {
if (spans[i].id == "fullpost") {
if (fade) {
spans[i].style.background = peekaboo_bgcolor;
Effect.Fade(spans[i]);
} else spans[i].style.display = 'none';
}
if (spans[i].id == "showlink")
spans[i].style.display = 'inline';
if (spans[i].id == "hidelink")
spans[i].style.display = 'none';
}
post.scrollIntoView(true);
}

function checkFull(id) {
var post = document.getElementById(id);
var spans = post.getElementsByTagName('span');
var found = 0;
for (var i = 0; i < spans.length; i++) {
if (spans[i].id == "fullpost") {
spans[i].style.display = 'none';
found = 1;
}
if ((spans[i].id == "showlink") && (found == 0))
spans[i].style.display = 'none';
}
}

</script>
</b:if>

</head>

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


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

<div id='topads-wrapper'>
<b:section class='topads' id='topads' preferred='yes'/>
</div>

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

<div id='blog-wrapper'>

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

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

<div id='linkbar-wrapper'>
<b:section class='linkbar' id='linkbar' showaddelement='no'>
<b:widget id='LinkList1' locked='true' title='' type='LinkList'/>
</b:section>
</div>

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

<div id='middleads-wrapper'>
<b:section class='middleads' id='middleads' preferred='yes'/>
</div>

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

<div id='content-wrapper'>

<div id='subcontent-wrapper'>

<div id='main-wrapper'>
<b:section class='main' id='main' preferred='yes'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>
</b:section>
</div>

<div id='side-wrapper1'>
<b:section class='sidebar' id='sidebar1' preferred='yes'>
<b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'/>
<b:widget id='Profile1' locked='false' title='About' type='Profile'/>
</b:section>
</div>

</div> 

<div id='side-wrapper2'>
<b:section class='sidebar' id='sidebar2' preferred='yes'>
<b:widget id='Image1' locked='false' title='' type='Image'/>
<b:widget id='Feed2' locked='false' title='Recent Posts' type='Feed'/>
<b:widget id='Label2' locked='false' title='Labels' type='Label'/>
</b:section>
</div>


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

</div> 

<div id='middleads-wrapper'>
<b:section class='middleads2' id='middleads2' preferred='yes'/>
</div>

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

<div id='lower-wrapper'>

<div id='lowerbar-wrapper'>
<b:section class='lowerbar' id='lowerbar1' preferred='yes'>
<b:widget id='Text2' locked='false' title='About This Blog' type='Text'/>
</b:section>
</div>

<div id='lowerbar-wrapper'>
<b:section class='lowerbar' id='lowerbar2' preferred='yes'>
<b:widget id='Text3' locked='false' title='Lorem Ipsum' type='Text'/>
</b:section>
</div>

<div id='lowerbar-wrapper'>
<b:section class='lowerbar' id='lowerbar3' preferred='yes'>
<b:widget id='Feed1' locked='false' title='Our Blogger Templates' type='Feed'/>
</b:section>
</div>

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

<div id='lowerads-wrapper'>
<b:section class='lowerads' id='lowerads' preferred='yes'/>
</div>

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

</div> 

<div id='footer-wrapper'>
<b:section class='footer' id='footer'>
<b:widget id='Text1' locked='false' title='Footer' type='Text'/>
</b:section>
</div>

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

</div> 

<div id='bottomads-wrapper'>
<b:section class='bottomads' id='bottomads' preferred='yes'/>
</div>

</div> 



<div id='credit'>

<div id='creditleft'>
<p><b><a href=''/> <i/><font color='red'> Dsgd: by <blink>Mullookkaaran</blink></font><a href=''/></b></p>
</div>

<div id='creditright'>
<p><b>Back to <a href='#outer-wrapper'>TOP</a>  </b></p>
</div>

</div> 

</body>
</html>

കൂടുതല്‍ കോളങ്ങള്‍ ഉള്ള മറ്റൊരു ടെമ്പ്ലേറ്റ് ...

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

<b:skin><![CDATA[

/* ************ START OF CSS STYLING ************ */

/* -----------------------------------------------------------------------
Template Design: by Mullookkaaran
----------------------------------------------------------------------- */

/* Variable definitions
========================
<Variable name="bodybgColor" description="Body Background Color"
type="color" default="#FFBBE8" value="#666666">
<Variable name="blogframeColor" description="Blog Background Color"
type="color" default="#800040" value="#3275b8">
<Variable name="blogBorderColor" description="Blog Border Color"
type="color" default="#800040" value="#ffffff">
<Variable name="headerbgColor" description="Header Background Color"
type="color" default="#ffffff" value="#000000">
<Variable name="headerBorderColor" description="Header Border Color"
type="color" default="#800040" value="#191919">
<Variable name="blogTitleColor" description="Blog Title Color"
type="color" default="#800040" value="#ffffff">
<Variable name="blogDescriptionColor" description="Blog Description Color"
type="color" default="#800040" value="#ffff66">

<Variable name="linkbarbgColor" description="Linkbar Background Color"
type="color" default="#C94093" value="#cccccc">
<Variable name="linkbarmainBorderColor" description="Linkbar Main Border Color"
type="color" default="#C94093" value="#cc0000">
<Variable name="linkbarBorderColor" description="Linkbar Border Color"
type="color" default="#9D1961" value="#3D81EE">
<Variable name="linkbarTextColor" description="Linkbar Text Color"
type="color" default="#ffffff" value="#ffffff">
<Variable name="linkbarHoverBgColor" description="Linkbar Hover Background Color"
type="color" default="#ffffff" value="#FF6FCF">
<Variable name="linkbarHoverTextColor" description="Linkbar Hover Text Color"
type="color" default="#9D1961" value="#ffffff">
<Variable name="middlebarbgColor" description="Middlebar Background Color"
type="color" default="#ffffff" value="#ffffff">

<Variable name="contentbgColor" description="Content Background Color"
type="color" default="#ffffff" value="#ffffff">
<Variable name="contentBorderColor" description="Content Border Color"
type="color" default="#9D1961" value="#0066CC">
<Variable name="postbgColor" description="Post Background Color"
type="color" default="#ffffff" value="#ffffff">
<Variable name="postBorderColor" description="Post Border Color"
type="color" default="#ffffff" value="#000000">
<Variable name="postTitleColor" description="Post Title Color"
type="color" default="#000000" value="#cc0000">
<Variable name="posttitlebgColor" description="Post Title Background Color"
type="color" default="#000000" value="#215670">
<Variable name="posttitleBorderColor" description="Post Title Border Color"
type="color" default="#000000" value="#0066CC">
<Variable name="dateHeaderColor" description="Date Header Color"
type="color" default="#000000" value="#666666">
<Variable name="textColor" description="Text Color"
type="color" default="#191919" value="#000000">
<Variable name="mainLinkColor" description="Main Link Color"
type="color" default="#333333" value="#ffffff">
<Variable name="mainHoverLinkColor" description="Main Hover Link Color"
type="color" default="#9D1961" value="#6728B2">
<Variable name="mainVisitedLinkColor" description="Main Visited Link Color"
type="color" default="#9D1961" value="#ffffff">
<Variable name="blockQuoteColor" description="Blockquote Color"
type="color" default="#191919" value="#eeaa3d">
<Variable name="blockquoteBorderColor" description="Blockquote Border Color"
type="color" default="#191919" value="#4c4c4c">
<Variable name="codeTextColor" description="Code Text Color"
type="color" default="#660000" value="#000000">
<Variable name="imagebgColor" description="Photo Background Color"
type="color" default="#f5f5f5" value="#FF6FCF">
<Variable name="imageBorderColor" description="Photo Border Color"
type="color" default="#f5f5f5" value="#0066CC">

<Variable name="postfooterBgColor" description="Postfooter Background Color"
type="color" default="#b8659C" value="#e6e6e6">
<Variable name="postfooterBorderColor" description="Postfooter Border Color"
type="color" default="#b8659C" value="#000000">
<Variable name="postfooterTextColor" description="Postfooter Text Color"
type="color" default="#b8659C" value="#000000">
<Variable name="postfooterLinkColor" description="Postfooter Link Color"
type="color" default="#b8659C" value="#333333">
<Variable name="commentTabLinkColor" description="Comment Tab Link Color"
type="color" default="#b8659C" value="#6232b8">
<Variable name="feedlinksColor" description="Feed Links Color"
type="color" default="#9D1961" value="#3D81EE">

<Variable name="mainsidebar1bgColor" description="Main Sidebar Background Color"
type="color" default="#FFBBE8" value="#3d81ee">
<Variable name="sidebar1bgColor" description="Sidebar1 Background Color"
type="color" default="#FFBBE8" value="#ffffff">
<Variable name="sidebar2bgColor" description="Sidebar2 Background Color"
type="color" default="#FFBBE8" value="#ffffff">
<Variable name="sidebar1BorderColor" description="Sidebar1 Border Color"
type="color" default="#C94093" value="#ffffff">
<Variable name="sidebar2BorderColor" description="Sidebar2 Border Color"
type="color" default="#C94093" value="#ffffff">
<Variable name="sidebar1HeaderBgColor" description="Sidebar1 Header Background Color"
type="color" default="#ffffff" value="#ffffff">
<Variable name="sidebar2HeaderBgColor" description="Sidebar2 Header Background Color"
type="color" default="#ffffff" value="#ffffff">
<Variable name="sidebar1HeaderBorderColor" description="Sidebar1 Header Border Color"
type="color" default="#C94093" value="#ffffff">
<Variable name="sidebar2HeaderBorderColor" description="Sidebar2 Header Border Color"
type="color" default="#C94093" value="#ffffff">
<Variable name="sidebar1HeaderColor" description="Sidebar1 Header Color"
type="color" default="#000000" value="#ffffff">
<Variable name="sidebar2HeaderColor" description="Sidebar2 Header Color"
type="color" default="#000000" value="#ffffff">
<Variable name="sidebar1TextColor" description="Sidebar1 Text Color"
type="color" default="#9D1961" value="#000000">
<Variable name="sidebar2TextColor" description="Sidebar2 Text Color"
type="color" default="#9D1961" value="#000000">
<Variable name="sidebar1LinkColor" description="Sidebar1 Link Color"
type="color" default="#9D1961" value="#66B5FF">
<Variable name="sidebar2LinkColor" description="Sidebar2 Link Color"
type="color" default="#9D1961" value="#66B5FF">
<Variable name="sidebar1HoverLinkColor" description="Sidebar1 Hover Link Color"
type="color" default="#000000" value="#940f04">
<Variable name="sidebar2HoverLinkColor" description="Sidebar2 Hover Link Color"
type="color" default="#000000" value="#940f04">
<Variable name="sidebar1VisitedLinkColor" description="Sidebar1 Visited Link Color"
type="color" default="#000000" value="#6666ff">
<Variable name="sidebar2VisitedLinkColor" description="Sidebar2 Visited Link Color"
type="color" default="#000000" value="#6666ff">
<Variable name="sidebarListLineColor" description="Sidebar List Line Color"
type="color" default="#000000" value="#9D1961">

<Variable name="lowerbarbgColor" description="Lowerbar Background Color"
type="color" default="#ffffff" value="#cccccc">
<Variable name="lowerbarBorderColor" description="Lowerbar Border Color"
type="color" default="#C94093" value="#FF6FCF">
<Variable name="lowerbarHeaderColor" description="Lowerbar Header Color"
type="color" default="#000000" value="#cc0000">
<Variable name="lowerbarTitleBgColor" description="Lowerbar Header Background Color"
type="color" default="#C94093" value="#6666ff">
<Variable name="lowerbarTitleBorderColor" description="Lowerbar Header Border Color"
type="color" default="#C94093" value="#6666ff">
<Variable name="lowerbarTextColor" description="Lowerbar Text Color"
type="color" default="#9D1961" value="#ffffff">
<Variable name="lowerbarLinkColor" description="Lowerbar Link Color"
type="color" default="#9D1961" value="#FF6FCF">
<Variable name="lowerbarHoverLinkColor" description="Lowerbar Hover Link Color"
type="color" default="#000000" value="#CAF99B">
<Variable name="lowerbarVisitedLinkColor" description="Lowerbar Visited Link Color"
type="color" default="#000000" value="#a2d1ff">
<Variable name="lowerbarListLineColor" description="Lowerbar List Line Color"
type="color" default="#000000" value="#ffffff">

<Variable name="commentTitleColor" description="Comment Header Color"
type="color" default="#000000" value="#940f04">
<Variable name="commentAuthorBgColor" description="Comment Author Background Color"
type="color" default="#9D1961" value="#b3b3b3">
<Variable name="commentboxBorderColor" description="Comment Author Border Color"
type="color" default="#C94093" value="#191919">
<Variable name="commentauthorColor" description="Comment Author Color"
type="color" default="#9D1961" value="#6666ff">
<Variable name="commentTimeStampColor" description="Comment Timestamp Color"
type="color" default="#C94093" value="#999999">
<Variable name="commentTextColor" description="Comment Text Color"
type="color" default="#4c4c4c" value="#ffffff">

<Variable name="footerbgColor" description="Footer Background Color"
type="color" default="#ffffff" value="#000000">
<Variable name="footerBorderColor" description="Footer Border Color"
type="color" default="#000000" value="#ffff66">
<Variable name="footerHeaderColor" description="Footer Header Color"
type="color" default="#000000" value="#3D81EE">
<Variable name="footerTextColor" description="Footer Text Color"
type="color" default="#C94093" value="#ffffff">
<Variable name="footerLinkColor" description="Footer Link Color"
type="color" default="#C94093" value="#cccccc">
<Variable name="footerHoverLinkColor" description="Footer Hover Link Color"
type="color" default="#C94093" value="#ffffff">
<Variable name="footerVisitedLinkColor" description="Footer Visited Link Color"
type="color" default="#C94093" value="#ffffb3">

<Variable name="blogTitleFont" description="Blog Title Font"
type="font"
default="normal bold 273% Georgia, Times, serif"
value="normal bold 218% Arial, sans-serif">
<Variable name="blogDescriptionFont" description="Blog Description Font"
type="font"
default="normal normal 104% georgia,helvetica,verdana,Georgia, serif"
value="normal normal 101% Arial, sans-serif">
<Variable name="linkbarTextFont" description="Linkbar Text Font"
type="font"
default="normal normal 77% Verdana, sans-serif"
value="normal bold 67% Verdana, sans-serif">
<Variable name="postTitleFont" description="Post Title Font"
type="font"
default="normal bold 180% Georgia, Times, serif"
value="normal bold 127% Arial, sans-serif">
<Variable name="dateHeaderFont" description="Date Header Font"
type="font"
default="normal bold 117% Arial, sans-serif"
value="normal normal 90% Trebuchet, Trebuchet MS, Arial, sans-serif">
<Variable name="textFont" description="Text Font"
type="font"
default="normal normal 90% Arial, sans-serif"
value="normal normal 76% Verdana, sans-serif">
<Variable name="quoteFont" description="Blog Quote Font"
type="font"
default="normal normal 92% helvetica,tahoma,verdana,arial,times,Sans-serif"
value="italic normal 95% Verdana, sans-serif">
<Variable name="sidebarHeaderFont" description="Sidebar Title Font"
type="font"
default="normal bold 117% Arial, sans-serif"
value="normal bold 126% Verdana, sans-serif">
<Variable name="sidebarTextFont" description="Sidebar Text Font"
type="font"
default="normal normal 78% Arial, Verdana, sans-serif"
value="normal normal 85% Verdana, sans-serif">
<Variable name="postfooterTextFont" description="Post-Footer Text Font"
type="font"
default="normal normal 93% Arial, sans-serif"
value="normal normal 86% Verdana, sans-serif">
<Variable name="commentTitleFont" description="Comment Title Font"
type="font"
default="normal bold 120% Arial, sans-serif"
value="normal normal 157% Verdana, sans-serif">
<Variable name="commentTextFont" description="Comment Text Font"
type="font"
default="normal normal 95% Arial, sans-serif"
value="normal normal 94% Verdana, sans-serif">
<Variable name="footerHeaderFont" description="Footer Header Font"
type="font"
default="normal bold 131% Trebuchet, Trebuchet MS, Arial, sans-serif"
value="normal bold 127% Verdana, sans-serif">
<Variable name="footerTextFont" description="Footer Text Font"
type="font"
default="normal normal 76% Trebuchet, Trebuchet MS, Arial, sans-serif"
value="normal normal 72% Verdana, sans-serif">
*/

/* ----- GLOBAL ----- */

* {margin:0; padding:0;}

body {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: center;
color: $textColor;
background: $bodybgColor url() repeat top right;
background-attachment: fixed;
font-family: arial,verdana,helvetica,tahoma,Sans-serif;
font-size: 100%;
width: 100%;
}

#outer-wrapper {
margin: 0 auto; /* auto - to make the template lay in the screen center */
padding: 0px 0px 0px 0px;
margin-top: 0px;
margin-bottom: 20px;
position: relative;
width: 100%;
text-align: center;
}

#blog-wrapper {
margin: 0 auto; /* auto - to make the template lay in the screen center */
padding: 0px 1px 0px 1px;
margin-top: 0px;
margin-bottom: 10px;
text-align: center;
position: relative;
width: 972px;
background: $blogframeColor;
border: 2px solid $blogBorderColor;
border-top: 0;
}

#spacer {clear: both; margin: 0; padding: 0;}

/* global link attributes */
a {color: $mainLinkColor; text-decoration: underline;}
a:hover {color: $mainHoverLinkColor; text-decoration: underline;}
a:visited {color: $mainVisitedLinkColor; text-decoration: underline;}

/* Blogger Navigation Bar */
#Navbar1 {
margin: 0;
padding: 0;
/* visibility: hidden; */
/* display: none; */
}

/* ----- TOP ADS ----- */

#topads-wrapper {
margin: 0;
padding: 0;
position: relative;
text-align: center;
width: 100%;
}

#topads {margin: 0; padding: 0;}

#topads .widget {margin: 0; padding: 5px 0;}

/* ----- HEADER ----- */

#header-wrapper {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 972px;
text-align: center;
background: $headerbgColor;
border-top: 0px solid $headerBorderColor;
border-bottom: 0px solid $headerBorderColor;
}

#header {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: left;
}

#header h1 {
color: $blogTitleColor;
font: $blogTitleFont;
text-align: left;
text-transform: uppercase;
margin: 0px 0px 0px 0px;
padding: 20px 25px 0px 25px;
}

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

#header h1 a:hover {
text-decoration: underline;
color: $blogDescriptionColor;
}

#header .description {
color: $blogDescriptionColor;
font: $blogDescriptionFont;
text-align: left;
margin: 0px 0px 0px 0px;
padding: 5px 25px 17px 25px;
}

#header h1 p, #header .description p {margin:0;padding:0}

#header a img {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border: 0;
}

/* ----- LINKBAR ----- */

#linkbar-wrapper {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 972px;
}

#linkbar {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 972px;
position: relative;
background: $linkbarbgColor;
border-top: 5px solid $linkbarmainBorderColor;
border-bottom: 2px solid $linkbarmainBorderColor;
}

#linkbar .widget {
margin: 0px 0px 0px 0px;
padding: 5px 10px 5px 10px;
}

#linkbar ul {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: left;
list-style-type:none;
border-right: 0px solid $linkbarBorderColor;
}

#linkbar li {
display: inline;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#linkbar h2 {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
display: none;
visibility: hidden;
}

#linkbar a {
clear: both;
margin: 0px -4px 0px 0px;
padding: 8px 20px 6px 20px;
width:100%;
text-decoration:none;
font: $linkbarTextFont;
color: $linkbarTextColor;
/* text-transform: uppercase; */
border-right: 1px solid $linkbarBorderColor;
border-bottom: 0px solid $linkbarBorderColor;
}

#linkbar a:hover {
color: $linkbarHoverTextColor;
background: $linkbarHoverBgColor;
}

/* ----- MIDDLE ADS ----- */

#middleads-wrapper {
margin: 0;
padding: 0;
position: relative;
text-align: center;
width: 100%;
}

#middleads, #middleads2 {
margin: 0;
padding: 0;
}

#middleads .widget, #middleads2 .widget {
margin: 0;
padding: 5px 0;
background: $middlebarbgColor;
}

/* ----- MAIN ----- */

#content-wrapper {
width: 972px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
text-align: left;
background: $contentbgColor;
border-top: 10px solid $contentBorderColor;
}

#main-wrapper {
float: left;
position: relative;
max-width: 578px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: 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 {
width: 526px;
margin: 0px 5px 0px 5px;
padding: 15px 20px 0px 20px;
text-align: left;
background: $postbgColor; /* url(http://farm4.static.flickr.com/3135/2746541297_c4c9e6dae2_o.jpg) repeat-y top left; */
border-left: 1px solid $postBorderColor;
border-right: 1px solid $postBorderColor;
color: $textColor;
font: $textFont;
}

#main .widget {
margin: 0px 0px 0px 0px;
padding: 0px 0px 20px 0px;
}

.post {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
line-height: 1.8em;
text-align: left;
}

.post h3 {
margin: 0px -15px 0px -15px;
padding: 0px 15px 0px 15px;
color: $postTitleColor;
font: $postTitleFont;
text-decoration: none;
text-align: left;
line-height: 1.6em;
/* background: $posttitlebgColor;
border-top: 1px solid $posttitleBorderColor;
border-bottom: 2px solid $posttitleBorderColor; */
}

.post h3 a, .post h3 a:visited {
color: $postTitleColor;
text-decoration: none;
}
.post h3 a:hover {
color: $textColor;
text-decoration: underline;
}

.post-header-line-1 {
margin: 4px 0px 10px 0px;
padding: 3px 0px 4px 0px;
border-top: 1px solid $posttitleBorderColor;
border-bottom: 1px solid $posttitleBorderColor;
}

h2.date-header {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: left;
color: $dateHeaderColor;
font: $dateHeaderFont;
text-decoration: none;
text-transform: uppercase;
}

.date-header span {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

.post-body p {
/* Fix bug in IE5/Win with italics in posts */
margin: 0px 0px 0px 0px;
padding: 1px 0px 1px 0px;
display: inline; /* to fix floating-ads wrapping problem in IE */
height: 1%;
overflow: visible;
}

.post-body p a, .post-body p a:visited {
color: $mainLinkColor;
text-decoration: underline;
}

.post-body a:hover {
text-decoration: underline;
color: $mainHoverLinkColor;
}

.post ul {
margin: 0px 0px 0px 0px;
padding: 12px 0px 12px 30px;
list-style-type: disc;
line-height: 1.6em;
font-size: 95%;
}

.post ol {
margin: 0px 0px 0px 0px;
padding: 12px 0px 12px 30px;
line-height: 1.6em;
font-size: 95%;
}

.post li {
margin: 0px 0px 0px 0px;
padding: 0px 0px 8px 0px;
}

a img {
margin: 5px 5px 5px 5px;
padding: 0px 0px 0px 0px;
}

.post img {
margin: 5px;
padding: 5px;
background: $imagebgColor;
border: 1px solid $imageBorderColor;
}

/* ----- POST-FOOTER ----- */

.post-footer {
display: block;
margin: 25px 0px 25px 0px;
padding: 7px 12px 5px 12px;
text-align: left;
font: $postfooterTextFont;
color: $postfooterTextColor;
font-weight: normal;
line-height: 1.7em;
text-decoration: none;
background: $postfooterBgColor;
border-bottom: 1px solid $postfooterBorderColor;
}

.post-footer-line {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

.post-footer-line-1, .post-footer-line-2, .post-footer-line-3 {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

.post-footer a {
color: $postfooterLinkColor;
text-decoration: none;
}

.post-footer a:hover {
color: $mainHoverLinkColor;
text-decoration: underline;
}

.post-footer .post-comment-link a {
margin: 0px 0px 0px 7px;
padding: 0px 0px 0px 9px;
border-left: 1px solid $postfooterTextColor;
color: $commentTabLinkColor;
font-weight: normal;
text-decoration: none;
}

.post-footer .post-comment-link a:hover {
color: $mainHoverLinkColor;
text-decoration: underline;
}

.post-footer .post-icons {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

.post-footer img {
margin: 0px 0px 0px 0px;
padding: 0px 0px 5px 0px;
background: $postfooterBgColor;
}

#blog-pager {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: center;
font: $postfooterTextFont;
color: $feedlinksColor;
}

#blog-pager a {color: $feedlinksColor}
#blog-pager a:hover {color: $mainHoverLinkColor}

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

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

.feed-links {
margin: 10px 0px 0px 0px;
padding: 0px 0px 0px 0px;
clear: both;
text-align: left;
font: $postfooterTextFont;
color: $feedlinksColor;
}

.feed-links a, .feed-links a:visited {color: $feedlinksColor}
.feed-links a:hover {color: $mainHoverLinkColor}

/* ----- SIDEBAR ----- */

#side-wrapper1, #side-wrapper2 {
max-width: 197px;
float: left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 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 {
float: left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 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 {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: left;
font: $sidebarTextFont;
}

#sidebar1 {
width: 160px;
margin: 0px 5px 0px 0px;
padding: 15px 15px 0px 15px;
color: $sidebar1TextColor;
line-height: 1.6em;
background: $sidebar1bgColor;
border-left: 1px solid $sidebar1BorderColor;
border-right: 1px solid $sidebar1BorderColor;
}

#sidebar2 {
width: 160px;
margin: 0px 5px 0px 0px;
padding: 15px 15px 0px 15px;
color: $sidebar2TextColor;
line-height: 1.6em;
background: $sidebar2bgColor;
border-left: 1px solid $sidebar2BorderColor;
border-right: 1px solid $sidebar2BorderColor;
}

#sidebar1 .widget {
margin: 0px 0px 0px 0px;
padding: 0px 0px 35px 0px;
}

#sidebar2 .widget {
margin: 0px 0px 0px 0px;
padding: 0px 0px 35px 0px;
}

/* sidebar heading ----- */

#sidebar1 h2 {
margin: 0px 0px 5px 0px;
padding: 3px 0px 3px 0px;
text-align: left;
color: $sidebar1HeaderColor;
font: $sidebarHeaderFont;
/* background: $sidebar1HeaderBgColor; */
border-bottom: 2px solid $sidebar1HeaderBorderColor;
}

#sidebar2 h2 {
margin: 0px 0px 5px 0px;
padding: 3px 0px 3px 0px;
text-align: left;
color: $sidebar2HeaderColor;
font: $sidebarHeaderFont;
/* background: $sidebar2HeaderBgColor; */
border-bottom: 2px solid $sidebar2HeaderBorderColor;
}

.sidebar ul, #BlogArchive1 ul {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
list-style-type: none;
}

.sidebar li, #BlogArchive1 li {
margin: 0px 0px 0px 0px;
padding: 8px 0px 8px 0px;
border-bottom: 1px solid $sidebarListLineColor;
}

#sidebar1 a {
color: $sidebar1LinkColor;
text-decoration: none;
}

#sidebar1 a:hover {
text-decoration: underline;
color: $sidebar1HoverLinkColor;
}

#sidebar1 a:visited {
text-decoration: none;
color: $sidebar1VisitedLinkColor;
}

#sidebar2 a {
color: $sidebar2LinkColor;
text-decoration: none;
}

#sidebar2 a:hover {
text-decoration: underline;
color: $sidebar2HoverLinkColor;
}

#sidebar2 a:visited {
text-decoration: none;
color: $sidebar2VisitedLinkColor;
}

.sidebar a img {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

/* ----- PROFILE ----- */

.profile-img {
margin: 5px;
padding: 0px;
border: 1px solid $sidebarListLineColor;
}

.profile-textblock {
margin: 5px 0px 5px 0px;
padding: 5px 0px 5px 0px;
clear: both;
line-height: 1.6em;
border-top: 1px solid $sidebarListLineColor;
border-bottom: 1px solid $sidebarListLineColor;
}

.profile-datablock {
margin: 2px 0px 5px 0px;
padding: 0px 0px 0px 0px;
}

.profile-data {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-weight: normal;
font-style: italic;
}

.profile-link {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

/* ----- BLOCKQUOTE ----- */

blockquote {
margin: 10px 0px 10px 20px;
padding: 0px 0px 0px 15px;
font: $quoteFont;
line-height: 1.6em;
color: $blockQuoteColor;
border-left: 1px solid $blockquoteBorderColor;
}

/* ----- CODE ----- */

code {
color: $codeTextColor;
font-size: 110%;
}

/* ----- COMMENT ----- */
#comments {
margin: 0px 0px 0px 0px;
padding: 0px 0px 20px 0px;
text-align: left;
color: $commentTextColor;
font: $commentTextFont;
}

/* comment-header */
#comments h4 {
margin: 20px 0px 0px 0px;
padding: 0px 0px 0px 0px;
color: $commentTitleColor;
font: $commentTitleFont;
}

.deleted-comment {
font-style:italic;
color:gray;
margin: 3px 0px 3px 0px;
}

.comment-author {
display: block;
margin: 10px 0px 0px 0px;
padding: 8px 10px 3px 0px;
color: $commentauthorColor;
/* background: $commentAuthorBgColor; */
border-top: 1px solid $commentboxBorderColor;
border-bottom: 0px dotted $commentboxBorderColor;
font-weight: normal;
}

.comment-author a {color: $commentauthorColor; text-decoration: none;}
.comment-author a:hover {color: $commentTimeStampColor; text-decoration: underline;}
.comment-author a:visited {color: $commentauthorColor; text-decoration: none;}
.comment-body {margin: 0; padding: 5px 0px 5px 40px;}
.comment-body p {margin: 0; padding: 0; line-height: 1.7em;}
.comment-footer, .comment-footer a {margin: 0px 0px 0px 0px; padding: 4px 0px 0px 0px;}

.comment-timestamp {
margin: 0px 0px 0px 4px;
padding: 0px 0px 7px 4px;
color: $commentTimeStampColor;
text-decoration: none;
font-weight: normal;
font-style: italic;
}

.comment-timestamp a {
color: $commentTimeStampColor;
text-decoration: none;
}

.comment-timestamp a:hover {color: $commentauthorColor; text-decoration: underline;}

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

a.comment-link {
/* ie5.0/win doesn't apply padding to inline elements,
so we hide these two declarations from it */
padding: 0px 0px 0px 0px;
}

html>body a.comment-link {
/* respecified, for ie5/mac's benefit */
padding-left: 0px;
}

/* ----- LOWER SECTION ----- */

#lower-wrapper {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 972px;
font: $sidebarTextFont;
color: $lowerbarTextColor;
background: $lowerbarbgColor;
border-top: 3px solid $lowerbarBorderColor;
}

#lowerbar-wrapper {
float: left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 33%;
text-align: left;
line-height: 1.6em;
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 */
}

#lowerads-wrapper {
float: left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 100%;
text-align: center;
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 */
}

.lowerbar {margin: 0; padding: 0;}
.lowerbar .widget {margin: 0; padding: 15px 20px 15px 20px;}
.lowerads {margin: 0; padding: 0;}
.lowerads .widget {margin: 0; padding: 10px 0px 10px 0px;}

.lowerbar h2 {
margin: 0px 0px 5px 0px;
padding: 10px 0px 5px 0px;
color: $lowerbarHeaderColor;
font: $sidebarHeaderFont;
text-align: left;
/* background: $lowerbarTitleBgColor; */
border-bottom: 1px solid $lowerbarTitleBorderColor;
}

.lowerbar ul {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
list-style-type: none;
}

.lowerbar li {
margin: 0px 0px 0px 0px;
padding: 1px 0px 1px 0px;
/* border-bottom: 1px solid $lowerbarListLineColor; */
}

.lowerbar a {color: $lowerbarLinkColor; text-decoration: none;}
.lowerbar a:hover {text-decoration: underline; color: $lowerbarHoverLinkColor;}
.lowerbar a:visited {text-decoration: none; color: $lowerbarVisitedLinkColor;}

/* ----- FOOTER ----- */

#footer-wrapper {
clear: both;
display: inline; /* handles IE margin bug */
float: left;
width: 972px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background: $footerbgColor;
border-top: 3px solid $footerBorderColor;
}

#footer {
margin: 0px 0px 0px 0px;
padding: 15px 0px 0px 0px;
text-align: center;
color: $footerTextColor;
font: $footerTextFont;
line-height: 1.6em;
}

#footer h2 {
margin: 0px 0px 0px 0px;
padding: 0px 0px 2px 0px;
color: $footerHeaderColor;
font: $footerHeaderFont;
}

#footer .widget {
margin: 0px 0px 0px 0px;
padding: 0px 10px 15px 10px;
}

.footer p {margin: 0; padding: 0}

.footer a {
color: $footerLinkColor;
text-decoration: none;
}

.footer a:hover {
color: $footerHoverLinkColor;
text-decoration: underline;
}

.footer a:visited {
color: $footerVisitedLinkColor;
text-decoration: none;
}

/* ----- BOTTOM ADS ----- */

#bottomads-wrapper {
margin: 0;
padding: 0;
position: relative;
text-align: center;
width: 100%;
}

#bottomads {margin: 0; padding: 10px 0;}

#bottomads .widget {margin: 0; padding: 5px 0;}

/* ----- CREDIT ----- */

#credit {
margin: 0px 0px 0px 0px;
padding: 2px 0px 0px 0px;
width: 100%;
height: 26px;
clear: both;
font-family: verdana, helvetica;
font-size: 70%;
color: #dddddd;
font-weight: normal;
background: #000000;
}

#creditleft {
margin: 0px 0px 0px 0px;
padding: 7px 0px 0px 0px;
height: 26px;
position: relative;
float: left;
text-align: left;
display: inline;
width: 71%;
background: #000000;
}

#creditright {
margin: -33px 0px 0px 0px;
padding: 7px 0px 0px 0px;
height: 26px;
position: relative;
float: right;
text-align:right;
display: inline;
width: 30%;
background: #000000;
}

#creditleft p {
margin: 0;
padding: 0
}

#creditright p {
margin: 0;
padding: 0
}

#creditleft a, .creditleft a:hover, .creditleft a:visited {
color: #dddddd;
text-decoration: underline;
}

#creditright a, .creditright a:hover, .creditright a:visited {
color: #dddddd;
text-decoration: underline;
}

/* ************ END OF CSS STYLING ************ */

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

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

<b:if cond='data:blog.pageType != "item"'>
<script type='text/javascript'>

var fade = false;
function showFull(id) {
var post = document.getElementById(id);
var spans = post.getElementsByTagName('span');
for (var i = 0; i < spans.length; i++) {
if (spans[i].id == "fullpost") {
if (fade) {
spans[i].style.background = peekaboo_bgcolor;
Effect.Appear(spans[i]);
} else spans[i].style.display = 'inline';
}
if (spans[i].id == "showlink")
spans[i].style.display = 'none';
if (spans[i].id == "hidelink")
spans[i].style.display = 'inline';
}
}

function hideFull(id) {
var post = document.getElementById(id);
var spans = post.getElementsByTagName('span');
for (var i = 0; i < spans.length; i++) {
if (spans[i].id == "fullpost") {
if (fade) {
spans[i].style.background = peekaboo_bgcolor;
Effect.Fade(spans[i]);
} else spans[i].style.display = 'none';
}
if (spans[i].id == "showlink")
spans[i].style.display = 'inline';
if (spans[i].id == "hidelink")
spans[i].style.display = 'none';
}
post.scrollIntoView(true);
}

function checkFull(id) {
var post = document.getElementById(id);
var spans = post.getElementsByTagName('span');
var found = 0;
for (var i = 0; i < spans.length; i++) {
if (spans[i].id == "fullpost") {
spans[i].style.display = 'none';
found = 1;
}
if ((spans[i].id == "showlink") && (found == 0))
spans[i].style.display = 'none';
}
}

</script>
</b:if>

</head>

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


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

<div id='topads-wrapper'>
<b:section class='topads' id='topads' preferred='yes'/>
</div>

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

<div id='blog-wrapper'>

<div id='linkbar-wrapper'>
<b:section class='linkbar' id='linkbar' showaddelement='no'>
<b:widget id='LinkList1' locked='true' title='' type='LinkList'/>
</b:section>
</div>

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

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

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

<div id='middleads-wrapper'>
<b:section class='middleads' id='middleads' preferred='yes'>
<b:widget id='HTML1' locked='false' title='' type='HTML'/>
</b:section>
</div>

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

<div id='content-wrapper'>

<div id='main-wrapper'>
<b:section class='main' id='main' preferred='yes'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>
</b:section>
</div>

<div id='side-wrapper1'>
<b:section class='sidebar' id='sidebar1' preferred='yes'>
<b:widget id='Feed2' locked='false' title='Recent Posts' type='Feed'/>
<b:widget id='Label2' locked='false' title='Labels' type='Label'/>
</b:section>
</div>

<div id='side-wrapper2'>
<b:section class='sidebar' id='sidebar2' preferred='yes'>
<b:widget id='Profile1' locked='false' title='About me' type='Profile'/>
<b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'/>
</b:section>
</div>


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

</div> 

<div id='middleads-wrapper'>
<b:section class='middleads2' id='middleads2' preferred='yes'/>
</div>

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

<div id='lower-wrapper'>

<div id='lowerbar-wrapper'>
<b:section class='lowerbar' id='lowerbar1' preferred='yes'>
<b:widget id='Text2' locked='false' title='About This Blog' type='Text'/>
</b:section>
</div>

<div id='lowerbar-wrapper'>
<b:section class='lowerbar' id='lowerbar2' preferred='yes'>
<b:widget id='Text3' locked='false' title='Lorem Ipsum' type='Text'/>
</b:section>
</div>

<div id='lowerbar-wrapper'>
<b:section class='lowerbar' id='lowerbar3' preferred='yes'>
<b:widget id='Feed1' locked='false' title='Our Blogger Templates' type='Feed'/>
</b:section>
</div>

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

<div id='lowerads-wrapper'>
<b:section class='lowerads' id='lowerads' preferred='yes'/>
</div>

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

</div> 

<div id='footer-wrapper'>
<b:section class='footer' id='footer'>
<b:widget id='Text1' locked='false' title='' type='Text'/>
</b:section>
</div>

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

</div> 

<div id='bottomads-wrapper'>
<b:section class='bottomads' id='bottomads' preferred='yes'/>
</div>

</div> 



<div id='credit'>

<div id='creditleft'>
<p><b><a href=''><font color="red"><i>Dsgd: by Mullookkaaran</i></font></a> <i/><a href=''/> </b></p>
</div>

<div id='creditright'>
<p><b>Back to <a href='#outer-wrapper'>TOP</a>  </b></p>
</div>

</div> 

</body>
</html>

കൂടുതല്‍ കോളങ്ങള്‍ ഉള്ള മറ്റൊരു ടെമ്പ്ലേറ്റ് ...

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

<b:skin><![CDATA[

/* ************ START OF CSS STYLING ************ */

/* -----------------------------------------------------------------------
Blogger Template Design: By Mullookkaaran
----------------------------------------------------------------------- */

/* Variable definitions
========================
<Variable name="bodybgColor" description="Body Background Color"
type="color" default="#FFBBE8" value="#808080">
<Variable name="blogframeColor" description="Blog Background Color"
type="color" default="#800040" value="#191919">
<Variable name="blogBorderColor" description="Blog Border Color"
type="color" default="#800040" value="#ffffff">
<Variable name="headerbgColor" description="Header Background Color"
type="color" default="#ffffff" value="#940f04">
<Variable name="headerBorderColor" description="Header Border Color"
type="color" default="#800040" value="#ffffff">
<Variable name="blogTitleColor" description="Blog Title Color"
type="color" default="#800040" value="#66B5FF">
<Variable name="blogDescriptionColor" description="Blog Description Color"
type="color" default="#800040" value="#ffffff">

<Variable name="linkbarbgColor" description="Linkbar Background Color"
type="color" default="#C94093" value="#ffffff">
<Variable name="linkbarmainBorderColor" description="Linkbar Main Border Color"
type="color" default="#C94093" value="#948a04">
<Variable name="linkbarBorderColor" description="Linkbar Border Color"
type="color" default="#9D1961" value="#948a04">
<Variable name="linkbarTextColor" description="Linkbar Text Color"
type="color" default="#ffffff" value="#000000">
<Variable name="linkbarHoverBgColor" description="Linkbar Hover Background Color"
type="color" default="#ffffff" value="#ffffff">
<Variable name="linkbarHoverTextColor" description="Linkbar Hover Text Color"
type="color" default="#9D1961" value="#808080">
<Variable name="middlebarbgColor" description="Middlebar Background Color"
type="color" default="#ffffff" value="#7f7f7f">

<Variable name="contentbgColor" description="Content Background Color"
type="color" default="#ffffff" value="#ffffff">
<Variable name="contentBorderColor" description="Content Border Color"
type="color" default="#9D1961" value="#044b94">
<Variable name="postbgColor" description="Post Background Color"
type="color" default="#ffffff" value="#C3D9FF">
<Variable name="postBorderColor" description="Post Border Color"
type="color" default="#ffffff" value="#cc0000">
<Variable name="postTitleColor" description="Post Title Color"
type="color" default="#000000" value="#cc0000">
<Variable name="posttitlebgColor" description="Post Title Background Color"
type="color" default="#000000" value="#FFBBE8">
<Variable name="posttitleBorderColor" description="Post Title Border Color"
type="color" default="#000000" value="#000000">
<Variable name="dateHeaderColor" description="Date Header Color"
type="color" default="#000000" value="#4c4c4c">
<Variable name="textColor" description="Text Color"
type="color" default="#191919" value="#000000">
<Variable name="mainLinkColor" description="Main Link Color"
type="color" default="#333333" value="#040e94">
<Variable name="mainHoverLinkColor" description="Main Hover Link Color"
type="color" default="#9D1961" value="#7D849E">
<Variable name="mainVisitedLinkColor" description="Main Visited Link Color"
type="color" default="#9D1961" value="#cc0000">
<Variable name="blockquotebgColor" description="Blockquote Background Color"
type="color" default="#191919" value="#cccccc">
<Variable name="blockquoteBorderColor" description="Blockquote Border Color"
type="color" default="#191919" value="#948a04">
<Variable name="blockQuoteColor" description="Blockquote Color"
type="color" default="#191919" value="#86AA3F">
<Variable name="codeTextColor" description="Code Text Color"
type="color" default="#660000" value="#86AA3F">
<Variable name="imagebgColor" description="Photo Background Color"
type="color" default="#f5f5f5" value="#00FF80">
<Variable name="imageBorderColor" description="Photo Border Color"
type="color" default="#f5f5f5" value="#cc0000">

<Variable name="postfooterBgColor" description="Postfooter Background Color"
type="color" default="#b8659C" value="#e6e6e6">
<Variable name="postfooterBorderColor" description="Postfooter Border Color"
type="color" default="#b8659C" value="#333333">
<Variable name="postfooterTextColor" description="Postfooter Text Color"
type="color" default="#b8659C" value="#cc0000">
<Variable name="postfooterLinkColor" description="Postfooter Link Color"
type="color" default="#b8659C" value="#7D849E">
<Variable name="commentTabLinkColor" description="Comment Tab Link Color"
type="color" default="#b8659C" value="#7D849E">
<Variable name="feedlinksColor" description="Feed Links Color"
type="color" default="#9D1961" value="#040e94">

<Variable name="mainsidebar1bgColor" description="Main Sidebar Background Color"
type="color" default="#FFBBE8" value="#0066CC">
<Variable name="sidebar1bgColor" description="Sidebar1 Background Color"
type="color" default="#FFBBE8" value="#C3D9FF">
<Variable name="sidebar2bgColor" description="Sidebar2 Background Color"
type="color" default="#FFBBE8" value="#C3D9FF">
<Variable name="sidebar1BorderColor" description="Sidebar1 Border Color"
type="color" default="#C94093" value="#cc0000">
<Variable name="sidebar2BorderColor" description="Sidebar2 Border Color"
type="color" default="#C94093" value="#cc0000">
<Variable name="sidebar1HeaderBgColor" description="Sidebar1 Header Background Color"
type="color" default="#ffffff" value="#ffffff">
<Variable name="sidebar2HeaderBgColor" description="Sidebar2 Header Background Color"
type="color" default="#ffffff" value="#fcfcfc">
<Variable name="sidebar1HeaderBorderColor" description="Sidebar1 Header Border Color"
type="color" default="#C94093" value="#948a04">
<Variable name="sidebar2HeaderBorderColor" description="Sidebar2 Header Border Color"
type="color" default="#C94093" value="#948a04">
<Variable name="sidebar1HeaderColor" description="Sidebar1 Header Color"
type="color" default="#000000" value="#86AA3F">
<Variable name="sidebar2HeaderColor" description="Sidebar2 Header Color"
type="color" default="#000000" value="#86AA3F">
<Variable name="sidebar1TextColor" description="Sidebar1 Text Color"
type="color" default="#9D1961" value="#86AA3F">
<Variable name="sidebar2TextColor" description="Sidebar2 Text Color"
type="color" default="#9D1961" value="#86AA3F">
<Variable name="sidebar1LinkColor" description="Sidebar1 Link Color"
type="color" default="#9D1961" value="#86AA3F">
<Variable name="sidebar2LinkColor" description="Sidebar2 Link Color"
type="color" default="#9D1961" value="#86AA3F">
<Variable name="sidebar1HoverLinkColor" description="Sidebar1 Hover Link Color"
type="color" default="#000000" value="#000000">
<Variable name="sidebar2HoverLinkColor" description="Sidebar2 Hover Link Color"
type="color" default="#000000" value="#000000">
<Variable name="sidebar1VisitedLinkColor" description="Sidebar1 Visited Link Color"
type="color" default="#000000" value="#86AA3F">
<Variable name="sidebar2VisitedLinkColor" description="Sidebar2 Visited Link Color"
type="color" default="#000000" value="#86AA3F">
<Variable name="sidebarListLineColor" description="Sidebar List Line Color"
type="color" default="#000000" value="#0066CC">

<Variable name="lowerbarbgColor" description="Lowerbar Background Color"
type="color" default="#ffffff" value="#99C9FF">
<Variable name="lowerbarBorderColor" description="Lowerbar Border Color"
type="color" default="#C94093" value="#cc0000">
<Variable name="lowerbarHeaderColor" description="Lowerbar Header Color"
type="color" default="#000000" value="#000000">
<Variable name="lowerbarTitleBgColor" description="Lowerbar Header Background Color"
type="color" default="#C94093" value="#bb0000">
<Variable name="lowerbarTitleBorderColor" description="Lowerbar Header Border Color"
type="color" default="#C94093" value="#333333">
<Variable name="lowerbarTextColor" description="Lowerbar Text Color"
type="color" default="#9D1961" value="#000000">
<Variable name="lowerbarLinkColor" description="Lowerbar Link Color"
type="color" default="#9D1961" value="#044b94">
<Variable name="lowerbarHoverLinkColor" description="Lowerbar Hover Link Color"
type="color" default="#000000" value="#7D849E">
<Variable name="lowerbarVisitedLinkColor" description="Lowerbar Visited Link Color"
type="color" default="#000000" value="#2BA94F">
<Variable name="lowerbarListLineColor" description="Lowerbar List Line Color"
type="color" default="#000000" value="#cc0000">

<Variable name="commentbgColor" description="Comment Background Color"
type="color" default="#9D1961" value="#f8ffa9">
<Variable name="commentBorderColor" description="Comment Border Color"
type="color" default="#C94093" value="#C2CD43">
<Variable name="commentTitleColor" description="Comment Header Color"
type="color" default="#000000" value="#343E61">
<Variable name="commentAuthorBgColor" description="Comment Author Background Color"
type="color" default="#9D1961" value="#cc0000">
<Variable name="commentboxBorderColor" description="Comment Author Border Color"
type="color" default="#C94093" value="#C2CD43">
<Variable name="commentauthorColor" description="Comment Author Color"
type="color" default="#9D1961" value="#86AA3F">
<Variable name="commentTimeStampColor" description="Comment Timestamp Color"
type="color" default="#C94093" value="#7D849E">
<Variable name="commentTextColor" description="Comment Text Color"
type="color" default="#4c4c4c" value="#7D849E">

<Variable name="footerbgColor" description="Footer Background Color"
type="color" default="#ffffff" value="#cc0000">
<Variable name="footerBorderColor" description="Footer Border Color"
type="color" default="#000000" value="#fbffc9">
<Variable name="footerHeaderColor" description="Footer Header Color"
type="color" default="#000000" value="#ffffff">
<Variable name="footerTextColor" description="Footer Text Color"
type="color" default="#C94093" value="#b3daff">
<Variable name="footerLinkColor" description="Footer Link Color"
type="color" default="#C94093" value="#C2CD43">
<Variable name="footerHoverLinkColor" description="Footer Hover Link Color"
type="color" default="#C94093" value="#999999">
<Variable name="footerVisitedLinkColor" description="Footer Visited Link Color"
type="color" default="#C94093" value="#C2CD43">

<Variable name="blogTitleFont" description="Blog Title Font"
type="font"
default="normal bold 273% Georgia, Times, serif"
value="normal bold 219% Georgia, Times, serif">
<Variable name="blogDescriptionFont" description="Blog Description Font"
type="font"
default="normal normal 104% georgia,helvetica,verdana,Georgia, serif"
value="normal bold 99% Georgia, Times, serif">
<Variable name="linkbarTextFont" description="Linkbar Text Font"
type="font"
default="normal normal 77% Verdana, sans-serif"
value="normal bold 74% Arial, sans-serif">
<Variable name="postTitleFont" description="Post Title Font"
type="font"
default="normal bold 180% Georgia, Times, serif"
value="normal bold 113% Verdana, sans-serif">
<Variable name="dateHeaderFont" description="Date Header Font"
type="font"
default="normal bold 117% Arial, sans-serif"
value="normal normal 74% Arial, sans-serif">
<Variable name="textFont" description="Text Font"
type="font"
default="normal normal 90% Arial, sans-serif"
value="normal normal 77% Verdana, sans-serif">
<Variable name="quoteFont" description="Blog Quote Font"
type="font"
default="normal normal 92% helvetica,tahoma,verdana,arial,times,Sans-serif"
value="italic normal 95% Verdana, sans-serif">
<Variable name="sidebarHeaderFont" description="Sidebar Title Font"
type="font"
default="normal bold 117% Arial, sans-serif"
value="normal bold 103% Verdana, sans-serif">
<Variable name="sidebarTextFont" description="Sidebar Text Font"
type="font"
default="normal normal 78% Arial, Verdana, sans-serif"
value="normal normal 68% Verdana, sans-serif">
<Variable name="postfooterTextFont" description="Post-Footer Text Font"
type="font"
default="normal normal 93% Arial, sans-serif"
value="normal normal 86% Verdana, sans-serif">
<Variable name="commentTitleFont" description="Comment Title Font"
type="font"
default="normal bold 120% Arial, sans-serif"
value="normal bold 127% Verdana, sans-serif">
<Variable name="commentTextFont" description="Comment Text Font"
type="font"
default="normal normal 95% Arial, sans-serif"
value="normal normal 94% Verdana, sans-serif">
<Variable name="footerHeaderFont" description="Footer Header Font"
type="font"
default="normal bold 131% Trebuchet, Trebuchet MS, Arial, sans-serif"
value="normal bold 114% Arial, sans-serif">
<Variable name="footerTextFont" description="Footer Text Font"
type="font"
default="normal normal 76% Trebuchet, Trebuchet MS, Arial, sans-serif"
value="normal bold 72% Arial, sans-serif">
*/

/* ----- GLOBAL ----- Template Design: By Mullookkaaran*/

* {margin:0; padding:0;}

body {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: center;
color: $textColor;
background: $bodybgColor url() repeat top right;
background-attachment: fixed;
font-family: arial,verdana,helvetica,tahoma,Sans-serif;
font-size: 100%;
width: 100%;
}

#outer-wrapper {
margin: 0 auto; /* auto - to make the template lay in the screen center */
padding: 0px 0px 0px 0px;
margin-top: 25px;
margin-bottom: 20px;
position: relative;
width: 100%;
text-align: center;
}

#blog-wrapper {
margin: 0 auto; /* auto - to make the template lay in the screen center */
padding: 20px;
margin-top: 20px;
margin-bottom: 10px;
text-align: center;
position: relative;
width: 930px;
background: $blogframeColor;
border: 1px solid $blogBorderColor;
}

#spacer {clear: both; margin: 0; padding: 0;}

/* global link attributes */
a {color: $mainLinkColor; text-decoration: underline;}
a:hover {color: $mainHoverLinkColor; text-decoration: underline;}
a:visited {color: $mainVisitedLinkColor; text-decoration: underline;}

/* Blogger Navigation Bar */
#Navbar1 {
margin: 0;
padding: 0;
/* visibility: hidden; */
/* display: none; */
}

/* ----- TOP ADS ----- Template Design: By Mullookkaaran*/

#topads-wrapper {
margin: 0;
padding: 0;
position: relative;
text-align: center;
width: 100%;
}

#topads {margin: 0; padding: 0;}

#topads .widget {margin: 0; padding: 5px 0;}

/* ----- HEADER ----- Template Design: By Mullookkaaran*/

#header-wrapper {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 930px;
text-align: center;
background: $headerbgColor;
border: 0px solid $headerBorderColor;
}

#header {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: left;
}

#header h1 {
color: $blogTitleColor;
font: $blogTitleFont;
text-align: left;
text-transform: uppercase;
margin: 0px 0px 0px 0px;
padding: 20px 20px 0px 20px;
}

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

#header h1 a:hover {
text-decoration: underline;
color: $blogDescriptionColor;
}

#header .description {
color: $blogDescriptionColor;
font: $blogDescriptionFont;
text-align: left;
margin: 0px 0px 0px 0px;
padding: 2px 20px 17px 20px;
}

#header h1 p, #header .description p {margin:0;padding:0}

#header a img {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border: 0;
}

/* ----- LINKBAR ----- Template Design: By Mullookkaaran*/

#linkbar-wrapper {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 930px;
position: relative;
background: $linkbarbgColor;
border-bottom: 5px solid $linkbarmainBorderColor;
}

#linkbar .widget {
margin: 0px 0px 0px 0px;
padding: 6px 5px 5px 5px;
}

#linkbar ul {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: left;
list-style-type:none;
border-right: 0px solid $linkbarBorderColor;
}

#linkbar li {
display: inline;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#linkbar h2 {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
display: none;
visibility: hidden;
}

#linkbar a {
clear: both;
margin: 0px -4px 0px 0px;
padding: 9px 20px 6px 20px;
width:100%;
text-decoration:none;
font: $linkbarTextFont;
color: $linkbarTextColor;
/* text-transform: uppercase; */
border-right: 1px solid $linkbarBorderColor;
border-left: 0px solid $linkbarBorderColor;
}

#linkbar a:hover {
color: $linkbarHoverTextColor;
background: $linkbarHoverBgColor;
}

/* ----- MIDDLE ADS ----- Template Design: By Mullookkaaran*/

#middleads-wrapper {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 930px;
position: relative;
text-align: center;
width: 100%;
}

#middleads, #middleads2 {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#middleads .widget, #middleads2 .widget {
margin: 0;
padding: 5px 0;
background: $middlebarbgColor;
}

/* ----- MAIN ----- Template Design: By Mullookkaaran*/

#content-wrapper {
width: 930px;
margin: 0px 0px 0px 0px;
padding: 15px 0px 0px 0px;
position: relative;
text-align: left;
/* background: $contentbgColor; */
border: 0px solid $contentBorderColor;
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 */
}

#subcontent-wrapper {
float: left;
position: relative;
width: 555px;
margin: 0px 0px 15px 0px;
padding: 0px 0px 0px 0px;
background: $postbgColor;
border: 1px solid $contentBorderColor;
}

#main-wrapper {
float: left;
position: relative;
max-width: 415px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: justify;
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 {
width: 415px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: justify;
color: $textColor;
font: $textFont;
}

#main .widget {
margin: 0px 0px 7px 0px;
padding: 15px 5px 15px 10px;
background: $postbgColor; /* url(http://farm4.static.flickr.com/3135/2746541297_c4c9e6dae2_o.jpg) repeat-y top left; */
border: 0px solid $postBorderColor;
}

.post {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
line-height: 1.6em;
text-align: justify;
}

.post h3 {
margin: 0px 0px 0px 0px;
padding: 0px 0px 1px 0px;
color: $postTitleColor;
font: $postTitleFont;
text-decoration: none;
text-align: left;
line-height: 1.6em;
/* text-transform: uppercase;
background: $posttitlebgColor;
border-top: 1px solid $posttitleBorderColor;
border-bottom: 2px solid $posttitleBorderColor; */
}

.post h3 a, .post h3 a:visited {
color: $postTitleColor;
text-decoration: none;
}
.post h3 a:hover {
color: $textColor;
text-decoration: underline;
}

.post-header-line-1 {
margin: 0px 0px 0px 0px;
padding: 0px 0px 17px 0px;
}

h2.date-header {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: left;
color: $dateHeaderColor;
font: $dateHeaderFont;
text-decoration: none;
text-transform: uppercase;
}

.date-header span {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

.post-body p {
/* Fix bug in IE5/Win with italics in posts */
margin: 0px 0px 0px 0px;
padding: 1px 0px 1px 0px;
display: inline; /* to fix floating-ads wrapping problem in IE */
height: 1%;
overflow: visible;
}

.post-body p a, .post-body p a:visited {
color: $mainLinkColor;
text-decoration: underline;
}

.post-body a:hover {
text-decoration: underline;
color: $mainHoverLinkColor;
}

.post ul {
margin: 0px 0px 0px 0px;
padding: 12px 0px 12px 30px;
list-style-type: disc;
line-height: 1.6em;
font-size: 95%;
}

.post ol {
margin: 0px 0px 0px 0px;
padding: 12px 0px 12px 30px;
line-height: 1.6em;
font-size: 95%;
}

.post li {
margin: 0px 0px 0px 0px;
padding: 0px 0px 8px 0px;
}

a img {
margin: 5px 5px 5px 5px;
padding: 0px 0px 0px 0px;
}

.post img {
margin: 5px;
padding: 5px;
background: $imagebgColor;
border: 1px solid $imageBorderColor;
}

/* ----- POST-FOOTER ----- Template Design: By Mullookkaaran*/

.post-footer {
display: block;
margin: 15px 0px 25px 0px;
padding: 4px 0px 5px 0px;
text-align: left;
font: $postfooterTextFont;
color: $postfooterTextColor;
font-weight: normal;
line-height: 1.6em;
text-decoration: none;
/* background: $postfooterBgColor; */
border-top: 1px dashed $postfooterBorderColor;
}

.post-footer-line {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

.post-footer-line-1, .post-footer-line-2, .post-footer-line-3 {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

.post-footer a {
color: $postfooterLinkColor;
text-decoration: none;
}

.post-footer a:hover {
color: $mainHoverLinkColor;
text-decoration: underline;
}

.post-footer .post-comment-link a {
margin: 0px 0px 0px 7px;
padding: 0px 0px 0px 9px;
border-left: 1px solid $postfooterTextColor;
color: $commentTabLinkColor;
font-weight: normal;
text-decoration: none;
}

.post-footer .post-comment-link a:hover {
color: $mainHoverLinkColor;
text-decoration: underline;
}

.post-footer .post-icons {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

.post-footer img {
margin: 0px 0px 0px 0px;
padding: 0px 0px 5px 0px;
background: $postfooterBgColor;
}

#blog-pager {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: center;
font: $postfooterTextFont;
color: $feedlinksColor;
}

#blog-pager a {color: $feedlinksColor}
#blog-pager a:hover {color: $mainHoverLinkColor}

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

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

.feed-links {
margin: 10px 0px 0px 0px;
padding: 0px 0px 0px 0px;
clear: both;
text-align: left;
font: $postfooterTextFont;
color: $feedlinksColor;
}

.feed-links a, .feed-links a:visited {color: $feedlinksColor}
.feed-links a:hover {color: $mainHoverLinkColor}

/* ----- BLOCKQUOTE ----- */

blockquote {
margin: 10px 0px 10px 20px;
padding: 10px 15px 10px 15px;
font: $quoteFont;
line-height: 1.6em;
color: $blockQuoteColor;
background: $blockquotebgColor;
border: 2px solid $blockquoteBorderColor;
}

/* ----- CODE ----- */

code {
color: $codeTextColor;
font-size: 110%;
}

/* ----- SIDEBAR ----- Template Design: By Mullookkaaran*/

#side-wrapper1 {
max-width: 140px;
float: left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background: $postbgColor;
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 */
}

#side-wrapper2 {
max-width: 373px;
float: right;
margin: 0px 0px 15px 0px;
padding: 0px 0px 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 {
float: left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 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 {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: left;
font: $sidebarTextFont;
}

#sidebar1 {
width: 120px;
margin: 0px 0px 0px 0px;
padding: 15px 10px 0px 10px;
color: $sidebar1TextColor;
line-height: 1.6em;
}

#sidebar2 {
width: 358px;
margin: 0px 0px 0px 15px;
padding: 0px 0px 0px 0px;
color: $sidebar2TextColor;
line-height: 1.6em;
}

#sidebar1 .widget {
margin: 0px 0px 0px 0px;
padding: 0px 0px 20px 0px;
border: 0px solid $sidebar1BorderColor;
}

#sidebar2 .widget {
margin: 0px 0px 15px 0px;
padding: 10px 10px 10px 10px;
background: $sidebar2bgColor;
border: 1px solid $sidebar2BorderColor;
}

/* sidebar heading ----- Template Design: By Mullookkaaran*/

#sidebar1 h2 {
margin: 0px 0px 2px 0px;
padding: 0px 0px 2px 0px;
text-align: left;
color: $sidebar1HeaderColor;
font: $sidebarHeaderFont;
text-transform: uppercase;
text-decoration: underline;
/* background: $sidebar1HeaderBgColor;
border-top: 0px solid $sidebar1HeaderBorderColor;
border-bottom: 1px solid $sidebar1HeaderBorderColor; */
}

#sidebar2 h2 {
margin: 0px 0px 2px 0px;
padding: 0px 0px 2px 0px;
text-align: left;
color: $sidebar2HeaderColor;
font: $sidebarHeaderFont;
text-transform: uppercase;
text-decoration: underline;
/* background: $sidebar2HeaderBgColor;
border-top: 0px solid $sidebar2HeaderBorderColor;
border-bottom: 1px solid $sidebar2HeaderBorderColor; */
}

.sidebar ul, #BlogArchive1 ul {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
list-style-type: none;
}

.sidebar li, #BlogArchive1 li {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
/* border-bottom: 1px solid $sidebarListLineColor; */
}

#sidebar1 a {
color: $sidebar1LinkColor;
text-decoration: none;
}

#sidebar1 a:hover {
text-decoration: underline;
color: $sidebar1HoverLinkColor;
}

#sidebar1 a:visited {
text-decoration: none;
color: $sidebar1VisitedLinkColor;
}

#sidebar2 a {
color: $sidebar2LinkColor;
text-decoration: none;
}

#sidebar2 a:hover {
text-decoration: underline;
color: $sidebar2HoverLinkColor;
}

#sidebar2 a:visited {
text-decoration: none;
color: $sidebar2VisitedLinkColor;
}

.sidebar a img {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

/* ----- PROFILE ----- Template Design: By Mullookkaaran*/

.profile-img {
margin: 5px;
padding: 0px;
border: 1px solid $sidebarListLineColor;
}

.profile-textblock {
margin: 0px 0px 0px 0px;
padding: 3px 0px 3px 0px;
clear: both;
line-height: 1.6em;
/* border-top: 1px solid $sidebarListLineColor;
border-bottom: 1px solid $sidebarListLineColor; */
}

.profile-datablock {
margin: 2px 0px 5px 0px;
padding: 0px 0px 0px 0px;
}

.profile-data {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-weight: normal;
font-style: italic;
}

.profile-link {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

/* ----- COMMENT ----- Template Design: By Mullookkaaran*/
#comments {
margin: 0px 0px 0px 0px;
padding: 0px 15px 20px 15px;
text-align: left;
color: $commentTextColor;
font: $commentTextFont;
background: $commentbgColor;
border: 1px solid $commentBorderColor;
}

/* comment-header */
#comments h4 {
margin: 20px 0px 0px 0px;
padding: 0px 0px 0px 0px;
color: $commentTitleColor;
font: $commentTitleFont;
}

.deleted-comment {
font-style:italic;
color:gray;
margin: 3px 0px 3px 0px;
}

.comment-author {
display: block;
margin: 10px 0px 0px 0px;
padding: 8px 10px 3px 0px;
color: $commentauthorColor;
/* background: $commentAuthorBgColor; */
border-top: 1px solid $commentboxBorderColor;
border-bottom: 0px dotted $commentboxBorderColor;
font-weight: normal;
}

.comment-author a {color: $commentauthorColor; text-decoration: none;}
.comment-author a:hover {color: $commentTimeStampColor; text-decoration: underline;}
.comment-author a:visited {color: $commentauthorColor; text-decoration: none;}
.comment-body {margin: 0; padding: 5px 0px 5px 40px;}
.comment-body p {margin: 0; padding: 0; line-height: 1.7em;}
.comment-footer, .comment-footer a {margin: 0px 0px 0px 0px; padding: 4px 0px 0px 0px;}

.comment-timestamp {
margin: 0px 0px 0px 4px;
padding: 0px 0px 7px 4px;
color: $commentTimeStampColor;
text-decoration: none;
font-weight: normal;
font-style: italic;
font-size: 96%;
}

.comment-timestamp a {
color: $commentTimeStampColor;
text-decoration: none;
}

.comment-timestamp a:hover {color: $commentauthorColor; text-decoration: underline;}

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

a.comment-link {
/* ie5.0/win doesn't apply padding to inline elements,
so we hide these two declarations from it */
padding: 0px 0px 0px 0px;
}

html>body a.comment-link {
/* respecified, for ie5/mac's benefit */
padding-left: 0px;
}

/* ----- LOWER SECTION ----- Template Design: By Mullookkaaran*/

#lower-wrapper {
margin: 15px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 930px;
font: $sidebarTextFont;
color: $lowerbarTextColor;
background: $lowerbarbgColor;
border-top: 5px solid $lowerbarBorderColor;
border-bottom: 5px solid $lowerbarBorderColor;
}

#lowerbar-wrapper {
float: left;
margin: 0px 0px 0px 0px;
padding: 15px 0px 25px 0px;
width: 33%;
text-align: left;
line-height: 1.8em;
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 */
}

#lowerads-wrapper {
float: left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 100%;
text-align: center;
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 */
}

.lowerbar {margin: 0; padding: 0;}
.lowerbar .widget {margin: 0; padding: 15px 20px 25px 34px;}
.lowerads {margin: 0; padding: 0;}
.lowerads .widget {margin: 0; padding: 10px 0px 10px 0px;}

.lowerbar h2 {
margin: 0px 0px 2px 0px;
padding: 10px 0px 2px 0px;
color: $lowerbarHeaderColor;
font: $sidebarHeaderFont;
text-align: left;
text-transform: uppercase;
text-decoration: underline;
/* background: $lowerbarTitleBgColor;
border-bottom: 1px solid $lowerbarTitleBorderColor; */
}

.lowerbar ul {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
list-style-type: none;
}

.lowerbar li {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
/* border-bottom: 1px solid $lowerbarListLineColor; */
}

.lowerbar a {color: $lowerbarLinkColor; text-decoration: none;}
.lowerbar a:hover {text-decoration: underline; color: $lowerbarHoverLinkColor;}
.lowerbar a:visited {text-decoration: none; color: $lowerbarVisitedLinkColor;}

/* ----- FOOTER ----- Template Design: By Mullookkaaran*/

#footer-wrapper {
clear: both;
display: inline; /* handles IE margin bug */
float: left;
width: 930px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background: $footerbgColor;
border-top: 1px solid $footerBorderColor;
}

#footer {
margin: 0px 0px 0px 0px;
padding: 15px 0px 0px 0px;
text-align: center;
color: $footerTextColor;
font: $footerTextFont;
line-height: 1.6em;
}

#footer h2 {
margin: 0px 0px 0px 0px;
padding: 0px 0px 2px 0px;
color: $footerHeaderColor;
font: $footerHeaderFont;
}

#footer .widget {
margin: 0px 0px 0px 0px;
padding: 0px 10px 15px 10px;
}

.footer p {margin: 0; padding: 0}

.footer a {
color: $footerLinkColor;
text-decoration: none;
}

.footer a:hover {
color: $footerHoverLinkColor;
text-decoration: underline;
}

.footer a:visited {
color: $footerVisitedLinkColor;
text-decoration: none;
}

/* ----- BOTTOM ADS ----- Template Design: By Mullookkaaran*/

#bottomads-wrapper {
margin: 0;
padding: 0;
position: relative;
text-align: center;
width: 100%;
}

#bottomads {margin: 0; padding: 10px 0;}

#bottomads .widget {margin: 0; padding: 5px 0;}

/* ----- CREDIT ----- */

#credit {
margin: 0px 0px 0px 0px;
padding: 2px 0px 0px 0px;
width: 100%;
height: 26px;
clear: both;
font-family: verdana, helvetica;
font-size: 70%;
color: $postbgColor;
font-weight: normal;
background: $textColor;
}

#creditleft {
margin: 0px 0px 0px 0px;
padding: 7px 0px 0px 0px;
height: 26px;
position: relative;
float: left;
text-align: left;
display: inline;
width: 71%;
background: $textColor;
}

#creditright {
margin: -33px 0px 0px 0px;
padding: 7px 0px 0px 0px;
height: 26px;
position: relative;
float: right;
text-align:right;
display: inline;
width: 30%;
background: $textColor;
}

#creditleft p {
margin: 0;
padding: 0
}

#creditright p {
margin: 0;
padding: 0
}

#creditleft a, .creditleft a:hover, .creditleft a:visited {
color: $postbgColor;
text-decoration: underline;
}

#creditright a, .creditright a:hover, .creditright a:visited {
color: $postbgColor;
text-decoration: underline;
}

/* ************ END OF CSS STYLING ************ */

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

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

<b:if cond='data:blog.pageType != "item"'>
<script type='text/javascript'>

var fade = false;
function showFull(id) {
var post = document.getElementById(id);
var spans = post.getElementsByTagName('span');
for (var i = 0; i < spans.length; i++) {
if (spans[i].id == "fullpost") {
if (fade) {
spans[i].style.background = peekaboo_bgcolor;
Effect.Appear(spans[i]);
} else spans[i].style.display = 'inline';
}
if (spans[i].id == "showlink")
spans[i].style.display = 'none';
if (spans[i].id == "hidelink")
spans[i].style.display = 'inline';
}
}

function hideFull(id) {
var post = document.getElementById(id);
var spans = post.getElementsByTagName('span');
for (var i = 0; i < spans.length; i++) {
if (spans[i].id == "fullpost") {
if (fade) {
spans[i].style.background = peekaboo_bgcolor;
Effect.Fade(spans[i]);
} else spans[i].style.display = 'none';
}
if (spans[i].id == "showlink")
spans[i].style.display = 'inline';
if (spans[i].id == "hidelink")
spans[i].style.display = 'none';
}
post.scrollIntoView(true);
}

function checkFull(id) {
var post = document.getElementById(id);
var spans = post.getElementsByTagName('span');
var found = 0;
for (var i = 0; i < spans.length; i++) {
if (spans[i].id == "fullpost") {
spans[i].style.display = 'none';
found = 1;
}
if ((spans[i].id == "showlink") && (found == 0))
spans[i].style.display = 'none';
}
}

</script>
</b:if>

</head>

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


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

<div id='topads-wrapper'>
<b:section class='topads' id='topads' preferred='yes'/>
</div>

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

<div id='blog-wrapper'>

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

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

<div id='linkbar-wrapper'>
<b:section class='linkbar' id='linkbar' showaddelement='no'>
<b:widget id='LinkList1' locked='true' title='Linkbar' type='LinkList'/>
</b:section>
</div>

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

<div id='middleads-wrapper'>
<b:section class='middleads' id='middleads' preferred='yes'/>
</div>

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

<div id='content-wrapper'>

<div id='subcontent-wrapper'>

<div id='main-wrapper'>
<b:section class='main' id='main' preferred='yes'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>
</b:section>
</div>

<div id='side-wrapper1'>
<b:section class='sidebar' id='sidebar1' preferred='yes'>
<b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'/>
<b:widget id='Profile1' locked='false' title='About' type='Profile'/>
</b:section>
</div>

</div> 

<div id='side-wrapper2'>
<b:section class='sidebar' id='sidebar2' preferred='yes'>
<b:widget id='Image1' locked='false' title='' type='Image'/>
<b:widget id='Feed2' locked='false' title='Recent Posts' type='Feed'/>
<b:widget id='Label2' locked='false' title='Labels' type='Label'/>
</b:section>
</div>


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

</div> 

<div id='middleads-wrapper'>
<b:section class='middleads2' id='middleads2' preferred='yes'/>
</div>

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

<div id='lower-wrapper'>

<div id='lowerbar-wrapper'>
<b:section class='lowerbar' id='lowerbar1' preferred='yes'>
<b:widget id='Text2' locked='false' title='About This Blog' type='Text'/>
</b:section>
</div>

<div id='lowerbar-wrapper'>
<b:section class='lowerbar' id='lowerbar2' preferred='yes'>
<b:widget id='Text3' locked='false' title='Lorem Ipsum' type='Text'/>
</b:section>
</div>

<div id='lowerbar-wrapper'>
<b:section class='lowerbar' id='lowerbar3' preferred='yes'>
<b:widget id='Feed1' locked='false' title='Mullookkaaran' type='Feed'/>
</b:section>
</div>

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

<div id='lowerads-wrapper'>
<b:section class='lowerads' id='lowerads' preferred='yes'/>
</div>

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

</div> 

<div id='footer-wrapper'>
<b:section class='footer' id='footer'>
<b:widget id='Text1' locked='false' title='Footer' type='Text'/>
</b:section>
</div>

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

</div> 

<div id='bottomads-wrapper'>
<b:section class='bottomads' id='bottomads' preferred='yes'/>
</div>

</div> 



<div id='credit'>

<div id='creditleft'>
<p> <img border='0' id='BLOGGER_PHOTO_ID_5255170228945611202' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtqlQbQ0bLXU3lU87Bu3rLdhs_LzCCdbFw187tWkW32LGThSDgvZbFGHLgTEM1PxBahByl-YFzRcX73_24VD1gEpNj1UvIXinQgKu5qIitk4ZLknB7NkyZ_AjpSa4wzQABXvczpyPnL2k/s200/clip_image002.jpg' style='CURSOR: hand' title='Mullookkaaran'/> </p>
</div>

<div id='creditright'>
<p><b>Back to <a href='#outer-wrapper'>TOP</a>  </b></p>
</div>

</div> 

</body>
</html>

കൂടുതല്‍ കോളങ്ങള്‍ ഉള്ള മറ്റൊരു ടെമ്പ്ലേറ്റ് ...

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

<b:skin><![CDATA[

/* ************ START OF CSS STYLING ************ */

/* -----------------------------------------------------------------------
Blogger Template Design: By Mullookkaaran
----------------------------------------------------------------------- */

/* Variable definitions
========================
<Variable name="bodybgColor" description="Body Background Color"
type="color" default="#FFBBE8" value="#808080">
<Variable name="blogframeColor" description="Blog Background Color"
type="color" default="#800040" value="#191919">
<Variable name="blogBorderColor" description="Blog Border Color"
type="color" default="#800040" value="#ffffff">
<Variable name="headerbgColor" description="Header Background Color"
type="color" default="#ffffff" value="#940f04">
<Variable name="headerBorderColor" description="Header Border Color"
type="color" default="#800040" value="#ffffff">
<Variable name="blogTitleColor" description="Blog Title Color"
type="color" default="#800040" value="#66B5FF">
<Variable name="blogDescriptionColor" description="Blog Description Color"
type="color" default="#800040" value="#ffffff">

<Variable name="linkbarbgColor" description="Linkbar Background Color"
type="color" default="#C94093" value="#ffffff">
<Variable name="linkbarmainBorderColor" description="Linkbar Main Border Color"
type="color" default="#C94093" value="#948a04">
<Variable name="linkbarBorderColor" description="Linkbar Border Color"
type="color" default="#9D1961" value="#948a04">
<Variable name="linkbarTextColor" description="Linkbar Text Color"
type="color" default="#ffffff" value="#000000">
<Variable name="linkbarHoverBgColor" description="Linkbar Hover Background Color"
type="color" default="#ffffff" value="#ffffff">
<Variable name="linkbarHoverTextColor" description="Linkbar Hover Text Color"
type="color" default="#9D1961" value="#808080">
<Variable name="middlebarbgColor" description="Middlebar Background Color"
type="color" default="#ffffff" value="#7f7f7f">

<Variable name="contentbgColor" description="Content Background Color"
type="color" default="#ffffff" value="#ffffff">
<Variable name="contentBorderColor" description="Content Border Color"
type="color" default="#9D1961" value="#044b94">
<Variable name="postbgColor" description="Post Background Color"
type="color" default="#ffffff" value="#C3D9FF">
<Variable name="postBorderColor" description="Post Border Color"
type="color" default="#ffffff" value="#cc0000">
<Variable name="postTitleColor" description="Post Title Color"
type="color" default="#000000" value="#cc0000">
<Variable name="posttitlebgColor" description="Post Title Background Color"
type="color" default="#000000" value="#FFBBE8">
<Variable name="posttitleBorderColor" description="Post Title Border Color"
type="color" default="#000000" value="#000000">
<Variable name="dateHeaderColor" description="Date Header Color"
type="color" default="#000000" value="#4c4c4c">
<Variable name="textColor" description="Text Color"
type="color" default="#191919" value="#000000">
<Variable name="mainLinkColor" description="Main Link Color"
type="color" default="#333333" value="#040e94">
<Variable name="mainHoverLinkColor" description="Main Hover Link Color"
type="color" default="#9D1961" value="#7D849E">
<Variable name="mainVisitedLinkColor" description="Main Visited Link Color"
type="color" default="#9D1961" value="#cc0000">
<Variable name="blockquotebgColor" description="Blockquote Background Color"
type="color" default="#191919" value="#cccccc">
<Variable name="blockquoteBorderColor" description="Blockquote Border Color"
type="color" default="#191919" value="#948a04">
<Variable name="blockQuoteColor" description="Blockquote Color"
type="color" default="#191919" value="#86AA3F">
<Variable name="codeTextColor" description="Code Text Color"
type="color" default="#660000" value="#86AA3F">
<Variable name="imagebgColor" description="Photo Background Color"
type="color" default="#f5f5f5" value="#00FF80">
<Variable name="imageBorderColor" description="Photo Border Color"
type="color" default="#f5f5f5" value="#cc0000">

<Variable name="postfooterBgColor" description="Postfooter Background Color"
type="color" default="#b8659C" value="#e6e6e6">
<Variable name="postfooterBorderColor" description="Postfooter Border Color"
type="color" default="#b8659C" value="#333333">
<Variable name="postfooterTextColor" description="Postfooter Text Color"
type="color" default="#b8659C" value="#cc0000">
<Variable name="postfooterLinkColor" description="Postfooter Link Color"
type="color" default="#b8659C" value="#7D849E">
<Variable name="commentTabLinkColor" description="Comment Tab Link Color"
type="color" default="#b8659C" value="#7D849E">
<Variable name="feedlinksColor" description="Feed Links Color"
type="color" default="#9D1961" value="#040e94">

<Variable name="mainsidebar1bgColor" description="Main Sidebar Background Color"
type="color" default="#FFBBE8" value="#0066CC">
<Variable name="sidebar1bgColor" description="Sidebar1 Background Color"
type="color" default="#FFBBE8" value="#C3D9FF">
<Variable name="sidebar2bgColor" description="Sidebar2 Background Color"
type="color" default="#FFBBE8" value="#C3D9FF">
<Variable name="sidebar1BorderColor" description="Sidebar1 Border Color"
type="color" default="#C94093" value="#cc0000">
<Variable name="sidebar2BorderColor" description="Sidebar2 Border Color"
type="color" default="#C94093" value="#cc0000">
<Variable name="sidebar1HeaderBgColor" description="Sidebar1 Header Background Color"
type="color" default="#ffffff" value="#ffffff">
<Variable name="sidebar2HeaderBgColor" description="Sidebar2 Header Background Color"
type="color" default="#ffffff" value="#fcfcfc">
<Variable name="sidebar1HeaderBorderColor" description="Sidebar1 Header Border Color"
type="color" default="#C94093" value="#948a04">
<Variable name="sidebar2HeaderBorderColor" description="Sidebar2 Header Border Color"
type="color" default="#C94093" value="#948a04">
<Variable name="sidebar1HeaderColor" description="Sidebar1 Header Color"
type="color" default="#000000" value="#86AA3F">
<Variable name="sidebar2HeaderColor" description="Sidebar2 Header Color"
type="color" default="#000000" value="#86AA3F">
<Variable name="sidebar1TextColor" description="Sidebar1 Text Color"
type="color" default="#9D1961" value="#86AA3F">
<Variable name="sidebar2TextColor" description="Sidebar2 Text Color"
type="color" default="#9D1961" value="#86AA3F">
<Variable name="sidebar1LinkColor" description="Sidebar1 Link Color"
type="color" default="#9D1961" value="#86AA3F">
<Variable name="sidebar2LinkColor" description="Sidebar2 Link Color"
type="color" default="#9D1961" value="#86AA3F">
<Variable name="sidebar1HoverLinkColor" description="Sidebar1 Hover Link Color"
type="color" default="#000000" value="#000000">
<Variable name="sidebar2HoverLinkColor" description="Sidebar2 Hover Link Color"
type="color" default="#000000" value="#000000">
<Variable name="sidebar1VisitedLinkColor" description="Sidebar1 Visited Link Color"
type="color" default="#000000" value="#86AA3F">
<Variable name="sidebar2VisitedLinkColor" description="Sidebar2 Visited Link Color"
type="color" default="#000000" value="#86AA3F">
<Variable name="sidebarListLineColor" description="Sidebar List Line Color"
type="color" default="#000000" value="#0066CC">

<Variable name="lowerbarbgColor" description="Lowerbar Background Color"
type="color" default="#ffffff" value="#99C9FF">
<Variable name="lowerbarBorderColor" description="Lowerbar Border Color"
type="color" default="#C94093" value="#cc0000">
<Variable name="lowerbarHeaderColor" description="Lowerbar Header Color"
type="color" default="#000000" value="#000000">
<Variable name="lowerbarTitleBgColor" description="Lowerbar Header Background Color"
type="color" default="#C94093" value="#bb0000">
<Variable name="lowerbarTitleBorderColor" description="Lowerbar Header Border Color"
type="color" default="#C94093" value="#333333">
<Variable name="lowerbarTextColor" description="Lowerbar Text Color"
type="color" default="#9D1961" value="#000000">
<Variable name="lowerbarLinkColor" description="Lowerbar Link Color"
type="color" default="#9D1961" value="#044b94">
<Variable name="lowerbarHoverLinkColor" description="Lowerbar Hover Link Color"
type="color" default="#000000" value="#7D849E">
<Variable name="lowerbarVisitedLinkColor" description="Lowerbar Visited Link Color"
type="color" default="#000000" value="#2BA94F">
<Variable name="lowerbarListLineColor" description="Lowerbar List Line Color"
type="color" default="#000000" value="#cc0000">

<Variable name="commentbgColor" description="Comment Background Color"
type="color" default="#9D1961" value="#f8ffa9">
<Variable name="commentBorderColor" description="Comment Border Color"
type="color" default="#C94093" value="#C2CD43">
<Variable name="commentTitleColor" description="Comment Header Color"
type="color" default="#000000" value="#343E61">
<Variable name="commentAuthorBgColor" description="Comment Author Background Color"
type="color" default="#9D1961" value="#cc0000">
<Variable name="commentboxBorderColor" description="Comment Author Border Color"
type="color" default="#C94093" value="#C2CD43">
<Variable name="commentauthorColor" description="Comment Author Color"
type="color" default="#9D1961" value="#86AA3F">
<Variable name="commentTimeStampColor" description="Comment Timestamp Color"
type="color" default="#C94093" value="#7D849E">
<Variable name="commentTextColor" description="Comment Text Color"
type="color" default="#4c4c4c" value="#7D849E">

<Variable name="footerbgColor" description="Footer Background Color"
type="color" default="#ffffff" value="#cc0000">
<Variable name="footerBorderColor" description="Footer Border Color"
type="color" default="#000000" value="#fbffc9">
<Variable name="footerHeaderColor" description="Footer Header Color"
type="color" default="#000000" value="#ffffff">
<Variable name="footerTextColor" description="Footer Text Color"
type="color" default="#C94093" value="#b3daff">
<Variable name="footerLinkColor" description="Footer Link Color"
type="color" default="#C94093" value="#C2CD43">
<Variable name="footerHoverLinkColor" description="Footer Hover Link Color"
type="color" default="#C94093" value="#999999">
<Variable name="footerVisitedLinkColor" description="Footer Visited Link Color"
type="color" default="#C94093" value="#C2CD43">

<Variable name="blogTitleFont" description="Blog Title Font"
type="font"
default="normal bold 273% Georgia, Times, serif"
value="normal bold 219% Georgia, Times, serif">
<Variable name="blogDescriptionFont" description="Blog Description Font"
type="font"
default="normal normal 104% georgia,helvetica,verdana,Georgia, serif"
value="normal bold 99% Georgia, Times, serif">
<Variable name="linkbarTextFont" description="Linkbar Text Font"
type="font"
default="normal normal 77% Verdana, sans-serif"
value="normal bold 74% Arial, sans-serif">
<Variable name="postTitleFont" description="Post Title Font"
type="font"
default="normal bold 180% Georgia, Times, serif"
value="normal bold 113% Verdana, sans-serif">
<Variable name="dateHeaderFont" description="Date Header Font"
type="font"
default="normal bold 117% Arial, sans-serif"
value="normal normal 74% Arial, sans-serif">
<Variable name="textFont" description="Text Font"
type="font"
default="normal normal 90% Arial, sans-serif"
value="normal normal 77% Verdana, sans-serif">
<Variable name="quoteFont" description="Blog Quote Font"
type="font"
default="normal normal 92% helvetica,tahoma,verdana,arial,times,Sans-serif"
value="italic normal 95% Verdana, sans-serif">
<Variable name="sidebarHeaderFont" description="Sidebar Title Font"
type="font"
default="normal bold 117% Arial, sans-serif"
value="normal bold 103% Verdana, sans-serif">
<Variable name="sidebarTextFont" description="Sidebar Text Font"
type="font"
default="normal normal 78% Arial, Verdana, sans-serif"
value="normal normal 68% Verdana, sans-serif">
<Variable name="postfooterTextFont" description="Post-Footer Text Font"
type="font"
default="normal normal 93% Arial, sans-serif"
value="normal normal 86% Verdana, sans-serif">
<Variable name="commentTitleFont" description="Comment Title Font"
type="font"
default="normal bold 120% Arial, sans-serif"
value="normal bold 127% Verdana, sans-serif">
<Variable name="commentTextFont" description="Comment Text Font"
type="font"
default="normal normal 95% Arial, sans-serif"
value="normal normal 94% Verdana, sans-serif">
<Variable name="footerHeaderFont" description="Footer Header Font"
type="font"
default="normal bold 131% Trebuchet, Trebuchet MS, Arial, sans-serif"
value="normal bold 114% Arial, sans-serif">
<Variable name="footerTextFont" description="Footer Text Font"
type="font"
default="normal normal 76% Trebuchet, Trebuchet MS, Arial, sans-serif"
value="normal bold 72% Arial, sans-serif">
*/

/* ----- GLOBAL ----- Template Design: By Mullookkaaran*/

* {margin:0; padding:0;}

body {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: center;
color: $textColor;
background: $bodybgColor url() repeat top right;
background-attachment: fixed;
font-family: arial,verdana,helvetica,tahoma,Sans-serif;
font-size: 100%;
width: 100%;
}

#outer-wrapper {
margin: 0 auto; /* auto - to make the template lay in the screen center */
padding: 0px 0px 0px 0px;
margin-top: 25px;
margin-bottom: 20px;
position: relative;
width: 100%;
text-align: center;
}

#blog-wrapper {
margin: 0 auto; /* auto - to make the template lay in the screen center */
padding: 20px;
margin-top: 20px;
margin-bottom: 10px;
text-align: center;
position: relative;
width: 930px;
background: $blogframeColor;
border: 1px solid $blogBorderColor;
}

#spacer {clear: both; margin: 0; padding: 0;}

/* global link attributes */
a {color: $mainLinkColor; text-decoration: underline;}
a:hover {color: $mainHoverLinkColor; text-decoration: underline;}
a:visited {color: $mainVisitedLinkColor; text-decoration: underline;}

/* Blogger Navigation Bar */
#Navbar1 {
margin: 0;
padding: 0;
/* visibility: hidden; */
/* display: none; */
}

/* ----- TOP ADS ----- Template Design: By Mullookkaaran*/

#topads-wrapper {
margin: 0;
padding: 0;
position: relative;
text-align: center;
width: 100%;
}

#topads {margin: 0; padding: 0;}

#topads .widget {margin: 0; padding: 5px 0;}

/* ----- HEADER ----- Template Design: By Mullookkaaran*/

#header-wrapper {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 930px;
text-align: center;
background: $headerbgColor;
border: 0px solid $headerBorderColor;
}

#header {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: left;
}

#header h1 {
color: $blogTitleColor;
font: $blogTitleFont;
text-align: left;
text-transform: uppercase;
margin: 0px 0px 0px 0px;
padding: 20px 20px 0px 20px;
}

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

#header h1 a:hover {
text-decoration: underline;
color: $blogDescriptionColor;
}

#header .description {
color: $blogDescriptionColor;
font: $blogDescriptionFont;
text-align: left;
margin: 0px 0px 0px 0px;
padding: 2px 20px 17px 20px;
}

#header h1 p, #header .description p {margin:0;padding:0}

#header a img {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border: 0;
}

/* ----- LINKBAR ----- Template Design: By Mullookkaaran*/

#linkbar-wrapper {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 930px;
position: relative;
background: $linkbarbgColor;
border-bottom: 5px solid $linkbarmainBorderColor;
}

#linkbar .widget {
margin: 0px 0px 0px 0px;
padding: 6px 5px 5px 5px;
}

#linkbar ul {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: left;
list-style-type:none;
border-right: 0px solid $linkbarBorderColor;
}

#linkbar li {
display: inline;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#linkbar h2 {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
display: none;
visibility: hidden;
}

#linkbar a {
clear: both;
margin: 0px -4px 0px 0px;
padding: 9px 20px 6px 20px;
width:100%;
text-decoration:none;
font: $linkbarTextFont;
color: $linkbarTextColor;
/* text-transform: uppercase; */
border-right: 1px solid $linkbarBorderColor;
border-left: 0px solid $linkbarBorderColor;
}

#linkbar a:hover {
color: $linkbarHoverTextColor;
background: $linkbarHoverBgColor;
}

/* ----- MIDDLE ADS ----- Template Design: By Mullookkaaran*/

#middleads-wrapper {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 930px;
position: relative;
text-align: center;
width: 100%;
}

#middleads, #middleads2 {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#middleads .widget, #middleads2 .widget {
margin: 0;
padding: 5px 0;
background: $middlebarbgColor;
}

/* ----- MAIN ----- Template Design: By Mullookkaaran*/

#content-wrapper {
width: 930px;
margin: 0px 0px 0px 0px;
padding: 15px 0px 0px 0px;
position: relative;
text-align: left;
/* background: $contentbgColor; */
border: 0px solid $contentBorderColor;
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 */
}

#subcontent-wrapper {
float: left;
position: relative;
width: 555px;
margin: 0px 0px 15px 0px;
padding: 0px 0px 0px 0px;
background: $postbgColor;
border: 1px solid $contentBorderColor;
}

#main-wrapper {
float: left;
position: relative;
max-width: 415px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: justify;
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 {
width: 415px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: justify;
color: $textColor;
font: $textFont;
}

#main .widget {
margin: 0px 0px 7px 0px;
padding: 15px 5px 15px 10px;
background: $postbgColor; /* url(http://farm4.static.flickr.com/3135/2746541297_c4c9e6dae2_o.jpg) repeat-y top left; */
border: 0px solid $postBorderColor;
}

.post {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
line-height: 1.6em;
text-align: justify;
}

.post h3 {
margin: 0px 0px 0px 0px;
padding: 0px 0px 1px 0px;
color: $postTitleColor;
font: $postTitleFont;
text-decoration: none;
text-align: left;
line-height: 1.6em;
/* text-transform: uppercase;
background: $posttitlebgColor;
border-top: 1px solid $posttitleBorderColor;
border-bottom: 2px solid $posttitleBorderColor; */
}

.post h3 a, .post h3 a:visited {
color: $postTitleColor;
text-decoration: none;
}
.post h3 a:hover {
color: $textColor;
text-decoration: underline;
}

.post-header-line-1 {
margin: 0px 0px 0px 0px;
padding: 0px 0px 17px 0px;
}

h2.date-header {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: left;
color: $dateHeaderColor;
font: $dateHeaderFont;
text-decoration: none;
text-transform: uppercase;
}

.date-header span {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

.post-body p {
/* Fix bug in IE5/Win with italics in posts */
margin: 0px 0px 0px 0px;
padding: 1px 0px 1px 0px;
display: inline; /* to fix floating-ads wrapping problem in IE */
height: 1%;
overflow: visible;
}

.post-body p a, .post-body p a:visited {
color: $mainLinkColor;
text-decoration: underline;
}

.post-body a:hover {
text-decoration: underline;
color: $mainHoverLinkColor;
}

.post ul {
margin: 0px 0px 0px 0px;
padding: 12px 0px 12px 30px;
list-style-type: disc;
line-height: 1.6em;
font-size: 95%;
}

.post ol {
margin: 0px 0px 0px 0px;
padding: 12px 0px 12px 30px;
line-height: 1.6em;
font-size: 95%;
}

.post li {
margin: 0px 0px 0px 0px;
padding: 0px 0px 8px 0px;
}

a img {
margin: 5px 5px 5px 5px;
padding: 0px 0px 0px 0px;
}

.post img {
margin: 5px;
padding: 5px;
background: $imagebgColor;
border: 1px solid $imageBorderColor;
}

/* ----- POST-FOOTER ----- Template Design: By Mullookkaaran*/

.post-footer {
display: block;
margin: 15px 0px 25px 0px;
padding: 4px 0px 5px 0px;
text-align: left;
font: $postfooterTextFont;
color: $postfooterTextColor;
font-weight: normal;
line-height: 1.6em;
text-decoration: none;
/* background: $postfooterBgColor; */
border-top: 1px dashed $postfooterBorderColor;
}

.post-footer-line {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

.post-footer-line-1, .post-footer-line-2, .post-footer-line-3 {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

.post-footer a {
color: $postfooterLinkColor;
text-decoration: none;
}

.post-footer a:hover {
color: $mainHoverLinkColor;
text-decoration: underline;
}

.post-footer .post-comment-link a {
margin: 0px 0px 0px 7px;
padding: 0px 0px 0px 9px;
border-left: 1px solid $postfooterTextColor;
color: $commentTabLinkColor;
font-weight: normal;
text-decoration: none;
}

.post-footer .post-comment-link a:hover {
color: $mainHoverLinkColor;
text-decoration: underline;
}

.post-footer .post-icons {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

.post-footer img {
margin: 0px 0px 0px 0px;
padding: 0px 0px 5px 0px;
background: $postfooterBgColor;
}

#blog-pager {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: center;
font: $postfooterTextFont;
color: $feedlinksColor;
}

#blog-pager a {color: $feedlinksColor}
#blog-pager a:hover {color: $mainHoverLinkColor}

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

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

.feed-links {
margin: 10px 0px 0px 0px;
padding: 0px 0px 0px 0px;
clear: both;
text-align: left;
font: $postfooterTextFont;
color: $feedlinksColor;
}

.feed-links a, .feed-links a:visited {color: $feedlinksColor}
.feed-links a:hover {color: $mainHoverLinkColor}

/* ----- BLOCKQUOTE ----- */

blockquote {
margin: 10px 0px 10px 20px;
padding: 10px 15px 10px 15px;
font: $quoteFont;
line-height: 1.6em;
color: $blockQuoteColor;
background: $blockquotebgColor;
border: 2px solid $blockquoteBorderColor;
}

/* ----- CODE ----- */

code {
color: $codeTextColor;
font-size: 110%;
}

/* ----- SIDEBAR ----- Template Design: By Mullookkaaran*/

#side-wrapper1 {
max-width: 140px;
float: left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background: $postbgColor;
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 */
}

#side-wrapper2 {
max-width: 373px;
float: right;
margin: 0px 0px 15px 0px;
padding: 0px 0px 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 {
float: left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 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 {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: left;
font: $sidebarTextFont;
}

#sidebar1 {
width: 120px;
margin: 0px 0px 0px 0px;
padding: 15px 10px 0px 10px;
color: $sidebar1TextColor;
line-height: 1.6em;
}

#sidebar2 {
width: 358px;
margin: 0px 0px 0px 15px;
padding: 0px 0px 0px 0px;
color: $sidebar2TextColor;
line-height: 1.6em;
}

#sidebar1 .widget {
margin: 0px 0px 0px 0px;
padding: 0px 0px 20px 0px;
border: 0px solid $sidebar1BorderColor;
}

#sidebar2 .widget {
margin: 0px 0px 15px 0px;
padding: 10px 10px 10px 10px;
background: $sidebar2bgColor;
border: 1px solid $sidebar2BorderColor;
}

/* sidebar heading ----- Template Design: By Mullookkaaran*/

#sidebar1 h2 {
margin: 0px 0px 2px 0px;
padding: 0px 0px 2px 0px;
text-align: left;
color: $sidebar1HeaderColor;
font: $sidebarHeaderFont;
text-transform: uppercase;
text-decoration: underline;
/* background: $sidebar1HeaderBgColor;
border-top: 0px solid $sidebar1HeaderBorderColor;
border-bottom: 1px solid $sidebar1HeaderBorderColor; */
}

#sidebar2 h2 {
margin: 0px 0px 2px 0px;
padding: 0px 0px 2px 0px;
text-align: left;
color: $sidebar2HeaderColor;
font: $sidebarHeaderFont;
text-transform: uppercase;
text-decoration: underline;
/* background: $sidebar2HeaderBgColor;
border-top: 0px solid $sidebar2HeaderBorderColor;
border-bottom: 1px solid $sidebar2HeaderBorderColor; */
}

.sidebar ul, #BlogArchive1 ul {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
list-style-type: none;
}

.sidebar li, #BlogArchive1 li {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
/* border-bottom: 1px solid $sidebarListLineColor; */
}

#sidebar1 a {
color: $sidebar1LinkColor;
text-decoration: none;
}

#sidebar1 a:hover {
text-decoration: underline;
color: $sidebar1HoverLinkColor;
}

#sidebar1 a:visited {
text-decoration: none;
color: $sidebar1VisitedLinkColor;
}

#sidebar2 a {
color: $sidebar2LinkColor;
text-decoration: none;
}

#sidebar2 a:hover {
text-decoration: underline;
color: $sidebar2HoverLinkColor;
}

#sidebar2 a:visited {
text-decoration: none;
color: $sidebar2VisitedLinkColor;
}

.sidebar a img {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

/* ----- PROFILE ----- Template Design: By Mullookkaaran*/

.profile-img {
margin: 5px;
padding: 0px;
border: 1px solid $sidebarListLineColor;
}

.profile-textblock {
margin: 0px 0px 0px 0px;
padding: 3px 0px 3px 0px;
clear: both;
line-height: 1.6em;
/* border-top: 1px solid $sidebarListLineColor;
border-bottom: 1px solid $sidebarListLineColor; */
}

.profile-datablock {
margin: 2px 0px 5px 0px;
padding: 0px 0px 0px 0px;
}

.profile-data {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-weight: normal;
font-style: italic;
}

.profile-link {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

/* ----- COMMENT ----- Template Design: By Mullookkaaran*/
#comments {
margin: 0px 0px 0px 0px;
padding: 0px 15px 20px 15px;
text-align: left;
color: $commentTextColor;
font: $commentTextFont;
background: $commentbgColor;
border: 1px solid $commentBorderColor;
}

/* comment-header */
#comments h4 {
margin: 20px 0px 0px 0px;
padding: 0px 0px 0px 0px;
color: $commentTitleColor;
font: $commentTitleFont;
}

.deleted-comment {
font-style:italic;
color:gray;
margin: 3px 0px 3px 0px;
}

.comment-author {
display: block;
margin: 10px 0px 0px 0px;
padding: 8px 10px 3px 0px;
color: $commentauthorColor;
/* background: $commentAuthorBgColor; */
border-top: 1px solid $commentboxBorderColor;
border-bottom: 0px dotted $commentboxBorderColor;
font-weight: normal;
}

.comment-author a {color: $commentauthorColor; text-decoration: none;}
.comment-author a:hover {color: $commentTimeStampColor; text-decoration: underline;}
.comment-author a:visited {color: $commentauthorColor; text-decoration: none;}
.comment-body {margin: 0; padding: 5px 0px 5px 40px;}
.comment-body p {margin: 0; padding: 0; line-height: 1.7em;}
.comment-footer, .comment-footer a {margin: 0px 0px 0px 0px; padding: 4px 0px 0px 0px;}

.comment-timestamp {
margin: 0px 0px 0px 4px;
padding: 0px 0px 7px 4px;
color: $commentTimeStampColor;
text-decoration: none;
font-weight: normal;
font-style: italic;
font-size: 96%;
}

.comment-timestamp a {
color: $commentTimeStampColor;
text-decoration: none;
}

.comment-timestamp a:hover {color: $commentauthorColor; text-decoration: underline;}

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

a.comment-link {
/* ie5.0/win doesn't apply padding to inline elements,
so we hide these two declarations from it */
padding: 0px 0px 0px 0px;
}

html>body a.comment-link {
/* respecified, for ie5/mac's benefit */
padding-left: 0px;
}

/* ----- LOWER SECTION ----- Template Design: By Mullookkaaran*/

#lower-wrapper {
margin: 15px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 930px;
font: $sidebarTextFont;
color: $lowerbarTextColor;
background: $lowerbarbgColor;
border-top: 5px solid $lowerbarBorderColor;
border-bottom: 5px solid $lowerbarBorderColor;
}

#lowerbar-wrapper {
float: left;
margin: 0px 0px 0px 0px;
padding: 15px 0px 25px 0px;
width: 33%;
text-align: left;
line-height: 1.8em;
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 */
}

#lowerads-wrapper {
float: left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 100%;
text-align: center;
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 */
}

.lowerbar {margin: 0; padding: 0;}
.lowerbar .widget {margin: 0; padding: 15px 20px 25px 34px;}
.lowerads {margin: 0; padding: 0;}
.lowerads .widget {margin: 0; padding: 10px 0px 10px 0px;}

.lowerbar h2 {
margin: 0px 0px 2px 0px;
padding: 10px 0px 2px 0px;
color: $lowerbarHeaderColor;
font: $sidebarHeaderFont;
text-align: left;
text-transform: uppercase;
text-decoration: underline;
/* background: $lowerbarTitleBgColor;
border-bottom: 1px solid $lowerbarTitleBorderColor; */
}

.lowerbar ul {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
list-style-type: none;
}

.lowerbar li {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
/* border-bottom: 1px solid $lowerbarListLineColor; */
}

.lowerbar a {color: $lowerbarLinkColor; text-decoration: none;}
.lowerbar a:hover {text-decoration: underline; color: $lowerbarHoverLinkColor;}
.lowerbar a:visited {text-decoration: none; color: $lowerbarVisitedLinkColor;}

/* ----- FOOTER ----- Template Design: By Mullookkaaran*/

#footer-wrapper {
clear: both;
display: inline; /* handles IE margin bug */
float: left;
width: 930px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background: $footerbgColor;
border-top: 1px solid $footerBorderColor;
}

#footer {
margin: 0px 0px 0px 0px;
padding: 15px 0px 0px 0px;
text-align: center;
color: $footerTextColor;
font: $footerTextFont;
line-height: 1.6em;
}

#footer h2 {
margin: 0px 0px 0px 0px;
padding: 0px 0px 2px 0px;
color: $footerHeaderColor;
font: $footerHeaderFont;
}

#footer .widget {
margin: 0px 0px 0px 0px;
padding: 0px 10px 15px 10px;
}

.footer p {margin: 0; padding: 0}

.footer a {
color: $footerLinkColor;
text-decoration: none;
}

.footer a:hover {
color: $footerHoverLinkColor;
text-decoration: underline;
}

.footer a:visited {
color: $footerVisitedLinkColor;
text-decoration: none;
}

/* ----- BOTTOM ADS ----- Template Design: By Mullookkaaran*/

#bottomads-wrapper {
margin: 0;
padding: 0;
position: relative;
text-align: center;
width: 100%;
}

#bottomads {margin: 0; padding: 10px 0;}

#bottomads .widget {margin: 0; padding: 5px 0;}

/* ----- CREDIT ----- */

#credit {
margin: 0px 0px 0px 0px;
padding: 2px 0px 0px 0px;
width: 100%;
height: 26px;
clear: both;
font-family: verdana, helvetica;
font-size: 70%;
color: $postbgColor;
font-weight: normal;
background: $textColor;
}

#creditleft {
margin: 0px 0px 0px 0px;
padding: 7px 0px 0px 0px;
height: 26px;
position: relative;
float: left;
text-align: left;
display: inline;
width: 71%;
background: $textColor;
}

#creditright {
margin: -33px 0px 0px 0px;
padding: 7px 0px 0px 0px;
height: 26px;
position: relative;
float: right;
text-align:right;
display: inline;
width: 30%;
background: $textColor;
}

#creditleft p {
margin: 0;
padding: 0
}

#creditright p {
margin: 0;
padding: 0
}

#creditleft a, .creditleft a:hover, .creditleft a:visited {
color: $postbgColor;
text-decoration: underline;
}

#creditright a, .creditright a:hover, .creditright a:visited {
color: $postbgColor;
text-decoration: underline;
}

/* ************ END OF CSS STYLING ************ */

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

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

<b:if cond='data:blog.pageType != "item"'>
<script type='text/javascript'>

var fade = false;
function showFull(id) {
var post = document.getElementById(id);
var spans = post.getElementsByTagName('span');
for (var i = 0; i < spans.length; i++) {
if (spans[i].id == "fullpost") {
if (fade) {
spans[i].style.background = peekaboo_bgcolor;
Effect.Appear(spans[i]);
} else spans[i].style.display = 'inline';
}
if (spans[i].id == "showlink")
spans[i].style.display = 'none';
if (spans[i].id == "hidelink")
spans[i].style.display = 'inline';
}
}

function hideFull(id) {
var post = document.getElementById(id);
var spans = post.getElementsByTagName('span');
for (var i = 0; i < spans.length; i++) {
if (spans[i].id == "fullpost") {
if (fade) {
spans[i].style.background = peekaboo_bgcolor;
Effect.Fade(spans[i]);
} else spans[i].style.display = 'none';
}
if (spans[i].id == "showlink")
spans[i].style.display = 'inline';
if (spans[i].id == "hidelink")
spans[i].style.display = 'none';
}
post.scrollIntoView(true);
}

function checkFull(id) {
var post = document.getElementById(id);
var spans = post.getElementsByTagName('span');
var found = 0;
for (var i = 0; i < spans.length; i++) {
if (spans[i].id == "fullpost") {
spans[i].style.display = 'none';
found = 1;
}
if ((spans[i].id == "showlink") && (found == 0))
spans[i].style.display = 'none';
}
}

</script>
</b:if>

</head>

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


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

<div id='topads-wrapper'>
<b:section class='topads' id='topads' preferred='yes'/>
</div>

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

<div id='blog-wrapper'>

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

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

<div id='linkbar-wrapper'>
<b:section class='linkbar' id='linkbar' showaddelement='no'>
<b:widget id='LinkList1' locked='true' title='Linkbar' type='LinkList'/>
</b:section>
</div>

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

<div id='middleads-wrapper'>
<b:section class='middleads' id='middleads' preferred='yes'/>
</div>

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

<div id='content-wrapper'>

<div id='subcontent-wrapper'>

<div id='main-wrapper'>
<b:section class='main' id='main' preferred='yes'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>
</b:section>
</div>

<div id='side-wrapper1'>
<b:section class='sidebar' id='sidebar1' preferred='yes'>
<b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'/>
<b:widget id='Profile1' locked='false' title='About' type='Profile'/>
</b:section>
</div>

</div> 

<div id='side-wrapper2'>
<b:section class='sidebar' id='sidebar2' preferred='yes'>
<b:widget id='Image1' locked='false' title='' type='Image'/>
<b:widget id='Feed2' locked='false' title='Recent Posts' type='Feed'/>
<b:widget id='Label2' locked='false' title='Labels' type='Label'/>
</b:section>
</div>


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

</div> 

<div id='middleads-wrapper'>
<b:section class='middleads2' id='middleads2' preferred='yes'/>
</div>

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

<div id='lower-wrapper'>

<div id='lowerbar-wrapper'>
<b:section class='lowerbar' id='lowerbar1' preferred='yes'>
<b:widget id='Text2' locked='false' title='About This Blog' type='Text'/>
</b:section>
</div>

<div id='lowerbar-wrapper'>
<b:section class='lowerbar' id='lowerbar2' preferred='yes'>
<b:widget id='Text3' locked='false' title='Lorem Ipsum' type='Text'/>
</b:section>
</div>

<div id='lowerbar-wrapper'>
<b:section class='lowerbar' id='lowerbar3' preferred='yes'>
<b:widget id='Feed1' locked='false' title='Mullookkaaran' type='Feed'/>
</b:section>
</div>

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

<div id='lowerads-wrapper'>
<b:section class='lowerads' id='lowerads' preferred='yes'/>
</div>

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

</div> 

<div id='footer-wrapper'>
<b:section class='footer' id='footer'>
<b:widget id='Text1' locked='false' title='Footer' type='Text'/>
</b:section>
</div>

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

</div> 

<div id='bottomads-wrapper'>
<b:section class='bottomads' id='bottomads' preferred='yes'/>
</div>

</div> 



<div id='credit'>

<div id='creditleft'>
<p> <img border='0' id='BLOGGER_PHOTO_ID_5255170228945611202' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtqlQbQ0bLXU3lU87Bu3rLdhs_LzCCdbFw187tWkW32LGThSDgvZbFGHLgTEM1PxBahByl-YFzRcX73_24VD1gEpNj1UvIXinQgKu5qIitk4ZLknB7NkyZ_AjpSa4wzQABXvczpyPnL2k/s200/clip_image002.jpg' style='CURSOR: hand' title='Mullookkaaran'/> </p>
</div>

<div id='creditright'>
<p><b>Back to <a href='#outer-wrapper'>TOP</a>  </b></p>
</div>

</div> 

</body>
</html>

കൂടുതല്‍ കോളങ്ങള്‍ ഉള്ള മറ്റൊരു ടെമ്പ്ലേറ്റ് ...

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

<b:skin><![CDATA[

/* ************ START OF CSS STYLING ************ */

/* -----------------------------------------------------------------------
Blogger Template Design: by Mullookkaaran
----------------------------------------------------------------------- */

/* Variable definitions
========================
<Variable name="bodybgColor" description="Body Background Color"
type="color" default="#FFBBE8" value="#ffffff">
<Variable name="blogframeColor" description="Blog Background Color"
type="color" default="#800040" value="#ffffff">
<Variable name="blogBorderColor" description="Blog Border Color"
type="color" default="#800040" value="#ffffff">
<Variable name="headerbgColor" description="Header Background Color"
type="color" default="#ffffff" value="#ffffff">
<Variable name="headerTopBorderColor" description="Header Top Border Color"
type="color" default="#800040" value="#658DB5">
<Variable name="headerBorderColor" description="Header Border Color"
type="color" default="#800040" value="#b3b3b3">
<Variable name="blogTitleColor" description="Blog Title Color"
type="color" default="#800040" value="#191919">
<Variable name="blogDescriptionColor" description="Blog Description Color"
type="color" default="#800040" value="#191919">

<Variable name="linkbarbgColor" description="Linkbar Background Color"
type="color" default="#C94093" value="#ffffff">
<Variable name="linkbarmainBorderColor" description="Linkbar Main Border Color"
type="color" default="#C94093" value="#b3b3b3">
<Variable name="linkbarBorderColor" description="Linkbar Border Color"
type="color" default="#9D1961" value="#ffffff">
<Variable name="linkbarTextColor" description="Linkbar Text Color"
type="color" default="#ffffff" value="#191919">
<Variable name="linkbarHoverBgColor" description="Linkbar Hover Background Color"
type="color" default="#ffffff" value="#ffffff">
<Variable name="linkbarHoverTextColor" description="Linkbar Hover Text Color"
type="color" default="#9D1961" value="#658DB5">

<Variable name="contentbgColor" description="Content Background Color"
type="color" default="#ffffff" value="#ffffff">
<Variable name="contentBorderColor" description="Content Border Color"
type="color" default="#9D1961" value="#ffffff">
<Variable name="postbgColor" description="Post Background Color"
type="color" default="#ffffff" value="#ffffff">
<Variable name="postBorderColor" description="Post Border Color"
type="color" default="#ffffff" value="#f3f3f3">
<Variable name="postTitleColor" description="Post Title Color"
type="color" default="#000000" value="#191919">
<Variable name="posttitlebgColor" description="Post Title Background Color"
type="color" default="#000000" value="#999999">
<Variable name="posttitleBorderColor" description="Post Title Border Color"
type="color" default="#000000" value="#ffffff">
<Variable name="dateHeaderColor" description="Date Header Color"
type="color" default="#000000" value="#658DB5">
<Variable name="textColor" description="Text Color"
type="color" default="#191919" value="#333333">
<Variable name="mainLinkColor" description="Main Link Color"
type="color" default="#333333" value="#658DB5">
<Variable name="mainHoverLinkColor" description="Main Hover Link Color"
type="color" default="#9D1961" value="#191919">
<Variable name="mainVisitedLinkColor" description="Main Visited Link Color"
type="color" default="#9D1961" value="#658DB5">
<Variable name="blockQuoteColor" description="Blockquote Color"
type="color" default="#191919" value="#4c4c4c">
<Variable name="blockquoteBorderColor" description="Blockquote Border Color"
type="color" default="#191919" value="#B3C8DB">
<Variable name="codeTextColor" description="Code Text Color"
type="color" default="#660000" value="#4c4c4c">
<Variable name="imagebgColor" description="Photo Background Color"
type="color" default="#f5f5f5" value="#ffffff">
<Variable name="imageBorderColor" description="Photo Border Color"
type="color" default="#f5f5f5" value="#cccccc">

<Variable name="postfooterBgColor" description="Postfooter Background Color"
type="color" default="#b8659C" value="#ffffff">
<Variable name="postfooterBorderColor" description="Postfooter Border Color"
type="color" default="#b8659C" value="#e6e6e6">
<Variable name="postfooterTextColor" description="Postfooter Text Color"
type="color" default="#b8659C" value="#b3b3b3">
<Variable name="postfooterLinkColor" description="Postfooter Link Color"
type="color" default="#b8659C" value="#b3b3b3">
<Variable name="commentTabLinkColor" description="Comment Tab Link Color"
type="color" default="#b8659C" value="#b3b3b3">
<Variable name="feedlinksColor" description="Feed Links Color"
type="color" default="#9D1961" value="#658DB5">

<Variable name="sidebar1bgColor" description="Sidebar1 Background Color"
type="color" default="#FFBBE8" value="#f3f3f3">
<Variable name="sidebar1BorderColor" description="Sidebar1 Border Color"
type="color" default="#C94093" value="#b3b3b3">
<Variable name="sidebar1HeaderBgColor" description="Sidebar1 Header Background Color"
type="color" default="#ffffff" value="#f3f3f3">
<Variable name="sidebar1HeaderBorderColor" description="Sidebar1 Header Border Color"
type="color" default="#C94093" value="#eeeeee">
<Variable name="sidebar1HeaderColor" description="Sidebar1 Header Color"
type="color" default="#000000" value="#000000">
<Variable name="sidebar1TextColor" description="Sidebar1 Text Color"
type="color" default="#9D1961" value="#658DB5">
<Variable name="sidebar1LinkColor" description="Sidebar1 Link Color"
type="color" default="#9D1961" value="#658DB5">
<Variable name="sidebar1HoverLinkColor" description="Sidebar1 Hover Link Color"
type="color" default="#000000" value="#191919">
<Variable name="sidebar1VisitedLinkColor" description="Sidebar1 Visited Link Color"
type="color" default="#000000" value="#658DB5">

<Variable name="lowerbarbgColor" description="Lowerbar Background Color"
type="color" default="#ffffff" value="#ffffff">
<Variable name="lowerbarBorderColor" description="Lowerbar Border Color"
type="color" default="#C94093" value="#b3b3b3">
<Variable name="lowerbarHeaderColor" description="Lowerbar Header Color"
type="color" default="#000000" value="#191919">
<Variable name="lowerbarTitleBgColor" description="Lowerbar Header Background Color"
type="color" default="#C94093" value="#cccccc">
<Variable name="lowerbarTitleBorderColor" description="Lowerbar Header Border Color"
type="color" default="#C94093" value="#eeeeee">
<Variable name="lowerbarTextColor" description="Lowerbar Text Color"
type="color" default="#9D1961" value="#658DB5">
<Variable name="lowerbarLinkColor" description="Lowerbar Link Color"
type="color" default="#9D1961" value="#658DB5">
<Variable name="lowerbarHoverLinkColor" description="Lowerbar Hover Link Color"
type="color" default="#000000" value="#191919">
<Variable name="lowerbarVisitedLinkColor" description="Lowerbar Visited Link Color"
type="color" default="#000000" value="#658DB5">
<Variable name="lowerbarListLineColor" description="Lowerbar List Line Color"
type="color" default="#000000" value="#808080">

<Variable name="commentTitleColor" description="Comment Header Color"
type="color" default="#000000" value="#191919">
<Variable name="commentAuthorBgColor" description="Comment Author Background Color"
type="color" default="#9D1961" value="#ffffff">
<Variable name="commentboxBorderColor" description="Comment Author Border Color"
type="color" default="#C94093" value="#eeeeee">
<Variable name="commentauthorColor" description="Comment Author Color"
type="color" default="#9D1961" value="#658DB5">
<Variable name="commentTimeStampColor" description="Comment Timestamp Color"
type="color" default="#C94093" value="#b3b3b3">
<Variable name="commentTextColor" description="Comment Text Color"
type="color" default="#4c4c4c" value="#333333">

<Variable name="footerbgColor" description="Footer Background Color"
type="color" default="#ffffff" value="#ffffff">
<Variable name="footerBorderColor" description="Footer Border Color"
type="color" default="#000000" value="#b3b3b3">
<Variable name="footerHeaderColor" description="Footer Header Color"
type="color" default="#000000" value="#191919">
<Variable name="footerTextColor" description="Footer Text Color"
type="color" default="#C94093" value="#b3b3b3">
<Variable name="footerLinkColor" description="Footer Link Color"
type="color" default="#C94093" value="#658DB5">
<Variable name="footerHoverLinkColor" description="Footer Hover Link Color"
type="color" default="#C94093" value="#191919">
<Variable name="footerVisitedLinkColor" description="Footer Visited Link Color"
type="color" default="#C94093" value="#658DB5">

<Variable name="blogTitleFont" description="Blog Title Font"
type="font"
default="normal bold 273% Georgia, Times, serif"
value="normal normal 258% Verdana, sans-serif">
<Variable name="blogDescriptionFont" description="Blog Description Font"
type="font"
default="normal normal 104% georgia,helvetica,verdana,Georgia, serif"
value="normal normal 75% Verdana, sans-serif">
<Variable name="linkbarTextFont" description="Linkbar Text Font"
type="font"
default="normal normal 77% Verdana, sans-serif"
value="normal normal 105% Georgia, Times, serif">
<Variable name="postTitleFont" description="Post Title Font"
type="font"
default="normal bold 180% Georgia, Times, serif"
value="normal normal 234% Times, serif">
<Variable name="dateHeaderFont" description="Date Header Font"
type="font"
default="normal bold 117% Arial, sans-serif"
value="normal normal 99% Verdana, sans-serif">
<Variable name="textFont" description="Text Font"
type="font"
default="normal normal 90% Arial, sans-serif"
value="normal normal 68% Verdana, sans-serif">
<Variable name="quoteFont" description="Blog Quote Font"
type="font"
default="normal normal 92% helvetica,tahoma,verdana,arial,times,Sans-serif"
value="italic normal 105% Verdana, sans-serif">
<Variable name="sidebarHeaderFont" description="Sidebar Title Font"
type="font"
default="normal bold 117% Arial, sans-serif"
value="normal bold 105% Georgia, Times, serif">
<Variable name="sidebarTextFont" description="Sidebar Text Font"
type="font"
default="normal normal 78% Arial, Verdana, sans-serif"
value="normal normal 72% Arial, sans-serif">
<Variable name="postfooterTextFont" description="Post-Footer Text Font"
type="font"
default="normal normal 93% Arial, sans-serif"
value="normal normal 95% Verdana, sans-serif">
<Variable name="commentTitleFont" description="Comment Title Font"
type="font"
default="normal bold 120% Arial, sans-serif"
value="normal normal 173% Verdana, sans-serif">
<Variable name="commentTextFont" description="Comment Text Font"
type="font"
default="normal normal 95% Arial, sans-serif"
value="normal normal 103% Verdana, sans-serif">
<Variable name="footerHeaderFont" description="Footer Header Font"
type="font"
default="normal bold 131% Trebuchet, Trebuchet MS, Arial, sans-serif"
value="normal bold 105% Georgia, Times, serif">
<Variable name="footerTextFont" description="Footer Text Font"
type="font"
default="normal normal 76% Trebuchet, Trebuchet MS, Arial, sans-serif"
value="normal normal 72% Arial, sans-serif">
*/

/* ----- GLOBAL ----- Blogger template design by Mullookkaaran*/

* {margin:0; padding:0;}

body {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: center;
color: $textColor;
background: $bodybgColor url() repeat top right;
background-attachment: fixed;
font-family: arial,verdana,helvetica,tahoma,Sans-serif;
font-size: 100%;
width: 100%;
}

#outer-wrapper {
margin: 0 auto; /* auto - to make the template lay in the screen center */
padding: 0px 0px 0px 0px;
margin-top: 0px;
margin-bottom: 20px;
position: relative;
width: 100%;
text-align: center;
}

#blog-wrapper {
margin: 0 auto; /* auto - to make the template lay in the screen center */
padding: 0px 5px 5px 5px;
margin-top: 0px;
margin-bottom: 10px;
text-align: center;
position: relative;
width: 755px;
background: $blogframeColor;
border: 2px solid $blogBorderColor;
border-top: 0;
}

#spacer {clear: both; margin: 0; padding: 0;}

/* global link attributes */
a {color: $mainLinkColor; text-decoration: underline;}
a:hover {color: $mainHoverLinkColor; text-decoration: underline;}
a:visited {color: $mainVisitedLinkColor; text-decoration: underline;}

/* Blogger Navigation Bar */
#Navbar1 {
margin: 0;
padding: 0;
/* visibility: hidden;
display: none; */
}

/* ----- TOP ADS ----- Blogger template design by Mullookkaaran*/

#topads-wrapper {
margin: 0;
padding: 0;
position: relative;
text-align: center;
width: 100%;
}

#topads {margin: 0; padding: 0px 0;}

/* ----- HEADER ----- Blogger template design by Mullookkaaran*/

#header-wrapper {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 755px;
text-align: center;
background: $headerbgColor;
border-top: 7px solid $headerTopBorderColor;
border-bottom: 1px solid $headerBorderColor;
}

#header {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: left;
}

#header h1 {
color: $blogTitleColor;
font: $blogTitleFont;
text-align: center;
text-transform: uppercase;
font-stretch: narrower;
margin: 0px 0px 0px 0px;
padding: 15px 30px 0px 30px;
}

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

#header h1 a:hover {
text-decoration: underline;
color: $blogDescriptionColor;
}

#header .description {
color: $blogDescriptionColor;
font: $blogDescriptionFont;
text-align: center;
text-transform: uppercase;
margin: 0px 0px 0px 0px;
padding: 8px 30px 15px 30px;
}

#header h1 p, #header .description p {margin:0;padding:0}

#header a img {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border: 0;
}

/* ----- LINKBAR ----- Blogger template design by Mullookkaaran*/
#linkbar {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 755px;
position: relative;
background: $linkbarbgColor;
border-top: 0px solid $linkbarmainBorderColor;
border-bottom: 1px solid $linkbarmainBorderColor;
}

#linkbar ul {
margin: 0px 0px 0px 0px;
padding: 12px 10px 12px 10px;
text-align: center;
list-style-type:none;
text-align: center;
text-transform: uppercase;
font-stretch: narrower;
border-right: 0px solid $linkbarBorderColor;
}

#linkbar li {
display: inline;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#linkbar h2 {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
display: none;
visibility: hidden;
}

#linkbar a {
clear: both;
margin: 0px -4px 0px 0px;
padding: 7px 15px 7px 15px;
width:100%;
text-decoration:none;
font: $linkbarTextFont;
color: $linkbarTextColor;
/* text-transform: uppercase; */
border-right: 1px solid $linkbarBorderColor;
border-bottom: 0px solid $linkbarBorderColor;
}

#linkbar a:hover {
color: $linkbarHoverTextColor;
background: $linkbarHoverBgColor;
}

/* ----- MIDDLE ADS ----- Blogger template design by Mullookkaaran*/

#middleads-wrapper {
margin: 0;
padding: 0;
position: relative;
text-align: center;
width: 100%;
}

#middleads {margin: 0; padding: 0px 0;}

/* ----- MAIN ----- Blogger template design by Mullookkaaran*/

#content-wrapper {
width: 755px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
text-align: left;
background: $contentbgColor;
border-top: 0px solid $contentBorderColor;
border-bottom: 0px solid $contentBorderColor;
}

#main-wrapper {
float: left;
position: relative;
max-width: 548px;
margin: 0px 0px 0px -1px;
padding: 0px 0px 0px 0px;
text-align: left;
border-left: 1px solid $sidebar1BorderColor;
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 {
width: 546px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 20px 0px;
text-align: left;
/* background: $postbgColor; url(http://farm4.static.flickr.com/3135/2746541297_c4c9e6dae2_o.jpg) repeat-y top left; */
/* border-left: 1px solid $postBorderColor; */
color: $textColor;
font: $textFont;
}

#main .widget {
margin: 0px 0px 0px 0px;
padding: 30px 0px 0px 20px;
}

.post {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
line-height: 1.5em;
text-align: left;
}

.post h3 {
margin: 0px -15px 0px -15px;
padding: 0px 15px 0px 15px;
color: $postTitleColor;
font: $postTitleFont;
text-decoration: none;
text-align: left;
line-height: 1.5em;
font-stretch: ultra-condensed;
/* background: $posttitlebgColor;
border-top: 1px solid $posttitleBorderColor;
border-bottom: 2px solid $posttitleBorderColor; */
}

.post h3 a, .post h3 a:visited {
color: $postTitleColor;
text-decoration: none;
}
.post h3 a:hover {
color: $textColor;
text-decoration: underline;
}

.post-header-line-1 {
margin: 0px 0px 10px 0px;
padding: 0px 0px 5px 0px;
border-bottom: 1px solid $posttitleBorderColor;
}

h2.date-header {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: left;
color: $dateHeaderColor;
font: $dateHeaderFont;
text-decoration: none;
/* text-transform: uppercase; */
}

.date-header span {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

.post-body p {
/* Fix bug in IE5/Win with italics in posts */
margin: 0px 0px 0px 0px;
padding: 2px 0px 2px 0px;
display: inline; /* to fix floating-ads wrapping problem in IE */
height: 1%;
overflow: visible;
}

.post-body p a, .post-body p a:visited {
color: $mainLinkColor;
text-decoration: underline;
}

.post-body a:hover {
text-decoration: underline;
color: $mainHoverLinkColor;
}

.post ul {
margin: 0px 0px 0px 0px;
padding: 12px 0px 12px 30px;
list-style-type: disc;
line-height: 1.5em;
font-size: 95%;
}

.post ol {
margin: 0px 0px 0px 0px;
padding: 12px 0px 12px 30px;
line-height: 1.5em;
font-size: 95%;
}

.post li {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
line-height: 1.5em;
}

a img {
margin: 5px 5px 5px 5px;
padding: 0px 0px 0px 0px;
}

.post img {
margin: 5px;
padding: 5px;
background: $imagebgColor;
border: 1px solid $imageBorderColor;
}

/* ----- POST-FOOTER ----- Blogger template design by Mullookkaaran*/

.post-footer {
display: block;
margin: 10px 0px;
padding: 7px 0px;
text-align: left;
font: $postfooterTextFont;
color: $postfooterTextColor;
font-weight: normal;
line-height: 1.5em;
text-decoration: none;
background: $postfooterBgColor;
border-top: 1px solid $postfooterBorderColor;
}

.post-footer-line {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

.post-footer-line-1, .post-footer-line-2, .post-footer-line-3 {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

.post-footer a {
color: $postfooterLinkColor;
text-decoration: none;
}

.post-footer a:hover {
color: $mainHoverLinkColor;
text-decoration: underline;
}

.post-footer .post-comment-link a {
margin: 0px 0px 0px 7px;
padding: 0px 0px 0px 9px;
border-left: 1px solid $postfooterTextColor;
color: $commentTabLinkColor;
font-weight: normal;
text-decoration: none;
}

.post-footer .post-comment-link a:hover {
color: $mainHoverLinkColor;
text-decoration: underline;
}

.post-footer .post-icons {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

.post-footer img {
margin: 0px 0px 0px 0px;
padding: 0px 0px 5px 0px;
background: $postfooterBgColor;
}

#blog-pager {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: center;
font: $postfooterTextFont;
color: $feedlinksColor;
}

#blog-pager a {color: $feedlinksColor}
#blog-pager a:hover {color: $mainHoverLinkColor}

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

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

.feed-links {
margin: 10px 0px 0px 0px;
padding: 0px 0px 0px 0px;
clear: both;
text-align: left;
font: $postfooterTextFont;
color: $feedlinksColor;
}

.feed-links a, .feed-links a:visited {color: $feedlinksColor}
.feed-links a:hover {color: $mainHoverLinkColor}

/* ----- SIDEBAR ----- Blogger template design by Mullookkaaran*/

#side-wrapper1 {
max-width: 205px;
float: left;
margin: 0px 0px 0px 0px;
padding: 30px 0px 0px 0px;
border-right: 1px solid $sidebar1BorderColor;
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 {
float: left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 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 {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: left;
font: $sidebarTextFont;
}

#sidebar1 {
width: 205px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 3px 0px;
color: $sidebar1TextColor;
line-height: 1.5em;
}

#sidebar1 .widget {
margin: 0px 0px 8px 0px;
padding: 0px 20px 15px 0px;
/* background: $sidebar1bgColor; */
}

/* sidebar heading ----- Blogger template design by Mullookkaaran*/

#sidebar1 h2 {
margin: 0px 0px 5px 0px;
padding: 5px 0px 5px 0px;
text-align: left;
color: $sidebar1HeaderColor;
font: $sidebarHeaderFont;
/* background: $sidebar1HeaderBgColor; */
border-top: 1px solid $sidebar1HeaderBorderColor;
border-bottom: 1px solid $sidebar1HeaderBorderColor;
text-align: left;
}

.sidebar ul, #BlogArchive1 ul {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
list-style-type: none;
}

.sidebar li, #BlogArchive1 li {
margin: 0px 0px 0px 0px;
padding: 1px 0px 1px 0px;
}

#sidebar1 a {
color: $sidebar1LinkColor;
text-decoration: none;
}

#sidebar1 a:hover {
text-decoration: underline;
color: $sidebar1HoverLinkColor;
}

#sidebar1 a:visited {
text-decoration: none;
color: $sidebar1VisitedLinkColor;
}

#sidebar2 a {
color: $sidebar1LinkColor;
text-decoration: none;
}

#sidebar2 a:hover {
text-decoration: underline;
color: $sidebar1HoverLinkColor;
}

#sidebar2 a:visited {
text-decoration: none;
color: $sidebar1VisitedLinkColor;
}

.sidebar a img {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

/* ----- PROFILE ----- Blogger template design by Mullookkaaran*/

.profile-img a img {
display: block;
float: left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
clear: both;
}

.profile-textblock {
margin: 0px 0px 0px 0px;
padding: 10px 0px 10px 0px;
clear: both;
line-height: 1.5em;
}

.profile-data {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-weight: normal;
font-style: italic;
}

.profile-datablock {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

.profile-link {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

/* ----- BLOCKQUOTE ----- */

blockquote {
margin: 10px 0px 10px 25px;
padding: 0px 0px 0px 10px;
font: $quoteFont;
line-height: 1.5em;
color: $blockQuoteColor;
border-left: 3px solid $blockquoteBorderColor;
}

/* ----- CODE ----- */

code {
color: $codeTextColor;
font-size: 110%;
}

/* ----- COMMENT ----- Blogger template design by Mullookkaaran*/
#comments {
margin: 0px 0px 0px 0px;
padding: 0px 0px 20px 0px;
text-align: left;
color: $commentTextColor;
font: $commentTextFont;
}

/* comment-header */
#comments h4 {
margin: 20px 0px 0px 0px;
padding: 0px 0px 0px 0px;
color: $commentTitleColor;
font: $commentTitleFont;
}

.deleted-comment {
font-style:italic;
color:gray;
margin: 3px 0px 3px 0px;
}

.comment-author {
display: block;
margin: 10px 0px 0px 0px;
padding: 8px 10px 3px 0px;
color: $commentauthorColor;
/* background: $commentAuthorBgColor; */
border-top: 1px solid $commentboxBorderColor;
border-bottom: 0px dotted $commentboxBorderColor;
font-weight: normal;
}

.comment-author a {color: $commentauthorColor; text-decoration: none;}
.comment-author a:hover {color: $commentTimeStampColor; text-decoration: underline;}
.comment-author a:visited {color: $commentauthorColor; text-decoration: none;}
.comment-body {margin: 0; padding: 5px 0px 5px 40px;}
.comment-body p {margin: 0; padding: 0; line-height: 1.5em;}
.comment-footer, .comment-footer a {margin: 0px 0px 0px 0px; padding: 4px 0px 0px 0px;}

.comment-timestamp {
margin: 0px 0px 0px 4px;
padding: 0px 0px 7px 4px;
color: $commentTimeStampColor;
text-decoration: none;
font-weight: normal;
font-style: italic;
}

.comment-timestamp a {
color: $commentTimeStampColor;
text-decoration: none;
}

.comment-timestamp a:hover {color: $commentauthorColor; text-decoration: underline;}

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

a.comment-link {
/* ie5.0/win doesn't apply padding to inline elements,
so we hide these two declarations from it */
padding: 0px 0px 0px 0px;
}

html>body a.comment-link {
/* respecified, for ie5/mac's benefit */
padding-left: 0px;
}

/* ----- LOWER SECTION ----- Blogger template design by Mullookkaaran*/

#lower-wrapper {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 755px;
font: $sidebarTextFont;
color: $lowerbarTextColor;
background: $lowerbarbgColor;
border-top: 1px solid $lowerbarBorderColor;
}

#lowerbar-wrapper {
float: left;
margin: 0px 0px 0px 0px;
padding: 30px 0px 0px 0px;
width: 33%;
text-align: left;
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 */
}

#lowerads-wrapper {
float: left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 10px 0px;
width: 100%;
text-align: center;
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 */
}

.lowerbar {margin: 0; padding: 0;}
.lowerbar .widget {margin: 0; padding: 0px 20px 20px 20px;}
.lowerads {margin: 0; padding: 0;}
.lowerads .widget {margin: 0; padding: 10px 0px 0px 0px;}

.lowerbar h2 {
margin: 0px 0px 5px 0px;
padding: 5px 0px 5px 0px;
text-align: left;
color: $lowerbarHeaderColor;
font: $sidebarHeaderFont;
/* background: $lowerbarTitleBgColor; */
border-top: 1px solid $lowerbarTitleBorderColor;
border-bottom: 1px solid $lowerbarTitleBorderColor;
text-align: left;
}

.lowerbar ul {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
list-style-type: none;
}

.lowerbar li {
margin: 0px 0px 0px 0px;
padding: 1px 0px 1px 0px;
/* border-bottom: 1px solid $lowerbarListLineColor; */
}

.lowerbar a {color: $lowerbarLinkColor; text-decoration: none;}
.lowerbar a:hover {text-decoration: underline; color: $lowerbarHoverLinkColor;}
.lowerbar a:visited {text-decoration: none; color: $lowerbarVisitedLinkColor;}

/* ----- FOOTER ----- Blogger template design by Mullookkaaran*/

#footer-wrapper {
clear: both;
display: inline; /* handles IE margin bug */
float: left;
width: 755px;
margin: 5px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background: $footerbgColor;
border-top: 1px solid $footerBorderColor;
}

#footer {
margin: 0px 0px 0px 0px;
padding: 10px 0px 0px 0px;
text-align: center;
color: $footerTextColor;
font: $footerTextFont;
line-height: 1.5em;
}

#footer h2 {
margin: 0px 0px 0px 0px;
padding: 0px 0px 2px 0px;
color: $footerHeaderColor;
font: $footerHeaderFont;
}

#footer .widget {
margin: 0px 0px 0px 0px;
padding: 0px 10px 10px 10px;
}

.footer p {margin: 0; padding: 0}

.footer a {
color: $footerLinkColor;
text-decoration: none;
}

.footer a:hover {
color: $footerHoverLinkColor;
text-decoration: underline;
}

.footer a:visited {
color: $footerVisitedLinkColor;
text-decoration: none;
}

/* ----- BOTTOM ADS ----- Blogger template design by Mullookkaaran*/

#bottomads-wrapper {
margin: 0;
padding: 0;
position: relative;
text-align: center;
width: 100%;
}

#bottomads {margin: 0; padding: 10px 0;}

/* ----- CREDIT ----- */

#credit {
margin: 0px 0px 0px 0px;
padding: 2px 0px 0px 0px;
width: 100%;
height: 26px;
clear: both;
font-family: verdana, helvetica;
font-size: 70%;
color: #222222;
font-weight: normal;
background: #777777;
}

#creditleft {
margin: 0px 0px 0px 0px;
padding: 7px 0px 0px 0px;
height: 26px;
position: relative;
float: left;
text-align: left;
display: inline;
width: 71%;
background: #ffffff url(http://farm4.static.flickr.com/3284/2759741172_0364e856db_o.png) repeat-x top left;
}

#creditright {
margin: -33px 0px 0px 0px;
padding: 7px 0px 0px 0px;
height: 26px;
position: relative;
float: right;
text-align:right;
display: inline;
width: 30%;
background: #ffffff url(http://farm4.static.flickr.com/3284/2759741172_0364e856db_o.png) repeat-x top left;
}

#creditleft p {
margin: 0;
padding: 0
}

#creditright p {
margin: 0;
padding: 0
}

#creditleft a, .creditleft a:hover, .creditleft a:visited {
color: #222222;
text-decoration: underline;
}

#creditright a, .creditright a:hover, .creditright a:visited {
color: #222222;
text-decoration: underline;
}

/* ************ END OF CSS STYLING ************ */

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

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

<b:if cond='data:blog.pageType != "item"'>
<script type='text/javascript'>

var fade = false;
function showFull(id) {
var post = document.getElementById(id);
var spans = post.getElementsByTagName('span');
for (var i = 0; i < spans.length; i++) {
if (spans[i].id == "fullpost") {
if (fade) {
spans[i].style.background = peekaboo_bgcolor;
Effect.Appear(spans[i]);
} else spans[i].style.display = 'inline';
}
if (spans[i].id == "showlink")
spans[i].style.display = 'none';
if (spans[i].id == "hidelink")
spans[i].style.display = 'inline';
}
}

function hideFull(id) {
var post = document.getElementById(id);
var spans = post.getElementsByTagName('span');
for (var i = 0; i < spans.length; i++) {
if (spans[i].id == "fullpost") {
if (fade) {
spans[i].style.background = peekaboo_bgcolor;
Effect.Fade(spans[i]);
} else spans[i].style.display = 'none';
}
if (spans[i].id == "showlink")
spans[i].style.display = 'inline';
if (spans[i].id == "hidelink")
spans[i].style.display = 'none';
}
post.scrollIntoView(true);
}

function checkFull(id) {
var post = document.getElementById(id);
var spans = post.getElementsByTagName('span');
var found = 0;
for (var i = 0; i < spans.length; i++) {
if (spans[i].id == "fullpost") {
spans[i].style.display = 'none';
found = 1;
}
if ((spans[i].id == "showlink") && (found == 0))
spans[i].style.display = 'none';
}
}

</script>
</b:if>

</head>

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


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

<div id='topads-wrapper'>
<b:section class='topads' id='topads' preferred='yes'/>
</div>

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

<div id='blog-wrapper'>

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

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

<div id='linkbar-wrapper'>
<b:section class='linkbar' id='linkbar' showaddelement='no'>
<b:widget id='LinkList1' locked='true' title='Linkbar' type='LinkList'/>
</b:section>
</div>

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

<div id='middleads-wrapper'>
<b:section class='middleads' id='middleads' preferred='yes'/>
</div>

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

<div id='content-wrapper'>

<div id='side-wrapper1'>
<b:section class='sidebar' id='sidebar1' preferred='yes'>
<b:widget id='Text3' locked='false' title='About' type='Text'/>
<b:widget id='Label2' locked='false' title='Labels' type='Label'/>
<b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'/>
</b:section>
</div>

<div id='main-wrapper'>
<b:section class='main' id='main' preferred='yes'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>
</b:section>
</div>


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

</div> 

<div id='lower-wrapper'>

<div id='lowerbar-wrapper'>
<b:section class='lowerbar' id='lowerbar1' preferred='yes'>
<b:widget id='Text2' locked='false' title='About This Blog' type='Text'/>
</b:section>
</div>

<div id='lowerbar-wrapper'>
<b:section class='lowerbar' id='lowerbar2' preferred='yes'>
<b:widget id='Feed2' locked='false' title='Recent Posts' type='Feed'/>
</b:section>
</div>

<div id='lowerbar-wrapper'>
<b:section class='lowerbar' id='lowerbar3' preferred='yes'>
<b:widget id='Feed1' locked='false' title='Our Blogger Templates' type='Feed'/>
</b:section>
</div>

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

<div id='lowerads-wrapper'>
<b:section class='lowerads' id='lowerads' preferred='yes'/>
</div>

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

</div> 

<div id='footer-wrapper'>
<b:section class='footer' id='footer'>
<b:widget id='Text1' locked='false' title='Footer' type='Text'/>
</b:section>
</div>

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

</div> 

<div id='bottomads-wrapper'>
<b:section class='bottomads' id='bottomads' preferred='yes'/>
</div>

</div> 



<div id='credit'>

<div id='creditleft'>
<p> <img border='0' id='BLOGGER_PHOTO_ID_5255170228945611202' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtqlQbQ0bLXU3lU87Bu3rLdhs_LzCCdbFw187tWkW32LGThSDgvZbFGHLgTEM1PxBahByl-YFzRcX73_24VD1gEpNj1UvIXinQgKu5qIitk4ZLknB7NkyZ_AjpSa4wzQABXvczpyPnL2k/s200/clip_image002.jpg' style='CURSOR: hand' title='Mullookkaaran'/> </p>
</div>

<div id='creditright'>
<p><b>Back to <a href='#outer-wrapper'>TOP</a>  </b></p>
</div>

</div> 

</body>
</html>

മറ്റൊരു 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[

/* ************ START OF CSS STYLING ************ */

/* -----------------------------------------------------------------------
Blogger Template Design: by Mullookkaaran

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

/* Variable definitions
========================
<Variable name="bodybgColor" description="Body Background Color"
type="color" default="#FFBBE8" value="#ffffff">
<Variable name="blogbgColor" description="Blog Background Color"
type="color" default="#800040" value="#C3D9FF">
<Variable name="blogBorderColor" description="Blog Border Color"
type="color" default="#800040" value="#99C9FF">
<Variable name="headerbgColor" description="Header Background Color"
type="color" default="#E895CC" value="#ffffff">
<Variable name="headerBorderColor" description="Header Border Color"
type="color" default="#9D1961" value="#0066CC">
<Variable name="blogTitleColor" description="Blog Title Color"
type="color" default="#800040" value="#ffffff">
<Variable name="blogDescriptionColor" description="Blog Description Color"
type="color" default="#800040" value="#99C9FF">

<Variable name="linkbartextbgColor" description="Linkbar Text Background Color"
type="color" default="#C94093" value="#99C9FF">
<Variable name="linkbarBorderColor" description="Linkbar Border Color"
type="color" default="#9D1961" value="#3D81EE">
<Variable name="linkbarTextColor" description="Linkbar Text Color"
type="color" default="#ffffff" value="#0066CC">
<Variable name="linkbarHoverBgColor" description="Linkbar Hover Background Color"
type="color" default="#ffffff" value="#ffffff">
<Variable name="linkbarHoverTextColor" description="Linkbar Hover Text Color"
type="color" default="#9D1961" value="#66B5FF">

<Variable name="postbgColor" description="Posts Background Color"
type="color" default="#ffffff" value="#ffffff">
<Variable name="postBorderColor" description="Post Border Color"
type="color" default="#000000" value="#C3D9FF">
<Variable name="postTitleColor" description="Post Title Color"
type="color" default="#000000" value="#0066CC">
<Variable name="dateHeaderColor" description="Date Header Color"
type="color" default="#000000" value="#808080">
<Variable name="textColor" description="Text Color"
type="color" default="#191919" value="#333333">
<Variable name="mainLinkColor" description="Main Link Color"
type="color" default="#333333" value="#0066CC">
<Variable name="mainHoverLinkColor" description="Main Hover Link Color"
type="color" default="#9D1961" value="#66B5FF">
<Variable name="mainVisitedLinkColor" description="Main Visited Link Color"
type="color" default="#9D1961" value="#0066CC">
<Variable name="blogQuoteColor" description="Blog Quote Color"
type="color" default="#191919" value="#333333">
<Variable name="codeTextColor" description="Code Text Color"
type="color" default="#660000" value="#3D81EE">

<Variable name="postfooterbgColor" description="Postfooter Background Color"
type="color" default="#E590C8" value="#ffffff">
<Variable name="postfooterBorderColor" description="Postfooter Border Color"
type="color" default="#E590C8" value="#C3D9FF">
<Variable name="postfooterTextColor" description="Postfooter Text Color"
type="color" default="#b8659C" value="#3D81EE">
<Variable name="postfooterLinkColor" description="Postfooter Link Color"
type="color" default="#b8659C" value="#3D81EE">
<Variable name="commentTabLinkColor" description="Comment Tab Link Color"
type="color" default="#b8659C" value="#3D81EE">
<Variable name="feedlinksColor" description="Feed Links Color"
type="color" default="#9D1961" value="#3D81EE">

<Variable name="sidebar1bgColor" description="Sidebar1 Background Color"
type="color" default="#FFBBE8" value="#C3D9FF">
<Variable name="sidebar2bgColor" description="Sidebar2 Background Color"
type="color" default="#FFBBE8" value="#C3D9FF">
<Variable name="sidebar3bgColor" description="Sidebar3 Background Color"
type="color" default="#FFBBE8" value="#C3D9FF">
<Variable name="sidebar1BorderColor" description="Sidebar1 Border Color"
type="color" default="#C94093" value="#99C9FF">
<Variable name="sidebar2BorderColor" description="Sidebar2 Border Color"
type="color" default="#C94093" value="#99C9FF">
<Variable name="sidebar3BorderColor" description="Sidebar3 Border Color"
type="color" default="#C94093" value="#C3D9FF">
<Variable name="sidebar1HeaderBgColor" description="Sidebar1 Header Background Color"
type="color" default="#ffffff" value="#C3D9FF">
<Variable name="sidebar2HeaderBgColor" description="Sidebar2 Header Background Color"
type="color" default="#ffffff" value="#C3D9FF">
<Variable name="sidebar3HeaderBgColor" description="Sidebar3 Header Background Color"
type="color" default="#ffffff" value="#C3D9FF">
<Variable name="sidebar1HeaderBorderColor" description="Sidebar1 Header Border Color"
type="color" default="#C94093" value="#3D81EE">
<Variable name="sidebar2HeaderBorderColor" description="Sidebar2 Header Border Color"
type="color" default="#C94093" value="#3D81EE">
<Variable name="sidebar3HeaderBorderColor" description="Sidebar3 Header Border Color"
type="color" default="#C94093" value="#3D81EE">
<Variable name="sidebar1HeaderColor" description="Sidebar1 Header Color"
type="color" default="#000000" value="#3D81EE">
<Variable name="sidebar2HeaderColor" description="Sidebar2 Header Color"
type="color" default="#000000" value="#3D81EE">
<Variable name="sidebar3HeaderColor" description="Sidebar3 Header Color"
type="color" default="#000000" value="#3D81EE">
<Variable name="sidebar1TextColor" description="Sidebar1 Text Color"
type="color" default="#9D1961" value="#0066CC">
<Variable name="sidebar2TextColor" description="Sidebar2 Text Color"
type="color" default="#9D1961" value="#0066CC">
<Variable name="sidebar3TextColor" description="Sidebar3 Text Color"
type="color" default="#9D1961" value="#0066CC">
<Variable name="sidebar1LinkColor" description="Sidebar1 Link Color"
type="color" default="#9D1961" value="#0066CC">
<Variable name="sidebar2LinkColor" description="Sidebar2 Link Color"
type="color" default="#9D1961" value="#0066CC">
<Variable name="sidebar3LinkColor" description="Sidebar3 Link Color"
type="color" default="#9D1961" value="#0066CC">
<Variable name="sidebar1HoverLinkColor" description="Sidebar1 Hover Link Color"
type="color" default="#000000" value="#000000">
<Variable name="sidebar2HoverLinkColor" description="Sidebar2 Hover Link Color"
type="color" default="#000000" value="#000000">
<Variable name="sidebar3HoverLinkColor" description="Sidebar3 Hover Link Color"
type="color" default="#000000" value="#000000">
<Variable name="sidebar1VisitedLinkColor" description="Sidebar1 Visited Link Color"
type="color" default="#000000" value="#0066CC">
<Variable name="sidebar2VisitedLinkColor" description="Sidebar2 Visited Link Color"
type="color" default="#000000" value="#0066CC">
<Variable name="sidebar3VisitedLinkColor" description="Sidebar3 Visited Link Color"
type="color" default="#000000" value="#0066CC">
<Variable name="sidebarListLineColor" description="Sidebar List Line Color"
type="color" default="#000000" value="#C3D9FF">

<Variable name="commentbgColor" description="Comment Background Color"
type="color" default="#ffffff" value="#ffffff">
<Variable name="commentboxBorderColor" description="Comment Box Border Color"
type="color" default="#C94093" value="#C3D9FF">
<Variable name="commentTitleColor" description="Comment Title Color"
type="color" default="#000000" value="#000000">
<Variable name="commentAuthorBorderColor" description="Comment Author Border Color"
type="color" default="#C94093" value="#e6e6e6">
<Variable name="commentTextColor" description="Comment Text Color"
type="color" default="#4c4c4c" value="#333333">
<Variable name="commentauthorColor" description="Comment Author Color"
type="color" default="#9D1961" value="#3D81EE">
<Variable name="footerbgColor" description="Footer Background Color"
type="color" default="#E895CC" value="#000000">
<Variable name="footerBorderColor" description="Footer Border Color"
type="color" default="#9D1961" value="#000000">
<Variable name="footerHeaderColor" description="Footer Header Color"
type="color" default="#000000" value="#e6e6e6">
<Variable name="footerTextColor" description="Footer Text Color"
type="color" default="#C94093" value="#99C9FF">
<Variable name="footerHoverLinkColor" description="Footer Hover Link Color"
type="color" default="#C94093" value="#ffffff">
<Variable name="footerVisitedLinkColor" description="Footer Visited Link Color"
type="color" default="#C94093" value="#99C9FF">
<Variable name="creditTextColor" description="Credit Text Color"
type="color" default="#C94093" value="#3D81EE">

<Variable name="blogTitleFont" description="Blog Title Font"
type="font"
default="normal bold 273% Georgia, Times, serif"
value="italic bold 153% Georgia, Times, serif">
<Variable name="blogDescriptionFont" description="Blog Description Font"
type="font"
default="normal normal 104% georgia,helvetica,verdana,Georgia, serif"
value="normal bold 77% Georgia, Times, serif">
<Variable name="linkbarTextFont" description="Linkbar Text Font"
type="font"
default="normal normal 77% Verdana, sans-serif"
value="normal bold 79% Arial, sans-serif">
<Variable name="dateHeaderFont" description="Date Header Font"
type="font"
default="normal bold 117% Arial, sans-serif"
value="normal bold 101% Arial, sans-serif">
<Variable name="postTitleFont" description="Post Title Font"
type="font"
default="normal bold 180% Georgia, Times, serif"
value="normal bold 186% Georgia, Times, serif">
<Variable name="textFont" description="Text Font"
type="font"
default="normal normal 90% Arial, sans-serif"
value="normal normal 72% Verdana, sans-serif">
<Variable name="quoteFont" description="Blog Quote Font"
type="font"
default="normal normal 92% helvetica,tahoma,verdana,arial,times,Sans-serif"
value="italic normal 100% Verdana, sans-serif">
<Variable name="sidebarHeaderFont" description="Sidebar Header Font"
type="font"
default="normal bold 117% Arial, sans-serif"
value="normal bold 131% Arial, sans-serif">
<Variable name="sidebarTextFont" description="Sidebar Text Font"
type="font"
default="normal normal 78% Arial, Verdana, sans-serif"
value="normal normal 68% Arial, sans-serif">
<Variable name="postfooterTextFont" description="Post-Footer Text Font"
type="font"
default="normal normal 93% Arial, sans-serif"
value="normal normal 84% Verdana, sans-serif">
<Variable name="commentTextFont" description="Comment Text Font"
type="font"
default="normal normal 95% Arial, sans-serif"
value="normal normal 95% Verdana, sans-serif">
<Variable name="commentTitleFont" description="Comment Title Font"
type="font"
default="normal bold 120% Arial, sans-serif"
value="normal bold 117% Arial, sans-serif">
<Variable name="footerHeaderFont" description="Footer Header Font"
type="font"
default="normal bold 131% Trebuchet, Trebuchet MS, Arial, sans-serif"
value="normal bold 109% Verdana, sans-serif">
<Variable name="footerTextFont" description="Footer Text Font"
type="font"
default="normal normal 76% Trebuchet, Trebuchet MS, Arial, sans-serif"
value="normal normal 67% Arial, sans-serif">
*/

/* ----- GLOBAL ----- */

body {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
min-width: 810px;
text-align: center;
color: $textColor;
background: $bodybgColor;
background-attachment: fixed;
font-family: arial,verdana,helvetica,tahoma,Sans-serif;
font-size: 100%;
}

#outer-wrapper {
margin: 0 auto; /* to make the template lay in the screen center */
padding: 0px 0px 0px 0px;
margin-top: 0px;
text-align: left;
position: relative;
width: 810px;
}

#blog-wrapper {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: left;
position: relative;
width: 810px;
border: 1px solid $blogBorderColor;
border-right: 0;
border-top: 0;
}

#spacer {
z-index: -1;
clear: both;
margin: -7px 0px 0px 0px;
padding: 0;
line-height: 0;
min-height: 0;
max-height: 0;
z-index: -1;
}

/* global link attributes */
a {
color: $mainLinkColor;
text-decoration: none;
}

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

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

/* setting margin of Blogger Navbar */
#Navbar1 {
margin: 0;
padding: 0;
}

/* ----- HEADER ----- */

#top-wrapper {
margin: 0px 0px 0px 0px;
padding: 3px 0px 3px 3px;
width: 805px;
background: $blogbgColor;
border-right: 1px solid $blogBorderColor;
}

#header-wrapper {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 802px;
}

#header {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background: $headerbgColor;
border: 1px solid $headerBorderColor;
text-align: center;
}

#header h1 {
display: block;
margin: 0px 0px 0px 0px;
padding: 130px 20px 0px 20px;
color: $blogTitleColor;
font: $blogTitleFont;
text-align: left;
}

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

#header h1 a:hover {
text-decoration: none;
}

#header .description {
display: block;
margin: 0px 0px 0px 0px;
padding: 5px 20px 10px 20px;
color: $blogDescriptionColor;
font: $blogDescriptionFont;
text-align: left;
}

#header a img {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border: 0;
position: absolute;
top: 0px;
left: 0px;
}

/* ----- LINKBAR ----- */
#linkbar {
margin: 0px 0px 2px 0px;
padding: 3px 0px 6px 0px;
position: relative;
width: 800px;
}

#linkbar ul {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: left;
list-style-type:none;
}

#linkbar li {
display: inline;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#linkbar h2 {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
display: none;
visibility: hidden;
}

#linkbar a {
clear: both;
margin: 0px -2px 0px 0px;
padding: 5px 15px 5px 15px;
width:100%px;
text-decoration:none;
font: $linkbarTextFont;
color: $linkbarTextColor;
background: $linkbartextbgColor;
border: 1px solid $linkbarBorderColor;
}

#linkbar a:hover {
color: $linkbarHoverTextColor;
background: $linkbarHoverBgColor;
}

/* ----- BANNER ----- */

.banner {
margin: 0px 0px 0px 0px;
padding: 0px 15px 0px 15px;
width: 800px;
text-align: center;
}

/* ----- MAIN ----- */

#content-wrapper {
margin: 0px 0px 0px 0px;
padding: 0px 0px 3px 3px;
width: 805px;
position: relative;
text-align: left;
background: $blogbgColor;
border-right: 1px solid $blogBorderColor;
}

#main-wrapper {
float: left;
position: relative;
margin: 0px 3px 0px 0px;
padding: 0px 0px 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 */
}

#main {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 490px;
color: $textColor;
font: $textFont;
background: $postbgColor;
border: 1px solid $postBorderColor;
}

#main .widget {
margin: 0px 0px 10px 0px;
padding: 10px 15px 0px 15px;
}

h2.date-header {
margin: 0px 0px -10px 0px;
padding: 20px 0px 0px 0px;
text-align: left;
color: $dateHeaderColor;
font: $dateHeaderFont;
text-decoration: underline;
}

.date-header span {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

.post {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
line-height: 1.6em;
text-align: left;
}

.post h3 {
margin: 0px 0px 10px 0px;
padding: 20px 0px 5px 0px;
color: $postTitleColor;
font: $postTitleFont;
text-decoration: none;
text-align: left;
line-height: 1.6em;
}

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

.post-body p {
/* Fix bug in IE5/Win with italics in posts */
margin: 0px 0px 0px 0px;
padding: 5px 0px 15px 0px;
display: inline; /* to fix floating-ads wrapping problem in IE */
height: 1%;
overflow: visible;
}

.post-body p a, .post-body p a:visited {
color: $mainLinkColor;
text-decoration: underline;
}

.post-body a:hover {
text-decoration: underline;
color: $mainHoverLinkColor;
}

.post ul {
margin: 0px 0px 0px 0px;
padding: 15px 0px 15px 30px;
list-style-type: disc;
line-height: 2.0em;
font-size: 95%;
}

.post ol {
margin: 0px 0px 0px 0px;
padding: 15px 0px 15px 30px;
line-height: 2.0em;
font-size: 95%;
}

.post li {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
line-height: 1.5em;
}

a img {
margin: 5px 5px 5px 5px;
padding: 0px 0px 0px 0px;
}

/* ----- POST-FOOTER ----- */

.post-footer {
display: block;
margin: 20px 0px 0px 0px;
padding: 3px 0px 3px 0px;
text-align: left;
font: $postfooterTextFont;
color: $postfooterTextColor;
font-weight: normal;
text-decoration: none;
background: $postfooterbgColor;
border-top: 2px dotted $postfooterBorderColor;
}

.post-footer-line {
margin: 5px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

.post-footer a {
color: $postfooterLinkColor;
text-decoration: none;
}

.post-footer a:hover {
text-decoration: none;
color: $commentTabLinkColor;
text-decoration: none;
}

.post-footer .post-comment-link a {
margin: 0px 10px 0px 10px;
padding: 0px 10px 0px 10px;
border-left: 1px solid $postfooterLinkColor;
border-right: 1px solid $postfooterLinkColor;
color: $commentTabLinkColor;
font-weight: bold;
}

.post-footer .post-comment-link a:hover {
text-decoration: none;
color: $postfooterLinkColor;
}

#blog-pager, #blog-pager a {
margin: 0px 0px 0px 0px;
padding: 7px 0px 10px 0px;
text-align: center;
font-size: 93%;
color: $feedlinksColor;
}

#blog-pager a:hover {color: $mainHoverLinkColor}

#blog-pager-newer-link {
float: left;
margin: 0px 0px 0px 0px;
padding-left: 3px;
}

#blog-pager-older-link {
float: right;
margin: 0px 0px 0px 0px;
padding-right: 3px;
}

.feed-links {
margin: 0px 0px 0px 0px;
padding: 25px 3px 10px 3px;
clear: both;
line-height: 1.5em;
text-align: right;
font-size: 93%;
color: $feedlinksColor;
}

.feed-links a, .feed-links a:visited {color: $feedlinksColor}
.feed-links a:hover {color: $mainHoverLinkColor}

/* ----- SIDEBAR ----- */

#side-wrapper {
float: left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 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 {
float: left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 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 {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: left;
line-height: 1.4em;
font: $sidebarTextFont;
}

#sidebar1 {
width: 120px;
margin: 0px 3px 3px 0px;
padding: 15px 15px 0px 15px;
color: $sidebar1TextColor;
background: $sidebar1bgColor;
border: 1px solid $sidebar1BorderColor;
}

#sidebar2 {
width: 120px;
margin: 0px 0px 3px 0px;
padding: 15px 15px 0px 15px;
color: $sidebar2TextColor;
background: $sidebar2bgColor;
border: 1px solid $sidebar2BorderColor;
z-index: 1;
}

#sidebar3 {
width: 275px;
margin: 0px 0px 3px 0px;
padding: 15px 15px 0px 15px;
color: $sidebar3TextColor;
background: $sidebar3bgColor;
border: 1px solid $sidebar3BorderColor;
}

#sidebar1 .widget, #sidebar2 .widget, #sidebar3 .widget {
margin: 0px 0px 0px 0px;
padding: 0px 0px 30px 0px;
}

/* sidebar heading ----- */

#sidebar1 h2 {
margin: -10px 0px 7px 0px;
padding: 5px 0px 2px 0px;
text-align: left;
color: $sidebar1HeaderColor;
font: $sidebarHeaderFont;
background: $sidebar1HeaderBgColor;
border-bottom: 1px solid $sidebar1HeaderBorderColor;
text-align: left;
}

#sidebar2 h2 {
margin: -10px 0px 7px 0px;
padding: 5px 0px 2px 0px;
text-align: left;
color: $sidebar2HeaderColor;
font: $sidebarHeaderFont;
background: $sidebar2HeaderBgColor;
border-bottom: 1px solid $sidebar2HeaderBorderColor;
text-align: left;
}

#sidebar3 h2 {
margin: -10px 0px 7px 0px;
padding: 5px 0px 2px 0px;
text-align: left;
color: $sidebar3HeaderColor;
font: $sidebarHeaderFont;
background: $sidebar3HeaderBgColor;
border-bottom: 1px solid $sidebar3HeaderBorderColor;
text-align: left;
}

.sidebar ul, #BlogArchive1 ul {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
list-style-type: none;
}

.sidebar li, #BlogArchive1 li {
margin: 0px 0px 0px 0px;
padding: 4px 0px 2px 0px;
line-height: 1.3em;
border-bottom: 1px solid $sidebarListLineColor;
}

#sidebar1 a {
color: $sidebar1LinkColor;
text-decoration: none;
}

#sidebar2 a {
color: $sidebar2LinkColor;
text-decoration: none;
}

#sidebar3 a {
color: $sidebar3LinkColor;
text-decoration: none;
}

#sidebar1 a:hover {
text-decoration: none;
color: $sidebar1HoverLinkColor;
}

#sidebar2 a:hover {
text-decoration: none;
color: $sidebar2HoverLinkColor;
}

#sidebar3 a:hover {
text-decoration: none;
color: $sidebar3HoverLinkColor;
}

#sidebar1 a:visited {
text-decoration: none;
color: $sidebar1VisitedLinkColor;
}

#sidebar2 a:visited {
text-decoration: none;
color: $sidebar2VisitedLinkColor;
}

#sidebar3 a:visited {
text-decoration: none;
color: $sidebar3VisitedLinkColor;
}

.sidebar a img {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

/* ----- PROFILE ----- */

.profile-img a img {
display: block;
float: left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
clear: both;
}

.profile-textblock {
margin: 0px 0px 0px 0px;
padding: 10px 0px 10px 0px;
clear: both;
line-height: 1.4em;
}

.profile-data {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-weight: normal;
font-style: italic;
}

.profile-datablock {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

.profile-link {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

/* ----- BLOCKQUOTE ----- */

blockquote {
margin: 15px 30px 15px 30px;
padding: 0px 0px 0px 0px;
color: $blogQuoteColor;
font: $quoteFont;
line-height: 1.6em;
}

/* ----- CODE ----- */

code {
color: $codeTextColor;
font-size: 110%;
}

/* ----- COMMENT ----- */

#comments {
margin: 0px -15px 0px -15px;
padding: 0px 25px 15px 25px;
text-align: left;
background: $commentbgColor;
color: $commentTextColor;
font: $commentTextFont;
border-bottom: 1px solid $commentboxBorderColor;
}

/* comment-header */
#comments h4 {
margin: 0px 0px 0px 0px;
padding: 17px 0px 5px 0px;
color: $commentTitleColor;
font: $commentTitleFont;
text-transform: uppercase;
}

.deleted-comment {
font-style:italic;
color:gray;
margin: 3px 0px 3px 0px;
}

.comment-author {
margin: 15px 0px 10px 0px;
padding: 15px 0px 0px 0px;
color: $commentauthorColor;
border-top: 1px dotted $commentAuthorBorderColor;
}

.comment-author a {color: $commentauthorColor;}
.comment-author a:hover {color: $mainHoverLinkColor;}

.comment-body {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 30px;
}

.comment-footer {
margin: 0px 0px 20px 0px;
padding: 10px 0px 0px 30px;
}

.comment-timestamp, .comment-timestamp a {
margin: 0px 0px 30px 0px;
padding: 0px 0px 0px 0px;
color: $commentTextColor;
font-size: 95%;
text-decoration: none;
}

.comment-body p {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
line-height: 1.6em;
}

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

#comments li {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

a.comment-link {
/* ie5.0/win doesn't apply padding to inline elements,
so we hide these two declarations from it */
padding: 0px 0px 0px 0px;
}

html>body a.comment-link {
/* respecified, for ie5/mac's benefit */
padding-left: 0px;
}

/* ----- FOOTER ----- */

#footer-wrapper {
clear: both;
display: inline; /* handles IE margin bug */
float: left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 3px 3px;
width: 805px;
background: $blogbgColor;
border-right: 1px solid $blogBorderColor;
}

#footer {
margin: 0px 0px 0px 0px;
padding: 10px 15px 10px 15px;
width: 770px;
text-align: right;
color: $footerTextColor;
font: $footerTextFont;
line-height: 1.6em;
background: $footerbgColor;
border: 1px solid $footerBorderColor;
}

#footer h2 {
margin: 0px 0px 0px 0px;
padding: 3px 0px 3px 0px;
color: $footerHeaderColor;
font: $footerHeaderFont;
}

#footer .widget {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

.footer a {
color: $footerTextColor;
text-decoration: underline;
}

.footer a:hover {
color: $footerHoverLinkColor;
text-decoration: underline;
}

.footer a:visited {
color: $footerVisitedLinkColor;
text-decoration: underline;
}

/* ----- CREDIT ----- */

#credit-wrapper {
clear: both;
margin: 2px 0px 0px 0px;
text-align: left;
font: $textFont;
font-size: 60%;
color: $creditTextColor;
font-weight: bold;
background: #333333;
}

.creditleft {
float:left;
display: inline;
padding: 2px 10px 1px 10px;
}

.creditright {
float:right;
text-align:right;
display: inline;
padding: 2px 10px 1px 10px;
}

.creditleft a, .creditleft a:hover, .creditleft a:visited {
color: $creditTextColor;
text-decoration: underline;
}

.creditright a, .creditright a:hover, .creditright a:visited {
color: $creditTextColor;
text-decoration: underline;
}

/* ************ END OF CSS STYLING ************ */

/** 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='blog-wrapper'>


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

<div id='top-wrapper'>

<div id='linkbar-wrapper'>
<b:section class='linkbar' id='linkbar' maxwidgets='1' showaddelement='no'>
<b:widget id='LinkList1' locked='true' title='Linkbar' type='LinkList'>
<b:includable id='main'>

<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content'>
<ul>
<b:loop values='data:links' var='link'>
<li><a expr:href='data:link.target'><data:link.name/></a></li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
</b:section>
</div>

<div id='header-wrapper'>
<b:section class='header' id='header' preferred='yes'>
<b:widget id='Header1' locked='true' title='Test Blog II (Header)' type='Header'>
<b:includable id='title'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<data:title/>
<b:else/>
<a expr:href='data:blog.homepageUrl'><data:title/></a>
</b:if>
</b:includable>
<b:includable id='description'>
<div class='descriptionwrapper'>
<p class='description'><span><data:description/></span></p>
</div>
</b:includable>
<b:includable id='main'>

<b:if cond='data:useImage'>
<b:if cond='data:imagePlacement == "REPLACE"'>

<div id='header-inner'>
<a expr:href='data:blog.homepageUrl' style='display: block'>
<img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_headerimg"' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
</a>
</div>
<b:else/>

<div expr:style='"background-image: url(\"" + data:sourceUrl + "\"); " + "background-repeat: no-repeat; " + "width: " + data:width + "px; " + "height: " + data:height + "px;"' id='header-inner'>
<div class='titlewrapper' style='background: transparent'>
<h1 class='title' style='background: transparent; border-width: 0px'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<data:title/>
<b:else/>
<a expr:href='data:blog.homepageUrl'><data:title/></a>
</b:if>
</h1>
</div>
<div class='descriptionwrapper'>
<p class='description'><span><data:description/></span></p>
</div>
</div>
</b:if>
<b:else/>

<div id='header-inner'>
<div class='titlewrapper'>
<h1 class='title'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<data:title/>
<b:else/>
<a expr:href='data:blog.homepageUrl'><data:title/></a>
</b:if>
</h1>
</div>
<div class='descriptionwrapper'>
<p class='description'><span><data:description/></span></p>
</div>
</div>
</b:if>
</b:includable>
</b:widget>
</b:section>
</div>

<div style='clear: both'/>

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

<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:includable id='nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</span>
</b:if>

<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
</span>
</b:if>

<b:if cond='data:blog.homepageUrl != data:blog.url'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
<b:else/>
<b:if cond='data:newerPageUrl'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</b:if>
</b:if>

</div>
<div class='clear'/>
</b:includable>
<b:includable id='backlinks' var='post'>
<a name='links'/><h4><data:post.backlinksLabel/></h4>
<b:if cond='data:post.numBacklinks != 0'>
<dl class='comments-block' id='comments-block'>
<b:loop values='data:post.backlinks' var='backlink'>
<div class='collapsed-backlink backlink-control'>
<dt class='comment-title'>
<span class='backlink-toggle-zippy'> </span>
<a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>
<b:include data='backlink' name='backlinkDeleteIcon'/>
</dt>
<dd class='comment-body collapseable'>
<data:backlink.snippet/>
</dd>
<dd class='comment-footer collapseable'>
<span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span>
<span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span>
</dd>
</div>
</b:loop>
</dl>
</b:if>
<p class='comment-footer'>
<a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + "_backlinks-create-link"' target='_blank'><data:post.createLinkLabel/></a>
</p>
</b:includable>
<b:includable id='post' var='post'>
<div class='post'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='post-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>

<div class='post-header-line-1'/>

<div class='post-body'>
<p><data:post.body/></p>
<div style='clear: both;'/> 
</div>
<div class='post-footer'>
<p class='post-footer-line post-footer-line-1'><span class='post-author'>
<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/> <data:post.author/>
</b:if>
</span> <span class='post-timestamp'>
<b:if cond='data:top.showTimestamp'>
<data:top.timestampLabel/>
<b:if cond='data:post.url'>
<a class='timestamp-link' expr:href='data:post.url' title='permanent link'><data:post.timestamp/></a>
</b:if>
</b:if>
</span> <span class='post-comment-link'>
<b:if cond='data:blog.pageType != "item"'>

<b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
</b:if>
</b:if>
</span> <span class='post-icons'>

<b:if cond='data:post.emailPostUrl'>
<span class='item-action'>
<a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
<span class='email-post-icon'> </span>
</a>
</span>
</b:if>


<b:include data='post' name='postQuickEdit'/>
</span> </p>

<p class='post-footer-line post-footer-line-2'><span class='post-labels'>
<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop>
</b:if>
</span> </p>

<p class='post-footer-line post-footer-line-3'/>
</div>
</div>
</b:includable>
<b:includable id='commentDeleteIcon' var='comment'>
<span expr:class='"item-control " + data:comment.adminClass'>
<a expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
<span class='delete-comment-icon'> </span>
</a>
</span>
</b:includable>
<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div class='status-msg-wrap'>
<div class='status-msg-body'>
<data:navMessage/>
</div>
<div class='status-msg-border'>
<div class='status-msg-bg'>
<div class='status-msg-hidden'><data:navMessage/></div>
</div>
</div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>
<b:includable id='feedLinks'>
<b:if cond='data:blog.pageType != "item"'> 
<b:if cond='data:feedLinks'>
<div class='blog-feeds'>
<b:include data='feedLinks' name='feedLinksBody'/>
</div>
</b:if>

<b:else/> 
<div class='post-feeds'>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.allowComments'>
<b:if cond='data:post.feedLinks'>
<b:include data='post.feedLinks' name='feedLinksBody'/>
</b:if>
</b:if>
</b:loop>
</div>
</b:if>
</b:includable>
<b:includable id='backlinkDeleteIcon' var='backlink'>
<span expr:class='"item-control " + data:backlink.adminClass'>
<a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
<span class='delete-comment-icon'> </span>
</a>
</span>
</b:includable>
<b:includable id='feedLinksBody' var='links'>
<div class='feed-links'>
<data:feedLinksMsg/>
<b:loop values='data:links' var='f'>
<a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
</b:loop>
</div>
</b:includable>
<b:includable id='postQuickEdit' var='post'>
<b:if cond='data:post.editUrl'>
<span expr:class='"item-control " + data:post.adminClass'>
<a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
<span class='quick-edit-icon'> </span>
</a>
</span>
</b:if>
</b:includable>
<b:includable id='comments' var='post'>
<div class='comments' id='comments'>
<a name='comments'/>
<b:if cond='data:post.allowComments'>
<h4>
<b:if cond='data:post.numComments == 1'>
1 <data:commentLabel/>:
<b:else/>
<data:post.numComments/> <data:commentLabelPlural/>:
</b:if>
</h4>

<dl id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<dt class='comment-author' expr:id='"comment-" + data:comment.id'>
<a expr:name='"comment-" + data:comment.id'/>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
</dt>
<dd class='comment-body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</dd>
<dd class='comment-footer'>
<span class='comment-timestamp'>
<a expr:href='"#comment-" + data:comment.id' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
</b:loop>
</dl>

<p class='comment-footer'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</p>
</b:if>

<div id='backlinks-container'>
<div expr:id='data:widget.instanceId + "_backlinks-container"'>
<b:if cond='data:post.showBacklinks'>
<b:include data='post' name='backlinks'/>
</b:if>
</div>
</div>
</div>
</b:includable>
<b:includable id='main' var='top'>

<div class='blog-posts'>

<b:include data='top' name='status-message'/>

<data:adStart/>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><data:post.dateHeader/></h2>
</b:if>
<b:include data='post' name='post'/>
<b:if cond='data:blog.pageType == "item"'>
<b:include data='post' name='comments'/>
</b:if>
</b:loop>
<data:adEnd/>
</div>


<b:include name='nextprev'/>


<b:include name='feedLinks'/>
</b:includable>
</b:widget>
</b:section>
</div>

<div id='side-wrapper'>

<b:section class='sidebar' id='sidebar3' preferred='yes'>
<b:widget id='Feed1' locked='false' title='Our Blogger Templates' type='Feed'>
<b:includable id='main'>
<h2><data:title/></h2>
<div class='widget-content'>
<ul expr:id='data:widget.instanceId + "_feedItemListDisplay"'>
<b:loop values='data:feedData.items' var='i'>
<li>
<span class='item-title'>
<a expr:href='data:i.alternate.href'>
<data:i.title/>
</a>
</span>
<b:if cond='data:showItemDate'>
<b:if cond='data:i.str_published != ""'>
<span class='item-date'>
 - <data:i.str_published/>
</span>
</b:if>
</b:if>
<b:if cond='data:showItemAuthor'>
<b:if cond='data:i.author != ""'>
<span class='item-author'>
 - <data:i.author/>
</span>
</b:if>
</b:if>
</li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
</b:section>

<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar1' preferred='yes'>
<b:widget id='Label1' locked='false' title='Categories' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<data:label.name/>
<b:else/>
<a expr:href='data:label.url'><data:label.name/></a>
</b:if>
(<data:label.count/>)
</li>
</b:loop>
</ul>

<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
</b:section>
</div>

<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar2' preferred='yes'>
<b:widget id='BlogArchive1' locked='false' title='Archives' type='BlogArchive'>
<b:includable id='toggle' var='interval'>
<b:if cond='data:interval.toggleId'>
<b:if cond='data:interval.expclass == "expanded"'>
<a class='toggle' expr:href='data:widget.actionUrl + "&action=toggle" + "&dir=close&toggle=" + data:interval.toggleId + "&toggleopen=" + data:toggleopen'>
<span class='zippy toggle-open'>▼ </span>
</a>
<b:else/>
<a class='toggle' expr:href='data:widget.actionUrl + "&action=toggle" + "&dir=open&toggle=" + data:interval.toggleId + "&toggleopen=" + data:toggleopen'>
<span class='zippy'>► </span>
</a>
</b:if>
</b:if>
</b:includable>
<b:includable id='interval' var='intervalData'>
<b:loop values='data:intervalData' var='i'>
<ul>
<li expr:class='"archivedate " + data:i.expclass'>
<b:include data='i' name='toggle'/>
<a class='post-count-link' expr:href='data:i.url'><data:i.name/></a>
(<span class='post-count'><data:i.post-count/></span>)
<b:if cond='data:i.data'>
<b:include data='i.data' name='interval'/>
</b:if>
<b:if cond='data:i.posts'>
<b:include data='i.posts' name='posts'/>
</b:if>
</li>
</ul>
</b:loop>
</b:includable>
<b:includable id='menu' var='data'>
<select expr:id='data:widget.instanceId + "_ArchiveMenu"'>
<option value=''><data:title/></option>
<b:loop values='data:data' var='i'>
<option expr:value='data:i.url'><data:i.name/> (<data:i.post-count/>)</option>
</b:loop>
</select>
</b:includable>
<b:includable id='flat' var='data'>
<ul>
<b:loop values='data:data' var='i'>
<li class='archivedate'>
<a expr:href='data:i.url'><data:i.name/></a> (<data:i.post-count/>)
</li>
</b:loop>
</ul>
</b:includable>
<b:includable id='posts' var='posts'>
<ul class='posts'>
<b:loop values='data:posts' var='i'>
<li><a expr:href='data:i.url'><data:i.title/></a></li>
</b:loop>
</ul>
</b:includable>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<div id='ArchiveList'>
<div expr:id='data:widget.instanceId + "_ArchiveList"'>
<b:if cond='data:style == "HIERARCHY"'>
<b:include data='data' name='interval'/>
</b:if>
<b:if cond='data:style == "FLAT"'>
<b:include data='data' name='flat'/>
</b:if>
<b:if cond='data:style == "MENU"'>
<b:include data='data' name='menu'/>
</b:if>
</div>
</div>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
<b:widget id='Profile1' locked='false' title='About' type='Profile'>
<b:includable id='main'>
<b:if cond='data:title != ""'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<b:if cond='data:team == "true"'> 
<ul>
<b:loop values='data:authors' var='i'>
<li><a expr:href='data:i.userUrl'><data:i.display-name/></a></li>
</b:loop>
</ul>

<b:else/> 

<b:if cond='data:photo.url != ""'>
<a expr:href='data:userUrl'><img class='profile-img' expr:alt='data:photo.alt' expr:height='data:photo.height' expr:src='data:photo.url' expr:width='data:photo.width'/></a>
</b:if>

<dl class='profile-datablock'>
<dt class='profile-data'><data:displayname/></dt>

<b:if cond='data:showlocation == "true"'>
<dd class='profile-data'><data:location/></dd>
</b:if>

<b:if cond='data:aboutme != ""'><dd class='profile-textblock'><data:aboutme/></dd></b:if>
</dl>
<a class='profile-link' expr:href='data:userUrl'><data:viewProfileMsg/></a>
</b:if>

<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
</b:section>
</div>

</div> 


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

</div> 

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

<div id='footer-wrapper'>
<b:section class='footer' id='footer'>
<b:widget id='Text1' locked='false' title='Our Blogger Templates ' type='Text'>
<b:includable id='main'>

<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>
</div>

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

</div> 

<div style='clear: both'/>



<div id='credit-wrapper'>

<div class='creditleft'>
<p> <img border='0' id='BLOGGER_PHOTO_ID_5255170228945611202' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtqlQbQ0bLXU3lU87Bu3rLdhs_LzCCdbFw187tWkW32LGThSDgvZbFGHLgTEM1PxBahByl-YFzRcX73_24VD1gEpNj1UvIXinQgKu5qIitk4ZLknB7NkyZ_AjpSa4wzQABXvczpyPnL2k/s200/clip_image002.jpg' style='CURSOR: hand' title='Mullookkaaran'/></p>
</div>

<div class='creditright'>
<p><a href='#outer-wrapper'>Jump to TOP </a></p>
</div>

</div> 

</div> 

</body>
</html>

നാല് കോളങ്ങള്‍ ഉള്ള മറ്റൊരു ടെമ്പ്ലേറ്റ് ...