<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Maljonic's Dreams - Interpretation of Dreams, Love, Art and all things spiritual...</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="css.css">
</head>
<body>
<div id="topbar"><img src="logo.gif" alt="my logo, ain't it pretty" /></div>
<div id="main">
<div id="left"><a href="#">Latest Dreams</a>
<a href="#">Message Board</a>
<a href="#">Dictionary</a></div>
<div id="right"><p>Dreams help us resolve problems, face up to our fears, and indulge in our fantasies; this is why our dreams almost always feature places, people and situations about which we have strong feelings.</p></div>
<h1>Welcome to Maljonic's Dreams</h1>
<h2>Interpretation of Dreams, Love, Art and all things spiritual</h2>
<p>Not everyone remembers their dreams; even though everyone has dreams, without exception. My dreams are recorded on the Latest Dreams page every day for everyone to see what I dream about. This site is an ever-growing dream resource that hopes to examine every angle of dreams and all things spiritual with topics on creating an improved personal life, hypnosis, homeopathy, reading auras, chanting, relationships and considering phobias. The dream dictionary tries not to analyze too heavily in favour of Freud’s theories but rather a more Jung, new age or spiritual outlook.</p>
</div>
</body>
</html>
body{
background: url(starsbg.jpg);
}
#main{
width: 85%;
margin-left: auto;
margin-right: auto;
}
#topbar{
width: 85%;
margin-left: auto;
margin-right: auto;
text-align: center;
background: url(woody.jpg);
background-position: top center;
}
#right{
float: right;
width: 20%;
}
#left{
float: left;
font-family: arial;
color: pink;
}
h1{
text-align: center;
color: white;
font-family: arial;
font-size: 14pt;
}
h2{
text-align: center;
color: white;
font-family: arial;
font-size: 12pt;
}
p{
text-align: justify;
color: white;
font-family: arial;
font-size: 10pt;
}
#left a:link{
font-family: arial;
color: pink;
text-align: center;
display: block;
width: 112px;
height: 20px;
background: url(buttonbg.gif);
font-weight: normal;
text-decoration: none;
margin: 1px;
}
#left a:visited{
font-family: arial;
color: pink;
text-align: center;
display: block;
width: 112px;
height: 20px;
background: url(buttonbg.gif);
font-weight: normal;
text-decoration: none;
margin: 1px;
}
#left a:hover{
font-family: arial;
color: pink;
text-align: center;
display: block;
width: 112px;
height: 20px;
background: url(buttonbg.gif);
font-weight: bold;
text-decoration: none;
margin: 1px;
}
#left a:active{
font-family: arial;
color: pink;
text-align: center;
display: block;
width: 112px;
height: 20px;
background: url(buttonbg.gif);
font-weight: normal;
text-decoration: none;
margin: 1px;
}