<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";
/* CSS Document */

/* ---------------------------------------------------- */
/* 00-   GENERAL
/* ---------------------------------------------------- */

html, body {
	margin: 0;
	padding: 0;
  }

body { 
	background: #D5DCE4; 
	color: #333; 
	font-family: 'PT Sans', sans-serif;
	font-size: 100%; }

.body_wrap { 
	margin: 0 auto;
	padding: 0;
	max-width: 60%;  
}

img { max-width: 100%; }

a {
	text-decoration: none;
	color: #FFF;	
}


#main_header{
	padding:30px 5% 10px;
}

footer a:hover {
	text-decoration: underline;	
}

#nav_left a:hover {
	color: #06C;
	transition: all 0.5s ease-in;	
}

#nav_right a:hover {
	color: #06C;
	transition: all 0.5s ease-in;	
}

h1 {
	font-weight: bold;
	color: #E06A41 !important;
	font-size: 1.2em;	
}

h2 {
	margin-top: 10px;	
}

.larger {
	text-transform: uppercase;
	font-size: .7em;
	text-align: left;
	margin-top: 5px;
	color: #E06A41 !important;	
}

.larger:hover {
	color: #06C !important;	
}

/* ---------------------------------------------------- */
/* 01-   HEADER
/* ---------------------------------------------------- */

.photo_box_header { 
	float: left; 
	width: 45%; 
	max-width: 350px; 
}

.photo_box_social { float: right; margin-left: 5%;	width: 20%; max-width: 35px; min-width:25px; }

.photo_box_social img { width: 100%; }

header { 
	background: white; 
	position: relative; 
	padding: 20px 5% 10px 3.5%; 
}

#nav_images { 
	bottom: 22%; 
	float: right; 
	padding-left: 2%; 
	position: absolute; 
	right: 5%; 
	width: 13%; 
}

nav { 
	bottom: 22%; 
	float: right; 
	position: absolute; 
	right: 18%; 
	text-align: right; 
	width: 40%; 
}

nav li { 
	display: inline; 
	margin-left: 3%; 
	padding: 5px 0; 
	text-transform: uppercase; 
	font-weight: bold; 
}

nav a { 
	color: #333; 
	text-decoration: none;
}

nav a:hover, a:active, a:focus {
	color: #E06A41;
	text-decoration: none;
	transition: all 0.5s ease-in;
	
}
	
Jessica Henry was born in Monroe, WA in 1989. She will graduate with her associate’s this spring, and then begin her bachelor’s in English with an emphasis in creative writing at Western Washington University this coming fall. Jessica has mostly written flash fictions and short stories, but has a novella in the works. Heavily influenced by writers like Edward Lee and Stephen King, she primarily writes in the thriller and horror genres. One of her ultimate goals is to be nominated for a Bram Stoker Award. Jessica currently resides in Bothell, WA with her significant other./* ---------------------------------------------------- */
/* 02-   MAIN DIV
/* ---------------------------------------------------- */

#main_header {
	padding: 30px 5% 10px; 
}

#main_header h1 { /* ARTIST PROFILE */
	color: #06C !important;
	text-transform: uppercase;
	font-size: 1em;
	font-weight: bold;
	letter-spacing: 1px;
}

.return {
	color: #E06A41 !important;
	text-transform: uppercase;
	font-size: 1em;
	margin-bottom: 20px;
	font-weight: bold;
	text-align: right;	
}

.return:hover {
	color: #06C !important;
	transition: all 0.5s ease-in;	
}

#main { /* MAIN CONTAINER AREA */
	background: #FFF; 
	max-with: 70%;
	min-height: 84vh;
	
}

#main_wrap article { /* IMAGES AREA */
	float: left; 
	padding: 20px 5%; 
	width: 35%; 
}

#main_wrap article img { /* MAIN IMAGE */
	width: 100%;
}

