/*
Theme Name: Rex (bold)
Theme URI: http://www.rexsoftware.com
Description: Rex software blog theme
Version: 1.0
Author: Rex Software
Author URI: http://www.rexsoftware.com/
*/

/*************************************** PAGE LAYOUT ***************************************/
body, html {
	padding: 0;
	margin: 0;
}

/* site container div */
#page{

}

/* site header */
#header {
	position: relative;
	overflow: visible;
}
#background {
	position: absolute;
	overflow: hidden;
	z-index: -1;
	width:100%;
	height: 100%;
}
#background img {
	position: absolute;
}
#branding {
	width:100%;
	z-index: 6;
}
#header-content {
	position: relative;
}

/* main menu layout */
#access {
	position: relative;
	width: 100%;
	overflow: visible;
	z-index: 5;
}
#menu-ie-bg {
	display: none;	/* (@see style_ie.css) */
}
.sf-menu {
	margin-bottom: 0;
}
#access .mini-menu { display: none; }	/* dropdown menu is hidden, shows at smaller viewport width */

#searchform-box input[type=text] {	/* this forces jqUI to position its autocomplete high enough in the z-order to overcome the menu bar */
	z-index: 6;
	position: relative;
}

/* homepage search form & header links */
#header-search, #home-search-links {
	float: left;
}
#home-search-links {
	width: 300px;
	margin-left: 20px;
}
#home-search-links a {
	width: 215px;
	float: left;
}

/* Main page body */
#main {
	width: 100%;
	min-height: 500px;
}

/* page navigation */
.navigation ul {
	list-style: none;
	padding: 0;
	border-top: 1px solid rgb(200,200,200);
	margin-top: 10px;
	padding-top: 15px;
}
.navigation li {
	float: left;
}

/* footer rex product logo */
#colophon {
	padding: 30px;
}

/* main page area paddings */
.home .widget-area,
#page-body,
#footer {
	padding: 0 0 30px 0;
}

/* content list containers */
#page-body {
	margin: 0 auto;
	padding-left: 20px;
	padding-right: 20px;
}

#page-body.staff {
	padding-left: 0px;
	width: 960px;
}

ol.posts,
ol.properties,
ol.testimonials,
div.staffpage,
div.page {
	padding: 0 20px 0 0;
	margin: 1em 0 0 0;
	float: left;
}

ol.posts,
ol.testimonials,
div.staffpage,
div.page {
	border-right: 1px solid rgb(200,200,200);
}

div.staffpage,
div.stafflistings,
div.page {
	width: 620px;
}

/* blog pages navigation bar */
div.navigation {
	margin: 10px 0 0 0;
}

/* site-width container elements, with 20px horizontal padding to the right (left is added to each widget) */
div.sidebar-inner {
	margin: 0 auto;
}

.home .sidebar-inner,
#footer div.sidebar-inner {
	padding: 0 20px 0 0;
	width: 960px;
}
/* site-width container elements which don't have widgets in them */
#header-content,
#home-search-container {
	padding: 0 20px;
	width: 940px;
	margin: 0 auto;
}

/* site-width container elements which don't have widgets or padding in them */
#access .navbar-inner {
	width: 980px;
	margin: 0 auto;
	position: relative;
}

/* homepage sidebar widgets & footer - flow horizontally */
.home .widget-area aside,
#footer aside {
	float: left;
	margin-left: 20px;
}

.home .widget-area.right aside,
#footer .widget-area.right aside {
	float: right;
}

/* 'real' page sidebars & widgets - not the homepage ones */
#blog-sidebar,
#general-sidebar {
	float: left;
	width: 279px;
	padding-left: 20px;
	margin-top: 20px;
}
#blog-sidebar aside,
#general-sidebar aside {
	padding-bottom: 20px;
}

#blog-sidebar aside.widget-first h3,
#general-sidebar aside.widget-first h3 {
	margin-top: 0;
}

#blog-sidebar aside.widget-last,
#general-sidebar aside.widget-last {
	border-bottom: 0;
}

/* builtin wordpress post image classes for handling floating */
.aligncenter, .alignleft, .alignright {
	margin: 10px 0;
}
.alignleft {
	float: left;
	margin-right: 20px;
}
.alignright {
	float: right;
	margin-left: 20px;
}
.aligncenter {
	display: block;
	margin: 0 auto;
}
.wp-caption-text {
	font-family: 'Open Sans i4', 'Open Sans';
	font-style: italic;
}

