skidoo-2column-bloggered

Template List

2004-06-15T06:00:00.000Z

Below is a list of the different versions of the skidoo-2column-bloggered templates on this site.

Template A : left sidebar - TOP - link box - link box - blogger bits - BOTTOM.

Template B : left sidebar - TOP - link box - blogger bits - link box - BOTTOM.

Template C : left sidebar - TOP - blogger bits - link box - link box - BOTTOM.

Template C : PHOTO - left sidebar - TOP - blogger bits - link box - link box - BOTTOM.

2004-06-14T18:00:00.000Z

Template C

Template C : CODE : left sidebar - TOP - blogger bits - link box - link box - BOTTOM.

2004-06-14T06:00: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" media="screen" /]

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

this template is a mash up of

the 2 column template
http://webhost.bridgew.edu/etribou/layouts/skidoo/2/
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 base.css----------------------------------------------------------*/

#pageWrapper
{
margin: 0;
width: auto;
min-width: 500px;
}
#outerColumnContainer
{
z-index: 1;
}
#innerColumnContainer
{
z-index: 2;
}
#innerColumnContainer, #contentColumn
{
margin: 0 -1px;
width: 100%;
}
#leftColumn, #rightColumn, #contentColumn
{
float: left;
position: relative;
z-index: 10;
overflow: visible; /* fix for IE italics bug */
}
#leftColumn
{
width: 200px;
margin: 0 1px 0 -200px;
}
#rightColumn
{
width: 200px;
margin: 0 -200px 0 1px;
display: none; /* comment this out and edit borders.css to create the third column */
}
#footer
{
position: relative;
}
#masthead h1
{
display: inline; /* personal preference to keep the header inline. you could just as easily change padding and margins to 0. */
}

.clear
{
clear: both;
}
.hide
{
display: none; /* hide elements that CSS-targeted browsers shouldn't show */
}

html]body #innerColumnContainer
{
border-bottom: 1px solid transparent; /* help mozilla render borders and colors. try removing this line and see what happens */
}

/*------------------------------------------------------------end base.css----*/
/*----start 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;
}
* html .vnav ul li a/* hide from IE5.0/Win & IE5/Mac */
{
height: 1%;
}
* html .vnav
{
position: relative; /* IE needs this to fix a rendering problem */
}

/*------------------------------------------------------------end vnav.css----*/
/*----start hnav.css----------------------------------------------------------*/

.hnav
{
white-space: nowrap;
margin: 0;
color: #000;
padding: 3px 0 4px 0;
}
* html .hnav/* Hide from IE5/Mac (& IE5.0/Win) */
{
height: 1%; /* holly hack to fix a render bug in IE6/Win */
}
* html .HNAV
{
height: auto; /* above IE6/Win holly hack breaks IE5/Win when page length
get beyond the point that 1% height is taller than the text
height. IE5/Win does not need this holly hack so we remove
it here */
padding: 0; /* IE5/Win will resize #hnav to fit the heights of its
inline children that have vertical padding. So this
incorrect case selector will remove that padding */
}
.hnav ul
{
text-align: center;
list-style-type: none;
line-height: normal;
margin: 0;
padding: 0;
}
.hnav ul li
{
display: inline;
white-space: nowrap;
margin: 0;
}
.hnav ul li a
{
text-decoration: none;
color: #000;
background-color: #eee;
margin: 0 -1px 0 0;
padding: 3px 10px 4px 10px;
border-left: solid 1px #000;
border-right: solid 1px #000;
}
* html .HNAV ul li a
{
width: 1%; /* holly hack for IE5/Win inline padding by default this
hack fixes different rendering bugs in 5.0 and 5.5.
Width is used instead of height because if the document
is too long, these elements become very tall and disrupt
the look of the document. too wide an element is better,
visually, than too tall a document. */
}
.hnav ul li a:hover
{
text-decoration: underline;
}
.hnav ul li a:hover
{
text-decoration: none;
}

/*------------------------------------------------------------end hnav.css----*/
/*----start colors.css--------------------------------------------------------*/

