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


/* Reset stylesheet (Thanks to Eric Meyer)
--------------------------------------------------*/
@import url(reset.css);

.clear{clear:both;}
.left{float:left;}
.right{float:right;}
.hide{display:none;}
.show{display:block;}

html {background-color:#000;}

body{background-color:#000; min-height: 100%; overflow:hidden;}

#footerWrapper, #bgImage, #columnRight{position:absolute;}

#wrapper{min-height: 100%; width:100%; height:auto !important; margin: 0 auto -21px; /* the bottom margin is the negative value of the footer's height */
}

#bgImage{width:100%; height:100%; overflow:hidden;}

#bgImage img{
	height:auto;
    width: 100%;
	min-width:1024px;
	z-index:1;
}

#columnRight{margin:13px 13px 0 0; right:0px; width:416px; line-height: 120%; color:#6F4320;}
#headerWrapper{width:416px; height:106px; background-color:#FFF; position:relative;}
#headerLeftDiv{padding:10px 0 0 10px;}
#headerBtnDiv{margin: 53px 0 0 0; cursor:pointer;}
#headerBtnDiv.openBtn{
    width:220px; height:13px;
    background-image: url(/images/layout/open_btn.jpg);
	background-repeat:no-repeat;
}
#headerBtnDiv.closeBtn{
    width:66px; height:13px;
    background-image: url(/images/layout/close_btn.jpg);
	background-repeat:no-repeat;
}
#logoDiv{}

#eventsWrapper{position:relative; margin-top:10px; background-color:#FFF;}
#eventsDiv{padding:0 10px 10px 10px; overflow:auto;}
#filterDiv{height:40px; background-color: #EF7F01; color:#FFF; overflow:hidden;}
#filterDiv img{cursor:pointer;}
#eventTypeDiv ul{
    padding:50px 0 40px 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size:20px;
    font-weight:bold;
    position:relative;
    text-align: right;
}
#eventTypeDiv ul li{padding:5px 10px 5px 10px;}
#eventTypeDiv ul li a{color:#FFF; text-decoration: none;}
#eventTypeDiv ul li:hover a{color:#EF7F01;}
#eventTypeDiv ul li.selected a{color:#EF7F01;}
#eventTypeDiv ul li.selected{background-color:#FFF; color:#EF7F01;}
#eventTypeDiv ul li:hover{background-color:#FFF; color:#EF7F01;}

#eventTypeDiv{position: absolute; left:-120px; top:0px; width:120px; height:350px; background-color: #EF7F01; color:#FFF; overflow:hidden;}

#eventsDiv h1{
	font-family:Georgia, "Times New Roman", Times, serif;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #E31716;
	padding-bottom:2px;
	color:#6F4320;
	font-size:17px;
        margin-top: 15px;
}


.eventItem{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 10px 10px 10px 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F7E5BC;
}

.eventItemDate{
        text-align: right;
        width: 70px;
	padding-right: 10px;
}

.eventItemDetail{
	border-left-width: 10px;
	border-left-style: solid;
	border-left-color: #EAF4FB;
	padding-left: 10px;
        width: 250px;
        /*height: auto;*/
}

.eventItemDescription{color:#6F4320; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.eventItemTitle h2{color:#0D92E4; font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; font-weight: normal;}

#ticketsDiv{
	padding: 30px 10px 10px 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight:bold;
	color:#E91512;
        cursor:pointer;
}

#footerWrapper{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFF;
}

#footerWrapper, .push{
	height: 21px; /* .push must be the same height as .footer */
	width:100%;
	color:#FFF;
	background-color:#000;
	font-family:Arial, Helvetica, sans-serif; font-size:12px;
	line-height: 20px;
	z-index:100;
}

#copyDiv{padding-left: 10px;}