/*styles for he was a quiet man homepage*/

html {
height: 100%;
width: 100%;
margin: 0 0 0 0;
scrollbar-face-color: #ffffff;
scrollbar-arrow-color: #999999;
scrollbar-track-color: #ffffff;
scrollbar-shadow-color: #999999;
scrollbar-3dlight-color: #999999;
scrollbar-highlight-color: #ffffff;
scrollbar-darkshadow-color: #999999; 
}
body {
width: 100%;
background: #ffffff url(images/quietbak.jpg) top right no-repeat;
font-family: monospace;
color: #000000;
}

/*header*/

h1 {
font-family: monospace;
font-size: 50px;
color: #333333;
font-weight: 400;
text-align: left;
margin-left: 60px;
margin-bottom: 0;
margin-top: 30px;
letter-spacing: 5px;
}
h2 {
font-family: monospace;
font-size: 16px;
color: #000000;
text-align: left;
letter-spacing: 3px;
text-decoration: underline;
}
span {
font-style: italic;
}
#container {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}

/*navigation*/

#leftcolumn {
float: left;
width: 320px;
top: 110px;
}
#leftnav {
width: 300px;
height: 300px;
margin-top: 40px;
margin-left: 20px;
margin-bottom: 0;
padding-top: 50px;
padding-left: 20px;
background: url(images/postit.jpg) no-repeat; 
}
#leftnav a {
display: block;
border: 0;
padding: 2px;
margin: 0;
font-family: monospace;
color: #000000;
font-size: 14px;
font-weight: 500;
height: 26px;
text-decoration: none;
letter-spacing: 2px;
}
#leftnav a:link, #leftnav a:visited { 
padding-left: 36px;
text-decoration: none;
background: url(images/noimage.gif) top left no-repeat;
}
#leftnav a:hover  { 
padding-left: 36px;
font-size: 15px;
font-weight: bold;
background: url(images/goldfish.gif) top left no-repeat; 
text-decoration: none;
}
#leftnav a:active {
padding-left: 36px;
text-decoration: none;
background: url(images/noimage.gif) top left no-repeat;
}
}
#postitnav {
width: 300px;
margin-top: 0px;
margin-left: 20px;
}
#postitnav img {
border: 0px;
}
#postitnav a:link, #postitnav a:visited, #postitnav a:hover, #postitnav a:active {
text-decoration: none;
border: 0px;
}
#postitnav1 {
width: 150px;
height: 115px;
margin-top: 10px;
margin-left: 170px;
}
#postitnav2 {
width: 150px;
height: 115px;
margin-top: 10px;
margin-left: 35px;
}
#postitnav3 {
width: 150px;
height: 115px;
margin-top: 10px;
margin-left: 150px;
}

/*main content*/
 
.space {
clear: left;
}
.comment {
margin-left: 100px;
margin-right: 50px;
}
.pagelink {
margin-left: 200px;
margin-top: 50px;
}
.pagelink a:link, .pagelink a:visited, .pagelink a:hover, .pagelink a:active {
text-decoration: none;
border: 0;
}
#content {
position: absolute;
top: 110px;
left: 380px;
}
#notes {
width: 650px;
height: 850px;
background: url(images/notepad.jpg) no-repeat;
padding-top: 170px;
}
#notes img, #notes2 img {
border: 0;
}
#notes2 {
width: 650px;
height: 850px;
background: url(images/notepad2.jpg) no-repeat;
padding-top: 170px;
}
#notes p, #notes2 p {
font-family: monospace;
font-size: 12px;
color: #000000;
letter-spacing: 1px;
}
#notes a:link, #notes2 a:link {
font-size: 12px;
color: #a70707;
text-decoration: none;
}
#notes a:visited, #notes2 a:visited {
color: #a70707;
text-decoration: none;
}
#notes a:hover, #notes2 a:hover {
font-size: 12px;
color: #a70707;
text-decoration: underline;
}
#notes a:active, #notes2 a:active {
color: #850606;
text-decoration: none;
}

/* footer*/

#footer {
position: relative;
bottom: 0;
margin-bottom: 0px;
margin-top: 780px;
width: 100%;
height: 30px;
padding-bottom: 60px;
}
#footer p {
font-size: 11px;
color: #666666;
text-align: left;
margin-top: 50px;
margin-left: 20px;
}
#footer a:link, a:visited { 
color: #000000;
font-weight: bold;
text-decoration: none; 
}
#footer a:hover, a:active {
color: #000000;
font-weight: bold;
text-decoration: underline;
}