/* layout.css
	This document contains elements that are used on every page and are *not* page specific.  They contain basic style
	elements as well as host of positioning elements.
	
	**warning**: changing styles in this stylesheet may effect ALL pages
*/

/* HTML Elements */

    body { margin: 0px; padding: 0px; height: 100%; font-size: 62.5%; background: #1e3e12;  }
    img { border: none; }
    img, #container, #container_btm img, #pattern  { behavior: url(/App_Css/iepngfix.htc); }
    strong { font-size: 1.1em; }
    span.hdn { display: none; }
    h1, h2, h3, ul, dl, dt, dd, p { margin: 0px; padding: 0px;}
    a { color: #eb8932; outline: none }
    a:hover {color: #EF974A}
    
/* Main Wrappers */

    #big_wrapper { width: 100%; float: left; background: #1e2912 url(/images/2009/bg_body.jpg) no-repeat top center; padding-bottom: 100px;}
    #wrapper { width: 818px; margin: 0px auto; font: normal 1.0em arial; color: #8C8C8C;}
    #container { width: 798px; float: left; padding: 0px 10px; background: url(/images/bg_container.png) repeat-y; }

/* Header / Navigation */

    #header { float: left; width: 790px; padding: 10px 0px 0px 10px; height: 103px; color: #fff; background: url(/images/2009/bg_header.jpg) no-repeat; }
        #header a { color: #fff; text-decoration: none;}
        #header a:hover { color: #CB8F0A}
        #header img { margin-right: 5px }
        #header a.home { width: 200px; height: 70px; position: absolute; margin: 26px 0px 0px -150px}
    #nav { float: left; width: 800px; height: 37px; background: url(/images/2009/bg_nav.jpg) no-repeat; } 
        #nav ul {list-style: none; margin-left: 0px}
        #nav li { float: left; }
        #nav li a {display: block; height: 28px; }
        #nav li a span { display: none; }
        #nav li.home a { width: 49px; background: url(/images/2009/nav/btn_Home.gif) no-repeat 0px 0px; }
        #nav li.tour_schedule a { width: 104px; background: url(/images/2009/nav/btn_TourSchedule.gif) no-repeat 0px 0px; }
        #nav li.merchandise a { width: 94px; background: url(/images/2009/nav/btn_Merchandise.gif) no-repeat 0px 0px; }
        #nav li.booking_info a { width: 67px; background: url(/images/2009/nav/btn_BookingInfo.gif) no-repeat 0px 0px; }
        #nav li.artist_info a { width: 83px; background: url(/images/2009/nav/btn_ArtistInfo.gif) no-repeat 0px 0px; }
        #nav li.photos a { width: 61px; background: url(/images/2009/nav/btn_Photos.gif) no-repeat 0px 0px; }
        #nav li.ceili_flix a { width: 70px; background: url(/images/2009/nav/btn_CeiliFlix.gif) no-repeat 0px 0px; }
        #nav li.ceili_blog a { width: 47px; background: url(/images/2009/nav/btn_CeiliBlog.gif) no-repeat 0px 0px; }
        #nav li.accolades a { width: 81px; background: url(/images/2009/nav/btn_Accolades.gif) no-repeat 0px 0px; }
        #nav li.myspace a { width: 67px; background: url(/images/2009/nav/btn_Myspace.gif) no-repeat 0px 0px; }
        #nav li.facebook a { width: 75px; background: url(/images/2009/nav/btn_Facebook.gif) no-repeat 0px 0px; }
        #nav li a:hover { background-position: 0px -19px; }

        .home #nav li.home a, .tour_schedule #nav li.tour_schedule a, .merchandise #nav li.merchandise a, .booking_info #nav li.booking_info a, .artist_info #nav li.artist_info a,
        .photos #nav li.photos a, .ceili_flix #nav li.ceili_flix a, .accolades #nav li.accolades a { background-position: 0px -19px; }

/* Top Content */

    #topcontent { float: left; position: relative; z-index: 2; width: 768px; padding: 0px 10px 10px 20px; background: #245115 url(/images/2009/bg_topcontent.jpg) no-repeat bottom; }

/* Btm Content */

    #btmcontent { float: left;  width: 778px; position: relative; z-index: 2; padding: 10px 10px 0px 10px;background: #181A11 url(/images/2009/bg_btmcontent.jpg) no-repeat top; }

    /* Large Area (this is used only on the homepage, for the bigger Btm Content */
    
        .large .feedback_cont { float: left; width: 384px; }
            .large .feedback_cont h1 { float: left; padding: 3px 0px 0px 7px  }
            .large .feedback_cont ul { float: right; list-style: none; margin-right: 10px;}
            .large .feedback_cont li { float: left; }
            .large .feedback_cont a { display: block; height: 17px; }
            .large .feedback_cont a span { display: none; }
            .large .feedback_cont li.mailing_list a { width: 81px; background: url(/images/2009/tabs/tab_MailingList.gif) no-repeat 0px 0px; }
            .large .feedback_cont li.send_to_friend a { width: 95px; background: url(/images/2009/tabs/tab_SendtoFriend.gif) no-repeat 0px 0px; }
            .large .feedback_cont li.contact_form a { width: 92px; background: url(/images/2009/tabs/tab_ContactForm.gif) no-repeat 0px 0px; }
            .large .feedback_cont li a.on { background-position: 0px -18px; }
        
        .large .forms_cont { float: left; position: relative; width: 364px; padding: 10px; padding-bottom: 0px; background: #193c0d url(/images/2009/rect_forms_top.gif) no-repeat; }
            .large .forms_cont .hdn { display: none;  }
            .large .forms_cont .tabarea { height: 206px; display:none; }
            .large .forms_cont h2 { margin-bottom: 5px; font-size: 1em; color: #518b12; }
            /* .large .forms_cont label see forms.css */
            .large .forms_cont input.FIELD, .large .forms_cont textarea.FIELD { float: left; margin-bottom: 5px; padding: 4px 0px 0px 4px; width: 249px; height: 17px; border: 1px solid #000; background: #385813; font-size: 1em; color: #565D3E}
            .large .forms_cont textarea.FIELD { height: 39px;  }
            .large .forms_cont .buttons { float: right; margin-right: 4px; display: inline;}
            .large .forms_cont .btm { float: left; position: relative; width: 384px; display: inline; margin: 0px -10px 0px -10px; height: 9px; background: url(/images/2009/rect_forms_btm.gif) no-repeat bottom; }
               
            .large .img_verify {position: relative; margin-top: -7px; margin-bottom: 6px; }
            .large .verify_right { float: left;width: 252px;color:#518b12}
            .large .verify_right span { display:block; padding: 4px 0px 4px 0px;}   
                
        
        .large .right_side { float: left; display: inline; margin: 4px 0px 0px 10px; width: 378px }
            .large .photos_cont { float: left; padding-bottom: 10px }
                .large .photos_cont h1 { margin-bottom: 4px; }
            .large .awards_cont { float: left; margin-right: -8px}
                .large .awards_cont img.L { margin-right: 3px; }
     /* Small Area (used on every other page for Btm Content) */

        .small .minimize { position: absolute; right: 10px; top: 10px; }
        .small .feedback_cont { float: left; width: 384px; }
            .small .feedback_cont h1 { float: left; padding: 3px 0px 0px 7px  }
            .small .feedback_cont ul { float: right; list-style: none; margin-right: 10px;}
            .small .feedback_cont li { float: left; }
            .small .feedback_cont a { display: block; height: 17px; }
            .small .feedback_cont a span { display: none; }
            .small .feedback_cont li.mailing_list a { width: 81px; background: url(/images/2009/tabs/tab_MailingList.gif) no-repeat 0px 0px; }
            .small .feedback_cont li.send_to_friend a { width: 95px; background: url(/images/2009/tabs/tab_SendtoFriend.gif) no-repeat 0px 0px; }
            .small .feedback_cont li.contact_form a { width: 92px; background: url(/images/2009/tabs/tab_ContactForm.gif) no-repeat 0px 0px; }
            .small .feedback_cont li a.on { background-position: 0px -18px; }

        .small .forms_cont { float: left; position: relative; width: 364px; padding: 10px; padding-bottom: 0px; background: #193c0d url(/images/2009/rect_forms_top.gif) no-repeat; }
        .small #forms_cont_inner { display: none; }
            .small .forms_cont .hdn { display: none;  }
            .small .forms_cont h2 { margin-bottom: 5px; font-size: 1em; color: #518b12; }
            /* .small .forms_cont label see forms.css */
            .small .forms_cont .buttons { float: right; margin-right: 4px; display: inline;}
            .small .forms_cont .btm { float: left; position: relative; width: 384px; display: inline; margin: 0px -10px -5px -10px; height: 9px; background: url(/images/2009/rect_forms_btm.gif) no-repeat bottom; }

            .small .img_verify {position: relative; margin-top: -7px; margin-bottom: 6px; }
            .small .verify_right { float: left;width: 252px;color:#518b12}
            .small .verify_right span { display:block; padding: 4px 0px 4px 0px;}   

        .small .photos_cont { float: left; width: 214px; margin-left: 10px; }
            .small .photos_cont h1 { float: left; display: inline; padding: 3px 0px 0px 7px}
            .small .photos_cont a.link { float: right; padding-right: 10px; }
        
        .small .awards_cont { float: left; margin: 7px -10px 0px 10px; width: 156px; position: relative;}
            .small .awards_cont img { float: left; margin-left: 10px }


/* Container Bottom (the very bottom rounded rectangle/shadow */

    #container_btm { float: left; width: 818px; z-index: 1; position: relative; height: 44px; margin-top: -25px}
        #container_btm img.bg { position: absolute; top: 0px; left: 0px; }
        #container_btm #pattern { position: absolute; left: -8px; top: -87px; width: 832px; height: 136px; background: url(/images/bg_pattern.png) no-repeat; }
        #container_btm img.left { float: left; margin: 40px 0px 0px 15px; visibility:hidden }
        #container_btm div.middle { color: #fff; font-size: 1.1em; float: left; margin: 60px 0px 0px 100px; }
            #container_btm div.middle a { color: #fff; }
            #container_btm div.middle a:hover { color: #fff; }
        #container_btm img.right { float: right; margin: 40px 15px 0px 0px; }


/* Footer area */

    #footer { width: 100%; height: 40px;}
        #footer ul {list-style: none; margin: 0px auto; width: 800px;}
        #footer li { float: left; }
        #footer li a {display: block; height: 28px; }
        #footer li a span { display: none; }
        #footer li.home a { width: 49px; background: url(/images/2009/nav/btn_Home.gif) no-repeat 0px -48px; }
        #footer li.tour_schedule a { width: 104px; background: url(/images/2009/nav/btn_TourSchedule.gif) no-repeat 0px -48px; }
        #footer li.merchandise a { width: 94px; background: url(/images/2009/nav/btn_Merchandise.gif) no-repeat 0px -48px; }
        #footer li.booking_info a { width: 67px; background: url(/images/2009/nav/btn_BookingInfo.gif) no-repeat 0px -48px; }
        #footer li.artist_info a { width: 83px; background: url(/images/2009/nav/btn_ArtistInfo.gif) no-repeat 0px -48px; }
        #footer li.photos a { width: 61px; background: url(/images/2009/nav/btn_Photos.gif) no-repeat 0px -48px; }
        #footer li.ceili_flix a { width: 70px; background: url(/images/2009/nav/btn_CeiliFlix.gif) no-repeat 0px -48px; }
        #footer li.ceili_blog a { width: 47px; background: url(/images/2009/nav/btn_CeiliBlog.gif) no-repeat 0px -48px; }
        #footer li.accolades a { width: 81px; background: url(/images/2009/nav/btn_Accolades.gif) no-repeat 0px -48px; }
        #footer li.myspace a { width: 67px; background: url(/images/2009/nav/btn_Myspace.gif) no-repeat 0px -48px; }
        #footer li.facebook a { width: 75px; background: url(/images/2009/nav/btn_Facebook.gif) no-repeat 0px -48px; }
        #footer li a:hover { background-position: 0px -67px; }


        .home #footer li.home a, .tour_schedule #footer li.tour_schedule a, .merchandise #footer li.merchandise a, .booking_info #footer li.booking_info a, .artist_info #footer li.artist_info a,
        .photos #footer li.photos a, .ceili_flix #footer li.ceili_flix a, .accolades #footer li.accolades a { background-position: 0px -67px; }