/* Landing page */

.button {
	font-size: 1em;
}


/* Header */

.header {
	height: 100px;
	padding: 20px;
}

	/* Language */

	.header ul.lang {
		height: 28px;
		margin: 0;
	}

	/* Sign In form */

	.header fieldset {
		clear: right;
		float: right;
		width: 288px;
		height: 60px;
		margin: 0;
		border: 1px solid #000;
		padding: 5px;
		overflow: hidden;
	}
		.header fieldset .form-row,
		.header fieldset .form-submit {
			float: left;
			margin: 0 .5em 0 0;
			overflow: visible;
		}
		.header fieldset .form-submit {
			margin: 1.45em 0 0;
		}
			.header fieldset .form-row .form-label {
				float: none;
				width: auto;
			}
			.header fieldset .form-row .form-field,
			.header fieldset .form-row .form-comment {
				width: 120px;
				margin-left: 0;
			}
				.header fieldset .form-row input {
					width: 113px;
					font: normal 1em/1.4 'Helvetica Neue', Arial, Helvetica, sans-serif;
				}
			.header fieldset .form-row .form-comment {
				white-space: nowrap;
			}

	/* Forgot password */

	.forgotpassword {
		width: 550px;
	}
		.forgotpassword h1 {
			margin-bottom: 1.2em;
		}



/* Promo block
------------------------------ */

.promo {
	position: relative;
	height: 262px;
	margin: 0 0 20px;
	padding: 20px 20px 18px;
	background-repeat: no-repeat;
	background-position: 0 0;
	overflow: hidden;
}

	.promo .two-columns {
		padding: .75em 0 0;
	}
		.promo .two-columns .column-1st {
			width: 280px;
		}
		.promo .two-columns .column-2nd {
			float: right;
			width: 280px;
			margin-left: 0;
		}

	/* Show grid */

	.show-grid {
		position: absolute;
		top: 0; left: 0;
		width: 980px; height: 300px;
		background: transparent url(../images/ws/promo-grid.png) no-repeat 0 0;
	}
		.show-grid #headline {
			background-color: yellow;
		}
		.show-grid #call-to-action {
			background-color: orange;
		}
		.show-grid #action-button {
			background-color: green;
		}


	/* Layout engine */

	.promo #headline,
	.promo #call-to-action,
	.promo #action-button,
	.promo form {
		position: absolute;
	}

	/* Size */

	.promo .col-1  { width: 300px; }
	.promo .col-2  { width: 620px; }
	.promo .col-3  { width: 940px; }

	.promo .row-1  { height: 20px; }
	.promo .row-2  { height: 40px; }
	.promo .row-3  { height: 60px; }
	.promo .row-4  { height: 80px; }
	.promo .row-5  { height: 100px; }
	.promo .row-6  { height: 120px; }
	.promo .row-7  { height: 140px; }
	.promo .row-8  { height: 160px; }
	.promo .row-9  { height: 180px; }
	.promo .row-10 { height: 200px; }
	.promo .row-11 { height: 220px; }
	.promo .row-12 { height: 240px; }
	.promo .row-13 { height: 260px; }

	/* Margins */

	.place-x1  { left: 20px; }
	.place-x2  { left: 340px; } /* Use only with col-1 or col-2 */
	.place-x3  { left: 660px; } /* Use only with col-1 */

	.place-y1  { top: 20px; }
	.place-y2  { top: 40px; }
	.place-y3  { top: 60px; }
	.place-y4  { top: 80px; }
	.place-y5  { top: 100px; }
	.place-y6  { top: 120px; }
	.place-y7  { top: 140px; }
	.place-y8  { top: 160px; }
	.place-y9  { top: 180px; }
	.place-y10 { top: 200px; }
	.place-y11 { top: 220px; }
	.place-y12 { top: 240px; } /* Use only with row-1 and row-2 */
	.place-y13 { top: 260px; } /* Use only with row-1 */

	/* Align to right */

	.promo #headline.align-right,
	.promo #call-to-action.align-right {
		text-align: right;
	}
	.promo #action-button.align-right a {
		float: right;
	}


	/* Headline */

	.promo #headline {
	}
		.promo #headline h1 {
			margin: 0;
		}


	/* Call-to-action */

	.promo #call-to-action {
	}
		.promo #call-to-action h2 {
			margin: 0;
		}


	/* "Join Now" button */

	.promo #action-button {
	}
		.promo #action-button a {
			float: left;
			height: 46px;
			padding: 0 30px 0 0;
			background: url(../images/ws/b-promo-r.png) no-repeat 100% 0;
			color: #FFF;
			text-decoration: none;
			font-size: 1.2em;
		}
		.promo #action-button a:hover {
			text-decoration: underline;
		}
			.promo #action-button a strong {
				float: left;
				height: 38px;
				padding: 8px 15px 0 30px;
				background: url(../images/ws/b-promo-l.png) no-repeat 0 0;
			}

	/* Search form */

	.promo form.search {
		top: 20px;
		width: 260px;
		height: 262px;
		margin: 0 -1px !important;
		padding: 0 21px;
		background: transparent url(../images/ws/bg-search.png) no-repeat 0 0;
		font-size: .9em;
	}

	/* Sign Up form */

	.promo form.signup {
		top: 20px;
		width: 580px;
		height: 262px;
		margin: 0 -1px !important;
		padding: 0 21px;
		background: transparent url(../images/ws/bg-signup.png) no-repeat 0 0;
		font-size: .75em;
	}
		.promo form.signup fieldset {
			padding: .5em 0 0;
		}

		.promo form.signup .form-row,
		.promo form.signup .form-submit {
			margin: .2em 0;
		}
			.promo form.signup .form-row .form-label {
				width: 70px;
			}
			.promo form.signup .form-row .form-field,
			.promo form.signup .form-row .form-comment {
				margin-left: 80px;
			}

		.promo form.signup .meta,
		.promo form.signup .form-comment {
			line-height: 1.2;
			font-size: .9em;
		}
		.promo form.signup select#signup-country {
			width: 95%;
		}
		.promo form.signup a.button {
			font-size: 1.2em;
		}


	/* Promotion */

	.promo .promotion {
		top: 20px;
		width: 580px;
		height: 262px;
		margin: 0 -1px !important;
		padding: 0 21px;
		background: transparent url(../images/ws/bg-signup.png) no-repeat 0 0;
		font-size: .75em;
	}
		.promo .promotion img.bordered {
			display: block;
			margin: 10px 0 0;
			border: 1px solid #000;
			padding: 1px;
		}


