body{
background: #dce4cb url(imagesscrapbook/bg.gif) no-repeat left top;
color: #000;
font-family: arial, helvetica, sans-serif;
font-size: 100.01%;
margin: 0;
padding: 0;
}
h1{
font-size: 1.8em;
color: #36a;
margin: 0;
padding: 0;
}
h2{
font-size: 1.2em;
color: #000;
margin: 0;
padding: 0;
}
h3,h4,h5,p,ul{
font-size: 0.9em;
line-height: 1.39em;
margin: 0;
padding: 0 0 1.39em 0;
}
h3{
letter-spacing: 0.2em;
text-transform: uppercase;
}
h4{
text-indent: 1.2em;
text-decoration: underline;
padding: 0;
}
h5{
border-left: 0.2em solid #f60;
text-indent: 1em;
padding: 0;
}
pre{
font-family: arial, helvetica, sans-serif;
font-size: 0.75em;
font-weight: bold;
line-height: 1.76em;
margin: 0;
padding: 0 0 1.39em 0;
}
ul{
list-style: none;
}
li{
}
a{
color: #06c;
font-weight: bold;
text-decoration: none;
}
a:hover, a:active{
}
img{
border: none;
}
acronym{
font-weight: bold;
}
/*div areas*/

#siteintro{
}
#sitetitle{
position: relative;
left: 33px;
top: 12px;
width: 162px;
height: 45px;
overflow: hidden;
}
#sitetitle span{
background: url(imagesscrapbook/sitetitle.gif) no-repeat;
position: absolute;
width: 100%;
height: 100%;
}
#pagehome, #pagesitemap, #pagefeedback, #pageaccesskeys, #pagewebdesign, #pageportfolio, #pagecv, #pagexhtmlandcss, #pageaccessibility, #pageresources, #pagesearchengines, #pageleisure{
position: absolute;
left: 203px;
top: 0px;
width: 186px;
height: 122px;
overflow: hidden;
}
#pagehome span, #pagesitemap span, #pagefeedback span, #pageaccesskeys span, #pagewebdesign span, #pageportfolio span, #pagecv span, #pagexhtmlandcss span, #pageaccessibility span, #pageresources span, #pagesearchengines span, #pageleisure span{
position: absolute;
width: 100%;
height: 100%;
}
#pagehome span{
background: url(imagesscrapbook/pagehome.gif) no-repeat;
}
#pagesitemap span{
background: url(imagesscrapbook/pagesitemap.gif) no-repeat;
}
#pagefeedback span{
background: url(imagesscrapbook/pagefeedback.gif) no-repeat;
}
#pageaccesskeys span{
background: url(imagesscrapbook/pageaccesskeys.gif) no-repeat;
}
#pagewebdesign span{
background: url(imagesscrapbook/pagewebdesign.gif) no-repeat;
}
#pageportfolio span{
background: url(imagesscrapbook/pageportfolio.gif) no-repeat;
}
#pagecv span{
background: url(imagesscrapbook/pagecv.gif) no-repeat;
}
#pagexhtmlandcss span{
background: url(imagesscrapbook/pagexhtmlandcss.gif) no-repeat;
}
#pageaccessibility span{
background: url(imagesscrapbook/pageaccessibility.gif) no-repeat;
}
#pageresources span{
background: url(imagesscrapbook/pageresources.gif) no-repeat;
}
#pagesearchengines span{
background: url(imagesscrapbook/pagesearchengines.gif) no-repeat;
}
#pageleisure span{
background: url(imagesscrapbook/pageleisure.gif) no-repeat;
}
#siteintrostyle p{
position: absolute;
left: 360px;
top: 0px;
width: 80px;
height: 28px;
margin: 0;
padding: 0;
overflow: hidden;
}
#siteintrostyle p span{
background: url(imagesscrapbook/style.gif) no-repeat;
position: absolute;
width: 100%;
height: 100%;
}
#siteintrostyle ul{
position: absolute;
left: 443px;
top: 3px;
margin: 0;
padding: 0;
}
#siteintrostyle li{
margin: 0;
padding: 0;
}
#styleplainblue{
width: 89px;
height: 28px;
overflow: hidden;
}
#styleplainblue a span{
background: url(imagesscrapbook/styleplainblue.gif) no-repeat;
position: absolute;
width: 100%;
height: 100%;
}
#stylescrapbook{
width: 88px;
height: 28px;
overflow: hidden;
}
#stylescrapbook a span{
background: url(imagesscrapbook/stylescrapbook.gif) no-repeat;
position: absolute;
width: 100%;
height: 100%;
}

