/* CSS RESET */
body{padding:0;margin:0;font:11px "Trebuchet MS",Arial,Helvetica,Garuda,sans-serif;}
h1,h2,h3,h4,h5,h6,ul,li,em,strong,pre,code{padding:0;margin:0;line-height:1em;font-size:100%;font-weight:normal;font-style: normal;}
table{font-size:inherit;}
ul{list-style:none;}
img{border:0;}
p{margin:1em 0;}
a:active { outline: none; }
a:focus { -moz-outline-style: none; }
/* --------------- */

/* --------- FONTS --------- */
@font-face {
	font-family: 'UbuntuRegular';
	src: url('../fonts/Ubuntu-R-webfont.eot');
	src: local('☺'), url('../fonts/Ubuntu-R-webfont.woff') format('woff'), url('../fonts/Ubuntu-R-webfont.ttf') format('truetype'), url('../fonts/Ubuntu-R-webfont.svg#webfontcceGD1qN') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'UbuntuBold';
	src: url('../fonts/ubuntu-b-webfont.eot');
	src: local('☺'), url('../fonts/ubuntu-b-webfont.woff') format('woff'), url('../fonts/ubuntu-b-webfont.ttf') format('truetype'), url('../fonts/ubuntu-b-webfont.svg#webfontYSVAj71B') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'ChunkFiveRegular';
	src: url('../fonts/Chunkfive-webfont.eot');
	src: local('☺'), url('../fonts/Chunkfive-webfont.woff') format('woff'), url('../fonts/Chunkfive-webfont.ttf') format('truetype'), url('../fonts/Chunkfive-webfont.svg#webfontb5K2fJwj') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* --------- Standard stuff --------- */
body{ background: url(../images/bg.png) repeat-x; background-color: #000; text-align: center; color: #fff; font-family: "Trebuchet MS", sans-serif; font-size: 13px; }
h1{ font-size: 42px; font-family: "ChunkFiveRegular", serif; color: #fff; margin: 15px 0px; text-transform: uppercase; }
h2, h3{ color: #fff; padding: 0px; text-transform: uppercase; font-family: 'UbuntuBold', sans-serif; }
h2 a, h3 a{ text-decoration: none; }
a{ color: #2BBBF4; }
h1 a{ color: #fff; }
p{ line-height: 16px; }
strong{ font-weight: bold !important; }


/* -------- CLASSES --------- */
.bold{ font-weight: bold; }
.italic{ font-style: italic; }
.blue{ color: #2b48a9; }
.grey{ color: #999; }
.center{ text-align: center !important; }
.spaced{ letter-spacing: 6px; }
.white{ color: #fff; }
.smaller{ font-size: 90%; }
.text-input{ float: left; width: 158px; height: 22px; padding-top: 4px; padding-left: 4px; background: #f2f2f2; border: 0px; }
input[type="image"]{ float: left; width: 27px; height: 27px; }
.textarea-input{ width: 282px; height: 150px; padding-top: 4px; padding-left: 4px; background: #464646; border: 0px; }
.left{ float: left; width: 50%; }
/*.right{ float: right; width: 50%; }*/
.hr{ float: left; width: 100%; height: 0px; font-size: 0px; border-top: solid 1px #e7e3df; border-bottom: solid 1px #fffaf6; margin: 10px 0px; }

#holder{
	margin: auto;
	width: 960px;
	text-align: left;
	position: relative;
}

#logo{ position: absolute; top: 53px; left: 10px; }

#countdown{
	position: absolute;
	left: 740px;
	top: 50px;
	width: 220px;
	height: 32px;
	overflow: hidden;
}
#countdown li{
	float: left;
	list-style-type: none;
	font-family: "UbuntuBold", sans-serif;
	font-size: 28px;
	letter-spacing: -1px;
	line-height: 28px;
	padding: 2px 5px;
}
#countdown li span{
	font-size: 10px;
	color: #06a2de;
	text-transform: uppercase;
	letter-spacing: 0px;
}
#countdown li#days, #countdown li#hours{
	border-right: solid 3px #fff;
}
#countdown-details{
	position: absolute;
	left: 740px;
	top: 86px;
	width: 220px;
}
#countdown-details #category{
	font-family: "UbuntuRegular", sans-serif;
	font-size: 13px;
	line-height: 20px;
}
#countdown-details #country{
	font-family: "UbuntuRegular", sans-serif;
	font-size: 13px;
	color: #66676d;
}

#navbar{ 
	float: left; 
	width: 958px; 
	height: 43px; 
	margin: 0px; 
	padding: 0px; 
	border-right: solid 1px #000;
	border-left: solid 1px #000;
	margin-bottom: 20px;
	text-align: center; 
	list-style-type: none; 
	background: url(../images/nav-bg.png) repeat-x;
	font-family: "UbuntuRegular", sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	margin-top: 149px;
}
#navbar li{	
	float: left;
	position: relative;
}
#navbar li a{ color: #fff; text-decoration: none; display: block; height: 43px; line-height: 43px; padding: 0px 35px; }
#navbar li a:hover{ 
	color: #01aef2;
}
#navbar .active{ 
	color: #01aef2;
}
#navbar li ul{
	position: absolute;
	left: -9999px;
	width: 170px;
	background: #101011;
	z-index: 999;
}
#navbar li:hover ul{
	left: 0px;
}

