/* -----------------------------------------------------------------------------
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.
----------------------------------------------------------------------------- */


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

body {
    background : #FFFDFE;
    font-family : Georgia, serif; 
    font-size : 9.5pt;
    color : #1B1B1B; 
    margin : 0; padding: 0;
}

.holder {
    background: #FFFDFE url(images/header_bg.jpg) repeat-x;                      /* Background effects outside container */
    width : 100%;
    height : 100%;
    margin : 0; padding: 0;
    text-align : center;    /* center content in IE */
}

    .container {
        background: #FFFDFE url(images/main_bg.gif) repeat-y;                        /* Main container background */
        width : 966px;
        overflow: hidden;
        margin : 0 auto; padding: 0;
        text-align : left;
    }


/* ---------- 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 ---------- */

td , tr , table { 
    font-family : Georgia, serif; 
    font-size : 9.0pt;
    color : #1B1B1B; 
    margin-left : auto;                                 /* Auto center positioning in Firefox */
    margin-right : auto;                                /* Auto center positioning in Firefox */
} 


p {    
    padding : 0;
    margin : 12px 0 12px 0;
    line-height: 1.7;
}

br {
    line-height: 1.7;
} 

img {
    border : 0;
}

a:link {
    color : #006699; 
    text-decoration : none; 
} 

a:visited {
    color : #006699; 
    text-decoration : none; 
} 

a:hover {
    color : #003366;
    text-decoration : none; 
} 

input, select, textarea {
    font-family : Georgia, serif; 
    font-size : 9.0pt;
    margin : 0px 2px 8px 2px;
}

abbr {
    font-size : 9.0pt;
    border-bottom: 1px dotted #003333;
}

blockquote {                                                            /* DEFINED FIXED WIDTH: Sub-object */
    background: #333333 url(images/blockquote_bg.gif) no-repeat;
    position : relative;
    font-family : verdana, sans-serif;
    font-size : 8.0pt;
    line-height : 1.5;
    width : 540px;                                    
    padding : 35px 10px 10px 10px;
    margin : 10px 0 10px 50px;
    color : #CCCCCC;
    text-align : left;
    border-left : 5px solid #666666;
    border-right : 5px solid #666666;
}

    /* Blockquote links */

    blockquote a:link {
        color : #FFFFFF; 
        text-decoration : none; 
    } 

    blockquote a:visited {
        color : #FFFFFF; 
        text-decoration : none; 
    } 

    blockquote a:hover {
        color : #56B7E8; 
        text-decoration : none; 
        border-bottom : 0;
    } 
    

ul {
    padding : 15px 0 15px 0;
    margin : 0;
    line-height: 1.5;
}

li {
    margin : 0; padding : 0;
    list-style: none;
    line-height: 1.5;
}


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

h1 {
    position: absolute;
    visibility: hidden;
}


/* ---------- HEADER ---------- */

/* Header container */

.header {                                       /* DEFINED FIXED WIDTH: Layout structure */
    margin : 0; padding : 0;
    background: url(images/header.jpg);
    position : relative;
    width : 966px;
    height : 377px;
}


/* Header content */

.twitter {                                      /* DEFINED FIXED WIDTH: Layout structure, absolute-positioned */
    position : absolute;      
    margin : 42px 0 0 604px;                               
    width : 280px; height : 100px;
    padding : 0;
    text-align: left;
    z-index : 200;
    color: #A5A5A5;
    font-family : verdana, sans-serif;
    font-size : 8.0pt;
}

    .twitter, .twitter li {  
        line-height: 25px;
    }    
    

/* ---------- NAVIGATION ---------- */

.map {                                          /* DEFINED FIXED WIDTH: Layout structure, absolute-positioned */
    position: absolute;
    margin : 338px 0 0 320px; 
}   

.map ul {
    margin : 0; padding : 0;
    list-style-type: none;
}

.map li {
    display: inline;
}