#pagebodycontainer{
margin: 80px 0 0 0;
}

/*fix IE6 float bug*/
* html #pagebody, * html #sitenav{
/* Hides from IE5-mac \*/height: 10px;/**/
}
html>body #pagebody, html>body #sitenav{
height: auto;
}
#sitenavcontainer{
background: url(imagesscrapbook/navtop.gif) no-repeat top;
width: 225px;
float: left;
}
#sitenav{
background: url(imagesscrapbook/navbot.gif) no-repeat bottom;
width: auto;
margin: 30px 0 0 0;
padding: 0 0 37px 0;
}
#sitenav a span{
cursor: pointer;
}
#sitenav ul{
background-image: url(imagesscrapbook/navbg.gif);
list-style: none;
margin: 0;
padding: 0;
}
#sitenav li{
margin: 0 0 0 36px;
padding: 0;
}
#navhome{
position: relative;
left: 0px;
top: 0px;
width: 159px;
height: 22px;
overflow: hidden;
}
#navhome a span{
background: url(imagesscrapbook/navhome.gif) no-repeat;
position: absolute;
width: 100%;
height: 100%;
}
#navsitemap{
position: relative;
left: 0px;
top: 0px;
width: 159px;
height: 23px;
overflow: hidden;
}
#navsitemap a span{
background: url(imagesscrapbook/navsitemap.gif) no-repeat;
position: absolute;
width: 100%;
height: 100%;
}
#navfeedback{
position: relative;
left: 0px;
top: 0px;
width: 159px;
height: 23px;
overflow: hidden;
}
#navfeedback a span{
background: url(imagesscrapbook/navfeedback.gif) no-repeat;
position: absolute;
width: 100%;
height: 100%;
}
#navaccesskeys{
position: relative;
left: 0px;
top: 0px;
width: 159px;
height: 23px;
overflow: hidden;
}
#navaccesskeys a span{
background: url(imagesscrapbook/navaccesskeys.gif) no-repeat;
position: absolute;
width: 100%;
height: 100%;
}
#navwebdesign{
position: relative;
left: 0px;
top: 0px;
width: 159px;
height: 23px;
overflow: hidden;
}
#navwebdesign a span{
background: url(imagesscrapbook/navwebdesign.gif) no-repeat;
position: absolute;
width: 100%;
height: 100%;
}
#navportfolio{
position: relative;
left: 0px;
top: 0px;
width: 159px;
height: 23px;
overflow: hidden;
}
#navportfolio a span{
background: url(imagesscrapbook/navportfolio.gif) no-repeat;
position: absolute;
width: 100%;
height: 100%;
}
#navcv{
position: relative;
left: 0px;
top: 0px;
width: 159px;
height: 23px;
overflow: hidden;
}
#navcv a span{
background: url(imagesscrapbook/navcv.gif) no-repeat;
position: absolute;
width: 100%;
height: 100%;
}
#navxhtmlandcss{
position: relative;
left: 0px;
top: 0px;
width: 159px;
height: 23px;
overflow: hidden;
}
#navxhtmlandcss a span{
background: url(imagesscrapbook/navxhtmlandcss.gif) no-repeat;
position: absolute;
width: 100%;
height: 100%;
}
#navaccessibility{
position: relative;
left: 0px;
top: 0px;
width: 159px;
height: 23px;
overflow: hidden;
}
#navaccessibility a span{
background: url(imagesscrapbook/navaccessibility.gif) no-repeat;
position: absolute;
width: 100%;
height: 100%;
}
#navresources{
position: relative;
left: 0px;
top: 0px;
width: 159px;
height: 23px;
overflow: hidden;
}
#navresources a span{
background: url(imagesscrapbook/navresources.gif) no-repeat;
position: absolute;
width: 100%;
height: 100%;
}
#navsearchengines{
position: relative;
left: 0px;
top: 0px;
width: 159px;
height: 23px;
overflow: hidden;
}
#navsearchengines a span{
background: url(imagesscrapbook/navsearchengines.gif) no-repeat;
position: absolute;
width: 100%;
height: 100%;
}
#navleisure{
position: relative;
left: 0px;
top: 0px;
width: 159px;
height: 23px;
overflow: hidden;
}
#navleisure a span{
background: url(imagesscrapbook/navleisure.gif) no-repeat;
position: absolute;
width: 100%;
height: 100%;
}
#navhamsters{
position: relative;
left: 0px;
top: 0px;
width: 159px;
height: 23px;
overflow: hidden;
}
#navhamsters a span{
background: url(imagesscrapbook/navhamsters.gif) no-repeat;
position: absolute;
width: 100%;
height: 100%;
}
#navderyni{
position: relative;
left: 0px;
top: 0px;
width: 159px;
height: 23px;
overflow: hidden;
}
#navderyni a span{
background: url(imagesscrapbook/navderyni.gif) no-repeat;
position: absolute;
width: 100%;
height: 100%;
}
#skipnav{
position: absolute;
left: 0px;
top: -500px;
width: 1px;
height: 1px;
overflow: hidden;
}
#contentareacontainer{
width: 545px;
float: left;
margin: 45px 0 0 0;
}
#contentarea{
background: url(imagesscrapbook/contentareabg.gif);
}
#leisure img{
float: right;
margin: 0.2em 0 1em 0;
border: 2px solid #f60;
}
#footercontainer{
clear: both;
width: 770px;
background: transparent url(imagesscrapbook/fredsm.gif) no-repeat bottom right;
padding: 0 0 65px 0;
}
#footer{
text-align: center;
width: auto;
margin: 0 0 0 10px;
padding: 0;
border: 0.15em solid #666;
}
#footer p{
margin: 0;
padding: 0.4em 0 0 0;
}
#footer ul{
list-style: none;
padding: 0 0 0.2em 0;
margin: 0.4em 0;
}
#footer li{
display: inline;
margin: 0;
padding: 0;
background-color: transparent;
border-left: none;
border-right: none;
}
#footer a, #sitemap a{
border: none;
}
#sitemap em{
font-style: normal;
text-decoration: underline;
}
#sitemap li{
font-size: 1em;
line-height: 1.39em;
}
#sitemap li.sub1{
margin-left: 3em;
}
#sitemap li.sub2{
margin-left: 6em;
}
p.updated{
color: #633;
}
form{
font-size: 0.9em;
font-weight: bold;
color: #633;
padding: 0;
margin: 0;
width: 95%;
}
label{
float: left;
clear: both;
text-align: right;
padding: 0.3em 0;
width: 18%;
}
input, textarea{
float: right;
font: bold 1em arial, helvetica, sans-serif;
background-color: #fcf9f6;
border: 1px solid #633;
padding: 0.25em;
margin: 0 0 1em 0;
width: 75%;
}
input.send{
width: auto;
float: right;
clear: both;
width: 18%;
}
.clear,.clearline{
clear: both;
width: auto;
line-height: 1px;
font-size: 1px;
}
.clearline{
height: 1px;
}
html>body.clear{
height: 1px;
}