html{
background-color:#111;
}

body{
max-width:1024px;
min-width:640px;
height:100%;
font-family:Avenir,"SinkinSans","Roboto",sans-serif;/**/

margin:auto;
padding:100px;/*body padding*/
}
.dark {
background-color:black;
color:white;
}
.light {
background-color:white;
color:black;
}

@media print {
	body{
		padding:.8in;
		padding-top:0;
		padding-bottom:0;
		
	}
	html,
	body{
		background-color:transparent !important;
		color:black !important;
	}
	svg #name,
	svg .bar {
		fill:black !important;
	}
	#role{
		color:white !important;
	}
	#download{
		display:none !important;
	}
}

.light a{
color:black;
}
.dark a{
color:white;
}
a:hover{
color:#f05;
}
#download{
position:absolute;
top:40px;
left:0;
right:0;
margin:auto;

text-align: center;
}

#download a{
display:inline-block;
height:1em;
line-height:1em;

/*
padding:8px;
background-color:#333;
border-radius:4px;/**/
}




header{
background:transparent;
position:relative;
margin:0;padding:0;border:0;
height:40px;/***********************************************************40px******/
margin-left:-100px;/*body padding*/
margin-right:-100px;/*body padding*/
margin-bottom:4pt;
color:white;
}
.light header {color:white;}
.dark header {color:black;}

#logo {
margin:0;
position:absolute;
height:100%;
left:44px;
right:0;
overflow:hidden;/*prevents svg bar from exiting body*/
}



/*
#navbar{
margin:0;padding:0;border:0;
height:40px;
margin-left:-56px;
margin-right:-100px;
margin-bottom:6px;

}
.light #navbar {
color:white;
background-color:black;
}
.dark #navbar {
color:black;
background-color:white;
}*/
svg .accent{
fill:#f05;
}
svg #name{
fill:black;
}
svg .bar{
fill:black;
}

.light svg #name{fill:black;}
.dark svg #name{fill:white;}

.light svg .bar{fill:black;}
.dark svg .bar{fill:white;}

#role

{


position:absolute;
/*height: 100%;*/
/*left: 544px;*/
right:0;





height: 40px;
line-height: 40px;
text-align: right;
font-size:20px;
font-style: italic;
font-weight:500;/*Bold*/
overflow:hidden;
margin-right:100px;/*body padding*/
}



.contactinfo{
display:block;
font-size:8pt;
margin-bottom:40pt;
}
#cyber{/*email*/
float:left;
}
#address{
float:right;
}











h1,h2,p,ul{
-webkit-margin-before: 0;
-webkit-margin-after: 0;
margin-top:0;
margin-bottom:0;
line-height:1.5em;
}




/*.headline*/

h1 {
font-size:14pt;/**/
font-weight:500;/*Medium*/
/*line-height:1;/**/
letter-spacing:0pt;/**/
margin-bottom: 4pt;
}


h2 {
text-transform: uppercase;
font-size:10pt;/**/
font-weight:700;/*Bold*/


/*text-shadow:  1px  1px   4px    rgba(0,0,0, .3 );/**/

/*line-height:1;/**/
letter-spacing:0pt;/**/
}


p,ul{
left:100;
font-size:10pt;/**/
font-weight:400;/*Regular*/
/*-webkit-font-smoothing: antialiased;/**/
/*-moz-font-smoothing: antialiased;/**/
/*-o-font-smoothing: antialiased;/**/
/*font-smoothing: antialiased;*/
/*text-shadow:  1px  1px   5px    rgba(0,0,0, 1.0 );/**/
/*line-height:2;/**/
letter-spacing:1;/**/

margin-bottom: 20pt;

}
ul{
    list-style-type: square;
	padding-left:2em;
}
li.resume { 
display:block;
}

#resume-main{
margin-top:20pt;
}












h4.resume{
text-transform: uppercase;
font-size:10pt;/**/
font-weight:500;/*Medium*/
-webkit-transform: scale(1) rotate(0deg) translate(0px, 0px) skew(-30deg, 0deg);

/*line-height:1;/**/
letter-spacing:0pt;/**/

}





.pink svg .accent			{fill:#f05;}
.pink h1						{color:#f05;}


.yellow svg .accent			{fill:#fa0;}
.yellow h1					{color:#fa0;}


.green svg .accent			{fill:#5f0;}
.green h1					{color:#5f0;}


.cyan svg .accent			{fill:#0fa;}
.cyan h1						{color:#0fa;}


.blue svg .accent			{fill:#05f;}
.blue h1						{color:#05f;}


.purple svg .accent			{fill:#a0f;}
.purple h1					{color:#a0f;}