@charset "utf-8"; /* /////////////////////////////////// CSS Document Bozeman CVB website Created: 9 Sept 2009 Author: Q J Company: Windfall, Inc. ////////////////////////////////// */ /* Cancel out browser presets */ body{margin:0;padding:0;} ul{margin:0;padding:0;list-style-type:none;} a{text-decoration:none;} /* fix for IE 6 & 7 not adjusting the header bottom-margin correctly */ .ie7-fix{display:block;clear:both;margin-top:60px;} .ie6-fix{display:block;clear:both;margin-top:10px;} /* ////////////////////////////////// COLORS Notes: Colors are separated into an individual category due to the nature of this site's construction, and the use of PHP to determine the user's location. This, in theory, should make things easier to change down the road in a single place instead of across multiple CSS documents. Colors will be determined by the class given across the site. This designation will also be driven by PHP hopefully allowing for maximum ease in updates. ////////////////////////////////// */ body.activities, body.activities img, body.activities table, body.activities table td, body.activities #sidebar, body.activities .banner{border-color:#6f9799;}/* blue */ body.activities h1, body.activities h3{color:#6f9799;}/* blue */ body.activities ul.side-links, body.activities ul.side-form{background-color:#6f9799;}/* blue */ body.stay, body.home, body.stay img, body.home img, body.stay #sidebar, body.stay table, body.stay table td, body.home table, body.home table td, body.home #sidebar, body.stay .banner, body.home .banner{border-color:#be764a;}/* orange */ body.stay h1, body.stay h3, body.home h1, body.home h3{color:#be764a;}/* orange */ body.stay ul.side-links, body.stay ul.side-form, body.home ul.side-links, body.home ul.side-form{background-color:#be764a;}/* orange */ body.travel, body.travel img, body.travel table, body.travel table td, body.travel #sidebar, body.travel .banner{border-color:#c5748c;}/* purple */ body.travel h1, body.travel h3{color:#c5748c;}/* purple */ body.travel ul.side-links, body.travel ul.side-form{background-color:#c5748c;}/* purple */ body.yellowstone, body.yellowstone img, body.yellowstone table, body.yellowstone table td, body.yellowstone #sidebar, body.yellowstone .banner{border-color:#ba9108;}/* yellow */ body.yellowstone h1, body.yellowstone h3{color:#ba9108;}/* yellow */ body.yellowstone ul.side-links, body.yellowstone ul.side-form{background-color:#ba9108;}/* yellow */ body.single, body.single img, body.single table, body.single table td, body.single #sidebar, body.single .banner{border-color:#8a7967;}/* taupe */ body.single h1, body.single h3{color:#8a7967;}/* taupe */ body.single ul.side-links, body.single ul.side-form{background-color:#8a7967;}/* taupe */ body.plan, body.plan img, body.plan table, body.plan table td, body.plan #sidebar, body.plan .banner{border-color:#748555;}/* green */ body.plan h1, body.plan h3{color:#748555;}/* green */ body.plan ul.side-links, body.plan ul.side-form{background-color:#748555;}/* green */ body{color:#333;} /* ////////////////////////////////// STRUCTURE Notes: All additional content should be styled under here. This section is regardless of the tag classes used to determine the user's location, and should tie into nothing lower than #wrapper. ////////////////////////////////// */ body{ background-image:url(../images/bg-body.jpg); background-repeat:repeat; background-position:top left; font-family:Arial, Helvetica, sans-serif; font-size:0.85em; } #wrapper, #header, #content, #footer{position:relative;} #wrapper{ width:950px; margin:20px auto; border:1px solid; border-color:inherit; } #header{ height:330px; } #content{ height:auto; } #footer{ height:60px; border-top:1px solid; border-color:inherit; } /* ++++++++++++++++ HEADERS +++++++++++++++++ */ h1, h2, h3, h4, h5{font-weight:100;text-transform:uppercase;clear:left;} h1, h2, h4, h5{margin-left:10px;} h1, h3{color:inherit;} h3, h5{font-size:160%;} h1 + h2{margin-top:-25px;} /* special case for sub-headers */ h1{font-size:300%;} h2{font-size:180%;color:#333;} h3{border-bottom:5px solid;text-indent:10px;width:76.65%;display:block;overflow:hidden;} h4{color:#333;font-size:140%;} h5{color:#fff;} ul.column h2, ul.landing h4, ul.landingL h4{margin-left:0;} ul.inbozeman h4{clear:none;display:inline;} #sidebar h3, #sidebar h5{border:none;margin:0;padding:0;text-indent:0;} .side-events p{position:relative;top:10px;margin:10px 0 0 5px;} /* ++++++++++++++++ SOCIAL ICONS +++++++++++++++++ */ ul.social{display:block;float:right;margin-left:5px;margin-top:10px;} ul.social li{display:block;float:left;margin-right:25px;} ul.social li img{height:30px;} /* ////////////////////////////////// CONTENT - GENERAL notes: Sub categories are listed surrounded with '+' symbols to more specifically indicate which area of the content is being targeted. Watercress, out! ////////////////////////////////// */ ul span{font-weight:bold;display:block;width:50%;padding:10px 0 0;border-bottom:1px solid #333;} #sidebar ul span{font-weight:normal;display:inline;width:auto;padding:inherit;border:none;} /* reset sidebar */ .break{display:block;position:relative;clear:both;} .space{display:block;position:relative;clear:left;width:100%;} #extra{display:hidden;} /* do not delete, this allows for the javascript resizing of the right-column */ ul{margin-left:10px;} table{margin-left:10px;} a{color:#09f;}; a:visited{color:#06f;} a:hover{text-decoration:underline;} img.header-img{border-top:1px solid #333 !important;} a img.header-img{border:none;border-top:1px solid #333 !important;} ul.landing, ul.landingL{ position:relative; float:left; margin:0 6px; width:218px; overflow:hidden; } ul.landingL{margin-left:30px;} ul.landing p, ul.landingL p{width:210px !important;margin-left:0;position:relative;left:-10px;} ul.column, ul.columnL{position:relative;display:block;margin:0 10px 25px 25px;float:left;} ul.column p, ul.columnL p{width:215px;margin:0 !important;} ul li.title{font-weight:bold;font-size:110%;} ul.column li, ul.columnL li{display:block;position:relative;height:250px;} ul.column h2, ul.columnL h2{text-transform:uppercase;font-size:120%;color:inherit;font-weight:100;} #content p{padding-right:222px;} #sm{width:150px;} #med{width:200px;} #lg{width:250px;} img.sm{display:block;width:200px;border:2px solid #fff;} img.sm-home{display:block;width:200px;border:2px solid #fff;height:60px;} a.more{display:block;clear:both;position:relative;text-align:right;text-transform:uppercase;position:absolute;bottom:0;right:0;} a.more:hover{color:inherit;} a.listing-more{display:block;clear:left;text-align:right;text-transform:uppercase;} a.listing-more:hover{color:#333;} table.arealisting{width:728px;border-bottom:5px solid;margin-top:-20px;margin-left:0 !important;} table.arealisting tr{margin:5px;} table.arealisting td{border-bottom:1px solid;width:180px;text-transform:uppercase;padding:5px 10px;white-space:normal;overflow:hidden;} img.contimg{border:3px solid;float:left;margin:5px 20px 5px 10px;position:relative;} img.contimgR{border:3px solid;float:right;margin:5px 10px 5px 20px;position:relative;} ul.social img{border:none;} ul.inbozeman{display:block;position:relative;float:left;clear:left;width:728px;margin-bottom:25px;margin-left:0 !important;} ul.inbozeman p{width:700px !important;} ul.inbozeman img{width:150px;margin-right:20px;} .inbozeman{display:block;position:relative;float:left;clear:left;width:728px;margin-bottom:25px;margin-left:0 !important;} .inbozeman p{width:650px !important; text-align:justify} .inbozeman img{width:250px;margin-right:20px;} .inbozeman h4{clear:none;display:inline; margin:0 0 0 0;} p.events{width:720px;} p.services{float:left;margin-left:15px;width:0px;} p.services span.title{font-weight:bold;font-size:110%;} ul.airlines li{margin-right:10px;width:340px;float:left;} ul.airlines h4{margin-left:0;} div.flightStatus{background-color:#fff;padding:3px;border:1px solid #8a7967;margin:5px 0 0;width:124px;} div.flightStatus img{border:none;} ul.side-tweet img{border:none;margin:10px 0;} /* ++++++++++++++++ BANNER ADS +++++++++++++++++ */ .banner{ width:468px; border-top:1px solid; border-bottom:1px solid; margin:25px 0; clear:left; padding:15px 130px; overflow:hidden; } .banner img{border:1px solid;} /* ++++++++++++++++ SIDEBAR +++++++++++++++++ */ #sidebar{ float:right; border-left:1px solid; width:220px; line-height:1.3em; display:block; height:100%; } #sidebar ul{margin-top:10px;margin-bottom:10px;padding-top:5px;padding-bottom:5px;margin-left:0;} #sidebar ul li{padding-left:10px;} #sidebar table{margin-left:0;} ul.side-links{margin-top:10px;} ul.side-links li a{color:#edeee9 !important;display:block;} ul.side-links li:hover a{color:#fff !important;} ul.side-form{color:#edeee9;} ul.side-events{min-height:320px;} #sidebar form{} #sidebar label input{color:#444;border:none;width:170px;height:20px;font-size:14px;padding:3px;margin-left:-10px;} #sidebar input.submit{ background:none; border:none; position:relative; left:115px; cursor:pointer; color:#edeee9; text-transform:uppercase; font-size:100%; } #sidebar input.submit:hover{color:#fff;} ul.side-tweet{overflow:hidden;} #content p{ display:block; margin-left:10px; margin-right:10px; } a.twit_link{font-size:85%;color:#8a7967} a.twit_link:hover{color:#6f9799;} ul#twitter_update_list{margin:10px 0 0;padding:0;} ul#twitter_update_list li{margin:0;padding:0;} /* ++++++++++++++++ FOOTER +++++++++++++++++ */ #footer .name{ margin-top:20px; display:block; float:right; margin-right:25px; font-family:Georgia, "Chaparral Pro", serif; font-size:100%; text-align:right; color:#8a7967; } div.tax{position:relative;margin:10px auto;text-align:center;color:#8a7967;} /* ++++++++++++++++ HORIZONTAL MENU +++++++++++++++++ */ .horz-menu { height:25px; width:950px; background:url(../images/bg-menu-horz.jpg); z-index:500; margin:50px 0 25px; } .horz-menu .select { margin:0; padding:0; list-style:none; white-space:nowrap; } .horz-menu li { float:left; } .horz-menu .select a { display:block; height:25px; float:left; padding:0 0 0 15px; text-decoration:none; line-height:10px; white-space:nowrap; color:#fff; } .horz-menu .select li.line a {color:#fff;} .horz-menu .select a b { display:block; padding:8px 15px 10px 15px; text-transform:uppercase; font-weight:100; margin-left:20px; } .horz-menu .select a:hover, .horz-menu .select li:hover a{ padding:0 0 0 15px; cursor:pointer; color:#fff; } .horz-menu .select li.line a:hover, .horz-menu .select li.line:hover a , .horz-menu .select a b:hover{ color:#be764a; } .horz-menu .select a:hover b, .horz-menu .select li:hover a b { display:block; cursor:pointer; background-color:#edeee9; } .horz-menu .sub { display:none; } .horz-menu ul ul {display:none;} /* IE6 only */ .horz-menu table { border-collapse:collapse; margin:-1px; font-size:1em; width:0; height:0; } .horz-menu .sub { margin:0; padding:0; list-style:none; } .horz-menu .sub li {background:transparent;} .horz-menu .select :hover .sub { height:25px; display:block; position:absolute; float:left; width:950px; top:28px; left:0; text-align:center; } .horz-menu .select :hover .rt li {float:right;} .horz-menu .select :hover .sub li a { display:block; height:40px; line-height:22px; float:left; padding:0 16px; margin:0; white-space:nowrap; color:#888; } .horz-menu .select :hover .sub li.subline a {color:#8a7967;} .horz-menu .select :hover .sub li a:hover, .horz-menu .select :hover .sub li:hover {color:#000; position:relative;} .horz-menu .select :hover .sub li:hover > a {color:#be764a;} .horz-menu .select :hover .sub :hover ul { padding:0; margin:0; list-style:none; display:block; width:auto; position:absolute; left:-1px; top:25px; border-top:0; background:#fff; } .horz-menu .select :hover .sub :hover ul li a {width:80px; text-align:left; height:20px; line-height:18px;} .horz-menu .select :hover .sub :hover ul li a:hover {line-height:16px;} /* ++++++++++++++++ SITE SEARCH +++++++++++++++++ */ #cse-search-box{margin-top:5px;} .searchBZ-box{border:1px solid; border-color:inherit; width:200px; color:#444;} .searchBZ{border:1px solid;border-color:inherit;} .searchBZ:hover{border-color:#06F;color:#06F;cursor:pointer;} /* ++++++++++++++++ FORMS IN BODY (not e-news) +++++++++++++++++ */ form.user{display:block;width:680px;position:relative;margin:25px;padding:10px 0;} form.user label{font-size:16px;} form.user label.required{font-weight:bold;} form.user input, form.user textarea, form.user select{background-color:#f9f9f9;font-size:18px;color:#444;padding:3px 3px 0;} form.user input, form.user select{width:250px;height:30px;} form.user textarea{width:360px;height:230px;} form.user input.submit{background-color:transparent;font-weight:bold;} form.user input.submit:hover{border-color:#444;cursor:pointer;} form.user input.checkbox{width:25px;text-align:right;background-color:transparent;border:none;position:relative;top:10px;} form.user th{border-bottom:1px dotted #8a7967;text-align:left;} form.user th h4{position:relative;bottom:-20px;} form.user table.user{width:100%;} form.user td.title{width:200px;} form.user, form.user input, form.user textarea{border:1px solid #8a7967;} p.error, p.success{border:1px solid;padding:5px;width:450px !important;margin-left:25px !important;} p.error{color:#c00;border-color:#c00;} p.success{color:#06f;border-color:#06f;} span.formtitle{position:relative;top:-15px;left:10px;font-size:1.5em;background-color:#edeee9;font-weight:bold;padding:5px;} .division{display:block;border-top:1px solid #8a7967;margin-top:60px;width:100%;} form.user .right{position:absolute;right:-210px;top:10px;} .r{position:absolute;right:-210px;top:30px;} .l{float:left;} /* ++++++++++++++++++ RFP +++++++++++++++++++++ */ .dates{border:1px solid #8a7967;} .dates thead{} .dates th{border-bottom:1px solid #8a7967;} .dates th, .dates td{padding:5px;border-right:1px solid #8a7967;} .dates th:last-child, .dates td:last-child{border-right:none;} .dates tr{} .dates td{} /* ++++++++++++++++++ Social +++++++++++++++++++++ */ #social{ left:0px; top:-450px; height:70px; width:30px; background-color:#FFF; z-index:5000; } img.left { float:left; margin-top:15px; margin-left:3px; } /* ++++++++++++++++++ Featured Events +++++++++++++++++++++ */ #home_events { width:100%; margin:10px 0 20px 20px;} #home_events img{ float:left; margin:0 15px 0 0; -moz-box-shadow:4px 6px 8px #666; -webkit-box-shadow:4px 6px 8px #666; box-shadow:4px 6px 8px #666;} body.single .featured { margin:5px 15px 25px 15px; width:430px; float:left;} body.single .featured img { border:2px solid #189df6; clear:none; margin:0 10px 0 0; float:left;} body.single .featured h3 { color:#43657c; font-size:1.3em; text-transform:inherit; text-indent:inherit; border:none; width:auto; display:inherit; margin:0; padding:0; clear:none;} body.single .featured h4 { color:#43657c; font-size:1em; margin:0; padding:3px 0; clear:none;} body.single .featured p { clear:none; margin:0; padding:5px 0; width:inherit; display:inherit;} /* ++++++++++++++++++ Table Styles +++++++++++++++++++++ */ #bold_table { padding: 0; margin: 0 0 15px 10px; width:680px} #bold_table h4 { text-indent:0; font-size:1em; font-weight:bold; padding:5px 0; margin:0} #bold_table caption { padding: 0 0 5px 0; font: italic 11px Verdana, Arial, Helvetica, sans-serif; text-align: right;} #bold_table th { font: bold 11px; color: #fff; border-right: 1px solid #746452; border-bottom: 1px solid #746452; border-top: 1px solid #746452; letter-spacing: 2px; text-transform: uppercase; text-align: left; padding: 6px 6px 6px 12px; background: #8a7967;} #bold_table th.nobg { border-top: 0; border-left: 0; border-right: 1px solid #746452; background: none; color:#746452} #bold_table td { border-right: 1px solid #746452; border-left: 1px solid #746452; border-bottom: 1px solid #746452; background: #fff; padding: 6px 6px 6px 12px; color: #55493c;} #bold_table td.alt { background: #c5b7a8; color: #000;} #bold_table tr:hover{background:transparent !important;}