/* -------------------------------------------------------------- 
  
   Boilerplate Screen Styles
   * Version:   0.5 (2007-11-19)
   
-------------------------------------------------------------- */

@import "lib/reset.css";
@import "lib/typography.css";
@import "lib/forms.css";
@import "lib/plugins/tabs.css";


/* Page
-------------------------------------------------------------- */

/* 
#page { 
    position:absolute; 
    bottom:0;
    margin: auto;
    width: 950px; 
    left:50%;
    margin-left:-475px;
    height:541px; 
}
*/

body {
    background-color:#000;
    background-image:url("../images/blackground.jpg");
    background-position: 50% 50%;
    color:#fff;
    margin:0;padding:0;
    height:100%;
}
html {
    height:100%;
    overflow: auto;
}

#page { 
    position:absolute; 
    width: 950px; 
    top:50%;
    height:541px;
    margin-top:-250px;
    left:50%;
    margin-left:-475px;
}

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

#header { 
    margin:auto;
    top:50%;
    width: 950px; 
    margin-top:-270px;
    left:50%;
    margin-left:-475px;
    position:absolute;
}

#header h1 {
    display:none;
}

#header #tempest_logo_link {
    position:relative;
    top:-150px;
    left:-100px;
    display:block;
    width:300px;
    height:150px;
}

/* 
#header #go_logo_link {
    position:relative;
    top:-400px;
    left:845px;
    display:block;
    width:150px;
    height:100px;
}
#header #go_logo_link span {
    display:none;
}
*/

/*
#header .tabs { border-bottom: 1px solid #ddd; }
#header .tabs li { margin-right: 1px; }
#header .tabs a { padding: 5px 15px; background: #ddd; color: #666; text-decoration: none; }
*/

.tabs a {
    white-space:nowrap
}

#mainmenu_holder * {
    font-size:10px;
    line-height:10px;
    display:inline;
    margin:0;
    padding:0;
}
#mainmenu_holder {
    display:block;
    position:relative;
    z-index:199;
    top:-25px;

    /* Ammeliorate some IE7 problem when hovering the category links */ 
    font-size:0; 
    line-height:0;
}
#mainmenu {
}

#photo_movie {
    position:relative;
    z-index:101;
}

/* Body
-------------------------------------------------------------- */

#body { 
    position:absolute;
    /* background-color:#19181a; */
    height:510px;
    width:100%;
    top:0;
    left:0;
    overflow:hidden;
}

#introduction { float: left; width: 480px; margin-right: 130px; }

#resources { float: left; width: 230px; }
#resources h3 { color: #888; }
#resources ul, #resources ol { color: #888; }
#resources ul a { color: #555; }


/* Footer
-------------------------------------------------------------- */
#footer { 
    border-top: 1px solid #cc1496; 
    padding: 0;
    position:absolute;
    width:100%;
    top:510px;
    height:30px;
    overflow:hidden;
    background-color:#000;
}

#footer .tabs a { 
    padding: 5px .5em 0 .5em; color: #fff; text-decoration: none; 
    border-right: 1px solid #333;   
    text-transform:uppercase;
}
#footer .tabs a:hover { 
    color: #CC1496;
}
#footer .tabs li {
    padding: 0;
}
#footer .quiet { position:absolute; right:.7em; color: #666; top:.7em; }

/* Links
-------------------------------------------------------------- */
a { color: inherit }
a:link, a:visited { color: #02B1E4; text-decoration: none; }
a:active {}
ul.tabs li.selected a,
a:hover { text-decoration: none; color: #CC1496; }

.noborder a {border:0!important}

/* Error page
-------------------------------------------------------------- */

div#error {
    width:100%;
    height:100%;
    background-image:url("../images/404.jpg");
    background-repeat:no-repeat;
}
div#error p {
    font-size:3em;
    display:block;
    margin:1em;
}

/* Different stuff
-------------------------------------------------------------- */

.right_zone {
    float:right;
}

.left_zone {
    float:left;
}

.content_padding {
    padding:1em;
}

.widest {
    width:642px;   
}

.wider { /* Used for homepage, the photo and video section */
    width:640px;
}

.wide {
    width:600px;
}

.narrow {
    width:350px;
}

