Strick's Ramblings

Did this CSS to make a page look like a "typed" piece of paper.

 
 
/* my [typed] Piece of Paper CSS */
 
html{height: 100%;}
 
body {
font-family: "courier new", courier, terminal, sans-serif;
color: #ffffff;
padding: 20px 20px 20px 20px;
margin: 0px;
background-color: #404040 ;
 
}
 
/* The Piece of Paper */
#main
{ width: 780px;
height: 800px;
padding: 50px 50px 50px 50px;
margin-left: 3cm;
margin-right: auto;
background: #FFFFFF;
color: #000000;
line-height: 1em;
letter-spacing: .05em;
word-spacing: .2em;
 
}
#top {
position:absolute;
padding: 50px 50px 50px 50px;
margin-left: 3cm;
margin-right: auto;
background: #FFFFFF;
color: #000000;
width: 780px;
height: 150px;
top: 50px;
bottom: 100px;
 
}
 
a:link {color: #000000}     /* unvisited link */
a:visited {color: #000000}  /* visited link */
a:hover {  /* mouse over link */
color: #FF00FF
text
}
a:active {color: #0000FF}   /* selected link */
 
/* positioning - left, right and center */
.left
{ float: left;
padding: 0px 8px 0px 0px;
}
 
.right
{ float: right;
padding: 0px 0px 0px 8px;
}
 
.center
{ display: block;
text-align: center;
margin: 0 auto;
}