* { padding: 0; margin: 0; } a img { border: none; } /* * Include whatever:hover in ie6. */ /*\*/ * html body { behavior: url("/neonsleep/javascript/csshover3.htc"); } /**/ /* * Image replacement classes. */ .ir { position: relative; overflow: hidden; } .ir span { width: 100%; height: 100%; display: block; position: absolute; background-position: top center; background-repeat: no-repeat; } .hidden { display: none; } /* * Main shell div. This is the container element for all other elements. */ #shell { margin: auto; width: 1024px; } /* * Header title element. */ a.h1 { cursor: pointer; } a.h1 h1 { width: 699px; height: 150px; margin: 0 auto; } a.h1 h1 span { background: url(../images/title.jpg); } /* * Left-floating main navigation column. */ #main_nav { float: left; width: 159px; margin-top: 12px; z-index: 1; position: relative; } /* * Formatting for the unordered list making up the main menu. */ #main_nav ul { list-style: none; width: 100%; } #main_nav li { display: block; width: 100%; height: 27px; } #main_nav li a { float: right; width: 111px; height: 24px; margin-bottom: 3px; cursor: pointer; } #main_nav a.current, #main_nav a.section { width: 144px; } /* display: inline; on IE to fix extra li spacing bug. */ *+html #main_nav li { display: inline; } /*\*/ * html #main_nav li { display: inline; } /**/ /* * Styles for each of the menu items. */ #main_nav li span { background-position: right center; } #main_nav li.home span { background-image: url(../images/nav_home.gif); } #main_nav li.hello span { background-image: url(../images/nav_hello.gif); } #main_nav li.parties span { background-image: url(../images/nav_parties.gif); } #main_nav li.photos span { background-image: url(../images/nav_photos.gif); } #main_nav li.sidewalk span { background-image: url(../images/nav_sidewalk.gif); } #main_nav li.jewellery span { background-image: url(../images/nav_jewellery.gif); } #main_nav li.graphics span { background-image: url(../images/nav_graphics.gif); } #main_nav li.shop span { background-image: url(../images/nav_shop.gif); } #main_nav li.blog span { background-image: url(../images/nav_blog.gif); } #main_nav li.collabs span { background-image: url(../images/nav_collabs.gif); } #main_nav li.friends span { background-image: url(../images/nav_friends.gif); } #main_nav li.press span { background-image: url(../images/nav_press.gif); } #main_nav li.contact span { background-image: url(../images/nav_contact.gif); } /* * Search box, below the main menu navigation. */ /* #search { width: 144px; height: 24px; float: right; background-image: url(../images/nav_search.gif); } #search .text { width: 86px; height: 16px; margin-top: 4px; margin-left: 10px; float: left; border: none; background: none; } #search .submit { width: 37px; height: 8px; margin-top: 8px; margin-left: 4px; float: left; border: none; background-image: url(../images/nav_search_button.gif); } */ /* * Middle column, main content shell. */ #main { width: 710px; margin: 8px 0px 0px -2px; float: left; position: relative; padding: 16px 0px 213px; background: url(../images/main_bg_centre.gif) center 16px; } #main .top { width: 710px; height: 16px; position: absolute; top: 0px; left: 0px; background: url(../images/main_bg_top.gif) no-repeat top center; } #main .bottom { width: 710px; height: 219px; position: absolute; bottom: -1px; left: 0px; background: url(../images/main_bg_bottom.gif) no-repeat bottom center; } /* * Headers and footers within the middle column. */ #main .header, #main .footer { width: 692px; padding: 15px 0; margin-left: 9px; position: relative; float: left; display: inline; background: #666; } #main .header img, #main .footer img { display: block; margin: auto; } #main .header { margin-bottom: 7px; margin-top: -5px; } #main .footer { margin-top: 6px; } .tl { position: absolute; top: 0%; left: 0%; } .tr { position: absolute; top: 0%; right: 0%; } .bl { position: absolute; bottom: 0%; left: 0%; } .br { position: absolute; bottom: 0%; right: 0%; } /* * Main content panel. */ #main #content { width: 651px; padding: 15px; margin: 0 0 6px 15px; position: relative; float: left; display: inline; min-height: 330px; height: auto !important; height: 330px; background: url(../images/content_bg_centre.gif) center 7px; } #main #content .top { width: 681px; height: 7px; position: absolute; top: 0px; left: 0px; background: url(../images/content_bg_top.gif) no-repeat top center; } #main #content .bottom { width: 681px; height: 7px; position: absolute; bottom: 0px; left: 0px; background: url(../images/content_bg_bottom.gif) no-repeat bottom center; } /* * Horizontal nav, used by photo blog pages. */ .horizontal-nav { overflow: hidden; white-space: nowrap; width: 651px; } .horizontal-nav a img { margin: 0 3px; } .overview .horizontal-nav { white-space: normal; } /* * Right column, sponsor images and links. */ #sponsor { float: left; width: 150px; margin-left: 7px; margin-top: 13px; } #sponsor img { display: block; margin-bottom: 7px; } /* * Bottom-nav styles. */ #bottom_nav { width: 535px; margin-top: 27px; color: #ccc; font-size: 0.8em; font-weight: bold; text-align: right; } #bottom_nav input.submit { display: none; } #bottom_nav a { color: #ccc; text-decoration: none; text-align: left; } #bottom_nav input.text { border: none; background: #ccc; color: white; font-weight: bold; font-size: 0.8em; width: 137px; vertical-align: 1px; } #bottom_nav form { display: inline; } #bottom_nav form img, #bottom_nav form input { margin-left: 5px; } #search, #newsletter { float: right; } #search { width: auto; margin-right: 10px; } #newsletter { width: auto; } #copyright { float: right; clear: right; font-size: 0.6em; margin-top: 8px; } /* * Styles for the Neon Sleep / Orcon logos. */ a.neonsleep, a.orcon { float: right; margin-top: 8px; } a.neonsleep { width: 50px; height: 38px; margin-right: 8px; } a.neonsleep span{ background: url(../images/neonsleep.gif); } a.orcon { clear: right; width: 38px; height: 38px; cursor: pointer; } a.orcon span { background: url(../images/orcon.gif); } a.orcon span:hover { background-position: 0px 38px; }