@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 32px 0 0; padding-left:10px}
#banner {float:left; width:728px; height:90px; margin:7px 0 0 0; overflow:hidden}
#banner ul {list-style:none; padding:0; margin:0}

#main {position:absolute; top:111px; left:0; 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 240px 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 40px 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; 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}


/* 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:center; padding-bottom:20px;}
#flyer_column #column #flyer {position:relative; z-index:100; min-width:460px}
#flyer_column #column #flyer img {
	position:relative;
	z-index:999;
	background-image: url(2010-Q2/HHK_May2010-Lrg.jpg);
}
#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}