/*********************************************************************   
Client:	Alli Sports
Project: 2010 Redesign
Author:	Jessica Brown http://omniti.com/
Date:	4.20.10

GLOBAL STYLES
**********************************************************************/
body {
font-family: Arial, Helvetica, sans-serif;
color: #000; 
}

h1 {
font-size: 1.500em;
font-family: Arial, Helvetica, sans-serif;
}
	
h2 {
font-size: 1.375em;	
color: #0CCFC2;
font-family: Arial, Helvetica, sans-serif;
}

h3 {
font-size: 1.125em;
font-family: Arial, Helvetica, sans-serif;
}

h4 {
font-size: 1em;	
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
}

h5 {
font-size: 1em;
font-family: Arial, Helvetica, sans-serif;
}

h6 {
font-size: 0.875em;
font-family: Arial, Helvetica, sans-serif;
}
	
p {
font-size: .814em;
font-family: Arial, Helvetica, sans-serif;
}

a {
color: #666;
text-decoration: none;
}

hr {
height: 1px;
border-width: 0;
}

blockquote {
font-family: Arial, Helvetica, sans-serif;
}

ul {
font-family: Arial, Helvetica, sans-serif;
}

a img {
border: none;
}
/*********************************************************************
KILL THESE FROM DISPLAY
**********************************************************************/
#main-nav, #section-nav, #header .utils, #breaking-news, a.nav-down, a.nav-up, #cta-nav, .ad-wrap, .leaderboard-ad-wrap,
.column-nav, .bttn-round, .bttn-round-image, .pager, #footer ul, #shop-alli, .social-utils, .athlete-nav, #athlete-header,
#athlete-search, .filter-search, input, .rating-stars, .standard-form, dl p.label, dl#news, dl#media, .password-meter, #athlete-twitter-feed, .home #right-col, #athlete-tab-nav, .athlete-bio p:first-child, .athlete-related, .gallery-utils, #thumbs-container, #related-content, a#show-related, .gallery-small .gallery-utils, .gallery-small .thumbs-container, .standard #right-col h2, #cta-small-nav, .detail-links, .edit-profile, input.standard-form-submit, #RES_ID_fb_login, #captcha-element {display: none;}

/*********************************************************************
PAGE STRUCTURES
**********************************************************************/
#container {
width: 960px;
margin: 0 auto;
}

#left-col, #right-col {
width: 960px;
margin: 0 0 20px 0;
clear: both;
}

/*********************************************************************
HEADER
**********************************************************************/
#header {
height: 140px;
margin: 0 0 18px 0;
border-bottom: 1px solid #666;
}

#header .logo {
float: left;
width: 218px;
}

/*********************************************************************
CTA - home page
**********************************************************************/
#cta-home {
position: relative;
width: 960px; 
margin: 0 0 23px 0;
page-break-after: always;
}

.cta-home-panel {
position: relative;
}

.cta-home-panel span {
position: absolute;
display: block;
font-size: 2em;
font-weight: bold;
padding: 0 0 0 10px;
text-transform: uppercase;
font-family: Arial, Helvetica, sans-serif;
}

/*********************************************************************
CTA - small
**********************************************************************/
#cta-small {
position: relative;
width: 650px;
height: 370px;
margin: 0 0 20px 0;
overflow: hidden;
page-break-after: always;
}

#cta-small .cta-small-panels div {
position: relative;
display: block; 
float: left; 
padding: 0; 
width: 650px; 
height: 370px; 
margin: 0; 
}

#cta-small .cta-small-panels div span {
display: block; 
width: 642px;
position: absolute;
bottom: 0; 
height: 34px;
padding: 3px 4px 0 4px;
text-transform: uppercase;
font-size: 1.75em;
font-family: Arial, sans-serif;
font-weight: normal;
}

#cta-small .cta-small-panels div span a {
color: #fff;
}

/*********************************************************************
CTA - large
**********************************************************************/
#cta-large {
position: relative;
width: 960px;
height: 540px;
margin: 0 0 20px 0;
page-break-after: always;
}

#cta-large .cta-large-panels div {
position: relative;
display: block; 
float: left; 
padding: 0; 
width: 960px;
height: 540px; 
margin: 0; 
}

#cta-large .cta-large-panels div span {
display: block; 
width: 952px;
position: absolute;
bottom: 0; 
height: 49px;
padding: 3px 4px 0 4px;
text-transform: uppercase;
font-size: 3em;
font-family: "AvenirBlack", Arial, sans-serif;
font-weight: normal;
background: url(/images/bkg_black-50.png) repeat;
line-height: 1em;
}

