/* 
	District of Kitimat - Print Stylesheet
	April 2009
	Atomic Crayon / karen@atomiccrayon.com / SMRT
*/

/* Sections flagged with =
	GENERIC
	CONTENT
	FOOTER
	SECTION-SPECIFIC
		Home
		Contact Us
		Latest News
		Latest News Archive
		Photo Gallery Listing
		Photo Gallery
		Photo
		Sitemap
		Search
		Municipal Code
		Events Calendar
		
*/

/* =GENERIC
----------------------------------------------------*/

* {
	background-color: #fff;
	background-image: none;
	color: #000;
}

body {
	font-size: 10pt;
	line-height: 1.6;
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	line-height: 1.6;
}

/* hide these elements for printing */

#main-navigation, .skip, #section-navigation, #meta-navigation,  #search, #breadcrumbs, #top-link, #rss-feed, #related-links, #spotlight, #section-photo, #accessibility, #footer-links, #customize, #weather, #sub-navigation {
	display: none;
}


/* basic styling */

h1, h2, h3, h4, h5 {
	margin: 2em 0 0 0;
	page-break-after:avoid; 
	page-break-inside:avoid;
	line-height: 1.4;
}

h1 {
	font-size: 14pt;
}

h2 {
	font-size: 12pt;
}

h3, h4 {
	font-size: 10pt;
}

p {
	margin: 0 0 1em 0;
}

#print-logo {
	float: right;
	margin: 0 1em 1em 1em;
	border: none;
}

p#tagline {
	margin: -1em 0 0 0;
	font-style: italic;
}


a {
	text-decoration: none;
}

.clear {
	clear: both;
}

label, .label {
	display: block;
	margin-top: 1em;
}

.text, select, textarea {
	display: block;
}

fieldset {
	border: none;
	padding: 0;
	margin: 0;
}

.rss-link, .read-more {
	display: none;
}

/* =CONTENT
----------------------------------------------------*/

#content {
}

#content img.image-border, #content .image-shadow-wrapper img {
	border: solid 1px #d0d0d0;
	padding: .5em;
}


#content img.image-right {
	float: right;
	margin: 0 0 1.5em 1.5em;
}

#content img.image-left {
	float: left;
	margin: 0 1.5em 1.5em 0;
}


#content img.image-right-border, #content .image-shadow-float-right img {
	float: right;
	margin: 0 0 1.5em 1.5em;
	border: solid 1px #d0d0d0;
	padding: .5em;
}

#content img.image-left-border, #content .image-shadow-float-left img {
	float: left;
	margin: 0 1.5em 1.5em 0;
	border: solid 1px #d0d0d0;
	padding: .5em;
}



/* tables */

#content table {
	border-collapse: collapse;
	border-width: 0;
	margin: .5em 0;
}

#content table td, #content table th {
	padding: .5em;
	line-height: 1.2;
	border-collapse: collapse;
	border-width: 0;
	vertical-align: top;
}


#content table th, #content table td.header {
	text-transform: uppercase;
	font-weight: bold;
}

#content table th, #content table td h2, #content table td h3, #content table td h4 {
	margin: 0;
	text-transform: uppercase;
	text-align: left;
}

#content table.table-styled, #content table.table-striped {
	border-color: #d0d0d0;
	border-spacing: 1px;
	border-width: 1px;
	border-style: solid;
	padding: 1px;
	margin: 1px;
}

#content table.table-styled td, #content table.table-styled th, #content table.table-striped td, #content table.table-striped th {
	border-color: #d0d0d0;
	border-spacing: 0;
	border-width: 1px;
	border-style: solid;
}


#content table.table-styled th, #content table.table-styled td.header, #content table.table-striped th, #content table.table-striped td.header {
	background-color: #d0d0d0;
}

#content table p {
	margin: 0;
	line-height: 1.2;
}

/* striped rows */

#content table tr.even td {
	background-color: #eee;
}