.map a {
    margin : 0; padding : 0;
    position: relative;
    float : left;
    height : 39px;
    text-decoration: none;
    z-index : 200;
}

    .map a em { 
        visibility: hidden;
    }

    
a.brenda {                                      /* DEFINED FIXED WIDTH: Layout structure */
    width : 169px;
}


    a.brenda:hover { 
        background: #036BA0 url(images/rollover_01.gif) no-repeat; 
        border : none;
    }

a.about {                                       /* DEFINED FIXED WIDTH: Layout structure */
    width : 146px;
}


    a.about:hover { 
        background: #036BA0 url(images/rollover_02.gif) no-repeat; 
        border : none;
    }

    
a.links {                                       /* DEFINED FIXED WIDTH: Layout structure */
    width : 90px;
}


    a.links:hover { 
        background: #036BA0 url(images/rollover_03.gif) no-repeat; 
        border : none;
    }
    
a.main {                                        /* DEFINED FIXED WIDTH: Layout structure */
    width : 159px;
}


    a.main:hover { 
        background: #036BA0 url(images/rollover_04.gif) no-repeat; 
        border : none;
    }

/* ---------- CONTENT BASE CONTAINER ---------- */

.contentcontainer {                                 /* DEFINED FIXED WIDTH: Layout structure */
    position : relative;    
    top :  0; left : 0;                             /* Relative to header */
    width : 966px;  
    margin : 15px 0;
    padding : 0;
}


/* ---------- SIDEBAR ---------- */

/* Sidebar container */

.sidebar {                                          /* DEFINED FIXED WIDTH: Layout structure */
    position : relative;  
    float : left;
    width : 242px;
    margin : 0 0 0 24px;                             
    padding : 0;
}

    /* Sidebar Components */

    .sidebarbox {
        background: #E2E2E2 url(images/sidebar_bg.gif); 
        margin : 0 0 15px 0;
        padding : 0;
    }

    .sidebarbox-top {
        background: #E2E2E2 url(images/sidebar_top.jpg) no-repeat;
        height : 16px;
        margin : 0; padding : 0;
    }

    .sidebarbox-bottom {
        background: #E2E2E2 url(images/sidebar_bottom.jpg) no-repeat;
        height : 16px;
        margin : 0; padding : 0;
    }

    .sidebarbox-body {                              /* DEFINED FIXED WIDTH: Sub-object */
        width : 210px;
        margin : 0 16px 0 16px;
    }
    
        .sidebarbox h2 {
            margin : 0 0 15px 0;
            padding : 0;
            border-bottom : 1px solid #999999;
            text-align : left;
            text-transform : uppercase;
            font-family : georgia, serif;
            font-size : 12pt; 
            font-weight : bold;
            color : #0E2BA0;
        }
        
        .sidebarbox ul {
            margin : 0 0 10px 15px;
            padding : 0;
        }
        
        .sidebarbox li {            
            list-style-type : circle;
        }

        .sidebarbox p,
        .sidebarbox br,
        .sidebarbox li,
        .sidebarbox div {
            line-height : 1.5;
            color : #2E2D2D; 
            font-family : verdana, sans-serif;
            font-size : 8.0pt;
            text-align : left;
        }

        .sidebarbox a:link {
            color : #006666; 
            text-decoration : none; 
        }       

        .sidebarbox a:visited {
            color : #006666; 
            text-decoration : none; 
        } 

        .sidebarbox a:hover {
            color : #000000; 
            text-decoration : none; 
            border-bottom : 0;
        } 
        
/* ---------- MAIN CONTENT ---------- */

.maincontent {                                          /* DEFINED FIXED WIDTH: Layout structure */
    position : relative; 
    float : left;
    width : 660px;    
    text-align : justify;
    margin : 0 0 0 15px;
    padding : 0;
}

    .maincontent h2 {
        text-align : right;
        font-family : georgia, serif;
        font-size : 16pt; 
        font-weight : bold;
        text-transform : uppercase;
        color : #006666;
        margin : 0 0 10px 0;
    }
    
    .maincontent h3 {
        text-align : left;
        font-family : georgia, serif;
        font-size : 12pt;
        font-weight : bold;
        text-transform : uppercase;
        color : #7B7B7B;
        margin : 20px 0 10px 0;
    }
        

    
