/*



CSS Credit: http://www.templatemo.com/



*/







html {



	background: #e3e3e3;



}







body {







	margin: 0;







	padding: 0;







	font-family: Arial, Helvetica, sans-serif;







	font-size: 12px;







	line-height: 1.5em;







	color: #000;







	width: 100%;







	display: table;







}







a { color: #333; }







a:hover { color: #999; }







#templatemo_background_section_top {







	width: 100%;



	



	height:333px;







	background: url(images/templatemo_top_section_bg.jpg) repeat-x;







}





#bottom-container:after, #container:after, .content:after, .data:after, .event-listing:after, .event-data:after, pagination:after{ content: "."; display: block; height:0; font-size:0px; clear: both; visibility: hidden; }





#templatemo_background_section_middle {







	width: 100%;



	



	background: #e3e3e3;



	



	clear: both;



	



	overflow:hidden;







}







#templatemo_background_section_bottom {







	width: 100%;



	



	height: 327px;







	background: url(images/templatemo_background_section_bottom_bg2.jpg) repeat;



	



	float: left;







}







.templatemo_container {







	width: 960px;







	margin: 0 auto;







}







#templatemo_header {







	width: 960px;



	height:280px;	



	background: url(images/templatemo_header.jpg) no-repeat 0 5px;



}







/* Menu Section */







#templatemo_menu_panel {



	width:100%;



	height: 53px;



	background: url(images/templatemo_menu_bg.jpg) repeat-x;



	float:left;



}







#templatemo_menu_panel #templatemo_menu_section {



	width: 960px;



	height: 50px;	



	padding:0;

	

	margin:0;



	color: #03a0a6;



}







#templatemo_menu_section ul {



	float: left;



	width: 650px;



	margin: 0;



	padding: 5px 9px 0;



	list-style: none;



}







#templatemo_menu_section ul li {



	display: inline;



}







#templatemo_menu_section ul li a {



	float: left;



	font-size: 16px;



	font-weight: bold;



	text-align: center;



	text-decoration: none;



	color: #666;



	padding:0 25px;

	

	line-height:38px;

	

	height: 38px;

	

	border-left:1px solid #bbb;



}







#templatemo_menu_section li a:hover, #templatemo_menu_section li .current{



	color: #fff;



	background:url(images/templatemo_menu_current.jpg) repeat-x;



}



.nav-email {padding:7px 9px 0 0}

.nav-email .email-button{float:right; width:220px}

.email-button{background:url(images/nav-email-left.gif) no-repeat 0 0; padding:0 0 0 45px; height:35px; display:block; float:left; text-decoration:none}

.email-button span{background:url(images/nav-email-right.gif) no-repeat 100% 0; padding:0 20px 0 5px; height:35px; display:block; float:left; font-weight:bold; line-height:35px; color:#666; font-size:13px}



.email-button:hover span{color:#444}



/* End Of Menu */







/* Left Section */







#templatemo_left_section {



	



	width: 615px;



	float: left;



	margin: 15px 0px 10px 9px;



}







* html #templatemo_left_section {







	margin-left: 15px;



}







.templatemo_post {



	



	width: 100%;



	margin-top: 0;



	margin-bottom: 15px;



	

}







/* Pink Post */



.templatemo_post_top {



	



	width: 600px;



	height: 35px;



	font-size: 18px;



	color:#fff;



	font-weight:bold;



	padding-top: 15px;



	padding-left: 25px;



	background:url(images/templatemo_post_top.jpg) no-repeat;







}







.templatemo_post_mid {



	



	width: 100%;



	background: #fff url(images/templatemo_post_middle.jpg) no-repeat top center;



	border-left: 1px solid #ccc;



	border-right: 1px solid #ccc;



	padding-top: 10px;







}







.templatemo_post_bottom {



	



	width: 100%;



	height: 34px;



	background: url(images/templatemo_post_bottom.jpg) no-repeat bottom center;



	border-left: 1px solid #ccc;



	border-right: 1px solid #ccc;



	border-bottom: 1px solid #ccc;



	



}







