/* RESEN */
/* Template Skin Stylesheet
------------------------------------------------------------------------------- */


/* STRUCTURAL CONTAINERS
------------------------------------------------------------------------------- */


	body {
	
		background-image: url('images/bg-body.jpg');
		background-position: center top;
		background-repeat: no-repeat; /* no-repeat / repeat / repeat-x / repeat-y */
		background-color: #033d7c;

		}
		
	#layout {

		/* 980px or less */
		width: 900px;
	
		}
		
	#header {
	
		height: 200px;
		/* background-image: url('images/bg-header.jpg'); */
		background-color: #999999;

		}
		
	#navigation {
	
		background-color: none;
	
		}
		
	#content {
	
		/* background-image: url('images/bg-content.jpg'); */
		background-color: #ffffff;
		-moz-border-radius-topleft: 10px;
		-moz-border-radius-topright: 10px;
		-webkit-border-top-left-radius: 10px;
		-webkit-border-top-right-radius: 10px;
		
		}
		
	#footer {
	
		background-color: #b5b5b7;
		-moz-border-radius-bottomleft: 10px;
		-moz-border-radius-bottomright: 10px;
		-webkit-border-bottom-left-radius: 10px;
		-webkit-border-bottom-right-radius: 10px;
		
		}
		
		
/* LOGO
------------------------------------------------------------------------------- */


/* The actual logo should be in the header background image, THIS element is
transparent and lays over the top of the logo, making it clickable. */

	
	#header h1 {
	
		position: absolute;
		top: 0;
		left: 38px;
		z-index: 98;
	
		}
		
	#header h1 a {
	
		background: url('images/logo.png') no-repeat;
		width: 226px;
		height: 169px;
		top: 20px;
		left: 10px;
	
		}
	

/* NAVIGATION
------------------------------------------------------------------------------- */

	
	#navigation {
	
		width: 100%;
		padding: 0;
	
		}
		
	#navigation a {
	
		height: 52px;
		text-indent: -5000px;
		overflow: hidden;

		}
		
	.section-home #navigation .home a,
	.section-races #navigation .races a,
	.section-results #navigation .results a,
	.section-signup #navigation .signup a,
	.section-photos #navigation .photos a,
	.section-contact #navigation .contact a,
	#navigation a:hover {
	
		background-position: 0 -52px;
	
		}
		

/* Image Replacement */


	#navigation .home a {
	
		width: 134px;
		background-image: url('images/navigation/a-news.png');
	
		}
		
	#navigation .races a {
	
		width: 130px;
		background-image: url('images/navigation/a-races.png');
	
		}
		
	#navigation .results a {
	
		width: 168px;
		background-image: url('images/navigation/a-results.png');
	
		}
		
	#navigation .signup a {
	
		width: 149px;
		background-image: url('images/navigation/a-signup.png');
	
		}
		
	#navigation .photos a {
	
		width: 150px;
		background-image: url('images/navigation/a-photos.png');
	
		}
		
	#navigation .contact a {
	
		width: 169px;
		background-image: url('images/navigation/a-contact.png');
	
		}
		
		
/* TYPE
------------------------------------------------------------------------------- */

/* WEB SAFE FONTS
Sans-Serif: Arial / Tahoma / Trebuchet MS / Verdana
Serif: Times New Roman / Georgia
Mono-Spaced: Courier New
*/

/* Default */


	body {
	
		color: #333333;
		font-size: 12px;
		line-height: 16px;
		font-weight: normal;
		font-family: "Trebuchet MS", Verdana, sans-serif;
	
		}
		
		
/* Footer */
	
	
	#footer {
	
		color: #333;
		font-size: .9em;
	
		}
		
		
/* HEADINGS
------------------------------------------------------------------------------- */


/* Section Titles */


	#main h3 {
	
		color: #222222;
		font-size: 2.3em;
		line-height: 1.5em;
		font-weight: bold; /* lighter / normal / bold */
		font-family: Helvetica, Arial, sans-serif;
		border-bottom: 2px solid #333333;
		margin-bottom: 10px;
			
		}
			
	#sidebar h3 {
	
		color: #333;
		font-size: 1.3em;
		line-height: 1.3em;
		font-weight: bold; /* lighter / normal / bold */
		font-family: Helvetica, Arial, sans-serif;
		text-transform: uppercase;
		margin-bottom: 10px;

		}
		
		