/* ---------- FOOTER (SEPARATE COMPONENT NESTED WITHIN HOLDER NOT CONTAINER) ---------- */


.footer {
    background: #030303 url(images/footer_bg.gif);  
    background-repeat: repeat-x;
    width : 100%;
    height : 120px;
    text-align : center;    /* centered in IE */
}

    .footer-container {                                         /* DEFINED FIXED WIDTH: Layout structure */
        width : 966px; height : 120px;
        background: #030303 url(images/footer.gif) repeat-y;    
        position : relative;
        margin : 0 auto; padding: 0;
        text-align : left;
    }

        .footer-content {                                           /* DEFINED FIXED WIDTH: Sub-object */
            position : absolute;
            margin : 35px 0 0 25px;
            width : 570px; height : 55px;
            font-family : verdana, sans-serif; 
            font-size : 8.0pt;
            color : #CCCCCC;
            text-align : left;
            text-transform : uppercase;
        }


/* ---------- WORDPRESS WEBLOG ---------- */

/* Entries */

.entrycontainer {
    margin : 0 0 30px 0;
    width : 100%;
}

.entryheader {
    position : relative;
    height : 55px;
    margin-bottom : 10px;
}

    .entrydatebox {                                 /* DEFINED FIXED WIDTH: Sub-object, absolute-positioned */
        position : absolute;
        margin : 0;
        width : 100px;
        background : #003366;
        color : #FFFFFF;
        font-weight : bold;
        text-align : center;
        padding : 5px 0;
    }

        .entrydate-line1 {
            margin : 0; padding : 0;
            font-size : 18pt;
        }

        .entrydate-line2 {
            margin : 0; padding : 0;
            font-size : 9pt;
            text-transform : uppercase;
        }
    
    .entryinfo {                                    /* DEFINED FIXED WIDTH: Sub-object, absolute-positioned */
        position : absolute;
        margin : 5px 0 0 110px;
        width : 490px;
    }

        .entrytitle {
            text-align : left;
            font-family : georgia, serif;
            font-size : 12pt; 
            font-weight : bold;
            color : #636363;
            vertical-align:bottom;
            padding : 0 0 2px 0;
            text-transform : uppercase;
            border-bottom: 1px solid #AEAEAE;
        }
        
            .entrytitle a:link {
                color : #636363;
                text-decoration : none; 
            }       
                
            .entrytitle a:visited {
                color : #636363;
                text-decoration : none; 
                    } 
                
            .entrytitle a:hover {
                color : #006699; 
                text-decoration : none; 
            } 

        .entrylinks {
            padding-top : 2px;
            text-align : left;
        }

    .entrycommentcount {                            /* DEFINED FIXED WIDTH: Sub-object, absolute-positioned */    
        position : absolute;
        margin : 5px 0 0 610px;
        width : 51px; height : 34px;
        background : #E2E2E2 url(images/blog_commentbubble.png);
    }

        .entrycommentcount p {
            margin : 0; padding : 0;
            font-family : verdana, sans-serif;
            font-size : 12.0pt;
            font-weight : bold;
            width : 100%;
            height : 15px;
            color : #FFFFFF;
            text-align : center;
        }
    
        .entrycommentcount a:link {
            color : #FFFFFF; 
            text-decoration : none; 
        }       
    
        .entrycommentcount a:visited {
            color : #FFFFFF; 
            text-decoration : none; 
        } 
    
        .entrycommentcount a:hover {
            color : #000000; 
            text-decoration : none; 
        } 
    
