/* $Id: retina.css,v 1.12 2004/12/14 09:23:57 aksoy Exp $ */

/* Global definitions */
* {
    font-family: verdana, arial, helvetica, sans-serif;
    color: #000033;
}

/* Body */
body {
    margin: 0.4em 0.4em 0.4em 0.4em;
    padding: 0em;
    font-size: 90%;
    background-color: #ffffff;
}

/* Header section */
div#header {
    margin: 0em;
    padding: 0.4em 0.4em 0.4em 0.4em;
    background-color: #d3d3d3;
    text-align: center;
}
div#header div.title {
    margin: 0em;
    padding: 0.8em 0.4em 0.4em 0.4em;
    font-size: 200%;
    font-weight: bold;
    color: #003366;
}

/* Announcements section */
div#announcements {
    float: right;
    width: 25%;
    margin: 0.5em 0em 0.5em 0.5em; /* 0.4em x 100/80 = 0.5em */
    padding: 0.5em 0.5em 0.5em 0.5em;
    font-size: 80%;
    background-color: #c0d4ee;
    text-align: left;
    clear: right;
}
div#announcements h1 {
    margin: 0.6em 0em 0em 0em; /* 0.2em x 100/80/120 = 0.2em */
    padding: 0em;
    font-size: 120%;
}

/* Content section */
div#content {
    margin: 0.4em 0em 0.4em 0em;
    padding: 0.4em 0.4em 0.4em 0.4em;
    background-color: #f5f5f5;
    text-align: justify;
}

/* Navigation section */
div#navigation {
    margin: 0em;
    padding: 0.1em 0.1em 0.1em 0.1em;
    font-size: 110%;
    background-color: #003366;
    text-align: center;
}
div#navigation ul.navigation {
    margin: 0em;
    padding: 0em;
    list-style-type: none;
}
div#navigation ul.navigation li {
    display: inline;
}
div#navigation ul.navigation li a {
    margin: 0em;
    padding: 0.1em 0.6em 0.1em 0.6em;
    color: #ffffff;
    text-decoration: none;
}
div#navigation ul.navigation li a:hover {
    background-color: #6699cc;
    color: #003366;
}
.navHome #navHome,
.navMembers #navMembers,
.navResearch #navResearch,
.navTeaching #navTeaching,
.navSeminars #navSeminars,
.navPublications #navPublications,
.navLinks #navLinks,
.navInternal #navInternal {
    background-color: #336699;
}

/* Footer section */
div#footer {
    margin: 0em;
    padding: 0.4em 0.4em 0.4em 0.4em;
    background-color: #d3d3d3;
    text-align: center;
}

/* Headings */
h1 {
    margin: 1.05em 0em 0.6em 0em; /* 0.2em x 100/140 = 0.15em */
    padding: 0em;
    font-size: 140%;
}
h2 {
    margin: 0.9em 0em 0em 0em; /* 0.2em x 100/110 = 0.18em */
    padding: 0em;
    font-size: 110%;
}
h3 {
    margin: 0.4em 0em 0em 0em;
    padding: 0em;
    font-size: 100%;
}
h1, h2, h3, h4, h5, h6 {
    color: #003366;
}
div.subheading {
    font-style: italic;
    font-weight: bold;
    color: #483d8b;
}

/* Global links */
a {
    color: inherit;
    text-decoration: none;
}
a:link {
    color: #3333ff;
}
a:visited {
    color: #336699;
}
a:hover {
    color: #cc0033;
    text-decoration: underline;
}

/* Paragraph */
p {
    margin: 0.8em 0em 0.8em 0em;
    padding: 0em;
}

/* Emphasized text */
span.emph {
    font-weight: bold;
    color: #ff0000;
}

/* Spacer */
br.spacer {
    margin: 0.4em 0em 0.4em 0em;
    padding: 0em;
}

/* Horizontal rule */
hr.separator {
    margin: 1.2em 0em 0.8em 0em;
    padding: 0em;
    border: 1px solid;
    border-color: #336699;
}

/* Others */
.clearboth {
    clear: both;
}

/* Logo image */
div.logo {
    margin: 1em 0em 0em 0em;
    padding: 0em;
    text-align: center;
}
div.logo img {
    height: 5em;
    margin: 0em 0.5em 0em 0.5em;
    padding: 0em;
    border: 0px;
}