.narrower {
    width:310px;
}

.narrowest {
    width:308px;
}

.homepage.wider {
    width:630px;
}

.homepage.narrower {
    width:320px;
}

/* 
 * They should be coupled like this: 
 *
 * wider | narrower, 
 * narrower | wider,
 * wide | narrow, 
 * narrow | wide
 *
 * such that the total width is 950px.
 * */


object#news {
    display:block;
    margin:0;   
}

div#newscontainer { /* Homepage news container */
    position:absolute;
    /* width:100%; */
    left:0;
    top:0;   
}
div#photos { /* The homepage photos */
    position:absolute;
    right:0;
    top:0;
}

table.centered {
    height:100%;
    width:100%;
    margin:0;
}
table.centered * {
    border:0; 
}
table.centered td {
    vertical-align:middle;
    text-align:center;    
    padding:0;
    margin:0;
}

table.centered.vertically td {
    text-align:left;
}

div#bottom_ads /* The bottom ads, used in conjuction with .right_zone.narrow */
{
    overflow:hidden;
    position:absolute;
    right:0;
    bottom:0;
    width: 630px;
    height: 65px;
}

.widest .embed_file {
    width: 640px;   
}

.embed_file {
    display:block;
    margin-bottom:.5em;
}
.embed_file embed {
    display:block;
}
.full_width {
    width:950px;  
}
.full_height {
    height:510px;
    overflow:hidden;
}
.athlete_item_height_nopad {
    height:428px;
    overflow:auto;
}
.athlete_item_height {
    height:440px; 
    overflow:auto;
}

/**
 * Use when there is a title and category buttons at the top
 */
.medium_height {
    height:460px;
    overflow:hidden;
}

div.video_border {
    border:3px solid #02b1e4;
    display:inline-block;
    overflow:hidden;
}
div.video_border * {
    display:block;
    margin:0;
}
h2.video_popup_title {
    margin-bottom:.3em;
}
div#video_info p {
    margin-bottom: 0;
    font-size:.9em;
    line-height:1.1em;
}

div#video_info {
    margin-right:0;
    border:1px solid #CC1496;
    padding:.1em .4em;
    margin-top:.2em;
    height:57px;
}

h2 {
    text-transform:uppercase;
}

div.page_header {
    height:30px;
    width:950px;
    overflow:hidden;
    margin-bottom:.5em;
}
h2.title,
#athlete_link {
}

h2.title,
h3.title,
#athlete_link {
    font-size:12px;
    font-weight:bold;
    padding:3px 7px;
    display:block;
    background-color: #02b1e4;
    color: #fff;
}

h3.title.small {
    font-size:11px;
    line-height:12px;
    padding:0 7px;
    margin-bottom:.5em;
}

#athlete_link {
    background-image:url('../images/header_bg.png');
    background-position:left middle;
    font-size:1.2em;
    line-height:1.25em;
    z-index:200;
    color:#fff;
    position:relative;
    margin-bottom:0;
    padding-top:1px;
    padding-bottom:0;
}
h2.title {
    margin-bottom:0;
}
#athlete_link:hover {
    background-image:none;
    text-decoration:none;
    background-color: #CC1496;
}

div#motd {
    background-image:url("../images/chalkboard_bg.jpg");    
    height:123px;
    width:320px;
    position:absolute;
}
div#motd td {
    text-align:right !important;
    padding-right:1em;
}
div#motd div#date {
    padding-right:1em;
    padding-top:.5em;
}
div#motd table {
    float:right;
    height:90px;
    margin-top:22px;
    /* border:1px solid #fff; */
    width:250px;
}
div#motd p {
    margin-bottom:0;
}

h2.title {
    color:#000;
    font-size:14px;
    font-family:"Arial Black" sans-serif;
}
h3 {
    font-size:12px; 
    font-family:"Arial Black" sans-serif;
}
h3.centered {
    text-align:center;
}
#signature {
    text-align:center;
    overflow:hidden;
    /* 
    padding:.5em;
    width:140px;
    height:428px;
    */
    padding:0;
    width:152px;
    height:440px;
}
#signature img {
    margin-bottom:0;
}
h2.bottom_border
{
    height:36px;
    background-color: #02b1e4;
    background-image:url("../images/header_bg.png");
    border-bottom:1px solid #CC1496;
    padding:0 .5em;
    margin-bottom:.25em;
}

