article, aside, figure, footer, header, nav, section, blockquote, div {display:block;}

* {margin:0; padding:0;}

html, body 
{
    height: 100%;   
    padding: 0 !important;
	margin:0;
    background:white; /*purple;*/
	/*font-family:"Lato", sans-serif;*/
	font-family:"Open Sans", sans-serif;
	font-size:13px/1.4;
	text-align:center;	
}

body
{
	font-size:100%;
	-webkit-text-size-adjust:none;
}

#document
{
	margin:auto;
	text-align:left;
	background:white;
	width:59.375em;						       /*width of resume*/
	position:relative;
}

#cv-parts .content
{

	width:78%;							        /*How wide the main part of the resume is*/
	background:white;
	float:right;
}

#cv-parts div.first
{
	float:left;
	width:20%;								/*How wide the "sidebar" is*/
	clear:both;
}

header:after, #cv-parts:after, footer:after
{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	margin-bottom:2.813em;/*45px;*/ 				/*Spacing between resume sections*/
}


#cv-parts h4, #cv-parts h6.atop, #cv-parts .content p#top								   /*Spacing between entries in the same section -- needs to match #cv-parts .content h3 margin-top and #cv-parts .content p#top values -- NOTE see Resume Architecture.pages for explanation of h6.atop class*/ 
{
	margin-top:0.938em;
}

header, #cv-parts, footer
{
	zoom:1;
}

	h1,h2,h3,h4,h5,h6
	{
		font-size:100%;
	}
	
	h3, h4, h5, h6, p, ul, li
	{
		font-size:1.188em;						/*Font Size*/
	}
	
	p
	{
		text-align:left;
	}
	
	h3, h4, h5, h6, p, ul, li
	{
		line-height:1.45;						/*Line spacing*/
	}
	
	#matlab
	{
		font-size:0.8em; 						/*smaller matlab font*/
		display:inline;
	}



.content 
{ 
	/*position:relative;*/
	margin-bottom: 0em;
	padding-bottom: 0em;
	/*border-bottom:1px solid #ccc;*/
}
	.content h6										/*Dates*/ 
	{ 
		position:relative; 
		bottom:0px; 
		color:#66cccc;
		font-weight:300;
		float:right;
		padding-left:1.5em;	 
	}
	
	.content p 
	{ 
		margin:0em 0 0em 0;
		font-weight:300;
	}
	
	.content p a
	{
		font-weight:400;
	}

	.content div.spacer
	{
		margin-bottom:0.25em;
	}

header
{
	background:white;
	width:100%;
	margin:0px auto;
	/*padding-top:2.813em;*//*45px;*/
	padding-top:33px;
	padding-bottom:0px;
}
	
	header h1                                           /*Name and PORTFOLIO Heading*/
	{
		text-align:center;
		text-transform:uppercase;
		padding-bottom:30px;
		font-size:3em; /*48px;*/
		font-weight:100;
		font-family:"Lato";
	}
	
	h1#portfolio
	{
		text-align:center;
		text-transform:uppercase;
		font-size:3em; /*48px;*/
		font-weight:100;
		padding-bottom:50px;
		font-family:"Lato";
	}
	
	header h2                                          /*Contact Info*/
	{
		text-align:center;
		font-size:1.25em; /*22px;*/
		/*font-size:1.125em;*/
		font-weight:300;
		padding-bottom:30px;
	}
	
	#contact-info
	{
		padding-bottom:10px;
	} 
	
	#social-media-links
	{
		padding-top:15px;
		padding-bottom:15px;
	}
	
	#cv-parts div.first h3						/*Section Titles*/
	{
		text-transform:uppercase;
		color:#663300;
		font-weight:300;
		text-align:right;
		margin-top:0.938em;
				   
	}

	#cv-parts .content p.keyblurb
	{
		margin-top:0.938em;
		font-weight:400;
		color:#6E6C6C;
	}

	#cv-parts .content p.blurb
	{
		font-weight:400;
		color:#6E6C6C;
	}

	#cv-parts .content h4						/*Job, Awards, Titles*/
	{
		text-transform:uppercase;
		color:#663300;
		font-weight:600;
	}

	#cv-parts .content h5						/*Location (italics below titles)*/
	{
		font-style:italic;
		font-weight:400;
	}
	
	header span#header-divider					/*Color of diamond shaped dividers in the header between email, phone and website contact info*/
	{
		color:#66cccc;
	}

	#cv-parts .content p#list-space
	{
		margin-top:0.250em;
	}
	
a
{
	text-decoration:none;
	color:#009900;
}

ul
{
	list-style:none;
	padding:0 0 0 0 1em;
	text-indent:-0.85em;
	
}

	li
	{
		margin:0 0 0 2.1em;						/*Indent of bullet lists*/
		font-size:1.0em;
		font-weight:300;
		
	}
	
	li a
	{
		font-weight:400;
	}

	ul li:before                      			/*Specify unicode for bullet point -- triangle in this case*/
	{
		content:"\25B9 \a0";
		color:#66cccc;
	}
		
	div#footnote-divider
	{
		padding-top:1em;
		padding-bottom:2em;
		display:block;
		margin-left:auto;
		margin-right:auto;
		width:570px;
	}                
	
	
footer
{
	height:7.5em; /*165px;*/
    background:white; /*green;*/  
	bottom:0px;
	width:100%;
	clear:both;
	position:relative;	
}	

		footer #thank-you
		{
			position:absolute;
			bottom:0px;
			right:50%;
			/*margin-top:6.875em; /*110px;*/
			margin-right:4.000em; /*64px;*/
			font-size:0.813em; /*14px;*/
			margin-bottom:31px;                         /*Static - will be a constant height from the bottom*/
			font-weight:400;
			color:#009900;
			padding:0.938em 0px;
		}

		footer #copyright
		{
			position:absolute;
			bottom:0px;
			left:50%;
			margin-left:4.000em; /*64px;*/
			margin-bottom:31px;                         /*Static - will be a constant height from the top (should match above)*/
			text-align:right;
			font-size:0.813em; /*14px;*/
			font-weight:400;			
			color:#663300;
			padding:0.938em 0px;
		}

		footer #logo-bottom-right
		{
			position:absolute;
			bottom:0px;
			left:50%;
			margin-bottom:30px;
		}

		footer #logo-bottom-left
		{
			position:absolute;
			bottom:0px;
			right:50%;
			margin-bottom:30px;
		}


		footer #logo-bottom-left img, footer #logo-bottom-right img
		{
			height:1.875em;
			width:0.938em;
		}