/************* GENERAL STYLES ***/
* { margin: 0; padding: 0; }

article li { margin-left: 15px; }

html, body {
	text-align: left;
	font-size: 14px;
	font-family: 'PT Sans', sans-serif;
	color: #222;
	line-height: normal;
	background: url(../images/bg.jpg) top center no-repeat #dcdcdb;
	height: 100%; }

	/*** FONT STYLES ***/
	h1, h2 { 
		font-size: 22px; 
		font-weight: bold;
		color: #222;
		margin: 30px 0 10px; }
		
		h1 span, h2 span, h3 span { color: #d63131; }
		
	h3 {
		font-size: 16px;
		font-weight: bold;
		color: #222;
		margin: 5px 0; }
	
	a:link, a:visited { 
		color: #d63131;
		text-decoration: none; }
		
	a:hover { text-decoration: underline; }
		
	a img { border: none; }
	
	p { margin-bottom: 16px; }
	
	:focus { outline:none; }
	
	.floatRight { float: right !important; }

a.btn_link {
    padding: 10px;
    background-color: black;
    color: white !important;
    font-size: 14px;
    text-decoration: none;
}

a.btn_link:hover {
    color: white !important;
    background-color: black;
}

/************* STRUCTURE STYLES ***/
#page {
	width: 100%;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	float: left;
	margin: 0 0 -60px;
	background: url(../images/wrapper_bg.png) top center repeat-y; }

