/*
-----------------------------------------------
Brooklyn Vintage  
Main Style Sheet
Author: 	J2 Labs / John Paul Chirdon
Date: 		02/06/2010
-----------------------------------------------
*/


/* GLOBAL TAG STYLES */
/* TYPOGRAPHY */

body	{ 
	font-family: helvetica, arial, verdana, sans-serif; 
	font-size: 11px; 
	line-height: 13px;
	color: #505048; 
	text-align: left; 
	margin: 0; 
	padding: 0; 
	background: #EBEBE2;
}

p { 
	margin: 0; padding: 0 0 7.5px 0;
}

p.type_body { }

a,
a:active,
a:visited,
a:link		{ text-decoration: none; color: #505048; 
}
a:hover		{ text-decoration: underline; 
}
/*:focus				{ outline: none; }*/

a:active 	{ color: #000; 
}

a img 		{ color: none; 
						border: none;
						margin: 0 0 -5px 0;
}

ul, li		{ list-style: none; margin: 0; padding: 0; }
li				{ padding-bottom: 0px; }
ul li ul li { margin-left: 8px; }
:focus		{ outline: none; }
ul.tag_header > li { margin-bottom: 10px; }

/*li.striked { text-decoration: line-through; }*/
li.striked { display: none; }

.striked { display: none; }

hr				{ line-height: 1px solid #505048; margin: 0 0 2.5px 0; }

.lvl_1 { margin-left: 0px ;
}

.lvl_2 { margin-left: 0px;
}

.lvl_3 { margin-left: 7.5px;
}


/* LAYOUT STRUCTURE */

.clear { 
	height: -1px; clear: both; 
}

#wrapper { 
	width: 960px; 
	text-align: left;
	margin: 0 auto; 
}

#container { }

#header { 
	position: relative;
	width: 960px; 
  /*background: #FFFF00;*/
	border-bottom: 2px solid #505048; 
	margin-bottom: 14px; 
}

#content { 
	position: relative;
	/*background: #FFFF00;*/ 
}

#logo_hitarea { 
	position: relative; display: block;
	width: 300px; 
	height: 32px; 
	padding-top: 36px; 
}

#content			{ }


/* MAIN NAVIGATION */

#nav_content1 { 
	/*background:#00FFFF;*/ 
	position: absolute; 
	top: 8px; 
	left: 330px; 
	width:150px; 
}

#nav_content2 { 
	/*background:#FFAAFF;*/ 
	position: absolute; 
	top: 8px; 
	left: 480px; 
	width:150px; 
}

#social_media_links { 
	position: absolute;
	top: 41px;
	left: 760px;
	width: 200px;
}

.social_media_icons {
	float: right;
	padding: 0;
	margin: 0px 0px 0px 6px;
	position: relative; 
}

#search_criteria1 { 
	/*background:#00FFFF;*/ 
	position: absolute; 
	top: 8px; 
	left: 798px; 
	height: 32; 
	width:73px; 
}

#search_criteria2 { 
	/*background:#FFAAFF;*/ 
	position: absolute; 
	top: 8px; 
	left: 871px; 
	height: 32; 
	width:89px; 
}

#search_box { 
	/*background:#FFFFFF;*/ 
	position: absolute; 
	top: 38px; 
	left: 798px; 
	height: 16px; 
	width: 160px; 
	padding: 0x;
	border: 0; 
}

input[type='checkbox'] {
	line-height: 13px;
	margin: -5px 1px -5px 0;
}

input[type='text'] {
	width: 156px;
	font-family: helvetica, arial, verdana, sans-serif; 
	font-size: 11px; 
	line-height: 12px;
	height: 12px;
	color: #999999; 
}

/* CONTENT */

#left_content {
	position: relative; 
	width: 284px; 
	margin: 16px 0 0 0; 	
	padding: 3px 0 15px 0;
	/*background: #00FFFF;*/
}

#left_content2 {
	position: relative; 
	width: 300px; 
	margin: 16px 0 0 0; 	
	padding: 3px 0 15px 0;
	/*background: #00FFFF;*/
}