/***************************** INTERNAL WIDGET LAYOUTS *******************************/

/* widget internals needing to react when container sidebars have no margins */
aside.quicklinks.s3cols_3 .links,
aside.twitterpanel.s3cols_3 .tweets,
aside.facepanel.s3cols_3 .tweets,
aside.postslistpanel.s3cols_3 .moar {
	width: 960px;
}
aside.quicklinks.s3cols_2 .links,
aside.twitterpanel.s3cols_2 .tweets,
aside.facepanel.s3cols_2 .tweets,
aside.postslistpanel.s3cols_2 .moar {
	width: 640px;
}
aside.quicklinks.s3cols_1 .links,
aside.twitterpanel.s3cols_1 .tweets,
aside.facepanel.s3cols_1 .tweets,
aside.postslistpanel.s3cols_1 .moar {
	width: 320px;
}

aside.twitterpanel ol,
aside.facepanel ol,
aside.postslistpanel ol,
aside.testespanel ol,
aside.staffpanel ul {
	padding: 0;
}

aside.twitterpanel ol,
aside.facepanel ol,
aside.postslistpanel ol {
	margin: 15px 0 15px 20px;
	float: left;
	width: 300px;
}

aside.postslistpanel ol {
	margin-top: 0;
}

aside.postslistpanel .moar {
	margin-top: 15px;
}

.twitterpanel li,
.facepanel li {
	margin-bottom: 25px;
}

.quicklinks ul {
	padding: 0;
	margin: 0;
}

.twitterpanel .tweets,
.facepanel .tweets,
.postslistpanel .moar,
.quicklinks .links {
	margin-left: -20px;
}

.postslistpanel li {
	margin-bottom: 15px;
}

.twitterpanel li.last,
.facepanel li.last,
.postslistpanel li.last {
	margin-bottom: 0;
}

.twitterpanel li span,
.facepanel li span,
.postslistpanel li span,
aside.testespanel li span {
	display: block;
}

.twitterpanel iframe,
.facepanel iframe {
	margin-top: 12px;
}

#page-body.staff .navigation {
	margin-left: 20px;
}

#page-body.staff aside.header h1 {
	margin-left: 20px;
}

/* properties widgets */
.propertiespanel h3 {
	margin-top : 15px;
}

/* adjustments for widgets in page sidebars */
#blog-sidebar aside.quicklinks li,
#general-sidebar aside.quicklinks li,
#blog-sidebar aside.quicklinks ul,
#general-sidebar aside.quicklinks ul,
#blog-sidebar aside.postslistpanel ol,
#general-sidebar aside.postslistpanel ol,
#blog-sidebar aside.twitterpanel ol,
#general-sidebar aside.twitterpanel ol,
#blog-sidebar aside.facepanel ol,
#general-sidebar aside.facepanel ol {
	width: 279px;
	margin-left: 0;
}

#blog-sidebar .twitterpanel .tweets,
#general-sidebar .twitterpanel .tweets,
#blog-sidebar .facepanel .tweets,
#general-sidebar .facepanel .tweets,
#blog-sidebar .quicklinks .links,
#general-sidebar .quicklinks .links,
#blog-sidebar .postslistpanel .moar,
#general-sidebar .postslistpanel .moar {
	margin-left: 0;
}

#blog-sidebar aside.quicklinks li:last-child a,
#general-sidebar aside.quicklinks li:last-child a {
	border-bottom: 0;
}

/* latest posts widget, post list page, property list & detail pages */
.blogpanel > ol {
	margin: 0;
	padding: 0;
}

.blogpanel li > h4,
ol.posts li > h2,
ol.testimonials li > h2 {
	margin: 15px 0 10px 0;
}

.blogpanel li,
ol.posts li,
ol.testimonials li,
ol.staff li,
ol.properties li {
	margin-top: 2em;
	border-top: 1px solid rgb(200,200,200);
}

body.single ol.posts li {
	padding-top: 1em;
}

.blogpanel li li,
ol.posts li li,
ol.testimonials li li,
ol.staff li li,
ol.properties li li {
	margin-top: 0;
	border-top: 0;
}

