/*
Theme Name: Sunset Sails Theme
Theme URI: http://sunsetsails.com/
Description: A custom theme for SunsetSails.com
Author: PC Nerds (www.thePCnerds.com)
Version: 1.0
Tags: custom, sunsetsails
*/

/* Imports
----------------------------------------*/
@import url("http://yui.yahooapis.com/3.1.1/build/cssreset/reset-min.css");

/* Elements
----------------------------------------*/
html
{
	background-color: #366c96;
}

body
{
	background: #366c96 url(images/headerBG.png) top center repeat-x;
}

body, p, td, th
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:.875em;
	line-height:1.5em;
	color:#000000;
}

em
{
	font-style: italic !important;
}

img
{
	border: 0;
}

hr
{
	height: 1px;
	margin: 0 10px;
	background-color: #CCC;
	border: 0;
}

/* Text meant only for screen readers */
.screen-reader-text {
	position: absolute;
	left: -9000px;
}

/* Standard Definitions
----------------------------------------*/
.left 		{float:left; margin: 0 15px 15px 0;}
.right 		{float:right; margin: 0 0 15px 15px;}
.center 	{display: block; margin: 0 auto;}
.alignleft 	{float:left; margin-right: 15px;}
.alignright	{float:right; margin-left: 15px;}
.aligncenter{display: block; margin: 0 auto;}
.floatpadding{margin: 10px;}
.clearThis 	{clear:both;}
.justify 	{text-align:justify;}
.small		{font-size:.625em;}
.large		{font-size:1em;}
.soft		{color:#D3D3D3;}
.hide		{display:none;}
.outdent	{text-indent: -1em;}
p.last		{margin-bottom:0px;}
.border		{border: 1px solid #183851; padding: 5px;}

/* Site Structure
----------------------------------------*/
#header
{
	position: relative;
	z-index: 1;
	width: 750px;
	margin: 0 auto;
	padding-left: 15px;
	background: url(images/header.jpg) 225px 0 no-repeat;
}

	#header h1
	{
		display: block;
		float: left;
		width: 210px;
		height: 165px;
		border-left: 1px solid #17354d;
		border-right: 1px solid #07141e;
		background: #fff url(images/logo.gif) no-repeat top center;
	}

	#header h1 a
	{
		display: block;
		position: relative; 
		top: 86px;
		height: 56px;
		background: url(images/logo.gif) no-repeat 0 -86px;
		text-indent: -9999px;
	}

	#header h1 a:hover
	{
		background: url(images/logo.gif) no-repeat 0 -166px;
	}

.mainNav
{
	float: left;
	padding-top: 110px;
	overflow: hidden;
}

	.mainNav .menu
	{
		position: relative;
		padding: 5px 10px 5px 0;
		border: 1px solid #5e90b7;
		border-left: 0;
		-webkit-border-radius: 0 6px 6px 0;
		-moz-border-radius: 0 6px 6px 0;
		border-radius: 0 6px 6px 0;
		background: #173851 url(images/navBG.gif) repeat-x top left;
		behavior: url(http://sunsetsails.com/wp-content/themes/sunsetsails/files/PIE.htc);
	}
	
		.mainNav .menu li
		{
			display: inline;
			margin-left: 10px;
		}

		.mainNav .menu a
		{
			text-decoration: none;
			color: #fff;
			font: small Arial, Helvetica, sans-serif;
			font-style: italic;
			letter-spacing: 1px;
		}

		.mainNav .menu a:hover
		{
			color: #446e8e;
		}

		.mainNav .menu .children
		{
			display: none;
		}

	.subNav
	{
		margin-left: 5px;
	}

		.subNav li
		{
			display: inline;
			margin-left: 10px;
		}

		.subNav a
		{
			text-decoration: none;
			color: #0b1b28;
			font-weight: bold;
			font-style: italic;
		}

		.subNav a:hover
		{
			color: #cddae4;
		}

#content
{
	position: relative;
	clear: both;
	margin: 0 auto;
	padding: 15px;
	width: 750px;
	min-height: 130px;
	border: 10px solid #FFF;
	-webkit-box-shadow: #183851 0px 0px 20px;
	-moz-box-shadow: #183851 0px 0px 20px;
	box-shadow: #183851 0px 0px 20px;
	background: #183851 url(images/contentBG.gif) top repeat-x;
	behavior: url(http://sunsetsails.com/wp-content/themes/sunsetsails/files/PIE.htc);
}

	#featured
	{
		float: left;
		width: 460px;
		background-color: #366c96;
		margin: 0 0 15px;
		padding: 10px;
	}

		#featured h2
		{
			margin: -5px 0 5px;
			color: #FFF;
			font: medium Arial, Helvetica, sans-serif;
			font-weight: bold;
		}
		
		#featured .featuredHeading
		{
			display: none;
		}

		#jFlowSlider
		{
			width: 458px;
			border: 1px solid #183851;
		}
		
		#featured #jFlowController
		{
			display: none;
		}

		#featured .jFlowPrev, #featured .jFlowNext
		{
			position: relative;
			margin: 1px;
			margin-bottom: -100px;
			z-index: 2;
			cursor: pointer;
		}

		#featured .jFlowPrev
		{
			float: left;
		}

		#featured .jFlowNext
		{
			float: right;
			margin-right: -1px;
		}
		
		#featured .prop-thumb
		{
			width:460px;
			height:300px;
			overflow: hidden;
		}

		#featured .prop-thumb img
		{
			position:relative;
			width:100%;
		}

		#featured .prop-desc
		{
			position: relative;
			top: -95px;
			float: right;
			width: 300px;
			margin: 10px;
			padding: 10px;
			background: #fff;
			opacity: .8;
		}
		
		#featured .prop-box-featured h3 a
		{
			text-decoration: none;
			font-weight: bold;
			color: #183851;
		}

		#featured .prop-box-featured h3 a:hover
		{
			color: #406881;
		}

		#featured .prop-box-featured p
		{
			font: 14px Arial, Helvetica, sans-serif;
			font-weight: bold;
		}

		#featured .prop-box-featured em
		{
			font: 14px Arial, Helvetica, sans-serif;
		}
		
		#featured .prop-price
		{
			float: right;
			font-weight: bold;
			color: #000;
		}
		
	#activelistings
	{
		min-height: 421px;
	}
	
	h2.no-listings
	{
		margin: 1em 0 0;
		text-align: center;
		font-weight: bold;
		font-size: 16px;
	}
	
	#article
	{
		float: left;
		width: 460px;
		padding: 10px;
		background: #FFF;
		font: "Lucida Grande", sans-serif;
	}

	#article.fullwidth
	{
		width: 730px;
	}

	.creditapp .entry-content 
	{
		margin: 15px;
	}

	.creditapp .entry-content fieldset
	{
		padding: 0 15px 15px;
		background-color: #DFF4FF;
		border: 1px solid #183851;
	}

	.creditapp .entry-content legend
	{
		color: #183851;
		margin: 0 10px 0;
		padding: 0 5px;
	}


	.creditapp .entry-content .cform ol.cf-ol li.textonly h2 {
		text-align: center;
		text-decoration: underline;
		letter-spacing: 2px;
		font: 16px/18px Arial, Helvetica, sans-serif;
		font-weight: bold;
	}
	.creditapp .entry-content .cform fieldset.cf-fs2 li.textonly,
	.creditapp .entry-content .cform fieldset.cf-fs4 li.textonly {
		font-weight: bold;
		margin:0 10px 0 230px !important;
		padding-top: 1em; 
	}
	.creditapp .entry-content .cform label {
		width:220px; 
		margin:0 10px 0 0; 
	}
	.creditapp .entry-content .cform label span {
		width:220px;
	}
	.creditapp .entry-content span.reqtxt, 
	.creditapp .entry-content span.emailreqtxt {
		width:220px;
		margin-top: -8px;
	}
	
	.verification-successful {
		min-height: 50px; padding: 10px 10px 10px 70px; border: 1px solid #183851;
		background: #DFF4FF url(http://sunsetsails.com/wp-content/uploads/success_icon.png) 10px 10px no-repeat;
		color: #000;
		font: 14px/50px Arial, Helvetica, sans-serif;
		font-weight: bold;
		text-align: center;
	}




		#article h3
		{
			font-size: 1.1em;
			font-weight: bold;
			text-indent: -5px;
		}

		#article p
		{
			margin: 10px;
			text-align: justify;
			font-size: 1em;
		}

		.entry-title
		{
			margin-bottom: 10px;
			border-bottom: 1px solid #CCC;
			color: #183851;
			font: medium Arial, Helvetica, sans-serif;
			font-weight: bold;
		}
	
			.entry-title a
			{
				margin-bottom: 10px;
				color: #183851;
				font: medium Arial, Helvetica, sans-serif;
				font-weight: bold;
				text-decoration: none;
			}
		
		.entry-title-hover a:hover
		{
			color: #446E8E;
		}

		.entry-content
		{
			padding: 5px;
		}
		
		.entry-content a, .entry-summary a
		{
			text-decoration: underline;
			color: #366c96;
		}
	
		.entry-content a:hover, .entry-summary a:hover
		{
			color: #183851;
		}

		/*Styles for Single Property Listing Page*/
		.listing-main-img img
		{
			display: block;
			width: 95%;
			margin: 10px auto;
			border: 1px solid #183851;
		}
		
		#prop-details h2
		{
			padding: 10px 10px 0;
			font-weight:bold;
			letter-spacing:1px;
		}
		
		#prop-details p
		{
			font: 14px/16px Arial, Helvetica, sans-serif;
			text-align: left;
		}
		
		#photogallery
		{
			padding: 10px;
			border: 1px solid #183851;
			background-color: #B3D9F4;
		}

		#photogallery h2
		{
			font-weight:bold;
			letter-spacing:1px;
		}
		/*END - Styles for Single Property Listing Page*/

		.list-properties li
		{
			padding: 5px;
		}

		.list-properties li a
		{
			display: block;
			margin: block;
			padding: 10px 20px;
			background: #B3D9F4;
			border-bottom: 1px solid #45799F;
			font: 18px Arial, Helvetica, sans-serif;
			color: #000;
			text-decoration: none;
		}

		.list-properties li a:hover
		{
			color: #183851;
			background: #DFF4FF;
			border-bottom: 1px solid #9FD6FF;
		}

		#content strong
		{
			font-weight: bold !important;
		}
		
		#article .prop-box-avail
		{
			margin: 10px 0;
			padding: 10px 10px 0;
			border: 1px solid #183851;
			background-color: #B3D9F4;
		}

		#article .prop-box-avail h2 a
		{
			margin-bottom: 10px;
			color: #183851;
			font: medium Arial, Helvetica, sans-serif;
			font-weight: bold;
			text-decoration: underline;
		}

			#article .prop-box-avail h2 a:hover
			{
				color: #000;
			}

		#article .prop-box-avail h3
		{
			margin: 0;
			font: medium Arial, Helvetica, sans-serif;
			font-weight: bold;
			text-decoration: none;
			text-indent: 0;
		}
		
		#article .prop-thumb
		{
			float: left;
			margin: 0 10px 6px 0;
		}

		#article .prop-thumb img
		{
			border: 1px solid #fff;
		}
		
		#article .propdata
		{
			clear: left;
			display: block;
			margin: 0 -10px;
			padding: 10px 0;
			text-align: center;
			background: #366c96;
		}

		#article .propdata-line div
		{
			display: inline;
			margin: 0 1em;
			color: #fff;
		}

		#article .call-us
		{
			display: block;
			margin: 0 -10px;
			padding: 10px 0;
			text-align: center;
			background: #DCEDFA;
			font-style: italic;
		}
		
		
		#listing-container
		{
			margin-top: 30px;
		}

		#tabnav li
		{
			margin-top: -30px;
		}
			
			
	.nocomments
	{
		display: none;
	}

	#sidebar
	{
		float: right;
		width: 235px;
		margin-left: 10px;
		padding: 10px;
		background: #366c96;
	}

		#sidebar .widget-title
		{
			margin-bottom: 10px;
			padding: 5px 0 0;
			border-bottom: 1px solid #5e90b7;
			text-align: center;
			color: #FFF;
			font: medium Arial, Helvetica, sans-serif;
			font-weight: bold;
		}

		#sidebar .xoxo li
		{
			margin-top: 20px;
		}
	
	.srp_MortgageCalcwidget
	{
		padding: 10px;
		border: 1px dashed #183851 !important;
	}
	
	.srp_table td
	{
		font: 14px/16px Calibri,Arial,Helvetica,sans-serif;
		padding-bottom: 5px;
		color: #000;
	}

	#widget-srp_mortgagecalc-5-down_payment
	{
		text-align:right;
	}

	#widget-srp_mortgagecalc-5-mortgage_term
	{
		text-align:right;
	}

	#widget-srp_mortgagecalc-5-interest_rate
	{
		text-align:right;
	}

	.srp_table input
	{
		width:65px;
		margin: 0 2px;
		padding:1px;
		border: 1px solid #183851;
		font: 16px/16px Arial,Helvetica,sans-serif;
	}

	.srp_table tr.hidden
	{
		display: none;
	}
	
	.srp_result_link a
	{
		position: relative;
		padding: 10px;
		color: #FFF;
		border: 1px solid #5e90b7;
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		border-radius: 6px;
		background: #173851;
		behavior: url(http://sunsetsails.com/wp-content/themes/sunsetsails/files/PIE.htc);
	}

	.srp_result_link a:hover
	{
		background: #069;
	}
	
.custom_search
{
	border: 1px dashed #183851 !important;
	padding: 0 0 10px;
}

div.searchform-param
{
	clear: both;
	margin: 10px 0;
	padding: 5px 0;
	text-align: right;
}	

.searchform-param label
{
	font: bold 14px/16px Calibri,Arial,Helvetica,sans-serif;
}	

.searchform-input-wrapper
{
	display:block;
	float:right;
	width: 80px;
	text-align: left;
	padding-left: 10px;
	padding-right: 30px;
	font: 16px/16px Arial,Helvetica,sans-serif;
}

.searchform-input-wrapper input,
.searchform-input-wrapper select
{
	width: 100%;
	padding:1px;
	border: 1px solid #183851;
}

.searchform-label
{
	float: left;
	width: 110px;
	margin: 5px 0 0;
	text-align: right;
}

.searchform-controls
{
	padding: 10px 0;
	clear: both;
	text-align: center;
}

.searchform-controls input
{
	position: relative;
	padding: 5px 10px;
	color: #FFF;
	border: 1px solid #5e90b7;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background: #173851;
	behavior: url(http://sunsetsails.com/wp-content/themes/sunsetsails/files/PIE.htc);
	cursor:pointer;
}

.searchform-controls input:hover
{
	background: #069;
}

	
#footer
{
	position: relative;
	z-index: 1;
	width: 750px;
	margin: 0 auto;
	padding: 10px 0;
	text-align: center;
	color: #183851;
	font: small Arial, Helvetica, sans-serif;
}

#footer a
{
	color: #5F96BF;
}