.clear{ clear:both}


.margin{ margin: 10px !important;}
.margin-bottom{ margin-bottom: 10px !important;}
.small-margin-bottom{ margin-bottom: 5px !important;}
.margin-top{ margin-top: 10px !important;}
.margin-left{ margin-left: 10px !important;}

.color_1 { color:#fff; }
.color_1_bg { background:#fff; }
.color_1_border { border: 1px solid #fff;}
.color_1_right_border { border-right: 1px solid #fff;}
.color_2 { color:#000; }
.color_2_bg { background:#000; }
.color_2_border { border: 1px solid #000; }
.color_2_bottom_border { border-bottom: 1px solid #000; }
.color_3 { color:#ff195f; }
.color_3_bg { background:#ff195f; }
.color_3_border { border: 1px solid #ff195f; }
.color_3_bottom_border { border-bottom: 1px solid #ff195f; }
.color_3_left_border { border-left: 1px solid #ff195f; }
.color_4 { color:#fffcb3; }
.color_4_bg { background:#fffcb3;}
.color_4_border { border: 1px solid #fffcb3; }
.color_5 { color:#a7deee; }
.color_5_bg { background:#a7deee;}
.color_5_border { border: 1px solid #a7deee; }
.color_6 { color:#0b6e8b; }
.color_6_bg { background:#0b6e8b;}
.color_6_border { border: 1px solid #0b6e8b; }
.color_7 { color:#85bdcd; }
.color_7_bg { background:#85bdcd;}
.color_7_left_border { border-left: 1px solid #85bdcd; }

.color_8{ color: #2e2d2d}

.relative{ position: relative; }

.center{ text-align: center}

.font_size_0_8{ font-size: 0.8em }
.font_size_0_9{ font-size: 0.9em }
.font_size_1_1{ font-size: 1.1em }
.font_size_1_2{ font-size: 1.2em }
.font_size_1_3{ font-size: 1.3em }
.font_size_1_4{ font-size: 1.4em }
.font_size_1_5{ font-size: 1.5em }
.font_size_1_6{ font-size: 1.6em }
.font_size_1_7{ font-size: 1.7em }
.font_size_1_8{ font-size: 1.8em }
.font_size_2{ font-size: 2em }

#linkexchange h3{ margin: 0;}
ul.linkexchange {
    list-style: none;
    overflow: hidden;
    padding: 0;
    margin: 0 0 20px 0;
}
ul.linkexchange li {
    float: left;
    width: 170px;
}
ul.linkexchange li a {
	font-size: 0.9em;
    color: #000;
    text-decoration: none;
}

a.button{
	background: url('/img/button-left.png') no-repeat left top;
	height: 41px;
	display: inline-block;
	text-decoration: none;
}

a.button span{
	display: inline-block;
	background: url('/img/button-right.png') repeat-x right top;
	height: 41px;
	line-height: 41px;
	margin-left: 10px;
	padding: 0 10px 0 0;
}

button{
	cursor: pointer;
	display: block;
	position: relative;
	padding: 0;
	margin: 0 auto;
	background: url('/img/button-left.png') no-repeat 0 0;
	height: 42px;
	text-decoration: none;
	border: none;
}

button span{
	position: absolute;
	left: 10px;
	top: 0;
	background: url('/img/button-right.png') repeat-x right top;
	height: 42px;
        line-height: 42px;
	margin: 0 ;
	padding: 0 10px 0 0;
}

.search-item{
	float: right;
	height: 41px;
	margin: 0 40px 10px 0;
	clear:both;
}

.search-item label{
	float:left;
	line-height: 41px;
	width: 150px;
	text-align: right;
	margin: 0 10px 0 0;
}

.search-item .age-divider{
	 float: left; 
	 height: 41px; 
	 line-height: 41px; 
	 margin: 0 16px;
}

div.selectbox{
	float:left;
	background: url('/img/selectbox-left.png') no-repeat left top;
	height: 41px;
	margin: 0;
}


div.selectbox span.selectbox-inner{
	display: block;
	background: url('/img/selectbox-right.png') no-repeat right top;
	height: 35px;
	margin-left: 13px;
	padding: 3px 13px 3px 0;
}

div.selectbox span select{
	border: 0 none;
	padding: 8px;
}


h2,h3,h4,h1{	font-weight: 400; }







body{ 
	background: url('/img/bg.png') repeat-x;
	font-family: 'Roboto Condensed', arial, sans-serif;
	font-size: 1em;
	margin: 0;
	padding: 0;
	
	-webkit-text-stroke: 0.15px;

}

.container{
	margin: 0 auto;
	width: 1040px;
}

#header{
	/*background: url('/img/header-bg.jpg') right top no-repeat;*/
	height: 96px;
	overflow: hidden;
}

#logo{ margin: 0; padding: 0}
#logo a{
	float: left;
	background: url('/img/logo.png') no-repeat;
	width: 147px;
	height: 60px;
	text-indent: -9999px;
	margin: 16px 0 0 155px;
	position: relative;
	z-index: 5;
}

#header #right{ float: right; }
#header #right-top{ line-height: 35px;}
#header #right-top #login{ background: url('/img/login.png') no-repeat; display: inline-block; height: 35px; width: 87px; text-align: center; text-decoration: none; margin: 0 0 0 10px}
#header #stats{ margin: 0 50px 0 0;}


#left-box{
	float: left;
	width: 600px;
	height: 326px;
}

#left-box #girl{
	background: url('/img/girl.jpg') no-repeat;
	position: absolute;
	bottom: 0;
	left: -102px;
	width: 244px;
	height: 422px;
	z-index: 4;
}

#left-box-text{
	margin-left: 145px;
}

#left-box-text h2{
	font-size: 2em;
	margin: 10px 0 0 0;
}

#left-box-text p{
	margin: 0 10px 10px 0;
	line-height: 1.6em;
}

#left-box-text #online-members{
	font-size: 17px;
	height: 41px;
	background: url('/img/arrow-left.png') no-repeat left center;
	padding-left: 15px;
	margin-left: 5px;
}
	
	
#right-box{
	float: left;
	width: 440px;
	height: 326px;
}

#right-box #right-box-text{
	position: relative;
	z-index:2;
}

#right-box-text h2{
	font-size: 2em;
	margin: 10px 0 0 20px;
}

#right-box #scope{
	background: url('/img/scope.png') no-repeat;
	position: absolute;
	bottom: -30px;
	left: 0;
	width: 285px;
	height: 337px;
	z-index: 1;
}

.profile-box{
	clear:both;
	overflow: hidden;
	padding: 30px 0;
}

.profile-box h2{
	float: left;
	margin-top: 0;
	margin-bottom: 10px;
}

.profile-box h2 small{
	margin-left: 20px;
}

.profiles{}
	
.profiles .profile-item{float: left; width:200px; /*height: 200px;*/ margin-right: 10px; margin-bottom: 30px}
.profiles .profile-item.last {margin-right:0}
	
.profiles .profile-item img{ border: 0 none;} 
.profiles .profile-item .big-image{width: 200px; height: 200px; float:left; margin-bottom: 6px;}
.profiles .profile-item .small-image{width: 62px; height: 62px; float:left; margin: 0 7px 6px 0px;}
.profiles .profile-item .small-image.last{ margin-right: 0;}
.profiles .profile-item a{ text-decoration: none; }
.profiles .profile-item span{ display: block; clear: both; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 200px}


.full-size-container{
	width: 100%;
	overflow: hidden;
}

#register-container{
	margin: 20px auto;
	width: 1040px;
}

#register-container .left{  float: left; width: 439px; height: 575px;}
#register-container .right{ float: left; width: 599px; height: 575px;}

#register-container h3{
	margin: 0 0 10px 0;
	font-size: 25px;
	text-align: center;
}

#register-container .right h3{ margin: 0 0 10px 20px; text-align: left;}
#register-container .right p{ margin: 0 10px;}

.round-bg{
	clear: both;
	line-height: 59px;
}

.round-bg div{
	background: url('/img/round-bg.png') no-repeat;
	display: inline-block;
	height: 59px;
	width: 59px;
	line-height: 59px;
	text-align: center;
	margin: 0 10px 20px 20px;
	
}

.form-field label{
	float:left;
	height: 41px;
	line-height: 41px;
	width: 139px;
	text-align: right;
	margin: 0 10px 0 0;
}

.form-field{
	height: 41px;
	line-height: 41px;
}
.form-field .input-field{
    float: left;
    height: 41px;
    margin: 0;
    line-height: 41px;
}

.form-field input{
	width: 213px;
	padding: 5px;
	font-size: 1em;
	height: 21px;
}

.form-field select{
	height: 31px;
	font-size: 1em;
	padding: 5px;
}






#profile-left-box{
	float: left;
	width: 320px;
	margin: 10px 0 0 0; 
	height: 100%;
}

#profile-left-box h2{ text-align: center; margin: 0 0 10px 0;} 
#profile-left-box img{ display:block; margin-bottom: 10px; overflow:hidden}
#profile-left-box .small-image{
	width: 145px;
	margin-top: 10px;
}

#profile-left-box .small-image.first{
	margin-right: 10px;
}

#profile-left-box .button{ margin-bottom: 10px}
#profile-left-box .button span{width: 280px;}


#profile-right-box{
	margin-left: 10px;
	float: left;
	width: 710px;
	height: 100%;
}

#profile-right-box h2{
	margin: 0px;
}

#profile-right-box p{ margin: 0 0 10px 0}

#profile-right-box table{ width: 100%; border-collapse: collapse; }
#profile-right-box table tr{ height: 30px; margin: 0; padding: 0;}
#profile-right-box table td{ margin: 0; padding: 0 0 0 10px;}

#profile-right-box #more-information{
	float: left; width: 40%;	
}

#profile-right-box #register-container{
	float: left; width: 60%;
}

.pagination{ width: 360px; overflow: hidden; margin: 0 auto;}
.pagination span{ float: left; height: 30px; line-height: 30px; margin-right: 10px}
.pagination ul{
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
}
.pagination ul li{
	float: left;
}
.pagination ul li a{
	display: block;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	text-decoration: none;
}

.pagination ul li:hover{ background: #eee; color: #000}
.pagination ul li:hover a{ color: #000}  

#lightbox { z-index: 9999; width:100%; height:100%; position: fixed; background:url(../img/lightbox.bg.png); display: none; }
#lightbox form.register { position:relative; z-index:0; padding:0;  width:387px; height:224px; margin:0 auto; margin-top:300px; }
#lightbox form.register #close { height:74px; width:74px; background:url(../img/lightbox.close.png); position:absolute; top:-37px; right:-37px; }
#lightbox form #inner_bg { margin:15px; float:left; height:194px; width: 357px; padding: 0; }
#lightbox form.register h2 { margin: 0 0 10px 0; padding: 0 0 10px 0;}
#lightbox form.register label{ width: 115px;}

#register-container div.success{
    margin-right: 20px;
}