When We Become Young

This layout is XHTML valid!
This is where your entry will go. You can write whatever your little heart desires here, and when you write too much for the table, a nice little scrollbar will appear and work its mystical computer-y magic!

You can also put important info in a blockquote! This will help it stand out, so that it looks more important than all the other text -- because everyone likes to have favorites!

Or you can continue to write normally. Want a nice little link to another site or page? You got it!

ordered
lists
are
convenient

But you may never need to use them. They really help organize your thoughts, though, so don't hesitate to apply them!

unorderd
lists
are
fun

Well, now that the fun of seeing this layout's features is over, I hope you've decided that you like it and want to apply it to your diary. You don't need to ask for permission or anything, but please do not alter anything that does not absolutely need to be changed, and you should be able to leave everything as it is. Also, I am currently hosting these images, but if I start having bandwidth problems, you will need to put them on your own sever. Thanks!

Do you want it? Here are the codes:

Place this in the box under "click here to change how each of your entry pages look"

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

body {
	background: url('http://s274.photobucket.com/albums/jj273/sweetmiser/Layouts/young/bg.jpg') repeat;
	color: #17375b;
	font-family: Verdana;
	font-size: 8pt;
	line-height: 17px;
	text-align: justify; 
	}

/* Special Links */

.links {
	color: #1f2e3f;
	font-size: 8pt; 
	text-transform: normal; 
	font-weight: light;  
	}

.links a { 
	color: #99174e; 
	text-decoration: none; 
	}

.links a:hover { 
	color: #177c99; 
	border-top: 1px dotted #63406c; 
	}

/* Normal Links */

a { 
	color: #177c99; 
	font-size: 7pt; 
	text-transform: uppercase; 
	font-weight: bold; 
	text-decoration: none; }

a:hover { 
	color: #99174e; 
	border-top: 1px dotted #63406c;
	}

/* Prev and Next Links */

.back {
	color: #758a6a; 
	text-indent: 0px; 
	font-family: verdana; 
	font-size: 7pt; 
	text-transform: lowercase; 
	text-align: center;
	}

.back a{ 
	color: #99174e; 
	text-decoration: none; 
	}

.back a:hover { 
	color: #177c99; 
	border-top: 1px dotted #63406c; 
	}

/* Headers */

.header:first-letter { 
	color: #1f1b29; 
	font-size: 16pt; 
	font-style: normal; 
	font-weight: bold;
	font-family: Georgia; 
	}

.header { 
	color: #99174e; 
	text-indent: 0px; 
	font-family: Palatino; 
	font-size: 11pt; 
	text-transform: uppercase; 
	font-weight: bold; 
	}

/* Decorative */

.date {
	color: #758a6a; 
	text-indent: 0px; 
	font-family: verdana; 
	font-size: 7pt; 
	text-transform: lowercase; 
	text-align: right;
	}

p { 
	text-indent: 20px; 
	}

blockquote { 
	color: #556d49;

margin-bottom: 24px;
	margin-top: 24px;
	margin-right: 50px;
	margin-left: 30px;

padding-left: 9px; 
	padding-right: 9px;

border-left: 1px dotted #77454b;
	border-right: 1px dotted #77454b;

text-indent: 20px; 
	}

</style>

<title>When We Become Young</title>
</head>
<body>

</table>

</div>

<div class="header">%%short_description%%</div>

</div>

</div>

%%entry%%

<br />

</div>

<div class="back"><a href="%%prev%%"> reverse </a> = <a href="%%next%%"> forward </a></div>

</div>

<a href="index.html" title=". . / : Newest Entry">New Blossoms</a><br/>
<a href="older.html" title=". . / : Older Entries">Old Trees</a><br/>
<a href="http://members.diaryland.com/edit/random.phtml?user=%%username%%" title=". . / : Random Entry">Random Branches</a><br />
<a href="http://members.diaryland.com/edit/profile.phtml?user=%%username%%" title=". . / : Profile">Study Leaves</a><br/>
<a href="http://members.diaryland.com/edit/notes.phtml?user=%%username%%" title=". . / : Notes">Carve a Message</a><br/>
<a href="http://sweettmiser.diaryland.com/young.html" target="_blank" title=". . / : Design">Mother Earth</a><br />
<a href="http://diaryland.com/" target="_blank" title=". . / : Host">Father Time</a><br />

<br />

There's plenty of room for more links, should you need to add them.

</div>

</body>
</html>

Place this in the box under "click here to change how yout older.html archive pages looks"

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

/* Special Links */

.links {
	color: #1f2e3f;
	font-size: 8pt; 
	text-transform: normal; 
	font-weight: light;  
	}

.links a { 
	color: #99174e; 
	text-decoration: none; 
	}

.links a:hover { 
	color: #177c99; 
	border-top: 1px dotted #63406c; 
	}

/* Normal Links */

a { 
	color: #177c99; 
	font-size: 7pt; 
	text-transform: uppercase; 
	font-weight: bold; 
	text-decoration: none; }

a:hover { 
	color: #99174e; 
	border-top: 1px dotted #63406c;
	}

/* Prev and Next Links */

.back {
	color: #758a6a; 
	text-indent: 0px; 
	font-family: verdana; 
	font-size: 7pt; 
	text-transform: lowercase; 
	text-align: center;
	}

.back a{ 
	color: #99174e; 
	text-decoration: none; 
	}

.back a:hover { 
	color: #177c99; 
	border-top: 1px dotted #63406c; 
	}

/* Headers */

.header:first-letter { 
	color: #1f1b29; 
	font-size: 16pt; 
	font-style: normal; 
	font-weight: bold;
	font-family: Georgia; 
	}

.header { 
	color: #99174e; 
	text-indent: 0px; 
	font-family: Palatino; 
	font-size: 11pt; 
	text-transform: uppercase; 
	font-weight: bold; 
	}

/* Decorative */

.date {
	color: #758a6a; 
	text-indent: 0px; 
	font-family: verdana; 
	font-size: 7pt; 
	text-transform: lowercase; 
	text-align: right;
	}

p { 
	text-indent: 20px; 
	}

blockquote { 
	color: #556d49;

margin-bottom: 24px;
	margin-top: 24px;
	margin-right: 50px;
	margin-left: 30px;

padding-left: 9px; 
	padding-right: 9px;

border-left: 1px dotted #77454b;
	border-right: 1px dotted #77454b;

text-indent: 20px; 
	}

</style>

<title>When We Become Young</title>
</head>
<body>

</table>

</div>

<div class="header">Old Trees</div>

</div>

</div>

%%older_entries%%

<br />

</div>

</div>

<br />

There's plenty of room for more links, should you need to add them.

</div>

</body>
</html>