body
{
background-color: #665;
color: #fff;
}
#outerColumnContainer
{
border-left-color: #eec; /* left hand column background color */
border-right-color: #bb8; /* right hand column background color */
}
#masthead, #footer
{
background-color: #885;
color: #fff;
}
#outerColumnContainer
{
background-color: #fff; /* this sets the background color on the center column */
color: #000;
}
#leftColumn, #rightColumn, #contentColumn
{
color: #000;
}
.vnav ul li a
{
color: #336;
background-color: #cc9;
}
#rightColumn .vnav ul li a:hover, .vnav ul li a:hover
{
background-color: #336;
color: #fff;
}
#rightColumn .vnav ul li a
{
color: #336;
background-color: #ddb;
}
.hnav, .hnav ul li a
{
background-color: #cc9;
color: #336;
}
.hnav ul li a:hover
{
background-color: #336;
color: #fff;
}
#pageWrapper, #innerColumnContainer, #masthead, #footer, .hnav
{
border-color: #000;
}

/*----------------------------------------------------------end colors.css----*/
/*----start borders.css-------------------------------------------------------*/

#pageWrapper
{
border-style: solid; /* explicitly defined within eact selector in case you want change border styles (to mix it up) between elements */
border-width: 1px; /* puts a border around the whole page */
}
#outerColumnContainer
{
border-style: solid;
border-width: 0 0 0 200px; /* sets the width of the borders used to create the left and right columns' background color. */
/* border-width: 0 200px; */ /* for three columns */
}
#innerColumnContainer
{
border-style: solid;
border-width: 0 0 0 1px; /* puts borders between center and the side columns */
/* border-width: 0 1px; */ /* for three columns */
}
#masthead, .hnav
{
border-style: solid;
border-width: 0 0 1px 0;
}
#footer
{
border-style: solid;
border-width: 1px 0 0 0;
}

/*---------------------------------------------------------end borders.css----*/
/*----start fonts.css---------------------------------------------------------*/

body
{
font-family: arial, helvetica, sans-serif;
font-size : x-small;
voice-family : "\"}\"";
voice-family : inherit;
font-size : small;
}
#footer
{
text-align: center;
}

/*-----------------------------------------------------------end fonts.css----*/
/*----start gutters.css-------------------------------------------------------*/

body
{
margin: 0;
padding: 2em;
}
.inside
{
padding: 0.5em 1.5em; /* this padding is applied to every major box within the layout for a uniform gutter between borders */
}
#masthead, #footer
{
padding: 1em;
}
.vnav
{
margin: 1em 0;
}
.vnav h3
{
margin-bottom: 0;
padding-bottom: 0;
}

/*---------------------------------------------------------end gutters.css----*/
/*----start screen.css--------------------------------------------------------*/

@import "base.css";
@import "hnav.css";
@import "vnav.css";
@import "colors.css";
@import "gutters.css";
@import "borders.css";
@import "fonts.css";

/*
see http://www.dithered.com/css_filters/css_only/index.php for tips on how
to block inclusion of whole css files for certain browsers
*/

