/*
Theme Name: Be Air Aware
Theme URI: http://beairaware.org.uk
Description: Be Air Aware Website
Version: 1.0
Author: Guerilla Communications Ltd.
Author URI: http://www.guerilla.co.uk
*/

/************************************************************************************************
==============================================================================================*/

/* Global Reset ------------------------------------------------------------------------------*/

* {
margin: 			0;
padding: 			0;
border: 			0;
outline: 			0;
font-weight: 		inherit;
font-style: 		inherit;
font-size: 			100%;
font-family: 		inherit;
vertical-align: 	baseline;
}
body {
line-height: 		1;
min-width:			1000px;
font: 				normal 14px/18px Arial, Helvetica, sans-serif;
background:			#aae0f9 url('images/BG-main.png') repeat-x top center;
letter-spacing:		0;
}
:focus {
outline: 			0;
}
ol, ul {
list-style: 		none;
}
table {
border-collapse: 	separate;
border-spacing: 	0;
}
caption, th, td {
text-align: 		left;
font-weight: 		normal;
}
blockquote:before, blockquote:after {
content: 			"";
}
blockquote{

}
p{
padding:			6px 0;
text-align:			left;
}
hr {
display: 			none;
}
em{
font-style:			italic;	
}
b, strong{
font-weight:		bold;
}
a, a:visited{
text-decoration:	none;
}
a:hover{		
border:				none;
text-decoration:	none;
}
#main-mid a,#main-mid a:visited{
color: 				#301c7b;
}
#main-mid a:hover{
color:				#000;
}
.no-border{
border:				none !important;
}
.no-back{
background:			none !important;
}
.no-margin{
margin:				0 !important;
}
.clear { 
clear:				both;
}
.clear:after {
content: 			".";
display: 			block;
height: 			0;
clear: 				both;
visibility: 		hidden;
}
.clear {
display: 			inline-block;
}

/* Headers -------------------------------------------------------------------------------------*/

h1{
position:			absolute;
top:				40px;
right:				0;
z-index:			99;
}
h2,h3,h4,h5,h6{
font-family:		Arial, Helvetica, sans-serif;
font-weight:		normal;
letter-spacing:		-1px;
}
h2{
font-size:			32px;
line-height:		38px;
}
h3{
font-size:			22px;
line-height:		40px;
}
h4{
font-size:			20px;
line-height:		26px;
}
h5{
font-size:			18px;
line-height:		20px;
}

/* Global Structure ----------------------------------------------------------------------------*/

#header-wrap,#content-wrap,#footer-wrap,#cloud-wrap{
width:				100%;
height:				auto;
}
#header,#content,#footer,#global-nav{
margin:				0 auto;
padding:			0;
width:				960px;
display:			block;
position:			relative;
}
.left{
float:				left;
margin:				0 20px 0 0;
}
.right{
float:				right;
margin:				0 0 0 20px;
}
.center {
text-align:			center;
}

/* Images --------------------------------------------------------------------------------------*/

.alignleft{
float:				left;
margin:				5px 15px 5px 0;
}
.alignright{
float:				right;
margin:				5px 0 5px 15px;
}
.aligncenter{
float:				none;
text-align:			center;
}
#main-mid img{
max-width:			480px;
border:				#dcdcdc 1px solid;
padding:			5px;
margin:				15px 0;
}
#main-mid a img{
margin:				0;	
}

/* Tables --------------------------------------------------------------------------------------*/

#main-mid table{
margin:				15px 0;
background:			#fff;
border:				none;
border-right:		1px solid;
border-bottom:		1px solid;
}
#main-mid table th, #main-mid table td{
border:				none;
border-left:		1px solid;	
border-top:			1px solid;	
padding:			16px 8px 0 8px;	
}
#main-mid table th{
background:			url('../images/BG-th.png') repeat-y top left;
}

/* Lists ---------------------------------------------------------------------------------------*/

