@charset 'UTF-8';
@import url('http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,300italic,400italic');
@import url('font-awesome.min.css');

/*
	Astral by HTML5 UP
	html5up.net | @n33co
	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
*/

/*********************************************************************************/
/* Basic                                                                         */
/*********************************************************************************/

	body
	{
		background-image:			url('images/overlay.png'),		url('images/bg.jpg');
		/*background-image:			url('images/overlay.png'),		url('images/congruent_pentagon.png');*/
		background-repeat:			repeat,							no-repeat;
		background-size:			auto,							100% 100%;
	}

		body.is-loading *
		{
			-moz-transition: none !important;
			-webkit-transition: none !important;
			-o-transition: none !important;
			-ms-transition: none !important;
			transition: none !important;
			-moz-animation: none !important;
			-webkit-animation: none !important;
			-o-animation: none !important;
			-ms-animation: none !important;
			animation: none !important;
		}
		
	body,input,textarea,select
	{
		font-family: 'Source Sans Pro', sans-serif;
		font-weight: 300;
		color: #777777;
	}
	
	strong, b
	{
		font-weight: 400;
		color: #363636;
	}

	h1, h2, h3, h4,h5, h6
	{
		font-weight: 400;
		color: #363636;
	}
	
	blockquote
	{
		border-left: solid 0.5em #ddd;
		padding: 1em 0 1em 2em;
		font-style: italic;
	}
	
	em, i
	{
		font-style: italic;
	}
	
	hr
	{
		border: 0;
		border-top: solid 1px #ddd;
		padding: 1.5em 0 0 0;
		margin: 1.75em 0 0 0;
	}
	
	sub
	{
		position: relative;
		top: 0.5em;
		font-size: 0.8em;
	}
	
	sup
	{
		position: relative;
		top: -0.5em;
		font-size: 0.8em;
	}

	br.clear
	{
		clear: both;
	}
	
	p, ul, ol, dl, table, blockquote, form
	{
		margin-bottom: 2em;
	}
		
	/* Table */
	
		table
		{
			width: 100%;
		}
		
			table.default
			{
			}
			
				table.default tbody tr
				{
					border-bottom: solid 1px #f4f4f4;
				}
				
				table.default td
				{
					padding: 0.5em 1em 0.5em 1em;
				}
				
				table.default th
				{
					text-align: left;
					font-weight: 400;
					padding: 0.5em 1em 0.5em 1em;
				}
			
				table.default thead
				{
					border-bottom: solid 2px #f4f4f4;
				}

	/* Form */

		form
		{
		}
		
			form label
			{
				display: block;
				font-weight: 400;
				color: #363636;
				margin: 0 0 1em 0;
			}
		
			form input[type="text"],
			form input[type="email"],
			form input[type="password"],
			form select,
			form textarea
			{
				-webkit-appearance: none;
				border: 0;
				background: #f4f4f4;
				padding: 0.75em;
				width: 100%;
				-moz-transition: background-color .25s ease-in-out;
				-webkit-transition: background-color .25s ease-in-out;
				-o-transition: background-color .25s ease-in-out;
				-ms-transition: background-color .25s ease-in-out;
				transition: background-color .25s ease-in-out;
			}

			form input[type="text"],
			form input[type="email"],
			form input[type="password"],
			form select
			{
				line-height: 1.35em;
			}

			form input[type="text"]:focus,
			form input[type="email"]:focus,
			form input[type="password"]:focus,
			form select:focus,
			form textarea:focus
			{
				background: #f8f8f8;
			}

			form ::-webkit-input-placeholder
			{
				color: #999;
			}

			form :-moz-placeholder
			{
				color: #999;
			}

			form ::-moz-placeholder
			{
				color: #999;
			}

			form :-ms-input-placeholder
			{
				color: #999;
			}		

	/* Section/Article */

		section,
		article
		{
			margin-bottom: 3em;
		}
		
			section > :last-child,
			article > :last-child
			{
				margin-bottom: 0;
			}

			section:last-child,
			article:last-child
			{
				margin-bottom: 0;
			}

		header
		{
		}
		
			header > p
			{
				color: #aaa;
			}
	
	/* Image */

		.image
		{
			display: inline-block;
		}
		
			.image img
			{
				display: block;
				width: 100%;
			}

			.image.fit
			{
				display: block;
				width: 100%;
			}
			
			.image.featured
			{
				display: block;
				width: 100%;
				margin: 0 0 2em 0;
			}
			
			.image.left
			{
				float: left;
				margin: 0 2em 2em 0;
			}
			
			.image.centered
			{
				display: block;
				margin: 0 0 2em 0;
			}

				.image.centered img
				{
					margin: 0 auto;
					width: auto;
				}

	/* Button */	

		input[type="button"],
		input[type="submit"],
		input[type="reset"],
		.button
		{
			-webkit-appearance: none;
			display: inline-block;
			background-color: #222222;
			color: #ffffff;
			border: 0;
			cursor: pointer;
			outline: 0;
			-moz-transition: background-color .25s ease-in-out;
			-webkit-transition: background-color .25s ease-in-out;
			-o-transition: background-color .25s ease-in-out;
			-ms-transition: background-color .25s ease-in-out;
			transition: background-color .25s ease-in-out;
		}

			input[type="button"]:hover,
			input[type="submit"]:hover,
			input[type="reset"]:hover,
			.button:hover
			{
				background-color: #333333;
			}
			
			input[type="button"]:active,
			input[type="submit"]:active,
			input[type="reset"]:active,
			.button:active
			{
				background-color: #444444;
			}
		
			input[type="button"].alt,
			input[type="submit"].alt,
			input[type="reset"].alt,
			.button.alt
			{
				background-color: #777777;
			}

				input[type="button"].alt:hover,
				input[type="submit"].alt:hover,
				input[type="reset"].alt:hover,
				.button.alt:hover
				{
					background-color: #888888;
				}
				
				input[type="button"].alt:active,
				input[type="submit"].alt:active,
				input[type="reset"].alt:active,
				.button.alt:active
				{
					background-color: #999999;
				}
	
	/* List */
	
		ul.default
		{
			list-style: disc;
			padding-left: 1em;
		}
		
			ul.default li
			{
				padding-left: 0.5em;
			}
			
		ul.actions
		{
		}
		
			ul.actions li
			{
				display: inline-block;
				margin-left: 0.5em;
			}
			
				ul.actions li:first-child
				{
					margin-left: 0;
				}
		
		ol.default
		{
			list-style: decimal;
			padding-left: 1.25em;
		}

			ol.default li
			{
				padding-left: 0.25em;
			}

