/*==================================================

THE SITE OF THOMAS REISS, ULTRARUNNER

==================================================*/

html, body {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	background: #e8eaea;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
h1, h2, h3, h4, p, div, ul, li, img { margin: 0; padding: 0; }
img, img a { border: none; }
#container {
	margin: 0 auto;
	width: 792px;
}
#header {
	margin: 50px 0 0 0;
	width: 792px;
	height: 285px;
	background: url(../images/bg_header.png) no-repeat center top;
}
#flash {
	margin: /*23px*/0 auto 0 auto;
	width: 750px;
	height: 237px;
	position: relative;
	top: 23px;
}


/*------------------------------
Navigation
------------------------------*/
ul#nav { padding: 7px 21px; width: 750px/*792px*/; height: 38px/*52px*/; display: block; background: url(../images/bg_nav.png) no-repeat center top; }
ul#nav li { width: 144px; height: 33px; float: left; display: block; text-indent: -10000em; list-style-type: none; }
ul#nav li a { width: 144px; height: 38px; display: block; float: left; }
ul#nav li#facts, ul#nav li#racing, ul#nav li#exposure, ul#nav li#links	{ margin-right: 7px; }

ul#nav li#facts a			{ background: url(../images/nav_facts.png) no-repeat center top; }
ul#nav li#facts a:hover		{ background: url(../images/nav_facts_roll.png) no-repeat center top; }
ul#nav li#racing a			{ background: url(../images/nav_racing.png) no-repeat center top; }
ul#nav li#racing a:hover	{ background: url(../images/nav_racing_roll.png) no-repeat center top; }
ul#nav li#exposure a		{ background: url(../images/nav_exposure.png) no-repeat center top; }
ul#nav li#exposure a:hover	{ background: url(../images/nav_exposure_roll.png) no-repeat center top; }
ul#nav li#links a			{ background: url(../images/nav_links.png) no-repeat center top; }
ul#nav li#links a:hover		{ background: url(../images/nav_links_roll.png) no-repeat center top; }
ul#nav li#contact a			{ background: url(../images/nav_contact.png) no-repeat center top; }
ul#nav li#contact a:hover	{ background: url(../images/nav_contact_roll.png) no-repeat center top; }



/*--------------------------------
Content
---------------------------------*/

#content {
	padding: 35px 61px 0 61px;
	width: 670px;
	background: url(../images/bg_content.png) no-repeat center top;
}

/*------------------
Home Page Only
------------------*/
#content .homeCol {
	padding: 0 15px 0 0;
	width: 205px;
	float: left;
}
#content .homeColRight {
	width: 219px;
	float: right;
}
/*-----------------------------------------------------------------*/

#content input, #content textarea {
	padding: 5px;
	border: #ffffff solid 1px;
	background: #ffffff url(../images/bg_form-inputs.png) repeat-x center top;
}

#leftCol {
	width: 400px;
	float: left;
}
#content h1 {
	margin: 0 0 10px 0;
	font-size: 20px;
	color: #303232;
	font-weight: bold;
}
#content h1 a:link		{ color: #303232; text-decoration: underline; }
#content h1 a:visited	{ color: #303232; text-decoration: underline; }
#content h1 a:hover		{ color: #303232; text-decoration: none; }
#content h1 a:active	{ color: #303232; text-decoration: none; }

#content h2 {
	margin: 0 0 10px 0;
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
	clear: both;
}
#leftCol h2 {
	color: #4b4e4e;
}
#leftCol h2 a:link		{ color: #4b4e4e; text-decoration: underline; }
#leftCol h2 a:visited	{ color: #4b4e4e; text-decoration: underline; }
#leftCol h2 a:hover		{ color: #4b4e4e; text-decoration: none; }
#leftCol h2 a:active	{ color: #4b4e4e; text-decoration: none; }

#content h3 {
	margin: 0 0 10px 0;
	font-size: 12px;
	font-weight: bold;
	color: #2b2b2b;
}
#content h3 a:link		{ color: #2b2b2b; text-decoration: underline; }
#content h3 a:visited	{ color: #2b2b2b; text-decoration: underline; }
#content h3 a:hover		{ color: #2b2b2b; text-decoration: none; }
#content h3 a:active	{ color: #2b2b2b; text-decoration: none; }

#content #rightCol h3 {
	margin:0;margin-bottom:5px;color:#434343;
}

#content p { margin: 0 0 10px 0; }

#content ul, #content ol {
	margin: 0 0 20px 20px;
}
#content p, #content ul li, #content ol li {
	font-size: 12px;
	color: #434343;
	line-height: 17px;
}
#content p a:link		{ color: #666666; text-decoration: underline; }
#content p a:visited	{ color: #666666; text-decoration: underline; }
#content p a:hover		{ color: #666666; text-decoration: none; }
#content p a:active		{ color: #666666; text-decoration: none; }

#content .date {
	color: #bf0101;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
}


/*--
Basic ul links and the RightCol links.
These have a class applied because normal ul's with links
will inherit these styles, which es no bueno de la mirada
--*/

#content ul.links {
	margin: 0;
	list-style-type: none;
}

#content ul.links li a {
	display: block;
	padding: 8px 8px 8px 30px;
	background: url(../images/bg_ul_li.png) no-repeat 8px 8px;
	text-decoration: none;
	color: #666666;
}
#content ul.links li a:hover {
	text-decoration: none;
	background: #f1f3f3 url(../images/bg_ul_li.png) no-repeat 8px 8px;
	color: #000000;
}


/*----------------------------------
Racing
-----------------------------------*/

#content ul.racing {
	list-style-type: none;
	border-top: #cacbcb solid 1px;
	border-bottom: #ffffff solid 1px;
	margin: 0;
}
#content ul.racing li a {
	list-style-type: none;
	display: block;
	padding: 8px 8px 8px 30px;
	background: url(../images/bg_ul_li.png) no-repeat 8px 9px;
	color: #434343;
	text-decoration: none;
	border-bottom: #d9dcdc solid 1px;
	border-top: #ffffff solid 1px;
}
#content ul.racing li a:hover {
	list-style-type: none;
	background: #f3f4f4 url(../images/bg_ul_li.png) no-repeat 8px 9px;
	color: #000000;
	border-bottom: #cacbcb solid 1px;
	border-top: #ffffff solid 1px;
}

/*-------------------------------
Links
--------------------------------*/

#content .left, #content .right {
	display: block;
	width: 330px;
	margin: 0 0 15px 0;
}
#content .left { float: left; }
#content .right { float: right; }


/*----------------------------
Right Column
-----------------------------*/
#rightCol {
	padding: 20px 0 0 20px;
	width: 235px;
	float: right;
	background: url(../images/bg_rightCol.png) no-repeat left top;
}
#rightCol h2 {
	color: #bf0101;
}
#rightCol h2 a:link		{ color: #666666; text-decoration: underline; }
#rightCol h2 a:visited	{ color: #666666; text-decoration: underline; }
#rightCol h2 a:hover	{ color: #666666; text-decoration: none; }
#rightCol h2 a:active	{ color: #666666; text-decoration: none; }

/*-- To make muthafuckin' shit work --*/

#content #clear {
	clear: both;
	background: url(../images/bg_footer.png) no-repeat center top;
	width: 670px;
	height: 36px;
}


/*--------------------------
Footer
--------------------------*/

#footer {
	margin: 0 auto;
	padding: 0 0 20px 0;
	width: 765px;
	text-align: right;
}
#footer p {
	font-size: 9px;
	font-weight: normal;
	color: #939595;
}
#footer img {
	position: relative;
	top: 4px;
	left: 2px;
}