/************
* Title: CSS Reset, based on Eric Meyer's Reset
************/
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,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline; }
body { line-height:1;color:black;background:white; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse:separate;border-spacing:0; }
caption,th,td { text-align:left;font-weight:normal; }
blockquote:before,blockquote:after,
q:before,q:after { content:""; }
blockquote,q { quotes:"" ""; }
/* include margin and padding in the width calculation of input and textarea - from Wordpress */
input[type="text"],
input[type="password"],
textarea {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box; /* ie8 only */
box-sizing: border-box;
}
/* avoid line height problems when sup and sub's exist... can throw off consistent line height */
sup, sub { line-height: 0px; }
/************
* Author: Kevin Holesh - me@kevinholesh.com
************/
@font-face {
font-family: 'ChunkFiveRegular';
src: url('/images/chunkfive.eot');
src: local('ChunkFive Regular'), local('ChunkFive'), url('/images/chunkfive.woff') format('woff'), url('/images/chunkfive.otf') format('opentype'), url('/images/chunkfive.svg#ChunkFive') format('svg');
}
body { background-color: #eee; color: #333; font-family: 'Helvetica Neue', Helvetica, Arial, Verdana, Sans-Serif; font-size: 17px; }
#container { margin: 0 auto; width: 800px; }
header, footer, aside, nav, article { display: block; }
em { font-style: italic; }
strong { font-weight: bold; }
code, pre { font-family: monospace; }
.clear { clear: both; height: 0px; }
a:link, a:visited { color: #5386AD; text-decoration: none; }
a:hover, a:active { background-color: #5386AD; color: white; }
p, ol, ul { line-height: 22px; margin: 0 0 22px 0; }
h1, h2, h3, h4, h5, h6 { font-weight: bold; }
h2 { font-size: 32px; line-height: 34px; margin: 0 0 12px 0; }
header h1 { font-family: ChunkFiveRegular, 'Rockwell Extra Bold', 'Arial Black', Arial, sans-serif; font-size: 80px; font-weight: bold; }
header h1 a:link, header h1 a:visited { color: #282828; text-shadow: white 1px 1px 0px; }
header h1 a:hover, header h1 a:active { background-color: transparent; opacity: 0.8; }
header p.description { color: #5A5A5A; font-size: 15px; line-height: 22px; margin: 0; }
header nav ul { line-height: 22px; list-style: none; margin: 44px 0 6px 0; }
header nav ul li { float: left; }
header nav ul li.bull { font-size: 20px; margin: 0 3px; opacity: 0.2; }
#search-form { position: relative; top: -2px; }
#search-box { background-color: #F6F6F6; border: 1px solid transparent; color: #999; padding: 3px 25px 3px 8px; height: 22px;
border-radius: 15px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px; }
#search-box:focus { background-color: white; color: #333; }
#search-submit { position: absolute; right: 8px; top: 4px; }
h2.page-title { font-weight: normal; margin: 22px 0 22px 0; text-shadow: white 1px 1px 0px; }
p.entry-date { background: url('/images/divider.png') repeat-x; margin: 44px 0 22px 0; }
p.entry-date span { background-color: #eee; font-weight: bold; }
p.entry-date span.month { padding: 0 6px 0 0; }
p.entry-2010-02-17 span.day { padding: 0 8px 0 0; }
article { background: #FEF7EE url('/images/paper.jpg') repeat; color: #001A2B; font-family: Constantia, Cambria, Palatino, 'Palatino Linotype', Georgia, serif; margin: 22px 0; padding: 34px; position: relative; text-shadow: white 1px 1px 0; overflow: hidden; }
article, div#pagination a { box-shadow: 3px 3px 7px rgba(0,0,0,0.3);
-webkit-box-shadow: 3px 3px 7px rgba(0,0,0,0.3);
-moz-box-shadow: 3px 3px 7px rgba(0,0,0,0.3); } /* .boxshadow article, .boxshadow div#pagination a, */
.no-boxshadow article, .no-boxshadow div#pagination a { border-right: 3px solid #bbb; border-bottom: 3px solid #bbb; }
article a:link, article a:visited { border-bottom: 1px solid #bbb; }
article a:hover, article a:active { text-shadow: rgba(0,0,0,0.5) 1px 1px 0; }
article p.entry-meta { font-size: 13px; margin: 0; }
article p.entry-meta a { border: 0; color: #777; margin: 0 10px 0 0; }
article p.entry-meta a:hover, article p.entry-meta a:active { text-shadow: white 1px 1px 0; }
article p.entry-meta a:hover { background-color: #ddd; }
article p.entry-meta span.tags a { line-height: 22px; opacity: 0.5; }
article p.entry-meta span.tags a:hover { opacity: 1; }
article p.entry-meta span.tags a strong { color: #333; font-weight: normal; }
article ol, article ul { list-style-position: inside; margin: 0 0 22px 20px; }
article h2, article p.entry-meta { font-family: 'Helvetica Neue', Helvetica, Arial, Verdana, Sans-Serif; }
article.regular h2 { color: #3F5403; }
article.link h2 a { border-bottom: 1px solid transparent; color: #CF741E; border: 0; }
article.link h2 a:hover { background-color: transparent; border-bottom: 1px dashed #999; text-shadow: white 1px 1px 0; }
article.link h2 a span.arrow { color: #666; display: none; margin: 0 0 0 8px; }
article.link h2 a:hover span.arrow { display: inline; }
article.photo p.image a { border: 0; }
article.photo p.image a img { border: 1px solid #DBD5D0; padding: 7px; }
article.photo p.image a:hover { background-color: transparent; }
article.photo p.image a:hover img { border-color: #B3AFAA; }
article.quote blockquote { border: 0; padding: 0; }
article.quote blockquote div.words { font-size: 24px; line-height: 44px; margin: 0 0 22px 0; }
article.quote blockquote div.words:first-line { font-size: 34px; font-variant: small-caps; }
article.quote.long blockquote div.words { font-size: 19px; line-height: 24px; }
article.quote.long blockquote div.words:first-line { margin: 0 0 11px 0; }
article.quote div.source { font-style: italic; margin: 0 0 22px 0; }
article.conversation ul, article.conversation ol { list-style: none; margin: 0 0 22px 0; }
article.conversation li.user_1 { background-color: #E2DEE0; }
blockquote { border-left: 4px solid #bbb; padding: 0 0 0 15px; }
blockquote blockquote { opacity: 0.8; }
div.audio-player, div.video { margin: 0 0 22px 0; }
/* Pagination */
div#pagination { margin: 44px; }
div#pagination a:link, div#pagination a:visited { background: #FEF7EE url('/images/paper.jpg') repeat; display: block; padding: 22px; }
div#pagination a:hover, div#pagination a:active { background: #5386AD; }
div.previous { float: left; }
div.next { float: right; }
div.page { clear: both; color: #666; font-style: italic; text-align: center; }
div.page strong { font-style: normal; }
/* Notes */
ol.notes { margin: 22px 44px 44px 44px; }
ol.notes li.note { border-top: 1px solid white; border-bottom: 2px solid #CFCFCF; list-style: none; padding: 11px 0 11px 0; }
ol.notes li:first-child { border-top: none; }
ol.notes li:last-child { border-bottom: none; }
ol.notes li.note blockquote { margin: 11px 0 0 22px; }
/* Footer
------------------------------ */
footer { clear: both; color: #999; padding: 0 0 22px 0; text-align: center; }
/* self-clear floats */
.group:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .group { /* for IE6 */ height: 1%; }
*:first-child+html .group { /* for IE7 */ min-height: 1%; }
Jeff is a fiction writer by night, Software Development Manager at Hootsuite by day. He's also a former Fiction Editor of PRISM international.
His work has appeared most recently in Event, and has been previously published in the Vancouver Review and the Machine of Death anthology.
His story "Asymptote" won a National Magazine Award in fiction in 2010, and his story "Third Shift" won Event's 2017 Non-Fiction Contest.
His play "Blood Ties" was workshopped and performed in March 2003 at the Seaver Theatre in Claremont,
California, and was selected as a winner of the "Shorts!" One-Act Play Competition.
He is the previous recipient of a Joseph Armand Bombardier SSHRC scholarship, a BC Arts Council Scholarship in Creative Writing, a Fishtrap Fellowship, and a writer's residency at the Montana Artists' Refuge.
Publications and Awards
- Event, "Third Shift" (Winter 2017)
- Winner, Event Magazine's Nonfiction Contest (2017)
- "Asymptote" winner of Gold National Magazine Award for Fiction (2010)
- Machine of Death anthology, "Loss of Blood" (October 2010)
- Vancouver Review, "Significant Other" (Fall 2010)
- Event, "Asymptote" (Fall 2010)
- Awarded Joseph Armand Bombardier SSHRC scholarship (May 2010)
- Awarded BC Arts Council Fellowship (Sept 2009)
- The First Line, "Transgressions" (Spring 2007)
- The First Line, "The Split Up" (Winter 2006)
- Fishtrap Writing Fellowship (July 2005)
- Writer-in-residence at Montana Artists Refuge (June 2005)
- "Blood Ties" winner of "Shorts!" One-Act Play Competition (Feb 2003)