/* 
	Blarket (www.blarket.com)
	Global Styles
*/

@import url("reset.css");

body{height:100%; background:#99cf45 url("../images/background-tile.jpg") repeat-x;}

.alignright{float:right;}
.alignleft{float:left;}
.clear{clear:both;}

.lightgray{color:#808080;}

/* Default Lists */
#content ul li, #content ol li{margin-bottom:12px; margin-left:25px;}
	#content ul{list-style:circle;}
	#content ol{list-style:decimal;}
	
/* Alert Box */
.alert{background:#FFFBCC; clear:both; margin-bottom:15px; padding:10px; border:1px solid #E6DB55;}

/* General Structure */

#menu-nav{width:100%; height:40px; /*background:url("../images/top-bar-bg.jpg") no-repeat top center;*/ overflow:hidden;}
	#menu-nav p{margin:0 auto; width:960px; padding:8px 0px; text-align:right; color:#FFF; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:12px;}
	#menu-nav a{color:#c5f27e; text-decoration:none;}
		#menu-nav a:hover{text-decoration:underline;}

#wrapper{background:url("../images/content-tile.png") repeat-y center top; width:965px; margin:0px auto 10px auto; overflow:hidden;}
	#top-background{background:url("../images/top-background-full.jpg") no-repeat top center;}
	
	#banner{clear:both; margin:10px; height:205px; width:940px; background:url("../images/frontpage-banner.jpg") no-repeat top left;}
		#browse-button{float:left; display:inline; position:relative; top:130px; left:30px;}
		#sell-button{float:left; display:inline; position:relative; top:130px; left:40px;}
	
	#header{height:140px; display:block; margin:0px 10px 10px 10px; clear:both; background: url('../images/blarket-logo.jpg') no-repeat 0 50%; border-bottom:1px dotted #e4e4e4;}
		.home-button{width:300px; height:140px; float:left; overflow:hidden; text-indent:-9999px;}
		.home-button a{display:block; height:100%;}
		/* Main Navigation Items */
		#header-nav{list-style:none;}
			#header-nav li{float:left; display:inline;}
		
		#header-nav .buy-button{background:url("../images/top-menu-sprite.jpg") 0px 0px no-repeat; height:140px; width:159px; overflow:hidden; text-indent:-9999px; border-right:1px dotted #bdbdbd; border-left:1px dotted #bdbdbd; float:left;}
		#header-nav .sell-button{background:url("../images/top-menu-sprite.jpg") -160px 0px no-repeat; height:140px; width:159px; overflow:hidden; text-indent:-9999px; border-right:1px dotted #bdbdbd; float:left;}
			
			.sell-button a, .buy-button a{display:block; text-indent: -9999px; padding:20px; height:100%;}
			
			#header-nav li.buy-button:hover{background:url("../images/top-menu-sprite.jpg") 0px -140px no-repeat;}
			#header-nav li.sell-button:hover{background:url("../images/top-menu-sprite.jpg") -160px -140px no-repeat;}
		
		/* Search Zone */
		#top-search{height:140px; width:318px; background:url("../images/top-menu-sprite.jpg") -330px 0px no-repeat; float:left; overflow:hidden;}
			#top-search form{position:relative; top:63px; left:15px;}
			#searchbox{width:240px; padding:8px 5px; font-size:14px; border:1px solid #DDD; float:left;}
			#searchbutton{width:31px; height:31px; background:none; float:left; margin:2px 0px 0px 6px; border:none;; text-indent:-9999px; overflow:hidden;}
	
	#title-strip{clear:both; padding: 20px 10px 20px 10px; border-bottom:1px dotted #e4e4e4; margin: 10px; background:#F7F7F7;}
		#title-strip .type{background:#F4B01F; padding:3px 6px; color:#FFF; float:right; font-weight:bold;}
		
	#content{width:649px; float:left; overflow:hidden;}
		.section-desc{border-bottom:1px dotted #DDD; margin-bottom:15px; padding:0px 0px 15px 0px; clear:both;}
		
		.right{margin:10px 15px;}
		
	#sidebar{width:300px; background:#EFE8D1; float:right; border-top:1px solid #fcfaf6; border-bottom:1px solid #fcfaf6; margin:0px 10px 10px 0px;}
	
		#filter-results li{background:url('../images/arrow-icon.jpg') no-repeat top right; margin-bottom:6px;}
	
	#footer{width:960px; margin: 0 auto 20px auto; text-align:right; clear:both}
		#footer li{float:right; display:inline; padding:10px; font-size:11px; color:#333; font-family:"Lucida Grande", arial, sans-serif;}
		#footer a{color:#333}
		
	
/* No Conflict Padding (Remove where possible) */
	.sidebar-padding{padding:25px 20px;}
	.content-padding{padding:10px 0px 20px 20px; overflow:hidden;}

/* Fonts & Typography */

p{}
	#content p, #content ul, #title-strip p{font-family:"Lucida Grande", arial, sans-serif; color:#414141; font-size:14px; line-height:1.6em; margin-bottom:25px;}
		#content p.subtitle, #title-strip p{margin-bottom:0px;}
		
		#sidebar a{color:#222222; text-decoration:none}
			#sidebar a:hover{text-decoration:underline;}
		#content a, #title-strip a, table.form a {color:#1ca2db}
	
	#sidebar p, #sidebar ul, .site-stats{font-family:"Lucida Grande", arial, sans-serif; font-size:12px; margin-bottom:15px; line-height:1.6em; color:#333;}
	
		#sidebar p.title{font-size:18px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:bold; line-height:1.0em; color:#333;}
			#sidebar p.title a{color:#222222; text-decoration:none;}

h1{}
	#content h1, #title-strip h1{font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:28px; color:#333; margin-bottom:8px;}
	
h2{}
	#content h2, .right h2.green{font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:21px; color:#99cf45; margin-bottom:8px; padding-bottom:8px; border-bottom: 1px dotted #e4e4e4;}
		#content h2.title, .right h2{font-size:28px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color:#333; border:none; padding-bottom:0;}
h3{}
	#content h3{font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:16px; color:#1ba2db; margin-bottom:8px;}

h4{}
	#sidebar h4{font-size:12px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color:#4F4427; text-transform: uppercase; letter-spacing: 1px; margin-bottom:5px; clear:both;}
	

/* Listings View */
		
	.compact-listing{min-height:39px; height:auto !important; height:39px; border-bottom: 1px dotted #bdbdbd; display:block; padding:0px 10px; margin:2px 0px;}
		.alt{background: #f8f8f8;}

		/* Listing Information */
		#content .site-name{font-family:"Lucida Grande", arial, sans-serif; font-size:12px; padding-top:10px; color:#9f9f9f; margin-bottom:9px;}
			.site-name a{text-decoration:none; color:#003eb1; font-size:14px; font-weight:bold;}
				.site-name a:hover{text-decoration: underline;}
			.site-name span.type a{font-size:12px; font-weight:normal;}
		
		.tags{height:100%; width:100%;}
			#content a.more-info{font-family:"Lucida Grande", arial, sans-serif; font-weight:bold; color:#FFF; font-size:11px; padding:5px 6px; text-decoration:none;}
				#content a.more-info:hover, #content .selected-info a.more-info{}
	
	/*Featured Sidebar Listing */
	#featured-block{background:#dfd3aa top repeat-x url('../images/sidebar-top-line.jpg'); display:block; overflow:hidden; clear:both; border-bottom:1px solid #fcfaf6;}
		#featured-block p.current-bid{text-align:right;}
		#featured-block p.title{text-shadow:0px 1px #EFE8D1;}
	
	/* Table View */
	table#list-view{width:100%;}
		#list-view tr{border-top:1px dotted #bdbdbd; border-bottom:1px dotted #bdbdbd;}
		#list-view td{font-family:"Lucida Grande", arial, sans-serif; color:#7f7f80; font-size:12px; padding:0px; text-align:center;}
			#list-view tr.user td p{padding:10px; margin-bottom:0;}
		#list-view thead td{text-transform:uppercase; font-weight:bold; color:#222222; padding:10px;}
		
		
		#list-view tr.more-info {display:none; background:#333; margin-bottom:10px;}
			#list-view tr.more-info td{padding:20px 20px 15px 20px; text-align:left;}
			#content tr.more-info p{color:#f7f7f7; margin-bottom:5px;}
		
		/* Specific Columns */
		#list-view td.price {color:#87ba38; font-weight:bold;}
		#list-view td.title {width:330px; text-align:left;}
		#list-view td.info-button {vertical-align: middle; text-align:center; width:50px;}
		
		/* Standard List View */
		#content table.list-view{width:100%;}
		#content table.list-view tr{border-top:1px dotted #bdbdbd; border-bottom:1px dotted #bdbdbd;}
		#content table.list-view td{font-family:"Lucida Grande", arial, sans-serif; color:#7f7f80; font-size:12px; padding:0px; text-align:center;}
			#content table.list-view tr.user td p{padding:10px; margin-bottom:0;}
		#content table.list-view thead td{text-transform:uppercase; font-weight:bold; color:#222222; padding:10px;}
	
	/* Single Listing Table */
	#top-information{clear:both; display:block;}
	
	table#listing-info{width:330px; float:left;}
		#listing-info tr{}
			#listing-info tr.divider{border-bottom: 1px dotted #e4e4e4;}
		
		#listing-info td{font-family:"Helvetica Neue", Helvetica, arial, sans-serif; color:#222; padding:15px; font-size:12px; color:#7f7f80;}
			#listing-info strong{color:#222222;}
		
		#listing-info tr.prices td{text-align:center; font-size:21px; font-weight:bold; color:#222222;}
		
		/* Specfic cell styles */
		#listing-info tr.biglabel td{font-size:14px; vertical-align: middle; padding:0px 15px 15px 15px; text-align:center; color:#808080; font-weight:bold}
		#listing-info tr.enterbid{}
			#listing-info tr.enterbid input{margin:5px 0px 5px 5px; width:85%; padding:3px;}
			#listing-info tr.enterbid img{float:right; margin-right:3px;}
		#listing-info tr.mini td{padding:5px 15px;}
	
	#auction-thumb{float:left; width:288px; height:240px; background:#EFEFEF; overflow:hidden; margin-right:10px;}


	#list-view thead, #list-view thead td, table#list-view{border:none;}
	
/* Pagination */
ul#pagination{list-style:none; background:#222; color:#FFF; clear:both; overflow:hidden; margin:20px 0px;}
	#content #pagination li{margin:5px 0px 5px 5px; text-align:center; float:left; width:30px; height:30px; display:inline;}
		#pagination li.selected, #pagination li:hover{background:#99CF45; -moz-border-radius: 3px;}
		#pagination li a{color:#FFF; display:block; height:auto; padding:6px; text-decoration:none;}

	
/* Sidebar Statistic Table */

	.site-stats{border:none; margin:10px 0px 30px 0px; width:100%;}
		.site-stats tr{padding:10px 20px;}
			.site-stats tr.alt{background:#EFE5C2;}
		.site-stats th{width:150px; text-align:left; padding-left:3px;}
		.site-stats td{text-align:right; overflow:hidden;padding:0px 3px;}
		
/* Listing Image Gallery */

	ul.image-gallery{clear:both;  list-style: none; margin-bottom:25px;}
	ul.image-gallery li{float:left; display:inline; padding:5px; border: 1px solid #DDD; background:#f8f8f8; margin-right:8px;}
		ul.image-gallery img{margin:0; padding:0;}
	
/* Twitter in the Sidebar */
	#twitter-bubble{background:#FFF; border:1px solid #CCC; -moz-border-radius: 3px; margin: 10px 0 0 0; padding:15px; overflow:hidden;}
		#twitter-bubble p{margin:0; padding:0;}
		.twitter-date{color:#8F8F8F;}
		.twitter-tail{background:url('../images/twitter-bubble-tail.jpg') no-repeat top center; margin-top:-1px; width:100%; height:25px; clear:both;}
		
/* General Forms */
	table.form { font:13px Lucida Grande, arial, sans-serif; color:#222; }
		table.form label, td.contactlabel{ font-weight:bold; }
		table.form span.description{color:#555; font:italic 12px Georgia, serif; }
		table.form tr{ border-bottom:1px dotted #e4e4e4; }
		table.form td{ padding:10px; vertical-align: top;  }
			td.sub-left{ font:13px Lucida Grande, arial, sans-serif; color:#222; }
			td.termscheck{ text-align: center; }
		.loginlinks {text-align:center; font-size:11px;}
		
		.form input, table.form textarea{font-family: georgia, serif; font-size:13px; width:390px; padding:3px; float:left;}
			table.form textarea{width:390px;}
		.form input.button, input.radio, input.checkbox {width:auto; float:none;}
		.form h3{clear:both;}

/* Discussion & Comments */
.user-comment{background:#f7f7f7; border:1px solid #ccc; margin:10px 0px; padding:20px 20px 5px 20px;}
	#content .user-comment p, #content .owner-comment p{margin:0 0 15px 0; padding:0;}
	
.owner-comment{background:#222; border:1px solid #000; margin:10px 0px; padding:20px 20px 5px 20px;}
	#content .owner-comment p{color:#FFF;}

/* User Page Styles */
.accountoptions{background:#f7f7f7; border:1px solid #CCC; padding:20px; margin:0px 0 20px 0; display:block;}
	#content .accountoptions p{margin:0; padding:0;}
	#content .accountoptions h2{color:#333333; font-size:18px; border:none;}
	
#list-view thead td.pad8{
	padding:0px;
	vertical-align:top;
}
.inactive{
	filter: alpha(opacity=30);
	opacity: 0.3;
}