body, html, form { margin: 0; padding: 0; font: 12px/1.5em Verdana, Arial, sans-serif; }
img { border: 0; }
a { color: #006699; text-decoration: underline; font-weight: inherit; }
a:hover { color: #8FABBE; }

/* GENERAL FRAMEWORK */

#frame {
	width: 920px;
	margin: 0 auto;
	text-align: left;
}

#masthead {
	width: 920px;
	background: url("/images/header2.jpg") top left no-repeat;
	position: relative;
	height: 95px;
}

#content {
	clear: both;
	width: 920px;
	overflow: hidden;
	border: 1px solid #fcf1d2;
	w\idth: 914px;
}

#content-left {
	float: left;
	width: 525px;
	border-right: 1px solid #fcf1d2;	
	padding: 20px 14px 0 14px;
	w\idth: 525px;
	overflow: hidden;
}

#content-right {
	float: left;
	width: 343px;
	overflow: hidden;
}

#sidebar-left {
	float: left;
	width: 178px;

	padding: 20px 10px;
	w\idth: 160px;
	overflow: hidden;
}

#sidebar-right {
	float: left;
	width: 175px;
	padding: 20px 0px;
	w\idth: 160px;
	overflow: hidden;
}

#sidebar-footer {
	clear: both;
	width: 360px;
	border-top: 1px solid #fcf1d2;
	padding: 20px 10px;
	w\idth: 340px;
	text-align: center;
}

#sidebar-lightpole {
	padding: 0 10px 20px 10px;
	border-bottom: 1px solid #fcf1d2;
}

#footer {
	clear: both;
	width: 920px;
	height: 50px;
	background: #ccc;
margin: 0 auto;
}

#frameleader {
	clear: both;
	width: 914px;
       padding: 10px 0px 10px 0px;
	overflow: hidden;
	border: 1px solid #fcf1d2;
        border-bottom: 0px solid #ffffff;
	w\idth: 914px;
	text-align: center;
}

/* MASTHEAD & ACTION BAR */

#home-link {
	position: absolute;
	top: 0;
	left: 0;
	width: 220px;
	height: 90px;
}

#home-link img { width: 220px; height: 90px; }


#nav {
	position: absolute;
	top: 0;
	right: 0;
	height: 30px;
	width: 311px;
	background: url(images/main_nav.gif) top right no-repeat;
}

#nav ul, #nav li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
}
#nav ul { position: relative; }

#nav li, #nav a {
	display: block;
	height: 30px;
}
#nav li {
	top: 0;
}

#nav a {
	text-indent: -5000px;
	text-decoration: none; 
}


#nav li#nav-reno {
	right: 0;
	width: 120px;
}


#nav li#nav-reno a:hover {
	background: url(images/main_nav.gif) -171px -30px no-repeat;
}


#nav li#nav-forum {
	right: 120px;
	width: 87px;
}


#nav li#nav-forum a:hover {
	background: url(images/main_nav.gif) -84px -30px no-repeat;
}



#nav li#nav-home {
	right: 207px;
	width: 84px;
}


#nav li#nav-home a:hover {
	background: url(images/main_nav.gif) 0 -30px no-repeat;
}



#action-bar {
	clear: both;
	width: 920px;
	padding: 5px 5px 2px 5px;
	w\idth: 910px;
	margin-bottom: 20px;
	overflow: hidden;
}

#sub-nav {
	overflow: hidden;
	background: #91512D;
	height: 24px;
	color: #e9dcd4;
}

#sub-nav a { color: #e9dcd4; }
#sub-nav a:hover { text-decoration: none; }


#sub-nav-left, #sub-nav-right {
	float: left;
	width: 410px;
	padding: 0 5px;
	w\idth: 400px;
	font: 10px/24px verdana, sans-serif;
}

#sub-nav-right { 
	float: right;
	text-align: right;
}
	

#action-bar, #action-bar a, #action-bar input, #action-bar select, #action-bar label { font: 10px/1.5em verdana, sans-serif; }

#action-bar #login-actions { clear: both; float: left; }

#action-bar #login-actions strong a { font-weight: bold; }

#login-actions input { width: 75px; }

#login-actions input#profile_submit { width:60px; }

#action-bar #blog-nav { float: right; }

#action-bar #search-form { float: left; }

#search { vertical-align: top; }

#action-bar select {
	float: left;
	width: 110px;
	margin-right: 10px;
	w\idth: 100px;
}


/* LEFT CONTENT */

h2 { /* Archive/Blog Header */
	font: 14px/1.5em Verdana, Arial, sans-serif;
	color: #000;
	font-weight: bold;
	text-transform: uppercase; 
	text-align: center;
	margin: 0 0 20px 0;
	padding: 0 0 10px 0;
	border-bottom: 1px solid #fcf1d2;
}

h2.with-subhead {
	margin: 0 0 5px 0;
	padding: 0;
	border: 0;
}

