* {margin:0px; border:none;}
/*div {border:1px solid green;}*/

p {margin:0px 0px 15px 0px;}


body{
background-image:url(../images/bg_dark.gif);
margin:0px;
font-family: "Trebuchet MS", Arial, sans-serif;
font-size: 62.5%;
}

#header {
background-image:url(../images/bg_header.jpg);
background-repeat:no-repeat;
height:130px;
width:954px;
position:relative;
}

	#header #banner {
	position:absolute;
	left:213px;
	top:22px;
	width:486px;
	height:60px;
	}
	
	#header #tagline {
	position:absolute;
	left:215px;
	top:103px;
	color:#BD8043;
	font-size:1.3em;
	}

	#header #tagline A {
	color:#BD8043;
	font-size:.85em;
	}
	
	#header #tagline A:hover{
	color:#FFF;
	background:none;
	}



	#header #variable {
	position:absolute;
	width:251px;
	left:703px;
	}
	
	#header #homeLink {
	position:absolute;
	width:125px;
	height:80px;
	left:15px;
	top:43px;
	}


#nav {
position:relative;
background-image:url(../images/bg_nav.jpg);
background-repeat:no-repeat;
height:60px;
width:745px;
padding:20px 0px 0px 205px;
color:#FFF;
}

	#nav #city {
	position:absolute;
	left:0px;
	top:0px;
		}
	
	#nav ul {
	list-style:none;
	margin:0px;
	padding:0px;
	display:inline;
	}
	
	#nav li {
	display:inline;
	height:28px;
	border-right:1px solid #FFF;
	padding:0px 10px 0px 10px;
	}
	
	#nav a:hover, #nav a.on {
	color:#482020;
	background:none;
	}
	
	#nav A{
	color:#FFF;
	text-decoration:none;
	text-transform:uppercase;
	font-size:1.2em;
	font-weight:bold;
	}


#container{
background:url(../images/bg_container.jpg) repeat-y;
width:954px;
position:relative;
font-size:1.2em;
}

/*LOGGED OUT HOME*/
/* ***************************** */
#homeLeft{
float:left;
width:525px;
padding-left:30px;
margin-bottom:25px;

}

	#homeLeft #mainContent{
	float:left;
	width:285px;
	font-size:1.2em;
	line-height: 1.2;
	padding-top:5px;
	margin-bottom:20px;
	}
	
	#homeLeft #rightContent{
	float:right;
	width:231px;
	margin-bottom:20px;
	}
	
		#howItWorks{
		background:url(../images/bg_howItWorks.gif) repeat-y;
		padding:10px 12px 10px 18px;
		border-bottom:1px #E1DEDB solid;
		}
		
		#howItWorks H1{
		color:#D38C32;
		font-size:1.2em;
		font-family: "Trebuchet MS", Arial, sans-serif;
		margin:5px 0px;
		line-height:1;
		font-weight: bold;
		}
		
		#howItWorks .hrule{
		background:url(../images/bg_hrule.gif) repeat-x;
		height:5px;
		width:100%;
		margin:8px 0px;
		clear:both;
		font-size:0px;
		}
	
	
	#homeFeatured{
	clear:both;
	background:url(../images/bg_homeFeatured.gif) no-repeat left top;
	width:537px;
	height:176px;
	margin-left:-10px;
	position:relative;
	}
	
	#homeFeatured .body{
	position:absolute;
	left:160px;
	top:21px;
	width:355px;
	overflow:hidden;	
	}
	
	#homeFeatured .body a.name{
	font-size:1.6em;
	color:#354258;
	}
	
	#homeFeatured .photo {
	width:130px;
	height:91px;
	position:absolute;
	left:16px;
	top:54px;
	background-color:#736C62;
	}

#homeRight{
float:right;
width:350px;
padding-right:30px;
}
	#NewPopular{
	background:url(../images/bg_NewPopular.jpg) no-repeat;
	padding:0px 10px 125px 10px;
	line-height: 1.3;
	}
	
	#NewPopular * H2, #NewPopular strong{
	color:#431E1E;
	font-size:1.2em;
	text-transform: none;
	}
	
	#NewPopular * H2{
	margin-top:10px;
	}
	
		#whatsNew{
		width:153px;
		float:left;
		}
		
		#whatsPopular{
		width:153px;
		float:right;
		}