#cta-large .cta-large-panels div span a {
color: #fff;
}

#cta-large .cta-large-panels div span a:hover {
color: #AFAFAF;
}

#cta-large-nav {
position: absolute;
top: 450px;
z-index: 500;
width: 960px;
text-align: center;
}

#cta-large-nav .dots {
position: relative;
top: -1px;
text-align: center;
}

#cta-large-nav a {
display: inline-block; 
width: 12px;
height: 12px; 
margin: 0 7px;
background-image: url(/images/bkg_circles-sprite.png);
background-position: top left;
background-repeat:  no-repeat;
text-align: center; 
text-indent: -9999px;
line-height: 1em;
}

#cta-large-nav a:hover, #cta-large-nav a.activeSlide { 
background-position: bottom left; 
}

#cta-large-nav #next, #cta-large-nav #prev {
display: inline-block;
width: 9px; 
height: 17px; 
background-image: url(/images/bttn_cta-small-arrow-sprite.png);
background-repeat: no-repeat; 
cursor: pointer; 
text-indent: -9999px;
}

#cta-large-nav #next {
background-position: top right; 
}

#cta-large-nav #prev { 
background-position: top left; 
}

#cta-large-nav #next:hover {
background-position: top right; 
}

#cta-large-nav #prev:hover {
background-position: top left; 
}

/*********************************************************************
SEARCH RESULTS
*********************************************************************/
#search-results ul {
list-style-type: none;
margin: 10px 0 20px 0;
}

#search-results ul li {
padding: 10px;
border-bottom: 1px solid #999;
}

#search-results a {
font-size: 1em;
}

#search-results span {
display:block;
padding: 2px 0 0 0;
font-size: .75em;
font-weight: bold;
}

#search-results p {
padding-top: 4px;
}

#search-container {
position: relative;
}

/*********************************************************************
CONTENT COLUMNS
**********************************************************************/
.col h2 {
margin: 0 0 12px 0;
font-size: 1.625em;
font-family: Arial, sans-serif;
font-weight: normal;
font-style: normal;
text-transform: uppercase;
color: #000;
}

/*content listings*/
dl {
margin: 10px 0 18px 0;
clear: both;
}

dl:after  {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

dl dt, dl dd {
float: left;
font-family: Arial, sans-serif;
margin-bottom: 15px;
}

.standard dl dt, .athlete dl dt {
position: relative;
width: 220px;
height: 165px;
clear: left;
}

.standard dl dd, .athlete dl dd {
position: relative;
width: 600px;
min-height: 165px;
padding: 0 0 0 10px;
color: #999;
}

dl .date {
display: block;
font-size: .625em;
padding: 0 0 4px 0;
}

dl h3 {
margin: 0 0 5px 0;
font-size: 1.25em;
}

dl h4 {
margin: 0 0 5px 0;
font-size: .814em;
line-height: 1.3em;
}

dl h4 a{
font-weight: bold;
}

dl p {
font-size: .814em;
line-height: 1.3em;
}

/*article leading image*/
#leading-image {
position: relative;
width: 960px;
margin: 0 0 18px 0;
}

#leading-image span {
position: absolute;
display: block;
padding: 20px 10px 0 20px;
}

#leading-image.left-align span {
top: 0;
left: 0;
width: 300px;
}

#leading-image.right-align span {
top: 0;
right: 0;
width: 300px;
}

#leading-image.bottom-align span {
bottom: 0;
left: 0;
width: 930px;
height: 160px;
}

#leading-image span p {
position: absolute;
bottom: 15px;
}

#leading-image h3 {
font-size: 2.313em;
text-transform:  uppercase;
line-height: 1.25em;
font-family: Arial, sans-serif;
}

/*TINYMC editor areas*/
.content {
padding: 0 0 18px 0;
page-break-after: always;
width: 800px;
}

.content h1 {
margin: 0 0 15px 0;
line-height: 1.1em;
font-weight: normal;
}

.content h2 {
margin: 0 0 15px 0;
text-transform: none;
font-size: 1.25em;
line-height: 1.1em;
}

.content h3, .content h4, .content h5, .content h6 {
margin: 0 0 8px 0;
line-height: 1.1em;
}

.content p {
margin: 0 0 15px 0;
line-height: 1.5em; 
}

.content ul, .content ol {
margin: 0 0 15px 30px;
font-size: .814em;
}

