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

@import "reset.css";

/* General Styles
--------------------------------------------------*/
html{background: url(/skins/rotw/images/2011/bg_gradient.gif) left top repeat-x #21d0ea;}

body{
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; _text-align:center;
    background: url(/skins/rotw/images/2011/website_master_background.png) center top no-repeat transparent;
}

#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;}
.hide{display:none;}
.show{display:block;}
.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:658px; height:50px; top: 124px; z-index:10;}
#menuDiv #menuList{width:964px; height:50px; position:relative;}

#menuDiv #menuList li{float:left; font-size:20px; height:50px; position:relative;}
#menuDiv #menuList li a{display:block; height:100%; padding-left:24px; padding-right:24px;}

#menuDiv #menuList li#home a{color:#4E687E; /*background-color:#000;*/ line-height:50px; text-decoration:none; }
#menuDiv #menuList li#about a{color:#615BB5; background-color:#000; line-height:50px; text-decoration:none; }
#menuDiv #menuList li#news a, #menuDiv #menuList li#events a{color:#A36B9E; background-color:#000; line-height:50px; text-decoration:none; }
#menuDiv #menuList li#festival a{color:#DA9B65; background-color:#000; line-height:50px; text-decoration:none; }
#menuDiv #menuList li#get-involved a{color:#d4b422; background-color:#000; line-height:50px; text-decoration:none; }
#menuDiv #menuList li#faqs a{color:#99cc00; background-color:#000; line-height:50px; text-decoration:none; }

#menuDiv #menuList li#home a:hover{color:#FFF; background-color:#4E687E; line-height:50px; text-decoration:none;}
#menuDiv #menuList li#about a:hover{color:#FFF; background-color:#615BB5; line-height:50px; text-decoration:none;}
#menuDiv #menuList li#news a:hover, #menuDiv #menuList li#events a:hover{color:#FFF; background-color:#A36B9E; line-height:50px; text-decoration:none;}
#menuDiv #menuList li#festival a:hover{color:#FFF; background-color:#DA9B65; line-height:50px; text-decoration:none;}
#menuDiv #menuList li#get-involved a:hover{color:#FFF; background-color:#d4b422; line-height:50px; text-decoration:none;}
#menuDiv #menuList li#faqs a:hover{color:#FFF; background-color:#99cc00; line-height:50px; text-decoration:none;}

#menuDiv #menuList li#home a.selected{color:#FFF; background-color:#4E687E; line-height:50px; text-decoration:none;}
#menuDiv #menuList li#about a.selected{color:#FFF; background-color:#615BB5; line-height:50px; text-decoration:none;}
#menuDiv #menuList li#news a.selected, #menuDiv #menuList li#events a.selected{color:#FFF; background-color:#A36B9E; line-height:50px; text-decoration:none;}
#menuDiv #menuList li#festival a.selected{color:#FFF; background-color:#DA9B65; line-height:50px; text-decoration:none;}
#menuDiv #menuList li#get-involved a.selected{color:#FFF; background-color:#d4b422; line-height:50px; text-decoration:none;}
#menuDiv #menuList li#faqs a.selected{color:#FFF; background-color:#99cc00; line-height:50px; 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("/skins/rotw/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 #faqsList{margin-top: 10px;}

#tweetsDiv #aboutList li, #tweetsDiv #homeList li,#tweetsDiv #newsList li, #tweetsDiv #eventsList li,
#tweetsDiv #festivalList li,#tweetsDiv #get-involvedList li,#tweetsDiv #faqsList 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 #faqsList 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 #faqsList 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 #faqsList 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;}

#followUsDiv .contentDiv a{}
#followUsDiv .contentDiv a:hover{opacity: 0.80; filter: alpha(opacity = 80);}

.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(/skins/rotw/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%;*/

      line-height: 110%;
      width: 618px;

}

#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(/skins/rotw/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(/skins/rotw/images/layout/grey_tweet_bg_point.jpg);background-repeat: no-repeat;
    background-position: bottom; background-color:#D6D6D6;

}

#rColDiv #sponsorsDiv .contentDiv{overflow:hidden; width:258px; height: 108px; _height:128px;}/* INCLUDES IE6 FIX*/

/*.sponsors {margin: 0px auto; padding: 0; clear: left;  position:absolute; left: 35px; _left: 20px; top: 60px;}
.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(/skins/rotw/images/2011/footer_bg.jpg);
	width:100%;
	background-color:#032a3c;
	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#pagelist a:before{
    content:"# ";
}

#quickLinksDiv ul#aboutList a, #quickLinksDiv .aboutList ul#pagelist a{color:#615BB5; text-decoration:none;}
#quickLinksDiv ul#festivalList a, #quickLinksDiv .festivalList ul#pagelist a{color:#DA9B65; text-decoration:none;}
#quickLinksDiv ul#get-involvedList a, #quickLinksDiv .get-involvedList ul#pagelist a{color:#d4b422; text-decoration:none;}
#quickLinksDiv ul#aboutList a:hover, #quickLinksDiv .aboutList ul#pagelist a:hover{color:#615BB5; text-decoration:underline;}
#quickLinksDiv ul#festivalList a:hover, #quickLinksDiv .festivalList ul#pagelist a:hover{color:#DA9B65; text-decoration:underline;}
#quickLinksDiv ul#get-involvedList a:hover, #quickLinksDiv .get-involvedList ul#pagelist a:hover{color:#d4b422; text-decoration:underline;}

.awardsLogos{width:638px; margin-top:10px;}
.awardsLogos img{vertical-align:bottom;}

#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: 10px; width:298px; font-size:14px; color:#999; padding:3px;}
#contactDiv input#name{height:25px;}
#contactDiv input#email{height:25px;}
#contactDiv textarea#message{height:115px;}
#contactDiv input#submit{width:auto; padding:0px;}
#contactDiv .zend_form dt{display:none;}
#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;}

#newsLetterDiv #theForm #subForm input#name, #newsLetterDiv #theForm #subForm input{padding:2px; font-size:13px;}
#newsLetterDiv #theForm #subForm input#name, #newsLetterDiv #theForm #subForm input#nhhlhi-nhhlhi {
  width: 203px; color:#666; margin-bottom: 10px;
}

#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;}


/* Extra subnav from elements
--------------------------------------------------*/
ul#subnav > li > ul > li{padding: 3px 0 3px 0}
ul#subnav > li > ul > li a{font-weight:bold; font-size: 16px; padding: 3px 0 3px 0; text-decoration: none;}
ul#subnav > li > ul > li a:hover, #subnav > li > ul > li.selected a{text-decoration: underline;}