h1 a, h2 a, h1 a:link, h1 a:active, h2 a:link, h2 a:active { color: #C63E06; text-decoration: none; font-weight:bold}
h1 a:hover, h2 a:hover { color: #C63E06; text-decoration: none; font-weight:bold}

h5 {
	font: 9px/1.5em Verdana, Arial, sans-serif;
	margin: 0 0 20px 0;
	border-bottom: 1px solid #fcf1d2;
	padding: 0 0 10px 0;
}

.blog-post h3 { /* Date header */
	font: 12px/1.5em Verdana, Arial, sans-serif;
	font-weight: bold;
}

.blog-post h1 { /* Entry Title */
	color: #C63E06;
	font: 14px/1.5em Verdana, Arial, sans-serif;
	font-weight: bold;
	margin: 10px 20px 10px 0;

}

.blog-post h1 a  { /* Entry Title */

	text-decoration: none;
}

.blog-post h1 a:link { /* Entry Title */

	text-decoration: none;
}

.blog-post h1 a:active { /* Entry Title */

	text-decoration: none;
}
.blog-post h1 a:hover { /* Entry Title */

	text-decoration: none;
}

.blog-post p {
	font: 12px/1.5em Verdana, Arial, sans-serif;
	font-weight: normal;
	margin-bottom: 10px;

	}
	
.blog-post p.post-footer a  { 
	font: 10px Verdana, Arial, sans-serif;
	text-decoration: underline;
}

.blog-post p.post-footer a:link { 
	font: 10px Verdana, Arial, sans-serif;
	text-decoration: underline;
}

.blog-post p.post-footer a:active { 
	font: 10px Verdana, Arial, sans-serif;
	text-decoration: none;
}
.blog-post p.post-footer a:hover { 
	font: 10px Verdana, Arial, sans-serif;
	text-decoration: none;
}


.blog-post blockquote {
	line-height: 130%;
	}

.blog-post li {
	line-height: 130%;
	}

.blog-post p.post-footer, .comment p.posted {
	clear: both;
	color: #555;
	padding: 0 0px 10px 0px;
	font: 10px/1.5em Verdana, Arial, sans-serif;
	border-bottom: 2px solid #EEE7DD;
}
.comment p.posted { border: 0; padding: 0; clear: both; }

.pagination-right { float: right; width: 250px; text-align: right; }
.pagination-left { float: left; width: 250px; }

/* Sidebar Discovery Links */

#discovery {
	background: #F5F2ED;
}

#discovery .discovery-item {
	padding: 10px;
	border-bottom: 1px solid #EEE7DD;
}

.discovery-item h4 {
	font-weight: bold;
	margin: 0 0 5px 0;
}

.discovery-item p, .discovery-item li { font: 10px/1.5em verdana, sans-serif; }

.discovery-item ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.discovery-item li {
	margin: 0 0 10px 0;
}

.discovery-item select {
	width:140px;
	margin-bottom: 5px;
}

.discovery-space {
	height:10px;

}

.discovery-height {
	height:168px;
}

/* Sidebar Monthly Archive List */
#monthly-archive-list{
	background: #F5F2ED;
	padding: 0px 20px 20px 20px;
	overflow: hidden;
	text-align: left;
}
#monthly-archive-list h4{
	margin-bottom:10px;
}
#monthly-archive-list div.year {
	display: block;
	width: 100px;
	float: left;
}
	

/* Sidebar Profile Login */

#profile-login { 
	margin: 10px 0;
	padding: 5px;
	font: 12px/16px verdana, sans-serif;
	text-align: left; 
	border-top: 3px solid #91512d;
	border-bottom: 3px solid #91512d;
	background: #eee7dd;
}

#profile-login a { 
	font: 12px/16px verdana, sans-serif;
}

#profile-login span.profile-actions, #profile-login span.profile-actions a {
	font: 10px/16px verdana, sans-serif;
}

#profile-login form { margin: 0; padding: 0; }

#profile-login label {
	font: 11px/11px verdana, sans-serif;
	margin: 3px 0;
	display: block;
}

#profile-login input#profile_username, #profile-login input#profile_password {
	 font: 11px/11px verdana, sans-serif;
	 width: 140px;
}

#profile-login input#profile_submit {
	right: 0;
	font: 11px/11px verdana, sans-serif;
	width: 50px;
}

/* Individual Archive */

textarea#comment-text {
	width: 498px;
}

.comment {
	border-bottom: 1px solid #eee7dd;
	margin-bottom: 10px;
}

.guest {
	color: #666 !important;
}

.guest .posted {
	color: #777 !important;
}

#comment-preview { margin-right: 5px; }

#be-patient { clear:both; margin-top: 5px; font-weight: bold; display:none; }

#previewingComment { display: none; }


/* Profile Registration */

#profile_container { overflow: hidden; }

#profile_container ul {
	list-style: none;
	padding-left: 12px;
	margin: 0;
}

#profile_container li {
	clear: both;
	margin-left: 0;
}

