/*
Theme Name: Coast Property
Theme URI: http://caligrafx.com/
Description: Custom Real Estate Theme
Version: 1.0
Author: CaliGrafx.com
Author URI: http://caligrafx.com/
*/

	
/* Global Reset
-----------------------------------------------------------------------------*/
* {
	border:0;
	margin:0;
	padding:0;
}

body {
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	text-decoration:none;
	word-spacing:normal;
	text-align:left;
	letter-spacing:0;
	line-height:18px;
	font-size:13px;
	background:#fff url(images/background.jpg) repeat-x;
	margin:0 auto;
	padding:0;
}

li {
	list-style:none;
}


	
/* Links
-----------------------------------------------------------------------------*/
a {
	color:#333;
	text-decoration:underline;
}

a.author_link {
	color:#666;
	text-decoration:underline;
	font-size:16px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	line-height:26px;
}



a.readmore {
	color:#666;
	font-weight:bold;
}

a:hover {
	text-decoration:none;
	color:#212121;
}

.readmore {
	color:#212121;
	font-weight:normal;
}

h1 {
	font-family:Arial, Helvetica, sans-serif;
	color:#1c199a;
	text-decoration:none;
	font-weight:normal;
	text-align:left;
	letter-spacing:0;
	line-height:30px;
	font-size:30px;
	margin:15px 0 0;
}

h2 {
	font-family:Arial, Helvetica, sans-serif;
	color:#1c199a;
	text-decoration:none;
	font-weight:normal;
	text-align:left;
	letter-spacing:0;
	line-height:18px;
	font-size:24px;
	margin:0;
}

h2 a {
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	text-decoration:none;
	font-weight:normal;
	text-align:left;
	letter-spacing:0;
	line-height:18px;
	font-size:20px;
	margin:20px 0;
}


	
/* Agent - Author
-----------------------------------------------------------------------------*/
.list_author_image {
	border:1px solid #ebebeb;
	padding:5px;
	margin:0 10px 10px 0;
	background:#f9f9f9;
	font-size:10px;
	float:left;
}

.author_name {
	margin-top:30px;
}

.author_name_single {
	margin-top:15px;
}

.author_photo img {
	float:left;
	margin:10px 3px 0 10px;
	border:2px solid #ccc;
}

.agents_photo img {
	float:left;
	border:2px solid #ccc;
}

.agents_photo a {
	float:right;
	border:2px solid #ccc;
}


.author_photo {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#333;
	margin-top:20px;
	padding:0 5px 0 0;
	float:left;
}

.author_page_bio {
	border:1px dotted #ebebeb;
	padding:20px 10px 10px;
	width:500px;
	margin:0 10px 0 0;
	min-height:160px;
}

.post_authors {
	border:1px solid #ccc;
	min-height:160px;
	padding:10px;
	margin:0 0 5px;
}

.post_authors img {
	float:left;
	border:1px solid #ccc;
	background:#f9f9f9;
	padding:3px;
	margin:10px;
}

#blog-author-image {
	float:left;
	padding:5px;
	border:1px solid #ccc;
}

.author_bio {
	margin-top:0;
	padding:5px;
}

#agent_container {
	width:260px;
	padding:0 10px 10px 25px;
}

#agent_home {
	float:right;
	width:250px;
	margin-right:20px;
	margin-top:10px;
}


	
/* Show only to IE6 */
* html #agent_home {
	float:right;
	width:250px;
	margin-right:10px;
	margin-top:8px;
}

#agent_single {
	float:right;
	width:300px;
	margin-left:0;
	padding:50px 0 0 4px;
	background:url(images/clip.png) top center no-repeat;
	height:320px;
}

.agent_text {
	padding:20px 0 0;
}

.agent_name {
	font-size:13px;
	font-weight:bold;
}

.agents_name {
	font-size:16px;
	font-weight:bold;
}


	
/* Page Layout
-----------------------------------------------------------------------------*/
#layout {
	margin:0 auto;
	width:960px;
	align:center
}

.page h1 {
	margin-bottom:15px;
}

