/*
Theme Name: YATA theme
Theme URI: http://www.yatasports.com/
Description: The first theme for the new YATA site
Version: 1.0
Author: Toby James Pestridge
Author URI: http://www.tobyjamescreative.com
Tags: empty, clean, development, design

*/

.screen-reader-text {
     position: absolute;
     left: -1000em;
}

a img {
	border: none;
}

acronym, abbr, span.caps {
	font-size: 90%;
	letter-spacing: .07em;
}

acronym, abbr {
	cursor: help;
}

blockquote {
	border-left: 5px solid #ccc;
	margin-left: 1.5em;
	padding-left: 5px;
	font-size:80%;
}

body {
	color: #666666;
	font-family: Helvetica, Arial, sans-serif;
	margin: 0;
	padding: 0;
	background-color: #0e5f9e;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-image: url(images/bg_fade.png);
	background-repeat: repeat-y;
	background-position: center top;
	background-attachment: fixed;
}
#container {
	background-image: url(images/swirls.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: auto;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
#header {
	width: 960px;
	padding-top: 46px;
	/*padding-bottom: 22px;*/
	height: 231px;
}
#subtitle {
	text-align: center;
	height: 80px;
	width: 960px;
	padding: 0px;
	margin-top: 21px;
	margin-right: 0px;
	margin-bottom: 21px;
	margin-left: 0px;
}
.clearall {
	margin: 0px;
	padding: 0px;
	clear: both;
	height: 1px;
	width: auto;
}
#colholder {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	padding-bottom: 26px;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}
#footer {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	float: left;
	position: relative;
	margin-top: 0px;
	padding-top: 26px;
	text-align: center;
	margin-bottom: 26px;
	padding-bottom: 26px;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}
.subfooter ul, .subfooter li, .subfooter ul ul {
	list-style:none;
	display:inline;
	margin:0px;
	padding:0px;
}
.subfooter li, .subfooter li li {
	padding-right: 4px;
	padding-left: 4px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
}
.subfooter li.first {
	padding-right: 4px;
	padding-left: 4px;
	border-left-style: none;
}
.subfooter {
	font-size: 9pt;
	color: #FFFFFF;
	text-align: center;
	line-height: 15pt;
}
.subfooter a, .subfooter a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
.subfooter a:hover, .subfooter a:visited:hover {
	color: #FFCC33;
	text-decoration: underline;
}
.subfooter p {
	font-size: 8pt;
	line-height: 15pt;
	color: #FFFFFF;
}
#footer h2 {
	margin-bottom: 10px;
}
#footer p {
	font-size: 9pt;
	line-height: 13pt;
}
.more_right {
	float: right;
	margin-top: 12px;
}
cite {
	font-size: 90%;
	font-style: italic;
	color:#996633;
}

h2 {
	/*border-bottom: 1px dotted #ccc;
	font: 95% "Times New Roman", Times, serif;
	letter-spacing: 0.2em;
	margin: 15px 0 2px 0;
	padding-bottom: 2px;*/
}

h3 {
	/*border-bottom: 1px dotted #eee;
	font-family: "Times New Roman", Times, serif;
	margin-top: 0;*/
	margin:0px;
}

ol#comments li p {
	font-size: 100%;
}

p, li, .feedback {
}

/* classes used by the_meta() */
ul.post-meta {
	list-style: none;
}

ul.post-meta span.post-meta-key {
	font-weight: bold;
}

.credit {
	background: #90a090;
	border-top: 3px double #aba;
	color: #fff;
	font-size: 11px;
	margin: 10px 0 0 0;
	padding: 3px;
	text-align: center;
}

.credit a:link, .credit a:hover {
	color: #fff;
}

.feedback {
	color: #ccc;
	text-align: right;
	clear: both;
}

.meta {
	font-size: .75em;
}

.meta li, ul.post-meta li {
	display: inline;
}

.meta ul {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
}

.meta, .meta a {
	color: #808080;
	font-weight: normal;
	letter-spacing: 0;
}

.storytitle {
	margin: 0;
}

.storytitle a {
	text-decoration: none;
}

#commentform #author, #commentform #email, #commentform #url, #commentform textarea {
	background: #fff;
	border: 1px solid #333;
	padding: .2em;
}

#commentform textarea {
	width: 100%;
}

#commentlist li ul {
	border-left: 1px solid #ddd;
	font-size: 110%;
	list-style-type: none;
}

#commentlist li .avatar {
	float: right;
	margin-right: 25px;
	border: 1px dotted #ccc;
	padding: 2px;
}

#content {
	margin: 30px 13em 0 3em;
	padding-right: 60px;
}

#header a {
	color: #fff;
	text-decoration: none;
}

#header a:hover {
	text-decoration: underline;
}

#menu {
	background: #fff;
	border-left: 1px dotted #ccc;
	border-top: 3px solid #e0e6e0;
	padding: 20px 0 10px 30px;
	position: absolute;
	right: 2px;
	top: 0;
	width: 11em;
}

