/* Chris Knepper Resume CSS */

.msg { padding: 10px; background: #4d4d4d; position: relative; }
.msg h1 { color: #fff;  }
.msg a { margin-left: 20px; background: #408814; color: white; padding: 4px 8px; text-decoration: none; }
.msg a:hover { background: #266400; }

/* //-- yui-grids style overrides -- */
body { font-family: 'Lato', serif; color: #4d4d4d; }
#inner { padding: 10px 80px; margin: 0 auto; background: #f5f5f5; border: solid #4d4d4d; border-width: 8px 0 2px 0; box-shadow: 0px 0px 135px #e5e5e5 inset, 0px 0px 25px rgba(0,0,0,0.2); }
.yui-gf { margin-bottom: 2em; padding-bottom: 2em; border-bottom: 1px solid #ccc; }

/* //-- header, body, footer -- */
#hd { margin: 2.5em 0 2em 0; padding-bottom: 1.5em; border-bottom: 1px solid #ccc }
#bd { margin-bottom: 2em; }

/* //-- footer -- */
#ft { padding: 1.5em 0 1em 0; font-size: 92%; border-top: 1px solid #ccc; text-align: center; }
#ft p { margin-bottom: 0; padding-right: 0; text-align: center;   }

/* //-- core typography and style -- */
#hd h1 { font-size: 4em; margin-top: 5px; font-weight: 400; }
#hd #subhead { font-size: 1.85em; text-indent: 0.2em; font-weight: 300; }
h2 { font-size: 1.5em; font-family: 'Gentium Book Basic'; font-weight: 700; }
h3, h4 { font-size: 122%; }
h1, h2, h3, h4 { color: #4d4d4d; }
p { font-size: 130%; line-height: 20px; padding-right: 1em; }
a { color: #428f59; text-decoration: none }
a:hover { color: #8c6aa6; }
strong { font-weight: bold; }
li { line-height: 24px; border-bottom: 1px solid #ccc; }
p.enlarge { font-size: 144%; line-height: 24px; }
p.enlarge span { color: #000 }
.contact-info { margin-top: -7px; }
.contact-info h3 { margin-top: 0.65em; background-image: url("/resume_images/icns.png") !important; background-repeat: repeat-y; padding: 0 0 10px 35px; }
.phoneIcn {background-position: 0px 107px;}
.contact-info .emailIcn {background-position: 0px 2px; background-repeat: no-repeat;}
.webIcn {background-position: 0px 57px;}
.first h2 { font-size: 1.5em; }
.last { border-bottom: 0 }
.small {font-size: 90%;}

/* //-- section styles -- */

a#pdf { display: block;
float: left;
background: #666;
color: white;
padding: 6px 12px;
margin-bottom: 6px;
text-align: center;
border-radius: 5px;
border: 1px solid #000;
box-shadow: 0px 1px 0px #999 inset, 0px 0px 5px rgba(0,0,0,0.2);  }
a#pdf:hover { background: #222; }

.job { position: relative; margin-bottom: 1.5em; border-bottom: 1px solid #ccc; }
.job h4 { position: absolute; top: 0.35em; right: 0; opacity: 0.5; }
.job p, .education p { margin: 0.75em 0 1em 0; }

.last { border: none; }
.skills-list {  }
.skills-list ul { margin: 0; }
.skills-list li { margin: 3px 0; padding: 3px 0; }
.skills-list li span { font-size: 152%; display: block; margin-bottom: -2px; padding: 0 }
.talent { width: 27%; display: inline-block; vertical-align: top; text-align: left; margin: 0 20px; }
.skills { width: 29%; display: inline-block; vertical-align: top; text-align: left; margin: 0 10px; }
.talent h2 { margin-bottom: 6px; }
.talent p {margin: 0.5em 0; padding: 0;}
.talentContainer {
	text-align: center;
	margin-bottom: -21px;
	padding-bottom: 0;
}
.projectsContainer, .experienceContainer {
	padding-bottom: 1em;
}

.talent:last-child {
	margin-right: -22px;
}
.education {
	height: 82px;
}

#srt-ttab { margin-bottom: 100px; text-align: center;  }
#srt-ttab img.last { margin-top: 20px }

.education h4
{
	position: relative;
	top: -58px;
	text-align: right;
}

#logo {
	float: left;
	width: 85px;
	margin-right: 10px;
}

#contact {
	width: 26%;
}

/* --// override to force 1/8th width grids -- */
.yui-gf .yui-u{width:80.2%;}
.yui-gf div.first{width:12.3%;}

.yui-gf .last 
{
	padding-bottom: 0;
}

@media print {
/*	

	#inner
	{
		padding: 0 20px;
		border-width: 8px 0 2px 0;
	}

	#hd
	{
		margin: 1em 0 1em 0;
	}

	

	#bd, #ft
	{
		margin-bottom: 0;
	}*/

	#hd {
		margin-top: 0;
	}

	#inner
	{
		border: none;
		background: none;
		box-shadow: none;
	}

	.education h4
{
	top: -59px;
}

	.contact-info h3 {
		padding: 0 0 10px 35px;
	}

	h2 {
		font-size: 1em;
	}

	h3, h4 {
		font-size: 102%;
	}

	p
	{
		font-size: 80%;
	}

	p.enlarge
	{
		font-size: 102%;
	}

	.yui-gf
	{
		margin: 0.5em 0;
		padding: 0.15em 0 0.45em 0;
	}

	.yui-gf.last {
		margin-bottom: -0.8em;
		padding-bottom: 0;
	}

	.job {
		margin-bottom: 1em;
	}

	.talent.large {
	}

	#bd {
		margin-bottom: 0;
	}

	#hd
	{
		margin: 00;
	}

	#ft
	{
		padding: 0.5em 0 0 0;
	}

	.print-plain {
		color: inherit;
	}

}