/*
	musekick.net redesign
	may, 2007
	kick in the pants, september 2008
	minimized, september 2009
	
	
	vibrant green #47AF41
	dark green #339933
	dark purple #7F748F
	light light green #D2FFCF
	warmish yellow #FF9900
*/

body {
	font-family: arial, helvetica, sans-serif;
	font-size: 99%;
	text-align: center;
	margin: 0px auto;
}

a, a:link, a:visited {
	color: #7F748F;
	text-decoration: underline;
}
	a:hover, a:link:hover {
		text-decoration: none;
	}
	
	a img, a:link img a:visited img {
		border: 1px solid #7F748F;
	}
	
	a:hover img, a:link:hover img {
		border: 1px solid #FF9900;
	}

#main {
	margin: 0px auto;
	padding: 0px;
	width: 762px;
	text-align: left;
}

	#portfolio {
		width: auto;
		margin-bottom: 0px;
		background: url(http://erinrwhite.com/images/header.jpg) no-repeat bottom left;
	}

	#portfolio:after, #content:after, .project:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
	}
		/* hides the css hack from IE-mac \*/
		* html #portfolio {height: 1%;}
		/* end hide from IE-mac */


		#portfolio a, #portfolio a:link, #portfolio:visited {
			display: none;
		}
		
		
	#byline {
		float: right;
		width: 400px;
		padding: 0;
		margin: 5px 0;
		text-align: right;
		font-size: 0.7em;
		color: #999999;
	}

	#crumbs {
		clear: left;
		margin: 0px;
		padding: 10px 0 5px 0;
		width: auto;
		color: #FF9900;
		font-size: 1.5em;
		border-bottom: 1px dotted #cccccc;
	}
	
		#crumbs a, #crumbs a:link, #crumbs a:visited {
			color: #ff9900;
			font-size: 1.25em;
			text-decoration: none;
		}
	
	#content {
		width: auto;
		margin: 0;
		background: #FFFFFF;
	}
		
		#content p, #content div {
			font-family: sans-serif;
			font-size: 0.99em;
			color: #444444;
			line-height: 1.4em;
		}
	
		
		h1 { color: #339933; font-size: 2em; margin-bottom: 0px; margin-left: 0px; }
		h2 { color: #339933; font-size: 1.3em;  }
		h3 { color: #FF9900; font-size: 1.2em; }
	
			h2 a, h2 a:link, h2 a:visited {
				text-decoration: none;
				color: #dddddd;
				font-size: 2.5em;
				margin: 0;
				padding: 0;
			}
			
			h2 a:hover, h2 a:link:hover {
				color:#FFDA9F;
			}
	
		.frontTwits, .frontBlog {
			float: left;
			width: 63%;
			padding: 1%;
			padding-bottom: 0%;

		}
			.twitTime, a.twitTime, a.twitTime:link {
				font-size: 0.8em;
				font-variant: small-caps;
				text-decoration: none;
			}
		
		.frontFlix, .frontDelish {
			width: 32%;
			float:left;
			padding: 1%;
		}
		
			.flickr_badge_image {
				float: left;
				display: inline;
				width: 75px;
				margin: 2px;

			}
			
		.frontBlog {
			clear: both;
			background: #FFFFFF;
			width: auto;
		}
			.frontBlog h3 {
				margin-bottom: 5px;
			}
			
			.frontBlog .post {
				clear: both;
				padding-top: 10px;
			}
			
			.morelink {
				font-weight: bold;
				padding: 2px;
				color: #FF9900;
			}
		
		.frontDelish {
			background: ;
			border-top: 1px solid #339933;
		}
	
		#intro {
			width: auto;
			background: #DFDFDF;
			padding: 5px 10px;
		}
		
			#intro h1 { margin: 12px 10px 5px 0px; }
	
		.project {
			clear: both;
			padding-bottom: 10px;
			margin: 10px 50px;
		}
	
	
		#content ul { margin: 0; padding: 0; list-style-type: square; }
		#content ul li {
			line-height: 1.35em;
			margin: 0 0 0 20px;
			padding: 0;
		}
	
	
		table tr td { font-size: 0.8em; }
			
		.clearer {
			clear: both;
		}
	
	#footer {
		text-align: center;
		padding: 10px;
		margin: 0px;
		color: #CCCCCC;
		font-family: sans-serif;
		font-size: 0.75em;
		line-height: 1.2em;
	}
		#footer a, #footer a:link {
			color: #BBBBBB;
		}

@media print {
	#main, #content {
		width: auto;
		margin: auto;
	}
	
	#content {
		border: 0px;
		padding: 0.5%;
	}
	
	#portfolio, #crumbs, #footer {
		display: none;
	}
	
	.resume div { display: block; }
	
	.resume h2 {
		font-size: 1.3em;
	}
	
	.resume h3 {
		font-size: 1.2em;
	}
	
	.resume h4 {
		font-size: 1.1em;
	}
	
	#skillz {
		page-break-before:always;
	}
	
	.resumeChunk {
		border-right: 1px solid #FF9900;
	}
}