/*INTERIOR PAGE LAYOUT*/
/* ***************************** */
#leftCol{
float:left;
width:175px;
font-size:1.2em;
line-height:1.3;
padding-left:20px;
padding-top:5px;
}

#content{
float:right;
width:712px;
margin-bottom:35px;
padding-right:30px;
}

	#content.barDetail{
	background:url(../images/bg_barDetail.jpg) 0px 31px no-repeat;
	}

		#mainContent{
		float:left;
		width:500px;
		font-size:1.0em;
		line-height: 1;}
		
			#mainContent .description{
			font-size:1.2em;
			line-height:1.25;
			margin-bottom:10px;
			}
			
			#mainContent .description IMG{
			float:left;
			margin:0px 8px 3px 0px;
			}
			
			#mainContent .features{
			font-size:1.1em;
			line-height:.9;
			clear:both;
			color:#841410;
			}
	
	#sideContent{
	float:right;
	width:171px;
	overflow: hidden;
	
	}
		
		#sideContent.barDetail{
		margin-top:65px;
		}
		
		#sideContent .container{
		font-size:1.1em;
		line-height:1.2;
		color:#3D1B1B;
		padding:3px 12px 20px 12px;
		background:url(/site_media/images/bg_sideContainer.jpg) repeat-y;
		}




/*BAR DETAIL PAGE*/
/*****************************************/
#barName {
float:left;
width:103%;
line-height:normal;
}    
#barName ul {
    list-style:none;
    margin:0;
    padding:0;
    }
    
#barName li {
    float:left;
    margin:0;
    padding:0;
    background: url(../images/bg_barName_right.jpg) no-repeat right top;
    }	

#barName .left {
background: url(../images/bg_barName_left.jpg) no-repeat left top;
display:block;
padding:4px 15px;
color:#5D2929;
font-size:1.7em;
}


#barDescription{
clear:both;
padding:5px 0px 2px 18px;
margin:12px 0px;
font-size: 1.1em;
line-height:1.3;
background: url('../images/bg_horizRule.gif') 15px bottom no-repeat;
}

#barDescription IMG{
float:left;
margin:2px 5px 5px 2px;
border:1px solid #b3a7a1;
}

#barFeatures{
clear:both;
padding:0px 0px 10px 18px;
margin:12px 0px 0px 0px;
font-size: 1.1em;
line-height:1.3;
background: url('../images/bg_horizRule.gif') 15px bottom no-repeat;
}

#barFeatures .list{
color:#841410;
width:50%;
float:left;
margin-bottom:5px;
}

#barFeatures .addFeature{
width:45%;
float:right;
}

#barFeatures UL, #barFeatures LI{
list-style-type: none;
display:inline;
margin:0px;
padding:0px;
font-size:.9em;
}

#comments {
clear:both;
background: url('../images/bg_comment.jpg') top left no-repeat #F8F0E5;
padding:10px 0px 0px 18px;
width:498px;
}

#comments .count{
float:left;
width:35px;
text-align:center;
color:#485977;
font-weight:bold;
font-size:1.3em;
}

#comments .byline{
margin:0px 0px 5px 0px;	
	}

#comments .byline IMG {
width:18px;
height:18px;
float:left;
margin-right:5px;
border:1px solid #B3A7A1;	
}

#comments .username{
float:left;
width:45%;
color:#3b5279;
font-size:.9em;
}

#comments .date{
float:right;
width:45%;
text-align: right;
padding-right:15px;
color:#969da9;
font-size:.9em;
}

#comments .body{
clear:both;
color:#3d1b1b;
margin:0px;
font-size:1.0em;
line-height: 1;
}

.comment {
margin-left:40px;
}


/*PROFILE*/
/* ***************************** */
#profile{
font-size: 1.0em;
line-height:1.3;
background: url('../images/bg_horizRule.gif') left bottom no-repeat;
padding:0px 0px 15px 0px;
}

#profile IMG{
border:1px solid #b3a7a1;
width:48px;
height:48px;
}

#profile .image{
float:left;
width:55px;

}

#profile .body{
float:right;
width:430px;
font-size: .9em;
}

#profile .name{
padding-top:4px;
float:left;
width:270px;
}

#profile .actions{
float:right;
width:130px;
margin-right:15px;
}


