Website Design – Two-Column

I Hate Having A Cold

February 24, 2010

2/365 days of blogging.

I hate having a cold. This is one affliction I always suffered from ever since I was a kid. And since I’m a regular “client” of it, I actually know if my cold is just going to be ordinary that would be gone by the end of the day or it’s the kind that would make me stay in bed because I’m like a walking dripping faucet – full of germs and everything I touch turns into SICK.

The last one is what I have right now. My nose is so clogged up, my head hurts and I’m feeling the chills. I’m actually wearing my warmest jacket right now under 2 sheets of comforters. My eyes are really droopy. And I’m just typing this because I want to write about it while I have it.

So if this annoying cold continues tomorrow, I’m not going to go to work tomorrow. It’s just gross blowing your nose in a crowded pod of cubicles. I know I hate it when someone does it so I’m not going to do it. No way.

Posted in ME! ME! ME!, Rants, Website Design - Two-Column |

Tags: cold, sick |

No Comments »

Blogger Template 6 – Vector Coffee

March 13, 2009

Vector Coffee Template

I know… I could’ve given this a better name. I didn’t really know what I was thinking when I was coming up with a name for it. But then again, the colors of this template should more than make up for the lackluster title (hopefully!)

If you want to see how the real thing looks like, you can check it out here. And as usual, just select the text inside the box and copy and paste it into your own blogger template. And if you use it, just let me know and I’ll link to your page and send you some love, too

Btw, I have been thinking of creating some wordpress templates also. And might be able to make templates for sale or custom make one for you. So we’ll see what happens with that. but if you’re interested, just send me a line a atesienna at gmail dot com and we can talk about it

< ?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'/></head></html>

< ![CDATA[/*

/* Variable definitions
====================
type="color" default="#E5A" value="#DEE770">
type="color" default="#000" value="#000000">
type="color" default="#EA0437" value="#faffbd">
type="color" default="#fff" value="#2BA94F">
type="color" default="#FEF" value="#ffffcc">
type="color" default="#fff" value="#000000">
type="color" default="#ffc" value="#ffffff">
type="color" default="#000" value="#e770bc">
type="color" default="#333" value="#000000">
type="color" default="#fff" value="#e770bc">
type="font" default="normal normal 100% Georgia, Serif" value="normal normal 100% Trebuchet, Trebuchet MS, Arial, sans-serif">
type="font"
default="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif" value="normal bold 95% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif">
type="font"
default="normal normal 300% Gigi" value="normal bold 363% Georgia, Times, serif">
type="font"
default="normal normal 90% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 90% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif">
type="font"
default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif">
type="automatic" default="left" value="left">
type="automatic" default="right" value="right">
*/

body {
background:$bgcolor;
margin:0;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}
a:link {
color:$linkcolor;
text-decoration:none;
}
a:visited {
color:$visitedlinkcolor;
text-decoration:none;
}
a:hover {
color:$titlecolor;
text-decoration:underline;
}
a img {
border-width:0;
}

/* Header
———————————————–
*/

#header-wrapper {
width:745px;
height:300px;
margin:0 auto 10px;
border:3px solid $bordercolor;
background-image: url(http://img505.imageshack.us/img505/88/coffeevecdi6.jpg);

}

#header-inner {
background-position: center;
margin-$startSide: auto;
margin-$endSide: auto;
}

#header {
margin: 5px;
border: 0px solid $bordercolor;
text-align: left;
color:$pagetitlecolor;
}

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

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

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

#header .description {
margin-right: 300px;
padding:0 20px 15px;
max-width:600px;
text-transform:uppercase;
letter-spacing:.2em;
line-height: 1.4em;
font: $descriptionfont;
color: $descriptioncolor;
}

#header img {
margin-$startSide: auto;
margin-$endSide: auto;
}

/* Outer-Wrapper
———————————————– */
#outer-wrapper {
width: 750px;
margin:0 auto;
padding:10px;
text-align:$startSide;
font: $bodyfont;
}

#main-wrapper {
width: 500px;
border:3px solid $bordercolor;
background-image: url(http://img505.imageshack.us/img505/866/coffeevecbgym1.jpg);
float: left;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

#sidebar-wrapper {
width: 225px;
margin-right: 0px;
border:3px solid $bordercolor;
background-image: url(http://img505.imageshack.us/img505/866/coffeevecbgym1.jpg);
float: right;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
#footer-wrapper {
width: 725px;
margin:0 auto;
text-align:center;
font: $descriptionfont;

}
/* Headings
———————————————– */

h2 {
margin:1.5em 0 .75em;
font:$headerfont;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.2em;
color:$sidebarcolor;
}

/* Posts
———————————————–
*/
h2.date-header {
margin:1.5em 0 .5em;
margin-left: 10px;
margin-right: 10px;
}

.post {
margin:.5em 0 1.5em;
margin-left: 10px;
margin-right: 10px;
border-bottom:1px dotted $bordercolor;
padding-bottom:1.5em;
}
.post h3 {
margin:.25em 0 0;
margin-left: 10px;
margin-right: 10px;
padding:0 0 4px;
font-size:140%;
font-weight:normal;
line-height:1.4em;
color:$titlecolor;
}

.post h3 a, .post h3 a:visited, .post h3 strong {
display:block;
text-decoration:none;
color:$titlecolor;
font-weight:normal;
}

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

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

.post-body blockquote {
line-height:1.3em;
}

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

.comment-link {
margin-$startSide:.6em;
}
.post img {
padding:4px;
border:1px solid $bordercolor;
}
.post blockquote {
margin:1em 20px;
}
.post blockquote p {
margin:.75em 0;
}

/* Comments
———————————————– */
#comments h4 {
margin:1em 0;
font-weight: bold;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.2em;
color: $sidebarcolor;
}

