/************************************************** RESETS **************************************************/ * {margin:0; padding:0;} img {border:0;} a:focus {-moz-outline-style:none;} /************************************************** TYPOGRAPHY **************************************************/ body {font-family:Georgia, "Times New Roman", Times, serif; font-size:11pt; color:#21181A; overflow-x:none; overflow-y:auto;} p {padding-top:10px;} h1 {font-size:18pt; font-weight:bold; margin:15px 0 5px 0;} h2 {font-size:18pt; font-weight:bold; margin:15px 0 10px 0;} h3 {font-size:14pt; font-weight:bold; margin:10px 0 5px 0;} h4 {font-size:10pt; font-weight:bold; margin:15px 0 5px 0; color:#7B1618; font-variant:small-caps;} ul {margin-left:20px;} ol {margin-left:20px;} ol li {margin:0 0 10px 0;} a:link, a:visited {text-decoration:underline; color:#21181A;} a:hover, a:active {text-decoration:underline; color:#7B1618;} h4 + p {padding-top:0} /************************************************** GENERAL **************************************************/ .left {float:left;} .right {float:right;} .clearfloats {clear:both; height:0px;} .brown {background-color:#422F34;} .green {background-color:#60AD63;} .blue {color:#2068A6;} .purple {color:4b2d5b;} .tiny {font-family:Verdana,san-serif; font-size:10px;} /* positioning context for absolute decorative images */ .pc {position:relative;} .boxtop h3 {font-size:11pt; font-variant:small-caps; color:white; margin:0 0 3px 0;} .star-separator {background:url(/site/images/star-separator.gif) no-repeat 0 0; background-position:center; height:40px; width:100%; margin-top:20px; margin-bottom:20px;} .shaded-box {background:#eeeeee; border:1px solid #dddddd;} /************************************************** FORM STYLING http://www.sitepoint.com/article/fancy-form-design-css **************************************************/ fieldset {margin:1.5em 0 0 0; padding:0;} legend {margin-left:1em; color:#000000; font-size:1.2em; font-weight:bold; font-style:italic; padding:0 10px;} fieldset ol {padding:1em 1em 0 1em; list-style:none;} fieldset li {padding-bottom:0.8em; clear:both;} fieldset.hiddenfs {float:none; width:auto; border:0 none #FFF;} fieldset.nolabel {padding-left:12em;} label {display:block;} label {float:left; width:150px; margin-right:10px;} /* for right-aligned labels */ label {text-align: right;} label.error {float:none; font-family:Verdana,san-serif; font-size:10px; text-align:left; width:100%; color:red; padding-left:160px; vertical-align:top; } form em { font-weight:bold; color:red; } .egeriabutton {padding:5px 20px; font-size:120%; font-weight:bold;} .manditory {float:right; margin:0 10px 10px 0; padding:0; font-family:Verdana,san-serif; font-size:10px; font-style:italic; color:#888888;} /************************************************** FIELDFRAME TWEAKS **************************************************/ /* ngen file field tweaks */ .ngen-file-choose-existing {display:none;} /* hides an unnecessary button */ .ngen-file-field-data {width:200px; overflow:hidden;} /* sets max width for field containing potentially looong filenames */ .ngen-ff-delete {display:none;} /* hides trash can on ngen file fields */ /* matrix tweaks */ .ff-ft .tableHeading {background:#AF9F99;} /* #field_id_38 is the photo gallery widget */ .ff-ft table .th {border-top:1px solid #CAD0D5;} .ff-ft .tableCellOne {background:#FAFAFA; border-bottom:1px solid #C5CFDA;} .ff-ft .tableCellTwo {background:white; border-bottom:1px solid #C5CFDA;} /* EDIT FORM */ .checkbox-group {float:left; width:370px;} .checkbox-group label {width:auto;} .field-instructions {margin:0 15px 10px 15px; font-size:9pt;} p.field-note {margin-left:160px; padding-top:0;} /************************************************** JQUERY UI **************************************************/ /* .ui-datepicker-calendar {background:white;} .ui-datepicker-calendar .ui-widget {font-family:Arial, sans; font-size:10pt;} */ /************************************************** LAYOUT **************************************************/ body {background:url(/site/images/bg.gif) repeat;} #wrap {overflow:hidden;} #paper {background:url(/site/images/bg-paper.gif) repeat-y; background-position:bottom center;} #paper-bottom {background:url(/site/images/bg-paper-bottom.gif) no-repeat; height:90px; background-position:top center;} #container {text-align:center;} /* for IE */ #container {margin:0 auto;} /* for the rest */ #container {width:1020px; overflow:visible;} /************************************************** HEADER **************************************************/ #header {text-align:left; background:url(/site/images/bg-header.gif) repeat-x; height:100px; margin:0 50px 30px 50px;} #header img {vertical-align:top;} #header a {text-decoration:none;} #header .right {margin-top:24px; margin-right:30px;} #header-links {margin-top:20px; text-align:right;} /************************************************** CONTENT **************************************************/ #content {text-align:left;} #content {float:left; width:590px; min-height:600px; margin-left:70px; padding-bottom:50px;} /* HOMEPAGE */ .homepage #header {height:62px;} .homepage .hpcol {width:540px;} .byline {width:left; width:550px; height:90px; background:url(/site/images/egeria-byline.gif) no-repeat;} .boat {position:absolute; top:0px; left:540px; width:550px; height:550px; background:url(/site/images/egeria-boat.jpg) no-repeat; z-index:1;} .postcard {position:absolute; top:580px; left:540px; width:580px; height:380px; background:url(/site/images/postcard.gif) no-repeat;} #hpmember {z-index:2;} #hpmember .boxtop {background:url(/site/images/bg-boxtop-260.gif) no-repeat #201719; width:230px; padding:5px 15px 3px 15px;} #hpmember .box {width:240px; padding:5px 10px 10px 10px; margin-bottom:20px; line-height:1em;} #hpsearch {z-index:2;} #hpsearch .boxtop {background:url(/site/images/bg-boxtop-260.gif) no-repeat #201719; width:230px; padding:5px 15px 3px 15px;} #hpsearch .box {width:240px; padding:5px 10px 10px 10px; margin-bottom:20px; line-height:1em;} .boat350 {position:absolute; top:0px; left:540px; width:350px; height:350px; background:url(/site/images/egeria-boat-350x350.jpg) no-repeat; z-index:1;} .postcard2 {width:580px; height:380px; background:url(/site/images/postcard2.gif) no-repeat;} /* JOIN */ #member_form label {width:160px;} #member_form label.error {width:auto; padding-left:170px;} .glory {position:absolute; top:0px; left:610px; width:460px; height:435px; background:url(/site/images/egeria-glory.jpg) no-repeat;} .two-houses {position:absolute; top:0px; left:600px; width:489px; height:755px; background:url(/site/images/two-houses.jpg) no-repeat;} /* PROFILE */ .profile .welcome {font-variant:small-caps; margin-top:40px;} .profile .blurb {margin-bottom:30px;} .profile .branch {float:left; background:url(/site/images/branch.gif) no-repeat; width:69px; height:72px; margin-right:15px;} .profile .tab {float:left; height:25px;} .profile .tab-footer {background:url(/site/images/tab-footer.gif); width:590px; height:14px;} .profile .entry {margin:20px 0;} .profile .entry p {padding-top:5px;} .profile .birdflower {float:right; background:url(/site/images/birdflower.gif) no-repeat; width:135px; height:225px; margin:20px;} /* HOME-EXCHANGES */ .listings .entry {margin:20px 0 40px 0;} .listings .entry h3 {margin-bottom:20px;} .listings .entry .photo {float:left; width:140px;} .listings .entry .photo img {margin-bottom:10px; border:2px solid #422F34;} .listings .entry .info {float:left; width:430px; margin-left:20px;} .listings .entry .info .details {float:left; width:215px;} .listings .entry .info .details p:first-child {padding-top:0;} .listings .entry .info .dream {float:left; margin-left:20px; width:185px;} .listings .entry .info .dream .top {background:url(/site/images/bg-dream-top.gif); height:10px;} .listings .entry .info .dream .middle {background:url(/site/images/bg-dream.gif) repeat-y; padding:0 10px 0 10px;} .listings .entry .info .dream .middle {font-size:9pt;} .listings .entry .info .dream .middle .label {font-size:11pt;} .listings .entry .info .dream .middle p:first-child {padding-top:0;} .listings .entry .info .dream .bottom {background:url(/site/images/bg-dream-bottom.gif); height:15px;} .listings .entry img.icon {margin-right:10px;} .caption {font-size:10px;} p.results_text {text-align:left;} p.pagination_links {text-align:center;} p.listing-id {margin:0; padding:0 5px 0 0; text-align:right; font-size:7pt; font-family:verdana, sans; color:#5F5959;} /* HOME-EXCHANGE */ .listing h2 {margin-bottom:20px;} .listing .main-photo {float:left; width:210px;} .listing .main-photo img {margin-bottom:15px; border:2px solid #422F34;} .listing .main-photo p.enlarge-photo {margin:0; padding:0; text-align:left; position:relative; top:-18px; font-size:7pt; font-family:verdana, sans; color:#5F5959;} .listing .main-photo p.enlarge-photo img {margin:2px 1px 0 0;} .listing .main-photo p.enlarge-photo .blurb {position:relative; top:-3px;} .listing .summary {float:left; width:360px; margin-left:20px; margin-bottom:15px;} .listing .summary .boxtop {background:url(/site/images/bg-boxtop-355.gif) no-repeat; width:355px; padding:8px 15px 0 15px;} .listing .summary .box {background:url(/site/images/bg-summarybox.gif); margin-bottom:1px; padding:0; font-size:10pt; color:white;} .listing .summary .box .left {float:left; width:105px; padding:6px 10px 7px 10px; font-variant:small-caps;} .listing .summary .box .right {float:left; width:209px; padding:6px 10px 7px 10px; margin-left:1px;} .listing .photos {float:left; width:140px;} .listing .photos img {margin-bottom:10px; border:2px solid #422F34;} .listing .detail {float:left; width:430px; margin-left:20px;} .listing .detail .boxtop {background:url(/site/images/bg-boxtop-430.gif) no-repeat; width:400px; padding:5px 15px 3px 15px;} .listing .detail .box {margin:10px 15px 25px 15px;} .listing .detail .box h4:first-child {margin-top:2px;} .listing .detail .box p:first-child {padding-top:0;} .bookmarks a {text-decoration:none;} /* HOME-EXCHANGE/CONTACT */ .contact-member {margin-top:25px; margin-left:20px; padding:10px; border:2px dashed #685750;} /* NEWS */ .news .entry {margin-bottom:20px; padding-bottom:20px; border-bottom:1px dotted #CCCCCC;} .news .entry .meta {font-family:Arial,Verdana,Sans-serif; font-size:8pt; font-variant:small-caps; letter-spacing:0.2em; color:#999999;} .news .pagination {padding-top:0; margin-bottom:35px;} .news fieldset {margin-top:5px;} .house-sketch {position:absolute; left:600px; top:0; width:600px; height:600px; background:url(/site/images/house-sketch.jpg) no-repeat;} .big-n {position:absolute; top:0px; left:600px; width:468px; height:617px; background:url(/site/images/big-n.jpg) no-repeat;} /* STORIES */ .elephant-house {position:absolute; top:0px; left:600px; width:716px; height:417px; background:url(/site/images/elephant-house.jpg) no-repeat;} /* CONTACT */ .contactus ol {font-size:8pt;} .contactus ol {margin-left:30px; margin-right:50px;} .meadow-sketch {position:absolute; top:0px; left:625px; width:550px; height:550px; background:url(/site/images/meadow-sketch.jpg) no-repeat;} /* SEARCH */ .search .boxtop {background:url(/site/images/bg-boxtop-260.gif) no-repeat #201719; width:230px; padding:5px 15px 3px 15px;} .search .box {width:230px; padding:5px 10px 10px 10px; margin-bottom:30px; line-height:1em;} .search .box input.travel-date {width:85px;} .search .box .ui-datepicker-trigger {margin-bottom:0;} /************************************************** SIDEBAR **************************************************/ #sidebar {text-align:left;} #sidebar {float:left; width:260px; margin-left:30px; padding-bottom:50px;} .sidebar .box .label {color:#666666; font-weight:bold;} #sidebar .boxtop {background:url(/site/images/bg-boxtop-260.gif) no-repeat #201719; width:230px; padding:5px 15px 3px 15px; margin-bottom:7px;} #sidebar .box {margin-bottom:30px; line-height:1em;} /* MEMBERSHIP EXPIRED */ #expired-box {background:#FFEEEE; border:3px solid red; padding:10px;} /* LOGIN */ #login-widget .boxtop {background:url(/site/images/bg-boxtop-260.gif) no-repeat #201719; width:230px; padding:5px 15px 3px 15px;} #login-widget .box {width:240px; padding:5px 10px 10px 10px; line-height:1em;} /* PROFILE STATUS */ #profilestatus-widget .box {padding:5px 10px 10px 10px;} /* SEARCH */ #search-widget .boxtop {background:url(/site/images/bg-boxtop-260.gif) no-repeat #201719; width:230px; padding:5px 15px 3px 15px;} #search-widget .box {width:240px; padding:5px 10px 10px 10px; line-height:1em;} #search-widget input.travel-date {width:85px;} #search-widget .ui-datepicker-trigger {margin-bottom:0;} #search-widget hr {height:1px; border-top:1px dashed #60AD63; margin-top:15px; margin-bottom:10px;} /* FEATURED LISTING */ #fl-widget {margin-bottom:20px;} #fl-widget .box {margin-bottom:0;} #fl-widget .boxtop {background:url(/site/images/bg-boxtop-260.gif) no-repeat #201719; width:230px; padding:5px 15px 3px 15px;} #fl-widget .box {background:url(/site/images/bg-featureframe-top.gif) no-repeat 0 5px; width:260px; padding-top:2px; text-align:right;} #fl-widget .box .bottom {background:url(/site/images/bg-featureframe-bottom.gif) no-repeat; background-position:bottom; width:258px;} #fl-widget .box .pad {margin:0 20px;} #fl-widget img {margin-top:20px; margin-bottom:3px; border:2px solid #422F34;} #fl-widget p {font-size:8pt; font-style:italic; line-height:1.2em; padding:2px 0 18px 0;} /* TOP10 */ #top10 .box {width:240px; padding:5px 10px 10px 10px; line-height:1em;} #top10 .box li {margin-bottom:5px;} /* TELL-A-FRIEND */ #tellafriend .boxtop {background:url(/site/images/bg-boxtop-260.gif) no-repeat #201719; width:230px; padding:5px 15px 3px 15px;} #tellafriend .box {width:240px; padding:5px 10px 10px 10px; line-height:1em;} /************************************************** LINKS **************************************************/ #links {text-align:center;} /* for IE */ #links {margin:0 auto;} /* for the rest */ #links {width:880px; margin-bottom:0; padding:10px 70px 20px 70px; color:white; text-align:left;} #links .boxtop {background:url(/site/images/bg-boxtop-260.gif) no-repeat #201719; width:230px; padding:5px 15px 3px 15px;} #links .box {margin:10px 0; text-align:center;} /************************************************** FOOTER **************************************************/ #footer {text-align:center;} /* for IE */ #footer {margin:0 auto;} /* for the rest */ #footer {width:880px; margin-bottom:0; padding:10px 70px 20px 70px; color:white; text-align:left;} #footer h3 {font-variant:small-caps;} #footer p {padding-top:0;} #footer a {text-decoration:none; color:white;} #footer ul {list-style-type:none; margin-left:0;} #footer .tiny {margin-top:5px;} .label {font-weight:bold; /*color:#85705C;*/} #map {width:570px;height:230px;} #registration-steps {margin-bottom:20px; padding-bottom:10px; background:#EEFFFF;} #registration-steps h2 {margin-top:0;} #add-destination-form fieldset {margin:0;}