/* Theme Name: Hyde Schools - Single Campus Description: Custom theme for Hyde Schools Campuses Author: Postmodern Sublime Author URI: http://www.postmodernsublime.com/ */ /*=== Setup ===*/ *{border: 0;margin: 0;padding: 0; outline: none} body{background: #f7f7f7 url(images/bg-body.jpg); color: #222222;font: .8em/1.3 Georgia, serif} a{color: #005596;text-decoration: none} a:hover{text-decoration: underline} a.article-link img, a.navi img {opacity: 0.99; filter:alpha(opacity=99)} a.article-link:hover img, a.navi:hover img, a.navi-active img {opacity: 0.90; filter:alpha(opacity=90)} a.thickbox img {opacity: 0.99; filter:alpha(opacity=99)} a.thickbox:hover img {opacity: 0.85; filter:alpha(opacity=85)} a:active, a:focus {outline: none} input,select,textarea{border: #ccc 1px solid;font: normal 100% Georgia, serif;padding: 2px} select{padding: 0} ul li{list-style: none} h1, h2, h3{font-family: Georgia, serif;font-weight: normal;} .width50 {width: 49.9%} /*=== Layout ===*/ #page{margin: 0 auto;width: 1024px; position: relative} /*=== Header ===*/ #crest {width: 250px; height:250px; position: absolute; top: 10px; left:-200px;background: url(images/crest.png) no-repeat 0 0} #header{height: 107px; position:relative;} #mascot{position: absolute; top: 0; left: 215px; width: 300px; height: 107px} /*- Logo -*/ #header h1{background: url(images/logo.png) no-repeat;position: absolute; top:10px; left: 0;text-indent: -9999px} #header h1 a{display: block;height: 87px;width: 200px} #fivewords {position: absolute; top: 2px; right: 0; width: 458px; height: 100px; background: url(images/bg-five-words.png) no-repeat 0 0} #fivewords-2 {background: #fff; height:76px; padding: 0 7px; margin: 11px 14px 11px 11px} #fivewords-2 h2{font-size: 125%; font-weight: bold; line-height:1; margin: 0 0 5px} #fivewords-2 ol {margin: 0 0 0 25px} #fivewords-2 ol li {line-height: 1; margin: 0 0 4px} #fivewords .more {position: absolute; right: 19px; bottom: 15px} /*========= NAVIGATION =========*/ #main-nav {background: url(images/bg-main-nav-l.png) no-repeat 0 0;height:34px;padding: 0 0 0 11px; position: relative; z-index: 100} #main-nav-2 {background: url(images/bg-main-nav-r.png) no-repeat 100% 0;height:34px;padding: 0 11px 0 0} #main-nav ul {background: url(images/bg-main-nav-slice.png) repeat-x 0 0;height:34px; position:relative} #main-nav ul li {float: left; border-right: 1px #debc00 solid; height: 32px; font: 11px Georgia, serif; text-transform: uppercase; z-index:100; position:relative} #main-nav ul li a {color: #9b7d00; line-height: 32px; display:block; padding: 0 7px;} #main-nav ul li a:hover, #main-nav ul li:hover a, #main-nav ul li.sfhover a {text-decoration: none; color: #fff6b9/*FFE972*/; /*text-shadow: #504100 1px 1px 1px*/} #main-nav ul li a.home {padding: 0 10px 0 0;} #main-nav ul li.current_page_item a, #main-nav ul li.current_page_parent a {color:#fff} #main-nav ul ul {position: absolute; left: -999em; width: 175px; background-image: none !important; background-color: #fdfedc; height:auto; opacity: 0.95; border-left: 1px #ccc solid; border-right:1px #ccc solid; border-bottom: 1px #bbb solid; border-top: 1px #9b9b9b solid; z-index:101} #main-nav ul li:hover ul, #main-nav ul li.sfhover ul {left: -1px} #main-nav li li ul {top: -999px} #main-nav li li:hover ul, #main-nav li li.sfhover ul {top: -1px; left: 175px} #main-nav ul ul li {width:100%; border-right: none; border-bottom: 1px #d5e5fa solid; display: block; height: auto;padding: 0} #main-nav ul ul li a {line-height: 20px; border-left: 4px double #fdcbcb; padding: 0 6px; margin:0 0 0 4px; color:#666!important; text-transform: capitalize} #main-nav ul ul li a:hover {color: #cc5500!important} #main-nav ul ul li.current_page_item a {font-weight: bold} #main-nav ul ul li.current_page_item li a {font-weight: normal!important} #main-nav ul ul li.current_page_item li a:hover {color: #cc5500!important} #main-nav ul ul li.current_page_item a:hover {color:#666!important} /*top right search*/ #main-nav #search {position: absolute; top: 0; right: 0; width: 200px; height:34px; z-index: 101} #search input#s{border: 0;margin: 8px 8px 0;width: 182px; padding:2px; height:18px; background: url(images/bg-search.png) no-repeat 0 0; font: 12px Georgia, serif;} #search input#searchsubmit{position: absolute; top: 0; right: 0; border:0; outline:0; background: none; opacity: 0; filter: alpha(opacity=0); margin: 8px 8px 0 0; padding: 0} #search input#searchsubmit:hover, #search input#seachsubmit:active {cursor:pointer; outline:0; border:0} /*search form on search results page*/ #columns #search {position: relative!important} #columns #search input#s {margin: 8px 0 0} /*=== Main column ===*/ #columns{margin: 8px 0 0; position: relative; width:100%} #main-home, #main-campus-tour {width: 560px; float: left; margin: 5px 0 0 0; position: relative} h1.news-home {text-align: center; font-size: 200%; line-height: 42px; height: 32px; font-variant: small-caps; color: #666; letter-spacing: 0.06em} #main{width: 560px; float: left; margin: 5px 0 0 178px; padding: 0 0 0; position: relative} #main-1 {width:560px; background: url(images/bg-paper-slice.png) repeat-y 0 0; position: relative;} #main-2 {width:560px; background: url(images/bg-paper-bottom.png) no-repeat 0 100%; position: relative;} #main-3 {width:560px; background: url(images/bg-paper-top.png) no-repeat 0 0; position: relative; top: 6px } .main-content {position:relative; padding: 5px 25px 15px;} .banner-wrap {position: relative; width: 560px; margin: 0 0 18px; overflow: visible} .banner-trim {position: relative; z-index: 1; top: 2px; left:2px; width: 550px; overflow: hidden;} .sepia { z-index: 2; position:absolute; height: 100%; width:100%;} .banner-frame-slice {width: 560px; height: 100%; background: url(images/bg-banner-frame-slice.png) repeat-y 0 0; position: absolute; top: 0; left: 0; z-index: 3; _background-image: none } .banner-frame-top {width: 560px; height:12px; background: url(images/bg-banner-frame-top.png) no-repeat 0 0; position: absolute; top: 0; left: 0; z-index: 4; _background-image: none } .banner-frame-bottom {width: 560px; height: 14px; background: url(images/bg-banner-frame-bottom.png) no-repeat 0 0; position: absolute; bottom: -5px; left: 0; z-index: 5; _background-image: none } .wp-caption {background: #f5f5f5; -moz-border-radius: 2px; -khtml-border-radius: 2px; -webkit-border-radius: 2px; padding:3px 1px; border: 1px #ccc solid} .wp-caption img {margin: 0 auto; display: block} .wp-caption .wp-caption-text {font: normal 90% "Century Gothic", Arial, sans-serif; padding: 3px 3px 0} .wp-caption.alignright {margin: 0 0 7px 7px} .wp-caption.alignleft {margin: 0 7px 7px 0} h1{font-size: 225%;font-weight: normal;letter-spacing: -1px;} h2{color: #cc5500;font-size: 200%;line-height: 22px} span#rss-link {float:right; font: bold 100% "Century Gothic", Arial, sans-serif; height: 16px; padding:12px 0 0} span#rss-link a {padding: 0 0 0 18px; color: #666; background: url(images/feed-small.png) no-repeat 0 0; line-height: 16px; height: 16px; display:block} span#rss-link a:hover {color: #cc5500; text-decoration: none} /*=== Post ===*/ .post {padding: 22px 0 0; clear:both; overflow: hidden} .post p, #author-info p {line-height: 22px;padding: 0 0 22px} .post h4{line-height:22px;} .post h3 span{float: left;text-transform: uppercase} .post h3 em{float: right;font-size: .85em;font-style: normal} .post h2{color: #cc5500; font: normal 150%/22px "Century Gothic", Georgia, serif;} p.posted{color: #666666;font: italic 100%/22px Georgia,"Times New Roman", Times, serif; padding: 0;} .post h3, h2.more-news, h2.commh2{color: #666666; text-align: center; height:20px; font: normal small-caps 125%/20px "Century Gothic", Arial, sans-serif; letter-spacing: 0.05em; margin: 0; border-width: 1px; border-style: solid; border-color: #ccc #dcdcdc; background:url(images/bg-transparent-light.png) repeat 0 0} .singletags {margin-top:5px;font-weight:bold;color:#C0C0C0;} .singleh2 {font-weight:bold !important;font-size:1.8em !important;} .entry blockquote { padding: 0px 10px 0px;border-left: 1px solid #666666;color:#666666;width:85%;margin: 0 auto 10px auto;font-style: italic;} .entry blockquote p {font-size:12px;padding: 5px 0px;margin: 5px 0px;line-height: 20px;} .entry img { padding: 2px 2px 2px 2px;background:#ffffff;border: solid 1px #cccccc;} .entry img.alignleft {margin: 0 7px 7px 0} .entry img.alignright {margin: 0 0 7px 7px} .entry ul, .entry ol {padding-bottom:22px;line-height:22px;} .entry ol {margin: 0 0 0 20px} .entry ul{margin: 0 0 0 5px} .entry ul li ul, .entry ol li ol{margin-bottom:0px;} .entry ul li {list-style:disc outside !important;margin-left:10px;} .entry ul li ul li {list-style:disc outside !important;} .entry ol li {list-style:decimal outside !important;} .entry ol li ol li {list-style:decimal-leading-zero outside !important;} #author-info {clear:both; overflow:auto;padding: 10px } .edit {float: right} /*Left Navigation*/ #left-menu {margin: 0 0 0 -740px; float:left;width: 170px; position: relative; padding: 5px 0 0} .left-menu-column-1 {width:170px; background: url(images/bg-left-menu-column-slice.png) repeat-y 0 0; position: relative;} .left-menu-column-2 {width:170px; background: url(images/bg-left-menu-column-bottom.png) no-repeat 0 100%; position: relative; bottom: -3px} .left-menu-column-3 {width: 170px; background: url(images/bg-left-menu-column-top.png) no-repeat 0 0; position: relative; top: -9px} .left-menu-column-content { position: relative; padding: 13px 10px 0px;} #left-menu h4 {text-align: center; margin: 0 0 7px; color:#cc5500} /*=== sidebar == */ #sidebar {float:right; font-family: "Century Gothic", Arial, sans-serif} #sidebar li.widget, #sidebar-home li.widget, #left-menu li.widget {list-style: none; padding: 0 0 5px} #home-promo li.widget {list-style: none; padding: 10px 0; margin: 0 0 15px; background: url(images/bg-home-promo.png) no-repeat 0 100%} #sidebar-home {float:right; width: 451px} #left-column {float: left; padding: 5px 0 0; position:relative} #right-column {float:right; padding: 5px 0 0; position: relative} #sidebar-home .sidebar-column-1 {width:220px; background: url(images/bg-sidebar-home-column-slice.png) repeat-y 0 0; position: relative} #sidebar-home .sidebar-column-2 {width:220px; background: url(images/bg-sidebar-home-column-bottom.png) no-repeat 0 100%; position: relative; bottom: -3px} #sidebar-home .sidebar-column-3 {width: 220px; background: url(images/bg-sidebar-home-column-top.png) no-repeat 0 0; position: relative; top: -9px} #sidebar .sidebar-column-1 {width:275px; background: url(images/bg-sidebar-column-slice.png) repeat-y 0 0; position: relative} #sidebar .sidebar-column-2 {width:275px; background: url(images/bg-sidebar-column-bottom.png) no-repeat 0 100%; position: relative; bottom: -3px} #sidebar .sidebar-column-3 {width: 275px; background: url(images/bg-sidebar-column-top.png) no-repeat 0 0; position: relative; top: -8px} .sidebar-column-content { position: relative; padding: 13px 13px 0;} #sidebar h3, #sidebar-home h3, #left-menu h3, #sidebar h2.widgettitle {font: normal small-caps 140%/23px "Century Gothic", Arial, sans-serif; color:#cc5500; padding: 0 0 1px 23px; border-bottom: 1px #aaac6d solid; background: url(images/small-crest.png) no-repeat 0 0; line-height: 23px; margin: 0 0 5px; letter-spacing: 0.05em; *padding: 0 0 1px 7px} #sidebar h3 a, #left-menu h3 a, #sidebar-home h3 a, #sidebar h2.widgettitle a {color: #cc5500} #sidebar ul, #left-menu ul, #sidebar-home ul{margin: 0 0 0 1px;} #sidebar ul li, #left-menu ul li, #sidebar-home ul li {background: url(images/bg-li.png) no-repeat 0 5px; margin: 0 0 3px 0; padding: 0 0 0 13px} #sidebar ul ul, #left-menu ul ul, #sidebar-home ul ul {padding: 3px 0 0 0; margin: 0 0 0 -2px} div.textwidget, object.slideshow-widget {padding: 0 0 10px} div.textwidget p {line-height: 1.5; margin: 5px 5px 0; font: 90% "Century Gothic", Arial, sans-serif} /*Hyde Society*/ #hyde-society{margin: 5px 4px 12px; border-color:#aaaaaa #9a9a9a #999999;border-style:solid;border-width:0px 1px 1px; _float: right} #corkboard-frame {background: url(images/bg-corkboard-frame.jpg) repeat 0 0; padding: 8px; border-color:#784F1C #764D1B #6F451A;border-style:solid;border-width:1px; _float: right } #corkboard-inner {background: url(images/bg-corkboard-inner.gif) repeat 0 0; padding: 6px; border:1px solid #BA943D;overflow:auto; _float: right} #social-badges {float: left} #social-badges a {float:left; height:42px; width: 42px; display: block; background-image: url(images/social-badges.png); background-repeat: no-repeat; margin: 0 4px 8px; _margin: 0 2px 8px} #social-badges #vimeo {background-position: 0 0} #social-badges #twitter {background-position: -42px 0} #social-badges #rss {background-position: -84px 0} #social-badges #facebook {background-position: -126px 0} .hyde-society-widget {float: right; width: 48.9%; padding: 0 0.5%} #hyde-society h2, #hyde-society h3 {background:#FAFAFA;border-color:#CCCCCC #EEEEEE;border-style:solid;border-width:1px;color:#666666;font: bold 125% Georgia,serif;height:20px; margin: 0 1%; line-height:20px !important;text-align:center;text-transform:uppercase; padding: 0} #hyde-society #hyde-society-banner {background: url(images/hyde-society-banner.png) no-repeat center 0; text-indent: -9999px; height:58px; margin: 0 0 5px; border:none} .twitter-1 {background: url(images/bg_twitter_slice.png) repeat-y 0 0; position:relative} .twitter-2 {background: url(images/bg_twitter_bottom.png) no-repeat 0 100%; position:relative; bottom: -3px} .twitter-3 {background: url(images/bg_twitter_top.png) no-repeat 0 0; position:relative; top:-5px; padding:38px 7px 0} /*Page navigation*/ #sidebar .menu li.current_page_item, #left-menu .menu li.current_page_item, #sidebar li.current-cat, #left-menu li.current-cat {font-weight: bold} #sidebar .menu li.current_page_item ul, #left-menu .menu li.current_page_item ul, #sidebar li.current-cat ul, #left-menu li.current-cat ul {font-weight: normal} /*recent comments widget */ ul.recentcomments, ul.recentcomments li, ul.recentcomments ul {list-style: none !important; margin: 0 !important; background: none !important;} ul.recentcomments ul {margin:0 !important} ul.recentcomments li {padding: 0!important} ul.recentcomments li.comment-content {font-style:italic; font-size: 120%; line-height: 1.6} ul.recentcomments li.comment-author {text-align: right;padding: 5px !important} ul.recentcomments li.comment-post-title {text-align:right} span.comment-quote {bottom:-12px; left:-1px;font-size:225%;font-weight:bold;line-height:0.45;position:relative; padding: 0 5px 0 3px} /*=== Bottom Modules ===*/ #bottom-modules {clear:both;float:left;padding:12px 0;width:1032px;} #bottom-modules .module-title {background: url(images/bg-bottom-module-tab-l.png) no-repeat 10px 0; height: 22px; padding: 0 0 0 20px;} #bottom-modules h3 {text-transform: uppercase; padding: 0 12px 0 2px; background: url(images/bg-bottom-module-tab-r.png) no-repeat 100% 0; height: 22px; font-size: 110%; line-height: 25px; color: #CC5500; font-weight: bold; display:inline; float:left} #bottom-modules h3 a {color: #cc5500} .bottom-column {float:left; width: 33.3%} .bottom-module {margin: 0 14px 0 0; padding: 7px; background: #FDFDE0; border-color:#d1d1d1 #b9b9b9 #999999; border-style:solid;border-width:1px;} .bottom-module ul {background: #fff; padding: 8px; border-color:#E9E9E9 #C9C9C9 #B9B9B9;border-style:solid; border-width:1px;} .bottom-module ul li {background: url(images/bg-li.png) no-repeat 0 5px; margin: 0 0 3px 0; padding: 0 0 0 13px} .bottom-module ul ul {padding: 0; border: none} /*Steve's super sweet Featured Category Posts widget*/ ul.author-list li {list-style: none!important; margin:0 0 3px!important; padding: 0 0 2px!important; border-bottom: 1px #ccc solid; background: none!important} ul.author-list ul {overflow: auto; margin: 0} ul.author-list ul li {border:none} ul.author-list li.author {font: italic normal 100% Georgia, serif; color: #666666} img.author-image {margin: 0 0 2px 7px; float:right;padding: 2px; border:1px #ccc solid;} ul.author-list li.title {font: bold 110% "Century Gothic", Arial, sans-serif;} ul.author-list li.excerpt {font-weight: normal; font-size: 90%; margin: 2px 0 0} #sidebar ul.author-list, #sidebar-home ul.author-list {margin: 0} ul.headlines ul {padding: 0!important; margin:0!important} ul.headlines ul li {background: none !important; padding: 0!important} li.featured-posts-more-news {text-align: center; font-weight: bold; letter-spacing: 0.05em; margin: 0; border-width: 1px; border-style: solid; border-color: #ccc #dcdcdc; background:url(images/bg-transparent-light.png) repeat 0 0!important; font-weight: bold; font-variant: small-caps; height: 18px; line-height: 18px; margin-top: 6px!important} li.featured-posts-more-news a {display: block} /*RSS Widget*/ a.rsswidget img {display: none} /*=== Footer ===*/ #footer{border-top: 5px solid #fcd100;clear: both;color: #666666;font: .95em Georgia,"Times New Roman", Times, serif;padding: 10px 10px 10px 110px;margin: 10px 0;line-height:22px; background: url(images/logo-small.png) no-repeat 0 10px;} #footer a{} /*=== Misc. ===*/ .fix{clear: both;height: 1px;margin: 0 0 -1px;overflow: hidden} .ar{text-align: right} a.more{color: #cc5500;font-weight: bold; text-transform: uppercase; float:right} .th{background:#FFFFFF none repeat scroll 0 0;border:1px solid #CCCCCC;padding:2px;;float: left;margin: 0 10px 0 0} .fl{float: left;} .fr{float: right;} .gravatar {float:left;border: 1px solid #ccc;margin-right: 7px;} /*========= COMMENTS =========*/ #comments_wrap { } #comment {clear: both} ol.commentlist{margin: 10px 0 20px;padding: 0;list-style: none;font-size: 12px;line-height: 20px;} ol.commentlist p{line-height: 20px;} ol.commentlist cite{font-style: normal;font-weight: bold;} ol.commentlist li{padding: 10px 10px 0 10px; border-top:1px solid #ccc;} ol.commentlist li.alt{} input#submit {display: block;margin: 10px auto -10px} ol.commentlist .comment-meta{font-size:0.8em; float: right} ol.commentlist li .avatar {float:left;margin-right: 7px;} ol.commentlist li .even{} ol.commentlist li ul {margin: 0 -10px 0 20px} ol.commentlist li ul li {padding: 10px; background: none!important ;} ol.commentlist li ul li ul li.alt {} ol.commentlist li .reply {text-align: right; padding: 0 0 10px; font-size: 0.8em} ol.commentlist li .awaiting-moderation {color: #cc5500; font-style: italic; padding: 0 0 5px} #respond p{margin-bottom:10px;line-height: 20px;padding:0;} .post-alt p {padding:0;} /*========= ARCHIVE SPECIFIC =========*/ #archivebox {padding:10px 20px;margin-bottom:10px;} #archivebox h2 {font-size:1.5em;color:#000;} #archivebox h2 em{color:#C0C0C0 !important;font-style:normal;} .archivefeed {margin-top:5px;} .archivefeed a {padding-left:20px;color:#000;font-weight:bold;} .arclist{ border-top: 3px solid #c0c0c0; border-bottom: 3px solid #c0c0c0; margin: 0 0 15px; padding: 10px 0 10px; width: 230px; } .arclist h2{ font-size:1.5em !important; color:#000 !important; padding: 0 0 10px 0 !important; } .arclist ul li{ padding:0 0 7px 10px; color:#c0c0c0; font-size:14px; font-weight:bold; } /*=== Page Navigation (Next / Previous Posts) ===*/ .navigation {overflow: auto} .navigation a {color: #c0c0c0;font-size: 1.2em;font-weight: bold;} .alignleft{display:inline;float:left;} .alignright{display:inline;float:right;} /*Directory Table*/ table#directory {border: 1px #ddd solid; font: 90% Arial, Helvetica, sans-serif} table#directory td {vertical-align: top; padding: 3px 7px; background: #fff; border-bottom: 1px #f5f5f5 solid} table#directory h4 {font-size: 125%; color:#cc5500} table#directory h5 {font: bold 110% "Century Gothic", Arial, Helvetica, sans-serif; text-transform: uppercase} /*Scoreboard*/ #scoreboard {position: absolute; top:0; right:0; width: 485px; height: 100px; font-family: "Century Gothic", Arial, sans-serif; } #scoreboard .scoreboard-title {height: 26px; font-size: 150%; font-weight: bold; padding: 0 0 0 8px; line-height: 26px; font-size:115% } #scoreboard .all-scores {float: right; text-transform: uppercase; color: #cc5500; line-height: 26px; font-size:90%} #scoreboard .score-box {float: right; width: 90px; margin: 0 2px; border: 1px #b2b2b2 solid; font-size: 80%} #scoreboard .score-box a:hover {color:#cc5500; text-decoration:none} #scoreboard .sport-name {font-weight: bold; font-size:90%; background: url(images/bg-transparent.png); padding: 2px} #scoreboard .score-row {height: 22px; padding: 3px; vertical-align:middle; text-transform: uppercase; background: #f7f7f7 } #scoreboard .winner {font-weight:bold; background: url(images/winner_arrow.png) no-repeat 0 center; padding: 0 0 0 8px} #scoreboard .loser {padding: 0 0 0 7px} #scoreboard .score {float: right; margin: 0 0 0 5px} /*Team Pages*/ .scores-schedule-wrap {clear:both; overflow:hidden; width: 100%; font-family: "Century Gothic", Arial, sans-serif} .scores-column {padding: 0 7px 0 0} .schedule-column {padding: 0 0 0 7px} .score-listing {padding: 5px 0 2px; clear:both; overflow:hidden; margin: 0 0 3px;} .schedule-listing {background: url(images/bg-li.png) no-repeat 0 6px; margin: 5px 0; padding: 0 0 0 13px; clear:both; overflow:hidden;} .score-listing p, .schedule-listing p {font-size: 90%} .scores-schedule-wrap .score-box {margin: 0 2px 3px; border-top: 1px #ccc solid; border-bottom: 1px #ccc solid; font-size: 80%; letter-spacing: 0.06em} .scores-schedule-wrap .score-box a {color:#cc5500; text-decoration:none} .scores-schedule-wrap .score-row {padding: 3px; vertical-align:middle; text-align: center; text-transform: uppercase;} .scores-schedule-wrap .winner {font-weight:bold;} .scores-schedule-wrap .loser {} .scores-schedule-wrap .score {} .score-listing .th {margin: 0 5px 0 2px!important} /*scores for single posts & archive pages*/ #left-menu select {width: 100%} .score-headline {font-family: Century Gothic, Arial, sans-serif; margin: 0 0 8px} .archive-score-headline {height: 22px; line-height:22px; font-family: Century Gothic, Arial, sans-serif;} .score-headline .winner, .archive-score-headline .winner {font-weight:bold;} /*score/schedule table*/ table.scores {} table.scores td {padding: 2px} tr.headings {font-weight: bold} td.date{width: 75px} td.opponent{width: 250px} td.time{width: 60px} td.win-loss {text-align: center; width: 30px} td.score {text-align: center; width: 60px} td.place {text-align: center; width: 45px} tr.odd {} tr.even {background-color: #FDFEDC}