@charset "UTF-8";
/*
Theme Name: AE
Theme URI: http://www.aquazie.com/
Description: Website for Athletic Excellence
Version: 1.0
Author: Erin Cummings
Author URI: http://www.aquazie.com
Tags: AE
*/

body{
font: normal 12px/18px Arial, Helvetica, sans-serif;
color: #333;
padding: 0;
margin: 0;
border-top: 5px solid #900;
position: relative;
background: #000 url(art/body-bg.gif) center bottom repeat-y!important;
margin: 0 auto;
width: 960px;
text-align: center;
border-left: 1px solid #000;
border-right: 1px solid #000;
}

body * {
text-align: left;
}

/*body * {
border: 1px solid red;
}

body * *{
	border: 1px solid purple;
}*/

#ae, 
#home{
position: relative;
}

a:link, 
a:visited{
color: #900;
border-bottom: 1px dotted #999;
text-decoration: none;
}

a:hover, 
a:active{
border-bottom: 1px solid #900;
color: #000;
}

h1{
font: normal 32px/40px Georgia, "Times New Roman", Times, serif;
color: #000;
font-style: italic;
padding: 0 0 20px;
margin: 0;
}

h1 a:link, 
h1 a:visited{
color: #000;
border-bottom: none;
}

h1 a:hover, 
h1 a:active{
color: #000;
}

h2{
color: #900;
font: normal 18px/22px Georgia, "Times New Roman", Times, serif;
margin: 0;
padding: 0 0 15px;
}

h3{
font: bold 12px/18px Arial, Helvetica, sans-serif;
padding: 0 0 5px;
margin: 0;
text-transform: uppercase;
letter-spacing: 1px;
color: #333;
}

h3 a:link, 
h3 a:visited{
color: #333;
border-bottom: none;
}

h4{
font: normal 14px/20px Georgia, "Times New Roman", Times, serif;
color:#666;
font-style:italic;
margin: 0;
padding: 0 0 15px;
}

h5{
font: bold 11px/16px Arial, Helvetica, sans-serif;
color: #900;
margin: 0;
padding: 3px 0;
}

p{
margin: 0;
padding: 0 0 15px;
}

ul{
margin: 0;
padding: 0 0 12px 12px;
}

li{
margin: 0;
padding: 0 0 5px 0;
}

.clear, 
.post{
clear: both;
}

div.clear{
line-height: 1px;
}

.coltwo{
float: right;
display: inline;
position: relative;
width: 300px;
margin: 20px 0;
}

.col{
display: inline;
position: relative;
}

.left{
float: left;
width: 600px;
}

.right{
float: right;
width: 220px;
font-size: 11px;
line-height: 16px;
color:#666;
}

.two{
width: 400px;
float: left;
margin: 0 20px 0 0;
}

.three{
width: 199px;
float: left;
}

.four{
width: 220px;
float: left;
}

.right-four{
width: 200px;
float: right;
}

.four p, 
.four h2, 
.four h3, 
.four h4{
margin-right: 35px;
}

.four .three{
width: 80px;
float: left;
}

#clients p{
border-top: 1px solid #ccc;
padding: 10px 0 10px;
}

#clients span{
font-size: 11px;
}

.four-column{
width: 194px;
float:left;
margin: 0 25px 0 0;
}

.homeright{
right: 15px;
float: right;
width: 440px;
margin: 0 0 30px;
}

.homeleft{
float: left;
width: 440px;
left: 40px;
margin: 0 0 30px;
}

.quote{
margin: 0 10px 30px 180px;
padding: 20px 20px 20px 35px;
background: url(art/quote-bg.gif) top left no-repeat;
}

.quote img{
position: absolute;
left: 0;
top: 0;
padding: 5px;
background: #f0f0f0;
border: 1px solid #ccc;
}

.quote h2, 
#home .author{
font: normal 11px/13px Arial, Helvetica, sans-serif;
color: #666;
padding: 0 0 15px;
}

.quote h2 a:link, 
.quote h2 a:visited, 
.author a:link, 
.author a:visited{
color: #666;
}

.quote .sports, 
.author .sports{
font-weight: normal;
}

.quote h2 em, 
#home .author em{
float: left;
display: block;
position: relative;
padding: 0 5px 30px 0;
}

.alignleft{
float: left;
position: relative;
display: inline;
margin: 0 20px 10px 0;
}

.alignright{
float: right;
position: relative;
display: inline;
margin: 0 0 10px 20px;
}

#pgcontent img{
padding: 5px;
background: #f0f0f0;
border: 1px solid #ccc;
}

