/*
 * Copyright (c) 2011 Alex Southan
 * http://tiptapdesign.co.uk
 */

html, body, h1, h2, h3, h4, h5, h6, p, ol, ul, li, div, dl, dt, dd, img, form, fieldset, legend, label, input, address, blockquote, iframe {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font-style: normal;
	line-height: 1;
	list-style: none;
}

/* Typography
--------------------------------*/
body {
	font: 100% Arial, Helvetica Neue, Helvetica, sans-serif;
}

h1, h2, h3 {
	font: 400 1em 'PT Sans', Helvetica, Arial, sans-serif;
	margin: 0 0 .5em;
}

h1 {
	font-size: 1.8em
}

h2 {
	font-size: 1.4em;
}

h3 {
	font-size: 1.2em
}

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

/* Links
--------------------------------*/
a, a:visited {
	font-weight: 700;
	text-decoration: underline;
	color: #151c25;
}

a:hover {
	text-decoration: none;
	color: #002d63;
}

#footer a, #footer a:visited {
	color: #f0f0f0;
}

#footer a:hover {
	color: #fff;
}

/* Content
--------------------------------*/
.content ul {
	margin: .5em 1em 1em 2em;
	list-style: disc;
}

.content li {
	line-height: 1.6em;
	list-style: disc;
}

.content ol, .content ol li {
	list-style: decimal;
}

.content li img {
	vertical-align: text-top
}

/* Design
--------------------------------*/
body {
	background: #151c25;
	color: #fff;
}

#header {
	background: url(img/bg_header.png) repeat-x 0 0
}

#footer {
	min-height: 70px;
	padding: 25px 0;
	background: url(img/bg_footer.jpg) no-repeat 50% 0;
}

#content {
	min-height: 400px;
	padding: 15px 0;
	border-bottom: 1px solid #fff;
	background: #e5e5e5 url(img/bg_content.png) repeat-x 0 0;
	color: #222;
}

/* Layout */
.wrapper {
	position: relative;
	width: 970px;
	margin: 0 auto;
}

.wrapper:after {
	content: ".";
	display: block;
	height: 0;
	line-height: 0;
	visibility: hidden;
	clear: both;
}

#listings {
	margin-left: 280px;
}

#sidebar {
	position: absolute;
	width: 250px;
	left: 7px;
	top: 30px;
}

#property {
	clear: both;
	float: left;
	width: 650px;
}

#gallery {
	clear: right;
	float: right;
	width: 310px;
}

#admin {
	position: absolute;
	top: 20px;
	right: 20px;
	color: #fff;
	font-size: .8em;
	text-decoration: none;
}

/* Header
--------------------------------*/
#header .wrapper {
	width: 1000px;
	height: 100px;
	background: url(img/bg_top.jpg) no-repeat 50% 0;
}

/* Branding */
#branding {
	float: left;
	width: 236px;
	height: 100px;
	background: url(img/logo.png);
}

#branding img {
	font-size: 1.6em;
	display: block;
	height: 0;
	color: #fff;
}

/* Main Nav */
#main-nav {
	float: right;
	padding-top: 25px;
}

#main-nav li {
	float: left;
}

#main-nav a {
	font: 700 1.15em 'PT Sans', Helvetica, Arial, sans-serif;
	display: block;
	margin: 0 15px;
	padding: 6px 10px 8px;
	text-transform: lowercase;
	text-decoration: none;
	color: #ddd;
}

#main-nav a:hover {
	background: #253e67
}

#main-nav .current a {
	background: #2b3d5b
}

/* Listing
--------------------------------*/
.edit-listing-link {
	float: right;
	font-size: .8em;
	padding: 5px 0 5px 20px;
	background: url(img/icon_edit.png) no-repeat 0 50%;
}

/* Title */
.title {
	margin: 0;
	padding: 0 0 5px
}

/* Price */
.price strong {
	font-size: 1.4em;
	font-weight: 400;
}

/* Details */
.details {
	margin: .5em 0;
}

.details li {
	font-size: .7em;
	font-weight: 700;
	line-height: 1.2em;
	padding: 5px 0 5px 20px;
}

.details .date {
	background: url(img/icon_time.png) no-repeat 0 50%
}

.details .category {
	background: url(img/icon_house.png) no-repeat 0 50%
}

/* Map link */
a.view-map {
	float: right;
	margin: 0 0 5px;
	font-size: .7em;
	padding: 6px 10px 8px;
	text-decoration: none;
	background: #0d1116 url(img/map-button.gif) no-repeat 50% 50%;
	color: #f0f0f0;
}

a.view-map:hover {
	color: #509aff
}

/* Multiple Listings
--------------------------------*/
#listings .title a {
	font-size: 1.2em;
	font-weight: 400;
	text-decoration: none;
}

#listings .listing {
	float: left;
	width: 100%;
	margin: 10px 0 20px;
	padding: 0 0 20px;
	border-bottom: 1px solid #eee;
}

#listings .content {
	font-size: .9em
}

/* Title */
#listings .title a {
	text-decoration: none;
	border-bottom: 1px solid #bbb;
}

#listings .title a:hover {
	border-bottom-color: #000;
}

/* Details */
#listings .details {
	color: #555;
}

#listings .details .updated {
	color: #777;
}

/* Thumb */
#listings .thumb {
	float: right;
	width: 306px;
	margin-left: 15px;
	padding-top: .5em;
}