#main_wrap aside { /* BIOGRAPHY AREA */
	float: left; 
	padding: 20px 3% 20px 5%; 
	width: 50%; 
	min-height: 100px;
}

#main_wrap aside p {  /* BIOGRAPHY COPY */
	color: #666; 
	font-size: .85em; 
	line-height: 1.4em; 
	margin-bottom: 10px;
}

#main_wrap aside.jessica { /* BIOGRAPHY COPY */
	height: 150px;
}

.photo_box_artist { 
	width: 60%; 
	padding-top: 20px;
}

#main_wrap section { 
	padding-top: 10px;
}

#main_wrap section img { /* SUB IMAGE */
	padding-right: 3%; 
	width: 29%;
}


/* ---------------------------------------------------- */
/* 03-   MAIN DIV - FOR LITERATURE
/* ---------------------------------------------------- */

#main_wrap .literature { /* SAMPLE WORK */
	float: right;
	padding: 5px 2%; 
	margin: 94px 5% 5px 0; 
	height: ;
	width: 30%;
	border: solid 2px #ddd;	
}

#main_wrap .literature p {
	color: 	#333;
	margin-bottom: .5em;
	line-height: 1.4em;
	font-size: .85em;
}

#main_wrap .literature h3 {
	color: #06C;	
}

#main_wrap .literature a h3:hover {
	transition: all 0.5s ease-in;
	color: #E06A41;
}


/* ---------------------------------------------------- */
/* 04-   ARTIST PROFILE NAVIGATION
/* ---------------------------------------------------- */

#main_nav {
	margin-bottom: 30px;	
}
#nav_left { /* VIEW PREVIOUS BUTTON */
	float: left;
	margin-top:30px; 
	padding: 20px 5%; 
	text-align: left; 
	width: 20%; 
	line-height: 1em;
}

#nav_left a { /* VIEW PREVIOUS BUTTON */
	color: #E06A41; 
	font-size: .8em; 
	text-transform: uppercase; 
}

#nav_right { /* VIEW NEXT BUTTON */
	float: right; 
	margin-top: 30px; 
	padding: 20px 5%; 
	text-align: right; 
	width: 20%; 
	line-height: 1em;
}

#nav_right a { /* VIEW NEXT BUTTON */
	color: #E06A41; 
	font-size: .8em; 
	text-transform: uppercase;
}



/* ---------------------------------------------------- */
/* 05-   FOOTER
/* ---------------------------------------------------- */

.photo_box_footer { 
	float: left; 
	max-width: 150px; 
}

footer section { 
	float: left; 
	max-width: 15%;
}

footer { 
	background: #E06A41; 
	color: #fff; 
	height: 70px; 
	position: relative;
	width: 100%;
	margin: 0 auto;
	bottom: 0;
}

footer img {
	min-width:70px;	
}

.footer_wrap { 
	padding: 15px 5% 20px; 
}

#footer_aside { 
	text-align: right;
	float:right; 
	width: 73%;
}

footer p { 
	font-size: .75em;
	line-height: 1.3em;
}



.footer_name {
	margin-bottom: 3px;	
}

/* ---------------------------------------------------- */
/* 06-   ARTIST NAMES
/* ---------------------------------------------------- */

.photo_box_profile {
	max-width: 100px;
}

#main_wrap h4 { /* ARTIST NAME */
	color: #E06A41;
	font-size: .95em;
	text-transform: uppercase;
	font-weight: bold;
	margin: 5px 0 0 3px;	
}

#main_wrap h5 { /* ARTIST MAJOR */
	color: #333;
	font-size: .8em;
	text-transform: ;
	margin: 5px 0 0 3px;
	line-height: 1.3em;	
}

#main_wrap h3 { /* BIOGRAPHY TITLE */
	color: #E06A41;
	font-size: .95em;
	text-transform: uppercase;
	margin: 15px 0 10px;	
}



/* ---------------------------------------------------- */
/* 07-   ARTIST PHOTOS
/* ---------------------------------------------------- */