.entrycontent {
    margin: 5px 0 5px 0;
    text-align : justify;
}

    .entrycontent img {
        background : #FFFFFF;
        border: 8px solid #FFFFFF;
        margin-top : 7px;
    }

    
.more-link {
    width : 100%;
    height: 25px;
    margin : 0; padding : 0;
}

    .more-link a {
        background: #E2E2E2 url(images/blog_readmore.png) no-repeat;
        float : right;
        height: 25px; width: 125px;
    }

        .more-link a em { 
            visibility: hidden;
        }

        .more-link a:hover {
            background: #E2E2E2 url(images/blog_readmoreroll.png) no-repeat;
        }
            

/* Password Protected posts */

.protectedpost {                                                        /* DEFINED FIXED WIDTH: Sub-object */
    background : #AFADAE url(images/blog_passwordbg.gif) no-repeat;
    color : #000000;
    width : 500px;
    margin : 20px 0 0 80px;
    padding : 10px 0;
}

    .protectedpost p {
        margin-left: 80px;
    }
    
    .protectedpost input {
        color : #323232;  
        background : #E2E2E2;
        border : 4px solid #E2E2E2;
    }
    
    .protectedpost input:focus {
        background : #FFFFFF;
        border : 4px solid #FFFFFF;
    }
    
    .protectedpost input.password-submit {
        color : #FFFFFF;  
        background : #006699;
        border : 4px solid #006699;
        }
        
    .protectedpost input.password-submit:hover {
        background : #015884;
        border : 4px solid #015884;
    }


/* Comments */

.commentnotice {
    text-align : justify;
}

.comments {
    width : 595px;                                  /* DEFINED FIXED WIDTH: Sub-object */
    margin: 0 0 20px 30px;
    padding : 0;
}
    
    .commentcontainer {
        background : #4699CD url(images/blog_commentbg.jpg);
        background-repeat : no-repeat;
        width : 100%;
        margin : 0 0 20px 0;
    }
    
    .commentbody {                                  /* DEFINED FIXED WIDTH: Sub-object */
        margin : 20px 0 0 20px;
        padding : 0;
        width : 555px;
    }
    
    .commentbottom {
        margin : 0; padding : 0;
        background : #E2E2E2 url(images/blog_commentbottom.jpg);
        width: 100%;
        height : 16px;
    }         
    
    .comment-header,
    .comment-footer {
        width : 100%;
    }
    
        .commentauthor {
            float : left;
            text-align : left;
            font-style : normal;
            font-weight : bold;
            font-size : 12pt;
            text-transform : uppercase;
        max-width : 400px;
        }

        .children .commentauthor {
            max-width : 350px;
        }

            .commentauthor a:link {
                color : #003366; 
                text-decoration : none; 
            }       

            .commentauthor a:visited {
                color : #003366;  
                text-decoration : none; 
            } 

            .commentauthor a:hover {
                color : #FFFFFF; 
                text-decoration : none; 
            } 

        .commentfunctions {
            float : left;
            margin : 0 0 0 10px;
        }

            .commentfunctions a {
                background : #17719F;
                padding : 5px;
                margin : 0 5px 0 0;
                color : #FFFFFF;
                text-transform : uppercase;
            }

            .commentfunctions a:visited {
                color : #FFFFFF;            
            }

            .commentfunctions a:hover {
                color : #6FCEFF;                
            }
            
    
    .commentmeta {
        float : right;
        font-style : italic;
        font-weight : bold;
        font-size : 12pt;
        color : #FFFFFF;
        margin : 0;
    }
    
    .commentmoderation {
        font-style : italic;
        margin : 0 0 12px 0;
    }
    
    
/* Threaded comments */

