/* The Mcclure's CSS, as famously portrayed in folklore and song since 1761, v0.1 */


/* basic basic stuff */

html, body { margin: 0; padding: 0; font-family: arial, sans-serif; font-size: small; }
body { background: #f0efdc url(../_images/bkgrd-body.gif) left top repeat-x; }


/* The banner of champions. Mcclure champions. */

#banner { margin: 0; padding: 0; height: 100px; background: transparent url(../_images/bkgrd-banner.jpg) left top no-repeat; }
#banner h1 { margin: 0; padding: 45px 0 0 30px; line-height: 1em; color: white; font-size: 60px; white-space: nowrap; border: 0; }
#banner h1 a { color: white; }
#banner h1 a:hover { text-decoration: none; color: white; }
#banner h1 a:visited { text-decoration: none; color: white; }
#banner h1 a:active { text-decoration: none; color: white; }


/* mains holds all the interesting bits on the page */

#mains { position: absolute; top: 96px; left: 30px; padding: 30px 10px; width: 770px; background: white url(../_images/bkgrd-mains.gif) right top repeat-y; border: 1px solid #cecc99;  border-width: 0 1px 10px 1px; min-height: 600px;}


/*navigation, sits to the right of the main area */

#nav { position: absolute; top: 0; right: 0; width: 166px; margin: 0; padding: 30px 0 0 0; }
#nav ul {list-style-type: none; margin: 5px 0 0 10px; padding: 0; }
#nav ul li {padding: 3px 0; color: #a28400; }
#nav ul li a.current {color:red; }


/* content holds the page content and stops it overlapping the right nav. Bad content. No biscuit. */

#content { margin-right: 180px; }



/* This season's text styles */

p, li { color: #222; line-height: 1.35em; margin: 0.75em 0; }

h1, h2, h3, h4, h5 { color: #7b6500; margin: 2em 0 0.75em 0; }
h1 { padding-bottom: 0.2em; border-bottom: 2px solid #7b6500; margin-top: 0; }
h1>h2 {margin-top: 0; }
h5 { text-transform: uppercase; }

.red { color: red; }
.right { text-align: right; }
.center { text-align: center; }
.small {font-size: 85%; }
.date { font-size: 85%; text-transform: uppercase; color: #999; }

#contact { position: absolute; bottom: 0px; right: 16px; }


/* tables */

table { margin: 0.75em 0; border: 1px solid #cecc99; border-collapse: collapse; font-size: 85%; }
td, th { padding: 6px; border: 1px solid #cecc99; border-collapse: collapse; text-align: left; }
th { color: #7b6500; }



/* Links colors and stuff */

a { color: #0171d7; text-decoration: none; }
a:visited { color: #537fa6; }
a:hover { text-decoration: underline; color: #0085ff; }
a:active { text-decoration: underline; color: #00aeff; }