/* basic fonts */
body {
    margin: 0;
    padding: 0;
    background-color: #fff;
    color: #161218;
    font-family: sans-serif;
    font-size: 100%;
    max-width: 70em;
}
#content {
    margin: 1ex 2ex;
}

.tt {
    font-family: monospace;
}

/* unvisited link */
a:link {
    color: #000d78;
    text-decoration: underline;
}

/* visited link */
a:visited {
    color: #010541;
    text-decoration: underline;
}

/* mouse over link */
a:hover {
    text-decoration: none;
}

/* cv styles */
body.cv .date{
    font-size: 80%;
}

/* code styles */
pre.codeblock {
    background-color: #111;
    color: #61c7ca;
    border: 2px solid #61c7ca;
    border-left: 0;
    border-right: 0;
    font-size: 80%;
    padding: 0.5ex;
    white-space: pre-wrap;       /* Since CSS 2.1 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
}


/* nav */
#topnav {
    background: url('/images_bg/hopf2_mast.png') no-repeat;
    background-position-x: left;
    background-position-y: -34px;
}
#topnav ul {
    list-style: none;
    padding: 0;
    margin: 0 0 1ex 0;
    font-size:80%;
    text-align: right;
}
#topnav li {
    font-weight: bold;
    display: inline;
    padding: 0 2ex;
    background: #fff;
    opacity: .7;
}
#navhome {
}
#navcv {
}
#navcontact {
}
#related {
    padding: 0 2ex;
}
#related ul{
    /* font-family: monospace; */
}
h1 {
    clear:both;
}

#info-left ul,
#info-right ul,
#subfooter ul {
    margin-bottom: 0;
    padding-bottom: 1ex;
}

/* images */
.callout,
.caption {
    padding: 1em 0;
    margin: 0 .5em;
}
.caption p {
    margin-top: 0;
    font-style: italic;
    font-size: small;
}
img {
    width: 500px;
    max-width: 100%;
}
.img-thumbnail {
    max-width: 300px;
}
img.invert {
    filter: invert(.8);
}

.float-sm-left {
    float: left
}
.float-sm-right {
    float: right
}
.float-sm-left,
.float-sm-right {
    max-width: 100px;
    margin: 0 0.5ex 1ex 0;
}

/* mathjax */
#content .MathJax_Display {
    margin: 0;
    padding: 1em 0;
}


/* tags */
#tagline {
    background-color: #d8ffe8;
    padding: 1ex;
}
a.tag {
    font-style: italic;
}
#taglist a.tag {
    font-size: 130%;
}

#footer, #subfooter, #page-licensing {
    font-size: 80%;
    background-color: #d8ffe8;
    padding: 0 2ex;
    border-top: .4ex solid #6a6350;
}
#page-licensing {
    background: url('/images_bg/hopf2_foot.png') no-repeat;
    padding: 0 0 10em 0;
    background-position-y: -113px;
    background-position-x: 0px;
}
#page-licensing p {
    background: #fff;
    opacity: .8;
    padding: .5ex 2ex;
    margin-top: 0;
}


/* anchor h2 links */
a.headerlink {
    display: none;
}
h2:hover a.headerlink {
    display: inline;
}


/* cc license icons */
img.ccicon {
    height: 22px !important;
    margin-left: 3px;
    vertical-align: text-bottom;
    width: 22px !important;
}