ol.properties li {
	margin-top: 1em;
}

.blogpanel li.first,
ol.posts li.first,
body.single ol.posts li.first,
ol.testimonials li.first,
ol.staff li.first,
ol.staff li.second,
ol.staff li.third,
ol.properties li.first {
	margin-top: 0;
	padding-top: 0;
	border-top: 0;
}

.post-image {
	width: 300px;
	height: 225px;
	display: block;
	position: relative;
	float: left;
	margin: 15px 0 0 0;
}

.post-image.large {
	width: 620px;
	height: 500px;
}

.post-image a,
.post-image div {
	display: block;
	overflow: hidden;
	height: 100%;
}

.post-image div.sold,
.post-image div.leased,
.post-image div.underoffer {
	position: absolute;
	width: 100%;
	height: 100%;
	top: -5px;
	left: -5px;
	background: transparent url('images/sold_banner.png') no-repeat left top;
}

.post-image div.leased {
	background: transparent url('images/leased_banner.png') no-repeat left top;
}

.post-image div.underoffer {
	background: transparent url('images/offered_banner.png') no-repeat left top;
}

.post-image img {
	width: 100%;
}

.post-body p {
	margin: 15px 0;
}

.post-meta span {
	height: 16px;
	padding-left: 20px;
	margin-right: 10px;
	white-space: nowrap;
}
.post-meta .comment-reply-link span {
	padding: 0;
	margin: 0;
}
.post-meta .date { background-position: 0px -41px; }
.post-meta .cats { background-position: 0px -87px; }
.post-meta .tags { background-position: 0px -18px; }
.post-meta .author { background-position: 0px -64px; }
.post-meta .comments { background-position: 0px -233px; }

/* post comments */
.comment-author {
	float: left;
}

.comment-author .post-image {
	width: 50px;
	height: 50px;
	margin-top: 0;
}

.comment-body .post-meta,
.comment-body .comment-content {
	margin-left: 72px;
}

ol.commentlist {
	margin: 0;
	padding: 0;
}

ol.commentlist li {
	border-top: 0;
	border-bottom: 1px solid rgb(200,200,200);
	margin-top: 0;
}

ol.commentlist ul.children {
	margin: 0;
	padding: 0 0 0 10px;
}

ol.commentlist ul.children li:first-child {
	border-top: 1px solid rgb(200,200,200);
}

ol.commentlist ul.children li:last-child {
	border-bottom: 0;
}

/* property list page */
div.property .property-details,
div.property .property-body {
	width: 460px;
	float: left;
	margin-right: 20px;
}

div.property .property-body {
	margin-right: 0;
}

div.property .property-body h4 {
	margin: 19px 0 0 0;
}

div.property .property-body p {
	margin-top: 5px;
}

.property-body .inspections-list {
	position: absolute;
}

.property-body .inspections-list ol {
	padding: 8px 15px;
	margin: 0;
}

.property-body .inspections-list li {
	margin-top: 0.4em;
	padding-top: 0.4em;
	padding-left: 20px;
}

.property-body .inspections-list li.first {
	padding-top: 0;
}

.property-details .post-image {
	width: 220px;
	height: 147px;
	margin-bottom: 0;
}

.property-details div.property-meta {
	float: left;
	width: 220px;
	margin-top: 15px;
}

.property-details h4,
.property-details p {
	margin: 0;
	padding-bottom: 8px;
}

.property-details p {
	margin-top: 8px;
}

.property-details p.rooms {
	margin: 0;
	padding: 0;
}
.picon {
	display: block;
	float: left;
	width: 40px;
	padding: 3px 6px;
	margin: 10px 11px 0 0;
	text-align: right;
}
.property-single .picon {
	float: right;
}

/* property detail page */
.property-single .details,
.property-single .map {
	border-top: 1px solid rgb(200,200,200);
	margin-top: 20px;
}

.property-single .map iframe {
	border: 0;
	width: 100%;
	height: 100%;
}

.property-single .map .post-image {		/* map container */
	width: 940px;
	height: 385px;
	margin-top: 20px;
	margin-right: 0;
}

.property-single p.particulars {
	padding-right: 10px;
	margin: 0;
}

.property-single .picon.price {
	width: auto;
	float: left;
}

