/* BODY TAG SETS THE ATTRIBUTES OF THE PAGE EDITOR */

body {
	background:url(images/background.gif) #D5EDF9 top repeat-x;
	padding:0;
	font-size:12px;
	font-family:
	Verdana, Geneva, sans-serif;
	
	color:#300;
	line-height:1.8;
	margin:0;
	font-family: Verdana, Geneva, sans-serif;
}



/* Standard Styles */

* {padding:0; margin:0; z-index:1;}
.clear {clear:both; }
.left {float:left;}
.right {float:right;}
p {margin:0 0 1.5em 0}
hr {margin:5px 0;}
.hr {border-bottom:1px solid #d6d6bf; clear:both; font-size:1px; height:1px; margin:15px 0; width:100%;}

a {
	color:#600;
	text-decoration:underline;
}
a:hover {
	color:#600
}
a img {border:none;}

h1, h2, h3, h4 {}
h1 {
	color:#300;
	font-size:24px;
	margin:0 0 10px 0;
	padding:15px 0 5px 0;
	line-height:1;
	border-bottom:1px dotted #bababa
}
h2 {
	color:#330;
	font-size:20px;
	margin:0 0 10px 0;
	padding:5px 0;
	line-height:1;
}
h3 {
	color:#030;
	font-size:18px;
	margin:0 0 10px 0;
	padding:5px 0;
	line-height:1;
}
h4 {
	color:#030;
	font-size:16px;
	margin:0 0 10px 0;
	padding:5px 0;
	line-height:1;
}

img.clsleft	{margin:0 10px 10px 0; float:left;}
img.clsmiddle {margin:0 10px}
img.clsright {margin:0 0 10px 10px; float:right; }
img.clsborderleft {margin:0 10px 8px 0; border:1px solid #ddd; padding:4px; float:left; }
img.clsbordermiddle {border:1px solid #ddd; padding:4px; }
img.clsborderright {margin:0 0 8px 10px; border:1px solid #ddd; padding:4px; float:right; }
img.border {border:1px solid #ddd; padding:4px; }
img.noborder {border:0;}

.notes	{
	font-size:0.8em;
	color:#030;
	margin:1.5em 0;
}
.shout	{
	color:#036;
	font-size:15px;
	margin:0 0 20px 0;
	padding:10px;
	line-height:1;
	background:#ddd;
}
.shout2 {
	color:#030;
	font-size: 15px;
	font-style:italic;
	margin:0 0 20px 0;
	padding:2px 0 2px 12px;
	line-height:1;
	border-left:10px solid #ddd
}

.quote	{margin:0 0 20px 0; padding:4px 7px; font-weight:bold; background:#ddd;}

.caption { }
.custom1 {margin:1.5em 0;}
.custom2 {margin:1.5em 0; }

ul, ol {margin:0 0 20px 30px;}
li {}

table {border:none; padding:0; font-size:1em;}
table td {padding:0; border:none; vertical-align:top;}



/* Structural Styles */

#container {width:960px; margin:0 auto;  padding:0 0 25px 0; } 

#top {height:120px; background:url(images/topbar.jpg);}

#main {border-left:1px solid #2c2c2c; border-right:1px solid #2c2c2c; background:url(images/header.gif) #D5EDF9 top no-repeat;}

#header {height:215px; }
#header h1 {float:left; height:182px; width:316px; text-indent:-9999px; background:url(images/sitelogo.jpg); border:none; margin:33px 0 0 27px; padding:0;}

#header h1 a {width:100%; height:100%; display:block;}

#headtext {
	width:250px;
	float:left;
	margin:34px 0 0 60px;
	color:#000
}

#navigation {
	background:url(images/nav.gif);
	height:46px;
	clear:both;
	border-top:1px solid #2c2c2c;
	border-bottom:1px solid #2c2c2c;
	width: 960px;
}
.nav {
	margin:0px;
	overflow:hidden;
	padding:0;
	width: 960px;
}
.nav li {display:block; margin:0; float:left; }
.nav li a {
	text-decoration:none;
	display:block;
	height:26px;
	line-height:26px;
	padding:10px 20px;
	font-size:12px;
	color:#000;
}
.nav li a#active {}
.nav li a:hover {
	background:#B7D8B1;
	color:#300
}

#pagecontent { min-height:300px; background:url(images/page_top.gif) top repeat-x; border-bottom:1px solid #161616;}

#footer {
	height:46px;
	background:url(images/footer.gif);
	clear:both;
	padding:0;
	color:#003;
	border-left:1px solid #2c2c2c;
	border-right:1px solid #2c2c2c;
	border-top:1px solid #2c2c2c
	}
#footer #footer-inner {width:960px; margin:0 auto; }
#footer a {
	color:#000
}



/* Content Styles */

#formdiv {float:left; width:370px;}
form#contact {margin:0; width:370px;}
form#contact .inputsurround {overflow:hidden; padding:0 0 10px 0; }
form#contact .inputsurround label {float:left; width:100px;}
form#contact .inputsurround input, form#contact .inputsurround textarea {float:right; width:260px; clear:right}
form#contact .inputsurround .submit {background: #5bc2fb; border: 0; cursor: pointer; color: white; padding:2px; width:70px; margin:5px 0; clear:both;}
#contactinfo {width:200px; float:left; margin:0 0 0 50px;}
#contactinfo h2 { margin:0;}
#contactinfo p { margin: 0 0 20px 0;}

#startop {float:right; margin:-60px -6px 0 0; width:168px; height:107px; background:url(images/100_top.gif); text-indent:-9999px;}

#find {width:247px; float:left;  margin:32px 0 15px 25px; border-right:1px solid #2a2a2a; padding-right:2px;}
#signup {width:662px; float:right;  background:url(images/mainimage.jpg) right top no-repeat; height:650px}

#mainimagesect {width:462px; float:right;  background:url(images/about.jpg) right top no-repeat; height:650px}
#mainimagefaq {width:462px; float:right;  background:url(images/faq.jpg) right top no-repeat; height:650px}
#mainimagetips {width:462px; float:right;  background:url(images/tips.jpg) right top no-repeat; height:650px}
#mainimagelinks {width:462px; float:right;  background:url(images/links.jpg) right top no-repeat; height:650px}
#mainimagestandard {width:462px; float:right;  background:url(images/standard.jpg) right top no-repeat; height:650px}

#find h2, #signup h2 {height:32px; text-indent:-9999px; margin:0; padding:0;}
h2#older-woman-h2 {background:url(images/femalelabel.jpg) no-repeat; width:240px; margin:0 0 15px 0}
h2#sign-up-h2 {background:url(images/sign_up_free.jpg) no-repeat; width:240px; margin-top:-14px; margin-bottom:7px}
h2#toyboy-h2 {background:url(images/malelabel.jpg) no-repeat; width:240px; clear:both; margin:25px 0 15px 0;}

.hideselect {display:none;}

#findwomen-button {background:url(images/findfemale.jpg); width:225px; height:48px; border:none; cursor:pointer;}
#findman-button {background:url(images/findmen.jpg); width:225px; height:48px; border:none; cursor:pointer;}

#signup form {width:315px; clear:both;}
#signup label, #signup select, #signup input {float:left; margin:0 5px 0 0;}
#signup input {width:203px}
#signup label {width:70px;}
#signup label.longlabel {width:110px; }
#signup .row {clear:both; padding:11px 0; height:21px;}
#signup #howrow {height:31px; line-height:1.3}
#signup #howrow select {margin-top:3px; width:168px}
#signup #submit {background:url(images/joinnow.jpg); width:225px; height:48px; border:none; cursor:pointer;}
#day {width:52px;}
#month {width:87px;}
#year {width:58px;}
#gender {width:67px}
#gender2 {width:60px}

.nicknames {clear:both; display:block; line-height:1.3; margin:-6px 0 5px 75px; width:203px; font-size:11px;}
#termslink {line-height:1.3; clear:both; margin-top:5px;font-size:11px;}

.findindent {margin-left:3px; margin-bottom:12px}

#contentarea {width:654px; height:195px; padding:50px 0 0 0; clear:both;}
#social {width:180px; float:right; padding-top:50px; margin-right:20px;}

#maleform select, #womanform select {margin-top:2px;}

#login {float:left; width:239px; margin:26px 20px 0 40px;}
#login label {width:70px; float:left; font-weight:bold;}
#login input {float:right; width:140px;}
#login p {clear:both; padding:10px 0;}
#login #login-button {background:url(images/login.jpg); width:159px; height:47px; border:none; margin:10px 0; cursor:pointer;}


/* WLD Styles */

#wld_badge_wrapper {  }
#wld_badge_inner { padding:0; }

.wld_badge_item { float: left; margin: 0 20px 0 3px; padding: 0; }
.wld_badge_item img { border: 1px solid #5b5b5b; padding:3px; background:#000;}
.wld_badge_item_detail { display:none; }


#femalefeed #wld_badge_item_2, #femalefeed #wld_badge_item_4 { display: none; }

#malefeed #wld_badge_item_1, #malefeed #wld_badge_item_3{ display: none; }

#blankpage {padding:25px 30px;}.emphasised {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bolder;
}
.gap {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #300;
}
.emphasul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bolder;
	text-decoration: underline;
}