/*****************************/
/*        PAGE LAYOUT        */
/*                           */

/*
/* This file containes styles for main layout blocks.
/* Sub-elements described in "elements.css"
 */
html {
	height: 100%;
}
html body {
	height: 100%;
	text-align: center;
	background: #000000 url(/img/bg_header.jpg) 50% 0 no-repeat;
}
body#index {
	background: #000000 url(/img/bg_header_index.jpg) 50% 0 no-repeat;
}
#wrapper {
	text-align: left;
	width: 926px;
	height: 100%;
	margin: 0 auto;
}
#sub-wrapper {
	min-height: 100%;
}
* html #sub-wrapper {
	height: 100%;
}


#header {
	height: 189px;
	padding: 0;
	margin: 0;
	position: relative;
	z-index: 20;
	overflow: visible;
}
body#index #header {
	height: 395px;
}

#header #logo {
	position: absolute;
	z-index: 20;
	left: 58px;
	top: 23px;
	display: block;
}
#logo-print {
	display: none;
}

#header-navig {
	position: absolute;
	top: 39px;
	right: 57px;
	width: 400px;
}
#header-navig ul {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: right;
}
#header-navig ul li {
	background-image: none;
	display: inline;
	color: #e0e0e0;
	padding: 0px;
	margin: 0 0 0 30px;
	height: 26px;
	line-height: 26px;
}
#header-navig ul li a {
	color: #ffffff;
	text-decoration: underline;
}
#header-navig ul li a:hover {
	text-decoration: none;
}
#header-navig ul li.current a,
#header-navig ul li.active a {
	color: #e0e0e0;
}

#header-title {
	position: absolute;
	left: 0;
	top: 123px;
}
#header-title img {
	position: absolute;
	left: 10px;
	top: 0;
}
#header-title h1 {
	padding: 3px 0 0 57px;
	margin: 0;
	line-height: 34px;
}
#header-title p {
	padding: 0px 0 0 57px;
	margin: 0;
	font-size: 15px;
	line-height: 15px;
}
#header-title a {	
	color: #fff;
	text-decoration: none;
	border-bottom: 1px solid #898989;
}
#header-title a:hover {
	color: #fff;
	text-decoration: none;
	border-bottom: 1px solid #898989;
}

#header #signup-teaser {
	position: absolute;
	right: 0;
	top: 89px;
	background: transparent url(/img/bg_signup_teaser.jpg) 100% 0 no-repeat;
	padding: 33px 55px 30px 50px;
	text-align: right;
}

#header #login-teaser {
	position: absolute;
	right: 0;
	top: 100px;
	background: transparent url(/img/bg_login_teaser.png) 0 0 no-repeat;
	width: 205px;
	height: 40px;
}
body#index #header #login-teaser {
	top: 215px;
}
#header #login-teaser p {
	padding: 9px 0 0 22px;
	margin: 0;
}
#header #login-teaser img {
	position: absolute;
	right: 16px;
	top: 4px;
}
#header #login-teaser a {
	color: #ffffff;
}

