/* -----------------------------------------------------------------------
 
   Start Northwest
   http://startnw.com

   Copyright (c) 2004-2009 Ryan Christensen
   http://ryanpc.com, http://glaciermedia.com

----------------------------------------------------------------------- */

/* Structure
----------------------------------------------------------------------- */

body { background: #fff; font-size: 100%; color: #333; margin: 0; padding: 0; }

#header { background: #222; border-bottom: 2px solid #ccc; text-align: center; }
	#header .container { margin-top: 0; margin-bottom: 0; padding: 0; border-bottom: 8px solid #000;}
	#header .navigation { height: 60px; vertical-align: bottom; position: relative; }
		#header .navigation p { position: absolute; bottom: 0px; right: 0; padding: 0; margin: 0; color: #888;  }
		#header .navigation p a { color: #ccc; border-bottom: none; padding: 0; margin-left: 1.25em; text-shadow: #000 1px 1px 1px; text-decoration: none; }
		#header .navigation p a:hover, #header .navigation p a.current { color: #fff; }
		#header .navigation .strong a { color: #fff; }
		#header .navigation .userbar { margin-left: 1.25em; border-left: 2px solid #333; }
.container { width: 950px; margin: 2em auto 0 auto; }
#footer { margin-top: 3em; background: #fff; padding: 1.5em 0 0; border-top: 1px solid #dfdfdf; text-align: left;  }
	#footer #footer2 { width: 950px; margin: 2em auto 1.5em auto; color: #999; font-size: 90%; }
	#footer a { color: #999; }
	#footer strong { color: #777; font-size: 130%; font-weight: normal; }
p, li, dd, dt { font-size: 100%; }


/* Headers
----------------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #111; line-height: 1.4em; padding: 0; margin: 0 0 .5em 0; height: auto; }

h1 { font-size: 2.75em; margin-bottom: 0em; line-height: 1.1em; margin-top: -.3em; }
h2 { font-size: 1.75em; margin-bottom: .5em; line-height: 1.2em; }
h3 { font-size: 1.5em; font-weight: bold;}
h4 { font-size: 1.2em; font-weight: bold; }
h5 { font-size: .90em; font-weight: bold; color: #000; margin-bottom: 1.5em; }
h6 { font-size: .8em; margin-bottom: .35em; color: #555; }

h1,h2,h3,h4 { letter-spacing: -.03em; }

#header h1 { font-size: 1.25em; color: #999; }
#header h1 strong { color: #666; display: none; }
#events h2 { margin-bottom: .5em; background: url('/images/icons/misc/calendar_48.png') no-repeat -10px 0; padding-left: 40px; padding-top: .2em; }
#events h4 { margin-bottom: .5em; margin-top: .25em; }
#places h2 { margin-bottom: .5em; background: url('/images/icons/misc/pharmacy_32.png') no-repeat 0px 6px; padding-left: 40px; padding-top: .2em; }
h3.divider { font-size: 1.5em; line-height: 1; padding-bottom: .5em; margin-bottom: .5em; }
/* h1.title-home { background: url('/images/icons/iconzon/home_48.png') no-repeat 2px 2px; padding-left: 60px; } */

.note h3 { margin: 0 0 0 0; }


/* Links
----------------------------------------------------------------------- */

a { color: #35a; }
a:hover { color: #136; }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { text-decoration: none; border-bottom: 1px solid #ccc; }

h1 a { border: none; }
h2 a { color: inherit; }
h5 a { color: #47a; border: none; }
h6 a { color: #333; border-bottom: 1px solid #ccc; }

#events h2 a, #places h2 a { border: none; }

.quiet a { color: #666; }

#images a, a.noborder { border: none; }

a.warning, span.warning { padding-left: 22px; background: url('/images/icons/function/warning_16.png') no-repeat 0 1px; border: none; }
a.accepted, span.accepted { padding-left: 22px; background: url('/images/icons/function/accepted_16.png') no-repeat 0 1px; border: none; }


/* Miscellany
----------------------------------------------------------------------- */

.small,.large { line-height: inherit; }
.large { font-size:1.2em; padding-bottom: none; line-height: none; }
.extralarge { font-size:2em; padding-bottom: none; line-height: none; }
.box {padding:1em 1em .1em 1em;margin-bottom:1.5em;background:#E5ECF9; border: 2px solid #d4dbe8;}
ul { list-style-type: square; margin-left: 2em; }
#related p, #related li { color: #666; }
#related h5 { color: #369; font-weight: bold; margin-bottom: .70em; padding-bottom: .75em; border-bottom: 1px dotted silver;  }
.strong { font-weight: bold; }
.weak { font-weight: normal; }
.italic { font-style: italic; }
p.less-margin { margin: 0 0 1em 0; }
div.colborder { padding-right: 24px; margin-right: 24px; border-right: 2px dotted #ddd;}
.event_list_item { margin: 10px 0; }
.event_list_item h5 { margin-top: 7px; border-top: 1px dotted #999; padding-top: 10px; }
.event_list_item h6 { margin-bottom: 7px; }
.event_list_item h6 a { border: none; }
.headliner { text-transform: uppercase; margin-bottom: .5em; color: #369; }
.fieldError { border-right: 5px solid #900 !important; }
.with_gray_bg { background: #eee; }
.no_border { border: none; }
.event, .note { padding: 10px 0 10px 0; margin: 0 0 10px 0; border-bottom: 1px solid #ddd; }
.note .meta, .callout a, a.callout { color: #888; }
.featured_note { margin-bottom: 15px; border-bottom: 5px solid #ccc; }
	.featured_note .note { border-bottom: none; }
	.featured_note p { margin-bottom: 0; }
	.featured_note h3 { font-size: 250%; line-height: 1.3em; }
	.featured_note h3 a { border-bottom: 1px solid #ccc; }
.note_meta { margin-bottom: 20px; }
.event { padding: 15px 20px 15px 60px; background: #f8f8f8 url('/images/site/bg_event_identifier.gif') no-repeat 0% 0%; border: 1px solid #dadada; margin-bottom: 1.5em; }
.event p { margin-bottom: 0; margin-right: 50px; }
.event img.event-preview { float: left; margin: 5px 20px 15px 5px; width: 40px; border: 5px solid #e5e5e5; }
.event img.event-icon { float: right; margin: 10px 10px 15px 5px; width: 48px; }
hr { background:#ddd; color:#ddd; clear:both; float:none; width:100%; height:.5em; margin:1em 0 1.45em 0; border:none;}
hr.thin { background:#ddd; color:#ddd; clear:both; float:none; width:100%; height:.15em; margin:1em 0 1.45em 0; border:none;}
.center { text-align: center; }
.weatherbox { border-bottom: 2px solid #ddd; margin-bottom: 1em; }
.serif { font-family: Georgia, "Times New Roman", Times, serif; }
.oblique { font-style: italic; }
.right { text-align: right; }
.left { text-align: left; }
.strikethrough { text-decoration: line-through; }
#summary { border-bottom: 1px solid #ddd; margin-bottom: 1em; }
#summary p { margin-bottom: 1em; }
.nomargin { margin: 0; }
.scripty { font-family: georgia, serif; font-style: italic; }

#events { border-bottom: 4px solid #fff; margin-bottom: 1em; }
.event_headline { border-top: 1px dotted #bbb; padding: .75em 0 0 0; margin: 0 0 .75em 0; }
.place_headline { border-top: 1px dotted #bbb; padding: 1.5em 0 0 0; margin: 0 0 -.25em 0; }

#google_place_map { width: 308px; height: 308px; border: 1px solid #bbb; margin-bottom: 1em; }


/* Pagination 
----------------------------------------------------------------------- */

.pagination { background: white; /* self-clearing method: */ margin-top: 1.5em; padding-top: 1.5em; margin-bottom: 1.5em; }
.pagination a, .pagination span { padding: .2em .5em; display: block; float: left; margin-right: 5px; }
.pagination span.disabled { color: #999; border: 2px solid #eee; background: #fff; display: none; }
.pagination span.current { font-weight: bold; background: #ddd; color: #333; font-weight: bold; border: 2px solid #999; }
.pagination a { text-decoration: none; color: #105CB6; border: 2px solid #ccc; }
.pagination a:hover, .pagination a:focus { color: #003; border-color: #ccc; }
.pagination .page_info { background: #2E6AB1; color: white; padding: .4em .6em; width: 22em; margin-bottom: .3em; text-align: center; }
.pagination .page_info b { color: #003; background: #6aa6ed; padding: .1em .25em; }
.pagination:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .pagination { height: 1%; }
*:first-child+html .pagination { overflow: hidden; }


/* Forms
----------------------------------------------------------------------- */

label {font-weight:bold;}
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc; }
legend {font-weight:bold;font-size:1.2em; }
input.text, input.title, textarea, select { margin:0.5em 0; border: 1px solid #bbb; font-family: helvetica, arial, sans-serif; font-size: .9em; }
select { padding: 5px; }
select.fullwidth { width: 100%; }
input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #666; }
input.text, input.title {width:215px;padding:5px; }
input.title {font-size:2em; padding: .25em; font-weight: bold; }
textarea {width:260px;height:135px;padding:5px; }
.error, .notice, .success, .almost-done, div.warning, .edit_link_box { border:2px solid #ddd; margin-bottom: 1.5em; padding: .8em; }
.error { background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4; }
.notice, .almost-done { background:#FFF6BF; color:#514721; border-color:#FFD324; }
.success { background:#E6EFC2; color:#264409; border-color:#C6D880; }
.error a { color:#8a1f11; }
.notice, .almost-done a { color:#514721; }
.success a { color:#264409; }
.notice, .success { background: #fff url('/images/icons/function/accepted_48.png') no-repeat; padding-left: 64px; border: none; color: #111; }
.error { background: #fff url('/images/icons/function/cancel_48.png') no-repeat; padding-left: 64px; border: none; color: #600; }
.edit_link_box { background: #fff url('/images/icons/function/paper_content_pencil_48.png') no-repeat; padding-left: 64px; border: none; color: #111; padding-top: 0em; margin-bottom: 0; }
div.warning { background: #fff url('/images/icons/function/warning_48.png') no-repeat; padding-left: 64px; border: none; }


/* Images
----------------------------------------------------------------------- */

#images { margin-bottom: .5em; margin-top: .5em; }
#images img.s2 { margin-right: 10px; margin-bottom: 10px; border: 5px solid #222; }
#images img.s4 { margin-left: 0px; margin-bottom: 10px; border: 5px solid #222; }
img.notepartial { margin-top: .4em; border: 3px solid #333; }
img.place-thumbnail { border: 2px solid #333; }
img.places-index { width: 148px; height: 148px; border: 1px solid #666; }



/* Comments
----------------------------------------------------------------------- */

#comments { margin-top: -1em; }
#comments, #post-comment { font-size: 100%; }
.comment { border-bottom: 1px dotted silver; padding: 1.5em 0 1em 0; }
.comment h6 { color: #111; font-size: 85%; font-weight: normal; }
.current_page { font-weight: bold; color: #000; }
.current_page a { color: inherit; border: none; text-decoration: none; }


/* Weather
----------------------------------------------------------------------- */

#weather .temperature { font-size: 72px; margin: 40px 0 5px 0; line-height: 0; }


/* Fancy a buttons
----------------------------------------------------------------------- */

a.button {
	background: transparent url('/images/site/bg_button_a.gif') no-repeat scroll top right;
	color: #444;
	display: block;
	float: left;
	font: normal 12px arial, sans-serif;
	height: 24px;
	margin-right: 6px;
	padding-right: 18px; /* sliding doors padding */
	text-decoration: none;
	border: none;
}

a.button span {
	background: transparent url('/images/site/bg_button_span.gif') no-repeat;
  display: block;
  line-height: 14px;
  padding: 5px 0 5px 18px;
}

a.button:active {
  background-position: bottom right;
  color: #000;
  outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
  background-position: bottom left;
  padding: 6px 0 4px 18px; /* push text down 1px */
}