/* 
	Johnson Street Bridge - Print Stylesheet
	August 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, .post-edit-link, #edit-page-link, .navigation, .addthis_container, #edit-link, #sidebar, #sidebar-2, #section-navigation, #meta-navigation,  #search, #breadcrumbs, #top-link, #rss-feed, #related-links, #spotlight, #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;
}



/* =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 {
	margin-top: 1em;
	padding-top: 1em;
	border-top: solid 1px #ccc;
}

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