*, html { margin: 0; padding: 0; }

body {
	background: #fff url(bar.png) repeat-x;
	text-align: center;
	font-size: 62.5%;
	font-family: Arial;
}

.adsense { margin: 10px auto 10px auto; width: 570px; }
	.adsense h2 { margin-bottom: 10px; }

	h1.page-head { text-transform: uppercase; color: #fff; margin: 0 auto; padding: 10px 0 0 0; width: 800px; height: 38px; text-align: center; font-size: 16px; }

#container {
	background: #fff url(surfsie-home.png) top center no-repeat;
	width: 1024px;
	margin: 0 auto 0 auto;
	display: block;
	text-align: left;
	position: relative;
}

label.error { float: none; color: red; padding-left: .5em; vertical-align: top; }

#header { width: 580px; height: 215px; position: relative; margin: 0 auto 15px auto; display: block; }

	a#logo { font-size: 21px; text-decoration: none; color: #000; background: url(home.png) no-repeat; width: 230px; height: 45px; display: block; margin: 10px auto 0 auto; padding: 10px 0 0 0; }
		a#logo:hover { text-decoration: underline; color: #823da0; }
	#container p#user_count { position: absolute; top: 170px; right: 240px; font-size: 12px; font-weight: bold; text-transform: uppercase; }
	#container p#item_count { position: absolute; top: 190px; right: 240px; font-size: 12px; font-weight: bold; text-transform: uppercase; }
	#container #btnsearch { background: url(btnsearch.png) no-repeat; width: 145px; height: 45px; display: block; text-indent: -999em; position: absolute; bottom: 0; left: 75px; }
	#container #btnimfeeling { background: url(btnimfeeling.png) no-repeat; width: 160px; height: 45px; display: block; text-indent: -999em; }
	#container #btnbestof { background: url(btnbestof.png) no-repeat; width: 160px; height: 45px; display: block; text-indent: -999em; }
	#container #btnpost { background: url(btncreatelisting.png) no-repeat; width: 145px; height: 45px; display: block; text-indent: -999em; position: absolute; bottom: 0; left: 225px; }

	#container #browse_states { position: absolute; left: 250px; top: 250px; }
	#container #browse_states h2 { font-size: 16px; text-transform: uppercase; padding: 5px 0 15px 0; }
	#container #browse_states ul { float: left; margin: 0 115px 0 0; list-style: none; line-height: 24px; }
	#container #browse_states ul li {  }
	#container #browse_states ul li a { color: #000; font-size: 14px; padding: 5px; }
	#container #browse_states ul li a:hover { text-decoration: none; background: #994aa5; color: #fff; padding: 5px; }
	#container #browse_states ul li span { font-size: 12px; color: #672e7b; }

	#container #breadcrumbs { margin: 0 auto 15px auto; padding: 0 0 0 20px; width: 600px; display: block; }
		#container #breadcrumbs p { font-size: 16px; cursor: pointer; line-height: 26px; }
		#container #breadcrumbs p a { color: #000; text-decoration: underline; text-transform: uppercase; }
		#container #breadcrumbs p a:hover { color: #823da0; text-decoration: none; }

	#container #subbrowse { border: 1px solid #e5e5e5; width: 550px; display: block; padding: 15px; margin: 0 auto 15px auto; }
		#container #subbrowse ul { list-style: none; line-height: 27px; }
		#container #subbrowse ul li { font-size: 16px; }
		#container #subbrowse ul li a { color: #000; text-decoration: none; font-weight: bold; text-transform: uppercase; }
		#container #subbrowse ul li a:hover { color: #823da0; text-decoration: underline; }

	#container #listings.noborder { border: 0; padding: 0; }
		#container #listings.noborder h2 { font-size: 22px; font-weight: normal; margin: 0 0 5px 0; }
		#container #listings.noborder p { line-height: 21px; font-size: 15px; }
		#container #listings.noborder p a { color: #823da0; font-weight: bold; }
	#container #listings { border: 1px solid #e5e5e5; width: 550px; display: block; padding: 15px; margin: 0 auto; }

		#container #listings h1 { text-transform: uppercase; font-size: 18px; font-weight: normal; margin: 5px 0 5px 0; }
			#container #listings h1 a { text-transform: none; font-size: 14px; }
			#container #listings h1 a:hover { text-decoration: none; }
		#container #listings p { font-size: 15px; line-height: 21px; text-transform: none; margin: 5px 0 5px 0; }
		#container #listings p.right { float: right; }
		#container #listings p a { text-decoration: none; color: #000; font-weight: bold; text-transform: none; }
		#container #listings p a:hover { text-decoration: underline; color: #823da0; }
		#container #listings p strong { text-transform: uppercase; }
		#container #listings ul { list-style: none; line-height: 21px; background: #e5e5e5; padding: 5px 10px 5px 10px; }
		#container #listings ul li { font-size: 14px; }
		#container #listings ul li a { }
		#container #listings #listing-quicklinks { margin: 30px 0 0 0; }

	#ads { position: absolute; bottom: 20px; left: 200px; }
	#ads .box { float: left; background: #e5e5e5; border: 2px solid #000; width: 200px; height: 150px; display: block; margin: 0 35px 0 0; }
	#ads .box h2 { width: 100%; background: #000; color: #fff; padding: 5px 0 5px 0; text-align: center; }

	#black {
		background: #000;
		display: none;
		position: absolute;
		top: 38px;
		left: 0;
		filter:alpha(opacity=50);
		-moz-opacity:0.5;
		-khtml-opacity: 0.5;
		opacity: 0.5;
	}

	#postbox { position: absolute; top: 0; left: 0; z-index: 500; width: 100%; height: 800px; background: #fff; }
		#container #postbox form { width: 500px; margin: 10px auto 0 auto; }
		#container #postbox form label { clear: both; display: block; font-size: 16px; font-weight: bold; text-transform: uppercase; padding: 5px 0 5px 0; }
			#container #postbox form label small { font-size: 12px; font-weight: bold; margin: 5px 0 0 0; display: block; }
			#container #postbox form label span { font-size: 12px; font-weight: normal; }
		#container #postbox form input { clear: both; display: block; font-size: 16px; margin: 0 10px 0 0; padding: 5px; }
		#container #postbox form textarea { clear: both; width: 95%; display: block; font-size: 16px; margin: 0 0 10px 0; padding: 5px; font-family: Arial; height: 100px; }
		#container #postbox form input[type=text] { float: left; border: 1px solid #e5e5e5; clear: both; display: block; width: 95%; font-size: 16px; margin: 0 0 10px 0; padding: 5px; }
		#container #postbox form input[type=submit] { clear: both; margin: 0 0 10px 0; }
		#container #postbox h1 { font-size: 24px; text-transform: uppercase; margin: 10px auto 5px auto; width: 500px; display: block; }
		#container #postbox p { font-size: 14px; margin: 5px auto 5px auto; width: 500px; display: block; }
	#btnpost.int { background: url(btncreatelisting.png) no-repeat; width: 145px; height: 45px; display: block; text-indent: -999em; }
	#sharethis { font-size: 15px; float: left; width: 100px; }

	#contactbox { display: none; position: relative; top: 0; left: 0; z-index: 500; width: 100%; height: 100%; background: #fff; }
		#container #contactbox form { width: 500px; margin: 10px auto 0 auto; }
		#container #contactbox form label { clear: both; display: block; font-size: 16px; font-weight: bold; text-transform: uppercase; padding: 5px 0 5px 0; }
			#container #contactbox form label small { font-size: 12px; font-weight: bold; margin: 5px 0 0 0; display: block; }
		#container #contactbox form input { clear: both; display: block; font-size: 16px; margin: 0 10px 0 0; padding: 5px; }
		#container #contactbox form textarea { clear: both; width: 95%; display: block; font-size: 16px; margin: 0 0 10px 0; padding: 5px; font-family: Arial; height: 100px; }
		#container #contactbox form input[type=text] { float: left; border: 1px solid #e5e5e5; clear: both; display: block; width: 95%; font-size: 16px; margin: 0 0 10px 0; padding: 5px; }
		#container #contactbox form input[type=submit] { clear: both; margin: 0 0 10px 0; }
		#container #contactbox h1 { font-size: 24px; text-transform: uppercase; width: 500px; display: block; margin: 10px auto 5px auto; }
		#container #contactbox p { font-size: 14px; width: 500px; display: block; margin: 5px auto 5px auto; }
	#btncontact { background: url(btncontact.png) no-repeat; width: 125px; height: 35px; display: block; text-indent: -999em; float: left; }

	#updatebox { display: none; position: absolute; top: 0; left: 0; z-index: 500; width: 100%; height: 100%; background: #fff; }
		#container #updatebox form { width: 500px; margin: 10px auto 0 auto; }
		#container #updatebox form label { clear: both; display: block; font-size: 16px; font-weight: bold; text-transform: uppercase; padding: 5px 0 5px 0; }
			#container #updatebox form label small { font-size: 12px; font-weight: bold; margin: 5px 0 0 0; display: block; }
			#container #updatebox form label span { font-size: 12px; font-weight: normal; }
		#container #updatebox form input { clear: both; display: block; font-size: 16px; margin: 0 10px 0 0; padding: 5px; }
		#container #updatebox form textarea { clear: both; width: 95%; display: block; font-size: 16px; margin: 0 0 10px 0; padding: 5px; font-family: Arial; height: 100px; }
		#container #updatebox form input[type=text] { float: left; border: 1px solid #e5e5e5; clear: both; display: block; width: 95%; font-size: 16px; margin: 0 0 10px 0; padding: 5px; }
		#container #updatebox form input[type=submit] { clear: both; margin: 0 0 10px 0; }
		#container #updatebox h1 { font-size: 24px; text-transform: uppercase; margin: 10px auto 5px auto; width: 500px; display: block; }
		#container #updatebox p { font-size: 14px; margin: 5px auto 5px auto; width: 500px; display: block; }
	#btnupdate { background: url(btnupdate.png) no-repeat; width: 125px; height: 35px; display: block; text-indent: -999em; float: left; }

	#searchbox { absolute; top: 0; left: 0; z-index: 500; width: 100%; height: 100%; background: #fff; }
		#container #searchbox form { width: 500px; margin: 10px auto 0 auto; }
		#container #searchbox form label { clear: both; display: block; font-size: 16px; font-weight: bold; text-transform: uppercase; padding: 5px 0 5px 0; }
			#container #searchbox form label small { font-size: 12px; font-weight: bold; margin: 5px 0 0 0; display: block; }
			#container #searchbox form label span { font-size: 12px; font-weight: normal; }
		#container #searchbox form input { clear: both; display: block; font-size: 16px; margin: 0 10px 0 0; padding: 5px; }
		#container #searchbox form textarea { clear: both; width: 95%; display: block; font-size: 16px; margin: 0 0 10px 0; padding: 5px; font-family: Arial; height: 100px; }
		#container #searchbox form input[type=text] { float: left; border: 1px solid #e5e5e5; clear: both; display: block; width: 95%; font-size: 16px; margin: 0 0 10px 0; padding: 5px; }
		#container #searchbox form input[type=submit] { clear: both; margin: 0 0 10px 0; }
		#container #searchbox h1 { font-size: 24px; text-transform: uppercase; margin: 10px auto 5px auto; width: 500px; display: block; }
		#container #searchbox p { font-size: 14px; margin: 5px auto 5px auto; width: 500px; display: block; }