/*   
Theme Name: GG style
Theme URI: http://www.greengraphics.com.au/
Description: Nice theme. 
Author: Nathan
Author URI: http://www.greengraphics.com.au/
Version: 1.5.2
*/





/******************************************************************************/

/*!     INDEX:                                                                */
/*!         i - Resets, Imports, Shared, Misc                                 */
/*!        ii - Body                                                          */
/*!       iii - Document Colors                                               */
/*!        iv - Typography                                                    */

/*!     STRUCTURE:                                                            */
/*!         1. - Header                                                       */
/*!         2. - Menus                                                        */
/*!         3. - Section                                                      */
/*!         4. - Article                                                      */
/*!         5. - Aside                                                        */
/*!         6. - Footer                                                       */

/******************************************************************************/





/******************************************************************************/

/*!     i - Imports, Resets, Shared, Misc                                     */

/******************************************************************************/



.header:after,
nav ul:after,
.section:after,
.article:after,
.aside:after,
.footer:after,
.clearer:after,
.clearfix:after,
.wrapper:after {
    clear: both; 
    content: '.'; 
    display: block; 
    height: 0; 
    visibility: hidden;
}




.loading {
    background: url('images/loading.gif') no-repeat center center transparent;
}


.wrapper {
    margin: 0 auto;
    max-width: 1000px;
    position: relative;
}


input[type="submit"] {
    background: #28905E;
}


#searchform {
    margin: 0 0 20px;
    text-align: right;
    width: 100%;
}


    #searchform div {
        background: white;
        border: 1px solid black;
        display: inline-block;
        padding: 0 30px 0 0;
        position: relative;
        max-width: 400px;
        width: 100%;
    }


        #s {
            border: none;
            -webkit-border-radius: 0;
                    border-radius: 0;
            height: 30px;
            padding: 8px;
            width: 100%;
        }
        
        #searchsubmit {
            background: #677718;
            border: 1px solid white;
            -webkit-border-radius: 0;
                    border-radius: 0;        
            position: absolute; top: 0; right: 0;
            width: 30px;
        }




/******************************************************************************/

/*!     ii - Body                                                             */

/******************************************************************************/





body {
    background: url(images/main-bg-repeat2.jpg);
    background-repeat: repeat-y;
    color: #2A2E40;
    font-size: 62.5%;
    font-family: 'Roboto Slab', Georgia, Times, Serif;
    font-weight: 300;
}





/******************************************************************************/

/*!     iii - Document Colors                                                 */

/******************************************************************************/

/*!     Grampians Brown #443928                                               */
/*!     Grampians Green #677718                                               */

.color1 {
    color: #8C92A0;
}

.color2 {
    color: #2A2E40;
}

.color3, a {
    color: #677718;
}

.color4, a:hover {
    color: #31BAED;
}

.color5 {
    color: #28905E;
}

.color6 {
    color: black;
}

#header a, #promo-area h2 {
    color: white;
}





/******************************************************************************/

/*!     iv - Typography                                                       */

/******************************************************************************/





h1, h2, h3, h4, h5, h6 {
    color: #677718;
    font-family: 'Roboto Slab';
    font-weight: 700;
}


.script {
    color: #443928;
    font-family: 'Homemade Apple';
    margin: 10px 0;
    padding: 15px 0;    
    text-align: center;
}

.script:before, .script:after {
    content: url(images/deco.png);
    display: inline-block;
    margin: 0 10px;
    vertical-align: middle;
}

.script:after {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
}


.details {
    font-size: 110%;
    font-weight: 400;
}




.header {
    letter-spacing: 1px;
    font-size: 1.4em;
    font-weight: 400;
}


    .header a {
        text-decoration: none;
    }




.navwrap {
    font-family: 'Roboto Slab';    
    font-size: 1.6em;
    font-weight: 700;   
}




.article {
    font-size: 1.6em;
}


    .article h1 {
        font-size: 1.875em; /* 30px */
    }


    .article h2 {
        font-size: 1.5625em; /* 25px */
    }
    
    
    .article h3 {
        font-size: 1.25em; /* 20px */
    }
    
    
    



.aside {
    font-size: 1.4em;
}


    .aside h1 {
        font-size: 2.142em; /* 30px */
        font-weight: 700;
    }
    
    
    .aside h2 {
        font-size: 1.785em; /* 25px */
        font-weight: 600;
    }
    
    .aside h3 {
        font-size: 1.285em; /* 18px */
        font-weight: 700;
    }



.footer {
    font-size: 1.2em;
}




p {
    margin: 0 0 1em 0;
}





/******************************************************************************/

/*!     STRUCTURE START                                                       */

/*!     1. - Header                                                           */

/******************************************************************************/
    




.header {
    background: url('images/header-fullsize.png') no-repeat center bottom;
    padding: 25px 0;
    position: relative;
    width: 100%;
}


    .logo {
        display: block;
        margin: 0 auto;
        max-width: 450px;
        position: relative;
        text-align: center;
        z-index: 1;
    }
    
    
    .stamp {
        max-width: 200px;
        position: absolute; top: 13%; right: 8%;
    }





/******************************************************************************/

/*!     2. - Menus                                                            */

/******************************************************************************/





