@charset "utf-8";

/* Import font declerations */
@import url("fonts/fonts.css");

/* Primary Style Declarations */

html {
    margin: 10px 0 0 0;
}

body {
    font-family: 'GillSansMT', sans-serif;
    font-size: 11px;
    padding: 0px;
    margin: 0px;
    color: #ffffff;
    background-color: #3F3F3F;
    background-image: url("../images/mattedesign.png");
    background-position: 50% 0;
    background-repeat: no-repeat;
    /* -moz-background-size: contain; */
    /* background-size: contain; */
    z-index: 0;
}

/*
@media only all and (max-width: 938px) and (max-height: 702px) {
    body {
        -moz-background-size: 938px 702px;
        background-size: 938px 702px;
    }
}
*/

a:link {
    font-weight: bold;
    text-decoration: none;
    color: #cccccc;
}

a:visited {
    font-weight: bold;
    text-decoration: none;
    color: #cccccc;
}

a:hover, a:active {
    text-decoration: none;
    color: #d66d04;
    background-image: none;
}

img {
    border: 0px solid;
}

span.underline {
    text-decoration: underline;
}

span.bold {
    font-weight: bold;
}

.note {
    font-size: 11px;
    color: #cccccc;
}

/* -------------------- */

/* index.php */

/* Main Content positioning DIV */

div#Container {
    overflow: visible;
}

/* -------------------- */

/* Main logo image container*/

div#LogoBox {
    float: left;
    width: 20em;
    height: 30em;
    background-image: url("../images/bbmainlogo.png");
    background-position: 0 0;
    background-repeat: no-repeat;
}

/* Gallery placeholder */

div#MainBox {
    margin: 5em auto 0 auto;
    width: 68.2em;
    height: 48em;
    background-image: url("../images/mainboxmatte.png");
    background-position: 0 0;
    background-repeat: no-repeat;
}

/* Gallery/Portfolio content */

h4#portfolio_title {
    text-decoration: underline;
    margin-bottom: 0;
    text-shadow: 1px 1px 3px #242424
}

div#PortfolioBox {
    height: 30em;
    margin: 2em 0 0 0;
    float: left;
    width: 30em;
    overflow-x: hidden;
    overflow-y: auto;
}

.portfolio_image {
    /* for IE */
    filter:alpha(opacity=60);
    /* CSS3 standard */
    opacity: 0.6;
}

.portfolio_caption {
    background-color: #000000;
    width: 195px;
    height: 1.5em;
    padding: 0 0 0 .5em
}

.portfolio_link:link {
    text-decoration: none;
    color: #ffffff;
}

.portfolio_link:hover {
    text-decoration: none;
    color: #ffffff;
}

.portfolio_link:visited {
    text-decoration: none;
    color: #ffffff;
}

#pi1 {
    height: 40px;
    background-image: url("../images/portfolio/BowenBan.png");
    background-position: 0 0;
    background-repeat: no-repeat;
}

/* about.php */

div#about {
    float: left;
    width: 38em;
    height: 8em;
    margin: 1em 0 0 1.5em;
    font-size: 11px;
    overflow: auto;
    color: #cccccc;
}

div#phpprojectbrowserholder {
    margin: 1em 1em 0 0;
    float: right;
    width: 16em;
    height: 40em;
    overflow: hidden;
}

/* -------------------- */

/* footer.php */

div#footer {
    margin: 0 auto;
    width: 63%;
    padding: 10px 0 0 30px;
    clear: both;
    text-align: left;
}

img#uni {
    width: 88px;
    height: 15px;
    padding: 0 10px 0 10px;
}

img#rac {
    width: 88px;
    height: 15px;
    padding: 0 10px 0 10px;
}

/* Reference */

/*
box-shadow: 5px 5px 15px #000;
-webkit-box-shadow: 5px 5px 15px #000;
-moz-box-shadow: 5px 5px 15px #000;
*/