#content table th, #content table td h2, #content table td h3, #content table td h4 {
	margin: 0;
	text-transform: uppercase;
	text-align: left;
}

#content table p {
	margin: 0;
	line-height: 1.4;
}

#content table a {
	background: transparent;
}

/* Forms */

#content fieldset {
	margin: 0 0 2em 0;
	padding: 0;
	border: none;
}

#content form div {
	overflow: auto; /* clears floats */
	padding-bottom: 1.5em;
}

#content label, #content .label {
	display: block;
	font-weight: bold;
}

#content label .note {
	font-weight: normal;
	font-size: .9em;
}

#content input.text, #content textarea, #content select {
	text-align: left;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 1em;
	display: block;
	padding: .2em;
}

#content select {
	background-image: none;
}

#content textarea {
}

#content .required {
	display: none;
}

/* =FOOTER
----------------------------------------------------*/

#footer {
	padding-top: 1em;
	margin-top: 2em;
	line-height: 1.2;
	border-top: solid 1px #333;
}

#footer #copyright {
}

#footer #footer-links {
	display: none;
}

#footer #address a.url:after {
   content: " - " attr(href);
   font-weight: normal;
}


#footer #address .directions {
	display: none;
}

#footer #col-3, #footer #contact-link {
	display: none;
}

/* =Home
----------------------------------------------------*/

.page-home #content #news-col #rss-link, .page-home #content #news-col p#more-link {
	display: none;
}

.page-home #sidebar #quicklinks {
	display: none;
}

.page-home #sidebar #spotlight {
	display: block;
}

.page-home #sidebar #spotlight img {
	display: block;
	margin: .5em 0;
}

.page-home #section-navigation {
	display: block;
	line-height: 1.2;
}

.page-home #section-navigation h3 {
	display: none;
}

/* =Contact Us
----------------------------------------------------*/

.section-contact #content #contact-form-area {
	display: none;
}

/* =Latest News
----------------------------------------------------*/
.section-whats-new #content #latest-news ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.section-whats-new #content #latest-news ul li {
	margin: 0 0 2em 0;
	padding: 0;
	list-style: none;
	clear: both;
}

.section-whats-new #content #latest-news ul li h3 {
	margin: 0 0 .2em 0;
}

.section-whats-new #content #latest-news ul li p.date {
	display: block;
	margin: 0 0 .5em 0;
	font-weight: bold;
}

.section-whats-new #content #latest-news ul li .thumbnail img {
	display: block;
	float: left;
	margin: .4em 1.5em 0.5em 0;
	padding: 4px;
	border: solid 1px #e5e5e5;
}

.section-whats-new #content #latest-news ul li .blurb {
	display: inline;
	line-height: 1.6;
}

.section-whats-new #content #latest-news ul li .blurb p {
	display: inline;
}

.section-whats-new #content #latest-news ul li p.read-more {
	display: none;
}

/* =Latest News Archive
----------------------------------------------------*/
.section-whats-new #content #latest-news-archive {
	margin-top: 1em;
}

.section-whats-new #content #latest-news-archive ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.section-whats-new #content #latest-news-archive ul li {
	padding: 0;
	margin: 0 0 1.5em 0;
	list-style: none;
}

.section-whats-new #content #latest-news-archive ul li p.title {
	margin: 0;
	font-weight: bold;
	line-height: 1.4;
}

.section-whats-new #content #latest-news-archive ul li p.date {
	display: block;
	margin: 0;
	line-height: 1.2;
}


/* =Public Notices
----------------------------------------------------*/
.section-whats-new #content #public-notices ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.section-whats-new #content #public-notices ul li {
	margin: 0 0 2em 0;
	padding: 0;
	list-style: none;
	clear: both;
}

.section-whats-new #content #public-notices ul li h3 {
	margin: 0 0 .2em 0;
}

