@import url(base.css);

/* Typography changes */

body {
    font-size: 140%;
    }
#navigation {
    font-size: 100%;
    }
.style-selector  { text-align: right;}


html {
    background: #fff;
    color: #000; /* mid grey */
    }

/* Headers
 ******************************************************************************/
    #header h1, #header h1 a {
        color: #4D5C8C; /* dark blue */
    }
    #header .contact, #footer .contact {
        color: #000; /* mid grey */
        }
    #header .contact a, #footer .contact a {
        color: #4D5C8C; /* Dark blue */
        }

#content h1 {
    border-bottom: 1px solid #bbb;
    color: #000;
    }

#content h2 {
    color: #000; 
    border-bottom: 1px solid #ddd;
    }

/* Standard elements
 ******************************************************************************/

/* Links
 * Text with lots of links is hard to read because of the distracting lines and colours.
 * I have made the colour difference extremely subtle, and only display the underlines
 * when the mouse is over the content area: this means the user is in control.
 */

a, a:visited {
    color: #4D5C8C; /* Dark blue */
    text-decoration: underline;
    }
    * html a {
        text-decoration: underline;
        }
    #header h1 a {
        text-decoration: none;
        }


/* Navigation
 ******************************************************************************/

#navigation {
    color: #000; /* Dark grey */
    }
    #navigation ul li a {
        text-decoration: underline;
        }

/* Global custom elements
 ******************************************************************************/

.subtle {
    color: #999; /* Dark grey */
    }
.subtle a {
    color: #999;
    }

/* Specific elements
 ******************************************************************************/

#passphrase-entry {
    background-color: #eee;
    color: #000;
    border: 1px solid #ddd;
}

#resume #personal-details dt {
    color: #000;
    font-weight: bold;
    }

/* language title is more important than the personal-details titles */
#resume #languages dt {
    color: #000; 
    font-weight: bold;
    }