html{
    padding:0px;
    background-color: #7c7765;
}

img{
    border:0;
}

#container{
    margin:-8px;
    background-color: #CCCBC1;    
}

#banner{
    position: absolute;
    padding: 14px 20px;
    height: 30px;
    width:100px;
    margin:0px;
}

#banner a{
    -moz-outline-style: none;
}

#content{
    position: relative;
    margin-left: 220px;
    padding-top:20px;
    height:35px;
    font: 14px Georgia, serif;
    background-color: #CCCBC1;    
}

#cv-closebox{
    margin:4px 3px;
    position:absolute;
    height:13px;
    width:13px;
    background: transparent url(/static/img/cv-close-button.png) top left no-repeat;
    text-indent:-9999px;
    -moz-outline-style: none;
}

.cv-letters{
    color:#CCCAC0; 
    padding-right:10px; 
    letter-spacing:0.15em;
}

#cv #cv-name{
    margin: -10px -35px 0px -58px;
    font: 17px Gill Sans, "Trebuchet MS", sans-serif;
    background: #7c7765 url(/static/img/cv-ul-corner.png) top left no-repeat;
    color: #fff;
}
#cv #cv-name .corner{
    padding:18px 0px 12px 18px;
    background: url(/static/img/cv-ur-corner.png) top right no-repeat;
}

#cv{
    margin: 40px 40px 0px 0px;
    padding: 10px 35px 18px 58px;
    background-color: #fff;
    height: auto; /* 735px; */
    width:520px;
    display:none;
    font: 13px Georgia, serif;
}

#cv h1{
	padding-top:14px;
	font-family: gill sans, trebuchet ms, sans-serif;
	font-weight: normal;
	font-size: 11px;
	letter-spacing: .24em;
	color: #700;
}

#cv h2{
	font-family: georgia, serif;
	font-weight:bold;
	font-size:11px;
	color: #000;
	margin-bottom:0px;
}

#cv p{
	margin:3px 0 0 0 ;
	font-family: georgia, serif;
	font-weight:normal;
	font-size:12px;
	color: #000;
	line-height:12px;
}

#cv p a{
	font-family: gill sans, trebuchet ms, sans-serif;
        color: #555;
}

#cv p a:active{
    color: #c28900;
}
#work{
    margin: 39px 0px 0px 0px;
    height:460px;
    display: none;    
    overflow: hidden;
}


#work-nav{
    position:absolute;
    display: none;
    list-style-type: none;
    top:45px;
    left:-20px;
    width:178px;
    height:107px;
    /*background: transparent url(/static/img/nav/work-menu-new.png) 154px 4px no-repeat;*/
    /*background: transparent url(/static/img/nav/work-menu-digital.png) 154px 4px no-repeat;*/
    background: transparent url(/static/img/nav/work-menu-diagram.png) 154px 4px no-repeat;
}


#work-nav .work-medium{
    position: absolute;
    text-indent: -9999px;
    text-decoration: none;
    -moz-outline-style: none;
    /*border: 1px solid #999;*/
}

#work-nav .deselected{
    display:none;
}


#work-print{
    position:relative;
    height:16px;width:178px;
    padding:3px 0px 3px 0px;
}

#work-print.selected{
    background: #e1e1db url(/static/img/nav/work-menu-diagram.png) 113px 3px no-repeat;
    border: 1px solid #fff;
}
#work-print a{
    right: 1px; top: 2px; width:41px; height:15px;
    -moz-outline-style: none;
}


#work-info{
    position:relative;
    height:16px;width:178px;    
    padding:3px 0px 3px 0px;
}
#work-info.selected{
    background: #e1e1db url(/static/img/nav/work-menu-diagram.png) 113px -19px no-repeat;
    border: 1px solid #fff;
}
#work-info a{
    right: 1px; top: 5px; width:64px; height:15px;    
    -moz-outline-style: none;
}


#work-photo{
    position:relative;
    height:16px;width:178px;    
    margin-top:2px;
    padding:3px 0px 3px 0px;        
}
#work-photo.selected{
    background: #e1e1db url(/static/img/nav/work-menu-diagram.png) 113px -43px no-repeat;
    border: 1px solid #fff;
}
#work-photo a{
    right: 1px; top: 5px; width:50px; height:13px;
    -moz-outline-style: none;
}