.postmetadata{
border-top: 1px solid #ccc;
padding: 5px 0 20px;
margin: 0;
color: #666;
font-size: 10px;
line-height: 12px;
}

/*Layout */

#wrapper{
background: #fff;
padding: 20px 40px 15px;
}

#header ul{
float: right;
display: inline;
position: relative;
margin: 30px 0 0;
}

#header ul li{
display: inline;
float: left;
position: relative;
}

#header ul li a:link, 
#header ul li a:visited{
display: block;
padding: 0;
margin: 0 0 0 25px;
padding: 5px 8px;
font-size: 11px;
border-bottom: none;
color: #000;
background: #f0f0f0;
font-weight: bold;
}

#header ul li a:hover,
#header ul li a:active,
#header ul li.current_page_item a, 
#header ul li.current_page_parent a,
#header ul li.current_page_ancestor a, 
#header ul li.current-cat a, 
#header ul li.current-cat-parent a{
background: #333;
color: #fff;
background: #f0f0f0;
color: #c00;
/*border: 1px dashed #333;*/
border-top: 2px solid #ccc;
/*border-bottom: 2px solid #ccc;*/
}

#header ul ul{
position: absolute;
top: 40px;
left: 0px;
width: 350px;
height: 20px;
display: none;
margin: 0;
}

#header li.current-cat ul, 
#header .current-cat-parent ul,
#header .current_page_item ul, 
#header .current_page_parent ul,
#header .current_page_ancestor ul{
display: block;
}

#header ul ul a:link, 
#header ul ul a:visited, 
#header ul li.current_page_parent ul a:link, 
#header ul li.current_page_parent ul a:visited,
#header ul li.current_page_ancestor ul a:link, 
#header ul li.current_page_ancestor ul a:visited{
padding: 0; 
background: none;
border: none;
color: #000;
margin: 0 0 0 15px;
font-weight: normal;
}

#header ul ul a:hover,
#header ul ul a:active,
#header ul li.current_page_parent ul a:hover, 
#header ul li.current_page_parent ul a:active,
#header ul li.current_page_parent ul li.current_page_item a,
#header ul li.current_page_ancestor ul li.current_page_ancestor a,
#header ul li.current_page_ancestor ul li.current_page_parent a,
#header ul li.current-cat-parent ul li.current-cat a{
color: #c00;
border-bottom: 2px solid #ccc;
}

#logo{
border-bottom: none;
}

#breadcrumbs{
font: normal 10px/12px Arial, Helvetica, sans-serif;
color: #333;
border-top: 1px solid #ccc;
padding: 5px 0 20px;
margin: 20px 0 0;
}

#breadcrumbs a:link, 
#breadcrumbs a:visited{
color: #666;
border-bottom: none;
}

#breadcrumbs a:hover, 
#breadcrumbs a:active{
border-bottom: 1px solid #000;
color: #c00;
}

#pgcontent{
width: 600px;
float: left;
position: relative;
display: inline;
}

textarea{
width: 600px;
}

#footer{
font-size: 11px;
padding: 175px 0 20px;
margin: 0 0;
background: #fff url(art/footer-bg2.gif) top left no-repeat;
}

#footer span{
float: right;
display: inline;
position: relative;
font-size: 11px;
text-transform: none;
font-weight: normal;
letter-spacing: 0;
}

#footer h3{
	padding-bottom: 10px;
}

#footer .homeright, 
#footer .homeleft{
margin: 0 0 20px;
}

#footer h4{
padding: 10px 0 0;
margin: 0 40px;
border-top: 1px solid #ccc;
}

.nxt-prev{
border-top: 1px solid #ccc;
font: 10px/12px Arial, Helvetica, sans-serif;
color: #000;
padding: 5px 0 20px;
margin: 20px 0 0;
clear: both;
}

.imgright{
float: right;
position: relative;
display: inline;
}

/*HOME PAGE STYLING */

#home h1{
position: absolute;
/*top: 36px;*/
left: 20px;
z-index: 20;
width: 400px;
height: 20px;
color: #939598;
font: normal 12px/90px Arial, Helvetica, sans-serif;
font-style: normal;
margin: 0;
padding: 0;
}

#home h4{
padding: 15px 0 5px;
}

#home h3.clients{
border-top: 1px solid #ccc; 
padding: 25px 0 0; 
clear: both;
margin: 0 40px;
}

#home em{
float: left;
position: relative;
display: inline;
padding: 0 3px 0 0;
}

#home .col p{
padding: 0 0 5px;
}

#home .quote{
margin: 0;
}

#home #wrapper{
padding: 20px 0 15px;
position: relative;
}

#home #header{
padding: 0 40px;
}

