@charset "utf-8";

/* Hyperlinks */

a {	

	color: #3c7878;

	font-weight: normal;	

	text-decoration: none;

	}

a:hover {	

	color: #4d4a4c;

	font-weight: normal;	

	text-decoration: none;

}

/* Navigation Rollover List */

div#navcontainer { 

	width: 100px; 

	margin-top: 30px;

	margin-left: 140px;

	font-size: 1.3em;

	line-height: 28px;

	}



div#navcontainer ul {

	margin-left: 0;

	padding-left: 0;

	list-style-type: none;

	font-family: Helvetica, Verdana, sans-serif;

	}



div#navcontainer a {

	display: block;

	padding-left: 15px;

	width: 100px;

	background: url('http://www.stephenemlund.com/images/arrow.gif') no-repeat top left;

	}



div#navcontainer a:link, #navlist a:visited {

	color: #8e8e8e;

	text-decoration: none;

	}



div#navcontainer a:hover, #active a {

	background: url('http://www.stephenemlund.com/images/arrow_orange.gif') no-repeat top left;

	color: #8e8e8e;

	}



/* Navigation Rollover List 

#navcontainer { 

	width: 100px; 

	margin-top: 40px;

	margin-left: 140px;

	font-size: 1.3em;

	

	}



#navcontainer ul {

	margin-left: 0;

	padding-left: 0;

	list-style-type: none;

	line-height: 30px;

	font-family: Helvetica, Verdana, sans-serif;

	}



#navcontainer a {

	display: block;

	padding-left: 15px;

	width: 100px;

	background: url('images/arrow.gif') no-repeat top left;

	}



#navcontainer a:link, #navlist a:visited {

	color: #8e8e8e;

	text-decoration: none;

	}



#navcontainer a:hover, #active a {

	background: url('images/arrow_orange.gif') no-repeat top left;

	color: #8e8e8e;

	}

*/

/* FULL PORTFOLIO Rollover List */

#fullportfolio { 

	width: 120px;

	text-align: right;

	font-size: .78em;

	float: right;

	}



#fullportfolio ul {

	margin-left: 0;

	padding-left: 0;

	list-style-type: none;

	font-family: Helvetica, Verdana, sans-serif;

	}



#fullportfolio a {

	padding-right: 20px;

	width: 70px;

	background: url('images/gray_portfolioicon.gif') no-repeat top right;

	}



#fullportfolio a:link, #fullportfoliolist a:visited {

	color: #8e8e8e;

	text-decoration: none;

	}



#fullportfolio a:hover {

	background: url('images/orange_portfolioicon.gif') no-repeat top right;

	color: #8e8e8e;

	}



/* Portfolio Page Rollover List */

#pagecontainer {

	width: 420px;

}

.portfoliopage {

	margin-right: 14px;

	margin-bottom: 14px;

	width: 427px;

	font-size: 1.3em;

	float: left;

	}



.portfoliopage a {

	-moz-border-radius: 0px 15px 0 15px;

	-webkit-border-radius: 0px 15px 0 15px;

	padding: 10px;

	display: block;

	font-weight: bold;

	color: #565656;

	background-color: #c4c4c4;

	}



.portfoliopage a:hover {

	-moz-border-radius: 0px 10px 0 10px;

	-webkit-border-radius: 0px 10px 0 10px;

	display: block;

	font-weight: bold;

	color: #fff;

	background-color: #3c7878; /*#cfcfcf;*/

	}



/* Portfolio Per Project */

#picleft {

	width: 235px;

	border: solid #8e8e8e 1px;

	float: left;

	}

	

#picleftnoborder {

	width: 235px;

	float: left;

	}

	

#picright {

	width: 180px;

	border: solid #000 0px;

	float: right;

	}



/* Layout */

body {	

	background-color: #525252;

	font-family: Verdana, Arial, Helvetica, sans-serif;	

	font-size: .75em;	

	color: #525252;

	margin-top: 0.1em;

	margin-right: 0.1em;

	margin-bottom: 0.1em;

	margin-left: 0.1em;

	}

	

#iecenter {

	width: 100%;

	text-align: center;

}



#main {

	width: 780px;

	border: solid #000 0px;

	margin-top: 30px;

	margin-left: auto;

	margin-right: auto;

	text-align: left;

	}



#leftcolumn {

	background: url('images/logo.gif') no-repeat top #fff;

	height: 600px;

	width: 282px;

	float: left;

	text-align: left;

	-moz-border-radius: 0px 15px 0 15px;

	-webkit-border-radius: 0px 15px 0 15px;

}



#rightcolumn {

	width: 470px;

	background-color: #fff;

	border: solid #000 0px;

	float: right;

	min-height: 600px;

	text-align: left;

	-moz-border-radius: 0px 15px 0 15px;

	-webkit-border-radius: 0px 15px 0 15px;

}



#content {

	width: 422px;

	margin-top: 25px;

	margin-left: 24px;

	border: solid #000 0px;

}



#resumecontent {

	width: 430px;

	margin-top: 25px;

	margin-left: 24px;

	border: solid #000 0px;

}



img {

	border: 0;

}



#headingdiv {

	border-bottom: solid #525252 1px;

	margin-bottom: 0;

	padding-bottom: 0;

	width: 425px;

}



#pagetitle {

	border: solid #000 0px;

	margin-bottom: 3px;

	width: 290px;

	float: left;

	text-align: left;

	font-size: 1.5em;

	color: #3c7878;

	font-weight: lighter;

}





/* Alignment */

.rightalign {

	text-align: right;

	font-size: .78em;

}



.homerightalign {

	border: solid #000 0px;

	margin-top: 10px;

	width: 100px;

	height: 9px;

	float: right;

	text-align: right;

}



/* Typography*/

h1 {

	font-size: 1.5em;

	color: #3c7878;

	font-weight: lighter;

	margin-bottom: 0;

	padding-bottom: 0;

	}

	

h2 {

	font-size: 1.4em;

	font-weight: bold;

	margin-bottom: 0;

	padding-bottom: 0;

	}

	

h3 {

	font-size: 1.3em;

	border-bottom: 1px solid #3c7878;;

	font-weight: bold;

	margin-bottom: 3px;

	padding-bottom: 0;

	color: #3c7878;

	}

	

#pbio {

	width: 422px;

	line-height: 17px;

	font-size: .9em;

	float: left;

	border: solid #525252 0px;

}



#biopic {

	width: 240px;

	margin: 15px 0 0 5px;

	border: 0;

	font-size: .9em;

	float: right;

}



#homepage {

	width: 420px;

	clear: both;

	text-align: justify;

	line-height: 17px;

	font-size: .9em;

}



#phomepage {

	width: 350px;

	line-height: 17px;

	font-size: .9em;

}



/* Lists for Resume */

.resumelists {

	list-style-type: square;

	margin-top: 0;

	padding-top: 0;

}



/* Clearing */



.clear {

	width: 100%;

	height: 1px;

	margin: 0 0 -1px;

	clear: both;

	}