/**
 * Downtown Courtenay BIA screen styles
 */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}:focus{outline:0}body{line-height:1;color:black;background:white}ol,ul{list-style:none}table{border-collapse:separate;border-spacing:0}caption,th,td{text-align:left;font-weight:normal}blockquote:before,blockquote:after,q:before,q:after{content:""}blockquote,q{quotes: "" ""}

/*
 * Copyright (c) 2008, Yahoo! Inc. All rights reserved.
 * Code licensed under the BSD License:
 * http://developer.yahoo.net/yui/license.txt
 * version: 2.6.0
*/
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

/*** general styles ***/
body {
	color: #808080;
	line-height: 1.9;
	background: #fff none;
}

p { margin-bottom: 10px; }

a { text-decoration: none; color: #52bde2; }

a:hover { text-decoration: underline; }

#masthead a:hover, .subnav a:hover, .selector a:hover, h3 a:hover, h4 a:hover { text-decoration: none; }

ul { margin-left: 15px; list-style: disc; }

li, li a { color: #52bde2; }

li {
	margin-bottom: 6px;
	font: bold 11px/1.35 "Arial", sans-serif;
}


li em { font-style: italic; }

li p { margin-bottom: 0; }

h3, h3 a { color: #f6921e; }

h3 {
	margin-bottom: 12px;
	font: bold 16px/18px "Gotham", sans-serif;
	text-transform: uppercase;
	
}

h4, h4 a, .subnav a { color: #a5cd39; }

h4 {
	margin-bottom: 5px;

}

h4, .subnav li, .subnav a {
	font: bold 14px/1 "Arial", sans-serif;
}

.subnav h4 { margin-bottom: 0; }


input.text, input.file, select, textarea {
	display: block;
	width: 290px;
}

label .hint {
	display: block;
}

/*** frame ***/
#masthead:after, #header:after, #content:after, #footer_container:after, #footer:after, .entry:after, #lede:after {
	clear: both;
	display: block;
	visibility: hidden;
	overflow:hidden;	
	height: 0;
	content: "\0020";
}



#header, #map_container, #lede, #content, #footer_container, #footer, #legal {
	clear: left;
}

#masthead { position: relative; width: 100%; height: 95px; margin-top: 45px; }

#map_toggle, #map_toggle a {
	clear: both;
	display: block;
	height: 18px;
}


#map_toggle {
	width: 940px;
	margin: 0 auto;

}

#map_toggle a {
	width: 83px;
	margin: 17px 0 0 800px;
	text-indent: -9999em;
	background: transparent url("view_map.png") 0 -18px no-repeat;
}

#map_toggle a:hover, #map_toggle a.selected {
	background-position: 0 0;
}



.expanded_header #masthead { height: 62px; }

#header {
	width: 940px;
	height: 60px;
	margin: 0 auto 0;
}

#lede { width: 940px; margin: 0 auto; padding: 27px 0; }

#content { width: 940px; margin: 0 auto 125px; padding-top: 32px; }

#main {
	float: left;
	width: 620px;
	/*margin-top: 8px;*/
}

.with_side_callouts #main {
	width: 380px;
	margin-right: 20px;
	
}


#main .col {
	float: left;
	width: 300px;
	margin-right: 20px;
	padding: 0;
}

#main .col.last { margin-right: 0; }

#sidebar {
	float: left;
	width: 220px;
	margin-right: 100px;
}

.intro_box {
	float: left;
	width: 460px;
	margin-right: 20px;
}

.callout {
	float: left;
	width: 140px;
	margin-top: 20px;
	padding-right: 40px;
}



.callout.last { width: 160px; padding-left: 20px; padding-right: 0; }


#side_callouts {
	float: left;
	width: 220px;
	padding-top: 5px;
}

#side_callouts .storefront, #side_callouts .time, #side_callouts .contact {
	background: transparent url("dots_h.png")  0  100% repeat-x;
	padding-bottom: 15px;
	margin-bottom: 15px;
}

#side_callouts .storefront h4 a {
	background: transparent url("/inc/camera.png") 0 50% no-repeat;
	padding-left: 30px;
}

