/*-----------------------------
RESET STYLES
-----------------------------*/

html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6{
	margin:0;
	padding:0;
	-webkit-text-size-adjust:none; /* This stops the iPhone from automatically changing the size of the text when you flip the phone */
	}
	
html
{
	//background-color:#eeeeee;	
	background-color:#dedede;	
}
body{
	font-size: 62.5%; /* 62.5% means 1em = 10px */
	background-color:#dedede;	
	}
ul, li, ol, dl, dd, dt{
	list-style:none;
	padding:0;
	margin:0;
	}
a{
	text-decoration:none;
	}
 
/*-----------------------------
	SITE SPECIFIC STYLES
-----------------------------*/

body{
	background:#dedede;
	font-family: Helvetica; /* Helvetica is on the iPhone already, so you may as well take advantage */
	color:#999;
	}
p{
	font-size:12px;
	padding-bottom:8px;
	}
a{
	//color:#fff000;
	color:black;
	font-weight:bold;
	text-decoration:none;
	}

/*-----------------------------
	HEADINGS
-----------------------------*/

h1{
	display:block;
	width:77px;
	height:45px;
	background-image:url(../images/logo.png);
	text-indent:-5000px;
	margin-left:6px;
	float:left;
	}

/*-----------------------------
	BASIC LAYOUT
-----------------------------*/

#page_wrapper{
	padding-top:0px;
	background:url(../images/bg_logotop.gif) repeat-x;
	overflow:auto;
	}

/*-----------------------------
	ORIENTATION CLEVERNESS
-----------------------------*/

#content_left,
#content_right,
#content_normal,
#content_flipped{
	display:none;
	}
.show_normal,
.show_flipped{
	width:320px;
	}
.show_left,
.show_right{
	width:480px;
	}

.show_left #content_left,
.show_right #content_right,
.show_normal #content_normal,
.show_flipped #content_flipped{
	display:block;
}
}
/*----------Back Rollover--------*/
a.backrollover {
	display: block;
	width: 87px;
	height: 26px;
	text-decoration: none;
	background: url("/images/but_back.gif");
	}
a.backrollover:active {
	background-position: -87px 0px;
	}

