body { background: #180202 url(images/bg-body.jpg) top center no-repeat; margin: 0; font-family: "Lucida Sans", "Helvetica Neue", Arial, Helvetica, sans-serif;}
#wrapper { width: 700px; margin: 0 auto; text-align: left; }
#header { height: 85px; }
#content { background-color: #fff; padding: 20px 25px; text-align: left;}
#content-body {
	background-color: #dde1e0;
	padding: 30px;
	min-height: 490px;
	height: auto !important;
	height: 490px;
	position: relative;
}

#footer { background: transparent url(images/bg-footer.png) center -25px no-repeat; padding: 20px 5px 0 5px; text-align: right; color: #fff; }

a { outline-style: none; }

/* menu class */
.menu { list-style: none; margin: 0; color: #85928f; text-transform: lowercase;}
.menu li { display: inline; padding: 0 5px; border-right: 1px solid; }
.menu li.last { border-right: 0; }
.menu li, .menu a, .menu a:hover { font-weight: bold; color: #85928f; }
.menu a { text-decoration: none; }
.menu a:hover { text-decoration: underline; }

#footer .menu { color: #fff; text-transform: none; }
#footer .menu li { font-size: 0.95em; }
#footer .menu li, #footer .menu a, #footer .menu a:hover { color: #fff; }

/* Section Header */
.block-title { color: #85928f; font-weight: bold; letter-spacing: -2px; margin: 0; text-transform: uppercase; }

/* Section Sub-Header */
.block-subtitle { color: #3e1a2d; font-size: 1.2em; font-weight: bold; margin: 0; margin-top: -0.5em; margin-bottom: 1em; font-style: normal; }

/* Big logo overlay */
.logo-overlay {
	display: none;
	visibility: hidden;
	height: 0;
	width: 0;
	background: transparent url(images/bg-logo-overlay.png) center center no-repeat;
	position: absolute;
	bottom: -25px;
	right: -25px;	
}

/* Small logo inline (replace span text) */
.logo-inline {
	background: transparent url(images/bg-logo-inline.png) center center no-repeat;
	display:inline-block;
	height:25px;
	width:110px;
	line-height: 25px;
}
.logo-inline em { visibility:hidden; }

/* Form styles */
form dd { margin-left: 0; margin-bottom: 1em; }
form label { color: #3e1a2d; }
fieldset { padding: 1em; }

input.short, select.short { width: 180px !important; }
input.text, input.title { padding: 2px 5px; margin: 0; }
select { padding: 2px; margin: 0; }
textarea { margin: 0; }

dd.action input { float: right; }
dd.action span { margin-bottom: 0; line-height: 30px; display: block; padding-right: 95px; }
dd.ajax-loading { background-position: 225px 50%; }

/* Button class definition */
.button {
	background:transparent url(images/bg-button-default.png) no-repeat center top;
	border: 0 none;
	color:#FFFFFF;
	font-family:Trebuchet MS;
	height:30px;
	letter-spacing:-1px;
	padding-bottom:5px;
	text-transform:uppercase;
	width:90px;
}

.button:hover, input.button:hover, .button:focus, input.button:focus {
	background-position: center -28px;
	cursor: pointer;
	color: #fff;
}

/* paginator and buttons */
.paginator { display: block; width: 295px; float: right; }
.paginator a { text-decoration: none; }
.paginator span { float: left; }
.paginator .totals { line-height: 27px; height: 27px; display: block; margin: 0 1em; }
.paginator .button { padding: 0; width: 40px; line-height: 27px; height: 27px; display: block; overflow: hidden; }
.paginator .button em { visibility: hidden; height: 27px; width: 40px; overflow: hidden; }

.button.first-page { background-image: url(images/bg-button-paginator-first.png); }
.button.previous-page { background-image: url(images/bg-button-paginator-previous.png); }
.button.next-page { background-image: url(images/bg-button-paginator-next.png); }
.button.last-page { background-image: url(images/bg-button-paginator-last.png); }
.search-again .button { background-image: url(images/bg-button-searchagain.png); }

/* Ajax loading */
.ajax-loading {
	background-image: url(images/ajax-loader.gif);
	background-repeat: no-repeat;
}

.autocompleter-loading {
	background-image: url(images/autocompleter-loader.gif);
	background-position: 170px 50%;
	background-repeat: no-repeat;
}

/* Validation error */
.validation-error { padding-right: 20px; background: transparent url(images/bg-validation-error.png) center right no-repeat; }

.tip {
	color:#FFFFFF;
	/*width:240px;*/
	z-index:13000;
}
.tip-title {
	background:#2E2E2E none repeat scroll 0 0;
	color:#9FD4FF;
	font-size:11px;
	font-weight:bold;
	margin:0;
	padding:8px 8px 4px;
}
.tip-text {
	background:#3F3F3F none repeat scroll 0 0;
	font-size:11px;
	padding:4px 8px 8px;
}
.tip-text ul {
	margin-bottom: 0;
	padding: 0.5em;
}

/* Tabs */
#settings-forms-container {
	margin-top: 1em;
}

#settings-forms-container dl {
	margin: 0 !important;
}

.tab-wrapper {
	padding: 1em 1.5em;
	margin: 0;
	border: 1px solid #eee;
	/* clear: both; */
}
.tab-menu {
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: auto;
	display: block;
	height: 2em;
}
.tab-menu li {
	margin: 0;
	padding: 0;
	float: left;
	line-height: 2em;
}
.tab-menu li a {
	padding: 0 .5em;
	font-weight: bold;
	color: #85928F;
	text-decoration: none;
}
.tab-menu li a:hover, .tab-menu li a:focus {
	text-decoration: underline;
}
.tab-menu li.tab-selected a {
	text-decoration: none;
	color: inherit;
	/* your effect here */
}
.tab-wrapper, .tab-selected { background-color: #eee; }

/* Classes for each #content-body block (auth-login, user-search, users-list, etc) */
.block-auth-login, .block-users-register {
	padding-right: 280px !important;
	background-image: url(images/bg-people-girl01.jpg);
	background-position: top right;
	background-repeat: no-repeat;
}

.block-users-register {
	background-image: url(images/bg-people-couple01.jpg);
}

.block-users-search {
	background-image: url(images/bg-people-couple02.jpg);
	background-position: bottom left;
	background-repeat: no-repeat;
	padding-bottom: 100px !important;
}

.block-auth-login .menu, .block-users-register .menu, .block-users-view .menu {
	display: none;
	visibility: hidden;
	height: 0;
}

.block-users-view {
	background-color: #fff !important;
	background-image:url(images/bg-logo-overlay-small.png);
	background-position: 575px 0px;
	background-repeat:no-repeat;
	padding:5px !important;
}

.block-auth-login .logo-overlay, .block-users-register .logo-overlay, .block-users-search .logo-overlay {
	display: block;
	visibility: visible;
	height: 300px;
	width: 300px;
}
.block-auth-login dl { margin: 1em 0 0.5em; }
.block-auth-login form dt { display: none; vissibility: hidden; }
.block-auth-login form dd { display: inline; margin-left: 0; }
.block-auth-login input.text { width: 155px; }
.block-auth-login dd.action, .block-users-register dd.action, .block-users-settings dd.action { display: block; position: relative; }
.block-auth-login dd.action input, .block-users-register dd.action input, .block-users-settings dd.action input { float: right; }
.block-auth-login dd.action span, .block-users-register dd.action span, .block-users-settings dd.action span { margin-bottom: 0; line-height: 30px; display: block; padding-right: 95px; }

.block-users-register dl, .block-users-settings dl { margin: 1em 0 0.5em; }
.block-users-register form dt, .block-users-settings form dt { display: inline; }
.block-users-register fieldset, .block-users-settings fieldset { padding:0; border: 0; }
.block-users-register textarea, .block-users-settings textarea { width: 325px; height: 140px; }
.block-users-register input.text, .block-users-settings input.text { width: 325px; }

.block-users-settings .menu, .block-users-search .menu, .block-messages-inbox .menu {
	display: block;
	visibility: visible;
	height:2em;
	position:absolute;
	right:25px;
	top:3.25em;
}

.block-users-search dt { float: left; clear: left; display: inline-block; width: 12em; line-height: 2em; }
.block-users-search dt { line-height: 2em; }
.block-users-search label { color: #85928f; margin-right:10px; }
.block-users-search dd.action { padding-right: 250px; }

.block-users-view .paginator { width: auto; }

#search-wrapper { height: 240px; overflow: hidden; }
.profiles-listing { list-style-type: none; height: 215px; margin: 0; position: relative; overflow: hidden; }
.profiles-listing .item {
	background-color:#FFFFFF;
	display:block;
	float:left;
	height:80px;
	margin-bottom:5px;
	margin-right:5px;
	padding:10px;
	width:170px;
}
.profiles-listing a {
	display:block;
	text-decoration: none;
	position: relative;
	height: 80px;
	color: #3E1A2D;
	font-size: 0.9em;
	font-weight: bold;
}
.profiles-listing img {
	position: absolute;
	top: 0;
	left: 0;
}
.profiles-listing span {
	margin-left: 85px;
	display: block;
}

.textarea-counter { text-align: right; margin-bottom: 0; }

.join-info {
	background:transparent url(images/bg-people-boy01.jpg) no-repeat scroll left bottom;
	bottom:0;
	font-family:"Trebuchet MS","Helvetica Neue",Arial,Helvetica,sans-serif;
	left:0;
	padding:0 30px 245px;
	position:absolute;
	width:340px;
	text-align: left;
}
.join-info p { padding-top: 1em; border-top: 2px solid #ccc; color: #85928f; font-weight: bold; font-size: 1.1em; margin-bottom: 1em; }
.join-info blockquote { color: #3e1a2d; font-weight: bold; margin: 0; text-align: right; }

/* upload form and photos list */
#photo-upload-form {
	border-bottom: 2px solid #CCCCCC;
	padding-bottom: 1em;
	margin-bottom: 1em;
}

#upload-status .button {
	display: inline-block;
	height: 30px;
	line-height: 27px;
	padding: 0;
	text-align: center;
}

#upload-status .button {
	text-decoration: none;
}

#upload-status .progress {
	background: transparent url(images/progress.gif) no-repeat scroll 50% 0;
	margin-right: 0.5em;
}

#upload-list, #photos-list {
	list-style-type: none;
	margin-right: 0;
	margin-left: 0;
}

#upload-list li {
	position: relative;
}

#upload-list .file-size {
	position:absolute;
	right:0;
}

