We Had Voices Once

Designer's Comments

Look carefully for specific instructions

The tree was a doodle I did in study hall that I adapted. Just replace the body text with your own, as well as the links and the title, if you'd like. Tested in IE & Firefox. Enjoy!

Layout Code

Copy and paste to Template HTML

Help

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>
We Had Voices Once
</title>

</style>

h1 {
 color:#330000 !important;
 font-family:georgia;
 font-size:13px;
 line-height:16px;
 font-weight:normal;
 font-style:normal !important;
 display:block;
 margin:0px;
 word-spacing:5px;
 font-variant: small-caps; 
}

h2 {
 color:#111111 !important;
 font-family:georgia;
 font-size:22px;
 line-height:25px;
 font-weight:normal;
 font-style:normal !important;
 margin-top:0px;
 margin-bottom:10px;
}

b {
 color:#330000 !important;
 font-family:georgia;
 font-size:10px;
 font-weight:bold;
}

i {
color:#000000 !important;
font-family:georgia;
font-size:10px;
font-weight:bold;
}

u {
color:#000000 !important;
font-family:georgia;
font-size:10px;
font-weight:bold;
}

a, a:link, a:active, a:visited {
font-family:georgia;
color:#330000;
font-size:10px;
text-decoration:none;
background-color:transparent;
font-weight:bold;
font-style:normal;
font-variant:small-caps;
}

a:hover {
font-family:georgia;
color:#333333;
font-size:10px;
text-decoration:none;
background-color:transparent;
font-weight:bold;
font-style:normal;
font-variant:small-caps;
}

blockquote {
float:left;
}

</style>

.navi:hover {
color:#222222 !important;
font-family:georgia;
font-style:italic;
font-weight:normal !important;
font-size:20px !important;
line-height:25px;
text-transform:none !important;
display:block;
font-variant:normal !important;
}

.cred, .cred:visited, .cred:active {
 color:#cccccc !important;
 font-family:small fonts !important;
 font-size:8px !important;
 font-weight:normal;
 background-color:transparent !important;
 border:none; text-decoration:none;
 text-transform:uppercase !important;
 letter-spacing:1px !important;
 font-variant:normal !important;
}

.cred:hover {
    font-family:small fonts !important;
    font-size:8px !important; color:#ffffff !important;
    font-weight:normal;
    background-color:transparent !important;
    border:none; text-decoration:none;
    text-transform:uppercase !important;
    letter-spacing:1px !important;
    font-variant:normal !important;
 }

</style>

#divbg {
width:1000px;
height:700px;
background-color:transparent;
background-image:url("http://cbimg6.com/layouts/09/07/35124ac.png");
background-repeat:no-repeat;
border:none;
position:absolute;
left:50%;
top:-20px;
z-index:3;
margin-left:-524px;
visibility:visible;
overflow:hidden;
}

#content {
width:480px;
height:auto;
background-color:transparent;
border:none;
position:absolute;
left:50%;
top:250px;
z-index:3;
margin-left:-75px;
visibility:visible;
overflow:auto;

color:#000000;
font-family:palatino linotype;
font-size:11px;
letter-spacing:0px;
word-spacing:0px;
}

#navi {
width:150px;
height:auto;
background-color:transparent;
border:none;
position:absolute;
left:50%;
top:250px;
z-index:3;
margin-left:410px;
visibility:visible;
overflow:auto;
}

#title {
width:430px;
height:55px;
background-color:transparent;
border:none;
position:absolute;
left:50%;
top:185px;
z-index:3;
margin-left:-50px;
visibility:visible;
text-align:center;
overflow:auto;

color:#333333;
font-family:georgia;
font-style:italic;
font-size:30px;
line-height:30px;
letter-spacing:0px;
word-spacing:0px;
display:block;
}
</style>
</head>

<body>

<a href="http://crotchettheleper.createblog.com/" class="cred">Crotchet The Leper</a></div>

<div id="title">
We had voices once.
<h1>But they wouldn't sing.</h1>
</div>

<div id="navi">
<a href="" class="navi">Link</a>
<a href="" class="navi">Navi</a>
<a href="" class="navi">Link</a>
<a href="" class="navi">Navi</a>
<a href="" class="navi">Link</a>
<a href="" class="navi">Zelda</a>
</div>

<div id="content">
It was autumn. It was memory. The pale moon was high overhead, casting an opalescent glow upon the stretch of land before us. It was all

too inviting. So inviting, that we trusted our clumsy feet to take us to a destination unknown as they trampled the leaves beneath them.

<blockquote>
<b>bold</b><br>
<i>italic</i><br>
<u>underline</u><br>
<a href="">Link</a><br>
</blockquote>

The cool stillness of the night was breathtaking; quite literally, for the air would steal the warmth of our breath in a puff of fog as we

panted through the trees that towered above us, menacingly. I was in love with them, with the fog of my breath. I was in love with the

fall.<br><br>
Nevertheless, I was detached from it. It was as if I was looking upon the scene from another point of view.  I can still see him, the way I

did then, just as clearly as I could see the night. I can still see the gravity of his countenance. <br><br>
That part of me, that memory, will never grow old.<br><br>
<h2><img src="http://cbimg6.com/layouts/09/07/35124aa.png"></img>I remember how we trudged.</h2>  Words were not exchanged, not

yet. Silence was never a threat to us.  It was a virtue.  We relished in it, as we walked, our troubled, weary minds grateful of

reprieve.<br><br>
Our skin was meant for moonlight.  It was soft, and pale.  We were like mirror images of one another - similar, but quite backwards. He was

tall, I was small. He had dark eyes, mine were light.  We were boring.<br><br>
I could feel our destination approaching. So did he. We walked more wistfully, more eagerly, with every stride. Soon we were running –

running after each other, like a single dog, chasing after its tale.<br><br>
I started laughing. I felt like I was swimming through the trees, the air, the thicket. Shadows and trunks flew past me, the whole earth

bobbed up and down in my clumsy view.<br><br>
He was smiling, ahead of me. He glanced over his shoulder and slowed down a bit to allow me to catch up with him. I slowed to a walk. We

panted. The fog from our lips vanished into the night.<br><br>
And the stillness of our feet signaled our destination.<br><br>
<h2><img src="http://cbimg6.com/layouts/09/07/35124aa.png"></img>We had but one intention in coming here.</h2> To get away from

ourselves. To get away from the earth. This spot in the woods was the best we could do. We were boring.<br><br>
We were in a clearing. A warm, murky pond glistened through the trees at the right, and the scent of the air was musty, for it harbored the

rot of fall. The night was void of the din of insects, for all were either dead or sleeping, along with most other creatures that resided

here throughout the seasons.<br><br>
I turned my back to him and ran my fingers along a large, cold, familiar stone that was embedded in the earth. I climbed upon it, feeling

as I once did in my youth when I had climbed it, before.  It was just as much of an adventure to me then, as it was now.  I was on top of

the world. I sighed. <br><br>
He was looking up at me.  Wordlessly, he joined me upon my tower. We surveyed our land. Beer cans. Cigarette butts. Broken bottles. Snack

food rappers. Lighters. A broken lawn chair. Utopia... ...<br><br>
</div>

</body>
</html>