.page h2 {
	margin-top:10px;
	margin-bottom:20px;
}


	
/* Header
-----------------------------------------------------------------------------*/
#header {
	height:120px;
}


	
/* Header Ad 468x60 
-----------------------------------------------------------------------------*/
#header_ad {
	float:right;
	padding-top:25px;
}


	
/* Logo
-----------------------------------------------------------------------------*/
#logo {
	float:left;
	top:12px;
	width:955px;
	height:99px;
	z-index:1;
	position:absolute;
	background:#fff url(images/logo.jpg) no-repeat;
}


	
/* Menu
-----------------------------------------------------------------------------*/
#menu_navigation {
	width:960px;
}

.menu,.menu ul {
	list-style:none;
	margin:0;
	padding:0 41px;
}

.menu {
	position:relative;
	float:left;
	width:900px;
	padding:0 41px;
	height:34px;
}

.menu li {
	float:left;
	margin:0;
	padding:0 41px;
	position:relative;
	height:31px;
}

.menu li a {
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:34px;
	text-transform:uppercase;
	color:#ffffff;
	display:block;
	padding:0 41px;
	text-decoration:none;
}

.menu li a:hover {
	color:#666;
	border:0;
	padding:0 41px;
	background:#fff;
	text-decoration:underline;
	background:#F9F9F9;
}

.menu .current_page_item a {
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:34px;
	text-transform:uppercase;
	color:#666;
	background:#fff;
	display:block;
	padding:0 41px;
	text-decoration:none;
}

.menu ul {
	background:#fff;
	list-style:none;
	margin-top:5px;
	width:100px;
	position:absolute;
	top:-999em;
	left:-1px;
	line-height:31px;
	height:30px;
	text-align: center;
}

.menu ul li {
	border:0;
	float:none;
}

.menu ul a {
	padding:0 41px;
	width:80px;
	white-space:nowrap;
}

.menu ul a:hover {
	color:#000;
}

#home .on { color:#666; border:0; padding:0 41px; background:#fff; text-decoration:underline; background:#F9F9F9; }


	
/* Feedburner
-----------------------------------------------------------------------------*/
#feedburner {
	float:right;
	width:250px;
	height:50px;
	padding:20px 0 0;
}

.feed_input {
	color:#666;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	padding:4px;
	margin:0;
	width:215px;
	float:left;
	background:#f9f9f9;
	border:3px solid #76aaa8;
}

* html .feed_input {
	color:#666;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	padding:4px;
	margin:0;
	width:200px;
	float:left;
	background:#f9f9f9;
	border:3px solid #76aaa8;
}

#newsletter {
	margin-bottom:25px;
}


	
/* Property Search Bar
-----------------------------------------------------------------------------*/
#propsearchbar {
	width:960px;
	height:50px;
	padding-bottom:8px;
	clear:left;
	background:url(images/propsearchbar-bg.gif) no-repeat bottom;
}

#propsearchbar form {
	width:260px;
	height:35px;
	float:left;
	margin-top:13px;
	padding-left:40px;
	background:url(images/sm-search-bg.png) no-repeat 5px;
}

* html #propsearchbar form {
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/sm-search-bg.png",sizingMethod="crop");
}

.dd_search {
	float:right;
	width:620px;
	height:35px;
	margin-top:16px;
	margin-right:20px;
}

.dd1 {
	float:left;
	margin-right:20px;
}

.dd2 {
	float:left;
	margin-right:20px;
}

.dd3 {
	float:left;
	margin-right:20px;
}

.submitt_button {
	background:#1c199a;
	color:#fff;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	padding:4px;
	margin:2px 0 0 8px;
	font-weight:bold;
	width:32px;
	height:26px;
}

.feedburner_button {
	background:#76aaa8;
	color:#fff;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	padding:6px;
	margin:1px 0 0 8px;
	font-weight:bold;
	width:62px;
	height:26px;
}

.search_input {
	color:#666;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	padding:4px;
	margin:0 0 0 7px;
	width:180px;
	float:left;
	background:#f9f9f9;
	border:3px solid #1c199a;
}

.searchby {
	font-size:12px;
	font-weight:bold;
	color:#1c199a;
	padding-right:5px;
}

.dd_search select {
	border:1px solid #cccccc;
	padding:2px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#666;
	width:120px;
}


	
/* Single Property Tab Navigation
-----------------------------------------------------------------------------*/
.house_single_details {
	float:left;
	padding:0 0 3px;
	margin:0 5px 0 0;
	width:490px;
}

UL.tabNavigation {
	list-style:none;
	margin:10px 0 0;
	padding:0;
}

