/* CSS Document */

/*
DEFAULTS
********************/
body {
    background-image: url(../_assets/bg-1.jpg);
    background-repeat: repeat-x repeat-y;
    font-family: 'Droid Sans', sans-serif;
    font-size: 12px;
    margin: 0;      padding: 0;
    color: #000000;
    outline: none;
    padding: 25px;
}
form, input {
    margin: 0px;
    padding: 0px;
}
div.clear {
    clear: both;
}

a:link,
a:visited {
    font-size: 12px;
    color: #EBEBEB;
    text-decoration: none;
}
a:hover,
a:active {
    color: #6699cc;
}
h1, h2, h3, h4, h5 ,h6 {
    margin: 0px;
    padding: 0px;
    font-size: 1.5em;
    font-weight: bold;
}
ul,
li {
    list-style: none;
    display: inline-block;
    margin: 0px;
    padding: 0px;
}
/**********************************************************************************************************************************/
/*
CONTENT
********************/
div#Content {
    width: 1100px;
    margin: 0px auto;
}
    div#Topbar {
        background-color: #2E2E2E;
        padding: 5px 15px;
        border-bottom: 1px solid #434343;
    }

    /* MENU */
    div#Menu {
        background-color: #2E2E2E;
        padding: 15px;
        text-align: right;
    }
        #Menu li {
            padding-left: 15px;
        }
        #Menu li a:link, a:visited {
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
            padding: 5px;
        }
        #Menu li a:hover, a:active {
            background-color: #040404;
            color: #FFFFFF;
        }

    /* CAPTION */
    div#Caption {
        background-color: #FFFFFF;
        padding: 15px;
    }
        div#Caption div.CaptionText {
            color: #2E2E2E;
            font-family: Georgia, "Times New Roman", Times, serif;
            font-size: 22px;
            font-weight: 100;
            text-align: center;
            border-bottom: 1px dashed #434343;
            padding-bottom: 10px;
        }


        /* ImageViewer */
        /** CONTENT -> BLOG **/
    div#Content div#Blog {
        background-color: #FFF;
        line-height: normal;
    }
        div#Content div#Blog div.Left {
            float: left;
            width: 215px;
        }
        div#Content div#Blog div.Right {
            float: right;
        }
        div#Content div#Blog div.Image {
            height: 250px;
            overflow: hidden;
        }
        div#Content div#Blog div.Title h1 {
            font-weight: 100;
            color: #585858;
            font-size: 1.6em;
            font-family: Georgia, "Times New Roman", Times, serif;
            font-style: italic;
        }
        div#Content div#Blog div.Posted,
                            div.Author,
                              div.Categories,
                              div.Description {
            color: #434343;
            margin-top: 10px;
            padding-bottom: 5px;
            border-bottom: 1px dotted #ACACAC;
        }
        div#Content div#Blog div.Footer {
            margin-top: 10px;
            color: #69c;
            text-transform: uppercase;
            font-size: 10px;
        }
        div.Footer div.LeftF {
            float: left;
        }
        div.Footer div.RightF {
            float: right;
        }
        a:link.BlogHref,
        a:visited.BlogHref {
            color: #000000;
            text-decoration: none;
            text-transform: uppercase;
            font-size: 11px;
            padding: 0px;
            font-weight: 100;
        }
        a:link:hover,
        a:link:active {
            color: #6699cc;
            background: none;
        }
        div.CaptionImage {
            position: fixed;
            width: 1090px;
            margin-top: -24px;
            background-color: #040404;
            color: #EBEBEB;
            padding: 5px;
            opacity:0.7;
            filter:alpha(opacity=70); /* For IE8 and earlier */
        }
    /** END OF CONTENT -> BLOG **/

    /* MAINCONTENT */
    div#MainContent {
        background-color: #FFFFFF;
        padding: 15px;
    }
        div#TripleBlocks {
            border-bottom: 1px dashed #434343;
            padding-bottom: 10px;
        }
        div.Block-one-third {
            width: 32%;
            float: left;
            padding: 0px 20px 0px 0px;
        }
        div.Block-one-third-last {
            width: 32%;
            float: left;
            padding: 0px;
        }



    /* FOOTER */
    div#Footer {
        background-color: #2E2E2E;
        padding: 15px;
        text-align: right;
        color: #EBEBEB;
    }
        #Footer li {
            padding-left: 15px;
        }
        #Footer li a:link, a:visited {
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
            padding: 5px;
        }
        #Footer li a:hover, a:active {
            background-color: #040404;
            color: #FFFFFF;
        }