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

#header {width:100%; height:111px; background:url(../images/header_bg.jpg) repeat-x}
#head {position:relative; width:1024px; height:111px; left:50%; margin-left:-512px; padding:0 0 0 0px}
#light {position:absolute; left:292px; top:97px; width:728px; height:53px; background:url(../images/header_light.jpg); z-index:10}
#logo {float:left; width:250px; height:65px; background:url(../images/revival_logo.jpg) 10px 0 no-repeat; margin:20px 10px 0 0; padding-left:10px}
#banner {float:left; width:728px; height:90px; margin:0px 0 0 0;}
#banner ul {list-style:none; padding:0; margin:0}

/*ul#bannerAds {margin:0; padding:0}*/

#main {width:100%; min-height:641px;}
#content_container {position:relative; width:100%; min-height:641px; background:url(../images/content_foot_bg.jpg) bottom left repeat-x; margin-bottom:89px; float:left}
#body_bg {position:absolute; width:100%; height:511px; background:url(../images/content_top2.jpg) repeat-x}
#content {position:relative; left:50%; margin-left:-512px; width:1024px; min-height:631px; background:url(../images/content_foot.jpg) bottom left no-repeat; float:left; padding:15px 0 0 0; z-index:50}

#column_right {position:relative; width:239px; float:left; padding:0 0 0 0px;}
#column_left {position:relative; width:785px; float:left; padding:0 0 0 0px;}

.side_module {position:relative; float:left; width:229px; margin-bottom:20px}

#flash_intro {width:385px; height:160px; float:left; position:relative; margin-right:15px}
#static_txt {width:340px; float:left; position:relative; padding:0 20px 300px 25px}
#static_txt h3 {font-size:24px; color:#ff9c18; margin-top:0}

#text {position:relative; float:left; width:702px; min-height:300px; margin-bottom:47px; padding:0 40px 60px 40px; background:url(../images/text_bg.png) bottom left no-repeat; z-index:999}
#text h3 {color:#ff9c18; font-size:25px; margin-top:5px}
#text p {padding:0 30px; line-height:16px}
#text_reflect {position:absolute; bottom:-47px; left:2px; width:792px; height:47px; background:url(../images/text_reflection.png) no-repeat; z-index:5}
#text_shadow {position:absolute; bottom:-17px; left:-40px; width:872px; height:29px; background:url(../images/text_shadow.png) no-repeat; z-index:4}

#footer {position:absolute; left:0; bottom:-59px; width:100%; height:59px; background:url(../images/footer_bg.png) repeat-x; z-index:9}

#foot {position:relative; left:50%; margin-left:-512px; width:1024px; height:49px; text-align:center; color:#fff; padding:10px 0 0 0; font-size:10px; float:left;}
#foot p {margin:5px 0}
#foot a {color:#ff9c18}

/* Modules */
		#lineup {position:absolute; left:0px; bottom:20px; width:1024px; height:200px; list-style:none; margin:0; padding:0}
		#lineup li.first {position:absolute; left:0px; top:0px; width:209px; height:190px; font-size:11px; z-index:1}
		#lineup li.second {position:absolute; left:203px; top:0px; width:209px; height:190px; font-size:11px; z-index:1}
		#lineup li.third {position:absolute; left:406px; top:0px; width:209px; height:190px; font-size:11px; z-index:1}
		#lineup li.fourth {position:absolute; left:609px; top:0px; width:209px; height:190px; font-size:11px; z-index:1}
		#lineup li.fifth {position:absolute; left:812px; top:0px; width:209px; height:190px; font-size:11px; z-index:1}
		
		.shadow {position:absolute; bottom:10px; left:50%; margin-left:-129px; width:257px; height:25px; z-index:8; display:none}
		.mod_light {position:absolute; top:-33px; left:50%; margin-left:-62px; width:124px; height:65px; z-index:8; display:none}
		
		#first-mod {position:relative; width:163px; height:176px; margin:0 auto; background:url(../images/module_bg.png) 0 0 no-repeat; z-index:10; padding:0 23px}
		#second-mod {position:relative; width:163px; height:176px; margin:0 auto; background:url(../images/module_bg.png) 0 0 no-repeat; z-index:10; padding:0 23px}
		#third-mod {position:relative; width:163px; height:176px; margin:0 auto; background:url(../images/module_bg.png) 0 0 no-repeat; z-index:10; padding:0 23px}
		#fourth-mod {position:relative; width:163px; height:176px;  margin:0 auto; background:url(../images/module_bg.png) 0 0 no-repeat; z-index:10; padding:0 23px}
		#fifth-mod {position:relative; width:163px; height:176px;  margin:0 auto; background:url(../images/module_bg.png) 0 0 no-repeat; z-index:10; padding:0 23px}
		
		#lineup li a {width:163px; height:140px; display:block; text-decoration:none; padding:36px 0 0 0}
		#lineup li a .day {width:80px; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; color:#fff; float:left; text-align:right; padding-right:5px}
		#lineup li a .date {width:80px; font-family:Arial, Helvetica, sans-serif; font-size:20px; color:#fff; float:left; text-align:right; padding-right:5px}
		#lineup li a .year {font-family:Impact; font-size:39px; color:#ff9c18; float:right; width:78px; text-align:right; margin-top:-20px; filter: Alpha(opacity=50); -khtml-opacity: 0.50; -moz-opacity: 0.50; opacity:0.50}
		#lineup li a .thumb {width:164px; height:65px; position:absolute; left:50%; bottom:30px; margin-left:-82px; text-align:center}
		#lineup li a span {display:none}
		
		
