/*
Thirtytwo.com Stylesheet / team

URL: 		thirtytwo.com
Created by: 	Foxxyz/Ivo KH Janssen, Mike Rusczyk & Aren Anderson
For:		Sole Technology Inc
Site Design by:	Teh Webnerds
		
http://thirtytwo.com

*/

object { 
	display: block
	}

h2 {
	font-size: 72px;
	border-top: 5px solid #292427;
	border-bottom: 5px solid #292427;
	padding: 10px 0 5px;
	background-color: inherit;
	color: #292427;
	}
	
#content {
	margin-top: 125px;
	}	

	#info p {
		line-height: 1.5;
		background-color: #FFFFFF;
		color: #323232;
		padding: 5px 20px 20px;
		margin-top: 10px;
		}
		
		#info p strong {
			display: block;
			font-style: italic;
			margin-top: 7px;
			}
		
#media {
	padding-top: 10px;
	}		
		
	#media h4 {
		display: none;
		}		
		
/* ---- subnav ---- */	

#subnavigation {
	margin-top: 0;
	}

	#subnavigation li {
		border-style: none;
		letter-spacing: 0.1em;
		margin: 0 5px 0 0;
		color: #fff;
		background-color: inherit;
		float: left;
		list-style-type: none;
		}

		#subnavigation li:first-child:before {
			content: "";
			}

			#subnavigation li:first-child a {
				margin-left: 0;
				}

		#subnavigation li a {
			font-family: "ko-htf48", Helvetica, sans-serif;
			font-weight: normal;
			text-transform: uppercase;
			margin-left: 2px;
			padding: 0 5px;
			font-size: 20px;
			color: #fff;
			background-color: #686768;
			padding: 5px;
			}
			
		#subnavigation li a:hover {
			color: #FFFFFF;
			background-color: #F47B20;
			}	

		#subnavigation li.active a {
			color: #FFFFFF;
			background-color: #F47B20;
			text-decoration: none;
			}

	#subnavigation ul {
		font-weight: bold;
		overflow: hidden;
		line-height: normal;
		margin-bottom: 10px;
		}
		
/* -------- */

#video {
	min-height: 523px;
	padding: 7px 7px 0;
	}
		
	.landing #content {
		width: 980px;
		float: none;
		margin: 0 auto;
		padding-bottom: 0;
		padding: ;
		}	
				
		.landing #content h3 {
			color: #fff;
			background-color: #000;
	    	padding: 2px 5px 0;
			margin-bottom: 10px;
			line-height: 0.9em;
			display: inline-block;
			font-size: 3em;
			}	
		
	.landing h2 {
		display: none;
		}

	.landing #header {
		background-position: 0 76px;
		}	
		
	.landing #wrapper {
		width: auto;
		padding: 0;
		margin: 0 20px 0 20px;
		background: url("/app/css/images/team-feature-bg.png") repeat-x scroll 0 0 transparent;
		color: inherit;
		}
		
.main {
	color: #fff;
	background-color: #000;
	background-image: none;
	}	
	
	.main #content {
		padding-bottom: 75px;
		width: 307px;
		float: right;
		}
	
	.main #footer {
		background: url("/app/css/images/site.jpg") repeat fixed 0 0 #B8B6B8;
		margin: 60px 0 0;
		padding: 16px 0 20px 20px;
		border-top: 2px solid #9c9c9c;
		}
	