#upload-list .file-name, #upload-status .current-text {
	margin-left: 1em;
}

#upload-list .file-info {
	display: block;
}

#photos-list li {
	width: 80px;
	height: 100px;
	display: block;
	float: left;
	margin: 5px 4px;
}

.photo-edit, .photo-default, .photo-delete {
	width: 15px;
	height: 15px;
	display: inline-block;
	text-indent: -999em;
	background: transparent url('images/bg-photo-actions.gif') top center no-repeat;
}

.photo-edit:hover, .photo-default:hover, .photo-delete:hover {
	cursor: pointer;
}

.photo-default {
	background-position: center -15px;
}

.photo-delete {
	background-position: center -30px;
}

.small-image { width: 80px; height: 80px; }
.tiny-image { width: 60px; height: 60px; }

/* Profile */
#profile { min-height: 220px; }
#profile .slideshow { width: 160px; position: relative; overflow: hidden; height: 160px; margin-bottom: 10px; }
#profile .slideshow ul { position: absolute; height: 160px; list-style-type: none; overflow: hidden; margin: 0; }
#profile .slideshow li { display: block; float: left; }
#profile .slideshow img { width: 160px; height: 160px; }

#profile #slideshow-wrapper {
	width: 160px;
	height: 200px;
	padding: 5px;
	background: transparent url(images/bg-profile-slideshow.png) top center no-repeat;
	margin-bottom: 1em;
	position: relative;
	float: left;
}
#profile .info {
	float:left;
	padding: 10px;
	width:450px;
}
#profile .info h3 {
	color: #85928F;
	margin-bottom: 0.5em;
}
#profile .aboutme {
	text-align: justify;
}
#profile .summary dt {
	display: block;
	float:left;
	clear: left;
	width: 7em;
}
#profile #slideshow-wrapper .navigation {
	width: 170px;
	position: absolute;
	left: 0;
}