/* Content Item Titles */

		
	h4 {
	
		color: #222222;
		font-size: 1.4em;
		line-height: 1.2em;
		font-weight: bold; /* lighter / normal / bold */
		font-family: Helvetica, Arial, sans-serif;
	
		}
			
	#sidebar h4 {
	
		font-size: 1em;
		line-height: 1em;
		text-transform: uppercase;
	
		}
		
		
/* Sub Headings (Datelines, Bylines, Locations, etc.) */



	ul.content > li > em,
	div.display > em,
	ul.content > li > span,
	div.display > span {
	
		color: #999999;
		text-transform: uppercase;
	
		}
		
	div.display span.price {
	
		color: #111111;
	
		}
		
		
/* LINKS
------------------------------------------------------------------------------- */


	a:link, a:visited, a:active {
	
		color: #000000;
		background: none;
		text-decoration: none;
	
		}
		
	a:hover {
	
		color: #444444;
		background: none;
	
		}
		
		
/* BUTTONS
------------------------------------------------------------------------------- */
		
		
	ul.actions a {
	
		color: #fff !important;
		background: #666;
		text-transform: uppercase;
		padding: 4px 20px;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
	
		}
		
		
/* Inline Buttons: Smaller Versions of Buttons */


	ul.actions.inline a {
	
		color: #fff;
		background: #666;
	
		}
		
		
/* Page Numbers */


	ul.pages a,
	ul.pages em,
	ul.pages strong {
	
		color: #fff;
		background: #666;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		
		}
		
		
/* Selected Page */
		
		
	ul.pages strong {
	
		background: #000;
		
		}
		
		
/* RULES
------------------------------------------------------------------------------- */


/* Main Content Area */


	#main ul.content > li {
	
		border-color: #ccc;
	
		}
	

/* Panels */


	#main .pane ul.content > li,
	#sidebar ul.content > li {
	
		border-color: #666;
	
		}
		
		
/* TABS
------------------------------------------------------------------------------- */


/* Tab Background */


	ul.tabs a {
	
		color: #999999;
		font-size: 1.5em;
		line-height: 1.5em;
		font-weight: bold;
		font-family: Arial, Verdana, sans-serif;
		background: none;
		-moz-border-radius-topright: 10px;
		-moz-border-radius-topleft: 10px;
		-webkit-border-top-right-radius: 10px;
		-webkit-border-top-left-radius: 10px;

		}
		
		
/* Tab Text */


	#content ul.tabs .selected a {
	
		color: #fff;
		background: #000;
	
		}
		
		
/* Background Panels */		
		
		
	.pane {
	
		color: #eee;
		background: #b5b5b7 url('images/bg-panel.jpg');
		-moz-border-radius: 10px;
		-moz-border-radius-topleft: 0;
		-webkit-border-radius: 10px;
		-webkit-border-top-left-radius: 0;
	
		}

	#sidebar > div {
	
		color: #333;
		background: #b5b5b7 url('images/bg-panel.jpg');
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
	
		}
		
		
/* Link Color */
		
		
	.pane a,
	#sidebar > div a {
	
		color: #000;
	
		}
		
		
/* Sub Headings (Datelines, Bylines, Locations, etc.) */


	.pane ul.content > li > em,
	#sidebar ul.content > li > em,
	.pane div.display > em,
	#sidebar div.display > em,
	.pane ul.content > li > span,
	#sidebar ul.content > li > span,
	.pane div.display > span,
	#sidebar div.display > span {
	
		color: #555;
	
		}


/* FORMS
------------------------------------------------------------------------------- */
		
		
	input[type=text],
	textarea {
	
		padding-top: 2px;
		padding-bottom: 2px;
		font-size: 13px;
		line-height: 17px;
		font-weight: normal;
		font-family: "Trebuchet MS", Arial, sans-serif;
		
		}
		

/* SIDEBAR LINKS
------------------------------------------------------------------------------- */


	a.page {
	
		width: 293px;
		font-weight: bold;
		color: #333;
		font-size: 23px;
		line-height: 23px;
		text-transform: uppercase;
		background: #b5b5b7 url('images/bg-panel.jpg');
		border: 2px solid #666;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
	
		}
		
	a.page:hover {
	
		border-color: #111;
	
		}

		
/* RESEN LOGO
------------------------------------------------------------------------------- */


	li.resen a {
	
		background: url('../images/common/a-resen-dark.png');
		
		}