#side_callouts h4 { margin-bottom: 10px; text-transform: uppercase; }

#side_callouts .storefront h4 { margin-bottom: 0; }

#side_callouts ul 
{
	margin-left: 15px;
	margin-bottom: 0;
	/*padding-left: 20px;*/
}

#side_callouts li {
	font-size: 12px;
	font-weight: normal;
}


.intro_box .callout { margin-top: 13px; width: 200px; }
.intro_box .callout.last { width: 200px; }


#content .upcoming_box { float: left; width: 220px; margin-right: 20px; }

#content .visiting_box { float: left; width: 190px; padding: 0 15px; }

#footer_container { width: 100%; margin: 89px auto 0; height: 400px; }

#footer {
	width: 940px;
	margin: 0 auto;
	height: 192px;
	padding-top: 76px;
}

#footer .section { float: left; width: 140px; margin-right: 100px; }

#footer .section.search { width: 220px; margin-right: 0; }

#legal { width: 940px; margin: 15px auto; }


/*** header ***/

#masthead { background: transparent url("dots_h.png")  0  100% repeat-x; }

.expanded_header #masthead { background: none; }

#header a { outline: none; }

#logo, #logo a { display: block; width: 220px; height: 60px; }

#logo { float: left; margin-right: 100px; }

#logo a {
	text-indent: -9999em;
	background: transparent url("logo.png") 0 0 no-repeat;
}

#header_nav { float: left; width: 620px; margin-left: 0; }

#header_nav li, #header_nav a { display: block; width: 140px; }

#header_nav li { float: left;  margin-right: 100px; }

#header_nav li.last { margin-right: 0; }

#header_nav a {
	font: normal 11px/1.2 "Arial", sans-serif;
	color: #aaa;	
}

#header_nav h4 { 
	padding-top: 10px;
	font-size: 10px;
	font-family: "Gotham";
	text-transform: uppercase;
}

#header_nav h4, #header_nav h4 a { color: #666; }

#header_nav li:hover p a { color: #52bde2; }



/*** map container ***/
#map_container {
	width: 100%;
	margin: 0;
	height: 418px;
	background: #fff none;
}

.expanded_header #map_container { padding-top: 20px; height: 436px; }

#map_container_footer { 	
	clear: both;
	width: 100%;
	margin: 0;
	height: 1px;
	background: #fff url("dots_h.png") 0 100% repeat-x;
}

.collapsed_header #map_container, .collapsed_header #map_container_footer { display: none; }





html.js #map_container img { display: none; }

/*** sidebar ***/
#sidebar { margin-top: 8px; }

#sidebar h3 { margin-bottom: 20px; padding: 0 12px; }

#sidebar.no_nav h3 { padding: 0; }

ul.subnav { margin-left: 0; margin-bottom: 20px; padding-bottom: 1px; list-style: none; background: transparent url("dots_h.png") 0 100% repeat-x; }

.subnav li {
	margin: 0;
	padding: 16px 14px;
	background: transparent url("dots_h.png") 0 0 repeat-x;
}

.subnav a { display: block; margin-bottom: 0; line-height: 1; }

.subnav p { margin-top: 10px; }

.subnav li:hover, .subnav li:hover a { color: #87aa2e; background-color: #f4fce7; }




/*** main content ***/
#lede {
	
	background: transparent url("dots_h.png") 0 100% repeat-x;
}

#lede h2 { font: 300 italic 47px/1 "Gotham", sans-serif;
	letter-spacing: -0.04em;
	color: #52bde2; }

#lede.with_selector h2 {
	float: right;
	width: 622px;
}

#lede .selector, #lede .selector a { color: #fff; }

#lede .selector {
	z-index: 10;
	float: left;
	position: relative;
	width: 196px;
	margin-top: 10px;
	margin-right: 20px;
	padding: 10px 12px;
	color: #fff;
	background: #a5cd39 none;
	border: 1px solid #87aa2f;
	font: bold 15px/15px "Gotham", sans-serif;
	letter-spacing: .025em;
	text-transform: uppercase;
}




.selector a.select {
	display: block;
	background: transparent url("selector_arrow.png") 100% 50% no-repeat;
}