UL.tabNavigation LI {
	display:inline;
}

UL.tabNavigation LI A {
	padding:3px 15px;
	margin:0;
	background-color:#1c199a;
	color:#fff;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
}

UL.tabNavigation LI A.selected,UL.tabNavigation LI A:hover {
	background-color:#e3e8e9;
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
}

UL.tabNavigation LI A:focus {
	outline:0;
}

div.tabs > div {
	padding:5px;
	margin-top:3px;
	border:none;
	height:200px;
}

div.tabs > div h2 {
	margin-top:0;
}

#first {
	padding:20px 10px 10px;
	background-color:#E3E8E9;
}

#second {
	background-color:#E3E8E9;
	padding:20px 10px 10px;
}

#third {
	background-color:#E3E8E9;
	padding:20px 10px 10px 8px;
}

#third img {
	border:2px solid #ebebeb;
	padding:3px;
	margin:3px;
}


	
/* Grid
-----------------------------------------------------------------------------*/
#grid {
	margin-top:0;
	background:#fff url(images/white_home.jpg) top center no-repeat;
}

#grid_single {
	margin-top:10px;
	background:#fff url(images/white_single.jpg) top center no-repeat;
	padding:30px 20px 20px;
}

#grid p {
	line-height:18px;
	padding:0 0 12px;
}

#grid_agent {
	margin-top:35px;
	padding:40px;
	background:url(images/white_single.jpg) top center no-repeat;
}


	
/* Featured Property
-----------------------------------------------------------------------------*/
.photo_container {
	float:left;
	padding:23px 0 0 22px;
	margin:0 5px 0 7px;
	background:url(images/featured_back.png) no-repeat;
	width:373px;
	height:264px;
}

#featured {
	width:940px;
	height:310px;
	padding:30px 0 0 10px;
	margin-top:5px;
}

a.featured-title {
	color:#1c199a;
	text-decoration:underline;
	font-size:18px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}

a.feature-title:hover {
	text-decoration:underline;
	color:#000;
}

#property {
	width:640px;
	float:left;
}

#property .post_middle {
	margin-top:20px;
}

#property .photo_container {
	margin-top:20px;
}


	
/* Pages Posts Layout
-----------------------------------------------------------------------------*/
.post {
	margin-bottom:30px;
}

.post h2 {
	font-family:Arial, Helvetica, sans-serif;
	color:#446b6a;
	text-decoration:none;
	font-weight:normal;
	text-align:left;
	letter-spacing:0;
	line-height:18px;
	font-size:24px;
	margin:10px 0;
	border-top:3px #56ACA9 solid;
	padding-top:10px;
}

.post h2 a {
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	text-decoration:none;
	font-weight:normal;
	text-align:left;
	letter-spacing:0;
	line-height:18px;
	font-size:20px;
	margin:15px 0;
}

#middle {
	margin:20px 0 0 20px;
	float:left;
	width:520px;
	background-color:white;
}

.middle_single {
	float:left;
	width:560px;
	margin:10px 0 0 20px;
}

* html .middle_single {
	float:left;
	width:510px;
	margin:10px 0 0 20px;
}

.middle_single h1 {
	margin:0 0 15px;
}

.middle_single h2 {
	margin:10px 0;
}

.blog_single {
	float:left;
	width:560px;
	margin:0 0 0 20px;
}

* html .blog_single {
	float:left;
	width:510px;
	margin:0 0 0 20px;
}

.middle_agents {
	float:left;
	width:500px;
	margin:0 0 0 30px;
}

.middle_agents h2 {
	margin:20px 0;
}

.middle_agents li {
	float:left;
	width:500px;
	margin:30px 0 0;
	border:double #ebebeb;
	background:#fafafa;
	padding:20px;
}

.middle_agents li a {
	margin:5px 0 10px;
	font-weight:bold;
	color:#212121;
}

.middle_agents li a.view_properties {
	margin:5px 0 10px;
	text-decoration:underline;
}

.middle_properties {
	float:left;
	width:530px;
	margin:0 0 0 20px;
}

.bottom_single {
	float:left;
	width:910px;
	margin:0 0 0 20px;
}