#profile-navig {
	position: absolute;
	right: 0;
	top: 123px;
    height: 34px;
    min-width: 71px;
    background: transparent url(/img/bg_navig_profile2_right.png) right 0 no-repeat;
}
#profile-navig ul {
	position: relative;
	height: 34px;
	background: transparent url(/img/bg_navig_profile2.png) 0 0 no-repeat;
	margin: 0 71px 0 0;
	padding: 0 0 0 17px;
	list-style: none;
}
#profile-navig ul li {
	background-image: none;
	float: left;
	margin: 0 0 0 3px;
	padding: 6px 0 0 0;
	height: 25px;
	line-height: 20px;
	text-align: center;
    background: transparent url(/img/bg_navig_profile2_delimiter.png) 100% bottom no-repeat;
}
* html #profile-navig ul li {
	display: inline;
}
#profile-navig ul li a {
    display: inline-block;
    /* padding: 0 20px 0 17px; */
    padding: 0 17px 0 14px;
}
#profile-navig ul li.prf-my-profile {
}
#profile-navig ul li.prf-my-profile a {
    background: url(/img/ico_prf_my.png) 0 4px no-repeat;
    text-indent: 8px;
}
#profile-navig ul li.prf-kisses {}
#profile-navig ul li.prf-inbox a {
	background: url(/img/ico_prf_inbox.png) 7px 4px no-repeat;
	text-indent: 20px;
}
#profile-navig ul li.prf-credits {}
#profile-navig ul li.prf-deliveries {}
#profile-navig ul li.prf-support {
    background-image: none;
}
#profile-navig ul li.prf-support a {
    padding-right: 17px;
    background: url(/img/ico_prf_support.png) 9px 4px no-repeat;
    text-indent: 20px;
}
#profile-navig ul li.prf-support a.active {
    background-image: url(/img/ico_prf_support_active.png);
}
#profile-navig ul li a {
	color: #fff;
	text-decoration: none;
	display: block;
}
#profile-navig a.logout img {
	position: absolute;
	right: 15px;
	top: 3px;
}



#main {
	position: relative;
	z-index: 10;
	padding: 0 57px 0 57px; 
}
#main #content {
	margin: 0;
	padding: 10px 0 40px 0;
	min-height: 40px;
	position: relative;
	border-bottom: 1px solid #000; /* forces margins to collapse in IE */
}
* html #main #content {
	height: 40px;
}
body#index #main #content {
	padding-top: 0;
	min-height: 30px;
}
#main #content.with-side-bar {
	width: 608px;
}

#main #side-bar {
	margin: 0 0 30px 0;
	padding: 10px 0 0 0;
	width: 180px;
	min-height: 100px;
	float: right;
    position: relative;
}
* html #main #side-bar {
	height: 100px;
	display: inline;
}
#main #side-bar.left {
	float: left;
}
#side-bar p.profile-info-name {
	margin: 0 0 8px 0;
	padding: 0 0 0 25px;
	background: transparent url(/img/ico_profile.png) 4px 2px no-repeat;
	
}
#side-bar #upload-avatar-reminder {
    position: absolute;
    left: -57px;
    top: 57px;
    background: transparent url(/img/bg_avatar_upload_reminder.png) 0 0 no-repeat;
    width: 64px;
    height: 59px;
    padding: 7px 0 0 12px;
}
#side-bar #upload-avatar-reminder a {
    color: #ffffff;
    font-size: 14px;
}
#side-bar img.avatar {
}
#side-bar div.profile-status {
	width: 180px;
	height: 22px;
	margin: 10px 0 20px 0;
	padding: 0;
	background: transparent url(/img/bg_status_label.png) 0 0 no-repeat;
}
#side-bar div.profile-status p {
	padding: 4px 0 0 25px;
	margin: 0;
	font-size: 11px;
}
#side-bar div.profile-status p.status-approval {
	background: transparent url(/img/bull-status-approval.png) 9px 8px no-repeat;
}
#side-bar div.profile-status p.status-active {
	background: transparent url(/img/bull-status-active.png) 9px 8px no-repeat;
}
#side-bar p.list-label {
	margin: 30px 0 0 0;
	padding: 0 5px 10px 5px;
}
#side-bar ul.profile-activities {
	list-style: none;
	margin: 0 0 30px 0;
	padding: 0;
}
#side-bar ul.profile-activities li {
	background-image: none;
	border-top: 1px solid #333333;
	padding: 10px 5px;
	margin: 0;
	font-size: 11px;
}

#main #last-activities {
	float: right;
	width: 600px;
}
#main #last-activities h2 {
	margin-top: 0;
	padding-top: 0;
}