#main{
	float: left;
	width: 960px;
	min-height: 400px;
}

#content{
	float: left;
	width: 670px;
	padding: 10px;
	min-height: 395px;
	border: solid 10px #121214;
	margin-right: 10px;
	background: #080707;
	font-size: 12px;
}
#content-large{
	float: left;
	width: 920px;
	padding: 10px;
	min-height: 395px;
	border: solid 10px #121214;
	background: #080707;
	font-size: 12px;
}
#content h1, #content-large h1{
	font-size: 16px;
	text-transform: uppercase;
	color: #fff;
	font-family: "UbuntuRegular", sans-serif;
	margin-top: 0px;
	margin-bottom: 25px;
}
#content h3, #content-large h3{
	font-size: 16px;
	color: #fff;
	font-family: "UbuntuRegular", sans-serif;
	text-transform: none;
	margin-bottom: 5px !important;
}
#content p, #content-large p{
	margin-top: 0px;
}
#content p.grey a, #content-large p.grey a{ color: #999; text-decoration: none; }
#content-left, #content-right{
	float: left;
	width: 435px;
	padding: 10px;
	min-height: 395px;
	border: solid 10px #121214;
	margin-right: 10px;
	background: #080707;
	font-size: 12px;
}
#content-right{
	margin-right: 0px;
}
#content-left img, #content-right img{
	float: left;
	margin-right: 10px;
}
#content-left h3, #content-right h3{
	margin-top: 80px;
	font-size: 21px;
	color: #fff;
	font-family: "UbuntuRegular", sans-serif;
	text-transform: none;
	line-height: 28px;
	margin-bottom: 40px;
}
#content-left h3 span, #content-right h3 span{ text-transform: uppercase; font-size: 34px; }
#content-left th, #content-right th{ color: #b8b8b8; font-weight: normal; padding-right: 10px; }
#content-left h4, #content-right h4{ 
	margin-top: 40px;
	font-size: 16px;
	color: #fff;
	font-family: "UbuntuRegular", sans-serif;
	text-transform: uppercase;
}
#content-left p, #content-right p{
	color: #b8b8b8;
}
#content-left p span, #content-right p span{ color: #fff; }


#subnav{
	float: left;
	width: 195px;
	margin: 0px;
	padding: 0px;
}
#subnav li{
	margin: 0px;
	margin-bottom: 10px;
}
#subnav li.active a{ background-color: #222 !important; }
#subnav li:last-child{ margin-bottom: 0px; }
#subnav li.gallery a{ background: url(../images/icon-images.png) 20px 15px no-repeat; background-color: #121214; }
#subnav li.video a{ background: url(../images/icon-videos.png) 20px 15px no-repeat; background-color: #121214; }
#subnav li.wallpapers a{ background: url(../images/icon-wallpapers.png) 20px 15px no-repeat; background-color: #121214; }
#subnav li.cuttings a{ background: url(../images/icon-clippings.png) 20px 15px no-repeat; background-color: #121214; }
#subnav li a{ 
	display: block;
	width: 125px;
	height: 68px;
	line-height: 68px;
	padding-left: 75px;
	font-size: 14px;
	text-transform: uppercase;
	font-family: "UbuntuRegular", sans-serif;
	color: #fff; 
	text-decoration: none; 
}
#subnav li a:hover{
	background-color: #222;
}