#main-mid ol{
margin:				15px 0 15px 15px;
list-style:			decimal;
}
#main-mid ol li{
margin:				5px 0 6px 20px;
padding:			3px 0 4px 2px;
line-height:		16px;
}
#main-mid ul, #enquiryform ul{
margin:				15px 0 15px 15px;
}
#main-mid ul li, #enquiryform ul li{
margin:				5px 0 6px 0;
padding:			3px 0 4px 22px;
line-height:		16px;
background:			url('images/ICON-list-body.gif') no-repeat left 2px;	
}


/* Navigation ----------------------------------------------------------------------------------*/

#nav{
position:			absolute;
z-index:			100;
top:				30px;
left:				0;
margin:				0;
padding:			70px 0 0 50px;
list-style:			none;
width:				600px;
z-index:			100000;
}
#nav li{
float:				left;
position:			relative;
margin:				0;
padding:			0;
}
#nav a, #nav a:visited{
display:			block;
font: 				bold 19px/19px Arial, Helvetica, sans-serif;
color:				#aae0f9;
letter-spacing:		-1px;
margin:				2px 4px;
padding:			6px 10px;
background:			none;
text-transform:		lowercase;
z-index:			1;
border:				none;
border-color: 		none;
}
#nav li a:hover, #nav li:hover a{
color:				#fff;
background:			#95e6ff;
border:				#2ec4f4 1px solid;
margin:				1px 3px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-khtml-border-radius: 8px;
border-radius: 		8px;
}
#nav li a, #nav li a:visited{
display: 			block;
}
#nav li ul{
display: 			block;
position: 			absolute;
top: 				-999em;
width: 				220px; /* left offset of submenus need to match (see below) */
padding:			3px;
z-index:			-1;
}
#nav li.parent-nav a:hover, #nav li.parent-nav:hover a {
border:				#2ec4f4 1px solid;
border-bottom:		none;
}
#nav li:hover ul, #nav li.nav-hover ul{
left: 				3px;
top: 				32px; /* match top ul list item height */
padding-top: 		5px;
background:			url('images/BG-subnav.png') repeat-x center top;
border:				#2ec4f4 1px solid;
border-top:			none;
}
#nav li:hover ul a,#nav li:hover ul a:visited{
display: 			block;
padding: 			5px;
width: 				210px;
margin: 			0;
color: 				#301c7b;
}
#nav li:hover ul li a{
color: 				#fff !important;
border:				none !important;
margin:				1px 3px;
margin: 			0 !important;
background:			none;
line-height: 		20px;
font-size:			16px;
font-weight:		bold;
}
#nav li:hover ul li a:hover{
color: 				#fff !important;
cursor: 			pointer;
background:			#38c7f5;
}

/* Wrapper --------------------------------------------------------------------------------------*/

#cloud-wrap{
background:			url('images/BG-clouds.png') repeat-y center top;
}

/* Header --------------------------------------------------------------------------------------*/

#header-wrap{
background:			url('images/BG-header.png') no-repeat center top;	
}
#header{
height:				350px;
position:			relative;
background:			url('images/BG-plane-header.png') no-repeat left 34px;
}
#kite{
dispaly:			block;
position:			absolute;
z-index:			99;
top:				175px;
left:				-30px;
width:				227px;
height:				357px;
background:			url('images/BG-kite.png') no-repeat center left;	
overflow:			hidden;
}
#kite a{
display:			block;
text-indent:		-999em;
width:				168px;
height:				134px;
margin:				0 0 0 59px;
background:			url('images/blank.gif') no-repeat center left;	
}
#kite a:hover{
background:			url('images/BG-kite.png') no-repeat top right;	
}

/* Generic ---------------------------------------------------------------------------------------*/