#main #quick-search {
	position: relative;
	height: 56px;
	background-color: #1a1a1a;
	margin: 0 0 30px 0;
}
#index #main #quick-search {
	margin-bottom: 0px;
}
#quick-search-ico {
	position: absolute;
	left: -42px;
	top: 8px;
}
#quick-search-to-advanced {
	position: absolute;
	right: -42px;
	top: 8px;
}
#quick-search form {
	padding: 15px 0;
	margin: 0;
	position: relative;
}
#quick-search form .qs-caption {
	color: #88dcff;
	font-size: 17px;
	line-height: 25px;
	padding: 0 0 0 35px;
}
#quick-search form .qs-search-options {
	position: absolute;
	left: 210px;
	top: 15px;
	width: 392px;
}
#quick-search form .qs-search-options .qs-age {
	line-height: 25px;
}
#quick-search form .qs-search-options .qs-age input {
	width: 55px;
	background-color: #fffff;
	border-style: none;
	height: 20px;
	padding: 2px 0 0 0;
	margin: 0 15px;
	vertical-align: middle;
}
#quick-search form .qs-search-options .qs-photo {
	position: absolute;
	right: 0px;
	top: 0px;
	text-align: right;
	line-height: 25px;
}
#quick-search form .qs-search-options .qs-photo input {
	margin: 0 5px 0 0;
}
#quick-search form .qs-submit {
	position: absolute;
	top: 15px;
	right: 20px;
	text-align: right;
}
#quick-search form .qs-submit input {
	margin-top: -2px;
}

#main #news-teaser {
	float: left;
	width: 340px;
	padding: 0 20px 20px 20px;
	margin: 0 0 40px 0;
	background-color: #121212;
}
#main #news-teaser dt span {
	color: #ee0e6f;
}
#main #news-teaser dt a {
	color: #ffffff;
}
#main #news-teaser p a {
	color: #ffffff;
}
#main #content-teaser {
	float: right;
	width: 390px;
	padding: 0 0 20px 0;
	margin: 0 0 40px 0;
}

/*                  */
/* "Featured" girls */
/*                  */
#main #featured {
	float: none;
	clear: both;
	height: 200px;
	padding: 0 0 20px 0;
	position: relative;
}
* html #main #featured {
}
#featured .featured-control {
}
#featured .featured-photos {
	height: 182px;
	float: left;
	width: 100%;
	overflow: hidden;
	position: relative;
}
* html #main #featured .featured-photos {
	width: 100%;
	position: absolute;
}
#featured .featured-photo {
	float: left;
	width: 182px;
	height: 182px;
	margin: 0 0 0 28px;
	position: relative;
}
#featured .featured-photo.first {
	margin: 0;
}
#featured .featured-photo img {
	width: 182px;
	height: 182px;
}
#featured .featured-photo p.caption {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 27px;
	margin: 0;
	padding: 10px 0 0 0;
	text-indent: 18px;
	background: transparent url(/img/bg_photo_label.png) 0 0 repeat;
}
#featured .featured-photo p.caption span.age {
	margin-left: 10px;
}
#featured .feat-control-prev {
	position: absolute;
	z-index: 20;
	left: -42px;
	top: 71px;
	width: 40px;
	height: 40px;
	background: #000000 url(/img/feat_ctrl_left.png) 0 0 no-repeat;
	cursor: pointer;
	cursor: hand;
}
#featured #feat-control-prev.inactive {
	background: #000000 url(/img/feat_ctrl_left_inactive.png) 0 0 no-repeat;
}
#featured .feat-control-next {
	position: absolute;
	z-index: 30;
	right: -42px;
	top: 71px;
	width: 40px;
	height: 40px;
	background: #000000 url(/img/feat_ctrl_right.png) 0 0 no-repeat;
	cursor: pointer;
	cursor: hand;
}
#featured #feat-control-next.inactive {
	background: #000000 url(/img/feat_ctrl_right_inactive.png) 0 0 no-repeat;
}

/*                              */
/* Girl photos                  */
/* Look almost like "featured"  */
#content .personal-photos {
	float: none;
	clear: both;
	height: 270px;
	padding: 0;
	margin: 0 0 30px 0;
	position: relative;
}
.personal-photos .featured-photos {
	height: 270px;
	float: left;
	width: 100%;
	overflow: hidden;
	position: relative;
}
* html #content .personal-photos .featured-photos {
	width: 100%;
	position: absolute;
}
.personal-photos #photos-subcontainer {
	background: #000 url(/img/bg_marmeladies.png) 0 0 repeat;
	height: 270px;
	width: 150%;
}