#h2 {
	width: 284px;
	border: 0;
}

#middle_content { 
	/*background:#00FFFF;*/ 
	position: absolute;
	top: 0; 
	left: 314px; 
	width:316px; 
	margin: 0; 
	padding: 0 0 15px 0; 
}

#right_content { 
	/*background:#00FFFF;*/ 
	position: absolute; 
	top: 0; 
	left: 644px; 
	width:316px; 
	margin: 0; 
	padding: 0 0 15px 0; 
}

#middle_right_content { 
	/*background:#00FFFF;*/ 
	position: absolute; 
	top: 0; 
	left: 314px; 
	width:646px; 
	margin: 0; 
	padding: 0 0 15px 0;
}


#mailing_list {
	position: relative;
	float: left;
	width: 300px; 
	margin: 7px 0px 0 0px;
}

/* GALLERY ITEMS */

#wrapper	{ 
	width: 960px; 
	text-align: left; 
	margin: 0 auto; 
}

.gallery_image_2up {
	background:#FFFFFF; 
	margin: 16px 0 0 16px;
	position: relative; 
}

.gallery_item_2up {  
	width:316px; 
	overflow: auto;
	margin-bottom: 14px;
	/*background:#00FF00;*/ 
	position: relative; 
}

.item_2up_title { 
	font-size: 12px;
	font-weight: bold; 
	line-height: 14px;
	width: 246px; 
	height: 26px; 
	padding: 7px 50px 8px 4px;
	margin-left: 16px;
	font-family: helvetica, arial, verdana, sans-serif; 
	background-image: url(/site_media/images/item_title_pattern.png);
	background-attachment: fixed;
	position: relative; 
	border-bottom: 1px solid #505048;
}

.item_2up_sticker_designer {
	position: absolute;
	top: 186px; 
	left: 263px; 
	text-align: center;
	padding: 16px 0 16px 0;
	width: 46px;
	height: 14px;
	z-index: 10;
	background-image: url(/site_media/images/sticker_46_designer.png);
}
.item_2up_sticker_flea {
	position: absolute;
	top: 186px; 
	left: 263px; 
	text-align: center;
	padding: 16px 0 16px 0;
	width: 46px;
	height: 14px;
	z-index: 10;
	background-image: url(/site_media/images/sticker_46_flea.png);
}

.item_2up_sticker_sold {
	position: absolute;
	top: 186px; 
	left: 263px; 
	text-align: center;
	padding: 16px 0 16px 0;
	width: 46px;
	height: 14px;
	z-index: 10;
	background-image: url(/site_media/images/sticker_46_sold.png);
}

.gallery_image_2up_popup {
    height: 420px;
	/*width: 630px;*/
	float: right;
	padding: 0;
	margin: 16px 0px 0px 0px;
	position: relative; 
	border-bottom: 1px solid #505048;
}

#gallery_image_2up_popup_thumbs {
	width: 639px;
	float: right;
	text-align: left;
	padding: 11px 0 0 0;
	margin: 0;
	position: relative;
}

.gallery_image_2up_popup_thumbnails {
  height: 53px;
	width: 80px;
	float: left;
	padding: 0;
	margin: 0px 1px 11px 10px;
	position: relative; 
}

#gallery_item_2up_popup {
	width: 300px;
	overflow: auto;
	padding-bottom: 16px;
	margin-bottom: 0px;
	/*background:#00FF00;*/ 
	position: relative;
}

#item_2up_info_popup {
	position: relative;
	float: left;
	width: 330px; 
	height: 420px;
	padding-right: 30;
	margin: 16px 0px 0 0px;
	background: #FFFFFF;
	/*background: #FFAAFF;*/
	border-bottom: 1px solid #505048;
}

#item_2up_details_popup { 
	position: relative; 
	width: 291px;
	height: 355px;
	padding: 0;
	margin: 0;
}

