/* POPLAR GROVE /* /* poplargrovecharleston.com */ /* GENERAL *******************************************************************************************************************/ * {margin:0; padding:0;} body {background:#43552b url(../images/bg.jpg) top center no-repeat; font:1em Arial, Helvetica, sans-serif; color:#666; margin-top:81px;} #container {background:#fff; width:825px; margin:0 auto;} a {outline:none;} img {border:none;} img.logo {position:absolute; top:0;} p,ul,ol {margin-bottom:1em; line-height:1.4em;} h2 {font:italic 1.4em "Times New Roman", Times, serif; color:#668539; padding-bottom:1em; background:url(../images/h2_bg.gif) repeat-x;} h3 {font:italic .85em "Times New Roman", Times, serif; color:#666; margin-bottom:1em;} hr {background:url(../images/h2_bg.gif) bottom repeat-x; border:0; color:#dbddd4; height:1px; margin:0 0 1em 0;} .clear {clear:both;} .hrzrule {height:1px; margin:1.3em 0; background:url(../images/h2_bg.gif) bottom repeat-x;} .indent {position:relative; left:60px;} .error {color:red;} a.button {background:transparent url(../images/button_a.gif) no-repeat top right; display:block; float:left; height:21px; margin-right:6px; padding-right:8px; text-decoration:none; font-size:.7em; font-weight:bold; color:#fff;} a.button span {background:transparent url(../images/button_span.gif) no-repeat top left; display:block; padding:3px 4px 4px 12px;} img.photo_left {float:left; border:solid 3px #c5c2b6; margin:0 1em 1em 0;} img.photo_right {float:right; border:solid 3px #c5c2b6; margin:0 0 1em 1em;} img.border {border:solid 3px #dbd9cc;} /* HOME *******************************************************************************************************************/ /* #home_header1 {width:825px; background:#F6F5F1 url(../images/home_mainpromoa.jpg) no-repeat; background-position:3px 0; position:relative;} #home_header2 {width:825px; background:#F6F5F1 url(../images/home_mainpromob.jpg) no-repeat; background-position:3px 0; position:relative;} #home_header3 {width:825px; background:#F6F5F1 url(../images/home_mainpromoc.jpg) no-repeat; background-position:3px 0; position:relative;} */ #home_header {position:relative; width:825px; background:#F6F5F1 url(../images/home_bgvideo.jpg) no-repeat; background-position:3px 0; position:relative;} #home_header p {font-size:.75em;} #home_header #video {position:absolute; top:38px; left:484px;} #home_mainpromo_ext {width:56px; height:138px; background:#F6F5F1 url(../images/home_mainpromo_ext.jpg); position:absolute; top:192px; left:822px; z-index:100; } #home_promos {background:url(../images/home_footer.gif) bottom no-repeat; padding-top:298px;} #home_promo1 {float:left; width:230px; margin-bottom:3px; border-right:solid 1px #ccc7b9; position:relative; padding:17px 20px 30px 30px;} #home_promo1 img {border:solid 3px #c5c2b6; margin-right:6px;} #home_promo1 a {color:#43552b;} #home_promo2 {float:left; width:230px; border-right:solid 1px #ccc7b9; margin-bottom:3px; padding:17px 20px 20px 20px;} #home_promo2 a {color:#668539;} #home_promo3 {float:left; width:220px; position:relative; padding:17px 30px 20px 20px; } #home_promo3 img {float:right; border:solid 3px #c5c2b6; margin-left:10px;} #home_promo3 a {} .homepromo_thumb {width:99px; float:right; margin:0 0 10px 10px;} /* SECONDARY *******************************************************************************************************************/ #secondary {width:825px; background:#fff url(../images/secondary_header.jpg) no-repeat; position:relative; background-position:3px 0;} #secondary.header_kayak {background:#fff url(../images/header_kayak.jpg) no-repeat; background-position:3px 0;} #secondary.header_egret_2 {background:#fff url(../images/header_egret_2.jpg) no-repeat; background-position:3px 0;} #secondary.header_marsh {background:#fff url(../images/header_marsh.jpg) no-repeat; background-position:3px 0;} #secondary.header_egret {background:#fff url(../images/header_egret.jpg) no-repeat; background-position:3px 0;} #secondary.header_fence {background:#fff url(../images/header_fence.jpg) no-repeat; background-position:3px 0;} #secondary.header_egret_grass {background:#fff url(../images/header_egret_grass.jpg) no-repeat; background-position:3px 0;} #secondary p {font-size:.75em;} #secondary a {color:#668539;} #secondary_content {background:url(../images/secondary_bg.gif) repeat-y; padding:15px 40px 40px 23px; border-top:solid 2px #dbddd4; margin:0 3px;} #secondary_left {float:left; width:205px;} #secondary_left h2 {font-size:1.2em; padding-bottom:.7em;} #secondary_left ul {font-size:.75em; list-style-type:none; margin-bottom:2em;} #secondary_left li {background:url(../images/h2_bg.gif) bottom repeat-x;} #secondary_left a {text-decoration:none; color:#668539; font-weight:bold; display:block; padding:5px 12px; width:184px;} #secondary_left a.current {background:url(../images/breadcrumb_arrow.gif) left no-repeat;} #secondary_right {float:right; width:502px;} #secondary_right ul, #secondary_right ol {font-size:.75em; padding-left:2.2em;} #secondary_right.blog {} #secondary_right.blog h2 {padding-bottom:0; background:none;} #secondary_right.blog p.details {color:#999; font-size:.7em;} #breadcrumb {padding:140px 0 7px 0; color:#668539; font-size:.7em; font-weight:bold;} #breadcrumb ul {background:#fff; list-style-type:none; margin:3px 0 3px 15px;} #breadcrumb li {float:left;} #breadcrumb a {float:left; color:#668539; padding:0 1.2em 0 .7em; background:url(../images/breadcrumb_arrow.gif) right no-repeat;} #breadcrumb li.end {padding:0 1.2em 0 .7em; font-weight:normal;} #photos {width:500px;} #photos img {margin:0 8px 8px 0; border:solid 3px #c5c2b6;} div.pressreleases div {padding-left:25px; background:url(../images/pdficon_small.gif) no-repeat;} div.pressreleases div a {text-decoration:none;} div.pressreleases div a h3 {margin-bottom:0; color:#668539;} /* - WIDE -----*/ #secondary_wide {width:770px;} #secondary_content.wide {background:#fff; padding:15px 23px 40px 23px; border-top:solid 2px #dbddd4; margin:0 3px;} /* - BE GREEN -----*/ #begreen th {font-weight:bold; text-align:left; font-size:.75em; width:25%; } #begreen td {vertical-align:top; } #begreen th.col1, #begreen th.col3 {background:#9fa792; color:#fff; padding:6px 18px;} #begreen th.col2, #begreen th.col4 {background:#dbd9cc; color:#666; padding:6px 18px;} #begreen td.col1, #begreen td.col3 {background:#d3d6cc; font-size:.7em; color:#666; padding:12px 18px 18px;} #begreen td.col2, #begreen td.col4 {background:#e8e7df; font-size:.7em; color:#666; padding:12px 18px 18px;} #begreen td ul {list-style-type:none;} #begreen td ul li {margin-bottom:1em;} #breadcrumb {padding:140px 0 7px 0; color:#668539; font-size:.7em; font-weight:bold;} #breadcrumb ul {background:#fff; list-style-type:none; margin:3px 0 3px 15px;} #breadcrumb li {float:left;} #breadcrumb a {float:left; color:#668539; padding:0 1.2em 0 .7em; background:url(../images/breadcrumb_arrow.gif) right no-repeat;} #breadcrumb li.end {padding:0 1.2em 0 .7em; font-weight:normal;} #photos {width:500px;} #photos img {margin:0 8px 8px 0; border:solid 3px #c5c2b6;} div.pressreleases div {padding-left:25px; background:url(../images/pdficon_small.gif) no-repeat;} div.pressreleases div a {text-decoration:none;} div.pressreleases div a h3 {margin-bottom:0; color:#668539;} /* NAV *******************************************************************************************************************/ #topnav {background:url(../images/nav_bg.gif) no-repeat; height:32px; text-align:center;} #topnav ul {list-style-type:none; font-size:.7em; margin-left:70px;} #topnav li {float:left;} #topnav a {float:left; padding:6px 11px 8px 11px; color:#e8e4a4; text-decoration:none; border-right:#6e855a solid 1px; margin-top:4px; font-weight:bold;} #topnav a:hover {background:#30431e;} #topnav a.current {background:#192f06;} #topnav a.end {border-left:#6e855a solid 1px;} /* FORMS *******************************************************************************************************************/ #form {width:400px;} #form label {width:100px; font-size:.75em;} #form input {color:#666; padding:2px; width:180px; margin-bottom:.5em; font-family:Georgia, "Times New Roman", Times, serif; font-size:.8em;} #form select {color:#666; padding:2px; width:192px; height:22px; margin-bottom:.5em; font-family:Georgia, "Times New Roman", Times, serif; font-size:.8em;} #form textarea {color:#666; padding:2px; width:396px; height:80px; margin-bottom:.5em; font-family:Georgia, "Times New Roman", Times, serif; font-size:.8em;} #form input.button {width:67px; height:20px; font-family:Arial, Helvetica, sans-serif; color:#333; padding:0;} #form div.column1 {width:180px; float:left;} #form div.column2 {width:180px; float:right;} fieldset {border:none;} legend {display:none;} /* FOOTER *******************************************************************************************************************/ #home_footer {clear:both; position:relative; color:#a1aa95; font-size:.9em;} #home_footer a {color:#a1aa95;} #home_footer_text {position:absolute; top:10px; left:276px;} #home_footer_ext1 {position:absolute; top:-220px; left:-72px; width:72px; height:210px; background:url(../images/footer_ext1_home.jpg);} #home_footer_ext2 {position:absolute; top:0; left:10px; width:162px; height:69px; background:url(../images/footer_ext2.jpg) no-repeat;} #secondary_footer {clear:both; position:relative; color:#a1aa95; font-size:.9em; height:8px; background:url(../images/secondary_footer.gif) bottom;} #secondary_footer a {color:#a1aa95;} #secondary_footer_text {position:absolute; top:18px; left:276px;} #secondary_footer_ext1 {position:absolute; top:-130px; left:-50px; width:50px; height:122px; background:url(../images/footer_ext1.jpg);} #secondary_footer_ext2 {position:absolute; top:8px; left:30px; width:162px; height:69px; background:url(../images/footer_ext2.jpg) no-repeat;} img.ehologo {float:right; margin-right:145px;} p.footerwidth {width:550px;} /* REAL ESTATE *******************************************************************************************************************/ /* search options */ #searchoptions {} #searchoptions select {color:#666; padding:2px; width:200px; margin-bottom:10px; font-size:12px; } #searchoptions div.submit {margin-bottom:1em;} #searchoptions p.title {margin-bottom:5px; color:#668539;} #searchoptions ul {margin-bottom:1.2em; padding:0; list-style-type:none;} #searchoptions ul li {display:inline;} #searchoptions ul li input {margin-right:6px; width:15px; height:15px;} #searchoptions ul li label {margin-right:12px;} #searchoptions div.mls {margin:0;} #searchoptions div.mls * {float:left;} #searchoptions div.mls label {font-size:.75em; padding-top:3px; margin:0 8px 0 16px;} #searchoptions div.mls p {padding-top:2px;} #searchoptions div.mls input.text {margin-right:10px; color:#666; font-size:12px; padding:2px; height:14px; position:relative; top:-1px;} .admin_thumb_image {border:solid 3px #dbd9cc;} /* search results */ #searchresults div.holder {margin:0 0 15px 0;} #searchresults div.left {margin:0 20px 0 0; float:left;} #searchresults div.listing {width:90px;} #searchresults div.details {width:245px;} #searchresults div.right {float:left;} #searchresults div.right strong {color:#668539;} #searchresults .image {border:solid 3px #dbd9cc; margin:0 20px 10px 0; float: left;} /* property details */ #property_photos {width:234px; float:left;} #property_photos img {border:solid 3px #c5c2b6; margin-bottom:10px; float:left;} #property_photos img.thumb {width:50px; height:44px; border:solid 2px #c5c2b6; margin-right:4px; margin-bottom:4px;} #property_photos img.end {margin-right:0;} #property_desc {width:244px; float:right; } /* real estate listing */ #secondary_right .listing {margin:0 0 15px 0;} #secondary_right .listing div {margin:0 20px 0 0; float:left;} #secondary_right .listing img.border{margin-bottom:6px;} #secondary_right .listing .clear {margin:auto; float:none;} #secondary_right .listing .hrzrule {margin:1em 0; float:none;} #secondary_right .listing hr {display:none;} /* CALENDAR *******************************************************************************************************************/ div#calendar {position:relative;} div#calendar a#arrowL {position:absolute; top:6px; left:6px; width:13px; height:13px; background:url(../images/arrowL.gif) no-repeat; outline:none; padding:0;} div#calendar a#arrowR {position:absolute; top:6px; left:184px; width:13px; height:13px; background:url(../images/arrowR.gif) no-repeat; outline:none; padding:0;} div#calendar table {border-collapse:collapse; font-size:.8em; font-weight:bold; margin-bottom:12px;} div#calendar table td {background:#dbd9cc; border:solid 2px #fff; text-align:center; vertical-align:middle;} div#calendar table td a {width:auto; padding:0; height:21px; width:27px; padding-top:5px; color:#666;} div#calendar table td a:hover {} div#calendar table tr.day td {background:#fff; height:24px;} div#calendar table td.empty {background:#f0eee9;} div#calendar table td.event a {background:#9fa792; color:#fff;} div#calendar table td.event a:hover {background:#fff; color:#666;} div#calendar th {background:#9fa792; padding:5px 10px; text-align:center; color:#fff;} div#calendar th a {color:#fff; text-decoration:none; width:auto; padding:0;} div#calendar th a:hover {text-decoration:underline;} div#calendar select {color:#666; width:202px; font-size:12px;} div#eventlist {position:relative;} div#eventlist table {border-collapse:collapse; font-size:.8em; width:100%; } div#eventlist table td {padding:7px 14px; border-bottom:solid 1px #d8d7d2; vertical-align:top;} div#eventlist table td.right {text-align:right;} div#eventlist table th {padding:5px 10px; background:#9fa792; text-align:left; color:#fff; font-weight:bold;} div#eventlist table tr.row1 {background:#f1efea;} div#eventlist select {color:#666; position:absolute; top:3px; left:340px; width:150px; font-size:11px;} p#legend1 {padding-left:21px; margin:8px 0 2px 2px; background:url(../images/legend1.gif) left no-repeat;} p#legend2 {padding-left:21px; margin-left:2px; background:url(../images/legend2.gif) left no-repeat;} /* calendar of events rsvp box */ #rsvp {background:#f6f5f1; margin:0; font-family:Arial, Helvetica, sans-serif; font-size:75%; color:#676767; width: 13em;} #rsvp h1 {font-size:1em; background:url(images/h2_bg.gif) bottom left repeat-x; margin-bottom:.8em; padding-bottom:.8em;} #rsvp input {color:#676767; margin-bottom:10px; padding:2px 4px;} #rsvp select {color:#676767; margin-bottom:14px; width:50px;} #rsvp .button {padding:0;} #event_photos {float:right; width:232px; margin-left:12px;z-index:+1; position: relative;} #event_photos img {border:solid 3px #c5c2b6; margin-bottom:10px; float:left;} #event_photos img.thumb {width:50px; height:44px; border:solid 2px #c5c2b6; margin-right:4px; margin-bottom:4px;} #event_photos img.end {margin-right:0;} /* ADMIN *******************************************************************************************************************/ .table {border:0; font-size:12px;} .table td {padding:3px; background-color:#E8E8E8;} .table th {text-align:left; padding:3px; background-color:#43552b; color:#FFFFFF;} .pagination {font-size:12px; margin:10px 0 0 0;}