/* ===== RESET DEFAULT BROWSER STYLES ===== */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } /* remember to define focus styles! */ :focus { outline: 0; } body { line-height: 1.3em; color: black; background: white; background-image:url(../images/wallpaper.gif); } ol, ul { list-style: none; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } select, textarea, input { font-family:Arial, Helvetica, sans-serif; font-size:12px; } textarea, input, .button { border: solid 1px #F7D996; padding: 2px; margin:0;} .button { text-decoration:none; background-color:#075E7A;color:#FFBD37; font-weight:bold; cursor:pointer; padding: 3px; text-align:center;} .button:hover { color:#FFBD37; background-color:#C73317;} /* ===== END OF: RESET DEFAULT BROWSER STYLES ===== */ body { font-family:Arial, Helvetica, sans-serif; font-size:12px; background-color:#FFF1D6; color:#075E7A; color:#4F4A14; background-image:url(../graphics/3_col_bg.gif); background-repeat:repeat-y;line-height:1.5em; } body.nofrills { background-color: #FFF1D6; background-image:none; padding: 15px; margin:0; } body.nofrills img { margin-bottom:15px; } a { color:#C73317; } body.mceContentBody a { color:#C73317 !important; } p, blockquote { margin-bottom:0.7em; } blockquote { padding:0 30px; } h3 { margin-bottom:0.5em; color:#C73317; color:#075E7A; } h4, h5, h6 { margin-bottom:0.3em; color:#C73317; color:#075E7A; font-weight:bold; } img {/*margin-bottom:-5px;*/ line-height:1;} h3 { font-size:20px; font-weight:bold; line-height:1.1; } h4 { font-size:16px; font-weight:bold; } h5 { font-size:14px; font-weight:bold; } h6 { font-size:12px; font-weight:bold;} label { background-color:#7b5f38; /* color:#FFF1D6;*/ background-color:#F7D996; color:#7b5f38; font-size:11px; text-transform:none; padding:1px 2px; } hr { height:1px; background-color: none; border-color:#C39C6E; border-width:3px 0 0 0; border-style: double; margin: 0 0 0.7em 0; padding:0; clear:both; } #header { padding:0px; background-color:#F8EF90; height:123px; position:relative; } #header #site_search { position:absolute; left:570px; top:10px; font-size:11px; } #header #login { position:absolute; left:570px; top:40px; font-size:11px; } #header img { position:absolute; } #header h1 { position:absolute; left:109px; top:29px; width:268px; height:75px; padding:0; margin:0; font-size:30px; font-weight:normal; } #header h1 a { display:block; text-indent:-999px; width:100%; height:100%; } #header #site_search { position: absolute; z-index: 300; top: 10px; width: 330px; left: 540px; } #header #site_search h4 { display: inline; color: #75592D; font-size: 12px; /* background-image:url(../graphics/small_titles/search.gif); */ } #header #site_search input.textbox { border-color:#203B66; border-color:#75592D; width:150px; color:#203B66; background-color: #F7F2CA; border-bottom-color: #CEBF8A; border-right-color: #CEBF8A; border-top-color: #A88042; border-left-color: #A88042; } #header #site_search input.button { padding:0; border:1px solid #83AEBC; margin:-2px 0 0 5px;} #header #site_search input.button:hover { border-color:white;} #header #my_zavkhan { position: absolute; z-index: 300; top: 50px; width: 300px; left: 550px; padding-top: 10px;; } #header #my_zavkhan li { float:left; margin : 0 10px 0 6px; background: url(../graphics/arrow_red.gif) left center no-repeat; padding-left: 14px; } #header #my_zavkhan a { text-decoration: none; } #header #my_zavkhan a:hover { text-decoration: underline; } #header #my_zavkhan h4 { text-indent: -999px; } #nav { padding:0 10px; border-top-width: 5px; border-top-style: solid; border-top-color: #C73317; background-color:#FFBD37; overflow:hidden; background-image:url(../graphics/1px_F7D996.gif); background-repeat:repeat-x; zoom:1; } #nav li { float:left; border-bottom-style:solid; border-bottom-width: 1px; border-bottom-color:#FFBD37; border-right-style:solid; border-right-width: 1px; border-right-color:#FFBD37; margin-right:14px; margin-right:24px; } #nav li a { display:block; color: #C73317; font-weight:bold; text-decoration:none; padding:7px 8px; } #nav li a:hover { background-color: #F7D996; color:#075E7A; } #nav li.selected { border-bottom-color:#F7D996;border-right-color:#F7D996; } #nav li.selected a { background-color: #C73317; color:white; } #section { padding-top:30px; background-color:#075E7A; background-image:url(../graphics/nav_edge_on_blue.gif); background-repeat:repeat-x; overflow:hidden; color:white; height:80px; width:100%;} #section h2 { width:182px; height:72px; color:white; padding:10px; margin:-18px 13px 5px 0; font-weight:bold; text-transform:uppercase; font-size:14px; background-position: right bottom; background-repeat:no-repeat; float:left; } #section h2 span { left:-3000px; position:absolute; } #section #section_pics { border-left:dashed 1px #83aebc; border-right:dashed 1px #83aebc; float:left; height:70px; padding:6px 11px 11px 14px; margin-top:-15px; width:470px;} #section #site_search { float:left; width:225px; display:inline; height:70px; margin-left:15px;} #section h4 { background-repeat:no-repeat; text-indent:-9999px; margin:29px 0 7px 0; margin-bottom:7px; line-height:1em; height:13px;} #section #site_search h4 { background-image:url(../graphics/small_titles/search.gif); } #section #site_search input.textbox { border-color:#203B66; width:150px; color:#203B66;} #section #site_search input.button { padding:0; border:1px solid #83AEBC; margin:-1px 0 0 5px;} #section #site_search input.button:hover { border-color:white;} /*===== section nav ===== */ #section #section_nav { border-left:dashed 1px #83aebc; float:left; height:20px; padding:6px 11px 11px 14px; margin-top:-15px; width:470px; padding-top: 56px; padding-left: 20px; font-size: 1.2em} #section #section_nav li {float:left; margin-right:30px;} #section #section_nav li a { font-weight: bold; text-decoration: none; background-position: left center; background-repeat: no-repeat; padding-left: 20px; color: #FFBD37; background-image: url(../graphics/arrow_yellow.gif); } #section #section_nav li a:hover, #section #section_nav li.selected a { color: white; background-image: url(../graphics/arrow_white.gif);} /*===== section titles ===== */ body.faqs #section h2 { background-image:url(../graphics/section_titles/faqs.gif); } body.recommendations #section h2 { background-image:url(../graphics/section_titles/recommendations.gif); } body.about_us #section h2 { background-image:url(../graphics/section_titles/about_us.gif); } body.past_trips #section h2 { background-image:url(../graphics/section_titles/past_trips.gif); } body.planning #section h2 { background-image:url(../graphics/section_titles/planning.gif); } body.mailing_list #section h2 { background-image:url(../graphics/section_titles/mailing_list.gif); } body.contact_us #section h2 { background-image:url(../graphics/section_titles/contact_us.gif); } body.upcoming_trips #section h2 { background-image:url(../graphics/section_titles/2012_trips.gif); } body.photos #section h2 { background-image:url(../graphics/section_titles/photos.gif); } body.search #section h2 { background-image:url(../graphics/section_titles/search_results.gif); } body.forums #section h2 { background-image:url(../graphics/section_titles/discussion_forum.gif); } body.my_zavkhan #section h2 { background-image:url(../graphics/section_titles/my_zavkhan.gif); } #content { background-image:url(../graphics/section_edge_on_beige.gif); background-repeat:repeat-x; padding-top:20px; } #container { width:967px; zoom:1; overflow:hidden; } #left_col { float:left; display:inline; width:185px; margin-right:1px; padding:5px 15px 10px 15px; } #sub_nav { border-top: solid 1px #FFBD37; font-size:11px;} #sub_nav li { border-bottom: solid 1px #FFBD37; padding:1px 0;} #sub_nav li a { padding:4px 5px 4px 20px; display:block; color:#C73317; text-decoration:none; background-image:url(../graphics/arrow_red.gif); background-position:4px 9px; background-repeat:no-repeat; width:160px; } #sub_nav li a:hover { color:#C73317; text-decoration:none; background-color:#F7D996;} #sub_nav li.selected a, #sub_nav li.selected a:hover { background-color:#C73317; text-decoration:none; color: #FFF1D6; background-image:url(../graphics/arrow_beige.gif)} #main_col { float:left; display:inline; width:465px; padding:5px 15px 10px 15px; min-height: 300px } #right_col { float:left; display:inline; width:225px; margin-left:1px; padding:5px 15px 10px 15px; zoom:1; } #footer { overflow:hidden; zoom:1; margin-top:20px; background-image: url(../graphics/pattern_border_grad.gif); background-repeat:repeat-x; padding: 53px 30px 0 30px; background-color:#FFF1D6; border-top: 10px solid #FFF1D6; } #footer ul li { padding-left:16px; background-image:url(../graphics/arrow_red.gif); background-position:0px 5px; background-repeat:no-repeat; margin-bottom:5px; } #footer div { float:left; margin: 0 25px 30px 25px; /*width:250px;*/ overflow:hidden; zoom:1; } #footer p#contact { clear:both; width:907px; padding:15px; text-align:center; font-size:14px; border-top: 1px solid #e5cf85; border-bottom: 1px solid #e5cf85; } #footer p#smallprint { clear:both; width:907px; padding:10px; margin:0 30px; text-align:center; font-size:11px; color:#908c61; } #footer p#smallprint a { color:#908c61; } #footer p#smallprint a:hover { color:#C73317; } /*===== photos and captions ===== */ .photo { background-color:#FFBD37; color:#075E7A; width:250px; background-image:url(../graphics/photo_bg.gif); background-position:right; background-repeat:repeat-y; } .photo .caption { padding:0.4em 0.4em 20px 0.4em; background-image:url(../graphics/photo_edge.gif); background-repeat:no-repeat; background-position:-380px bottom; } /*===== photos section ===== */ body.photos #thumbnails { width:477px; margin-left:-12px; overflow:hidden; } body.photos #thumbnails a { float:left; display:inline; width:105px; margin-left:12px; margin-bottom:12px; overflow:hidden; border:solid #FFBD37 1px;} body.photos #thumbnails a:hover { border:solid #C73317 1px;} body.photos img.fullsize { margin-bottom:15px; } body.photos select#trip_filter { width:215px; } /*======= contact us ============*/ body.contact_us input.string, body.contact_us textarea { width:459px; } /*======== subnav_large ==========*/ .subnav_large li h5 { padding-left:16px; background-image:url(../graphics/arrow_red.gif); background-position:0px 5px; background-repeat:no-repeat; } .subnav_large li { margin-bottom:15px; } /*===== FAQs section ===== */ body.faqs .description { padding-bottom:0.7em; } body.faqs .question { padding-bottom:0.3em; } body.faqs .question, body.faqs .description { margin: 0 0 10px 0; overflow:hidden; zoom:1; border-bottom:double #C39C6E 3px; } /*===== Recommendations section ===== */ body.recommendations .recommendation { border-bottom:double #C39C6E 3px; margin-bottom:10px; } /*===== Recommendations notepad ===== */ #right_col .recommendation { width:225px; font-size:11px; line-height:18px; background-image:url(../graphics/notepad/line.gif); background-repeat:repeat-y; background-position:0px 58px; color:black; margin-bottom:15px; position:relative; } #right_col .recommendation .top { background-image:url(../graphics/notepad/top.gif); background-repeat:no-repeat; zoom:1; } #right_col .recommendation .bottom { padding: 59px 10px 0 15px; background-image:url(../graphics/notepad/bottom.gif); background-repeat:no-repeat; background-position:left bottom; zoom:1; } #right_col .recommendation .footer { height: 49px; width:200px; text-align:center; padding-top:40px; } #right_col .recommendation .photo { display:inline; float:right; padding: 5px; background-color:#f7f7f7; margin:-7px -5px 5px 5px; border: solid 1px #cccccc; width:75px; height:75px; background-image:none;} #right_col .recommendation p { margin:0; font-family:Georgia, "Times New Roman", Times, serif; } #right_col .recommendation p.name { color:#5D8A29; font-weight:bold; } /*===== Random photo ===== */ .random_photo_framed {background-image:url(../graphics/picture-frame-random.jpg); background-repeat:no-repeat; width:225px; height:183px; position:relative; margin-bottom:15px; } .random_photo_framed a { display:block; width: 170px; height:125px; position:absolute; top:29px; left:27px; overflow:hidden; } .photo_with_pin { position:relative; padding-top:10px; } .photo_with_pin a img { position:relative; -moz-box-shadow: -2px 2px 2px #b19d77; -webkit-box-shadow: -2px 2px 2px #b19d77; box-shadow: -2px 2px 2px #b19d77; } .photo_with_pin img.drawing_pin { position:absolute; top:5px; left:95px; } /*===== Related album ===== */ a.related_album { display:block; text-decoration:none; color:#C73317; min-height:47px; background-image:url(../graphics/camera.jpg); background-position:145px 5px; background-repeat:no-repeat; padding: 10px 75px 10px 10px; margin-bottom:15px; background-color:#F7D996; border: double 3px #FFF1D6; } a.related_album:hover { border-color:#FFBD37; } a.related_album h4 { width: 130px; color:#075E7A; font-size:14px } a.related_album p { width: 130px; margin:0; } a.related_album:hover p { text-decoration:underline; } /*===== mailing list page ===== */ body.mailing_list input.string { width:250px; } /*======== trip listing ==========*/ ul.trip_listing li { margin-bottom:15px; clear:both; border-bottom:dashed #FFBD37 1px; overflow:hidden; } ul.trip_listing a.thumb { float:left;border:double 3px #C39C6E;width:105px; margin: 0 15px 15px 0; } /*======== upcoming listing ==========*/ body.upcoming_trips#index { background-image:url(../graphics/2_col_bg.gif); } body.upcoming_trips#index #main_col { width: 720px; } ul.upcoming_trips li { background-color:#F7DCA3;border:double 3px #FFF1D6; margin-bottom:15px; clear:both; overflow:hidden; padding:10px; zoom:1; } ul.upcoming_trips a.pic { float:right; width:172px; margin: 0 0 0 15px; line-height:1; height: 72px; zoom:1; } ul.upcoming_trips img { float:right; border:solid 1px #FFF1D6; } ul.upcoming_trips p { margin:4px 0 0 0; width:235px; } body.upcoming_trips label { background-color:#977347; color:#F7D996; } ul.upcoming_trips p { width:502px; } ul.upcoming_trips a.pic { height:auto; } body.upcoming_trips label { background-color: #775533; text-transform:uppercase; margin-right:5px; font-weight:bold; } /*==========TinyMCE styles ================*/ b, strong { font-weight:bold; } i, em { font-style:italic; } body.mceContentBody ul, .rte ul { padding-left:20px; list-style-type:square;margin-bottom:0.7em; } body.mceContentBody ol, .rte ol { padding-left:20px; list-style-type:decimal;margin-bottom:0.7em; } body.mceContentBody li, .rte li { margin-bottom:0.4em; } .rte img, body.mceContentBody img { margin:0.0em 0 0.7em 0; } /* floating images, with captions */ .rte img.right, body.mceContentBody img.right, .rte div.right, body.mceContentBody div.right, .rte img.left, body.mceContentBody img.left, .rte div.left, body.mceContentBody div.left { border:solid 1px #F7D996; overflow:hidden; zoom:1; } .rte img.right, body.mceContentBody img.right, .rte div.right, body.mceContentBody div.right { float:right; margin-left:1em; } .rte img.left, body.mceContentBody img.left, .rte div.left, body.mceContentBody div.left { float:left; margin-right:1em; } .rte div.right img, body.mceContentBody div.right img, .rte div.left img, body.mceContentBody div.left img { float:none; margin:0; border:none; } .rte div.right span, body.mceContentBody div.right span, .rte div.left span, body.mceContentBody div.left span { background-color:#F7D996; padding:0.1em 0.3em; margin:0; border:solid 1px #F7D996; display:block; text-align:center; font-size:11px; line-height:1.3; } .rte table.itinerary, body.mceContentBody table.itinerary, { margin-bottom:15px; } .rte table.itinerary th, body.mceContentBody table.itinerary th { font-weight:bold; padding-right:10px; white-space: nowrap; } body.mceContentBody { background-image:none !important; padding:15px; width:465px; } /*========== Past trip ================*/ .past_trip { background-image:url(../graphics/paper_scrap_large.gif); background-repeat:no-repeat; background-position:-5px 0; width:175px; height: 220px; padding:23px; zoom:1; } .past_trip h5 { color: black; text-align:center; font-size:12px; font-family: Georgia, "Times New Roman", Times, serif; font-weight:normal; } .past_trip a.pic { width:172px; display:block; zoom:1; padding:3px; background-color:#cccccc;} .past_trip img { } .past_trip ul { line-height:1em; margin-left:-4px; margin-top:8px; width:182px; } .past_trip ul li { line-height:1em; margin-left:4px; float:left; display:inline; } .past_trip a.button { font-size:10px; text-transform:none; margin-bottom: 3px; ; line-height:1em; width: 79px; display:block; } /*========== home ================*/ body.home #section { height:300px;} body.home #section #section_pics { height:300px; width:695px; padding-right:0; padding-left:17px; border:none;} body.home #section #site_search { /* border-bottom:dashed 1px #83aebc; padding-bottom:15px; margin-bottom:15px; */ } body.home #section #intro { width:225px; float:left; margin-left:0; border-top:dashed 1px #83aebc; margin-top:15px;} body.home #section #intro a { color:white;} body.home #section #intro h4 { background-image:url(../graphics/small_titles/welcome.gif); margin-top:15px; } body.home #content { background-position: 400px 0;} body.home h2 { background-image:url(../graphics/section_titles/home_sign.gif); height:121px; text-indent:-9999px; background-repeat:no-repeat; margin-top:4px; margin-bottom:10px; } body.home #video { clear:both; overflow:hidden; zoom:1; background-color:#FFF1D6; padding-top:15px;} body.home #video h3 { float:left; width:201px; padding: 7px; text-align:right; display:inline; background-color:#C73317; color:white; } body.home #video object { float:left; margin-left:15px; display:inline; } /*========== MailChimp ================*/ #mc-embedded-subscribe-form .mce_inline_error { color:#C73317; font-weight:bold; } #mc-embedded-subscribe-form #mce-error-response, #mc-embedded-subscribe-form #mce-success-response { color:#C73317; font-weight:bold; padding:10px; margin-bottom:10px; background-color:#FAE5AE; } .paginate { border-top:double #C39C6E 3px; border-bottom:double #C39C6E 3px; padding:10px 0; margin:10px 0; } .paginate.bottom { margin-top:20px; } .paginate.top { margin: 0 0 20px 0; } .paginate strong, .paginate a, .paginate span { display:inline; float:left; font-weight:bold; padding:1px 5px; min-width:10px; text-decoration:none; margin-right:3px; text-align:center; } .paginate strong { background-color:#075E7A; color:white; } .paginate a { color:#C63518; background-color:#FFBD37; } .paginate a:hover { background-color:#C63518; color:#FFBD37; } #footer ul li a:visited, #main_col a:visited { color: #775533; } #footer ul li a:hover, #main_col a:hover { color: #C73317; } /*========== Really Simple Slideshow ================*/ .rs-slideshow { height: 300px; margin: 0 auto; overflow: hidden; position: relative; width: 695px; } .rs-slideshow .slide-container { background-color: #075E7A; background-color: #203B66; background: #203B66 url(/graphics/ajax-loader.gif) center center no-repeat; height: 100%; left: 0; overflow: hidden; position: absolute; top: 0; width: 100%; } .rs-slideshow .slide-container img { position: absolute; } /* Hide the slide data container */ .rs-slideshow .slides { display: none; } .rs-slideshow #frame { position: absolute; top:0; } /*========== forum ================*/ body.forums { background-image: none;} /*========== MyZavkhan ================*/ .user_success { font-weight: bold; } #filter { background-color: #F0DA8B; padding: 2px 4px; overflow: hidden; zoom: 1; line-height:1em; margin-bottom: 10px; } #filter a { text-decoration: none; min-width: 8px; padding: 1px 2px; display: block; float: left; text-align: center; } #filter a:hover { background-color:#C73317; color: #FFF1D6; } ul#memberlist li { overflow: hidden; zoom: 1; background-color: white; margin: 1px 0 0 0; } ul#memberlist li.pagination { background-color: transparent; margin-top:10px; } ul#memberlist li img { float: left; margin-right: 10px; } ul#memberlist li .join_date { float: right; margin-right: 10px; } body.my_zavkhan #main_col table.dashboard { margin-bottom: 10px; } body.my_zavkhan #main_col table.dashboard th { padding-right: 10px; color: #92621A; font-weight: bold; width: 150px; } body.my_zavkhan #main_col #profile { background-color:white; padding: 10px 10px 20px 10px; font-family: "Courier New", Courier, monospace; font-family: "Georgia", "Times New Roman", Times, serif; font-size: 12px;; } body.my_zavkhan #main_col #profile label { background-color: transparent; width: 200px; } body.my_zavkhan #main_col #profile th { padding-right: 20px; width: 120px; } body.my_zavkhan #main_col #profile h5 { padding-top: 20px; font-style: italic; font-weight:normal; font-size: 1.5em; } body.my_zavkhan #main_col #profile h4 { color: #4F4A14; font-size: 2em; padding-top: 0.4em; font-weight: normal; } body.my_zavkhan #main_col #profile hr { border-color: #4F4A14; ; } body.my_zavkhan #main_col a#edit, body.my_zavkhan #main_col a.edit { background-color: #075E7A; color: white; padding: 3px 5px; font-size: 11px; float: right; text-decoration: none; line-height:1em; } body.my_zavkhan #main_col #profile a#edit, body.my_zavkhan #main_col #profile a.edit { padding: 4px 6px; font-size: 12px; } body.my_zavkhan #main_col #profile a#edit:hover { background-color: #C73317; } body.my_zavkhan#my_profile, body.my_zavkhan#profile, body.my_zavkhan#member_profile { background-image:url(../graphics/2_col_bg.gif); } body.my_zavkhan#my_profile #main_col, body.my_zavkhan#profile #main_col, body.my_zavkhan#member_profile #main_col { width: 720px; } body.my_zavkhan #main_col #profile .profile_photo { float: right; margin: 20px 20px 0 0; } .profile_photo { border: solid 8px white; box-shadow: 0px 2px 4px #444; -moz-box-shadow: 0px 2px 4px #444; -webkit-box-shadow: 0px 2px 4px #444; margin-bottom: 10px; } body.forums .profile_photo { border-width: 6px; margin-bottom: 6px; } body.my_zavkhan .user_success { background-color: green; color: white; margin-bottom: 20px; padding:5px; } /*========== forms ================*/ form.vertical label { background-color: transparent !important; display: block; font-weight: bold; clear:both; padding-top:15px; padding-bottom: 0; font-size: 12px; } form.vertical .checkbox { float: left; margin-right:10px; clear: both; margin-top:5px; } form.vertical .checkbox.tight { margin-top:0px; } form.vertical label.checkbox { clear: none; padding: 0; } form.vertical input.checkbox { clear:both; } form.vertical input { clear:both; /* float: left */ } form.vertical p { overflow: hidden; zoom: 1; } input#captcha { clear: both; margin-bottom: 5px; } form.vertical input[type=checkbox] { float: left; clear: both; margin-right: 5px; } form.vertical input[type=submit] { float: left; clear: both; background-color: #075E7A; color: white; /* text-transform: uppercase; */font-weight: bold; cursor: pointer; margin-top:15px; padding: 3px 5px; font-size: 13px; border-top: 2px solid #83AEBC; border-left: 2px solid #83AEBC; border-bottom: 2px solid #223965; border-right: 2px solid #223965; } form.vertical input[type=submit]:active { border-bottom: 2px solid #83AEBC; border-right: 2px solid #83AEBC; border-top: 2px solid #223965; border-left: 2px solid #223965; padding: 4px 4px 2px 6px; }