#comments-block {
margin:1em 0 1.5em;
line-height:1.6em;
}
#comments-block .comment-author {
margin:.5em 0;
}
#comments-block .comment-body {
margin:.25em 0 0;
}
#comments-block .comment-footer {
margin:-.25em 0 2em;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.1em;
}
#comments-block .comment-body p {
margin:0 0 .75em;
}
.deleted-comment {
font-style:italic;
color:gray;
}

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

#blog-pager-newer-link {
float: $startSide;
}

#blog-pager-older-link {
float: $endSide;
}

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

/* Sidebar Content
———————————————– */
.sidebar {
color: $sidebartextcolor;
margin-left: 10px;
margin-right: 10px;
line-height: 1.5em;
}

.sidebar ul {
list-style:none;
margin:0 0 0;
padding:0 0 0;
}
.sidebar li {
margin:0;
padding-top:0;
padding-$endSide:0;
padding-bottom:.25em;
padding-$startSide:15px;
text-indent:-25px;
line-height:1.5em;
}

.sidebar .widget, .main .widget {
border-bottom:1px dotted $bordercolor;
margin:0 0 1.5em;
padding:0 0 1.5em;
}

.main .Blog {
border-bottom-width: 0;
}

/* Profile
———————————————– */
.profile-img {
float: $startSide;
margin-top: 0;
margin-$endSide: 5px;
margin-bottom: 5px;
margin-$startSide: 0;
padding: 4px;
border: 1px solid $bordercolor;
}

.profile-data {
margin:0;
text-transform:uppercase;
letter-spacing:.1em;
font: $postfooterfont;
color: $sidebarcolor;
font-weight: bold;
line-height: 1.6em;
}

.profile-datablock {
margin:.5em 0 .5em;
}

.profile-textblock {
margin: 0.5em 0;
line-height: 1.6em;
}

.profile-link {
font: $postfooterfont;
text-transform: uppercase;
letter-spacing: .1em;
}

/* Footer
———————————————– */
#footer {
width:660px;
clear:both;
margin:0 auto;
line-height: 1.6em;
text-transform:uppercase;
letter-spacing:.1em;
text-align: center;
}
]]>

Posted in Website Design - Green, Website Design - Two-Column, Website Designs |

Tags: Blogger Template |

9 Comments »

Blogger Template 5 – “Love Mask”

March 6, 2009

Blame my self-imposed amnesia!

I’ve almost totally forgotten that I have a couple more blogger templates I have not shared yet with you all! So here’s another one of them.

This one I called “Love Mask”. The mask just strikes me so much when I first saw it. And if you look closely into the eyes, it seems like the person behind the mask is trying to convey an emotion. Like hiding his real self from the world… or from a lover.

If want to see a demo of the template, click on this link. And if you do decide to use my template, just let me know, give me a holler and I’d be more than glad to visit you and add your link to my site!

Just cut and paste the code I have in here and replace the template code you have on your blogger account.

< ?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'/></head></html>

< ![CDATA[/*

/* Variable definitions
====================
type="color" default="#E5A" value="#EA0437">
type="color" default="#000" value="#ffffff">
type="color" default="#EA0437" value="#2D6E89">
type="color" default="#fff" value="#66B5FF">
type="color" default="#FEF" value="#ffffcc">
type="color" default="#fff" value="#ffffff">
type="color" default="#ffc" value="#2D6E89">
type="color" default="#000" value="#66B5FF">
type="color" default="#333" value="#C3D9FF">
type="color" default="#fff" value="#ffffff">
type="font" default="normal normal 100% Georgia, Serif" value="normal normal 100% Trebuchet, Trebuchet MS, Arial, sans-serif">
type="font"
default="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif" value="normal bold 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif">
type="font"
default="normal normal 300% Gigi" value="normal normal 363% Gigi">
type="font"
default="normal normal 90% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 90% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif">
type="font"
default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif">
type="automatic" default="left" value="left">
type="automatic" default="right" value="right">
*/

body {
background:$bgcolor;
background-image: url(http://img176.imageshack.us/img176/5633/cofiluvbakiw1.jpg);
margin:0;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}
a:link {
color:$linkcolor;
text-decoration:none;
}
a:visited {
color:$visitedlinkcolor;
text-decoration:none;
}
a:hover {
color:$titlecolor;
text-decoration:underline;
}
a img {
border-width:0;
}

/* Header
———————————————–
*/

#header-wrapper {
width:745px;
height:300px;
margin:0 auto 10px;
border:3px solid $bordercolor;
background-image: url(http://img338.imageshack.us/img338/5730/coffeeluvfi5.jpg);

}

#header-inner {
background-position: center;
margin-$startSide: auto;
margin-$endSide: auto;
}

#header {
margin: 5px;
border: 0px solid $bordercolor;
text-align: left;
color:$pagetitlecolor;
}

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

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

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

#header .description {
margin-right: 300px;
padding:0 20px 15px;
max-width:600px;
text-transform:uppercase;
letter-spacing:.2em;
line-height: 1.4em;
font: $descriptionfont;
color: $descriptioncolor;
}

#header img {
margin-$startSide: auto;
margin-$endSide: auto;
}

/* Outer-Wrapper
———————————————– */
#outer-wrapper {
width: 750px;
margin:0 auto;
padding:10px;
text-align:$startSide;
font: $bodyfont;
}