.search_not_found {
	float:left;
	width:550px;
	margin:30px 0 0;
}


	
/* Calculator Badge
-----------------------------------------------------------------------------*/
.calc_badge {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:0;
	cursor:pointer;
	margin:65px 0 20px;
	border:1px solid #B1C9CE;
}

.calc_badge_single {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:0;
	margin:24px 10px 0 0;
	float:right;
}

#layout .sidebar_single .calc_badge {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:0;
	cursor:pointer;
	margin:0 0 20px;
}


	
/* /* Related Properties Home Page
-----------------------------------------------------------------------------*/
.rph {
	border:1px dotted #ebebeb;
	padding:10px;
	width:272px;
	margin:0 10px 10px 0;
	min-height:84px;
	float:left;
}

.rph_content {
	padding:0 20px 0 115px;
}

.rph_photo {
	background:url(images/thumb-bg.gif) no-repeat;
	width:140px;
	height:120px;
	margin:4px 10px 4px 4px;
	float:left;
}

.rph_photo img {
	padding:12px 10px 4px 15px;
	float:left;
}


	
/* Related Properties
-----------------------------------------------------------------------------*/
.related_properties_title a {
	font-size:14px;
	font-weight:bold;
	color:#1c199a;
	font-family:Arial, Helvetica, sans-serif;
}

.related_properties_single {
	border:1px dotted #ebebeb;
	padding:0px;
	width:500px;
	margin:0 10px 10px 0;
	min-height:84px;
}

.related_properties {
	padding:0 0 0 0px;
	float:left;
	margin-top:0;
}

.related_properties_container {
	margin:0;
	padding:0;
	left:20px
}


	
/* Sidebar
-----------------------------------------------------------------------------*/
.sidebar {
	float:right;
	width:300px;
	margin-right:10px;
}

.sidebar_single {
	float:right;
	width:300px;
	margin-right:5px;
	margin-top:0;
}


	
/* Advertisement Banner
-----------------------------------------------------------------------------*/
.ad300x250 {
	float:right;
	margin:20px 0 30px;
}

.ad300x250 img {
	border:1px solid #ccc;
	float:right;
}


	
/* 125x125 Ads
-----------------------------------------------------------------------------*/
#bannersSquare img {
	float:left;
	padding:12px 10px 12px 14px;
	background:#fff;
}


	
/* Show only to IE6 */
* html #bannersSquare {
	float:left;
	margin:2px 10px 12px 14px;
	padding:5px;
	background:#fff;
}


	
/* Sidebar Widgets
-----------------------------------------------------------------------------*/
.widgets {
	text-align:left;
	color:#000;
	line-height:18px;
	margin:5px 0 10px;
	padding:10px 15px 40px;
	font-family:Arial, Helvetica, sans-serif;
	border-top:3px double #eeeeee;
	font-size:16px;
	background:url(images/widget-bg.gif) no-repeat bottom right;
}

* + html .widgets {
	margin:0 0 10px!important;

	
/*IE7*/
	text-align:left;
	color:#000;
	line-height:18px;
	padding:10px 15px 40px;
	font-family:Arial, Helvetica, sans-serif;
	border-top:3px double #eeeeee;
	font-size:16px;
}

.widgets ul li {
	padding:0 0 0 26px;
}

.widget_title {
	padding:0 10px 10px 0;
	list-style:none;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#1c199a;
	text-align:left;
}

* + html .widget_title {
	padding:0 10px 10px!important;

	
/*IE7*/
}

* html .widget_title {
	padding:0 10px 10px!important;

	
/*IE6*/
}

#calendar {
	padding:0 0 0 14px;
}

#wp-calendar {
	margin:0 auto;
	text-align:center;
	padding-top:20px;
	font-size:16px;
	width:100%;
}


	
/* Metadata
-----------------------------------------------------------------------------*/
.comment_number {
	padding:5px;
	float:right;
	font-size:12px;
	color:#333;
}

.posted {
	float:left;
	padding-left:28px;
	font-size:12px;
	color:#333;
}

.post_date {
	float:left;
	background:#F3F8F8;
	padding:5px;
	font-size:12px;
	color:#666;
	font-family:Arial, Helvetica, sans-serif;
	width:550px;
}

* html .post_date {
	float:left;
	background:#F3F8F8;
	padding:5px;
	font-size:12px;
	color:#666;
	font-family:Arial, Helvetica, sans-serif;
	width:500px;
}

