/*---------------------------------------
RESET
---------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, fieldset, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
html {min-height: 100.2%; /* force a vertical scrollbar on short pages */}
body {background: transparent; color: #000000;font-size: 93.8%; line-height: 20px; }
p, ul, ol, dl, table, img {font-size: 15px; }
ul {list-style-type: none;}
img {border: 0px;}
a {cursor: pointer; text-decoration: underline;}
a:active, a:hover, a:focus {text-decoration: none;}
fieldset {border: 0px none;}

/*---------------------------------------
FINDSOMEONE HOMEPAGE
---------------------------------------*/
body {font-family: Arial, Helvetica, Sans-serif; background: #00477F; color: #ffffff;}
/* ====== Default spacing ====== */
p, ul, ol, dl {padding:0 10px; margin: 10px 0;}
ol, ul {list-style: none;}
* html p {overflow: visible;} /*fix ie6 italic problem*/
h1, h2, h3, h4, h5, h6 {padding:0 10px;}
/* ====== Elements ====== */
strong{font-weight:bold;}
/* links */
a, a:visited {text-decoration: none; border-bottom: 1px solid; color: #ffffff;}
a:active, a:hover, a:focus { border-bottom-color: 0px none; color: #ffffff;}

.widget {background: url(/images/homepage/sprite-image.png) no-repeat left top;_background-image: url(/images/homepage/sprite-image.gif);}
.sprite-button {background-color:Transparent;border:0 solid #000000;cursor:pointer;overflow:hidden;text-indent:-500px; outline: 0px none;}

/* ====== Layout ====== */
.overlay {width: 980px; margin: 0 auto;position: relative;}
.wrapper{width: 980px; margin: 0 auto;position: relative;padding: 20px 0 20px;}
.site-background-1, .site-background-2 {
	width: 960px;
	height: 550px;
	position: absolute;
	left: 0;
	z-index: 10;
	background-color: #00477F;
	background-repeat: no-repeat;
	margin: 0px 10px;
}
.site-header {position: absolute;z-index: 300; overflow: hidden; width: 960px; height: 550px; margin: 0 10px; position: relative; overflow: hidden; zoom:1;}
.main {background: url(/images/homepage/features.jpg) no-repeat center top;overflow: hidden; zoom:1; padding: 30px 0 0;}
.footer {padding-bottom: 20px; margin: 0 auto; text-align: center;}
.footer .footer-links {color: #5278A8;}
.footer .footer-links a {color: #C6E3F4; border-bottom-color: #5278A8;}
.footer .footer-links a:hover, .footer .footer-links a:focus {border-bottom-color: #C6E3F4;}
.footer .copyright {font-size: 11px; line-height: 15px;}
.footer .trademe-link, .footer .trademe-link:visited {background-position: right -1109px; padding: 5px 140px 10px 0; border: 0px none;}
/* ====== Headings ====== */
h1, .h1 {font-size: 50px; line-height: 50px; font-weight: normal;}
h2, .h2 {font-size: 22px; font-weight: normal} /* I may go to hell for adding .h2 to a <strong> tag in the steps section... but I'll see most other developers there too */
h3, .h3 {font-size: 22px; font-weight: normal}
h4, .h4 {font-size: 12px; font-weight: bold; line-height: 24px; margin: 0 0 -10px;}

#LoginPanel { display: none; }
#OpenLogin { color: #fff; }
.login {background-position: 0 -781px; width: 208px; height: 198px;position: absolute; top: 10px; right: 108px;z-index: 500; color: #000000;}
.login .close {display: block; overflow: hidden;text-indent: 9999px; width: 9px; height: 9px; background-position: -208px -781px; position: absolute; top: 7px; right: 16px;}
.login fieldset {float: left;}
.login .legend {font-size: 20px; line-height: 20px; font-weight: normal; color: #333333;position: absolute; top: 11px; left: 13px;}
.login .inner {padding: 40px 15px 10px;}
.login label {font-family: Arial, Helvetica, Sans-serif; font-size: 11px;display: block;line-height: 14px;}
.login .field-block {margin-bottom: 7px;overflow: hidden;zoom:1;}
.login .button-block {overflow: hidden;zoom:1}
.login .login-text {width: 160px;}
.login .login-remember {margin-top: 2px;}
.login .login-remember input {position: relative; top: 2px;}
.login .login-forgot a, .login .login-forgot a:visited {color: #0066CC;}

.sign-on {float: right; padding-right: 5px;}
.branding {background-position: 0 0;width: 324px; height: 85px; display: block; text-indent: 9999px; overflow: hidden; margin: 10px 0 0;}

.search-form {display: inline;color: #000000; background: transparent url(/images/homepage/milk.png) repeat left top;_background: #fff;  float: right; margin: 20px 15px; position: relative;}
.search-form fieldset {float: left;}
.search-form .legend {position: absolute; top: 19px; left: 15px; font-size: 24px; line-height: 26px;font-weight: normal;color: #333333;}
.search-form .inner {padding: 65px 20px 10px; width: 226px;}
.search-form .field-block, .search-form .button-block {overflow: hidden;zoom:1;margin-bottom: 5px;}
.search-form .wide-label {display: block; float: left;height: 24px;padding-left: 10px;*position: relative;*top: 2px;}
.search-form .inputs {float: right;}
.search-form .gender {width: 155px;}
.search-form .location {width: 150px;}
.search-form .age {width: 65px;}

.welcome {position: absolute;bottom: 125px; padding: 0 10px;}
.welcome p {font-size: 24px;margin-top: 20px; padding-left: 15px;}
.welcome .sign-up:hover, .welcome .sign-up:focus {color:#FFCC00;}
.joining-steps {background: transparent url(/images/homepage/milk.png) repeat left top;_background: #fff; width: 960px; height: 109px; position: absolute; bottom: 0; left: 0; color: #000000;overflow: hidden;}
.steps {margin: 0; overflow: hidden; zoom:1;}
.steps li{float: left; padding: 12px 10px 12px 20px; width: 230px;}
.steps li.step-3 {width: 180px;}
.steps li.step-4 { float: right; padding-right: 20px; padding-left: 0px;width: auto;}
.steps span {display: block; margin-top: 8px; }

.folder {margin: 10px; overflow: hidden; zoom:1;}
.folder .hd {overflow: hidden; zoom:1;}
.folder-title {background: #023A68;float: left; font-size: 18px; font-weight: normal; margin: 0; padding: 5px 10px 3px;}
.folder .bd {background: #023A68; overflow: hidden; zoom:1;}

.scroll-view {width: 917px;overflow: hidden; zoom:1;}
.scroll-list {margin: 0; padding: 0;height: 150px; width:3406px;}
.scroll-list li {float: left; padding: 10px 1px 10px 0;font-size: 1px; line-height: 1px;}
.scroll-button a, .scroll-button a:visited, .recent-member, .recent-member:visited {border: 0px none;z-index: 500;}
.scroll-button {float: left; padding: 10px 2px 10px 5px; _margin-right: -3px;}
.scroll-button-ext {float: right; margin-right: 0px; padding: 10px 3px 10px 0px;}
.scroll-button a {display: block; background-position: -25px -979px; width: 15px; height: 130px;}
.scroll-button-ext a{background-position: 0 -979px;}
.scroll-button .disabled {background-position: -75px -979px; cursor: default;}
.scroll-button-ext .disabled {background-position: -50px -979px;}
.scroll-button a:hover{background-color:#2B5B82}
.scroll-button .disabled:hover {background-color: transparent;}


.locations {margin: 10px 0 30px;}
.locations p {font-size: 12px; line-height: 24px; color: #4A709C}
.locations a, .locations a:visited {color: #9DC3DC;border-bottom-color: #4A709C;}
.locations a:hover, .locations a:focus {border-bottom-color: #9DC3DC;}

.member-features, .last-feature {overflow: hidden;_overflow:visible;_zoom:1; }
.feature {width:50%; float: left;}
.feature p{margin-bottom: 20px;}
.feature a, .feature a:visited {color: #FFCC00;}
.feature li {background:transparent url(/images/homepage/bullet.gif) no-repeat 10px 8px;padding-left: 25px;}
.last-feature {float:none;_position:relative; _left:-3px; _margin-right: -3px;width:auto;}

.media {overflow: hidden; zoom:1}
.media .img {float: left; margin: 10px;}
.media .bd {overflow: hidden; zoom:1; }
.feature .media .bd {padding-right: 20px;}

.txtC {text-align: center;}
.hide, .hidden {position: absolute; top: -9999px; left: -9999px;} /* hide, but allow screen readers */

.login-button {background: url(/images/homepage/login.png) no-repeat left top; display: block; width: 66px; height: 34px;float: left;margin: 0 5px 0 0;}
.login-button:hover, .search-button:focus {background-position: left -39px;}
.login-button:active {background-position: left -78px;-ms-background-position-x: 1px;-ms-background-position-y: -77px;}

.message-button, .message-button:visited {background: url(/images/homepage/send-message.png) no-repeat left top; display: block; width: 141px; height: 34px;float: left;margin: 0 10px 0 0;border: 0px none;}
.message-button:hover, .message-button:focus {background-position: left -39px;}
.message-button:active {background-position: left -78px;-ms-background-position-x: 1px;-ms-background-position-y: -77px;}

.smile-button, .smile-button:visited {background: url(/images/homepage/send-smile.png) no-repeat left top; display: block; width: 122px; height: 34px;float: left;margin: 0 0 0 0;border: 0px none;}
.smile-button:hover, .smile-button:focus {background-position: left -39px;}
.smile-button:active {background-position: left -78px;-ms-background-position-x: 1px;-ms-background-position-y: -77px;}

.search-button {background: url(/images/homepage/search.png) no-repeat left top; display: block; width: 121px; height: 43px;float: right;margin: 10px 0 0;}
.search-button:hover, .search-button:focus {background-position: left -48px;}
.search-button:active {background-position: left -96px;-ms-background-position-x: 1px;-ms-background-position-y: -47px;}

.join-button, .join-button:visited {background: url(/images/homepage/join.png) no-repeat left top; display: block; width: 168px; height: 43px;float: right;margin: 10px 0 0;border: 0px none;}
.join-button:hover, .join-button:focus {background-position: left -48px;}
.join-button:active {background-position: left -96px;-ms-background-position-x: 1px;-ms-background-position-y: -47px;}

.profile {color: #000000; position: absolute;margin-top: -367px;z-index: 500;}
.profile .inner { width: 310px; height: 218px; padding: 5px 15px 5px 5px; background-position: 0 -317px; position: relative;}
.profile-left .inner {background-position: 0 -85px;}
.profile-right .inner {background-position: 0 -549px;}
.username {font-size: 20px; line-height: 20px; font-weight: normal;margin: 10px 0;}
.profile a, .profile a:visited {color: #0066CC;border-bottom-color: #94BFEA;}
.profile a:hover, .profile a:focus {border-bottom-color: #0066cc;} 
.profile p {line-height: 18px;}
.profile .button-block {overflow: hidden;padding: 5px 10px;}
#ProfileSampleRant { height: 72px; vertical-align: top; }
.profile .close, .profile .close:visited {display: block; overflow: hidden;background-position: -217px -781px; width: 29px; height: 29px; text-indent: 9999px; border: 0px none; position: absolute; top: -15px; right: -5px;}

/* extra cufon stuff */
.cuf {font-family: Georgia, serif;}
.cufon1 {font-size: 60px; letter-spacing: -3px;}
.cufon2 {font-size: 28px; margin-top: 7px; margin-bottom: 7px;}
.search-form .cufon3 {font-size: 34px; letter-spacing: -2px; top: 15px;}