#profile_container label {
	float: left;
	width: 120px;
	display: block;
	margin-bottom: 10px;
}

#profile_container label.header {
	color: #000;
	font-weight: bold;
	margin: 15px 0;
	width: 300px;
}



#profile_container input, #profile_container textarea, #profile_container select, div.profile_value {
	float: left;
	width: 220px;
	margin-bottom: 10px;
}
#profile_container select { width: auto; }
#profile_container textarea { height: 100px; }
div.profile_value { color: #000; }

#profile_container input#profile_submit {
	clear: both;
	float: none;
	width: auto;
	margin-left: 290px;
}
#profile_edit input#profile_submit { margin-left: 304px; }
*html #profile_container input#profile_submit { margin-left: 240px; }
*html #profile_edit input#profile_submit { margin-left: 264px; }

p.profile_message {
	background: #eee7dd;
	margin: 0 0 10px 0;
	padding: 5px 10px;
	color: #b44;
	font-weight: bold;
}

p.profile_header {
	background: #eee7dd;
	font-size: 120%;
	font-weight: bold;
	margin: 20px 0;
	padding: 5px 10px;
}


/* BROOKLYNFLEA */

/* new front page */


#fleabg {
	margin: 0 auto 0;
	text-align: left;

}

#fleaframe {
	margin: 0 auto;
	text-align: left;
	width: 920px;

	
}

#fleabrown,  #fleabrown a {
font-family: Arial;
	margin: 0 auto;
	text-align: right;
	color: #54290c;
	width: 920px;
	font-weight: bold;
	
	
}

#fleabrown a:hover {
font-family: Arial;
	margin: 0 auto;
	text-align: right;
	color: #54290c;
	width: 920px;
	font-weight: bold;
	text-decoration: underline;
	
	
}

#mastheadflea_front {
	width: 920px;
	height: 280px;
	margin-top: -30px;
	background: url("http://www.brownstoner.com/brooklynflea/Banner-06apr09.png") no-repeat;


}


.shadetabs{
	padding: 1px 0;
	margin-left: 0;
	margin-top: 0px;
	margin-bottom: 0;
	font: bold 12px Verdana;
	list-style-type: none;
	text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
	display: inline;
	padding: 0px;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 0;
}

.shadetabs li a{
	text-decoration: none;
	position: relative;
	z-index: 1;
	color: #231f20; font-weight:normal;
	background-repeat: no-repeat;
	background-position: left top;
	font-family: Tahoma, Arial, "Bookman Old Style";
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
}



.shadetabs li a:visited{
color: #2d2b2b;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #2d2b2b;
}

.shadetabs li a.selected{ /*selected main tab style */
	position: relative;
}

.shadetabs li a.selected{ /*selected main tab style */
	border-bottom-color: white;
	background-repeat: no-repeat;
}

.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}


/* ######### CSS for Inverted Modern Bricks II Tabs. Remove if not using ######### */

.modernbricksmenu2{
	padding: 1px 0;
	margin-left: 0px;
	margin-top: 13px;
	margin-bottom: 0;
	font: bold 12px Verdana;
	list-style-type: none;
	text-align: left; /*set to left, center, or right to align the menu as desired*/
}


.modernbricksmenu2 li{
	display: inline;
	padding: 0px;
}

.modernbricksmenu2 li a{
	text-decoration: none;
	position: relative;
	z-index: 1;
	color: #231f20; font-weight:normal;
	background-repeat: no-repeat;
	background-position: left top;
	font-family: Tahoma, Arial, "Bookman Old Style";
	margin-right: 1px;
	margin-top: -40px;
	margin-bottom: 0px;
	margin-left: 0px;
}



.modernbricksmenu2 li a:visited{
color: #2d2b2b;
}


.modernbricksmenu2 li a:hover{
text-decoration: underline;
color: #2d2b2b;
}



.modernbricksmenu2 li a.selected{ /*selected main tab style */
	position: relative;
		margin-top: -40px;
}
.modernbricksmenu2 li a.selected{ /*selected main tab style */
	border-bottom-color: white;
	background-repeat: no-repeat;
}

.modernbricksmenu2 li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}

/* ######### CSS for Indented CSS Tabs. Remove if not using ######### */

.glowingtabs{
float:left;
width:100%;
line-height:normal;
margin-left:0px;

}

.glowingtabs ul{
list-style-type: none;
margin:0;
margin-left: 0px; /*Left offset of entire tab menu relative to page*/
padding:0;

}

.glowingtabs li{
	float:left;
margin:0;
	padding:0px;

}

.glowingtabs a{
	float:left;
	margin-right: 1px; /*spacing between each tab*/

	text-decoration:none;
	display:block:
	background-color:#000000;
}

.glowingtabs a span{
	float:left;
	display:block;
	padding:2px 4px 2px 4px;
	font-weight:normal;
	color:#ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color:#000000;
}


/* Commented Backslash Hack hides rule from IE5-Mac \*/
.glowingtabs a span {float:none;}
/* End IE5-Mac hack */

