/*COLORS ______________________________ 
brown:rgb(60,52,47);
green:rgb(137,170,7);
red: rgb(184,47,38);
yellow:rgb(242,222,67);
cream:rgb(255,240,208);
*/
/* GENERAL ______________________________ */
*{
border:0;
padding:0;
margin:0;
}
html, html body{
height:100%;
}
body{
background:rgb(60,52,47) url("../images/bodyBG.gif") 0 0 repeat-x;
background-attachment:fixed;
}
/* LAYOUT DIVs ______________________________ */
#logo{
position:absolute;
width:206px;
height:194px;
top:0;
left:5px;
background:url("../images/logo2.gif") 0 0 no-repeat;
text-indent:-9999px;
}
#slogan{
height:85px;
text-indent:-9999px;
}
#wrapper{
margin-left:222px;
/*margin-top:85px;  For IE? */
padding-top:80px;
width:648px;
background:url("../images/contentTop.gif") 0 0 no-repeat;
}
#content{
padding-left:30px;
padding-bottom:92px;
background:rgb(252,247,208) url("../images/contentBot.gif") left bottom no-repeat;
border-top:1px solid rgb(255,240,208);
height:300px; /* for IE6 - expands for content anyway */
}
html>body #content{
height:auto;
min-height:350px;
}
.first{
margin-top:-40px;
}
.artContainer{
margin-right:210px;
}
.defaultBody .artContainer{
text-align:justify;
}
.clipsBody .stickyArt{
margin-bottom:0;
}
#sidebar{
position:absolute;
left:665px;
top:218px;
}
#footer{
margin-left:222px;
width:648px;
color:rgb(255,240,208);
font-size:.9166em; /*11px*/
margin-top:.8181em; /*9px*/
padding-bottom:.8181em;
text-align:center;
}
/* IMAGES ______________________________ */
.imgR{
float:right;
}
.imgL{
float:left;
}
/*NAVIGATION STYLES  ______________________________ */
#primNav {
position:absolute;
width:200px;
top:225px;
left:22px;
}
#primNav li a{
display:block;
height:61px;
text-indent:-9999px;
margin-top:-10px;
}
li#home a{
background:url("../images/home.png") right top no-repeat;
}
li#about a{
background:url("../images/about.png") right top no-repeat;
}
li#resume a{
background:url("../images/resume.png") right top no-repeat;
}
li#clips a{
background:url("../images/clips.png") right top no-repeat;
}
li#photos a{
background:url("../images/photos.png") right top no-repeat;
}
li#contact a{
background:url("../images/contact.png") right top no-repeat;
}
#primNav li a:hover,
#primNav li a:focus,
.defaultBody li#home a,
.aboutBody li#about a,
.resumeBody li#resume a,
.clipsBody li#clips a,
.contactBody li#contact a{
border:0;
background-position:100% -80px;
}