/*
Theme Name: Katerina Online
Theme URI: http://www.katerinaonline.com
Description: Custom theme for the Katerina Online
Version: 1.0
Designer and Author: Evan Rowe
Author URI: http://www.evan-rowe.com
Tags: custom

	This theme was designed and coded by <a href="http://www.evan-rowe.com">Evan Rowe.</a>

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

/* SELF-CLEAR FLOAT FIX ========= *//* resolves rendering bug in IE6 and similar */
.c:after{ content: ".";display:block;height:0;clear:both;visibility:hidden;margin-bottom:.001em; }
.c{ display:inline-block; }
html[xmlns] .c{ display:block; }
* html .c{height:1%; }


/*  RESET
===========================================
*/


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100.01%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
	list-style-type: none;
}

li {
	list-style: none;
	list-style-type: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

img a, a img {
	border: none;
	background: none;
}

a, a:hover, div, li {
	outline: none;
}

blockquote, q
{
	quotes: none;
}

/*
Safari doesn't support the quotes attribute, so we do this instead.
*/
blockquote:before, blockquote:after, q:before, q:after
{
	/*
	CSS 2; used to remove quotes in case "none" fails below.
	*/
	content: "";
	/*
	CSS 2.1; will remove quotes if supported, and override the above.
	User-agents that don't understand "none" should ignore it, and
	keep the above value. This is here for future compatibility,
	though I'm not 100% convinced that it's a good idea...
	*/
	content: none;
}

textarea { overflow: auto; }
input { border: 0px solid white; margin: 0;  padding: 0; }



/*  COLORS
===========================================

orange: F7B726
light-orange: FFC973

ultra-light grey: CACCCD
light grey: 58595B
dark grey: 231F20

*/


/*  GLOBALS, PAGE STRUCTURE
===========================================
*/


body {
	margin: 0 auto;
	background: url(./img/bg-page.jpg) top left repeat-x #000;
	text-align: center;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #ffffff;
}

#wrapper {
	margin: 0 auto;
	width: 1093px;
	height: auto;
	text-align: center;
}

#wrapper.home-wrap { width: 757px; }

#header {
	float: left;
	width: 1093px;
	height: auto;
	background: none;
	position: relative;
}

#header.home-head { width: 757px; }

#nav {
	float: left;
	width: 1093px;
	height: auto;
	background: #F7B726;
	border-bottom: 4px solid #fff;
	border-top: 4px solid #fff;
	color: #000;
}

#nav.home-nav { width: 757px; }

#page {
	float: left;
	width: 1093px;
	height: auto;
	background: #222222;
}

#page.home-page { width: 757px; }

#sidebar {
	width: 175px;
	height: auto;
	float: left;
	background: #58595B;
	margin: 25px 30px 0 25px;
	text-align: left;
	padding: 15px;
}

#content {
	width: 790px;
	height: auto;
	float: left;
	margin-left: 40px;
	text-align: left;
	margin: 25px 0 0 0;
	padding-bottom: 20px;
}

#content.home {
	width: auto;	
}

.entry {
	float: left;
	width: 520px;
	height: auto;
	color: #fff;
	font-size: 14px;
	line-height: 18px;
	font-family: Geneva, sans-serif;
}

.entry.home {
	float: left; height: auto; width: auto; padding: 0 45px;
}

#footer {
	float: left;
	width: 1093px;
	height: auto;
	background: /*url(./img/bg-footer.jpg) top left repeat-x*/ #222222;
	padding-top: 30px;
}

#footer.home-footer { width: 757px; }


/*  HEADER STRUCTURE
===========================================
*/

#center {
	width: 0;
	height: auto;
	margin: 0 auto;
	position: relative;
}

#k_banner {
	width: 334px;
	height: 103px;
	background: url(./img/katerina_banner.png) top left no-repeat;
	position: absolute;
	top: 0;
	left: -167px;
}