#main-wrapper {
width: 500px;
border:3px solid $bordercolor;
background-image: url(http://img511.imageshack.us/img511/1543/cofiluvsidexw5.jpg);
float: left;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

#sidebar-wrapper {
width: 225px;
margin-right: 0px;
border:3px solid $bordercolor;
background-image: url(http://img511.imageshack.us/img511/1543/cofiluvsidexw5.jpg);
float: right;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
#footer-wrapper {
width: 725px;
margin:0 auto;
text-align:center;
font: $descriptionfont;

}
/* Headings
———————————————– */

h2 {
margin:1.5em 0 .75em;
font:$headerfont;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.2em;
color:$sidebarcolor;
}

/* Posts
———————————————–
*/
h2.date-header {
margin:1.5em 0 .5em;
margin-left: 10px;
margin-right: 10px;
}

.post {
margin:.5em 0 1.5em;
margin-left: 10px;
margin-right: 10px;
border-bottom:1px dotted $bordercolor;
padding-bottom:1.5em;
}
.post h3 {
margin:.25em 0 0;
margin-left: 10px;
margin-right: 10px;
padding:0 0 4px;
font-size:140%;
font-weight:normal;
line-height:1.4em;
color:$titlecolor;
}

.post h3 a, .post h3 a:visited, .post h3 strong {
display:block;
text-decoration:none;
color:$titlecolor;
font-weight:normal;
}

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

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

.post-body blockquote {
line-height:1.3em;
}

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

.comment-link {
margin-$startSide:.6em;
}
.post img {
padding:4px;
border:1px solid $bordercolor;
}
.post blockquote {
margin:1em 20px;
}
.post blockquote p {
margin:.75em 0;
}

/* Comments
———————————————– */
#comments h4 {
margin:1em 0;
font-weight: bold;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.2em;
color: $sidebarcolor;
}

#comments-block {
margin:1em 0 1.5em;
line-height:1.6em;
}
#comments-block .comment-author {
margin:.5em 0;
}
#comments-block .comment-body {
margin:.25em 0 0;
}
#comments-block .comment-footer {
margin:-.25em 0 2em;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.1em;
}
#comments-block .comment-body p {
margin:0 0 .75em;
}
.deleted-comment {
font-style:italic;
color:gray;
}

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

#blog-pager-newer-link {
float: $startSide;
}

#blog-pager-older-link {
float: $endSide;
}

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

/* Sidebar Content
———————————————– */
.sidebar {
color: $sidebartextcolor;
margin-left: 10px;
margin-right: 10px;
line-height: 1.5em;
}

.sidebar ul {
list-style:none;
margin:0 0 0;
padding:0 0 0;
}
.sidebar li {
margin:0;
padding-top:0;
padding-$endSide:0;
padding-bottom:.25em;
padding-$startSide:15px;
text-indent:-25px;
line-height:1.5em;
}

.sidebar .widget, .main .widget {
border-bottom:1px dotted $bordercolor;
margin:0 0 1.5em;
padding:0 0 1.5em;
}

.main .Blog {
border-bottom-width: 0;
}

/* Profile
———————————————– */
.profile-img {
float: $startSide;
margin-top: 0;
margin-$endSide: 5px;
margin-bottom: 5px;
margin-$startSide: 0;
padding: 4px;
border: 1px solid $bordercolor;
}

.profile-data {
margin:0;
text-transform:uppercase;
letter-spacing:.1em;
font: $postfooterfont;
color: $sidebarcolor;
font-weight: bold;
line-height: 1.6em;
}

.profile-datablock {
margin:.5em 0 .5em;
}

.profile-textblock {
margin: 0.5em 0;
line-height: 1.6em;
}

.profile-link {
font: $postfooterfont;
text-transform: uppercase;
letter-spacing: .1em;
}

/* Footer
———————————————– */
#footer {
width:660px;
clear:both;
margin:0 auto;
line-height: 1.6em;
text-transform:uppercase;
letter-spacing:.1em;
text-align: center;
}
]]>

Posted in Website Design - Red, Website Design - Two-Column, Website Designs |

Tags: Blogger Template, love mask, Red, Two-columns template |

5 Comments »

Blogger Template 4 – Cracked

December 13, 2008

Another blogger template for the series.

View a live demo here.

Highlight the XML Code in the text box and copy and replace your current blogger code.

