/* RESET */ * { margin: 0; padding: 0; } html { overflow-y: scroll; } html, body { height: 100%; } body { font-size: 62.5%; font-family: Verdana, Arial, Helvetica, sans-serif; color: #777; background: #000 url(/images/bg.png) repeat; } ul, ol { list-style: none; } a { outline: none; text-decoration: none; } a img { border: none; background: none; } img { vertical-align: middle; } table { border-collapse: collapse; } /* UTILITY */ .floatLeft { float: left; } .floatRight { float: right; } .clear { clear: both; } .button { background: #ff0; margin: 5px 0; padding: 3px 8px; color: #000; border: 1px solid #000; } .button:hover { background: #fff; color: #777; } /* TYPGROGRAPHY */ p { font-size: 1.2em; line-height: 1.4em; margin: 0 0 10px 0; } li { font-size: 1.2em; } p#intro-paragraph span { font-size: 2.4em; font-weight: bold; } p#intro-paragraph em { color: #ff0; } a { color: #000; } a:hover, a:active, a:focus { color: #ff0; background-color: #000; } h1 { font-size: 3.6em; font-family: Verdana, Arial, Helvetica, sans-serif; letter-spacing: -1px; } h2 { font-size: 2.8em; font-family: Verdana, Arial, Helvetica, sans-serif; letter-spacing: -1px; } h2.teams { color: #990; margin-top: 20px; } h3 { font-size: 2.6em; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0 0 10px 0; } h4 { font-size: 2.0em; margin-bottom: 15px; } .post h4 { font-size: 1.8em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; color: #990; } blockquote { border-left: 30px solid #777; padding-left: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: italic; } em { font-style: italic; } /* FORMS */ input { padding: 3px; } /* STRUCTURE */ #wrap { width: 887px; margin-bottom: -100px; min-height: 100%; height: auto !important; height: 100%; } #main-col { width: 595px; float: left; margin: 15px 10px 15px 0px; padding-left: 43px; } #sidebar { width: 228px; float: right; clear: right; margin-top: 50px; } #push { height: 100px; } #gear { width: 228px; height: 681px; float: right; display: block; margin-top: 8px; } #page-col { width: 844px; margin: 50px 10px 15px 0px; padding-left: 43px; } /* HEADER */ #header { z-index: -1; position: relative; width: 888px; height:247; display: block; } #bear { z-index: -1; width: 461px; height: 549px; position: absolute; left: 752px; top: 130px; } /* MENU */ #nav { background: url(/images/navbar.png) no-repeat top left; width: 844px; height: 31px; margin: 0 0 0 43px; overflow: auto; text-align: center; padding: 7px 0 0; } #navlinks li { display: inline; height: 31px; text-align: center; padding: 0 25px; } #navlinks li a { font-weight: bold; text-transform: uppercase; color: #ff0; } #navlinks li a:hover, #navlinks li a:active, #navlinks li a:focus { color: #fff; background: none; } /* BLOG ENTRIES */ #news-top { background: url(/images/newstop2.png) no-repeat; width: 595px; height: 118px; } #content-top { background: url(/images/contenttop.png) no-repeat; width: 595px; height: 110px; } #content { background: url(/images/contentbody.png) repeat-y; width: 595px; padding-bottom: 15px; } #content-bottom { background: url(/images/contentbottom.png) no-repeat; width: 595px; height: 76px; } .post, #welcome { padding: 0 50px; } .posttitle { padding-bottom: 10px; } #welcome { background: url(/images/newstitle.png) no-repeat bottom left; padding-bottom: 60px; margin-bottom: 15px; } #commentarea, #resultsarea { width: 490px; padding: 25px 35px 0px 50px; } ol.commentlist li p { font-size: 1.0em; } p.postbar { background: url(/images/postbar.png) top right no-repeat; width: 485px; height: 25px; padding: 5px 0 0 5px; color: #ff0; font-weight: bold; } p.postbar a { color: #fff; } p.postbar a:hover, p.postbar a:active, p.postbar a:focus { color: #000; background-color: #ff0; } /* SIDEBAR */ #sidebg-top { background: url(/images/sidebgtop.png) no-repeat; width: 229px; height: 35px; } #sidebg-body { background: url(/images/sidebgbody.png) repeat-y; padding: 15px; } #sidebg-bottom { background: url(/images/sidebgbottom.png) no-repeat; width: 229px; height: 19px; } #sidebg-body ul { padding: 0 5px; } #sidebg-body ul h3 { margin: 0; } #sidebg-body li p { font-size: 1.0em; } /* PAGES */ #pagebg-top { background: url(/images/pagebgtop.png) no-repeat; width: 844px; height: 40px; } #pagebg-body { background: url(/images/pagebgbody.png) repeat-y; padding: 15px; } #pagebg-bottom { background: url(/images/pagebgbottom.png) no-repeat; width: 844px; height: 61px; } #s1 { margin: 20px auto 0; padding: 15px; min-height: 520px; height: auto !important; height: 520px; width: 520px; } .pics img { padding: 15px; border: 1px solid #ccc; display: block; } ul.teamlist { padding-left: 25px; } #player { float: right; } /* LOCATIONS */ div.location { overflow: auto; } div.location h2 { clear: left; margin-top: 20px; } div.location a { background: url(/images/compass.jpg) no-repeat; display: block; width: 80px; height: 80px; margin: 0 20px 0 0; float: left; } div.location p { padding: 0 0 0 20px; } div.location em { } div.location p.address { padding-top: 20px; } /* FOOTER */ div#footer { width: 844px; height: 100px; margin: 50px 0px 15px 0px; padding-left: 43px; overflow: auto; } div#footer p { text-align: center; color: #fff; padding-top: 5px; font-size: 1.0em; } ul#footbar { } ul#footbar li { display: inline; } ul#footbar li a { float: left; overflow: hidden; background-image: url(/images/footbar.png); background-repeat: no-repeat; display: block; text-indent: -9999px; height: 64px; background-color: transparent; } a.firelab { background-position: 0 0; width: 294px;} a.entriesrss { background-position: -294px 0; width: 115px; } a.commentsrss { background-position: -409px 0; width: 127px; } a.wplink { background-position: -536px 0; width: 306px; } a.firelab:hover, a.firelab:active, a.firelab:focus { background-position: 0 -64px; } a.entriesrss:hover, a.entriesrss:active, a.entriesrss:focus { background-position: -294px -64px; } a.commentsrss:hover, a.commentsrss:active, a.commentsrss:focus { background-position: -409px -64px; } a.wplink:hover, a.wplink:active, a.wplink:focus { background-position: -536px -64px; }