* { font-size: 101%; margin: 0; padding: 0; }
html { /* firefox scrollbar always on */ height: 101%; }
body { background: #e5e5e5; font-family: Arial, Helvetica, sans-serif; }

h1 {
    color: #393939;
    font-size: 2em;
    font-weight: normal;
    letter-spacing: -2px;
    padding: 15px 15px 10px;
    font-variant: small-caps;
}
h1 a, h1 a:visited { color: #393939; text-decoration: none; }
h1 a:hover, h1 a:active, h1 a:focus { text-decoration: underline; }

h2 {
    color: #3d49be;
    font-size: 1.2em;
    margin: 0 0 5px 15px;
    text-transform: lowercase;
}

p, li { font-size: 0.7em; }
ul { margin: 2px 10px 2px 20px; }
li li { font-size: 100%; }
a, a:visited { color: #1376c9; text-decoration: none; }
a:active, a:focus, a:hover { text-decoration: underline; }

#wrapper {
    background: #ffffff;
    margin: 10px auto 0;
    width: 600px;
}

#header {
    background: #cce5eb;
    height: 75px;
}

#menu ul {
    background: #cce5eb;
    float: left;
    font-size: 0.8em;
    list-style: none;
    margin: 0 0 10px 0;
    padding: 0 0 10px 0;
    width: 100%;
}
#menu li {
    float: left;
    font-size: 100%;
    margin: 0;
    padding: 0;
    text-transform: lowercase;
    width: auto;
}
#menu li.current a {
    border-bottom: 3px solid #393939;
    color: #393939;
    font-weight: bold;
}

#menu li a {
    border-bottom: 3px solid #747474;
    color: #747474;
    display: block;
    margin: 2px 8px 0 17px;
    text-decoration: none;
}

#menu li a:hover, #menu li a:active, #menu li a:focus {
    border-bottom: 3px solid #3d49be;
    color: #3d49be;
}

#about img {
    float: right;
    margin: 0 10px 10px 10px;
    width: auto;
}
#summary p {
    float: left;
    font-weight: bold;
    margin: 0 0 0 15px;
    padding: 0;
    width: 50px;
}
#summary ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
#summary li { margin: 0; padding: 0 0 5px 65px; }
#summary ul ul { list-style: circle; padding: 2px 5px 0 40px; }
#summary li li { padding: 0; }

#social { clear: both; }
#social ul, #contact ul {
    list-style: none;
    margin: 0 0 0 0;
    padding: 0;
}
#social a, #contact a {
    color: #1376c9;
    display: block;
    height: 64px;
    padding: 8px 15px;
    text-decoration: none;
}
#social a:visited, #contact a:visited { color: #1376c9; }
#social a:focus, #social a:hover, #social a:active, #contact a:focus, #contact a:hover, #contact a:active { background: #cccccc; }
#social a img, #contact a img {
    border: none;
    float: left;
    margin: 0 15px 0 0;
}
#social a strong, #contact a strong {
    color: #393939;
    display: block;
    font-size: 1.2em;
    padding-top: 10px;
}

#projects p { margin: 0 0 0 15px; padding: 0; }
#projects ul { list-style: none; padding: 0 0 10px 0; }
#projects li p { font-size: 100%; margin: 2px; }

#formular {
    border-top: 2px solid #393939;
    margin: 10px 0 0 0;
    padding: 10px 0 0 0;
}
#formular strong, #formular table { margin: 0 0 0 15px; }
#formular input, #formular textarea { width: 400px; }
#formular .send input { width: auto; }

#footer {
    background: #cce5eb;
    margin: 0 auto 0;
    padding: 0;
    width: 600px;
}
#footer p {
    color: #747474;
    font-size: 0.6em;
    padding: 5px;
    text-align: center;
}
#footer a, #footer a:visited { color: #747474; text-decoration: underline; }
#footer a:active, #footer a:focus, #footer a:hover { color: #3d49be; }

a.pdf { background: url(../images/icons/acrobat16.png) no-repeat; padding-left: 18px; }
.clear { clear: both; }