/*
 * CSS for WCCTC website
 */

body {
    margin-top: 10px; 
    font-family: Verdana, "Lucida Sans", Arial, Geneva, Helvetica, Helv, sans-serif; 
} 

#headbar {
    text-align: center;
    border-bottom: 1px solid ; 
    margin-bottom: 10px;
}

#pagebody {
    margin-left: auto;
    margin-right: auto;
    width: 700px;
}

/* Links in page body have no underline; but are small bold */
#pagebody a {
    color: blue;
    font-weight: bold;
    font-size: 90%;
    text-decoration: none;
}

#footbreak { clear: both; }
#footer { 
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 90%;
    height: 172px;
    border: solid white 1px;
}
#footer img { float: left; margin-right: 5px; }
#footer p   { line-height: 20px; margin-top: 16px; }
    
h1 {
    /* text-decoration: underline overline; */
    margin-top: 5px;
    border-top: 2px solid red;
    border-bottom: 2px solid red;
    padding: 2px;
    font-variant: small-caps;
}


a.dash {
    border-bottom: 1px dashed; 
} 

.centered {
    text-align: center;
}


/***
 *** Tab bar stuff; uses the "sliding door" technique described
 *** at http://www.alistapart.com/articles/slidingdoors/
 ***/

#tabheader {
    float: left;
    width: 100%;
    background: url("/look/tabs/bg.gif") repeat-x bottom;
    font-size: 93%;
    line-height: normal;
    margin-bottom: 15px;
}

#tabheader ul {
    margin: 0;
    padding-left: 10px;
    list-style: none;
}

#tabheader li {
    float: left;
    background: url("/look/tabs/norm_right.gif") no-repeat right top;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid black;
}

#tabheader a {
    display: block;
    background: url("/look/tabs/norm_left.gif") no-repeat left top;
    padding: 5px 15px;
}

#tabheader #current {
    background-image: url("/look/tabs/norm_right_on.gif");
    border-bottom: 1px solid white;
}

#tabheader #current a {
    background-image: url("/look/tabs/norm_left_on.gif");
}

/*
 * Race results
 */

table.results {
    margin: 1em 0;
    font-size: 85%;
    border-collapse: collapse;
    margin-left: auto;
    margin-right: auto;
}

table.results th, table.results td {
    border-bottom: 1px solid black;
    padding: 5px 10px;
    text-align: center;
    vertical-align: top;
}

table.results th {
    background: #f2ede3;
}

table.results td span {
    white-space: nowrap;
}

div.restitle {
    font-size: 1.6em;
    font-weight: bold;
    text-align: center;
}

div.ressubtitle {
    font-size: 1.3em;
    font-weight: normal;
    text-align: center;
}

/* Because IE is stupid and doesn't understand "border-*: auto" */
div.centertable {
    text-align: center;
}

th.results {
    color: black;
    font-size: 2em;
    border: 0;
}