span.more {
    display:block;
    margin-top:.5em;
}

div.bordered {
    padding:.5em;
    border:1px solid #CC1496;
}
div.padless {
    padding:0; 
}
div.active_area {
    background-image:url('../images/LogoBG.jpg');
    margin:0;
    margin-right: .5em;
}
.tempest_bg {
    background-image:url('../images/LogoBG.jpg');
}

ul.link_list,
ul.video_list
{
    margin:.5em;
    margin-bottom:0;
    margin:0;
    list-style-type:none;
}

ul.link_list a,
ul.video_list a {
    height:36px;
    display:block;
    color: #fff;
    text-decoration:none;
    border:1px solid;
    /* padding-right:.5em; */
    background-image:url('../images/alpha_bg.png');
}
ul.link_list a {
    height:30px;
}

ul.link_list a:link,
ul.link_list a:visited,
ul.video_list a:link,
ul.video_list a:visited
{
    border-color:#CC1496;
}

ul.link_list a:hover,
ul.link_list a:hover img,
ul.video_list a:hover,
ul.video_list a:hover img,
ul.video_list li.selected a,
ul.video_list li.selected a img,
a#i_am:hover,
a#i_am:hover img
{
    border-color: #02B1E4;
    /* color:#02B1E4; */
    background-image:url("../images/alpha_bg_pink.png")!important;
}

ul.link_list li,
ul.video_list li {
    font-size:.8em;
    line-height:.95em;
    border-collapse:collapse;
    margin-bottom:.5em;
}

ul.link_list li *,
ul.video_list li * {
    cursor:pointer;
}

ul.link_list li span.video_name {
    margin-top:.3em;
}

ul.video_list li span.video_name {
    margin-top:.2em;
}

ul.link_list li span.video_name,
ul.video_list li span.video_name {
    font-weight:bold;
    font-size:1.2em;
    line-height:1.1em;
    display:block;
    overflow:hidden;
    white-space:nowrap
}

ul.video_list a span.container {
    display:block;
    padding-left:.5em;
    margin-left:0;
    overflow:hidden;
}
ul.link_list a span.container {
    display:block;
    margin-left:85px;
    overflow:hidden;
}
ul.video_list a span.container {
    height:36px;
}
ul.link_list a span.container {
    height:30px;
}
ul.link_list a span.container.no_photo {
    margin-left:5px;
}
ul.video_list a span.container.no_photo {
}

ul.video_list img,
ul.video_list img, 
ul.link_list  img,
ul.link_list  img {
    display:inline;
    border-right:1px solid #cc1496;
    float:left;
}

table img {
    display:block;
}

/* Old stuff
-------------------------------------------------------------- */

div.main_zone.ads{
    height: 425px;
}
div.main_zone
{
    position:absolute;
    top:0; left:0;
    overflow:hidden;

    width: 640px;
    height: 510px; 
}
div.main_zone ul, div.main_zone li
{
    list-style-type:none;
    margin:0;
    padding:0;
}
div.main_zone img { }
div.main_zone.merchandise_simple
{
    height: 510px;
    width:100%;
}

#athlete_player {
    position:relative;
    z-index:101;
}

ul.thumbnails {
    margin:0;
    padding:0;
    padding-top:1em;
    margin-left:.6em;
    list-style-type:none;   
    /* margin-right:-.6em; */
    /* margin-top:1em; */
}
ul.thumbnails li {
    text-align:center;
    width:80px;
    height:55px;
    float:left;
    background-color:#000;
    margin-right:1em;
    margin-bottom:1em;
}

div.padded {
    padding:0 .5em;
}

div.lr_padded {
    padding:0 1em;
}

div#right_html ul.thumbnails li {
    border:0;
    padding:0;
    margin-right:1px;
    margin-bottom:1px;
}

div#right_html,
div#right_html_narrow
{
    position:absolute;
    top:0;
    right:0;
    height: 510px;
    width: 350px;
    overflow:auto;
}

