/*----------------------------------------------------------------------------
Typography CSS file for OfficeDragon.com
Created by Craig Cook - focalcurve.com
        for Easy! Designs, LLC - easy-designs.net
        on 26 March, 2009
-----------------------------------------------------------------------------*/

/* Base *********/
body { font: 12px/1.5 Helvetica, "Helvetica Neue", Arial, sans-serif; }

button, input, select, textarea { font-family: Helvetica, "Helvetica Neue", Arial, sans-serif; }

/* De-listed Lists *********/
#nav-access, 
#nav-user ul, 
#nav-main, 
ul.features, 
.short-listings,
.short-listings .listing-meta, 
#search-areas ul, 
#search-map, 
form ol, 
form ul, 
#siteinfo ul, 
#content .desc-meta, 
#tools ul, 
.pagination ol, 
.gallery, 
#more-from ul, 
#more-agent ul, 
#more-building ul, 
ul.clients, 
#tour, 
.dash-tools, 
#listings ul, 
#folders ul, 
#blog-other ul, 
#comment-list, 
ol.archive,
ol#invoices { 
  list-style: none;
}

#message ul {
  list-style: disc;
}

ol ol {
  list-style: lower-latin;
}

/* Centered text *********/
a.button,
button.button, 
#nav-access li, 
.persuasion, 
#fm-search-rev .map, 
#fm-search-map .fm-submit, 
#fm-search-rev .fm-submit, 
#dynamap, 
.ad h6, 
.archive li.ad, 
form.userentry .fm-submit,
form.blogentry .fm-submit, 
form.userentry .subnote,
form.blogentry .subnote, 
#fm-closeacct .agree, 
form.userentry #agree, 
#tour li, 
p.signup, 
#reg-phone p.tel, 
#listings .add, 
#pricing .more,
.negotiable {
  text-align: center;
}

/* Right-aligned text *********/
#nav-user,
#nav-user p, 
#fm-home-login label, 
#expcol-all, 
.pagination, 
tfoot.pagination, 
.nav-paging .page-next, 
fieldset.inline legend span, 
form.userentry label, 
form.userentry .label,
form.blogentry label, 
form.blogentry .label, 
#progress, 
.praise p.cite, 
#pricing .footnote, 
.entry-meta, 
.manage .add, 
.cabinet .add {
  text-align: right;
}

/* Left-aligned text *********/
.home #home-pitch .signup, 
th, 
#tools p.signup, 
form.userentry .checkbox label, 
form.userentry .checkbox .label,
form.blogentry .checkbox label, 
form.blogentry .checkbox .label,
form.userentry .radio label, 
form.userentry .radio .label,
form.blogentry .radio label, 
form.blogentry .radio .label, 
form.userentry .note,
form.blogentry .note {
  text-align: left;
}

/* Underlined text *********/
a, 
#siteinfo a:hover,
#siteinfo a:focus,
#siteinfo a:active, 
a.colsort:hover, 
a.colsort:focus, 
a.colsort:active, 
#mngfolders .rename label, 
#comment-list .comment-meta :link:hover,
#comment-list .comment-meta :visited:hover,
#comment-list .comment-meta :link:focus,
#comment-list .comment-meta :visited:focus { 
  text-decoration: underline; 
}

/* Undecorated text *********/
#siteinfo a:link, 
#siteinfo a:visited, 
a.button,
button.button, 
#nav-access a:focus,
#nav-access a:active, 
#nav-main a, 
#nav-main a:hover, 
#nav-main a:focus, 
#nav-main a:active, 
a.colsort, 
.pagination a,
.pagination a:hover,
.pagination a:focus, 
.pagination a:active, 
.dash-tools a:link,
.dash-tools a:visited, 
a.help:link,
a.help:visited, 
#comment-list .comment-meta :link,
#comment-list .comment-meta :visited {
  text-decoration: none;
}

