/* GENERAL */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
/*@font-face {
	font-family: 'Raleway';
    src: url('../files/raleway/raleway-thin-webfont.eot?iefix') format('eot'),
         url('../files/raleway/raleway-thin-webfont.woff') format('woff'),
         url('../files/raleway/raleway-thin-webfont.ttf') format('truetype');
}*/
html {height:100%}
@font-face {
    font-family: 'QuicksandBook';
    src: url('../files/quicksand/Quicksand_Book-webfont.eot');
    src: url('../files/quicksand/Quicksand_Book-webfont.eot?iefix') format('eot'),
         url('../files/quicksand/Quicksand_Book-webfont.woff') format('woff'),
         url('../files/quicksand/Quicksand_Book-webfont.ttf') format('truetype'),
         url('../files/quicksand/Quicksand_Book-webfont.svg#webfontQNKLE8Me') format('svg');
    font-weight: normal;
    font-style: normal;
}
body {
	background: url('../images/tflslogo.png') no-repeat bottom right;
	background: url('../images/bokeh3.png') repeat-x fixed -30% 0,
				url('../images/bokeh2.png') repeat-x fixed 70% 0,
				url('../images/bokeh1.png') repeat-x fixed 200% 0,
				url('../images/tflslogo.png') no-repeat bottom right;
	height:100%;
	font-family: 'QuicksandBook', arial, serif;
	letter-spacing: -1px;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	overflow:hidden;
}
a {
	color:#EC008C;
	text-decoration:none;
}
h1, h2, h3, h4, h5, h6 {font-weight:normal;}
h1, h2, h3 {
	text-shadow:0 1px 0 #FFF;
	behavior: url('../scripts/PIE.htc');
}
h1 {
	font-size:2.1em;
	margin:0.048em 0 0.357em;
	text-transform:uppercase;
}
img {border:none;}
p {line-height:1.2em;}
ul {list-style: none;}
.center {text-align:center;}
#resume-window .files a:focus, #resume-window .files a:hover, #resume-window .link:focus, #resume-window .link:hover, footer a:hover, footer a:focus {
	background-color:#EC008C;
	color:white;
	text-shadow: 0 -1px 0 #7c0049;
}

/* NAVIGATION */
#no-script {
	color:red;
	font-size:2em;
	margin:150px auto 0;
}
#main {
	height:14.75em;
	margin:16.875em auto 0;
	text-transform:uppercase;
	width:37.5em;
}
#main li[id^="h"] {
	left:23.75em;
    position:relative;
    top:-15.3em;
	z-index:-1;
	height:4.875em;
	margin:.0625em;
	opacity:0;
}
#hportfolio {
	background-color:#00AEEF;
	width:13.625em;
}
#hresume {
	background-color:#FFBA00;
	width:7.3125em;
}
#hbio {
	background-color:#EC008C;
	width:7.04em;
}
.nav {
	color:#D2D2D2;
	cursor:pointer;
	font-size:4em;
	line-height:1.25em;
	margin-left:5.953em;
	padding-left:0.172em;
}
.text {
	float:left;
	font-size:1.625em;
	line-height:1.03em;
	margin:0.462em 1.154em 0 0;
	opacity:0;
	text-align:right;
	width:13.462em;
}
#portfolio-text {color:#00AEEF;}
#portfolio-text h6 {
	float:right;
	font-size:0.385em;
	margin:-0.692em -1.308em 0 0;
}
#resume-text {color:#FFBA00;}
#bio-text {color:#EC008C;}

/* WINDOW MODULE */
.box {
	background-color:#EEE;
	-webkit-box-shadow:0 .3em .3em rgba(0, 0, 0, 0.2), 0 .05em .25em .05em rgba(0, 0, 0, 0.1);
  -moz-box-shadow:0 .3em .3em rgba(0, 0, 0, 0.2), 0 .05em .25em .05em rgba(0, 0, 0, 0.1);
  box-shadow:0 .3em .3em rgba(0, 0, 0, 0.2), 0 .05em .25em .05em rgba(0, 0, 0, 0.1);
	behavior:url('../scripts/PIE.htc');
	color:#888;
	display:none;
	font-size:1.250em;
	height:75%;
	margin:0 auto;
	max-height:50em;
	max-width:49.5em;
	min-height:28.7em;
	min-width:34.5em;
	padding:1em;
	position:relative;
	top:-21em;
	width:56.3%;
}
.close {
	background:right no-repeat url('../images/close.png');
	behavior:url('../scripts/PIE.htc');
	width:30px;
	height:30px;
	float:right;
	-pie-png-fix: true;
}
.wrapper {
	height:93%;
	overflow:auto;
}