/* Content
------------------------------ */

.content {
	padding: 0 20px 20px;
	font-size: .8em;
	overflow: hidden;
}

	/* Grid */

	.content .container {
		margin: 0 0 20px;
		overflow: hidden;
	}
	.content .col-1,
	.content .col-2,
	.content .col-3 {
		float: left;
		margin-right: 20px;
	}
	.content .col-1 { width: 300px; }
	.content .col-2 { width: 620px; }
	.content .col-3 { width: 940px; }

	.content .last {
		margin-right: 0 !important;
	}

	.content .block-content {
		padding: 5px 19px;
		border-width: 0 1px;
		border-style: solid;
	}

	/* Rounded corners */

	.rc {
		display: block;
	}
		.rc b {
			display: block;
			height: 1px;
			font-size: .01em;
			overflow: hidden;
		}
		b.rc1 {
			margin: 0 3px;
			border-width: 0 1px;
			border-style: solid;
			padding: 0 1px;
		}
		b.rc2 {
			margin: 0 2px;
			border-width: 0 1px;
			border-style: solid;
		}
		b.rc3 {
			margin: 0 1px;
			border-width: 0 1px;
			border-style: solid;
		}
		b.rc4 {
			border-width: 0 1px;
			border-style: solid;
		}
		b.rc5 {
			border-width: 0 1px;
			border-style: solid;
		}


	/* Generic content */

	.content h2 {
		margin: .25em 0 .75em;
	}


	/* Testimonial */

	.testimonial {
	}
		.testimonial img {
			display: block;
			border: 1px solid #000;
			padding: 1px;
		}
		.testimonial blockquote {
			margin: 0 -20px 0 -30px;
			padding: 5px 20px 0 30px;
			background-color: transparent;
			background-repeat: no-repeat;
			background-position: 0 12px;
		}
			.testimonial blockquote,
			.testimonial blockquote p {
				font: italic 1em/1.6 Georgia, "Times New Roman", Times, serif;
			}
		.testimonial p {
			font-size: .9em;
		}


	/* Search */

	.search {
	}
		.search .block-content {
			padding-bottom: 30px;
			font-size: 1.1em;
		}
			.search .block-content h1 {
				padding-top: .6em;
			}
			.search .block-content .form-submit {
				border: 0;
				padding: 0;
				background-color: transparent;
			}


	/* Featured profiles */

	ul.featured-profiles {
		margin: 0;
		padding: .4em 0 1em;
		overflow: hidden;
	}
		ul.featured-profiles li {
			float: left;
			width: 160px;
			padding: 0 20px 0 0;
			list-style: none;
		}
			ul.featured-profiles img {
				display: block;
				width: 100px;
				height: 125px;
				margin: 0 0 .5em;
				border: 1px solid #000;
				padding: 1px;
				background-color: #FFF;
			}
			ul.featured-profiles strong {
				display: block;
			}
			ul.featured-profiles .profile-location {
				display: block;
				color: #999;
				font-size: .85em;
			}



/* Footer
------------------------------ */

.footer {
	border-bottom: 0px solid #000;
}



/* SEO content
------------------------------ */

.block-about {
	margin: 0 20px;
	border-top: 1px solid #FFF;
	padding: 10px 0 20px;
	font-size: .7em;
}
	.block-about h1 {
		margin: 1.5em 0 .4em;
		font-weight: normal;
		font-size: 1.25em;
	}
	.block-about h2 {
		margin: 1.75em 0 .4em;
		text-transform: uppercase;
		font-weight: normal;
		font-size: 1.1em;
	}
	.block-about h3 {
		margin: 1.85em 0 .5em;
		font-size: 1.1em;
	}


/* Search
------------------------------ */

.search fieldset {
	margin: 0;
}
	.search fieldset h1 {
		margin: 0;
		padding: 1em 0 .6em;
		text-align: center;
		line-height: 1.2;
		font-size: 1.15em;
	}
	.search fieldset .form-row {
		margin: .75em 0 1.5em;
	}
		.search fieldset .form-row .form-label {
			width: 120px;
			text-align: right;
		}
		.search fieldset .form-row .form-field {
			margin-left: 140px;
		}
	.search fieldset .form-submit {
		margin: 1.5em 0 0;
	}
		.search fieldset a.button {
			float: none;
			display: block;
			width: 100px;
			margin: 0 auto;
		}
			.search fieldset a.button span {
				float: none;
				display: block;
				padding-left: 20px;
			}