.children {
    width : 500px;                                      /* DEFINED FIXED WIDTH: Sub-object */
    margin: 0 0 0 15px;
    padding : 0;                              
}
    
    .children .commentcontainer {
        background : #5FB0E5 url(images/blog_threadedcommentbg.jpg);
        background-repeat : no-repeat;
        margin : 0 0 20px 0;
        width : 100%;
    }    
    
    .children .commentbody {                            /* DEFINED FIXED WIDTH: Sub-object */
        margin : 20px 0 0 20px;
        padding : 0;
        width : 460px;
    }    
    
    .children .commentbottom {
        margin : 0; padding : 0;
        background : #E2E2E2 url(images/blog_threadedcommentbottom.jpg);
        width: 100%;
        height : 16px;
    }


/* Comment Form */

.commentformbox {                                                   /* DEFINED FIXED WIDTH: Sub-object */
    background: #323232 url(images/blog_commentformbg.gif);
    background-repeat : no-repeat;
    width : 540px;
    margin : 13px 0 20px 60px;
}


    .commentformbox-top {
        margin : 0; padding : 0;
        background: #E2E2E2 url(images/blog_commentformtop.jpg);
        width : 100%;
        height : 38px;
    }

    .commentformbox-bottom {
        margin : 0; padding : 0;
        background: #E2E2E2 url(images/blog_commentformbottom.jpg);
        width : 100%;
        height : 15px;
    }

    .commentformbox-body {                                          /* DEFINED FIXED WIDTH: Sub-object */
        width : 500px;
        margin : 0 20px 0 20px;
        color : #FFFFFF;
        text-align : left;
    }
        
        .commentformbox-body input, 
        .commentformbox-body textarea {
            color : #323232;  
            margin-right : 10px;
            background : #E2E2E2;
            border : 4px solid #E2E2E2;
        }
        
        .commentformbox-body input:focus, 
        .commentformbox-body textarea:focus {
            background : #FFFFFF;
            border : 4px solid #FFFFFF;
        }
            
            
        .commentformbox-body input.commentformbox-submit {
            color : #FFFFFF;  
            background : #006699;
            border : 4px solid #006699;
        }
        
        .commentformbox-body input.commentformbox-submit:hover {
            background : #015884;
            border : 4px solid #015884;
        }
        
        .commentformbox-body p {
            vertical-align : middle;
        }
        
        .commentformbox-body label {
            font-style : italic;
            font-size : 8pt;
        }
            

/* Blog and Blog Comment Navigation */

.blognavigation {
    background : #E2E2E2 url(images/blog_navigationbar.png) no-repeat;
    width : 100%;
    height : 30px;
    margin : 0 0 15px 0;
    font-family : verdana, sans-serif;
    font-size : 8.0pt;
    color : #FFFFFF;
    text-align : center;
}

.blogcommentnavigation {                                                                    /* DEFINED FIXED WIDTH: Sub-object, absolute-positioned */
    background : #E2E2E2 url(images/blog_commentnavigationbar.png) no-repeat !important;
    width : 525px !important;
    margin : 0 0 15px 67px !important;
}

    .blognavigation a:link,
    .blogcommentnavigation a:link {
        color : #FFFFFF;
        text-decoration : none; 
    }   
                
    .blognavigation a:visited,
    .blogcommentnavigation a:visited {
        color : #FFFFFF;
        text-decoration : none; 
    } 
                
    .blognavigation a:hover,
    .blogcommentnavigation a:hover {
        color : #56B7E8; 
        text-decoration : none; 
    }
    
    .blognavigation p,
    .blognavigation div,
    .blogcommentnavigation p {
        margin : 5px 10px;
        padding : 0;
        height : 15px;
        vertical-align : bottom;
    }
    
    /* For an extension of this styling, refer to WP-PostNavi in plugins.css */
        
        
/* ---------- ET-CETERA ---------- */

/* Custom Alignments */

.alignleft {
    border : 0;
    padding-left : 6px;
    float : left;
}

.alignright {
    border : 0;
    padding-right : 6px;
    float : right;
}

.center-content {
    text-align : center;                                /* Auto center positioning in IE and Firefox */
    margin : 10px 0 10px 0;
}

.center {
    text-align : center;
}

.hidden {
    display : none;
    visibility: hidden;
}