#profile #slideshow-wrapper .navigation .button {
	display: block;
	height: 25px;
	line-height: 25px;
	padding: 0;
	text-indent: -999em;
	float: left;
}
#profile #slideshow-wrapper .navigation .button.previous {
	width: 47px;
}
#profile #slideshow-wrapper .navigation .button.next {
	width: 48px;
}
#profile #slideshow-wrapper .navigation .button.zoom {
	width: 74px;
}
#profile #slideshow-wrapper .navigation .button.previous {
	background: transparent url(images/bg-button-slideshow-previous.png) no-repeat center top;
}
#profile #slideshow-wrapper .navigation .button.next {
	background: transparent url(images/bg-button-slideshow-next.png) no-repeat center top;
}
#profile #slideshow-wrapper .navigation .button.zoom {
	background: transparent url(images/bg-button-slideshow-zoom.png) no-repeat center top;
}
#profile #slideshow-wrapper .navigation .button:hover, #profile #slideshow-wrapper .navigation .button:focus {
	background-position: center -25px;
	cursor: pointer;
	color: #fff;
}

/* profile message form */
#profile .message-form { padding: 10px; background-color: #DDE1E0; }
#profile .message-form textarea { height: 140px; width: 415px; }
#profile .message-form dl { margin-bottom: 0; }

/* messages list */
.messages-list { list-style-type: none; margin-left: 0; margin-right: 0; }
.messages-list h5, .messages-list p { margin-left: 75px; margin-bottom: 1em; }
.messages-list h5 span { position: relative; display: block; }
.messages-list h5 small { position: absolute; right: 0; }
.messages-list li { position: relative; min-height: 80px; padding: 5px; margin-bottom: 1em; background-color: #eee; }
.messages-list img { position: absolute; top: 10px; left: 10px; }
.messages-list a { color: #3E1A2D; text-decoration: none; display: block; }
.messages-list a:hover { text-decoration: underline; }

/* Classes for action result messages */
.error, .notice, .success {
	color:#3E1A2D;
	font-style:italic;
	font-weight:bold;
	line-height:25px;
	padding:5px 0;
	padding-left:45px;
	border: 0;
}

.notice {
	background:transparent url(images/bg-error-message.png) no-repeat scroll left center;
}

.inline { display: inline; }