.section-whats-new #content #public-notices ul li p.date {
	display: block;
	margin: 0 0 .5em 0;
	font-weight: bold;
}

.section-whats-new #content #public-notices ul li .thumbnail img {
	display: block;
	float: left;
	margin: .4em 1.5em 0.5em 0;
	padding: 4px;
	border: solid 1px #e5e5e5;
}

.section-whats-new #content #public-notices ul li .blurb {
	display: inline;
	line-height: 1.6;
}

.section-whats-new #content #public-notices ul li .blurb p {
	display: inline;
}

.section-whats-new #content #public-notices ul li p.read-more {
	display: none;
}

/* =Latest News Archive
----------------------------------------------------*/
.section-whats-new #content #public-notices-archive {
	margin-top: 1em;
}

.section-whats-new #content #public-notices-archive ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.section-whats-new #content #public-notices-archive ul li {
	padding: 0;
	margin: 0 0 1.5em 0;
	list-style: none;
}

.section-whats-new #content #public-notices-archive ul li p.title {
	margin: 0;
	font-weight: bold;
	line-height: 1.4;
}

.section-whats-new #content #public-notices-archive ul li p.date {
	display: block;
	margin: 0;
	line-height: 1.2;
}

/* =Photo Gallery Listing
----------------------------------------------------*/

#content #photo-gallery-listing .gallery {
	margin: 2.5em 0;
	padding: 0;
}

#content #photo-gallery-listing .gallery h2 {
	font-size: 1.2em;
	display: block;
	color: #000;
}

#content #photo-gallery-listing .gallery p.more-link {
	display: none;
}

#content #photo-gallery-listing .gallery ul {
	margin: .5em 0 0 0;
	padding: 0;
	list-style: none;
}

#content #photo-gallery-listing .gallery ul li {
	padding: 0;
	list-style: none;
	float: left;
	margin: 8px 8px 16px 0;
	width: 156px;
	height: 121px;
	padding: 5px;
	border: solid 1px #d0d0d0;
	background-color: #fff;
	overflow: hidden;
	position: relative;
}

#content #photo-gallery-listing .gallery ul li a {
	display: block;
	position: absolute;
	background-color: #fff;
	width: 156px;
	height: 121px;
	padding: 5px;
	text-align: center;
	color: #000;
	text-decoration: none;
	top: 0;
	left: 0;
	cursor: pointer;
}
#content #photo-gallery-listing .gallery ul li a .title {
	display: none;
}

#content #photo-gallery-listing .gallery ul li a .image {
	display: block;
	width: 156px;
	height: 121px;
	overflow: hidden;
	background-color: #eee;
}

#content #photo-gallery-listing .gallery ul li a .image img {
	display: block;
	overflow: hidden;
	border: none;
}

/* =Photo Gallery
----------------------------------------------------*/

#content #photo-gallery {
	margin: 2.5em 0;
	padding: 0;
	clear: both;
}


#content #photo-gallery ul {
	margin: .5em 0 0 0;
	padding: 0;
	list-style: none;
}

#content #photo-gallery ul li {
	margin: 0 8px 16px 0;
	padding: 0;
	list-style: none;
	float: left;
	width: 156px;
	height: 121px;
	padding: 5px;
	border: solid 1px #d0d0d0;
	background-color: #fff;
	overflow: hidden;
	position: relative;
}

#content #photo-gallery ul li a {
	display: block;
	position: absolute;
	background-color: #fff;
	width: 156px;
	height: 121px;
	padding: 5px;
	text-align: center;
	color: #000;
	text-decoration: none;
	top: 0;
	left: 0;
	cursor: pointer;
}
#content #photo-gallery ul li a .title {
	display: none;
}

#content #photo-gallery ul li a .image {
	display: block;
	width: 156px;
	height: 121px;
	overflow: hidden;
	background-color: #eee;	
}

#content #photo-gallery ul li a .image img {
	border: none;
}

/* =Photo
----------------------------------------------------*/

