/**
 * @fileOverview brand-styles.css template. Fill in the appropriate fields, normally denoted with angle brackets <foo>
 * @author Kyle Brown (kbrown@iwin.com)
 * @ref s-img.iwin.com/images/site-brand/default/styles/
 * @ref cimg.iwin.com/images/site-brand/default/styles/
 * @assets /images/site-brand/<theme>/
 */

 /* body of the page, occurs in both IWGM and site */
 body {
    /* background color, should match main color of the background image 
       for default "no brand" style, don't override the regular site-brand background 
       background-color: #3ad6ff; */ 
    
    /* background image, should reference a specific theme using relative pathing, relative to site-brand/default/styles/ 
       for default "no brand" style, don't override the regular site-brand background 
       background-image: url(../../clubiwin/images/bg-center.jpg); */
    
    /**
     * for background images that are non-repeating (includes H takeovers) use the following:
     *      background-position: center top;
     *      background-repeat: no-repeat;
     *
     * otherwise if repeating use the following instead (use x, or y, depending on design):
     *      background-repeat: repeat-x;
     */
    background-position: center top;
    background-repeat: no-repeat;
}

/* The arcade container, this is a container used only in IWGM and wraps the body content. Use for IWGM specific themes.
 * Below is the default iwgm theme (no theme).
 */
#arcade_container {
    /* background color, should match main color of the background image */
    background-color: #BFE7F3;
    
    /** 
     * you may remove the background image from arcade if needed:
     *      background-image: none;
     *
     * otherwise, reference your background image
     *      background-image: url(../../<theme>/images/<background-image.jpg>);
     */
    background-image: none;
    
    /** for background images that are non-repeating use the following: 
     *      background-position: center top;
     *      background-repeat: no-repeat;
     *
     * otherwise if repeating use the following instead (use x, or y, depending on design):
     *      background-repeat: repeat-x;
     */
}

/* The arcade container side bar image. The sidebar is basically the left side of the page and is covered by the 'my games' list in IWGM 
 * Below is the default iwgm theme (no theme).
 */
#arcade_container .sideBarImage {
    /* background color, should match main color of the background image and most likely the overall container background color as well. */
    background-color: #e0fafc;
    
    /**
     * background image for the side bar, should reference a specific theme using relative pathing, relative to site-brand/default/styles/
     *      background-image: url(../../<theme>/images/<sidebar-image.jpg>);
     *
     * To use the default IWGM theme:
     *      background-image: url(../../iwgm/images/iwgm-sidebar.jpg);
     *
     * or you may chose no side-bar image.
     *      background-image: none;
     */
    background-image: url(../../iwgm/images/iwgm-sidebar.jpg);
    
    /* force it to show as desired, as it is hidden by default */
    display: block!important;
}

/* Promotional Block, otherwise known as the "H" takeover. This is a horizontal block below the header used for marketing/advertisements/promotions.
 * The associated script file controls what is shown (Flash, hotspots). This CSS file controls *if* it is to be shown.
 * @see /images/site-brand/default/scripts/brand-script.js
 */
#promotionalBlock {
    /** 
     * To hide the "H" takeover: display: none!important;
     * To show the "H" takeover: display: block!important;
     */
    display: none!important;

}