/*----------------------------------------------------------end screen.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="pageWrapper"]
[div class="hide"]
[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]
[hr class="hide" /]
[div id="masthead" class="inside"]
[h1 id="masthead h1"]
[ItemPage][a href="[$BlogURL$]"][/ItemPage]
[$BlogTitle$]
[ItemPage][/a][/ItemPage]
[/h1]
[p id="description"][$BlogDescription$][/p]
[/div]
[hr class="hide" /]
[div class="hnav"]
[ul][li class="hide"][a class="hide"
href="#skipToContent"][em]Skip Navigation[/em][/a][/li][li][a
href="http://webhost.bridgew.edu/etribou/"]Ruthsarian[/a][/li][li][a
href=""]Empty[/a][/li][li][a
href=""]Empty[/a][/li][li][a
href=""]Empty[/a][/li][li][a
href="mailto:etribou@bridgew.edu"]Contact[/a][/li][/ul]
[/div]
[hr class="hide" /]
[div id="outerColumnContainer"]
[div id="innerColumnContainer"]
[div id="leftColumn"][div id="leftColumn2"]
[div class="inside"]

[!-- 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]

[div class="vnav"]
[h3]Links 1[/h3]
[ul][li][a
href="http://www.blogger.com/"]Blogger.com[/a][/li][li][a
href=""]Empty[/a][/li][li][a
href=""]Empty[/a][/li][li][a
href=""]Empty[/a][/li][/ul]
[h3]Links 2[/h3]
[ul][li][a
href="http://www.wbloggar.com/"]wbloggar.com[/a][/li][li][a
href=""]Empty[/a][/li][li][a
href=""]Empty[/a][/li][li][a
href=""]Empty[/a][/li][/ul]
[/div]
[div][!-- a quick fix for an IE problem which renders a ghost element at the bottom of this list --][/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" style="border-width:0;" /][/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" style="border-width:0;" /][/a]
[/p]
---]

[/div]
[/div]
[/div]
[hr class="hide" /]
[div id="contentColumn"][div id="contentColumn2"]
[div class="inside"]
[a name="skipToContent" id="skipToContent"][/a]

[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]
[/div]
[hr class="hide" /]
[div id="rightColumn"]
[div class="inside"]

[!---
To get this third column operational, add your content here, then
comment out the display:hidden for #rightColumn in base.css
Also edit borders.css to create the space and background color
for the right-hand column
---]

[/div]
[/div]
[div class="clear"][/div]
[/div]
[/div]
[hr class="hide" /]
[div id="footer" class="inside"]
© Nobody. All CSS/HTML is released into the public domain.
[/div]
[hr class="hide" /]
[/div]

[/body]
[/html]

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

Template B : PHOTO - left sidebar - TOP - link box - blogger bits - link box - BOTTOM.

2004-06-13T18:00:00.000Z

Template B

Template B : CODE : left sidebar - TOP - link box - blogger bits - link box - BOTTOM.

2004-06-13T06:00:00.000Z

/*------------------------------------------------------------------------------
to use this template
replace all
[ with <
all
] 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" media="screen" /]

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

this template is a mash up of

the 2 column template
http://webhost.bridgew.edu/etribou/layouts/skidoo/2/
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 base.css----------------------------------------------------------*/

#pageWrapper
{
margin: 0;
width: auto;
min-width: 500px;
}
#outerColumnContainer
{
z-index: 1;
}
#innerColumnContainer
{
z-index: 2;
}
#innerColumnContainer, #contentColumn
{
margin: 0 -1px;
width: 100%;
}
#leftColumn, #rightColumn, #contentColumn
{
float: left;
position: relative;
z-index: 10;
overflow: visible; /* fix for IE italics bug */
}
#leftColumn
{
width: 200px;
margin: 0 1px 0 -200px;
}
#rightColumn
{
width: 200px;
margin: 0 -200px 0 1px;
display: none; /* comment this out and edit borders.css to create the third column */
}
#footer
{
position: relative;
}
#masthead h1
{
display: inline; /* personal preference to keep the header inline. you could just as easily change padding and margins to 0. */
}

.clear
{
clear: both;
}
.hide
{
display: none; /* hide elements that CSS-targeted browsers shouldn't show */
}

html]body #innerColumnContainer
{
border-bottom: 1px solid transparent; /* help mozilla render borders and colors. try removing this line and see what happens */
}

/*------------------------------------------------------------end base.css----*/
/*----start 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;
}
* html .vnav ul li a/* hide from IE5.0/Win & IE5/Mac */
{
height: 1%;
}
* html .vnav
{
position: relative; /* IE needs this to fix a rendering problem */
}

/*------------------------------------------------------------end vnav.css----*/
/*----start hnav.css----------------------------------------------------------*/