#content #photo {
}

#content h2#photo-title {
	margin: .5em 0;
	color: #000;
	/*clear: both;*/
}

#content #photo .main-photo {
	display: block;
	width: 526px;
	text-align: center;
	border: solid 1px #d0d0d0;
	padding: 8px;
	background-color: #fff;
	margin: 10px 0;
	overflow: hidden;
}

#content #photo .main-photo img {
	display: block;
}

#content #photo #blurb {
	line-height: 1.6;
	text-align: left;
	padding-bottom: 8px;
}

#content #photo-navigation {
	display: none;
}

/* =Sitemap
----------------------------------------------------*/

#content #sitemap-intro {
	display: none;
}

#content #sitemap {
	clear: both;
}

#content #sitemap .slider ul li ul.sitemap-1 {
	display:block !important;
}

/* =Search
----------------------------------------------------*/

#content #search-instructions, #content .searchform, #content #did-you, #content .paging {
	display: none;
}

/* =Municipal Code
----------------------------------------------------*/

.page-code #content .tree ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.page-code #content .tree ul li {
	list-style: none;
	margin: .7em 0;
	padding: 0;
	text-transform: uppercase;
}


.page-code #content .tree ul li ul {
	list-style: disc;
	margin: 0;
	padding: 0;
	display:block !important;
}

.page-code #content .tree ul li ul li {
	list-style: square;
	margin: .5em 0 .5em 5em;
	text-transform: none;
}

/* =Events Calendar
----------------------------------------------------*/

.page-calendar #content {
}

.page-calendar #content #calendar #calendar-navigation {
	display: none;
}


.page-calendar #content #calendar table.events-calendar {
	margin: 0 0 0 5px;
	border: solid 2px #c7c7c7;
	font-size: 1.2em;
	font-weight: bold;
	font-family: "Trebuchet MS", Arial, Verdana, Tahoma, Helvetica, sans-serif;
	width: 538px;
	/*width: 90%;*/
}

.page-calendar #content #calendar table.events-calendar th, .page-calendar #content #calendar table.events-calendar td {
	vertical-align: top;
	border: solid 2px #c7c7c7;
	padding: 5px;
	width: 14%;
}


/* Month Row */

.page-calendar #content #calendar table.events-calendar tr.month td {
	border: none;
	vertical-align: middle;
	text-align: center;
	width: auto;
	padding-top: 10px;
	padding-bottom: 10px;
}

.page-calendar #content #calendar table.events-calendar tr.month td h2 {
	text-align: center;
	text-transform: none;
}

.page-calendar #content #calendar table.events-calendar tr.month td a#previous-link, .page-calendar #content #calendar table.events-calendar tr.month td a#next-link {
	display: none;
}


/* Week Row */

.page-calendar #content #calendar table.events-calendar th {
	font-size: 11px;
	text-align: center;
	overflow: hidden;
}


/* Days */


.page-calendar #content #calendar table.events-calendar tr.day td {
	height: 66px;
}


/* Events */

.page-calendar #content #calendar table.events-calendar tr.day td .item	{
	display: block;
	font-weight: normal;
	font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif;
	font-size: .85em;
	margin: 5px 0;
	line-height: 1.4;
	/*width: 66px;*/
}

/* =Bid Listing
----------------------------------------------------*/

#content #bid-listing table {
	padding: 0;
	margin: 0;
	width: 100%;
}

#content #bid-listing table tr th {
	padding-left: 0;
}


#content #bid-listing table tr td {
	border-top: solid 1px #eee;
	padding-left: 0;
}

/* =Staff Directory
----------------------------------------------------*/

#content #directory-listing table {
	padding: 0;
	margin: 0;
	width: 100%;
}

#content #directory-listing table tr th {
	padding-left: 0;
}


#content #directory-listing table tr td {
	border-bottom: solid 1px #eee;
	padding-left: 0;
}