.profile_name { /* ORIGINAL ARTIST IMAGE TEMPLATE */
	width: 85%;
	background: url(../images/artist_thumbnail.png) no-repeat;
	height: 70px;	
	padding: 8px 0 0 52px;
}

.profile_name.anthonysilva {
	width: 85%;
	background: url(../images/portraits/portraits_anthonysilva.png) no-repeat;
	height: 70px;	
	padding: 8px 0 0 52px;
}

.profile_name.carlameilnik {
	width: 85%;
	background: url(../images/portraits/portraits_carlamielnik.png) no-repeat;
	height: 70px;	
	padding: 8px 0 0 52px;
}

.profile_name.courtneyvandyke {
	width: 85%;
	background: url(../images/portraits/portraits_courtneyvandyke.png) no-repeat;
	height: 70px;	
	padding: 8px 0 0 52px;
}

.profile_name.crystalparker {
	width: 85%;
	background: url(../images/portraits/portraits_crystalparker.png) no-repeat;
	height: 70px;	
	padding: 8px 0 0 52px;
}

.profile_name.cynthiahansen {
	width: 85%;
	background: url(../images/portraits/portraits_cynthiahansen.png) no-repeat;
	height: 70px;	
	padding: 8px 0 0 52px;
}

.profile_name.danielledeskins {
	width: 85%;
	background: url(../images/portraits/portraits_danielledeskins.png) no-repeat;
	height: 70px;	
	padding: 8px 0 0 52px;
}

.profile_name.emeraldadams {
	width: 85%;
	background: url(../images/portraits/portraits_emeraldadams.png) no-repeat;
	height: 70px;	
	padding: 8px 0 0 52px;
}

.profile_name.gracerobinson {
	width: 85%;
	background: url(../images/portraits/portraits_gracerobinson.png) no-repeat;
	height: 70px;	
	padding: 8px 0 0 52px;
}

.profile_name.joetimidaiski {
	width: 85%;
	background: url(../images/portraits/portraits_joetimidaiski.png) no-repeat;
	height: 70px;	
	padding: 8px 0 0 52px;
}

.profile_name.jessicahenry {
	width: 85%;
	background: url(../images/portraits/portraits_jessicahenry.png) no-repeat;
	height: 70px;	
	padding: 8px 0 0 52px;
}

.profile_name.kimberlyyounger {
	width: 85%;
	background: url(../images/portraits/portraits_kimberlyyounger.png) no-repeat;
	height: 70px;	
	padding: 8px 0 0 52px;
}

.profile_name.karitownsend {
	width: 85%;
	background: url(../images/portraits/portraits_karitownsend.png) no-repeat;
	height: 70px;	
	padding: 8px 0 0 52px;
}

.profile_name.kirajones {
	width: 85%;
	background: url(../images/portraits/portraits_kirajones.png) no-repeat;
	height: 70px;	
	padding: 8px 0 0 52px;
}

.profile_name.lissasjogren {
	width: 85%;
	background: url(../images/portraits/portraits_lissasjogren.png) no-repeat;
	height: 70px;	
	padding: 8px 0 0 52px;
}

.profile_name.maxflynn {
	width: 85%;
	background: url(../images/portraits/portraits_maxflynn.png) no-repeat;
	height: 70px;	
	padding: 8px 0 0 52px;
}

.profile_name.patsmith {
	width: 85%;
	background: url(../images/portraits/portraits_patsmith.png) no-repeat;
	height: 70px;	
	padding: 8px 0 0 52px;
}

.profile_name.spencerchow {
	width: 85%;
	background: url(../images/portraits/portraits_spencerchow.png) no-repeat;
	height: 70px;	
	padding: 8px 0 0 52px;
}

.profile_name.susanemery {
	width: 85%;
	background: url(../images/portraits/portraits_susanemery.png) no-repeat;
	height: 70px;	
	padding: 8px 0 0 52px;
}