.glowingtabs a:hover span {
color: red;
}

.glowingtabs a.current{ /*Selected Tab style*/
background-position:0 -72px; /*Shift background image up to start of 2nd tab image*/
}

.glowingtabs a.current span{ /*Selected Tab style*/
background-position:100% -72px; /*Shift background image up to start of 2nd tab image*/
color: black;
}

.glowingtabs a:hover{ /*onMouseover style*/
background-position:0% -72px; /*Shift background image up to start of 2nd tab image*/
}

.glowingtabs a:hover span{ /*onMouseover style*/
background-position:100% -72px; /*Shift background image up to start of 2nd tab image*/
}

.tabcontainer{
clear: left;
width:95%; /*width of 2nd level sub menus*/
height:1.5em; /*height of 2nd level sub menus. Set to largest's sub menu's height to avoid jittering.*/
}

.tabcontent #blog a:active, .tabcontent #blog a:link,.tabcontent #blog a:visited{
	color: #FF0000;
	font-size: 11px;
	line-height: 40px;
	text-decoration: underline;

	
}

.tabcontent2 #blog a:active, .tabcontent2 #blog a:link,.tabcontent2 #blog a:visited{
	color: #FF0000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 40px;
	text-decoration: underline;



}


.tabblock {
display:block; position:relative; 
bottom:0px; 
top: 0px;
width: 340px; 
overflow: hidden;

}

.tabcontent2 img {
	width: 322px; 
	
}

.tabcontent2{
display:none;


}

.tabcontent{
display:none;
}

.t1 {
	color: #330000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: regular;
	line-height: 18px;
	padding: 20px 10px 10px 0;
	height: 410px;

}


.t2vendor {
	color: #ff0000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: regular;
	line-height: 18px;
	padding: 0px 10px 10px 0;
	width: 300px;

}


.t2vendor li{
	list-style-type: none;
padding: 0px 0px30px 0;

}

.t2vendor li a:active, .t1vendor li a:link,.t1vendor li a:visited {
	color: #ff0000;
	text-decoration: underline;

}

.t2vendor li a:hover{
text-decoration: none;
color: #438e2c;
}


.t2vendor h1{
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding:1px 4px 1px 4px;
	display: block;
	background-color: #ff0000;

	margin:0px 30px 10px -2px;
	


}

.t2vendor h5{
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding:0px 4px 0px 4px;
	display: block;
	background-color: #999999;

	margin:0px 30px 40px -2px;
	


}

.t2vendor img {

	padding: 0px 0px 0px 0;
	margin: -15px 20px 40px 0px;
background-color: #cccccc;
float:left;

}

.t1 img {

	padding: 20px 0px 20px 0;
	align: bottom;


}



.t1vendor {
	color: #ff0000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: regular;
	line-height: 18px;
	padding: 20px 10px 10px 0;
	width: 280px;
display:inline;

}

.t1vendor li{
	list-style-type: none;
padding: 0px 0px 10px 0;

}

.t1vendor li a:active, .t1vendor li a:link,.t1vendor li a:visited {
	color: #ff0000;
	text-decoration: underline;

}

.t1vendor li a:hover{
text-decoration: none;
color: #438e2c;
}


.t1vendor h1{
	color: #FF0000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	padding-top:10px

}



.a t1  {
	color: #330000;

}




.t1 h1 {
	color: #ff0000;
	font-size: 13px;

}


.t4 {
	color: #792206;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: regular;
	line-height: 18px;
}

.t4 a {
	color: #ff0000;
	font-size: 12px;
	padding: 0 0 0 0;
		font-weight: bold;

}


.a:hover t4 {
	color: #ff6600;
	font-size: 12px;
	padding: 0 0 0 0;
		font-weight: bold;

}

.a:hover t1 {
	color: #ff0000;

}
.whitebg {
	margin-top: 10px;
	background-color: #fff;
}



.whiteflea {
	padding: 10px 0px 20px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: regular;
	color: #330000;
list-style: none;
	
	}
.whiteflea a:active, .whiteflea a:link,.whiteflea a:visited{
	color: #330000;
	text-decoration: underline;
}
.whiteflea a:hover{
text-decoration: disc;
}


#whiteflea1 {

	margin-left: 0;
	padding-left: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight:bold;
	color: #000;
		list-style-type: none;

	
	}
	
#whiteflea1 ul
{
	margin-top: 10px;
list-style-type: none;
padding: 0;
margin: 0;
}

#whiteflea1 li
{
background-image: url(http://brownstoner.com/brooklynflea/li-img.jpg);
background-repeat: no-repeat;
background-position: 0px;
padding: 4px 0 6px 20px;
}


#whiteflea1 li a:active, #whiteflea1 li a:link,#whiteflea1 li a:visited{
	color: #FF0000;
	text-decoration: underline;
	
		font-weight: bold;

	

}
#whiteflea1 li a:hover{
color: #FF0000;
text-decoration: none;
}