#item_2up_title_popup { 
	font-size: 12px;
	line-height: 13px;
	font-weight: bold; 
	position: relative; 
	width: 291px;
	height: 26px;
	padding: 7px 4px 8px 4px;
	margin: 0 0 7.5px 0;
	background-image: url(/site_media/images/item_title_pattern.png);
	border-bottom: 1px solid #505048;
}

#item_2up_description_popup { 
	position: relative; 
	width: 291px;
	padding: 0px 4px 15px 4px;
	margin: 0 0 7.5px 0;
	font-family: helvetica, arial, verdana, sans-serif;
	border-bottom: 1px solid #97948E;
}			

#item_2up_tags_popup { 
	position: relative; 
	width: 291px;
	padding: 0px 4px 0px 4px;
	margin-bottom: 7.5px;
	border-bottom: 1px solid #97948E;
}

#item_2up_arrows_popup { 
	position: relative; 
	height: 55px;
	left: 0px; 
	width: 300px;
	margin-bottom: 15px;
	padding: 0px 4px 0px 4px;
	border-bottom: 1px solid #505048;
	background-image: url(/site_media/images/arrow_image_icon.jpg);
}

#item_2up_sticker_popup_deisgner {
	position: absolute;
	top: -16px; 
	left: 314px; 
	text-align: center;
	padding: 16px 0 16px 0;
	width: 46px;
	height: 14px;
	z-index: 10;
	background-image: url(/site_media/images/sticker_46_designer.png);
}

#item_2up_sticker_popup_flea {
	position: absolute;
	top: -16px; 
	left: 314px; 
	text-align: center;
	padding: 16px 0 16px 0;
	width: 46px;
	height: 14px;
	z-index: 10;
	background-image: url(/site_media/images/sticker_46_flea.png);
}

#item_2up_sticker_popup_sold {
	position: absolute;
	top: -16px; 
	left: 314px; 
	text-align: center;
	padding: 16px 0 16px 0;
	width: 46px;
	height: 14px;
	z-index: 10;
	background-image: url(/site_media/images/sticker_46_sold.png);
}

#item_popup_inquire { 
	font-size: 12px;
	line-height: 13px;
	font-weight: bold; 
}

.item_popup_actions { 
	font-size: 12px;
	line-height: 13px;
	font-weight: bold;
	position: relative; 
	width: 291px;
	padding: 7px 4px 8px 4px; 
	margin-bottom: 0px;
}

.gallery_image_1up {
	background:#FFFFFF;
	width: 300px;
	padding: 0;
	margin: 16px 0 0 16px;
	position: relative; 
	border-bottom: 1px solid #505048;
}

.gallery_item_1up {
	width: 646px;
	height: 184;
	overflow: auto;
	padding-bottom: 16px;
	margin-bottom: 0px;
	/*background:#00FF00;*/ 
	position: relative;
}

.item_1up_info {
	font-family: helvetica, arial, verdana, sans-serif; 
	float: right;
	width: 300px; 
	height: 200px;
	padding: 0 0 0 27px;
	margin: 16px 0 0 0;
	background: #FFFFFF;
	/*background: #FFAAFF;*/
	border-bottom: 1px solid #505048;
}

.item_1up_title { 
	font-size: 12px;
	line-height: 13px;
	font-weight: bold; 
	position: relative; 
	width: 291px;
	height: 26px;
	padding: 7px 4px 8px 4px;
	margin: 0 0 7.5px 0;
	border-bottom: 1px solid #505048;
	background-image: url(/site_media/images/item_title_pattern.png); 
}

.item_1up_description { 
	position: relative; 
	width: 291px; 
	padding: 0px 4px 0px 4px;
	margin-bottom: 7.5px;
	font-family: helvetica, arial, verdana, sans-serif; 
	/*background:#00FFFF;*/ 
	border-bottom: 1px solid #505048;
}			

.item_1up_tags { 
	position: relative; 
	width: 291px;
	padding: 0px 4px 0px 4px; 
	margin-bottom: 0px;
	font-family: helvetica, arial, verdana, sans-serif; 
	/*background:#00FFFF;*/ 
}

