/* -------------------------------------

    Nike Dunk styles v1.0
    Authors:     Matt Smith (matt.smith@akqa.com), Simon Carter (simon.carter@akqa.com) 	
    Description: Common styles
    Contents:   
    1   -   Reset
    2   -   General font styling
    3   -   General layout, including content containers
    4   -   Columns and text blocks
    5   -   Gallery
    6   -   Header
    7   -   Footer
    8   -   Modal

------------------------------------- */

/* ---- common colours -----

Yellow:             #f9cd04;
Pink:               #da53cc;
Bright Pink:        #fa05a1;
(Another) Pink:     #ff3399;

---------------------------- */

/* -- Section 1 : Reset -- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent; 
	border: 0;
	margin: 0;
	padding: 0;
	outline: 0;
	vertical-align: baseline;
}
body {
    font-size: 62.5%;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

    /* -- Section 2 : general font styling - see culture files for background, height and width properties -- */
    body {
        font-size: 0.7em;
        font-family: Century Gothic, sans-serif;
        font-weight: normal;
        font-style: normal;
    }

    p,
    html p {
        color: #ffffff;
        font-family: Century Gothic, sans-serif;
        font-size: 10px;    
        line-height: 1.1em;
        text-transform: uppercase;
    }

    b 
    {
        color: #f9cd04;
        font-weight: normal;
    }

    h1 
    {
        background: transparent url("http://nikefootball.nike.com/nikefootball/nikedunk/website/App_Themes/NikeDunkTheme/images/logo_main.png") no-repeat left top;
        float: left;
        font-size:1.3em;
        height: 300px;
        left: 0px;
        position: absolute;
        top: 0px;
        width: 188px;
        z-index: 3;
    }
    
    h1 a {
        text-indent:-1000em;
        height:190px;
        width:120px;
        display:block;
    }

    /* -- position main heading for each blob / section -- */
    h2 
    {
        left: 156px;
        position: absolute;
        text-indent: -3000px;
        top: -2px;
    }

    h3.content_heading 
    {
        text-indent: -3000px;
    }
    
    a {
        color: #000;
        text-decoration: none;
    }

    a:hover {
        text-decoration:underline;
    }


        /* -- Section 3 : background and layout settings -- */

        html {
            background: #000 url("http://nikefootball.nike.com/nikefootball/nikedunk/website/App_Themes/NikeDunkTheme/images/back_main.jpg") no-repeat 0px 41px;
            color: #fff;
            height: 100%;
        }
        
        input, select {
            border:none;
            padding:1px;
            text-transform:none;
        }
        
        .checkbox {
            margin-left:5px;
            color: #ffffff;
        }
        
        legend {display:none;}

        .clear { clear: both;}

        .hide, hr {display: none !important;}

        .invisible         {visibility: hidden;}
        
        .visible           {visibility: visible;}

        .left_margin_wrapper    {margin-left: 118px;}

        #main_wrapper {
            float: left;
            position: relative;
            width: 99%;
            margin-top:40px;
        }

        .content_container {
            background: transparent;
            float: left;
            left: 118px;
            margin: 102px 0px 0px 0px;
            padding-bottom: 130px;
            position: relative;
            width: 655px;
            z-index: 10;
         }

        .content_top 
        {
            background: transparent url("http://nikefootball.nike.com/nikefootball/nikedunk/website/App_Themes/NikeDunkTheme/images/login/blob_top_1.jpg") no-repeat top left;
            height: auto;
            padding-top: 86px; /* this allows enough space for the section / blob header */
            width: 655px;
        }

        /* content_lower used on portfolio / upload page */

        .content_lower {
            background: transparent url("http://nikefootball.nike.com/nikefootball/nikedunk/website/App_Themes/NikeDunkTheme/images/blob_lower.png") no-repeat top left;
            clear: both;
            width: 735px;
        }

        .content_bottom 
        {
         width:auto;
         margin:0 10px;
         float:left;
        }

        .content_base 
        {
            float: left;
        }

        /* N.B. content_base styles extended in sc_user and page-specific css files */

            /* 4. - Columns and text blocks. 
                    Reuse .column across multiple layouts. 
                    Apply another class to set width, height and position */

            .column {
                float: left;
                position: relative;
            }

            .txt_intro 
            {
                width:11em;
            }

            .txt_block 
            {
                display: block;
                float: left;
                height: 7em;
                margin-right: 15px;
                width: 70px;
            }

            .txt_block .txt_intro 
            {
                width: auto;
            }

                /* 5. Gallery */

                #main_gallery {
                    width:100%;
                    height:100%;
                    position: absolute;
                    left:0px;
                    margin-top:0px;
                    background-color:#000;
                }
                
                #main_gallery #main_wrapper 
                {
                    height: 90%;
                    position:absolute; /* required for Firefox */
                    z-index: 3;
                }
                
                #main_gallery #flashcontent 
                {
                    height: 100%;
                    text-align: center;
                }
                
                #main_gallery h1 {
                    display:none;
                }
                
                #flashcontent img,
                #flashcontent p {margin-top: 20px;}
                
                    /* 6. Declare Header Styles */
                    #header 
                    {
                        padding: 6px 0px 6px 0px;
                        position:absolute;
                        width:100%;
                        min-width: 990px;
                        top:0px;
                        height:25px;
                        left:0px;
                    }

                    /* N.B. for header and footer navigation, see links_buttons.css */

                    /* Declare Login Form Styles */
                    #header #login 
                    {
                        text-align:right;
                        float:right;
                        margin-right:5px;
                        width:200px;
                    }

                    .login_box_wrapper,
                    .login_failure_text 
                    {
                        background: #000;
                        float: right;
                    }
                    #header #login input 
                    {
                        float: left;
                        text-transform:none;
                        font-size:100%;
                    }

                    #login span 
                    {
                        float: left;
                    }
                    #header #login .login_input,
                    #default #gallery_search .input_text
                    {
                        border: 0px;
                        font-size: 9px;
                        height: 11px;
                        margin: 1px 0px 0px 0px;
                        width: 80px;
                    }
                    
                    .de #header #login .login_input,
                    .de #default #gallery_search .input_text
                    {
                        width: 115px;
                    }

                    .fr #header #login .login_input,
                    .fr #default #gallery_search .input_text
                    {
                        width: 95px;
                    }

                    #default #gallery_search .input_text 
                    {
                        margin-top: 5px;
                    }

                    #header #login label {
                        display:none;
                    }
                    #header #login a  {
                        color:#fff;
                        padding: 1em;
                    }
                    #header #login span {
                        font-size:200%;
                    }
                    #header #login .remember_login {
                        font-size:100%;
                    }

                    #header #login .remember_login label {
                        display:inline;
                    }

                    /* login username / profile / logout */
                    #header #login span.link_arrow {
                        font-size:10px;
                        float:none;
                        color:#f9cd04;
                    }

                    #header #login .welcometext {
                        float:left;
                    }

                    #header #login .link_arrow {
                        color:#da53cc;	
                    }

                        /* 7. Declare Footer Styles */
                        #footer 
                        {
                            position:fixed;
                            background-color:#000;
                            bottom: 0;
                            left:0;
                            margin:0;
                            color:#fff;
                            width:100%;
                            z-index: 3000;
                            height:auto;
                            min-width: 910px;
                        }
                        #footer #strapline {
                            float:left;
                            margin:8px 0 0 10px; 
                            background:transparent url(http://nikefootball.nike.com/nikefootball/nikedunk/website/App_Themes/NikeDunkTheme/images/txt_betrue.gif) no-repeat;
                            height:23px;
                            width:101px;
                            text-indent:-1000em;
                        }
                        #footer #logo {
                            float:right;
                            margin:6px 10px 6px 0;
                            background:transparent url(http://nikefootball.nike.com/nikefootball/nikedunk/website/App_Themes/NikeDunkTheme/images/logo_niketick.gif) no-repeat;
                            width:46px;
                            height:27px;
                            text-indent:-1000em; 
                        }

                            /* 8. generic modal stuff, used on associates and register pages */

                            #modal 
                            {
                                height: 100%;
                                left: 0px;
                                position: absolute;
                                top: 0px;
                                width: 100%;
                                z-index: 1999;
                            }

                            .overlay 
                            {
                                background: #000;
                                height: 100%;
                                width: 100%;
                            }

                            #modal_content 
                            {
                                left: 0px;
                                position: absolute;
                                top: 0px;
                                z-index: 2010;
                            }

                            .modal_hide
                            {
                                visibility: hidden;
                                position:absolute;
                                top:-999px;
                                left:-999px;
                            }
                            
                            #user.register .modal_hide {display: none;}
                            
                            .modal_show 
                            {
                                display: block;
                                height: 600px;
                                visibility: visible;
                                width: 900px;
                                float: left;
                            }

                            h3.overlay_logo 
                            {
                                background: transparent url("http://nikefootball.nike.com/nikefootball/nikedunk/website/App_Themes/NikeDunkTheme/images/associates/overlay_logo.gif") no-repeat left top;
                                display: block;
                                height: 200px;
                                left: 25px;
                                margin: 0px;
                                position: absolute;
                                text-indent: -3000px;
                                top: 3px;
                                width: 106px;
                                z-index: 2002;
                            }