@import url("reset.css");

h1 {
font-family: Arial, Helvetica, sans-serif;
text-transform: normal;
letter-spacing: -3px;
font-style: normal;
line-height: 1.2em;
font-weight: bold;
font-size: 44px;
}

h2 {
font-family: Arial, Helvetica, sans-serif;
text-transform: normal;
letter-spacing: -1px;
font-style: normal;
line-height: 1.2em;
font-weight: bold;
font-size: 24px;
}

h3 {
font-family: Arial, Helvetica, sans-serif;
text-transform: uppercase;
letter-spacing: normal;
font-weight: normal;
font-style: normal;
line-height: 1.6em;
font-size: 11px;
}

body, p {
font-family: Arial, Helvetica, sans-serif;
letter-spacing:normal;
text-transform:normal;
font-weight:normal;
line-height:1.4em;
font-style:normal;
font-size:12px;
}

em {
font-style:italic;
}

strong {
font-weight:bold;
}

a { color:#FFF; text-decoration:none; }
a:visited { color:#FFF; text-decoration:none; }
a:hover { color:#FFF; text-decoration:none; }
a:active { color:#FFF; text-decoration:none; }

/* ::: STRUCTURE */

body {
background:#000 url(../images/background_basketballcourt4.jpg) center 0 no-repeat;
text-align:center;
color:#FFF;
}


body#about  {
background:#000 url(../images/background_player01.jpg) center 0 no-repeat;
text-align:left;
color:#FFF;
}

body#media {
background:#000 url(../images/background_player02.jpg) center 0 no-repeat;
text-align:left;
color:#FFF;
}

body#about div.content {
margin:20px 0 0 0;
width:500px;
}

body#contact {
text-align:center;
background:#FFF;
}

div.container {
position:relative;
margin-right:auto;
margin-left:auto;
width:940px;
height:100%;
}

/* ::: NAVIGATION */

div.navigation {
position:relative;
margin-top:70px;
z-index:8000;
width:940px;
}

div.navigation ul {
text-align:right;
overflow:auto;
}

div.navigation ul li {
margin-left:25px;
float:right;
}

div.navigation ul li a {
text-transform:uppercase;
padding:5px 2px;
font-size:1em;
display:block;
color:#fff;
}

div.navigation ul li a:hover {
text-transform:uppercase;
padding:5px 2px;
font-size:1em;
display:block;
color:#fff;
background:#ff572a;
}


/* ::: SLIDESHOW */

div.slideshow {
margin-top:10px;
text-align:left;
height:452px;
width:940px;
}

div.slideshow div.placeholder {
position:relative;
overflow:hidden;
height:452px;
width:940px;
}

a.logo h1 {
background:url(../images/logo_vmbl.png) 0 0 no-repeat;
text-indent:-9999px;
position:absolute;
display:block;
z-index:8000;
height:80px;
width:180px;
left:15px;
top:-60px;
}

div.slideshow ul {
position:relative;
height:452px;
width:5640px;
z-index:100;
left:0;
}

div.slideshow ul li {
float:left;
position:relative;
}

div.slideshow ul li h2 {
text-transform:uppercase;
font-weight:normal;
position:absolute;
font-size:4.1em;
line-height:1em;
color:#FFF;
left:240px;
top:200px;
}

div.slideshow ul li h2 strong {
font-weight:bold;
color:#FF572A;
}

div.slideshow div.slideshow-shadow {
background:url(../images/background_slideshow_shadow.png) 0 0 no-repeat;
position:absolute;
height:545px;
width:1025px;
left:-42px;
top:-5px;
}

div.slideshow div.slide-left, div.slideshow div.slide-right {
background:url(../images/button_slideleft2.png) 0px 0 no-repeat;
position:absolute;
z-index:200;
height:301px;
width:42px;
left:20px;
top:80px;
}

div.slideshow div.slide-right {
background:url(../images/button_slideright2.png) 0 0 no-repeat;
left:880px;
}

/* ::: CONTACT FORM */

form#contact_form {
margin-right:auto;
margin-left:auto;
margin-top:20px;
font-size:1em;
width:330px;
color:#000;
}

form#contact_form p {
margin-bottom:20px;
font-size:2em;
}

form#contact_form label {
text-transform:uppercase;
font-weight:bold;
font-size:0.9em;
width:80px;
}

form#contact_form input {
border:solid 1px #888;
margin-bottom:5px;
margin-left:35px;
margin-top:5px;
width:200px;
}

form#contact_form input#submit {
width:100px;
}

textarea#comments {
border:solid 1px #888;
width:200px;
}

input.error {
background:#FF572a;
}

div#thank_you {
background:#FFFFFF;
height:100%;
width:100%;
}

div#thank_you p {
padding-top:50px;
font-size:2em;
}

/* ::: CALLOUT */

div.callout {
position:relative;
margin-top:-50px;
text-align:left;
z-index:500;
}

div.callout ul {
margin-left:-7px;
width:960px;
}

div.callout ul li {
background:url(../images/background_calloutbox.png) 0 25px no-repeat;
position:relative;
margin-right:7px;
margin-left:7px;
display:block;
height:126px;
width:228px;
z-index:500;
float:left;
}