/*********************************************************************************/
/* Icons                                                                         */
/*********************************************************************************/

	.icon {
		position: relative;
		text-decoration: none;
	}

		.icon:before {
			-moz-osx-font-smoothing: grayscale;
			-webkit-font-smoothing: antialiased;
			font-family: FontAwesome;
			font-style: normal;
			font-weight: normal;
			text-transform: none !important;
		}

		.icon > .label {
			display: none;
		}
		
/*********************************************************************************/
/* Nav                                                                           */
/*********************************************************************************/
	
	#nav
	{
	}
	
		#nav a
		{
			position: relative;
			display: inline-block;
			color: #ffffff;
			width: 1em;
			height: 1em;
			line-height: 0.9em;
		}

			#nav a.icon:before
			{
				padding-right: 0;
			}
		
/*********************************************************************************/
/* Panels                                                                        */
/*********************************************************************************/

	#main
	{
		position: relative;
		/*overflow: hidden;*/
	}

	.panel
	{
		position: relative;
	}

	/* Me */
	
		#me
		{
		}
		
			#me .pic
			{
				position: relative;
				display: block;
			}

				#me .pic:before
				{
					content: '';
					position: absolute;
					top: 0;
					left: 0;
					background: url('images/overlay.png');
					width: 100%;
					height: 100%;
					z-index: 1;
				}