.templatemo_post_mid img {



	



	border: #ccc solid 1px;



	float: left;



	margin: 3px 15px 0 0;







}







.templatemo_post_mid p {



	



	font-size: 12px;



	color: #000;



	margin : 0px 25px 25px 25px;



	text-align: justify;







}



/* End Of Pink Post */







/* Yellow Post */



.templatemo_post_top_yellow {



	



	width: 600px;



	height: 35px;



	background:url(images/templatemo_post_yellow_top.jpg) no-repeat;



	font-size: 18px;



	color:#fff;



	font-weight:bold;



	padding-top: 15px;



	padding-left: 25px;



	



}







/* End Of Yellow Post */



span.post{



	margin: 25px;



	color: #666;



	font-size: 11px;



	



}







/* End Of Left Section */



/* Right Section */



#templatemo_right_section {



	



	width: 310px;



	float: right;



	margin: 15px 12px 10px 0px;



	



}







* html #templatemo_right_section {







	margin-right: 15px;



}







.templatemo_section_box {



	



	width: 310px;



	margin-top: 5px;



	margin-bottom: 15px;







}







.templatemo_section_box_top {



	



	width: 285px;



	height: 35px;



	background: url(images/templatemo_section_top.jpg) no-repeat;



	font-size: 18px;



	color:#fff;



	font-weight:bold;



	padding: 15px 0 0 25px;







}











.templatemo_section_box_mid {



	



	width: 308px;



	background: url(images/templatemo_section_middle.jpg) #FFF no-repeat top center;



	border-left: 1px #ccc solid;



	border-right: 1px #ccc solid;



	padding-top: 25px;



}











.templatemo_section_box_mid p {



	



	font-size: 12px;



	color:#000;



	margin : 0px 25px 20px 25px;



	text-align: justify;







}







.templatemo_section_box_mid p a {



	



	font-size: 12px;



	color:#333;







}







.templatemo_section_box_mid p a:hover {



	



	font-size: 12px;



	color:#999;







}







.templatemo_section_box_mid img {



	float: left;



	display:inline;



	margin-left: 20px;



	margin-bottom: 20px;



	border:none;







}







.templatemo_section_box_mid ul {



	



	margin-bottom:15px;



	margin-top:0px;



	padding-right:15px;



	color: #333;



}







.templatemo_section_box_bottom {



	



	width: 308px;



	height: 31px;



	background: url(images/templatemo_section_bottom.jpg) no-repeat bottom center #fff;



	margin-top: -15px;



	border-left: 1px #ccc solid;



	border-right: 1px #ccc solid;



	border-bottom: 1px #ccc solid;







}







/* Yellow Section */







.templatemo_section_box_top_yellow {



	



	width: 310px;



	height: 35px;



	background: url(images/templatemo_section_top_yellow.jpg) no-repeat;



	font-size: 18px;



	color:#fff;



	font-weight:bold;



	padding: 15px 0 0;

	

	text-align:center







}







/* End Of Yellow */







/* End Of Right Section*/







.clear{



	clear:both;



	height:1px;



}







#templatemo_bottom_section{



	width: 100%;



	background:#ddd url(images/footerbar-bg.gif) repeat-x;



}





























































/* ----------------  widget -------------- */



.widget{ width:100%;  margin:0px; padding:0px 0 10px;}



.widget .container{padding:7px 10px 3px;width:auto}



.widget .content p{ margin-left:0px; margin-right:0px; margin-bottom:10px}

/* ---------------- event-details -------------- */

