@charset "utf-8";
/* CSS Document */

@import "reset.css";

/* General Styles
--------------------------------------------------*/
body{
    background-color:#301D48; /*background-color: #ffffff;*/ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; _text-align:center;
    background-image: url(/images/layout/rotw_bg_2010.png);
    background-position: center top;
    background-repeat: no-repeat;
}

#wrapper {width:987px; margin:0 auto 0 auto; overflow:visible; _text-align:left;}
.clear{clear:both; _padding: 0px; margin:0px;} /* INCLUDES IE6 FIX*/
.left{float:left;}
.right{float:right;}
.whiteBG{background-color:#FFF; /*border-color: #CCC; border-width: 1px; border-style: solid;*//*Used if background set to white*/ }
.blackBG{background-color:#000;}
h1, h2{font-weight:normal;}
.posRel{position:relative;}
.posAbs{position:absolute;}
a.posRel{_line-height: normal; _margin-bottom:1px;} /* INCLUDES IE6 FIX*/
.welcomeItemOut{}
.white{color:#FFF;}
/*.hide{display:none;}
.show{display:block;}*/


/* Header Styles
--------------------------------------------------*/
#headerWrapper{position:relative; width:1000px; height:173px; overflow:visible;}
#logoDiv{width:145px; height:117px;}
#logoDiv img{display:none; /* hide old image */}
#rotwDateDiv{width:401px; height:64px; margin:27px auto 0 50px; color:#d4b422; font-size:53px; text-align:center;}
#headerImageDiv{position:absolute; width:295px; height:237px; z-index:100; right:0px;}
#headerImageLeft{position:absolute; width:81px; height:124px; z-index:5; right:295px;}

#menuDiv{position:absolute; width:964px; height:50px; top: 124px; left:-5px; z-index:10;}
#menuDiv #menuList{width:964px; /*height:51px;*/}

#menuDiv #menuList li{/*display:inline; height:51px;*/float:left; font-size:20px;}

#menuDiv #menuList li#home a{color:#4E687E; /*background-color:#000;*/ line-height:51px; text-decoration:none; padding:13px 20px 12px 20px;}
#menuDiv #menuList li#about a{color:#615BB5; background-color:#000; line-height:51px; text-decoration:none; padding:13px 20px 12px 20px;}
#menuDiv #menuList li#news a, #menuDiv #menuList li#events a{color:#A36B9E; background-color:#000; line-height:51px; text-decoration:none; padding:13px 20px 12px 20px;}
#menuDiv #menuList li#festival a{color:#DA9B65; background-color:#000; line-height:51px; text-decoration:none; padding:13px 20px 12px 20px;}
#menuDiv #menuList li#get_involved a{color:#d4b422; background-color:#000; line-height:51px; text-decoration:none; padding:13px 20px 12px 20px;}
#menuDiv #menuList li#faq a{color:#99cc00; background-color:#000; line-height:51px; text-decoration:none; padding:13px 20px 12px 20px;}

#menuDiv #menuList li#home a:hover{color:#FFF; background-color:#4E687E; line-height:51px; text-decoration:none;}
#menuDiv #menuList li#about a:hover{color:#FFF; background-color:#615BB5; line-height:51px; text-decoration:none;}
#menuDiv #menuList li#news a:hover, #menuDiv #menuList li#events a:hover{display:inline; color:#FFF; background-color:#A36B9E; line-height:51px; text-decoration:none;}
#menuDiv #menuList li#festival a:hover{color:#FFF; background-color:#DA9B65; line-height:51px; text-decoration:none;}
#menuDiv #menuList li#get_involved a:hover{color:#FFF; background-color:#d4b422; line-height:51px; text-decoration:none;}
#menuDiv #menuList li#faq a:hover{color:#FFF; background-color:#99cc00; line-height:51px; text-decoration:none;}

#menuDiv #menuList li#home a.selected{color:#FFF; background-color:#4E687E; line-height:51px; text-decoration:none;}
#menuDiv #menuList li#about a.selected{color:#FFF; background-color:#615BB5; line-height:51px; text-decoration:none;}
#menuDiv #menuList li#news a.selected, #menuDiv #menuList li#events a.selected{color:#FFF; background-color:#A36B9E; line-height:51px; text-decoration:none;}
#menuDiv #menuList li#festival a.selected{color:#FFF; background-color:#DA9B65; line-height:51px; text-decoration:none;}
#menuDiv #menuList li#get_involved a.selected{color:#FFF; background-color:#d4b422; line-height:51px; text-decoration:none;}
#menuDiv #menuList li#faq a.selected{color:#FFF; background-color:#99cc00; line-height:51px; text-decoration:none;}

/* Main Content Styles
--------------------------------------------------*/
#mainContentWrapper{position:relative; width:984px; margin-top: 30px;}
.homeSection, .aboutSection, .newsSection, .eventsSection, .festivalSection, .get_involvedSection, .faqSection{padding:20px; margin-bottom:20px;}
.homeSection p, .aboutSection, .newsSection p, .eventsSection p, .festivalSection p, .get_involvedSection p, .faqSection p{font-size: 13px; margin-bottom: 10px;}
.aboutSection p, .newsSection p, .festivalSection p, .get_involvedSection p, .faqSection p{margin-top:10px;}
#welcomeDiv.aboutSection ul, #welcomeDiv.newsSection ul, #welcomeDiv.eventsSection ul, #welcomeDiv.festivalSection ul, #welcomeDiv.get_involvedSection ul, #welcomeDiv.faqSection ul{margin: 10px 0 10px 0;}

.titleDiv{
	position:absolute;
	height:33px;
	padding:0 20px 0 20px;
	font-size:25px;
	line-height:33px;
	color:#FFF;
	top:13px;
	left:-3px;
	_left:-23px;
}  /* INCLUDES IE6 FIX*/

.aboutSection .titleDiv{background-color:#615BB5;}
.homeSection .titleDiv{background-color:#4E687E;}
.newsSection .titleDiv, .eventsSection .titleDiv{background-color:#A36B9E;}
.festivalSection .titleDiv{background-color:#DA9B65;}

/* Artists-and-lineup page style
________________________________________________________________________*/
#saturdayPerformers {
    background-color: #DA9B65;
    float: left;
    font-size: 18px;
    color: #FFF;
    font-weight: bold;
    padding: 8px;
}
#sundayPerformers{
    background-color: #666666;
    float: left;
    font-size: 18px;
    color: #FFF;
    font-weight: bold;
    padding: 8px;
}

#performersContent {
    background-color: #DA9B65;
    padding-top: 10px;
    padding-bottom: 10px;
}

.featuredArtist {
    width: 193px;
    height: 193px;
    background-image: url("/images/layout/performers/featured_artist_placeholder.jpg");
    float: left;
    margin-left: 10px;
    position: relative;
}

.featuredArtistDetails {
    width: 193px;
    background-color: #9A5C28;
    vertical-align: bottom;
    position: absolute;
    
    bottom: 0;
}

#performersContent p.title {
    font-size: 25px;
    color: #FFF;
    font-weight: bold;
    padding: 10px;
}

.performersNormal p.stageName {
    color: #333333;
    font-size: 18px;
    font-weight: bold;
    border-bottom: 1px solid #333;
}

.featuredArtistName {
    color: #FFF;
    font-size: 13px;
    font-weight: bold;
    margin: 10px;
}

.featuredArtistStage {
    color: #333333;
    font-size: 13px;
    margin: 10px;
}

.performersNormal {
    padding: 10px;
}

.performersFeatured {
    
}

/*Sponsors page style
________________________________________________________________________*/
.sponsorAd{width:150px; height:150px; float:left; margin:0 25px 50px 25px; text-align: center; line-height: 150px;
    border-right-width: 1px;

    border-left-width: 1px;

    border-bottom-width: 1px;

    border-top-width: 1px;
    border-right-color: #CCCCCC;
    border-left-color: #CCCCCC;
    border-bottom-color: #CCCCCC;
    border-top-color: #CCCCCC;
    border-right-style: solid;
    border-left-style: solid;
    border-bottom-style: solid;
    border-top-style: solid;
}



.get_involvedSection .titleDiv{background-color:#d4b422;}
.faqSection .titleDiv{background-color:#99cc00;}

/* Spacing for p and h2 tags not including .homeDiv */
.aboutSection .contentDiv p, .newsSection .contentDiv p, .eventsSection .contentDiv p, .festivalSection .contentDiv p,
.get_involvedSection .contentDiv p, .faqSection .contentDiv p,
.aboutSection .contentDiv h2, .newsSection .contentDiv h2, .eventSection .contentDiv h2, .festivalSection .contentDiv h2,
.get_involvedSection .contentDiv h2, .faqSection .contentDiv h2{line-height: 130%;}

#tweetsDiv #aboutList, #tweetsDiv #homeList,#tweetsDiv #newsList,#tweetsDiv #eventsList,
#tweetsDiv #festivalList,#tweetsDiv #get_involvedList,#tweetsDiv #faqList{margin-top: 10px;}

#tweetsDiv #aboutList li, #tweetsDiv #homeList li,#tweetsDiv #newsList li, #tweetsDiv #eventsList li,
#tweetsDiv #festivalList li,#tweetsDiv #get_involvedList li,#tweetsDiv #faqList li{padding:5px 0 5px 0; font-size: 16px; font-weight: bold;}

#tweetsDiv #aboutList a, #tweetsDiv #homeList a,#tweetsDiv #newsList a,#tweetsDiv #eventsList a,
#tweetsDiv #festivalList a,#tweetsDiv #get_involvedList a,#tweetsDiv #faqList a{padding:3px 5px 3px 0; text-decoration:none; font-size: 16px; font-weight: bold;}

#tweetsDiv #aboutList a:hover,#tweetsDiv #homeList a:hover,#tweetsDiv #newsList a:hover, #tweetsDiv #eventsList a:hover,
#tweetsDiv #festivalList a:hover, #tweetsDiv #get_involvedList a:hover,#tweetsDiv #faqList a:hover{text-decoration: underline;}

/*#tweetsDiv #aboutList a:hover{background-color: #615BB5;}
#tweetsDiv #homeList a:hover{background-color: #4E687E;}
#tweetsDiv #newsList a:hover{background-color: #A36B9E;}
#tweetsDiv #festivalList a:hover{background-color: #DA9B65;}
#tweetsDiv #get_involvedList a:hover{background-color: #d4b422;}
#tweetsDiv #faqList a:hover{background-color: #99cc00;}*/

.aboutSection a{color:#615BB5; text-decoration:underline;}
.homeSection a{color:#4E687E; text-decoration:underline;}
.newsSection a, .eventsSection a{color:#A36B9E; text-decoration:underline;}
.festivalSection a{color:#DA9B65; text-decoration:underline;}
.get_involvedSection a{color:#d4b422; text-decoration:underline;}
.faqSection a{color:#99cc00; text-decoration:underline;}

.aboutSection a:hover{color:#615BB5; text-decoration:none;}
.homeSection a:hover{color:#4E687E; text-decoration:none;}
.newsSection a:hover, .eventsSection a:hover{color:#A36B9E; text-decoration:none;}
.festivalSection a:hover{color:#DA9B65; text-decoration:none;}
.get_involvedSection a:hover{color:#d4b422; text-decoration:none;}
.faqSection a:hover{color:#99cc00; text-decoration:none;}

/* specific to .right a tags */
.whiteBG a.right{line-height: normal;}
.aboutSection a.right{color:#615BB5; text-decoration:none;}
.homeSection a.right{color:#4E687E; text-decoration:none;}
.newsSection a.right, .eventsSection a.right{color:#A36B9E; text-decoration:none;}
.festivalSection a.right{color:#DA9B65; text-decoration:none;}
.get_involvedSection a.right{color:#d4b422; text-decoration:none;}
.faqSection a.right{color:#99cc00; text-decoration:none;}

.aboutSection a.right:hover{color:#615BB5; text-decoration:none;}
.homeSection a.right:hover{color:#4E687E; text-decoration:underline;}
.newsSection a.right:hover, .eventsSection a.right:hover{color:#A36B9E; text-decoration:underline;}
.festivalSection a.right:hover{color:#DA9B65; text-decoration:underline;}
.get_involvedSection a.right:hover{color:#d4b422; text-decoration:underline;}
.faqSection a.right:hover{color:#99cc00; text-decoration:underline;}

.aboutSection h2{color:#615BB5;}
.homeSection h2{color:#4E687E;}
.newsSection h2, .eventsSection h2{color:#A36B9E;}
.festivalSection h2{color:#DA9B65;}
.get_involvedSection h2{color:#d4b422;}
.faqSection h2{color:#99cc00;}

#welcomeDiv h2{font-size:16px; margin: 10px 0 10px 0; font-weight: bold;}
#welcomeDiv ul li{font-size:13px; margin: 0 0 10px 10px; padding-left:20px; background-image:url(/images/layout/bullets.jpg); background-repeat: no-repeat;}

#welcomeDiv.homeSection ul li{background-position: 0 5px;}
#welcomeDiv.aboutSection ul li{background-position: 0 -25px;}
#welcomeDiv.newsSection ul li, #welcomeDiv.eventsSection ul li{background-position: 0 -55px;}
#welcomeDiv.festivalSection ul li{background-position: 0 -85px;}
#welcomeDiv.get_involvedSection ul li{background-position: 0 -115px;}
#welcomeDiv.faqSection ul li{background-position: 0 -145px;}

.whiteBG .contentDiv{padding-top:40px;}
/* LEFT COLUMN */
#lColDiv{width:658px;}
#welcomeDiv, #newsDiv{padding: 20px; margin-bottom:20px;}
#welcomeDiv{}
#welcomeDiv #welcomeContent{width:618px; overflow:hidden; position:relative;}

#welcomeDiv #welcomeContent #welcomeMenuDiv{position:absolute; left:0px; top:40px; z-index:100;}
#welcomeDiv #welcomeContent #welcomeMenuDiv #welcomeList{margin:0; padding:0;}
#welcomeDiv #welcomeContent #welcomeMenuDiv #welcomeList li{width:21px;  height:82px; color:#FFFFFF; overflow: hidden; padding:0px; margin:0px; background-image: none; cursor: pointer;}
#welcomeDiv #welcomeContent #welcomeMenuDiv #welcomeList li h1{color:#FFF; padding:7px 21px 5px 21px; _padding:7px 21px 0px 21px; font-size:25px; line-height:normal; width:246px; height:25px;} /* INCLUDES IE6 FIX*/
#welcomeDiv #welcomeContent #welcomeMenuDiv #welcomeList li .subtext{color:#FFF; padding:0 21px 0 21px; font-size:13px; line-height:110%; width:246px; /*height:26px;*/}
#welcomeDiv #welcomeContent #welcomeMenuDiv #welcomeList li div{_padding-bottom:10px;} /* INCLUDES IE6 FIX*/

#welcomeDiv #welcomeContent #welcomeList li.aboutItem{background-color:#615BB5;}
#welcomeDiv #welcomeContent #welcomeList li.get_involvedItem{background-color:#d4b422;}
#welcomeDiv #welcomeContent #welcomeList li.festivalItem{background-color:#DA9B65;}
#welcomeDiv #welcomeContent #welcomeList li.homeItem{background-color:#4E687E;}
#welcomeDiv #welcomeContent #welcomeList li.newsItem, #welcomeDiv #welcomeContent #welcomeList li.eventsItem{background-color:#A36B9E;}

#lColDiv #welcomeDiv #welcomeContent #welcomeShow{width:618px; height:418px; overflow:hidden;}

#newsDiv{}

/* countdown styles*/
#countDownWrapper{position:absolute; float: left; top: 28px; right: 30px;}
#countDownWrapper #defaultCountdown{}

#defaultCountDown.hasCountdown {
	color:#4E687E;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	border: 0px none #fff;
	background-color:#fff;
}

#defaultCountDown.countdown_holding span {
	background-color:#fff;
}

.countDownDigits{
	font-size: 20px;
	font-weight: bold;
}

/* Left news col*/
#newsDiv #lColContent{
	posititon:relative;
	width:283px;
	padding-right:10px;
	border-right-width: 2px;
	border-right-style: dashed;
	border-right-color: #999;
	margin-right: 10px;
	line-height:110%;
}

#lColContent .newsSummaryDiv{margin-bottom: 10px;}
#lColContent .newsSummaryDiv p{font-size: 13px;}
#lColContent .newsSummaryDiv .datePara{font-size: 10px;}
#lColContent .newsSummaryDiv h2{font-size: 21px;}

/* Right news col*/
#newsDiv #rColContent{posititon:relative; width:305px; line-height:110%;}

#rColContent .eventsSummaryDetail, #welcomeContent .eventsSummaryDetail{line-height: normal; margin-top: 0px; margin-bottom:0px}

#rColContent .eventsSummary, #welcomeContent .eventsSummary{
	height:63px;
	margin-bottom:20px;
	background-image:url(/images/layout/calender_bg.jpg);
	padding-left:72px;
	background-repeat: no-repeat;
	position: relative;
}

#rColContent .eventsSummary .eventsDate, #welcomeContent .eventsSummary .eventsDate{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color:#B8D204;
}

#rColContent .eventsName, #rColContent .eventsStatus, #welcomeContent .eventsName, #welcomeContent .eventsStatus{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#rColContent .eventsMon, #welcomeContent .eventsMon{
	color:#000000;
        font-size:12px;
        font-weight:bold;
        left:21px;
        position:absolute;
        top: 7px;
}

#rColContent .eventsDay, #welcomeContent .eventsDay{
	color:#000000;
        font-size:20px;
        font-weight:bold;
        left:17px;
        position:absolute;
        top:29px;
}

.CANC{color:#CC0000; font-weight:bold;}
.TBC{color:#006699;}


/* RIGHT COLUMN */
#rColDiv{position: relative; width:298px; margin-left:28px; z-index:10; display:inline;}

#tweetsDiv .contentDiv ul li{padding:10px 5px 16px 5px; /*margin-bottom: 10px;*/width:248px; font-size:13px;}
#tweetsDiv .contentDiv ul li.greyTweet{
    padding-bottom:26px; background-image: url(/images/layout/grey_tweet_bg_point.jpg);background-repeat: no-repeat;
    background-position: bottom; background-color:#D6D6D6;
}

#rColDiv #sponsorsDiv .contentDiv{overflow:hidden; width:233px; height: 108px; _height:128px; padding-left: 15px;}/* INCLUDES IE6 FIX*/

.sponsors {margin: 0px auto; padding: 0; clear: left;  position:absolute; left: 35px; _left: 20px; top: 60px;} /* INCLUDES IE6 FIX*/
.sponsors .slide { margin: 0; padding: 0;}
.sponsors, .slide { height: 108px; width: 244px;}
.sponsors img { padding-right: 10px; margin: 0 }

#moreNewsLink{_margin-top: -30px;} /*INCLUDES IE6 FIX SO WEIRD*/
#moreSponsorsLink{_position: absolute; _top: 168px; _right: 20px;}/*INCLUDES IE6 FIX*/

/* Footer  Styles
--------------------------------------------------*/
#footerWrapper{
	background-image:url(/images/layout/footer_bg.jpg);
	width:100%;
	background-color:#080611;
	background-repeat: repeat-x;
	background-position:top;
	padding-top: 100px;
}
#footerContent{position: relative; width:984px; margin:0 auto 0 auto; }
#quickLinksDiv{width:638px; _width:618px; float:left; padding-left: 20px; display:inline;} /* INCLUDES IE6 FIX*/
#quickLinksDiv h1{color:#FFF; font-size:25px; font-weight:normal; margin-bottom:40px;}
#quickLinksDiv h2{font-size:17px; float:left; width:166px; margin:0 10px 15px 0;}
#quickLinksDiv h2#abouth2{color:#615BB5;}
#quickLinksDiv h2#festivalh2{color:#DA9B65;}
#quickLinksDiv h2#get_involvedh2{color:#d4b422;}

#quickLinksDiv ul{font-size:13px; float:left; width:166px; margin-right: 10px;}
#quickLinksDiv ul li {margin-bottom:0px; line-height:16px;}
#quickLinksDiv ul#aboutList a{color:#615BB5; text-decoration:none;}
#quickLinksDiv ul#festivalList a{color:#DA9B65; text-decoration:none;}
#quickLinksDiv ul#get_involvedList a{color:#d4b422; text-decoration:none;}
#quickLinksDiv ul#aboutList a:hover{color:#615BB5; text-decoration:underline;}
#quickLinksDiv ul#festivalList a:hover{color:#DA9B65; text-decoration:underline;}
#quickLinksDiv ul#get_involvedList a:hover{color:#d4b422; text-decoration:underline;}

#contactDiv {float:left; width:298px; margin-left:28px; display:inline;}
#contactDiv h1{color:#FFF; font-size:25px; font-weight:normal; margin-bottom:10px;}
#contactDiv input, #contactDiv textarea{margin-bottom: 7px; width:298px; font-size:14px; color:#999;}
#contactDiv input#name{height:25px;}
#contactDiv input#email{height:25px;}
#contactDiv textarea#message{height:115px;}
#contactDiv input#submit{width:auto;}

#contactDiv .zend_form .errors li, #contactDiv .formMessage{color:#ffff00; font-size: 12px;}
#newsLetterDiv .zend_form .errors li, #newsLetterDiv .formMessage{color:#ff0000; font-size: 12px; margin: 3px 0 3px 0;}

#footerLinksDiv{color:#FFF; font-size:12px; height: 74px; line-height:74px; padding-left: 20px;}
#footerLinksDiv a{color:#FFF; text-decoration:none; margin-left:15px;}
#footerLinksDiv a:hover{color:#FFF; text-decoration:underline;}
#footerLinksDiv #elements{font-weight:bold; font-size:14px;}

/* Stalls Page Styles
--------------------------------------------------*/
.stalls-category dt {font-size:85%; font-weight:bold;}
.stalls-category dd {font-size:80%; margin:.2em 0em 1.5em 0em;}