/*********************************************************************************/
/* Footer                                                                        */
/*********************************************************************************/

	#footer
	{
		color: #ccc;
		color: rgba(255,255,255,0.45);
	}

		#footer a
		{
			color: #ddd;
			color: rgba(255,255,255,0.65);
			-moz-transition: color .25s ease-in-out;
			-webkit-transition: color .25s ease-in-out;
			-o-transition: color .25s ease-in-out;
			-ms-transition: color .25s ease-in-out;
			transition: color .25s ease-in-out;
		}
		
		#footer a:hover
		{
			color: rgba(255,255,255,1.0);
		}
		
		#footer .copyright
		{
		}
		
			#footer .copyright li
			{
				display: inline-block;
			}

				#footer .copyright li:before
				{
					display: inline;
					content: '\2022';
					opacity: 0.5;
					padding: 0 0.75em 0 0.75em;
				}
			
				#footer .copyright li:first-child:before
				{
					display: none;
				}



.experience li {
    list-style-type: disc;
}
.languages li {
	list-style-type: disc;
}
#resume h3 {
    background: #f1f1f1;
    padding: .4em;
    color: #7a7a7a;
    text-align:center;

}
#resume .experience h3 {
    margin: 0 0 1.5em 0;
}
#resume .experience ul{ margin: 1em 0;}
#main a {
    color: #777777;
    text-decoration: none;
    font-weight: 500;
}
#main a:hover{
	text-decoration: underline;
}
#work p {
    font-size: .8em;
    line-height: 1.4em;
}
#work h3 {
    margin: .4em 0;
}
#work img {
    border: 1px solid #aaa;
}
#work header h3 { color: #aaa;}
#SendFailedMsg{background: #D24D57; color: #fff; padding: .7em; display: none; margin-top:1.3em; font-weight: 400;}
#SentMsg{background: #90C695; color: #fff; padding: .7em; font-weight: 400; font-size: 1.4em;}
article#resume {
    padding-bottom: 4em;
}
#resume h3{ margin-bottom: 1em;}

.experience {
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 1.5em;
    padding-bottom: 1em;
}
div#ResumeNav{
	/*width: 30%;*/
	padding: 0 2em 0 0;
	margin-left: 1.3em;
}
#ResumeDownloads{ padding: 0 0 0 2em;

}
#resume header{margin: 0;}
#ResumeDownloads a {
    background: #f1f1f1;
    color: #7a7a7a;
    padding: 1.5em 2em;
    line-height: 4em;
-webkit-transition: all .7s ease;
-moz-transition: all .7s ease;
-ms-transition: all .7s ease;
-o-transition: all .7s ease;
transition: all .7s ease;
font-size: 1.3em;
text-transform: uppercase;
-webkit-box-shadow: 4px 7px 10px -8px rgba(0,0,0,0.75);
-moz-box-shadow: 4px 7px 10px -8px rgba(0,0,0,0.75);
box-shadow: 4px 7px 10px -8px rgba(0,0,0,0.75);
border: 1px solid #ddd;
}
#ResumeDownloads li{margin-top: 1.5em;}

#ResumeDownloads a:hover{
	text-decoration: none;
	background: #7a7a7a;
	color: #fff;
}

ul#ResumeSubNav {
    margin: 0;
}
ul#ResumeSubNav li{
    margin-left: 1.8em;
}

.flexcontainer {
   display: -webkit-flex;
   display: flex;
   -webkit-flex-direction: row;
   flex-direction: row;
}

div#ScrollToTop {
    border-radius: 50%;
	width: 3em;
	height: 3em; 
	background: #fff;
	position: fixed;
	bottom: .8em;
	right: .8em;
}
#ScrollToTop a{
    color: #7a7a7a;
    font-size: 2em;
    padding-left: .3em;
    line-height: 1.5em;
}
#ResumeDownloads i {
    margin-right: .7em;
}
#ResumeNav ul {
    list-style: disc;
}

#ResumeSubNav li {
    list-style: square;
}
@media only screen and (max-device-width: 480px) {

	a.jumplink.pic img{ border: 2px solid #eee;}
	#skills img {
	    width: 4em;
	}
	#subtitle{margin-top: 1em;}
	#skills ul{ margin-top:.8em;}
	#skills li {
	    display: inline;
	}
	.experience li {
    margin-left: 1em;
	}
	div#ResumeNav{display: none;}
	#ResumeDownloads a {font-size: 1em; padding: 1.5em;}
	.languages li, .experience li {
		margin-left: 1em;
	}
}