#footer{ float: left; width: 960px; text-align: left; padding-top: 50px; padding-bottom: 100px; color: #4a4a4a; font-size: 9px; position: relative; }
#footer #sponsors{
	float: left;
	width: 960px;
	height: 98px;
	border-top: solid 1px #3b3d43;
	border-bottom: solid 1px #3b3d43;
}
#footer #sponsors li{
	float: left;
	height: 98px;
}
#footer #sponsors li:last-child{ margin-right: 0px; }
#footer .twitter, #footer .facebook{ position: absolute; top: 170px; }
#footer .twitter{ left: 490px; }
#footer .facebook{ left: 730px; }
#footer a{ color: #4a4a4a; text-decoration: none; }
#footer a:hover{ text-decoration: underline; }
#footer h2{
	position: absolute;
	left: 0px;
	top: 30px;
	font-size: 11px;
}
#footer #copyright{ float: left; width: 440px; text-align: left; margin-top: 0px; }
#footer #copyright img{ margin-bottom: 15px; }

#main-text{ float: right; width: 530px; }
#main-text h1{ margin-left: -160px; }
#main-text h2{ margin-left: -160px; width: 140px; text-align: right; float: left; }

#full-text{ float: left; width: 694px; }

/* HOMEPAGE STUFF */
#top{
	float: left;
	width: 940px;
	height: 356px;
	background: #121214;
	border: solid 10px #121214;
	position: relative;
	overflow: hidden;
	margin-bottom: 54px;
}
#top #slider{
	width: 940px;
	height: 356px;
	position: absolute;
	top: 0px;
	left: -890px;
	background: #080707;
}
#top #slider a#bar{
	position: absolute;
	top: 0px;
	left: 890px;
	width: 50px;
	height: 354px;
	background: url(../images/slider-bg.png) repeat-x;
	border: solid 1px #0982af;
}
#top #slider .arrow{
	position: absolute;
	top: 168px;
	left: 8px;
	display: block;
	width: 35px;
	height: 35px;
}
#top #slider #updates-event-title{
	position: absolute;
	top: 20px;
	left: 10px;
	color: #fff;
	font-size: 16px;
	font-family: 'UbuntuRegular', sans-serif;
}
#updates-list{
	position: absolute;
	top: 60px;
	left: 10px;
	width: 258px;
}
#updates-list li.video{ background: url(../images/mini-video.png) 8px 6px no-repeat; }
#updates-list li.audio{ background: url(../images/mini-audio.png) 10px 9px no-repeat; }
#updates-list li.text{ background: url(../images/mini-text.png) 10px 7px no-repeat; }
#updates-list li.image{ background: url(../images/mini-image.png) 6px 9px no-repeat; }
#updates-list li.dark-grey{
	background-color: #121214;
}
#updates-list li a{
	display: block;
	width: 220px;
	height: 35px;
	line-height: 35px;
	padding-left: 38px;
	color: #fff;
	font-size: 11px;
	font-family: 'UbuntuRegular', sans-serif; 
	text-decoration: none;
}
#top #slider #updates-content{
	position: absolute;
	top: 20px;
	left: 328px;
	width: 540px;
	height: 320px;
}
#top #slider #updates-content li{ display: none; }
#top #slider #updates-content li:first-child{ display: block; }
#updates-content h4{ color: #0fb2f3; font-size: 16px; margin-bottom: 10px; }