/* Animated Banner */

#slideshow_holder {position:relative; float:left; width:762px; height:166px; padding:10px 10px 10px 10px; background:#000; margin:18px 0 20px 0}
   
#scroll {position:relative; width:762px; height:166px; overflow:hidden; background:#000}
.items {position:absolute; width:20000em; height:166px}
.item {width:381px; height:166px; float:left; cursor:default}
.item img {cursor:default}
.item a img {cursor:pointer}

#slideshow_holder iframe {background:#000}
/* Events page tyles */

#flyer_column {position:relative; width:785px; float:left; padding:0 0 0 0px; text-align:center}

#flyer_column #left_column {position:relative; float:left; width:381px; padding:80px 0 0 0; text-align:left}
#flyer_column #left_column #event_title {width:321px; padding:0 0 10px 60px; font-size:24px; color:#ff9c18; font-weight:bold}
#flyer_column #left_column #event_title h3 {margin:0}
#flyer_column #left_column #event_txt_holder {width:347px; height:310px; padding:34px 0 0 34px; background:url(../images/events_txt_lines.png) transparent 0 0 no-repeat}
#flyer_column #left_column #event_txt {width:276px; height:262px; color:#fff; background:url(../images/events_txt_bg.png) no-repeat; padding:24px}

#flyer_column #right_column {position:relative; float:left; width:404px; text-align:center; padding-bottom:20px}
#flyer_column #right_column #flyer img {
	position:relative;
	z-index:999;
	background-image: url(Flyers/UrbanMasquerade.jpg);
}
#flyer_column #right_column #flyer #flyer_shadow {width:460px; height:31px; position:absolute; bottom:36px; left:50%; margin-left:-230px; z-index:99; background-image:url(../images/flyer_shadow.png); background-repeat:no-repeat}

#flyer_column #column {position:relative; margin:0 auto; width:404px; text-align:left; padding-bottom:20px;}
#flyer_column #column #flyer {position:relative; z-index:100; width:500px}
#flyer_column #column #flyer img {
	z-index:999;
}
#flyer_column #column #flyer #flyer_shadow {width:460px; height:31px; position:absolute; bottom:16px; left:50%; margin-left:-230px; z-index:99; background-image:url(../images/flyer_shadow.png); background-repeat:no-repeat}

a#facebook {display:block; float:left; width:171px; height:26px; font-size:13px; font-weight:bold; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#9aacdd; padding:8px 0 0 59px; margin-bottom:5px; background:url(../images/facebook.png) 10px 0 no-repeat}
a:hover#facebook {color:#fff; text-decoration:none}

a#twitter {display:block; float:left; width:171px; height:26px; font-size:13px; font-weight:bold; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#7dc5fd; padding:8px 0 0 59px; background:url(../images/twitter.png) 10px 0 no-repeat}
a:hover#twitter {color:#fff; text-decoration:none}

ul#bannerAds {list-style:none; margin:0; padding:0}
#like_tweet {position:absolute; bottom:30px; right:20px; height:20px; width:250px}
#like_tweet_home {position:absolute; bottom:260px; right:20px; height:20px}
#like_tweet_event {position:absolute; bottom:60px; right:-30px; height:20px; width:100px}
#like_tweet_event-2 {position:absolute; bottom:-30px; left:250px; height:20px; width:100px}

#like_tweet_event #tweet, #like_tweet_event #like {margin-bottom:10px}
#like_tweet_event #tweet, #like_tweet_event-2 #like {margin-bottom:10px}

#like {float:left}
#tweet {float:left}

.connect_widget_not_connected_text, connect_widget_connected_text hidden_elem {color:#fff}
