/* GENERAL STYLE */
@font-face {
	font-family: 'GoudyBookletter1911Regular';
	src: url('../fonts/goudy/goudybookletter1911-webfont.eot');
	src: local('?'), url('../fonts/goudy/goudybookletter1911-webfont.woff') format('woff'), url('../fonts/goudy/goudybookletter1911-webfont.ttf') format('truetype'), url('../fonts/goudy/goudybookletter1911-webfont.svg#webfontElOnmnyq') format('svg');
	font-weight: normal;
	font-style: normal;
}

body {
    margin: 0;
    padding: 0;
    font-family: Georgia, Garamond, serif;
}

h1, h2, h3, h4, h5, h6, p.h1-ish {
    font-family: "GoudyBookletter1911Regular", Georgia, Garamond, serif;
    margin: 0.5em 0;
}
h1, p.h1-ish {
    font-size: 30pt;
    font-weight: bold;
}
h1.whoami {display: none;}

.content-area {
    width: 50%;
    margin-left: auto;
    margin-right: auto;
}

.clear {clear: both;}

a {
    text-decoration: none;
    color: #666;
}
    a:hover {
        color: #333;
    }
    a img {
        border: 0;
    }

/* HEADER */
#header {
    background-color: #24324a;
    color: #fff;
    text-transform: lowercase;
    font-family: "GoudyBookletter1911Regular", Georgia, Garamond, serif;
}
    #header a {color: #fff;}
    #header a:hover {
        color: #666;
    }

#flag {
    float: left;
    font-size: 30pt;
    margin-top: 20pt;
}

#site-nav {
    margin-left: 75%;
    list-style: none;
    padding: 15px 0;
}
    #site-nav a:hover {
        color: #666;
        border-left: 3px solid #fff;
        margin-left: -10px;
        padding-left: 7px;
    }
    #site-nav .active {
        border-left: 3px solid #fff;
        margin-left: -10px;
        padding-left: 7px;
    }
    #site-nav ul {
        list-style: none;
        margin-left: 1.5em;
        padding-left: 0;
        text-indent: -0.5em;
    }
        #site-nav ul .active {
            border-left: 3px solid #fff;
            margin-left: -18px;
            padding-left: 15px;
        }

/* MAIN AREA */
#main {
    padding: 10px;
}

.home-gallery {
    list-style: none;
    width: 100%;
    margin-left: 0;
    padding-left: 0;
}
    .home-gallery li {
        float: left;
        width: 110px;
        height: 225px;
        margin-right: 15px;
    }
        .home-gallery li img {
            border: 5px solid #3b6645;
            margin: 0 15px 0 0;
            border-radius: 5px;
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
        }
            .home-gallery li img:hover {border: 5px solid #b58151;}
        .home-gallery .title {margin-top: 0.5em;}

.home-gallery-short li {height: 175px;}

/* PORTFOLIO */
.portfolio-thumb-large {
    border: 5px solid #3b6645;
    margin: 0 15px 0 0;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
    a .portfolio-thumb-large:hover {border: 5px solid #b58151;}

.portfolio-full-link {
    font-size: 9pt;
    font-style: italic;
    margin-top: 0.5em;
}

.portfolio-web-gallery {
    list-style: none;
    width: 100%;
    margin-left: 0;
    padding-left: 0;
}
    .portfolio-web-gallery li {
        float: left;
        margin-right: 15px;
        margin-bottom: 1em;
    }
        .portfolio-web-gallery li img {
            border: 5px solid #3b6645;
            margin: 0 15px 0 0;
            border-radius: 5px;
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
        }

/* RESUME */
.resume-column-1 {
    width: 60%;
    float: left;
    margin-right: 10px;
}

.resume-column-2 {
    width: 30%;
    float: left;
    padding: 0 20px;
    background-color: #fff3b2;
}
.resume-column-1 p, .resume-column-2 p {margin: 0.5em 0;}

/* CONTACT */
.vcard .fn, .vcard .adr .type {display: none;}

.vcard p {margin: 0;}

.vcard h3 {margin-bottom: 0.25em;}

/* PROJECTS */
#project_image_gallery {
    background-color: #333;
    border: 5px solid #3b6645;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    color: #ccc;
    padding: 10px;
}
    #project_thumbs, #project_thumbs li {
        list-style: none;
        margin-left: 0;
        margin-bottom: 0;
        padding-left: 0;
    }
        #project_thumbs {
            height: 110px;
            margin-top: 40px;
        }
            #project_thumbs li {
                float: left;
                margin: 0 5px;
            }
                .project_thumb_caption {display: none;}

/* FOOTER */
#footer {
    background-color: #1f494f;
    color: #fff;
    clear: left;
    font-family: "GoudyBookletter1911Regular", Georgia, Garamond, serif;
}
    #footer a {color: #fff;}
    #footer a:hover {
        color: #666;
    }

#copyright {
    padding: 5px 0;
    text-align: center;
}