.flea h3 { /* Date header */
	font: 12px Arial, sans-serif;
	font-weight: bold;
	padding: 30px 0 0 0;
}

.flea h2 { /* Blog Title */
	color: #FF0000;
	font: 13px/1.6em Arial, sans-serif;
	font-weight: regular;
	margin: 25px 20px 10px 0;
}


.flea h1 { /* Entry Title */
	color: #FF0000;
	font: 17px Arial, sans-serif;
	font-weight: regular;
	margin: 15px 20px 20px 0;
}




.flea p {
	font: 12px/1.5em Arial, sans-serif;
	font-weight: normal;
	margin-bottom: 10px;

	}

.fleablockquote {
	line-height: 130%;
	}

.flea li {
	line-height: 130%;
	}

.flea p.post-footer, .comment p.posted {
	clear: both;
	color: #555;
	padding: 0 0px 10px 0px;
	font: 12px/1.5em Verdana, Arial, sans-serif;
	border-bottom: 1px solid #eee7dd;
}

.flea a:active, .flea a:link,.flea a:visited{
	color: #FF0000;
	text-decoration: underline;
	font-weight: regular;

}

.flea a:hover{
color: #FF0000;
text-decoration: none;
}

.flea h1 a:active, .flea h1 a:link,.flea h1a:visited{
	color: #FF0000;
	text-decoration: underline;
	font-weight: bold;

}

.flea h1 a:hover{
color: #FF0000;
text-decoration: none;
}

.boldtext {
	font-size: 13px;
		font-weight: bold;
}
.orangebx #blog {
	padding: 5px 14px 0 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: regular;
}
.orangebx #blog dt {
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	padding-top: 0px;
		padding-right: 10px;
        padding-bottom: 10px;
}
.orangebx {
	border: 1px solid #fd823f;
}

.orangebx #blog h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	padding: 5px 0;
}

.orangebx #blog h1 a:active, .orangebx #blog h1 a:link,.orangebx #blog h1 a:visited{
	color: #FF0000;
	font-size: 17px;
	text-decoration: underline;
}
.orangebx #blog h1 a:hover{
text-decoration: none;
}