.hnav
{
white-space: nowrap;
margin: 0;
color: #000;
padding: 3px 0 4px 0;
}
* html .hnav/* Hide from IE5/Mac (& IE5.0/Win) */
{
height: 1%; /* holly hack to fix a render bug in IE6/Win */
}
* html .HNAV
{
height: auto; /* above IE6/Win holly hack breaks IE5/Win when page length
get beyond the point that 1% height is taller than the text
height. IE5/Win does not need this holly hack so we remove
it here */
padding: 0; /* IE5/Win will resize #hnav to fit the heights of its
inline children that have vertical padding. So this
incorrect case selector will remove that padding */
}
.hnav ul
{
text-align: center;
list-style-type: none;
line-height: normal;
margin: 0;
padding: 0;
}
.hnav ul li
{
display: inline;
white-space: nowrap;
margin: 0;
}
.hnav ul li a
{
text-decoration: none;
color: #000;
background-color: #eee;
margin: 0 -1px 0 0;
padding: 3px 10px 4px 10px;
border-left: solid 1px #000;
border-right: solid 1px #000;
}
* html .HNAV ul li a
{
width: 1%; /* holly hack for IE5/Win inline padding by default this
hack fixes different rendering bugs in 5.0 and 5.5.
Width is used instead of height because if the document
is too long, these elements become very tall and disrupt
the look of the document. too wide an element is better,
visually, than too tall a document. */
}
.hnav ul li a:hover
{
text-decoration: underline;
}
.hnav ul li a:hover
{
text-decoration: none;
}

/*------------------------------------------------------------end hnav.css----*/
/*----start colors.css--------------------------------------------------------*/

body
{
background-color: #665;
color: #fff;
}
#outerColumnContainer
{
border-left-color: #eec; /* left hand column background color */
border-right-color: #bb8; /* right hand column background color */
}
#masthead, #footer
{
background-color: #885;
color: #fff;
}
#outerColumnContainer
{
background-color: #fff; /* this sets the background color on the center column */
color: #000;
}
#leftColumn, #rightColumn, #contentColumn
{
color: #000;
}
.vnav ul li a
{
color: #336;
background-color: #cc9;
}
#rightColumn .vnav ul li a:hover, .vnav ul li a:hover
{
background-color: #336;
color: #fff;
}
#rightColumn .vnav ul li a
{
color: #336;
background-color: #ddb;
}
.hnav, .hnav ul li a
{
background-color: #cc9;
color: #336;
}
.hnav ul li a:hover
{
background-color: #336;
color: #fff;
}
#pageWrapper, #innerColumnContainer, #masthead, #footer, .hnav
{
border-color: #000;
}

/*----------------------------------------------------------end colors.css----*/
/*----start borders.css-------------------------------------------------------*/

#pageWrapper
{
border-style: solid; /* explicitly defined within eact selector in case you want change border styles (to mix it up) between elements */
border-width: 1px; /* puts a border around the whole page */
}
#outerColumnContainer
{
border-style: solid;
border-width: 0 0 0 200px; /* sets the width of the borders used to create the left and right columns' background color. */
/* border-width: 0 200px; */ /* for three columns */
}
#innerColumnContainer
{
border-style: solid;
border-width: 0 0 0 1px; /* puts borders between center and the side columns */
/* border-width: 0 1px; */ /* for three columns */
}
#masthead, .hnav
{
border-style: solid;
border-width: 0 0 1px 0;
}
#footer
{
border-style: solid;
border-width: 1px 0 0 0;
}

/*---------------------------------------------------------end borders.css----*/
/*----start fonts.css---------------------------------------------------------*/

body
{
font-family: arial, helvetica, sans-serif;
font-size : x-small;
voice-family : "\"}\"";
voice-family : inherit;
font-size : small;
}
#footer
{
text-align: center;
}

/*-----------------------------------------------------------end fonts.css----*/
/*----start gutters.css-------------------------------------------------------*/

body
{
margin: 0;
padding: 2em;
}
.inside
{
padding: 0.5em 1.5em; /* this padding is applied to every major box within the layout for a uniform gutter between borders */
}
#masthead, #footer
{
padding: 1em;
}
.vnav
{
margin: 1em 0;
}
.vnav h3
{
margin-bottom: 0;
padding-bottom: 0;
}

/*---------------------------------------------------------end gutters.css----*/
/*----start screen.css--------------------------------------------------------*/

@import "base.css";
@import "hnav.css";
@import "vnav.css";
@import "colors.css";
@import "gutters.css";
@import "borders.css";
@import "fonts.css";