#menu form {
	margin: 0 0 0 13px;
}

#menu input#s {
	width: 80%;
	background: #eee;
	border: 1px solid #999;
	color: #000;
}

#menu ul {
	color: #ccc;
	font-weight: bold;
	list-style-type: none;
	margin: 0;
	padding-left: 3px;
	text-transform: lowercase;
}

#menu ul li {
	font: italic normal 110% 'Times New Roman', Times, serif;
	letter-spacing: 0.1em;
	margin-top: 10px;
	padding-bottom: 2px; /*border-bottom: dotted 1px #ccc;*/
}

#menu ul ul {
	font-variant: normal;
	font-weight: normal;
	line-height: 100%;
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: left;
}

#menu ul ul li {
	border: 0;
	font: normal normal 12px/115% 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
	letter-spacing: 0;
	margin-top: 0;
	padding: 0;
	padding-left: 12px;
}

#menu ul ul li a {
	color: #000;
	text-decoration: none;
}

#menu ul ul li a:hover {
	border-bottom: 1px solid #809080;
}

#menu ul ul ul.children {
	font-size: 142%;
	padding-left: 4px;
}

#wp-calendar {
	border: 1px solid #ddd;
	empty-cells: show;
	font-size: 14px;
	margin: 0;
	width: 90%;
}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
}

#wp-calendar a {
	display: block;
	text-decoration: none;
}

#wp-calendar a:hover {
	background: #e0e6e0;
	color: #333;
}

#wp-calendar caption {
	color: #999;
	font-size: 16px;
	text-align: left;
}

#wp-calendar td {
	color: #ccc;
	font: normal 12px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
	letter-spacing: normal;
	padding: 2px 0;
	text-align: center;
}

#wp-calendar td.pad:hover {
	background: #fff;
}

#wp-calendar td:hover, #wp-calendar #today {
	background: #eee;
	color: #bbb;
}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
}

/* Captions & aligment */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
.col1 {
	height: 281px;
	width: 262px;
	background-image: url(images/for_parents_bg.png);
	background-repeat: no-repeat;
	color: #FFFFFF;
	padding-top: 60px;
	padding-left: 20px;
	overflow: hidden;
	padding-right: 20px;
	float: left;
	margin-right: 26px;
	text-align: left;
}
/* End captions & aligment */
.col2 {
	height: 281px;
	width: 262px;
	background-image: url(images/for_winners_bg.png);
	background-repeat: no-repeat;
	color: #FFFFFF;
	padding-top: 60px;
	padding-left: 20px;
	overflow: hidden;
	padding-right: 20px;
	float: left;
	margin-right: 26px;
	text-align: left;
}
.col3 {
	height: 281px;
	width: 262px;
	background-image: url(images/for_clubs_bg.png);
	background-repeat: no-repeat;
	color: #FFFFFF;
	padding-top: 60px;
	padding-left: 20px;
	overflow: hidden;
	padding-right: 20px;
	float: left;
	text-align: left;
}
.col1 p, .col2 p, .col3 p {
	font-size: 11pt;
	line-height: 15pt;
}
.foot1 {
	color: #FFFFFF;
	float: left;
	width: 281px;
	margin-right: 25px;
	position: relative;
	text-align: left;
	background-image: url(images/splash_bg_news.png);
	background-repeat: no-repeat;
	background-position: center top;
	padding: 11px;
}
.foot2 {
	color: #FFFFFF;
	float: left;
	width: 281px;
	margin-right: 25px;
	position: relative;
	text-align: left;
	background-image: url(images/splash_bg_diary.png);
	background-repeat: no-repeat;
	background-position: center top;
	padding: 11px;
}
.foot3 {
	color: #FFFFFF;
	float: left;
	width: 281px;
	position: relative;
	text-align: left;
	background-image: url(images/splash_bg_clock.png);
	background-repeat: no-repeat;
	background-position: center top;
	padding: 11px;
}
.foot1 ul, .foot2 ul, .foot3 ul {
	list-style:none;
	margin:0px;
	padding:0px;
}
.foot1 a, .foot2 a, .foot3 a, .foot1 a:visited, .foot2 a:visited, .foot3 a:visited {
	color: #FFCC00;
	text-decoration: none;
}
.panel {
background-image:url(images/header_panel.png);
background-position:right top;
background-repeat:no-repeat;
height:231px;
margin:0;
padding:0;
position:relative;
width:960px;
}
.row {
	background-image: url(images/panel_row.png);
	background-repeat: no-repeat;
}
.group {
	background-image: url(images/panel_group.png);
	background-repeat: no-repeat;
}
.step {
	background-image: url(images/panel_step.png);
	background-repeat: no-repeat;
}
.surf {
	background-image: url(images/panel_surf.png);
	background-repeat: no-repeat;
}
.mats {
	background-image: url(images/panel_mats.png);
	background-repeat: no-repeat;
}
.swim {
	background-image: url(images/panel_swim.png);
	background-repeat: no-repeat;
}
.boats {
	background-image: url(images/panel_boats.png);
	background-repeat: no-repeat;
}
.rugby {
	background-image: url(images/panel_rugby.png);
	background-repeat: no-repeat;
}
.football {
	background-image: url(images/panel_football.png);
	background-repeat: no-repeat;
}
.wind {
	background-image: url(images/panel_wind.png);
	background-repeat: no-repeat;
}
#main {
background-color:#FFFFFF;
margin-left:auto;
margin-right:auto;
min-height:800px;
padding:10px 30px 20px;
position:relative;
text-align:left;
width:838px;
}
#sidebar {
float:left;
left:57px;
position:relative;
top:-48px;
width:302px;
}
/*sidebar purple*/
#sidebar .purple {
	background-image: url(images/purple_top.png);
	background-repeat: no-repeat;
	padding: 20px 20px 0;
	margin-right: auto;
	margin-left: auto;
	color: #FFFFFF;
	margin-top: 40px;
}
#sidebar .purple a:link, #sidebar .purple a:visited{
	color:#ffcc00;
	text-decoration:none;
}
#sidebar .purple a:hover, #sidebar .purple a:visited:hover{
	text-decoration:underline;
}
.purple .base {
	background-image:url(images/purple_bass.png);
	background-repeat:no-repeat;
	display:block;
	height:20px;
	left:-20px;
	margin-top:00px;
	position:relative;
	top:20px;
	width:302px;
}
/*sidebar green*/
#sidebar .green {
	background-image: url(images/green_top.png);
	background-repeat: no-repeat;
	padding: 20px 20px 0;
	margin-right: auto;
	margin-left: auto;
	color: #FFFFFF;
	margin-top: 40px;
}
#sidebar .green a:link, #sidebar .green a:visited{
	color:#ffcc00;
	text-decoration:none;
}
#sidebar .green a:hover, #sidebar .green a:visited:hover{
	text-decoration:underline;
}
.green .base {
	background-image:url(images/green_base.png);
	background-repeat:no-repeat;
	display:block;
	height:20px;
	left:-20px;
	margin-top:00px;
	position:relative;
	top:20px;
	width:302px;
}
/*sidebar*/
#sidebar ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	font-size:13px;
	line-height:17px;
}
#sidebar li {
	margin-bottom:20px;
}
#sidebar h4 {
	font-size:13px;
	line-height:17px;
}
#sidebar .orange {
	background-image: url(images/orange_top.png);
	background-repeat: no-repeat;
	padding: 20px 20px 0;
	margin-right: auto;
	margin-left: auto;
	color: #FFFFFF;
	margin-top: 40px;
}
.orange .base {
	background-image:url(images/orange_base.png);
	background-repeat:no-repeat;
	display:block;
	height:20px;
	left:-20px;
	margin-top:0px;
	position:relative;
	top:20px;
	width:302px;
}