.orangebx #blog h3 {
	padding: 0px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
}
#blog hr {
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	height: 1px;
	background-color: #fd823f;
	color: #fd823f;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.orangebx #blog a:active, .orangebx #blog a:link,.orangebx #blog a:visited{
	color: #FF0000;

	text-decoration: underline;
}
.orangebx #blog a:hover{
text-decoration: none;
}
.t2 {
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

.t2 a {
	color: #ff0000;

}

.a:hover t2 {
	color: #ff6600;

}


.t3 {
padding: 2px 0 0 110px;
}

.l2 {
	color: #FF0000;
	font-size: 11px;
	text-decoration: underline;
	font-family: Tahoma, Arial, "Bookman Old Style";
	font-weight: bold;
}
.l2:hover{
	text-decoration: none;
}


/* SpryTabbedPanels.css - Revision: Spry Preview Release 1.4 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/* Horizontal Tabbed Panels
 *
 * The default style for a TabbedPanels widget places all tab buttons
 * (left aligned) above the content panel.
 */

/* This is the selector for the main TabbedPanels container. For our
 * default style, this container does not contribute anything visually,
 * but it is floated left to make sure that any floating or clearing done
 * with any of its child elements are contained completely within the
 * TabbedPanels container, to minimize any impact or undesireable
 * interaction with other floated elements on the page that may be used
 * for layout.
 *
 * If you want to constrain the width of the TabbedPanels widget, set a
 * width on the TabbedPanels container. By default, the TabbedPanels widget
 * expands horizontally to fill up available space.
 *
 * The name of the class ("TabbedPanels") used in this selector is not
 * necessary to make the widget function. You can use any class name you
 * want to style the TabbedPanels container.
 */
.TabbedPanels2 {
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	float: left;
	clear: none;
	width: 100%; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
}

/* This is the selector for the TabGroup. The TabGroup container houses
 * all of the tab buttons for each tabbed panel in the widget. This container
 * does not contribute anything visually to the look of the widget for our
 * default style.
 *
 * The name of the class ("TabbedPanelsTabGroup") used in this selector is not
 * necessary to make the widget function. You can use any class name you
 * want to style the TabGroup container.
 */
.TabbedPanelsTabGroup2 {
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* This is the selector for the TabbedPanelsTab. This container houses
 * the title for the panel. This is also the tab "button" that the user clicks
 * on to activate the corresponding content panel so that it appears on top
 * of the other tabbed panels contained in the widget.
 *
 * For our default style, each tab is positioned relatively 1 pixel down from
 * where it wold normally render. This allows each tab to overlap the content
 * panel that renders below it. Each tab is rendered with a 1 pixel bottom
 * border that has a color that matches the top border of the current content
 * panel. This gives the appearance that the tab is being drawn behind the
 * content panel.
 *
 * The name of the class ("TabbedPanelsTab") used in this selector is not
 * necessary to make the widget function. You can use any class name you want
 * to style this tab container.
 */
.TabbedPanelsTab2 {
	position: relative;
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 0px;
	margin: 10px 0px 0px 0px;
	font-size: 12px;
	color:#000000;
	background-color: #231f20; font-weight:normal;
	list-style: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
}

.HomeTabbedPanelsTab2 {
	position: relative;
	float: left;
	padding: 0px;
	margin: 10px 0px 0px 0px;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #231f20; font-weight:normal;
	list-style: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
}

/* This selector is an example of how to change the appearnce of a tab button
 * container as the mouse enters it. The class "TabbedPanelsTabHover" is
 * programatically added and removed from the tab element as the mouse enters
 * and exits the container.
 */
.TabbedPanelsTabHover2 {
	color:#000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 0px;
	margin: 10px 0px 0px 0px;
	font-size: 12px;
}

.HomeTabbedPanelsTabHover2 {
	background-color: #00408A;
	color:#FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
}

/* This selector is an example of how to change the appearance of a tab button
 * container after the user has clicked on it to activate a content panel.
 * The class "TabbedPanelsTabSelected" is programatically added and removed
 * from the tab element as the user clicks on the tab button containers in
 * the widget.
 *
 * As mentioned above, for our default style, tab buttons are positioned
 * 1 pixel down from where it would normally render. When the tab button is
 * selected, we change its bottom border to match the background color of the
 * content panel so that it looks like the tab is part of the content panel.
 */
.TabbedPanelsTabSelected2 {
	background-color: #fff;
	color:#ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 0px;
	margin: 10px 0px 0px 0px;
	font-size: 12px;
}

.HomeTabbedPanelsTabSelected2 {
	background-color: #231f20; font-weight:normal;
	color:#000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
}

/* This selector is an example of how to make a link inside of a tab button
 * look like normal text. Users may want to use links inside of a tab button
 * so that when it gets focus, the text *inside* the tab button gets a focus
 * ring around it, instead of the focus ring around the entire tab.
 */
.TabbedPanelsTab2 a{
	color:#000000;
	text-decoration: underline;
	background-color:#CCCCCC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: normal;
}
.TabbedPanelsTab2 a:hover{
	color:#000000;
	text-decoration: underline;
	background-color:#CCCCCC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: normal;
}
.HomeTabbedPanelsTab2 a {
	color:#000000;
	text-decoration: none;
		font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: normal;
}
.HomeTabbedPanelsTab2 a :hover{
	color:#000000;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: normal;
}
/* This is the selector for the ContentGroup. The ContentGroup container houses
 * all of the content panels for each tabbed panel in the widget. For our
 * default style, this container provides the background color and borders that
 * surround the content.
 *
 * The name of the class ("TabbedPanelsContentGroup") used in this selector is
 * not necessary to make the widget function. You can use any class name you
 * want to style the ContentGroup container.
 */
.TabbedPanelsContentGroup2 {
	clear: both;
	color:#000000;
	background-color: #231f20; font-weight:normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	width:325px;
	line-height:1.5em;
	border: 1px solid #6B4E4E;
}

/* This is the selector for the Content panel. The Content panel holds the
 * content for a single tabbed panel. For our default style, this container
 * provides some padding, so that the content is not pushed up against the
 * widget borders.
 *
 * The name of the class ("TabbedPanelsContent") used in this selector is
 * not necessary to make the widget function. You can use any class name you
 * want to style the Content container.
 */
.TabbedPanelsContent2 {
	padding-top:5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#000000;
	width:290px;
	line-height:1.5em;
	
}

/* This selector is an example of how to change the appearnce of the currently
 * active container panel. The class "TabbedPanelsContentVisible" is
 * programatically added and removed from the content element as the panel
 * is activated/deactivated.
 */
.TabbedPanelsContentVisible2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

/* Vertical Tabbed Panels
 *
 * The following rules override some of the default rules above so that the
 * TabbedPanels widget renders with its tab buttons along the left side of
 * the currently active content panel.
 *
 * With the rules defined below, the only change that will have to be made
 * to switch a horizontal tabbed panels widget to a vertical tabbed panels
 * widget, is to use the "VTabbedPanels" class on the top-level widget
 * container element, instead of "TabbedPanels".
 */

/* This selector floats the TabGroup so that the tab buttons it contains
 * render to the left of the active content panel. A border is drawn around
 * the group container to make it look like a list container.
 */
.VTabbedPanels2 .TabbedPanelsTabGroup2 {
	float: left;
	width: 10em;
	height: 20em;
	background-color: #231f20; font-weight:normal;
	position: relative;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
}

/* This selector disables the float property that is placed on each tab button
 * by the default TabbedPanelsTab selector rule above. It also draws a bottom
 * border for the tab. The tab button will get its left and right border from
 * the TabGroup, and its top border from the TabGroup or tab button above it.
 */
.VTabbedPanels2 .TabbedPanelsTab2 {
	float: none;
	margin: 0px;
	border-top: none;
	border-left: none;
	border-right: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* This selector disables the float property that is placed on each tab button
 * by the default TabbedPanelsTab selector rule above. It also draws a bottom
 * border for the tab. The tab button will get its left and right border from
 * the TabGroup, and its top border from the TabGroup or tab button above it.
 */
.VTabbedPanels2 .TabbedPanelsTabSelected2 {
	background-color: #EEE;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
}

/* This selector floats the content panels for the widget so that they
 * render to the right of the tabbed buttons.
 */
.VTabbedPanels2 .TabbedPanelsContentGroup2 {
	clear: none;
	float: left;
	padding: 0px;
	width: 30em;
	height: 20em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

a.cl1 {
	font-family: Tahoma;
	font-size: 12px;
	color: #000000;
	font-weight: normal;
	text-decoration: none;
}
a.cl1:hover {
	font-family: Tahoma;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	
}







/* front page end*/

#mastheadflea {
	width: 920px;
	background: url("http://www.brownstoner.com/brooklynflea/flea_final2.jpg") top left no-repeat;
	position: relative;
	height: 185px;

}

#sidebarflea-left {
	float: left;
	width: 183px;
	border-right: 1px solid #fcf1d2;
	padding: 20px 10px;
	w\idth: 160px;
	overflow: hidden;
	color: #f6091d;
	font: 10px/1.5em Verdana, Arial, sans-serif; 
	font-weight: regular;
}

#sidebarflea-left h1   {

	color: #000000;
	font: 10px/1.5em Verdana, Arial, sans-serif; 
	font-weight: bold;
	margin-bottom: 10px;
	margin-top: 20px;
	
	  }
	  
	  
  
#sidebarflea-left li   {
line-height: 120%;
	margin-bottom: 5px;
		list-style: none;

	  }

