@charset "utf-8";
/* North Shore Ripper 07 Default Style Sheet
*
*  created by Reactionlab - www.reactionlab.com
*  last modified May 16, 2007 - cameron c.
*/

body {
	background:url(../images/body_bkg.gif) repeat-x 0 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: center;
	padding: 0;
	margin: 0;
}
/* blank out padding and margin on commonly used elements and start from scratch */
h1, h2, h3, h4, h5, h6, p, ul, ol {
	margin: 0;
	padding: 0;
}
a:link, a:visited {
	text-decoration: none;
	color:#eb529d;
}
a:hover {
	text-decoration: underline;
}

img {
	border:none;
}

/* Container DIV wraps entire site content */
#container {
	width: 760px;
	margin: 10px auto;
	text-align: left;
	position:relative;
}

/* Header DIV will contain photo only */
#header {
	height:332px;
}

/* Main site content DIV */
#main {
	margin:15px 0;
	position:relative;
	width: 760px;
}
	/* left side navigation menu */
	#nav {
		margin-left:11px;
		position:absolute;
		left:0;
		max-width:200px;
	}
	#nav li {
		list-style:none;
		font-size:1.0em;
		line-height:1.9em;
		text-transform:uppercase;
		font-weight:bold;
		/* default nav colour is red */
		color:#ed1c24;
		letter-spacing:1px;
	}
	#nav li a {
		/* nav links are warm grey */
		color:#aca095;
	}
	/* Sponsor logos div on left side */
	#sponsors {
		position:absolute;
		top:13em;
		left:0;
		max-width:200px;
	}
	#sponsors h4 {
		margin-left:11px;
		font-size:1.0em;
		line-height:1.9em;
		color:#aca095;
		font-weight:normal;
	}
	#content {
		width:390px;
		margin-left: 340px;
		min-height:410px; 
		/* ^ to keep Main div from collapsing on short pages
		  (IE6 fix to be coded inline on short pages using conditional comments) */
	}
	#content table {
		width:390px;
		margin-bottom:1.1em;
	}
	#content td, #content th {
		font-size:1.1em;
		line-height:1.9em;
		color:#666666;
		text-align:left;
	}
	#content td {
		vertical-align:top;
	}
	#content td.time {
		width:60px;
	}
	#content td.time3col {
		width:80px;
	}
	#content td.riders {
		width:135px;
	}
	#content td.class {
		width:65px;
	}
	#content td.team {
		width:130px;
		padding-right:0;
	}
	#content td.rank {
		width:20px;
	}
	#content td.rider {
		width:175px;
	}
	#content td.rider2 {
		width:195px;
	}
	#content td em {
		color:#111111;
	}
	
	#content thead th {
		color:#111111;
	}
	#content tbody th {
		font-style:italic;
		color:#111111;
	}
	#content a strong {
		color:#ed1c24;
	}
	#content h1, #content h2 {
		font-size:1.1em;
		line-height:1.9em;
		color:#ed1c24;
	}
	#content h2 em {
		font-weight:normal;
	}
	#index #content h2 {
		color:#000000;
	}
	#content h3 {
		font-size:1.1em;
		line-height:1.9em;
		color:#696969;
	}
	#content h5 {
		margin:2.2em 0 0.55em;
		font-size:1.1em;
		line-height:1.9em;
		color:#ed1c24;
		font-weight:normal;
	}
	#content h6 {
		font-size:1.1em;
		line-height:1.9em;
		color:#ed1c24;
		font-weight:normal;
	}
	#content h4 {
		font-size:1.1em;
		line-height:1.9em;
		color:#696969;
		font-style:italic;		
	}
	#content p + h4 {
		margin-top:-1.1em;
	}
	#content p {
		font-size:1.1em;
		line-height:1.9em;
		color:#696969;
		margin-bottom:1.1em;
	}
	#content ul {
		margin-bottom:1.1em;
	}
	#content ul li {
		list-style-position:inside;
		font-size:1.1em;
		line-height:1.9em;
		color:#696969;
	}

/* Copyright etc. notice goes in footer block */
#footer {
	padding:5px 20px;
	border-top:1px solid #ed1c24;
	font-size:0.9em;
	color:#aca095;
}
	#footer a {
		color:#aca095;
	}