#work-textile{
    position:relative;
    height:16px;width:178px;    
    margin-top:2px;
    padding:3px 0px 3px 0px;    
}
#work-textile.selected{
    background: #e1e1db url(/static/img/nav/work-menu-diagram.png) 113px -67px no-repeat;
    border: 1px solid #fff;
}
#work-textile a{
    right: 1px; top: 4px; width:51px; height:12px;    
    -moz-outline-style: none;
}


#work-digital{
    position:relative;
    height:16px;width:178px;    
    padding:3px 0px 3px 0px;
}
#work-digital.selected{
    background: #e1e1db url(/static/img/nav/work-menu-diagram.png) 113px -89px no-repeat;
    border: 1px solid #fff;
}
#work-digital a{
    right: 1px; top: 3px; width:54px; height:14px;    
    -moz-outline-style: none;
}



#work-nav span{
    font: 12px Georgia, serif;
    margin-left:14px;
}


#work-detail{
    display:none;
    position:absolute;
    top:220px;left:20px;
    width:164px;
    height:200px;
    text-align:right;
    font: 12px "Gill Sans", "Trebuchet MS", sans-serif;
    line-height:14px;
    color:#625C46;
}

#detail-title{
    font-size:16px;
    margin-bottom:5px;
}

#detail-title a{
    color:#625C46;
    font: 16px "Gill Sans", "Trebuchet MS", sans-serif;
    text-decoration: none;
}

/*#detail-title a:hover{
    text-decoration: underline;
}
*/
#detail-remarks p{
    margin-bottom:0px;
}
#detail-remarks a{
    color:#c28900;
    text-decoration:none;
}
#detail-remarks a:hover{
    text-decoration:underline;
}

.counter-message{
    float:left;
    text-align: center;
    margin-left:2px;
    width:50px;
    padding-bottom:2px;
}
.counter-message:hover{
    background-color:#fff;
    cursor: pointer;
}

.counter-popup{
    position: absolute;
    padding-top:4px;
    padding-bottom:4px;
    margin-left:-5px;
    background-color:#fff;  
    z-index:10;
    list-style-position: inside;
    text-indent:0px;
    display:none;
}

.counter-popup li{
    text-decoration: none;
    margin:4px 10px 2px -30px;
    height:14px;
    color:#777;
    font: 10px "Gill Sans", "Trebuchet MS", sans-serif;
}

.counter-popup li a{
    color:#000;
    text-decoration: none;
    font: 10px "Gill Sans", "Trebuchet MS", sans-serif;
}

.counter-popup li a:hover{
    text-decoration: underline;
}
.counter-popup li a:active{
    color: #c28900;
    text-decoration: none;
}

.counter-prev{
    position:relative;
    margin-left:-6px;
    margin-top:2px;
    width:7px;
    height:11px;
    background: transparent url(/static/img/nav/work-arrows.png) top left no-repeat;
    float: left;
}
.counter-prev:hover{
    background: transparent url(/static/img/nav/work-arrows.png) 0px -12px no-repeat;
    cursor:pointer;
}
.counter-next{
    position:relative;
    margin-left:3px;
    margin-top:2px;
    width:7px;
    height:11px;
    background: transparent url(/static/img/nav/work-arrows.png) -8px 0px no-repeat;
    float: left;
}
.counter-next:hover{
    background: transparent url(/static/img/nav/work-arrows.png) -8px -12px no-repeat;
    cursor:pointer;
}





#footer{
    padding:0px 0 0 0;
    margin-top:20px;
    position: relative;
    background-color: #7c7765;
    height:100px;
    width:860px;
    color: #fff;
    font: 9px verdana;
}

#footer ul{
    list-style-type: none;
    float:left;
}


/*  hmm, what's up with setting a height here? does that screw up spacing?*/
#footer ul li{
    height:17px;
    margin-left:4px;
    text-indent:-9000px;    
}





#footer a{
    position: absolute;
    text-indent: -9999px;
    text-decoration: none;
/*    border: 1px solid #fff;*/
}