.profile_name.willstoller {
	width: 85%;
	background: url(../images/portraits/portraits_willstoler.png) no-repeat;
	height: 70px;	
	padding: 8px 0 0 52px;
}



/* ---------------------------------------------------- */
/* 08-   MEDIA WIDTH
/* ---------------------------------------------------- */

@media screen and (max-width: 1280px) { 
html, body {
	margin: 0;
	padding: 0;
  }
}

@media screen and (max-width: 1171pxpx) {
	
html, body {
	font-size:92%;
}

.body_wrap { 
	max-width: 80%;  
}

footer {
	font-size: 85%;	
}

}

@media screen and (max-width: 820px) {

#main_wrap section img {
	width: 100%; 
	padding-bottom: 10px;
}

}

@media screen and (max-width: 744px) {
	
	.body_wrap { 
		max-width: 100%;  
	}
	
	#main_wrap aside { /* BIOGRAPHY AREA */
	float: right; 
	padding-left: 5%;
	width: 90%;	
	height: 250px;
	overflow-y: scroll;
	overflow-x: hidden;
	margin-bottom:20px;
	
}

#main_wrap aside.carla { /* BIOGRAPHY COPY */
	height: 250px;
	overflow-y: scroll;
	overflow-x: hidden;
}

#main_wrap .literature { /* SAMPLE WORK */
	float: left;
	padding: 5px 2%; 
	margin: 0px 5% 5px 5%; 
	height: ;
	width: 50%;
	border: solid 2px #ddd;	
}


	aside img {
		width: 65%;
		min-width: 170px;
		padding-top: 15px;
	}
	
	#main_wrap article {
		float: left;
		width: 90%;
	}

	#main_wrap article img {
		width: 45%;
		float: left;
	}
	
	#main_wrap section {
		float: right;
		width: 51.7%;
		padding-top: 0;	
	}
	
	.two_photo img {
		width: 87% !important;	
	}
	
	#main_wrap section img {
		width: 40%;
		float: left;
	}

	#nav_left { 
		width: 30%;
	}

	#nav_right { 
		width: 30%;
	}

	.photo_box_social { 
		float: right; 
		width: 3%;
		visibility: collapse;
	}

	nav { 
		bottom: 22%; 
		float: right;
		 position: absolute; 
		 right: 5%; 
		 text-align: right; 
		 width:  50%; 
	}
	
	nav li { 
		margin-left: 2%; 
		font-size: .8em;
	}
	footer section { 
	visibility: collapse;
		width: 2%;
}

	#footer_aside {
		width: 95%;	
		margin: -20px 5% 0;
	}
	
	.photo_box_footer { 

	max-width: 100px; 
}

.photo_box_artist { padding-top: 10px;
}

#larger {
	float: left;
	padding: 0px 0 10px;	
}
.larger {
	text-transform: uppercase;
	font-size: .8em;
	text-align: left;
	margin-top: 15px;
	color: #E06A41;	
}

@media screen and (max-width: 480px) {
	
	header {
		font-size: 80%;	
	}
	
	html, body {
		background: #fff;
		
	}
	
		#main_wrap aside { /* BIOGRAPHY AREA */
	float: right; 
	padding-left: 5%;
	width: 90%;	
	height: 260px;
	
}

#main_wrap aside.carla { /* BIOGRAPHY COPY */
	height: 400px;
	overflow-y: scroll;
	overflow-x: hidden;
}

	footer {
		height: 74px;
	}
	
	footer p {
		line-height: 1.2em;	
	}
	footer section {
		visibility: collapse;
		width: 2%;
	}
	
	#footer_aside {
		width: 95%;	
	}
		
aside img {
		padding-top: 3px;		
	}
	
	.fill {
 	height: 100%;
    margin-top: -52px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 52px;
}
	
	h1 {
	
	font-size: 1em;	
}
	
}

@media screen and (max-width: 320px) {

}

</pre></body></html>