/* Theme Name: Southborough Theme URI: http://www.littleredbird.com/ Description: Southborough Author: LittleRedBird Author URI: http://www.littleredbird.com/ */ body { background: #fff; color: #333; font-family: Georgia,"Times New Roman",Times,serif; font-size: 16px; } #main-wrapper { margin: 0 auto; padding: 0 7px; width: 985px; } h1, h2, h3, h4, h5 { font-weight: bold; } h1 { font-size: 3em; } h2 { font-size: 2em; } h3 { font-size: 1.5em; } h4 { font-size: 1.3em; } h5 { font-size: 1.1em; } a { text-decoration: none; } a:hover { color: #444444; } ul li { list-style: circle; } #main-nav { list-style: none; } #main-nav a, .radius-link a { color: #838383; display: inline; font-size: .6em; text-transform: uppercase; } #.photogallery a{ text-decoration: none; -moz-border-radius: 3px; -webkit-border-radius: 3px; background: #eee; border-radius: 3px; border: 1px solid #ddd; color: #888;} #main-nav a:hover, .radius-link a:hover { color: #000; } /* = text input */ /* = masthead */ #leaderboard { padding: 15px 0 15px; position: relative; height: 45px; } #site-name { float: left; width: 200px; height: 45px; } #site-name h4 { font-weight: bold; color: #ec1d25; font-size: 29px; margin-top: 15px; } #site-name a img { margin-top: 1px; width: 100px; height: 100px;} /* = plain text logo option */ #site-name a { border: 0; color: #ec1d25; } #site-name a:hover { color: #3c6c92; } /* = main navigation top of page */ .nav-container { float: left; margin-top: -24px; margin-left: 265px; width: 830px; height: 25px; } .nav-container #navigation{ margin-top: 0px; padding: 0; width: 800px; height: 20px;} #navigation li ul { display: none; background: #ffffff; position: relative; padding-bottom: 10px; } #navigation li:hover > ul { display: block; } #navigation ul#nav li ul { display: none; } #navigation ul#nav li:hover > ul { display: block; } #navigation li{ float: left; list-style: none; font-size: 12px;} #navigation li a{ display: block; padding: 0px 10px; text-decoration: none; border-right: 1px solid #838383; color: #838383; white-space: nowrap;} #navigation li a:hover{ color: #000000;} #navigation li ul li{ float: none; display: inline; background: #ffffff; position: relative; } #navigation li ul li a{ border-right: 0px none; margin-top: 5px; height: 10px;} #navigation li ul li a:hover{ color: #000000;} .nav-container #photonav {background: #888888; color:#ffffff; margin-left:10px; height: 25px; margin-top: -5px; width: 115px;} .nav-container #photonav a { color:#ffffff; margin-left: -4px; margin-top: 4px; font-size: 14px; font-weight: bold;} .nav-container #photonav a:hover {color: #000000; font-size: 14px; font-weight: bold;} #homepage-navigation{width: 280px; height: 125px; margin-left: 660px; margin-top: -100px;} #homepage-bottom-logo{margin-top:35px; margin-left: 20%;} #nav-one{ border-bottom: 3px dotted #ccc; border-top: 3px dotted #ccc; width:280px; height:30px;} #nav-two{ border-bottom: 3px dotted #ccc; width:280px; height:30px;} #nav-three{ border-bottom: 3px dotted #ccc; width:280px; height:30px;} #nav-one:hover{ background-color:#dbdbdb; width:280px; height: 30px; color:#626364; text-decoration: none;} #nav-two:hover{ background-color:#dbdbdb; height: 30px; color:#626364; text-decoration: none;} #nav-three:hover{ background-color:#dbdbdb; height: 30px; color:#626364; text-decoration: none;} #nav-one a{ font-weight: bold; color:#000000; text-decoration: none; margin-top: 1px;} #nav-two a{ font-weight: bold; color:#000000; text-decoration: none; margin-top: 1px;} #nav-three a{ font-weight: bold; color:#000000; text-decoration: none; margin-top: 1px;} .nav-title{padding-top:4px; font-size: 20px; font-weight: bold;} /* = home posts */ .left{ background: #FFFFFF; width: 650px; height: 389px; display: block; overflow: hidden; overflow: hidden; } #left{ width: 651px; height: 389px; } .post-comments { position: absolute; right: 7px; top: -1px; z-index: 1; } .post-comments a { -moz-border-radius-bottomleft: 3px; -moz-border-radius-bottomright: 3px; -webkit-border-bottom-left-radius: 3px; -webkit-border-bottom-right-radius: 3px; background: #fff; border: 1px solid #ddd; color: #555; display: block; font-size: 0.8em; padding: 7px; text-align: center; } .post-comments a:hover { background: #222; border-color: #000; color: #fff; } #topic-titles{width:500px; height:30px; margin-top: -10px;} #Title-One{border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; width:230px; height: 30px;} .Title-One-Class{color:#000000; font-size: 14px; padding-top: 8px;} #Title-Two{border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; width:230px; height: 30px; margin-left:250px; margin-top: -32px;} .Title-Two-Class{color:#000000; font-size: 14px; padding-top: 8px;} #homepage-left{ width:230px; height: 100px; margin-top: 10px; overflow: hidden;} #homepage-right{ width: 230px; height: 100px; margin-left: 250px; margin-top:-100px; overflow: hidden;} #homepage-title-right h3{ font-weight: bold; color:#ed1b35} .widgetContainer-homepage-left .textwidget { overflow: hidden; color:#57595b; font-size: 10px; line-height: 1.4em; width:230px;} .widgetContainer-homepage-left h3 { overflow: hidden; font-weight: bold; color:#e10a0a; font-size: 12px; line-height: 1.4em; width:230px; } .widgetContainer-homepage-right .textwidget { overflow: hidden; color:#57595b; font-size: 10px; line-height: 1.4em; width:230px;} .widgetContainer-homepage-right h3 { overflow: hidden; color:#e10a0a; font-size: 12px; line-height: 1.4em; width:230px;} #photogallerynavigation{ width: 110px; height: 15px; font-size: 11px; margin-left: 888px; margin-top: 20px; padding-top: 2px;} #photogallerynavigation a{color: #ffffff; font-weight: bold; } #photogallerynavigation a:hover{color: #000000;} /* ----- ABOUT PAGE STYLES = START ----- */ #about-content{width: 960px; height: 705px;} #about-sidebar{ margin-left: 660px; width: 300px; height: 420px;} #about-top{ overflow: hidden; border-top: 3px dotted #ccc; width: 300px; height: 480px; margin-top:15px;} #about-bottom{ overflow: hidden; margin-left: 348px; margin-top: -152px; width: 300px; height: 120px;} .widgetContainer-about-content-top h3{ text-transform: uppercase; color: #000000; font-size: .9em; padding-bottom: 5px;} .widgetContainer-about-content-bottom h3{ text-transform: uppercase; color: #000000; font-size: .9em; padding-bottom: 5px;} .widgetContainer-about-content-top{ margin-top: 8px; } .widgetContainer-about-content-bottom{ margin-top: 8px;} .widgetContainer-about-content-top .textwidget { overflow: hidden; color:#57595b; font-size: 11px; line-height: 1.6em; width:300px;} .widgetContainer-about-content-bottom .textwidget { overflow: hidden; color:#57595b; font-size: 11px; line-height: 1.4em; width:300px;} #about-conformity-logo{ width:165px; height: 70px; margin-left: 79%; margin-top: -15px;} #about-licoln-harris-logo{ width: 300px; height: 30px; font-size: .6em; color:#57595b; margin-left: 348px; } .aboutleft{ width: 651px; height: 389px; background: #FFFFFF url(images/SB-AboutPage.gif) no-repeat scroll 0 0; } .aboutright { margin-left: 660px; margin-top: -544px; width: 300px; height: 207px; background: #FFFFFF url(images/SB-AboutBubble.gif) no-repeat scroll 0 0; } .aboutright h3 { text-transform: uppercase; color:#FFFFFF; font-size: 42px; padding: 9px 20px 15px; margin-top: -25px; } #retail-image{width: 340px; height: 142px; margin-top: 15px;} /* ----- ABOUT PAGE STYLES = END ----- */ /* ----- CONTACT PAGE STYLES = START ----- */ #contact-content{width: 960px; height: 850px;} .contact-form{ width: 650px; height:850px;} .contact-right{ border-bottom: 3px dotted #ccc; margin-top: -639px; margin-left: 660px; background: #FFFFFF url(images/SB-ContactBubble.gif) no-repeat scroll 0 0; width: 300px; height: 249px; color:#FFFFFF;} .contact-right h3{ margin-top: -15px; padding-left: 20px; color:#FFFFFF; font-size: 40px; padding-bottom: 15px; } #contact-form-instructions{ width: 610px; height: 30px; font-size: 12px; color: #888a8d;} #contact-title{ width: 170px; height: 20px;} #contact-title .registration{ font-size: .9em; font-weight: bold; color:#000000; padding-bottom: 5px;} #contact-form-top-left{ height: 180px; color:#888a8d; font-size:.8em; font-weight: bold;} #contact-form-top-right{ margin-top: -180px; margin-left: 250px; color:#888a8d; font-size:.8em; font-weight: bold; width: 280px; height: 150px;} .form{ width: 200px; height: 640px;} .text-input { margin-top: 5px; margin-bottom: 5px; background-color: #dad9d9; border-left-color: #aaa; border-top-color: #999; border: 1px solid #ccc; font-family: arial, verdana, sans-serif; font-size: 0.8em; padding: 4px; } .text-input-two { margin-top: 5px; background-color: #dad9d9; border-left-color: #aaa; border-top-color: #999; border: 1px solid #ccc; font-family: arial, verdana, sans-serif; font-size: 0.8em; padding: 4px; } .text-input-3 { margin-top: 5px; margin-bottom: 5px; background-color: #dad9d9; border-left-color: #aaa; border-top-color: #999; border: 1px solid #ccc; font-family: arial, verdana, sans-serif; font-size: 0.8em; padding: 4px; } .text-input-4 { margin-top: 5px; margin-bottom: 5px; background-color: #dad9d9; border-left-color: #aaa; border-top-color: #999; border: 1px solid #ccc; font-family: arial, verdana, sans-serif; font-size: 0.8em; padding: 4px; } .text-input-5 { margin-top: 5px; margin-bottom: 5px; background-color: #dad9d9; border-left-color: #aaa; border-top-color: #999; border: 1px solid #ccc; font-family: arial, verdana, sans-serif; font-size: 0.8em; padding: 4px; } .text-input-6 { margin-top: 5px; margin-bottom: 5px; background-color: #dad9d9; border-left-color: #aaa; border-top-color: #999; border: 1px solid #ccc; font-family: arial, verdana, sans-serif; font-size: 0.8em; padding: 4px; } .text-input-three { width: 110px; margin-top: 5px; margin-bottom: 5px; background-color: #dad9d9; border-left-color: #aaa; border-top-color: #999; border: 1px solid #ccc; font-family: arial, verdana, sans-serif; font-size: 0.8em; } .form .input-text { margin-top: 5px; margin-bottom: 5px; background-color: #dad9d9; border-left-color: #aaa; border-top-color: #999; border: 1px solid #ccc; font-family: arial, verdana, sans-serif; font-size: 0.8em; padding: 4px; } .form .input-text-2 { margin-top: 5px; margin-bottom: 5px; background-color: #dad9d9; border-left-color: #aaa; border-top-color: #999; border: 1px solid #ccc; font-family: arial, verdana, sans-serif; font-size: 0.8em; padding: 4px; } .form .text-input : hover{ background-color:#eeecec;} #contact-top{ width: 620px; height: 250px; border-bottom: 3px dotted #ccc;} #contact-bottom{ width: 650px; height: 350px; margin-top: 145px;} #contact-bottom-left-one{width: 105px; height: 140px; color:#888a8d; font-size:.8em; font-weight: bold;} #contact-bottom-left-two{margin-left:0px; margin-top: -140px; width: 120px; height: 95px; color:#888a8d; font-size:.8em; font-weight: bold;} #contact-bottom-left-three{margin-left: 135px; margin-top: -94px; width: 190px; height: 65px; color:#888a8d; font-size:.8em; font-weight: bold;} #contact-bottom-right-one{width: 350px; height: 65px; color:#888a8d; font-size:.8em; font-weight: bold; margin-left: 245px; margin-top:-52px;} #contact-bottom-right-two{width: 350px; height: 80px; color:#888a8d; font-size:.8em; font-weight: bold; margin-left: 330px; margin-top:-65px;} #contact-bottom-bottom-one{margin-top: 15px; width: 180px; height: 75px; color:#888a8d; font-size:.8em; font-weight: bold;} #contact-bottom-bottom-two{margin-left: 195px; margin-top: -77px; width: 370px; height: 75px; color:#888a8d; font-size:.8em; font-weight: bold;} #contact-bottom-bottom-three{margin-left: 5px; margin-top: 5px; width: 400px; height: 145px; color:#888a8d; font-size:.8em; font-weight: bold;} #contact-right-bar{ margin-left: 660px; width:300px; height: 300px; color:#888a8d; font-size:.8em;} #contact-right-bar .contact-title-one{ font-weight: bold; padding-top: 10px; padding-bottom: 5px; color:#000000; font-size: .9em;} #contact-right-bar-top{width: 300px; height: 110px; border-bottom: 3px dotted #ccc;} #contact-right-bar .contact-title-two{ font-weight: bold; padding-top: 10px; padding-bottom: 5px; color:#ed1c24; font-size: .9em;} .submit-button-image{ margin-top: 5px;} .maillist{ width: 200px;} .radiobuttons{margin-top:7px;} .checkbox{margin-top:10px;} /* ----- CONTACT PAGE STYLES = END ----- */ /* ----- See The Neighborhood PAGE STYLES = START ----- */ .seetheneighborhood-home{width: 960px; height: 715px;} #seetheneighborhood-wrapper{width: 960px; height: 540px;} #See-Neighboordhood-middle-widgets{height:120px; margin-top:15px; width:970px;} #Restaurants-middle-widgets{height:120px; margin-top:15px; width:970px;} .seetheneighborhood-map{width: 200px; height: 30px; margin-left: 20px; margin-top:0px;} .seetheneighborhood-map a{color:#FFFFFF; text-decoration: underline; font-size: .6em;} #seetheneighborhood-map{width: 200px; height: 30px; margin-left: 20px; margin-top:0px;} #seetheneighborhood-map a{color:#FFFFFF; text-decoration: underline; font-size: .6em;} #walkscore{width: 270px; height: 30px; color:#000000; font-size: 12px; margin-left: 20px; margin-top: 0px;} #walkscore a{ color: #000000; text-decoration: underline;} #walkscore a:hover{color: #cccccc;} .seetheneighborhood-left{width: 650px; height: 535px; } .seetheneighborhood-home .seetheneighborhood-right{ margin-top: -535px; margin-left: 660px; width: 301px; height: 294px; background: #FFFFFF url(images/SB-SeeTheNeighborhoodBubble.gif) no-repeat scroll 0 0;} .seetheneighborhood-right-navigation{ margin-top: -24px; margin-left: 660px; width: 301px; height: 300px;} .seetheneighborhood-home .seetheneighborhood-right h3{ font-size: 30px; margin-top: -6px; padding-left: 20px; color:#FFFFFF;} .seetheneighborhood-home .seetheneighborhood-right .widgetContainer .textwidget { line-height: 1.1em; color:#FFFFFF; font-size: .9em; } .seetheneighborhood-right-navigation .nav-one{border-bottom: 3px dotted #ccc; border-top: 3px dotted #ccc; width:301px; height:30px;} .seetheneighborhood-right-navigation .nav-one:hover{background-color:#dbdbdb;} .seetheneighborhood-right-navigation .nav-one a{font-weight: bold; color:#000000; text-decoration: none;} .seetheneighborhood-right-navigation .nav-two{border-bottom: 3px dotted #ccc; width:301px; height:30px;} .seetheneighborhood-right-navigation .nav-two:hover{background-color:#dbdbdb;} .seetheneighborhood-right-navigation .nav-two a{font-weight: bold; color:#000000; text-decoration: none;} #See-Neighboorhood-Title-One{border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; width:230px; height: 25px;} .See-Neighboorhood-Title-One{color:#000000; font-size: 18px; padding-top: 3px; font-weight: bold; margin-top: 2px;} .widgetContainer-maps-right{color:#ffffff; font-size: 13px; height: 175px;} .widgetContainer-maps-right .textwidget{color:#ffffff; font-size: 13px; padding-bottom: 0px; margin-top: 0px; margin-left: 20px; width:280px; height: 165px;} .seetheneighborhood-home .seetheneighborhood-right .maps-widgetTitle {color:#ffffff; font-size: 25px; padding-top: 15px; padding-bottom: 10px;} #restaurants-column-one{color:#57595B; font-size: .8em; margin-top: 5px; line-height: 1.2em;} #restaurants-column-two{color:#57595B; font-size: .8em; margin-top: -77px; margin-left: 145px; line-height: 1.2em;} #restaurants-column-three{color:#57595B; font-size: .8em; margin-top: -77px; margin-left: 340px; line-height: 1.2em;} #gallery-column-one{color:#57595B; font-size: .8em; margin-top: 5px; line-height: 1.2em;} #gallery-column-two{color:#57595B; font-size: .8em; margin-top: -77px; margin-left: 160px; line-height: 1.2em;} #gallery-column-three{color:#57595B; font-size: .8em; margin-top: -77px; margin-left: 325px; line-height: 1.2em;} #grocery-column-one{color:#57595B; font-size: .8em; margin-top: 5px; line-height: 1.2em;} #grocery-column-two{color:#57595B; font-size: .8em; margin-top: -77px; margin-left: 165px; line-height: 1.2em;} #gyms-column-one{color:#57595B; font-size: .8em; margin-top: 5px; line-height: 1.2em;} #gyms-column-two{color:#57595B; font-size: .8em; margin-top: -77px; margin-left: 205px; line-height: 1.2em;} #nightlife-column-one{color:#57595B; font-size: .8em; margin-top: 5px; line-height: 1.2em;} #nightlife-column-two{color:#57595B; font-size: .8em; margin-top: -77px; margin-left: 165px; line-height: 1.2em;} #parks-column-one{color:#57595B; font-size: .8em; margin-top: 5px; line-height: 1.2em;} #parks-column-two{color:#57595B; font-size: .8em; margin-top: -77px; margin-left: 165px; line-height: 1.2em;} #lightrail-column-one{color:#57595B; font-size: .8em; margin-top: 5px; line-height: 1.2em;} #lightrail-column-two{color:#57595B; font-size: .8em; margin-top: -77px; margin-left: 130px; line-height: 1.2em;} #LightRail-Title-One{border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; width:260px; height: 25px;} #shopping-column-one{color:#57595B; font-size: .8em; margin-top: 5px; line-height: 1.2em;} #shopping-column-two{color:#57595B; font-size: .8em; margin-top: -77px; margin-left: 255px; line-height: 1.2em;} #restaurant-column-one{color:#57595B; font-size: .8em; margin-top: 5px; line-height: 1.2em;} #restaurant-column-two{color:#57595B; font-size: .8em; margin-top: -77px; margin-left: 190px; line-height: 1.2em;} #restaurant-column-three{color:#57595B; font-size: .8em; margin-top: -77px; margin-left: 365px; line-height: 1.2em;} #restaurant-column-four{color:#57595B; font-size: .8em; margin-top: -77px; margin-left: 605px; line-height: 1.2em;} #restaurant-column-five{color:#57595B; font-size: .8em; margin-top: -77px; margin-left: 755px; line-height: 1.2em;} /* ----- See The Neighborhood PAGE STYLES = END ----- */ /* ----- Plans and Features - FLATS 1 BED PAGE STYLES = START ----- */ .plansandfeatures-home{width: 960px; height: 530px;} #plansandfeatures-wrapper{width: 960px; height: 424px;} #plansandfeatures-middle-widgets{height:120px; margin-top:10px; width:970px;} #flats-plansandfeatures-pdf{width: 301px; height: 30px; margin-left: 22px; margin-top: -15px;} #flats-plansandfeatures-pdf a{color:#FFFFFF; text-decoration: underline; font-size: .6em;} #flats2bed-plansandfeatures-pdf{width: 301px; height: 30px; margin-left: 22px; margin-top: -15px;} #flats2bed-plansandfeatures-pdf a{color:#FFFFFF; text-decoration: underline; font-size: .6em;} #plansandfeatures-left{width: 650px; height: 422px; } .plansandfeatures-home .plansandfeatures-right{ margin-top: -424px; margin-left: 660px; width: 301px; height: 248px; background: #FFFFFF url(images/SB-PlansandFeatures-flats-bubble.gif) no-repeat scroll 0 0;} .plansandfeatures-right-navigation{ margin-top: 16px; margin-left: 660px; width: 301px; height: 185px;} .plansandfeatures-home .plansandfeatures-right h3{ font-size: 29px; margin-top: -15px; padding-left: 20px; color:#FFFFFF; padding-bottom: 8px;} .plansandfeatures-home .plansandfeatures-right .widgetContainer .textwidget { line-height: 1.2em; color:#FFFFFF; font-size: 13px; width: 270px; height: 105px; } .flats1-right-navigation{ margin-top: 11px; margin-left: 660px; width: 301px; height: 185px;} .flats1-right-navigation .nav-one{border-bottom: 3px dotted #ccc; border-top: 3px dotted #ccc; width:301px; height:30px;} .flats1-right-navigation .nav-one:hover{background-color:#dbdbdb;} .flats1-right-navigation .nav-one a{font-weight: bold; color:#000000; text-decoration: none; margin-top: 1px;} .flats1-right-navigation .nav-two{border-bottom: 3px dotted #ccc; width:301px; height:30px;} .flats1-right-navigation .nav-two:hover{background-color:#dbdbdb;} .flats1-right-navigation .nav-two a{font-weight: bold; color:#000000; text-decoration: none; margin-top: 1px;} .flats2-right-navigation{ margin-top: 11px; margin-left: 660px; width: 301px; height: 185px;} .flats2-right-navigation .nav-one{border-bottom: 3px dotted #ccc; border-top: 3px dotted #ccc; width:301px; height:30px;} .flats2-right-navigation .nav-one:hover{background-color:#dbdbdb;} .flats2-right-navigation .nav-one a{font-weight: bold; color:#000000; text-decoration: none; margin-top: 1px;} .flats2-right-navigation .nav-two{border-bottom: 3px dotted #ccc; width:301px; height:30px;} .flats2-right-navigation .nav-two:hover{background-color:#dbdbdb;} .flats2-right-navigation .nav-two a{font-weight: bold; color:#000000; text-decoration: none; margin-top: 1px;} #flatsonebedroomnav{ margin-top: 10px; padding: 0} #flatsonebedroomnav li{ color: #2a2b1e; float: left; list-style: none; font-size: 10px;} #flatsonebedroomnav li { color: #2a2b1e; display: block; padding: 0px 10px; text-decoration: none; border-right: 1px solid #2a2b1e;} #flatsonebedroomnav li:hover{ color: #000000; cursor:pointer;} #flats1-homefeatures-left{ width: 270px; height: 389px;} #flats1-homefeatures-right{ width: 360px; height: 389px; margin-left: 280px; margin-top: -389px} #flats1-homefeatures-left-2{ width: 270px; height: 389px;} #flats1-homefeatures-right-2{ width: 360px; height: 389px; margin-left: 280px; margin-top: -389px} .HomeFeatures-Title{color:#8dd107; margin-top: 5px; font-size: 1.2em;} .flats1{color:#a09f9f; font-size: 1.1em; margin-top:10px; width: 360px; height: 330px;} .flats1{color:#a09f9f; font-size: 1.1em; margin-top:10px; width: 360px; height: 330px;} .flats1 li{ display: block; margin-top: 5px;} .flats1 li{ display: block; margin-top: 5px;} .moredetails{ color:#000000; font-weight: bold; font-style: italic; font-size: .8em;} .widgetContainer-flats-right{color:#a09f9f; font-size: .8em; margin-top:10px; width: 360px; height: 330px;} .widgetContainer-flats-right li{display: list-items; margin-top: 5px; min-height: 15px; max-height: 20px; margin-left: 10px;} .flats-widgetTitle{color:#8dd107; margin-top: 5px; font-size: 1.5em;} #flats2bedfeatures-left{width: 278px; height: 359px; } #flats2bedfeatures-right{width: 345px; height: 359px; margin-left: 290px; margin-top: -350px;} #flats2bedfeatures-left-2{width: 278px; height: 359px; } #flats2bedfeatures-right-2{width: 345px; height: 359px; margin-left: 290px; margin-top: -350px;} .widgetContainer-Flats2Bed-right{color:#a09f9f; font-size: .8em; margin-top:10px; width: 360px; height: 330px;} .Flats2Bed-widgetTitle{color:#8dd107; margin-top: 5px; font-size: 1.5em;} .flats1bedspan{ font-weight: bold; font-size: 13px; width:300px;} .flats2bedspan{ font-weight: bold; font-size: 13px;} /* ----- Plans and Features PAGE STYLES = END ----- */ /* ----- Plans and Features - Town Homes PAGE STYLES = START ----- */ .plansandfeatures-townhomes-home{width: 960px; height: 530px;} #plansandfeatures-wrapper{width: 960px; height: 424px;} #plansandfeatures-middle-widgets{height:120px; margin-top:10px; width:970px;} #townhomes-plansandfeatures-pdf{width: 301px; height: 30px; margin-left: 20px; margin-top: -25px;} #townhomes-plansandfeatures-pdf a{color:#FFFFFF; text-decoration: underline; font-size: .6em;} #townhome3bed-plansandfeatures-pdf{width: 301px; height: 30px; margin-left: 20px; margin-top: -25px;} #townhome3bed-plansandfeatures-pdf a{color:#FFFFFF; text-decoration: underline; font-size: .6em;} #plansandfeatures-left{width: 650px; height: 422px; } .plansandfeatures-townhomes-right{ margin-top: -424px; margin-left: 660px; width: 301px; height: 248px; background: #FFFFFF url(images/SB-PlansFeatures-TownHomesBubble.jpg) no-repeat scroll 0 0;} .plansandfeatures-right-navigation{ margin-top: 55px; margin-left: 660px; width: 301px; height: 300px;} .plansandfeatures-townhomes-home .plansandfeatures-townhomes-right h3{ font-size: 29px; margin-top: -15px; padding-left: 20px; padding-bottom: 10px; color:#FFFFFF;} .plansandfeatures-townhomes-home .plansandfeatures-townhomes-right .widgetContainer .textwidget { line-height: 1.2em; color:#FFFFFF; font-size: .8em; font-style: inherit; } .townhome2bed-right-navigation{margin-top: 11px; margin-left: 660px; width: 301px; height: 300px;} .townhome2bed-right-navigation .nav-one{border-bottom: 3px dotted #ccc; border-top: 3px dotted #ccc; width:301px; height:30px;} .townhome2bed-right-navigation .nav-one:hover{background-color:#dbdbdb;} .townhome2bed-right-navigation .nav-one a{font-weight: bold; color:#000000; text-decoration: none; margin-top: 1px;} .townhome2bed-right-navigation .nav-two{border-bottom: 3px dotted #ccc; width:301px; height:30px;} .townhome2bed-right-navigation .nav-two:hover{background-color:#dbdbdb;} .townhome2bed-right-navigation .nav-two a{font-weight: bold; color:#000000; text-decoration: none; margin-top: 1px;} .townhome3bed-right-navigation{margin-top: 11px; margin-left: 660px; width: 301px; height: 300px;} .townhome3bed-right-navigation .nav-one{border-bottom: 3px dotted #ccc; border-top: 3px dotted #ccc; width:301px; height:30px;} .townhome3bed-right-navigation .nav-one:hover{background-color:#dbdbdb;} .townhome3bed-right-navigation .nav-one a{font-weight: bold; color:#000000; text-decoration: none; margin-top: 1px;} .townhome3bed-right-navigation .nav-two{border-bottom: 3px dotted #ccc; width:301px; height:30px;} .townhome3bed-right-navigation .nav-two:hover{background-color:#dbdbdb;} .townhome3bed-right-navigation .nav-two a{font-weight: bold; color:#000000; text-decoration: none; margin-top: 1px;} #townhomesnav{ margin-top: 10px; padding: 0} #townhomesnav li{ color: #2a2b1e; float: left; list-style: none; font-size: 10px;} #townhomesnav li a{ color: #2a2b1e; display: block; padding: 0px 10px; text-decoration: none; border-right: 1px solid #2a2b1e;} #townhomesnav li a:hover{ color: #000000;} #townhomes-homefeatures-left{ width: 270px; height: 389px;} #townhomes-homefeatures-right{ width: 360px; height: 389px; margin-left: 280px; margin-top: -389px} .HomeFeatures-Title2{color:#fa6600; margin-top: 5px; font-size: 1.2em;} .townhomes1{ color:#a09f9f; font-size: 1.0em; margin-top:10px;} .townhomes1 li{ display: block; margin-top: 5px;} .moredetails{ color:#000000; font-weight: bold; font-size: .8em;} .widgetContainer-TownHomes-right{color:#a09f9f; font-size: .8em; margin-top:10px;} .TownHomes-widgetTitle{color:#fa6600; margin-top: 5px; font-size: 1.5em;} .townhomes3bed{ color:#a09f9f; font-size: .8em; margin-top:10px;} .townhomes3bed li{ display: block; margin-top: 5px;} .TownHomes3Bed-widgetTitle{color:#fa6600; margin-top: 5px; font-size: 1.5em;} #townhomes3bed-left{width: 278px; height: 359px;} #townhomes3bed-right{width: 345px; height: 359px; margin-left: 290px; margin-top: -350px;} #townhomes2bed-left{width: 278px; height: 359px;} #townhomes2bed-right{width: 345px; height: 359px; margin-left: 290px; margin-top: -350px;} .townhomes2bedspan{ font-weight: bold; font-size: 13px;} .townhomes3bedspan{ font-weight: bold; font-size: 13px;} /* ----- Plans and Features - Town Homes PAGE STYLES = END ----- */ /* ----- Plans and Features - Decktowns PAGE STYLES = START ----- */ .plansandfeatures-decktowns-home{width: 960px; height: 530px;} #plansandfeatures-wrapper{width: 960px; height: 424px;} #plansandfeatures-middle-widgets{height:120px; margin-top:10px; width:970px;} #decktowns-plansandfeatures-pdf{width: 301px; height: 30px; margin-left: 20px; margin-top: -23px;} #decktowns-plansandfeatures-pdf a{color:#FFFFFF; text-decoration: underline; font-size: .6em;} #plansandfeatures-left{width: 650px; height: 422px; } .plansandfeatures-decktowns-right{ margin-top: -424px; margin-left: 660px; width: 301px; height: 248px; background: #FFFFFF url(images/SB-PlansFeatures-Decktowns-Bubble.gif) no-repeat scroll 0 0;} .plansandfeatures-right-navigation{ margin-top: 55px; margin-left: 660px; width: 301px; height: 300px;} .plansandfeatures-decktowns-home .plansandfeatures-decktowns-right h3{ font-size: 29px; margin-top: -20px; padding-left: 20px; color:#FFFFFF; padding-bottom: 15px;} .plansandfeatures-decktowns-home .plansandfeatures-decktowns-right .widgetContainer .textwidget { line-height: 1.2em; color:#FFFFFF; font-size: 12px; width: 275px; font-style: inheret; } .decktown-right-navigation{ margin-top: 11px; margin-left: 660px; width: 301px; height: 300px;} .decktown-right-navigation .nav-one{border-bottom: 3px dotted #ccc; border-top: 3px dotted #ccc; width:301px; height:30px;} .decktown-right-navigation .nav-one:hover{background-color:#dbdbdb;} .decktown-right-navigation .nav-one a{font-weight: bold; color:#000000; text-decoration: none; margin-top: 1px;} .decktown-right-navigation .nav-two{border-bottom: 3px dotted #ccc; width:301px; height:30px;} .decktown-right-navigation .nav-two:hover{background-color:#dbdbdb;} .decktown-right-navigation .nav-two a{font-weight: bold; color:#000000; text-decoration: none;margin-top: 1px;} #townhomesnav{ margin-top: 10px; padding: 0} #townhomesnav li{ color: #2a2b1e; float: left; list-style: none; font-size: 10px;} #townhomesnav li a{ color: #2a2b1e; display: block; padding: 0px 10px; text-decoration: none; border-right: 1px solid #2a2b1e;} #townhomesnav li a:hover{ color: #000000;} #decktown-homefeatures-left{ width: 290px; height: 389px;} #decktown-homefeatures-right{ width: 310px; height: 389px; margin-left: 300px; margin-top: -389px} .HomeFeatures-Title3{color:#18ada5; margin-top: 5px; font-size: 1.2em;} .decktown{ color:#a09f9f; font-size: 1.0em; margin-top:10px;} .decktown li{ display: block; margin-top: 5px;} .moredetails{ color:#000000; font-weight: bold; font-size: .8em;} .widgetContainer-decktowns-right{color:#a09f9f; font-size: .8em; margin-top:10px;} .decktowns-widgetTitle{color:#18ada5; margin-top: 5px; font-size: 1.5em;} #decktownfeatures-left{ width: 278px; height: 359px; margin-top: -16px;} #decktownfeatures-right{ width: 345px; height: 359px; margin-left: 290px; margin-top: -350px;} .decktownsubhead{ font-weight: bold; font-size: 13px;} /* ----- Plans and Features - Decktowns PAGE STYLES = END ----- */ /* ------ Loving SouthBorough PAGE STYLES = BEGIN -----*/ .lovingsb-wrapper{width: 960px; height: 550px;} .lovingsouthborough-left{ width: 650px; height: 470px;} .lovingsouthborough-right{ margin-left: 660px; margin-top: -470px; width: 301px; height: 224px; background: #FFFFFF url(images/SB-LovingSB-Bubble.gif) no-repeat scroll 0 0; } #gallery { height:280px; } #gallery a { float:left; position:absolute; } #gallery a img { border:none; } #gallery a.show { z-index:500 } #lovingsouthborough-sidebarcontent{ width: 301px; height: 300px; margin-left: 660px; overflow: hidden;} .lovingsouthborough-right .widgetContainer h3{ color:#ffffff; margin-left: 20px; margin-top: -10px; font-size: 2.7em;} #lovingsouthborough-sidebarcontent .widgetContainer-lovingsouthborough {color: #888a8d; border-top: 3px dotted #888a8d;} #lovingsouthborough-sidebarcontent .widgetContainer-lovingsouthborough .textwidget{ font-size: .758em; margin-top: 10px; line-height: 18px;} /* ------ Loving SouthBorough PAGE STYLES = END -----*/ /* ------ PHOTO GALLERY STYLES ----------*/ #lowernavigation{ width: 960px; height: 30px; margin-top: 10px;} .PhotoGalleryTitle{color:#000000; font-size: 1.3em;} #photogallerynav{ margin: 0; padding: 0; width: 700px; height: 30px; margin-left: 300px; margin-top: -15px;} #photogallerynav li{ float: left; list-style: none; font-size: 12px; padding: 0px 12px; border-right: 1px solid #838383;} #photogallerynav li a{ display: block; padding: 0px 6px; text-decoration: none; color: #838383; white-space: nowrap;} #photogallerynav li a:hover{ color: #000000;} /* ------ PHOTO GALLERY STYLES END ------*/ /*------ BROWSER DETECTION - I HATE IE6 PAGE STYLE BEGIN ---------*/ #browser-title{color:#ec1d25; font-size: 2em; margin-top: 5px;} #browser-text{ font-size: 1em; margin-top: 10px;} #browser-list li{list-style-type: none;} /*------ BROWSER DETECTION - I HATE IE6 PAGE STYLE END ---------*/ /* = sidebar and widgets style */ .home .right { background-image:url(images/SB-homepage_09.gif); overflow: hidden; width: 301px; height: 267px; margin-left: 10px; float: left; } .home .right h3 { color:#ffffff; font-size: 45px; padding: 9px 20px 25px; margin-top: -15px;} h3.module-title a, h3.widgetTitle a { border: 0; } .widgetContainer { margin: 0 0 20px 0; } .widgetContainer .textwidget { overflow: hidden; color:#ffffff; font-size: 16px; line-height: 1.4em; margin: -5px 22px; } ul.module-list, .widgetContainer ul { margin: 0 0 20px 0; } .module-list li, .widgetContainer li { font-size: 0.9em; line-height: 1.4em; margin: 0 3px 7px 21px; } .sidebar-nextprev { overflow: hidden; width: 320px; } .sidebar-nextprev li { border-left: 1px solid #ccc; float: left; height: 40px; list-style: none; width: 159px; } .sidebar-nextprev li.previous { border-right: 1px solid #ccc; } .sidebar-nextprev li.next { border-left: 1px solid #ccc; float: right; margin-left: -1px; } .sidebar-nextprev li a { border-left: 1px solid #ccc; border: 0; color: #ccc; display: block; font-size: 0.9em; font-weight: bold; height: 40px; margin-left: -1px; } .sidebar-nextprev li a:hover { border-color: #3c6c92; color: #3c6c92; } .sidebar-nextprev li a span { cursor: pointer; display: block; padding: 15px 0 0 10px; } .widgetContainer #wp-calendar { border-collapse: collapse; width: 100%; } #wp-calendar caption { font-weight: bold; margin-bottom: 7px; } #wp-calendar thead th { border-width: 1px 0; border: 1px solid #ccc; padding: 4px 0 4px 3px; } #wp-calendar td { color: #777; padding: 3px 0 7px 3px; } #wp-calendar td a { font-weight: bold; } #middle-widgets { margin-top: 10px; width: 970px; height: 100px;} #middle-widgets .widgetContainer { clear: top; float: left; margin: 0 11px 15px 0; width: 312px; height:100px; } .sidebar-desc { font-size: 0.9em; line-height: 1.4em; margin: 0 4px; } /* ----- FOOTER PAGE STYLES = BEGIN ----- */ #footer { border-top: 1px solid #ccc; margin-top: 15px; padding: 1px 0 72px; width: 960px; } #footer a { font-weight: bold; color:#E00A0A; } #footer-foot { border-bottom: 1px solid #ccc; width: 960px; height:30px;} #footer-background1{ background: #FFFFFF url(images/SB-homepage_03.gif) no-repeat scroll 0 0; width:27px; height: 27px} #footer-left{ color:#e00a0a; font-weight: bold; width: 260px; height: 20px; font-size:.7em; margin-left: 22px; margin-top: -19px;} #footer-middle{font-size:.6em; margin-left: 360px; margin-top: -17px;} #footer-right{ color:#e00a0a; font-size:.6em; margin-left: 825px; margin-top: -9px; width: 100px; height:10px; font-weight:bold;} #footer-image1{ width: 25px; height: 25px; margin-left: 284px; margin-top: -26px;} #footer-image2{ width: 25px; height: 25px; margin-top: -25px; margin-left: 311px;} #footer-image3{ width: 25px; height: 25px; margin-top: -25px; margin-left: 338px; } #footer-end{background: #FFFFFF url(images/house.gif) no-repeat scroll 0 0; width:27px; height: 27px; margin-left:930px; margin-top: -25px;} #footer-secondrow{ width: 100px; height:50px; margin-top: 10px; margin-left: 50%;} #footernav{ margin: 0; padding: 0} #footernav li{ float: left; list-style: none; font-size: 10px; padding: 0px 7px; border-right: 1px solid #838383;} #footernav li a{ display: block; text-decoration: none; color: #838383; white-space: nowrap;} #footernav li a:hover{ color: #000000;} #footernav li ul{ margin: 0; padding: 0; position: absolute; visibility: hidden; border-top: 1px solid white} #footernav li ul li{ float: none; display: inline} #footernav li ul li a{ width: auto; background: #ffffff; line-height: 1.6em; border-right: none; margin-left: -1px; color: #838383} #footernav li ul li a:hover{ color: #000000;} #LittleRedBirdLogo{width: 180px; height: 50px; margin-left: 781px; margin-top: -50px;} #closeBut{margin-top: -20px; float: right; color: #ffffff;} #closeBut:hover{color:#cccccc;} /* ----- FOOTER PAGE STYLES = END ----- */ #listsample{color:#888A8D; font-size:0.8em; font-weight:bold; } ul#listsample li {margin-top:10px; line-height: 4px; margin-left: 5px;} #popupname h4{color:#EC1D25; font-size:29px; font-weight:bold; margin-top:15px;} #imageclose{margin-left: 1000px; margin-top:-25px;} #nyroModalTitle{color:#ffffff; font-size: 12px; font-weight:bold;} #nyroModalContent{border: 10px solid #888888; background: #ffffff; width: 100%; height: 100%; margin-left: -34px;} .next{ margin-top: -69px; margin-left: 935px; cursor: pointer; position:absolute;} .prev{ float: left; margin-top: -73px; cursor: pointer; position: absolute;} .PHGThumbs{height: 60px; width: 99px; margin-left:10px; cursor: pointer; } .PHGOverlay{margin-left:24px; margin-top:-145px; height: 80px; padding:2px 0; width:912px; position: relative; background:#000000; filter:alpha(opacity=50); opacity: .5;} .PREVBtnTop{background:#000000; filter:alpha(opacity=50); opacity: .5; width: 24px; height: 12px; margin-top: -84px;} .PREVBtnSide{background:#000000; filter:alpha(opacity=50); opacity: .5; width: 1px; height: 23px;} .PREVBtnBottom{background:#000000; filter:alpha(opacity=50); opacity: .5; width: 24px; height: 49px; } .NEXTBtnTop{background:#000000; filter:alpha(opacity=50); opacity: .5; width: 24px; height: 16px; margin-top: -84px; margin-left: 936px;} .NEXTBtnSide{background:#000000; filter:alpha(opacity=50); opacity: .5; width: 1px; height: 23px; margin-left: 959px;} .NEXTBtnBottom{background:#000000; filter:alpha(opacity=50); opacity: .5; width: 24px; height: 45px; margin-left: 936px; } .mid{width: 960px; height:575px; } #gallery {position:relative; width:686px; margin:40px auto; padding:10px; border:6px solid #fff; background:#AAA} #images {border:2px solid #9ac1c9; height:225px; background:#eef5f6; margin-bottom:20px} #image {position:relative; width:672px; height:375px; padding:5px; border:2px solid #666; background:#FFF url(images/loading.gif) center center no-repeat} #image img {position:absolute; top:5px; left:5px} #thumbwrapper {margin-top:10px; padding:5px 0; width:682px; height:100px; border:2px solid #666; background:#FFF} #thumbarea {position:relative; overflow:hidden; height:100px; width:682px; } #thumbs {position:absolute; list-style:none; margin-left:5px; height:100px; width:10000px; border-right:5px solid #FFF} #thumbs li {float:left; margin-right:5px; cursor:pointer} .imgnav {position:absolute; height:375px; width:20%; z-index:100; height:375px; width:20%; z-index:100; outline:none; cursor:pointer} #previmg {left:0; background:url(images/left.gif) left center no-repeat; border-left:5px solid #FFF} #previmg:hover {opacity:1; filter:alpha(opacity=100)} #nextimg {right:0; background:url(images/right.gif) right center no-repeat; border-right:5px solid #FFF} #nextimg:hover {opacity:1; filter:alpha(opacity=100)} .last li{ border-right: 0px none;} .thintext{ top: -10px;} #photogallery-wrapper{ width: 950px;} #photogallery-home{ width: 950px;} #privacypolicy{ padding: 5px; width: 950px; height: 640px; } #title{ color: #EC1D25; font-size: 20px; font-weight: bold; } #content{ font-size: 15px; width: 950px; height: 745px; }