#main-wrap, #comment{
float:				right;
width:				567px;
margin:				0 0 20px 0;
}
#main-top, #main-btm, #comment-top, #comment-btm{
display:			block;
height:				24px;
width:				567px;
}
#main-top, #comment-top{
background:			url('images/BG-content-top.gif') no-repeat bottom center;	
}
#main-btm, #comment-btm{
background:			url('images/BG-content-btm.gif') no-repeat top center;	
}
#main-mid, #comment-mid{
background:			url('images/BG-content-mid.gif') repeat-y center;	
padding:			0 30px 10px 30px;
min-height:			300px;
}
#main-mid h2, #main-mid a, #main-mid a:visited, #comment-mid h2, #comment-mid a, #comment-mid a:visited{
color:				#00567e;	
}
#comment-mid a:hover{
color:				#5ccef5;	
}

/* Sidebar --------------------------------------------------------------------------------------*/

#sidebar-wrap{
float:				left;
position:			relative;
z-index:			1001;
width:				310px;
padding:			0 0 0 50px;
}
.side-block-top, .side-block-btm{
display:			block;
height:				24px;
width:				310px;
}
.side-block-top{
background:			url('images/BG-side-top.gif') no-repeat bottom center;	
}
.side-block-btm{
background:			url('images/BG-side-btm.gif') no-repeat top center;
margin-bottom:		25px;
}
.side-block-mid{
background:			url('images/BG-side-mid.gif') repeat-y center;	
padding:			0 30px;
position:			relative;
}
.side-block-mid h2{
font-size:			30px;	
}
#sidebar-wrap h2, #sidebar-wrap p{
color:				#fff;
font-weight:		bold;
}
#sidebar-wrap a, #sidebar-wrap a:visited{
color:				#00567e;	
}
#sidebar-wrap a:hover{
color:				#000;	
}
#colour-tabs{
position:			absolute;
top:				0;
left:				-17px;
display:			block;
width:				30px;
height:				208px;
background:			url('images/BG-colour-tabs.gif') no-repeat center;
}
* html #colour-tabs{
left: -47px;
}
.side-block-mid ul{
padding:			10px 0;	
}
.side-block-mid ul li{
background:			url('images/ICON-list.gif') no-repeat left center;	
}
* html .side-block-mid ul li
{
padding: 5px;
}
.side-block-mid ul li a, .side-block-mid ul li a:visited{
display:			block;
padding:			4px 0 3px 20px;
font-weight:		bold;
font-size:			15px;
}
.side-block-mid p img{
max-width:			240px;
background-color:	#1dbef4;
}

/* News ------------------------------------------------------------------------------------------*/

a.read-more, a.read-more:visited{
float:				right;
background:			url('images/BTN-read-more.gif') no-repeat bottom center;
overflow:			hidden;
text-indent:		-999em;
width:				86px;
height:				30px;
}
a.read-more:hover{
background:			url('images/BTN-read-more.gif') no-repeat top center;	
}
.news-wrap{
clear:				both;
padding:			20px 0;
min-height:			220px;
}	
.news-wrap h2{
padding:			0 120px 15px 0;	
}
#main-mid .news-image img{
border:				none;
padding:			0;
margin:				0;
}
.news-image{
float:				left;
padding:			10px;
margin-right:		15px;
width:				160px;
height:				160px;
background:			url('images/BG-news-image.jpg') no-repeat center;	
}
.meta{
color:				#82a1b0;
font-size:			12px;
font-weight:		bold;
}
.meta ul li{
display:			inline;
background:			none !important;
padding:			0;
margin:				0;
}

/* Homepage --------------------------------------------------------------------------------------*/