#tabs-nav{
list-style-type: none;
margin: 20px 0 0;
padding: 0;
position: absolute;
width: 213px;
left: 747px;
z-index: 10;
}

#tabs-nav li{
margin: 0;
padding: 0;
}

#tabs-nav a:link, 
#tabs-nav a:visited, 
#tabs-nav a:hover, 
#tabs-nav a:active{
display: block;
height: 63px;
border-bottom: none;
text-indent: -5000px;
}

#tabs-nav li.page-item-5 a:link, 
#tabs-nav li.page-item-5 a:visited{
background: url(art/home-tab-pro.gif) bottom left no-repeat;
position: absolute;
height: 63px;
width: 213px;
right: 0;
top: 0;
}

#tabs-nav li.page-item-5 a:hover, 
#tabs-nav li.page-item-5 a:active,
#tabs-nav li.page-item-5 a.current:link, 
#tabs-nav li.page-item-5 a.current:visited,
#tabs-nav li.page-item-5 a.current:hover,
#tabs-nav li.page-item-5 a.current:active{
background: url(art/home-tab-pro.gif) top left no-repeat;
z-index: 11;
}

#tabs-nav li.page-item-8 a:link, 
#tabs-nav li.page-item-8 a:visited{
background: url(art/home-tab-am.gif) bottom left no-repeat;
position: absolute;
height: 63px;
width: 213px;
right: 0;
top: 63px;
}

#tabs-nav li.page-item-8 a:hover, 
#tabs-nav li.page-item-8 a:active,
#tabs-nav li.page-item-8 a.current:link, 
#tabs-nav li.page-item-8 a.current:visited,
#tabs-nav li.page-item-8 a.current:hover,
#tabs-nav li.page-item-8 a.current:active{
background: url(art/home-tab-am.gif) top left no-repeat;
z-index: 11;
}

#tabs-nav li.page-item-10 a:link, 
#tabs-nav li.page-item-10 a:visited{
background: url(art/home-tab-st.gif) bottom left no-repeat;
position: absolute;
height: 63px;
width: 213px;
right: 0;
top: 126px;
}

#tabs-nav li.page-item-10 a:hover, 
#tabs-nav li.page-item-10 a:active,
#tabs-nav li.page-item-10 a.current:link, 
#tabs-nav li.page-item-10 a.current:visited,
#tabs-nav li.page-item-10 a.current:hover,
#tabs-nav li.page-item-10 a.current:active{
background: url(art/home-tab-st.gif) top left no-repeat;
z-index: 11;
}

#tabs-nav li.page-item-13 a:link, 
#tabs-nav li.page-item-13 a:visited{
background: url(art/home-tab-th.gif) bottom left no-repeat;
position: absolute;
height: 63px;
width: 213px;
right: 0;
top: 189px;
}

#tabs-nav li.page-item-13 a:hover, 
#tabs-nav li.page-item-13 a:active,
#tabs-nav li.page-item-13 a.current:link, 
#tabs-nav li.page-item-13 a.current:visited,
#tabs-nav li.page-item-13 a.current:hover,
#tabs-nav li.page-item-13 a.current:active{
background: url(art/home-tab-th.gif) top left no-repeat;
z-index: 11;
}


/* panes */
#panes {
width: 960px;
height: 282px;
/* must be relative so the individual panes can be absolutely positioned */
position:relative;
margin: 20px 0 10px;
background: #000 url(art/panes-below-bg.gif) bottom left repeat-x;
}

/* crossfading effect needs absolute positioning from the elements */
#panes div {
display:none;
position:absolute;
/*top:20px;
left:30px;*/
left: 0;
font-size:14px;
color:#444;	
width:760px;
height: 252px;
}

#panes h2{
padding: 0;
margin: 0;
text-indent: -5000px;
left: -14px;
height: 49px;
width: 381px;
position: absolute;
/*margin: 26px 0 0;
top: 20px;*/
top: 46px;
z-index: 20;
}

#panes h2.pro{
background: url(art/home-h2-pro.gif) top left no-repeat;
}

#panes h2.am{
background: url(art/home-h2-am.gif) top left no-repeat;
}

#panes h2.st{
background: url(art/home-h2-st.gif) top left no-repeat;
}

#panes h2.th{
background: url(art/home-h2-th.gif) top left no-repeat;
}

#panes p{
color: #fff;
}

.overlay {
display:none;
width:500px;
padding:20px;
background-color:#ddd;
}

