/* Override main.css */

/* decrease vertical font spacing */
#main p, #main ul {
    line-height: 1.4em;
    margin-bottom: 1em;
}


/* links */
a {
    color: #363636;
    font-weight: 400;
    text-decoration: none;
}
a:hover {
    color: #777777;
    text-decoration: underline;
}

/* fix lists */
#main ul {
    list-style: circle inside;
}
#main li {
    padding-left: 0;
    margin-left: 1em;
}
#main li > ul {
    padding-left: 1.4em;
    margin-bottom: 0;
}

/* images inside main area */
#main img {
    /* center image */
    display: block;
    margin: 0 auto;
    /* scale width with viewport when small */
    max-width: 100%;
    height: auto;
}

/* better spacing for inline icons */
#main .icon {
    margin: 0 0 0 0.15em;
}

/* lower transparency of footer */
#footer {
    color: rgba(255, 255, 255, 0.55);
}
#footer a {
    color: rgba(255, 255, 255, 0.75);
}

/* format headers */
h2, h3 {
    margin: 0 0 0.5em 0;
}
.inner-content header {
    margin: 0 0 0 0;
}
.inner-content h3 {
    padding-top: 1em;
}


/* publications */
#publications h3 {
    margin: 1em 0 0.5em 0.5em;
}
#publications p {
    margin: 0 0 1em 1em;
}

/* back button */
.backbutton {
    text-align: center;
    display: block;
    font-size: 0.9em;
}
.backbutton > span {
    font-size: 1.2em;
}


#me .pic .arrow {
    right: 0;
    top: 50%;
    margin-top: -1.1em;
    width: 2.2em;
    height: 2.2em;
    background: #000;
    background: rgba(0, 0, 0, 0.75);
    color: #ffffff;
    text-align: center;
    line-height: 2.1em;
    font-size: 1.1em;
}