/* Calgary Stampede - Main Stylesheet - Layout */ /* ================================================= */ /* HTML RULES */ /* ================================================== */ body {border: none; background: #39322c url(/images/layout/bg-body.jpg) no-repeat top center; font:11px "Lucida Grande", "Trebuchet MS", Verdana, sans-serif; padding: 0; margin: 0;} h1 { font: 30px/40px "Georgia", "Times New Roman", Times, serif; } h2 { font: 14px "Myriad Pro", Verdana, sans-serif; color: #2E96AD; text-transform:uppercase; margin-bottom: 5px;} h3 { font: 13px "Myriad Pro", Verdana, sans-serif; color: #000; margin-bottom: 5px; margin-top: 10px;} p { line-height:1.5; margin-bottom:10px; } body img{margin: 0;} a, a:hover, a:focus, .content_lightbox{color: #3cb6ce; text-decoration: none; cursor:pointer;} a:focus { outline:none; } a:hover{text-decoration: underline;} em {background: none;} #content img{margin-bottom: 0;} #content dd { margin:0 0 10px 0px; } #content ul {list-style-type:none; position:relative; } #content ul li {display:list-item; background: url(/images/layout/bullet.gif) 0px 3px no-repeat; padding:0 0 0 15px; } #content form table td { border-width:0; } #content .bodyimage{padding-left: 10px;} .bodyimage a{cursor:pointer;} /* SITE LAYOUT RULES */ /* ================================================== */ #site {margin: 0 auto; width: 970px; } #masthead {height:83px; width:970px; position: relative; z-index:20;} #logo {height: 125px; width: 256px; position: absolute; top:0; left:34px; z-index: 10;} #logo a {position: absolute; top: 0; left: 0; height: 125px; width: 256px; display: block; background: url(/images/layout/logo.png) no-repeat top left; z-index: 100;} #clfwrapper {right: -7px;} #search {} #banner{text-align: center;background: url(/images/layout/bg-banner.gif) top left repeat-y; position: relative; z-index: 10; padding: 5px 0; _height: 360px;} #banner .bodyimage{margin-left: 10px;} #banner img{margin: 0;} #sub_banner{display: block; clear: both; padding: 20px 0 0px 0; margin: 0px 30px; overflow:hidden; padding:20px 30px 0 30px; margin:0; } #sub_banner div:last-child{margin: 0;} #content {width: 960px; margin-left: 5px; background: #fff url(/images/layout/bg-content-grunge.gif) top left no-repeat; padding-bottom: 10px;} #shadow {width: 960px;margin-left: 5px; height: 45px; background: url(/images/layout/shadow.png) repeat-x top left; position: absolute; top: 0; left:0; } #col-one, #col-two, #col-three{float: left; position: relative; } #col-one {width: 180px; padding-top: 20px; padding-left: 10px;} #col-two {width: 550px; padding-top: 20px; margin-left: 20px;} #col-three {width: 180px; padding-top: 20px; padding-left: 10px;} #col-three .bodyimage{padding-bottom: 10px;} #footer {} #footer-bottom { width:960px; margin-left: 5px; margin-bottom: 20px; padding-bottom: 10px; background: url(/images/layout/bg-footer.gif) no-repeat bottom left; overflow: hidden;} /* NAVIGATION */ /* ================================================== */ #nav {height:29px; width:970px; position: absolute; top:56px; right:0; z-index:2; background: url(/images/layout/bg-nav-bar.gif) no-repeat top left;} #nav ul { margin: 0; padding: 0; list-style: none; float: right; margin-right: 3px;} #nav ul li {float: left; height: 29px; margin: 0; padding: 0; list-style: none; } #nav ul li a{display: block; float: left; height: 29px; text-decoration: none; position: relative;} #nav ul li div{display: none; position: absolute; top: 29px; left: 0; height: 35px; width: 970px; background: url(/images/layout/bg-sub-nav-bar.gif) top left no-repeat;} #nav ul li:hover div, #nav ul li.active div{display: block;} #nav ul li.active li a, #nav ul li.current li a{background-image:none !important;} #nav ul li li a{padding: 0 0 0 3px;} #nav ul li li a:hover{background: none;} #nav ul li div a{background: none; color: #000;} #nav ul li div a span{visibility: visible; line-height: 30px;} #nav ul ul{padding-right: 5px;} #nav ul li div.navlevel_3, #nav ul li:hover div.navlevel_3{display: none;} /* Navigation Images */ #nav ul li a span{ visibility: hidden;} #navlink_tickets { width:74px; } #navitem_tickets a { background: url(/images/nav_2010/tickets.gif) top left no-repeat; } #navitem_tickets a:hover, #navitem_tickets.active a { background: url(/images/nav_2010/tickets_over.gif) top left no-repeat; } #navlink_events { width:71px; } #navitem_events a { background: url(/images/nav_2010/events.gif) top left no-repeat; } #navitem_events a:hover, #navitem_events.active a { background: url(/images/nav_2010/events_over.gif) top left no-repeat;} #navlink_music { width:68px; } #navitem_music a { background: url(/images/nav_2010/music.gif) top left no-repeat; } #navitem_music a:hover, #navitem_music.active a { background: url(/images/nav_2010/music_over.gif) top left no-repeat;} #navlink_food-fun{width:99px;} #navitem_food-fun a{background: url(/images/nav_2010/food-fun.gif) top left no-repeat;} #navitem_food-fun a:hover, #navitem_food-fun.active a { background: url(/images/nav_2010/food-fun_over.gif) top left no-repeat;} #navlink_basics{width:67px; } #navitem_basics a{background: url(/images/nav_2010/basics.gif) top left no-repeat;} #navitem_basics a:hover, #navitem_basics.active a {background: url(/images/nav_2010/basics_over.gif) top left no-repeat;} #navlink_planner{width:76px; } #navitem_planner a{background: url(/images/nav_2010/planner.gif) top left no-repeat;} #navitem_planner a:hover, #navitem_planner.active a {background: url(/images/nav_2010/planner_over.gif) top left no-repeat;} #navlink_stampede-now{width:114px; margin-right:8px;} #navitem_stampede-now a{background: url(/images/nav_2010/stampede-live.gif) top left no-repeat;} #navitem_stampede-now a:hover, #navitem_stampede-now.active a{background: url(/images/nav_2010/stampede-live_over.gif) top left no-repeat;} /* Top Nav Links */ #topnav { width:500px; height:35px; position:absolute; right:0px; padding-top:10px; display:none; } #topnav ul { float:right; clear:right; margin:0; padding:5px 12px; } #topnav ul li { position:relative; float:left; padding:0 10px 0 10px; border-left:1px solid white; background: none;} #topnav ul li.first { border-left-width:0px; } #topnav ul ul { display:none; } #topnav ul li.active ul {display:block; } #topnav ul ul.active { display:block; } #topnav ul li { height:5px; overflow:hidden; } #topnav ul li a { display:block; text-decoration:none; } #topnav ul li a span{ visibility:hidden; } #topnav ul ul li a span{ visibility:visible; } #topnav-jobs { width:26px; height:5px; background:url(/images/nav/topnav-jobs.gif) 0px 0px no-repeat; } #topnav-jobs:hover { background-position:0px -5px; } #topnav-vendors { width:46px; height:5px; background:url(/images/nav/topnav-vendors.gif) 0px 0px no-repeat; } #topnav-vendors:hover { background-position:0px -5px; } #topnav-groups { width:33px; height:5px; background:url(/images/nav/topnav-groups.gif) 0px 0px no-repeat; } #topnav-groups:hover { background-position:0px -5px; } #topnav-contact { width:65px; height:5px; background:url(/images/nav/topnav-contact.gif) 0px 0px no-repeat; } #topnav-contact:hover { background-position:0px -5px; } #topnav-store { width:32px; height:5px; background:url(/images/nav/topnav-store.gif) 0px 0px no-repeat; } #topnav-store:hover { background-position:0px -5px; } /* SIDE NAV */ /* ================================================== */ #col-one h2.up{padding-left: 20px; background: url(/images/nav/sidenav-arrow-up.gif) 5px 3px no-repeat; margin-bottom: 0;} #col-one ul{margin: 5px 0; margin-left: 20px;} #col-one ul ul{margin-left: 0;} #col-one ul li{border:1px solid #fff; list-style: none; background: transparent url(/images/nav/sidenav-arrow.gif) 0 2px no-repeat; padding-left: 12px; margin-bottom: 2px;} #col-one ul li.inactive ul{display: none;} #col-one ul li a{font: 12px "Myriad Pro", Verdana, sans-serif; color: #2E96AD; text-transform:uppercase; text-decoration: none; background:none;} #col-one ul li a:hover{color: #164750; background: none;} #col-one ul li li{background: none; padding-left: 5px;} #col-one ul li li a{font-size: 11px; text-transform: none; color: #3cb6ce;} /* MULTI LINK BANNERS */ /* ================================================== */ .mlb{position: relative;} .mlb .primary_image_wrapper{} .mlb .primary_image_links{position: absolute; top: 320px; right: 305px; } .mlb .secondary_image_wrapper{position: absolute; top: 20px; right: 30px; z-index: 10; height: 323px; width: 264px; overflow: hidden;} .mlb .secondary_image{position: absolute; top: 2px; left: 2px; z-index: 5;} .mlb .secondary_image_mask{background: url(/images/layout/mlb_secondary_image_mask.gif) top left no-repeat; height: 330px; width: 270px; position: absolute; top: 0px; left: 0px; z-index: 10;} .mlb .secondary_image_links{width: 220px; position: absolute; top: 275px; right: 10px; z-index: 20;} .mlb .secondary_image_links .button { float:right; } .mlb .secondary_image_url { display: block; position: absolute; z-index: 15; left: 0px; top: 0px; width: 100%; height: 100%; cursor: pointer; } /* GALLERY */ /* ================================================== */ .gallery img{padding: 5px;} /* BORDER IMAGE SMALL */ /* ================================================== */ .border-asset-cnt {width: 170px; float: left;} .border-cnt {margin:0 0 0 40px; height: 88px; width: 88px; position: relative;} .border-sm {height: 88px; width: 88px; position: absolute; top:0; left:0; z-index:10; background: url(/images/layout/border-sm-2.gif) no-repeat top left;} .border-cnt img {position: absolute; top:6px; left:6px; z-index: 1; } .border-asset-cnt h3 {margin:6px 20px 20px 20px; text-align: center; font-size: 12px; color: #333; font-family: "Myriad Pro", "Trebuchet MS", Verdana } /* BANDS/EVENTS */ /* ================================================== */ .stage_bands{position: absolute; top: 55px; left: 70px; width: 920px; } .band{cursor: pointer; _display: inline; float: left; width: 157px; height: 105px; background: url(/images/layout/bg-stage-event.png) top left no-repeat; color: #fff; margin: 5px; margin-bottom: 0;} #banner .band img{margin: 5px 0;} .band h3{font-family: "Trebuchet MS", arial, sans-serif; color: red; margin: 0px;} .band_detail{float: left;} .band_detail_image{width: 420px; height: 417px; float:left;} .band_details{background: #fff; width: 400px; float: left;} #coke_button {height: 122px; width: 122px; position: absolute; top:382px; left:0px; background: url(/images/layout/coke-logo.png) no-repeat ;} .stage_bands_list .band-by-day { float:left; width:180px; min-height:150px; _height:150px; } /* SPONSORS */ /* ================================================== */ .sponsor{float: left; clear: both; width: 530px; padding-bottom: 30px;} .sponsor_image{float: left; width: 180px; text-align: center;} .sponsor_image img{} .sponsor h3{margin-top: 0; text-transform: uppercase;} .sponsor_details{float: left; width: 350px;} .secondary{float: left; margin-right: 30px; height: 80px;} /* DRIVERS */ /* ================================================== */ .driver{float: left; clear: both; width: 100%; width:520px; } .driver h2{display: none;} .driver_name{float: left; width: 150px;} .driver_advertiser{float: left; width: 160px;} .driver_value{float: left; width: 100px;} .driver_details{float:left; width:100%; padding-bottom:10px;clear:both;} .driver_bio_image{float: left; width: 170px; margin-bottom: 10px;} .driver_bio_details{float: left; width: 400px;} .driver_bio{float: left; width: 340px; padding-right:10px;} .driver_stats{float: left; width: 110px;} .active_bio {} .active_bio .bio_name{font-size: 16px; text-transform: uppercase;} .active_bio .driver_advertiser{font-weight: bold;} .active_bio .driver_value{font-weight: bold;} /* RIDERS */ /* ================================================== */ .pool{float: left; width: 50%;} .rider{float: left; clear: both; width:260px;} .bio{} .rider_bio{width: auto; clear: both; padding:10px 0 20px 0;} .rider_stats_narrow{width: 100px; float: right; padding-top:10px;} .rider_stats_wide{width: auto; float: none; padding:0;} .rider_bio_image{float: left; width: 150px;} /* TICKET PACKAGES */ /* ================================================== */ .ticket_package{float: left; padding-bottom: 30px;} .ticket_package_landing { padding:20px 0; background:transparent url(/images/layout/ticket_package_border.gif) center bottom no-repeat; } .ticket_package_landing_top { padding-bottom:0; background:transparent url(/images/layout/ticket_package_border_top.gif) center top no-repeat; } .ticket_package_landing_bottom { background:transparent url(/images/layout/ticket_package_border_bottom.gif) center bottom no-repeat; } .ticket_package_landing a.details {text-decoration:underline; margin-top:5px; display:block; } .travel_package{float: left; width:180px; height:200px; } .travel_package h2 {text-transform:none; margin-bottom:0;} .travel_package a.details {text-decoration:underline;} .alberta_package{padding:20px 0; background: transparent url(http://cs.calgarystampede.com/images/layout/ticket_package_border.gif) no-repeat 50% 100%;} .alberta_package h2 {text-transform:none; margin-bottom:0;} .alberta_package table a {text-decoration:underline;} .alberta_package table td {text-align:left;border-bottom:0;} .alberta_package table td.right {text-align:right;} .package_content{width: 380px; float: left;} .package_image{width: 170px; float: left;} .travel_package .details_hide {display:none;} #lightwindow .details li { line-height:1.3; } /* RIDES */ /* ================================================== */ .rides dl {position: relative; float:left; padding:5px 20px 5px 100px; width:200px; min-height: 80px; _height: 80px;} .rides .ride-image { position: absolute; top: 0; left: 0; } /* CONTESTS */ /* ================================================== */ .contest{float: left; padding-bottom: 30px;} .contest_content{width: 380px; float: left;} .contest_image{width: 170px; float: left;} /* BASIC CLASSES */ /* ================================================== */ .clear { display:block; clear:both; height:1px; line-height:1px; font-size:1px; } .img_left { float:left; } .img_right { float:right; } .mediaelement{padding: 5px 0;} .mediaelement img{margin-right: 5px;} /* BLUE BUTTONS */ /* ================================================== */ /* Look in IE stylesheet for button gif substitution */ .button{color: #fff; display: block; float: left; height: 27px; padding-right: 25px; position: relative; margin-right: 5px;} a.button:hover{text-decoration: none;} .button .button_text{display: block; float: left; height: 27px; line-height: 25px; padding: 0 8px 0 15px; color: #fff; background: url(/images/buttons/button_left.png) top left no-repeat;} .button .button_cap{display: block; float: left; height: 27px; width: 23px; background: url(/images/buttons/button_cap_right.png) top left no-repeat; position: absolute; top: 0; right: 5px;} .button span { cursor:pointer; } /* ROUNDED BANNERS - Uses corners.js */ /* ================================================== */ .rounded_banner{position: relative;margin-right: 10px;} .rounded_banner .button{position: absolute; bottom: 12px; right: 5px;} .banner_left{float: left; margin-right: 10px;} .banner_right{float: right; margin-left: 10px;} .banner_default{float: left;} /* SEARCH */ /* ================================================== */ #search form {} #search form input.text {} #search form input.button {} #searchresults { font-size:12px; } #searchresults dt { margin-bottom:5px; } #searchresults dt a { font-size:13px; } #searchresults dd { margin:0 0 25px 10px; line-height:1.5; } #searchresults dl { margin-top:15px; } /* LIGHT WINDOW */ /* ================================================== */ .band_detail {width: 810px; position: relative; background: #fff;} .band_details {height: 400px; width: 360px; overflow: auto;} #top-left {height:28px; width: 29px; position: absolute; top:-17px; left:-16px; background: url(/images/layout/rounded-corners-sm.png) no-repeat top left;} #top-right {height:28px; width: 29px; position: absolute; top:-17px; right:-27px; background: url(/images/layout/rounded-corners-sm.png) no-repeat top left;} #bottom-left {height:28px; width: 29px; position: absolute; bottom:-16px; left:-16px; background: url(/images/layout/rounded-corners-sm.png) no-repeat top left;} #bottom-right {height:28px; width: 29px; position: absolute; bottom:-16px; right:-27px; background: url(/images/layout/rounded-corners-sm.png) no-repeat top left;} .band_detail h2 {margin:10px 0 0 0; font-family: georgia; font-size: 18px; color: #CC0000;} .band_detail h3 {margin: 1px 0 24px 0; font-family: "Trebuchet MS", Verdana, sans-serif; color: #000; font-size: 12px; font-weight: bold; } .band_content {height: 200px; line-height: 1.4; font-family: "Trebuchet MS", Verdana, sans-serif; color: #000; font-size: 11px;} /* FOOTER CONTENT */ /* ================================================== */ #footer .footer-links { text-align:center; color:white; font-size:9px; text-transform:uppercase; } #footer .footer-links li { list-style:none; display:inline; padding:0 6px 0 10px; background:transparent url(/images/nav/footer-sep.gif) no-repeat center left; } #footer .footer-links li.first { background:none; } #footer .footer-links li a {font-family: verdana; color:white; font-size:9px; *font-size: 10px; text-transform:uppercase; } #footer #credits { text-transform:none; padding-bottom:10px; } #footer #credits li a { text-transform:none; } /* HOMEPAGE OVERRIDES */ /* ================================================== */ .home {} .home #flash-img{height: 354px;} .home #footer-bottom { background:transparent url(/images/layout/bg-footer-home.gif) no-repeat scroll left bottom; padding-left: 30px; } .home #content { display:none; } /* HOMEPAGE FOOTER CONTENT */ /* ================================================== */ #did-you-know {padding:10px 0 10px 55px; color: #fff; position: relative; width: 850px; overflow: hidden;} #did-you-know span {padding:0 20px 0 0;} #fact_list{position: absolute; top: 10px; left: 900px; width: 700px;} #fact_list li{list-style: none; } .countdown {height:89px; width:415px; position: relative; float: left; background: url(/images/layout/bg-countdown.gif) no-repeat top left; font-family:"Trebuchet MS", Verdana, sans-serif;} .countdown #days, .countdown #hours {position: absolute; color: #136277; font-size: 16px;} .countdown #days strong, .countdown #hours strong{font-size: 40px; font-family: "Times New Roman", times, serif;} .countdown #days{top: 15px; left: 165px;} .countdown #hours{top: 15px; left: 250px;} #ticket_countdown{background: url(/images/layout/ticket_countdown.gif) no-repeat top left;} #signup {height:89px; width:237px; float: left; background: url(/images/layout/bg-signup.gif) no-repeat top left;} #input-signup {height: 14px; width: 130px; margin: 59px 0 0 38px; background: none; border: none; font-size: 11px; color: #666;} #bt-go {margin:1px 0 0 4px; height: 19px; width: 32px; border: none; background: url(/images/layout/bt-go.gif) no-repeat top left;} #tickets_footer {height:89px; width:241px; float: left; background: url(/images/layout/bg-tickets.gif) no-repeat top left;} /* PAGE SPECIFIC */ /* ================================================== */ #page38 #col-one, #page38 #col-two, #page38 #col-three { display:none; } /* Online games page -- hides columns */ .overlay_link{position: absolute; top: 35px; left: 535px; z-index: 100;} #tickets_overlay{background: url(/images/layout/tickets_overlay.png) top left no-repeat; height: 108px; width: 229px;} /*#tickets_overlay{background: url(/images/layout/tickets_overlay_thanks.png) top left no-repeat; height: 108px; width: 229px;}*/ /* STAMPEDE PACKS /* ================================================== */ #pack-cjay {height:300px; width: 200px; position: absolute; top: 30px; left: 40px; background: url(/images/layout/trans-gif.gif) repeat top left;} #pack-stampede {height:300px; width: 225px; position: absolute; top: 30px; left: 210px; background: url(/images/layout/trans-gif.gif) repeat top left;} #pack-vibe {height:300px; width: 200px; position: absolute; top: 30px; left: 400px; background: url(/images/layout/trans-gif.gif) repeat top left;} #pack-kids-stampede {height:300px; width: 200px; position: absolute; top: 30px; left: 620px; background: url(/images/layout/trans-gif.gif) repeat top left;} #test_cache_location{background: url(/images/test.gif);} /* RODEO RESULTS /* ================================================== */ .results_layout #content #col-two { width:auto; margin-left:0; padding-left:20px; } #content #rodeoresults h1 {font: 14px "Myriad Pro", Verdana, sans-serif; color: #2E96AD; text-transform:uppercase; margin-bottom:5px; } #content #rodeoresults tr.header td { font-weight:bold; } #content #results-nav dl { padding:0;margin:0; } #content #results-nav dd { margin:0; } #content #results-nav ul { padding:0;margin:0; } #content #results-nav li { margin:0;list-style:none;background:none; } #results-nav { padding-top:20px; } #results-nav dl { clear:both; height:27px; background-position:top left; background-repeat:repeat-x; } #results-nav dt { float:left; height:27px; line-height:25px; padding-left:30px; font-weight:normal; background-position:top left; background-repeat:repeat-x; text-transform:uppercase; color:white; } #results-nav dd { float:left; height:27px; padding:0 0 0 15px; background-position:top left; background-repeat:no-repeat; } #results-nav ul { height:25px; line-height:25px; } #results-nav li { float:left; padding-left:10px; } #results-nav li a { font-size:10px; *font-size:11px; } #results-nav li a.active { font-weight:bold; text-decoration:underline; } #results-days { background-image:url(/images/results/results-days-repeat.gif); } #results-days dt { background-image:url(/images/results/results-days-arrow-repeat.gif); } #results-days dd { background-image:url(/images/results/results-days-arrow.gif); } #results-days ul { } #results-days a { color:#127d92; } #results-events { background-image:url(/images/results/results-events-repeat.gif); } #results-events dt { background-image:url(/images/results/results-events-arrow-repeat.gif); } #results-events dd { background-image:url(/images/results/results-events-arrow.gif); } #results-events ul { } #results-events a { color:#337e2b; } /* Email Signup Form */ #email_signup_form{} #email_signup_form dl{width: 100%; clear: both; padding-bottom: 10px; float:left; margin:0;} #email_signup_form #email_signup_form_gender { margin-bottom:10px; } #email_signup_form #email_signup_form_gender dl { margin:0; padding:0; } #email_signup_form #email_signup_form_gender dd { margin:0; padding:0; } #email_signup_form dt{float:left; width: 100px; color: #000;} #email_signup_form dd{float: left; width: 400px; color: #000; } /* Small Homepage Change */ /* Vendor Form */ #bodyimage283div {margin-bottom:10px;} /* FEATURE ROW BLOCKS*/ .row_with_image{} .row_with_image .image-holder{float:left;} .row_with_image .feature_rowdesc{float:right; width:305px;} /* 3 ways contest for coke stage*/ ul#steps{margin:0; margin-top:20px;} ul#steps li{font-size:14px; padding-left:60px; padding-top:4px; display:block;} ul#steps ul{margin:0;} ul#steps ul li{padding-left:0px; padding-top:20px;} ul#steps li#one{background: url(/images/music/cokestage/covert_concert/bullet_one.gif) no-repeat top left;} ul#steps li#two{background: url(/images/music/cokestage/covert_concert/bullet_two.gif) no-repeat top left;} ul#steps li#three{background: url(/images/music/cokestage/covert_concert/bullet_three.gif) no-repeat top left;} ul#steps li#four{background: url(/images/music/cokestage/covert_concert/bullet_four.gif) no-repeat top left; padding-bottom:25px;} ul#steps li li{display:block;} ul#steps li dl {float:left; width:150px;} ul#steps li dl dt, ul#steps li dl dd{float:left; width:50%;} /*ul#steps li span{display:none;}*/ ul#steps li a {display:block; float:left; margin-right:10px;} ul#steps li#mail{padding-left:100px; height:50px; background:url(/images/music/cokestage/covert_concert/mail_icon.gif) no-repeat left 6px;} ul#steps li#facebook{padding-left:0px; height:50px; background:url(/images/music/cokestage/covert_concert/facebook_icon.gif) no-repeat left 6px;} ul#steps li#twitter{padding-left:0px; height:50px; background:url(/images/music/cokestage/covert_concert/twitter_icon.gif) no-repeat left 6px;} ul#steps tr td{padding:0 5px; text-align:left; vertical-align:middle;} table#application-form-3ways{margin-bottom:0;} /* Basic Pod */ .basic_pod { float:left; clear:right; width:130px; height:1%; display:block; position:relative; background:#fff; margin:0 8px 20px 0; } .basic_pod .image { margin-bottom:10px; overflow:hidden; } .basic_pod h2 { color:#bd2418; font-size:13px; font-weight:bold; font-family:'Lucida Grande'; } .basic_pod h2 a, .basic_pod h2 a:hover, .basic_pod h2 a:focus { color:#bd2418; } #col-one .basic_pod { margin:0; padding:15px 0 0 0; float:none; clear:both; _display:inline; } #col-one .basic_pod .image { padding:9px; background:#e4e1d6; border:1px solid #ccc; } #col-one .basic_pod h2 { padding:0 0 0 10px; } #col-one .basic_pod .content { padding:0 0 0 10px; } #col-one .basic_pod .content a { display:block; } /* Contest Form */ #basic_contest_entry_form .formerror { color:red; } /* Itinerary */ .basic_itinerary {} .basic_itinerary h3 {} .basic_itinerary dl { display:block; clear:both; overflow:hidden; } .basic_itinerary dl dt { display:block; width:90px; float:left; font-style:italic; } .basic_itinerary dl dd { display:block; width:460px; float:left; overflow:hidden; } .basic_itinerary dl dd span { display:block; width:325px; float:left; position:relative; height:1%; } .basic_itinerary dl dd .link { display:block; width:135px; float:left; text-align:right; } .basic_itinerary a.button{ float:right; display:block; color:white; height:auto; width:auto; margin:0; padding:0; text-decoration:none; font:12px "Trebuchet MS" sans-serif; font-weight:bold; } .basic_itinerary a.button:hover{ text-decoration:none;} .basic_itinerary a.button span.left { display:inline; padding-left:9px; height:23px; width:auto; line-height:23px; float:left; background:transparent url(/images/social/social_button_left.png) no-repeat; _background-image:url(/images/layout/blank.gif); _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/social/social_button_left.png", sizingMethod="crop"); cursor:pointer; } .basic_itinerary a.button span.right { display:inline; width:9px; height:23px; float:left; background:transparent url(/images/social/social_button_right.png) no-repeat; _background-image:url(/images/layout/blank.gif); _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/social/social_button_right.png", sizingMethod="crop"); cursor:pointer; } /* Itinerary */ .planner_itinerary {} .planner_itinerary h3 {} .planner_itinerary dl { display:block; clear:both; overflow:hidden; } .planner_itinerary dl dt { display:block; width:90px; float:left; font-style:italic; } .planner_itinerary dl dd { display:block; width:460px; float:left; overflow:hidden; } .planner_itinerary dl dd span { display:block; width:325px; width:460px; float:left; position:relative; height:1%; } .planner_itinerary dl dd .link { display:block; width:135px; float:left; text-align:right; } .planner_itinerary a.button{ float:right; display:block; color:white; height:auto; width:auto; margin:0; padding:0; text-decoration:none; font:12px "Trebuchet MS" sans-serif; font-weight:bold; } .planner_itinerary a.button:hover{ text-decoration:none;} .planner_itinerary a.button span.left { display:inline; padding-left:9px; height:23px; width:auto; line-height:23px; float:left; background:transparent url(/images/social/social_button_left.png) no-repeat; _background-image:url(/images/layout/blank.gif); _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/social/social_button_left.png", sizingMethod="crop"); cursor:pointer; } .planner_itinerary a.button span.right { display:inline; width:9px; height:23px; float:left; background:transparent url(/images/social/social_button_right.png) no-repeat; _background-image:url(/images/layout/blank.gif); _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/social/social_button_right.png", sizingMethod="crop"); cursor:pointer; } /* MODIFICATIONS BASED OFF SOCIAL LAYOUT */ .default_layout #logo a { cursor:pointer; background-image:url(/images/social/logo.png); _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/social/logo.png', sizingMethod='crop'); } .default_layout #content { background:#fff url(/images/social/content.gif) repeat-y 0px 0px; position:relative; _overflow:hidden; } .default_layout #content .content_wrapper { padding:20px 2px 10px; background:transparent url(/images/social/content_wrapper.gif) no-repeat; } .default_layout #superfooter { width:960px; margin-left:5px; overflow:hidden; background:#1f1b18 url(/images/seating/superfooter.gif) no-repeat; } .default_layout #footer { padding-top:110px; background:transparent url(/images/seating/footer_logo.gif) no-repeat top center;} .default_layout #footer #footer-bottom { display:none; } /* Changes */ .default_layout #topnav { display:none; } .default_layout #superfooter { display:none; } .default_layout #footer { padding:0; background:none; } .default_layout #footer #footer-bottom { display:block; height:0px; background:black; } /* SOCIAL NETWORKS (duplicated from social.css) */ .social_networks { position:absolute; right:18px; top:50px; overflow:hidden; } .social_networks h3 { float:left; margin:0 5px 0 0; line-height:1; color:#1e1a17; font-size:14px; text-transform:uppercase; } .social_networks a { float:left; width:30px; height:30px; background-position:top left; background-repeat:no-repeat; } .social_networks a.facebook { background-image:url(/images/social/facebook_white.gif); } .social_networks a.twitter { background-image:url(/images/social/twitter_white.gif); } .social_networks a.flickr { background-image:url(/images/social/flickr_white.gif); } .social_networks a.youtube { background-image:url(/images/social/youtube_white.gif); } .social_networks a span { display:none; } /* Changes for internal pages */ .default_layout .social_networks { margin:0; padding:0px 0px 25px 10px; overflow:hidden; position:static; _height:1%; } .default_layout .social_networks h3 { float:none; margin:0 5px 5px 5px; display:block; line-height:1; color:#1e1a17; font-size:14px; text-transform:uppercase; } /*2010 Countdown flip clock*/ #countdown_clock{position:relative; background: url(/images/countdown/clock_bg.jpg) no-repeat top left; width:225px; height:88px;} #countdown_clock .digit{float:left; width:29px; height:54px; margin-right:5px;} #countdown_clock #digits{padding-top:16px; margin-left:10px;} /* EVENT BUCKET */ #countdown_clock .bucket_top { position:absolute; left:0; top:0; width:225px; height:9px; background:url(/images/social/event_bucket_top.png); no-repeat; _background-image:url(/images/layout/blank.gif); _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/social/event_bucket_top.png", sizingMethod="crop");} #countdown_clock .bucket_bottom { position:absolute; left:0; bottom:0; _bottom:-8px; width:225px; height:9px; background:url(/images/social/event_bucket_bottom.png); no-repeat; _background-image:url(/images/layout/blank.gif); _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/social/event_bucket_bottom.png", sizingMethod="crop");} .lightwindow_content_sleeve{padding:10px;} .feature-pod{margin-bottom:10px; padding-bottom:10px; clear:both; float:none;} .feature-pod.left img{float:left; margin-right:20px;} .feature-pod.right img{float:right; margin-left:20px;} /*google map specific stuff */ .bubble_content{padding:5px 10px 1px 45px; width:187px; position:relative;} .blank .bubble_content{padding-left:25px; width:242px;} .infobox h1{margin:0; padding:0; font-size:16px; line-height:20px; margin-top:-8px; width:242px;} #thanks_calgary { display:block; position:absolute; z-index:50; left:700px; top:30px; width:227px; height:285px; background:url(/images/layout/thanks_calgary.jpg); }