#hero{
display:			block;
padding:			0 0 0 60px;
height:				395px;
}
#hero-intro{
float:				left;
width:				295px;
}
#hero h2{
font-size:			52px;
color:				#fff;
}
#hero p{
color:				#00567e;
font-size:			16px;
line-height:		20px;
font-weight:		bold;
display:			block;
width:				295px;
}
#flash-intro{
float:				right;
padding:			10px;
width:				550px;
height:				345px;
background:			url('images/BG-flash.gif') no-repeat center;	
}
a#partners-link, a#partners-link:visited{
display:			block;	
background:			url('images/BTN-partners.gif') no-repeat center bottom;	
height:				88px;
width:				294px;
overflow:			hidden;
text-indent:		-999em;
margin:				18px 0 0 0;
}
a#partners-link:hover{
background:			url('images/BTN-partners.gif') no-repeat center top;	
}
#about-wrap{
float:				left;
width:				310px;
}

/* Pagination -----------------------------------------------------------------------------------*/

.navigation{
display:			block;
clear:				both;
}
.navigation .alignleft, .navigation .alignright{
display:			block;
padding:			20px 0 10px 0;
font-weight:		bold;
}

/* Footer --------------------------------------------------------------------------------------*/

#footer-wrap{
background:			url('images/BG-footer.png') repeat-x center bottom;		
}
#footer{
height:				265px;
background:			url('images/BG-footer-center.png') no-repeat center bottom;		
}
a#btt, a#btt:visited{
position:			absolute;
left:				141px;
top:				175px;
float:				left;
width:				51px;
height:				47px;
letter-spacing:		-1px;
font-size:			22px;
font-weight:		bold;
line-height:		47px;
color:				#26c1f4;
text-align:			center;
}
a#btt:hover{
color:				#000;	
}
#footer ul{
position:			absolute;
left:				208px;
top:				170px;
float:				left;	
}
#footer ul li{
float:				left;
padding:			0 7px 0 0;
}
#footer ul li a{
display:			block;
width:				45px;
height:				45px;
background:			url('images/ICON-social.jpg');
text-indent:		-999em;
overflow:			hidden;
}
#footer ul li a#icon-feed{
background-position: left top;	
}
#footer ul li a#icon-flickr{
background-position: -50px top;	
}
#footer ul li a#icon-twitter{
background-position: -102px top;	
}
#footer ul li a#icon-tube{
background-position: -155px top;	
}
#footer-logo{
float:				right;
margin:				115px 160px 0 0;
}
#copyright{
clear:				both;
color:				#fff;
padding:			30px 45px 0 45px;
}
#copyright a, #copyright a:visited{
color:				#fff;
text-decoration:	underline;	
}
#copyright a:hover{
text-decoration:	none;	
}

/* === Comments === */

#comment
{
}
.comment-meta{
font-style: 		italic;
font-size: 			12px;
}
#respond p{
font-style: 		italic;
font-size: 			12px;
}
.comment-body{
margin: 			20px 0;
padding: 			0 10px;
border-bottom: 		1px solid #AAE0F9;
}
.comment-author img{
float: 				left;
margin: 			0 10px 10px 0;
}
#respond{
clear: 				both;
padding: 			20px 0 0 0;
}

/* === Posts - Archive === */

.post h3{
padding: 			0 0 10px 0;
}
.post .postmetadata{
clear: 				both;
font-size: 			12px;
font-style: 		italic;
text-align: 		right;
}

/* Forms ---------------------------------------------------------------------------------------*/

#enquiryform textarea:focus, #enquiryform input:focus{
border-color: 		#00b8ee;
}
#enquiryform, #commentform{
padding:			0;
}
#enquiryform ul, #enquiryform li{
background: 		#fff !important;
margin: 			0;
padding: 			0;
}
#enquiryform li, #commentform li{
position:			relative;	
}
#enquiryform label{
color:				#00567e;
display:			block;
font-size:			14px;
font-weight:		bold;
padding:			8px 0;
}
#enquiryform input, #enquiryform textarea{
height:				15px;
width:				226px;
padding:			12px 16px;
background: 		url('images/BG-input.png') no-repeat center;
}
#enquiryform textarea {
background: 		url('images/BG-textarea.png') no-repeat center;
height:				118px;
width:				342px;
padding:			16px;
float: 				left;	
}
#enquiryform li.submit-wrap{
clear: 				both;
}
#enquiryform .submit-wrap input{
height:				41px;
width:				109px;
display:			block;
margin:				22px auto 10px auto;
background:			url('images/BG-submit.png') no-repeat center;
color:				#456500;
text-align:			center;
padding:			10px 20px;
font-size:			16px;
font-weight:		bold;
color:				#fff;
cursor:				pointer;
}
#enquiryform .submit-wrap input:hover{
background:			url('images/BG-submit-hover.png') no-repeat center;
}
#enquiryform label.error{
position:			absolute;
right:				15px;
top:				38px;
display:			block;
width:				27px;
height:				27px;
padding:			0;
overflow:			hidden;
background:			url('../images/ICON-error.png') no-repeat center;
text-indent:		-999em;
}