#middle{
	float: left;
	width: 960px;
	position: relative;
}
#latest-news, #images, #calendar{
	float: left;
	width: 200px;
	min-height: 405px;
	padding: 10px;
	background: #080707;
	border: solid 10px #121214;
	position: relative;
}
#middle * h2{
	position: absolute;
	left: 0px;
	top: -30px;
	font-size: 16px;
}
#latest-news a, #images a{ text-decoration: none; }
#latest-news a img, #images a img{
	width: 200px;
	height: auto;
}
#latest-news a h3{
	font-size: 16px;
	color: #fff;
	font-family: 'UbuntuRegular', sans-serif; 
	text-transform: none;
	margin: 20px 0px;
}
#latest-news a p{
	font-size: 11px;
	color: #fff;
}
#latest-news a p.readmore{
	color: #01aef2;
}
#images .title{
	color: #fff;
	font-size: 11px;
}
#calendar ul li{ float: left; width: 180px; padding: 10px; padding-bottom: 28px; }
#calendar ul li .calendar-box{
	float: left;
	width: 62px;
	height: 83px;
	background: url(../images/calendar-box-bg.png) no-repeat;
	position: relative;
}
#calendar ul li .calendar-box .day{
	float: left;
	width: 62px;
	line-height: 24px;
	font-size: 24px;
	font-family: 'UbuntuBold', sans-serif; 
	text-align: center;
	padding: 11px 0px;
}
#calendar ul li .calendar-box .month, #calendar ul li .calendar-box .year{
	float: left;
	width: 62px;
	line-height: 15px;
	font-size: 11px;
	color: #66676d;
	font-family: 'UbuntuRegular', sans-serif; 
	text-align: center;
}
#calendar ul li .calendar-box .flag{
	position: absolute;
	top: -3px;
	left: 51px;
	border: solid 1px #000;
}
#calendar ul li .details{
	float: left;
	margin-left: 20px;
	width: 98px;
}
#calendar ul li .details h4{
	font-family: 'UbuntuRegular', sans-serif;
	font-size: 18px;
	line-height: 18px;
	margin-bottom: 4px;
}
#calendar ul li .details h4 a{
	color: #fff;
	text-decoration: none;
}
#calendar ul li .details h4 a:hover{ 
	text-decoration: underline;
}
#calendar ul li .details h5{
	font-family: 'UbuntuRegular', sans-serif;
	font-size: 12px;
	line-height: 13px;
	color: #66676d;
}
#calendar p a{ font-size: 11px; color: #fff; text-decoration: none; }
#right{
	float: left;
	width: 210px;
	margin-left: 10px;
}
#right #twitter{
	float: left;
	width: 190px;
	min-height: 165px;
	background: url(../images/twitter-bg.png) bottom no-repeat;
	background-color: #121214;
	padding: 10px 20px;
	position: relative;
}
#right #twitter a{ text-decoration: none; color: #fff; }
#right #twitter p{
	font-family: 'UbuntuRegular', sans-serif;
	font-size: 13px;
}
#right #twitter p.date{
	color: #44444c;
	font-size: 10px;
	text-transform: uppercase;
	font-family: 'UbuntuBold', sans-serif;
}
#right #twitter #follow{
	position: absolute;
	bottom: 20px;
	left: 20px;
	font-family: 'UbuntuRegular', sans-serif;
	font-style: italic;
	font-size: 10px;
}
#right #twitter #follow span{
	color: #18b5f3;
	font-style: normal;
}
#right #twitter #twitter-logo{
	position: absolute;
	bottom: 20px;
	left: 130px;
}
#right #newsletter{
	float: left;
	width: 190px;
	height: 123px;
	background-color: #1a1a1d;
	padding: 10px 20px;
	padding-bottom: 30px;
	position: relative;
}
#right #newsletter h3{
	font-size: 16px;
	text-transform: uppercase;
}
#right #newsletter h5{
	font-size: 13px;
	color: #1bb6f3;
	line-height: 28px;
}
#right #newsletter p{
	margin-top: 0px;
	font-size: 10px;
	font-style: italic;
}

/* NEWS PAGE */
.news-thumb{
	float: left;
	width: 220px;
	height: 128px;
	overflow: hidden;
	margin-right: 10px;
	margin-bottom: 20px;
	display: block;
}
.news-text{
	float: left; 
	width: 440px;
	height: 128px;
	overflow: hidden;
	position: relative;
	margin-bottom: 20px;
}
.date{
	margin: 0px;
	padding: 0px;
	color: #b8b8b8;
	font-size: 13px;
}
.news-text h5{
	font-size: 13px;
	color: #fff;
	font-weight: bold;
	line-height: 27px;
}
.news-text a{
	color: #fff;
	font-size: 12px;
	text-decoration: none;
}
.news-text a:hover{
	color: #ccc;
}
.read-more{
	position: absolute;
	top: 114px;
	left: 0px;
	color: #2bbbf4 !important;
	font-size: 11px !important;
}


/* NEWS PAGE */
#news-thumb{
	float: left;
	width: 220px;
	color: #555; 
	text-decoration: none;
}
#news-image{
	width: 220px;
	margin-bottom: 10px;
}
#news-text{
	float: right;
	width: 440px;
}
#content .date{
	margin-top: -24px !important;
	font-size: 11px;
	margin-bottom: 20px;
}
#news-text .back-button{
	text-align: center;
	font-weight: bold;
	font-size: 11px;
	margin-top: 40px;
}
#news-text .back-button a{ color: #2bbbf4;; text-decoration: none; }
#news-text .back-button a:hover{ text-decoration: underline;}


