@charset "utf-8";

body {
	margin:0;
	padding-bottom:100px;
	background-color:#0077b7;
	font-family:'Lucida Grande', Arial, Helvetica, sans-serif;
	font-size:0.75em;
	color:#000;
	}
	
a:link 		{ text-decoration:none; color:#d41b1b; }
a:visited 	{ text-decoration:none; color:#d41b1b; }
a:hover 	{ text-decoration:underline; color:#d41b1b; }
a:active 	{ text-decoration:underline; color:#d41b1b; }
	
#float-bg {
	height:100px;
	width:100%;
	background-image:url(img/background-overlay.png);
	background-repeat:no-repeat;
	background-position:center;
	position:fixed;
	bottom:0;
	left:0;
	float:left;
	}
	
#float-bg {
	_position: absolute;
	_bottom: auto;
	_top:expression(eval(document.compatMode &&
	 document.compatMode=='CSS1Compat') ?
	 documentElement.scrollTop
	 +(documentElement.clientHeight-this.clientHeight)
	 : document.body.scrollTop
	 +(document.body.clientHeight-this.clientHeight));
}
	
#container {
	margin:0 auto;
	width:800px;
	}
	
#header h1 {
	margin:0;
	background-image:url(img/logo.gif);
	background-repeat:no-repeat;
	height:119px;
	width:222px;
	font-size:0.1em;
	text-indent:-9999em;
	}
	
#header ul {
	margin:-70px 0 0 222px;
	_margin-bottom:-560px;
	padding:0 0 0 5px;
	height:70px;
	width:573px;
	background-image:url(img/nav-bg.gif);
	background-repeat:no-repeat;
	}
	
#nav li {
	margin:0;
	padding:0;
	position:relative;
	}
	
#nav li, #nav a  {
	display:block;
	height:70px;
	text-indent:-999em;
	border:0; 
	}
	
#nav-club 		{ width:50px; background: transparent url(img/nav-links.gif) -5px 0 no-repeat; }
#nav-committee 	{ top:-70px; left:50px; width:87px; background: transparent url(img/nav-links.gif) -55px 0 no-repeat; }
#nav-gallery 	{ top:-140px; left:137px; width:60px; background: transparent url(img/nav-links.gif) -142px 0 no-repeat; }
#nav-racing 	{ top:-210px; left:197px; width:56px; background: transparent url(img/nav-links.gif) -202px 0 no-repeat; }
#nav-forum 		{ top:-280px; left:253px; width:54px; background: transparent url(img/nav-links.gif) -258px 0 no-repeat; }
#nav-calendar 	{ top:-350px; left:307px; width:74px; background: transparent url(img/nav-links.gif) -312px 0 no-repeat; }
#nav-sponsors 	{ top:-420px; left:381px; width:76px; background: transparent url(img/nav-links.gif) -386px 0 no-repeat; }
#nav-merch 		{ top:-490px; left:457px; width:55px; background: transparent url(img/nav-links.gif) -462px 0 no-repeat; }
#nav-movie 		{ top:-560px; left:512px; width:61px; background: transparent url(img/nav-links.gif) -517px 0 no-repeat; }

#nav-club a:hover 		{ background: transparent url(img/nav-links.gif) -5px -70px no-repeat; }
#nav-committee a:hover 	{ background: transparent url(img/nav-links.gif) -55px -70px no-repeat; }
#nav-gallery a:hover 	{ background: transparent url(img/nav-links.gif) -142px -70px no-repeat; }
#nav-racing a:hover 	{ background: transparent url(img/nav-links.gif) -202px -70px no-repeat; }
#nav-forum a:hover 		{ background: transparent url(img/nav-links.gif) -258px -70px no-repeat; }
#nav-calendar a:hover 	{ background: transparent url(img/nav-links.gif) -312px -70px no-repeat; }
#nav-sponsors a:hover 	{ background: transparent url(img/nav-links.gif) -386px -70px no-repeat; }
#nav-merch a:hover 		{ background: transparent url(img/nav-links.gif) -462px -70px no-repeat; }
#nav-movie a:hover 		{ background: transparent url(img/nav-links.gif) -517px -70px no-repeat; }

#content {
	background-image:url(img/content-bg.gif);
	background-repeat:repeat-y;
	padding:10px 24px;
	}

