/* @override http://localhost/~jackson/evt/source/html/css/jhh.css */

html {
	background-color: #f2f2f2;
	font-size: 100%;
	 
}
#page {
  font: 300 .875em "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
  	
  color: #676767;
  text-align: center;
  text-align: left;
  margin-top: 25px;
  margin-left: auto;
  margin-right: auto;
  width: 940px;
  -webkit-border-top-right-radius: 100px;
-webkit-border-bottom-left-radius: 100px;
-moz-border-radius-topright: 100px;
-moz-border-radius-bottomleft: 100px;
border-top-right-radius: 100px;
border-bottom-left-radius: 100px;
 background-color: white;
}
#header { 
height: 300px;
 

}

#nameplate{
 
    margin-top: 122px;
	float: left;
	margin-left: 132px;
}

#digits{
	width: 260px;
 float: right;
margin-top: 30px;
margin-right: 30px;
}

#digits div.info a {
	  color: #676767;
	  text-decoration: none;
}
#digits div.info a:hover {
		color: #006aff;
	  text-decoration: underline;
}
.label {
color: #51baff;
width: 75px;
float: left;
text-align: right;
padding-right: 10px;	
}
#nameplate h1{
	font-size: 1.5em;
	color: #676767;
 
 
}
 
#nameplate h2{
	
	 
	color: #51baff;
	font-size: 1.1em;
 
    font-weight: 300;
	text-transform: uppercase;
 
}

 

#headshot {
	margin-top: 70px;
	margin-left: 80px;
	float: left;
	-webkit-box-shadow: 2px 2px 3px #c4c4c4;
}
#resume {
	 }

#resume h1{
 	text-transform: uppercase;
    /*background: url(../images/content_banner_a.png) no-repeat;*/
	padding-left: 62px;
	font: 600 1.25em "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-align: left;
	padding-bottom: 0;
	border-bottom: 1px solid #00a2d7;
	width: 810px;
}

 .res_block {
	
	padding: 0 100px 0 100px;
	margin-bottom: 50px;
	line-height: 1.5em;
	margin-top: 50px;
}
.data h2{	font: 200 2em "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	
	border-bottom: 1px solid #787878;
}

#details div.data h3 {
	font: 200 1em "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-align: right;
	margin-bottom: 36px;
}

 

#visit_site {
  		float:right;
  		margin-top: 10px;
  		margin-right: 10px;
  		margin-bottom: 75px;
	 text-transform: uppercase;
}
#details {
	
	height: 669px;
	border: 1px solid #a8a8a8;
	margin-left: 26px;
	position: absolute;
	z-index: 100;
	background-color: white;
	margin-top: 27px;
	padding-top: 20px;
	width: 842px;
	padding-right: 20px;
	padding-left: 20px;
}
 

#details div.data {
	width: 360px;
	float: left;
	margin-right: 20px;
	margin-top: 62px;
	font: 300 1em "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

ul#project_skills {
	 
	list-style-type: circle;
	list-style-position: inside;
	margin-left: 50px;
}

.data h4 {
	text-transform: uppercase;
	font-weight:300;
	border-bottom: 1px solid #cecece;
	margin-top: 30px;
}

ul#profile {
	
	width: 630px;
	list-style-position: outside;
		margin-left: 115px;
	line-height: 1.25em;
	list-style-type: circle;
	margin-top: 20px;
	margin-bottom: 20px;
}

#profile li {
	margin-bottom: 10px;
	
}

#profile li strong {
	font-weight: bold;
}
 
img.screenshot_large {
	float: left;
	border: 1px solid #c6c6c6;
		  -moz-box-shadow: 5px 5px 5px #888888;

	  -webkit-box-shadow: 5px 5px 5px #888888;

	width: 460px;
	margin-top: 102px;
}
img.screenshot_large:hover{
	
	cursor: pointer;
		  -moz-box-shadow: 5px 5px 5px #888888;

	  -webkit-box-shadow: 5px 5px 5px #888888;
}
div#next_project {
float: right;
 
	
	text-transform: uppercase;
}

#back_grid {
	float: left;
	text-transform: uppercase;
}

div#next_project:hover, #visit_site:hover, .project:hover, #back_grid:hover{
	color: #006aff;
	
	cursor: pointer;
	
 
}

div#prev_project {
   float: left;
   margin-left: 10px;
}

img.screenshot {
  -moz-box-shadow: 5px 5px 5px #888888;
  -webkit-box-shadow: 5px 5px 5px #888888;
  width: 100%;
	margin-bottom: 5px;
	 width: 250px;
	border: 1px solid #c0c0c0;
}



p.job_desc {
	
	margin-right: 90px;
}

.res_block h3 {
	padding-bottom: 5px;
	border-bottom: 1px solid #838383;
	width: 85%;
	margin-top: 20px;
	margin-bottom: 10px;

		font-weight: 300;
		text-transform: uppercase;
		
}

.res_block ul{
	
	margin-left: 275px;

}

.project {
 float: left;
	width: 250px;
	height: 220px;
	padding: 10px 15px;
}

#project_list {
	padding-top: 18px;
	padding-bottom: 40px;
	height: 702px;
 
	width: 840px;
	margin-right: auto;
	margin-left: auto;
}

span.date {
	float: right;
}

#footer{
 
	 height: 100px;
	  }