This site will look much better in a browser that supports web standards, but it is accessible to any browser or Internet device.

Wednesday, June 09, 2004

this template

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

/*[![CDATA[*/

/*-------------------------------- Layout ------------------------------------*/

div {
padding: 0;
margin: 0;
}

body {
background-color: #ddd;
margin:0;
padding: 20px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font:x-small;
text-align:center;
color:black;
font-size/* */:/**/small;
font-size: /**/small;
}

#oldbrowser {
text-align: center;
}

div#oldbrowser {
display: none;
}

#pageFrame {
border: solid 1px black;
background-color: white;
color: black;
min-width: 500px;
}

/*------------------------------ header --------------------------------------*/

#header {
padding: 10px;
border: solid 0px black;
border-bottom-width: 1px;
background-color: white;
}

#blog-title {
margin:5px 5px 0;
padding:20px 20px .25em;
font-size:200%;
line-height:1.2em;
font-weight:normal;
color:black;
letter-spacing:.2em;
text-align: center;
}

#description {
margin:0 5px 5px;
padding:0 20px 20px;
max-width:100%;
font:78%/1.4em;
letter-spacing:.2em;
color:silver;
text-align: center;
}

/*-------------------------- left-sidebar ------------------------------------*/

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

#innerLeftColumn {
padding: 10px;
border: solid 0px black;
border-right-width: 1px;
text-align: center;
}

#innerLeftColumn img {
display: block;
margin: 0 auto;
text-align: center; /* IE 5 centering hack */
}

/*------------------------------- right-sidebar ------------------------------*/

#rightColumn {
float: right;
width: 200px;
}

#innerRightColumn {
padding: 10px;
border-left: solid 1px black;
margin-left: -1px;
text-align: center;
}

/*----------------------------- center-column --------------------------------*/

#contentColumn {
width: auto;
margin-left: 199px;
border: solid 0px black;
border-left-width: 1px;
text-align:center;
}

#innerContentColumn {
padding: 10px;
margin-right: 200px;
height: 100%; /* fix the Win32 IE float bug */
/*/*/ /*/margin: 0 0 0 2px; /* Silly Netscape hack to get the borders to line up */
border: solid 0px black;
border-right-width: 1px;
text-align: center;
background-color: white;
}

#contentColumn]#innerContentColumn {
height: auto; /* fix Opera 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 */
}

/* Headings----------------------------------------------- */

#masthead h1 {
display: inline;
text-align: center;
}

h2 {
margin:1.5em 0 .75em;
font:78%/1.4em;
letter-spacing:.2em;
color:black;
}

/* Posts----------------------------------------------- */

.date-header {
margin:1.5em 0 .5em;
}

.post {
margin:.5em 0 1.5em;
border-bottom: 1px solid black;
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:red;
}

.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;
letter-spacing:.1em;
}

.post-footer em {
font-style:normal;
color:black;
margin-right:.6em;
}

.comment-link {
margin-left:.6em;
}

.post img {
padding:4px;
border:1px solid black;
}

.post blockquote {
margin:1em 20px;
}

.post blockquote p {
margin:.75em 0;
}

/*------------------- Comments----------------------------------------------- */

#comments h4 {
margin:1em 0;
font:bold 78%/1.6em;
letter-spacing:.2em;
color:black;
}

#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;
letter-spacing:.1em;
}

#comments-block dd p {
margin:0 0 .75em;
}

.deleted-comment {
font-style:italic;
color:gray;
text-decoration:line-through;
}

/*------------ Sidebar Content----------------------------------------------- */

#sidebar ul {
margin:0 0 1.5em;
padding:0 0 1.5em;
border-bottom:1px solid black;
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 solid black;
padding-bottom:1.5em;
}

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

.profile-img {
display:inline;
}

.profile-img img {
float:left;
padding:4px;
border:1px solid black;
margin:0 8px 3px 0;
}

.profile-data {
margin:0;
font:bold 78%/1.6em;
letter-spacing:.1em;
}

.profile-data strong {
display:none;
}

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

.profile-link {
margin:0;
font:78%/1.4em;
letter-spacing:.1em;
}

/*------------------------------- footer -------------------------------------*/

#footer {
clear: both;
border: solid 0px black;
border-top-width: 1px;
background-color: white;
}

#innerFooter {
padding: 10px;
text-align: center;
font:78%/1.6em;
letter-spacing:.1em;
color: black;
}

/*--------------------------- Visual Elements --------------------------------*/

a:link {
color:blue;
text-decoration:underline;
}

a:visited {
color:purple;
text-decoration:underline;
}

a:hover {
color:red;
text-decoration:underline;
}

a img {
border-width:0;
}

.vnav {
margin-bottom: 1em;
}

.vnav ul {
margin: 0;
padding: 0;
list-style-type: none;
display: block;
border: solid 1px black;
border-bottom-width: 0;
}

.vnav ul li {
margin: 0;
padding: 0;
list-style-type: none;
display: block;
border-bottom: solid 1px black;
}

.vnav ul li a {
display: block;
text-decoration: none;
padding: 2px 10px;
background-color: #eee;
color: black;
}

.vnav ul li a:hover {
background-color: #336;
color: white;
}

/*]]]*/

[/style]

[title][/title]

[/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="header"]

[h1 id="blog-title"]
[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.blogspot.com/"]Original Bloggered[/a][/li][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-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"]
[p]© 2003 Anyone[/p]
[/div]
[/div]
[!----end footer----]
[/div]

[/body]
[/html]

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

Tuesday, June 08, 2004

test post 1

test post 1