/* PORTFOLIO */
#portfolio-window h1 {color:#00AEEF;}
#portfolio-window h2 {
	color:#00AEEF;
	font-size:1.05em;
	margin:1.667em 0 0.476em;
	text-transform:uppercase;
}
#portfolio-window a img {
	behavior:url('../scripts/PIE.htc');
	display:inline-block;
	margin:0 5px 5px 0;
	position:relative;
}
#portfolio-window a img:hover, #portfolio-window a img:focus {
	-moz-box-shadow:0 3px 3px 1px #888;
	-webkit-box-shadow:0 3px 3px 1px #888;
	box-shadow:0 3px 3px 1px #888;
	behavior:url('../scripts/PIE.htc');
}

/* RESUME */
#resume-window h1 {
	color:#FFAE00;
	margin-bottom:0.119em;
}
#linkedin {
	border:1px solid #0088BE;
	-moz-border-radius:0.156em;
	border-radius:0.156em;
	background:#8FC8E1;
	background:-moz-linear-gradient(top, #8FC8E1 0%, #0088BE 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#8FC8E1), color-stop(100%,#0088BE));
	-pie-background:linear-gradient(top, #8FC8E1 0%, #0088BE 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8FC8E1', endColorstr='#0088BE',GradientType=0 );
	-moz-box-shadow:inset 0 0 .25em rgba(195,230,255,0.8), 0 .031em .094em rgba(136, 136, 136, 0.8), 0 .094em .156em .063em rgba(136, 136, 136, 0.2);
	-webkit-box-shadow:inset 0 0 .25em rgba(195,230,255,0.8), 0 .031em .094em rgba(136, 136, 136, 0.8), 0 .094em .156em .063em rgba(136, 136, 136, 0.2);
	box-shadow:inset 0 0 .25em rgba(195,230,255,0.8), 0 .031em .094em rgba(136, 136, 136, 0.8), 0 .094em .156em .063em rgba(136, 136, 136, 0.2);
	behavior:url('../scripts/PIE.htc');
	color:white;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.6em;
	font-weight:bold;
	letter-spacing: 0px;
	margin-left:.156em;
	padding:.125em .25em;
	position:relative;
	text-shadow: 0 -1px 0 #005B83;
}
#linkedin:hover, #linkedin:focus {
	-moz-box-shadow:inset 0 0 .25em rgba(195,230,255,0.8);
	-webkit-box-shadow:inset 0 0 .25em rgba(195,230,255,0.8);
	box-shadow:inset 0 0 .25em rgba(195,230,255,0.8);
	behavior:url('../scripts/PIE.htc');
}
.linked {
	margin-top:.7em;
}
#resume-window .files {
	font-size:1.4em;
}
#resume-window .files a {
	padding:.286em .286em .107em;
}
#resume-window a[href^="mailto"] {
	padding:.3em;
}
#resume-window p {margin-bottom:1em;}
#resume-window .wrapper > p:first-child {margin-bottom:1.5em;}
#resume-window h2 {
	color:#FF9600;
	font-size:1.15em;
	margin:1.304em 0 .217em;
	text-transform:uppercase;
}
#resume-window .wrapper > h2:first-of-type {margin-top:0;}
#resume-window h3 {
	color:#555;
	font-size:1.2em;
	font-weight:bold;
	letter-spacing:-2px;
	margin:1.25em 0 .25em;
}
#resume-window .wrapper > h3:first-of-type {margin-top:10px;}
#resume-window h4 {
	color:#555;
	font-size:1em;
	/*font-style:italic;*/
	line-height:22px;
	margin-bottom:.6em;
}
#resume-window h5 {
	color:#555;
	font-size:.75em;
    margin:.467em 0 .333em;
	text-transform:uppercase;
}
#resume-window li {
	background-image:url('../images/bullet.png');
	background-repeat:no-repeat;
	background-position:0 .471em;
	font-size:.85em;
	line-height:1.529em;
	padding-left:.824em;
}
#resume-window ul ul {
	list-style:none;
	padding-left:.7em;
}
#resume-window ul ul li {
	background-image:url('../images/subbullet.png');
}

/* BIOGRAPHY */
#bio-window h1 {color:#EC008C;}
#bio-window p {
	line-height:1.3em;
	margin-bottom:.75em;
}
#bio-window p:first-child::first-letter {
	float:left;
	font-size:3.5em;
	line-height:1em;
	margin:.05em .083em 0 0;
}
#bio-window p:first-child {text-indent:0;}

/* FOOTER NAV */
footer {
	bottom:.882em;
	color:#CCC;
	font-size:1.063em;
	left:.838em;
	position:absolute;
}
footer a {padding:.412em .412em 0.235em;}