<?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’/> <b:skin><![CDATA[/* /* Variable definitions ==================== <Variable name="bgcolor" description="Page Background Color" type="color" default="#E5A" value="#e2bc47"> <Variable name="textcolor" description="Text Color" type="color" default="#000" value="#000000"> <Variable name="linkcolor" description="Link Color" type="color" default="#EA0437" value="#6347e2"> <Variable name="pagetitlecolor" description="Blog Title Color" type="color" default="#fff" value="#6347e2"> <Variable name="descriptioncolor" description="Blog Description Color" type="color" default="#FEF" value="#e24757"> <Variable name="titlecolor" description="Post Title Color" type="color" default="#fff" value="#6347e2"> <Variable name="bordercolor" description="Border Color" type="color" default="#ffc" value="#ffeaa8"> <Variable name="sidebarcolor" description="Sidebar Title Color" type="color" default="#000" value="#6347e2"> <Variable name="sidebartextcolor" description="Sidebar Text Color" type="color" default="#333" value="#000000"> <Variable name="visitedlinkcolor" description="Visited Link Color" type="color" default="#fff" value="#e24757"> <Variable name="bodyfont" description="Text Font" type="font" default="normal normal 100% Georgia, Serif" value="normal normal 100% Verdana, sans-serif"> <Variable name="headerfont" description="Sidebar Title Font" type="font" default="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif" value="normal bold 78% Verdana, sans-serif"> <Variable name="pagetitlefont" description="Blog Title Font" type="font" default="normal normal 300% Gigi" value="normal normal 399% Georgia, Times, serif"> <Variable name="descriptionfont" description="Blog Description Font" type="font" default="normal normal 90% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal bold 99% Georgia, Times, serif"> <Variable name="postfooterfont" description="Post Footer Font" type="font" default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 86% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif"> <Variable name="startSide" description="Start side in blog language" type="automatic" default="left" value="left"> <Variable name="endSide" description="End side in blog language" type="automatic" default="right" value="right"> */ body { background:$bgcolor; background-image: url(http://img522.imageshack.us/img522/9098/crackedeyebackfc9.jpg); margin:0; color:$textcolor; font:x-small Georgia Serif; font-size/* */:/**/small; font-size: /**/small; text-align: center; } a:link { color:$linkcolor; text-decoration:none; } a:visited { color:$visitedlinkcolor; text-decoration:none; } a:hover { color:$titlecolor; text-decoration:underline; } a img { border-width:0; } /* Header ----------------------------------------------- */ #header-wrapper { width:745px; height:300px; margin:0 auto 10px; border:3px solid $bordercolor; background-image: url(http://img257.imageshack.us/img257/1285/crackedeyege5.jpg); } #header-inner { background-position: center; margin-$startSide: auto; margin-$endSide: auto; } #header { margin: 5px; border: 0px solid $bordercolor; text-align: left; color:$pagetitlecolor; } #header h1 { margin:5px 5px 0; padding:15px 20px .25em; line-height:1.2em; text-transform:normal; letter-spacing:.2em; font: $pagetitlefont; } #header a { color:$pagetitlecolor; text-decoration:none; } #header a:hover { color:$pagetitlecolor; } #header .description { margin-right: 300px; padding:0 20px 15px; max-width:600px; text-transform:uppercase; letter-spacing:.2em; line-height: 1.4em; font: $descriptionfont; color: $descriptioncolor; } #header img { margin-$startSide: auto; margin-$endSide: auto; } /* Outer-Wrapper ----------------------------------------------- */ #outer-wrapper { width: 750px; margin:0 auto; padding:10px; text-align:$startSide; font: $bodyfont; } #main-wrapper { width: 500px; border:3px solid $bordercolor; background-image: url(http://img522.imageshack.us/img522/1946/crackedeyesideuc7.jpg); float: left; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ } #sidebar-wrapper { width: 225px; margin-right: 0px; border:3px solid $bordercolor; background-image: url(http://img522.imageshack.us/img522/1946/crackedeyesideuc7.jpg); float: right; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ } #footer-wrapper { width: 725px; margin:0 auto; text-align:center; font: $descriptionfont; } /* Headings ----------------------------------------------- */ h2 { margin:1.5em 0 .75em; font:$headerfont; line-height: 1.4em; text-transform:uppercase; letter-spacing:.2em; color:$sidebarcolor; } /* Posts ----------------------------------------------- */ h2.date-header { margin:1.5em 0 .5em; margin-left: 10px; margin-right: 10px; } .post { margin:.5em 0 1.5em; margin-left: 10px; margin-right: 10px; border-bottom:1px dotted $bordercolor; padding-bottom:1.5em; } .post h3 { margin:.25em 0 0; margin-left: 10px; margin-right: 10px; padding:0 0 4px; font-size:140%; font-weight:normal; line-height:1.4em; color:$titlecolor; } .post h3 a, .post h3 a:visited, .post h3 strong { display:block; text-decoration:none; color:$titlecolor; font-weight:normal; } .post h3 strong, .post h3 a:hover { color:$textcolor; } .post-body { margin:0 .75em; line-height:1.6em; } .post-body blockquote { line-height:1.3em; } .post-footer { margin: .75em 0; color:$sidebarcolor; text-transform:uppercase; letter-spacing:.1em; font: $postfooterfont; line-height: 1.4em; } .comment-link { margin-$startSide:.6em; } .post img { padding:4px; border:1px solid $bordercolor; } .post blockquote { margin:1em 20px; } .post blockquote p { margin:.75em 0; } /* Comments ----------------------------------------------- */ #comments h4 { margin:1em 0; font-weight: bold; line-height: 1.4em; text-transform:uppercase; letter-spacing:.2em; color: $sidebarcolor; } #comments-block { margin:1em 0 1.5em; line-height:1.6em; } #comments-block .comment-author { margin:.5em 0; } #comments-block .comment-body { margin:.25em 0 0; } #comments-block .comment-footer { margin:-.25em 0 2em; line-height: 1.4em; text-transform:uppercase; letter-spacing:.1em; } #comments-block .comment-body p { margin:0 0 .75em; } .deleted-comment { font-style:italic; color:gray; } .feed-links { clear: both; margin-left: 10px; margin-right: 10px; line-height: 2.5em; } #blog-pager-newer-link { float: $startSide; } #blog-pager-older-link { float: $endSide; } #blog-pager { text-align: center; } /* Sidebar Content ----------------------------------------------- */ .sidebar { color: $sidebartextcolor; margin-left: 10px; margin-right: 10px; line-height: 1.5em; } .sidebar ul { list-style:none; margin:0 0 0; padding:0 0 0; } .sidebar li { margin:0; padding-top:0; padding-$endSide:0; padding-bottom:.25em; padding-$startSide:15px; text-indent:-25px; line-height:1.5em; } .sidebar .widget, .main .widget { border-bottom:1px dotted $bordercolor; margin:0 0 1.5em; padding:0 0 1.5em; } .main .Blog { border-bottom-width: 0; } /* Profile ----------------------------------------------- */ .profile-img { float: $startSide; margin-top: 0; margin-$endSide: 5px; margin-bottom: 5px; margin-$startSide: 0; padding: 4px; border: 1px solid $bordercolor; } .profile-data { margin:0; text-transform:uppercase; letter-spacing:.1em; font: $postfooterfont; color: $sidebarcolor; font-weight: bold; line-height: 1.6em; } .profile-datablock { margin:.5em 0 .5em; } .profile-textblock { margin: 0.5em 0; line-height: 1.6em; } .profile-link { font: $postfooterfont; text-transform: uppercase; letter-spacing: .1em; } /* Footer ----------------------------------------------- */ #footer { width:660px; clear:both; margin:0 auto; line-height: 1.6em; text-transform:uppercase; letter-spacing:.1em; text-align: center; } ]]></b:skin> </head> <body> <div id=’outer-wrapper’> <div id=’wrap2′> <!– skip links for text browsers –> <a href=”#main” mce_href=”#main”>skip to main </a> | <a href=”#sidebar” mce_href=”#sidebar”>skip to sidebar</a> <div id=’header-wrapper’> <b:section class=’header’ id=’header’ maxwidgets=’1′ showaddelement=’no’> <b:widget id=’Header1′ locked=’true’ title=’Cracked Eye (Header)’ type=’Header’/> </b:section> </div> <div id=’content-wrapper’> <div id=’crosscol-wrapper’ style=”text-align:center” mce_style=”text-align:center”> <b:section class=’crosscol’ id=’crosscol’ showaddelement=’no’/> </div> <div id=’main-wrapper’> <b:section class=’main’ id=’main’ showaddelement=’no’> <b:widget id=’Blog1′ locked=’true’ title=’Blog Posts’ type=’Blog’/> </b:section> </div> <div id=’sidebar-wrapper’> <b:section class=’sidebar’ id=’sidebar’ preferred=’yes’> <b:widget id=’Profile2′ locked=’false’ title=’About Me’ type=’Profile’/> <b:widget id=’BlogArchive2′ locked=’false’ title=’Blog Archive’ type=’BlogArchive’/> </b:section> </div> <div class=’clear’> </div> </div> <!– end content-wrapper –> <div id=’footer-wrapper’> <b:section class=’footer’ id=’footer’/> <a href=”http://www.manilena.com” mce_href=”http://www.manilena.com”>designed by Manilena.com </a> </div> </div> </div> <!– end outer-wrapper –></body></html>

Posted in Website Design - Two-Column, Website Design - Yellow, Website Designs |

Tags: Manilena Blogger Template |

No Comments »

Blogger Template 3 – Psychedelic Party

December 11, 2008

I’ve been doing a lot of templates lately… I’m publishing them one by one and this is the first of the series.

You can view the live demo here.

Highlight the XML Code in the text box and copy and replace your current blogger code.

< ?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'/></head></html>

< ![CDATA[/*

/* Variable definitions
====================
type="color" default="#E5A" value="#EEF0BF">
type="color" default="#000" value="#000000">
type="color" default="#EA0437" value="#FD1009">
type="color" default="#fff" value="#FD1009">
type="color" default="#FEF" value="#7e0804">
type="color" default="#fff" value="#fd1009">
type="color" default="#ffc" value="#D8E42B">
type="color" default="#000" value="#1B703A">
type="color" default="#333" value="#000000">
type="color" default="#fff" value="#fd1009">
type="font" default="normal normal 100% Georgia, Serif" value="normal normal 99% Verdana, sans-serif">
type="font"
default="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif" value="normal bold 78% Verdana, sans-serif">
type="font"
default="normal normal 300% Gigi" value="normal bold 359% Trebuchet, Trebuchet MS, Arial, sans-serif">
type="font"
default="normal normal 90% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal bold 99% Trebuchet, Trebuchet MS, Arial, sans-serif">
type="font"
default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 86% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif">
type="automatic" default="left" value="left">
type="automatic" default="right" value="right">
*/

body {
background:$bgcolor;
margin:0;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}
a:link {
color:$linkcolor;
text-decoration:none;
}
a:visited {
color:$visitedlinkcolor;
text-decoration:none;
}
a:hover {
color:$titlecolor;
text-decoration:underline;
}
a img {
border-width:0;
}

/* Header
———————————————–
*/

#header-wrapper {
width:745px;
height:300px;
margin:0 auto 10px;
border:3px solid $bordercolor;
background-image: url(http://img360.imageshack.us/img360/209/psychedelic1je8.jpg);

}

#header-inner {
background-position: center;
margin-$startSide: auto;
margin-$endSide: auto;
}

#header {
margin: 5px;
border: 0px solid $bordercolor;
text-align: left;
color:$pagetitlecolor;
}

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

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

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

#header .description {
margin-right: 300px;
padding:0 20px 15px;
max-width:600px;
text-transform:uppercase;
letter-spacing:.2em;
line-height: 1.4em;
font: $descriptionfont;
color: $descriptioncolor;
}

#header img {
margin-$startSide: auto;
margin-$endSide: auto;
}

/* Outer-Wrapper
———————————————– */
#outer-wrapper {
width: 750px;
margin:0 auto;
padding:10px;
text-align:$startSide;
font: $bodyfont;
}

#main-wrapper {
width: 500px;
border:3px solid $bordercolor;
background-image:url(http://img360.imageshack.us/img360/9153/psychedelicside1dg8.jpg);
float: left;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

#sidebar-wrapper {
width: 225px;
margin-right: 0px;
border:3px solid $bordercolor;
background-image:url(http://img360.imageshack.us/img360/9153/psychedelicside1dg8.jpg);
float: right;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
#footer-wrapper {
width: 725px;
margin:0 auto;
text-align:center;
font: $descriptionfont;

}
/* Headings
———————————————– */

h2 {
margin:1.5em 0 .75em;
font:$headerfont;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.2em;
color:$sidebarcolor;
}

/* Posts
———————————————–
*/
h2.date-header {
margin:1.5em 0 .5em;
margin-left: 10px;
margin-right: 10px;
}

.post {
margin:.5em 0 1.5em;
margin-left: 10px;
margin-right: 10px;
border-bottom:1px dotted $bordercolor;
padding-bottom:1.5em;
}
.post h3 {
margin:.25em 0 0;
margin-left: 10px;
margin-right: 10px;
padding:0 0 4px;
font-size:140%;
font-weight:normal;
line-height:1.4em;
color:$titlecolor;
}

.post h3 a, .post h3 a:visited, .post h3 strong {
display:block;
text-decoration:none;
color:$titlecolor;
font-weight:normal;
}

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

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

.post-body blockquote {
line-height:1.3em;
}

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

.comment-link {
margin-$startSide:.6em;
}
.post img {
padding:4px;
border:1px solid $bordercolor;
}
.post blockquote {
margin:1em 20px;
}
.post blockquote p {
margin:.75em 0;
}

/* Comments
———————————————– */
#comments h4 {
margin:1em 0;
font-weight: bold;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.2em;
color: $sidebarcolor;
}

#comments-block {
margin:1em 0 1.5em;
line-height:1.6em;
}
#comments-block .comment-author {
margin:.5em 0;
}
#comments-block .comment-body {
margin:.25em 0 0;
}
#comments-block .comment-footer {
margin:-.25em 0 2em;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.1em;
}
#comments-block .comment-body p {
margin:0 0 .75em;
}
.deleted-comment {
font-style:italic;
color:gray;
}

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

