/* ---------------------------------------- */
/* layout stylization */
/* ---------------------------------------- */

#header-body p {
    color: #444;
    font-style: italic;
}

#header-body a {
    color: #222;
}

#header-body a:hover {
    color: #707070;
}

#header-body h2 {
    color: #999;
}

#nav-body ul {
    color: #555;
}

#nav-body a {
    color: #707070;
}

#nav-body li {
    border-color: #999;
}

#nav-body a:hover {
    color: #000;
}

#nav-body li.category {
    color: #a0a0a0;
}



/* ---------------------------------------- */
/* content */
/* ---------------------------------------- */

#content-body h1 {
    font-size: 28px;
}

#content-body h1.loud {
    color: #000;
    background: #eee;
    border: 1px solid #000;
    margin: 1em 2em 1.5em 2em;
    text-align: center;
    padding: 10px;
    font-size: 28px;
}

#content-body p {
    padding-left: 15px;
    padding-right: 15px;
}

#content-body p.center {
    text-align: center;
}

#content-body ul {
    padding-left: 40px;
    padding-right: 40px;
}

#content-body li {
    padding-bottom: 2px;
}

#content-body a {
    color: #66a;
}

#content-body hr.tall {
    margin-bottom: 3em;
}

/* Special setting I used to get my email (as an image) to look nice */
#content-body p.email {
    margin: 0 0 0 10px;
    padding: 0 0 0 10px;
}



/* -------------------------------------------------- */
/* Project Summary */
/* -------------------------------------------------- */

/* Summary */
#content-body div.summary {
    margin-bottom: 4em;
}

/* Title */
#content-body div.summary h2 {
    margin: 0;
    font-size: 20px;
}

/* Year */
#content-body div.summary h2 em {
    color: #aaa;
    margin: 10px;
}

/* Abstracts */
#content-body div.summary p {
    margin: 0 0 1em 0;
}

/* Acknowledgements */
#content-body div.summary em {
    color: #707070;
}

/* Extra resources such as pdfs */
#content-body div.summary ul {
    font-size: 11px;
    line-height: 14px;
    margin: 0 0 1em 60px;
    padding: 0;
    color: #404040;
}

#content-body div.summary li {
    margin: 0.5em;
    padding: 0;
}


/* ---------------------------------------- */
/* Images (floating div's) */
/* ---------------------------------------- */


/* basic margins around the outer container */
#content-body div.right, #content-body div.left, #content-body div.center, #content-body div.center-caption {
    margin: 1.5em;
    line-height: 0;
}

/* outer border wrapping images and images+captions */
#content-body div.right, #content-body div.left, #content-body div.center-caption, #content-body div.center img {
    border: solid 2px #111;
}

#content-body div.right, #content-body div.left, #content-body div.center-caption {
    clear: both;
}

#content-body div.right {
    float: right;
    margin-right: 1em;
}

#content-body div.left {
    float: left;
    margin-left: 1em;
}

#content-body div.center, #content-body div.center-caption {
    text-align: center;
    margin-left: 0;
    margin-right: 0;
}

#content-body div.center-caption {
    margin-left: auto;
    margin-right: auto;
}

/* captions */
#content-body div.right p, #content-body div.left p, #content-body div.center-caption p {
    border-top: 1px solid #111;
    line-height: 18px;
    font-size: 0.8em;
    margin-bottom: 1em;
    padding-top: 0.5em
}

/* try to float it up, next to another div */
#content-body div.up {
    clear: none;
}

/* try to float it up, next to another div -- but not past a div on the right */
#content-body div.up-right {
    clear: right;
}

/* try to float it up, next to another div -- but not past a div on the left */
#content-body div.up-left {
    clear: left;
}

/* add vertical space between div's */
#content-body div.space {
    border: 0;
    height: 6em;
    width: 0;
    margin: 0;
    padding: 0;
}

#content-body img.email {
    margin: 0 0 0 20px;
    padding: 0 0 0 10px;
    border: 0;
}