#sidebarflea-left a {
	color: #f6091d;
	text-decoration: none; 
	font-weight: bold;
}

#sidebarflea-left a:hover {
	color: #f6091d;
	text-decoration: underline; 
	font-weight: bold;
}

#home-link_flea {
	position: absolute;
	top: 30px;
	margin: 0 auto;
	width: 900px;
	height: 260px;
}

#home-link_flea img { width: 900px; height: 220px; }

#navtest {
	position: absolute;
	top: 0;
	right: 0;
	height: 30px;
	width: 382px;
	background: url(nav_new.gif) top right no-repeat;
}


#navtest li#nav-home1 {
	right: 322px;
	width: 60px;
}

#navtest ul, #navtest li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
}
#navtest ul { position: relative; }

#navtest li, #navtest a {
	display: block;
	height: 30px;
}
#navtest li {
	top: 0;
}

#navtest a {
	text-indent: -5000px;
	text-decoration: none; 
}

#navtest li#nav-reno1 {
	right: 156px;
	width: 102px;
}

#navtest li#nav-reno1 a:hover {
	background: url(nav_new.gif) -124px -31px no-repeat;
}

#navtest li#nav-forum1 {
	right: 258px;
	width: 64px;
}


#navtest li#nav-forum1 a:hover {
	background: url(nav_new.gif) -60px -31px no-repeat;
}

#navtest li#nav-home1 a:hover {
	background: url(nav_new.gif) 0px -31px no-repeat;
}

#navtest li#nav-flea1 {
	right: 106px;
	width: 51px;
}

#navtest li#nav-flea1 a:hover {
	background: url(nav_new.gif) -225px -31px no-repeat;
}

#navtest li#nav-restaurants1 {
	right: 0px;
	width: 106px;
}

#navtest li#nav-restaurants1 a:hover {
	background: url(nav_new.gif) -276px -31px no-repeat;
}

#sub-navflea {
	overflow: hidden;
	background: #F5F2ED;
	height: 28px;
	color: #000000;
	font-weight: bold;
}

#sub-navflea a { color: #000000; font-weight: bold;}
#sub-navflea a:hover { text-decoration: none; font-weight: bold;}




/* GALLERY */

.galleryEaseDisplayed {
	display: table;
	margin: auto;
	text-align: center;
        padding-bottom: .5em;
}
.galleryWrapper {
	display: cell;
}
.galleryImage {
	display: block;
	margin: 0 auto;
}
.galleryNavigation {
	clear: both;
	margin: 0 auto;
}
.galleryEasePrev {
	float: left;
}
.galleryEaseNext {
	float: right;
}
.galleryEaseThumbs {
	clear: both;
	margin: 0 auto;
	display: block;
	text-align: center;
}
/* --- RESTAURANT RATINGS BAR STYLES --- */
.ratings-bar { 
	background: #e6f1ff; 
	height: 20px; 
	float: left;
	}