#blog-pager-newer-link {
float: $startSide;
}

#blog-pager-older-link {
float: $endSide;
}

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

/* Sidebar Content
———————————————– */
.sidebar {
color: $sidebartextcolor;
margin-left: 10px;
margin-right: 10px;
line-height: 1.5em;
}

.sidebar ul {
list-style:none;
margin:0 0 0;
padding:0 0 0;
}
.sidebar li {
margin:0;
padding-top:0;
padding-$endSide:0;
padding-bottom:.25em;
padding-$startSide:15px;
text-indent:-25px;
line-height:1.5em;
}

.sidebar .widget, .main .widget {
border-bottom:1px dotted $bordercolor;
margin:0 0 1.5em;
padding:0 0 1.5em;
}

.main .Blog {
border-bottom-width: 0;
}

/* Profile
———————————————– */
.profile-img {
float: $startSide;
margin-top: 0;
margin-$endSide: 5px;
margin-bottom: 5px;
margin-$startSide: 0;
padding: 4px;
border: 1px solid $bordercolor;
}

.profile-data {
margin:0;
text-transform:uppercase;
letter-spacing:.1em;
font: $postfooterfont;
color: $sidebarcolor;
font-weight: bold;
line-height: 1.6em;
}

.profile-datablock {
margin:.5em 0 .5em;
}

