@import url(reset.css);

/* HTML */
html,body{font-family:Verdana, Arial, Helvetica, sans-serif;background:#333 url(../images/layout/body-background.jpg) top center no-repeat;color:#333; position:relative;font-size:1em;}

h1,h2,h3{font-family:Arial, Helvetica, sans-serif;font-weight:800;color:#FFF}
h1{font-size:1.5em;}
h2{font-size:1.2em;}

a:link,a:visited,a:hover{color:#0099FF;text-decoration:none;font-weight:600;}

ul,p{padding:10px 0 0 0;}

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

img{border:0;display:block;}

strong{font-weight:800;}
em{font-style:italic;}

table{width:100%;border-spacing:0;border-collapse:collapse;}

object{z-index:1;}

/* MAIN LAYOUT */
#container{padding:0 49px;margin:0 auto;width:990px;position:relative; background:url(../images/layout/container-background.png) top center repeat-y;}
#header{width:990px;height:300px; background:#19354D url(../images/layout/header-background.jpg) top center no-repeat;}

#log-in{margin:0 20px 15px 0; text-align:right;color:#004A92;font-weight:600;}
ul#navigation{padding:0;margin:0;width:100%;height:30px;background:#0382D6 url(../images/layout/navigation.png) top left no-repeat;text-decoration:none;position:relative; clear:both; display:block;text-indent:-9000px;}
#main-content{padding:10px;width:970px;min-height:600px;height:auto !important; height:600px;float:left;background-color:#444;font-size:0.75em; line-height:1.4em;color:#FFF;}
.column-small{width:200px;float:left;}
.column-large{margin:0 10px 0 0;width:375px;float:left;}
.column-full{padding:15px;margin:0 10px 0 0;width:730px;background:#333;float:left; position:relative;}
#bottom-content{padding:0;margin:0;float:left;clear:both;width:100%;text-decoration:none;height:100px;clear:both;background: url(../images/sponsors/footer_sponsors.png) left center #222;}
#footer{padding:10px 0;text-align:center;background-color:#1E1E1E;color:#FFF;font-size:0.6em;clear:both;}

/* HEADER */
#header h1 a{height:200px;width:400px;top:80px; left:110px;display:block; position:absolute; text-indent:-9000px;}
a#toyota-link{height:90px;width:300px;top:200px;left:700px;display:block; position:absolute; text-indent:-9000px;}

/* COLUMN SMALL */
.column-small div{margin:0 0 10px 0;}
.column-small .box-large{height:140px;}
.column-small .box-small{height:60px;}
.column-small .box-auto{padding:0px 33px;}

.icon-container{float:left; padding:0 5px 10px 0;}

/* COLUMN LARGE */
.column-large .text{padding:15px;width:345px;background:#333;float:left; position:relative;}
.column-publish .text{padding:15px;width:690px;background:#333;float:left; position:relative;}
.column-large .image{width:374px; max-height:250px; border:1px solid #333;float:left; overflow:hidden;}
.column-large .image-auto{width:374px; border:1px solid #333;float:left;}
.column-large div{margin:0 0 10px 0;}
.column-large div:last-child{margin:0}

/* NAVIGATION */
ul#navigation li {margin:0; padding:0; list-style:none; float:left;}
ul#navigation li, ul#navigation a {height:30px;display:block;}
ul#navigation li a:link, ul#navigation li a:visited {overflow:hidden;}

ul#navigation li ul {margin:0;position: absolute; background: #0483D6; width:130px; left: -999em; text-align:center; z-index:30;}
ul#navigation li:hover ul{left: auto;}
ul#navigation li ul li a:link, ul#navigation li ul li a:visited{width:130px; text-indent:0; text-align:center; color:#FFF; font-size:0.9em;}

#link1{width:143px;}
#link2{width:102px;}
#link3{width:127px;}
#link4{width:130px;}
#link5{width:115px;}
#link6{width:132px;}
#link7{width:119px;}
#link8{width:120px;}

a:hover#link1{background: transparent url(../images/layout/navigation.png) 0 -30px no-repeat;}
a:hover#link2{background: transparent url(../images/layout/navigation.png) -143px -30px no-repeat;}
a:hover#link3{background: transparent url(../images/layout/navigation.png) -245px -30px no-repeat;}
a:hover#link4{background: transparent url(../images/layout/navigation.png) -372px -30px no-repeat;}
a:hover#link5{background: transparent url(../images/layout/navigation.png) -502px -30px no-repeat;}
a:hover#link6{background: transparent url(../images/layout/navigation.png) -617px -30px no-repeat;}
a:hover#link7{background: transparent url(../images/layout/navigation.png) -749px -30px no-repeat;}
a:hover#link8{background: transparent url(../images/layout/navigation.png) -869px -30px no-repeat;}

a:active#link1{background: transparent url(../images/layout/navigation.png) 0 -60px no-repeat;}
a:active#link2{background: transparent url(../images/layout/navigation.png) -143px -60px no-repeat;}
a:active#link3{background: transparent url(../images/layout/navigation.png) -245px -60px no-repeat;}
a:active#link4{background: transparent url(../images/layout/navigation.png) -372px -60px no-repeat;}
a:active#link5{background: transparent url(../images/layout/navigation.png) -502px -60px no-repeat;}
a:active#link6{background: transparent url(../images/layout/navigation.png) -617px -60px no-repeat;}
a:active#link7{background: transparent url(../images/layout/navigation.png) -749px -60px no-repeat;}
a:active#link8{background: transparent url(../images/layout/navigation.png) -869px -60px no-repeat;}

a#link1.current{background: transparent url(../images/layout/navigation.png) 0 -60px no-repeat;}
a#link2.current{background: transparent url(../images/layout/navigation.png) -143px -60px no-repeat;}
a#link3.current{background: transparent url(../images/layout/navigation.png) -245px -60px no-repeat;}
a#link4.current{background: transparent url(../images/layout/navigation.png) -372px -60px no-repeat;}
a#link5.current{background: transparent url(../images/layout/navigation.png) -502px -60px no-repeat;}
a#link6.current{background: transparent url(../images/layout/navigation.png) -617px -60px no-repeat;}
a#link7.current{background: transparent url(../images/layout/navigation.png) -749px -60px no-repeat;}
a#link8.current{background: transparent url(../images/layout/navigation.png) -869px -60px no-repeat;}

/* BOTTOM CONTENT */
ul#sponsors{padding:0;margin:0;width:100%;height:100px;position:relative; clear:both; display:block; text-indent:-9000px;}
ul#sponsors li {margin:0; padding:0; list-style:none; float:left; }
ul#sponsors li, ul#sponsors a {display:block;}
ul#sponsors a.toyota{width:130px;height:100px; margin-left:50px; }
ul#sponsors a.ge{width:80px;height:100px; margin-left:50px; }
ul#sponsors a.thredbo{width:140px;height:100px; margin-left:40px; }
ul#sponsors a.nixon{width:100px;height:20px; margin:20px 0 0 90px; }
ul#sponsors a.vonzipper{width:140px;height:45px; margin-left:40px; }
ul#sponsors a.phoenix{width:70px;height:100px; margin-left:40px; }
ul#sponsors a.salomon{width:100px;height:100px; margin-left:40px; }
/*ul#sponsors li {margin:0; padding:0; list-style:none; float:left;}
ul#sponsors li, ul#sponsors a {width:150px;height:100px;display:block;}*/

/* FOOTER */
#footer p{padding:0 0 5px 0;}

/* NEWS */
.news-article{padding:0 0 10px 0; border-bottom:1px dashed #CCC;}
a.rss{width:20px; height:19px; position:absolute; top:12px; right:22px; background:url(../images/layout/rss.png) top left; text-indent:-9000px}

/* GALLERY */
.gallery-image{margin:10px 0 0 0;float:left;border:1px solid #333;display:inline;}

/* ATHLETES */
.athlete-container{padding:10px 0 0 0; clear:both;}

.athlete-container div{float:left;}
.athlete-container .athlete-photo{padding:0 2% 0 0; width:13%;}
.athlete-container .athlete-name{padding:0 2% 0 0; width:18%;}
.athlete-container .athlete-description{width:65%;}

/* VIDEO */
.audition-video{padding:10px 5px 0 0; width:360px; float:left;}
.audition-video p{padding:0;text-align:center;}

/* VOTE */
#advertisement{color:#FFF; width:643px; height:364px;}

/* BROADCAST */
.large-video-container{padding:0 0 10px 0; margin:20px 0; height:200px;	border-bottom:1px dashed #CCC; clear:both;}
.broadcast-video{ margin:0 20px 0 0; float:left;}

/* FORMS */
.input-text{padding:2px;width:200px;border-width:1px;border-style:solid;border-color:#666 #CCC #CCC #666;color:#666;background-color:#F6F6F6;font-size:1em; vertical-align:middle;}
.input-text-small{padding:2px;width:25px;border-width:1px;border-style:solid;border-color:#666 #CCC #CCC #666;color:#666;background-color:#F6F6F6;font-size:1em; vertical-align:middle;}
.input-select{padding:2px;height:auto;width:206px;border-width:1px;border-style:solid;border-color:#666 #CCC #CCC #666;color:#666;background-color:#F6F6F6;font-size:1em; vertical-align:middle;}
.input-select-auto{padding:2px;height:auto;border-width:1px;border-style:solid;border-color:#666 #CCC #CCC #666;color:#666;background-color:#F6F6F6;font-size:1em; vertical-align:middle;}
.input-checkbox{margin:0 5px 0 0;vertical-align:middle;}
.input-button{padding:3px 7px;margin:5px 0 0 0;border:0;-moz-border-radius: 5px;
-webkit-border-radius: 5px;color:#FFF;background:#0382D6 url(../images/layout/navigation-background.png) top left repeat-x;display:inline-block;cursor:pointer; text-align:center;}

a.input-button {color:#FFF;}

label{float:left;width:260px; vertical-align:middle;font-weight:600;}           
.label-auto{width:auto;float:none;}

/* LINKS */
#footer a{color:#FFF;}

/* GENERAL */
.error{padding:0.5em;margin:10px 0;width:450px;clear:both;border:1px solid #CC0000;background-color:#F7DCCA;text-align:center;color:#CC0000; font-size:0.9em;}
.success{padding:0.5em;margin:10px 0;width:450px;clear:both;border:1px solid #69B92F;text-align:center;color:#69B92F;background-color:#C1F5AF;font-size:0.9em;}

.required{color:#0382D6;font-weight:bold;}
.hidden-content{display:none;}