.selector .options {
	display: none;
	position: absolute;
	z-index: 2;
	margin-left: 0;
	list-style: none;
	width: 196px;
	padding: 12px;
	left: -1px;
	top: 35px;
	background: #a5cd39 none;
	border: 1px solid #87aa2f;
}

.entry_list {
	margin-top: -20px;
}

.entry {
	clear: left;
	padding-top: 20px;
	padding-bottom: 5px;	
	padding-left: 10px;
	padding-right: 10px;
	background: transparent url("dots_h.png") 0 100% repeat-x;	
}

.entry.with_image { min-height: 50px; }

#main .entry:hover, #main .entry li:hover a { color: #666; background-color: #FFFBFA; }



.entry h4 { text-transform: uppercase; margin-bottom: 8px; }

.entry .vignette { float: left; display: block; margin-right: 20px; }



#content { background: transparent url("bg_content.png") 50% 0 no-repeat; }



.image img {
	display: block;
}

.image {
	
	padding: 2px;
	border: 1px solid #ddd;
}

.inline.image {
	margin: 0 0 15px 15px;
	float: right;
}

.business.image, .event.image { display: block; margin: 15px auto; }

form div {
	margin-bottom: 20px;
}

form h3 { 
	margin-bottom: 0;
}

.ui-datepicker { margin-top: 10px !important; }

.ui-datepicker-header { margin-bottom: 0; }

form .hint {
	margin-bottom: 0;
	font-size: 11px;
}


#watch_video {
	float: right;
	display: block;
	width: 130px;
	height: 34px;
	margin: 5px 0 15px 20px;
	background: #fff url("btn_watch_video.png") 0 0 no-repeat;
	text-indent: -9999em;
}

/*** gallery ***/
ul.thumbs { margin: 0 0 20px; list-style: none; }

.thumbs li { display: block; float: left; margin: 0 17px 18px 0; }

.thumbs li.th06 { margin-right: 0; }

.thumbs .image { margin: 0; }



.callout { background: transparent url("dots_v.png") 165px 0 repeat-y; }

.intro_box .callout { background-position: 230px 0; }

.callout.last { background-image: none; }

.callout h4 { margin-bottom: 10px; }

.upcoming_box h3 { margin-bottom: 20px; padding: 0 14px; }



.upcoming_box li p, .visiting_box { font: normal 11px/1.36 "Arial", sans-serif; }

.upcoming_box p, .upcoming_box p a { color: #808080; }

.visiting_box img { display: block; margin-bottom: 15px; }

/*** footer ***/
#footer_container {
	background: #a5cd39 url("bg_footer.png") 0 0 repeat-x;
}

#footer { background: transparent url("bg_footer_shadow.png") 50% 0 no-repeat; }

#footer, #footer li, #footer a { color: #fff; font-size: 11px;  }

#footer li a:hover { text-decoration: underline; }

#footer h4 {
	width: 140px;
	text-transform: uppercase;
	font: bold 11px/1 "Gotham", sans-serif;
	border-bottom: 1px solid #fff;
	padding-bottom: 7px;
	margin-bottom: 10px;
}

#footer h4, #footer h4 a { color: #fff; }

#footer p, #footer li { line-height: 1.7; }

#footer .adr { line-height: 1.72; }

#footer ul { list-style: none; margin-left: 0; }

#footer li { margin-bottom: 0; }

#footer_search p { margin-bottom: 0; }

#footer_search_q { 
	display: block;
	width: 208px;
	margin: 15px auto 10px;
	padding: 3px 5px;
	border: 1px solid #90b431;
	background: #e4f0c3 none;
}

#legal { font: normal 9px/1.72 "Arial", sans-serif; }

#legal p { margin-bottom: 2px; }

#legal, #legal a { color: #fff; }


/*** jquery ui theme overrides ***/
.ui-datepicker th, .ui-datepicker td {
	font-size: 10px !important;
}

.ui-datepicker td a, .ui-datepicker td span {
	padding: 1px !important;
}

#lightbox-container-image-data-box, #lightbox-container-image-data { overflow: hidden; }