.item_1up_sticker_designer {
	position: absolute;
	top: 186px; 
	left: 0px; 
	text-align: center;
	padding: 16px 0 16px 0;
	width: 46px;
	height: 14px;
	z-index: 10;
	background-image: url(/site_media/images/sticker_46_designer.png);
}

.item_1up_sticker_flea {
	position: absolute;
	top: 186px; 
	left: 0px; 
	text-align: center;
	padding: 16px 0 16px 0;
	width: 46px;
	height: 14px;
	z-index: 10;
	background-image: url(/site_media/images/sticker_46_flea.png);
}


.landing_title { 
	width: 292px; 
	height: 21px; 
	padding: 12px 4px 8px 4px;
	margin-left: 16px;
	margin-top: -3px;
	font-family: helvetica, arial, verdana, sans-serif; 
	background-image: url(/site_media/images/item_title_pattern.png);
	background-attachment: fixed;
	position: relative; 
	border-bottom: 1px solid #505048;
}

.landing_sticker {
	font-weight: bold;
	position: absolute;
	top: 30px; 
	left: 0px; 
	text-align: left;
	font-family: helvetica, arial, verdana, sans-serif; 
	font-size: 12px; 
	line-height: 13px;
	padding: 49px 21px 22px 33px;
	width: 143px;
	height: 127px;
	z-index: 10;
	background-image: url(/site_media/images/sticker_landing.png);
}

.content_image_2columns {
	/*background:#FFFFFF;*/
	width: 630px;
	padding: 0;
	margin: 16px 0 0 16px;
	position: relative; 
}

.content_item_2columns {
	width: 646px;
	overflow: auto;
	margin-bottom: 14px;
	/*background:#00FF00;*/ 
	position: relative;
}

.content_caption_2columns { 
	width: 476px; 
	padding: 7px 150px 8px 4px;
	margin-left: 16px;
	margin-top: 0px;
	background: #FFFFFF;
	position: relative;
	/*border-bottom: 1px solid #505048;*/
}

.content_paragraph_2columns { 
	width: 476px; 
	padding: 15px 0px 0px 0px;
	margin-left: 16px;
	margin-top: 0px;
	position: relative; 
}

.content_item_1column {
	width: 316px;
	overflow: auto;
	margin-bottom: 14px;
	position: relative;
}

.content_item_1column_title { 
	width: 292px; 
	height: 26px; 
	padding: 7px 4px 8px 4px;
	margin-left: 16px;
	font-family: helvetica, arial, verdana, sans-serif; 
	background:#FFFFFF;
	position: relative; 
  /*border-bottom: 1px solid #505048;*/
}

.content_caption_1column { 
	width: 308px; 
	padding: 7px 4px 8px 4px;
	margin-left: 16px;
	margin-top: 0px;
	background: #FFFFFF;
	position: relative;
	border-bottom: 1px solid #505048;
}

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;
}
#lightbox img{ width: auto; height: auto;
}
#lightbox a img{ border: none;
}

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; 
}
#imageContainer{ padding: 10px; 
}

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; 
}
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; 
}
#imageContainer>#hoverNav{ left: 0;
}
#hoverNav a{ outline: none;
}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; 
}
#prevLink { left: 0; float: left;
}
#nextLink { right: 0; float: right;
}
#prevLink:hover, #prevLink:visited:hover { background: url(/site_media/images/label_back.jpg) left 15% no-repeat; 
}
#nextLink:hover, #nextLink:visited:hover { background: url(/site_media/images/label_next.jpg) right 15% no-repeat; 
}

#imageDataContainer{ font-family: helvetica, arial, verdana, sans-serif; font-size: 11px; line-height: 13px; color: #505048; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; 
}

#imageData{	padding:0 10px; color: #666; 
}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; 
}
#imageData #caption{ font-weight: bold;	
}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	
}
#imageData #bottomNavClose{ width: 80px; float: right;  padding-bottom: 0.7em; outline: none;
}

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; 
}