/*
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 {
    margin : 0; padding: 0;
    background : #222222;
    font-family : Georgia, serif; 
    font-size : 9.5pt;
    color : #DDDDDD; 
    text-align : center;    /* center content in IE */
}

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



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

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

br {
    line-height: 1.7;
} 

img {
    padding : 3px;
    background : #FFFFFF;
    border: 1px solid #000000;
}

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

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

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

input, textarea, select {
    font-family : georgia, serif;
    font-size : 9.0pt; 
    color : #000000; 
    background-color : #FFCC33;
    border : 4px solid #FFCC33;
    margin : 4px 2px;
}


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


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

h1 {
    position: absolute;
    visibility: hidden;
}

h2 {
    margin : 0 0 10px;
    padding : 0;
    width : 100%;
    color : #666666;
    font-size : 15pt;
    font-weight : bold;
    text-align : left;
    text-transform : uppercase;
}

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

.header {
    margin : 0; padding : 0;
    width : 100%; height : 100px;
    position : relative;
    background: #000000;
}

    .header .home {
        margin : 0; padding : 0;
        width : 460px; height : 100px;
        position : absolute;
        display : block;
        background: #000000 url(images/header.jpg) no-repeat;
        text-indent: -999px;
    }
    
    .header .navigation { 
        margin : 0; padding : 0;
        position : absolute;
        bottom: 10px; right : 15px;
        text-align : center;
        font-size : 12pt;
        color : #FFFFFF;
        text-transform : uppercase;        
    }
    
    
/* ---------- MAIN CONTAINER ---------- */

.container {
    position : relative;
    margin : 20px auto;   /* Auto center positioning in Firefox */
    padding: 0;
    width : 950px;
    overflow: hidden;
    text-align : left;
}
    
/* ---------- CONTENT BLOCK ---------- */

.content {
    width : 100%;
}

    .content p {
        text-align : justify;
    }
    
    .content img.profile {
        margin-left : 170px;
    }
    

/* ---------- RANDOM IMAGES ---------- */

.random {
    width : 100%;
    background : #444444;
}

    .random-inner {  
        position : relative;  
        left : 50%;
        margin : 0 0 0 -475px;   /* Auto center positioning in Firefox */
        width : 950px;
        text-align : center;
        padding : 10px 0;
    }   
        .random-inner img {
            margin : 0 5px;
        }

        .random-inner img:hover {
            background : #000000;   
        }

/* ---------- FOOTER ---------- */

.footer {
    margin : 0; padding : 0;
    width : 100%; height : 55px;
    background :#000000;
}

    .footer p {
        font-size : 8pt;
        text-align : right;
        color : #FFFFFF;
        margin : 0 10px 0 0;
        text-transform : uppercase;
    }        

/* ---------- PHOTO DISPLAY ---------- */

.photodisplay {
    margin : 0 0 10px 0;
    padding : 0;
    width : 100%;  
}

    /* --- Photo --- */
    .photodisplay .image {
        width : 610px;
        text-align : center;
        float : left;
    }
    
    .photodisplay .image img {
        margin : 0; padding : 0;
        background : none;
        border: 5px solid #FFFFFF !important;
    }
    
    /* --- Captions and Such --- */
    
    .photodisplay .photodetails {
        margin : 0 0 0 20px;
        width : 320px;
        float : left;    
    }
    
        .photodetails .photoinfo {
            padding : 15px 0 15px 0;
            border-top : 1px dashed #666666;
            border-bottom : 1px dashed #666666;
        }

            .photoinfo-inner {
                margin : 0 10px;
                padding : 0;
                width: 300px;    
            }

            .photoinfo-inner .photodatetime {
                font-style : italic;
                color : #FFFFFF;
                text-align : left;
            }

            .photoinfo-inner .photodescription {
                width : 280px;
                margin : 20px 0 20px 10px;
                padding : 0;
            }

            .photoinfo-inner .photospecs {
                color : #FFFFFF;
                font-size : 8pt;
                text-align : left;
            }
            
        .photodetails .photonav {
            margin : 5px 0; padding : 0;
            text-align : right;
            text-transform : uppercase;
        }

/* ---------- PHOTO ARCHIVES ---------- */
    
/* Archive Browse */

.archivelist {
    width : 890px;
    margin : 20px 0 0 30px;
}
    
.archivedropdown {
    width : 100%;
    text-align : center;
}

    .archivelist img {
        margin : 5px; 
    }

    .archivelist img:hover {
        background : #000000;   
    }

    .archivedropdown input, textarea, select {
        margin : 4px 2px;
        font-family : georgia, serif;
        font-size : 9.0pt; 
        color : #000000; 
        background-color : #FFCC33;
        border : 4px solid #FFCC33;
    }
    
    
/* ---------- ALIGNMENTS ---------- */

.center {
    text-align : center;
}