/*
==============================================================
  Core Stylesheet for Site
	- Layout, Content, Type
==============================================================
*/


@import url('navigation.css');
@import url('print.css') print;



/* HTML Tags - Basic Styling 									  */
/* ============================================================== */
body{padding: 0 !important; margin: 0 !important; background: #CAE8E8 url(/images/layout/gradient.jpg) top left repeat-x;}
body {font: 11px/18px Verdana, sans-serif; }
body div{}
body a{color: #E51B24;}

h1{}
h1.section-title{ 	color: #fff; text-transform: uppercase; 
					font-size: 15px; letter-spacing: 2px; font-weight: normal; 
					font: 15px/29px "Gill Sans", "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif; 
					margin-bottom: 0;
					background: #E51B24; vertical-align: top;
					display: block; clear: both;
					padding-left: 10px;
				}
h2{position: relative; background: url(/images/layout/header_squares.gif) 5px 9px no-repeat; border-top: 1px solid #C5E5E4; border-bottom: 1px solid #C5E5E4;  font: 14px/14px "Gill Sans", "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif; text-transform: uppercase; padding-left: 30px; padding-top: 9px; _padding-top: 7px; padding-bottom: 7px;margin-bottom: 0;}
h3{margin: 0;font: 13px/20px "Gill Sans", "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif; text-transform: uppercase; width: 100%;  padding-bottom: 0px; margin: 10px 0 5px 0;}
h4{font-size: 12px; font-weight: bold; margin-bottom: 10px; padding-top: 0px;}
h2 a, h4 a, #sidebar h3 a{color: #000;}
h2 a, h4 a, h3 a{text-decoration: none;}
h2, h3{_font-weight: bold;}
p{font-size: 11px;}
p, img{margin: 0;}
dl{padding: 0;margin: 0; }
dt, dd{display: block; width: 100%;margin-left: 0;}
dd{width: 100%; }
ul, ol{margin-left: 30px;}
ul{list-style: none;}
b, strong{font-weight: bold !important;}
i, em{font-style: italic !important; background: none; text-decoration: none;}
#content ul{}
#content li{position: relative; margin: 0; padding: 0; padding-left: 10px; background: url(/images/layout/bullet_black.jpg) 0px 4px no-repeat;}

#site{width: 910px; margin: 0 auto 20px auto; overflow: hidden; padding: 0 40px 0 40px; padding-left: 30px;  background: #FFF url(/images/layout/content_bg.gif) 30px 31px repeat-y;}
#logobar_container{background: #fff; padding-top: 30px;}


/* Top Bar - Branding		 									  */
/* ============================================================== */
#logobar{width: 900px; float: right; background: #E51B24; padding: 0; margin-bottom: 2px;height: 26px; line-height: 26px; position: relative;}
##logobar{height: 24px; line-height: 24px;}
#logobar img{margin: 0!important; vertical-align: top;}

#search-link, #contact-link{color: #fff; text-transform: uppercase; font-size: 9px; text-decoration: none;}
#search-link{position: absolute; top: 0; right: 70px; width: 80px; height: 26px; background: url(/images/layout/search_button.gif) center left no-repeat;}
#contact-link{position: absolute; top: 0; right: 5px; width: 80px; height: 26px; background: url(/images/layout/contact_button.gif) center left no-repeat;}
#search-link span, #contact-link span{display: none;}

	
/* Masthead					 									  */
/* ============================================================== */
#masthead{height: 240px; width: 900px; position: relative; background: #fff url(/images/banners/default.gif) top left no-repeat;border-bottom: 2px solid #fff;overflow: hidden; float: right;}
#masthead .bodyimage{vertical-align: top; height: 240px; width: 960px;}

/* Content and Default Grid 									  */
/* ============================================================== */
#content{float: left;width: 680px; padding-bottom: 20px;}
	#column_1{display: block; width: 300px; float: left; z-index: 100; position: relative;}
	#column_1 h2{position: relative; margin: 0px 15px 0 25px; border-bottom: 1px solid #B5DDDD;background-position: 0px 11px; padding-left: 20px; position: relative; clear: both;}
	#column_1 h3{ margin: 10px 5px 0 20px; width: 210px;}
	#column_1 h4{display: block; clear: both; width: 250px;}
	#column_1 p{display: block; clear: both;font-size: 11px; padding-left: 15px;}
	#column_1 dl{margin-left: 35px; display: inline; width: 260px; padding-top: 10px; padding-bottom: 0; margin-bottom: 0;}
	#column_1 .more_link{display: block; clear: both;position:relative; width: 150px; _width: 130px;}
	
	
	#column_2{float: right; width: 380px; padding-left: 0px;margin-right: 0; background: #fff; position: relative; /*background: pink !important;*/ padding-bottom: 30px;}
	#column_2 p{padding-right: 10px; margin-bottom: 10px; padding-left: 10px;}
	#column_2 h2{margin-right: 5px; margin-bottom: 5px; background-position: 5px 10px;}
	#column_2 h2.first-heading{border-top: 1px solid #EAF6F6;}
	##column_2 h2.first-heading{position: relative; top: -3px;}
	#column_2 h3{padding-left: 10px; width: 310px;}
	#column_2 h4{/*margin-bottom: 0;*/}
	#column_2 dl{padding-left: 10px; width: 310px;}
	#column_2 a{}
	#column_2 p a{padding-left: 0px;}
	
	
.intro-copy{
						position: relative; display: block; padding: 20px 10px 0px 20px; background: #FFF url(/images/layout/intro_copy_bg.gif) top left no-repeat; 
						font: 18px/27px "Gill Sans", "Tahoma", "Arial", sans-serif; margin-bottom: 0px; width: 650px; float: left; clear: none; 
						color: #666;
						}
						.intro-copy p{font: 18px/27px "Gill Sans", "Tahoma", "Arial", sans-serif; margin-bottom: 0px; width: 650px; float: left; clear: none; 
						color: #666;}
#intro-border{ height: 20px; border-bottom: 1px solid #C5E5E4; margin-left: -7px; margin-right: -10px;}
#site ..intro_copy{font-weight: bold;}

/* Sidebar									  						*/
/* ============================================================== */
#sidebar{}
#sidebar div{display: block; clear: both;}
#sidebar h3, #sidebar .teaser h4{font-size: 14px; text-align: left; padding-left: 30px; border-top: 1px solid #c5e5e5; border-bottom: 1px solid #c5e5e5; display: block; clear: both; margin-top: 10px; padding-bottom: 5px; padding-top: 5px; overflow: hidden; background: url(/images/layout/header_squares.gif) 8px 10px no-repeat;}
#sidebar .teaser h4 a{margin: 0;font: 13px/20px "Gill Sans", "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif; text-transform: uppercase; text-decoration: none; color: #000;}

#sidebar h3.nav-title{text-align: center; padding-left: 0; background: none; font-size: 14px;}
.text{overflow: hidden;}
#sidebar .text{overflow: visible;}
	#sidebar h2, #sidebar div.content-title{margin-top: 10px;}
	#sidebar ul{margin: 0;}
	#sidebar li{list-style: none; line-height: 15px; background: none; padding: 3px 5px 3px 15px; margin: 0;}
	#sidebar li span{}

	#sidebar{float: right; width: 210px; overflow:hidden;padding: 0; padding-left: 10px; padding-right: 10px; margin-top: 1px; display: inline; background: #EAF6F6; /*background: green;*/}
	#sidebar p{margin: 10px;font-size: 11px;}
	#sidebar a{color: #e51b24;}
	#sidebar .more_link{width: 100%; display: block;clear: both;margin: 0;}
	#sidebar .item-list{margin-left: 20px;}
	#sidebar ul{padding-left: 10px;}
	#sidebar ul ul{display: none;}
	#sidebar .teaser{width: 210px;}
	#sidebar h4{width: 210px;}


#sidebar #heading_find_burnaby{background: url(/images/icons/compass.gif) 6px 6px no-repeat;}
#sidebar #heading_calendar{background: url(/images/icons/calendar.gif) 4px 7px no-repeat;}
#sidebar #heading_11{background: url(/images/icons/schedule.gif) 5px 7px no-repeat;}
#sidebar #heading_weather{background: url(/images/icons/weather.gif) 5px 7px no-repeat;}
#sidebar #heading_74{background: url(/images/icons/newsletter.gif) 5px 7px no-repeat;}


/*	VARIOUS GRIDS	 */
/*	============ */
	
	/*	HOME GRID	 */
	/*	============ */
	.home #site{background: #fff;}
	.home #content{background: url(/images/layout/content_bg_home.gif) top left repeat-y;}
	.home #masthead{height: 330px;}
	.home #masthead .bodyimage{height: 330px;}
	
	.home #content{width: 720px;}
	..home #content{width: 710px;}
	.home #column_1{/*min-height: 700px;*/ width: 346px;background: #fff;position: relative;}
	..home #column_1{height: 700px;display: inline;margin-right: 0px;}
	.home #column_1 h2{margin-left: 0;}



	.home #column_2{width: 370px; background: none;float:left;}
	..home #column_2{display: inline; margin: 0;width: 360px;}
	
	.home #column_2 h2{border-top: 1px solid #B5DDDD; border-bottom: 1px solid #B5DDDD;/*width: 290px !important;*/}
	.home #column_2 div+h2{border-top: 0;margin: 0;}
	
	.home #sidebar{float: right; width: 190px; margin-right: 0; background: #fff; padding-right: 0; padding-left: 0; margin-top: -2px;}
	..home #sidebar{}
	.home #sidebar h2{width:190px;margin-left:0;border-top:1px solid #EAF6F6;border-bottom:1px solid #EAF6F6;}
	.home #sidebar h3{width: 190px;_width: 170px;}
	
	.home .teaser{float: left; padding-bottom: 10px;border-bottom: 1px solid #B5DDDD;}
	.home #sidebar .teaser{border: 0;padding-bottom: 0;}
	.home .teaser .copy{width: 175px; _width: 165px;}
	.home #column_1 h2{margin-right: 0;}
	.home #column_1 h4{/*display: block; clear: both;*/ clear: right; width: 160px;}
	.home #column_1 .teaser .copy{width: 150px;}
	.home #column_1 .teaser .copy p{clear: none;}
	
	.home #column_1 .teaser a{float: none; display: inline;}
	.home #column_1 .more_link{padding-left: 0; margin-left: 0;}
	
	
	/*	WIDE GRID	 */
	/*	============ */
	.wide #column_1{display: none;}
	.wide #column_2{width: 650px; padding-top: 20px;}
	.wide #column_2 h2{width: 600px;}
	

	/*	LISTING GRID */
	/*	============ */
	.listing #column_1{}
	.listing #column_2{}
	.listing #sidebar {}


	/*	DETAIL GRID		 */
	/*	============ */
	.detail #column_1{width: 300px;}
	.detail #column_2{width: 380px; background: #fff;}
	.detail #sidebar {width: 190px;}


/*	FEATURED	 */
/*	============ */
#featured{position: relative; margin-top: -50px; z-index:100;}
#featured .event{margin: 10px;}

#promo-image{float: left; padding-right: 10px;}
#promo-image img{width: 100px; height: 80px;}


/*	TEASERS 	 */
/*	============ */
.teaser {position: relative; display: block; clear: both; float: left; padding: 10px 5px 10px 10px;}
.teaser img{float: left; padding: 0 10px 10px 0;}
.teaser_image{width: 165px; height: 110px;}
.teaser h4{margin-top: 0;margin-bottom: 5px; display: block; float: left; width: 270px;}
.teaser h4 a{text-decoration: none; color: #E51B24;}
.teaser .copy{float: left; width: 160px; padding-left: 0;}
.teaser .more_link{padding-left: 0; float: left; width: 160px;padding-left: 0;}

#column_2 .teaser{width: 355px; _width: 340px; float: left; background-image: none;}
#column_2 .copy{padding-right: 10px; margin-bottom: 10px; padding-left: 10px; }
#column_2 .teaser .copy{padding: 0;}
#column_1 .teaser{padding-left: 0px; margin-left: 25px;  display: inline; min-height: 100px; padding-bottom: 5px; border-bottom: 1px solid #B5DDDD;}
#site #column_1 .teaser .copy{float: none; display: block; width: auto;}
#column_1 .teaser .more_link{margin-left: 0;}
.home #column_1 .teaser{border-bottom: 4px solid #B5DDDD;}
#flash_featured{border-bottom: 2px solid #B5DDDD;}
.home #column_1 .teaser{margin-left: 0;}
.home #column_1 img{width: 165px; height: 110px;}
#column_1 .teaser .copy{display: block; width: 100%;  _width: 130px;}
.home #column_1 .teaser h4{width: 150px; _width: 160px; float: left;}
/*#column_1 .teaser img{display: none;}*/
.home #column_1 .teaser img{display: block;}

.copy p, #column_1 .copy p{padding-left: 0;}
.copy a, p a, .content a{text-decoration: none; color: #e51b24;}
.copy a.more_link, p a.more_link, .content a.more_link{text-decoration: underline;}

.accommodation, .attraction{position: relative; min-height: 240px; _height: 240px;}
.restaurant{padding-bottom: 30px;}
##column_1 .accommodation, ##column_1 .attraction, ##column_1 .restaurant, ##column_1 .event{_height: 100px;} 
.home #column_2 .accommodation,
.home #column_2 .attraction,
.home #column_2 .restaurant{margin-bottom: 0;}
#column_2 .teaser{min-height: 150px; _height: 150px;}
#column_1 .more_link{margin-left: 15px;}

.accommodation{}
.accommodation div{padding: 0 10px;display: block; width: 300px;}
.accomodation_special div.contact_info{padding: 0 10px;display: block; width: 300px;}
.attraction{}
.attraction div{padding: 0 10px;}
.attraction div.gallery, .attraction div.gallery div{padding: 0;}
.restaurant{float: left; clear: both; width: 100%;}
#column_2.restaurant .copy{padding: 0 10px 0 10px;}
.cuisine{display: block; clear: both;}
.cuisine h4{padding-left: 10px;margin-bottom: 0;}

.price{clear: both; overflow:hidden;}

#column_2 .address, #column_2 .contact{padding-left: 0; padding-top: 10px;}

.contact_info{width: 250px;padding-left: 10px;}

.location{ padding: 0 10px;}
.location h4{margin-bottom: 0;}
#column_2 .location .copy{padding: 0;}

#column_2 .main_image{position: absolute; top: 8px; left: -300px; padding: 0;}
.main_image img, img.main_image{width: 290px; height: 180px;}
#column_2 .main_image p{font-size: 11px; font-weight: bold; margin-left: 10px; padding-left: 0;}

.event, #column_2 .activity{width: 315px; _width: 330px; font-size: 11px; position: relative; min-height: 240px; _height: 240px;}
#column_1 .event{width: 255px; _width: 255px;}
.home #column_1 .event{width: 340px; _width: 340px;}

#column_2 .event, #column_2 .activity{width: 380px;}

/*.event img{width: 165px; height: 110px;}
#column_1 .event .copy{border: 1px solid;}*/

#column_2 .copy p{padding-left: 0;}

..video{margin-left: 5px;}


.mediaelement{padding: 5px 20px 10px 10px;}
.mediaelement a{padding-left: 5px; text-decoration: none;}
.mediaelement img{vertical-align: baseline;}


/*	MEDIA GALLERY 	  */
/*	================= */
#primary_wrapper{height: 450px; padding: 0 20px;}
#primary_details{height: 30px; width: 600px; margin-left: 20px;}
#primary_details span{line-height: 30px;}
#primary_details #primary_description{float: left;}
#primary_thumbs{width: 600px; margin-left: 20px;}
#download_link{float: right;}



.simple_calendar{width: 159px;display: block; clear: both; margin: 10px 0 10px 20px; overflow:hidden;}
.simple_calendar span{display: block; float: left; width: 20px; height: 20px; text-align: center;}


/*	SOCIAL TOOLS  	  */
/*	================= */
#social_tools{}
#social_tools p{display: block; clear: both;}
#social_tools span{display: block; float: left;}
#social_tools a{display: block; float: left; width: 20px; height: 16px; background: url(/images/icons/social_tools.gif) top left;}
/*#social_tools a:hover{background-position: 0 -16px;}*/
#social_tools a.twitter{background-position: 0px 0px;}
#social_tools a.twitter:hover{background-position: 0px -16px;}
#social_tools a.facebook{width: 22px; background-position: -18px 0px;}
#social_tools a.facebook:hover{background-position: -18px -16px;}
#social_tools a.flickr{background-position: -42px 0px;}
#social_tools a.flickr:hover{background-position: -42px -16px;}
#social_tools a.youtube{width: 19px; background-position: -62px 0px;}
#social_tools a.youtube:hover{background-position: -62px -16px;}
#social_tools a.delicious{background-position: -83px 0px;}
#social_tools a.delicious:hover{background-position: -83px -16px;}

#social_tools #follow{display: block;}
#social_tools #share{display: block; float: left; padding-right: 0;}
#social_tools #shares span{display: inline;}
#social_tools #share a{display: block; background: none; width: 130px; height: 20px; float: left; padding-left: 2px;}
#social_tools #share a img{margin: 0 !important;}



/*	FOOTER 	  */
/*	========= */
#footer{padding-left: 13px;margin-left: 0px; display: block; clear: both; width: 910px; height: 30px; line-height: 28px; background: #fff url(/images/layout/footer_bg.gif) 0 30px  no-repeat; position: relative; padding-bottom: 20px; color: red;}
#footer_links{}
#footer a{color: red;}
#footer #footer_home_link{position: absolute; top: 2px; right: 15px;text-transform: uppercase;}
.home #footer_home_link{display: none;}


/*	BACKEND  */
/*	========= */
#version_check{display: none;}


.more_link{font-size: 11px; float: left; margin-top: 10px;padding-left: 10px; text-decoration: underline !important;}
.collapsible{float: left; clear: both;}
.collapsible dt{cursor: pointer; padding: 5px 0;}
.accommodation{ clear: both;position: relative; padding-bottom: 30px;}

.gallery{margin-top: 8px;}
.gallery_primary{width: 290px;background: #fff;margin-bottom: 2px;}
.gallery_thumbs img{height: 45px; width: 55px; }


/*	FORMS  */
/*	========= */
fieldset{border: 0; margin: 0;}
label{float: left;width: 100px; text-align: left; padding-top: 20px;}
label span{display: block; float: left; clear: none; width: 112px; padding-left: 3px; position: relative;}
label span span{display: inline; width: auto; padding: 0; float: left; position: absolute; top: 0px; left: -5px;}
label.small{width: 100px;}
label.small input{width: 50px;}
label.small select{width: 50px;}
label.date select{width: 70px;}
label.medium{width: 300px;}
label.medium input{width: 180px;}
label.long{width: 700px; text-align: left;}
label.long span{display: block; float: left; width: 115px;}
label.long input{width: 480px;}
label.long > input {width: 363px;}
div.submit{display: block; clear: both;}

#tools{padding-bottom: 20px;}
#weather{padding-left: 10px; height: 110px; overflow:hidden; position: relative;}
#weather .more_link{position: absolute; top: 95px; left: 0px;}
#weather_detail{padding-left: 30px;}
.clear{height: 0px; line-height: 1px; display: block; clear: both; margin: 0; padding: 0;}

#signup_form{padding-left: 25px;}

.visitors #masthead{background: url(/upload/body_image/5/02/about.jpg) top left no-repeat;}
.travel-trade #masthead{background: url(/upload/body_image/1/03/traveltrade.jpg) top left no-repeat;}
.meeting-planners #masthead{background: url(/upload/body_image/3/02/meeting.jpg) top left no-repeat;}
.sports-organizers #masthead{background: url(/upload/body_image/2/09/giro.jpg) top left no-repeat;}
.media #masthead{background: url(/upload/body_image/4/02/media.jpg) top left no-repeat;}
.about-burnaby #masthead{background: url(/upload/body_image/5/02/about.jpg) top left no-repeat;}

#page_map #sidebar, #page_find-burnaby #sidebar{display: none;}
#page_map #content, #page_map #column_2, #page_find-burnaby #content, #page_find-burnaby #column_2{width: 910px;}