/* --------------------------------- * Gridiron-Glory.org * CSS Stylesheet version 1.0 * Design by Simon Cable, 34 Productions * simon@34productions.com * --------------------------------*/ /* GLOBAL STYLES --------------------------------------------------------------*/ body { margin: 0; min-width: 900px; text-align: center; /* for IE */ background-image: url(../newimages/bannerbg.jpg); font-family: Verdana, Tahoma, sans-serif; font-size: 11px; font-weight: normal; color: #000000; } td { vertical-align: top; } /* BANNER --------------------------------------------------------------*/ #banner { margin: 0; background: url(../newimages/banner.jpg) top center no-repeat; width: 900px; height: 145px; } #info { /* text styles for the "Upcoming..." box at the top-right */ position: absolute; top: 336px; left: 750px; width: 150px; padding: 10px; text-align: left; font-size: 10px; font-weight: bold; color: #666666; } #scoreboard { margin: 0px 0px 0px 0px; } #wrapper { width: 800px; padding-top: 0px; margin: 0 auto; /* align for good browsers */ height: auto; text-align: left; /* counter the body center */ border: 0px solid #ddd; background-image: url(http://www.gridiron-glory.org/test/newimages/bg.png); background-repeat: repeat-y; background-position: 0px 0px; top: 300px; } /* HORIZONTAL NAV BAR --------------------------------------------------------------*/ #tabbar { margin-top: 0px; background: url(/tabbar.php) no-repeat; postition: absolute; width: 900px; height: 25px; } #navbar { margin-top: 0px; background: url(/navbar.php) no-repeat; postition: absolute; width: 900px; } #bracing { margin-top: 0px; background: url(test/newimages/bracing.png) no-repeat; postition: absolute; width: 700px; } #hnav { /* sets the container div for the nav links and default text (non-link) colors */ font-size: 10px; color: #bbbbbb; font-weight: bold; width: 882px; padding: 3px 10px; text-align: left; vertical-align: top; text-transform: none; } #hnav a { text-decoration: none; color: #777777; font-weight: bold; } /* main link color (left) */ #hnav a:visited { text-decoration: none; color: #777777; font-weight: bold; } #hnav a:hover { text-decoration: none; color: #000000; font-weight: bold; } #hnav .lead { color: #03034E; font-style: italic; } /* sets color for "GG.org >>" */ #hnav .nav_right { color: #000000; } /* link colors (right) */ #hnav .nav_right a {color: #000000; } #hnav .nav_right a:visited { color: #000000; } #hnav .nav_right a:hover { color: #777777; } /* MAIN CONTENT DIV -- Everything below the horizontal nav. Contains the layout table --------------------------------------------------------------*/ #content { margin-top: 32px; width: 800px; } /* CONTENT LAYOUT (Table-Based) --------------------------------------------------------------*/ td.left { background-color: #333333; } /* for the leftnav */ td.center { background-color: #ffffff; } /* main content div */ td.right { background-color: transparent; } /* regional news boxes */ td.title { background: #333333 url(../newimages/gg_vert.jpg) top no-repeat; } /* GG.org vertical titlebar */ /* LEFT NAV LINKS --------------------------------------------------------------*/ #leftnav { width: 165px; margin: 0px 0px 5px 0px; background-position: 0px 0px; padding: 15px; text-align: right; } #leftnav a, #leftnav a:visited { color: #FFFFFF; font-size: 9px; font-weight: normal; text-decoration: none; text-transform: uppercase; padding: 0px; } #leftnav a:hover { color: #ffffff; background-color: #6B0101; padding: 0px; display: block; } #leftnav p.hr { /* the horizontal divider line between links */ width: 50%; border-top: 1px solid #DB882D; padding: 0px; margin: 1px 0px; } /* EAST REGION NEWS BOX --------------------------------------------------------------*/ #east { width: 140px; margin: 0px auto; margin-bottom: 5px; padding: 32px 0px 10px 2px; background: transparent url(../newimages/eastbutton.png) top no-repeat; border-bottom: 1px solid #baaa79; color: #BAAA79; } #east a, #east a:visited { color: #ffffff; text-decoration: none; font-size: 9px; } #east a:hover { color: baaa79; text-decoration: none; } /* MIDWEST REGION NEWS BOX --------------------------------------------------------------*/ #midwest { width: 140px; margin: 0px auto; margin-bottom: 5px; padding: 32px 0px 10px 2px; background: #333333 url(../newimages/midwestbutton.png) top no-repeat; border-bottom: 1px solid #baaa79; color: #BAAA79; } #midwest a, #midwest a:visited { color: #ffffff; text-decoration: none; font-size: 9px; } #midwest a:hover { color: #baaa79; text-decoration: none; } /* SOUTH REGION NEWS BOX --------------------------------------------------------------*/ #south { width: 140px; margin: 0px auto; margin-bottom: 5px; padding: 32px 0px 10px 2px; background: url(../newimages/southbutton.png) top no-repeat; border-bottom: 1px solid #baaa79; color: #BAAA79; } #south a, #south a:visited { color: #ffffff; text-decoration: none; font-size: 9px; } #south a:hover { color: #baaa79; text-decoration: none; } /* FAR WEST REGION NEWS BOX --------------------------------------------------------------*/ #farwest { width: 140px; margin: 0px auto; margin-bottom: 5px; padding: 32px 0px 10px 2px; background: #333333 url(../newimages/westbutton.png) top no-repeat; border-bottom: 1px solid #baaa79; color: #BAAA79; } #farwest a, #farwest a:visited { color: #ffffff; text-decoration: none; font-size: 9px; } #farwest a:hover { color: #baaa79; text-decoration: none; } A5; text-decoration: underline; } /* FRONT PAGE NEWS STORIES --------------------------------------------------------------*/ #news { width: 435px; margin: 50px auto; } /* defines the containing space */ #news h2 { /* the main headline */ font-size: 18px; font-weight: bold; color: #333333; background: url('http://www.gridiron-glory.org/images/newsheader.png') top left no-repeat; background-color: #FFFFFF; text-align: left; height: 45px; padding: 10px; margin-top: 10px; text-transform: none; } #news p { color: #000000; font-size: 11px; } #news h3 { text-transform: uppercase; font-size: 9px; font-weight: bold; } /* attribution */ #news a, #news a:visited { color: #154C00; } #news a:hover { color: #BAAA79; } /* MIRAL'S MUSINGS ON THE FRONT PAGE --------------------------------------------------------------*/ #miral { /* defines the containing space */ width: 435px; border: 1px solid #666666; background-color: #FFFFFF; padding: 5px; margin: 5px auto; } #miral h2 { /* the main headline */ font-size: 18px; font-weight: bold; text-align: center; color: #333333; } #miral p { color: #333333; } #miral h3 { text-transform: none; font-size: 9px; font-weight: normal; } /* attribution */ #miral a, #miral a:visited { color: #333333; text-decoration: underline; } #miral a:hover { color: #000000; } /* FOOTER/COPYRIGHT --------------------------------------------------------------*/ #footer { width: 400px; margin: 20px auto; border-top: 2px solid #999999; font-size: 9px; font-weight: normal; color: #999999; text-align: center; padding: 5px; } #footer a, #footer a:visited { color: #999999; text-decoration: underline; } #footer a:hover { color: #666666; }