#header-image {
	width: 1093px;
	height: 348px;
	margin-top: 76px;
}
#header-image.home { background: url(/wp-content/themes/katerina/img/header-04.jpg) 50% 0% no-repeat; }


/*  LINK AND LIST STYLES
===========================================
*/

p a, p a:visited, div.entry a, div.entry a:visited  { color: #F7B726; text-decoration: underline; }
p a:hover, div.entry a:hover { color: #FFC973; text-decoration: underline; }
p a:active, div.entry a:active { color: #ffffff; }


ul#mainnav { display: inline; height: auto; float: left; margin-left: 2px; width: 1093px; }
ul#mainnav.home { width: 757px; }
ul#mainnav li { display: inline; padding: 10px 29px; height: auto; float: left; position: relative; color: #231F20; font-size: 17px; font-weight: bold; text-transform: uppercase; }
ul#mainnav li a { color: #231F20; text-decoration: none; font-size: 17px; font-weight: bold; text-transform: uppercase; }

li#nav_home { margin-left: 18px; }
li#nav_enter { margin-left: 290px; }

ul#mainnav li:hover, ul#mainnav li.current { background: #ffffff; }


ul#mainnav li ul {
	display: none;
	position: absolute;
	background: #F7B726;
	float: none;
	margin: 0;
	padding: 0;
	z-index: 10;
	width: auto;
	top: 36px;
	left: 0;
}

ul#mainnav li:hover ul {
	display: block;
}

ul#mainnav li ul li, ul#mainnav li ul li:hover {
	display: block;
	background-image: none;
	border-bottom: 1px solid #ffffff;
	width: 252px;
	padding: 8px;
	padding-right: 0;
	margin: 0;
	text-align: left;
	clear: both;
}

ul#mainnav li:hover ul li a {
	font-size: 13px;
	color: #231F20;
	letter-spacing: 0;
}

ul#mainnav li:hover ul li:hover a {
	font-size: 13px;
	color: #231F20;
}

ul#mainnav li:hover ul li.current_page_item {
	background: #ffffff;
}

ul#mainnav li:hover ul li.current_page_item a {
	color: #231F20;
}