.property-single .cell {
	float: left;
}

.property-single .maincell {
	width: 640px;	/* ie7 needs this to be set */
}

.property-single .post-image.large {
	height: 385px;
	margin-bottom: 0;
	float: none;
}

.property-single .thumbnails {
	width: 300px;
	overflow: hidden;
	margin: 15px 0 0 0;
}

.property-single .thumbnails .post-image {
	width: 140px;
	height: 108px;
	margin-top: 0;
	margin-bottom: 30px;
	cursor: pointer;
}

.property-single .thumbnails .post-image.odd {
	margin-right: 0;
}

.property-single .thumbnails ul {
	margin: 0;
	padding: 0;
	overflow: hidden;
	height: 385px;
	position: relative;
}

.property-single .thumbnails li {
	float: left;
	width: 300px;
}

.property-single .images .cell .link-button {
	display: block;
	float: left;
	width: 126px;
	margin-top: 13px;
}

.property-single .images .cell .link-button.next {
	float: right;
}

.agent {
	width: 300px;
	margin-left: 20px;
}

.agent .post-image {
	float: none;
	width: 140px;
	height: 145px;
}

.agent .post-image.large {
	width: 300px;
	height: 310px;
}

.agent h3,
.agent h4 {
	margin: 0;
}

.agent h4 {
	margin-bottom: 15px;
}

.agent .link-button {
	margin-right: 7px;
}

.staffdetails .agent {
	margin-left: 52%;
	width: auto;
}

.property-single ul.features {
	padding-left: 15px;
}

.property-single ul.features li {
	padding-left: 5px;
	width: 215px;
	float: left;
}

ol.inspections-list {
	margin: 0;
	padding: 0 0 15px 0;
}

ol.inspections-list li {
	float: left;
	width: 300px;
	margin-right: 20px;
	margin-top: 15px;
	padding-top: 15px;
}

ol.inspections-list li span {
	height: 20px;
	background-position: 0 -39px;
	padding-left: 20px;
}

ol.inspections-list li.even {
	margin-right: 0;
}

ol.inspections-list li.first,
ol.inspections-list li.second {
	margin-top: 0;
}

/* carousel overrides for different layout sizes */
.property-single .s2cols_2 .thumbnails {
	width: 620px;
}

.property-single .s2cols_2 .thumbnails ul {
	height: 108px;
}

.property-single .s2cols_2 .thumbnails .post-image {
	margin-bottom: 0;
}

.property-single .s2cols_2 .thumbnails li {
	width: 620px;
}

.property-single .s1cols_1 .thumbnails {
	width: 300px;
}

.property-single .s1cols_1 .thumbnails ul {
	height: 225px;
}

.property-single .s1cols_1 .thumbnails li {
	width: 300px;
}

.property-single .s1cols_1 .thumbnails .post-image {
	cursor: default;
	width: 300px;
	height: 222px;
	margin: 0;
}

/* staff list page */
ol.staff {
	padding: 0;
	margin: 0;
}

ol.staff li {
	float: left;
	margin-top: 1em;
}

ol.staff li.triple {
	clear: left;
}

/* staff detail page */
div.staffdetails .post-image {
	height: 385px;
}

div.stafflistings h3 {
	border-top: 1px dashed rgb(200,200,200);
	border-bottom: 1px dashed rgb(200,200,200);
	margin-top: 25px;
	padding-top: 15px;
	padding-bottom: 15px;
}

.stafflistings h3 a {
	position: relative;
	top: -3px;
}

.stafflistings ol  {
	padding: 0;
}

.stafflistings ol .property-meta p.price {
	float: left;
	padding: 3px 6px;
	margin: 10px 11px 0 0;
	background: rgb(238,238,238);
	font-family: 'Open Sans i6', 'Open Sans';
	font-weight: 600;
	font-style: italic;
	font-size: 17px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
}

.stafflistings ol .property-meta p.price,
.stafflistings ol .property-meta p.rooms {
	border: 0;
	display: inline;
}

.stafflistings ol .property-body h4 {
	margin: 15px 0 10px 0;
}

.stafflistings ol .property-body h4 a {
	font-family: 'Open Sans n6', 'Open Sans';
	font-weight: 600;
}