/* GALLERY */
.gallery-list{
	float: left;
	width: 700px;
	margin-left: 20px;
}
.gallery-list li{
	float: left;
	width: 220px;
	min-height: 250px;
	overflow: hidden;
	margin-right: 10px;
	text-align: center;
	padding-bottom: 20px;
}
.gallery-list li img{ margin-bottom: 6px; }
.gallery-list li p{ text-align: left; }
.gallery-list li p a{ color: #fff; text-decoration: none; }



/* VIDEOS */
#video-holder{
	float: left;
	width: 670px;
	margin-left: 50px;
}
#video-list{}
#video-list li{
	padding-bottom: 5px;
	font-size: 12px;
}
#video-list li a{
	color: #fff;
	text-decoration: none;
}
#video-list li.active a, #video-list li.active{
	color: #01aaec;
}


/* WALLPAPERS */
#wallpapers-list{
	float: left;
	width: 700px;
	margin-left: 20px;
}
#wallpapers-list li{
	float: left;
	width: 220px;
	min-height: 200px;
	overflow: hidden;
	margin-right: 10px;
	text-align: left;
	padding-bottom: 20px;
}
#wallpapers-list li img{ margin-bottom: 6px; }
#wallpapers-list li a{ color: #fff; text-decoration: none; }



/* CUTTINGS */
#cuttings-list{
	float: left;
	width: 660px;
	margin-left: 20px;
	margin-left: 40px;
}
#cuttings-list li{
	font-size: 13px;
	padding: 5px;
}
#cuttings-list li:hover{ background: #222; }
#cuttings-list li a{
	color: #01aaec;
	text-decoration: none;
}


/* PARTNERS */
#partners-list{}
#partners-list li{
	min-height: 180px;
}
.sponsor-logo{
	float: left;
	width: 180px;
	height: 120px;
	background: #fff;
	margin-right: 20px;
	margin-bottom: 60px;
	text-align: center;
}
#partners-list li .text{
	float: left;
	width: 470px;
	min-height: 200px;
}

#partners-list li a{
	color: #01aef2;
	text-decoration: none;
}



/* SEASON */
#season-list{
	
}
#season-list li{
	margin-bottom: 40px;
}
#season-list li a{
	color: #fff;
}
#season-list li a:hover{
	color: #01aef2;
}
#season-list li .title{
	float: left;
	width: 300px;
	min-height: 50px;
	font-size: 13px;
	font-family: 'UbuntuRegular', sans-serif;
	text-transform: uppercase;
	color: #01aef2;
}
#season-list li .list{
	float: left;
	width: 350px;
	margin-bottom: 40px;
}
#season-list li .list li{ 
	margin-bottom: 7px;
	font-size: 13px;
}

#event-updates li{ margin-bottom: 40px;  padding-bottom: 40px; border-bottom: solid 1px #bbb; }
#event-updates li h4{ font-weight: bold; font-size: 13px; margin-bottom: 10px; color: #1BB6F3; }


/* CONTACT PAGE */
.contact-outer{ min-height: 350px; font-size: 12px; }
#contact h3{ font-size: 16px; margin-bottom: 35px; }
#col1{ float: left; width: 315px; min-height: 350px; border-right: solid 1px #2c2b2b; color: #fff; padding-right: 20px; }
#col2{ float: left; width: 563px; min-height: 350px; border-left: solid 1px #5b5a5a; color: #fff; padding-left: 20px; }
#contact #col1 p{ margin-top: 0px; }
#contact #col1 a{ color: #fff; }
#contact table{ float: left; }
#contact th{ width: 95px; }
#contact .hint{ width: 181px; padding-left: 10px; color: #959595; font-size: 11px; font-style: italic; }
#contact .submit{ padding-top: 5px; }
/* END CONTACT PAGE */


.modal-input{ width: 150px; height: 21px; padding-top: 4px; padding-left: 4px; border: solid 3px #aaa; }
.modal-textarea{ width: 400px; height: 150px; padding-top: 4px; padding-left: 4px; border: solid 3px #aaa; }