/* Portfolio Main Styles */
@import url('fonts.css');

/* Set it up! */
body
{
	margin: 45px 20px 200px 20px;
	background-color: #222426;
	color: #616363;
	font-family: "HelveticaNeue", Arial, Helvetica, sans-serif;
	font-size: 14px;
}
a
{
	color: #838686;
	font-family: "HelveticaNeue", Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-decoration: none;
}
a:hover
{
	color: #1fb3ff;
	font-family: "HelveticaNeue", Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-decoration: underline;
}
div#content
{
	width: 800px;
	margin: 0 auto 0 auto;
	text-align: center;
	clear: both;
}
div#header
{
	float: left;
	clear: both;
	width: 100%;
	text-align: center;
	padding: 0;
}
div#left_col
{
	float: left;
	clear: left;
	text-align: justify;
	width: 388px;
	padding-right: 12px;
}
div#right_col
{
	float: right;
	clear: right;
	text-align: right;
	width: 388px;
	padding-left: 12px;
}
.header_name
{
	color: #fff;
	font-family: "HelveticaNeueLight", Arial, Helvetica, sans-serif;
	font-size: 84px;
}
.large_title
{
	color: #1fb3ff;
	font-family: "HelveticaNeueLight", Arial, Helvetica, sans-serif;
	font-size: 36px;
}
.title
{
	color: #fff;
	font-family: "HelveticaNeueBold", Arial, Helvetica, sans-serif;
	font-size: 14px;
}
.subtitle
{
	color: #b8b8b8;
	font-family: "HelveticaNeue", Arial, Helvetica, sans-serif;
	font-size: 14px;
}
.subtitle a
{
	-webkit-transition:all 0.35s ease;
	-moz-transition:all 0.35s ease;
	-o-transition:all 0.35s ease;
	transition:all 0.35s ease;
	color: #b8b8b8;
	font-family: "HelveticaNeue", Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-decoration: none;
}
.subtitle a:hover
{
	color: #1fb3ff;
	font-family: "HelveticaNeue", Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-decoration: underline;
}
.item
{
	margin: 30px 0 0 0;
	clear: both;
}
.item p
{
	-webkit-transition:color 0.5s ease;
	-moz-transition:color 0.5s ease;
	-o-transition:color 0.5s ease;
	transition:color 0.5s ease;
    font-family: "HelveticaNeue", Arial, Helvetica, sans-serif;
}
.item:hover p
{
	color: #b8b8b8;
}
#footer
{
	float: left;
	clear: both;
	width: 100%;
	height: 40px;
	margin-bottom: 40px;
}
#print_subtitle
{
	display: none;
}

.highlight{
    /*background-color: #ffffff;*/
    color: #1fb3ff;
}

/* phones: stack the two columns (added 2026-11 when moved to a static site) */
@media (max-width: 840px) {
  body { margin: 24px 16px 60px 16px; }
  div#content { width: auto; }
  div#left_col, div#right_col { float: none; width: auto; padding: 0; text-align: left; }
  .header_name { font-size: 48px; }
}