div#right_html.narrow {
    width: 310px;
}
/* 
p#credit {
    display:block;
    margin:0;
    padding:.5em .75em;
    text-transform:uppercase;
    font-size:.8em;
    position:absolute;
    bottom:0;
    left:0;
}
*/
div.credits {
    display:block;
    position:relative;
}
div.credits p {
    font-size:.8em;
    background-image:url("../images/alpha_bg.png");
    display:block;
    position:absolute;
    bottom:0;
    left:0;

    line-height:1.8em;

    padding:0 .5em;
    margin:.5em;
}
div.credits strong,
div.credits b {
    font-weight:normal;
    color: #CC1496;
}
div.credits img {
    display:block;
    margin-left:auto;
    margin-right:auto;
}


h3.title,
div#right_html h3
{
    background-color: #036582;
}
div.full_width {
    padding-bottom:0;
}
div.full_space 
{
    height:483px;
}
/*  News */

div#right_html ul
{
    margin:0;
    padding:0;
    list-style-type:none;
}

div#right_html ul li
{
    padding-left:1em;
}

#q_a b,
#q_a strong {
    color:#CC1496;
}

div#right_html p {
    margin-left:1em;
    margin-right:1em;
}

ul span.headline
{
    font-weight:bold
}

.uppercase 
{
    text-transform:uppercase;
}
a#i_am {
    display:block;
    text-decoration:none;
    border:1px solid #cc1496;
    height:36px;
    margin-bottom:.5em;
}
a#i_am span {
    background-image:url('../images/i_am.png');
    background-position:-20px 2px;
    background-repeat:no-repeat;
    display:block;
    width:195px;
    height:36px;
    float:right;
    display:inline;
}
a#i_am img {
    border-right:1px solid #cc1496;
    margin:0;
}

ul.athlete {
    margin:0;
    padding:0;
    list-style-type:none;
    margin-left:1em;
}

ul.athlete li {
    text-transform:uppercase;
    overflow:hidden;
    text-align:left;
    position:relative;
    background-image:url('../images/alpha_bg.png');
    width:19em;
    padding-left:.5em;
    padding:0;
    font-weight:bold;
    padding-bottom:5px;
    line-height:14px;
}

ul.athlete li.col_1 {
    margin-left:19em;
}

ul.athlete li.col_2 {
    margin-left:38em;
}

ul.athlete li.col_3 {
    margin-left:57em;
}

ul.athlete li.breaker {
    padding-top:.5em;
}

ul.athlete li.breaker.col_1,
ul.athlete li.breaker.col_2,
ul.athlete li.breaker.col_3 {
    margin-top:-424px;
}

ul.athlete a {
    color: #fff;
    margin-left:.6em;
    font-size:11px;
    line-height:11px;
}
ul.athlete a:hover {
    text-decoration:none;
    color: #CC1496;
}

ul.recordset_control {
    width:100%;
    margin:0;
    height:20px;
    background-color:#000;
    padding-left:1px;
}

ul.recordset_control.amigo li {
    width:189px;
}

.amigo li#next_button,
.amigo li#prev_button {
    width:188px;
}

li#next_button,
li#prev_button {
    width:141px;
}

ul.recordset_control li {
    display:inline;
    /* width:49.5%; */
    text-align:center;
    margin:0;
    width: 132px;
    margin-right:1px;
    float:left;
    background-repeat:no-repeat;
}
ul.recordset_control li a,
ul.recordset_control li span
{
    padding-top:.1em!important;
    padding-bottom:.1em!important;
    padding-left:1em!important;
    padding-right:1em!important;
}

ul.button_list {
    list-style-type:none;
}
ul.button_list li {
    padding:0;
    border:0;
}
ul.button_list li span,
ul.button_list li a {
    color: #fff;
    display:block;
    padding:.5em 1em;
    margin-bottom:.25em;
    background-repeat:no-repeat;
    background-image:url("../images/athlete_button.png");
    text-transform:uppercase;
    text-decoration:none;
    font-weight:bold;
}
ul.button_list li span {
    color: #000;
}
ul.button_list li a:link {
}
ul.button_list li a:hover {
    background-image:url("../images/athlete_button_hover.png");
}