.personal-photos .featured-photo {
	float: left;
	width: 270px;
	height: 270px;
	margin: 0 0 0 1px;
	position: relative;
	text-align: left;
}
.personal-photos .featured-photo.first {
	margin: 0;
}
.personal-photos .featured-photo img {
	max-width: 270px;
	width: 270px; /* Achtung! */
	height: 270px;
	display: block;
}
.personal-photos div.caption-bar {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 75px;
	margin: 0;
	padding: 0;
	background: transparent url(/img/bg_photo_label.png) 0 0 repeat;
}
.personal-photos p.caption {
	padding: 20px 0 5px 16px;
	margin: 0;
}
.personal-photos p.caption span.age {
	margin-left: 10px;
}
.personal-photos p.place {
	padding: 0 0 0 16px;
	margin: 0;
}
.personal-photos p.actions {
	position: absolute;
	top: 30px;
	right: 35px;
	width: 420px;
	padding: 0;
	margin: 0;
	text-align: right;
}
.personal-photos p.actions a {
	color: #ffffff;
}
.personal-photos p.actions img {
	vertical-align: text-bottom;
	margin: 0 5px 0 20px;
}
.personal-photos .featured-control {
}
.personal-photos .feat-control-prev {
	position: absolute;
	left: -42px;
	top: 91px;
	width: 40px;
	height: 40px;
	background: #000000 url(/img/feat_ctrl_left.png) 0 0 no-repeat;
	cursor: pointer;
	cursor: hand;
}
.personal-photos #photos-control-prev.inactive {
	background: #000000 url(/img/feat_ctrl_left_inactive.png) 0 0 no-repeat;
}
.personal-photos .feat-control-next {
	position: absolute;
	right: -42px;
	top: 91px;
	width: 40px;
	height: 40px;
	background: #000000 url(/img/feat_ctrl_right.png) 0 0 no-repeat;
	cursor: pointer;
	cursor: hand;
}
.personal-photos #photos-control-next.inactive {
	background: #000000 url(/img/feat_ctrl_right_inactive.png) 0 0 no-repeat;
}



/*        */
/* Footer */
/*        */
#reserve {
	clear: both;
	height: 126px;
}

#footer {
	position: relative;
	z-index: 100;
	text-align: left;
	padding: 0;
	margin: -86px 47px 0 47px; 
	height: 85px;
	clear: both;
	border-top: 1px solid #808080;
}
#footer p.copy {
	padding: 35px 0 0 50px;
	background: transparent url(/img/bg_footer.png) 20px 35px no-repeat;
}
#footer #footer-navig {
	margin: 0;
	padding: 35px 0 0 0;
	position: absolute;
	top: 0px;
	right: 0px;
	list-style: none;
}
#footer-navig li {
	display: inline;
	padding: 0;
	margin: 0 0 0 15px;
	background-image: none;
}
#footer-navig li a {
	color: #ffffff;
}

#footer p.copy span {display:block;}

#footer-navig ul {margin-bottom:0px; margin-top:7px;}

#footer div.social {position:absolute; left: 235px; top: 36px; display:inline-block; }
#footer div.social a {display:inline-block; width:30px; height:30px; background-color:#fff; margin:0px 2.5px;}
#footer div.social a.fb-link {background:url(/img/social/fb-icon.png) no-repeat;  background-size:auto 100%;}
#footer div.social a.tw-link {background:url(/img/social/tw-icon.png) no-repeat;  background-size:auto 100%;}
#footer div.social a.ig-link {background:url(/img/social/ig-icon.png) no-repeat;  background-size:auto 100%;}
#footer div.social a.pt-link {background:url(/img/social/pt-icon.png) no-repeat;  background-size:auto 100%;}