this template

2004-06-08T23:48:00.000Z

/*------------------------------------------------------------------------------
to use this template
replace all
[ with <
and
] with >
------------------------------------------------------------------------------*/

[!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"]

[html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"]
[head]
[meta http-equiv="Content-Type" content="text/html; charset=utf-8" /]
[title][$BlogPageTitle$][/title]

[$BlogMetaData$]

[style type="text/css"]

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

this template is a mash up of

the 3 column template
http://webhost.bridgew.edu/etribou/layouts/3col_footer/archives/3col_footer_02/
from ruthsarianlayouts
http://webhost.bridgew.edu/etribou/layouts/

and the blogger code from

Blogger Template Style
Name: Minima
Designer: Douglas Bowman
URL: www.stopdesign.com
Date: 26 Feb 2004

and code tidying up

http://djmaniak777.blogspot.com
------------------------------------------------------------------------------*/

/*----start ruthsarian layout-------------------------------------------------*/
/*----start simple.css--------------------------------------------------------*/
/*---- Layout ----*/
div
{
padding: 0;
margin: 0;
}
body
{
padding: 20px;
margin: 0;
}
#oldbrowser
{
text-align: center;
}
#masthead h1
{
display: inline;
}
#leftcolumn
{
margin-right: -200px; /* IE 4 fix */
}
#leftColumn
{
float: left;
width: 200px;
/*/*/ /*/margin: 0 0 0 2px; /* Silly Netscape hack to get the borders to line up */
}
#rightColumn
{
float: right;
width: 200px;
}
#contentColumn
{
width: auto;
margin-left: 199px;
}
#masthead, #innerLeftColumn, #innerContentColumn, #innerRightColumn, #innerFooter
{
padding: 10px;
}
#footer
{
clear: both;
}
#innerFooter
{
text-align: center;
}
#innerContentColumn
{
overflow: visible;
height: 100%; /* fix the Win32 IE float bug */
margin-right: 200px;
/*/*/ /*/margin: 0 0 0 2px; /* Silly Netscape hack to get the borders to line up */
}
#contentColumn]#innerContentColumn
{
height: auto; /* fix Opera 5 which breaks with the above IE fix */
}
#innercontentcolumn
{
height: 100%; /* fix IE 5.0 which parse the Opera fix, note the selector is all lower case */
}
#masthead, #footer
{
z-index: 10;
}

/*---- Borders ----*/
#pageFrame
{
border: solid 1px #000;
}
#footer, #masthead, #innerLeftColumn, #contentColumn, #innerContentColumn
{
border: solid 0px #000;
}
#footer
{
border-top-width: 1px;
}
#masthead
{
border-bottom-width: 1px;
}
#innerLeftColumn, #innerContentColumn
{
border-right-width: 1px;
}
#contentColumn
{
border-left-width: 1px;
}

/*---- Visual Elements ----*/
body
{
background-color: #ddd;
color: #000;
padding: 20px;
margin: 0;
}
#pageFrame
{
background-color: #fff;
color: #000;
min-width: 500px;
}
/*----------------------------------------------------------end simple.css----*/
/*----start complex.css-------------------------------------------------------*/
div#oldbrowser
{
display: none;
}

a img
{
border-width: 0;
}
#innerLeftColumn img
{
display: block;
margin: 0 auto;
text-align: center; /* IE 5 centering hack */
}
#innerRightColumn
{
border-left: solid 1px #000;
margin-left: -1px;
}
/*---------------------------------------------------------end complex.css----*/
/*----start complex_vnav.css--------------------------------------------------*/
.vnav ul, .vnav ul li
{
margin: 0;
padding: 0;
list-style-type: none;
display: block;
}
.vnav ul
{
border: solid 1px #000;
border-bottom-width: 0;
}
.vnav ul li
{
border-bottom: solid 1px #000;
}
.vnav ul li a
{
display: block;
text-decoration: none;
padding: 2px 10px;
color: #000;
background-color: #eee;
}
.vnav ul li a:hover
{
background-color: #336;
color: #fff;
}

.vnav
{
margin-bottom: 1em;
}
/*----------------------------------------------------end complex_vnav.css----*/
/*---------------------------------------------------end ruthsarian layout----*/

/*----start minima template---------------------------------------------------*/
a:link {
color:#58a;
text-decoration:none;
}
a:visited {
color:#969;
text-decoration:none;
}
a:hover {
color:#c60;
text-decoration:underline;
}
a img {
border-width:0;
}

/*----Header------------------------------------------------------------------*/
#masthead h1 a {
color:#666;
text-decoration:none;
}
#masthead h1 a:hover {
color:#c60;
}
#description {
display:inline;
font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
text-transform:uppercase;
letter-spacing:.2em;
color:#999;
text-align: right;
}

/* Headings
----------------------------------------------- */
h2 {
margin:1.5em 0 .75em;
font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
text-transform:uppercase;
letter-spacing:.2em;
color:#999;
}

