/* -- * Title: Tripster Master Styles * Author: support@tripster..com * Updated: Feb 3, 2007 --*/ /* =Global ------------------------------------------------------------------*/ html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address {margin:0; padding:0;} body {font-size: 76%; line-height: 160%; font-family: "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif; color: #666; background:#f7fcfa url(http://tripsterstatic.com/images/bg-body.gif) repeat-x;} ul,li {list-style-type:none;} hr {clear:both; visibility:hidden; height:1px;} a {outline: none;} a img {border: none; outline:none; vertical-align: middle;} /* =Misc ------------------------------------------------------------------*/ .hide {display:none;} .clear {clear:both;} .centered {text-align:center;} .right {text-align:right;} .left {text-align:left;} .pink, .alert {color:#D92E6B;} .blue {color:#0492e4;} .note {font-size: 86%;} /* Easy clearing of floats (see http://positioniseverything.net/easyclearing.asp) */ .clearfix:after {display:block; visibility:hidden; clear:both; height:0; content:".";} .clearfix {display:inline-block;} /* Causes a validation error but is included in CSS2.1: http://www.w3.org/TR/CSS21/visuren.asp#propdef-display */ /* Hide from IE Mac \*/ * html .clearfix {height:1px;} .clearfix {display:block;} /* End hide from IE Mac */ /* =Top navigation ------------------------------------------------------------------*/ #top-bar {width:100%; height:3em; position:absolute; top:0px; left:0px; background:#c3f071 url(http://tripsterstatic.com/images/bg-top-bar.gif) repeat-x bottom left;} #top-box {width:959px; height:3em; margin:0 auto; position:relative; background: #97c43e url(http://tripsterstatic.com/images/bg-top-box.gif) no-repeat;} #alt-nav {position:absolute; top: 10px; right:15px; font-size:.94em; color: #fff;} #alt-nav .welcome {color: #0778A4; padding-right: 10px;} #alt-nav a, #alt-nav a:link, #alt-nav a:visited {color:#f8ffe6; text-decoration:none;} #alt-nav a:hover, #alt-nav a:focus {color:#d92e6b;} /* =Layout ------------------------------------------------------------------*/ #wrapper {width:959px; margin:0 auto; position:relative;} #header {width:959px; height:137px; margin-top:3em; position:relative; background:url(http://tripsterstatic.com/images/bg-header.gif) no-repeat;} #header img, #header a, #header a:link, #header a:visited {border:0;} #logo {position:absolute; top:13px; left:11px;} #promotion {position:absolute; top:18px; left:374px;} #main {width:959px; background:url(/images/bg-contents.gif) repeat-y -959px 0;} #main .inner-box {padding:0 10px 18px 18px; background:url(http://tripsterstatic.com/images/bg-contents-bottoms.gif) no-repeat -959px bottom;} #main .content {width:410px; margin-right:22px; float:left;} #sidebar {width:229px; padding: 0 0 10px; float:left;} .thumbs {width:230px;} .extra {width:235px; margin-right:27px; padding: 0 0 10px; float:left;} #threecol {background:url(/images/bg-3col.gif) repeat-y;} #threecol .inner-box {padding:0 18px 35px 18px; background:url(http://tripsterstatic.com/images/bg-3col-bottom.gif) no-repeat left bottom;} #threecol .col {width:280px; margin-right:40px; float:left;} #threecol .col-last {width:280px; float:left;} #footer-nav {margin:1.5em 0;padding:35px 18px 20px 18px; background:#d8f4a0 url(http://tripsterstatic.com/images/bg-footer-nav.gif) no-repeat top center;} #footer {font-size:.9em; letter-spacing:.1em; color:#999;} .generic #header {background:url(http://tripsterstatic.com/images/bg-header2.gif) no-repeat;} .generic #main {width:959px; background:url(http://tripsterstatic.com/images/bg-contents.gif) repeat-y;} .generic #main .inner-box {padding:0 10px 18px 18px; background:url(http://tripsterstatic.com/images/bg-contents-bottoms.gif) no-repeat left bottom; clear: both;} .generic #main .content {width:665px; margin-right:30px; float:left;} .generic #main .extra {width:229px; margin-right:0; float:none;} .utility {background:#f7fcfa url(http://tripsterstatic.com/images/bg-body.gif) repeat-x;} .utility #top-box {width:859px; background: #97c43e url(http://tripsterstatic.com/images/bg-top-box-small.gif) no-repeat;} .utility #wrapper {width:859px;} .utility #header {width:859px; height:99px; background:url(http://tripsterstatic.com/images/bg-header-small.gif) no-repeat;} .utility #logo {top:4px; left:14px;} .utility .inner-box {padding:0 20px 20px;} .utility #main {width:600px; float:left; background: none;} #login.utility #main {width:600px; margin:0 auto 2em auto; background:none; float:none;} .utility #footer {padding: 29px 0 1em; background: url(http://tripsterstatic.com/images/bg-footer-small.gif) no-repeat left top;} #secondary {width: 200px; margin:0 0 2em; float: right;} /* =Main (tabbed) navigation ------------------------------------------------------------------*/ #nav {width:401px; height:30px; position:absolute; top:100px; left:22px;} #nav ul {width:401px; height:30px; text-align:left;} #nav ul li {height:30px; padding:0; margin:0; display:inline; float:left;} #nav a {border:0; position:relative; /* Hide from IE Mac \*/ overflow:hidden; height:30px; /* End hide from IE Mac */} #nav a em {width:100%; height:100%; display:block; position:absolute; background-image: url(http://tripsterstatic.com/images/main-nav.gif); background-repeat:no-repeat; cursor:pointer;} #nav a:link, #nav a:visited {display:block;} li#n-des a:link, li#n-des a:visited {width:104px;} li#n-rev a:link, li#n-rev a:visited {width:75px;} li#n-jou a:link, li#n-jou a:visited {width:79px;} li#n-for a:link, li#n-for a:visited {width:76px;} li#n-gal a:link, li#n-gal a:visited {width:67px;} li#n-des a:link em, li#n-des a:visited em {background-position:0px 0px;} li#n-des a:hover em, li#n-des a:focus em {background-position:0px -30px;} li#n-rev a:link em, li#n-rev a:visited em {background-position:-104px 0px;} li#n-rev a:hover em, li#n-rev a:focus em {background-position:-104px -30px;} li#n-jou a:link em, li#n-jou a:visited em {background-position:-179px 0px;} li#n-jou a:hover em, li#jou a:focus em {background-position:-179px -30px;} li#n-for a:link em, li#n-for a:visited em {background-position:-258px 0px;} li#n-for a:hover em, li#n-for a:focus em {background-position:-258px -30px;} li#n-gal a:link em, li#n-gal a:visited em {background-position:-334px 0px;} li#n-gal a:hover em, li#n-gal a:focus em {background-position:-334px -30px;} /* -- active tabs --*/ body#b-destinations #nav ul li#n-des a em {background-position:0px -60px;} body#b-reviews #nav ul li#n-rev a em {background-position:-104px -60px;} body#b-journals #nav ul li#n-jou a em {background-position:-179px -60px;} body#b-forum #nav ul li#n-for a em {background-position:-258px -60px;} body#b-gallery #nav ul li#n-gal a em {background-position:-334px -60px;} /* =Bookiing module navigation ------------------------------------------------------------------*/ #booking-nav {position:absolute; top:9px; left:709px; height:109px; width:240px;} #booking-nav ul {width:240px; text-align:left;} #booking-nav ul li {height:39px; margin:0; padding:0; display:inline; float:left;} #booking-nav a {border:0; position:relative;/* Hide from IE Mac \*/ overflow:hidden; height:39px; /* End hide from IE Mac */} #booking-nav a em {width:100%; height:100%; display:block; position:absolute; background-image: url(http://tripsterstatic.com//images/booking-nav.gif); background-repeat:no-repeat; cursor:pointer;} #booking-nav a:link, #booking-nav a:visited {display:block;} li#fli a:link, li#fli a:visited {width:122px;} li#hot a:link, li#hot a:visited {width:117px;} li#car a:link, li#car a:visited {width:122px;} li#cru a:link, li#cru a:visited {width:117px;} li#vac a:link, li#vac a:visited {width:122px;} li#spe a:link, li#spe a:visited {width:117px;} li#fli a:link em, li#fli a:visited em {background-position:0px 0px;} li#fli a:hover em, li#fli a:focus em {background-position:0px -117px;} li#hot a:link em, li#hot a:visited em {background-position:-122px 0px;} li#hot a:hover em, li#hot a:focus em {background-position:-122px -117px;} li#car a:link em, li#car a:visited em {background-position:0px -39px;} li#car a:hover em, li#car a:focus em {background-position:0px -156px;} li#cru a:link em, li#cru a:visited em {background-position:-122px -39px;} li#cru a:hover em, li#cru a:focus em {background-position:-122px -156px;} li#vac a:link em, li#vac a:visited em {background-position:0px -78px;} li#vac a:hover em, li#vac a:focus em {background-position:0px -195px;} li#spe a:link em, li#spe a:visited em {background-position:-122px -78px;} li#spe a:hover em, li#spe a:focus em {background-position:-122px -195px;} /* = Sprites for icons ------------------------------------------------------------------*/ .icon-keyout-n {background: url(http://tripsterstatic.com/images/sprites_icons.gif) no-repeat 0 1px; width: 15px; height: 12px; margin-right: 4px;} .icon-keyin-n {background: url(http://tripsterstatic.com/images/sprites_icons.gif) no-repeat 0 -19px; width: 15px; height: 12px; margin-right: 4px;} .icon-pencil-n {background: url(http://tripsterstatic.com/images/sprites_icons.gif) no-repeat 0 -60px; width: 12px; height: 12px; margin-right: 3px;} .icon-user-n {background: url(http://tripsterstatic.com/images/sprites_icons.gif) no-repeat 0 -40px; width: 12px; height: 12px; margin-right: 4px;} .icon-house-n {background: url(http://tripsterstatic.com/images/sprites_icons.gif) no-repeat -25px 0; width: 11px; height: 12px; margin-right: 5px;} .icon-message-n {background: url(http://tripsterstatic.com/images/sprites_icons.gif) no-repeat 0 -79px; width: 12px; height: 12px; margin-right: 3px;} .icon-message-m {background: url(http://tripsterstatic.com/images/sprites_icons.gif) no-repeat -86px -14px; width: 12px; height: 12px; margin-right: 4px;} .icon-add-m {background: url(http://tripsterstatic.com/images/sprites_icons.gif) no-repeat -25px -40px; width: 12px; height: 12px; margin-right: 4px;} .icon-pencil-m {background: url(http://tripsterstatic.com/images/sprites_icons.gif) no-repeat -75px -14px; width: 11px; height: 12px; margin-right: 4px;} .icon-warn-m {background: url(http://tripsterstatic.com/images/sprites_icons.gif) no-repeat -110px -14px; width: 12px; height: 12px; margin-right: 4px;} .icon-user-m {background: url(http://tripsterstatic.com/images/sprites_icons.gif) no-repeat -122px -14px; width: 12px; height: 12px; margin-right: 4px;} .icon-check-m {background: url(http://tripsterstatic.com/images/sprites_icons.gif) no-repeat -25px -20px; width: 14px; height: 10px; margin-right: 4px;} .icon-rss-m {background: url(http://tripsterstatic.com/images/sprites_icons.gif) no-repeat 0 -120px; width: 10px; height: 10px; margin-right: 4px;} .icon-casep-m {background: url(http://tripsterstatic.com/images/sprites_icons.gif) no-repeat -50px -20px; width: 12px; height: 12px; margin-right: 4px;} .icon-caseg-m {background: url(http://tripsterstatic.com/images/sprites_icons.gif) no-repeat -50px -40px; width: 12px; height: 12px; margin-right: 4px;} .icon-warn {background: url(http://tripsterstatic.com/images/sprites_icons.gif) no-repeat -108px 0; width: 18px; height: 11px;} .icon-flag {background: url(http://tripsterstatic.com/images/sprites_icons.gif) no-repeat -108px 0; width: 18px; height: 11px;} .icon-posted {background: url(http://tripsterstatic.com/images/sprites_icons.gif) no-repeat -150px 0; width: 18px; height: 16px; margin-right: 3px;} .icon-date {background: url(http://tripsterstatic.com/images/sprites_icons.gif) no-repeat -150px 0; width: 18px; height: 16px; margin-right: 3px;} .icon-add {background: url(http://tripsterstatic.com/images/sprites_icons.gif) no-repeat -150px 0; width: 18px; height: 16px; margin-right: 3px;} .icon-tag {background: url(http://tripsterstatic.com/images/sprites_icons.gif) no-repeat -126px 0; width: 10px; height: 10px; margin-right: 3px;} li.posted {background:url(/images/icon-pencil.gif) no-repeat left center; padding-left:12px;} li.date {background:url(/images/icon-calendar.gif) no-repeat left center; padding-left:12px;} li.comments {background:url(/images/icon-comment.gif) no-repeat left center; padding-left:12px;} li.rss {background:url(/images/icon-rss-onblue.gif) no-repeat left center; padding-left:12px;} li.add {background:url(/images/icon-plus.gif) no-repeat left center; padding-left:12px;} li.tag {display: block;} .rated {padding-right: 62px; background:url(/images/icon-stars.gif) no-repeat right center;} /* =Buttons for sprites ------------------------------------------------------------------*/ .btn-search {width: 19px; height: 19px; background: url(/images/button-matrix.gif) no-repeat -19px 0;} .btn-login {width: 42px; height: 19px; margin-right:10px; background: url(/images/btn-matrix.gif) no-repeat -59px 0;} /* =Footer navigation ------------------------------------------------------------------*/ #footer-nav .col {width:138px; float:left; margin-right:18px; border-bottom:1px solid #aee3b8;} #footer-nav .col-last {width:139px; float:left; border-bottom:1px solid #aee3b8;} #footer-nav li {border-top:1px solid #aee3b8;} #footer-nav li a {display:block;} #footer-nav li a:link, #footer-nav li a:visited {padding:2px 15px 2px 0; background:url(/images/arrow-upright-ongreen.gif) no-repeat right center; text-decoration:none; color:#6b90a9;} #footer-nav li a:hover, #footer-nav li a:focus {background-color:#e5ffb4; color:#d81153;} #footer-nav h3 {margin:0 0 1em 0; padding:.3em 0 0 0; color:#1290c9; font-weight:normal; text-transform:none; font-size:1.4em; letter-spacing:1px;} #footer {margin-bottom:1.5em; clear:both;} #footer ul {float:right; width:300px; text-align:right;} #footer ul li {display:inline; margin-left:2px;} #footer a:link, #footer a:visited {text-decoration:none; color:#999;} #footer a:hover, #footer a:focus {color:#d92e6b;} #footer a img {border: none; outline:none; vertical-align: middle;} /* =Forms ------------------------------------------------------------------*/ #search-nav {position:absolute; top:8px; left:15px;} #search-nav label, #newsletter label {position:absolute; left:-9999px;} #search-nav input, #newsletter input {display:inline; font-size:0.94em;} #search-nav .txt {border:1px solid #9cbc45;} .user-info .txt { width: 340px; } .btn {vertical-align:bottom; padding-bottom:1px;} #search-mod label {color:#d92e6b; font:1.3em "Century Gothic","Futura","Trebuchet MS",Arial,Helvetica,sans-serif;} #search-mod p {padding: 4px;} #search-mod .txt {width: 166px; color:#666; font-size:x-small; padding:2px; border:1px solid #9cbc45; background: #f7fcfa;} #search-mod .btn { margin-left: 4px; vertical-align: middle;} #search-mod p a:link, #search-mod p a:visited {padding-left: 12px; font-size: 90%; border: none; background: url(/images/bullet-pink-xsm.gif) no-repeat 0 50%;} #search-mod p a:hover {color:#3897ce;} .thumbs p {margin-left:0px;} .month, .month select {width:90px; color:#666; font-size:x-small; padding:2px; border:1px solid #9cbc45; background: #f7fcfa; margin-right:6px;} .day {width:60px; padding:2px; color:#666; font-size:x-small; border:1px solid #9cbc45; background: #f7fcfa; margin-right:6px;} .year, .duration {width:80px; color:#666; font-size:x-small; padding:2px; border:1px solid #9cbc45; background: #f7fcfa; margin-right:6px;} .error {padding: 3px 10px; background:#ffc5ea; color:#d92e6b; border: 1px solid #d92e6b;} label.error {padding: 0; background: none; color:#d92e6b; font-weight: bold; border: none;} .fieldWithErrors { } /* may need this but not sure? */ .txt {width:150px; color:#999; font-size:x-small; padding:2px; border:1px solid #ccc; margin-right:.3em;} .txtfield-xxsmall {width: 40px; color:#666; font-size:x-small; padding:2px; border:1px solid #9cbc45; background: #f7fcfa;} .txtfield-xsmall {width: 60px; color:#666; font-size:x-small; padding:2px; border:1px solid #9cbc45; background: #f7fcfa;} .txtfield-small , .language select {width: 80px; color:#666; font-size:x-small; padding:2px; border:1px solid #9cbc45; background: #f7fcfa;} .txtfield-med, .time select {width: 100px; color:#666; font-size:x-small; padding:2px; border:1px solid #9cbc45; background: #f7fcfa;} .txtfield-large {width: 150px; color:#666; font-size:x-small; padding:2px; border:1px solid #9cbc45; background: #f7fcfa;} .txtfield-xlarge {width: 200px; color:#666; font-size:x-small; padding:2px; border:1px solid #9cbc45; background: #f7fcfa;} .txtfield-xxlarge {width: 250px; color:#666; font-size:x-small; padding:2px; border:1px solid #9cbc45; background: #f7fcfa;} .txtfield-xxxlarge, .zone select {width: 300px; color:#666; font-size:x-small; padding:2px; border:1px solid #9cbc45; background: #f7fcfa;} .txtfield-entry {width: 400px; color:#666; font-size:x-small; padding:2px; border:1px solid #9cbc45; background: #f7fcfa;} /* =Newsletter ------------------------------------------------------------------*/ #newsletter {margin-top:-1em; padding:1px 8px 0 8px; background:url(/images/gradient.gif) repeat-x;} #newsletter h2 {margin:.5em 0 .3em; color:#1290c9; font-size:100%; letter-spacing:.2em;} #newsletter p {margin-bottom:.3em; font-size:.94em; line-height:1.4em;} /* =Modules ------------------------------------------------------------------*/ .mod {margin-bottom: 1em; padding:6px 0 0 0; background:#f5fcec url(/images/weatherbox-top.gif) no-repeat;} .mod div {padding:0 0 6px 10px; background:#f5fcec url(/images/weatherbox-bottom.gif) no-repeat left bottom;} .mod h4 {margin-left:8px; clear:both;} .mod p {padding:0 0 2px 0;} /* =Content footer ------------------------------------------------------------------*/ #main .footer {padding:1em 0; background:url(/images/dottedline.gif) repeat-x; color:#a0bacb;} #main .footer li {margin-right:5px; font-size:.9em; letter-spacing:1px; display:inline;} #main .footer li a img {border: none; outline:none; vertical-align: middle; background-color:#E3F4FC;} #main .footer a:link, #main .footer a:visited {border:0; color:#a0bacb; border-bottom:none;} #main .footer a:hover {color:#d92e6b; border-bottom:none;} /* =Headings + Paragraphs ------------------------------------------------------------------*/ h1 {position:absolute; left:0; top: -300px;} h2, h3, h4 {font-family: "Century Gothic","Futura","Trebuchet MS",Arial,Helvetica,sans-serif;} h2, h3 {letter-spacing:.1em; text-transform:uppercase; color:#7cbb00;} h2 {font-size:1.3em; margin:1em 0;} h3 {font-size:1.2em; margin: .9em 0;} h4 {font-size: 1.3em; margin: .8em 0; font-weight: normal; color:#3897ce;} h5 {font-size: .8em; margin: .7em 0;} #main h2 {font-size:1em; letter-spacing:.2em; margin-bottom:0;} #main h2 a:link, #main h2 a:visited {border-bottom:none; color: #7cbb00;} #main h2 a:hover, .content h2 a:focus {border-bottom:none; color:#d92e6b;} #main h3 a, #main h3 a:link, #main h3 a:visited {border-bottom:none; color:#0492e4;} #main h3 a:hover, #main h3 a:focus {border-bottom:none; color:#d92e6b;} h3.contentTitle {margin:0.5em 0; padding-bottom: 0.3em; font-size:1.8em; font-weight:normal; letter-spacing:-1px; text-transform:none; color: #D92E6B; position:relative; line-height: 124%; background:url(/images/dottedline.gif) repeat-x left bottom;} h3.contentTitle span {padding-top: 0.1em; display: block; font-size: 60%; line-height: 130%;} h3.contentTitle span a:link, .content h3 span a:visited {color:#0492e4;} h3.contentTitle span a:hover, .content h3 span a:focus {color:#d92e6b;} #sidebar h2 {font-size:1.15em; letter-spacing:.1em;} #sidebar .thumbs h2 {font-size:1.3em;} #sidebar h4 {margin:5px 0 0 0;} #sidebar h2, #sidebar h3 {margin-bottom:.5em;} .utility h2 {margin:0; padding:3px 0 5px 10px; color:#fff; font-weight:normal; background: #33A8ED url(/images/admin-title-matrix.gif) no-repeat; text-transform:none; border-bottom: 3px solid #D9E6E7;} .utility h3 {margin: 1em 0; color:#3897ce;} .utility h4 {margin: 1.2em 0 .6em;} .utility #main p {margin-bottom: .8em;} #secondary h2 {margin:0; padding:3px 0 5px 10px; color:#fff; font-weight:normal; background: #33A8ED url(/images/admin-title-matrix.gif) no-repeat -600px 0; text-transform:none;} #secondary h3 {margin-top: 0.3em; margin-bottom: 0.4em; padding-left: 10px;} #secondary p {margin: 0 8px 0.8em 10px;} h3.flag {margin:.3em 0 .3em 0; padding:0 0 1px 15px; font-size:1.1em; color:#3897ce; text-transform:none; background:url(/images/title-flag.gif) no-repeat left bottom;} h3.small {font-size:1.1em; margin:0; text-transform:none;} p.crumb {padding:1em 0 1em 25px; font-size: 96%;} .crumb strong {color:#7cbb00;} p.warn {padding:6px 8px 8px 28px; background:#e2f7b8 url(/images/icon-warn-yellow.png) no-repeat 8px 10px; color:#6b90a9;} p.instruction {padding:6px 10px 8px; color:#6b90a9; background: #e2f7b8;} #bio-opts {width: 380px; margin: 1em auto 0; padding-bottom: 6px; line-height: 1em; text-align:center; font-size: 86%; color:#7396ad; background: url(/images/mod-bio.gif) no-repeat -380px bottom;} #bio-opts span {padding: 5px 3px 0; display:block; background: #F4FCFE url(/images/mod-bio.gif) no-repeat 0 0;} #main #bio-opts a:link, #main #bio-opts a:visited {color:#7396ad; border-bottom:none;} #main #bio-opts a:hover {color:#d92e6b; border-bottom:none;} /* Text links ------------------------------------------------------------------*/ #main a:link, #threecol a:link {color:#d92e6b; text-decoration:none; border-bottom:1px dotted #d92e6b;} #main a:visited, #threecol a:visited {color:#d92e6b; text-decoration:none; border-bottom: 1px dotted #ff93c6;} #main a:hover, #main a:focus, #main a:active, #threecol a:hover, #threecol a:focus, #threecol a:active {border-bottom:1px solid #d92e6b;} .crumb a:link, .crumb a:visited {color:#6b90a9; text-decoration:none;} .crumb a:hover, .crumb a:focus {color:#D92E6B;} a.arrow {padding-right:12px; background:#fef1f7 url(/images/arrow-upright.gif) no-repeat right center;} #sidebar a.arrow, a.arrow {padding-right:12px; background-color:transparent;} .content a.arrow, .content a.arrow:hover {background-color:transparent;} a.arrow:hover {background-color:#fffef1;} #secondary a:link, #secondary a:visited {color: #6b90a9; text-decoration: none;} #secondary a:hover, #secondary a:focus {color:#d92e6b; border-bottom:none;} #secondary p a:link, #secondary p a:visited {border-bottom:none; color: #d92e6b; text-decoration: none;} #secondary p a:hover, #secondary p a:focus {border-bottom:none; color: #80A2AB; text-decoration: none;} /* =Text ------------------------------------------------------------------*/ .content p {margin-bottom:1em;} .line {margin-bottom:1em; padding-bottom:.8em; background:url(/images/dottedline.gif) repeat-x left bottom;} .small {font-size:80%;} /* =Images ------------------------------------------------------------------*/ /*-- .content img {margin: 10px 10px 5px 0; padding:1px; border:5px solid #cae8fe; background:#fff; float:left;} -- i want to remove this */ .content img.left {margin: 6px 10px 5px 0; padding:1px; border:5px solid #cae8fe; background:#fff; float:left;} .content img.right {margin: 6px 0 5px 10px; padding:1px; border:5px solid #cae8fe; background:#fff; float:right;} .col img, .col-last img, .thumbs img {padding:1px; border:3px solid #dcf0ff; background:#fff; float:left;} .col img, .col-last img {margin: 0 10px 5px 0;} .thumbs img {margin: 0 12px 15px 0;} .thumbs img.last {margin: 0 0 15px 0;} .col-last img.noborder, .col img.noborder {padding:0; margin:0; border:none; float:none; margin-bottom:-1px;} .enterWin img, .enterWin a, .enterWin a:link, .enterWin a:visited, .maincontent .enterWin img, .maincontent .enterWin a, #main .enterWin a:link, #main .enterWin a:visited {border:none;} .enterWin {padding-top:.5em;} .takeAction img, .takeAction a, .takeAction a:link, .takeAction a:visited, #main .takeAction a:link, #main .takeAction a:visited {border:none;} .takeAction {margin: 1em 0;} a.highlightit img {border:3px solid #dcf0ff;} a.highlightit:hover img {border: 3px solid #f4317d;} a.highlightit:hover {color: #f4317d;} /* =Lists ------------------------------------------------------------------*/ ul.checkmarks, ul.suitcases, ul.line, ul.notebook { background:url(/images/dottedline.gif) repeat-x left bottom; padding-bottom:1px; margin-bottom:1em;} #main ul.checkmarks li a:link, #main ul.checkmarks li a:visited { background:url(/images/bullet-checkmark.gif) no-repeat; padding:.5em 0 .5em 18px; display:block; border-bottom:none; color:#7396ad;} #main ul.checkmarks li a:hover, #main ul.checkmarks li a:focus { background:url(/images/bullet-checkmark.gif) no-repeat 0 -200px; display:block; border-bottom:none; color:#d92e6b;} #main ul.notebook li a:link, #main ul.notebook li a:visited { background:url(/images/bullet-notebook.gif) no-repeat; padding:.5em 0 .5em 18px; display:block; border-bottom:none; color:#7396ad;} #main ul.notebook li a:hover, #main ul.notebook li a:focus { background:url(/images/bullet-notebook.gif) no-repeat 0 -200px; display:block; border-bottom:none; color:#d92e6b; } #sidebar ul.notebook li a:link, #sidebar ul.notebook li a:visited, #sidebar ul.checkmarks li a:link, #sidebar ul.checkmarks li a:visited { background:url(/images/bullet-notebook2.gif) no-repeat; padding:.5em 0 .5em 18px; display:block; border-bottom:none; color:#7396ad; } #sidebar ul.notebook li a:hover, #sidebar ul.notebook li a:focus, #sidebar ul.checkmarks li a:hover, #sidebar ul.checkmarks li a:focus { background:url(/images/bullet-notebook2.gif) no-repeat 0 -200px; display:block; border-bottom:none; color:#d92e6b; } /* review at later date with content */ ul.suitcases li a:link, ul.suitcases li a:visited { background:url(/images/bullet-suitcase.gif) no-repeat; padding:.5em 0 .5em 18px; display:block; border-bottom:none; color:#7396ad; } ul.suitcases li a:hover, ul.suitcases li a:focus { background:url(/images/bullet-suitcase.gif) no-repeat 0 -200px; display:block; border-bottom:none; color:#d92e6b; } #threecol ul.suitcases li a:link, #threecol ul.suitcases li a:visited { background:url(/images/bullet-suitcase.gif) no-repeat; padding:.5em 0 .5em 18px; display:block; border-bottom:none; color:#7396ad; } #threecol ul.suitcases li a:hover, #threecol ul.suitcases li a:focus { background:url(/images/bullet-suitcase.gif) no-repeat 0 -200px; display:block; border-bottom:none; color:#d92e6b; } ul.line li a:link, ul.line li a:visited { background:url(/images/dottedline.gif) repeat-x; padding:.8em 0 .8em 0; display:block; border-bottom:none; color:#7396ad; } #threecol ul.line li a:hover, #threecol ul.line li a:focus { background-color:#fffef1; display:block; border-bottom:none; color:#d92e6b; } ul.popular {margin:-1em 0 1em 0;} ul.popular li {padding:9px 0 0 15px; background: url(/images/bullet-popular.gif) no-repeat 0 6px;} ul.qlinks1, ul.qlinks2 { float:left; width:112px; display:block; padding-bottom:15px; } ul.qlinks1 li, ul.qlinks2 li { padding:0 0 0 12px; background: url(/images/arrow-upright.gif) no-repeat 0 6px; } ul.bullet-blue li, ul.bullet-blue li { padding:0 8px 0.8em 26px; background:url(/images/bullet-blue-8.gif) no-repeat 10px 6px; display:block; border-bottom:none; color:#6b90a9; } ul.bullet-blue li a:link, ul.bullet-blue li a:visited { background:url(/images/bullet-blue-8.gif) no-repeat; padding:0.8em 0 0.8em 16px; display:block; border-bottom:none; color:#6b90a9;} ul.bullet-blue li a:link, ul.bullet-blue li a:visited {display:block; border-bottom:none; color:#d92e6b;} ul.utilitylinks li {display:inline; font-weight:bold; margin-right:20px;} #main ul.utilitylinks li a:link, #main ul.utilitylinks li a:visited { color:#d92e6b; border-bottom:none;} #sidebar ul.connect {margin-bottom: 0.8em; padding-left: 10px;} #sidebar ul.connect li a:link, #sidebar ul.connect li a:visited {margin: 0 8px 0.3em 0; border-bottom:none; display:block;} #sidebar ul.connect li a:hover, #sidebar ul.connect li a:focus {margin: 0 8px 0.3em 0; color:#0492e4;} ul.menu {margin-bottom: 0.8em; padding-left: 20px; display:none;} ul.menu li a:link, ul.menu li a:visited {margin: 0 8px 0.3em 0;} ul.menu li a:hover, ul.menu li a:focus {margin: 0 8px 0.3em 0;} #entries {margin-bottom: 1em;} #entries h3 a:link, #entries h3 a:visited {color:#d92e6b; border:none;} #entries h3 a:hover, #entries h3 a:focus {color:#3897ce;} #entries h3 span {display: block; font-size: 76%; padding-left: 12px; background: url(/images/bullet-add-xsm-pink.gif) no-repeat 0 50%;} #entries ul {margin: 0 0 1em 14px;} #entries ul li {margin: 0 8px 0 0;} #entries ul li a:link, #entries ul li a:visited {color:#3897ce; border:none;} #entries ul li a:hover, #entries ul li a:focus {color:#d92e6b;} #entries ul li.current {padding-left: 12px; background: url(/images/bullet-blue-xsm.gif) no-repeat 0 6px;} #entries ul li.view {margin-top: .4em; padding-left: 20px; color:#d92e6b;} #entries ul li.view a {color:#d92e6b;} ul#bio {margin-bottom: .8em; float:left; clear: both;} ul#bio em {font-style: normal; color:#3897ce;} ul#bio #mb-avatar {margin-right: 20px; float:right;} ul#bio #mb-user {font-size: 120%; font-weight: normal; color:#3897ce;} li.item {margin:0; padding:5px; } li.current {background-color: #FFFFEE;} /* =Clouds ------------------------------------------------------------------*/ .rainCloud {width:160px; height:70px; padding:10px 10px 30px; background:url(/images/callout-up.gif) no-repeat; position:absolute; top:0px; left:0px; color:#1290c9;} .rainCloud cite {font-size:10px; font-weight:normal; color:#9E9E9E; display: block;} .rainCloud cite a {color:#d92e6b;text-decoration:none; line-height:.8em; display:block;} .rainCloud em {margin-top:5px; font-size:10px; color:#666; font-style: normal; display: block;} /* =tags ------------------------------------------------------------------*/ ul#topics { margin: 0 0 0.8em; padding: 0; background: transparent; list-style: none; float: left;} ul#topics li { display: block; float: left; *height: 30px; _height: 30px; _overflow: hidden; padding: 0; margin: 0 6px 0 0; } ul#topics li a:link, ul#topics li a:visited { font: 12px/28px "Trebuchet MS", "Tahoma", sans-serif; color: #7396ad; margin:0; padding: 4px 5px; text-decoration: none; border-style: none;} ul#topics li a:hover { color: #d92e6b; text-decoration: none; border-style: none; background: #ffc5ea;} ul#topics li.warmtopic a:link, ul#topics li.warmtopic a:visited { *font-size: 12px; _font-size: 12px; font-size: 14px;} ul#topics li.hottopic a:link, ul#topics li.hottopic a:visited { color: #1290c9; *font-size: 14px; _font-size: 14px; font-size: 16px; font-weight: bold; background: url(/images/bullet-topics-on.gif) no-repeat 5px 51%; padding-left: 22px;} ul#topics li.hottopic a:hover { color: #d92e6b; *font-size: 14px; _font-size: 14px; font-size: 16px; font-weight: bold; background: #ffc5ea url(/images/bullet-topics.gif) no-repeat 5px 51%; padding-left: 22px;} /* new tags from solstice */ ul#topics li.tag1 a:link, ul#topics li.tag1 a:visited { *font-size: 10px; _font-size: 10px; font-size: 12px;} ul#topics li.tag2 a:link, ul#topics li.tag2 a:visited { *font-size: 11px; _font-size: 11px; font-size: 13px;} ul#topics li.tag3 a:link, ul#topics li.tag3 a:visited { *font-size: 12px; _font-size: 12px; font-size: 14px;} ul#topics li.tag4 a:link, ul#topics li.tag4 a:visited { *font-size: 13px; _font-size: 13px; font-size: 15px;} ul#topics li.tag5 a:link, ul#topics li.tag5 a:visited { color: #1290c9; *font-size: 14px; _font-size: 14px; font-size: 16px; font-weight: bold; background: url(/images/bullet-topics.gif) no-repeat -83px 50%; padding-left: 22px;} ul#topics li.tag5 a:hover { color: #d92e6b; *font-size: 14px; _font-size: 14px; font-size: 16px; font-weight: bold; background: #ffc5ea url(/images/bullet-topics.gif) no-repeat 5px 50%; padding-left: 22px;} /* Comment form ------------------------------------------------------------------*/ #comment-form-area {margin: 1.75em 0 0; font-size: 106%; background: #d8ebf4 url(/images/comment-corner.gif) no-repeat left bottom;} #comment-area #comment-form-area h3, h3.c-header {margin: 0 0 4px; padding: 10px 0 5px; background: #E4F5FC; font-size: 1.2em; font-weight: normal; color: #7cbb00;} #comment-area #comment-form-area h3 em, h3.c-header em {color: #2C9CCE; font-style: normal; font-size: 74%;} #comment-form-area #comment_form { padding: 6px 16px; } .user-info { width:360px; float:left; } #comment_form p {margin-bottom:14px;} #comment_form strong {color:#CE0048; font-size:0.94em; font-weight:normal;} #comment_form em {color:#5f7070; font-style:normal; font-size:.8em;} #comment_form .bg {width:330px; padding:3px 3px 4px 7px; background-color:#E3F4FC;} #comment_form .rateit {width: 90px; height: 20px; display: block; background: url(/images/icon-stars-big.gif) no-repeat left bottom;} .submitarea {margin: 0 0 10px 12px; clear:both;} .allowed {width:260px; padding-top:20px; float:left;} .user-info h4,.allowed h4 {padding-left: 12px; font-size: 100%; font-weight: normal; color: #1290c9;} .allowed p {margin:0 0 5px 12px; padding:0 0 10px; background:url(/images/dottedline.gif) repeat-x left bottom;} .preview {padding:15px 5px 15px 15px; clear:both;} .preview p {color:#9cc57f;} .preview h4 {margin-bottom:15px; font:normal .94em "Trebuchet MS",Arial,Helvetica,sans-serif; letter-spacing:2px;} #c-list {margin: 0; padding: 0;} #c-list li {margin-bottom: 1.1em; padding-top: 8px; clear: both;} #c-list li p {margin: 0 0 .8em .6em; padding: 0 12px;} #c-list .c-even {background: #D8EBF4;} #c-list .c-odd {background: #F4FCFE;} #c-list .c-tripster {/*background: #EAF7D0;*/background:#ffc5ea; color:#d92e6b;} #c-list .c-even .c-posted {margin: 0; padding: 8px 6px 6px 70px; background: #E3F4FC url(/images/comment-tail-blue.gif) no-repeat; position:relative;} #c-list .c-odd .c-posted {margin: 0; padding: 8px 6px 6px 70px; background: #E3F4FC url(/images/comment-tail-white.gif) no-repeat; position:relative;} #c-list .c-tripster .c-posted {margin: 0; padding: 8px 6px 6px 70px; position:relative; background:#E3F4FC url(/images/comment-tail-pink.gif) no-repeat;} #c-list small {padding-left:62px; background:url(/images/icon-stars.gif) no-repeat right center;} .content #c-list li p.c-posted img {margin-top: 0; padding: 0; border:none;} #c-list cite {float: left; margin: 0 15px 0 0;} #c-list span {width:51px; height:8px; float: left; display:block; margin:5px 0 0 0; background: url(http://tripsterstatic.com/images/sprites_stars.gif) no-repeat;} #c-list span.r_count-0 {background-position: 0 -8px;} #c-list span.r_count-1 {background-position: -42px 0;} #c-list span.r_count-2 {background-position: -32px 0;} #c-list span.r_count-3 {background-position: -21px 0;} #c-list span.r_count-4 {background-position: -10px 0;} #c-list span.r_count-5 {background-position: 0 0;} #c-list em {position:absolute; right: 10px; top: 8px;} #c-list em a {display: block; width: 15px; height: 15px; background:url(/images/icon-warn.gif) no-repeat 0px 60%; text-indent: -9999px;} #c-list em a:link, #c-list em a:hover {border: none;} /* =Ratings ------------------------------------------------------------------*/ .rated {width:81px; height:13px; float: left; display:block; margin:5px 0 0 0; background-image: url(http://tripsterstatic.com/images/sprites_stars.gif); background-color: transparent;} .rated .r_count-0 {background-position: 0 -8px;} .rated .r_count-1 {background-position: -42px 0;} .rated .r_count-2 {background-position: -32px 0;} .rated .r_count-3 {background-position: -21px 0;} .rated .r_count-4 {background-position: -10px 0;} .rated .r_count-5 {background-position: 0 0;} .ranking {width: 80px; margin: 20px 10px 0 0; padding-top: 12px; text-align: center; background: url(/images/icon-stars-big.gif) no-repeat; float: right;} .ranking span {color:#d92e6b; font-family: "Century Gothic","Futura","Trebuchet MS",Arial,Helvetica,sans-serif;} a.star img {margin: 0 3px 0 0; padding: 0; background: none; border: none;} .rating {margin: 12px 8px 0 0; padding: 0; text-align: center; float: right;} .rating img, .rating-large img {margin: 0 3px 0 0; padding: 0; border: none; background: none; width: 13px; height: 13px;} .rating div {color:#d92e6b; font-family: "Century Gothic","Futura","Trebuchet MS",Arial,Helvetica,sans-serif; clear: both;} /* =Weather ------------------------------------------------------------------*/ .weather {padding:4px 0 0 0; background:#f5fcec url(/images/weatherbox-top.gif) no-repeat;} .weatherbox h4 {margin-left:8px; clear:both;} .weather div {padding:0 0 8px 10px; background:#f5fcec url(/images/weatherbox-bottom.gif) no-repeat left bottom;} .weather p {padding:0 0 2px 0;} .weather p span {width:40px; padding:0 10px 0 0; display:block; float:left;} .weather-H {font-weight: bold; color: #D92E6B;} .weather-C {font-weight: bold; color: #0492e4;} /* =Tables ------------------------------------------------------------------*/ .options {width:100%;} #main .options a:link, #main .options a:visited {color: #6b90a9; border: none;} #main .options a:hover, #main .options a:focus {color:#d92e6b; border: none;} .options td {padding:10px 8px 10px 0; background: url(/images/dottedline.gif) repeat-x left bottom;} .options td.stcel, .options td.stcel-last {/* width:30%; - removed and set in templates - */ text-align:right;} .options td.stbcel {width: 30%; padding:10px 8px 2px 0; text-align: right; background: none;} .options td.ndbcel {padding: 10px 8px 2px 0; background: none;} .options td.inscel {padding:0px 8px 10px 0; font-size: 92%;} .options td.loading {background: transparent url(/images/icons/spinner.gif) no-repeat 12px 0;} .options td.stcel-last, .options td.ndcel-last {background: none;} .options .txt {width: 250px; background-color: #f7fcfa; border: 1px solid #9cbc45; color: #666;} .options .description {width: 400px; background-color: #f7fcfa; border: 1px solid #9cbc45; color: #666;} .options .btn {margin-right: 10px;} .buttonMode {font-size: 10px;white-space: nowrap;} .formattingButtons table {padding-right: 16px;} .formattingButtons table td {padding: 0; ;background: none;} .htmlButtonOuter, .htmlButtonOuterL {border-left: 0; font-size: 11px;} .htmlButtonOuterL {padding-left: 16px; padding-right: 0;} .htmlButtonInner {padding: 0 5px; text-align: center; border-left: 1px solid #eaeaea; border-top: 1px solid #eaeaea; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; background-color: #d8d8d8;} .htmlButtonOff {font-weight: bold; white-space: nowrap;} #main .htmlButtonOff a:link, #main .htmlButtonOff a:visited {padding: 2px 5px; color: #666; text-decoration: none; white-space: nowrap; line-height: 20px;} #main .htmlButtonOff a:active {} #main .htmlButtonOff a:hover {text-decoration: none; color: #999;} .htmlButtonOn {font-weight: bold; white-space: nowrap;} #main .htmlButtonOn a:link, #main .htmlButtonOn a:visited {color: #900; text-decoration: none;line-height: 17px;} #main .htmlButtonOn a:active {text-decoration: none; color: #999;} #main .htmlButtonOn a:hover {text-decoration: none; color: #999;} .spellcheck, .textCounter {padding-top: 5px; font-size: 11px; color: #666;} #main .spellcheck a:link, #main .spellcheck a:visited { color: #f00; font-weight: bold;} /* =Destinations ------------------------------------------------------------------*/ #map {margin-bottom: .5em; padding-bottom: 6px; background: url(/images/dottedline.gif) repeat-x left bottom;} #map span {width: 100%; height: 270px; display: block; background: url(/images/map-example.gif) no-repeat;} #destinations h4 {margin-bottom: .2em;} div#destinations h4 a:link, div#destinations h4 a:visited {color:#0492e4; border:none;} div#destinations h4 a:hover {color: #D92E6B;} #destinations div.dListing {font-size: 96%; color:#6b90a9;} #destinations a:link, #destinations a:visited {border:none;} #destinations a:hover {color:#0492e4;} td#locations ul {} td#locations ul li {padding-left: 20px; background: transparent url(/images/icons/flag_green.png) 0 0 no-repeat;} td#locations ul li a.remove {margin-left: 15px; padding-left: 15px; font-size: 80%; background: transparent url(/images/icons/bullet_delete.png) 0 -2px no-repeat;} /* =Journal Listings ------------------------------------------------------------------*/ div.journalListing { margin-bottom: .8em;} div.journalListing div {margin-top: 2em; clear: both;} div.journalListing div.first {margin-top: 0;} div.journalListing div h4 {margin:0; padding: 1em 0px 0.5em 0; background: url(http://tripsterstatic.com/images/dottedline.gif) repeat-x left bottom;} div.journalListing div h4 span {font-size: 76%; font-weight: normal;} div.journalListing div h4 span.edit a:link, div.journalListing div h4 span.edit a:visited {margin-left: 10px; padding-left: 12px; background: url(http://tripsterstatic.com/images/icon-pencil.gif) no-repeat 0 50%;} div.journalListing div h4 span.add a:link, div.journalListing div h4 span.add a:visited {padding-left: 12px; background: url(http://tripsterstatic.com/images/icon-plus.gif) no-repeat 0 50%;} div.journalListing div h4 span.comment {height: 14px; width: 14px; display: block; float: right; background: url(http://tripsterstatic.com/images/icon-comment.gif) no-repeat center center;} div.journalListing div ul.jListing {margin: 0; padding-bottom: .8em;} div.journalListing div ul.jListing li {padding: 0.3em; font-size:1em; background: url(http://tripsterstatic.com/images/dottedline.gif) repeat-x left bottom; width: 100%; float:left; clear: both;} div.journalListing div ul.jListing li:hover { background-color: #F4FCFE; } #main div.journalListing div a:link, #main div.journalListing div a:visited {border: none;} div.journalListing div ul.jListing li a:hover {color:#e45a49;} div.journalListing div ul.jListing li span {float:left;} div.journalListing div ul.jListing li p { clear:both; margin:0; padding: 0; } div.journalListing div ul.jListing li span.entry {float:left;} div.journalListing div ul.jListing li span.entry em {padding-left: 6px; font-style: normal; font-size: 84%;} div.journalListing div ul.jListing li span.comments {float:right; padding-right: 0.3em; font-size: 86%;} div.journalListing div ul.jListing li span.comments em {display:none;} div.journalListing div ul.jListing li span.edit {float:right; padding-right: 0.3em;} div.journalListing div ul.jListing li span.edit a:link, div.journalListing div ul.jListing li span.edit a:visited {padding-left: 12px; font-size: 86%; background: url(http://tripsterstatic.com/images/icon-pencil.gif) no-repeat 0 50%;} div.journalListing div p {padding: 0.6em 0 0 0.6em; clear:both;} div.journalListing div p.add a:link, div.journalListing div p.add a:visited {padding-left: 12px; font-size: 86%; background: url(http://tripsterstatic.com/images/icon-plus.gif) no-repeat 0 50%;}