/* 
ul.link_list {
    margin-top:1em;
    margin-left:.5em;
}
ul.link_list li a,
ul.link_list li span {
    background-image:url("../images/link_button.png");
}

ul.link_list li a:hover {
    background-image:url("../images/link_button_hover.png");
}
*/
#photo {
    background-color:#000;
}
#photo ul {
    margin:0;
    width: 100%;
    list-style:none;
    margin-left:0;
    white-space:nowrap;
    overflow:auto;
    height:388px;
}
#photo li {
    margin-left:0;
    display:inline;
    margin-right:1em;
}
#photo a {
    display:inline; 
}
#photo img { 
    vertical-align:top;
}

div.paging {
    text-align:center;
    padding:.1em .4em;
    margin-top:1em;
}
div.paging a,
div.paging span.disabled
{
    margin:0;
    border:1px solid; 
    border-right:0;
    border-color: #cc1496;
    padding:.1em .4em;
    font-weight:bold;
}
div.paging a.last,
div.paging span.last
{
    border-right:1px solid;
    border-color: #cc1496;
}
div.paging a.first {
    
}

ul#category {
    /* padding:0 1em;
    padding:0;
    float:right;
    padding-top:3px;
    position:relative;
    */
    position:absolute;
    top:3px;
    right:0;
    z-index:200;
}
ul#category.tabs li {
    margin-right:4px;
}
ul#category.tabs li a {
    background-image:url("../images/category_button.png");
    background-repeat:no-repeat;
    background-position:middle left;
    width:90px;
    padding:.5em 1em;
    text-transform:uppercase;
    color:#fff;
    font-weight:bold;
    text-align:center;
}

ul#category.tabs li a:hover,
ul#category.tabs li.selected a
{
    text-decoration:none;
    background-image:url("../images/category_button_pink.png");
}

#view_video {
    margin-right:1em;
}
div#media_details {
    position:relative;
    width:100%;
    height:100%;
    background-color:#000;
    overflow:hidden;
}
div#media_details h2 {
    margin-bottom:0;
}
#view_video {
    width:100%;
}

/* Community */

div.full_space h3 {
    font-weight:normal
}
.mid {
    width:50%;
    float:left;
    display:inline;
}

h3.community {
    font-family: "Arial Black", Arial, Helvetica, sans-serif;
    font-size:2em;
    font-style:italic;
    margin-bottom:0;
}
p.community {
    font-family: "Arial Black", Arial, Helvetica, sans-serif;
    font-size:1.25em;
    font-style:italic;
    margin-bottom:.5em;
}

ul.community_link_list {
    list-style-type:none;
    margin:0;
    padding:0;
}
ul.community_link_list li {
    margin:0;
    margin-right:.5em;
    margin-bottom:.5em;
    display:inline;
    float:left;
}
ul.community_link_list li a {
    display:block;
    width:214px;
    height:56px;
    border:1px solid #cc1496;
}
ul.community_link_list li a:hover {
    border-color:#02b1e4;
}
/* 
div.community ul {
    list-style-type:none;
    margin-left:0;
}
div.community ul li {
    display:block;
}
div.community ul li a {
    text-transform:uppercase;
    font-weight:bold;
    padding:.4em;
    padding-left:.5em;
    margin-bottom:1em;
    background-image:url("../images/community_bg.png");
    display:block;
    height:35px;
    line-height:1.1em;
}
div.community ul li a:hover {
    color:#fff;
    background-image:url("../images/community_bg_hover.png");
    text-decoration:none;
}
div.community ul li img {
    float:left;
    vertical-align:top;
    margin-right:5px;
    border:1px solid #02b1e4;
}
    */

div.clients ul {
    overflow:auto;
    height:460px;
    margin:0;
}

div.clients ul {
    list-style-type:none;
    margin-left:.9em;
    margin-right:0;
}

div.clients ul li {
    float:left;
    display:inline;
    margin-right:1em;
    margin-bottom:1em;
}
div.clients li a {
    display:block;
    width:100px;
    height:100px;
}

div.contact textarea {
    width:350px;
    height:100px;
}

div.tooltip {
    position:relative;
    margin-top:.5em;
    margin-left:.5em;
    padding:0 .5em;
    background-color:#000;
    border:1px solid #CC1496;
}

.tweet_time{
	display:none;
}