.content ul li, .content ol li {
padding: 2px 0;
}

.content a {
text-decoration: underline;
}

.content blockquote {
margin: 20px 0;
padding: 15px 0;
border-top: 1px solid #999;  
border-bottom: 1px solid #999; 
font-size: 1.313em; 
}

.content blockquote p {
margin: 8px 0 0 0;
text-align: right; 
font-size: .625em; 
}

/*********************************************************************
ZEND FORMS & USERS
**********************************************************************/
dl.zend_form dt, dl.zend_form dd {
float: none;
}

dl.zend_form dt {
position: relative;
width: auto;
height: auto;
overflow: hidden;
}

dl.zend_form dd {
position: relative;
width: auto;
min-height: 0;
padding: 0;
}

dl.zend_form label, dl.zend_form legend {
display: inline-block;
padding: 0 0 3px 0;
font-size: .814em;
font-weight: bold;
}

dl.zend_form legend {
float: left;
margin: 0 0 8px 0;
}

dl.zend_form input {
display: none;
}

dl.zend_form label input {
width: auto;
float: left;
border: none;
margin: 0 5px 12px 0;
padding: 0;
clear: none;
}

dl.zend_form div label {
font-weight: normal;
}

dl.zend_form p {
margin: -5px 0 18px 0;
}

.password-meter {
margin: 10px 0;
}

.password-meter-message {
font-size: .75em;
font-style: italic;
}

.error {
color: red;
}

ul.error {
list-style-type: none;
margin: 0;
padding: 0;
font-size: .814em;
}

/*REGISTER FORM*/
form#register {
width: 800px;
}

form#register #captcha-element {
margin: 8px 0;
}

form#register #terms-element p.description {
float: left;
line-height: 1em;
padding: 5px 0 0 0;
}

form#register #facebook-label {
margin: 0 0 5px 0;
}

/*LOGIN FORM*/
form#fulllogin {
margin: 0 0 18px 0;
}

.fb-credentials {
font-weight: bold;
margin: 0 0 5px 0;
}

a.underline {
text-decoration: underline;
}


/*PROFILE FORMS*/
.view-profile h3 {
font-size: 1.112em;
margin: 0 0 20px 0;
line-height: 1em;
}

.view-profile h3 span {
font-size: .700em; 
font-style: italic;
}

.view-profile h5, .edit-profile h5 {
padding: 0 0 5px 0;
margin: 0 0 10px 0;
border-bottom: 1px solid #BFBFBF;
}

.view-profile dl {
margin: 0 0 20px 0;
}

.view-profile dl:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.view-profile dl dt {
position: relative;
margin: 0 10px 0 0;
padding: 7px 0;
width: auto;
height: auto;
clear: both;
font-size: .814em;
font-weight: bold;
}

.view-profile dl dd {
position: relative;
width: auto;
min-height: 0;
padding: 7px 0;
font-size: .814em;
}

/*KILL THESE FROM DISPLAY*/
form#register #register-label, form#register #fieldset-group legend,  form#register #group-label,
form#fulllogin #dologin-label, form#fulllogin #fieldset-group legend, form#fulllogin #group-label, form#fulllogin #csrf_spec-label,
form#fulllogout #dologout-label, form#editaccount #group-label, form#editaccount #fieldset-group legend, form#editaccount #csrf_spec-label,
form#editaccount #doeditaccount-label, form#deleteaccount #user_id-label, form#deleteaccount #csrf_spec-label, 
form#deleteaccount #dodeleteaccount-label, form#confirm #group-label, form#confirm #fieldset-group legend, form#confirm #csrf_spec-label, 
form#confirm #doconfirm-label, form#resend #group-label, form#resend #fieldset-group legend, form#resend #csrf_spec-label, 
form#resend #doresend-label, form#resetpassword #fieldset-group legend, form#resetpassword #csrf_spec-label, form#resetpassword #doresetpassword-label,
form#lostpassword #csrf_spec-label, form#lostpassword #dolostpassword-label, form#lostpassword #fieldset-group legend, form#lostpassword #group-label, form#lostusername #group-label, form#lostusername #fieldset-group legend, form#lostusername #csrf_spec-label, form#lostusername #dolostusername-label {
display: none;
}


/*********************************************************************
ATHLETES
**********************************************************************/
/*athlete grid*/
.grid {
margin: 0 0 15px 0;
}

