/* @override 
	http://chrispeterson.com/dev/css/print.css
	http://chrispeterson.com/dev/css/screen.css
*/

/*------------------------------------------------------------------
Print Stylesheet for chrispeterson.com

Chris Peterson
19 February 2007
------------------------------------------------------------------*/


/*BASIC LAYOUT
--------------------------------------------------------------------*/
body { 
	margin: 5px;
	background-color: #fff;
	}
	
* {
	margin: 0;
	padding: 0;
	}

#header { 
	height: 20px;
	border-bottom: 1px solid #adafb2;
	padding-bottom: 4px;
	margin-bottom: 20px;
	}
		
h1 {
	margin-bottom: 30px;
	}
	h1 br {
	display: none;
	}

body.main #primary {
	padding: 10px 10px 10px 0;
	margin-bottom: 10px;
	}


/*NAV LISTS AND THEIR TYPE
--------------------------------------------------------------------*/
/*All navs*/
.nav { 
	display: none;
	}

/*TYPE
--------------------------------------------------------------------*/
body { 
	font-family: helvetica, arial, calibri, sans-serif;
	font-size: 62.5%;
	color: #333;
	}

#wrapper {
	font-size: 1.2em; 
	/*Sets base for everything inside at 12px 
	thanks to 62.5 rule in body.
	Results in: 0.833em=10px, 0.916em=11p,
	1em=12px, 3em=36px, 4em=48pt. 
	Note that leading is relative to this size!*/
	}

#content {
	line-height: 1.6em; 
	}
	
h1 {
	font-size: 3em; 
	line-height: 1em; 
	letter-spacing: -0.05em;
	}

h2 {
	font-size: 1em; 
	}

p {
	margin-bottom: 1em;
	}
	p#desc {
		display: none;
		}
		
#footer {
	font-size: 0.833em;
	color: #adafb2;
	}
	#footer a:link {
		color: #adafb2;
		}
		
/*hCARD
--------------------------------------------------------------------*/
.hide {
	display: none;
	}
.org {
	font-weight: bold;
	}
.adr {
	margin-bottom: 1em;
	}
.email {
	display: block;
	margin-top: 1em;
	margin-bottom: 1em;
	}
.vcard-download {
	font-weight: normal !important;
	padding-left: 22px;
	background: url(../images/icon_vcard.gif) 0 -2px no-repeat;
	height: 1.6em;
	}


/*BASIC GLOBAL SETTINGS
--------------------------------------------------------------------*/
ul {
	line-height: 1.6em;
	margin-bottom: 1.6em;
	list-style-type: disc
	}
	li {
		margin-bottom: 0.25em;
		}
	
dl { 
	}
	dt {
		margin-bottom: 10px;
		}
		dt img {
			border: 1px solid #dddfe2;
			}
	dd {
		}
		dd strong {
			display: block;
			}
img {
	display: block;
	border: 0;
	}
	img.exhibit {
		margin: 3px 0 10px 0;
		border: 1px solid #dddfe2;
		}
	img.exhibit_norule {
		margin: 3px 0 10px 0;
		border: none;
		}

table {
	width: 100%;
	text-align: left;
	vertical-align: top;
	border-collapse: collapse;
	}
	tr {
		vertical-align: top;
		}
	td {
		padding: 2px 0;
		vertical-align: top;
		}

/*basic text links if used*/
a:link { 
	color: #249;
	text-decoration: none;
	}
a:visited { 
	color: #249;
	text-decoration: none;
	}
a:hover, a:active { 
	color: #24d;
	text-decoration: underline;
	}


/*MAIN PAGES LAYOUT
--------------------------------------------------------------------*/
	body.main #primary_art {
		display: none;
		}
	
	/*link color changes to white in the color space*/
	body.main #primary a {
		color: #fff;
		font-weight: bold;
		}
	body.main #primary strong {
		color: #111;
		font-weight: normal;
		}
	body.main #primary h2 {
		color: #111;
		font-weight: bold;
		}
	body.main #primary a:link, body.main #primary a:visited {
		color: #fff;
		}
		body.main #primary a:hover, body.main #primary a:active {
			color: #adafb2;
			text-decoration: none;
			}

	/*Different section color, art and placement settings*/

	/*Home*/
	body#home #primary {
		background-color: #ffa630;
		}

	/*Services*/
	body#services #primary {
		background-color: #729acd;
		}

	/*Portfolio*/
	body#portfolio #primary {
		background-color: #95b825;
		}

	/*Background*/
	body#background #primary {
		background-color: #f05490;
		}

	/*Contact*/
	body#contact #primary {
		background-color: #ff7d26;
		}

	/*Extranet*/
	body#extranet #primary {
		background-color: #a88fcc;
		}

	/*Error*/
	body#error #primary {
		background-color: #ff3e33;
		}
	