/* Bold *********/
#content dt, 
#fm-search-map legend, 
#fm-search-rev legend, 
.callout, 
#home-pitch .signup, 
a.button,
button.button, 
#fm-folder label, 
#plan-compare tfoot th,
#plan-compare tfoot td, 
#content tr.approved td,
#content tr.approved th,
#content tr.approved h3, 
#search-summary em, 
.pagination .total em, 
.pagination .gap,
.pagination li, 
.nav-paging .paging-summary em, 
.nav-paging .page-prev a,
.nav-paging .page-next a, 
#more-building .alert, 
#fm-editlisting a.flplan, 
#progress em, 
#pricing tbody td.price, 
#pricing .more, 
#status .expired,
#listings ul a, 
#listings .add, 
#comment-list cite.author,
#invoices .unpaid { 
  font-weight: bold;
}

/* Bold override *********/
#content h3, 
#content h4, 
#content .ad h6, 
#quick-searches thead th, 
table.results thead th,
table.results thead td,
table.manage thead th, 
table.manage thead td,
#plan-compare thead th,
#plan-compare thead td, 
.nav-paging .page-prev em,
.nav-paging .page-next em, 
form.userentry h5.label,
form.blogentry h5.label, 
form.userentry .note,
form.blogentry .note, 
#pricing tbody th {
  font-weight: normal;
}

/* Italic override *********/
#nav-main .current em, 
#search-summary em, 
.pagination .total em, 
.nav-paging .page-prev em,
.nav-paging .page-next em, 
#progress em, 
.praise p.cite cite,
form.userentry .note, 
form.blogentry .note, 
#comment-list cite.author {
  font-style: normal;
}

/* Uppercase text *********/
#fm-search-map legend, 
#fm-search-rev legend, 
.ad h6,
.allcaps {  
  text-transform: uppercase; 
}

/* Lowercase text *********/
a.button,
button.button {
  text-transform: lowercase;
}

/* 220% *********/
#comment-list .num {
  font-size: 220%;
}

/* 200% *********/
#content h1, 
#content .page-title, 
#content #fm-search-map h2, 
ol.steps, 
.home .member #home-latest h2 { 
  font-size: 200%; 
}

/* 180% *********/
#content h2 { 
  font-size: 180%;
}

/* 150% *********/
#content h3, 
a.button,
button.button { 
  font-size: 150%; 
}

/* 140% *********/
abbr.req {
  font-size: 140%;
}

/* 130% *********/
#reg-phone p.tel, 
#more-from h3, 
form.userentry legend,
form.blogentry legend {
  font-size: 130%;
}

/* 125% *********/
#content-sub .praise, 
#pay-price,
#pay-price strong, 
.blog #content-sub a.feed {
  font-size: 125%;
}

/* 120% *********/
#content h4,
#nav-main, 
.callout, 
.persuasion,
#home-pitch .signup, 
#plan-compare tfoot th,
#plan-compare tfoot td, 
#content td.desc h3, 
#search-summary, 
#agent .fn, 
p.signup, 
.service .features,
.benefits .features,
.service_benefits .features,
.account_benefits .features,
.pricing .features {
  font-size: 120%;
}

/* 115% *********/
#blog-lead, 
#the-space .details #flplan, 
#pricing .more, 
#blog-other h3 {
  font-size: 115%;
}

/* 110% *********/
#folders ul, 
#fm-editlisting a.flplan,
#progress, 
#signup-pitch, 
#pricing tbody td.price, 
#listings .add,
form.category .fm-submit .button {
  font-size: 110%;
}

/* 105% *********/
#siteinfo h5, 
#more-agent li strong,
#more-building li strong, 
#fm-mngfolders .add .button {
  font-size: 105%;
}

/* 100% *********/
#content h5, 
#content h6,
#home-pitch #list-pitch .callout, 
.footnote:target, 
input, 
select, 
textarea, 
#fm-folder button, 
#fm-home-login .fm-submit button, 
search-summary #revise, 
#search-summary #seemap, 
#tools p.signup, 
#the-space .details h3, 
#the-property .details h3, 
fieldset.inline legend, 
#signature legend,
#fm-templates button, 
#fm-questions button,
#signup-pitch .signup, 
.withsel button, 
.rename button, 
#fm-blogsearch .button {
  font-size: 100%;
}

/* 95% *********/
#home-login #home-forgot,
#siteinfo,
.footnote, 
#quick-searches tbody td, 
#quick-searches tbody th, 
#search-results .building,
#search-results .xstreet,
#content .desc-meta, 
#more-agent ul, 
#more-building ul, 
form.userentry .note,
form.blogentry .note, 
#tour .caption, 
#mngfolders .rename,
div.help {
  font-size: 95%;
}