/*
see http://www.dithered.com/css_filters/css_only/index.php for tips on how
to block inclusion of whole css files for certain browsers
*/

/*----------------------------------------------------------end screen.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="pageWrapper"]
[div class="hide"]
[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]
[hr class="hide" /]
[div id="masthead" class="inside"]
[h1 id="masthead h1"]
[ItemPage][a href="[$BlogURL$]"][/ItemPage]
[$BlogTitle$]
[ItemPage][/a][/ItemPage]
[/h1]
[p id="description"][$BlogDescription$][/p]
[/div]
[hr class="hide" /]
[div class="hnav"]
[ul][li class="hide"][a class="hide"
href="#skipToContent"][em]Skip Navigation[/em][/a][/li][li][a
href="http://webhost.bridgew.edu/etribou/"]Ruthsarian[/a][/li][li][a
href=""]Empty[/a][/li][li][a
href=""]Empty[/a][/li][li][a
href=""]Empty[/a][/li][li][a
href="mailto:etribou@bridgew.edu"]Contact[/a][/li][/ul]
[/div]
[hr class="hide" /]
[div id="outerColumnContainer"]
[div id="innerColumnContainer"]
[div id="leftColumn"][div id="leftColumn2"]
[div class="inside"]

[div class="vnav"]
[h3]Links 1[/h3]
[ul][li][a
href="http://www.blogger.com/"]Blogger.com[/a][/li][li][a
href=""]Empty[/a][/li][li][a
href=""]Empty[/a][/li][li][a
href=""]Empty[/a][/li][/ul]
[/div]

[!-- 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]

[div class="vnav"]
[h3]Links 2[/h3]
[ul][li][a
href="http://www.wbloggar.com/"]wbloggar.com[/a][/li][li][a
href=""]Empty[/a][/li][li][a
href=""]Empty[/a][/li][li][a
href=""]Empty[/a][/li][/ul]
[/div]
[div][!-- a quick fix for an IE problem which renders a ghost element at the bottom of this list --][/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" style="border-width:0;" /][/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" style="border-width:0;" /][/a]
[/p]
---]

[/div]
[/div]
[/div]
[hr class="hide" /]
[div id="contentColumn"][div id="contentColumn2"]
[div class="inside"]
[a name="skipToContent" id="skipToContent"][/a]

[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]
[/div]
[hr class="hide" /]
[div id="rightColumn"]
[div class="inside"]

[!---
To get this third column operational, add your content here, then
comment out the display:hidden for #rightColumn in base.css
Also edit borders.css to create the space and background color
for the right-hand column
---]

[/div]
[/div]
[div class="clear"][/div]
[/div]
[/div]
[hr class="hide" /]
[div id="footer" class="inside"]
© Nobody. All CSS/HTML is released into the public domain.
[/div]
[hr class="hide" /]
[/div]

[/body]
[/html]

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

Template A : PHOTO - left sidebar - TOP - link box - link box - blogger bits - BOTTOM.

2004-06-12T18:00:00.000Z

Template A

Template A : CODE : left sidebar - TOP - link box - link box - blogger bits - BOTTOM.

2004-06-12T06:00: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" media="screen" /]

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

this template is a mash up of

the 2 column template
http://webhost.bridgew.edu/etribou/layouts/skidoo/2/
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 base.css----------------------------------------------------------*/

#pageWrapper
{
margin: 0;
width: auto;
min-width: 500px;
}
#outerColumnContainer
{
z-index: 1;
}
#innerColumnContainer
{
z-index: 2;
}
#innerColumnContainer, #contentColumn
{
margin: 0 -1px;
width: 100%;
}
#leftColumn, #rightColumn, #contentColumn
{
float: left;
position: relative;
z-index: 10;
overflow: visible; /* fix for IE italics bug */
}
#leftColumn
{
width: 200px;
margin: 0 1px 0 -200px;
}
#rightColumn
{
width: 200px;
margin: 0 -200px 0 1px;
display: none; /* comment this out and edit borders.css to create the third column */
}
#footer
{
position: relative;
}
#masthead h1
{
display: inline; /* personal preference to keep the header inline. you could just as easily change padding and margins to 0. */
}

