/* -------------------------------------------------------------- 
    
    layout.css    
    * Lays out the main page structure and design.
    * Last Published: January 16, 2012 10:17 PM
    
-------------------------------------------------------------- */

@font-face {
    font-family: 'ScoreBoardRegular';
    src: url('/css/scoreboard-webfont.eot');
    src: url('/css/scoreboard-webfont.eot?#iefix') format('eot'),
         url('/css/scoreboard-webfont.woff') format('woff'),
         url('/css/scoreboard-webfont.ttf') format('truetype'),
         url('/css/scoreboard-webfont.svg#webfontkKkcYfyg') format('svg');
    font-weight: normal;
    font-style: normal;
}

    body {
        background: #000 url(/css/img/garden_bg_1112.jpg) top center no-repeat;
        text-align: center;
        }
        
        body.body_celtics {
            background: #000 url(/css/img/celtics_bg_1112.jpg) top center no-repeat;
        }
        
        body.body_bruins {
            background: #000 url(/css/img/bruins_bg_1112_v2.jpg) top center no-repeat;
        }        
                
        #yellowBG {
            background: url(/css/img/bg-top.png) 0 0;
        }


        body #yellowBG, body.body_bruins #yellowBG, body.body_celtics #yellowBG {
        background: url(/css/img/bg-top_alt.png) bottom left repeat-x;
         }

 
        #backgroundTop {
            margin: 0 auto;
            /*background: url(/css/img/bg-top.png) top left repeat-x;*/
        }


            body #backgroundTop {
           margin: 0 auto;
           background: url(/css/img/garden_bg_1112_top.jpg) top center repeat-x;
          }


          body.body_bruins #backgroundTop {
           margin: 0 auto;
           background: url(/css/img/bruins_bg_1112_top_v2.jpg) top center repeat-x;
          }

         body.body_celtics #backgroundTop {
           margin: 0 auto;
           background: url(/css/img/celtics_bg_1112_top.jpg) top center repeat-x;
          }


        
        #backgroundBottom {
            margin: 0 auto;
            height: auto;
            min-height: 773px;
                _height: 773px;
            background: url(/css/img/bg-bottom_alt.png) bottom center repeat-x;
        }
        #envelope {
            position: relative;
            margin: 0 auto;
            width: 960px;
            text-align: left;
            }
            #logo {
                position: relative;
                margin: 0 auto;
                width: 960px;
                height: 140px;
                }
                
                #logo a {
                    display: block;
                }
                #logo span {
                    display: none;
                }
                
                #logo h1 {
                    position: absolute;
                    top: 0;
                    right: -98px;
                    width: 370px;
                    height: 140px;
                    background: url(/css/img/logo-tdgarden.png) top left no-repeat;
                    }
                    
                    #logo h1 a {
                        display: block;
                        width: 370px;
                        height: 140px;
                    }
                
                #logo ul {
                    position: absolute;
                    top: 81px;
                    left: 546px;
                    }
                    
                    #logo ul li {
                        float: left;
                        }
                   #logo ul a {
                        float: left; 
                        height: 59px;                     
                        }
                        
                        a#bruins {
                        width: 77px;    
            
                            background: url(/css/img/logo-bruins.png) top left no-repeat;
                        }
                        a#celtics {
                        margin-left:-10px;
                        width: 77px;
              
                            background: url(/css/img/logo-celtics.png) top left no-repeat;


                        }
                                          #search {
                       margin:10px 0 3px -10px !important;
                       width: 342px;    
                                  
                        }     


                     body#home  #search {
                       position: absolute !important;
                       top: 442px !important;
                       left: 18px !important;
                       width: 342px !important;  
                       margin:0 !important;  
                       z-index: 2 !important;            
                        }     
    
               #search fieldset {
                    border: none;
                    }
            
                    #search label {
                        display: none;
                        }
                    
                    #search input {
                        border: none;
                        }
                            
                        #search input#searchField {
                            padding: 7px 14px 0 10px;
                            width: 225px;
                            height: 10px;
                            background: url(/css/img/bg-inputfield.gif) top left no-repeat;
                        }
                
                        #search input#searchButton {
                            position: relative;
                            top: 3px;
                            border: none;
                        }
                
            #levelOneNavigation {
                position: absolute;
                top: 140px;
                left: 20px;
                width: 960px;
                z-index: 2;
                }
                
            #sublevelNavigation {
                position: absolute;
                top: 204px;
                left: 30px;
                width: 335px;
                z-index: 2;
                }

            #announcement {
                position: absolute;
                top: 10px;
                left: 350px;
                color: #fff;
                font-family: 'ScoreBoardRegular';
                }
                
                #announcement h1 {
                    font-size: 48px;
                    color: #fff;
                }
                #announcement p {
                    margin-top: -4px;
                    padding-left: 3px;
                    font-size: 24px;
                    color: #f2a900;
                }    


              .content {
                position: relative;
                margin: 0 auto;
                margin-bottom: -12px;
                padding: 50px 0 0 0;
                
                width: 960px;
                background: url(/css/img/bg-content.png) top left no-repeat;
                }
                #contentArea {
                    /*margin: 0 20px 18px 20px;*/
                    position: relative;
                    top: -10px;
                    padding: 0 28px 0 339px;
                                        height: auto;
                    min-height: 377px;
                        _height: 377px;
                    background: url(/css/img/bg-contentarea.png) 0 10px no-repeat;
                    }
                    
                    div.scrollArea {
                        position: relative;
                        top: 17px;
                        padding: 12px 24px 30px 30px;
                        width: 525px;
                        height: auto;
                        min-height: 463px;
                            _height: 463px;
                        border: 7px solid #c1c8ce;
                        }
                #focusAreas {
                    margin:-15px 0 0 0 !important ;
                    display:block;
                    width:301px;
                    }

                body#home #focusAreas {
                    position: absolute !important;
                    bottom: -9px !important;
                    left: 30px !important;
                    margin:0  !important;
                    }

                #footer {
                position: relative;
                margin: 0 auto;
                width: 960px;
                height: auto;
                min-height: 216px;
                    _height: 216px;
                }
            #art { }
            #flash { }

    


/*******************************************************************************************
TITLE: the genius development framework
VERSION: 1.0.0
URI: http://www.geniusswitchstudio.com/
AUTHOR: Christian Alexander Seeber, Principal + User Experience Architect
COPYRIGHT: 2009 genius switch studio llc
DESCRIPTION: HTML/CSS/JS Framework or Repository created by genius switch studio
in order to streamline all builds. HTML Structure is always the same, 
CSS Structure is always the same, jQuery drives everything. 
**********************************************************************************************/