/* ========================================================================= */ /* UNIVERSAL STYLES */ /* ========================================================================= */ * { margin: 0; padding: 0; font-family: 'Lucida Grande', Arial, Helvetica, sans-serif; } html, body { font-size: 12px; line-height: 150%; background: #0a3a7c url(../images/bg.gif) repeat-x 0 0; color: #454545; } /* ========================================================================= */ /* LAYOUT STYLES */ /* ========================================================================= */ #wrapper { width: 100%; background: #fff; margin-top: 5px; } #wrapper-inner { width: 1080px; margin: 0 auto; } /* #content { background: url(../images/bg_header.jpg) no-repeat 0 100%; overflow: hidden; min-height: 464px; padding-bottom: 20px; *height: 400px; } #banner { clear: both; margin-top: -125px; *position: relative; *width: 1080px; *top: -125px; } */ #content { background: url(../images/bg_header.jpg) no-repeat 0 100%; overflow: hidden; min-height: 464px; padding-bottom: 20px; } #banner { clear: both; margin-top: -125px; position: relative; width: 1080px; } #content-index { background: #0a3a7c url(../images/bg_footer.gif) repeat-x 0 0; padding: 1px; color: #fff; } #content-index-inner { width: 1080px; margin: 0 auto; overflow: hidden; } #content-sub { width: 300px; float: left; margin: 0; } #content-main { margin: 0 120px 0 400px; padding-top: 1px; } #footer { background: #0a3a7c url(../images/bg_footer.gif) repeat-x 0 0; padding-top: 1px; clear: both; } #footer #footer-inner { width: 1080px; margin: 0 auto; } /* = Homepage-Specific styles ============================================== */ body#homepage #footer { background: none; } body#homepage #footer-inner { border-top: 1px solid #9DAFC9; } body#homepage #content { _height: 475px; } /* ========================================================================= */ /* ELEMENT STYLES */ /* ========================================================================= */ h1 { font-size: 24px; margin: 20px 0; color: #00438A; } h2 { font-size: 18px; margin: 20px 0; color: #00438A; } h3 { font-size: 14px; margin: 20px 0; color: #00438A; } h4 { font-size: 12px; margin: 20px 0 0 0; color: #0A3A7C; } p { margin: 15px 0; } ul { margin: 20px; } ol { margin: 20px 20px 20px 25px; } a { color: #093a7c; outline: 0; } a:hover { text-decoration: none; } /* a:focus { -moz-outline-style: none; } activate this style if you do not want the dotted border appearing on click of anchor tags in Firefox. However, it will render the css invalid. */ blockquote { margin: 20px 20px 0 20px; } cite { margin: 0 20px 20px 20px; } hr { background: #D3D3D3; border: none; height: 1px; margin: 20px 0; } /* = ELEMENT STYLES: Classes and ID's ====================================== */ #content h1.logo { left: 0; top: 0; } #content h1.logo a { text-indent: -9000px; display: block; background: url(../images/logo.jpg) no-repeat 0 0; width: 256px; height: 135px; } #banner_lacrosse { min-height: 200px; padding: 125px 0 0 0; clear: both; width: 100%; } #banner_lacrosse .banner_image { background: url(../images/bg_banner_lacrosse.png) no-repeat 0 0; width: 410px; height: 350px; float: right; margin: -125px 50px 0 50px; _margin: -125px 25px 0 25px; } #banner_baseball { min-height: 200px; padding: 125px 0 0 0; clear: both; width: 100%; } #banner_baseball .banner_image { background: url(../images/bg_banner_baseball.png) no-repeat 0 0; width: 410px; height: 350px; float: right; margin: -125px 50px 0 50px; _margin: -125px 25px 0 25px; } #banner_ski { min-height: 200px; padding: 125px 0 0 0; clear: both; width: 100%; } #banner_ski .banner_image { background: url(../images/bg_banner_ski.png) no-repeat 0 0; width: 410px; height: 350px; float: right; margin: -125px 50px 0 50px; _margin: -125px 25px 0 25px; } #banner_hockey { min-height: 200px; padding: 125px 0 0 0; clear: both; width: 100%; } #banner_hockey .banner_image { background: url(../images/bg_banner_hockey.png) no-repeat 0 0; width: 410px; height: 350px; float: right; margin: -125px 50px 0 50px; _margin: -125px 25px 0 25px; } #banner_nyhockey { min-height: 200px; padding: 125px 0 0 0; clear: both; width: 100%; } #banner_nyhockey .banner_image { background: url(../images/bg_banner_nyhockey.png) no-repeat 0 0; width: 410px; height: 350px; float: right; margin: -125px 50px 0 50px; _margin: -125px 25px 0 25px; } ul.magazines { list-style: none; margin: 20px 0 0 0; position: absolute; top: 420px; _margin: 0; } ul.magazines li { float: left; } a.mag_lacrosse { display: block; text-indent: -9000px; background: url(../images/icon_header_laxjournal.gif) no-repeat 0 50%; height: 36px; width: 254px; margin: 0 25px 0 0; _margin-top: 40px;} a.mag_baseball { display: block; text-indent: -9000px; background: url(../images/icon_header_baseballjournal.gif) no-repeat 0 50%; height: 33px; width: 189px; margin: 0 25px; _margin-top: 40px;} a.mag_ski { display: block; text-indent: -9000px; background: url(../images/icon_header_skijournal.gif) no-repeat 0 50%; height: 36px; width: 181px; margin: 0 25px 0 25px; _margin-top: 40px;} a.mag_hockey { display: block; text-indent: -9000px; background: url(../images/icon_header_hockeyjournal.gif) no-repeat 0 50%; height: 73px; _height: 153px; width: 275px; margin: -30px 25px 0 0; } a.mag_nyhockey { display: block; text-indent: -9000px; background: url(../images/icon_header_nyhockeyjournal.gif) no-repeat 0 50%; height: 73px; _height: 153px; width: 275px; margin: -30px 25px 0 0; } a.mediakit { background: url(../images/icon_pdf.gif) no-repeat 0 50%; padding: 10px 0 10px 30px; color: #454545; text-decoration: none; } a.mediakit:hover { text-decoration: underline; } #content-index h1 { border-bottom: 1px solid #9DAFC9; padding-bottom: 20px; color: #fff; font-size: 18px; } #content-index h2 { font-size: 12px; color: #fff; margin: 20px 0 0 0; } #content-index p { margin: 0; font-size: 11px; } #content-index a { color: #fff; } #content-index .news { float: left; width: 300px; } #content-index .testimonials { margin: 0 255px 0 350px; } #content-index .testimonials img { float: left; } #content-index .testimonials blockquote { margin: 0 0 0 150px; font-size: 11px; } #content-index .testimonials blockquote span { display: block; margin: 10px 0; } #content-index .testimonials .testimonial { margin: 0 0 20px 0; overflow: hidden; } #content-index .sponsors { float: right; width: 205px; text-align: center; background: url(../images/bg_footer_tag.gif) no-repeat 0 0; height: 360px; margin-left: 30px; _margin-left: 15px; } #content-index .sponsors h4 { font-size: 17px; color: #093a7c; padding: 0 15px 0 10px; margin: 20px 0 10px 0; } #content-index .sponsors h4 span { font-size: 8px; line-height: 125%; margin: 5px 0 0 0; display: block; } #content-index .sponsors img { margin: 0 3px 10px 0; border-right: 1px solid #9c9983; border-bottom: 1px solid #9c9983; } #content-sub h3 span { display: block; margin: 10px 0 0 0; font-size: 10px; } #content-sub p { margin: 0; font-size: 10px; } #content-sub div { float: left; width: 100%; border-bottom: 1px solid #d3d3d3; padding: 0 0 20px 0; margin: 0 0 20px 0; } #content-main blockquote { border: 1px solid #d3d3d3; padding: 10px; } #content-main cite { font-size: 10px; } .float-left { float: left; margin: 0 20px 20px 0; _margin: 0 10px 20px 0; } .float-right { float: right; margin: 0 0 20px 20px; _margin: 0 0 20px 10px; } .feature-address { padding: 20px; border: 1px solid #d5d5d5; background: url(../images/logo_content.gif) no-repeat 50px 50% } .feature-address p { margin-left: 255px; border-left: 1px solid #d5d5d5; padding-left: 20px; } .next { float: right; display: block; background: url(../images/btn_next.gif) no-repeat 0 0; padding: 11px 23px; margin-top: 10px; text-transform: uppercase; color: #0a3a7c; font-weight: bold; text-decoration: none; } #footer p { font-size: 9px; color: #fff; margin: 15px 0 35px 0; } #footer a { color: #fff; text-decoration: none; } #footer a:hover { text-decoration: underline; } #footer .footer-nav { float: right; } p.disclaimer { float: left; } .sponsor-gallery img { margin: 5px; border-top: 1px solid #eee; border-left: 1px solid #eee; border-right: 1px solid #aaa; border-bottom: 1px solid #aaa; } .mag_nyhockey_content { min-height: 250px; } .mag_hockey_content { min-height: 250px; } .mag_lax_content { min-height: 250px; } .mag_ski_content { min-height: 250px; } .mag_baseball_content { min-height: 250px; } .web_hockey_content { min-height: 250px; } .web_nyhockey_content { min-height: 250px; } .web_lax_content { min-height: 200px; } .web_ski_content { min-height: 250px; } .web_baseball_content { min-height: 250px; } /* Old Styles #content-sub-left { width: 270px; float: left; margin: 0; } #content-sub-right { width: 200px; float: right; margin: 0; } #content-sub-left p, #content-sub-right p { margin: 0; font-size: 10px; border-bottom: 1px solid #d3d3d3; padding-bottom: 20px; margin-bottom: 20px; } */ /* ========================================================================= */ /* NAV STYLES */ /* ========================================================================= */ #nav ul { list-style: none; font-size: 15px; text-transform: uppercase; margin: 0; float: right; } #nav ul li { float: left; } #nav ul li a { background: url(../images/bg_nav.gif) no-repeat 50% -62px; color: #fff; display: block; padding: 10px 18px; border-right: 1px solid #D891A4; border-left: 1px solid #6A0024; text-decoration: none; } #nav ul li a:hover { background: url(../images/bg_nav.gif) no-repeat 50% 100%; text-decoration: none; } #nav ul li a.nav_first { background: url(../images/bg_nav.gif) no-repeat 0 -62px; border-left: none; } #nav ul li a.nav_first:hover { background: url(../images/bg_nav.gif) no-repeat 0 100%; } #nav ul li a.nav_last { background: url(../images/bg_nav.gif) no-repeat 100% -62px; border-right: none; } #nav ul li a.nav_last:hover { background: url(../images/bg_nav.gif) no-repeat 100% 100%; } #nav ul li a, #nav ul li a.nav_first, #nav ul li a.nav_last { background-position-y: -61px\9 }/* Hacks IE6, 7, and 8 */ /* ========================================================================= */ /* FORM STYLES */ /* ========================================================================= */ form li { list-style: none; margin: 10px 0; } form li ul { margin: 0; } label.description { display: block; font-weight: bold; } label.choice { padding-left: 5px; } input.text { width: 300px; } input.checkbox { } input.radio { } textarea { width: 300px; height: 100px; font-size: 12px; } select { width: 300px; }