@charset "utf-8";

/*
Design by NodeThirtyThree <http://www.nodethirtythree.com>
Published by Free CSS Templates <http://www.freecsstemplates.org/>
Released for free under a Creative Commons Attribution 2.5 License
*/

* {
	margin: 0;
	padding: 0;
}

body {
	background: #FFFFFF url(images/img01.gif) repeat-x;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #4A5157;
}

h1, h2, h3   { color: #292929 }

h1  { font-size: 30px }

h2  { color: #292929; font-size: 24px }

h3 {
	font-size: 13px;
	color: #292929;
}

p, ul, ol     { }

p {
}

ul  { list-style-type: none }

ol {
}

a    { color: #c30; text-decoration: none }

a:hover  { text-decoration: underline }

img {
	border: none;
}

img.left {
}

img.right {
}

.tn img {
	border: 8px solid #F5F5F5;
}

hr {
	display: none;
}

/* Logo */

#logo  { background-image: url("images/headerbkg.jpg"); background-repeat: no-repeat; margin: 0 auto; width: 918px; height: 147px }

#logo h1  { font-size: 38px; font-weight: normal; background-image: url("images/logoh1bkg.png"); background-repeat: repeat-x; margin-top: 60px; padding: 5px 30px 0; height: 50px; float: left }

#logo h2   { color: #ffffff; font-size: 16px; font-weight: normal; background-image: url("images/CMC-Logo.png"); background-repeat: no-repeat; text-transform: lowercase; width: 287px; height: 147px; float: right }

#logo a  { color: #002287; text-decoration: none }

/* Menu */

#menu   { text-align: center; margin: 0 auto; padding: 0; width: 919px; height: 50px }

#menu ul  { line-height: normal; text-align: center; list-style: none; margin-right: auto; margin-left: auto; padding: 10px 0 0 }

#menu li  { text-align: center; display: inline }

#menu a   { color: #ffffff; font-size: 14px; font-weight: bold; text-decoration: none; text-align: center; text-transform: lowercase; display: block; margin: 0 10px; padding: 5px 6px 0; height: 25px; float: left }

#menu a:hover {
	text-decoration: underline;
}

#menu .active a    { color: #002287; background: #fff url("images/img03.gif") repeat-x left bottom; text-align: center; margin-right: auto; margin-left: auto }

/* Page */

#bg {
	background: url(images/img04.gif) no-repeat center top;
}

#bg2 {
	background: url(images/img04b.gif) no-repeat center top;
}

#page  { margin: 0 auto; padding: 0; width: 918px }

/* Content */

#content   { margin: 0; padding: 0 0 0 24px; width: 625px; float: left }
#content2   { margin: 0; padding: 0 0 0 24px; width: 100%; float: left }

#content h1 {
	margin: 45px 0 20px 0;
	padding-left: 33px;
	background: url(images/img07.gif) no-repeat left center;
}

#content .content {
	padding-left: 32px;
}

/* Posts */

table.forumPost td {
	line-height: 120%;
	padding-top: 5px;
	padding-bottom: 5px;
	
}

.post h1.title  { background: url("images/img07.gif") no-repeat left center; margin: 45px 0 20px; padding-left: 33px; clear: both }

.post h2.title  { background: url("images/img07.gif") no-repeat left center; margin: 10px 0; padding-left: 33px }

.post .title a {
	text-decoration: none;
	color: #292929;
}

.post p       { margin: 0; padding-top: 10px; padding-bottom: 20px }

.post .entry     { line-height: 175%; margin: 0; padding: 0 32px }
.post .entry2     { line-height: 175%; margin-right: auto; margin-left: auto; padding: 0 0 }
.post ul, .post ol     { margin-bottom: 10px; margin-left: 60px }

.post ul   { line-height: 28px; list-style-type: square }

.post ol {
	list-style-type: decimal;
}

.calendar .date    { color: #c30; font-size: 11px; font-weight: bold; line-height: 125%; background-image: url("images/img14.gif"); background-repeat: no-repeat; background-position: 0 0; text-align: center; display: block; margin: 0 5px; padding: 4px 0 0; width: 69px; height: 72px; float: left }

.calendar .date .month  { color: #ffffff; line-height: 10px; text-transform: uppercase; display: block; margin: 0; padding: 0; height: 17px }

.calendar .date .day   { font-size: 28px; font-style: normal; font-variant: normal; font-weight: bold; line-height: 20px; margin: 0; padding: 0; height: 28px }

.calendar .date .year   { line-height: 10px; margin: 0; padding: 0; height: 10px }

/* Sidebar */

#sidebar  { padding: 0 1px 0 0; width: 214px; float: right }

#sidebar a {
	color: #4A5157;
}

.box {
}

.box .title {
	height: 27px;
	padding: 6px 0 0 34px;
	background: #C80000 url(images/img05.gif) no-repeat;
	text-transform: lowercase;
	font-size: 17px;
	color: #FFFFFF;
}

.box .content  { background: url("images/img06.gif") repeat-x; margin-top: 0; margin-bottom: 8px; padding: 8px 4px 4px }

.box ul  { list-style: none }

.box ul li  { font-size: 12px; line-height: 15px; margin-right: 10px; margin-bottom: 13px; margin-left: 10px }

.box small {
	font-size: 10px;
	color: #808C96;
}

/* Footer */

#footer {
	padding: 35px 0;
	background: url(images/img08.gif) no-repeat center top;
	font-size: 12px;
}

#footer p {
	text-align: center;
}
.rrtop  { background-image: url("racereports/rrtop.gif"); background-repeat: no-repeat }
#rrtitle  { font-size: 18px; font-family: "Comic Sans MS", cursive; font-weight: bold; margin: 10px 10px 10px 60px; padding: 0 }
#rrtext  { font-size: 12px; font-family: "Comic Sans MS", cursive; line-height: 18px; margin: 0 40px 10px 65px; padding: 0 }
#left { text-align: center; margin-left: 30px; width: 40%; float: left }
#right { text-align: center; width: 50%; float: right }
.bluefade { background-image: url("bluefade.gif"); background-repeat: no-repeat }
.redfade { background-image: url("redfade.gif"); background-repeat: no-repeat }
.bluefade200 { background-image: url("bluefade200.gif"); background-repeat: no-repeat }
.redfade200 { background-image: url("redfade200.gif"); background-repeat: no-repeat }

table.thin {border-collapse: collapse;}
table.thin td{border: #c0c0c0 solid 1px; padding: 4px;}
table.thin th{border: #c0c0c0 solid 1px; padding: 4px; font-weight: bold; background-color: #ffffcc}