/*
Theme Name: Unit 23 Skatepark
Theme URI: http://www.unit23skatepark.co.uk
Description: Unit 23 Skatepark Theme
Author: Chris Winch
Author URI: http://www.dilatemedia.co.uk
Template: twentyten
Version: 1
*/

/* -- Global Styles
------------------------------------------------------------------------- */
body, ul, li, h1, h2, h3, h4, p { margin: 0px; padding: 0px; list-style: none; }
body {
	background: #CCC url(images/greypaper_bg.jpeg);
	color: #000;
	font: 16px/22px Georgia, "Times New Roman", Times, serif;
}
a:link, a:visited {
	color: #000;
	text-decoration: none;	
}
a:hover, a:active {
	color: #f8471e;	
}
img { border: none; }

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

#topBar {
	background: #000;
	margin-bottom: 30px;
	height: 10px;
}
	.wrapper {
	margin: 0 auto 30px auto;
	width: 1200px;	
}
	.wrapper:last-child { margin-bottom: 0; }
	.left-col {
		float: left;
		width: 360px;
	}
	.right-col {
		float: right;
		width: 840px;
	}
header { width: 360px;}
	header h1 a img {
		-webkit-transition: all .2s linear ;
		-moz-transition: all .2s linear;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
	}
	header h1 a:hover img {
		-webkit-transition: all .5s linear ;
		-moz-transition: all .5s linear;
		-webkit-transform: rotate(-30deg);
		-moz-transform: rotate(-30deg);	
	}
	nav {
		border-bottom: 1px dashed #000;
		margin-bottom: 30px;	
		padding-bottom: 30px;
	}
		nav ul { float: right; }
		nav li { float: left; }
		nav a {
			color: #000;
			float: left;
			margin-left: 30px;
			text-decoration: none;	
		}
		nav .current_page_item a { color: #f8471e; }
	
.footer-bar {
	background: #000 url(images/blackboard_bg.jpeg);
	color: #fff;	
}
	footer {
		padding: 30px 0;	
	}
		.footer-cell {
			height: 600px;
			float: left;
			width: 365px;
			padding-right: 20px;
			margin-right: 20px;
			border-right: 1px dashed #fff;
		}
		.footer-cell:last-child {
			border: 0;
			margin: 0;
			padding: 0;
		}
		
		ul.social { margin-bottom: 30px;}
		ul.social li {
			margin-bottom: 15px;
			height: 35px;
			line-height: 35px;
		}
		ul.social a {
			color: #fff;
			font-family: 'ChunkFiveRegular';
			font-size: 18px;
		}
		ul.social a:hover { color: #f8471e; }
		ul.social li img{
			float: left;
			margin-right: 15px;	
		}
		
		ul.friends li {
				margin-bottom: 10px;
		}
		ul.friends a {
			border-bottom: 1px dashed #fff;
			color: #fff;
			display: block;
			padding-bottom: 10px;
		}
		ul.friends a:hover { color: #f8471e; }
		
		ul.support { margin-top: 30px;}
		ul.support li {
			float: left;	
			margin: -30px 20px 0 0;
		}
		ul.support li img {
			width: 160px;
		}	
		
		a.location {
			border: 5px solid #fff;
			display: block;
			height: 300px;
			overflow: hidden;
			width: 370px;
		}
		a.location img {
			margin-top: -0px;
			-webkit-transition: margin-top .25s linear .25s;
			-moz-transition: margin-top .25s linear .25s;
		}
		a.location:hover img { margin-top: -300px; -webkit-transition: margin-top .75s linear ; -moz-transition: margin-top .75s linear ; }
				
/* Typography
------------------------------------------------------------------------- */	
@font-face {
	/* This declaration targets Internet Explorer */
	font-family: 'ChunkFiveRegular';
	src: url('fonts/chunk-webfont.eot');
}

@font-face {
	/* This declaration targets everything else */
	font-family: 'ChunkFiveRegular';
	src: url(//:) format('no404'), url('fonts/chunk-webfont.woff') format('woff'), url('fonts/chunk-webfont.ttf') format('truetype'), url('fonts/chunk-webfont.svg#webfontL1fF8QPP') format('svg');
	font-weight: normal;
	font-style: normal;
}

h2 { 
	font-family: 'ChunkFiveRegular'; 
	font-size: 36px;
	line-height: 44px;
	margin-bottom: 25px;
}
h3 {
	font-family: 'ChunkFiveRegular';
	font-size: 24px;
	line-height: 28px;
	margin-bottom: 15px;	
}
nav {
	font-family: 'ChunkFiveRegular';
	font-size: 26px;
	line-height: 28px;	
}
p { margin-bottom: 15px; }

/* Self Clearing Floats
------------------------------------------------------------------------- */
section:after, .hall-arrows:after, .facilities:after, footer:after, .social-container:after, nav:after, .support ul:after, .news:after, .facility:after, .team ul:after, footer-cell:after, .coach-photos:after {
	content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;	 
}

/* Home Page Elements
------------------------------------------------------------------------- */
ul#quotes { margin-top: 30px; }
ul#quotes li {
	border-bottom: 1px dashed #555555;
	color: #555555;
	font-size: 14px; 
	font-style: italic;
	padding-bottom: 15px;
	margin-bottom: 15px;
}
ul#quotes li span { 
	color: #f60; 
	font-style: normal;
	font-weight: bold;
}

#orangebar {
	background: #f8471e url(images/orange-bg.jpg);
	color: #fff;
	padding: 30px 0;
	margin-bottom: 30px;
}
	.info-left-col {
		float: left;
		margin-right: 30px;
		width: 30%;	
	}
	.info-middle-col {
		float: left;
		margin-right: 30px;
		width: 30%;
	}
		a.meetcoach, a.consentform {
			background: #fff;
			-moz-border-radius: 10px;
			border-radius: 10px;
			color: #000;
			display: block;
			margin-top: 30px;
			padding: 10px 10px 10px 50px;
			position: relative;
			width: 230px;
		}
			a.meetcoach img, a.consentform img {
				position: absolute;	
				top: 2px;
				left: 5px;
				height: 35px;
				width: 35px;
			}

	.info-right-col {
		float: left;
		width: 30%;	
	}
		.info-right-col a {
			color: #fff;	
		}
		.info-right-col a:hover {
			color: #000;	
		}
		.info-right-col table {
			margin-bottom: 30px;	
		}
		.info-right-col td {
			background: #fff;
			color: #000;
			font-size: 14px;
			text-align: center;
			width: 120px;	
		}
		.info-right-col td.hour {
			width: 60px;
		}
		.info-right-col td.price {
			width: 90px;
		}

.hall-arrows {}
	.hall-arrows li {
		float: left;
	}
	.hall-arrows a.hall1arrow:link {
		position: relative;
		right: 0px;
		-webkit-transition: right .25s linear;
		-moz-transition: right .25s linear;
	}
	.hall-arrows a.hall2arrow:link {
		position: relative;
		left: 0px;
		-webkit-transition: left .25s linear;
		-moz-transition: left .25s linear;
	}
	.hall-arrows a.hall1arrow:hover {
		position: relative;
		right: 5px;
		-webkit-transition: right .25s linear ;
		-moz-transition: right .25s linear ;
	}
	.hall-arrows a.hall2arrow:hover {
		position: relative;
		left: 5px;
		-webkit-transition: left .25s linear ;	
		-moz-transition: left .25s linear ;
	}
	.hall-arrows h2 {
		line-height: 40px;
		text-align: center;
		margin: 40px 10px 0 10px;
		width: 190px;
	}
.facilities {}
	.facilities li {
		float: left;
		margin-right: 30px;	
		position: relative;
	}
	.facilities li img {
		border: 5px solid #fff;
		width: 370px;
	}
	.facilities li:last-child {
		margin-right: 0;
	}
	.facilities h3 {
		text-align: center;	
	}
	.facilities a {
		color: #fff;
		font-family: 'ChunkFiveRegular';
		font-size: 28px;
	}
	.facilities a span {
		position: absolute;
		bottom: 30px;
		right: 30px;
	}

.home-bottom-list {
	float: left;
	margin-right: 30px;
	width: 585px;	
}
	.home-bottom-list:last-child {
		margin-right: 0;
	}
	.home-bottom-list a {
		border-bottom: 1px dashed #000;
		color: #000;
		display: block;
		font-size: 24px;
		font-style: italic;
		padding: 10px 5px;
		margin-bottom: 10px;
		text-decoration: none;
	}
	.home-bottom-list a span {
		display: inline-block;
		font-family: 'ChunkFiveRegular';
		font-size: 12px;
		font-style: normal;
		margin-right: 10px;
		position: relative;
		top: -2.5px;
	}
	.home-bottom-list a:hover { color: #f8471e; }
	
/* News Page Elements
------------------------------------------------------------------------- */
.news {}
.news-left {
	float: left;
	margin-right: 30px;
	width: 550px;
}
	.news-post {
		margin-bottom: 60px;
	}
		.news-post h1 {
			margin-bottom: 0;
			font-family: 'ChunkFiveRegular'; 
			font-size: 36px;
			line-height: 44px;
		}
		.news-post span.date-cat {
			font-family: 'ChunkFiveRegular';
			font-size: 14px;
		}
		.news-content {
			margin-top: 15px;
			line-height: 22px;
		}
			.news-content iframe, .news-content embed, .news-content object {
				max-height: 309px;
				max-width: 550px;	
			}
			.news-content img { max-width: 550px; }
.news-right {
	float: left;
	width: 260px;
}
.news-right img {
	border: 5px solid #fff;
	width: 250px;
	margin-bottom: 15px;
}
#fbComments p { display: none; }

.form-allowed-tags { display: none; }
.share { margin: 10px 0 -20px 0; }

/* =Gallery listing
-------------------------------------------------------------- */

.gallery a img { border: 5px solid #fff; float: left; margin-right: 15px;}

/* The Park Elements
------------------------------------------------------------------------- */
.the-park {}
.facility, .sub-facility { margin-bottom: 30px; }
	.facility-left {
		float: left;
		margin-right: 30px;
		width: 405px;
	}
		.facility-left h3, .sub-facility h3 {
			font-family: 'ChunkFiveRegular';
			font-style: normal;
			font-size: 28px;
			line-height: 32px;
			margin-bottom: 20px;
		}
		.facility-left img, .sub-facility img {
			margin-bottom: 15px;
			border: 5px solid #fff;
			width: 390px;
		}
	.facility-right {
		float: right;
		width: 405px;	
	}
		.facility-right li {
			float: left;
			margin: 0 10px 10px 0;
		}
		.facility-right a {
			border: 5px solid #fff;
			display: block;
			overflow: hidden;
			height: 115px;
			width: 115px;
		}
		.facility-right a img {
			height: 115px;	
		}
		
	.sub-facility img {
		border: 5px solid #fff;
		width: 830px;
	}

/* Media Elements
------------------------------------------------------------------------- */
.media {}
.vimeo {}
	.vimeo ul { margin-top: 30px; }
	.vimeo li {
		float: left;
		margin: 0 7.5px 15px 7.5px;
	}
a.vimeoLink {
	border: 5px solid #fff;
	float: left;
	height: 150px;
	overflow: hidden;
	position: relative;
	width: 185px;
}
a.vimeoLink span {
	background: #000;
	height: 130px;
	opacity: 0.75;
		-moz-opacity:0.75;
		-khtml-opacity: 0.75;
		filter: alpha(opacity=75);
	padding: 10px;
	position: absolute;
	top: 150px;
	left: 0;
	width: 170px;
}
a.vimeoLink:hover span {
	top: 0;
}

#embed iframe {
	border: 5px solid #fff;
	height: 467px;
	width: 830px;	
}
	
/* Team Elements
------------------------------------------------------------------------- */
.team {}
.team h3 {
	font-family: 'ChunkFiveRegular';
	font-style: normal;
	font-size: 28px;
	line-height: 32px;
	margin-bottom: 30px;
}
.team ul {
	margin-bottom: 30px;	
}
.team li {
	position: relative;
	border: 5px solid #fff;
	float: left;
	height: 148px;
	margin: 0 10px 10px 0;
	overflow: hidden;
	width: 148px;
}
.team li span {
	width: 148px;
	background: #000;
	background-color: rgba(0, 000, 0, 0.5);
	padding: 3px;
	position: absolute;
	bottom: 0px;
	left: 0px;
}
.team li a {
	color: #fff;
	font-size: 12px;
	line-height: 16px;
}
.team li a:hover {
	color: #f8471e;	
}
/* Contact Elements
------------------------------------------------------------------------- */
.contact{}
.contact-left {
	float: left;
	margin-right: 30px;
	width: 405px;
}
	.contact-left input, .contact-left textarea { padding: 5px; width: 375px;}
	.contact-left form p { margin-bottom: 10px; }
	.contact-left label { display: block; padding-bottom: 5px; }
	.contact-left form p br { display: none; }
	input.wpcf7-submit { 
		background-color: #181818;
		border: none;
		-moz-border-radius: 15px;
		border-radius: 15px;
		color: #fff;
		padding: 5px;
		width: 200px; 
	}
	input.wpcf7-submit:hover { 
		background-color: #f8471e;
		padding: 5px;
	}
.contact-right {
	float: left;
	width: 405px;
}
	.contact-right iframe {
		border: 5px solid #fff;	
		margin-bottom: 15px;
	}
		.contact-right input {
			float: left;
			margin-right: 15px;
			padding: 5px;
			width: 175px;	
		}
		.contact-right input.submit { 
			background-color: #181818;
			border: none;
			-moz-border-radius: 15px;
			border-radius: 15px;
			color: #fff;
			margin-top: 4px;
		}
		.contact-right input.submit:hover { background-color: #f8471e; }
		.contact-right form {
			margin-bottom: 70px;
		}
/* Coaches Elements
------------------------------------------------------------------------- */
.coach-photos { margin-bottom: 30px; }
.coaches-cell {
	float: left;
	margin-right: 30px;
}
.coach-info-left {
	width: 500px;
	float: left;
	margin-right: 30px;
}
.coach-info-right {
	float: left;
	width: 300px;
}
.coach-info-right h3 {
	font-family: 'ChunkFiveRegular';
	font-style: normal;
}
.coaches-cell img { border: 5px solid #fff; }
.coaches-cell:last-child {
	margin: 0;	
}

/* Membership Elements
------------------------------------------------------------------------- */
.members-left {
	float: left;
	margin-right: 30px;
	width: 500px;	
}
.members-left li { margin-bottom: 30px; }
.members-right {
	float: left;
	width: 300px;	
}
	.members-right img {
		border: 5px solid #fff;
		width: 290px;
	}


/* Category and Archives
------------------------------------------------------------------------- */
ul.cat-list h2 { margin-bottom: 5px;}
ul.cat-list li {
	border-bottom: 1px dashed #000;
	padding-bottom: 15px;
	margin-bottom: 15px;
}

/* Slideshow
------------------------------------------------------------------------- */
#slideshow {
	overflow: hidden;
	position: relative;
	margin: auto;
	width: 840px;
	height: 470px;
}
.main_view {
	position: relative;
}
/*--Window/Masking Styles--*/
.window {
	height: 470px; width: 840px;
	overflow: hidden;
}
.image_reel {
	position: absolute;
	top: 0; left: 0;
}
.image_reel img {float: left;}

/*--Paging Styles--*/
.paging {
	display: none; /*--Hidden by default, will be later shown with jQuery--*/
	line-height: 40px;
	margin: 0 auto;
	position: relative;
	top: -50px;
	text-align: center;
	height:47px;
	z-index: 1000; /*--Assures the paging stays on the top layer--*/
}
.paging a {
	background-color: #fff;
	-moz-border-radius: 15px;
	border-radius: 15px;
	color: #181818;
	margin-right: 5px;
	padding: 2px 8px;
	text-decoration: none;
}
.paging a.active {
	color: #f8471e;
}
.paging a:hover { color: #f8471e;}