/*----------Event page--------*/
.top-bar{clear:both; height:49px;}
.top-bar a.backrollover {float:right; margin:12px 18px 0 0;}
.title{font-weight:bold;}
.header{ background:url(../images/bg_darkgrad.gif) repeat-x; height:110px;}
.header-lft{ width:56%; float:left; padding: 9px 0 0 8px;}
.header-lft p{ margin:0px; padding:0px; color:#FFF; line-height:17px;}
.header-rht{ width:34%; float:left; padding:12px 0 0 0;}
.header-rht p{ margin:0px; padding:0px; color:#FFF; line-height:17px;}
p.btn-review{ background:url(../images/butbg_yelp.gif) no-repeat; width:88px; height:18px; color:#000;font-size:10px; margin: 5px 0 0 0; padding:0 0 0 4px;}
.btn-review span{ color:#ca000c; font-style:italic; font-size:10px;}
.more-less{ background:url(../images/bg-more.gif) repeat-x; height:17px; color:#fff; text-align:center; font-size:12px; padding:2px 0 0 0;}
.main-con{ padding:14px 0 0 6px;}
.main-con p{ margin:0px; padding:0px; line-height:12px; color:#000;}
.main-con p span{ font-weight:bold;}
.main-con .title1{font-weight:bold; font-size:13px; margin-bottom:10px;}
.main-con p img{ margin:0 15px 10px 0;}

/*----------Venue page--------*/
.events{ height:25px; background:#ff6600; color:#fff; width:49%; float:left; }
.events p{ font-size:12px; font-weight:bold; padding: 4px 0 0 7px;}
.twitter p{ font-size:12px; font-weight:bold; padding: 4px 0 0 7px;}
.twitter{ height:25px; background:#c1deee; color:#12bdeb; width:50%; float:left;}
.events-col{width:49%; float:left; background:url(../images/bg_eventtwit.gif) repeat-x; height:52px; border-bottom:1px solid #c6c6c6; border-right:1px solid #c6c6c6;}
.events-col p{ font-size:11px;  padding: 4px 0 0 7px; color:#4f4f4f; margin:0px; line-height:11px;}
.events-col p span{ font-weight:bold;} 
.twitter-col{width:50%; float:left; background:url(../images/bg_eventtwit.gif) repeat-x; height:52px; border-bottom:1px solid #c6c6c6;}
.twitter-col p{ font-size:10px; letter-spacing:0px;  padding: 4px 2px 0 2px; color:#4f4f4f; margin:0px; line-height:11px;}
.twitter-col p span{ font-weight:bold; font-style:italic; font-size:10px;} 

/*----------Venue2 page--------*/
.events2{ height:25px; background:#ff6600; color:#fff;  text-align:center; }
.events2 p{ font-size:12px; font-weight:bold; padding: 4px 0 0 7px;}

.events-col2{  
	background:url(../images/bg_eventtwit2.gif) repeat-x; height:59px; border-bottom:1px solid #c6c6c6; border-right:1px solid #c6c6c6;
}
.events-col2 p{ font-size:11px;  padding: 4px 0 0 7px; color:#4f4f4f; margin:0px; line-height:11px;}
.events-col2 p span{ font-weight:bold;} 




/*----------Event Search--------*/
.event-srcheader{ background:url(../images/bg_darkgrad.gif) repeat-x; height:146px; width:100%; }
.frm-con{ width:320px; height:134px; padding-top:10px; margin:0 auto;}
.frm-con label{ color:#fff; font-size:12px; font-weight:bold; margin-right:8px;}
.input-sml{ 
	border:none; float:left; height:22px; width:38px;
	//margin:1px;
}
.lblage{width:90px; padding-top:4px; display:block; float:left; text-align:right;}
.lblrht{
	width:60px; padding-top:4px; display:block; float:left; text-align:right;
	//margin:1px;
}
.input-sml select{width:94px; height:20px; width:48px; 
//background:none; border:none;
}
.input-mid{ 
border:none; float:left; height:22px; width:103px;
//margin:1px;
}
.input-mid select{width:103px; height:20px; // background:none; border:none;
}

.input-lrg{ 
	border:none; float:left; height:22px; width:154px;
	//margin:1px;	
}
.input-lrg select{width:154px; height:20px; // background:none; border:none;
}
.yellow-bar{ height:26px; text-align:center; background:url(../images/bg_moreless.gif) repeat-x; padding-top:0px; color:#fff; font-weight:bold; font-size:14px; margin:0 auto; position:relative;}
.yellow-bar img{ margin-right:4px; }
.top-bar span img{margin-right:10px;}
.black-bar{ height:19px; text-align:center; color:#FFF; background:#000; font-size:12px;}
.tab{ width:100%;background:url(../images/tab2-bg.gif) repeat-x; height:34px;}
.tab1{width:34%; float:left; background:url(../images/tab1-bg.gif) repeat-x; color:#000; font-size:14px; font-weight:bold; text-align:center; height:24px; padding-top:10px;}
.tab2{width:33%; float:left; background:url(../images/tab2-bg.gif) repeat-x; color:#363636; font-size:14px; font-weight:bold; text-align:center; height:24px; padding-top:10px;}
.tab3{width:33%; float:right; background:url(../images/tab2-bg.gif) repeat-x; color:#717171; font-size:14px; font-weight:bold; text-align:center; height:24px; padding-top:10px;}


.tab4{width:350px; float:right; background:url(../images/tab2-bg.gif) repeat-x; color:#717171; font-size:14px; font-weight:bold; text-align:center; height:24px; padding-top:10px;}



.src-venuelft{ 
	width:60%; height:83px; line-height:11px; border-bottom:1px solid #696a5c; float:left; background:url(../images/srclft.gif) repeat-x;
}
.src-venuerht{ width:40%; height:83px; border-bottom:1px solid #696a5c; float:left; background:url(../images/bg_ofvenue.gif) repeat-x;}
.src-venuelft-inner{ height:60px; color:#000; padding:4px 2px 0 4px;}
.src-venuelft-inner span{ font-size:12px; line-height:13px;}
.detailsbar{ color:#fff; padding-top:3px; background:#f9761e; height:16px; text-align:center;}
.src-venuerht-inner{ height:60px; color:#000; padding:4px 2px 0 4px;}
.src-venuerht-inner span{ font-weight:bold; font-size:13px;} 

.venuesrc{width:100%; height:83px; border-bottom:1px solid #696a5c; float:left; background:url(../images/bg_ofvenue.gif) repeat-x;}
.venuesrc-inner{ color:#000; padding:4px 2px 0 4px; position:relative;}
.venuesrc-inner span{ font-weight:bold; font-size:13px;} 
.venuesrc-inner span.price{ font-weight:bold; font-size:11px; float:right; top:35px; right:10px; position:absolute;}