.stafflistings ol li,
.stafflistings ol .property-body,
.stafflistings ol .property-details,
.stafflistings ol div.property-meta {
	width: 300px;
	float: left;
}

.stafflistings ol li {
	float: left;
	margin-right: 0;
}

.stafflistings ol li.even {
	margin-right: 20px;
}

/* posts list widget */
.postslistpanel ol {
	margin: 0; padding: 0;
}

.postslistpanel .post-image {
	width: 60px;
	height: 40px;
	margin: 0 10px 0 0;
}

/* sharethis widget */
div.sharethis {
	text-align: center;
}

/* newsletter signup widget */
aside.newsletterpanel input {
	display: block;
	margin-bottom: 15px;
	width: 100%;
	width: 278px;
}

aside.newsletterpanel input[type=submit],
aside.widgetcform input[type=submit] {
	margin-bottom: 0;
	padding: 13px 0;
	font-size: 16px;
	font-family: 'Open Sans n7', 'Open Sans';
	font-weight: 700;
	width: 300px;
}

/* testimonials widget */
aside.testespanel .widget-title {
	border-bottom: 0;
}

aside.testespanel ol,
aside.testespanel p {
	margin-top: 0;
	padding-top: 14px;
	border-top: 1px solid rgb(200,200,200);
	float: left;
}

aside.testespanel ol {
	width: 620px
}

aside.testespanel p {
	width: 300px;
	margin-left: 20px;
}

/* quicklinks widget */
aside.quicklinks li {
	float: left;
	width: 300px;
	margin-left: 20px;
}

aside.quicklinks a {
	display: block;
	margin-top: 10px;
	padding: 0 0 10px 35px;
}

/* sitemap widget */
aside.sitemap ul {
	padding: 0;
	margin: 0;
}
aside.sitemap ul.menu {
	-moz-column-width: 140px;
	-webkit-column-width: 140px;
	-moz-column-gap: 10px;
	-webkit-column-gap: 10px;
}
aside.sitemap li.masonryBlock {	/* IE column compatibility */
	width: 150px;
}
aside.sitemap > div > ul > li {
	padding-bottom: 20px;
}
aside.sitemap ul ul {
	margin-left: 10px;
}

/* staff widget */
aside.staffpanel li {
	float: left;
	margin-left: 20px;
}

aside.staffpanel li.first {
	margin-left: 0;
}

/* sidebar categories widget */
aside.widget_categories ul {
	padding: 0;
}

aside.widget_categories li {
	width: 120px;
	padding-right: 5px;
	float: left;
	text-indent: -25px;
	padding-left: 25px;
}

aside.widget_categories a {
	background-position: 0 -86px;
	padding-left: 25px;
}

/* property search header form */
#searchform-properties div.sidebar-inner div.s3cols_1 {
	float: left;
	width: 300px;
	margin-right: 20px;
}
#searchform-properties div.sidebar-inner div.s3cols_1.last {
	margin-right: 0;
}

#searchform-properties label {
	display: block;
	width: 300px;
	position: relative;
	margin-bottom: 7px;
}

#searchform-properties .options label {
	margin-bottom: 17px;
}

#searchform-properties label select {
	position: absolute;
	right: 0px;
	width: 220px;
}

#searchform-properties .options,
#searchform-properties .options select,
#searchform-properties .options select option {
	line-height: 19px;
}

#searchform-properties select option.omit {
	color: rgb(163,163,163);
}

#searchform-properties .order label {
	display: block;
	float: left;
	width: 130px;
	padding-left: 20px;
}

#searchform-properties .order input[type=radio] {
	margin-left: -15px;
}

#searchform-properties .order input[type=submit] {
	width: 100%;
	padding: 8px 0;
}

#searchform-properties input[type=text] {
	width: 280px;
}

/* things which collapse within widgets (need their own left margins) */
aside.twitterpanel ol,
aside.facepanel ol,
aside.postslistpanel ol {
	margin-left: 20px;
}

/* widget internal margin resets for widgets in the page sidebars */
#general-sidebar aside.quicklinks li,
#blog-sidebar aside.quicklinks li {
	margin-left: 0;
}

/* fixes for sharethis widget alignment */
.st_fblike_large span {
	bottom: 11px;
}


/*************************************** MISC ***************************************/

/* Contain floats: nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }