/*
 * CEG Website
 * Author: Katelynn O'Brien
 * Date: 7/16/10
 *
 */

html *
    {
    margin: 0;
    padding: 0;
    }

body
    {
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: .7em;
    color: #454545;
    text-align: center;
    background: url(../images/header_bg.gif) repeat-x 0 0;
    }


/* LAYERS
------------------------------ */

#page
    {
    width: 70em;
    margin: 0 auto;
    text-align: left;
    }

#header
    {
    width: 100%;
    height: 11em;
    }

#content
    {
    float: left;
    padding: 0 3em 8em 4.5em;
    line-height: 1.4em;
    }

.project, .pcontent, .pimage
    {
    float: left
    }

.pcontent
    {
    width: 61%;
    margin-right: 9%;
    }

.pimage
    {
    width: 30%;
    padding-top: 3em;
    }

.highlight .project
    {
    float: none;
    display: none;
    }

.highlight .pcontent, .highlight .pimage
    {
    float: none;
    width: 100%;
    margin: 0;
    }

.highlight .pcontent
    {
    float: right;
    }

.hcontent
    {
    float: left;
    width: 60%;
    margin-right: 7%;
    }

.hcontent p.first
    {
    margin-top: 3em;
    }

.highlight
    {
    float: left;
    width: 29%;
    margin-top: 1em;
    padding: 1em 1.5%;
    background-color: #efefef;
    border: 1px solid #dedede;
    }

#footer
    {
    clear: left;
    margin-top: 2em;
    padding-left: 5em;
    padding-bottom: 4em;
    color: #787878;
    border-top: 1px solid #dbdbdb;
    }

#fcontent
    {
    position: relative;
    width: 70em;
    margin: 0 auto;
    text-align: left;
    }

#logos
    {
    position: absolute;
    top: -3.1em;
    right: 6.8em;
    width: 220px;
    text-align: center;
    background-color: #fff;
    }

.layout_2col
    {
    clear: left;
    float: left;
    width: 100%;
    }

.layout_2col div
    {
    float: left;
    }

.layout_2col div p
    {
    float: left;
    clear: left;
    margin: 1em 0;
    }

div.left_50 /* the team page */
    {
    width: 47%;
    margin-right: 6%;
    }

div.right_50
    {
    width: 47%;
    }


/* TEXT
------------------------------ */

p
    {
    margin: 1em 0;
    }

p.link
    {
    margin: .3em 0 1em 0;
    }

h1
    {
    margin: 1em 0 0 0;
    font-size: 1.9em;
    color: #333;
    font-weight: normal;
    }

h2
    {
    margin: 2em 0 0 0;
    font-size: 1.5em;
    font-weight: normal;
    line-height: 1.2em;
    color: #c00;
    }

.highlight h2
    {
    margin-top: 0;
    margin-bottom: 1em;
    }

.highlight h3
    {
    margin: 1em 0;
    font-size: 1em;
    }


/* IMAGES
------------------------------ */

#header img
    {
    float: left;
    display: block;
    padding: 1.3em 0 0 2em;
    border: 0;
    }

.pimage img
    {
    border: 1px solid #333;
    }

.layout_2col img, .highlight img
    {
    float: left;
    margin: .3em 1em 0 0;
    border: 1px solid #333;
    }

.highlight img
    {
    float: none;
    }


/* LISTS
------------------------------ */

#header ul
    {
    float: left;
    list-style: none;
    padding: 5.9em 0 0 7em;
    }

#header li
    {
    display: inline;
    padding-left: 1.3em;
    padding-right: 1em;
    padding-bottom: 1em;
    background-repeat: no-repeat;
    background-position: 0 .35em;
    }

li.home
    {
    background-image: url(../images/greysq.gif);
    }

li.home.active
    {
    background-image: url(../images/greyarrow.gif);
    }

li.projects
    {
    background-image: url(../images/bluesq.gif);
    }

li.projects.active
    {
    background-image: url(../images/bluearrow.gif);
    }

li.publications
    {
    background-image: url(../images/greensq.gif);
    }

li.publications.active
    {
    background-image: url(../images/greenarrow.gif);
    }

li.people
    {
    background-image: url(../images/redsq.gif);
    }

li.people.active
    {
    background-image: url(../images/redarrow.gif);
    }

#content ul
    {
    margin: 1em 0 1em 2.5em;
    }

#content li
    {
    padding-bottom: .5em;
    }

/* LINKS
------------------------------ */

a, a:visited
    {
    color: #333;
    }

#header a
    {
    text-decoration: none;
    }