/*    
Theme Name: Karinda
Theme URI: http://www.asone.com.au
Description: A classy real estate site. 
Author: Lloyd Parker
Author URI: http://asone.com.au
Version: 1.0 
*/  

@charset "UTF-8";
/* CSS Document */

strong,
b {
	font-weight: 700;
}

em,
i {
	font-style:italic;
}

hr {
	border:0px;
	height:1px;
	background-color:#c7d2dc;
	margin-top: 20px;
	margin-bottom: 10px;
}

.right-col hr {
	margin-bottom: 20px;
}

.over {
	overflow:hidden;
	height:100%;
}

.l {
	float:left;
}

.r {
	float:right;
}

.cf:before,
.cf:after {
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
}

.cf:after {
	clear: both;
}

.cf {
	zoom: 1; /* IE < 8 */
}

html {
	background-color: #fff;
}

body {
	font-family: 'Oxygen', sans-serif;
	
}

header,
.content,
footer,
.bottom {
	margin-left:auto;
	margin-right:auto;
	width:980px;
	padding-left:20px;
	padding-right:20px;
	position:relative;
}

.right-col {
	width: 326px;
	float: right;
}

/*--------------HEADER STYLE----------------*/

header {
	margin-top: 25px;
}

header .r p {
	font-size: 24px;
	margin-top: 48px;
}

header .r p span {
	color: #9e9e9e;
}

header .r p img {
	margin-bottom: -5px;
	margin-right: 5px;
}

header #house {
	margin-top: 20px;
	height: 558px;
	background-image: url(images/house.jpg);
	background-repeat: no-repeat;
	overflow: hidden;
}

header #house img {
	position: absolute;
	right: 20px;
}

header #house h2 {
	font-size: 18px;
	margin-top: 138px;
	background-color: #36665a;
	line-height: 24px;
	padding: 18px 20px;
	color: #fff;
	text-shadow:#14271c 1px 1px;
}

/*--------------NAVIGATION STYLE----------------*/

header nav {
	cursor:default;
}

header nav ul {
	padding:0px;
	margin-bottom: 0px;
	margin-top: 0px;
	float: right;
}

header nav li {
	list-style:none;
}

header nav li a {
	text-decoration: none;
	text-transform: uppercase;
	font-size: 18px;
	width: 286px; /*326 width*/
	background-color: #87c035;
	padding: 22px 20px;
	color: #36665a;
	background-image: url(images/arrow.gif);
	background-repeat: no-repeat;
	background-position: 266px 9px;
	display: block;
	border-top:1px solid #c0ff65;
	border-bottom: 1px solid #36665a;
}

header nav li a:hover,
footer nav li a:hover {
	color:#c0ff65;
}

header nav .current_page_item a,
header nav .current_page_item a:hover,
footer nav .current_page_item a,
footer nav .current_page_item a:hover,
footer nav .current-menu-item a,
footer nav .current-menu-item a:hover {
	color:#c0ff65;
}

footer nav ul {
	padding: 0px;
	margin:0px;
}

footer nav li {
	line-height:16px;
	margin-bottom: 4px;
}

footer nav li a {
	font-size: 16px;
	display:inline-block;
}

/*--------------CONTENT STYLE----------------*/

.content ul {
	padding-left: 35px;
}

.post-meta {
	
}

.post-meta-key {
	font-weight: 800;
}

.post-meta li {
	padding-left: 0px;
}

.large-thumb img {
	width: 620px;
	height: 413px;
}

.thumb img {
	width: 326px;
	height: 217px;
	margin-top: 20px;
	margin-bottom: -15px;
}

.content h1,
.content h1 a {
	font-size: 24px;
	color: #36665a; /*dark green*/
	margin-top: 25px;
	margin-bottom: 10px;
	text-decoration: none;
}

.content p,
.content ul {
	font-size: 14px;
	line-height: 20px;
	margin-bottom: 10px;
}

.content p a:link,
.content p a:visited,
.content ul li a:link,
.content ul li a:visited {
	
}

.content p a:hover,
.content p a:active,
.content ul li a:hover,
.content ul li a:active {
	
}

.content .left-col {
	width:620px;
	float:left;
}

.content .right-col {
	background-color: #e5e5e5;
	padding-bottom: 10px;
}

.right-button {
	background-color: #fff;
	width: 326px;
	float: right;
}

.content .right-col h1,
.content .right-col p,
.content .right-col img {
	padding-left: 20px;
}

.content .right-col p {
	padding-right: 5px;
}

.content .right-col p a {
	color: #36665a;
}

.button,
.more-link {
	text-decoration: none;
	text-transform: uppercase;
	font-size: 18px;
	width: 286px; /*326 width*/
	background-color: #87c035;
	padding: 22px 20px;
	color: #36665a;
	background-image: url(images/arrow.gif);
	background-repeat: no-repeat;
	background-position: 266px 9px;
	display: block;
	border-top:1px solid #c0ff65;
	border-bottom: 1px solid #36665a;
}

.button:hover,
.more-link:hover {
	color:#c0ff65;
}

.flip {
	background-image: url(images/arrow-flip.gif);
}

.content .image-gallery {
	padding-left: 0px;
	padding-top: 10px;
}

/*--------------FOOTER STYLE----------------*/

#footer-container {
	background-color: #87c035; /*bright green*/
	margin-top: 25px;
}

footer {
	padding:25px 0;
	color:#fff;
	font-size: 16px;
	line-height: 20px;
}

footer a:link,
footer a:visited,
footer a:hover,
footer a:active {
	color:#174472; /* main blue */
	text-decoration: none;
}

footer .segment {
	float: left;
	width: 200px;
}

footer .segment:last-child {
	float: right;
	width: auto;
}

#bottom-container {
	background-color: #36665a; /*dark green*/
}

.bottom {
	padding: 25px 0px;
	color: #87c035; /*bright green*/
}
.bottom a {
	color: #87c035; /*bright green*/
}

small {
	font-size: 12px;
}

/*-----------------FORMS------------------*/

input,
textarea {
	padding: 10px;
	font-size: 18px;
	color: #000;
	margin: 5px 0px;
	width: 400px;
	font-weight: normal;
	border: none;
	border: 1px solid #a4d75b;
}

textarea {
	height: 200px;
	font-family: 'Oxygen', sans-serif;
}

input:focus,
textarea:focus {
	border: 1px solid #36665a;
}

input[type=submit] {
	background-color: #36665a;
	color: #fff;
	text-shadow:#14271c 1px 1px;
	width: 150px;
}
