/* -----------------------------------------------------------------------------
Website Name:   Brendalogy
Website URL:    http://www.brendalogy.net
Design Author:  Brenda Nicole Tan

All design and content on this site is Copyright Brenda Tan, All Rights Reserved.
----------------------------------------------------------------------------- */

/* ---------- CSS RESETS ---------- */

html, body {
  padding: 0;
  margin: 0;
}

h1, h2, h3, h4, h5, p, form, button {
    margin : 0; padding : 0;
}

ul, li {
    margin : 0; padding : 0;
    list-style-type : none;
}

img {
    border : 0;
}

a {
    text-decoration : none;
}


/* ---------- BODY & CONTAINERS ---------- */

body {
    background : #292929;
    font-family : Helvetica, sans-serif;
    font-size : 16px;
    line-height : 21px;
    color : #1B1B1B; 
}

.holder {
    width : 100%;
    background : #fff;
    text-align : center;    /* center content in IE */
    padding : 40px 0 40px;
}

    .container {
        width : 960px;
        padding : 0 10px;   /* Optimize for 1024x768 */
        overflow: hidden;
        margin : 0 auto; padding: 0;
        text-align : left;
        position : relative;
    }


/* ---------- CLEARFIX ---------- */

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    width : 0;
    clear: both;
    visibility: hidden;
    font-size :0;
}

.clearfix { display: inline-block; }  /* for IE/Mac */


/* ---------- PRELOADS ---------- */

.preload-image {
    display : none;
}

/* ---------- DEFAULT SETTINGS ---------- */

p, blockquote {    
    margin : 0 0 20px;
}

a:link, a:visited {
    color : #000; 
    border-bottom : 1px dotted #333;
} 

a:hover {
    color : #AA0101;
} 


/* ---------- DEFAULT TEXT HEADERS ---------- */

h1 {
    background : url(img/logo_medium.png) no-repeat;
    width : 320px; height : 365px;
    display : block;
    float : left;
    
}

    h1 em {
        visibility: hidden;
    }

h2, h3 {
    color : #000;
}
    
h2 {
    font-size : 36px;
    line-height : 40px;
    font-weight : bold;
    font-family : Georgia, serif;
    text-align : center;
    margin : 0 0 20px;
    -moz-text-shadow: 2px 2px 2px #ddd;
    -webkit-text-shadow: 2px 2px 2px #ddd;
    text-shadow: 2px 2px 2px #ddd;
}

h3 {
    font-size : 30px;
    line-height : 36px;
    margin: 0 0 30px;
    font-weight : normal;
}

    h3 .emphasis {
        color : #AA0101;
    }
    
/* ---------- TEXT SETTINGS ---------- */

p {
    color : #555;
    font-size : 20px;
    line-height : 26px;
    margin : 0 0 30px;
}

/* ---------- CONTENT AND NAVIGATION ---------- */

.content {
    margin : 20px 0 0 60px;
    width : 580px;
}

.nav {
    text-align : center;
    font-family : Georgia, serif;
    min-height : 60px;
}

    .nav a, .nav a:visited {
        background : #881212;
        font-size : 30px;
        line-height : 35px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        padding : 10px;
        color : #fff;
        margin : 0 10px 0 0;
        -moz-box-shadow: 2px 2px 2px #bbb;
        -webkit-box-shadow: 2px 2px 2px #bbb;
        box-shadow: 2px 2px 2px #bbb;
    }
    
    .nav a:hover {
        background : #292929;
    }
    
/* ---------- FOOTER ---------- */
       
.footer {
    padding : 20px 20px;
    color : #888;
    font-size : 16px;
    text-align : center;
}


/* ---------- OVERRIDES FOR 404 PAGE ---------- */


.error404 .container {
    width : 600px;
    height : 250px;
}

.error404 h1 {
    background : url(img/logo_small.png);
    width : 150px; height : 169px;
    display : block;
}

.error404 .content {
    margin : 20px 0 0 30px;
    width : 420px;
}