/* Site: http://www.visitrenotahoe.com/ Agency: One to One Interactive Designer: Tim Miley ============================================================= */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, del, dfn, font, ins, kbd, q, s, samp, tt, var, dd, dl, dt, li, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead { margin:0; padding:0; border:0; font-weight:normal; font-style:inherit; font-size:100%; font-family:inherit; text-align:left; vertical-align:top } a img, :link img, :visited img { border:0 } table { border-collapse:collapse; border-spacing:0 } ol, ul { list-style:none } acronym { border-bottom:1px dotted #000 } q:before, q:after, blockquote:before, blockquote:after { content:"" } :focus { -moz-outline-style:none; outline:0 } /* - ============================================================================== */ body { background: #333333 url('../images/bck.gif') repeat-y top center; font:14px Georgia, "Times New Roman", Times, serif; line-height:1.5em; color:#333 } hr { border:0; border-top:1px solid #000; margin:10px 0; clear:both; height:1px } input[type="submit"] { background:#2a2a2a; border:1px solid #fff; cursor:pointer; color: #fff; font: bold 11px Arial Black, Arial, Helvetica, sans-serif; text-transform: uppercase; letter-spacing: -.01em; padding: 2px 10px; } input[type="submit"]:hover { color:#f47321 } input[type="text"], input[type="select"] { padding: 3px; } /* - ============================================================= */ h1, h2, h3, h4, h5, h6, h7, h8 { font-family:Arial, Helvetica, sans-serif; font-weight:600; line-height:120%; text-transform: uppercase; } h1 { font-size:24px; margin:0 0 .5em 0; color: #000; letter-spacing: -.05em } h1 p { margin: 0; font-size: 24px; font-weight: bold; } h2 { font-size:16px; margin:30px 0 .6em 0; color: #000; } h3 { font-size:14px; margin:0 0 .5em 0; color: #000; } h4 { font-size:14px; margin:0 0 .2em 0; color: #333; } h5, h6, h7, h8 { font-size:14px; margin:0 0 .2em 0; border-bottom:1px solid #000; color: #333 } p { margin:0 0 1em 0 } small { font-size: 11px; } a { color:#000; text-decoration:underline } a:hover { color:#f47321 } li, dl { margin-bottom:0.6em } font { font:14px Arial, Helvetica, sans-serif; line-height:1.5em; color:#333 } u { text-decoration: none; } #tw, #tw a, #w, #w a, #top_nav, #top_nav a { color: #fff; } #top_nav a, #weather a, #nav a, #top_nav form { text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; } #top_nav a:hover, #weather a:hover, #nav a:hover, #masthead a:hover, #sub_feature { color: #f47321; } .twitterTime { display: none; } /* - GLOBAL FRAMEWORK CLASSES + IDS ============================================================================== */ #wrapper { width: 980px; margin: 0 auto; position: relative; } #masthead, #m_content, #top_nav, #footer_one, #footer_two { width: 960px; padding: 0 10px; margin: 0 auto; } #masthead { background: #ac6554 url('../images/bck_wallpaper.jpg') repeat-x 100px 100%; height: 625px; position:relative; } #m_content { background: #fdfbe4 url('../images/bck_light.jpg') top center; overflow:auto; position: relative; padding-top: 10px; } #content { width: 640px; float: left; margin-bottom: 20px; } #sidebar { width: 320px; float: right; margin-top: 10px; padding-bottom: 20px; } .btm_shadow { background: url('../images/bck_wallpaper_shadow.png') repeat-x top; width: 100%; height: 51px; position: absolute; top: 0; left: 0; } .col { width: 300px; float: left; margin: 0 10px; display: inline; overflow: auto; } .dual_col { width: 620px; margin: 0 10px; clear: both; } /* - ============================================================= */ #top_nav, #top_nav input { text-transform: uppercase; } #top_nav { background: #000 url('../images/bck_topnav.png') repeat-x top center; height: 32px; } #top_nav ul { width: 640px; float: left; margin: 5px 0 0 0; padding: 0; text-align:right; } #top_nav li { display: inline; } #top_nav a { font-size: 12px; text-decoration: none; margin-left: 15px; font-weight: bold !important } #top_nav a:hover { text-decoration: #fff; color: #f47321; } #top_nav form { float: right; width: 230px; border: 1px solid #333; overflow: auto; background: #000; padding: 0 5px; } #top_nav #search { background: #000; color: #fff; border: none; font-size: 12px; width: 180px; padding: 3px 0px 0px; height: 18px; } #top_nav #submit { background: #000; color: #fff; width: 40px; font:bold 12px "Arial Black", Arial, Helvetica, sans-serif; border: 1px solid #000; text-align: center; height: 26px; } #logo { background: url('../images/logo.png') no-repeat; width: 180px; height: 150px; text-indent: -9999px; float: left; position: relative; margin: 0; } #logo a { display: block; width: 180px; height: 150px; } /* - TWITTER ============================================================================== */ #tw { background: url('../images/bck_tw.png') no-repeat bottom center; width: 360px; padding: 0 10px; height: 90px; color: #ccc; float: left; margin: 25px 0 0 10px; position: relative; z-index:5; } #tw p { margin: 0; } #tw div { margin: 0; } #tw a { font-style: italic; } /* - WEATHER ======================================================================== */ #w { width: 330px; height: 123px; float: right; text-align: right; position: relative; right: 15px; top: 0px; } #w div { width: 340px; height: 98px; position:absolute; text-align: right; z-index: 1; left: 0; top: 0; padding-top: 40px; background-position: center; background-position: center; background-repeat: no-repeat; } #w_reno { background: url('../images/weather/weather_rain.png'); } #w_tahoe { background: url('../images/weather/weather_partly_cloudy.png'); } #w span { font: 36px Georgia, "Times New Roman", Times, serif; } #w ul { font: 10px Arial, Helvetica, sans-serif; text-transform: uppercase; float: right; position: relative; z-index: 2; margin-top: 83px; } #w ul li { text-align: right; } #w a.active { text-decoration: none; font-weight: bold; cursor: default; } /* - MAIN NAV ============================================================================== */ #nav { clear: both; background: url('../images/bck_nav.png') no-repeat center center; width: 940px; height: 38px; margin: 0 auto; position: relative; top: -12px; z-index: 100; } #nav li { float: left; } #nav li a { display: block; width: 117px; font: 14px "Arial Black", Arial, Helvetica, sans-serif; text-align: center; text-decoration: none; padding: 8px 0; color: #fff; } /* - TABS ======================================================================== */ #tabs { clear: both; margin: 10px 0px 0px 10px; height: 350px; } ul.tabNavigation { list-style: none; margin: 0; padding: 0; clear: both; overflow: hidden; width: 630px; } ul.tabNavigation li { float: left; margin: 0 20px 0 0; position: relative; width:140px; height: 25px; display: inline; } ul.tabNavigation li a { width:140px; padding: 5px 0; background: url('../images/bck_tab_inactive.gif') no-repeat top center; display: block; text-align: center; color: #fff; font: bold 11px "Arial Black", Arial, Helvetica, sans-serif; text-transform: uppercase; letter-spacing: -.01em; text-decoration: none; font-style: normal; } ul.tabNavigation li a.selected, ul.tabNavigation lI a:hover { color: #f47321; text-decoration: none; background: url('../images/bck_tab.gif') no-repeat top center; } ul.tabNavigation li a.selected { color: #fff; cursor: default; } ul.tabNavigation li a:focus { outline: 0; } div#tabs > div { overflow: auto; margin-top: 20px; display: none; } div#tabs > div h2 { margin-top: 0; font-size: 15px; } .tab_l_col { float: left; width: 220px; margin-top: 5px; } .img_container { background: url('../images/bck_poloriad.png') no-repeat center center; width: 394px; height: 274px; float: right; padding: 13px 0 0 16px; } .img_container p { margin: 0; } /* - lists ======================================================================== */ /*::::::::::: calendar dates ::::::::::::::::: */ .tablist { margin: 10px 0; } .tablist span { width: 50px; } .tablist a { width: 160px; } .tinylist li { line-height: 120%; } .tinylist span { width: 50px; } .tinylist a { width: 200px; } .shortlist span { width: 50px; } .shortlist a { width: 240px; } .medlist span { width: 75px; } .medlist a { width: 215px; } .largelist span { width: 100px; } .largelist a { width: 190px; } ul.list_date_sub { margin: -6px 0 0 0; } .list_date_sub li { clear: both; display: block; padding: 3px 0; overflow: auto; margin: 0 0 3px 0; } .list_date_sub span { display: block; float: left; clear: left; overflow:auto; } .list_date_sub a { margin-left: 10px; display: block; float: left; clear: right; line-height: 16px; } .list_date li { clear: both; display: block; padding: 5px 0; overflow: auto; margin: 0 0 6px 0; } .list_date span { display: block; float: left; clear: left; overflow:auto; } .list_date a { margin-left: 10px; display: block; float: left; clear: right; line-height: 16px; } /*::::::::::: def. list ::::::::::::::::: */ dl { clear: both; } dt { width: 100px; float: left; } dd { width: 200px; float: right; margin-bottom: 10px; } /* - COUPONS ======================================================================== */ .coupon_t { background: url('../images/coupon_t.png') no-repeat bottom center; width: 300px; height: 46px; margin: 0; text-indent: -9999px; } .coupon_m { background: url('../images/coupon_m.png') repeat-y center center; width: 240px; padding: 0 30px; overflow: auto; } .coupon_b { background: url('../images/coupon_b.png') no-repeat top center; width: 300px; height: 40px; position: relative; } .coupon_m p { clear: both; margin: 0; } .coupon_m ul li { float: left; width: 50%; } .coupon_m ol { margin: 20px 0; padding: 0; } .lightlinks a { color: #fff; } /* - Social ======================================================================== */ #ss { overflow: auto; } #ss li { text-indent: -9999px; float: left; } #ss li a { background-image: url('../images/sn_icons.png'); background-repeat: no-repeat; top: 0; display: block; width: 75px; height: 25px; } #ss_twitter a { background-position: 0 0; } #ss_facebook a { background-position: -75px 0; } #ss_flickr a { background-position: -150px 0; } #ss_youtube a { background-position: -225px 0; } #ss_twitter a:hover { background-position: 0 -25px; } #ss_facebook a:hover { background-position: -75px -25px; } #ss_flickr a:hover { background-position: -150px -25px; } #ss_youtube a:hover { background-position: -225px -25px; } .ss_inversed #ss_twitter a { background-position: 0 -25px; } .ss_inversed #ss_facebook a { background-position: -75px -25px; } /* - VIDEOS ======================================================================== */ #videos { width: 300px; overflow: hidden; } #videos p { margin: 10px 0; } /* - PHOTOS ======================================================================== */ .flickr_badge_image { background: url('../images/bck_photos_flickr.jpg') no-repeat center center; width: 139px; height: 100px; float: left; padding: 6px 0px 0px 11px; } .flickr_badge_image a { height: 84px; width:128px; overflow: hidden; display: block; } .flickr_badge_image img { width: 128px; height: auto; } /* - FOOTER ============================================================================== */ #footer_one, #footer_two { color: #83786d; clear: both; padding-top: 15px; padding-bottom: 10px; } #footer_one a, #footer_two a { color: #fff; text-decoration: none; } #footer_two a:hover { text-decoration: underline; } #footer_one { background: #3d3d3d; overflow: auto; padding-bottom: 10px; } #title_signup { background: url('../images/title_signup.png') no-repeat center center; width: 940px; height: 60px; text-indent: -9999px; margin: 0 auto; } #footer_one h2 { color: #f4eadb; margin: 0 0 5px 0; } #footer_two { background: #292929 url('../images/bck_footer_two.jpg') repeat-x top left; border-top: 1px solid #525252; font-size: 12px; } #footer_two p { text-align: center; } #logo_footer { background: url('../images/logo_footer.png') no-repeat center center; width: 74px; height: 57px; text-indent: -9999px; margin: 0 auto 20px auto; } #logo_footer a { width: 74px; height: 57px; display: block; } #footer_links { width: 550px; margin: 0 auto 20px auto; } #footer_links a { margin: 0 10px; } /* - BUTTONS ======================================================================== */ .btn { width: 100%; overflow: hidden; margin: 15px 0; } .btn a { /* Sliding right image */ background: url('../images/btn_right.png') no-repeat top right; display: block; float: left; height: 33px; margin-right: 5px; padding-right: 26px; text-decoration: none; color: #fff; font: bold 11px "Arial Black", Arial, Helvetica, sans-serif; text-transform: uppercase; letter-spacing: -.01em; font-style: normal; } .btn a span { /* Background left image */ background: url('../images/btn_left.png') no-repeat; display: block; line-height: 33px; padding: 0 5px 0px 32px; font-weight: bold; font-style: normal; } .btn a:hover span { text-decoration: none; color: #f47321; } /* - NAV DROPDOWN ======================================================================== */ .nav_drpdwn { position:absolute; padding:25px 0px; top:218px; z-index:101; background: #0f1111 url('../images/drp_bck.jpg') repeat-x bottom left; min-height: 150px; display: none; } .drp_tab { width: 117px; padding-top: 20px; height: 40px; background: url('../images/drp_tab.png'); position: absolute; top: -60px; font: bold 14px "Arial Black", Arial, Helvetica, sans-serif; text-align: center; color: #fff; text-transform: uppercase; } .drp_tab a { color: #998b7d; text-decoration: none; } .drp_tab a:hover { color: #fff; } #drp_one { left:20px; } #drp_one .drp_tab { left:0px; } #drp_two { left:137px; } #drp_two .drp_tab { left:0 } #drp_three { left:254px; } #drp_three .drp_tab { left:0 } #drp_four { left:371px; } #drp_four .drp_tab { left:0 } #drp_five { left:488px; } #drp_five .drp_tab { left:0 } #drp_six { right:258px; } #drp_six .drp_tab { right:0 } #drp_seven { right:141px; } #drp_seven .drp_tab { right:0 } #drp_eight { right:24px; } #drp_eight .drp_tab { right:0 } /* - ================================================================== */ /* single li style .drpdwn{ overflow:auto; float:left; padding:25px 10px; } .drp_shadow { background: url('../images/drp_shadow.png') top; position: absolute; bottom: -15px; height: 15px; width: 100%; left: 0; } .drpdwn {float:left; position:relative; overflow:visible; margin: 0; padding: 0; width: 320px;} .drpdwn li{float:left; width:120px; padding:0 20px; color:#5d676d; line-height: 120%; font-size:13px;} .drpdwn li a{ display:block; text-decoration: none; color: #998b7d; padding: 0;} .drpdwn li a:hover{color:#fff} .drpdwn li{margin:0 0 10px 0;} .drpdwn li ul{ float:left; width:140px} .drpdwn li ul li{margin:0 0 4px 0; padding:0;} .drpdwn li ul li a{color:#998b7d} */ /* - ================================================================== */ .drpdwn { overflow:auto; float:left; padding:25px 10px; } .drp_shadow { background: url('../images/drp_shadow.png') top; position: absolute; bottom: -15px; height: 15px; width: 100%; left: 0; } .drpdwn { float:left; position:relative; overflow:visible; margin: 0; padding: 0 } .drpdwn li { float:left; width:120px; padding:0 20px; color:#5d676d; } .drpdwn li a { display:block; text-decoration: none } .drpdwn li a:hover { color:#fff } .drpdwn li { margin:0 0 10px 0; } .drpdwn li ul { float:left; width:140px } .drpdwn li ul li { margin:0 0 4px 0; padding:0; } .drpdwn li ul li a { color:#998b7d } /* - CLASSES ======================================================================== */ .left { float: left; } .right { float: right; } .center { text-align: center; } .clear { clear: both; } #form_error_box { border: 3px double #990000; padding: 10px; } .red, #form_error_box { color: #990000; .nomargin { margin: 0; } input.btn_submit { border: none; width:140px; padding: 4px 0; background: url('http://www.visitrenotahoe.com/assets_10/images/bck_tab.gif') no-repeat top center; display: block; text-align: center; color: #fff; font: bold 11px Arial Black, Arial, Helvetica, sans-serif; text-transform: uppercase; letter-spacing: -.01em; text-decoration: none; cursor: pointer; }