.mobile-toggle {
    background: #677718;
    color: white;
    display: none;
    font-size: 20px;
    font-weight: 400;
    padding: 15px;
    position: absolute; top: 2px; left: 2px;
    text-decoration: none;
    z-index: 2;
}
.mobile-toggle:hover {
    color: white;
}


    .mobile-toggle img {
        width: 20px;
    }





.main-navigation .menu {
    margin: 0 auto;
    max-width: 1000px;
    z-index: 1;
}

.navwrap {
    background-image: url('images/menu-bg.png');
    background-repeat: repeat-x;
    height: 52px;
}


    .main-navigation ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
        text-align: center;
    }
    
    .main-navigation ul:before, .main-navigation ul:after {
        color: white;
        content: '\b7';
        display: inline-block;
        font-size: 25px;
        padding: 0 15px;
        vertical-align: -3px;
        visibility: visible; /* overwrite clearfix */
    }


        .main-navigation li {
            display: inline-block;
            position: relative;
            text-align: center;
        }


            .main-navigation li a {
                color: white;
                display: block;
                padding: 10px 10px 20px 10px;
                text-decoration: none;
                text-transform: uppercase;
                height: 40px;
                margin-top: 4px;
                text-align: center;
            }
            
            .main-navigation li:hover > a,
            .main-navigation li.current-menu-item > a,
            .main-navigation li.current_page_item > a {
                color: white;
                background-color: #677718;
            }
            
            .main-navigation li.no-link > a {
                color: white;
                cursor: default;
            }
            
            
            .main-navigation li > ul {
                background: #342301;
                -webkit-border-radius: 0 0 6px 6px;
                        border-radius: 0 0 6px 6px;
                display: none;
                overflow: hidden;
                position: absolute; top: 100%; right: 50%;
                text-align: center;
                -webkit-transform: translateX(50%);
                        transform: translateX(50%);
                white-space: nowrap;
                z-index: 9999;
            }
            
            .main-navigation li:hover > ul {
                display: block;
            }
            
                .main-navigation ul ul:before,
                .main-navigation ul ul:after {
                    content: none;
                }  

                .main-navigation ul ul > li {
                    display: block;
                    width: 100%;
                }

                .main-navigation ul ul > li > a {

                }






/******************************************************************************/

/*!     3. - Section                                                          */

/******************************************************************************/





.section {
    padding: 0;
    position: relative;
    margin: 0 auto;
    max-width: 1000px;
}








/******************************************************************************/

/*!     4. - Article                                                          */

/******************************************************************************/





.article {
    float: left;
    padding: 50px 50px 50px 0;
    width: 55%;
    min-height: 450px;
}

.full .article, .article.full {
    padding: 50px 0;
    width: 100%;
}


.page-header {
    margin: 16px 0;
}

    h1.page-title {
        margin: 0 0 15px;
    }
    
    h1.posts-title,
    h1.post-title {
        margin: 15px 0;
    }

.entry-title {
    margin-bottom: 16px;
}
    
    .item {
        display: block;
        margin: 0 0 10px 0;
        padding: 0 10px 0 0;
        width: 33.333%;
    }
    
        .item img {
            border: 1px solid rgba(0,0,0,0.2);
            -webkit-border-radius: 3px;
                    border-radius: 3px;
            -webkit-box-shadow: 0 0 0 0 white;
                    box-shadow: 0 0 0 0 white;
            opacity: 0.9;  
            -webkit-transition: all 0.3s ease;  
            transition: all 0.3s ease;      
        }
        
        .item:hover img {
            -webkit-box-shadow: 0 0 10px 0 white;
                    box-shadow: 0 0 10px 0 white;
            opacity: 1;
        }
    
    .photo-small-x {
        width: 66.667%;
    }





/******************************************************************************/

/*!     5. - Aside                                                            */

/******************************************************************************/





.aside {
    float: right;
    padding: 40px 0;
    text-align: center;
    width: 45%;
}


.photo-of-the-day {
    position: relative;
}

    .corner {
        border-color: rgba( 238, 235, 233, 0.75 ) transparent transparent  rgba( 238, 235, 233, 0.75 );
        border-style: solid;
        border-width: 15px;
        position: absolute;
        z-index: 1;
    }
    
    .lt { top: -2px;    left: -2px;                                }
    .rt { top: -2px;    right: -2px;    border-color: rgba( 238, 235, 233, 0.75 ) rgba( 238, 235, 233, 0.75 ) transparent transparent;  }
    .rb { bottom: -2px; right: -2px;    border-color: transparent rgba( 238, 235, 233, 0.75 ) rgba( 238, 235, 233, 0.75 ) transparent; }
    .lb { bottom: -2px; left: -2px;     border-color: transparent transparent rgba( 238, 235, 233, 0.75 ) rgba( 238, 235, 233, 0.75 ); }    
    

    .photo {
        -webkit-border-radius: 3px;
                border-radius: 3px;
        -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.45);
                box-shadow: 0 0 10px 0 rgba(0,0,0,0.45);
    }


.ssba-wrap {
    margin: 32px 0;
    font-size: 16px;
}



/******************************************************************************/

/*!     6. - Footer                                                           */

/******************************************************************************/



.footer {
    background: url('images/footer2.png') no-repeat;  
    background-position: center bottom;
    min-height: 200px;
    padding: 160px 0 0; 
    width: 100%;
}


    .footer-credits {
        float: left;
        width: 50%;
    }
    
    
    .footer-designed {
        float: right;
        max-width: 50%;
        text-align: right;
    }