*
{
margin: 0;
padding: 0;
}

img
{
border: none;
}

@font-face {
    font-family: 'BandaRegular';
    src: url('fonts/regular-webfont.eot');
    src: url('fonts/regular-webfont.eot?#iefix') format('eot'),
         url('fonts/regular-webfont.woff') format('woff'),
         url('fonts/regular-webfont.ttf') format('truetype'),
         url('fonts/regular-webfont.svg#webfontaetELc8Y') format('svg');
    font-weight: normal;
    font-style: normal;
/* Font from www.typedepot.com */
}

a:link,
a:visited
{
color: #600e0e;
}

a:hover,
a:focus
{
color: #b49696;
text-decoration: none;
}

body
{
background: #f0f0f0 url(images/wrapper-bg-maroon.jpg) 0 0 repeat-x;
font-family: 'BandaRegular', Verdana, Tahoma, Arial, Helvetica, "Bitstream Vera Sans", sans-serif;
font-size: 0.875em; /* 16px x .75 = 14px */
line-height: 1.285em;
color: #666666;
padding: 0 0 50px 0;
}

p
{
margin: 1em 0;
line-height: 1.571em;
}

h2
{
margin: 0 0 1em 0;
line-height: 1.2em;
}

#wrapper
{
background: url(images/body-bg-maroon.jpg) 0 0 repeat-x;
}

#header
{
width: 960px;
margin: 0 auto;
height: 111px;
}

#logo
{
	width: 322px;
	height: 111px;
	float: left;
}

#menu
{
float: right;
margin: 45px 10px 0 0;
text-shadow: 1px 1px 1px #666666;
}

#menu li
{
list-style: none;
float: left;
font-size: 1.42em;
line-height: 24px;
}

#menu li.join
{
margin: 0 10px 0 0;
padding: 0 10px 0 0;
border-right: 1px solid #d3bfbf;
}

#menu a:link,
#menu a:visited
{
color: #fff;
text-decoration: none;
}

#menu a:hover,
#menu a:active
{
color: #fff;
text-decoration: underline;
}

#main
{
width: 960px;
margin: 0 auto;
padding: 0 0 20px 0;
background: #fff;
-webkit-box-shadow: #333 0px 0px 3px;
-moz-box-shadow: #333 0px 0px 3px;
box-shadow: #333 0px 0px 3px;
}

#join-form-photo
{
padding: 0 0 20px 0;
}

#join-form
{
width: 340px;
float: left;
padding: 10px 0 0 10px;
}

#join-form h2
{
color: #600e0e;
font-weight: normal;
text-transform: uppercase;
background: #f0f0f0;
text-align: center;
font-size: 2.142em;
line-height: 1.166em;
text-shadow: 1px 1px 1px #fff;
margin: 0 0 .5em 0;
}

.join-form-item
{
margin: 0 0 1.1em 0;
}

.join-form-item label
{
display: block;
width: 110px;
float: left;
font-size: 1.285em;
line-height: 24px;
}

.join-form-item select,
.join-form-item input
{
padding: 2px;
border: 1px solid #c4c4c4;
color: #666;
float: right;
}

.join-form-item input
{
width: 214px;
height: 18px;
}

.join-form-item select.gender
{
width: 220px;
padding: 2px;
border: 1px solid #c4c4c4;
}

.join-form-item select.day
{
width: 58px;
margin: 0 4px 0 0;
}

.join-form-item select.month
{
width: 90px;
margin: 0 4px 0 0;
}

.join-form-item select.year
{
width: 64px;
}

.info
{
font-size: 11px;
margin: 0 0 1.5em 0;
}

.join-form-submit
{

text-align: right;
margin-right:84px;

}

#top-photo
{
width: 610px;
height: 395px;
float: right;
background: url(images/tranny4.jpg) 0 0 no-repeat;
text-indent: -10000px;
}

#latest-members
{
margin: 0 0 30px 0;
}

.wld_badge_item
{
width: 120px;
float: left;
text-align: center;
}

.wld_badge_item img
{
background: url(images/member-pic-bg.png) 0 0 no-repeat;
padding: 7px;
}

.wld_badge_item_detail
{
display: none;
}

#bottom-text-search
{
padding: 0 20px;
background: url(images/bottom-text-bg.png) 10px 0 repeat-y;
}

#bottom-text-search h2
{
font-size: 1.857em;
font-weight: normal;
}

#bottom-text
{
width: 580px;
float: left;
}

#search-form
{
width: 300px;
float: right;
}

#search-form-form
{
background: #f0f0f0;
padding: 10px;
}

.search-item
{
padding: 0 0 1.5em 0;
}

.search-item label
{
display: block;
float: left;
width: 100px;
line-height: 24px;
}

.search-item select
{
padding: 2px;
border: 1px solid #c4c4c4;
color: #666;
float: right;
width: 170px;
}

.search-item select.age
{
width: 60px;
}

.and
{
float: right;
width: 50px;
text-align: center;
line-height: 24px;
}

.search-button
{
width: 140px;
margin: 0 auto;
}

#footer
{
width: 960px;
margin: 20px auto 0 auto;
font-size: 12px;
}

/* slightly enhanced, universal clearfix hack */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
.clearfix { display: inline-block; }

.more { 
display: none;
 }

/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* stop commented backslash hack */