#listings .price {
	display: inline;
	float: right;
	width: 124px;
	margin-right: 10px;
	padding: 12px 0 6px;
	text-align: center;
	font-size: .9em;
	font-weight: 700;
	background: url(img/price.png);
}

#listings .unavailable {
	font-size: 1em;
	color: #ee1b21;
}

#listings .image img {
	clear: right;
	border: 3px solid #f5f5f5;
}

#listings .image:hover img {
	border-color: #fff;
}

#listings .featured {
	cursor: help;
	position: relative;
	float: right;
	margin: 0 0 -55px;
	top: -55px;
	left: -5px;
}

/* Single Property
--------------------------------*/
#property .price {
	margin: 1em 0;
	font-size: 1.8em
}

#property .contact {
	margin: 1em 0;
	padding: 10px;
	text-align: center;
	background: #999;
	color: #fff;
}

#property .details {
	font-size: .9em;
	padding: 5px 0 5px 20px;
	background: url(img/icon_house.png) no-repeat 0 50%;
	color: #777;
}

#property .date {
	margin: 1em 0;
	font-size: .9em;
	text-align: center;
	color: #777;
}

#property #last-search {
	margin: 1em 0;
}

/* Gallery */
#gallery img {
	margin: 5px 7px;
	border: 2px solid #f0f0f0;
}

#gallery a:hover img {
	border-color: #fff;
}

#gallery #preview {
	display: block;
	margin: 15px auto;
	border-width: 4px;
}

#gallery #thumbs {
	width: 294px;
	margin: 0 auto;
}

#gallery #thumbs li {
	float: left;
}

/* Pagination
--------------------------------*/
.page-nav {
	clear: both;
	padding: 10px 0 15px;
	text-align: center;
	font-size: .85em;
}

.page-nav a {
	padding: 0 5px;
	font-weight: 700;
	text-decoration: none;
	color: #333;
}

.page-nav a, .page-nav span {
	border-right: 1px solid #eee
}

.page-nav a:hover {
	padding: 0 5px;
	text-decoration: underline;
	color: #4b73ab;
}

.page-nav .next, .page-nav .previous {
	padding: 0 4px;
	font-size: .7em;
	font-weight: 400 !important;
	text-transform: uppercase;
}

.page-nav .next {
	border: none !important
}

.page-nav .inactive {
	color: #aaa
}

.page-nav .current-page {
	font-weight: 700;
	color: #d03841;
	padding: 0 4px;
}

/* Search Form
--------------------------------*/
#search-form {
	border: 1px solid #fafafa;
	border-top: none;
	background: #eaeaea;
}

#search-form a {
	font-size: .7em;
}

#search-form div {
	clear: left;
	padding: 8px 10px;
	border-top: 1px solid #f3f3f3;
}

#search-form label {
	float: left;
	width: 90px;
	padding: 4px 0 1px;
	font-size: .74em;
	font-weight: 700;
	color: #555;
}

#search-form input, #search-form select {
	width: 135px;
	padding: 3px 2px;
	border: 2px solid #d5d5d5;
	background: #fafafa;
	color: #333;
}

#search-form select {
	padding: 1px
}

#search-form option {
	padding: 0 5px
}

#search-form .submit {
	padding: 0 0 12px;
	border: 0;
	text-align: center;
}

#search-form .submit input {
	cursor: pointer;
	display: block;
	width: 105px;
	height: 40px;
	margin: 0 auto 5px;
	border: 0;
	font-weight: 700;
	font-size: .8em;
	background: #333 url(img/submit.gif) 0 0;
	color: #f0f0f0;
}

#search-form .submit input:hover {
	background-position: 0 -45px
}

/* Footer */
#footer #search-form {
	margin: 0;
	background: #222c3a;
	border: 1px solid #324155;
}

#footer #search-form div {
	border: 0
}

#footer #search-form select {
	width: 180px
}

#footer #search-form label {
	color: #f0f0f0
}

#footer #search-form .submit input {
	background-image: url(img/submit-footer.gif);
	color: #111;
}

/* Footer
--------------------------------*/
#footer-search {
	float: left;
	width: 300px;
	padding: 0 0 30px;
}

/* Similar Listings */
#similar {
	float: left;
	width: 670px;
	padding: 0 0 30px;
}

#similar .listing {
	display: inline;
	float: left;
	width: 278px;
	margin: 10px 0 0;
	padding: 0 25px;
	background: url(img/footer_divider.png) no-repeat 0 50%;
}

#similar .listing-1 {
	padding-left: 10px;
	background: 0;
}

#similar .title a {
	font-size: .9em;
	font-weight: 700;
}

#similar .details li {
	padding: 3px 0 3px 20px;
	font-size: .75em;
}

#similar .details .updated {
	color: #747f8d;
}

#similar .details .price {
	padding: 15px 0 0;
	font-size: 1.2em;
}

#similar img {
	margin: 7px 0;
	border: 4px solid #445366;
}

#similar a:hover img {
	border-color: #718299;
}

/* Credits
--------------------------------*/
#credits {
	clear: both;
	font-size: .7em;
	text-align: center;
	color: #a8bacf;
}

#credits li {
	display: inline;
	padding: 0 6px 0 10px;
	border-left: 1px solid #374456;
}

#credits li:first-child {
	border: 0;
}

#credits a {
	font-weight: 400;
	color: #a8bacf;
}