/* === PNG Fix === */

.pngfix, #cloud-wrap, #hero, #header-wrap, #header, #kite, #kite a, #kite a:hover, #footer, #wttwc-hero-inner-wrap h2 img, #wttwc-hero-boy img {
behavior: url(/wp-content/themes/be-air-aware/iepngfix.htc)
}

/* === CSS3 === */

#nav li.parent-nav a:hover, #nav li.parent-nav:hover a {
-moz-border-radius-topright: 8px;
-webkit-border-topright-radius: 8px;
-khtml-border-topright-radius: 8px;
border-topright-radius: 		8px;
-moz-border-radius-topleft: 8px;
-webkit-border-topleft-radius: 8px;
-khtml-border-topleft-radius: 8px;
border-topleft-radius: 		8px;
-moz-border-radius-bottomright: 0;
-webkit-border-bottomright-radius: 0;
-khtml-border-bottomright-radius: 0;
border-bottomright-radius: 		0;
-moz-border-radius-bottomleft: 0;
-webkit-border-bottomleft-radius: 0;
-khtml-border-bottomleft-radius: 0;
border-bottomleft-radius: 		0;
}
#nav li:hover ul{
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-khtml-border-radius: 8px;
border-radius: 		8px;
-moz-border-radius-topleft: 0;
-webkit-border-topleft-radius: 0;
-khtml-border-topleft-radius: 0;
border-topleft-radius: 		0;
}
#nav li:hover ul li a:hover{
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
-khtml-border-radius: 6px;
border-radius: 		6px;
}

/* === WTTWC === */

#wttwc-wrap{
width:				888px;
margin:				0 auto;
display:			block;
}
#wttwc-top, #wttwc-btm{
display:			block;
height:				24px;
width:				888px;
}
#wttwc-top{
background:			url('images/BG-wttwc-top.gif') no-repeat bottom center;	
}
#wttwc-btm{
background:			url('images/BG-wttwc-btm.gif') no-repeat top center;	
}
#wttwc-mid{
background:			url('images/BG-wttwc-mid.gif') repeat-y center;	
padding:			0 15px 10px 15px;
min-height:			300px;
}
#wttwc-hero, #wttwc-hero-inner,#wttwc-hero-inner-wrap,#wttwc-hero-boy{
display:			block;
height:				428px;
}
#wttwc-hero{
background:			url('images/BG-wttwc-hero-bg.png') no-repeat center;	
width:				848px;
margin:				0 0 0 5px;
}
#wttwc-hero h2{
position:			absolute;
right:				-30px;
top:				-45px;
}
#wttwc-hero h3{
position:			absolute;
top:				140px;
right:				0;
width:				370px;
font-size:			45px;
color:				#fff;
text-align:			center;
}
#wttwc-hero-inner-wrap{
position:			relative;
width:				370px;
float:				right;
margin:				0 35px 0 0;
}
#wttwc-hero-boy{
display:			block;
height:				45px;
position:			absolute;
top:				190px;
left:				0;
overflow:			visible;
}
#wttwc-hero-boy img{
float:				right;	
}
#wttwc-info{
position:			absolute;
bottom:				14px;
left:				-420px;
display:			block;
width:				118px;
height:				32px;
}
#wttwc-league-select{
position:			absolute;
top:				302px;
right:				-8px;
dispaly:			block;
height:				80px;
width:				345px;
padding:			10px 15px;
}
#wttwc-league-select span{
display:			block;
font-size:			28px;
color:				#fff;
padding-bottom:		6px;
}
#wttwc-league-select select{
width:				342px;
border:				#647900 1px solid;
font-size:			18px;
font-weight:		bold;
padding:			6px;
}
#league-table, #league-table table{
width:				835px;
margin:				0 auto;
padding-top:		0;
}

