@charset "UTF-8";
/*
Theme Name: SLED RACE CHALLENGE
Theme URI: http://www.domain.com/post_about_theme_if_applicable
Description: Theme, err, description
Version: 1.0
Author: Author Name
Author URI: http://www.author.com/

----> NOTE: Wordpress's default CSS structure is horrible. This seeks to reset, then establish some base rules...then, in Structure, 
define those elements relevent to a given Structure "area" specific CSS declaration needed in only that area...CASCADE down through the elements
needing styling as they apppear both symentically and visually. Simple, right?


----> BRAND FONTS + COLORS:
		FONT: Define Brand Fonts Here
		COLORS: 
			- NAV: #d0e2f0 (Blue Gray)
			- NAV ACTIVE: #22659a (Blue) / BG: #fbd100 (Yellow)
			- LINKS: #adcde6 (Light Blue) 
			- HEADERS: #002d69 (Dark Blue)
			- TEXT: #333
			
----> STRUCTURE OVERVIEW:
		This Template seeks to be 980px wide, centered with auto height / 2 column with Sidebar on right side
			


LEGEND:
1. REST ALL HTML ELEMENTS (meyerweb.com version)
2. BASE TYPOGRAPHY
3. STRUCTURE: Header, Breadcrumbs, Content, Sidebar (Right), Footer


*/



/* ---------- RESET ALL HTML ELEMENTS ---------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1em;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* ---------- /RESET ALL HTML ELEMENTS ---------- */





/* ---------- BASE TYPOGRAPHY ---------- */
body {
	font-size: 10px; /* Resets 1em to 12px */
	font-family: Arial, Helvetica, Sans-Serif;
	color: #333;
	line-height: 1.1em;
}
h1, h2, h3 {
	font-weight: bold;
	color: red;
}

	h2 {
		font-size: 1.6em;
		margin: 0px 0 0 0;;
		padding-bottom: 6px;
		margin: 12px 0 20px 0;
		border-bottom: 1px solid blue;
	}
	h3 {
		font-size: 1.3em;
		margin: 12px 0 20px 0;
	}
p {
	font-size: 1em;
	line-height: 1.1em;
	margin-bottom: 1.1em;
}

a {
	color: blue;
	text-decoration: none;
}
	a:hover {
		text-decoration: underline;
	}
	a img {
		border: none;
	}
	
small {
	font-size: 0.9em;
	line-height: 1.5em;
	color: #777;
}
blockquote, strike {
	color: #777;
}
blockquote {
	margin: 1.1em 0 1.1em 40px;
	border-left: 1px solid #333;
	padding-left: 12px;
}
	blockquote cite {
		margin: 5px 0 0;
		display: block;
	}	
code {
	font: 1.1em 'Courier New', Courier, Fixed;
}
acronym, abbr, span.caps {
	font-size: 0.9em;
	letter-spacing: .07em;
}

	
	/* ---------- BASE CLASSES ---------- */

	
	.hidy {
		display: none;
	}
	.clear {
		clear: both;
	}
	
	.alt {
		background-color: #f8f8f8;
		border-top: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
	}
	.center {
		text-align: center;
		}
	
	.hidden {
		display: none;
	}
	
	/* ---------- /BASE CLASSES ---------- */
	


/* ---------- /BASE TYPOGRAPHY ---------- */




/* ---------- STRUCTURE ---------- */

	/* ---------- BODY ---------- */
	body {
		text-align: center;
		background-color: #cce6e5;
	}
	/* ---------- /BODY ---------- */

	/* ---------- CONTAINER ---------- */
	div#container {
		margin-left: auto;
		margin-right: auto;
	}
	#container {
		width: 960px;
		height: 650px;
		overflow: hidden;
	
	}
	/* ---------- /CONTAINER ---------- */

	/* ---------- /HEADER ---------- */
	
	/* ---------- BREADCRUMBS ---------- */	
	
	/* ---------- /BREADCRUMBS ---------- */	
	
	
	
	/* ---------- CONTENT ---------- */
	
	#content {
		width: 960px;
		height: 650px;
		position: absolute;
		overflow: hidden;
		background: url('images/game_frame.jpg') no-repeat;
	
	}
		#content_flash { /* WHEN FLASH IS USED AS STRUCTURE- DEFAULT CONTENT DIV REMAINS WITH FLASH GETTING WRITTNE INTO FLASH DIV */
			position: absolute;
			display: inline;
			top: 172px;
			left: 240px;
			margin: 0;
		}
		
		#gkv_logo {
			position:absolute;
			display:block;
			width:80px;
			height:50px;
			background-image:url(images/logo_gkv.jpg);
			left:75px;
			top:337px;
			visibility:hidden;
		}
		
		#martek_logo {
			position:absolute;
			display:block;
			width:80px;
			height:50px;
			background-image:url(images/logo_martek.jpg);
			left:75px;
			top:337px;
			visibility:hidden;
		}
		
		#aerotek_logo {
			position:absolute;
			display:block;
			width:80px;
			height:50px;
			background-image:url(images/logo_aerotek.jpg);
			left:75px;
			top:337px;
			visibility:hidden;
		}
		
		#lottery_logo {
			position:absolute;
			display:block;
			width:80px;
			height:50px;
			background-image:url(images/logo_lottery.jpg);
			left:75px;
			top:337px;
			visibility:hidden;
		}
		
		#werner_logo {
			position:absolute;
			display:block;
			width:80px;
			height:50px;
			background-image:url(images/logo_werner.jpg);
			left:75px;
			top:337px;
			visibility:hidden;
		}
		
		#bcra_logo {
			position:absolute;
			display:block;
			width:80px;
			height:50px;
			background-image:url(images/logo_bcra.jpg);
			left:75px;
			top:337px;
			visibility:hidden;
		}
	/* ---------- /FOOTER ---------- */
	
	
/* ---------- /STRUCTURE ---------- */