/** * Page Layout Styling * @author Guillaume VanderEst * @version 1.0.0 * @date January 13th, 2009 */ /** Accessibility-Related Styles **/ #accessibilityLinks { display: none; } /** Base Tag Layout Styles **/ html { background: #efbf0f url(../img/layout/site-tile.jpg) top left; width: auto; } body { background: transparent url(../img/layout/looping-background.jpg) top left repeat-x; } /** Sections **/ #wrapper { background: transparent url(../img/layout/wrapper-background.jpg) top center no-repeat; min-height: 1269px; text-align: center; } #container { width: 990px; margin: 0px auto; text-align: left; } #head { line-height: 1; height: 294px; margin: 0px 60px 0px 60px; background: transparent url(../img/layout/head-background.jpg) top center no-repeat; } #head #logo { margin-left: 20px; position:relative;} #head #logo img { position: absolute; width: 350px; height: 204px; border: 0px; left: 250px; } #head h1, #head h2 { display: none; } #menu { z-index: 1; height: 62px; margin: 0px 20px 0px 20px; width: 830px; position: relative; top: 207px; } #menu ul { margin: 0px; } #menu li { list-style: none outside; float: left; height: 62px; overflow: hidden; background-image: url(../img/layout/menu-items.jpg); } #menu li a { padding-top: 62px; display: block; width: 200px; } #menu li li { float: none; height: auto; overflow: normal; background-image: none; width: 200px; } #menu li li a { padding-top: 0; display: block; width: 200px; } #menu li#menu_33 { background-position: -34px 0px ; margin-left: 34px; width: 74px; } #menu li#menu_34 { background-position: -111px 0px; width: 82px; } #menu li#menu_35 { background-position: -193px 0px; width: 140px; } #menu li#menu_36 { background-position: -521px 0px; width: 183px; margin-left: 188px; } #menu li#menu_37 { background-position: -704px 0px; width: 102px; } #menu li#menu_33:hover, #menu li#menu_33.hover, #menu li#menu_33.selected { background-position: -34px -62px; } #menu li#menu_34:hover, #menu li#menu_34.hover, #menu li#menu_34.selected { background-position: -111px -62px; } #menu li#menu_35:hover, #menu li#menu_35.hover, #menu li#menu_35.selected { background-position: -193px -62px; } #menu li#menu_36:hover, #menu li#menu_36.hover, #menu li#menu_36.selected { background-position: -521px -62px; } #menu li#menu_37:hover, #menu li#menu_37.hover, #menu li#menu_37.selected { background-position: -704px -62px; } #menu li#menu_33 ul { margin-left: -70px; } #menu li#menu_34 ul { margin-left: -65px; } #menu li#menu_35 ul { margin-left: -30px; } #menu li#menu_36 ul { margin-left: -13px; } #menu li#menu_37 ul { margin-left: -50px; } /* Submenu Dropdowns */ #menu ul li:hover ul, #menu ul li.hover ul { left: auto; } #menu ul ul { margin-left: -50px; margin-top: -16px; padding-top: 15px; position: absolute; background: transparent url(../img/layout/menu-dropdown-background.png) top center no-repeat; left: -999em; text-align: center; } #menu ul ul li, #menu ul ul li a { height: auto !important; padding: 0px !important; margin: 0px !important; } #menu ul ul li { font-weight: bold; white-space: nowrap; border-bottom: 1px solid #fff; } #menu ul ul li.last { border-bottom: none; } #menu ul ul li a { padding: 10px 0 10px 0 !important; color: #ffffff; text-decoration: none; font-size: 16px; } #menu ul ul li a:hover { background-color: #000000; } #content { margin: 0px 87px 0px 87px; min-height: 449px; padding-bottom: 90px; } #body { background: transparent url(../img/layout/looping-content-background.jpg) top center repeat-y; } #foot { clear: both; height: 334px; background: transparent url(../img/layout/foot-background-content.png) bottom center no-repeat; position:relative;} #foot #sections { position: absolute; top:40px; left:39px; } #foot #know_your_limit { position: absolute; margin-top: 250px; margin-left: 79px; } body.content #designedBy { margin-top: -50px; text-align: right; } #designedBy { padding-right: 70px; font-size: 12px; } #designedBy img { position: relative; top: 6px; } #designedBy a { text-decoration: none; color: #ffffff; } /** Page-Specific Modifications **/ body.home #content { height: 449px; padding: 0px !important; background: transparent url(../img/home-page-splash.jpg) top left no-repeat; margin: 0px 0px 0px 87px; } body.home #current_events { float: right; width: 208px; margin: 100px 110px 0px 0px; color: #ffffff; text-align: justify; } body.home #current_events p { margin-bottom: 25px; margin-right:5px; font-size:15px; line-height:1.5;} body.home #tag_line { position: relative; top: 10px; left: 10px; } body.home #tag_line_caption { margin: 15px 0px 0px 15px; } body.home #tag_line_controls { display: inline; } body.home #tag_line_controls img { margin-right: 5px; } body.home #tag_line_string { display: inline; font-size: 14px; position: relative; top: -6px; margin-left: 5px; } body.home #foot { position: relative; top: -85px; height: 334px; background: transparent url(../img/layout/foot-background-home.png) bottom center no-repeat !important; } body.home #designedBy { position: relative; top: -85px; text-align: left; margin: 15px 70px 0 90px; } body.home p { margin: 0 0 15px 0; } /*#page_index #foot { height: 400px; margin-top: -86px; background: transparent url(../img/index-foot-background.png) bottom center no-repeat; }*/ .content #wrapper { background: transparent url(../img/layout/wrapper-background-content.jpg) top center no-repeat !important; } .content #body { background: transparent url(../img/layout/body-background.png) top center repeat-y; min-height: 1px; } .content #foot { height: 400px; margin-top: -85px; background: transparent url(../img/layout/foot-background-content.png) bottom center no-repeat; } #gallery #gallery_picture { text-align: center; margin: 0 25px 0 25px; overflow: hidden; height: 450px; } #gallery ul { display: block; margin: 25px 100px 0 100px; text-align: center; } #gallery ul li { line-height: 30px; display: inline; list-style: outside none; } #gallery ul li img { width: 70px; height: 51px; margin-right: 5px; } #bingo_promos { background: transparent url(/files/images/bingo-promo-background.png) top left no-repeat; padding-top: 130px; border-top: 1px solid #888; } #longshots_promos { background: transparent url(/files/images/longshots-promo-background.png) top left no-repeat; padding-top: 130px; border-top: 1px solid #888; }