/* Theme Name: Milton Daily Homes Theme URI: http://miltondailyhomes.com Description: Wordpress Theme for The Carlton Advantage - MiltonDailyHomes.com Version: 1 (WP2.9) Author: Jay Kapadia Author URI: http://www.jay-kapadia.com Tags: Milton, Real Estate, Homes, For Sale, Listings blue: #17548d dark-blue: #0a212c light-blue: #94afd3 pale-blue: #9ea8b9 gray: #404040 light-gray: #b5babc pale-gray: #a3a3a3 */ /* RESET ---------------------------------------*/ html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, img, strong, ol, ul, li, fieldset, form, label{ background: transparent; border: 0; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline; } :focus { outline: 0; } body { background:url(images/bg-2.jpg) #fff repeat-x; color: #3404040; font-family: Arial, Helvetica, sans-serif; font-size: 12px; height: 100%; } html, body { height: 100%; } div, li { float:left; } ol, ul { float:left; list-style: none; } blockquote { float:left; border-left:3px solid #1c8f8b; font-style: italic; padding:20px; margin:20px; width:441px; } strong { font-weight: bold; } em { font-style: italic; } hr { display: none; } textarea { font-size:12px; font-family: Arial, Helvetica, sans-serif; } cite { float:left; width:100%; } .right { float: right; } .left { float: left; } .hide { display: none; } .clear { clear: both; } .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix { display: block; } html[xmlns] .clearfix { display: block; } * html .clearfix { height: 1%; } /* COMMON ELEMENTS ---------------------------------------*/ a { color:#17548d; text-decoration:none; } a:hover { text-decoration:underline; } h1 { float:left; font-weight: bold; font-size: 24px; line-height: 36px; margin-bottom: 15px; width:100%; } h2 { float:left; font-weight: bold; font-size: 18px; line-height: 18px; margin-bottom: 15px; width:100%; } h3 { float:left; font-weight: bold; font-size: 16px; line-height: 18px; margin-bottom: 14px; width:100%; } h4 { float:left; font-weight: bold; font-size: 14px; line-height: 18px; margin-bottom: 12px; width:100%; } h5 { float:left; font-weight: bold; font-size: 12px; line-height: 18px; width:100%; } h6 { float:left; font-weight: bold; font-size: 11px; line-height: 18px; width:100%; } h6.sidebar-title { background:url(images/sprite.png) -286px 0 no-repeat; font-size:14px; height:48px; text-indent:-9999px; } h1 a, h2 a { color:#131313; } h1 a:hover, h2 a:hover { color:#94afd3; text-decoration:none; } h1.post-title { font-size: 18px; line-height: 22px; margin-bottom:5px; } h1 span { color:#94afd3; } h3.blog-subtitle { color:#0A212C; font-size:20px; margin-bottom:10px; } #sidebar-left h4, #sidebar-right h4 { margin:0; } p { float:left; line-height:20px; padding-bottom:25px; width:100%; } .wrapper { width:100%; } .orange { color:#ff9900; } .image-left { float:left; padding:0 10px 10px 0; } .image-right { float:right; padding:0 0 10px 10px; } /* LAYOUT ---------------------------------------*/ #shell { background:url(images/clouds-2.jpg) no-repeat; width:1185px; } #sidebar-left { background:url(images/house.png) 0 0 no-repeat; color:#666666; padding:137px 20px 0 0; margin-top:18px; width:266px; } #sidebar-right { padding-left:20px; width:325px; } #content { padding-top:63px; width:554px; } #logo { padding:0 15px; width:524px; height:21px; overflow:hidden; } #logo a { float:left; background:url(images/milton-daily-homes-logo.png) 0 0 no-repeat; display:block; text-indent:-9999px; width:240px; height:21px; cursor:pointer; } .page-title, .page-title h1 { color:#0a212c; font-size:48px; font-weight:bold; letter-spacing:-1px; text-transform:uppercase; padding:11px 15px; width:524px; overflow:hidden; } .page-title h1 { line-height:auto; padding:0; margin:0; } .content-header, .content-footer { display:block; background:url(images/head.png) 0 0 no-repeat; width:554px; height:15px; } .content-footer { background:url(images/foot.png) 0 0 no-repeat; } .content-body { background:url(images/content-body-bg.png) repeat-y; padding:0 15px 15px 15px; width:524px; } .content-body-left { padding-right:10px; width:252px; } .content-body-right { padding-left:10px; width:252px; } #menu { padding-bottom:30px; width:100%; } #menu li { display:inline; font-weight:bold; text-align:center; overflow:hidden; width:65px; height:128px; } #menu li a { float:left; display:block; text-align:center; text-indent:-9999px; width:65px !important; height:128px !important; } #menu-home { background:url(images/menu.png) 0 0 no-repeat; } #menu-archives { background:url(images/menu.png) -65px 0 no-repeat; } #menu-milton { background:url(images/menu.png) -130px 0 no-repeat; } #menu-about { background:url(images/menu.png) -195px 0 no-repeat; } #menu-contact { background:url(images/menu.png) -260px 0 no-repeat; } #menu-home a { background:url(images/menu.png) 0 -128px no-repeat; } #menu-archives a { background:url(images/menu.png) -65px -128px no-repeat; } #menu-milton a { background:url(images/menu.png) -130px -128px no-repeat; } #menu-about a { background:url(images/menu.png) -195px -128px no-repeat; } #menu-contact a { background:url(images/menu.png) -260px -128px no-repeat; } #menu-home.active { background:url(images/menu.png) 0 -256px no-repeat; } #menu-archives.active { background:url(images/menu.png) -65px -256px no-repeat; } #menu-milton.active { background:url(images/menu.png) -130px -256px no-repeat; } #menu-about.active { background:url(images/menu.png) -195px -256px no-repeat; } #menu-contact.active { background:url(images/menu.png) -260px -256px no-repeat; } #copyright { color:#a3a3a3; font-size:11px; text-align:center; padding:20px 345px 20px 286px; width:554px; } #copyright a { color:#b5babc; } #copyright a:hover { color:#94afd3; text-decoration:none; } #disclaimer { color:#a3a3a3; font-size:10px; text-align:center; padding:20px 345px 20px 286px; width:554px; } /*-- SINGLE POST - BELOW CONTENT --*/ #post-related-wrapper { color:#a3a3a3; padding:20px 15px 0 34px; width:270px; } #post-sociables-wrapper { color:#a3a3a3; padding:20px 0 0 15px; width:210px; } #post-related-wrapper a { color:#a3a3a3; } #post-related-wrapper a:hover { color:#17548d; } #post-comments-wrapper { padding:50px 15px 20px; width:524px; } .comment-wrapper, .comment-wrapper-full { padding:0 10px 15px 0; width:168px; } .comment-wrapper-full { padding-left:0; padding-right:0; width:524px; } #commentform label { float:left; color:#a3a3a3; padding-bottom:7px; width:100%; } #commentform input, #commentform textarea { float:left; border:1px solid #b5babc; padding:5px; width:154px; } #commentform textarea { width:510px; height:100px; } #commentform input:focus, #commentform textarea:focus { border:1px dashed #17548d; } #commentform #submit { background-color:#ddd; border:none; cursor:pointer; } #commentform #submit:hover { background-color:#0A212C; color:#fff; } #commentform #submit:focus { background-color:#0A212C; color:#fff; border:none; } ol.commentlist { padding:0; margin-bottom:25px; width:100%; } .commentlist li, .comment-list li.admincomment { float:left; border-bottom:1px solid #DADADA; list-style-type:none; padding:10px 0; margin:0; width:100%; } .commentlist li.admincomment { background-color:#e7eff9; border-bottom:3px solid #17548d; padding:10px; width:504px; } .commentlist li .avatar { float:left; text-align:left; padding-right:10px; width:50px; } .commentlist li .avatar a { font-style:normal; } .commentlist li .avatar img, .commentlist li.admincomment .avatar img { border:3px solid #c0c0c0; padding:0; width:40px; height:40px; } .commentlist li.admincomment .avatar img { border:3px solid #17548d; } .commentlist li.admincomment .comment { float:left; width:442px; } .comment { float:left; width:464px; } .comment cite { padding-bottom:7px; width:100%; height:40px; } cite .author { float:left; font-weight:bold; padding-bottom:3px; width:100%; } cite .when, cite .edit-comment { float:left; padding-bottom:3px; width:80%; } cite .edit-comment { text-align:right; width:20%; } cite .when, cite .edit-comment { color:rgba(0, 0, 0, 0.4); font-size:11px; font-style:normal; font-weight:normal; } .comment p { line-height:18px; padding:0; } /*-- ARCHIVE AND SEARCH RESULTS --*/ ul.archive-blog-posts { list-style-type:none !important; padding:0 !important; width:100% !important; } ul.archive-blog-posts li { border-bottom:1px solid #DADADA; padding:10px 0;width:100%; } .archive-posts-thumb { width:150px; padding-right:20px; } .archive-posts-thumb img { float:left; background:url(images/thumb-bg.jpg) no-repeat; padding:1px 4px 4px; width:142px; height:105px; } .archive-posts-info { width:354px; } h2.archive-title { line-height:22px; margin-bottom:5px; } .archive-date-comments { color:#a3a3a3; margin-bottom:15px; width:100%; } .archive-posts-date { width:80%; } .archive-posts-comments { text-align:right; width:20%; } .archive-date-comments a { color:#b5babc; } .archive-date-comments a:hover { color:#94afd3; text-decoration:none; } .archive-posts-comments img { padding-right:5px; } /*-- SEARCH --*/ #searchform { float:left; padding-bottom:15px; width:100%; } #searchform input { float:left; background:url(images/search-bg.jpg) no-repeat; border:none; color:#666666; padding:6px 8px 7px; width:408px; } #searchform input#searchsubmit { float:left; background:url(images/search-btn.jpg) no-repeat; border:none; padding:0; width:100px; height:30px; cursor:pointer; } #incoming { display:none; } /* PLUGINS ---------------------------------------*/ ul.related_post { width:100%; } ul.related_post li { padding-bottom:10px; width:100%; } h3.related_post_title { color:#0A212C; font-size:20px; margin-bottom:10px; } #wp_page_numbers li { width:auto !important; } #wp_page_numbers ul { width:auto !important; } /* MISC ---------------------------------------*/ .content-body ul, .content-body ol { float:left; padding:0 75px 10px 96px; width:425px; } .content-body ul { list-style-type:disc; } .content-body ol { list-style-type:lower-roman; } .content-body ul li, .content-body ol li { padding-bottom:10px; line-height:20px; width:100%; } /*-- MISC - LEFT SIDEBAR --*/ #search-for-homes-in-milton { width:100%; } ul.milton-homes-by-price { background:url(images/milton-homes-by-price-bg.png) 1px bottom no-repeat; text-align:center; padding:0 26px 15px 32px; width:208px; } ul.milton-homes-by-price li { padding-bottom:3px; width:100%; height:27px; } ul.milton-homes-by-price li.bottom { color:#8a8a8a; font-size:11px; padding-top:8px; height:10px; } ul.milton-homes-by-price li a { float:left; width:100%; height:100%; text-indent:-9999px; } #price-up-to-300-thousand { background:url(images/sprite.png) -320px -58px no-repeat; } #price-300-400-thousand { background:url(images/sprite.png) -320px -112px no-repeat; } #price-400-500-thousand { background:url(images/sprite.png) -320px -166px no-repeat; } #price-500-thousand-and-up { background:url(images/sprite.png) -320px -220px no-repeat; } #price-up-to-300-thousand:hover { background:url(images/sprite.png) -320px -85px no-repeat; } #price-300-400-thousand:hover { background:url(images/sprite.png) -320px -139px no-repeat; } #price-400-500-thousand:hover { background:url(images/sprite.png) -320px -193px no-repeat; } #price-500-thousand-and-up:hover { background:url(images/sprite.png) -320px -247px no-repeat; } #milton-house-prices { padding:30px 0 0 20px; width:232px; } #milton-house-prices h4 { color:#9ea8b9; font-size:20px; text-align:center; padding-bottom:7px; } #milton-house-prices img { float:left; padding-bottom:5px; } #milton-house-prices p { line-height:18px; } #milton-house-prices a { color:#9ea8b9; } #milton-house-prices a:hover { color:#0a212c; text-decoration:none; } #milton-house-prices a.book { float:left; display:block; background:url(images/milton-house-prices.png) no-repeat; width:100px; height:104px; text-indent:-9999px; } #milton-house-prices a.book:hover { background:url(images/milton-house-prices.png) 0 -108px; no-repeat; } #testimonial { font-size:11px; text-align:center; padding:23px 0 23px 20px; width:232px; overflow:hidden; } #testimonial a { font-weight:bold; } /*-- MISC - RIGHT SIDEBAR --*/ #talk-to-chuck { color:#666666; padding-top:41px; width:100%; } #talk-to-chuck h4 { color:#9ea8b9; font-size:20px; padding-bottom:7px; } #talk-to-chuck p { line-height:18px; } #talk-to-chuck a { color:#9ea8b9; } #talk-to-chuck a:hover { color:#9ea8b9; } .talk-to-chuck-info { width:163px; } .talk-to-chuck-icon { padding-left:10px; width:152px; } .talk-to-chuck-icon a { float:right; display:block; background:url(images/chuck-and-melissa-charlton.png) 0 0 no-repeat; text-indent:-9999px; width:152px; height:117px; } .talk-to-chuck-icon a:hover { background:url(images/chuck-and-melissa-charlton.png) -152px 0 no-repeat; } #talk-to-chuck strong { color:#9ea8b9; text-decoration:underline; } /*-- MISC - CALLS TO ACTION --*/ ul#purchase-your-milton-home { width:100%; height:304px; overflow:hidden; } ul#purchase-your-milton-home li { width:100%; height:88px; } ul#purchase-your-milton-home li#things-you-can-do-next { background:url(images/3-things-you-can-do-next.png) 0 0 no-repeat; width:100%; height:42px; } ul#purchase-your-milton-home a { float:left; display:block; line-height:15px; padding:43px 65px 0 12px; width:248px; height:45px; } #attend-milton-buyers-class { color:#457bae; background:url(images/3-things-you-can-do-next.png) 0 -42px no-repeat; } #meet-chuck-charlton { color:#99598c; background:url(images/3-things-you-can-do-next.png) 0 -130px no-repeat; } #daily-tour-milton-homes { color:#c34e57; background:url(images/3-things-you-can-do-next.png) 0 -218px no-repeat; } #attend-milton-buyers-class:hover { color:#fff; background:url(images/3-things-you-can-do-next.png) 0 -307px no-repeat; text-decoration:none; } #meet-chuck-charlton:hover { color:#fff; background:url(images/3-things-you-can-do-next.png) 0 -395px no-repeat; text-decoration:none; } #daily-tour-milton-homes:hover { color:#fff; background:url(images/3-things-you-can-do-next.png) 0 -483px no-repeat; text-decoration:none; } #map { margin-bottom:15px; width:252px; height:252px; overflow:hidden; } #slideshow-inner { float:left; border: 1px solid #ccc; list-style:none !important; padding:5px !important; margin-bottom:15px; width:512px !important; height:283px; overflow:hidden; } #slideshow-inner li { padding:0; width:512px; height:283px; overflow:hidden; } .feature-image { float:left; border: 1px solid #ccc; padding:5px; margin-bottom:15px; width:512px; height:283px; overflow:hidden; } /* HOME CONTENT ---------------------------------------*/ #home-content { display:block; background:url(images/home-content-bg.png) 0 0 no-repeat; padding-bottom:23px; width:100%; height:821px; overflow:hidden; } .home-content-body { position:relative; padding:15px; width:524px; height:751px; } .milton-home-sale-video { display:block; margin-bottom:15px; width:100%; height:318px; overflow:hidden; } #video-fallback { float:left; display:block; width:100%; height:318px; } .home-tabs-subscribe { color:#000; font-size:11px; font-weight:bold; padding:20px 0 0 7px; width:354px; } .home-tabs-subscribe a { color:#ff9900; } .home-tabs { background:url(images/tabs-bg.png) 0 0 no-repeat; font-size:11px; font-weight:bold; padding:0 5px; width:183px; height:52px; overflow:hidden; } .home-tabs a { color:#969696; } .home-tabs a:hover { color:#000; text-decoration:none; } ul.home-tabs li { display:inline; text-align:center; padding-top:20px; width:59px; } ul.home-tabs li.active { width:65px; } ul.home-tabs li.active a { color:#000; } .tab_home_content { width:100%; } /* FORMS ---------------------------------------*/ #msg { padding-bottom:7px; width:100%; } #msg span { float:left; padding:3px 5px; color:#fff; font-weight:bold; text-align:center; width:514px; } span.error { background-color:red; } span.success { background-color:green; } #contact-form { float:left; width:100%; height:267px; } #contact-form label { float:left; color:#666666; font-size:11px; padding-bottom:3px; margin:0; width:100%; } #contact-form input, #contact-form textarea { float:left; border:1px solid #ccc; margin-top:0; margin-bottom:14px; padding:3px; width:244px; } #contact-form textarea { height:75px; } #contact-form input#lastName { padding:0; margin-left:30px; width:75px; visibility:hidden; } #contact-form input#submit { background-color:#ddd; border:none; width:auto; cursor:pointer; } #contact-form input#submit:hover { background-color:#0A212C; color:#fff; } #contact-form input#submit:focus { background-color:#0A212C; color:#fff; border:none; }