.profile-textblock {
margin: 0.5em 0;
line-height: 1.6em;
}

.profile-link {
font: $postfooterfont;
text-transform: uppercase;
letter-spacing: .1em;
}

/* Footer
———————————————– */
#footer {
width:660px;
clear:both;
margin:0 auto;
line-height: 1.6em;
text-transform:uppercase;
letter-spacing:.1em;
text-align: center;
}
]]>

Posted in DigiScraps, Website Design - Green, Website Design - Two-Column, Website Designs |

Tags: Blogger Template |

No Comments »

Blogger Template Part 2 – Jamaica and Spain

May 19, 2008

Jamaica and Spain Template Thumbnail

Jamaica and Spain is a two-column, white backgrounded template with a fluid format. The post area adjusts to the size of the browser. It’s Firefox and IE-friendly.

View the live demo here.

Highlight and copy the XML Code inside the text area box and replace your current code.

<?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’/> <b:skin><![CDATA[/* *********************************************** Template Name: Jamaica and Spain Designer: Manilena Dot Com http://www.manilena.com *********************************************** */ * { margin: 0px; padding: 0px;} body { background: #ffffff; margin: 0px; padding: 0px; font: x-small Georgia, Serif; color: #000000; font-size/* */:/**/small; font-size: /**/small; } a img { border-width:0; } #container a:link { color:#fa2d00; text-decoration:none; } #container a:visited { color:#fa2d00; text-decoration:none; } #container a:hover { color:#ff7a01; text-decoration:none; } #container a img { margin:3px; padding: 2px; } /* Whole Page Settings */ #container { background: url("http://img393.imageshack.us/img393/6753/jamaicaspaintitlesk6.jpg") no-repeat top left; width: 98%; margin: 0px; padding: 0px; text-align:left; } #post-part { margin: 10px; word-wrap: break-word; overflow: hidden; } #entry-part { margin:0; padding:0; } #sidebar-container { width: 350px; float: left; padding: 0px; word-wrap: break-word; overflow: hidden; } #sidebar { font-family: Tahoma; background: #ffffff; width: 285px; font-size: 11px; margin: 0px; padding: 10px 20px; } /* Header Settings */ #header { width: 770px; height: 385px; margin: 0px; padding: 0px; text-align: center; } .Header h1 { width: 230px; margin:0px 0px 0px 435px; text-align: center; padding: 120px 0 0 0px; color:#ffffff; font-size: 30px; font-weight: normal; font-family: Georgia; } .Header h1 a:link, .Header h1 a:visited { color:#fb3200; text-decoration:none; } .Header h1 a:hover { color:#ffc300; } .Header .description { width: 230px; margin:0px 0px 0px 435px; padding: 2px 0px; font-size: 14px; color: #fb3200; } h2 { margin:1.5em 0 .75em; line-height: 1.4em; } /* Entries */ h2.date-header { background: url('http://img508.imageshack.us/img508/6136/jamaicaspainiconoa1.gif') no-repeat top left; padding: 12px 0px 0px 38px; font-weight: bold; font-family: Arial; text-transform: uppercase; margin: 0px; height: 36px; font-size: 11px; text-align: left; color: #000000; } .post { margin:.5em 0 1.5em; } .post h3 { background: #cfe64d; border-bottom: 1px solid #70664f; margin: 0px; padding: 8px; font-family: Georgia; font-size: 20px; font-weight: normal; color:#70664f; } .post h3 a, .post h3 strong { display:block; font-weight:bold; text-decoration:none; color:#70664f; } .post-body { font-family: Tahoma; padding-top:12px; font-size: 11px; text-align: justify; } .post p { margin:0 0 .75em;line-height:1.6em; } .post-footer { background: #f2feaf; color:#000000; margin:5px 0px 5px 0px; line-height: 13px; border-bottom: 1px solid #326101; padding: 2px 9px; } .comment-link { margin-left:.4em; } .post-footer .post-timestamp, .post-footer .post-author { color:#666; } .comment-link strong { font-size:130%; } .comment-link { margin-left:.4em; } .post img { padding:4px; border: 1px solid #fff199; } /* Comments */ #comments { padding: 8px; background: #e9f69e; } #comments h4 { margin:1em 0; font-weight: bold; line-height: 1.6em; text-transform:uppercase; letter-spacing:.2em; color: #446e02; font: bold 78% Georgia Serif; } #comments h4 strong { font-size:130%; } #comments-block { margin:1em 0 1.5em;line-height:1.4em; padding: 3px; border-top: 1px solid #fff; } #comments-block dt { margin:6px 0px; } #comments-block dd { margin:.25em 20px 0; } #comments-block dd.comment-timestamp { margin:-.25em 20px 1.5em; line-height: 1.4em; text-transform:uppercase; letter-spacing:.1em; } #comments-block dd p { margin:0 0 .75em; } .deleted-comment { font-style:italic; color:gray; } .feed-links { background: url('http://img392.imageshack.us/img392/7202/jamaicespainfootlg6.gif') no-repeat top left; height: 35px; font-family: Georgia; font-size: 12px; padding: 10px 0px 0px 35px; text-align: left; margin: 5px 0px; } #blog-pager-newer-link { float: left; } #blog-pager-older-link { float: right; } #blog-pager { background: #ddfca3; padding: 6px; text-align: center; } .comment-footer { font: 78%/1.4em Georgia , Serif; } /* Sidebar Settings */ .sidebar h2 { color:#70664f; font-size: 11px; padding: 0px; font-family: Georgia; margin: 0px; border-bottom: 1px solid #70664f; } .sidebar .widget, .entry-part .widget { color:#666; font-size: 11px; margin: 0px; padding: 10px 20px; } .entry-part .Blog { padding: 0px 20px; margin: 0px; } .sidebar ul { font-size: 11px; list-style:none; margin: 2px 3px; padding: 0px; } .sidebar li { margin:2px 3px; padding: 4px 0px; font-size: 11px; border-bottom: 1px solid #dbd6c8; } .sidebar p { color:#666; line-height:1.5em; } /* About */ .profile-datablock { margin:.5em 0 .5em; } .profile-data { margin:0; font-weight: bold; line-height: 1.6em; text-transform:uppercase; letter-spacing:.1em; } .profile-img { float: right; margin: 0px 6px; padding: 2px; border: 1px solid #fff199; } .profile-textblock { margin:.5em 0 .5em; } .profile-link { font:78%/1.4em Georgia,Serif; text-transform:uppercase; letter-spacing:.1em; } /* Footer */ #footer-wrapper { background: #436f00; width:100%; color: #fff; font-size: 10px; margin:0px; padding:20px 0px; text-align: center; clear: both; } #footer-wrapper p { margin: 5px 25px; } #footer-wrapper p a:link, #footer-wrapper p a:visited { color: #fed001; } ]]></b:skin> </head> <body> <div id=’container’> <b:section class=’header’ id=’header’ maxwidgets=’1′> <b:widget id=’Header1′ locked=’true’ title=’Jamaica and Spain (Header)’ type=’Header’/> </b:section> <div id=’crosscol-wrapper’ style=”text-align:center” mce_style=”text-align:center”> <b:section class=’crosscol’ id=’crosscol’ showaddelement=’no’/> </div> <div id=’sidebar-container’> <b:section class=’sidebar’ id=’sidebar’ preferred=’yes’> <b:widget id=’Profile1′ locked=’false’ title=’About Me’ type=’Profile’/> <b:widget id=’LinkList1′ locked=’false’ title=’Blogroll’ type=’LinkList’/> <b:widget id=’BlogArchive1′ locked=’false’ title=’Previous Posts’ type=’BlogArchive’/> </b:section> </div> <div id=’post-part’> <b:section class=’entry-part’ id=’entry-part’ showaddelement=’no’> <b:widget id=’Blog1′ locked=’true’ title=’Blog Posts’ type=’Blog’/> </b:section> </div> </div> <div id=’footer-wrapper’> Template Designed by <a href=”http://www.manilena.com” mce_href=”http://www.manilena.com”>Manilena Dot Com</a> </div> </body></html>

Posted in Website Design - Two-Column, Website Design - White, Website Designs |

Tags: Blogger Template |

No Comments »

Blogger Templates, Part 1

May 10, 2008

I had been missing from the website design scene for a long time now and it was quite a struggle to come back and do Blogger templates. I scratched about a couple of designs since they all didn’t feel right. Since I’ve moved to WordPress, I haven’t really been aware of the many changes Blogger has done with they way they do templates and so I had to relearn those tricks. But like riding a bicycle, you don’t really forget everything alltogether.

I’m going back to what this website was originally supposed to offer – website designs.

This is the first one:

13 Months of Sunshine is also a fluid 2-column, white background template. It’s also Firefox and IE-friendly.

You can view the live demo here

Highlight the XML code in the box, copy and replace your current XML template code.

< ?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'></html>

< ![CDATA[/*

***********************************************
Template Name: 13 Months of Sunshine
Designer: Manilena Dot Com

http://www.manilena.com

***********************************************
*/

* { margin: 0px; padding: 0px;}

body {
background: #ffffff; margin: 0px; padding: 0px; font: x-small Georgia, Serif;
color: #000000; font-size/* */:/**/small; font-size: /**/small;
}

a img {
border-width:0;
}

#container a:link {
color:#3c7ad1; text-decoration:none;
}

#container a:visited {
color:#3c7ad1; text-decoration:none;
}

#container a:hover {
color:#004685; text-decoration:dotted;
}

#container a img {
margin:3px; padding: 2px;
}

/* Whole Page Settings */
#container {
background: url("http://img230.imageshack.us/img230/1888/13monthstitlezy5.jpg")
no-repeat top left; width: 98%; margin: 0px; padding: 0px; text-align:left;
}