#content h2 {
	margin:0;
	}
	
#left-column {
	float:left;
	width:525px;
	}
	
#left-column p {
	text-align:justify;
	line-height:1.4em;
	}
	
.post {
	margin:20px 0;
	}
	
.post h2 {
	font-size:1.25em;
	}
	
.post-time {
	font-size:0.9em;
	color:#666;
	}
	
.comments {
	font-size:0.9em;
	color:#666;
	}
	
#right-column {
	float:right;
	border-left:1px solid #bfbfbf;
	padding-left:16px;
	width:194px;
	font-size:0.8em;
	}
	
#login {
	background-color:#e0eef6;
	margin:0 0 25px 0;
	color:#3175c2;
	padding-right:8px;
	_padding-right:0px;
	text-align:right;
	}
	
#login h3 {
	margin:0 0 8px 0;
	background: transparent url(img/login-title.gif) no-repeat;
	height:27px;
	width:194px;
	font-size:0.1em;
	text-indent:-999em;
	text-align:left;
	}
	
#login input.textinput {
	border:1px solid #b3d1db;
	font-size:1em;
	margin:1px;
	width:120px;
	}
	
#login input.button {
	margin:3px 1px 8px 3px;
	border:1px solid #940000;
	background-color:#d41b1b;
	color:#fff;
	font-size:1em;
	}
	
#login input.textinput, #login input.button {
	_margin-right:8px;
	}
	
#calendar {
	margin:25px 0;
	}
	
#calendar h3 {
	margin:0;
	background: transparent url(img/cal-title.gif) no-repeat;
	height:27px;
	width:194px;
	font-size:0.1em;
	text-indent:-999em;
	}
	
#calendar table {
	border-collapse: collapse;
	}
	
#calendar th {
	background-color:#fffc00;	
	}
	
#calendar td {
	background-color:#e0eef6;
	color:#4885c0;
	}
	
#calendar td.difmnth {
	color:#cbcdce;
	}
	
#calendar td.today {
	color:#fffc00;
	font-weight:bold;
	background-image:url(img/today.gif);
	background-repeat:no-repeat;
	background-position:top center;
	}
	
#calendar td.event {
	font-weight:bold;
	background-image:url(img/event.gif);
	background-repeat:no-repeat;
	background-position:top center;
	}

#calendar th, #calendar td {
	height:2.5em;
	width:3em;
	padding:0;
	margin:0;
	text-align:center;
	}
	
#topics {
	background-color:#e0eef6;
	margin:25px 0;
	color:#888;
	padding-bottom:5px;
	}
	
#topics h3 {
	margin:0 0 8px 0;
	background: transparent url(img/topics-title.gif) no-repeat;
	height:27px;
	width:194px;
	font-size:0.1em;
	text-indent:-999em;
	}
	
#topics table {
	width:95%;
	margin:0 auto;
	}
	
#topics td {
	padding:2px 0 3px 0;
	}
	
#topics a {
	color:#000;
	font-weight:bold;
	}
	
#latest-pic {
	background-color:#e0eef6;
	margin:25px 0;
	padding:0 8px 8px 8px;
	_padding-right:0;
	}
	
#latest-pic h3 {
	margin:0 0 8px -8px;
	background: transparent url(img/pics-title.gif) no-repeat;
	height:27px;
	width:194px;
	font-size:0.1em;
	text-indent:-999em;
	}
	
#latest-pic img {
	border:0;
	margin-bottom:8px;
	}
	
#latest-pic a {
	color:#000;
	font-weight:bold;
	}
	
#footer {
	text-align:right;
	clear:both;
	margin:0 -24px -10px -24px;
	padding:24px 24px 0 24px;
	height:39px;
	background-image:url(img/footer-bg.gif);
	background-repeat:no-repeat;
	color:#d41b1b;
	}
	
#footer img {
	float:left;
	margin-top:-15px;
	}
	
#footer ul {
	display:inline;
	}
	
#footer ul li {
	display:inline;
	border-left:1px solid #bfbfbf;
	padding-left:4px;
	}
	
#footer ul li.first {
	border-left:0;
	}
	
#footer span {
	font-size:0.8em;
	height:63px;
	margin-left:270px;
	color:#666;
	}