/*NAV LIST ON STATE CONTROLS
--------------------------------------------------------------------*/
/*Body ID controls which nav items are on.*/

/*Home*/
body#home #l1_home a { color: #adafb2; }
/*Services*/
body#services #l1_services a { color: #adafb2; }
/*Portfolio*/
body#portfolio #l1_portfolio a { color: #adafb2; }
	body#portfolio_web_alt #l2_web a { color: #adafb2; }/*section*/
	body#portfolio_web_alt #l3_alt a { color: #88b300; }/*page*/
	body#portfolio_web_che #l2_web a { color: #adafb2; }/*section*/
	body#portfolio_web_che #l3_che a { color: #88b300; }/*page*/
	body#portfolio_web_han #l2_web a { color: #adafb2; }/*section*/
	body#portfolio_web_han #l3_han a { color: #88b300; }/*page*/
	body#portfolio_web_inn #l2_web a { color: #adafb2; }/*section*/
	body#portfolio_web_inn #l3_inn a { color: #88b300; }/*page*/
	body#portfolio_web_mar #l2_web a { color: #adafb2; }/*section*/
	body#portfolio_web_mar #l3_mar a { color: #88b300; }/*page*/
	body#portfolio_web_more #l2_web a { color: #adafb2; }/*section*/
	body#portfolio_web_more #l3_more a { color: #88b300; }/*page*/
	body#portfolio_web_scp #l2_web a { color: #adafb2; }/*section*/
	body#portfolio_web_scp #l3_scp a { color: #88b300; }/*page*/
	body#portfolio_web_sof #l2_web a { color: #adafb2; }/*section*/
	body#portfolio_web_sof #l3_sof a { color: #88b300; }/*page*/
	body#portfolio_app_kno #l2_app a { color: #adafb2; }/*section*/
	body#portfolio_app_kno #l3_kno a { color: #88b300; }/*page*/
	body#portfolio_app_jrvc #l2_app a { color: #adafb2; }/*section*/
	body#portfolio_app_jrvc #l3_jrvc a { color: #88b300; }/*page*/
	body#portfolio_app_wel #l2_app a { color: #adafb2; }/*section*/
	body#portfolio_app_wel #l3_wel a { color: #88b300; }/*page*/
	body#portfolio_brand_ces #l2_brand a { color: #adafb2; }/*section*/
	body#portfolio_brand_ces #l3_ces a { color: #88b300; }/*page*/
	body#portfolio_brand_dis #l2_brand a { color: #adafb2; }/*section*/
	body#portfolio_brand_dis #l3_dis a { color: #88b300; }/*page*/
	body#portfolio_brand_id #l2_brand a { color: #adafb2; }/*section*/
	body#portfolio_brand_id #l3_id a { color: #88b300; }/*page*/
	body#portfolio_brand_inn #l2_brand a { color: #adafb2; }/*section*/
	body#portfolio_brand_inn #l3_inn a { color: #88b300; }/*page*/
	body#portfolio_brand_wes #l2_brand a { color: #adafb2; }/*section*/
	body#portfolio_brand_wes #l3_wes a { color: #88b300; }/*page*/
/*Background*/
body#background #l1_background a { color: #adafb2; }
/*Contact*/
body#contact #l1_contact a { color: #adafb2; }


/*EXTRANET
--------------------------------------------------------------------*/	
/*Layout*/
body.extranet #header {
	height: 20px;
	border-bottom: 1px solid #adafb2;
	margin-bottom: 10px;
	}
	body.extranet #primary {
		margin-bottom: 20px;
		}
	body.extranet #secondary {
		margin-bottom: 20px;
		}

/*Type*/
body.extranet #content, body.extranet #sidebar {
	font-size: 0.916em;
	line-height: 1.6em;
	margin-bottom: 20px;
	}

/*Table*/
body.extranet table {
	}
	body.extranet tr {
		}
		body.extranet tr.new {
			background-color: #edeff2;
			}
		body.extranet tr:hover {
			background-color: #edeff2;
			}
	body.extranet th {
		border-bottom: 1px solid #cdcfd2;
		padding: 2px 2px 3px 0;
		}
		body.extranet th:hover {
			background-color: #fff;
			}
	body.extranet td {
		border-bottom: 1px solid #dddfe2;
		padding: 2px 2px 3px 0;
		}
body.extranet table.deliverables td {
	background-color: #eee;
	}

	body.extranet table.thumbpop td img {
		margin: 0.5em 0 1em 0;
		width: 144px;
		border: 1px solid #dddfe2;
		}