#post-part {
margin: 10px; word-wrap: break-word; overflow: hidden;
}

#entry-part {
margin:0; padding:0;
}

#sidebar-container {
width: 350px; float: left; padding: 0px; word-wrap: break-word;
overflow: hidden;
}

#sidebar {
font-family: Tahoma; background: #ffffff; width: 285px;
font-size: 11px; margin: 0px; padding: 10px 20px;
}

/* Header Settings */
#header {
width: 770px; height: 385px; margin: 0px;
padding: 0px; text-align: center;
}

.Header h1 {
width: 350px; margin:0px 0px 0px 385px;
text-align: center; padding: 65px 0 0 0px;
color:#fc5106; line-height: 1.0em;; font-size: 50px;
font-weight: bold; font-family: Curlz MT, Cursive, Fantasy;
}

.Header h1 a:link, .Header h1 a:visited {
color:#fb3200; text-decoration:none;
}
.Header h1 a:hover {
color:#ffc300;
}

.Header .description {
width: 300px; margin:0px 0px 0px 435px; padding: 2px 0px;
font-size: 15px; color: #fc5106; font-weight: bold;
}

h2 {
margin:1.5em 0 .75em; line-height: 1.4em;
}

/* Entries */
h2.date-header {
background: url('http://img123.imageshack.us/img123/8826/13monthsdatemf1.gif') no-repeat top left;
padding: 12px 0px 0px 38px; font-weight: bold; font-family: Arial;
text-transform: uppercase; margin: 0px; height: 36px; font-size: 11px;
text-align: left; color: #000000;
}
.post {
margin:.5em 0 1.5em;
}
.post h3 {
background: #122456; border-bottom: 1px solid #70664f; margin: 0px;
padding: 8px; font-family: Georgia; font-size: 20px; font-weight: normal;
color:#ffffff;
}
.post h3 a, .post h3 strong {
display:block; font-weight:bold; text-decoration:none; color:#ffffff;
}
.post-body {
font-family: Tahoma; padding-top:12px; font-size: 11px; text-align: justify;
}
.post p {
margin:0 0 .75em;line-height:1.6em;
}
.post-footer {
background: #8bb0ff; color:#ffffff; margin:5px 0px 5px 0px;
line-height: 13px; border-bottom: 1px solid #326101; padding: 2px 9px;
}
.comment-link {
margin-left:.4em;
}