ul.comment-ratings li {
	margin-right: 5px;
	margin-top: 0;
	float: left;
	list-style-type: none;
	padding-left: none;
}
ul.comment-ratings label {
	display: block;
	color: #000;
	font-weight: bold;
	font-size: 10px;
}
.ratings-container-100, .ratings-container-80, .ratings-container-50 {
	position: relative; 
	display: block;
	width: 102px;
	border: 1px solid #dbcfc5;
	overflow: hidden;
	background: #fff;
}
/* ie6 hack - for absolute positioning bug */
* html ul.comment-ratings{
	zoom: 1;
}
.ratings-container-80 {
	width: 82px;
}
.ratings-container-50 {
	width: 52px;
}
.ratings-value {
	position: absolute; 
	right: 5px;
	font-size: 9px;
}
/* --- widget styles --- */
.widget {border-bottom: 1px solid #eee7dd;clear: both;padding-bottom: 15px;}

.widget h4 {
	color: #91512d;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	border-bottom: 1px solid #eee7dd;
	padding-bottom: 5px;
}
.widget span.restaurant-name a{
	font-size: 14px;
	font-weight: bold;
	color: #c63e06;
	text-decoration: none;
}
.widget span.added {
	font-size: 10px;
	color: #999;
	font-style: italic;
}
/* --- Essentials widget styles - FOR RESTAURANT INFO --- */
#essential {
	float: left;
	padding-bottom: 10px;
	}
#essential h4 {font-size: 12px;}
#essential h5, #essential h5 a {
	font-size: 12px;
	font-weight: bold;
	color: #c63e06;
	border-bottom: 0;
	margin-bottom: 0;
	text-decoration: none;

}
#essential h6{
	font-size: 11px;
	color: #c63e06;
	margin-bottom: 0;
}
#essential dl {
	float: left;
	width: 350px;
	color: #999;
	font-size: 11px;
	margin-top: 0;
	line-height: 20px;
}
#essential dt {
	font-weight: bold;
	float: left;
	clear: left;
}
#essential .score {
	float: left;
	background: #f5f2ed;
	padding: 15px 15px 25px 15px;
	margin: 0 15px 10px 10px;
}
#essential .score-label {
	display: block;
	text-align: center;
	color: #91512d;
	text-transform: uppercase;
	font-size: 9px;
	font-weight: bold;
	padding-bottom: 5px;
}
#essential ul.comment-ratings {
	clear: both;
}
#essential .score-number {
	font-size: 36px;
	font-weight: bold;
	color: #c63e06;
	display: block;	
	text-align: center;
}
#essential .menu-icon { float:right;margin-right: 50px;}

/* --- latest restaurants widget styles */
.widget#latest {
	margin: 10px 15px;
}
#latest ul {
	padding-left: 0;
	margin-left: 0;
}
#latest ul li {
	list-style-type: none;
	clear: left;
	border-bottom: 1px solid #efefef;
	margin-bottom: 10px;
}
#latest ul li img {
	float: left;
	margin-right: 15px;
	padding-bottom: 10px;
}
#latest ul li .cleardiv {
	clear: left;
}
/* for header */
#menu-gallery h1 {
	width: 100%;
	background: #6b371f url(/images/skinny-masthead.jpg) top left no-repeat;
	font-size: 1px;
	line-height: 52px;
	text-indent: -9999px;
	margin-bottom: 15px;
}
/* --- comment profile styles for Restaurant Reviews -- */
.comment.review {
	background: #f5f2ed;
	font-size: 11px;
	line-height: 16px;
	color: #333;
	margin: 15px 0;
	border: 0;
	padding-bottom: 15px;
}
.comment.review h5 {
	border-bottom: 0;
	background: #fff url('/restaurants/images/featured_comment_bkgnd.gif') bottom left no-repeat;
	padding-bottom: 20px;
	margin-bottom: 0;
	font-size: 14px;
	color: #000;
	font-weight: bold;
}
.comment.review h5 a {
	color: #c63e06;
	text-decoration: none;
}
.comment.review h5 span {
	font-size: 11px;
	font-style: italic;
	font-weight: normal;
}
.comment.review .review-body {
	background: url('/restaurants/images/quote_upper.gif') top left no-repeat;
	margin: 15px 8px 10px 8px;
	padding: 0 20px 0 35px;
}
.comment.review ul.comment-ratings {
	padding: 20px 0 0 0;
	background: url('/restaurants/images/quote_lower.gif') bottom right no-repeat;
}
.comment.review p.posted {
	padding-top: 10px;
}
.comment.review .comment-no-ratings {
	background: #f5f2ed url('/restaurants/images/quote_lower.gif') bottom right no-repeat;
	padding-top: 20px;
}
.comment.review .cleardiv {
	clear:both;
}


.toplink a{
color:#000000;
text-decoration:none;
}

.toplink a:hover{
text-decoration:underline;
color:#000000;
}

#header {
padding: 15px 15px 15px 22px;
}

.glowingtabs a span {
padding: 2px 16px!important;
}