.bars_visited {
margin:15px 0px;
background: url('../images/bg_horizRule.gif') left bottom no-repeat;
padding:0px 0px 15px 0px;
}


/*SEARCH*/
/* ***************************** */
#bar_table {
margin-top:20px;
}

#bar_table thead td {
text-transform: uppercase;
font-size:.9em;
background:url('../images/bg_thead.gif')left bottom repeat-x;
margin:0px;
}

#bar_table td {
background: url('../images/bg_horizRule.gif') left bottom no-repeat;
padding:5px 2px;
}

#map{
border:1px solid #aea29c;	
	}


/*FOOTER*/
/* ***************************** */
#footer{
background: url(../images/bg_footer.jpg) no-repeat;
width:950px;
height:140px;
clear:both;
position:relative;
}

	#footer .logo{
	position:absolute;
	left:38px;
	top:40px;
	}
	
	#footer .nav{
	position:absolute;
	left:95px;
	top:65px;
	}
	
	#footer .wisdom{
	color:#fff;
	font-size:1.8em;
	position:absolute;
	left:475px;
	top:60px;
	text-align: right;
	width:425px;
	}
	
	#footer ul {
	list-style:none;
	margin:0px;
	padding:0px;
	display:inline;
	}
	
	#footer li {
	display:inline;
	height:28px;
	border-right:1px solid #FFF;
	padding:0px 10px 0px 10px;
	}
	
	#footer a:hover, #nav a.on {
	color:#482020;
	background:none;
	}
	
	#footer A{
	color:#FFF;
	text-decoration:none;
	text-transform:uppercase;
	font-size:1.1em;
	font-weight:normal;
	}


OL, UL {
margin:0px;
padding:0px;
	}

OL LI {
margin-left:23px;
}

a {color:#841410;}
a:hover {color:#841410;background-color:#F0E0D0;}
.red{color:#841410;}
.blue{color:#485977;}
.error{color:#b21d1d;}

h1 { /*main page header */
font-family:Georgia, "Times New Roman", Times, serif;
color:#46557A;
font-size:2.5em;
margin-bottom:15px;
font-weight:normal;
}

h2 { /*secondary header*/
color:#545d72;
font-size:1.0em;
margin-bottom:5px;
font-weight:bold;
text-transform: uppercase;

}
h3 { /*sidebar headers */
font-family: "Trebuchet MS", Arial, sans-serif;
font-size: 1.0em;
color:#431e1e;
text-transform:uppercase;
margin-top:15px;
}

a h3:hover {
	text-decoration: underline;
}

h4 { /*bar name in listing*/
font-size:1.8em;
color:#532525;
font-weight:normal;
margin-bottom:5px;} 

h6 { /*hed for lefCol*/
font-size:1.2em;
color:#485977;
font-weight:bold;
margin-top:5px;} 

div .hr {height:6px;
background-image:url(../images/bg_horizontalRule.gif);
background-repeat:repeat-x;
margin:12px 0px 5px 0px;
}

div .clear{
clear:both
     }

/*FONT SIZES*/
.px9 {font-size:9px}
.px10 {font-size:10px}
.px11 {font-size:11px}
.px12 {font-size:12px}
.px13 {font-size:13px}
.px14 {font-size:14px}
.px15 {font-size:15px}
.px16 {font-size:16px}
.px17 {font-size:15px}
.px18 {font-size:18px}


a.button {
font-size:11px;
padding:3px;
margin:0px 0px 8px 0px;
border:1px solid #7c889f;
color:#485977;
cursor: pointer;
background:url(../images/bg_button.gif)  #eaf0f6;
text-decoration:none;
display:block;
text-align:center;
}


/*FORMS*/
/* ***************************** */
input, select, textarea {font-size:12px;
padding:3px;
margin:0px 0px 8px 0px;
border:1px solid #b3a7a1;
color:#485977;
}

input.button, a.button {
background:url(../images/bg_button.gif)  #eaf0f6;
border:1px solid #7c889f;
padding:1px 5px;
margin:3px 0px;
cursor: pointer;
}

fieldset{
background: url('../images/bg_horizRule.gif') left bottom no-repeat;
padding:10px 0px 10px 0px;
margin-bottom:10px;
}

legend{
font-weight: bold;
color:#485977;
text-transform:uppercase;
padding:5px 0px;
font-size:1.1em;
}	
	