.postmeta {
	line-height: .9;
	margin: 0 0 20px 10px;
	padding-bottom: 5px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #686768;
	background-color: inherit;
	font-weight: bold;
	font-style: italic;
	}
	
	.postmeta small {
		font-size: 11px;
		}		
		
	.rider #background {
		height: 100%;
	    left: 0;
	    overflow: hidden;
	    position: fixed;
	    top: 0;
	    width: 100%;
	    z-index: -1;
		}
		
	.rider #feature {
		margin-bottom: 20px;
		min-width: 980px;
		margin: 0 20px;
		}
		
		.rider #feature img {
			margin: 0 auto;
			border-style: none;
			}
			
		.rider #feature .overlay {
			position: absolute;
			background: url("/app/css/images/team-transparent-bg.png") repeat scroll 0 0 transparent;
			color: inherit;
			padding: 3px;
			margin-left: -90px;
			}

			.rider #feature .overlay h3 {
				color: #FFF;
				margin: 0;
				padding: 10px 0;
				border-bottom: solid 3px #FFF;
				border-top: solid 3px #FFF;
				}
		
		.rider #media li {
			color: inherit;
			background-color: #FFFFFF;
			}
			
			.rider #media li:hover {
				box-shadow: 1px 1px 4px #a3a1a1;
				}

		.rider #media ul {
			list-style: none;
			}
		
			.rider #media .post a {
				display: block;
				width: 287px;
				height: 164px;
				overflow: hidden;
				color: #FFFFFF;
				background-color: inherit;
				}
			
			.rider #media .post h3 {
				width: 287px;
				height: 164px;
				padding: 10px 10px 5px;
				font-size: 38px;
				line-height: normal;
				position: relative;
				margin: 0;
				}
				
				.rider #media .post h3 span {
					position: absolute;
					top: 10px;
					left: 10px;
					width: 247px;
					display: none;
					line-height: 0.9em;
					padding: 20px;
					height: 124px;
					overflow: hidden;
					color: inherit;
					background: transparent url(/app/css/images/team-transparent-bg.png) repeat 0 0;
					}
		
				.rider #media .post a:hover span {
					display: block;
					}

.riders {
	list-style: none;
	overflow: hidden;
	color: inherit;
	background: url("/app/css/images/transparent-bg.png") repeat scroll 0 0 transparent;
	padding-top: 20px;
	}

		.riders a:focus {
			outline-style: none;
			}

		.riders a:hover {
			color: #F47B20;
			background-color: inherit;
			}
		
	.riders br {
		display: none;
		}	

	.riders li {
		float: left;
		position: relative;
		margin: 0 0 20px 20px;
		width: 200px;
		height: 200px;
		background-color: #FFFFFF;
		padding: 10px;
		}
		
		.riders li:hover {
			box-shadow: 1px 1px 4px #a3a1a1;
			}
		
		.riders a:focus {
			outline-style: none;
			}

		.riders a img {
			border: none;
			}
			
		.riders a span {
			display: none;
			bottom: 10px;
			left: 10px;
			position: absolute;
			text-indent: -9009px;
			width: 200px;
			height: 200px;
			color: inherit;
			background-color: transparent;
			background-repeat: no-repeat;
			background-position: center center;
			}
			
			.riders a:hover span {
				display: block;
				}
				
	.riders li#jp-walker span { background-image: url(/app/css/images/features/team-jp-walker.png); }
	.riders li#simon-chamberlain span { background-image: url(/app/css/images/features/team-simon-chamberlain.png); }
	.riders li#chris-bradshaw span { background-image: url(/app/css/images/features/team-chris-bradshaw.png); }
	.riders li#scott-stevens span { background-image: url(/app/css/images/features/team-scott-stevens.png); }
	.riders li#marie-france-roy span { background-image: url(/app/css/images/features/team-marie-france-roy.png); }
	.riders li#markku-koski span { background-image: url(/app/css/images/features/team-markku-koski.png); }			
	.riders li#jon-kooley span { background-image: url(/app/css/images/features/team-jon-kooley.png); }
	.riders li#nima-jalali span { background-image: url(/app/css/images/features/team-nima-jalali.png); }
	.riders li#chris-grenier span { background-image: url(/app/css/images/features/team-chris-grenier.png); }
	.riders li#joe-sexton span { background-image: url(/app/css/images/features/team-joe-sexton.png); }
	.riders li#johnny-miller span { background-image: url(/app/css/images/features/team-johnny-miller.png); }
	.riders li#ben-bilocq span { background-image: url(/app/css/images/features/team-ben-bilocq.png); }
	.riders li#tyler-flanagan span { background-image: url(/app/css/images/features/team-tyler-flanagan.png); }
	.riders li#stale-sandbech span { background-image: url(/app/css/images/features/team-stale-sandbech.png); }