body,
html {
    margin:     0;
    padding:    0;
    color:      #000;
    background: #dcdcdc;
}

a:link {
    color:           #336666; 
    text-decoration: underline; 
}

a:active {
    color:           #ee3333; 
    text-decoration: underline; 
}

a:visited {
    color:           #336666; 
    text-decoration: underline; 
}

#wrap {
    width:               85%;
    margin:              2.5% auto;
    background-color:    white;
    padding:             0 0 2.5% 2.5%;
    font-family:         helvetica;
    line-height:         140%;
    text-align:          justify;
    border-style:        dashed;
    border-width:        1pt;
}

#punk {
    position:            absolute;
    width:               85%; 
    height:              100%;
    opacity:             0;
    moz-opacity:         0;
    filter:              alpha(opacity=0);
    background-image:    url('punk.jpg');
    background-position: right top;
    background-repeat:   no-repeat;
}

#wrap-content{
    position: relative;
    z-index:  10;
}

#header {
    padding:    2% 0;
    text-align: left;
}

h1 {
    margin: 0;
    color: #ee3333;
}

h2 {
    color: #ee3333;
}

h2 a {
    font-size:      75%;
    font-weight:    normal;
    vertical-align: top;
}

#nav {
    padding:    0.5% 1%;
}

#nav ul {
    margin:     0;
    padding:    0;
    list-style: none;
}
    
#nav li {
    display: inline;
    margin:  0;
    padding: 0;
}

#sub-nav {
    padding:    0.5% 1%;
}

#sub-nav ul {
    margin:     0;
    padding:    0;
    list-style: none;
}
    
#sub-nav li {
    display: inline;
    margin:  0;
    padding: 0;
}

#about {
    padding: 2% 2% 5% 0;
}

#photo {
    float:      left;
    width:      auto;
    padding:    0 1% 0 0;
}

#contact {
    padding: 0;
}

#contact ul {
    margin:     0;
    padding:    0;
    list-style: none;
}
    
#contact li {
    margin:  0;
    padding: 0;
}


#contact ul {

}

#interests {
    clear: both;    
    padding: 0% 5% 0 0;
}

#biography {
    clear: both;    
    padding: 0% 5% 0 0;
}

#leaving {
    clear: both;    
    padding: 0% 5% 0 0;
}


#publications {
    clear:      both;    
    padding:    0% 5% 0 0;
    text-align: left;
}

#publication {
    margin:  1%;
    padding: 0 0 2% 0;
}

#pubtitle {
    font-weight: bold;
    color:       #336666;
}

#pubauthors {

}

#pubvenue {

}

#pubnote {

}

#publinks {

}

#nonsense {
    clear:      both;    
    padding:    0% 5% 0 0;
    text-align: left;
}

#link {
    margin:  1%;
    padding: 0 0 2% 0;
}

#footer {
    margin:       auto;
    width:        650pt;
    clear:        both;
    padding:      0.5% 1%;
    font-size:    10pt;
}

#footer1 p {
    margin:     0;
    text-align: left;
}

#footer2 p {
    margin:     0;
    text-align: right;
}


* html #footer {
    height:1px;
}