div.callout ul li.about {
margin-left:0;
}

div.callout ul li.ticker {
margin-right:0px;
}

div.callout ul li h3 {
position:absolute;
font-weight:bold;
line-height:1em;
color:#000;
left:10px;
top:113px;
}

div.callout ul li div {
margin-top:-6px;
height:112px;
width:228px;
z-index:300;
}

div.callout ul li.about div {
background:url(../images/callout_join.png) 0 0 no-repeat;
}

div.callout ul li.media div {
background:url(../images/callout_media.png) 0 0 no-repeat;
}

div.callout ul li.schedule div {
background:url(../images/callout_schedule.png) 0 0 no-repeat;
}

div.callout ul li.ticker div {
background:url(../images/callout_shoedrive.png) 0 0 no-repeat;
}

div.callout ul li.ticker div span {
position:absolute;
font-size:2em;
left:25px;
top:60px;
}

/* ::: ABOUT */

body#about h1, body#media h1 {
background:url(../images/logo_vmbl.png) 0 0 no-repeat;
text-indent:-9999px;
margin-bottom:30px;
display:block;
z-index:8000;
height:80px;
width:180px;
}

body#about h2, body#media h2 {
margin-bottom:15px;
letter-spacing:1px;
font-weight:normal;
font-size:1.8em;
}

body#about p {
margin-bottom:20px;
line-height:1.6em;
margin-top:10px;
width:230px;
}

form.paypal {
margin-top:-20px;
}

body#about p a { text-decoration:underline; font-weight: bold; color:#FFF; }
body#about p a:visited { text-decoration:underline; color:#FFF; }
body#about p a:hover { text-decoration:underline; color:#888; }
body#about p a:active { text-decoration:underline; color:#FFF; }


/* :::GEAR */
ul.gear {
margin:0 auto;
height:300px;
width:921px;
}

ul.gear li {
display:block;
margin:20px 37px;
height:218px;
width:228px;
float:left;
}

ul.gear li form img {
border:none;
}

/* :::AFFILIATE */
ul.affiliate li {
margin:50px 44px;
float:left;
}

ul.affiliate li a {
text-indent:-9999px;
display:block;
}

li.kayakforacure a {
background:url(../images/logo_kfac.png) 0 0 no-repeat;
margin:-20px 0 0 0;
height:94px;
width:79px;
}
li.sixdegrees a {
background:url(../images/logo_sixdegrees.jpg) 0 0 no-repeat;
height:59px;
width:174px;
}
li.motionball a {
background:url(../images/logo_motionball.jpg) 0 0 no-repeat;
height:59px;
width:190px;
}
li.fcv a {
background:url(../images/logo_fcv.png) 0 0 no-repeat;
height:67px;
width:138px;
}

/* ::: FLICKR */
div.video_container {
position:relative;
text-align:center;
padding-top:40px;
}

div.video_container h2 {
position:absolute;
display:block;
float:left;
left:0;
top:0;
}

div.photos_container {
margin-top:20px;
}

div.photos_container p {
margin-top:10px;
}

.flickr_badge_image {
text-align:center !important;
}

.flickr_badge_image img {
border: 1px solid black !important; 
margin:0 7px;
}

#flickr_badge_wrapper {
margin:0 auto;
}

/* ::: RECENT POSTS */
div.recent_posts {
margin:20px 0;
}

div.recent_posts h2 {
clear:both;
float:left;
font-size:20px;
font-weight:normal;
letter-spacing:0px;
margin:30px 0 20px 0;
text-align:left;
width:100%;
}

div.recent_posts div {
border-right:dotted 1px #999;
float:left;
height:120px;
margin:0 10px;
padding:0 31px 0 0;
text-align:left;
width:272px;
}

div.recent_posts div.last {
border-right:none;
padding:0 0 0 0;
width:272px;
}

div.recent_posts div h3 {
background:#6a2e92;
font-size:12px;
font-weight:normal;
line-height:1.2em;
margin:0 0 5px 0;
padding:4px 6px 1px 6px;
}

div.recent_posts div h3:hover {
background:#ff572a;
}

div.recent_posts div p {
margin:10px 0 15px 0;
padding:0 5px;
}

div.recent_posts div p.linkto {
float:right;
margin-top:10px 0 0 0;
}

div.recent_posts div p.linkto a {
float:right;
text-decoration:underline;
}
div.recent_posts div p.linkto a { color:#fff; }
div.recent_posts div p.linkto a { color:#fff; }
div.recent_posts div p.linkto a { color:#fff; }

/* ::: FOOTER */
div.footer {
margin:0 auto;
width:940px;
clear:both;
}

div.footer ul {
text-align:left;
margin:30px 0 0 0;
float:right;
}

div.footer ul li {
margin:0 10px;
float:left;
}

div.footer ul li.fcvtab {
position:relative;
width:105px;
}

div.footer ul li.fcvtab a {
background:url(../images/logo_fcvtab.png) 0 0 no-repeat;
text-indent:-9999px;
position:absolute;
display:block;
height:17px;
width:36px;
top:0px;
right:0;
}