.post_date a {
	color:#666;
}

.filed {
	float:left;
	padding:0 0 10px;
	font-size:12px;
	color:#333;
}

.photo {
	padding:3px;
	margin:0 5px 0 0;
	background:#f9f9f9;
	border:solid 1px #ccc;
	float:left;
}

.entry p {
	text-align:left;
	margin-top:5px;
}

.entry blockquote {
	margin:20px 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:22px;
	font-style:italic;
	font-weight:bold;
}

.entry blockquote p {
	margin:20px 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	line-height:22px;
	font-style:italic;
	font-weight:bold;
	color:#364B4F;
}

.entry img {
	padding:3px;
	margin:5px;
	background:#f9f9f9;
	border:solid 1px #ccc;
}

.entry ul li {
	list-style-type:square;
}


	
/* Comments Template
-----------------------------------------------------------------------------*/
textarea {
	padding:2px;
	width:885px;
	border:1px solid #ccc;
	height:300px;
}

input {
	padding:2px;
	border:1px solid #ccc;
	margin:3px;
}


	
/* Comments */
.commentsMain {
	padding:0;
}

.commentsMain h3#comments,.commentsMain #respond h3 {
	font:18px Georgia, sans-serif;
	color:#333;
}

.commentsMain .commWrap {
	background:#fff left top no-repeat;
	width:560px;
	padding:9px 0 0;
}

.commentsMain ol.commentlist {
	background:#fff;
	padding:15px 0;
}

.commentsMain ol.commentlist li {
	padding:10px;
	margin:0 0 10px;
	border:1px solid #ddd;
}

.commentsMain ol.commentlist li li {
	background:none;
	margin:10px;
}

.commentsMain .commFoot {
	background:url(images/postBot.png) left top no-repeat;
	height:19px;
}

.commentsMain form#commentform p {
	padding:0 0 10px;
}

.commentsMain form#commentform p input,.commentsMain form#commentform p textarea {
	padding:5px;
	border:1px solid #000;
}

.commentsMain form#commentform p input#submit {
	cursor:pointer;
	background:#333;
	font-weight:bold;
	color:#fff;
}

#submit_comment {
	background:#666;
	color:#fff;
	padding:4px;
	margin:3px 0 0;
	border:1px solid #ccc;
	font-weight:bold;
	width:120px;
}

.comment-meta.commentmetadata a {
	font-size:11px;
	color:#173a5b;
	text-decoration:none;
}

textarea {
	padding:2px;
	width:885px;
	border:1px solid #ccc;
	height:200px;
}

input {
	padding:2px;
	border:1px solid #ccc;
	margin:3px;
}

ol.commentlist p {
	margin-bottom:10px;
	line-height:20px;
}

ol.commentlist cite {
	font-style:normal;
	font-weight:bold;
}

ol.commentlist li {
	padding:20px 10px 10px;
}

ol.commentlist li.alt {
	padding:10px 10px 0!important;
	background:#f1f1f1;
	border:1px solid #ebebeb;
}


	
/* Page Navigation
-----------------------------------------------------------------------------*/
.navigation {
}

.navigation a {
	color:#333;
	font-size:1em;
	font-weight:bold;
}

.alignleft {
	display:inline;
	float:left;
}

.alignright {
	display:inline;
	float:right;
}


	
/* Footer
-----------------------------------------------------------------------------*/
#footer {
	margin-top:50px;
	padding:25px 10px 10px 10px;
	background:#1786be;
	border-top:4px solid #212121;
	height:80px;
        width:100%;
}

#copyright {
	color:#dbdbdb;
	padding:5px 0 0;
	margin:0 auto;
        width:100%;

}

#copyright a {
	color:#fff;
	font-weight:bold;
	text-decoration:none;
}

#copyright a:hover {
	text-decoration:underline;
}


	
/* Calculator
-----------------------------------------------------------------------------*/
.calc {
	width:530px;
	margin:8px;
	padding:10px;
}

.calc input {
	height:25px;
	width:100px;
	border:1px solid #212121;
	margin:8px;
}

/* FFS make the More Details WORK
-----------------------------------------------------------------------------*/

.moredetails1 {
	padding-bottom: 20px;
	}

.moredetails2 {
	padding-bottom: 20px;
	}

.maptext {
	padding: 30px 0px 20px 0px;
	}
