/*
   Theme Name: FHR
   Description: Theme for Future Home Realty, made September 2012
   Author: Harold Behrens for Zelen Communications
   Version: 1.0
*/

body { background: url('./img/body-bg.jpg') center top no-repeat #000; font-family: 'Trebuchet MS', sans-serif; }

#pagewrap { width: 926px; margin: 0 auto; }

a, h1, h2 { -webkit-transition: background 0.2s linear, color 0.2s linear, border-color 0.2s linear;
           -moz-transition: background 0.2s linear, color 0.2s linear, border-color 0.2s linear;
           -ms-transition: background 0.2s linear, color 0.2s linear, border-color 0.2s linear;
           -o-transition: background 0.2s linear, color 0.2s linear, border-color 0.2s linear;
           transition: background 0.2s linear, color 0.2s linear, border-color 0.2s linear; }

/*
   Header
*/

#header { width: 926px; height: 103px; }

#header img.logo { display: block; float: left; margin: 5px 10px 0 0; width: 280px; height: 92px; }

#header .welcome { float: right; padding-top: 8px; width: 636px;
                   text-align: center; font-size: 21px; color: #000; opacity: 0.8; text-transform: uppercase; letter-spacing: 4px; }

#header ul.menu { float: right; margin: 10px 0; width: 636px; height: 17px; }
#header ul.menu li { display: block; position: relative; z-index: 999; float: left; height: 17px; }
#header ul.menu li a { display: block; height: 17px; padding: 0 19px 0 21px; background: url('./img/header-menu-divider.png') left top no-repeat;
                    line-height: 17px; font-size: 12px; vertical-align: middle; color: #fff; text-transform: uppercase; text-decoration: none; }
#header ul.menu>li:first-child>a { padding-left: 17px; background: none; }
#header ul.menu li.current-menu-item>a, #header ul.menu li.current-menu-ancestor>a { color: #000; }
#header ul.menu li:hover>a, #header ul.menu li a:hover { color: #FFFE7D; }

#header ul.menu li ul { position: absolute; left: -999999px; width: 180px; background: #CA7A31; border-radius: 2px; }
#header ul.menu li ul li { float: none; height: 24px; }
#header ul.menu li ul li a { padding: 0 21px; height: 24px; background: none; line-height: 24px; color: #fff; }
/* #header ul.menu li ul li a:hover { background: #EC6A12; } */

#header ul.menu li:hover ul { left: 0px; }

#header .tagline { float: right; padding-top: 6px; width: 636px; border-top: 1px solid #e4b999;
                   text-align: center; font-size: 16px; font-weight: bold; color: #b81319; text-transform: uppercase; letter-spacing: 1px; }

/*
   Post
*/

.post { margin-top: 16px; min-height: 400px; padding: 20px; border: 1px solid #ffeaa2; border-radius: 3px; background: #C46D1E; color: #fff; }

.post h1 { font-size: 20px; font-weight: bold; color: #fff; text-transform: uppercase; }

.post p { margin-top: 20px; }
.post ul { margin-top: 20px; margin-left: 20px; list-style-type: disc; }
.post ol { margin-top: 20px; margin-left: 20px; list-style-type: decimal; }

.post a { color: #ffeaa2; text-decoration: none; }
.post a:hover { color: #fff; text-decoration: underline; }

.post img.alignnone { margin: 0 10px; vertical-align: middle; }
.post img.alignleft { float: left; margin: 0 20px 20px 0; }
.post img.alignright { float: right; margin: 0 0 20px 20px; }
.post img.aligncenter { display: block; margin: 25px auto 25px; }
.post .aligncenter { margin: 25px auto; text-align: center; }
.post p.wp-caption-text { font-size: 80%; }

/*
   Footer
*/

#footer { clear: both; margin-top: 40px; padding-bottom: 60px; width: 926px; font-size: 9px; color: #c1bfbb; }

#footer .menu { margin-bottom: 10px; padding-bottom: 10px; width: 926px; height: 25px; border-bottom: 1px solid #7e540d; font-size: 12px; color: #fff; text-transform: uppercase; }
#footer .menu a img { display: block; float: left; margin-right: 5px; }
#footer .menu h2 { float: left; margin-left: 20px; padding-left: 20px; height: 25px; border-left: 1px solid #9f9087; line-height: 25px; }
#footer .menu ul { float: left; height: 25px; }
#footer .menu ul li { display: block; float: left; height: 25px; }
#footer .menu ul li a { display: block; height: 25px; padding: 0 15px 0 17px; background: url('./img/footer-menu-divider.png') left center no-repeat;
               line-height: 25px; color: #fff; text-decoration: none; }
#footer .menu ul li:first-child a { padding-left: 30px; background: none; }
#footer .menu img.circle { display: block; float: right; margin-top: 6px; }

#footer .copyright { float: left; }
#footer .designedby { float: right; }
#footer .designedby a { color: #c1bfbb; text-decoration: none; }

/*
   Homepage
*/

.home .featured { display: block; float: right; margin: 16px 30px 0 0; }
.home .featured .slider { position: relative; padding: 10px; width: 556px; height: 276px; border: 1px solid #ffeaa2; }
.home .featured img { display: block; position: absolute; left: 0px; top: 0px; margin: 10px; width: 556px; height: 276px; }
.home .featured a { display: block; float: left; margin: 32px 0 0 26px; padding-top: 10px; width: 274px; height: 56px; border: 1px solid #c59d7f; background: url('./img/home-featured-bg.png');
                   line-height: 1.3em; text-align: center; font-size: 18px; color: #fff; text-transform: uppercase; text-decoration: none; }
.home .featured a.middle { height: 46px; padding-top: 20px; }
.home .featured a:first-child { margin-left: 0px; }
.home .featured a:hover { color: #FFFE7D; border-color: #FFFE7D; }

.home .post { margin-top: 16px; padding: 21px 24px; width: 237px; height: 403px; border: none; background: url('./img/home-post-bg.png'); line-height: 30px; font-size: 14px; color: #fff; }
.home .post p { margin: 0; text-align: justify; }

/* Original
.home .featured a { display: block; float: left; margin: 32px 0 0 26px; padding-top: 10px; width: 173px; height: 56px; border: 1px solid #c59d7f; background: url('./img/home-featured-bg.png');
                   line-height: 1.3em; text-align: center; font-size: 18px; color: #fff; text-transform: uppercase; text-decoration: none; }
*/

/*
   MLS pages
*/

.page-template-page-mls-php { background: url('./img/find-a-home-bg.jpg') center top no-repeat #000; }
.page-template-page-mls-php #header ul.menu li ul { background: #ACBD99; }
.page-template-page-mls-php #header .tagline { border-color: #d0d8c7; }
.page-template-page-mls-php .post { background: #fff; }
.page-template-page-mls-php .post iframe { width: 884px; height: 1100px; background: #fff; }

/*
   Our Agents page
*/

.page-template-page-our-agents-php { background: url('./img/our-agents-bg.jpg') center top no-repeat #000; }
.page-template-page-our-agents-php #header ul.menu li ul { background: #AAC1E0; }
.page-template-page-our-agents-php #header .tagline { border-color: #d3deeb; }

.post.our-agents { background: #fff; color: #000; }
.post.our-agents h1 { color: #000; }
.post.our-agents p.filter { float: right; }
.post.our-agents p.filter #filter-value { width: 100px; }

.post.our-agents table.agents { margin-top: 20px; width: 882px; border: 0px solid #ffeaa2; background: #fff; }
.post.our-agents table.agents thead th { padding: 10px; border-top: 1px solid #000; border-bottom: 1px solid #000; text-align: left; font-size: 15px; font-weight: bold; cursor: pointer; }
.post.our-agents table.agents tbody td { padding: 6px 10px; height: 24px; line-height: 24px; }
.post.our-agents table.agents .webpage { text-align: center; }

/*
   Agent page
*/

.author { background: url('./img/our-agents-bg.jpg') center top no-repeat #000; }
.author #header ul.menu li ul { background: #AAC1E0; }
.author #header .tagline { border-color: #d3deeb; }

.author .post { background: #AAC1E0; }
.author .post .author-content { min-height: 360px; padding: 20px; background: #fff; color: #333; }
.author .post .author-content h1 { color: #333; }

/*
   Office Locations page
*/

.page-template-page-office-locations-php { background: url('./img/office-locations-bg.jpg') center top no-repeat #000; }
.page-template-page-office-locations-php #header ul.menu li ul { background: #47B8E2; }
.page-template-page-office-locations-php #header .tagline { border-color: #cdecf6; }

.locations-map { float: right; margin-top: 16px; padding: 10px; width: 320px; height: 422px; border: 1px solid #e4d9c2; }
.locations-map iframe { width: 320px !important; }

.post.office-locations { padding: 20px 24px 80px; border: 0px; border-radius: 0px; width: 500px; min-height: 495px; background: url('./img/office-locations-post-bg.png') bottom no-repeat; background-size: cover; color: #000; }
.post.office-locations .left { float: left; width: 240px; margin: 0 20px 0 0; }
.post.office-locations h1 { border: 0px; color: #000; }
.post.office-locations h2 { margin: 12px 0 0 0; font-size: 15px; font-weight: bold; color: #b11116; }
.post.office-locations p { margin: 0; font-size: 14px; }
.post.office-locations a { color: #b11116; }

/*
   Contact Us page
*/

.wpcf7-not-valid-tip { color: #000; }

/*
   Community Center login page
*/

form#login { margin-top: 30px; width: 236px; }
form#login .login-error { margin-bottom: 20px; padding: 3px 3px 3px 10px; width: 300px; border: 2px solid #900; background: #cc4444; text-align: left; line-height: 1.3em; }
form#login .pw-change { margin-bottom: 20px; padding: 3px 3px 3px 10px; width: 300px; border: 2px solid #0d0; background: #44aa44; text-align: left; line-height: 1.3em; }
form#login .row { margin-top: 10px; width: 236px; }
form#login label { display: block; float: left; width: 70px; height: 22px; line-height: 22px; }
form#login label.remember { width: 200px; }
form#login input { width: 160px; }
form#login input.remember { width: 30px; }
form#login .row.lostpassword { text-align: right; font-size: 90%; }
form#login .row.submit { text-align: center; }
form#login .row.submit input { width: auto; }

/*
   Community Center header/footer
*/

#comm-header { margin-bottom: 20px; }
#comm-header .edit-logout { float: right; }
#comm-header p { margin-top: 10px; }

#comm-header ul.menu { display: block; margin: 30px 0; padding: 0; width: 884px; height: 26px; border-bottom: 1px solid #ffeaa2; }
#comm-header ul.menu li { display: block; float: left; margin-left: 10px; height: 26px; }
#comm-header ul.menu li a { display: block; height: 25px; padding: 0 15px; border: 1px solid #ffeaa2; border-bottom: none; border-radius: 2px; background: #A6540F;
                         line-height: 25px; font-size: 15px; font-weight: bold; }
#comm-header ul.menu li.current_page_item a { border: 1px solid #fff; border-bottom: none; background: #E58734; color: #fff; }
#comm-header ul.menu li a:hover { background: #E58734; color: #fff; text-decoration: underline; }

#comm-footer { clear: both; margin-top: 20px; }

#comm-footer .usersonline { float: left; margin-left: 0px; padding: 10px; width: 266px; border: 1px solid #ffeaa2; border-radius: 2px; background: #c87730; }
#comm-footer .usersonline .count { margin: 0; font-weight: bold; }
#comm-footer .usersonline .count a { display: block; text-align: center; color: #fff; text-decoration: none; }
#comm-footer .usersonline .list { margin-top: 10px; }

/*
   Community Center Calendar and Events pages
*/

.post .em-calendar-wrapper { margin-top: 20px; }
.post .em-calendar-wrapper #em-loading { background: #c87730; }

.post table.fullcalendar { width: 884px; }

.post table.fullcalendar thead td { padding-bottom: 10px; height: 50px; border: none; vertical-align: middle; text-align: center; font-size: 16px; font-weight: bold; }

.post table.fullcalendar tbody tr.days-names td { height: 20px; border: none; background: none; text-align: center; font-weight: bold; }
.post table.fullcalendar tbody td { min-width: 100px; height: 70px; border: 1px solid #ffeaa2; background: #c87730; }
.post table.fullcalendar tbody td.eventless-today, .post table.fullcalendar tbody td.eventful-today { background: #A6540F; }
.post table.fullcalendar tbody td ul { margin: 0; padding: 5px 0 0 0; list-style-type: none; text-align: center; }
.post table.fullcalendar tbody td ul li { margin: 0; padding: 0; list-style-type: none; }
.post table.fullcalendar tbody td a { font-size: 11px; color: #ffeaa2; text-decoration: none; }
.post table.fullcalendar tbody td a:hover { color: #fff; text-decoration: underline; }

.post .em-location-map { margin-top: 20px; }
.post .em-location-map a { color: #0033ff !important; }

.post .em-my-bookings th, .post .em-my-bookings td { padding: 10px; text-align: center; }

/*
   Community Center Downloads page
*/

.post .section { float: left; margin-top: 20px; padding: 15px 20px; width: 842px; border: 1px solid #ffeaa2; border-radius: 2px; background: #c87730; }
.post .section h1 { cursor: pointer; }
.post .section h2 { margin-top: 20px; font-size: 15px; cursor: pointer; }
.post .section h1:hover, .post .section h2:hover { color: #FFFE7D; }

.post .section .table { display: none; margin-top: 20px; width: 832px; }
.post .section table { width: 832px; }
.post .section table thead tr th { padding-left: 5px; padding-bottom: 5px; text-align: left; font-weight: bold; cursor: pointer; }
.post .section table thead tr th:first-child { padding-left: 40px; }
.post .section table tbody tr { border: 1px solid #ffeaa2; }
.post .section table tbody td { padding: 5px; min-width: 60px; height: 32px; line-height: 32px; }
.post .section table tbody td:first-child { font-weight: bold; }
.post .section table tbody td img { float: left; margin-right: 10px; }

/*
   Community Center Forum page
*/

.post.forum .shoutbox { margin: 30px auto; padding: 10px; width: 400px; border: 1px solid #ffeaa2; border-radius: 2px; background: #c87730; text-align: center; font-weight: bold; }
.post.forum .shoutbox #img_left { float: left; }
.post.forum .shoutbox #img_right { float: right; }
.post.forum .shoutbox #wp_latest { margin-bottom: 10px; font-size: 12px; font-weight: normal; }
.post.forum .shoutbox #wallcomments { clear: both; margin-bottom: 15px; }
.post.forum .shoutbox #wallcomments p { margin: 0; padding: 6px; background: #ae6427; text-align: left; }
.post.forum .shoutbox #wallcomments p.wall-alt { background: #a0591a; }
.post.forum .shoutbox #wall_post label { display: none; }
.post.forum .shoutbox #wall_post textarea { width: 250px; }

#spMainContainer { margin-top: 20px; }
.spGroupViewSection>:first-child { display: none; }
.spHeaderName { cursor: pointer; }
.spHeaderName:hover { color: #fff; text-decoration: underline; }

/*
   Community Center LiveCast page
*/

.post .chat { margin: 20px 0 0 82px; padding: 15px; border-radius: 3px; width: 690px; background: #fff; }
.post .chat a { color: #C46D1E; }
.post .chat .quick-chat-history-message-alias-container  { position: relative; margin-bottom: 8px; padding-bottom: 5px; border-bottom: 1px solid #a0a0a0; }
.post .chat .quick-chat-users-container { background: #f0f0f0; }
.post .chat .quick-chat-history-alias { float: left; }
.post .chat .quick-chat-history-timestring { float: left; font-size: 80%; color: #707070; }
.post .chat .quick-chat-history-message { color: #000; }
.post .chat .quick-chat-history-links { position: absolute; top: 3px; right: 0px; }
.post .chat .quick-chat-linkhome { display: none; }

.post .links { clear: both; margin-top: 20px; padding: 10px; width: 266px; border: 1px solid #ffeaa2; border-radius: 2px; background: #c87730; }
.post .links ul { margin: 0; list-style-type: none; }
.post .links ul h2 { text-align: center; }
.post .links ul ul { margin-top: 15px; }
.post .links ul ul li { padding: 4px; }

/*
   Community Center Sponsors page
*/

.post.sponsors #cat-filter { margin-top: 10px; text-align: right; }

.post.sponsors #prev { float: left; margin: 20px 20px 10px; font-size: 16px; font-weight: bold; color: #FFEAA2; cursor: pointer; }
.post.sponsors #next { float: right; margin: 20px 20px 10px; font-size: 16px; font-weight: bold; color: #FFEAA2; cursor: pointer; }

#sponsorcont { position: relative; float: left; width: 884px; height: 800px; overflow: hidden; }
#sponsorlist { position: absolute; left: 0; top: 0; width: 9999999px; }

.post .sponsor { float: left; margin-right: 20px; padding: 15px 20px; width:842px; min-height: 100px; border: 1px solid #ffeaa2; border-radius: 2px; background: #c87730; }
.post .sponsor .featured { width: auto; height: 65px; text-align: center; }
.post .sponsor h2 { margin-top: 3px; text-align: center; font-size: 15px; }
.post .sponsor h3 { margin-top: 20px; }
.post .sponsor p.categories { margin-top: 30px; text-align: center; }
.post .sponsor p.num-comments { margin-top: 5px; text-align: center; }
.post .sponsor p.edit { margin: 0; text-align: right; font-size: 11px; font-weight: bold; }

/*
   Community Center Sponsor single
*/

.post #comment-box { clear: both; margin-top: 20px; padding: 15px; min-height: 100px; border: 1px solid #ffeaa2; border-radius: 2px; background: #c87730; }
.post #comment-box .comment.even { background: #ae6427; }
.post #comment-box .comment.odd { background: #a0591a; }
.post #comment-box .comment p { margin-top: 10px; }
.post #comment-box .comment .reply { display: none; }

.post #respond { margin: 20px auto 0; width: 450px; }
.post #respond textarea { margin-top: 10px; width: 440px; height: 80px; }
.post #respond input#submit { display: block; margin: 10px auto 0; }