/* Posts
----------------------------------------------- */
.date-header {
margin:1.5em 0 .5em;
}
.post {
margin:.5em 0 1.5em;
border-bottom:1px dotted #ccc;
padding-bottom:1.5em;
}
.post-title {
margin:.25em 0 0;
padding:0 0 4px;
font-size:140%;
font-weight:normal;
line-height:1.4em;
color:#c60;
}
.post-title a, .post-title a:visited, .post-title strong {
display:block;
text-decoration:none;
color:#c60;
font-weight:normal;
}
.post-title strong, .post-title a:hover {
color:#333;
}
.post p {
margin:0 0 .75em;
line-height:1.6em;
}
p.post-footer {
margin:-.25em 0 0;
color:#ccc;
}
.post-footer em, .comment-link {
font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
text-transform:uppercase;
letter-spacing:.1em;
}
.post-footer em {
font-style:normal;
color:#999;
margin-right:.6em;
}
.comment-link {
margin-left:.6em;
}
.post img {
padding:4px;
border:1px solid #ddd;
}
.post blockquote {
margin:1em 20px;
}
.post blockquote p {
margin:.75em 0;
}

/* Comments
----------------------------------------------- */
#comments h4 {
margin:1em 0;
font:bold 78%/1.6em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
text-transform:uppercase;
letter-spacing:.2em;
color:#999;
}
#comments h4 strong {
font-size:130%;
}
#comments-block {
margin:1em 0 1.5em;
line-height:1.6em;
}
#comments-block dt {
margin:.5em 0;
}
#comments-block dd {
margin:.25em 0 0;
}
#comments-block dd.comment-timestamp {
margin:-.25em 0 2em;
font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
text-transform:uppercase;
letter-spacing:.1em;
}
#comments-block dd p {
margin:0 0 .75em;
}
.deleted-comment {
font-style:italic;
color:gray;
}

/* Sidebar Content
----------------------------------------------- */
#sidebar ul {
margin:0 0 1.5em;
padding:0 0 1.5em;
border-bottom:1px dotted #ccc;
list-style:none;
}
#sidebar li {
margin:0;
padding:0 0 .25em 15px;
text-indent:-15px;
line-height:1.5em;
}
#sidebar p {
color:#666;
line-height:1.5em;
}

/* Profile
----------------------------------------------- */
#profile-container {
margin:0 0 1.5em;
border-bottom:1px dotted #ccc;
padding-bottom:1.5em;
}
.profile-datablock {
margin:.5em 0 .5em;
}
.profile-img {
display:inline;
}
.profile-img img {
float:left;
padding:4px;
border:1px solid #ddd;
margin:0 8px 3px 0;
}
.profile-data {
margin:0;
font:bold 78%/1.6em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
text-transform:uppercase;
letter-spacing:.1em;
}
.profile-data strong {
display:none;
}
.profile-textblock {
margin:0 0 .5em;
}
.profile-link {
margin:0;
font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
text-transform:uppercase;
letter-spacing:.1em;
}
/*-----------------------------------------------------end minima template----*/

[/style]

[/head]

[body]

[div id="oldbrowser"]
[p]
This site will look much better in a browser that supports
[a href="http://www.webstandards.org/upgrade/"
title="Download a browser that complies with Web standards."]web
standards[/a], but it is accessible to any browser or Internet
device.
[/p]
[/div]

[div id="pageFrame"]

[!----start header----]

[div id="masthead"]

[h1 id="masthead h1"]
[ItemPage][a href="[$BlogURL$]"][/ItemPage]
[$BlogTitle$]
[ItemPage][/a][/ItemPage]
[/h1]
[p id="description"][$BlogDescription$][/p]

[/div]

[!----end header----start left column----]

[div id="leftColumn"]
[div id="innerLeftColumn"]
[div class="vnav"]
[ul][li][a
href="http://webhost.bridgew.edu/etribou/layouts/3col_footer/archives/3col_footer_02/"]Original Template[/a][/li][li][a
href="http://webhost.bridgew.edu/etribou/layouts/3col_footer/archives/3col_footer_02/css/simple.css"]simple.css[/a][/li][li][a
href="http://webhost.bridgew.edu/etribou/layouts/3col_footer/archives/3col_footer_02/css/complex.css"]complex.css[/a][/li][li][a
href="http://webhost.bridgew.edu/etribou/layouts/3col_footer/archives/3col_footer_02/css/complex_vnav.css"]complex_vnav.css[/a][/li][/ul]
[/div]

[div class="vnav"]
[ul][li][a
href="http://www.stopdesign.com/"]Stopdesign.com[/a][/li][li][a
href="http://www.stopdesign.com/portfolio/web_interface/blogger_templates.html?fs=1"]Minima Template[/a][/li][/ul]
[/div]

