/*
Theme Name: Selwyn Sport Trust
Theme URI: http://www.beckandcaul.co.nz
Author: Beck & Caul
Version: 1.0

*/


/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
@font-face {
	font-family: 'MyCustomFont';
	src: url('fonts/SourceSansPro-Regular.eot');
	src: url('fonts/SourceSansPro-Regular.woff') format('woff'), url('fonts/SourceSansPro-Regular.ttf') format('truetype'), url('fonts/SourceSansPro-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


@font-face {
	font-family: 'MyCustomFont-BOLD';
	src: url('fonts/SourceSansPro-Bold.eot');
	src: url('fonts/SourceSansPro-Bold.woff') format('woff'), url('fonts/SourceSansPro-Bold.ttf') format('truetype'), url('fonts/SourceSansPro-Bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}



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 {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	font-family: 'MyCustomFont', Arial, sans-serif;
	font-size:14px;
	line-height:18px;
	
}
body {
	color:#434343;
	background:#226a0f;

}
p {margin-bottom:10px;}
h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-weight: normal;
}

h1{
	color:#001745;
	font-size:31px;
	font-weight:normal;
	padding-bottom:15px;
	letter-spacing:-1px;
	line-height:35px;
}
h1 span{
	color:#00a651;
	font-size:28px;
	font-weight:normal;
	padding-bottom:15px;
	line-height:35px;
}

h2, .subtit{
	color:#434343;
	font-size:24px;
	 font-family:'MyCustomFont', Arial, sans-serif;
	 padding-bottom:30px;
}
.subtit{
	margin-bottom:20px;
}
strong, b{
	font-family: 'MyCustomFont-BOLD';
	font-weight:normal;
}

.textcontent{
	font-family:arial;
	font-size:20px;
	line-height:30px;
}

h3{
	color:#434343;
	font-size:20px;
	 font-family:'MyCustomFont', Arial, sans-serif;
	 padding-bottom:30px;
}

h4, h4 a{
	color:#434343;
	font-size:20px;
	 font-family:'MyCustomFont', Arial, sans-serif;
	 padding-bottom:10px;
}

h5{
	color:#434343;
	font-size:20px;
	 font-family:'MyCustomFont', Arial, sans-serif;
	 padding-bottom:10px;
}
h6{
	color:#434343;
	font-size:14px;
	 font-family:'MyCustomFont', Arial, sans-serif;
	 padding-bottom:0px;
}

ol, ul {
	/*list-style: none;*/
	list-style:disc;
}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img {
	border: none;
	

}

a:hover, a:link, a:visited{
	color:#001745;
	text-decoration:none;
}
#bg { position: fixed; top: 0; left: 0; z-index:-10;}
.bgwidth { width: 100%; }
.bgheight { height: 100%; }

.ninesixty{
	width:960px;
	margin:0 auto;
	 position:relative;
}

.race-buttons-wrapper{
	display:block;
}

.menudiv{
	float:right;
	display:block;
	clear:both;
	height:28px;
	padding-top:11px;
	padding-left:15px;
	padding-right:30px;
	background:#001545;
	border-top-left-radius:8px;
	color:#fff;
	font-size:11px;
	position:relative;
}

.topmenuclass, .menuhovered, .sublink, .sublink a{
	text-transform:uppercase;
	color:#FFF;
	font-size:11px;
	font-family:'MyCustomFont', Arial, sans-serif;
	font-weight:bold;
}
.sublink{
	border-bottom:1px solid #a4ce39;
	border-style:dotted;
}
.sublink, .sublink a{
	text-transform:capitalize;
}
.submenuclass{
	background: rgb(2,140,78);
	background: -moz-linear-gradient(top,  rgba(2,140,78,1) 0%, rgba(2,55,70,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(2,140,78,1)), color-stop(100%,rgba(2,55,70,1)));
	background: -webkit-linear-gradient(top,  rgba(2,140,78,1) 0%,rgba(2,55,70,1) 100%);
	background: -o-linear-gradient(top,  rgba(2,140,78,1) 0%,rgba(2,55,70,1) 100%);
	background: -ms-linear-gradient(top,  rgba(2,140,78,1) 0%,rgba(2,55,70,1) 100%);
	background: linear-gradient(to bottom,  rgba(2,140,78,1) 0%,rgba(2,55,70,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#028c4e', endColorstr='#023746',GradientType=0 );

	padding:20px;
	font-size:11px;
	border-bottom-left-radius:12px;
	border-bottom-right-radius:12px;


	position:absolute; 
	width:125px; 
	top:18px; 
	border-top:10px solid rgba(0,21,69,1);
	

	left:-11px;
	display:none; 
	z-index:1000000;	
	overflow:auto;
	z-index:2000;

	font-size:11px;
	font-family:'MyCustomFont', Arial, sans-serif;
	font-weight:bold;
}

.menudiv a:hover, .menudiv a .active, .menudiv a .menuhovered, .menuhovered{
	color:#00a651;
}

.sublink a{
	color:#FFF;
}

.headerline{
	background:#FFF;
	height:145px;
	width:100%;
	border-bottom-left-radius:45px;
	position:relative;
	display:block;
	font-size:22px;
	color:#00a651;
	text-align:right;
	text-transform:uppercase;
	font-style:italic;
}
.logo{
	position:absolute;
	top:28px;
	left:28px;
}
.cleardiv{
	position:relative;
	display:block;
	clear:both;
	
}


.contentbefore{
	width:41px;
	height:42px;
	background:url('img/contentlefttopcorner.png') top left no-repeat;
	position:relative;
	top:-8px;
}
.content{
	width:100%;
	background:url('img/contentbg.png') top right no-repeat;
	background-color: rgb(255, 255, 255); 
	background-color: rgba(255, 255, 255, 0.8); 
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#ffffff);  
	-ms-filter: 'progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#ffffff)';
	position:relative;
	top:-8px;

}
.cont{
	padding:40px;
	overflow:hidden;
}
.cimage{ /*425*/
	overflow:hidden;
	padding-left:125px;
	position:absolute;
	top:0px;
	right:0px;
	width:260px;
	height:400px;
	float:right;
	
}
.contimage{
	position:absolute;
	right:-150px;
	top:-120px;
	border:15px solid #FFF;
	border-radius: 50%;
	width:488px;
	height:488px;
	box-shadow: -10px 0px 5px rgba(0,0,0,0.2);
}


.upcoming_events{
	padding:12px;
	background: rgb(2,140,78);
	background: -moz-linear-gradient(top,  rgba(2,140,78,0.8) 0%, rgba(2,55,70,0.8) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(2,140,78,0.8)), color-stop(100%,rgba(2,55,70,0.8)));
	background: -webkit-linear-gradient(top,  rgba(2,140,78,0.8) 0%,rgba(2,55,70,0.8) 100%);
	background: -o-linear-gradient(top,  rgba(2,0.840,78,0.8) 0%,rgba(2,55,70,0.8) 100%);
	background: -ms-linear-gradient(top,  rgba(2,0.840,78,0.8) 0%,rgba(2,55,70,0.8) 100%);
	background: linear-gradient(to bottom,  rgba(2,0.840,78,0.8) 0%,rgba(2,55,70,0.8) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#028c4e', endColorstr='#023746',GradientType=0 );

	color:#FFF;
	font-size:36px;
}
.ue_image{
	float:left;
	position:relative;
	padding-right:22px;
	overflow:hidden;
	width:297px;
	height:200px;
	margin-bottom:20px;
}
.ue_image div{
	position:absolute;
	bottom:0px;
	width:282px;
	font-size:11px;
	padding-left:15px;
	padding-top:3px;
	height:25px;
	background-color: rgb(0, 0, 0); 
	background-color: rgba(0, 0, 0, 0.7); 
	color:#FFF;
	text-transform:uppercase;
	font-weight:bold;
	overflow:hidden;
}
.ue_image img{
	border-top-right-radius:30px;
	border:0px;
	width:297px;
}

.entrybutton{
	width:106px;
	padding:10px;
	padding-top:19px;
	height:24px;
	text-align:center;
	vertical-align:middle;
	background:url('img/race_button.jpg') no-repeat;
	float:left;
	margin-right:20px;
	color:#FFF;
	margin-bottom:20px;
	font-size:16px;
	line-height:14px;
	font-weight:bold;
	font-style:italic;
	cursor:pointer;
	display:inline-block;
	text-transform:uppercase;
}

.racebutton_logo{
	/*width:162px;*/
	width:123px;
	margin-right:10px;
	margin-bottom:0px;
}
.racebutton_logo img{
	position:relative;
	top:5px;
	width:123px;
}
.racebutton{
	width:73px;
	padding:25px;
	padding-top:9px;
	height:34px;
	text-align:center;
	vertical-align:middle;
	background:url('img/race_button.jpg') no-repeat;
	float:left;
	margin-right:13px;
	color:#FFF;
	margin-bottom:20px;
	font-size:16px;
	line-height:14px;
	font-weight:bold;
	font-style:italic;
	cursor:pointer;
	display:inline-block;
}
.racebutton_on{	
	background:url('img/race_button_on.jpg') no-repeat;
	width:73px;
	padding:25px;
	padding-top:9px;
	height:34px;
	text-align:center;
	vertical-align:middle;
	float:left;
	margin-right:13px;
	color:#FFF;
	margin-bottom:20px;
	font-size:16px;
	line-height:14px;
	font-weight:bold;
	font-style:italic;
	cursor:pointer;
	display:inline-block;
}
#topbutt{
	padding-top:5px;
	padding-bottom:1px;
}
.racelinks{
	padding-bottom:20px;
	font-style:italic;
	font-weight:bold;
}
.racelinks .rloff{
	font-size:17px;
	padding-right:25px;
	color:#00a651;
}

.racelinks .rlon{
	font-size:17px;
	padding-right:25px;
	color:#001745;
}

.footer{
	display:block;
	clear:both;
	padding:20px;
	background:#001545;
	color:#fff;
	
	position:relative;
	min-height:70px;
}
.footer div, .footer a{
	font-size:11px;
}

.whi a{
	font-size:9px;
	color:#00a651;
	text-transform:uppercase;

}

[id^='a_racetg'] table{
	margin-bottom:20px;
	font-size:14px;
}
[id^='a_racetg'] table td p{
	margin:0px;
	padding:0px;
}
[id^='a_racetg'] table td{
	border:1px solid #444444;
	vertical-align:middle;

}
[id^='a_racetg'] table tr:nth-child(even){
	background:#EBEAE5;
	font-size:11px;
}
[id^='a_racetg'] table tr:nth-child(odd){
	background:#fff;
	font-size:11px;
}
[id^='a_racetg'] table tr td{
	padding:3px;
	margin:0px;
	font-size:14px;
}
[id^='a_racetg'] table tr td:nth-child(1){
	background:#D6CFB9;
}

[id^='a_racetg'] table tr:nth-child(1){
	background:#897F6B;
	color:#FFF;
	text-transform:uppercase;
	font-size:12px;
}
[id^='a_racetg'] table tr:nth-child(1) td{
	padding-top:12px;
}
[id^='a_racetg'] table tr:nth-child(1) td:nth-child(1){
	background:transparent;
}




[id^='a_race'] div{
	min-height:400px;
}



#sending, #sent{
	display:none;
}.inputdiv{
	float:right;
	width:512px;
	text-align:right;
	font-weight:bold;
}
.inputdiv input, .inputdiv textarea{
	 width:100%;
   height:18px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 6px 2px 2px 6px;
    border: none;
	line-height:17px;
	font-size:14px;
	color:#656565;

	border-radius:6px;
	-moz-border-radius:6px; /* Old Firefox */
	background:#FFF;
	border:1px solid #d2d2d2;
	line-height:15px;
	box-shadow:2px 0px 2px 1px #E3E3E3 inset; 
}
.inputdiv textarea{
	height:100px;
}
.inputdiv input[type='checkbox']{
	width:20px;
	padding-right:25px;
}
.inputdiv input[type='submit']{
	margin-top:5px;
    overflow:hidden;
	 width:100%;
	  border:0px;
	  height:30px;
	border-radius:6px;
	-moz-border-radius:6px; /* Old Firefox */
	background:#7C984B;
	border:1px solid #607539;
	 line-height:15px;
	text-align:right;
	color:#FFF;
	 box-shadow:2px 0px 2px 1px #69803E inset; 
	 font-family:'sourcesans';
	 font-size:14px;
	 text-transform:uppercase;
	 width:130px;
	 text-align:center
}

.inputdiv .inputerror{
	border:1px solid #ff6600;
}

.iclear{
	height:7px;
	clear:both;
}
.inputdiv input[capit='true']{
	text-transform:capitalize;
}

body .race-buttons-wrapper{
display:block;
padding-right:0px !important;
text-align:center;
height:auto !important;
}	
body .cont .race-buttons-wrapper a{
	display:inline-block !important;
}
body .racebutton_logo{
	display:block !important;
	float: left;
}

.footer .details a{
	color:#fff;
}


/* Mobile styling */


@media only screen and (max-width : 958px) {
	.ninesixty{
		width:96%;	
		box-sizing:border-box;	
		margin:0px 2% 0px 2%;
		padding-top:80px !important; 
	}
	
	.headerline {
	    padding: 10px 0px 10px 0px;
	    display: inline-block;
	    background: #FFF;
	    height: auto; 
	    text-align: center;
	    text-transform: uppercase;
	    font-style: italic;
	}	
	.logo{
		text-align:center;
		display:inline-block;
		position:relative;
		top:0px;
		left:0px;
		max-width:342px;
	}
	.headerline div:last-child{
		padding-right:0px !important;
		padding:2%;
		padding-top:20px !important;
			
	}
	/*.cont div:first-child{
		height:100px !important;
		width:200px !important;
	}*/
	.cont img{
		width:100% !important;
		height:auto !important;
		max-width:300px;
		display:block;
	}

	.ue_image {
		text-align:center;
		width:auto;
		display:block;
		float:none;
		padding-right:0px !important;
		height:auto;
		
	}
	.ue_image a{
	display:block;
	}
	.ue_image div{
		display:inline-block;
		over-flow:visable;
		position:static;
	}
	.upcoming_events{
		line-height: 30px;
		text-align:center;
		padding-top:40px;
	}
	.footer div{
	display:block !important;
	float:none !important;
	top:0px !important;
	}
	/*.cont  div:nth-child(2){
		display:none !important;
	}*/
	iframe{
		width:100%;
	}
	#cform > div{
		width:100% !important;
	}
	#cform .inputdiv{
		width:100% !important;
		display:block !important;
	}
	#mc_embed_signup_scroll{
		padding:10px !important;
		text-align:center !important;
		width:auto !important;
		height:auto:important;
	}
	.menudiv{
	display:none;}
	.fixed-img-width img{
		width:120px !important;
	}
	.hide-mobile{
		display:none !important;
	}
	.logo img{
		width:96%;
		padding:2%;
	}
	.cont{
		position:relative;
		z-index:1000;
	}
	.cimage{
		z-index:-1;
	}
	img.contimage {
		width:300px !important;
		height:300px !important;	
		display:block;
		position:absolute;
		right:-80px;
		top:-80px;
		border:15px solid #FFF;
		border-radius: 50%;
		width:320px;
		z-index:1;
		opacity:0.3;
	}
	.p{
		z-index:1000;
	}
	
	.footer .details, .footer .details a {
		font-size:16px;
		color: #fff !important;	
	}
	.footer .footer-nav {
		margin-top:20px;
		padding-bototm:20px;
	}
	
	.footer .footer-nav a{
		font-size:14px;
	}
	.website-by{
		font-size:16px;
		margin-top:20px;
	}
	.race-buttons-wrapper{
	display:block;
	padding-right:0px !important;
	text-align:center;
	height:auto !important;
	}	
	.racelinks a {
    	display: block;
    	padding-bottom: 10px;
	}	
	img{
	   display: block;
    	margin: 0 auto;
    	margin-bottom:20px;
	}
	img.size-full {
    	width: auto !important;
    	max-width: 100%;
	}	
	iframe.twitter-follow-button{
		display:block;
		margin:auto;
	}
	.table-mobile{
		overflow:auto;
	}
	table{
		width:auto !important;
	}
@media only screen and (max-width : 450px) {
	img.contimage {
		width:230px !important;
		height:230px !important;	
		display:block;
		position:absolute;
		right:-60px;
		top:-60px;
		border:15px solid #FFF;
		border-radius: 50%;
		width:100px;
		z-index:1;
		opacity:0.3;
	}
	
}


a.races{
	display:inline-block !important;
}
.racebutton_logo{
	display:block;
}
.website-by a{
	display: block;
	margin-bottom:20px;
}
.website-by{
	display: block;
    clear: both;
    float: right;
    
}

.footer .details, .footer .details a {
	color: #fff !important;	
}