.post {
	float: left;
	position: relative;
	width: 535px;
}
.post p {
	margin-bottom: 18px;
	line-height:1.4em;
}
.post h2 {
	color: #004A91;
	margin:0 0 12px;
}
.logo {
	margin: 0px;
	padding: 0px;
	float: left;
	z-index: 999;
	height: 231px;
	width: 231px;
	position: absolute;
}
.clearall {
	clear: both;
	height: 1px;
	width: 100%;
}
.post ul, .post ol {
	list-style-type: disc;
	margin-left:50px;
}
#quick_contact_form tr{
	margin-bottom:6px;
	line-height:50px;
}
.post-meta-key{
	visibility:hidden;
	display:none;
}
.toptext{
color:#004B8F;
float:right;
font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
font-size:28px;
font-weight:bold;
height:auto;
margin:0;
padding:0;
position:absolute;
right:25px;
text-align:right;
top:30%;
width:401px;
}
.toptext p {
	margin:0px;
	padding:0px;
}
.childnav {
height:30px;
line-height:30px;
margin-bottom:20px;
padding:0;
}
.childnav ul {
display:inline-block;
_display:inline;
line-height:30px;
list-style-image:none;
list-style-type:none;
margin:0;
padding:0;
position:relative;
_position:absolute;
top:-20px;
_top:12px;
float:left;
}
.childnav li {
/*background-color:#66cc00;*/
display:inline-block;
_display:inline;
margin-right:20px;
/*padding:0 8px;*/
float:left;
}
.childnav li a:link, .childnav li a:visited{
	color:#FFFFFF;
	text-decoration:none;
	background-color:#66cc00;
	padding: 8px;
}
.childnav li a:hover, .childnav li a:visited:hover {
	color:#555;
	background-color:#FFCC00;
}
.post-index {
	margin-bottom:20px;
	border-bottom:solid 1px #ccc;
}
.post-index h2 a, .post-index a{
	color:#004A91;
	text-decoration:none;
}
.post-index a:hover, .post-index a:visited:hover{
	color:#ffcc00;
	text-decoration:underline;
}
.post-index .entry-meta-index {
	background-color:#f8f8f8;
	padding:6px;
	font-size:75%;
}