#footer-about{
    position: relative;
    background: url(/static/img/nav/footer-about-0.gif) top left no-repeat;
    width: 114px;
    height: 33px;
    margin-left:210px;
}
#footer-work a{
    top: 0; left: 52px;
    width:56px; height:20px;
    -moz-outline-style: none;
}
#footer-work .deselected:hover{
    background: transparent url(/static/img/nav/footer-about-h.gif) -52px 0 no-repeat;
}
#footer-work .selected{
    background: transparent url(/static/img/nav/footer-about-1.gif) -52px 0 no-repeat;
    cursor:default;
}
#footer-me a{
    top: 21px; left: 52px;
    width:54px; height:16px;
    -moz-outline-style: none;
}
#footer-me .deselected:hover{
    background: transparent url(/static/img/nav/footer-about-h.gif) -52px -21px no-repeat;
}
#footer-me .selected{
    background: transparent url(/static/img/nav/footer-about-1.gif) -52px -21px no-repeat;
    cursor:default;
}



#footer-sites{
    position: relative;
    background: url(/static/img/nav/footer-sites-0.gif) top left no-repeat;
    width: 187px;
    height: 88px;
    margin-left:20px;
}
#footer-sites a{-moz-outline-style: none;}

#footer-leafnode a{ left: 42px; top: 0px; width:60px; height:16px;}
#footer-leafnode a:hover{ background: transparent url(/static/img/nav/footer-sites-h.gif) -42px 0 no-repeat;}

#footer-stamp a{ left: 42px; top: 17px; width:118px; height:16px;}
#footer-stamp a:hover{ background: transparent url(/static/img/nav/footer-sites-h.gif) -42px -17px no-repeat;}
/*#footer-stamp a:active{ background: transparent url(/static/img/nav/footer-sites-1.gif) -42px 0 no-repeat;}*/

#footer-type a{ left: 42px; top: 35px; width:130px; height:18px;}
#footer-type a:hover{ background: transparent url(/static/img/nav/footer-sites-h.gif) -42px -34px no-repeat;}
/*#footer-type a:active{ background: transparent url(/static/img/nav/footer-sites-1.gif) -42px -21px no-repeat;}*/

#footer-bookshelf a{ left: 42px; top: 53px; width:62px; height:17px;}
#footer-bookshelf a:hover{ background: transparent url(/static/img/nav/footer-sites-h.gif) -42px -53px no-repeat;}
/*#footer-bookshelf a:active{ background: transparent url(/static/img/nav/footer-sites-1.gif) -42px -38px no-repeat;}*/

#footer-code a{ left: 42px; top: 71px; width:31px; height:14px;}
#footer-code a:hover{ background: transparent url(/static/img/nav/footer-sites-h.gif) -42px -71px no-repeat;}
/*#footer-code a:active{ background: transparent url(/static/img/nav/footer-sites-1.gif) -42px -53px no-repeat;}*/


#footer-etc{
    position: relative;
    background: url(/static/img/nav/footer-etc-0.gif) top left no-repeat;
    width: 168px;
    height: 69px;
    margin-left:20px;
}
#footer-etc a{-moz-outline-style: none;}


#footer-flickr a{ left: 37px; top: 3px; width:75px; height:17px;}
#footer-flickr a:hover{ background: transparent url(/static/img/nav/footer-etc-h.gif) -37px -3px no-repeat;}
/*#footer-flickr a:active{ background: transparent url(/static/img/nav/footer-etc-1.gif) -37px -3px no-repeat;}*/

#footer-ffff a{ left: 37px; top: 18px; width:100px; height:18px;}
#footer-ffff a:hover{ background: transparent url(/static/img/nav/footer-etc-h.gif) -37px -18px no-repeat;}
/*#footer-upcoming a:active{ background: transparent url(/static/img/nav/footer-etc-1.gif) -37px -37px no-repeat;}*/

#footer-delicious a{ left: 37px; top: 35px; width:129px; height:15px;}
#footer-delicious a:hover{ background: transparent url(/static/img/nav/footer-etc-h.gif) -37px -35px no-repeat;}
/*#footer-delicious a:active{ background: transparent url(/static/img/nav/footer-etc-1.gif) -37px -20px no-repeat;}*/


#footer-blog a{ left: 37px; top: 52px; width:36px; height:18px;}
#footer-blog a:hover{ background: transparent url(/static/img/nav/footer-etc-h.gif) -37px -51px no-repeat;}
/*#footer-kern a:active{ background: transparent url(/static/img/nav/footer-etc-1.gif) -37px -52px no-repeat;}*/


.screen-reader{
    display:none;
}