ul.listings-nav { width: 175px; float: left; margin: 0 0 40px 0; }
ul.listings-nav li { width: 163px; float: left; padding: 6px 6px; color: #fff; font-size: 14px; border-bottom: 1px solid #FFC973; font-weight: bold; }
ul.listings-nav li:hover, .listings-nav li.current-cat { background: #FFC973; }

ul.listings-nav li a, ul.listings-nav li a:hover { color: #fff; text-decoration: none; }
ul.listings-nav li:hover a, ul.listings-nav li.current-cat a { color: #000; }



ul#secondary-nav { width: 175px; float: left; margin: 0; }
ul#secondary-nav li { width: 163px; float: left; padding: 6px 6px; color: #FFC973; font-size: 16px; font-weight: bold; text-transform: uppercase; margin-bottom: 15px; }
ul#secondary-nav li:hover, #secondary-nav li.current { background: #FFC973; }

ul#secondary-nav li a { color: #FFC973; text-decoration: none; }
ul#secondary-nav li a:hover { color: #000; text-decoration: none; }
ul#secondary-nav li:hover a, ul#secondary-nav li.current a { color: #000; }



ul#tertiary-nav { width: 163px; float: left; margin: -10px 0 10px 12px; background: #58595B; }
ul#tertiary-nav li { width: 151px; float: left; padding: 6px 6px; color: #fff; font-size: 14px; border-bottom: 1px solid #FFC973; font-weight: bold; margin-bottom: 0; }
ul#tertiary-nav li:hover, #tertiary-nav li.current-cat { background: #FFC973; }

ul#tertiary-nav li a, ul#tertiary-nav li a:hover { color: #fff; text-decoration: none; }
ul#tertiary-nav li:hover a, ul#tertiary-nav li.current-cat a { color: #000; }


ul.body-list, ul.body-list li { list-style: disc; }
ul.body-list { margin: 10px 0 0 20px; }
ul.body-list li { margin-bottom: 3px; }



/*  TYPOGRAPHY
===========================================
*/

h1 {
	color: #F7B726;
	font-size: 32px;
	font-weight: bold;
	text-transform: capitalize;
}

h2 {
	color: #FFC973;
	font-size: 28px;
	line-height: 32px;
	text-transform: uppercase;
	font-weight: normal;
	margin-bottom: 25px;
}

h2.home { color: #fff; background: #58585B; margin: 0 auto; padding: 15px 8px; text-align: center; font-weight: bold; width: 600px; margin-top: 50px; }

h3 {
	color: #fff;
	background: #58595B;
	padding: 8px 0 10px 8px;
	font-size: 20px;
	line-height: 22px;
	text-transform: uppercase;
	margin: 35px 0 5px 0;
	width: 512px;
	font-weight: normal;
	clear: both;
}

h3.small { font-size: 17px; line-height: 19px; padding: 8px 0 8px 8px; width: 350px; margin: 15px 0 5px 0; }
h3.small a { text-decoration: none; font-weight: bold; }
h3.small a:hover { text-decoration: none; }
h3.footer-contact { color: #F7B726; font-size: 19px; background: none; padding: 0; width: auto; text-align: center; margin: 25px 0 20px 0; }
h3.byline { background: #F7B726; color: #000000; font-size: 19px; font-weight: bold; padding: 9px 0 7px 0; width: auto; text-transform: capitalize; }

h4 {
	color: #FFC973;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	margin: 25px 0 0 0;
	padding-bottom: 2px;
	border-bottom: 1px solid #FFC973;
	clear: both;
}
h4.designation { border-bottom: 0; font-size: 17px; margin: 10px 0 0 0; letter-spacing: 1px; font-weight: normal; }

h5 {
	color: #FFFFFF;
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
	margin: 25px 0 0 0;
	padding-bottom: 2px;
	clear: both;
}

div.entry p {
	margin: 12px 0 18px 0;
}

p.home { font-size: 16px; line-height: 22px; text-align: justify; width: auto; }

#footer p { font-size: 14px; line-height: 18px; margin: 0; }
#footer p.tiny-text { font-size: 10px; line-height: 12px; margin: 20px 0 20px 0; }

span.super { font-size: 60%; position: relative; bottom: .5em; }
span.light-orange { color: #FFC973; }

p.sidebar-header { font-size: 16px; font-family: Helvetica, Arial, sans-serif; margin: 0 0 10px 0; text-transform: uppercase; color: #FFC973; font-weight: bold; }

span.broker_title { font-size: 20px; text-transform: uppercase; color: #FFC973; letter-spacing: .04em; font-weight: bold; }
span.broker_degree { font-size: 18px; font-weight: bold; letter-spacing: .04em; line-height: 24px; }
span.broker_phone, span.broker_efax, span.broker_email { font-size: 16px; line-height: 21px; }

.broker_each { width: 150px; float: left; height: auto; display: inline; margin-right: 45px; text-align: center; }
.broker_each .broker_photo { width: 100px; height: 100px; overflow: hidden; border: 3px solid #FFC973; margin: 0 auto; margin-bottom: 13px; }
.broker_each .broker_photo img { border: none; }
.broker_each a.broker_link { color: #FFC973; font-size: 16px; }
.broker_each:hover a .broker_photo { border: 3px solid #fff; }
.broker_each:hover a.broker_link { color: #fff; }

/*  IMAGES
===========================================
*/


.entry img { border: 4px solid #FFC973; }
img.alignleft { float: left; margin-right: 10px; }
img.alignright { float: right; margin-left: 10px;  }


/*  LISTINGS STRUCTURE AND STYLING
===========================================
*/

.listing-summary {
	width: 740px;
	height: auto;
	float: left;
	padding: 15px;
	margin: 0 0 30px 0;
}

.listing-summary.alt { background: #58595B; }


.listing-info {
	width: 490px;
	height: auto;
	float: left;
}

.listing-info-header {
	width: 490px;
	height: auto;
	float: left;
	margin-bottom: 25px;
}

.listing-title {
	width: 320px;
	height: auto;
	float: left;
}

.listing-title a, .listing-title a:visited { color: #FFC973; text-decoration: none; }
.listing-title a:hover { color: #ffffff; text-decoration: none; }

p.listing_address { color: #FFC973; font-size: 28px; line-height: 30px; font-family: Helvetica, Arial, sans-serif; margin: 0 0 10px 0; }
p.listing_city-state-zip { color: #FFC973; font-size: 20px; line-height: 26px; font-family: Helvetica, Arial, sans-serif; margin: 0 0 5px 0; }

.listing-price { 
	width: 150px;
	height: auto;
	float: left;
	text-align: right;
	margin-top: 2px;
}

p.listing_price { color: #ffffff; font-size: 26px; line-height: 28px; font-family: Helvetica, Arial, sans-serif; margin: 0; }


.listing-info-content {
	width: 490px;
	height: auto;
	float: left;
}

.listing-info-main {
	width: 100px;
	height: auto;
	float: left;
}

.listing-info-main p { font-size: 18px; font-family: Helvetica, Arial, sans-serif; margin: 0 0 16px 0; color: #CACCCD; }


.listing-info-second, .listing-info-third {
	width: 135px;
	height: auto;
	float: left;
	margin-left: 50px;
}

.listing-info-second p, .listing-info-third p { font-size: 12px; font-family: Helvetica, Arial, sans-serif; margin: 0 0 10px 0; color: #CACCCD; text-transform: uppercase; }

span.info-meta-title { font-weight: bold; }
span.info-meta-data { color: #FFC973; margin-left: 5px; }

.listing-thumb {
	width: 220px;
	height: auto;
	float: left;
	margin-left: 20px;
}

.listing-thumb img { border: 6px solid #FFC973; }




/*  SINGLE LISTING STRUCTURE AND STYLING
===========================================
*/


#listing {
	width: 800px;
	height: auto;
	float: left;
	margin: 10px 0 20px 15px;
}

#listing-content {
	width: 480px;
	height: auto;
	float: left;
}

#listing-title {
	width: 480px;
	height: auto;
	float: left;
	margin: 0 0 20px 0;
}

p.listing_address.single { font-size: 36px; font-weight: bold; margin-bottom: 15px; line-height: 38px; }
p.listing_city-state-zip.single { font-size: 26px; font-weight: normal; line-height: 28px;  }

#listing-images {
	width: 480px;
	height: auto;
	float: left;
	margin: 0 0 10px 0;
}

#listing-images img { border: 6px solid #FFC973; }

#listing-detail {
	width: 450px;
	height: auto;
	float: left;
}

#listing-detail p { font-family: Helvetica, Arial, sans-serif; font-size: 14px; line-height: 20px; margin: 0 0 20px 0; }

#listing-sidebar {
	width: 280px;
	height: auto;
	float: left;
	margin: 0 0 0 25px;
}


.listing-sidebar-box {
	width: 260px;
	height: auto;
	float: left;
	padding: 10px;
	background: #58595B;
	margin: 0 0 20px 0;
}

p.listing_price.single { font-size: 34px; font-weight: bold; margin: 5px 0 20px 0; }

.listing-sidebar-box.meta p { font-size: 12px; font-family: Helvetica, Arial, sans-serif; margin: 0 0 10px 0; color: #CACCCD; text-transform: uppercase; }

#meta-left {
	width: 140px;
	height: auto;
	float: left;
}

#meta-right {
	width: 90px;
	height: auto;
	float: left;
	margin-left: 20px;
}

#meta-right p { font-size: 18px; font-family: Helvetica, Arial, sans-serif; margin: 0 0 16px 0; color: #CACCCD; font-weight: bold; }

p.listing-sidebar-header { font-size: 18px; font-family: Helvetica, Arial, sans-serif; margin: 5px 0 15px 0; color: #CACCCD; text-transform: uppercase; font-weight: bold; }

p.listing-sidebar-header.tour { background: url(./img/tour_icon.jpg) top left no-repeat; padding: 0 0 0 25px; }
p.listing-sidebar-header.flyer { background: url(./img/flyer_icon.jpg) 0px 2px no-repeat; padding: 3px 0 2px 25px; }

.listing-sidebar-box.features p.listing-sidebar-header { margin-bottom: 5px; }

p.listing-sidebar-header a, p.listing-sidebar-header a:visited { color: #FFC973; text-decoration: none; }
p.listing-sidebar-header a:hover { color: #ffffff; text-decoration: none; }

p.listing-features { font-size: 12px; font-family: Helvetica, Arial, sans-serif; margin: 0 0 20px 0; }

p.listing-schools { font-size: 12px; font-family: Helvetica, Arial, sans-serif; margin: 0 0 10px 0; color: #CACCCD; text-transform: uppercase; }

.facebook {
	width: auto;
	height: auto;
	float: left;
	background: url(./img/facebook-icon.jpg) top left no-repeat;
	padding: 5px 0 0 25px;
	margin-left: 12px;
}

.facebook a, .facebook a:visited, .twitter a, .twitter a:visited { color: #fff; text-decoration: none; font-weight: bold; }
.facebook a:hover, .twitter a:hover { color: #FFC973; text-decoration: none; }

.twitter {
	width: auto;
	height: auto;
	float: left;
	background: url(./img/twitter-icon.jpg) top left no-repeat;
	padding: 5px 0 0 21px;
	margin-left: 20px;
}


/*  SINGLE PAGE STRUCTURE AND STYLING
===========================================
*/


.image-sidebar {
	width: 230px;
	height: auto;
	float: left;
	margin: 60px 0 0 25px;
}

.image-sidebar img { border: 4px solid #FFC973; margin-bottom: 30px; float: left; clear: both; }

.spacer { width: 500px; margin: 0 auto; }
.spacer.short { height: 10px; }
.spacer.line { border-bottom: 1px solid #ffc973; margin-bottom: 25px;  }


table.content-table {
	border: 1px solid #FFC973;
	margin-top: 20px;
	width: 520px;
}

table.content-table td { border: 1px solid #FFC973; padding: 6px; }
table.content-table tr.header-row { background: #FFC973; color: #000; text-transform: uppercase; font-weight: bold; }

div.gallery { margin: 10px 0 25px 0; }

.gallery-row { margin-bottom: 5px; }

dl.gallery-item {
	margin: 0;
	padding: 0;
}

dt.gallery-icon {
	margin: 0;
	padding: 0;
	border: none;
}

dt.gallery-icon img { margin: 0; padding: 0; border: 4px solid #FFC973; }



/*  FORM STYLING
===========================================
*/

form#MortgageCalc {
	margin: 25px 0 0 0;
}

form#MortgageCalc p {
	margin: 6px 0 6px 0;
}

label { color: #fff; text-transform: uppercase; font-size: 13px; }
label.right { width: 180px; float: left; text-align: right; padding-top: 10px; margin-left: 20px; }
label.fixed { width: 180px; float: left; text-align: left; padding-top: 5px; }
label.left { margin-left: 7px; }

input.text { width: 250px; margin-left: 15px; border: 1px solid #FFC973; padding: 6px; }
input.text.short { width: 80px; }
input.text.calc { width: 100px; padding: 4px; }
input.check { margin-left: 30px; }

textarea { width: 450px; height: 200px; border: 1px solid #FFC973; }

input.form-button, input[type=submit] { background: #FFC973; color: #000; font-weight: bold; border: none; padding: 6px 10px; text-transform: uppercase; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; font-size: 15px; margin-top: 10px; cursor: pointer; }
input.form-button:hover, input[type=submit]:hover { background: #F7B726; color: #fff; }