.wrapper {
	width: 1000px;
	padding: 0 7px;
	margin: 0 auto; }
	
	/*** HEADER ***/
	header {
		width: 1000px;
		height: 257px;
		float: left;
		border-top: 13px solid #d63131; }
		
	/*** NAV ***/
	nav {
		width: 1000px;
		height: 50px;
		float: left;
		background: url(../images/nav_bg.jpg) top left repeat-x #000;
		line-height: 50px; }
		
		nav ul {
			list-style: none;
			text-align: center;
			text-transform: uppercase;
			font-size: 17px; }
			
			nav ul li {
				height: 50px;
				margin: 0 23px;
				display: inline-block;
				zoom: 1;
				*display: inline; }
				
				nav ul li a:link, nav ul li a:visited { color: #fff; }
				
				nav ul li a:hover {
					text-decoration: none;
					color: #ccc; }
					
				nav ul li a.active { color: #EDA92C; }
					
	/*** SECTION ***/
	section {
		width: 960px;
		float: left;
		background-color: #fafafa;
		padding: 0 20px 110px; }
		
		/*** ARTICLE ***/
		article {
			width: 630px;
			float: left; }
			
			/*** HOME PAGE ***/
			#latestNews {
				width: 630px;
				float: left; }
				
				#latestNews .article {
					width: 305px;
					float: left;
					font-size: 13px; }
					
					#latestNews .article a.pic {
						width: 305px;
						height: 160px;
						float: left;
						margin: 0 0 8px;
						overflow: hidden;
						position: relative; }
							
						#latestNews .article a.pic .shadow {
							width: 305px;
							height: 160px;
							position: absolute;
							top: 0;
							left: 0;
							-moz-box-shadow: inset 0 0 20px #000000;
							-webkit-box-shadow: inset 0 0 20px #000000;
							box-shadow: inset 0 0 20px #000000;
							opacity: 0;
							-moz-transition: opacity 0.5s ease;
							-webkit-transition: opacity 0.5s ease-in-out;
							transition: opacity 0.5s ease-in-out; }
							
							#latestNews .article a.pic:hover .shadow { opacity: 1; }
						
						#latestNews .article a.pic img { width: 305px; }
						
			/*** LATEST NEWS ***/
			ul#news { list-style: none; }
			
				ul#news li {
					width: 630px;
					float: left;
					padding: 0 0 20px;
					margin: 0 0 20px;
					border-bottom: 1px solid #ddd; }
					
				ul#news a.bigPic {
					width: 630px;
					height: 355px;
					float: left;
					margin: 0 0 10px;
					position: relative; }
					
					ul#news a.bigPic .shadow, ul#news a.smallPic .shadow {
						position: absolute;
						top: 0;
						right: 0;
						bottom: 0;
						left: 0;
						-moz-box-shadow: inset 0 0 20px #000000;
						-webkit-box-shadow: inset 0 0 20px #000000;
						box-shadow: inset 0 0 20px #000000;
						opacity: 0;
						-moz-transition: opacity 0.5s ease;
						-webkit-transition: opacity 0.5s ease-in-out;
						transition: opacity 0.5s ease-in-out; }
						
						ul#news a.bigPic:hover .shadow, ul#news a.smallPic:hover .shadow { opacity: 1; }
						
				ul#news a.smallPic {
					width: 120px;
					height: 120px;
					float: left;
					overflow: hidden;
					position: relative; }
					
				ul#news h2 { margin: 0 0 5px; }
				
				ul#news p { margin: 0; }
				
				ul#news .content {
					width: 500px;
					float: right; }
					
			/*** BIO ***/
			#bioInfo { margin: 0 0 16px; }
			
				#bioInfo li { margin-bottom: 3px; }
				
			table#personalBest { width: 100%; }
			
				table#personalBest tr td { padding: 3px 5px; }
				
				table#personalBest tr.even { background: #f0f0f0; }
				
			/*** BLOG ***/
			.blogPost {
				width: 630px;
				float: left;
				padding: 0 0 4px;
				margin: 0 0 20px;
				border-bottom: 1px solid #ddd; }
				
				.blogPost h2 { margin: 0 0 3px; }
				
				.blogPost .date {
					width: 630px;
					float: left;
					margin: 0 0 10px;
					font-size: 13px;
					color: #aaa; }
					
			/*** PHOTOS ***/
			.gallery{
				width: 630px;
				float: left; }
	
				.gallery a {
					width: 200px;
					height: 150px;
					float: left;
					position: relative;
					margin: 0 15px 15px 0; }
		
				.gallery a img { 
					width: 200px;
					height: 150px;
					display: block; }
				
				.gallery a .overlay {
					position: absolute;
					top: 0;
					bottom: 0;
					left: 0;
					right: 0;
					background: url(../images/gallery_overlay.png) center center no-repeat #000;
					zoom: 1;
					filter: alpha(opacity=50);
					opacity: 0.5;
					display: none; }
					
					.gallery a:hover .overlay { display: block; }
				
				.gallery a.end { margin: 0 0 15px; }
				
			/*** CONTACT ***/			
			form#contact {
				width: 630px;
				float: left; }
				 
				form#contact fieldset { border: none; }
				 
				form#contact ul { 
					float: left;
					list-style: none; }
				 
				form#contact ul li { 
					float: left;
					margin: 0 0 15px 0; }
				 	
					form#contact ul li.right { float: right; }
				 
				form#contact label { 
					display: block;
					margin: 0 0 3px; }
				 
				form#contact input.text {
					width: 293px;
					height: 28px;
					padding: 5px;
					border: 1px solid #aaa;
					background: #fcfcfc;
					font-family: inherit;
					font-size: inherit;
					line-height: 28px; }
				 	
					form#contact input.text:hover,
					form#contact input.text:focus { border-color: #595959; }
				 	
					form#contact input.fullWidth { width: 618px; }
				 	
				form#contact textarea {
					width: 618px;
					min-height: 150px;
					padding: 7px 5px;
					border: 1px solid #aaa;
					background: #fcfcfc;
					font-family: inherit;
					font-size: inherit;
					overflow: auto; }
				 	
					form#contact textarea:hover,
					form#contact textarea:focus { border-color: #595959; }
				 	
					input.submit {
						width: 120px;
						height: 40px;
						float: right;
						cursor: pointer;
						font: inherit;
						background: #d63131;
						border: none;
						text-transform: uppercase;
						color: #fff;
						position: relative; }
				 		
				 		input.submit:hover { background: #F42E2E; }
						
		/*** ASIDE ***/
		aside {
			width: 300px;
			float: right; }
			
			#twitter {
				width: 300px;
				float: left;
				margin: 0 0 10px; }
				
				#twitter h2 img { 
					vertical-align: middle;
					margin: -7px 0 0 5px; }
				
				#twitter .tweet ul { list-style: none; }
				
					#twitter .tweet ul li { margin: 0 0 15px; }
					
				#twitter .tweet span.tweet_time { 
					display: block;
					margin: 5px 0 0; }
					
					#twitter .tweet span.tweet_time a {
						color: #7c7c7c;
						font-size: 12px;
						font-style: italic; }
						
			#sponsors {
				width: 300px;
				float: left; }
				
				#sponsors div {
					width: 140px;
					float: left;
					border-top: 10px solid #d63131; }
				
				#sponsors a {
					width: 138px;
					height: 109px;
					float: left;
					border: 1px solid #ddd;
					border-top: none; }
					
			aside img.btn {
				width: 300px;
				float: left;
				margin: 15px 0 0; }
					
	/*** FOOTER ***/
	footer {
		width: 970px;
		height: 60px;
		float: left;
		padding: 0 20px 0 10px;
		background: #dcdcdc;
		line-height: 60px;
		font-size: 13px; }
		
		footer a:link, footer a:visited { color: #222; }
		
		footer #footerNav {
			width: 600px;
			float: left; }
			
			footer #footerNav a { margin: 0 8px; }
		
		/**** VIDEOS ****/
		a.video { 
			float: left;
			position: relative; }
		
		a.video .overlay {
			width: 100%;
			height: 90%;
			position: absolute;
			background: url(../images/icon_play.png) center center no-repeat;
			transition: all ease 0.5s; }
			
			a.video:hover .overlay { opacity: 0.7; }