#league-table th {
padding-top:		20px;
}

#league-table table h5 a{
color:				#000;
display:			block;
padding:			0 20px 10px 0;
}

#league-table h5 a#name-asc {
background:			transparent url('images/ICON-small-arrow.gif') no-repeat 57px 3px;
}
#league-table h5 a#name-desc {
background:			transparent url('images/ICON-small-arrow-dn.gif') no-repeat 57px 3px;
}

#league-table h5 a#distance-asc {
background:			transparent url('images/ICON-small-arrow.gif') no-repeat 133px 3px;
}
#league-table h5 a#distance-desc {
background:			transparent url('images/ICON-small-arrow-dn.gif') no-repeat 133px 3px;
}
#league-table .pagination {
padding-top:		10px;
vertical-align:		top;
}
.pagination .wttwc-prev, .pagination .wttwc-next{
overflow:			hidden;	
height:				34px;
width:				34px;
text-indent:		-999em;
float:				left;
}
.pagination .wttwc-prev {
background:			transparent url('images/ICON-page-left.gif') no-repeat top left;
}
.pagination .wttwc-next {
background:			transparent url('images/ICON-page-right.gif') no-repeat top left;
}
.pagination span {
color: 				#00b8f2;
font-size:			16px;
float:				left;
padding-top:		8px;
text-align:			center;
width:				26px;
}
#league-table table tfoot td {
border: 			none;
padding-bottom:		50px;
}
td.distance p {
width:				80px;	
}
#league-table table th{
border-bottom:		#000 3px double;	
}
#league-table table td{
padding: 			6px 0;
border-bottom:		#bfd0d8 1px solid;	
}
#league-table table td div.school-emblem{
float:				left;
width:				72px;
height:				72px;
padding:			5px;
background:			url('images/BG-wttwc-emblem-wrap.png') no-repeat center;
margin-right:		15px;
}
#league-table table td.school{
padding-right:		10px;	
}
#league-table table td div.school-emblem span{
display:			block;
width:				72px;
height:				72px;	
}
#league-table table td div.school-emblem span img{
max-width:			72px;
width:				72px;
}
#league-table table td.school p{
line-height:		15px;
font-size:			14px;
font-weight:		bold;
color:				#000;
padding:			20px 0 0 0;
}
#league-table table td.school p small{
display:			block;
font-size:			13px;
color:				#8a99a0;
}
#league-table table td.distance{
vertical-align:		middle;	
}
#league-table table td.distance p{
font-size:			22px;
float:				left;
text-align:			right;
width:				90px;
}
#league-table table td.distance div.distance-bar{
display:			block;
float:				left;
padding:			3px 0 0 20px;
width:				440px;	
}
#league-table table td.distance div.distance-bar span{
display:			block;
background:			url('images/BG-wttwc-bar.jpg') repeat-x left center;
border:				#00b8f2 1px solid;
height:				21px;
}

/* Yow ---------------------------------------------------------------------------------------*/

.yow #main-mid {
padding-top:100px;	
}
.yow #main-mid img.yow-header{
border:none !important;
margin:0;
padding:0 0 0 20px;
background:none;
position:absolute;
top:-60px;
}
.yow-side{
display:block;
margin:0 0 0 20px;
}