/*********************************************************************   
TOUR PRINT 
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;	
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 {
text-decoration: none;
color: #000;
}

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, #cta-nav, .ad-wrap, .leaderboard-ad-wrap, .pager, #footer ul, #shop-alli, .social-utils, #user-login, #dew-underground, #on-alli, #site-search, #social-nav, .col-header ul, #cta-small #next, #cta-small #prev, .pager, .social-utils, .rating-stars, .more, #dew-cup-list, #right-col .col-header h2 {
display: none;
}

/*********************************************************************
PAGE STRUCTURES
**********************************************************************/
#container {
width: 960px;
padding: 10px 10px 0 10px; 
}

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

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

#left-col {
position: relative;
width: 800px;
margin: 0 0 20px 0;
}

#right-col {
width: 800px;
margin: 0 0 20px 0;
}

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

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

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

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

#cta-small .cta-small-panels div span {
position: absolute;
width: 650px;
bottom: 10px; 
text-transform: uppercase;
font-size: 3.125em;
line-height: 1.135em;
font-family: Arial, sans-serif;
}

#cta-small .cta-small-panels div span a {
font-weight: bold;
padding: 0 14px;
color: #000;
}

/*********************************************************************
CONTENT COLUMNS
**********************************************************************/
.col h4 {
position: relative;
margin: 0 0 12px 0;
text-transform: uppercase;
}

/*column header*/
.col-header h2 {
clear: both;
line-height: 1em;
font-weight: bold;
text-transform: uppercase;
font-size: 1.500em;
margin: 0 0 4px 0;
}

.col-header h2 span {
display: block;
font-size: 
}

/*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;
}

dl dt {
position: relative;
width: 220px;
height: 165px;
clear: left;
}

dl dd {
position: relative;
width: 500px;
padding: 0 0 0 10px;
}

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

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

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

dl h4 a {
font-weight: bold;
}

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

dl hr {
clear: both;
float: left;
width: 100%;
margin: 18px 0;
}

dl p.label {
position: absolute;
bottom: -12px;
right: 0;
font-size: .75em;
font-weight: bold;
}

.content-list {
margin: 0;
padding: 0;
list-style-type: none;
}

.content-list li {
margin: 0 0 18px 0;
padding: 0 0 13px 0;
}

.content-list img {
float: left;
margin: 0 7px 0 0;
}

.content-list h5 {
font-size: 1em;
line-height: 1em;
margin: 0 0 7px 0;
}

.content-list p {
font-size: .75em;
}

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

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

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

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

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

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

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

#leading-image h3 {
display:  inline;
padding: 0 12px;
font-weight: bold;
font-size: 2.850em;
text-transform:  uppercase;
line-height: 1.144em;
}

/*TINYMC editor areas*/
.content {
margin: 0;
padding: 0 0 18px 0;
}

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

.content h2 {
margin: 0 0 8px 0;
font-size: 1.375em;
line-height: 1.1em;
}

.content h3 {
font-size: 1.125em;
margin: 0 0 8px 0;
line-height: 1.1em;
}

.content h4 {
margin: 0 0 8px 0;
line-height: 1.1em;
font-size: 1em;	
font-weight: bold;
}

.content h5 {
margin: 0 0 8px 0;
line-height: 1.1em;
font-size: 1em;
}

.content h6 {
margin: 0 0 8px 0;
line-height: 1.1em;
font-size: 0.875em;
}

.content p {
margin: 0 0 15px 0;
font-size: .814em;
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; 
font-size: 1.313em; 
}

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

.content p.date {
font-size: .689em;
font-weight: bold;
}

/*********************************************************************
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: block;
clear:both;
padding: 4px;
width: 270px;
margin: 0 0 12px 0;
}

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

.error {
color: red;
}

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

/*********************************************************************
PARTNERS
**********************************************************************/
table.partners {
width: 100%;
border-top: none;
margin: 0 0 18px 0;
font-size: .875em;
font-family: Arial, sans-serif;
}

table.partners tr th.table-title {
text-align: left;
font-size: 1.375em;
padding: 8px 0;
text-transform: uppercase;
font-weight: bold;
}

table.partners tr td {
padding: 10px;
border-bottom: none;
text-align: center;
vertical-align: middle;
}

table.partners p {
text-align: left;
padding: 15px 0 0 0;
font-size: .689em;
}

table.partners p a {
font-weight: bold;
}

table.partners tr.event-partner img {
width: 100%;
height: auto;
}

table.partners tr.associate-partner img {
width: 90%;
height: auto;
}

table.partners tr.supplier-partner img {
width: 80%;
height: auto;
}

table.partners tr.promotional-partner img {
width: 70%;
height: auto;
}

/*********************************************************************
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;
}

.margins {
margin: 60px 0 18px 0;
}

.section-image {
margin: 0 0 18px 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;
}

RANKINGS & RESULTS
**********************************************************************/
table {
width: 100%;
border-top: 8px solid #666;
margin: 0 0 18px 0;
font-size: .875em;
}

table tr th {
padding: 6px;
border: none;
text-align: center;
font-size: .938em;
font-family: Arial, sans-serif;
}

table tr th.table-title {
text-align: left;
font-size: 1.375em;
padding: 8px 0;
text-transform: uppercase;
font-weight: bold;
}

table tr th.place-number, table tr td.place-number {
width: 20px;
}

table tr th.athlete-name, table tr td.athlete-name {
width: 120px;
text-align: left;
}

table tr td {
padding: 10px 5px 5px 5px;
border-bottom: 1px solid #666;
text-align: center;
font-family: Arial, sans-serif;
}

table tr.last td {
text-align: right;
padding: 10px 0;
border: none;
}

table tr.last td a {
display: none;
}

table.results thead {
width: 100%;
font-family: Arial, sans-serif;
}

table.results tbody {
width: 48%;
float: left;
margin-right: 25px;
font-family: Arial, sans-serif;
}

table.results tbody.last {
margin-right: 0;
}

table.results tbody tr td.athlete-name {
width: 250px;
text-align: left;
}

/*********************************************************************
DEW EVENT NAV
**********************************************************************/
#event-nav {
margin: 0 0 18px 0;
padding: 0;
list-style-type: none;
}

#event-nav li {
position: relative;
margin: 0 0 15px 0;
padding: 3px 0 3px 0;
}

#event-nav li a.event {
padding: 0 0 0 10px;
display: block;
}

#event-nav li span {
display: block;
line-height: 1.2em;                          
}

#event-nav li span a {
display: none;                        
}