.post-footer .post-timestamp,
post-footer .post-author {
color:#ffffff;
}
.comment-link strong {
font-size:130%;
}
.comment-link {
margin-left:.4em;
}
.post img {
padding:4px; border: 2px dotted #96b8ff;
}

/* Comments */
#comments {
padding: 8px; background: #e9f69e;
}
#comments h4 {
margin:1em 0; font-weight: bold; line-height: 1.6em; text-transform:uppercase;
letter-spacing:.2em; color: #446e02; font: bold 78% Georgia Serif;
}
#comments h4 strong {
font-size:130%;
}
#comments-block {
margin:1em 0 1.5em;line-height:1.4em; padding: 3px;
border-top: 1px solid #fff;
}
#comments-block dt {
margin:6px 0px;
}
#comments-block dd {
margin:.25em 20px 0;
}
#comments-block dd.comment-timestamp {
margin:-.25em 20px 1.5em; line-height: 1.4em;
text-transform:uppercase; letter-spacing:.1em;
}
#comments-block dd p {
margin:0 0 .75em;
}
.deleted-comment {
font-style:italic; color:gray;
}

.feed-links {
background: url('http://img131.imageshack.us/img131/390/13monthsfootjv9.gif') no-repeat top left;
height: 35px; font-family: Georgia; font-size: 12px;
padding: 10px 0px 0px 35px; text-align: left;
margin: 5px 0px;
}

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

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

#blog-pager {
background: #f1f5ff; padding: 6px; text-align: center;
}

.comment-footer {
font: 78%/1.4em Georgia , Serif;
}

/* Sidebar Settings */
.sidebar h2 {
color:#4782dc; font-size: 11px; padding: 0px;
font-family: Georgia; margin: 0px;
border-bottom: 1px solid #70664f;
}
.sidebar .widget, .entry-part .widget {
color:#666; font-size: 11px; margin: 0px;
padding: 10px 20px;
}

.entry-part .Blog {
padding: 0px 20px; margin: 0px;
}

.sidebar ul {
font-size: 11px; list-style:none;
margin: 2px 3px; padding: 0px;
}
.sidebar li {
margin:2px 3px; padding: 4px 0px;
font-size: 11px; border-bottom: 1px solid #dbd6c8;
}
.sidebar p {
color:#666; line-height:1.5em;
}

/* About */
.profile-datablock {
margin:.5em 0 .5em;
}
.profile-data {
margin:0; font-weight: bold; line-height: 1.6em;
text-transform:uppercase; letter-spacing:.1em;
}

.profile-img {
float: right; margin: 0px 6px;
padding: 2px; border: 2px dotted #fff199;
}

.profile-textblock {
margin:.5em 0 .5em;
}
.profile-link {
font:78%/1.4em Georgia,Serif; text-transform:uppercase;
letter-spacing:.1em;
}

/* Footer */
#footer-wrapper {
background: #122456; width:100%;
color: #ffffff; font-size: 10px;
margin:0px; padding:20px 0px;
text-align: center; clear: both;
}
#footer-wrapper p {
margin: 5px 25px;
}
#footer-wrapper p a:link, #footer-wrapper p a:visited {
color: #ffffff;
}

]]>

Posted in Cooking Wonders, Website Design - Two-Column, Website Design - White, Website Designs |

Tags: Blogger Templates |

6 Comments »