/* Default Stylesheet for Nterchange Frontend */ /* ================================================== */ @import url(print.css) print; /*@import url("other_stylesheet.css") screen;*/ /* HTML RULES */ /* ================================================== */ body { font:11px "Lucida Grande", "Trebuchet MS", Verdana, sans-serif; margin:0; background:#361c0f; } h1 { font:26px "Trebuchet MS","Trebuchet","Arial",sans-serif; } h2 { font:22px "Trebuchet MS","Trebuchet","Arial",sans-serif; margin:0 0 10px 0;} h3 { font:18px "Trebuchet MS","Trebuchet","Arial",sans-serif; margin:0 0 10px 0;} h4 { font:13px "Trebuchet MS","Trebuchet","Arial",sans-serif; margin:0 0 5px 0; font-style:italic;} p { line-height:1.5; margin-bottom:10px; } a {} a:hover {} a:focus { outline:0; } h2 a{ color:#222; } h3 a{ color:#222; } .mediaelement img{margin:0 2px -3px 0;} .js .randomize { visibility:hidden; } /* SITE LAYOUT RULES */ /* ================================================== */ #site { position:relative; width:984px; margin:0 auto; } #masthead { position:relative; width:100%; height:150px; background:url(/images/layout/internal_head.gif) no-repeat bottom left; } #logo { margin:0; } #logo a { position:absolute; left:50px; top:25px; display:block; width:840px; height:90px; background:url(/images/layout/logo.gif) no-repeat top left; } #logo a span { display:none; } #clf_navigation { padding-right:6px; } #clf_navigation p { position:absolute; margin:0; right:380px; top:7px; color:white; } #clf_navigation p a { color:white; text-decoration:none; } #top_navigation ul { position:absolute; left:265px; bottom:18px; list-style-type:none; margin:0; } #top_navigation ul li { float:left; } #top_navigation ul li a { font:12px "Trebuchet MS","Trebuchet","Arial",sans-serif; color:#37160f; font-weight:bold; text-decoration:none; } #top_navigation ul li a { display:block; display:inline-block; height:23px; padding-left:10px; text-decoration:none; background:url(/images/layout/navigation_tab_left.gif) no-repeat top left; } #top_navigation ul li a span { display:block; display:inline-block; height:23px; line-height:23px; padding-right:10px; text-align:center; background:url(/images/layout/navigation_tab_right.gif) no-repeat top right; cursor:pointer; } #top_navigation ul li a:hover, #top_navigation ul li.open a { background-position:left -23px; } #top_navigation ul li a:hover span, #top_navigation ul li.open a span { background-position:right -23px; } /* Optional hard-code tab widths */ #navitem_events { width:auto; } #navitem_services { width:auto; } #navitem_venues-and-facilities { width:auto; } #navitem_about-us { width:auto; } #navitem_event-calendar { width:auto; } #navitem_around-calgary { width:auto; } #navitem_contact-us { width:auto; } #content { position:relative; padding:0 0 0 12px; width:972px; background:url(/images/layout/internal_body.gif) repeat-y top left; } #main { float:right; width:690px; _width:660px; padding:0 16px 0 0; } #main .container { width:auto; padding:22px 24px; height:1%; } #main h1 { font-size:28px; font-size:30px; color:#37160f; margin:0; padding-bottom:0.5em; } .js #main h1 { visibility:visible; } #main .text ul{list-style-type:none; margin:0 0 10px 5px; padding:0;} #main .text ul ul {margin-bottom:-5px;} #main .text li{background:transparent url(/images/layout/bullet.gif) no-repeat scroll 5px 5px; padding:0 0 5px 14px;} #main .text ol{padding-left:10px;} #main .text ol li{background:none; padding:0 0 5px 0;} #main .text em{background:none;} #main .directions h3{margin:0;} #main .directions th{vertical-align:bottom;} #main .directions td{border-width:0;padding-top:10px;} #main .infobox{width:210px; float:right; margin:0 0 20px 30px; padding:5px; border:1px solid lightgrey;} #page_5 #main .bodyimage{margin-right:20px;} #gallery{position:relative; clear:both; height:1%; } #gallery .carousel_slides_container { position: relative; margin: 0 0 10px 0; } #gallery .carousel_slides_outer { position:relative; height:350px; overflow:hidden; } #gallery .carousel_slides_inner { width:640px; height:350px !important; position:relative; overflow:hidden; } #gallery ul, #gallery li { margin:0 0 10px 0; padding:0; list-style:none; list-style-type:none; } #side { float:left; width:254px; padding-bottom:50px; } .home #side{margin-top:10px;} #side .text {margin: 0 20px;} #side_navigation { padding:13px 0 0 0; } #side_navigation ul { list-style-type:none; margin:0; } #side_navigation ul li { } #side_navigation ul li a { font:11px "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#37160f; font-weight:bold; text-decoration:none; text-transform:uppercase; } #side_navigation ul li a:hover { color:#BA3602; } #side_navigation ul li a { display:block; display:inline-block; width:223px; padding:3px 0 1px 30px; background:url(/images/layout/navigation_pattern.gif) repeat-x top left; } #side_navigation .navlevel_1 { padding:4px 0 4px 0; background:url(/images/layout/navigation_pattern.gif) repeat-x top left; } #side_navigation ul li.active a { color:#ba3602; } #side_navigation ul li.active ul a { color:#37160f; } #side_navigation ul ul li.open a { font-weight:bold; } #side_navigation ul ul li.open ul a { font-weight:normal; } #side_navigation ul ul li a { display:inline; width:auto; padding:0 0 1px 40px; text-transform:none; font-weight:normal; background:none; } #side_navigation ul ul li.active a { background:url(/images/layout/navigation_bullet.gif) no-repeat 31px 4px; } #side_navigation ul ul li.active ul li a, #side_navigation ul ul ul li a { padding:0 0 1px 50px; text-transform:none; font-weight:normal; background:none; } #side_navigation ul ul ul li.active a { background:url(/images/layout/navigation_bullet.gif) no-repeat 41px 4px; } #side_navigation ul ul li.closed div { display:none; } #side_navigation ul li.closed div { } #altside {} /* EVENTS TABLE */ /* ================================================== */ #main table.events { width:100%; color:white; } #main table.events a{color:#361C0F;} #main table.events tr { } #main table.events tr th { padding:5px 13px 5px 13px; font-size:12px; text-transform:uppercase; border:1px solid #733d28; text-align:left; color:black; } #main table.events tr td { padding:5px 13px 5px 13px; font-size:12px; border:1px solid #361C0F; color:#733d28; color:#361C0F; } #main table.events tr .first { width:0px; padding:0px; border-width:0px; } #main table.events tr.highlight .first { width:6px; padding:0px; background:#aa1f14; border:1px solid #aa1f14; border-width:1px 0px 1px 0px; } #main table.events tr.highlight td { font-weight:normal; background:#C7B09A; border:1px solid #844831; } #main table.events a:hover { text-decoration:underline; } /* TAB NAVIGATION RULES */ /* ================================================== */ /* .tabs_container { width:640px; height:24px; margin:0 0 10px 0; padding:0; background:url(/images/tabs/bg-ul-tabs.gif) repeat-x bottom left; list-style:none; font:11px 'trebuchet MS';} .tabs_container li { float:left; padding:0; margin:0 7px 0 0; background:none; list-style-type:none; } .tabs_container li a { display:block; _display:inline-block; height:24px; color:#666; text-decoration:none; background:url(/images/tabs/tabs_left.gif) no-repeat top left; padding:0; } .tabs_container li a:hover, .tabs_container li a.active { font-weight:bold; background-position:left -24px; }s .tabs_container li a span { display:block; _display:inline-block; height:24px; line-height:24px; padding:0px 7px; font-weight:bold; font-size:11px; cursor:pointer; text-decoration:none; background:transparent url(/images/tabs/tabs_right.gif) no-repeat top right; } .tabs_container li a:hover span, .tabs_container li a.active span { background-position:right -24px; } */ ul.tabs_container { height: 33px; line-height: 33px; position: relative; margin: 0; padding: 0; list-style: none; } ul.tabs_container li { padding: 0; margin: 0 3px 0 0; float: left; background: none; list-style-type: none; } ul.tabs_container li a { display: inline-block; color: #666; text-decoration: none; padding: 0; margin: 0; background: url(../images/tabs/tab_large_left.gif) no-repeat top left; } ul.tabs_container li a span { padding: 0px 14px; margin: 0; display: inline-block; font-weight: bold; cursor: pointer; text-decoration: none; background: transparent url(../images/tabs/tab_large_right.gif) no-repeat top right; } ul.tabs_container li a:hover, ul.tabs_container li a.active { font-weight: bold; background-position: left 100%; text-decoration: none; } ul.tabs_container li a:hover span, ul.tabs_container li a.active span { background-position: right 100%; } .tab_section { padding: 10px; margin-top: -1px; /*border: 1px solid; border-color: #e8e8e8; border-width: 1px 0 0 1px; border-style: solid;*/ height: 1%; } #footer { position:relative; width:100%; height:32px; padding-top:30px; color:white; background:url(/images/layout/internal_foot.gif) no-repeat top left; } #footer a { color:white; } #footer_nav {} #credits { text-align:center; } /* BASIC CLASSES */ /* ================================================== */ .clear { display:block; clear:both; height:1px; line-height:1px; font-size:1px; } .img_left { float:left; } .img_right { float:right; } /* NAVIGATION RULES */ /* ================================================== */ #nav ul {} #nav ul li { position:relative; } #nav ul li a {} #nav ul li a span {} #nav ul ul {} #nav li.inactive ul {display: none;} #nav li.active ul {display: block;} #nav li.current a{font-weight: bold;} .horiz_nav {} .horiz_nav ul {} .horiz_nav ul li { float:left; } /* SEARCH */ /* ================================================== */ #search form {} #search form input.text {} #search form input.button {} #searchresults dd { margin-bottom:5px; } #searchresults dl { margin-top:15px; } /*Corners*/ .corner { position:absolute; width:10px; height:10px;} .corner_top_left { top:0; left:0; background:url(/images/layout/gallery_top_left.png); _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/layout/gallery_top_left.png",sizingMethod="scale");} .corner_top_right { top:0; right:0; background:url(/images/layout/gallery_top_right.png); _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/layout/gallery_top_right.png",sizingMethod="scale");} .corner_bottom_left { bottom:0; left:0; background:url(/images/layout/gallery_bottom_left.png); _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/layout/gallery_bottom_left.png",sizingMethod="scale");} .corner_bottom_right { bottom:0; right:0; background:url(/images/layout/gallery_bottom_right.png); _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/layout/gallery_bottom_right.png",sizingMethod="scale");} /* HOMEPAGE */ /* ================================================== */ .home {} .home #masthead { height:150px; background-image:url(/images/layout/home_head.gif); } .home #top_navigation ul { bottom:13px; _bottom:12px; } .home #top_navigation ul li a:hover { background-position:left top; } .home #top_navigation ul li a:hover span { background-position:right top; } .home #content { background-image:url(/images/layout/home_body.gif); background-color:#bf976e;} .home #footer { background-image:url(/images/layout/home_foot.gif); } .home #top_left { padding:20px 100px; } .home #content .container { margin:-5px 9px 0 9px; } #home_gallery {position:relative; clear:both; width:932px; padding:5px; background:url(/images/layout/home_frame.gif); } #home_gallery .carousel_slides_inner { width:932px !important; height:312px !important; overflow:hidden; } #home_gallery ul {margin:0; padding:0; list-style:none; list-style-type:none;} .js #event_ticker{visibility:visible;} #event_ticker {position:relative; float:left; width:310px; padding:5px; background:url(/images/layout/ticker_frame.gif); } #event_ticker .carousel_slides_inner { width:310px !important; height:196px !important; overflow:hidden; } #event_ticker ul {margin:0; padding:0; list-style:none; list-style-type:none;} #event_ticker li { background:#753c2a; /*background:#EFDECA;*/ width:400px; width:320px; list-style:none; list-style-type:none; color:#fff; } #event_ticker li.carousel_slide_odd{background:#753c2a; /*background:#EFDECA;*/ } #event_ticker li.carousel_slide_even{background:#753c2a; /*background:#FFF;*/ } #event_ticker li h3 { position:relative; margin:0; padding: 8px 20px 0; font-size:13px; font-weight:bold; color: #fff; } #event_ticker li h3 a { text-decoration:none; color:#fff; } #event_ticker li p { position:relative; margin:0; padding:0 20px 8px; } .home .corner { position:absolute; width:15px; height:15px; background-repeat:no-repeat; background-position:top left; } .home .corner_top_left { top:0; left:0; background-image:url(/images/layout/module_corner_top_left.png); _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/layout/module_corner_top_left.png", sizingMethod="scale"); } .home .corner_top_right { top:0; right:0; background-image:url(/images/layout/module_corner_top_right.png); _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/layout/module_corner_top_right.png", sizingMethod="scale"); } .home .corner_bottom_left { bottom:0; left:0; background-image:url(/images/layout/module_corner_bottom_left.png); _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/layout/module_corner_bottom_left.png", sizingMethod="scale"); } .home .corner_bottom_right { bottom:0; right:0; background-image:url(/images/layout/module_corner_bottom_right.png); _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/layout/module_corner_bottom_right.png", sizingMethod="scale"); } .home #main { float:left; clear:left; width:622px; padding:0; margin:0; } .home #main .content { padding:10px; margin:0; } .home #footer_left { float:left; clear:left; width:622px; padding:5px 0 0 10px; margin:0; } .home #footer_right { float:left; width:310px; padding:5px 0 0 5px; margin:0; margin-left:-10px; } .home #footer_left .bodyimage img, .home #footer_right .bodyimage img { margin:0; } .home #content h2 { font-size: 24px; } .js .home #content h2 {visibility:hidden;} /* VENUE */ /* ================================================== */ /*.venue #main .container {padding:10px 0 0 0; margin:0 37px 0 13px;}*/ .venue #page_title{float:left;} #venue_media{float:right; margin-top:15px;} #venue_media img{margin:0;} #venue_gallery{ width: 640px; position:relative; } #venue_gallery ul, #venue_gallery li { margin:0; padding:0; list-style:none; list-style-type:none; display:block; } #venue_gallery .carousel_slides_container { margin: 0 0 10px 0; } #venue_gallery .carousel_slides_outer { position:relative; height:350px; overflow:hidden; } #venue_gallery .carousel_slides_inner { width: 640px !important; height: 350px !important; } #venue_gallery .carousel_thumbs_container { margin: 0 0 10px 0; padding: 9px 10px; width:620px !important; background:url(/images/layout/thumbs.gif) left top no-repeat; } #venue_gallery .carousel_thumbs_container .carousel_thumbs_outer { width: 620px; } #venue_gallery .carousel_thumbs_container .carousel_thumbs_outer .carousel_thumbs_pointer { background: transparent url(/images/layout/gallery_pointer.gif) left top no-repeat;} #venue_gallery .carousel_thumbs_container .carousel_thumbs_outer .carousel_thumbs_inner { width: 620px !important; } #venue_gallery .carousel_thumbs_container .carousel_thumbs_outer .carousel_thumbs_inner ul.thumbs li { padding-right: 10px; } #venue_gallery .carousel_thumbs_container .carousel_thumbs_outer .carousel_thumbs_inner ul.thumbs li a { width: 95px; height: 52px; } #venue_gallery .carousel_thumbs_container .carousel_thumbs_outer .carousel_thumbs_inner ul.thumbs li img { width: 95px; } #venue_gallery .carousel_thumbs_container a.carousel_thumbs_previous { display: none !important; } #venue_gallery .carousel_thumbs_container a.carousel_thumbs_next { display: none !important; } #venue_description{padding:10px; clear:both;} .venue_description{overflow:auto;} #venue_description ul{list-style-type:none; margin:0 0 10px 0; padding:0;} #venue_description li{background:transparent url(/images/layout/bullet.gif) no-repeat scroll 0 5px; padding:0 0 5px 14px;} #venue_features{position:relative; z-index:10; width:640px; height:1%; background:url(/images/layout/features.gif) left top; margin-bottom:20px;} #venue_features .corner{position:absolute; z-index:20; width:10px; height:10px; top:0px; background-position:left top; background-repeat:no-repeat; display:none;} #venue_features #venue_features_top_left{background-image:url(/images/layout/features_top_left.gif); left:0;} #venue_features #venue_features_top_right{background-image:url(/images/layout/features_top_right.gif); right:0;} #venue_features .venue_feature {width:212px; float:left; padding-right:1px;} #venue_features .venue_feature .content {color:#37160f; padding:12px;} #venue_features .venue_feature .content ul{list-style-type:none; margin:0 0 10px 0; padding:0;} #venue_features .venue_feature .content li{background:transparent url(/images/layout/bullet.gif) no-repeat scroll 0 5px; padding:0 0 5px 14px;} #venue_features .first_column {padding-left:1px; clear:left;} #venue_features .venue_feature:nth-of-type(3n+1) {padding-left:1px; clear:left;} #venue_features .venue_feature h3 {margin:0; background:#d5ccbe; color:#37160f; font-size:11px; font-weight:bold; padding:5px 13px; text-transform:uppercase;} #venue_features .first_row h3{background:url(/images/layout/features_top.gif); color:white; margin-left:-1px;} #venue_features .venue_feature:nth-of-type(1) h3, #venue_features .venue_feature:nth-of-type(2) h3, #venue_features .venue_feature:nth-of-type(3) h3 {background:url(/images/layout/features_top.gif); color:white; margin-left:-1px;} #venue_features .first_column h3{margin-left:0px;} #venue_features .venue_feature:nth-of-type(3n+1) h3 {margin-left:0px;} .venue_media { margin:0 0 10px;} .venue_media img { margin: 0 5px;} .left_column, .right_column { display: block; float: left; width: 46%; border-left: 1px solid #EEE; margin:10px 2% 0 0; padding-left: 4%; } .left_column{ border: 0; margin-right: 1%; padding: 0; } /* Surf to edit niceness */ .nterchange #site{margin-top:-15px;} .nterchange .pagecontent > div a img, .nterchange .pageContentAdd a img {margin:0;} .nterchange #home_gallery .carousel_slides_inner{height:auto !important; max-height:none !important;} .nterchange #home_gallery .corner{display:none;} .nterchange #home_gallery .pagecontent{position:relative;} .nterchange #home_gallery .pagecontent > div{position:absolute; left:5px; top:5px;} .nterchange #home_gallery .pagecontent > .editableRegion{position:static; right:auto; top:auto;} .nterchange #event_ticker .carousel_slides_inner{height:auto !important; max-height:none !important;} .nterchange #event_ticker .corner{display:none;} .nterchange #event_ticker .pagecontent{position:relative;} .nterchange #event_ticker .pagecontent > div{position:absolute; left:5px; top:5px;} .nterchange #event_ticker .pagecontent > .editableRegion{position:static; right:auto; top:auto;} /*.nterchange .home .content{position:relative;} .nterchange .home .carousel .pageContentAdd{position:absolute;right:12px;top:12px;z-index:30;background:#CCCCCC;border:2px solid #CCCCCC;border-bottom-width:1px;color:black;} .nterchange .home .carousel .pagecontent{position:absolute;left:5px;top:5px;} .nterchange .home .carousel .pagecontent > div{position:absolute; left:5px; top:5px;} .nterchange .home .carousel .pagecontent > .editableRegion{position:static; right:auto; top:auto;} */ .nterchange #gallery .carousel_slides_inner{height:auto;max-height:none;} .nterchange #gallery .carousel_slides_outer, .nterchange #gallery .carousel_slides_inner{height:auto !important; max-height:none !important;} .nterchange #gallery ul.slides li {height:350px;margin:0;margin-bottom:5px;overflow:hidden;} .nterchange #gallery .corner{display:none;} .nterchange #gallery .pagecontent{position:relative;} .nterchange #gallery .pagecontent > div{position:absolute; left:5px; top:5px;} .nterchange #gallery .pagecontent > .editableRegion{position:static; right:auto; top:auto;} .nterchange #venue_gallery .carousel_slides_outer, .nterchange #venue_gallery .carousel_slides_inner{height:auto !important; max-height:none !important;} .nterchange #venue_gallery ul.slides li {height:350px;margin:0;margin-bottom:5px;overflow:hidden;} .nterchange #venue_gallery .corner{display:none;} .nterchange #venue_gallery .pagecontent{position:relative;} .nterchange #venue_gallery .pagecontent > div{position:absolute; left:5px; top:5px;} .nterchange #venue_gallery .pagecontent > .editableRegion{position:static; right:auto; top:auto;} .nterchange #venue_features .venue_feature .pagecontent{position:relative;} .nterchange #venue_features .venue_feature .pagecontent > div{position:absolute; right:5px; top:5px;} .nterchange #venue_features .venue_feature .pagecontent > .editableRegion{position:static; right:auto; top:auto;} /* SOCIAL NETWORKS */ .social_networks {margin-left:20px;} .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_light.gif); } .social_networks a.twitter { background-image:url(/images/social/twitter_light.gif); } .social_networks a.flickr { background-image:url(/images/social/flickr_light.gif); } .social_networks a.youtube { background-image:url(/images/social/youtube_light.gif); } .social_networks a span { display:none; } .home .social_networks a.facebook { background-image:url(/images/social/facebook_dark.gif); } .home .social_networks a.twitter { background-image:url(/images/social/twitter_dark.gif); } .home .social_networks a.flickr { background-image:url(/images/social/flickr_dark.gif); } .home .social_networks a.youtube { background-image:url(/images/social/youtube_dark.gif); }