/* 
	Kold Design - Print Stylesheet
	March 2009
	Atomic Crayon / karen@atomiccrayon.com / SMRT
*/


* {
	background-color: #fff;
	background-image: none;
	color: #000;
}

body {
	font-size: 10pt;
	line-height: 1.6;
	font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}

/* hide these elements for printing */

#navigation, .skip, #top-link, #accessibility {
	display: none;
}


/* basic styling */

h1, h2, h3, h4, h5 {
	margin: 2em 0 0 0;
}

h1 {
	font-size: 14pt;
}

h2 {
	font-size: 12pt;
}

h3, h4 {
	font-size: 10pt;
}

p {
	margin: 0 0 1em 0;
	line-height: 1.6;
}

#print-logo {
/*	position: absolute;
	top: 0;
	right: 0; */
	float: right;
	margin: -2em 1em 1em 0;
}

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 .border {
	border: solid 1px #a9a396;
	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;
}




/* 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 {
	border-top: solid 1px #666;
	padding-top: 2em;
	margin-top: 2em;
}

#footer #copyright {
}

#footer img {
	display: block;
}

#footer .clear {
	clear: none;
}


/* =Portfolio
----------------------------------------------------*/

#page-portfolio #content #portfolio-thumbnails {
	margin-left: -2px;
	margin-bottom: 2em;
}

#page-portfolio #content #portfolio-thumbnails ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#page-portfolio #content #portfolio-thumbnails ul li {
	list-style: none;
	margin: 0;
	padding: 0;
	display: none;
}

#page-portfolio #content #portfolio-thumbnails ul li.thumbnail {
	display: inline;
}

#page-portfolio #content #portfolio-thumbnails ul li.thumbnail a {
	display: block;
	width: 141px;
	height: 109px;
	overflow: hidden;
	border: none;
	float: left;
	margin: 2px;
}

#page-portfolio #content #portfolio-thumbnails ul li.thumbnail a:hover {
	border: solid 4px #dde4ec;
	width: 133px;
	height: 101px;

}

#page-portfolio #content #portfolio-thumbnails ul li.thumbnail a img {
	display: block;
}

#page-portfolio #content #portfolio-thumbnails ul li.thumbnail a:hover img {
	margin-top: -4px;
	margin-left: -4px;
}

#page-portfolio #content #portfolio-thumbnails ul li.thumbnail a img {
	display: block;
	width: 141px;
	height: 109px;
	overflow: hidden;
	border: none;
}

