/* GENERAL ______________________________ */
html, html body{
height:100%;
}
body{
background:white url("../images/bgFront.gif") 0 0 repeat-y;
}
body.articlesBody{
background:white url("../images/bg.gif") 0 0 repeat-y;
}
/* LAYOUT DIVs ______________________________ */
#logo{
position:absolute;
width:545px;
height:125px;
left:211px;
top:30px;
background:url("../images/header.gif") 0 0 no-repeat;
text-indent:-999px;
}
#content{
padding-top:195px;
margin-left:260px;
width:450px;
}
.articlesBody .artContainer{
margin-bottom:1.5em;
padding-bottom:1.5em;
overflow:hidden;
zoom:1;
word-wrap:break-word;
background:url("../images/divider.gif") 50% 100% no-repeat;
}
.articlesBody .sticky{
padding-bottom:1em;
margin-bottom:2em;
border-bottom:1px solid rgb(215,230,195);
background:none;
}
#sidebar{
position:absolute;
top:195px;
left:803px;
width:214px;
}
#footer{
margin-left:260px;
padding:3em 0;
width:450px;
font-size:.91666em;/*11px*/
line-height:1.6363em;
background:url("../images/footer.gif") 100% 0 no-repeat;
}
#borderTop, #borderBot{
position:fixed;
top:0;
left:0;
height:16px;
width:100%;
background:url("../images/borderTop.png") 0 0 repeat-x;
}
#borderBot{
top:auto;
bottom:0;
background:url("../images/borderBot.png") 0 0 repeat-x;
}
/*NAVIGATION STYLES  ______________________________ */
#primNav {
position:absolute;
top:272px;
left:0;
width:222px;
font-family:"Trebuchet MS", Verdana, Helvetica, sans-serif;
font-size:1.333em;
text-align:right;
}
#primNav li{
background:none;
line-height:2.25em;
}
#primNav li a{
display:block;
border:0;
}
#primNav #home a{
margin-right:5px;
padding-right:54px;
}
#primNav #about a{
margin-right:2px;
padding-right:52px;
}
#primNav #samples a{
padding-right:52px;
}
#primNav #contact a{
padding-right:52px;
}
#primNav a:visited{
background-position: 0 0;
}
#primNav a:hover,
#primNav a:focus,
.defaultBody #home a,
.homeBody #home a,
.aboutBody #about a,
.contactBody #contact a,
.articlesBody #samples a{
background:url("../images/leaf.gif") 100% 0 no-repeat;
font-weight:bold;
}