/* Email Signup*/
/*#email-signup{
position: absolute;
top: 0px;
right: 50px;
background: #f0f0f0;
text-transform: uppercase;
height: 25px;
line-height: 25px;
font-size: 9px;
width: 175px;
border: none;
text-indent: 15px;
color: #000;
}


#email-signup:hover, 
#email-signup.active{
background: #333;
color: #fff;
}

#email-list{
/*position: absolute;
width: 175px;
top: 25px;
height: 135px;
right: 50px;
*/
/*width: 175px;
margin: 0;
padding: 0;
float: left;
position: relative;
display: inline;
/*background: #f0f0f0;
background: rgba(240, 240, 240, 0.8);
}
*/

#email-list{
margin: 0 25px 0 0;
}

#email-list label{
float: none;
padding: 0 0 3px;
margin: 0;
}

#email-list input{
width: 140px;
margin: 0 0 8px 14px;
}

#email-list .btn input, 
.btn input{
width: auto;
background: #000;
color: #fff;
text-transform: uppercase;
font-size: 9px;
height: 22px;
line-height: 22px;
border: none;
float: right;
display: inline;
position: relative;
margin: 5px 0 0 14px;
clear: left;
}

/*.hasJS #email-list{
display: none;
}*/

/*LIGHTBOX */
/* the active thumbnail */
.details a.active{
outline: none;
/* show on top of the expose mask */
z-index:9999;
position:relative;
}


/* the overlayed element */
.simple_overlay {
display:none;
z-index:10000;
background-color:#333;
/*width:500px;	
min-height:200px;*/
}

/* close button positioned on upper right corner */
.simple_overlay .close {
background: url(art/close.gif) top right no-repeat;
position:absolute;
right:-40px;
top:-40px;
cursor:pointer;
height:30px;
width:30px;
}

/*.close{
background-image: url(images/close.gif) top right no-repeat;
z-index: 10001;
right:40px;
top:-40px;
cursor:pointer;
height:30px;
width:30px;
}*/

/* the large image. we use a gray border around it */
#img {
}

/* "next image" and "prev image" links */
.next, .prev {
position: absolute;
top: 50%;
width: 30px;
height: 30px;
text-indent: -5000px;
cursor: pointer;
/* absolute positioning relative to the overlay 
position:absolute;
top:40%;	
border:1px solid #ccc;	
cursor:pointer;
display:block;
padding:10px 20px;
color:#000;
font-size:11px;
text-transform: uppercase;
font-weight: bold;
-moz-border-radius:5px;
-webkit-border-radius:5px;	*/
}

.prev,
.prev:hover{
left: -45px;
background: url(art/prev.gif) top left;
/*left:0;
border-left:0;
-moz-border-radius-topleft:0;
-moz-border-radius-bottomleft:0;
-webkit-border-bottom-left-radius:0;
-webkit-border-top-left-radius:0;*/
}

.next, 
.next:hover{
right: -45px;
background: url(art/next.gif) top left;
/*right:0;
border-right:0;
-moz-border-radius-topright:0;
-moz-border-radius-bottomright:0;
-webkit-border-bottom-right-radius:0;
-webkit-border-top-right-radius:0;	*/
}

/*.next:hover, .prev:hover {
text-decoration:underline;
color: #c00;
}*/

/* when there is no next or previous link available this class is added */
.disabled {
visibility:hidden;		
}

/* the "information box" */
.info {
position:absolute;
bottom:0;
left:0;	
padding: 10px 15px;
color:#000;
font-size:11px;
}

#gallery h4{
position:absolute;
top:0;
left:0;	
padding: 5px;
text-align: center;
}

/* progress indicator (animated gif). should be initially hidden */
.progress {
position:absolute;
top:45%;
left:50%;
display:none;
}

/*SideBar Styles */
.sidebar ul{
list-style-type: none;
margin: 0;
padding: 0;	
}

.sidebar li{
display: block;
font: bold 12px/18px Arial, Helvetica, sans-serif;
padding: 0 0 15px;
margin: 0;
text-transform: uppercase;
letter-spacing: 1px;
color: #333;
}

.sidebar .children{
margin: 5px 0 0;
border-top: 1px solid #ccc;
}

.sidebar .children li{
font: normal 12px/18px Arial, Helvetica, sans-serif;
padding: 5px 0;
margin: 0;
text-transform: none;
letter-spacing: 0;
color: #333;
border-bottom: 1px solid #ccc;
}

.sidebar h3{
padding: 0;
margin: 20px 0 0;
}

.sidebar a{
color: #333;
border-bottom: none;
}

.sidebar form{
padding: 35px 0 20px;
}

.sidebar label{
display: block;
font: bold 12px/18px Arial, Helvetica, sans-serif;
padding: 0 0 5px;
margin: 0;
text-transform: uppercase;
letter-spacing: 1px;
color: #333;
}

.sidebar input{
border: 1px solid #ccc;
}