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

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


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

#header { 
	}
	img.logo {
		margin: 0 0 10px 0;
		width: 160px;
		}	
h1 {
	margin-bottom: 10px;
	}
	h1 br {
		display: none;
		}

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


/*NAV LISTS AND THEIR TYPE
--------------------------------------------------------------------*/
/*All navs*/
.nav { 
	margin: 0;
	font-size: 1em;
	line-height: 1.6em;	
	}
	.nav li {
		margin: 0;
		padding: 0;
		}
		.nav li a:link, .nav li a:visited {
			color: #333;
			}
			.nav li a:hover, .nav li a:active {
				color: #adafb2;
				text-decoration: none;
				}

/*Level 1*/
#level1 {
	float: left; /*cedarholm float-to-fix gives ul height*/
	width: 100%;
	margin-bottom: 10px;
	padding: 2px 0 3px 0;
	border-top: 1px solid #adafb2;
	border-bottom: 1px solid #adafb2;
	}
	#level1 li {
		display: inline;
		padding-right: 10px;
		}

/*Level 2*/
#level2 { 
	width: 100%;
	margin-bottom: 10px;
	padding: 2px 0 3px 0;
	}
	#level2 li {
		display: inline;
		padding-right: 10px;
		}
/*Level 4*/
	#level3 {
		margin-bottom: 20px;
		}

/*Level 4*/
	#level4 {
		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; 
	}
	
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 {
	margin: 0 0 1em 0;
	padding: 0;
	list-style: none;
	}
	li {
		margin-bottom: 0.5em;
		}
	ul.list1 li {
		padding-left: 14px;
		background: url(../images/bullet_list2.gif) 0 0.6em no-repeat;
		}
		
	ul.list2 li {
		padding-left: 14px;
		background: url(../images/bullet_list2.gif) 0 0.6em no-repeat;
		}
	
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 {
		}
	td {
		padding: 2px 0;
		}

/*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;
	}

/*Table*/
body.extranet table {
	margin-bottom: 20px;
	}
	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 4px;
		}
		body.extranet td.doc {
			padding-left: 28px;
			background: url(../images/icon_doc.gif) 0 50% no-repeat;
			}
		body.extranet td.doc-new {
			padding-left: 28px;
			background: url(../images/icon_doc_new.gif) 0 50% no-repeat;
			}
		body.extranet td.pdf {
			padding-left: 28px;
			background: url(../images/icon_pdf.gif) 0 50% no-repeat;
			}
		body.extranet td.pdf-new {
			padding-left: 28px;
			background: url(../images/icon_pdf_new.gif) 0 50% no-repeat;
			}
		body.extranet td.web {
			padding-left: 28px;
			background: url(../images/icon_web.gif) 0 50% no-repeat;
			}
		body.extranet td.web-new {
			padding-left: 28px;
			background: url(../images/icon_web_new.gif) 0 50% no-repeat;
			}
		body.extranet td.zip {
			padding-left: 28px;
			background: url(../images/icon_zip.gif) 0 50% no-repeat;
			}
		body.extranet td.zip-new {
			padding-left: 28px;
			background: url(../images/icon_zip_new.gif) 0 50% no-repeat;
			}
body.extranet table.deliverables td {
	background-color: #eee;
	}