.grid:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.grid .grid-item {
position: relative;
float: left;
margin: 0 8px 9px 0;
width: 206px;
height: 206px;
overflow: hidden;
border: 1px solid #191919;
font-family: Arial, sans-serif;
}

.grid .grid-item span {
display: block;
position: absolute;
bottom: 0;
width: 194px;
padding: 6px;
color: #fff;
font-size: .938em;
}

/*athlete bio*/
.athlete-bio-pic {
position: relative;
width: 320px;
margin: 0 0 18px 0;
float: left;
}

.athlete-bio-pic h1 {
bottom: 0;
padding: 10px 0 3px 10px;
width: 310px;
line-height: 1em;
letter-spacing: .07em;
font-size: 2.1875em;
}

.athlete-bio, .athlete-sponsors {
margin: 0 0 18px 0;
}

.athlete-bio {
float: left;
width: 320px;
margin-left: 20px;
}

.athlete-sponsors {
clear: both;
}

.athlete-sponsors:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.athlete-bio p {
margin: 0 0 18px 0;
line-height: 1.4em;
}

.athlete-bio p strong {
font-weight: bold;
}

.athlete-bio p a {
text-transform: uppercase;
}

.athlete-sponsors a {
width: 64px; 
height: 64px;
margin: 0 14px 14px 0;
overflow: hidden;
display: block; 
float: left;
cursor: pointer;
}

.athlete-sponsors a img {
position: relative; 
top: 0;
left: 0;
}

/*athlete tabs*/
#athlete-tabs {
margin: 0 0 20px 0;
font-family: Arial, sans-serif;
}

#athlete-tabs h3 {
font-family: Arial, sans-serif;
margin: 0 0 18px 0;
}

/*********************************************************************
UPCOMING EVENTS
**********************************************************************/
#upcoming-events {
position: relative;
font-family: Arial, sans-serif;
}

.standard #right-col #upcoming-events h2 {
display: block;
}

#upcoming-events:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

#upcoming-events ul {
margin: 10px 0 5px 0;
padding: 0;
list-style-type:  none;
}

#upcoming-events ul li {
position: relative;
margin: 0 0 9px 0;
padding: 0 0 9px 0;
width: 300px;
border-bottom: 1px solid #999;
}

#upcoming-events h3 {
margin: 0 0 3px 0;
font-weight: bold;
line-height: 1em;
font-size: 1.375em;
}

#upcoming-events p {
font-size: .75em;
}

#upcoming-events p strong {
font-weight: bold;
}

/*********************************************************************
FOOTER
**********************************************************************/
#footer {
clear: both;
float: left;
width: 960px;
margin: 30px 0;
padding: 10px 0;
border-top: 1px solid #999;
text-align: center;
font-size: .75em;
color: #999;
}

/*********************************************************************
UTILITIES
**********************************************************************/
.video .icon {
position: absolute;
left: 10px;
bottom: 15px;
width: 24px;
height: 24px;
}

/*********************************************************************
LARGE GALLERY
**********************************************************************/
#gallery-large {
position: relative;
width: 960px;
height: 680px;
overflow: hidden;
position: relative;
border-bottom: 1px solid #999;
page-break-after: always;
}

#gallery-large .gallery-images {
clear: both;
position: relative;
}

#gallery-large #gallery-info {
position: absolute;
bottom: 0;
}

#gallery-info h1 {
font-size: 1.125em;
margin: 0 0 5px 0;
}

#gallery-large div.slideshow span.image-wrapper {
display: block;
position: absolute;
left: 0;
top: 0;
overflow: hidden;
height: 540px;
width: 960px;
}

#gallery-large div.slideshow span.image-wrapper img {
position: absolute;
top: 0;
left: 0;
}

/********************************************************************* 
SMALL GALLERY
**********************************************************************/
.gallery-small {
position: relative;
width: 640px;
height: 380px;
overflow: hidden;
clear: both;
margin-bottom: 18px;
}

.gallery-small .gallery-images {
position: relative;
width: 640px;
height: 380px;
}

.gallery-small #gallery-info {
position: absolute;
top: 0;
width: 624px;
height: 19px;
padding: 8px;
}

.gallery-small .caption {
position: absolute;
z-index: 15;
left: 10px;
top: -330px;
font-size: 1.1875 
}

.gallery-small div.slideshow span.image-wrapper {
display: block;
position: absolute;
left: 0;
top: 0;
overflow: hidden;
height: 380px;
width: 640px;
}

.gallery-small div.slideshow span.image-wrapper img {
position: absolute;
top: 0;
left: 0;
}