/* =Basic HTML
----------------------------------------------------------------------*/
body {
	background: #ededec;
	color: #333;
	font: normal 87.5%/1.5 "Helvetica Neue", Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;
	margin: 0 auto;
	padding: 16px;
	width: 668px;
}

h1 {
	font-size: 2em;
}

a#site-title,
#home-page h1 {
	color: rgb(42, 42, 42); /* Grey for browsers that don't support rgba */
	font-size: 4em;
	font-weight: bold;
	text-shadow: #33d 2px 2px 1px, #d33 -2px -2px 1px, #3d3 -2px 2px 1px, #3d3 2px -2px 1px;
}
	
	#home-page h1 {
		color: rgba(256, 256, 256, 1); /* White for browsers that do */
	}

	a#site-title {
		color: rgba(256, 256, 256, 1);
		text-decoration: none;
	}

	a#site-title:hover {
		color: rgb(96, 96, 96);
		color: rgba(256, 256, 256, 1);
		text-shadow: #33d 2px 2px 4px, #d33 -2px -2px 4px, #3d3 -2px 2px 4px, #3d3 2px -2px 4px;
	}

h2 {
	font-size: 1.66em;
}

h3 {
	
}

address {
	display: inline;
}


/* Common Container Rules */

#title-container { /* Container for rotated title */
	/*-webkit-transform: rotate(-5deg); 
	-moz-transform: rotate(-5deg);
	transform: rotate(-1deg);*/
}

.greychr-com #main {
	background-color: #fff;
	clear: both;
	overflow: auto;
	padding: 4em;
}


/* Main Nav Rules */

ul.nav li {
	display: inline;
}

	ul.nav li a {
		color: #333;
		text-decoration: none;
	}
	
		ul.nav li a:hover {
			color: #fff; /* For browsers that don't support rgba */
			color: rgba(127, 127, 127);
			text-shadow: #33d 1px 1px 3px, #d33 -1px -1px 3px, #3d3 -1px 1px 3px, #3d3 1px -1px 3px;
		}
	
ul.main {
	float: right;
	margin-top: -2.66em;	
}

	ul.main li {
		padding-left: 10px;
	}

/* Styles for menu items on their corresponding page */
#resume ul.main li.resume,
#resume ul.nav li.resume a:hover,
#portfolio ul.main li.portfolio,
#portfolio ul.main li.portfolio a:hover {
	font-weight: bold;
	text-shadow: #33d 1px 1px 1px, #d33 -1px -1px 1px, #3d3 -1px 1px 1px, #3d3 1px -1px 1px;
}

	#resume ul.main li.resume a,
	#portfolio ul.main li.portfolio a {
		color: rgba(256, 256, 256, 1);
	}

/* hResume Rules */

	.hresume div.contact,
	.hresume div.focus {
		margin-bottom: 1em;
	}

	.hresume .htitle .include {
	    display: none;
	}

	.hresume .experience .htitle h3 {
		display: inline;
		display: inline-block;
	}
	
	.hresume .experience div.description ul {
		list-style: disc outside;
		margin-bottom: 1em;
	}

	.hresume .date_duration {
		float: right;
		font-size: .9em;
		font-weight: bold;
		margin-top: -1.6em;
	}
	

/* Portfolio Rules */

#portfolio h2 {
	clear: both;
	margin-top: 1em;
}

#portfolio img.screenshot {
	border: solid 1px #ccc;
}

#portfolio ul.screenshots {
  margin: 1em 0 0;
  padding: 0;                            
  list-style-type: none;
  height: inherit;
}

	#portfolio ul.screenshots li, 
	#portfolio p.screenshots {
	  margin: 0 0 20px 1em;
	  padding: 5px .5em;
	  background-color: #fff;
	  background-position: 50% 5px;
	  background-repeat: no-repeat;
	  border: solid 1px #6e7499;
	  float: left;
	  font-size: small;
	  list-style: none;
	  text-align: center;
	  width: 30%;
	}

	#portfolio ul.screenshots li:first-child,
	#portfolio p.screenshots {
		margin-left: 0;
	}

		#portfolio ul.screenshots li a, 
		#portfolio p.screenshots a {
		  display: block;
		  padding: 155px 5px 5px;
		  text-decoration: none;
		  width: auto;
		  height: 100%;
		}