.event-date{margin:0px 0 10px; padding:10px; border-bottom:2px solid #f1f1f1; color:#666666}

.event-details{float:left; width:306px; padding:5px; color:#000; margin-bottom:5px; background:#f5f5f5}



.event-details .data{height:168px; padding:0}

.event-details .pic{ float:left; display:block; width:130px; padding:0px; margin:0px}



.event-details a img{  display:block; width:120px; height:80px; background:#fff; padding:3px; margin:0px}

.event-details a:hover img{ background:#eee}



.event-details .address{float:left; width:166px; padding-left:8px; font-weight:bold }

.event-details .address h3{margin:2px 0 10px; color:#000; font-size:18px;}

.event-details .address p {margin:0 0 8px 0px; padding:0px; color:#666}



.event-details .address span{ font-weight:normal; font-size:12px; color:#666 }



.event-flyer{ float:right; width:270px; text-align:center; padding:0px 0 0 5px; }

.event-flyer a img{ padding:0px; margin:0 auto; width:260px; height:304px; background:#eee; padding:5px}

.event-flyer a:hover img{background:#eee}





/* ----------------  event-slider -------------- */



.event-slider{ position:relative; margin:10px 0 0; width:305px; height:130px; padding:0px; background:#cccccc; }

.event-slider .wrapper {width:310px; /* .vehicle-gallery width - (.wrapper margin-left + .wrapper margin-right) */

  overflow:auto; height:130px; padding:0px; position:absolute!important;top:15px; left:0;}

.event-slider ul a img{border:none;}

.event-slider .wrapper ul{width:9999px; list-style-image:none; list-style-position:outside; list-style-type:none; margin:0!important; position: absolute!important;top:0px;padding:0 30px}

.event-slider ul li{display:block; float:left; width:300px;padding:0; height:130px;}



.event-slider ul li a img{display:block; float:left;width:112px; height:90px; margin:0 6px 8px 0px;background:#fff; padding:3px;  border:1px solid #cccccc}

.event-slider .arrow {display: block; height: 21px!important; width:23px;background-image: url(images/arrow.gif);background-repeat:no-repeat; background-position:0 0;

  text-indent: -999px;position: absolute!important;top:53px;cursor:pointer;}



.event-slider .forward {background:url(images/arrow.gif) no-repeat 0 0; right:5px}

.event-slider .back{ background-position: 0 -42px; left:5px}

.event-slider .forward:hover{  background-position: 0 -21px}

.event-slider .back:hover{  background-position: 0 -63px}



















.center{text-align:center}









/* ---------------- venue page -------------- */



.venue-details{float:left; width:275px; padding:5px; color:#000; margin-left:5px; margin-bottom:5px;height:280px; text-align:center; background:#d4d4d4}

.venue-details h2.heading{ font-size:24px;padding:0px 0 15px; margin-bottom:0px; color:#000;font-weight:bold;}



.venue-details .pic img{padding:0px; display:block; float:none; margin:0 auto 8px; width:140px; height:65px;  background:#fff;padding:6px; }

.venue-details a:hover img{ background:#eee; }



.event-details .pic{ float:left; display:block; width:130px; padding:0px; margin:0px}



.event-details a img{  display:block; width:120px; height:80px; background:#fff; padding:3px; margin:0px}

.event-details a:hover img{ background:#eee}



.venue-details address{ display:block; font-style:normal; float:left;width:100%; font-size:14px; font-weight:bold; margin-bottom:10px}



.venue-photos{float:right; width:300px; padding:15px 0 0px;}

.venue-photos img{display:inline; float:left; padding:0px; margin:0 15px 15px 0px; width:120px; border:7px solid #fff}





/* ----------------  venue-gallery -------------- */



.venue-gallery{ position:relative; margin:-8px 0 0 288px; width:320px; height:290px; padding:0px; background:#e5e5e5}

.venue-gallery .wrapper {width:260px; /* .vehicle-gallery width - (.wrapper margin-left + .wrapper margin-right) */

  overflow:auto; height:260px; padding:0px; margin:0 0px 0 32px;position:absolute;top:15px; }

.venue-gallery ul a img{border:none;}

.venue-gallery .wrapper ul{width:9999px; list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; padding:0; position: absolute;top:0px;}

.venue-gallery ul li{display:block; float:left; width:270px;padding:0; height:260px;}



.venue-gallery ul li a img{display:block; float:left; border:7px solid #fff; width:110px; height:110px; margin:0 8px 8px 0px; }

.venue-gallery ul li a:hover img{ border:7px solid #999;}

.venue-gallery .arrow {display: block; height:21px!important;width:30px;background-image: url(images/arrow.gif);background-repeat:no-repeat; background-position:0 0;

  text-indent: -999px;position: absolute!important;top:130px;cursor:pointer}



.venue-gallery .forward {background:url(images/arrow.gif) no-repeat 0 0; right:0px}

.venue-gallery .back{ background-position: 0 -42px; left:5px}

.venue-gallery .forward:hover{  background-position: 0 -21px}

.venue-gallery .back:hover{  background-position: 0 -63px}





.venue-tickets-button a{margin:0 auto 20px; display:block}



.map-widget{width:602px; background:#fff; border:1px solid #cdcbcc; padding:7px}

.map-widget .colleft{float:left; width:280px; margin:0 7px 0 0; text-align:center; background:#ddd; padding:0 0 10px}

.map-widget .colleft h3{margin:0; padding:0px; line-height:40px; font-size:18px; background:#aaa}

.map-widget .colleft p{font-weight:bold; padding:0 5px}

.map-widget .colleft p a{font-weight:normal}







/* ---------------- event-list -------------- */



.event-list{width:600px; margin:10px}

.event-listing{width:600px; float:left; margin:5px 7px; border:1px solid #ddd; background:#f8f8f8 url(images/listing-bg.gif) repeat-x top left}

.event-listing:hover{border:1px solid #f1e9a0;  background:#fffdf2 url(../images/listing-bg-ov.gif) repeat-x left top; cursor:pointer }



.event-listing .event-pic{float:left;width:154px; padding-left:10px;}

.event-listing .event-desc{float:left;width:400px; padding:0 0 0 10px}

.event-listing .fb{width:90px; float:left; margin:6px 0 0 10px}



.event-listing img{float:left; width:140px;padding:5px; border:1px solid #ddd; background:#FFFFFF}

.event-listing:hover img{border:1px solid #f1e9a0;}



.event-listing h4{font-size:14px; }



.event-listing h3{margin:0 0 10px; padding:0}

.event-listing h3 a{color:#333; text-decoration:none; font-size:18px; line-height:22px}

.event-listing p{  margin:0px; padding:0 0 0}

.event-listing .data{ margin:0px 0px 5px; border-bottom:1px solid #ddd}

.event-listing strong{ float:left; width:65px; color:#999}		

.event-listing span{ float:left; width:335px; }		

.event-listing b{ color:#000}		



.event-listing .btn-buy-now{width:124px; float:right; margin:0 10px 10px 0}

.event-listing .btn-more-info{float:right; width:134px; margin:0 10px 10px 0}

.event-listing .btn-buy-tickets{float:right; margin:0 10px 10px 0}



/* ----------------  paginator-------------- */



.paginator{ width:auto; margin:0 auto; padding:0 0 10px;text-align:center}      

.paginator a{text-decoration: none;border: solid 1px #eee;color: #555;font-size:16px;font-weight:bold; background:#ddd}

.paginator a, .paginator span {padding:0.1em 0.5em;margin-right:4px;margin-bottom:5px 0;}



.paginator a:hover {color: #fff; background:#999}

.paginator .active {color: #333;}



.paginator .current,.paginator .current:hover{background:#666;color: #fff;border: solid 1px #999}

.paginator .current.prev, .paginator .current.next{color:#aaa;border-color:#aaa;background:#333}

.paginator .inactive, .paginator .inactive:hover{ background:#f1f1f1;color:#999}



/* ---------------- featured list -------------- */



.featured-listing{width:308px;border:1px solid #ccc; border-top:none; background: url(images/templatemo_section_middle.jpg) #FFF no-repeat top center;}

.featured-list{ float:left;width:290px;padding:10px 10px 5px;border-bottom:1px solid #cdcbcc}



.featured-list .col1{float:left;width:145px;}

.featured-list .col2{float:left;width:145px;}



.featured-list a img{float:left;padding:2px; width:130px; height:65px;background:#cdcbcc; border:none}

.featured-list a:hover img{background:#ddd}

.featured-list h5{ font-size:13px; font-weight:bold; padding:0; margin:0}

.featured-list span{padding:0px 5px}

.featured-list strong a{color:#333}

.featured-list a:hover,.featured-list strong{color:#999}

.featured-list p{padding:0; margin:0}

.featured-list .btn-buy-tickets-small{float:right}





p.view-all{text-align:right;} 

p.view-all a{background:url(images/view-all-arrow.gif) no-repeat 100% 5px; padding:0 10px 0; margin:0 12px 0;font-weight:bold; text-decoration:none;}





/* ---------------- sidebar -------------- */



.banner{width:300px; background:#fff; border:1px solid #cdcbcc; padding:4px; margin:0 0 15px}



/* ---------------- buttons -------------- */



.btn-buy-now{background:url(images/btn-buy-now.gif) no-repeat 0 0; width:124px; height:40px; font-size:0px; text-indent:-9999px; display:block}

.btn-buy-now:hover{background:url(images/btn-buy-now.gif) no-repeat 0 -40px}



.btn-more-info{background:url(images/btn-more-info.gif) no-repeat 0 0; width:134px; height:40px; font-size:0px; text-indent:-9999px; display:block}

.btn-more-info:hover{background:url(images/btn-more-info.gif) no-repeat 0 -40px}



.btn-buy-tickets{background:url(images/btn-buy-tickets.gif) no-repeat 0 0; width:153px; height:40px; font-size:0px; text-indent:-9999px; display:block}

.btn-buy-tickets:hover{background:url(images/btn-buy-tickets.gif) no-repeat 0 -40px}



.btn-buy-nye-tickets{background:url(images/btn-buy-nye-tickets.gif) no-repeat 0 0; width:324px; height:40px; font-size:0px; text-indent:-9999px; display:block}

.btn-buy-nye-tickets:hover{background:url(images/btn-buy-nye-tickets.gif) no-repeat 0 -40px}



.btn-buy-tickets-small{background:url(images/btn-buy-tickets-small.gif) no-repeat 0 0; width:111px; height:31px; font-size:0px; text-indent:-9999px; display:block}

.btn-buy-tickets-small:hover{background:url(images/btn-buy-tickets-small.gif) no-repeat 0 -31px}



.center{margin:0 auto}

/* ==============================================  Footer   ===========================================================  */

#footer{width:960px; padding:15px 0 0; margin:0 auto}

#footer .column{width:219px; color:#666; float:left; padding:0px 5px 0px 15px;border-left:1px solid #bbb }

#footer .column ul{list-style:none}

#footer .column.first{ border:0px  }

#footer .column.last{ width:160px;padding:0px 5px 5px 18px;  }

#footer .column.special{width:275px}



#footer a{color:#666; line-height:18px; text-decoration:none }

#footer a:hover{color:#333;}

#footer h3{font-size:18px; margin:0 0 6px}



/* ---------------- List -------------- */

#footer .list{width:100%; padding:0px; margin:0px; color:#c4c1c5; }

#footer .list:after{font-size:0px; line-height:0px; height:0px; content:'.'; visibility:hidden; display:block; clear:both}

/* \*/ * html #footer .list{height:1px} /* */



#footer .list li{width:100%;margin:0px;padding:0px 0px 2px;}

#footer .list li a{position:relative;}



.footerBar-container{width:100%	;background:#e3e3e3 url(images/templatemo_footer_bg.gif) repeat-x; margin:10px 0 0}

.footerBar{width:960px; margin:auto; padding:10px 0px; margin-top:10px;line-height:18px;}

.footerBar .data{padding:0px 10px; color:#999; text-align:center}

.footerBar a{color:#666; padding:0 3px; text-decoration:none}

.footerBar a:hover{color:#333;}





.footer-links{padding:7px 0;border-top:1px solid #c5c5c5; color:#666;font-weight:bold; text-align:center}

.footer-links a{color:#666; text-decoration:none}

.footer-links a:hover{color:#333}

.footer-links span{padding:0 10px; color:#999}



.copyright{padding:10px 0px 8px;border-top:1px solid #c5c5c5; color:#6e656f;text-align:center; margin:0px;background:url(../images/copyright-bg.gif) repeat-x left top;}