.clear
{
clear: both;
}
.hide
{
display: none; /* hide elements that CSS-targeted browsers shouldn't show */
}

html]body #innerColumnContainer
{
border-bottom: 1px solid transparent; /* help mozilla render borders and colors. try removing this line and see what happens */
}

/*------------------------------------------------------------end base.css----*/
/*----start 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;
}
* html .vnav ul li a/* hide from IE5.0/Win & IE5/Mac */
{
height: 1%;
}
* html .vnav
{
position: relative; /* IE needs this to fix a rendering problem */
}

/*------------------------------------------------------------end vnav.css----*/
/*----start hnav.css----------------------------------------------------------*/

.hnav
{
white-space: nowrap;
margin: 0;
color: #000;
padding: 3px 0 4px 0;
}
* html .hnav/* Hide from IE5/Mac (& IE5.0/Win) */
{
height: 1%; /* holly hack to fix a render bug in IE6/Win */
}
* html .HNAV
{
height: auto; /* above IE6/Win holly hack breaks IE5/Win when page length
get beyond the point that 1% height is taller than the text
height. IE5/Win does not need this holly hack so we remove
it here */
padding: 0; /* IE5/Win will resize #hnav to fit the heights of its
inline children that have vertical padding. So this
incorrect case selector will remove that padding */
}
.hnav ul
{
text-align: center;
list-style-type: none;
line-height: normal;
margin: 0;
padding: 0;
}
.hnav ul li
{
display: inline;
white-space: nowrap;
margin: 0;
}
.hnav ul li a
{
text-decoration: none;
color: #000;
background-color: #eee;
margin: 0 -1px 0 0;
padding: 3px 10px 4px 10px;
border-left: solid 1px #000;
border-right: solid 1px #000;
}
* html .HNAV ul li a
{
width: 1%; /* holly hack for IE5/Win inline padding by default this
hack fixes different rendering bugs in 5.0 and 5.5.
Width is used instead of height because if the document
is too long, these elements become very tall and disrupt
the look of the document. too wide an element is better,
visually, than too tall a document. */
}
.hnav ul li a:hover
{
text-decoration: underline;
}
.hnav ul li a:hover
{
text-decoration: none;
}

/*------------------------------------------------------------end hnav.css----*/
/*----start colors.css--------------------------------------------------------*/

body
{
background-color: #665;
color: #fff;
}
#outerColumnContainer
{
border-left-color: #eec; /* left hand column background color */
border-right-color: #bb8; /* right hand column background color */
}
#masthead, #footer
{
background-color: #885;
color: #fff;
}
#outerColumnContainer
{
background-color: #fff; /* this sets the background color on the center column */
color: #000;
}
#leftColumn, #rightColumn, #contentColumn
{
color: #000;
}
.vnav ul li a
{
color: #336;
background-color: #cc9;
}
#rightColumn .vnav ul li a:hover, .vnav ul li a:hover
{
background-color: #336;
color: #fff;
}
#rightColumn .vnav ul li a
{
color: #336;
background-color: #ddb;
}
.hnav, .hnav ul li a
{
background-color: #cc9;
color: #336;
}
.hnav ul li a:hover
{
background-color: #336;
color: #fff;
}
#pageWrapper, #innerColumnContainer, #masthead, #footer, .hnav
{
border-color: #000;
}

/*----------------------------------------------------------end colors.css----*/
/*----start borders.css-------------------------------------------------------*/

#pageWrapper
{
border-style: solid; /* explicitly defined within eact selector in case you want change border styles (to mix it up) between elements */
border-width: 1px; /* puts a border around the whole page */
}
#outerColumnContainer
{
border-style: solid;
border-width: 0 0 0 200px; /* sets the width of the borders used to create the left and right columns' background color. */
/* border-width: 0 200px; */ /* for three columns */
}
#innerColumnContainer
{
border-style: solid;
border-width: 0 0 0 1px; /* puts borders between center and the side columns */
/* border-width: 0 1px; */ /* for three columns */
}
#masthead, .hnav
{
border-style: solid;
border-width: 0 0 1px 0;
}
#footer
{
border-style: solid;
border-width: 1px 0 0 0;
}

