@import "reset.css";

body {
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #393939;
	background-color: #141614;
}

a { 
	color: #19191a; 
	text-decoration: none; 
}


#page {
	margin-left: auto;
	margin-right: auto;
	margin-top: 70px;
	margin-bottom: 20px;
	width: 960px;
	background-color: #ffffff;
	border: 0 solid #f5b938; 
	border-top-width: 16px;
}


#pageHeader {
	display: block;
	font-size: 16px;
	
	padding: 10px;
	border: 0 solid #d0cece; 
	border-bottom-width: 1px;
	background-color: #f2f2f2;
	
	background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#dfdcdc));
	background: -moz-linear-gradient(top,  #f2f2f2,  #dfdcdc);
	
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#f2f2f2', EndColorStr='#dfdcdc');
	-ms-filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#f2f2f2', EndColorStr='#dfdcdc');
}

#siteTitle {
	
}

#siteTitlePicture {
	float: left;
	margin: 20px;
}

#siteTitlePicture a {
	display: block; 
	background: #fff; 
	padding: 8px; 
	
	-moz-box-shadow: #a1a1a1 2px 4px 20px; 
	-webkit-box-shadow: #a1a1a1 2px 4px 20px;
	box-shadow: #a1a1a1 2px 4px 20px;
	
	-moz-transform: rotate(-8deg); 
	-webkit-transform: rotate(-8deg);
	-o-transform: rotate(-8deg);
}



#siteTitleText {
	float: left;
	margin: 10px;
}

#siteTitleText h1,h2 {
	color: #445060;
}

#siteTitleText h1 {
	font-size: 45px;
	text-shadow: 0 1px 1px #78819b;
}

#siteTitleText h2 {
	font-size: 20px;
}


#siteTitleContactBlock {
	float:right;
	width: 180px;
	margin: 20px;
	font-family: "Courier New", Courier, monospace;
	font-size: 13px;
}


#siteTitleContactBlock li {
	padding: 2px;
}

#siteTitleContactBlock li a {
	position: relative;
	display: block;
}

#siteTitleContactBlock li em {
	float: right;
	color: #0b65a4;
}

#menu {
	list-style: none;
	margin-top: -8px;
	margin-left: 20px;	
	float: right;
}

#menu li {
	position: relative;
	float: left;
	margin: 0 20px 0 0;
}

