html { font-size:18px }

body {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    background:#fff;
    color:#000;
    font-size:1em;
    line-height:1.33333;
    width:100%;
}

a, a:link {
    color:#4a4ab0;
}

a:visited {
    color:#739CC4;
}

a:active {
    color:#B04A4A
}

p {
    margin:1em;
}

p.signoff {
    text-align:right;
    font-style:normal;
    font-weight:bold;
}

#body {
    background:#E6EAD3;
    color:#000;
    margin:0 auto;
    overflow:hidden;
}

h1, h2, h3, h4, h5, h6 {
    clear:both;
    color:#4A4AB0;
    font-family:Arial;
    font-weight:bold;
}

h1 {
    font-size:2em;
    line-height:1.25;
    margin-top:0.5em;
    margin-bottom:0.5em;
}

#banner-link {
    position:absolute;
    top:0;
    left:5%;
    width:90%;
    height:182px;
    z-index:9;
}

#banner {
    background:#032D4F
        url(/background/bannerbg-fatos-tour-guide-istanbul-turkey-t.jpg);
    height:182px;
    color:#fff;
    max-width:900px;
    overflow:hidden;
}

#banner h1 {
    font-size:5em;
    font-weight:bold;
    position:relative;
    top:-1000px;
    left:0px;
}

#banner h1,
#banner h2,
#banner a,
#banner a:link,
#banner a:visited,
#banner a:hover,
#banner a:active {
    color:#E0F4FF;
    line-height:1;
    text-decoration:none;
}

#banner h2 {
    font-family:"Times New Roman",serif;
    font-size:2em;
    font-style:italic;
    position:relative;
    top:-1500px;
    left:0px;
}

#banner h1, #banner h2 {
    text-shadow:
        -2px 0    4px #009,
         0   2px  4px #009,
         2px 0    4px #009,
         0  -2px  4px #009
}

h2 {
    font-size:1.5em;
    line-height:1.6667;
}

h3 {
    font-size:1.2em;
    line-height:1.04167;
}

h4, h5, h6 {
    font-size:1em;
    line-height:1.25;
}

#toplinks {
    background:#4174A9;
    display:block;
    width:100%;
}

#toplinks ul {
    margin:0;
    padding:0;
}

#toplinks li {
    background:#037;
    float:left;
    list-style:none;
}

#toplinks li a {
    display:block;
    padding:0.25em;
    text-decoration:none;
    font-weight:bold;
}

#toplinks a,
#toplinks a:link,
#toplinks a:visited {
    border:solid #4174A9 0.25em;
    background:#4174A9;
    color:#E6EAD3;
}

#toplinks a:hover {
    border-bottom:solid #ee8 0.25em;
    border-top:solid #ee8 0.25em;
    color:#ee8;
}

#toplinks a:active {
    border-bottom:solid #8bb 0.25em;
    border-top:solid #8bb 0.25em;
    color:#8bb;
}

#footer {
    background:#c6eced;
    border-top:solid thin #76A3D5;
    text-align:center;
}

#footer p {
    margin:0;
    padding:2em 0;
}

p#update {
    font-size:0.666667em;
    font-style:italic;
}

#contact-details td.label {
    background:#ddd;
    border-bottom:0.125em solid #E6EAD3;
}

#contact-details td {
    padding:0.5em 0.25em;
    vertical-align:top;
}

q:before { content:open-quote }
q:after { content:close-quote }

.blurb { padding:0.5em }
.right { float:right }
.left { float:left }

#refs blockquote {
    background:#e0e0f0;
    border-radius:0.75em;
    font-style:italic;
    margin:1em auto;
    padding:0.5em;
    width:95%;
}

#refs blockquote ul > li {
    list-style-type: '- ';
}

@media (min-width: 800px) {
    #body {
        max-width:900px;
        width:90%;
    }

    #content {
        padding:0 1em;
    }

    #contact-container {
        margin:0 auto;
        width:800px;
    }
    #contact-details {
        max-width:50%;
        float:right;
    }
    #contact-image {
        float:left;
        overflow:hidden;
        width:400px;
    }
    #contact-details {
        border-left:1em solid transparent;
        min-width:380px;
    }
    #contact-details td {
        padding:1em 0.5em;
    }

    .portrait {
        margin:1em;
    }

    #home-portrait {
        float:left;
        margin-left:0em;
    }

    #bio-portrait {
        float:right;
    }

}