/* 90% *********/
#quick-searches thead th {
  font-size: 90%;
}

/* 50% *********/
ol.steps p {
  font-size: 50%;
}

/* 9px *********/
#content .ad h6 { 
  font-size: 9px;
}

/* Line-height adjustments *********/
#the-space .details,
#the-property .details {
  line-height: 1.3;
}

#search-price legend span,
#search-size legend span, 
#quick-searches thead th, 
form.userentry .note,
form.blogentry .note {
  line-height: 1.2;
}

#content-sub h3, 
#fm-search-map h2,
#fm-search-map .page-title {
  line-height: 1.1;
}

#space-map #copyright {
  line-height: 1;
}

abbr.req {
  line-height: .5;
}

/* Top alignment *********/
td,
tbody th, 
th.select,
#quick-searches tbody td, 
#quick-searches tbody th, 
.gallery a img {
  vertical-align: top;
}

/* Bottom alignment *********/
thead th, 
#search-results #sort-by {
  vertical-align: bottom;
}

.ad h6 {
  letter-spacing: 1px;
}

fieldset.inline legend span,
form.userentry legend .note,
form.blogentry legend .note { 
  white-space: normal; 
}

#space-map #copyright {
  white-space: normal !important;
}

/* Blurb *********/
#content-sub .praise {
  font-family: Georgia, "Times New Roman", Times, serif;
}
#content-sub .praise p.cite {
  font: 80% Helvetica, "Helvetica Neue", Arial, sans-serif;
}

/* Text Shadow *********/
a.button,
button.button {
  text-shadow: 1px 1px 1px #d16309;
}

/* Override */
button.button.del {
  text-shadow: none;
}


/* 
 * Specific overrides requested by OfficeDragon for SEO purposes.
 */

#home-pitch h3.callout {
  display: inline;
  font-size: 120%;
  font-weight: bold;
}

#content-main #search-results h2.search-result-title {
  font-size: 120%;
}

#content-main h3.persuasion {
  font-size: 120%;
}

#content-sub #more-agent h3 {
  font-size: 120%;
  line-height: 1.3;
}

#the-space .details h4 {
  font-size: 100%;
}

#the-property .details h4 {
  font-size: 100%;
}

.paging-summary h3,
#search-summary h3,
#blog-about h3 {
  font-size: 100% !important;
  display: inline;
  color: #000000;
}

#home-login h4,
#content-sub #tools h4,
#content-sub #reg-phone h4,
#content-sub #account h4 {
  font-size: 150%;
}

.nav-paging .page-prev a {
  font-size: 12px;
}

.nav-paging .page-next a {
  font-size: 12px;
}

/* =sIFR - scalable Inman Flash Replacement *********/
.sIFR-flash {
  visibility: visible !important;
  margin: 0;
  padding: 0;
}

.sIFR-replaced, .sIFR-ignore {
  visibility: visible !important;
}

.sIFR-dummy { 
  width: 0;
  height: 0;
  margin-left: 42px !important;
  z-index: 0;
}

.sIFR-alternate {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  display: block;
  overflow: hidden;
}

/* This addresses a problem with floats in Safari. */
.sIFR-active object {
  width: 100%;
  display: block;
}

.sIFR-replaced div.sIFR-fixfocus {
  margin: 0; 
  padding: 0; 
  overflow: auto; 
  letter-spacing: 0; 
  float: none;
}

/* =Decoy =Styles (just for scale, not displayed) ******/
.sIFR-active #content .page-title,
.sIFR-active #content h1 {
	font: normal 200%/1.2 Helvetica, Arial, "Trebuchet MS", sans-serif;
	visibility: hidden;
}

.sIFR-active #content #fm-search-map h2 {
	font: normal 26px/1 Helvetica, Arial, "Trebuchet MS", sans-serif;
	visibility: hidden;
}

.sIFR-active #content h2,
.sIFR-active #plan-compare caption {
  font: normal 160%/1.2 Helvetica, Arial, "Trebuchet MS", sans-serif;
	visibility: hidden;
}