#menu li a {
	display: block;
	font-size: 18px;
	font-weight: bold;
	padding: 5px;
	padding-left: 10px;
	padding-right: 10px;
	background: #f7f3e7; 
	
	text-shadow: 0 1px 0 #b8b8b8;
	
	background: -webkit-gradient(linear, left top, left bottom, from(#f7f3e7), to(#ddd5be));
	background: -moz-linear-gradient(top,  #f7f3e7,  #ddd5be);
	
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#f7f3e7', EndColorStr='#ddd5be');
	-ms-filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#f7f3e7', EndColorStr='#ddd5be');
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	-webkit-box-shadow: 1px 1px 2px #4d4b4b;
	-moz-box-shadow: 1px 1px 2px #4d4b4b;
	box-shadow: 1px 1px 2px #4d4b4b;
	
	-moz-transition: all 0.2s ease-in-out; 
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	
	-moz-transform: rotate(-10deg); 
	-webkit-transform: rotate(-10deg);
	-o-transform: rotate(-10deg);
}

#menu li a.active {
	background: #f5b938; 
	
	background: -webkit-gradient(linear, left top, left bottom, from(#f5b938), to(#c78e12));
	background: -moz-linear-gradient(top,  #f5b938,  #c78e12);
	
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#f5b938', EndColorStr='#c78e12');
	-ms-filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#f5b938', EndColorStr='#c78e12');
	
	-moz-transform: rotate(0deg); 
	-webkit-transform: rotate(0deg);
	-o-transform: rotate(0deg);
}


#menu li a:hover { 
	background: #f4d79a; 
	
	background: -webkit-gradient(linear, left top, left bottom, from(#f4d79a), to(#d7bf8c));
	background: -moz-linear-gradient(top,  #f4d79a,  #d7bf8c);
	
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#f4d79a', EndColorStr='#d7bf8c');
	-ms-filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#f4d79a', EndColorStr='#d7bf8c');
	
	-moz-transform: rotate(0deg); 
	-webkit-transform: rotate(0deg);
	-o-transform: rotate(0deg);
}


#pageContent {
	min-height: 300px;
	padding: 10px;
}

#pageFooter {
	display: block;
	text-align: center;
	padding: 0px;
	font-size: 1em;
	color: #afafaf;
}

#pageFooter a {
	color: #afafaf;
	text-decoration: underline;
}






.errorMessage {	
	display: block;
	font-weight: bold;
	
	padding: 10px;
	
	color: #ffffff;
	
	background: -webkit-gradient(linear, left top, left bottom, from(#cc0e0e), to(#891010));
	background: -moz-linear-gradient(top,  #cc0e0e,  #891010);
	
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#cc0e0e', EndColorStr='#891010');
	-ms-filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#cc0e0e', EndColorStr='#891010');
	
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	
	-webkit-box-shadow: 1px 1px 1px #4d4b4b;
	-moz-box-shadow: 1px 1px 1px #4d4b4b;
	box-shadow: 1px 1px 1px #4d4b4b;
}







.resumeSection {
	display: block;
	padding: 15px;
	
	border: 0 solid #d0cece; 
	border-bottom-width: 1px;
}

.resumeSection .skillSectionContent {
	width: 650px;
	margin-left: 240px;
	line-height: 1.5;
}

.resumeSection .sectionContent {
	width: 650px;
	margin-left: 240px;
	line-height: 1.5;
}

.resumeSection h2 {
	display: block;
	float: left;
	width: 220px;
	
	padding-right: 20px;
	
	font-size: 24px;
	letter-spacing: 2px;
	white-space: nowrap;
	
	text-align: right;
}

.resumeSection h3 {	
	font-weight: bold;
	font-size: 14px;
	
	letter-spacing: 1px;
	white-space: nowrap;
}

.resumeSection ul {
	padding-bottom: 24px;
}

.resumeSection li {
	float: left;
	margin: 0 0 0 10px;
}

#personalInterests ul, #personalInterests li, #personalInterests p {
	display: inline;
	float: none;
	margin: 0;
	padding: 0;
}

.resumeSection .skill {
	color: #43606e;
	cursor: pointer;
}

.resumeSection li:after {
	content: ", ";
}

.resumeSection li.last:after {
	content: ".";
}

.resumeSection em {
	float: right;
	font-weight: bold;	
	
	color: #2a487b;
}

#clickSkills {	
	display: block;
	float: right;
	
	width: 140px;
	margin: 10px;
	
	padding: 6px;
	
	text-align: center;
	
	font-size: 11px;
	color: #b2d7ea;
	text-shadow: 0 -1px 0 #4f6069;
	
	background-color: #0a87c7;
	
	background: -webkit-gradient(linear, left top, left bottom, from(#0a87c7), to(#0e5f89));
	background: -moz-linear-gradient(top,  #0a87c7,  #0e5f89);
	
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#0a87c7', EndColorStr='#0e5f89');
	-ms-filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#0a87c7', EndColorStr='#0e5f89');
	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	
	-webkit-box-shadow: 1px 1px 1px #4d4b4b;
	-moz-box-shadow: 1px 1px 1px #4d4b4b;
	box-shadow: 1px 1px 1px #4d4b4b;
}

#printResume {
	display: block;
	
	width: 110px;
	margin: 10px;
	
	margin-left: auto;
	margin-right: auto;
	
	padding: 6px;
	

	
	text-align: center;
	
	background-color: #0a87c7;
	
	background: -webkit-gradient(linear, left top, left bottom, from(#0a87c7), to(#0e5f89));
	background: -moz-linear-gradient(top,  #0a87c7,  #0e5f89);
	
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#0a87c7', EndColorStr='#0e5f89');
	-ms-filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#0a87c7', EndColorStr='#0e5f89');
	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	
	-webkit-box-shadow: 1px 1px 1px #4d4b4b;
	-moz-box-shadow: 1px 1px 1px #4d4b4b;
	box-shadow: 1px 1px 1px #4d4b4b;
}

#printResume a {
	font-size: 12px;
	color: #b2d7ea;
	text-shadow: 0 -1px 0 #4f6069;
}

#skillDisplay {
	display: block;
	float: right;
	
	margin-top: -35px;
	margin: 10px;
	
	width: 380px;
		
	background-color: #f6f6f6;
	background: -webkit-gradient(linear, left top, left bottom, from(#e3e3e4), to(#f6f6f6));
	background: -moz-linear-gradient(top,  #e3e3e4,  #f6f6f6);
	
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#e3e3e4', EndColorStr='#f6f6f6');
	-ms-filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#e3e3e4', EndColorStr='#f6f6f6');
	
	-webkit-box-shadow: 1px 1px 3px #4d4b4b;
	-moz-box-shadow: 1px 1px 3px #4d4b4b;
	box-shadow: 1px 1px 3px #4d4b4b;
}

#skillList {
	display: block;
	width: 600px;
}


#skillContent {
	display: block;
	
	margin-left: 120px;
	margin-top: 20px;
	width: 655px;
}

.skillSection {
	display: block;
	
	padding: 8px;
}

.skillSection .sectionContent {
	padding: 2px;
	line-height: 1.5;
}

.skillSection h2 {
	display: block;
	
	color: #aed2e4;
	
	padding: 2px;
	padding-left: 8px;
	
	font-size: 18px;
	letter-spacing: 2px;
	white-space: nowrap;
	font-weight: bold;
	
	background-color: #0a87c7;
	background: -webkit-gradient(linear, left top, left bottom, from(#0a87c7), to(#2d6684));
	background: -moz-linear-gradient(top,  #0a87c7,  #2d6684);
	
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#0a87c7', EndColorStr='#2d6684');
	-ms-filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#0a87c7', EndColorStr='#2d6684');
	
	-webkit-box-shadow: 1px 1px 1px #4d4b4b;
	-moz-box-shadow: 1px 1px 1px #4d4b4b;
	box-shadow: 1px 1px 1px #4d4b4b;
}

.skillSection h3 {
	display: inline;
	font-weight: bold;
	font-size: 14px;
	
	letter-spacing: 1px;
}

.skillSection h3 em {
	color: #0f27d6;
}

.skillSection p {
	padding: 10px;
}

.skillSection ul {
	margin: 10px;
	margin-left: 20px;
	list-style-type: square;
}




#projectContent {
	display: block;
	padding: 20px;
}


.projectBlock {
	display: block;
	width: 400px;
	
	margin: 40px;
	margin-left: auto;
	margin-right: auto;
	
	background-color: #f9f9f7;
		
	background: -webkit-gradient(linear, left top, left bottom, from(#f3f3f3), to(#f9f9f7));
	background: -moz-linear-gradient(top,  #f3f3f3,  #f9f9f7);
	
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#f3f3f3', EndColorStr='#f9f9f7');
	-ms-filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#f3f3f3', EndColorStr='#f9f9f7');
	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	
	-webkit-box-shadow: 1px 1px 2px #e1e1e1;
	-moz-box-shadow: 1px 1px 2px #e1e1e1;
	box-shadow: 1px 1px 2px #e1e1e1;
}

.projectBlock h2 {
	color: #aed2e4;
	
	padding: 2px;
	padding-left: 8px;
	
	font-size: 18px;
	letter-spacing: 2px;
	white-space: nowrap;
	font-weight: bold;
	
	background-color: #0a87c7;
	background: -webkit-gradient(linear, left top, left bottom, from(#0a87c7), to(#2d6684));
	background: -moz-linear-gradient(top,  #0a87c7,  #2d6684);
	
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#0a87c7', EndColorStr='#2d6684');
	-ms-filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#0a87c7', EndColorStr='#2d6684');
	
	-webkit-border-top-right-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-topleft: 10px;
	
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;

}

.projectBlock p {
	padding: 10px;
}



#contactSection {
	margin-top: 15px;
}

#contactSection #contactMethods {
	display: block;
	float: left;
	margin-left: 20px;
	width: 500px;	
}

#contactSection h2 {
	display: block;
	
	font-size: 24px;
	letter-spacing: 2px;
	
	padding-bottom: 20px;
}

#contactSection p {
	padding: 10px;
}

#contactBlock {
	width: 200px;
	margin-left: 30px;
	font-size: 16px;
	padding: 10px;
}

#contactBlock li {
	padding: 5px;
}

#contactBlock li a {
	position: relative;
	display: block;
	font-weight: bold;
}

#contactBlock li em {
	float: right;
	color: #0b65a4;
	font-weight: normal;
}

#myLocation {
	display: block;
	float: right;
	width: 400px;
	min-height: 400px;
}

#myLocation #googleMap {
	width: 350px; 
	height: 300px;
	margin-left: 20px;
}