/*---------------------------------------------------------end borders.css----*/
/*----start fonts.css---------------------------------------------------------*/

body
{
font-family: arial, helvetica, sans-serif;
font-size : x-small;
voice-family : "\"}\"";
voice-family : inherit;
font-size : small;
}
#footer
{
text-align: center;
}

/*-----------------------------------------------------------end fonts.css----*/
/*----start gutters.css-------------------------------------------------------*/

body
{
margin: 0;
padding: 2em;
}
.inside
{
padding: 0.5em 1.5em; /* this padding is applied to every major box within the layout for a uniform gutter between borders */
}
#masthead, #footer
{
padding: 1em;
}
.vnav
{
margin: 1em 0;
}
.vnav h3
{
margin-bottom: 0;
padding-bottom: 0;
}

/*---------------------------------------------------------end gutters.css----*/
/*----start screen.css--------------------------------------------------------*/

@import "base.css";
@import "hnav.css";
@import "vnav.css";
@import "colors.css";
@import "gutters.css";
@import "borders.css";
@import "fonts.css";

/*
see http://www.dithered.com/css_filters/css_only/index.php for tips on how
to block inclusion of whole css files for certain browsers
*/

/*----------------------------------------------------------end screen.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="pageWrapper"]
[div class="hide"]
[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]
[hr class="hide" /]
[div id="masthead" class="inside"]
[h1 id="masthead h1"]
[ItemPage][a href="[$BlogURL$]"][/ItemPage]
[$BlogTitle$]
[ItemPage][/a][/ItemPage]
[/h1]
[p id="description"][$BlogDescription$][/p]
[/div]
[hr class="hide" /]
[div class="hnav"]
[ul][li class="hide"][a class="hide"
href="#skipToContent"][em]Skip Navigation[/em][/a][/li][li][a
href="http://webhost.bridgew.edu/etribou/"]Ruthsarian[/a][/li][li][a
href=""]Empty[/a][/li][li][a
href=""]Empty[/a][/li][li][a
href=""]Empty[/a][/li][li][a
href="mailto:etribou@bridgew.edu"]Contact[/a][/li][/ul]
[/div]
[hr class="hide" /]
[div id="outerColumnContainer"]
[div id="innerColumnContainer"]
[div id="leftColumn"][div id="leftColumn2"]
[div class="inside"]

[div class="vnav"]
[h3]Links 1[/h3]
[ul][li][a
href="http://www.blogger.com/"]Blogger.com[/a][/li][li][a
href=""]Empty[/a][/li][li][a
href=""]Empty[/a][/li][li][a
href=""]Empty[/a][/li][/ul]
[h3]Links 2[/h3]
[ul][li][a
href="http://www.wbloggar.com/"]wbloggar.com[/a][/li][li][a
href=""]Empty[/a][/li][li][a
href=""]Empty[/a][/li][li][a
href=""]Empty[/a][/li][/ul]
[/div]
[div][!-- a quick fix for an IE problem which renders a ghost element at the bottom of this list --][/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" style="border-width:0;" /][/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" style="border-width:0;" /][/a]
[/p]
---]

[!-- 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]

[/div]
[/div]
[/div]
[hr class="hide" /]
[div id="contentColumn"][div id="contentColumn2"]
[div class="inside"]
[a name="skipToContent" id="skipToContent"][/a]

[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]
[/div]
[hr class="hide" /]
[div id="rightColumn"]
[div class="inside"]

[!---
To get this third column operational, add your content here, then
comment out the display:hidden for #rightColumn in base.css
Also edit borders.css to create the space and background color
for the right-hand column
---]

[/div]
[/div]
[div class="clear"][/div]
[/div]
[/div]
[hr class="hide" /]
[div id="footer" class="inside"]
© Nobody. All CSS/HTML is released into the public domain.
[/div]

[hr class="hide" /]
[/div]

[/body]
[/html]

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