[div class="vnav"]
[ul][li][a
href="http://ruthsarian-3column-bloggered-1.blogspot.com/"]Original + Wide Sidebars[/a][/li][li][a
href="http://ruthsarian-3column-bloggered-2.blogspot.com/"]Original + Color[/a][/li][li][a
href="http://ruthsarian-3column-bloggered-3.blogspot.com/"]Original + Wide Sidebars + Color[/a][/li][li][a
href="http://ruthsarian-3column-bloggered-4.blogspot.com/"]My Tidy Version[/a][/li][li][a
href="http://ruthsarian-3column-bloggered-5.blogspot.com/"]My Tidy + Wide Sidebars[/a][/li][li][a
href="http://ruthsarian-3column-bloggered-6.blogspot.com/"]My Tidy + Color[/a][/li][li][a
href="http://ruthsarian-3column-bloggered-7.blogspot.com/"]My Tidy + Wide Sidebars + Color[/a][/li][li][a
href="http://ruthsarian-3column-bloggered-8.blogspot.com/"]Empty Link[/a][/li][li][a
href="http://ruthsarian-3column-bloggered-9.blogspot.com/"]Empty Link[/a][/li][/ul]
[/div]

[p]
[a href="http://validator.w3.org/check/referer"][img
src="http://www.w3.org/Icons/valid-xhtml11"
alt="Valid XHTML 1.1!" height="31" width="88" /][/a]
[/p]
[p]
[a href="http://jigsaw.w3.org/css-validator/"][img
src="http://jigsaw.w3.org/css-validator/images/vcss"
alt="Valid CSS!" height="31" width="88"/][/a]
[/p]

[/div]
[/div]

[!----end left column----start content----]

[div id="contentColumn"]

[!----start right column----]

[div id="rightColumn"]
[div id="innerRightColumn"][div id="innerRightColumn2"]

[!-- Begin #profile-container --]

[$BlogMemberProfile$]

[!-- End #profile --]

[h2 class="sidebar-title"]Previous Posts[/h2]
[ul id="recently"]
[BloggerPreviousItems]
[li][a href="[$BlogItemPermalinkURL$]"][$BlogPreviousItemTitle$][/a][/li]
[/BloggerPreviousItems]
[/ul]
[MainOrArchivePage]

[h2 class="sidebar-title"]Archives[/h2]
[ul class="archive-list"]
[BloggerArchives]
[li][a href="[$BlogArchiveURL$]"][$BlogArchiveName$][/a][/li]
[/BloggerArchives]

[/ul]
[/MainOrArchivePage]

[p id="powered-by"][a href="http://www.blogger.com"][img src="http://buttons.blogger.com/bloggerbutton1.gif" alt="Powered by Blogger" /][/a][/p]

[!--
[p]This is a paragraph of text that could go in the sidebar.[/p]
--]

[/div]
[/div]
[/div]

[!----end right column----start center column----]

[div id="innerContentColumn"][div id="innerContentColumn2"]

[Blogger]

[BlogDateHeader]
[h2 class="date-header"][$BlogDateHeaderDate$][/h2]
[/BlogDateHeader]

[!-- Begin .post --]
[div class="post"][a name="[$BlogItemNumber$]"][/a]
[BlogItemTitle]
[h3 class="post-title"]
[BlogItemUrl][a href="[$BlogItemUrl$]" title="external link"][/BlogItemUrl]
[$BlogItemTitle$]
[BlogItemUrl][/a][/BlogItemUrl]
[/h3]
[/BlogItemTitle]

[div class="post-body"]
[p]
[$BlogItemBody$]
[/p]
[/div]

[p class="post-footer"]
[em]posted by [$BlogItemAuthorNickname$] at [a href="[$BlogItemPermalinkUrl$]" title="permanent link"][$BlogItemDateTime$][/a][/em]
[MainOrArchivePage][BlogItemCommentsEnabled]

[a class="comment-link" href="[$BlogItemPermalinkURL$]#comments"][$BlogItemCommentCount$] comments[/a]
[/BlogItemCommentsEnabled][/MainOrArchivePage] [$BlogItemControl$]
[/p]

[/div]
[!-- End .post --]

[!-- Begin #comments --]
[ItemPage]
[div id="comments"]

[BlogItemCommentsEnabled][a name="comments"][/a]
[h4][$BlogItemCommentCount$] Comments:[/h4]
[dl id="comments-block"]
[BlogItemComments]
[dt class="comment-poster" id="c[$BlogCommentNumber$]"][a name="c[$BlogCommentNumber$]"][/a]
[$BlogCommentAuthor$] said...
[/dt]
[dd class="comment-body"]

[p][$BlogCommentBody$][/p]
[/dd]
[dd class="comment-timestamp"][a href="#[$BlogCommentNumber$]" title="comment permalink"][$BlogCommentDateTime$][/a]
[$BlogCommentDeleteIcon$]
[/dd]
[/BlogItemComments]
[/dl]
[p class="comment-timestamp"]

[$BlogItemCreate$]
[/p]
[/BlogItemCommentsEnabled]
[p class="comment-timestamp"]
[a href="[$BlogURL$]"]<< Home[/a]
[/p]
[/div]

[/ItemPage]

[!-- End #comments --]

[/Blogger]
[/div]
[/div]

[!----end center column----]

[/div]

[!----end content----begin footer----]
[div id="footer"]
[div id="innerFooter"]
© 2003 Anyone
[/div]
[/div]
[!----end footer----]
[/div]

[/body]
[/html]

/*------------------------------------------------------------------------------
to use this template
replace all
[ with <
and
] with >
------------------------------------------------------------------------------*/

test post 1

2004-06-07T17:36:00.000Z

this is test post 1